:root{--bg: #0d1117;--bg-elev: #161b22;--bg-elev-2: #1c2330;--border: #2a3441;--text: #e6edf3;--text-dim: #8b98a5;--accent: #4c9aff;--accent-dim: #1f6feb;--ok: #3fb950;--warn: #d29922;--danger: #f85149;--new: #bc8cff;--sev-critical: #f85149;--sev-high: #ff7b52;--sev-medium: #d29922;--sev-low: #4c9aff;--sev-info: #8b98a5;--radius: 8px;--gap: 16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.92em}a{color:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--gap);padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-wrap:wrap}.brand{font-weight:700;font-size:16px;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.brand-mark{color:var(--accent)}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:6px 12px;border-radius:var(--radius);color:var(--text-dim);text-decoration:none}.nav a:hover,.nav a.active{background:var(--bg-elev-2);color:var(--text)}.spacer{flex:1}.content{padding:20px;flex:1;max-width:1400px;width:100%;margin:0 auto}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 12px;font-size:15px}.grid{display:grid;gap:var(--gap)}.muted{color:var(--text-dim)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev-2);font-size:12px;white-space:nowrap}.pill.ok{border-color:var(--ok);color:var(--ok)}.pill.off{border-color:var(--border);color:var(--text-dim)}.pill.warn{border-color:var(--warn);color:var(--warn)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}button,.btn{font:inherit;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}input,select,textarea{font:inherit;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-dim);outline-offset:-1px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.banner{border:1px solid var(--border);border-left:3px solid var(--warn);background:var(--bg-elev);border-radius:var(--radius);padding:12px 16px;margin-bottom:var(--gap);color:var(--text-dim)}.error{color:var(--danger)}