@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";body{margin:0;font-family:Share Tech Mono,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#f1f5f9}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Share Tech Mono,Orbitron,monospace,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000814;color:#fff;overflow-x:hidden;line-height:1.6}::selection{background:#00baff4d;color:#fff}::-moz-selection{background:#00baff4d;color:#fff}:root{--tron-cyan-primary: #00baff;--tron-cyan-secondary: #00d4ff;--tron-cyan-tertiary: #0099cc;--tron-orange: #ff6600;--tron-pink: #ff0080;--tron-green: #00ff88;--tron-red: #ff4444;--tron-yellow: #ffff00;--tron-bg-primary: #000814;--tron-bg-secondary: #001d3d;--tron-bg-tertiary: #003566;--tron-bg-card: rgba(0, 29, 61, .6);--tron-text-primary: #ffffff;--tron-text-secondary: #b3e5fc;--tron-text-muted: #81d4fa;--tron-border-light: rgba(0, 186, 255, .3);--tron-border-medium: rgba(0, 186, 255, .5);--tron-border-strong: rgba(0, 186, 255, .8);--tron-shadow-glow: 0 0 20px rgba(6, 182, 212, .4);--tron-shadow-strong: 0 0 30px rgba(6, 182, 212, .6)}.font-orbitron{font-family:Orbitron,sans-serif}.font-mono{font-family:Share Tech Mono,monospace}@keyframes tronGlow{0%{box-shadow:0 0 5px var(--tron-cyan-primary),0 0 10px var(--tron-cyan-primary);transform:scale(1)}50%{box-shadow:0 0 15px var(--tron-cyan-primary),0 0 25px var(--tron-cyan-primary);transform:scale(1.02)}to{box-shadow:0 0 5px var(--tron-cyan-primary),0 0 10px var(--tron-cyan-primary);transform:scale(1)}}@keyframes tronPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes tronScan{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes tronFlicker{0%,to{opacity:1}98%{opacity:1}99%{opacity:.8}99.5%{opacity:1}}@keyframes tronDataFlow{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 10px));opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes neonPulse{0%,to{text-shadow:0 0 5px rgba(0,245,255,.5),0 0 10px rgba(0,245,255,.3)}50%{text-shadow:0 0 10px rgba(0,245,255,.8),0 0 20px rgba(0,245,255,.5),0 0 30px rgba(0,245,255,.3)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes borderGlow{0%,to{border-color:#06b6d44d;box-shadow:0 0 10px #06b6d433}50%{border-color:#06b6d4cc;box-shadow:0 0 20px #06b6d466}}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInFromLeft .5s ease-out}.animate-slide-in-right{animation:slideInFromRight .5s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce-in{animation:bounceIn .8s ease-out}.animate-neon-pulse{animation:neonPulse 2s ease-in-out infinite}.animate-border-glow{animation:borderGlow 3s ease-in-out infinite}.text-gradient-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-orange{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:linear-gradient(135deg,#06b6d4,#8b5cf6,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#11182780;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(6,182,212,.3);transition:all .3s ease}.glass-card:hover{background:#111827b3;border-color:#06b6d480;box-shadow:0 20px 40px #06b6d41a;transform:translateY(-2px)}.glass-nav{background:#000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,182,212,.3)}.glass-modal{background:#111827f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(6,182,212,.4)}.glass-button{background:#06b6d41a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(6,182,212,.3);transition:all .3s ease}.glass-button:hover{background:#06b6d433;border-color:#06b6d480;box-shadow:0 0 20px #06b6d44d}.tron-grid-pattern{background-image:linear-gradient(var(--tron-border-light) 1px,transparent 1px),linear-gradient(90deg,var(--tron-border-light) 1px,transparent 1px);background-size:50px 50px;animation:tronPulse 4s ease-in-out infinite}.bg-grid-pattern{background-image:linear-gradient(rgba(0,245,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.05) 1px,transparent 1px)}.tron-text-glow{color:var(--tron-cyan-primary);text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor;animation:tronFlicker 3s infinite}.tron-text-hologram{color:var(--tron-text-primary);text-shadow:0 0 10px var(--tron-cyan-primary),0 0 20px var(--tron-cyan-primary),0 0 30px var(--tron-cyan-primary);animation:tronFlicker 2s infinite}.tron-text-data{font-family:Share Tech Mono,monospace;color:var(--tron-green);text-shadow:0 0 8px currentColor;letter-spacing:.1em}.tron-btn{background:linear-gradient(45deg,#00baff1a,#00d4ff33);border:1px solid var(--tron-cyan-primary);color:var(--tron-text-primary);text-shadow:0 0 10px currentColor;box-shadow:0 0 20px #00baff4d,inset 0 0 20px #00baff1a;transition:all .3s ease;position:relative;overflow:hidden}.tron-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tron-btn:hover{background:linear-gradient(45deg,#00baff33,#00d4ff66);box-shadow:0 0 30px #00baff80,inset 0 0 30px #00baff33;transform:translateY(-2px) scale(1.02)}.tron-btn:hover:before{left:100%}.tron-btn:active{transform:translateY(0) scale(.98);box-shadow:0 0 15px #00baffcc,inset 0 0 15px #00baff4d}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;color:#fff;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #06b6d44d}.btn-primary:hover{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #06b6d4;color:#06b6d4;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#06b6d41a;border-color:#0891b2;color:#0891b2;box-shadow:0 0 20px #06b6d44d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.tron-card{background:var(--tron-bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--tron-border-light);border-radius:12px;box-shadow:0 8px 32px #00081480,inset 0 1px #00baff1a;position:relative;overflow:hidden;transition:all .4s ease}.tron-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tron-cyan-primary),transparent);animation:tronScan 8s linear infinite}.tron-card:hover{border-color:var(--tron-border-medium);box-shadow:0 12px 40px #000814b3,0 0 20px #00baff33,inset 0 1px #00baff33;transform:translateY(-6px) scale(1.02)}.card-hover-lift{transition:all .3s ease}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.card-neon-border{border:1px solid transparent;background:linear-gradient(#111827cc,#111827cc) padding-box,linear-gradient(135deg,#06b6d4,#8b5cf6,#ef4444) border-box;transition:all .3s ease}.card-neon-border:hover{box-shadow:0 0 30px #06b6d44d}.tron-input{background:#00081499;border:1px solid var(--tron-border-light);color:var(--tron-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 16px;font-family:Share Tech Mono,monospace;transition:all .3s ease}.tron-input:focus{outline:none;border-color:var(--tron-cyan-primary);box-shadow:0 0 0 3px #00baff33,0 0 20px #00baff4d;background:#000814cc}.tron-input::placeholder{color:var(--tron-text-muted);opacity:.7}.input-glow{transition:all .3s ease}.input-glow:focus{box-shadow:0 0 0 3px #06b6d433,0 0 20px #06b6d44d;border-color:#06b6d4}.tron-table{background:#00081466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tron-border-light);border-radius:12px;overflow:hidden}.tron-table-header{background:#00baff1a;border-bottom:1px solid var(--tron-border-light);color:var(--tron-cyan-primary);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-family:Orbitron,sans-serif}.tron-table-row{border-bottom:1px solid rgba(0,186,255,.1);transition:all .3s ease}.tron-table-row:hover{background:#00baff0d;box-shadow:inset 0 0 20px #00baff1a;transform:scale(1.01)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tron-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--tron-cyan-tertiary),var(--tron-cyan-primary));border-radius:4px;box-shadow:0 0 10px #00baff80;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--tron-cyan-primary),var(--tron-cyan-secondary));box-shadow:0 0 15px #00baffcc}::-webkit-scrollbar-corner{background:var(--tron-bg-secondary)}.tron-loading{display:inline-block;width:24px;height:24px;border:3px solid rgba(0,186,255,.3);border-radius:50%;border-top-color:var(--tron-cyan-primary);animation:rotate 1s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#06b6d4;animation:bounceIn 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.status-online{color:#10b981;text-shadow:0 0 10px #10b981}.status-offline{color:#ef4444;text-shadow:0 0 10px #ef4444}.status-warning{color:#f59e0b;text-shadow:0 0 10px #f59e0b}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.badge-success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tron-particle{position:absolute;width:2px;height:2px;background:var(--tron-cyan-primary);border-radius:50%;box-shadow:0 0 6px currentColor;animation:tronDataFlow 15s linear infinite}.tron-grid-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,186,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,186,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1}.tron-scan-lines{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,186,255,.01) 2px,rgba(0,186,255,.01) 4px);pointer-events:none;z-index:2}.shadow-neon{box-shadow:0 0 20px #06b6d466}.shadow-neon-purple{box-shadow:0 0 20px #8b5cf666}.shadow-neon-green{box-shadow:0 0 20px #10b98166}.border-neon{border-color:#06b6d4;box-shadow:0 0 10px #06b6d44d}.glow-text{text-shadow:0 0 10px currentColor}.tron-glow-cyan{color:var(--tron-cyan-primary);text-shadow:0 0 10px currentColor}.tron-glow-green{color:var(--tron-green);text-shadow:0 0 10px currentColor}.tron-glow-red{color:var(--tron-red);text-shadow:0 0 10px currentColor}.tron-glow-orange{color:var(--tron-orange);text-shadow:0 0 10px currentColor}.tron-glow-yellow{color:var(--tron-yellow);text-shadow:0 0 10px currentColor}.tron-border-glow{border:1px solid var(--tron-cyan-primary);box-shadow:0 0 10px #00baff4d}.tron-bg-glass{background:var(--tron-bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tron-shadow-strong{box-shadow:var(--tron-shadow-strong)}code{font-family:Share Tech Mono,monospace;background:#00baff1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,186,255,.2);color:var(--tron-cyan-primary);font-size:.875em}@media (max-width: 768px){.tron-card{margin:0 16px}.tron-btn{padding:10px 20px;font-size:14px}.tron-text-glow{font-size:18px}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width: 480px){.tron-text-glow{font-size:16px}.tron-btn{padding:8px 16px;font-size:12px}.glass-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@media (prefers-color-scheme: dark){body{background:var(--tron-bg-primary);color:var(--tron-text-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-shimmer:after,.tron-card:before{animation:none}}@media print{.glass-card,.tron-card{background:#fff!important;color:#000!important;border:1px solid #ccc!important;box-shadow:none!important}.animate-shimmer:after,.tron-particle,.tron-grid-overlay,.tron-scan-lines{display:none!important}}