:root{--bg-void: #020408;--bg-deep: #050c14;--bg-panel: #0a1628;--bg-surface: #0f2040;--border-dim: #1a3a5c;--border-glow: #00ff88;--accent-green: #00ff88;--accent-cyan: #00d4ff;--accent-amber: #ffaa00;--accent-red: #ff3366;--text-primary: #e8f4fd;--text-secondary: #7ba7c8;--text-muted: #3a6080;--text-code: #00ff88;--font-mono: "Space Mono", "Courier New", monospace;--font-display: "Orbitron", monospace;--glow-green: 0 0 20px rgba(0, 255, 136, .3);--glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-med: .28s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:9999}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}.panel{background:var(--bg-panel);border:1px solid var(--border-dim);border-radius:4px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);opacity:.6}.btn-primary{background:transparent;border:1px solid var(--accent-green);color:var(--accent-green);font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 24px;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-green);transform:translate(-100%);transition:transform var(--transition-fast);z-index:0}.btn-primary:hover:before{transform:translate(0)}.btn-primary:hover{color:var(--bg-void);box-shadow:var(--glow-green)}.btn-primary span{position:relative;z-index:1}.btn-danger{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 24px;cursor:pointer;transition:var(--transition-fast)}.btn-danger:hover{background:var(--accent-red);color:var(--bg-void)}.label-tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.status-dot.green{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-dot.amber{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.status-dot.red{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes type-in{0%{width:0}to{width:100%}}.animate-in{animation:slide-up .4s ease forwards}