.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.app{background:#0a0a0f;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow:auto}.dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;min-height:0;display:grid}@media (width<=1400px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.panel{background:#16162a;border:1px solid #2a2a4a;border-radius:12px;padding:20px;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.panel-icon{font-size:18px}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.running{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-dot.ready{background:#06b6d4;box-shadow:0 0 8px #06b6d4}.status-dot.busy{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-dot.error{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-dot.offline{background:#64748b}.agent-card{background:#12121a;border:1px solid #2a2a4a;border-radius:8px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.agent-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 0 20px #6366f14d}.agent-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.agent-name{color:#f1f5f9;font-size:16px;font-weight:700}.agent-role{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;background:#6366f11a;border-radius:4px;padding:4px 8px;font-size:11px}.agent-activity{color:#94a3b8;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:13px}.agent-pulse{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.pulse-ring{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #22c55e80}50%{box-shadow:0 0 15px #22c55ecc,0 0 30px #22c55e4d}}.log-container{background:#12121a;border:1px solid #2a2a4a;border-radius:12px;flex-direction:column;height:400px;display:flex;overflow:hidden}.log-container.fullscreen{height:calc(100vh - 200px)}.log-header{background:#1a1a2e;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.log-title{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.log-actions{gap:8px;display:flex}.log-btn{color:#94a3b8;cursor:pointer;background:#16162a;border:1px solid #2a2a4a;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .2s}.log-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.log-content{flex:1;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.log-entry{gap:12px;padding:2px 0;animation:.2s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-time{color:#64748b;flex-shrink:0;min-width:80px}.log-level{text-align:center;text-transform:uppercase;border-radius:3px;min-width:40px;padding:1px 4px;font-size:10px;font-weight:600}.log-level.info{color:#06b6d4;background:#06b6d41a}.log-level.warn{color:#f59e0b;background:#f59e0b1a}.log-level.error{color:#ef4444;background:#ef44441a}.log-level.success{color:#22c55e;background:#22c55e1a}.log-message{color:#f1f5f9;word-break:break-all}.chat-panel{background:#16162a;border:1px solid #2a2a4a;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{background:#1a1a2e;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-title{color:#f1f5f9;font-size:14px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-message{border-radius:12px;max-width:80%;padding:12px 16px;animation:.3s ease-out fadeIn}.chat-message.user{color:#fff;background:#6366f1;align-self:flex-end}.chat-message.agent{background:#12121a;border:1px solid #2a2a4a;align-self:flex-start}.chat-message .sender{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.chat-message .content{font-size:14px;line-height:1.5}.chat-input-area{background:#1a1a2e;border-top:1px solid #2a2a4a;gap:12px;padding:16px 20px;display:flex}.chat-input{color:#f1f5f9;background:#0a0a0f;border:1px solid #2a2a4a;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.chat-input:focus{border-color:#6366f1}.chat-send{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.chat-send:hover{background:#818cf8;transform:scale(1.05)}.control-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.control-btn{color:#f1f5f9;cursor:pointer;text-align:left;background:#12121a;border:1px solid #2a2a4a;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.control-btn:hover{background:#1e1e3a;border-color:#6366f1;transform:translateY(-1px)}.control-btn .icon{font-size:18px}.metric-card{text-align:center;background:#12121a;border:1px solid #2a2a4a;border-radius:8px;padding:16px}.metric-value{color:#6366f1;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-top:4px;font-size:11px}.metric-bar{background:#1a1a2e;border-radius:2px;width:100%;height:4px;margin-top:8px;overflow:hidden}.metric-fill{border-radius:2px;height:100%;transition:width .5s,background-color .3s}.sidebar{background:#12121a;border-right:1px solid #2a2a4a;flex-direction:column;width:260px;padding:20px;display:flex}.sidebar-logo{border-bottom:1px solid #2a2a4a;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;display:flex}.sidebar-logo .icon{font-size:28px}.sidebar-logo .text{color:#f1f5f9;font-size:16px;font-weight:700}.sidebar-logo .sub{color:#6366f1;font-size:11px;font-weight:500}.nav-item{cursor:pointer;color:#94a3b8;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#f1f5f9;background:#1e1e3a}.nav-item.active{color:#6366f1;background:#6366f126;border:1px solid #6366f14d}.nav-item .icon{font-size:18px}.connection-status{color:#64748b;border-top:1px solid #2a2a4a;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.connection-status.connected{color:#22c55e}.connection-status .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.header{background:#12121a;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-title{color:#f1f5f9;font-size:20px;font-weight:700}.header-subtitle{color:#64748b;margin-top:2px;font-size:13px}.header-actions{gap:12px;display:flex}.header-btn{color:#94a3b8;cursor:pointer;background:#16162a;border:1px solid #2a2a4a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.header-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#16162a;--bg-hover:#1e1e3a;--border-color:#2a2a4a;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#06b6d4;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--shadow-glow:0 0 20px #6366f14d;--shadow-card:0 4px 6px -1px #0000004d}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc,0 0 40px #6366f14d}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,to{opacity:1}50%{opacity:.3}}.typing-indicator span{margin:0 2px;animation:1.4s infinite typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}