@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#0d0d14;--bg-tertiary:#12121a;--bg-card:#15151f;--bg-hover:#1a1a28;--bg-active:#1f1f30;--neon-cyan:#00f0ff;--neon-pink:#f0f;--neon-purple:#8b00ff;--neon-green:#0f8;--neon-red:#f05;--neon-orange:#f60;--neon-yellow:#ff0;--neon-blue:#06f;--text-primary:#fff;--text-secondary:#b0b0c0;--text-muted:#6a6a80;--border-color:#2a2a3a;--border-glow:#00f0ff4d;--gradient-cyber:linear-gradient(135deg, #00f0ff 0%, #f0f 100%);--gradient-dark:linear-gradient(180deg, #0a0a0f 0%, #15151f 100%);--gradient-card:linear-gradient(145deg, #15151f 0%, #1a1a28 100%);--shadow-neon:0 0 20px #00f0ff4d;--shadow-card:0 4px 20px #00000080;--font-display:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);transition:background var(--transition-fast);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}::selection{background:var(--neon-cyan);color:var(--bg-primary)}a{color:var(--neon-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--neon-pink)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);border-radius:4px;outline:none;padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff33}.cyber-glow{text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 30px var(--neon-cyan)}.cyber-border{border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00f0ff4d,inset 0 0 10px #00f0ff1a}.cyber-button{border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;transition:all var(--transition-normal);background:0 0;padding:8px 16px;font-size:12px;position:relative;overflow:hidden}.cyber-button:before{content:"";width:100%;height:100%;transition:left var(--transition-normal);background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);position:absolute;top:0;left:-100%}.cyber-button:hover{background:#00f0ff1a;box-shadow:0 0 20px #00f0ff66}.cyber-button:hover:before{left:100%}.cyber-card{background:var(--gradient-card);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:8px;padding:16px}.cyber-card:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-neon)}.code-block{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:12px 16px;font-size:13px;line-height:1.5;position:relative;overflow-x:auto}.code-block:before{content:"";background:var(--neon-cyan);width:3px;height:100%;position:absolute;top:0;left:0}.tag{text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:2px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-danger{color:var(--neon-red);background:#ff00551a;border-color:#ff00554d}.tag-success{color:var(--neon-green);background:#00ff881a;border-color:#00ff884d}.tag-warning{color:var(--neon-orange);background:#ff66001a;border-color:#ff66004d}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#e4e7ec;--bg-tertiary:#fff;--bg-card:#fff;--bg-hover:#dce0e8;--bg-active:#cfd4dc;--neon-cyan:#0077b6;--neon-pink:#c2185b;--neon-purple:#6a1b9a;--neon-green:#2e7d32;--neon-red:#c62828;--neon-orange:#e65100;--neon-yellow:#f9a825;--neon-blue:#1565c0;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#8a8aa0;--border-color:#c8ccd4;--border-glow:#0077b633;--gradient-cyber:linear-gradient(135deg, #0077b6 0%, #c2185b 100%);--gradient-dark:linear-gradient(180deg, #f0f2f5 0%, #fff 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f7f8fa 100%);--shadow-neon:0 0 12px #0077b626;--shadow-card:0 2px 12px #00000014}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .app-container:before{background:radial-gradient(at 20% 20%,#0077b60a 0%,#0000 50%),radial-gradient(at 80% 80%,#c2185b0a 0%,#0000 50%)}[data-theme=light] ::selection{background:var(--neon-cyan);color:#fff}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#b0b4bc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 30px var(--neon-cyan)}20%,24%,55%{text-shadow:none}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glitch{animation:.3s ease-in-out infinite glitch}.animate-neon{animation:3s ease-in-out infinite neonFlicker}.app-container{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#00f0ff08 0%,#0000 50%),radial-gradient(at 80% 80%,#ff00ff08 0%,#0000 50%);position:fixed;inset:0}.main-layout{z-index:1;flex:1;display:flex;position:relative;overflow:hidden}