:root{--bg-void: #04070D;--bg-base: #080C16;--bg-surface: #0D1320;--bg-elevated:#111A2B;--cyan-300: #7DF9FF;--cyan-400: #38E5FF;--cyan-500: #00D4FF;--cyan-600: #00A8D6;--cyan-700: #007EA3;--blue-400: #38BDF8;--blue-500: #0EA5E9;--danger: #FF2D55;--warning: #FF8A3D;--success: #00F5A0;--text-primary: #E6F6FF;--text-secondary: #8FA8C4;--text-muted: #5A7090;--text-accent: #00D4FF;--border-subtle: rgba(0,212,255,.1);--border-default: rgba(0,212,255,.22);--border-strong: rgba(0,212,255,.5);--grid-line: rgba(56,189,248,.05);--glow-text: 0 0 8px rgba(0,212,255,.7);--glow-cyan-sm: 0 0 8px rgba(0,212,255,.45);--glow-cyan-md: 0 0 16px rgba(0,212,255,.4), 0 0 32px rgba(0,212,255,.2);--glow-success: 0 0 16px rgba(0,245,160,.45);--glow-danger: 0 0 16px rgba(255,45,85,.45);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--font-display: "Rajdhani", sans-serif;--font-body: "Exo 2", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-void);background-image:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(0,168,214,.12),transparent 70%),radial-gradient(ellipse 40% 30% at 95% 100%,rgba(29,78,216,.08),transparent 70%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,40px 40px,40px 40px;background-attachment:fixed;height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.glow-text{text-shadow:var(--glow-text)}.panel{position:relative;background:linear-gradient(180deg,#111a2bbf,#0d1320bf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.panel:before,.panel:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cyan-500);border-style:solid;pointer-events:none}.panel:before{top:6px;left:6px;border-width:1.5px 0 0 1.5px}.panel:after{bottom:6px;right:6px;border-width:0 1.5px 1.5px 0}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dot--live{background:var(--success);box-shadow:var(--glow-success);animation:pulse-soft 2s ease-in-out infinite}.dot--offline{background:var(--danger);box-shadow:var(--glow-danger)}.badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:3px 9px;border-radius:999px;border:1px solid currentColor;display:inline-flex;align-items:center;gap:6px}.badge--online{color:var(--success)}.badge--offline{color:var(--danger)}.badge--warn{color:var(--warning)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}