:root{--brand-dark:#0b1636;--brand-cyan:#0cc9ff;--brand-cyan-dim:#0cc9ff1f;--brand-cyan-glow:#0cc9ff66;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg:#060d1f;--bg-card:#0d1b3e;--bg-panel:#0a1428;--text:#e2e8f0;--text-muted:#94a3b8;--text-faint:#475569;--border:#1a2a45;--divider:#1e2a3a;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono:"SF Mono", "Fira Code", Consolas, monospace;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#0cc9ff08 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.btn{cursor:pointer;white-space:nowrap;height:40px;font-size:13px;font-weight:600;font-family:var(--font-ui);border:none;border-radius:8px;align-items:center;gap:7px;padding:0 18px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-cyan);color:#0b1636}.btn-primary:hover{box-shadow:0 0 20px var(--brand-cyan-glow);background:#32d4ff}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}.btn-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.input{background:var(--bg);border:1px solid var(--border);width:100%;height:40px;color:var(--text);font-size:13px;font-family:var(--font-ui);border-radius:8px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px var(--brand-cyan-dim)}.badge-online{color:var(--success);background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-offline{color:#64748b;background:#64748b1f;border:1px solid #64748b33;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-cyan{background:var(--brand-cyan-dim);color:var(--brand-cyan);border:1px solid #0cc9ff40;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--brand-cyan-glow)}50%{box-shadow:0 0 40px var(--brand-cyan-glow),0 0 60px #0cc9ff33}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes signal-arrive{0%{opacity:0;transform:scale(.8)translateY(10px)}60%{transform:scale(1.04)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}