@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 16px;--font-size-lg: 18px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--touch-target-min: 44px}:root{--bg-root: #05070d;--bg-panel: #0a0e1a;--bg-elev-1: #11162a;--bg-elev-2: #1a2140;--text-primary: #e4ecf5;--text-secondary: #a3adc4;--text-dim: #7c8cad;--border: rgba(110, 231, 255, .12);--border-strong: rgba(110, 231, 255, .28);--accent-cyan: #6ee7ff;--accent-cyan-soft: rgba(110, 231, 255, .15);--accent-purple: #c77dff;--accent-purple-soft: rgba(199, 125, 255, .12);--accent-gold: #ffd166;--accent-green: #06d6a0;--accent-coral: #ef476f;--glow-cyan: 0 0 20px rgba(110, 231, 255, .4), 0 0 40px rgba(110, 231, 255, .15);--glow-purple: 0 0 20px rgba(199, 125, 255, .4), 0 0 40px rgba(199, 125, 255, .15);--glow-gold: 0 0 18px rgba(255, 209, 102, .6);--viz-violet: #a78bfa;--viz-blue: #60a5fa;--viz-emerald: #34d399;--viz-rose: #fb7185;--viz-red: #f87171;--viz-sky: #67e8f9;--viz-mint: #86efac;--viz-amber: #fbbf24;--viz-cyan-bright: #22d3ee;--viz-orange: #fb923c;--viz-lime: #a3e635;--viz-purple-bright: #c084fc;--viz-purple-2: #a855f7;--viz-yellow: #facc15;--viz-slate: #94a3b8;--viz-cream: #fde68a;--viz-pink: #fda4af;--viz-green-bright: #4ade80;--viz-gray: #647085;--severity-low: #10b981;--severity-low-bg: #053f2f;--severity-medium: #f59e0b;--severity-medium-bg: #6a2f0d;--severity-high: #f97316;--severity-high-bg: #581f0c;--severity-critical: #ef4444;--severity-critical-bg: #380c0c;--status-running: #22c55e;--status-paused: #f59e0b;--status-idle: #6b7280;--bg-topbar: #0f0f1a;--bg-modal: #111827;--accent-dim: rgba(59, 130, 246, .13);--text-on-accent: #ffffff;--text-muted: #9ca3af;--border-neutral: #374151;--btn-success: #047857;--btn-success-active: #065f46;--bg-void: #020408;--info-text: #93c5fd;--info-text-strong: #bfdbfe}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg-root);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased}#root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.web-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;border-bottom:1px solid var(--border);background:var(--bg-elev-1);flex-shrink:0}.web-topbar__brand{display:flex;align-items:center;gap:8px}.web-topbar__icon{font-size:18px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.web-topbar__title{font-size:13px;font-weight:600;letter-spacing:.05em}.web-topbar__version{font-size:10px;color:var(--text-dim);padding:2px 6px;background:var(--bg-elev-2);border-radius:4px;letter-spacing:.1em}.web-topbar__user{font-size:10px;color:var(--text-dim);padding:3px 8px;border-radius:4px;background:var(--bg-elev-2)}.web-page{flex:1;overflow:auto;padding:24px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.dot--pulse{animation:pulse 1.5s ease-in-out infinite}:focus-visible{outline:2px solid var(--accent-cyan, #06b6d4);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.dot--pulse{animation:none;opacity:1}}