:root{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f0f3f9;--border: #dfe4ec;--text: #1a2233;--text-muted: #616d84;--primary: #2563eb;--primary-contrast: #ffffff;--danger: #dc2626;--ok: #16a34a;--warn: #d97706;--sig-excellent: #16a34a;--sig-good: #65a30d;--sig-fair: #d97706;--sig-poor: #ea580c;--sig-bad: #dc2626;--sig-unknown: #94a3b8}:root[data-theme=dark]{--bg: #0e1420;--surface: #161d2b;--surface-2: #1d2636;--border: #2a3446;--text: #e6ebf4;--text-muted: #94a3b8;--primary: #3b82f6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1420;--surface: #161d2b;--surface-2: #1d2636;--border: #2a3446;--text: #e6ebf4;--text-muted: #94a3b8;--primary: #3b82f6}}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--primary);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:7px 13px;transition:background .12s,border-color .12s}button:hover{background:var(--surface-2)}button.primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}button.primary:hover{filter:brightness(1.08)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 9px;width:100%}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8em;background:var(--surface-2);border:1px solid var(--border)}.pill-ok{color:var(--ok)}.pill-err{color:var(--danger)}.pill-warn{color:var(--warn)}.sig-excellent{color:var(--sig-excellent)}.sig-good{color:var(--sig-good)}.sig-fair{color:var(--sig-fair)}.sig-poor{color:var(--sig-poor)}.sig-bad{color:var(--sig-bad)}.sig-unknown{color:var(--sig-unknown)}.spin{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}