@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary: #000000;--bg-secondary: #0a0e27;--bg-tertiary: #1a1f3a;--neon-cyan: #00ffff;--neon-pink: #ff0055;--neon-green: #00ff88;--neon-yellow: #ffcc00;--text-primary: #e0e0e0;--text-secondary: #8b92b0;--glow-cyan: 0 0 10px rgba(0, 255, 255, .5), 0 0 20px rgba(0, 255, 255, .3);--glow-pink: 0 0 10px rgba(255, 0, 85, .5);--glow-green: 0 0 10px rgba(0, 255, 136, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.scanlines{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;opacity:.05}.glitch{animation:glitch 3s infinite;font-size:48px;font-weight:700;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}@keyframes glitch{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px,2px)}92%{transform:translate(2px,-2px)}93%{transform:translate(-2px,2px)}}.auth-loading,.auth-callback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px}.glitch-logo{font-size:72px;font-weight:700;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.status{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.workspace{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--neon-cyan);box-shadow:var(--glow-cyan)}.logo{display:flex;align-items:baseline;gap:12px}.logo .glitch{font-size:24px}.subtitle{font-size:12px;color:var(--text-secondary);letter-spacing:2px}.user-info{display:flex;align-items:center;gap:16px}.user-name{font-size:14px;color:var(--neon-green)}.btn-logout{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:12px;cursor:pointer;transition:all .3s}.btn-logout:hover{background:var(--neon-pink);color:var(--bg-primary);box-shadow:var(--glow-pink)}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--neon-cyan);display:flex;flex-direction:column}.sidebar-header{padding:16px;font-size:12px;font-weight:700;color:var(--neon-cyan);border-bottom:1px solid rgba(0,255,255,.2);letter-spacing:2px}.agents-list{flex:1;overflow-y:auto;padding:8px}.agent-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--bg-tertiary);border:1px solid transparent;cursor:pointer;transition:all .3s}.agent-item:hover{border-color:var(--neon-cyan);box-shadow:inset 0 0 10px #00ffff1a}.agent-item.selected{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--neon-green);box-shadow:0 0 10px #0f8c;animation:pulse 2s infinite}.status-dot.offline{background:#444;border:1px solid #666}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-info{flex:1;min-width:0}.agent-hostname{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-ip{font-size:11px;color:var(--text-secondary)}.terminal-area{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--neon-cyan)}.terminal-title{font-size:14px;color:var(--neon-cyan)}.terminal-status{font-size:11px;font-weight:700;padding:4px 12px;border-radius:4px}.terminal-status.online{color:var(--neon-green);border:1px solid var(--neon-green)}.terminal-status.offline{color:#666;border:1px solid #444}.terminal-output{flex:1;padding:16px;overflow-y:auto;font-size:13px;line-height:1.6;background:var(--bg-primary)}.terminal-line{color:var(--neon-green);white-space:pre-wrap;word-break:break-all}.terminal-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--neon-cyan)}.prompt{color:var(--neon-cyan);font-size:13px;white-space:nowrap}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--neon-green);font-family:JetBrains Mono,monospace;font-size:13px}.terminal-input::placeholder{color:var(--text-secondary)}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.terminal-empty{flex:1;display:flex;align-items:center;justify-content:center}.empty-message{font-size:16px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:radial-gradient(ellipse at center,#0a0e27,#000);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;pointer-events:none}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(50px)}}.login-screen .glitch-logo{font-size:96px;font-weight:900;letter-spacing:8px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4),0 0 40px rgba(0,255,255,.2);margin-bottom:8px;animation:logo-pulse 4s ease-in-out infinite;position:relative}.login-screen .glitch-logo:after{content:"MBD";position:absolute;left:2px;top:0;color:#f05;mix-blend-mode:screen;animation:glitch-shift 2s infinite;opacity:.8}@keyframes logo-pulse{0%,to{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4)}50%{text-shadow:0 0 20px rgba(0,255,255,1),0 0 30px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.6),0 0 50px rgba(0,255,255,.4)}}@keyframes glitch-shift{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(-3px,3px);opacity:.7}92%{transform:translate(3px,-3px);opacity:.7}93%{transform:translate(-3px,3px);opacity:0}}.login-screen .subtitle{font-size:12px;letter-spacing:4px;color:#ffffff4d;text-transform:uppercase;margin-bottom:48px;font-weight:300}.login-form{display:flex;flex-direction:column;gap:20px;width:400px;padding:40px;background:#0a0e2799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:4px;box-shadow:0 0 20px #00ffff1a,inset 0 0 60px #00000080;position:relative}.login-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff 50%,transparent);animation:line-scan 3s linear infinite}@keyframes line-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-group{position:relative}.input-group input{width:100%;padding:16px 20px;background:#0009;border:1px solid rgba(0,255,255,.3);border-radius:2px;color:#0ff;font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:1px;transition:all .3s ease;outline:none}.input-group input::placeholder{color:#0ff6;letter-spacing:2px}.input-group input:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d,inset 0 0 20px #00ffff0d;background:#000c}.input-group input:disabled{opacity:.5;cursor:not-allowed}.access-btn{padding:16px 32px;background:linear-gradient(135deg,#0ff,#08f);border:none;border-radius:2px;color:#000;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:12px}.access-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.access-btn:hover:before{width:300px;height:300px}.access-btn:hover{box-shadow:0 0 20px #0ff9,0 0 30px #0ff6;transform:translateY(-2px)}.access-btn:active{transform:translateY(0)}.access-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{padding:12px 16px;background:#ff00551a;border:1px solid rgba(255,0,85,.4);border-radius:2px;color:#f05;font-size:12px;text-align:center;animation:error-shake .5s}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.status-line{margin-top:32px;font-size:11px;color:#0f89;letter-spacing:2px;text-transform:uppercase;animation:blink 2s infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}@media(max-width:768px){.login-form{width:90%;padding:32px 24px}.login-screen .glitch-logo{font-size:64px}}