:root{--font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 10px;--accent: #2f7ded;--ok: #16a34a;--warn: #d97706;--bad: #dc2626}html[data-theme=light]{--bg: #f4f6fa;--bg-2: #eef1f6;--surface: #ffffff;--border: #dde3ec;--text: #16202c;--text-2: #556172;--accent: #2f7ded}html[data-theme=dark]{--bg: #0e1116;--bg-2: #151a21;--surface: #1a212b;--border: #2a333f;--text: #e6edf5;--text-2: #9aa7b5;--accent: #4b8ef0}html[data-theme=midnight]{--bg: #070a12;--bg-2: #0d1220;--surface: #121a2c;--border: #1e2b45;--text: #e8ecf6;--text-2: #8b98b8;--accent: #6366f1}html[data-theme=ocean]{--bg: #0b1f2a;--bg-2: #0f2a38;--surface: #123544;--border: #1d4a5c;--text: #e3f2f7;--text-2: #8fb6c4;--accent: #22b8cf}html[data-theme=solarized]{--bg: #fdf6e3;--bg-2: #f3ecd6;--surface: #fffbf0;--border: #e4dcc4;--text: #073642;--text-2: #657b83;--accent: #b58900}html[data-theme=high-contrast]{--bg: #000000;--bg-2: #0a0a0a;--surface: #111111;--border: #ffffff;--text: #ffffff;--text-2: #d0d0d0;--accent: #ffd400;--ok: #00e676;--warn: #ffab00;--bad: #ff5252}html[data-theme=netgear]{--accent: #1cb9a0;--bg: #f1f5f9;--bg-2: #e8eef4;--surface: #ffffff;--border: #e2e8f0;--text: #101520;--text-2: #64748b}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column}.brand{font-weight:700;font-size:15px;padding:6px 10px 16px;display:flex;align-items:center;gap:9px}.brand .dot{width:10px;height:10px;border-radius:3px;background:var(--accent)}.nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;color:var(--text-2);font-weight:500;font-size:14px;transition:background .15s ease,color .15s ease}.nav a .ico{width:18px;height:18px;display:inline-flex;flex:0 0 18px}.nav a .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav a.active,.nav a:hover{background:var(--surface);color:var(--text)}.nav a.active{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.main{padding:0 0 32px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 28px;background:var(--bg);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1}.topbar select,.topbar button{font-family:inherit;font-size:12.5px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.topbar label{font-size:11px;color:var(--text-2)}.page{padding:24px 28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}th{color:var(--text-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}html[data-density=compact] th,html[data-density=compact] td{padding:5px 9px;font-size:12.5px}html[data-density=compact] .card{padding:12px 14px}