:root{--bg-primary: #060813;--bg-secondary: #0b0f19;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--border-color: rgba(56, 189, 248, .15);--border-color-glow: rgba(0, 242, 254, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #00f2fe;--accent-blue: #3b82f6;--accent-purple: #7c4dff;--accent-emerald: #00e676;--accent-amber: #f59e0b;--accent-rose: #ff0844;--gradient-cyan: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--gradient-rose: linear-gradient(135deg, #ff0844 0%, #ff4e50 100%);--gradient-purple: linear-gradient(135deg, #7c4dff 0%, #b444ff 100%);--gradient-emerald: linear-gradient(135deg, #00e676 0%, #10b981 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow: 0 0 25px rgba(0, 242, 254, .15);--shadow-rose-glow: 0 0 25px rgba(255, 8, 68, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 50% 0%,rgba(0,242,254,.08) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(124,77,255,.05) 0%,transparent 50%),linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-color-glow);box-shadow:var(--shadow-glow)}.glass-panel-danger{border-color:#ff08444d}.glass-panel-danger:hover{border-color:var(--accent-rose);box-shadow:var(--shadow-rose-glow)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.badge-emerald{background:#00e6761a;color:var(--accent-emerald);border:1px solid rgba(0,230,118,.3)}.badge-rose{background:#ff08441a;color:var(--accent-rose);border:1px solid rgba(255,8,68,.3)}.badge-cyan{background:#00f2fe1a;color:var(--accent-cyan);border:1px solid rgba(0,242,254,.3)}.badge-amber{background:#f59e0b1a;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-purple{background:#7c4dff1a;color:var(--accent-purple);border:1px solid rgba(124,77,255,.3)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot-emerald{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.status-dot-emerald:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1px solid var(--accent-emerald);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.8);opacity:0}to{transform:scale(.95);opacity:0}}code,pre{font-family:var(--font-mono)}.btn-primary{background:var(--gradient-cyan);color:#040814;font-weight:700;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-family:var(--font-sans);font-size:.875rem;box-shadow:0 4px 14px #00f2fe4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe80}.btn-secondary{background:#1e293bcc;color:var(--text-primary);font-weight:600;padding:10px 20px;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-size:.875rem}.btn-secondary:hover{background:#334155e6;border-color:var(--accent-cyan)}.input-field{width:100%;background:#0f172ae6;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00f2fe33}