:root{--teal:#3fb8c4;--teal-dark:#2a8a94;--teal-light:#e8f7f9;--coral:#e8734a;--coral-dark:#c55a36;--coral-light:#fdf0ec;--bg:#f8f9fb;--bg-card:#fff;--text:#1a1a2e;--text-dim:#6b7280;--border:#e5e7eb;--border-hover:#d1d5db;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font);border:none;padding:8px 16px;font-size:14px;transition:all .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-coral{background:var(--coral);color:#fff;font-weight:600}.btn-coral:hover:not(:disabled){background:var(--coral-dark)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.navbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-inner{align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav-brand{color:var(--teal-dark);white-space:nowrap;font-size:17px;font-weight:700}.nav-tabs{flex:1;gap:4px;display:flex}.nav-tab{color:var(--text-dim);background:0 0;border-radius:6px;padding:6px 14px;font-size:14px;font-weight:500}.nav-tab:hover{background:var(--teal-light);color:var(--teal-dark)}.nav-tab.active{background:var(--teal-light);color:var(--teal-dark);font-weight:600}.nav-actions{align-items:center;gap:8px;display:flex}.nav-lang{background:var(--bg);color:var(--text-dim);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.nav-logout{color:var(--text-dim);background:0 0;padding:4px 8px;font-size:13px}.nav-logout:hover{color:var(--danger)}.page-container{max-width:1200px;margin:0 auto;padding:24px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;width:90%;max-width:480px;max-height:85vh;padding:28px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{font-size:18px}.modal-close{color:var(--text-dim);background:0 0;padding:2px 6px;font-size:22px;line-height:1}.badge{border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pass{color:#065f46;background:#d1fae5}.badge-caution{color:#92400e;background:#fef3c7}.badge-warning{color:#9a3412;background:#ffedd5}.badge-critical{color:#991b1b;background:#fee2e2}@media (width<=768px){.navbar{padding:0 12px}.nav-brand{font-size:15px}.nav-tab{padding:6px 10px;font-size:13px}.page-container{padding:16px}}