*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0d0f14;--bg-surface: #13161e;--bg-card: #191d28;--bg-hover: #1f2333;--bg-input: #1a1e2a;--border: #252a38;--border-mid: #2e3548;--text-primary: #e8eaf0;--text-secondary: #8b90a0;--text-muted: #555b70;--accent: #3483fa;--accent-light: #5499fb;--accent-dim: rgba(52,131,250,.15);--on-accent: #ffffff;--ok: #22c55e;--ok-dim: rgba(34,197,94,.12);--warn: #f59e0b;--warn-dim: rgba(245,158,11,.12);--crit: #ef4444;--crit-dim: rgba(239,68,68,.12);--zero: #a855f7;--zero-dim: rgba(168,85,247,.12);--muted: #6b7280;--muted-dim: rgba(107,114,128,.12);--amber: #d4a017;--amber-dim: rgba(212,160,23,.12);--shadow-card: 0 1px 3px rgba(0,0,0,.4);--shadow-pop: 0 6px 20px rgba(0,0,0,.45);--overlay: rgba(0,0,0,.6);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px}[data-theme=light]{color-scheme:light;--bg-base: #f6f7f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f2f6;--bg-input: #f6f7f9;--border: #e5e8ef;--border-mid: #d4d9e3;--text-primary: #171a21;--text-secondary: #5b6272;--text-muted: #9aa1b2;--accent: #2563eb;--accent-light: #1d4ed8;--accent-dim: rgba(37,99,235,.1);--on-accent: #ffffff;--ok: #16a34a;--ok-dim: rgba(22,163,74,.1);--warn: #d97706;--warn-dim: rgba(217,119,6,.1);--crit: #dc2626;--crit-dim: rgba(220,38,38,.09);--zero: #9333ea;--zero-dim: rgba(147,51,234,.1);--muted: #6b7280;--muted-dim: rgba(107,114,128,.1);--amber: #b45309;--amber-dim: rgba(180,83,9,.1);--shadow-card: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.04);--shadow-pop: 0 8px 24px rgba(16,24,40,.14), 0 2px 6px rgba(16,24,40,.08);--overlay: rgba(16,24,40,.4)}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body,aside,header,.theme-transition{transition:background-color .2s ease,color .2s ease,border-color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-ok{background:var(--ok-dim);color:var(--ok)}.badge-warn{background:var(--warn-dim);color:var(--warn)}.badge-crit{background:var(--crit-dim);color:var(--crit)}.badge-zero{background:var(--zero-dim);color:var(--zero)}.badge-muted{background:var(--muted-dim);color:var(--muted)}.badge-blue{background:var(--accent-dim);color:var(--accent-light)}.dot{display:inline-block;width:8px;height:8px;border-radius:99px;flex-shrink:0}.dot-live{animation:livePulse 1.2s ease infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}