@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)}