@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
:root{--space-black:#0a0a12;--panel-dark:#12121f;--panel-light:#1a1a2e;--neon-cyan:#00f0ff;--neon-purple:#a855f7;--neon-pink:#ff0080;--neon-green:#0f8;--neon-orange:#ff6b00;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#fff6}@keyframes scan-line{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 15px transparent;opacity:1}50%{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan);opacity:.8}}@keyframes border-glow{0%,to{border-color:#00f0ff4d;box-shadow:0 0 5px #00f0ff1a}50%{border-color:#00f0ff99;box-shadow:0 0 15px #00f0ff4d}}@keyframes holographic{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes data-stream{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px #00f0ff80}.neon-text-purple{color:var(--neon-purple);text-shadow:0 0 5px var(--neon-purple),0 0 10px var(--neon-purple),0 0 20px #a855f780}.neon-text-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green)}.neon-text-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink)}.neon-border{border:1px solid #00f0ff4d;box-shadow:0 0 10px #00f0ff1a,inset 0 0 20px #00f0ff05}.neon-border:hover{border-color:#00f0ff99;box-shadow:0 0 20px #00f0ff33,inset 0 0 30px #00f0ff0d}.neon-border-purple{border:1px solid #a855f74d;box-shadow:0 0 10px #a855f71a,inset 0 0 20px #a855f705}.neon-border-purple:hover{border-color:#a855f799;box-shadow:0 0 20px #a855f733,inset 0 0 30px #a855f70d}.animate-border-glow{animation:2s ease-in-out infinite border-glow}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121fcc;border:1px solid #00f0ff1a;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";border:2px solid var(--neon-cyan);opacity:.6;width:20px;height:20px;position:absolute}.corner-brackets:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.corner-brackets:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.scan-effect{position:relative;overflow:hidden}.scan-effect:after{content:"";background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);height:2px;animation:2s ease-in-out infinite scan-line;position:absolute;top:0;left:0;right:0}.grid-bg{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:30px 30px}.radar-bg{background:radial-gradient(circle at center,transparent 0%,var(--space-black)70%),repeating-radial-gradient(circle at center,#00f0ff0d 0px,transparent 1px,transparent 30px,#00f0ff0d 31px)}.holographic-bg{background:linear-gradient(135deg,#00f0ff1a 0%,#a855f71a 25%,#ff00801a 50%,#00ff881a 75%,#00f0ff1a 100%) 0 0/400% 400%;animation:8s infinite holographic}.pulse-dot{background:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}.pulse-dot-green{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.pulse-dot-pink{background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.font-orbitron{font-family:Orbitron,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.status-bar{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));height:3px;box-shadow:0 0 10px var(--neon-cyan);border-radius:2px}.futuristic-btn{color:var(--neon-cyan);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00f0ff1a 0%,#a855f71a 100%);border:1px solid #00f0ff4d;font-family:Orbitron,sans-serif;transition:all .3s;position:relative;overflow:hidden}.futuristic-btn:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.futuristic-btn:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff4d,inset 0 0 20px #00f0ff1a}.futuristic-btn:hover:before{left:100%}.data-module{background:#12121f99;border:1px solid #00f0ff33;border-radius:8px;transition:all .3s;position:relative}.data-module:before{content:"";background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.data-module:hover{border-color:#00f0ff66;transform:translateY(-2px);box-shadow:0 0 30px #00f0ff1a}.nav-item-futuristic{transition:all .3s;position:relative}.nav-item-futuristic.active{border-left:2px solid var(--neon-cyan);background:linear-gradient(90deg,#00f0ff1a 0%,#0000 100%)}.nav-item-futuristic.active:after{content:"";background:var(--neon-cyan);width:4px;height:60%;box-shadow:0 0 10px var(--neon-cyan);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-futuristic{position:relative}.table-futuristic:before{content:"";pointer-events:none;opacity:.3;background:linear-gradient(#00f0ff1a 0%,#0000 5%);height:100%;animation:3s linear infinite data-stream;position:absolute;top:0;left:0;right:0}.row-glow:hover{box-shadow:inset 0 0 20px #00f0ff1a;background:#00f0ff0d!important}.input-futuristic{color:#fff;background:#0a0a12cc;border:1px solid #00f0ff33;font-family:JetBrains Mono,monospace;transition:all .3s}.input-futuristic:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 15px #00f0ff33,inset 0 0 10px #00f0ff0d}.chart-container{background:radial-gradient(circle,#00f0ff05 0%,#0000 70%) 0 0/100% 100%,linear-gradient(#00f0ff05 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#00f0ff05 1px,#0000 1px) 0 0/20px 20px;border-radius:8px;padding:1rem}.counter-value{animation:.5s ease-out forwards count-up}.badge-futuristic{color:var(--neon-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.badge-futuristic-purple{color:var(--neon-purple);background:#a855f71a;border:1px solid #a855f74d}.badge-futuristic-green{color:var(--neon-green);background:#00ff881a;border:1px solid #00ff884d}.badge-futuristic-pink{color:var(--neon-pink);background:#ff00801a;border:1px solid #ff00804d}