.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#1a0a2e 0%,var(--darker-bg) 100%)}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.stars:before,.stars:after{content:"";position:absolute;width:2px;height:2px;background:var(--neon-cyan);box-shadow:100px 200px var(--neon-cyan),300px 400px var(--neon-magenta),500px 100px var(--neon-green),700px 300px var(--neon-cyan),900px 500px var(--neon-magenta),1200px 200px var(--neon-green),1400px 400px var(--neon-cyan),200px 600px var(--neon-magenta),400px 800px var(--neon-cyan),600px 150px var(--neon-green),800px 350px var(--neon-magenta),1000px 550px var(--neon-cyan),1300px 250px var(--neon-green),1500px 450px var(--neon-magenta);animation:twinkle 3s infinite}.stars:after{animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.login-container{z-index:1;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-panel{background:var(--panel-bg);border:2px solid var(--border-color);padding:3rem;min-width:500px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:neonPulse 3s ease-in-out infinite}.corner-ornament{position:absolute;width:20px;height:20px;border:2px solid var(--neon-cyan)}.corner-ornament.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-ornament.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-ornament.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-ornament.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.logo-container{text-align:center;margin-bottom:2rem;position:relative}.logo-text{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--neon-cyan);letter-spacing:.2em;position:relative;display:inline-block}.glitch-active .logo-text:before,.glitch-active .logo-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-active .logo-text:before{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--neon-magenta);z-index:-1}.glitch-active .logo-text:after{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;color:var(--neon-green);z-index:-2}.logo-subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--neon-magenta);letter-spacing:.5em;margin-top:.5rem;text-shadow:0 0 10px var(--neon-magenta)}.divider{display:flex;align-items:center;gap:1rem;margin:2rem 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);box-shadow:0 0 5px var(--neon-cyan)}.divider-text{font-size:.75rem;color:var(--neon-cyan);letter-spacing:.2em;text-shadow:0 0 5px var(--neon-cyan)}.login-content{display:flex;flex-direction:column;gap:2rem}.login-description{text-align:center;color:#00ffffb3;font-size:.95rem;letter-spacing:.05em}.discord-login-btn{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 2rem;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.15em;text-decoration:none;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.discord-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s ease}.discord-login-btn:hover:before{left:100%}.discord-login-btn:hover{background:linear-gradient(135deg,#0ff3,#f0f3);box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #0ff3;transform:translateY(-2px)}.discord-icon{width:24px;height:24px;filter:drop-shadow(0 0 5px currentColor)}.btn-text{flex:1}.btn-arrow{font-size:1.5rem;transition:transform .3s ease}.discord-login-btn:hover .btn-arrow{transform:translate(5px)}.terminal-window{background:#0009;border:1px solid rgba(0,255,255,.3);border-radius:4px;overflow:hidden;box-shadow:0 0 20px #00ffff1a,inset 0 0 20px #00ffff0d}.terminal-header{background:#00ffff1a;padding:.5rem;display:flex;gap:.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}.terminal-content{padding:1rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.8}.terminal-line{color:#0ffc}.prompt{color:var(--neon-magenta);margin-right:.5rem}.status-ok{color:var(--neon-green);margin-right:.5rem}.status-warning{color:var(--neon-orange);margin-right:.5rem}.highlight{color:var(--neon-cyan);font-weight:700}.highlight-warn{color:var(--neon-orange);font-weight:700}.typing-cursor{margin-top:.5rem}.cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 600px){.login-panel{min-width:auto;padding:2rem;margin:1rem}.logo-text{font-size:2.5rem}.terminal-window{font-size:.75rem}}.dashboard{min-height:100vh;padding:2rem;animation:fadeIn .5s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);position:relative}.dashboard-header:after{content:"";position:absolute;bottom:-2px;left:0;width:200px;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:slideGlow 3s ease-in-out infinite}@keyframes slideGlow{0%,to{transform:translate(0);opacity:1}50%{transform:translate(calc(100vw - 250px));opacity:.5}}.header-left{display:flex;align-items:center;gap:2rem}.dashboard-title{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--neon-cyan);letter-spacing:.2em;margin:0}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ffff1a;border:1px solid var(--border-color)}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.connected{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.status-dot.disconnected{background:var(--neon-orange);box-shadow:0 0 10px var(--neon-orange)}.status-text{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3)}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}.username{font-family:var(--font-mono);color:var(--neon-magenta);font-size:.9rem}.logout-btn{padding:.6rem 1.5rem;background:transparent;border:2px solid var(--neon-orange);color:var(--neon-orange);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#f603;box-shadow:0 0 20px var(--neon-orange);transform:translateY(-2px)}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;gap:1.5rem;height:calc(100vh - 200px)}.panel{background:var(--panel-bg);border:2px solid var(--border-color);padding:1.5rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta),var(--neon-cyan));background-size:200% 100%;animation:gradientSlide 3s linear infinite}@keyframes gradientSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}.panel-title{font-family:var(--font-display);font-size:1.2rem;color:var(--neon-cyan);letter-spacing:.15em;margin:0 0 1.5rem;text-shadow:0 0 10px var(--neon-cyan)}.stats-panel{grid-column:1;grid-row:1}.stats-grid{display:flex;flex-direction:column;gap:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.85rem;color:#00ffffb3;letter-spacing:.1em}.stat-bar{height:20px;background:#00000080;border:1px solid var(--border-color);position:relative;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));box-shadow:0 0 10px var(--neon-cyan);transition:width .5s ease;position:relative}.stat-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-value{font-family:var(--font-display);font-size:1.2rem;color:var(--neon-cyan);text-align:right}.stat-value-large{font-family:var(--font-display);font-size:2rem;color:var(--neon-green);text-align:center;text-shadow:0 0 10px var(--neon-green)}.console-panel{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column}.messages-container{flex:1;overflow-y:auto;background:#00000080;padding:1rem;margin-bottom:1rem;border:1px solid rgba(0,255,255,.2);font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.message{margin-bottom:.5rem;display:flex;gap:.5rem}.message-timestamp{color:#00ffff80;font-size:.75rem}.message-content{flex:1}.message-system .message-content{color:var(--neon-cyan)}.message-command .message-content{color:var(--neon-magenta)}.message-command:before{content:"> ";color:var(--neon-magenta)}.message-response .message-content{color:var(--neon-green)}.message-error .message-content{color:var(--neon-orange)}.message-info .message-content{color:#0ffc}.command-input-form{display:flex;gap:.5rem;align-items:center}.command-prompt{color:var(--neon-magenta);font-size:1.5rem;font-weight:700}.command-input{flex:1;background:#00000080;border:1px solid var(--border-color);padding:.75rem;color:var(--neon-cyan);font-family:var(--font-mono);font-size:.95rem;outline:none;transition:all .3s ease}.command-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00ffff4d}.send-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0ff3,#f0f3);border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-display);font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.send-btn:hover{background:linear-gradient(135deg,#00ffff4d,#ff00ff4d);box-shadow:0 0 20px var(--neon-cyan);transform:translateY(-2px)}.quick-actions-panel{grid-column:1;grid-row:2}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#0000004d;border:2px solid var(--border-color);color:var(--neon-cyan);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,255,.3),transparent);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.action-btn:hover:before{width:200%;height:200%}.action-btn:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.action-icon{font-size:2rem;filter:grayscale(1) brightness(2)}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto}.stats-panel{grid-column:1;grid-row:1}.quick-actions-panel{grid-column:1;grid-row:2}.console-panel{grid-column:1;grid-row:3;min-height:400px}}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-left,.header-right{width:100%;justify-content:space-between}.dashboard-title{font-size:1.8rem}.actions-grid{grid-template-columns:1fr}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--darker-bg)}.loading-content{text-align:center}.loading-spinner{width:80px;height:80px;margin:0 auto 2rem;border:3px solid transparent;border-top:3px solid var(--neon-cyan);border-right:3px solid var(--neon-magenta);border-radius:50%;animation:spin 1s linear infinite,neonPulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.3em;color:var(--neon-cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-green: #39ff14;--neon-orange: #ff6600;--dark-bg: #0a0a0f;--darker-bg: #050508;--grid-color: rgba(0, 255, 255, .1);--panel-bg: rgba(15, 15, 25, .8);--border-color: rgba(0, 255, 255, .3);--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--darker-bg);color:var(--neon-cyan);overflow-x:hidden;min-height:100vh}#root{min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,0 0;pointer-events:none;z-index:-1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}.glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}@keyframes flicker{0%{opacity:.97}5%{opacity:1}10%{opacity:.98}15%{opacity:1}20%{opacity:.99}to{opacity:1}}.crt-flicker{animation:flicker .15s infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),inset 0 0 10px #00ffff1a}50%{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan),inset 0 0 20px #0ff3}}@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)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--darker-bg);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta)}::selection{background:var(--neon-cyan);color:var(--darker-bg)}