:root{--font-display: "Montserrat", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-hero: 28px;--text-h1: 20px;--text-h2: 16px;--text-body: 12.5px;--text-sm: 11.5px;--text-xs: 10.5px;--text-label: 10px;--text-micro: 9.5px}:root{--brand: #3FA9F5;--brand-hover: #5FC0FF;--brand-pressed: #1E6FB0;--canvas: #05070A;--card: #0A0E14;--modal: #111721;--glass-bg: rgba(17,23,33,.55);--glass-blur: 20px;--border-subtle: rgba(63,169,245,.1);--border-strong: rgba(63,169,245,.25);--text-high: #EAF2FB;--text-mid: #9FB2C8;--text-low: #5C6F86;--status-ok: #34D399;--status-warn: #FBBF24;--status-critical: #F43F5E;--status-info: #3FA9F5;--brand-tint-05: rgba(63,169,245,.05);--brand-tint-12: rgba(63,169,245,.12);--ok-tint-12: rgba(52,211,153,.12);--warn-tint-12: rgba(251,191,36,.12);--critical-tint-12: rgba(244,63,94,.12)}:root[data-theme=light]{--brand: #1E7FCB;--brand-hover: #2A93E6;--brand-pressed: #14608F;--canvas: #EEF3F9;--card: #FFFFFF;--modal: #FFFFFF;--glass-bg: rgba(255,255,255,.72);--border-subtle: rgba(30,111,176,.14);--border-strong: rgba(30,111,176,.3);--text-high: #0D1B2A;--text-mid: #43586E;--text-low: #7386A0;--brand-tint-05: rgba(30,127,203,.05);--brand-tint-12: rgba(30,127,203,.12)}:root[data-theme=light] body{background:var(--canvas);color:var(--text-high)}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}:root{--glow-brand: 0 0 0 1px var(--brand), 0 0 24px -6px var(--brand);--glow-brand-sm: 0 0 0 1px rgba(63,169,245,.3), 0 0 12px -4px var(--brand);--shadow-hover: 0 8px 22px -14px rgba(0,0,0,.9), 0 0 0 1px rgba(63,169,245,.12);--glow-ok: 0 0 8px var(--status-ok);--glow-warn: 0 0 8px var(--status-warn);--glow-critical: 0 0 8px var(--status-critical)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--canvas);color:var(--text-high);overflow:hidden;height:100vh;width:100vw}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:10000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3fa9f526;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3fa9f54d}::selection{background:#3fa9f54d;color:var(--text-high)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.text-high{color:var(--text-high)}.text-mid{color:var(--text-mid)}.text-low{color:var(--text-low)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--status-ok);box-shadow:0 0 8px var(--status-ok)}.status-dot.warning{background:var(--status-warn);box-shadow:0 0 8px var(--status-warn)}.status-dot.critical{background:var(--status-critical);box-shadow:0 0 8px var(--status-critical);animation:pulse-critical 2s ease-in-out infinite}.status-dot.offline{background:var(--text-low)}.status-dot.info{background:var(--status-info);box-shadow:0 0 8px var(--status-info)}@keyframes pulse-critical{0%,to{box-shadow:0 0 4px var(--status-critical)}50%{box-shadow:0 0 12px var(--status-critical),0 0 24px #f43f5e4d}}@keyframes pulse-online{0%,to{opacity:.7}50%{opacity:1}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge.ok{background:#34d3991f;color:var(--status-ok)}.badge.warn{background:#fbbf241f;color:var(--status-warn)}.badge.critical{background:#f43f5e1f;color:var(--status-critical)}.badge.info{background:#3fa9f51f;color:var(--status-info)}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}html:not(.anim-ready) [style*=fade-up]{animation:none!important;opacity:1!important;transform:none!important}@media print{[style*=fade-up]{animation:none!important;opacity:1!important;transform:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes count-glow{0%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 20px rgba(63,169,245,.4)}to{text-shadow:0 0 0 transparent}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.label-sm{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-low)}.divider{height:1px;background:var(--border-subtle);width:100%}.st-rowcard:hover{border-color:var(--border-strong)!important;box-shadow:var(--shadow-hover)!important;transform:translateY(-1px)}.st-clickrow:hover{background:var(--brand-tint-05)!important}.st-wcard{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;user-select:none}.st-cell:not(.editing):hover .st-wcard{border-color:var(--border-strong)!important;box-shadow:0 8px 22px -14px #000000e6,0 0 0 1px #3fa9f51f!important;transform:translateY(-1px)}.st-cell.editing{cursor:grab}.st-cell.editing:active{cursor:grabbing}.st-cell.editing .st-wcard{animation:st-jiggle .4s ease-in-out infinite alternate}.st-cell.st-dragging{opacity:.4}.st-cell.st-dragover .st-wcard{border-color:var(--brand)!important;box-shadow:0 0 0 2px var(--brand)!important}.st-cell.st-resizing .st-wcard{border-color:var(--brand)!important;box-shadow:0 0 0 2px var(--brand)!important;animation:none!important}.st-resize-handle{position:absolute;bottom:2px;right:2px;width:22px;height:22px;border-radius:0 0 var(--radius-md) 0;cursor:nwse-resize;z-index:6;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px;color:var(--brand);opacity:.7}.st-resize-handle:hover{opacity:1}.st-cell:not(.editing):hover .st-open-hint{opacity:.85}.st-rowcard{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.st-rowcard:hover{border-color:var(--border-strong)!important;box-shadow:0 8px 22px -14px #000000e6,0 0 0 1px #3fa9f524!important;transform:translateY(-1px)}.st-clickrow{transition:background .15s ease;cursor:pointer}.st-clickrow:hover{background:#3fa9f50d!important}@keyframes st-jiggle{0%{transform:rotate(-.45deg)}to{transform:rotate(.45deg)}}@keyframes st-threat-pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.st-threat-pulse{animation:st-threat-pulse 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.st-cell.editing .st-wcard,.st-threat-pulse{animation:none}}