:root{--bg: #0a0d12;--bg-2: #0d1117;--panel: #11161e;--panel-2: #161c26;--panel-3: #1b2330;--border: #1f2733;--border-2: #2c3645;--border-3: #3a4757;--text: #d7dde8;--text-dim: #8b97a8;--text-mute: #5b6573;--accent: #3fb950;--accent-dim: #2ea043;--amber: #ffb000;--red: #ff4d5b;--orange: #ff8a3d;--blue: #4d8eff;--violet: #8b6cff;--slate: #6b7891;--sev-crit: #ff4d5b;--sev-high: #ff8a3d;--sev-med: #ffb000;--sev-low: #4d8eff;--sev-info: #8b6cff;--sev-ok: #3fb950;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--r: 6px;--r-md: 8px;--r-sm: 4px;--gap: 14px;--pad: 18px;--shadow: 0 1px 0 0 rgba(255,255,255,.02), 0 12px 32px -16px rgba(0,0,0,.6);--void: var(--bg);--void-2: var(--bg-2);--surface: var(--panel);--surface-2: var(--panel-2);--border-strong: var(--border-2);--text-faint: var(--text-mute);--cyan: var(--accent);--teal: var(--accent);--green: var(--accent);--magenta: var(--red);--crit: var(--sev-crit);--high: var(--sev-high);--med: var(--sev-med);--low: var(--sev-low);--info: var(--sev-info);--ok: var(--sev-ok);--font-display: var(--font-sans);--font-ui: var(--font-sans);--grad-cyber: linear-gradient(135deg, var(--accent-dim), var(--amber));--grad-cyber-soft: var(--accent-dim);--shadow-glow: var(--shadow);--shadow-deep: var(--shadow);--radius: var(--r-md);--radius-lg: var(--r-md)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-size:14px}#root{min-height:100vh;background:radial-gradient(70% 50% at 80% -10%,rgba(63,185,80,.07),transparent 60%),radial-gradient(60% 50% at 10% 110%,rgba(255,176,0,.045),transparent 60%),var(--bg);background-attachment:fixed}::selection{background:#3fb95047;color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:0;border:2px solid var(--bg-2)}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.mute{color:var(--text-mute)}.upper{text-transform:uppercase;letter-spacing:.08em}.label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.panel-title{font-size:13px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.panel-title .label{color:var(--text-mute)}.panel-body{padding:16px}.hud{position:relative}.hud:before,.hud:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--border-3);border-style:solid;pointer-events:none}.hud:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hud:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r);font-size:13px;font-weight:500;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);transition:border-color .15s,background .15s,color .15s,transform .05s}.btn:hover{border-color:var(--border-3);background:var(--panel-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn .icon{width:15px;height:15px}.btn--accent{background:var(--accent-dim);border-color:var(--accent-dim);color:#06120a;font-weight:600}.btn--accent:hover{background:var(--accent);border-color:var(--accent)}.btn--ghost{background:transparent}.btn--ghost:hover{background:var(--panel-2)}.btn--danger{color:var(--red);border-color:#ff4d5b59;background:transparent}.btn--danger:hover{background:#ff4d5b1a;border-color:var(--red)}.btn--sm{padding:5px 10px;font-size:12px}.btn--lg{padding:12px 22px;font-size:14px}.btn--block{width:100%;justify-content:center}.ibtn{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--text-mute);border:1px solid var(--border);background:transparent;transition:all .15s}.ibtn:hover{color:var(--text);border-color:var(--border-2);background:var(--panel-2)}.ibtn--danger:hover{color:var(--red);border-color:#ff4d5b66;background:#ff4d5b14}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);border:1px solid var(--border-2);background:var(--bg-2)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sev-badge{--s: var(--text-mute);display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--s);background:color-mix(in srgb,var(--s) 12%,transparent);border:1px solid color-mix(in srgb,var(--s) 30%,transparent)}.sev-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--s)}.sev-crit{--s: var(--sev-crit)}.sev-high{--s: var(--sev-high)}.sev-med{--s: var(--sev-med)}.sev-low{--s: var(--sev-low)}.sev-info{--s: var(--sev-info)}.sev-ok{--s: var(--sev-ok)}.sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-crit{background:var(--sev-crit)}.dot-high{background:var(--sev-high)}.dot-med{background:var(--sev-med)}.dot-low{background:var(--sev-low)}.dot-info{background:var(--sev-info)}.dot-ok{background:var(--sev-ok)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-mute)}.status.on{color:var(--accent)}.status.on:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status.warn{color:var(--amber)}.status.warn:before{background:var(--amber)}.status.off{color:var(--red)}.status.off:before{background:var(--red)}.kv{display:flex;flex-direction:column}.kv-row{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:6px 0;border-bottom:1px dashed var(--border)}.kv-row:last-child{border-bottom:none}.kv-k{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;padding-top:1px}.kv-v{font-size:13px;color:var(--text);word-break:break-word}.dstrip{display:grid;grid-template-columns:repeat(var(--n, 4),1fr);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}.dcell{padding:14px 16px;border-right:1px solid var(--border)}.dcell:last-child{border-right:none}.dcell .dcell-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute);margin-bottom:6px}.dcell .dcell-v{font-family:var(--font-mono);font-size:22px;font-weight:600;line-height:1}.dcell .dcell-v.lg{font-size:30px}.hr{height:1px;background:var(--border);border:none}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.severity-critical{--sev: var(--sev-crit)}.severity-high{--sev: var(--sev-high)}.severity-medium{--sev: var(--sev-med)}.severity-low{--sev: var(--sev-low)}.severity-info{--sev: var(--sev-info)}.severity-ok{--sev: var(--sev-ok)}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}