:root{--bg:#eef1f6;--surface-sunken:#e5e9f0;--surface:#fff;--surface-raised:#fff;--surface-nav:#121a2b;--surface-nav-active:#1c2740;--text-primary:#0f1726;--text-secondary:#5b6472;--text-inverse:#eef1f6;--text-inverse-muted:#9aa5bd;--brand-primary:#13335c;--brand-primary-strong:#0b2444;--brand-accent:#c08a28;--brand-accent-soft:#f6e9d1;--hierarchy-root-bg:#1f4d36;--sev-unknown:#8a94a6;--sev-unknown-bg:#eceef2;--sev-good:#1f9d55;--sev-good-bg:#e4f6ea;--sev-monitor:#0ea5b7;--sev-monitor-bg:#e2f6f9;--sev-moderate:#d97706;--sev-moderate-bg:#fdf0dc;--sev-severe:#e4572e;--sev-severe-bg:#fde7df;--sev-critical:#b91c1c;--sev-critical-bg:#fadbdb;--shadow-sm:0 1px 2px #0f17260f, 0 1px 1px #0f17260a;--shadow-md:0 8px 24px #0f172614, 0 2px 6px #0f17260d;--shadow-lg:0 16px 40px #0f17261f, 0 4px 10px #0f17260f;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-pill:999px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.pill-dot{border-radius:50%;flex:none;width:6px;height:6px}button{font-family:inherit}.hoverable{cursor:pointer;transition:background-color .12s}.hoverable:hover{background:var(--surface-sunken)}.hoverable-tint{cursor:pointer;transition:filter .12s}.hoverable-tint:hover{filter:brightness(.93)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd3e0;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.login-shell{background:var(--surface-nav);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.25rem;width:100%;max-width:380px;padding:2.5rem 2.25rem;display:flex}.login-logo{flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-logo-img{object-fit:contain;width:auto;height:48px}.login-product{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.login-sub{font-family:var(--font-body);color:var(--text-secondary);text-align:center;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:.875rem;display:flex}.login-form label{font-family:var(--font-body);color:var(--text-primary);flex-direction:column;gap:.3rem;font-size:.8125rem;font-weight:600;display:flex}.login-form input{border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text-primary);background:var(--surface);border:1px solid #cbd3e0;outline:none;padding:.5rem .625rem;font-size:.875rem;transition:border-color .15s}.login-form input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #13335c1f}.login-error{font-family:var(--font-body);color:var(--sev-critical);background:var(--sev-critical-bg);border-radius:var(--radius-sm);padding:.5rem .625rem;font-size:.8125rem}.login-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.login-btn:hover:not(:disabled){background:var(--brand-primary-strong)}.login-btn:disabled{opacity:.6;cursor:not-allowed}