:root,:root[data-theme=daylight]{color-scheme:light;--bg: #eef1f6;--card: #ffffff;--raised: #ffffff;--overlay-panel: rgba(255,255,255,.96);--header-blur: rgba(255,255,255,.9);--tabbar-blur: rgba(255,255,255,.96);--input-bg: #f4f6fa;--ink: #0c1626;--t70: #2b3650;--t60: #46536b;--t50: #4a576e;--t45: #4e5a72;--t40: #55617a;--t35: #5a667f;--t30: #5f6b85;--t25: #94a3b8;--t20: #a2adc2;--border-strong: #c8d2e2;--border: #d9e0ec;--border-soft: #dfe5f0;--divider: #e6ebf4;--fill: #f1f4f9;--fill-2: #f4f7fb;--fill-3: #f6f8fb;--chip: #e9edf5;--hover-row: #f6f8fb;--ok-text: #15803d;--ok-dot: #15803d;--ok-strong: #16a34a;--ok-bg: #dcfce7;--ok-bg-soft: #ecfdf3;--ok-border: #86efac;--danger: #dc2626;--danger-text: #b91c1c;--danger-soft-text: #b91c1c;--danger-bg: #fef2f2;--danger-bg-soft: #fef6f6;--danger-border: #fca5a5;--warn: #b45309;--warn-text: #92400e;--warn-bg: #fef3c7;--warn-bg-soft: #fefce8;--warn-border: #fcd34d;--optic-low: #c2410c;--optic-high: #c026d3;--tie-1: #1d4ed8;--tie-2: #7c3aed;--tie-3: #0f766e;--tie-4: #be185d;--tie-5: #4338ca;--tie-6: #0e7490;--optic-high-bg: #fae8ff;--accent: #1d4ed8;--accent-strong: #2563eb;--primary: #2563eb;--on-solid: #ffffff;--accent-bg: #e8eefb;--accent-bg-soft: #eff3fc;--accent-border: #b6c8f0;--accent-border-soft: #cdd9f2;--purple-text: #6d28d9;--purple: #7c3aed;--purple-bg: #f3e8ff;--purple-border: #d8b4fe;--cyan-text: #0e7490;--cyan: #0891b2;--site-1: #0284c7;--site-2: #6d28d9;--site-3: #be185d;--site-4: #0f766e;--site-5: #4338ca;--site-6: #0e7490;--cyan-bg: #cffafe;--slate-text: #55617a;--slate-text-2: #8a94ab;--slate-dim: #94a3b8;--slate-line: #cbd5e1;--grid-major: rgba(220,38,38,.22);--grid-minor: rgba(37,99,235,.1);--traffic-in: #16a34a;--traffic-out: #7c3aed;--graph-in: var(--traffic-in);--graph-out: var(--traffic-out);--packets-in: #0891b2;--packets-out: #db2777;--nu-in: #0f766e;--nu-out: #7c2d12;--login-grid: rgba(29,78,216,.05);--login-glow: rgba(37,99,235,.08);--login-card-border: #d9e0ec;--scrollbar-track: #e6ebf4;--scrollbar-thumb: #c3cede;--shadow-card: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--shadow-pop: 0 8px 32px rgba(16,24,40,.16);--console-bg: #060912;--console-titlebar: #0a0f1c;--console-text: #cbd5e1;--console-dim: rgba(230,237,247,.4);--console-faint: rgba(230,237,247,.22);--console-border: rgba(148,163,184,.15);--console-ok: #4ade80;--console-danger: #f87171;--console-warn: #fbbf24;--diff-add-bg: rgba(34,197,94,.08);--diff-add-text: #4ade80;--diff-del-bg: rgba(239,68,68,.08);--diff-del-text: #f87171}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1020;--card: #111a2c;--raised: #172236;--overlay-panel: rgba(17,26,44,.95);--header-blur: rgba(11,16,32,.92);--tabbar-blur: rgba(11,16,32,.96);--input-bg: #0d1526;--ink: #e6edf7;--t70: rgba(230,237,247,.8);--t60: rgba(230,237,247,.73);--t50: rgba(230,237,247,.67);--t45: rgba(230,237,247,.63);--t40: rgba(230,237,247,.6);--t35: rgba(230,237,247,.57);--t30: rgba(230,237,247,.54);--t25: rgba(230,237,247,.25);--t20: rgba(230,237,247,.2);--border-strong: rgba(255,255,255,.15);--border: rgba(255,255,255,.1);--border-soft: rgba(255,255,255,.08);--divider: rgba(255,255,255,.06);--fill: rgba(255,255,255,.05);--fill-2: rgba(255,255,255,.03);--fill-3: rgba(255,255,255,.02);--chip: rgba(255,255,255,.08);--hover-row: rgba(148,163,184,.05);--ok-text: #4ade80;--ok-dot: #22c55e;--ok-strong: #16a34a;--ok-bg: rgba(34,197,94,.1);--ok-bg-soft: rgba(34,197,94,.05);--ok-border: rgba(34,197,94,.3);--danger: #ef4444;--danger-text: #f87171;--danger-soft-text: #fca5a5;--danger-bg: rgba(239,68,68,.1);--danger-bg-soft: rgba(239,68,68,.05);--danger-border: rgba(239,68,68,.3);--warn: #f59e0b;--warn-text: #fbbf24;--warn-bg: rgba(251,191,36,.1);--warn-bg-soft: rgba(251,191,36,.05);--warn-border: rgba(251,191,36,.25);--optic-low: #fb923c;--optic-high: #e879f9;--tie-1: #60a5fa;--tie-2: #a78bfa;--tie-3: #2dd4bf;--tie-4: #f472b6;--tie-5: #818cf8;--tie-6: #22d3ee;--optic-high-bg: rgba(217,70,239,.12);--accent: #60a5fa;--accent-strong: #3b82f6;--primary: #2563eb;--accent-bg: rgba(37,99,235,.12);--traffic-in: #22c55e;--traffic-out: #a78bfa;--packets-in: #22d3ee;--packets-out: #f472b6;--nu-in: #5eead4;--nu-out: #d4a373;--accent-bg-soft: rgba(37,99,235,.06);--accent-border: rgba(37,99,235,.3);--accent-border-soft: rgba(37,99,235,.15);--purple-text: #a78bfa;--purple: #8b5cf6;--purple-bg: rgba(139,92,246,.12);--purple-border: rgba(139,92,246,.3);--cyan-text: #22d3ee;--cyan: #06b6d4;--site-1: #38bdf8;--site-2: #a78bfa;--site-3: #f472b6;--site-4: #2dd4bf;--site-5: #818cf8;--site-6: #22d3ee;--cyan-bg: rgba(6,182,212,.1);--slate-text: #94a3b8;--slate-text-2: #64748b;--slate-dim: #475569;--slate-line: #334155;--grid-major: rgba(248,113,113,.3);--grid-minor: rgba(96,165,250,.16);--login-grid: rgba(37,99,235,.04);--login-glow: rgba(37,99,235,.12);--login-card-border: rgba(37,99,235,.2);--scrollbar-track: #0f1623;--scrollbar-thumb: #1e3a5f;--shadow-card: none;--shadow-pop: 0 8px 32px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--ink);font-family:Sora,sans-serif;transition:background .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes livePulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--dur-1: .12s;--dur-2: .2s;--dur-3: .3s;--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-pop: cubic-bezier(.25, .9, .35, 1.04)}.anim-page-host>:last-child{animation:pageIn var(--dur-3) var(--ease-out) backwards}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}button{transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1) var(--ease-out)}button:not(:disabled):hover{filter:brightness(1.05)}button:not(:disabled):active{transform:scale(.98);filter:brightness(.94)}:where(button,a,select,[role=button],[role=switch]):focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}:where(input,textarea):focus-visible{outline:2px solid var(--accent-strong)!important;outline-offset:2px!important}.anim-overlay{animation:overlayIn var(--dur-2) ease-out both}@keyframes overlayIn{0%{opacity:0}}.anim-modal{animation:modalIn var(--dur-2) var(--ease-pop) both}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.anim-drawer-right{animation:drawerRight var(--dur-2) var(--ease-out) both}@keyframes drawerRight{0%{opacity:.4;transform:translate(28px)}}.anim-sheet-up{animation:sheetUp .26s var(--ease-out) both}@keyframes sheetUp{0%{opacity:.4;transform:translateY(24px)}}.anim-pop{animation:popIn var(--dur-2) var(--ease-pop) both}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.99)}}.dash-lanes{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px;align-items:start}.dash-lane{display:grid;grid-template-columns:1fr;gap:16px;min-width:0}@media(min-width:1200px){.dash-lanes{grid-template-columns:minmax(0,1fr) minmax(300px,400px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=dark] .brand-glyph{filter:saturate(.4) brightness(.85);opacity:.75}