@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--c-bg:#050c1a;--c-surface-1:#0a1628;--c-surface-2:#0f1e35;--c-surface-3:#152543;--c-border:#3882d626;--c-border-glow:#38beff59;--c-teal:#00d4ff;--c-teal-dim:#00d4ff1f;--c-teal-mid:#00d4ff59;--c-green:#00ff9d;--c-green-dim:#00ff9d1f;--c-orange:#ff7e2e;--c-orange-dim:#ff7e2e26;--c-red:#f46;--c-red-dim:#ff446626;--c-purple:#b57bff;--c-text-primary:#e8f4ff;--c-text-secondary:#7fa8d4;--c-text-muted:#3d6080;--glow-teal:0 0 20px #00d4ff40, 0 0 60px #00d4ff14;--glow-green:0 0 20px #00ff9d33;--r-card:16px;--r-chip:8px;--r-btn:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--c-bg);color:var(--c-text-primary);background-image:radial-gradient(80% 50% at 50% -20%,#0064b440 0%,#0000 70%),radial-gradient(40% 30% at 80% 100%,#0028644d 0%,#0000 60%);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}:where(a,button,input,select):focus-visible{outline:2px solid var(--c-teal);outline-offset:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-surface-1)}::-webkit-scrollbar-thumb{background:var(--c-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-teal-mid)}.glass{-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid var(--c-border);border-radius:var(--r-card);background:#0a1628b3}.glass:hover{border-color:var(--c-border-glow);transition:border-color .3s}.gradient-text{background:linear-gradient(135deg, var(--c-teal) 0%, var(--c-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.chip-live{background:var(--c-green-dim);color:var(--c-green);border:1px solid #00ff9d4d}.chip-stopped{background:var(--c-red-dim);color:var(--c-red);border:1px solid #ff44664d}.chip-warn{background:var(--c-orange-dim);color:var(--c-orange);border:1px solid #ff7e2e4d}.pulse{background:var(--c-green);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-anim;box-shadow:0 0 #00ff9d99}@keyframes pulse-anim{0%{box-shadow:0 0 #00ff9d99}70%{box-shadow:0 0 0 8px #00ff9d00}to{box-shadow:0 0 #00ff9d00}}.btn-primary{color:#fff;border-radius:var(--r-btn);background:linear-gradient(135deg,#006fad 0%,#0092d9 100%);align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0092d966}.btn-primary:active{transform:translateY(0)}.btn-danger{color:var(--c-red);border-radius:var(--r-btn);background:#ff446626;border:1px solid #ff44664d;align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.btn-danger:hover{background:#ff446647;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--c-border);color:var(--c-text-secondary);border-radius:var(--r-btn);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--c-teal-mid);color:var(--c-teal)}.skeleton{background:linear-gradient(90deg, var(--c-surface-2) 25%, var(--c-surface-3) 50%, var(--c-surface-2) 75%);background-size:200% 100%;border-radius:8px;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.5s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mono{font-family:JetBrains Mono,monospace}