@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.landing{height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-deep);position:relative}.landing-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(45,212,168,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,168,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.landing-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:60px 24px 80px}.landing-hero{text-align:center;margin-bottom:56px}.landing-logo-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.landing-logo-icon{font-size:48px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow-strong),0 0 40px rgba(45,212,168,.15);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-title{font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1;position:relative}.title-claw{color:var(--accent)}.title-tabs{color:var(--text-primary)}.landing-title.glitch{animation:glitch-text .15s steps(2) forwards}@keyframes glitch-text{0%{text-shadow:2px 0 #ff0040,-2px 0 #0ff}50%{text-shadow:-2px 0 #ff0040,2px 0 #0ff}to{text-shadow:none}}.landing-tagline{font-size:16px;color:var(--text-secondary);margin-bottom:20px}.hl{color:var(--accent);font-weight:600}.landing-status-bar{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:2px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.status-dot.pulse{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #2dd4a880}50%{box-shadow:0 0 0 6px #2dd4a800}}.landing-screenshot-section{margin-bottom:56px}.landing-screenshot-frame{border:1px solid var(--border-light);border-radius:10px;overflow:hidden;background:var(--bg-primary);box-shadow:0 20px 60px #00000080,0 0 40px #2dd4a80d}.frame-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.frame-dot{width:10px;height:10px;border-radius:50%}.frame-dot.red{background:#ff5f57}.frame-dot.yellow{background:#febc2e}.frame-dot.green{background:#28c840}.frame-title{margin-left:8px;font-size:11px;color:var(--text-dim)}.landing-screenshot{width:100%;display:block}.landing-features{margin-bottom:56px}.section-header{font-size:13px;letter-spacing:3px;color:var(--accent);margin-bottom:24px;text-transform:uppercase}.section-marker{opacity:.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.feature-card{padding:18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--accent-dim);box-shadow:0 0 20px #2dd4a814}.feature-icon{font-size:22px;margin-bottom:8px}.feature-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.feature-desc{font-size:11px;color:var(--text-secondary);line-height:1.5}.landing-getstarted{margin-bottom:56px}.install-steps{display:flex;flex-direction:column;gap:12px}.install-step{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.step-num{font-size:24px;font-weight:700;color:var(--accent-dim);opacity:.5;line-height:1;min-width:36px}.step-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.step-code{display:block;font-size:12px;color:var(--accent);background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:8px 12px;line-height:1.6;word-break:break-all}.landing-cta{text-align:center}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:transparent;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:1px;transition:all .2s;cursor:pointer}.cta-button:hover{background:var(--accent);color:var(--bg-deep);box-shadow:0 0 30px #2dd4a84d}.cta-icon{font-size:18px}.landing-footnote{margin-top:16px;font-size:11px;color:var(--text-dim)}.cp-overlay{position:fixed;inset:0;background:#080c10d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:2000;animation:cp-overlay-in .15s ease-out}@keyframes cp-overlay-in{0%{opacity:0}to{opacity:1}}.cp-container{width:100%;max-width:560px;background:var(--bg-primary);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--bg-deep),0 4px 24px #00000080,0 0 40px var(--accent-glow),inset 0 1px #2dd4a81a;animation:cp-container-in .2s ease-out;overflow:hidden}@keyframes cp-container-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.cp-icon{color:var(--accent);font-size:18px;flex-shrink:0;text-shadow:0 0 10px var(--accent)}.cp-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;caret-color:var(--accent)}.cp-input::placeholder{color:var(--text-dim)}.cp-input:disabled{color:var(--accent);font-weight:600;letter-spacing:1px}.cp-hint{font-size:11px;color:var(--text-dim);flex-shrink:0}.cp-list{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cp-list::-webkit-scrollbar{width:4px}.cp-list::-webkit-scrollbar-track{background:transparent}.cp-list::-webkit-scrollbar-thumb{background:var(--border)}.cp-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .1s;border-left:3px solid transparent}.cp-item:hover{background:var(--bg-hover)}.cp-item-selected{background:var(--bg-active);border-left-color:var(--accent)}.cp-item-selected .cp-item-label{color:var(--accent)}.cp-item-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0;color:var(--text-secondary)}.cp-item-selected .cp-item-icon{color:var(--accent);text-shadow:0 0 8px var(--accent)}.cp-item-label{flex:1;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-item-shortcut{font-size:11px;color:var(--text-dim);background:var(--bg-tertiary);border:1px solid var(--border);padding:2px 8px;border-radius:2px;font-variant-numeric:tabular-nums;flex-shrink:0}.cp-item-selected .cp-item-shortcut{border-color:var(--accent-dim);color:var(--accent)}.cp-item-session .cp-item-icon{color:var(--accent)}.cp-item-view .cp-item-icon{color:#f0ad4e}.cp-item-help .cp-item-icon{color:#5bc0de}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-dim)}.cp-empty-icon{font-size:32px;opacity:.5}.cp-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;background:var(--bg-secondary);border-top:1px solid var(--border)}.cp-footer-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.cp-key{background:var(--bg-tertiary);border:1px solid var(--border);padding:2px 6px;border-radius:2px;font-size:10px;color:var(--text-secondary)}.cp-shortcuts{padding:16px}.cp-shortcuts-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--accent);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cp-shortcuts-icon{font-size:16px;text-shadow:0 0 10px var(--accent)}.cp-shortcuts-list{display:flex;flex-direction:column;gap:2px}.cp-shortcut-row{display:flex;align-items:center;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);margin-bottom:2px}.cp-shortcut-row:nth-child(odd){background:var(--bg-tertiary)}.cp-shortcut-key{font-size:12px;font-weight:600;color:var(--accent);min-width:140px;font-variant-numeric:tabular-nums}.cp-shortcut-desc{font-size:12px;color:var(--text-secondary)}.cp-shortcuts-footer{margin-top:16px;text-align:center;font-size:11px;color:var(--text-dim)}.cp-shortcuts-footer .cp-key{margin:0 4px}.cp-item-selected:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(45,212,168,.03) 2px,rgba(45,212,168,.03) 4px)}.cp-item{position:relative}.cp-container:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.gateway-settings-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.gateway-settings-modal{background:var(--bg-primary, #0a0a0a);border:1px solid var(--accent, #00ff88);border-radius:4px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 30px #0f83;animation:slideIn .2s ease-out}.gateway-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #1a1a1a)}.gateway-settings-header h2{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--accent, #00ff88)}.gateway-settings-close{background:none;border:none;color:var(--text-dim, #666);cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:color .15s}.gateway-settings-close:hover{color:var(--accent, #00ff88)}.gateway-settings-content{flex:1;overflow-y:auto;padding:20px}.gateway-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.gateway-list-empty{color:var(--text-dim, #666);text-align:center;padding:32px 16px;font-size:13px;border:1px dashed var(--border, #1a1a1a);border-radius:4px}.gateway-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #111);border:1px solid var(--border, #1a1a1a);border-radius:4px;transition:border-color .15s}.gateway-item:hover{border-color:var(--text-dim, #666)}.gateway-item.connected{border-color:var(--accent, #00ff88)}.gateway-item.error{border-color:var(--error, #ff4444)}.gateway-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gateway-status-indicator.connected{background:var(--accent, #00ff88);box-shadow:0 0 8px var(--accent, #00ff88)}.gateway-status-indicator.connecting{background:var(--warning, #ffaa00);animation:pulse 1s infinite}.gateway-status-indicator.disconnected{background:var(--text-dim, #666)}.gateway-status-indicator.error{background:var(--error, #ff4444)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gateway-info{flex:1;min-width:0}.gateway-name{font-weight:500;color:var(--text-primary, #eee);margin-bottom:4px;cursor:pointer;display:flex;align-items:center;gap:6px}.gateway-name:hover{color:var(--accent, #00ff88)}.gateway-edit-icon{font-size:10px;opacity:0;transition:opacity .15s}.gateway-name:hover .gateway-edit-icon{opacity:.7}.gateway-name-edit{background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--accent, #00ff88);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;color:var(--text-primary, #eee);outline:none;width:100%;margin-bottom:4px}.gateway-url{font-size:11px;color:var(--text-dim, #666);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gateway-error-msg{font-size:11px;color:var(--error, #ff4444);margin-top:4px}.gateway-actions{display:flex;gap:8px}.gateway-action-btn{background:none;border:1px solid var(--border, #1a1a1a);color:var(--text-dim, #666);padding:6px 10px;font-size:11px;cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase;letter-spacing:1px}.gateway-action-btn:hover{border-color:var(--accent, #00ff88);color:var(--accent, #00ff88)}.gateway-action-btn.danger:hover{border-color:var(--error, #ff4444);color:var(--error, #ff4444)}.gateway-action-btn.primary{border-color:var(--accent, #00ff88);color:var(--accent, #00ff88)}.gateway-add-section{border-top:1px solid var(--border, #1a1a1a);padding-top:20px}.gateway-add-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim, #666);margin:0 0 16px}.gateway-form{display:flex;flex-direction:column;gap:12px}.gateway-form-row{display:flex;flex-direction:column;gap:6px}.gateway-form-row label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim, #666)}.gateway-form-row input{background:var(--bg-secondary, #111);border:1px solid var(--border, #1a1a1a);color:var(--text-primary, #eee);padding:10px 12px;font-size:13px;font-family:inherit;border-radius:3px;transition:border-color .15s}.gateway-form-row input:focus{outline:none;border-color:var(--accent, #00ff88)}.gateway-form-row input::placeholder{color:var(--text-dim, #666)}.gateway-form-row input.mono{font-family:monospace;font-size:12px}.gateway-form-actions{display:flex;gap:12px;margin-top:8px}.gateway-form-btn{flex:1;background:none;border:1px solid var(--border, #1a1a1a);color:var(--text-dim, #666);padding:10px 16px;font-size:12px;cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase;letter-spacing:1px}.gateway-form-btn:hover:not(:disabled){border-color:var(--text-primary, #eee);color:var(--text-primary, #eee)}.gateway-form-btn:disabled{opacity:.5;cursor:not-allowed}.gateway-form-btn.primary{border-color:var(--accent, #00ff88);color:var(--accent, #00ff88)}.gateway-form-btn.primary:hover:not(:disabled){background:var(--accent, #00ff88);color:var(--bg-primary, #0a0a0a)}.gateway-test-result{font-size:12px;padding:8px 12px;border-radius:3px;margin-top:8px}.gateway-test-result.success{background:#00ff881a;border:1px solid var(--accent, #00ff88);color:var(--accent, #00ff88)}.gateway-test-result.error{background:#ff44441a;border:1px solid var(--error, #ff4444);color:var(--error, #ff4444)}.gateway-test-result.testing{background:#ffaa001a;border:1px solid var(--warning, #ffaa00);color:var(--warning, #ffaa00)}.gateway-item{flex-direction:column;align-items:stretch}.gateway-item-main{display:flex;align-items:center;gap:12px}.gateway-avatar-display{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #1a1a1a);border-radius:6px;cursor:pointer;transition:background .15s;flex-shrink:0}.gateway-avatar-display:hover{background:var(--bg-secondary, #222)}.gateway-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.gateway-name-row .gateway-name{margin:0;cursor:default}.gateway-role-badge{font-size:10px;padding:2px 6px;background:var(--accent, #00ff88);color:var(--bg-primary, #0a0a0a);border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.gateway-action-btn.icon{padding:6px 8px}.gateway-profile-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #1a1a1a);display:flex;flex-direction:column;gap:12px}.profile-row{display:flex;flex-direction:column;gap:6px}.profile-row label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim, #666)}.profile-row input,.profile-row textarea{background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border, #222);color:var(--text-primary, #eee);padding:8px 10px;font-size:13px;font-family:inherit;border-radius:3px;transition:border-color .15s}.profile-row input:focus,.profile-row textarea:focus{outline:none;border-color:var(--accent, #00ff88)}.profile-row textarea{resize:vertical;min-height:60px}.profile-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.role-selector{display:flex;flex-direction:column;gap:8px}.role-presets{display:flex;flex-wrap:wrap;gap:6px}.role-preset{background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border, #222);color:var(--text-dim, #888);padding:4px 10px;font-size:11px;cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.role-preset:hover{border-color:var(--accent, #00ff88);color:var(--accent, #00ff88)}.role-preset.active{background:var(--accent, #00ff88);border-color:var(--accent, #00ff88);color:var(--bg-primary, #0a0a0a)}.avatar-selector{display:flex;flex-wrap:wrap;gap:6px}.avatar-preset{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg-tertiary, #1a1a1a);border:2px solid var(--border, #222);border-radius:6px;cursor:pointer;transition:all .15s}.avatar-preset:hover{border-color:var(--accent, #00ff88);transform:scale(1.1)}.avatar-preset.active{border-color:var(--accent, #00ff88);background:#00ff8826}.gateway-form-divider{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim, #666);padding:16px 0 8px;border-top:1px solid var(--border, #1a1a1a);margin-top:8px}.gateway-form-row textarea{background:var(--bg-secondary, #111);border:1px solid var(--border, #1a1a1a);color:var(--text-primary, #eee);padding:10px 12px;font-size:13px;font-family:inherit;border-radius:3px;resize:vertical;min-height:60px;transition:border-color .15s}.gateway-form-row textarea:focus{outline:none;border-color:var(--accent, #00ff88)}.gateway-form-row textarea::placeholder{color:var(--text-dim, #666)}.gateway-discovery-section{background:var(--bg-secondary, #111);border:1px solid var(--accent, #00ff88);border-radius:4px;padding:16px;margin-bottom:20px;animation:slideIn .2s ease-out}.gateway-discovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gateway-discovery-header h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent, #00ff88);margin:0}.gateway-discovery-close{background:none;border:none;color:var(--text-dim, #666);cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:color .15s}.gateway-discovery-close:hover{color:var(--accent, #00ff88)}.gateway-discovery-loading{display:flex;align-items:center;gap:12px;color:var(--text-dim, #666);font-size:13px;padding:16px 0}.gateway-discovery-empty{color:var(--text-dim, #666);font-size:13px;text-align:center;padding:16px;border:1px dashed var(--border, #1a1a1a);border-radius:4px}.gateway-discovery-list{display:flex;flex-direction:column;gap:8px}.gateway-discovery-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border, #222);border-radius:4px;padding:10px 12px;cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;font-size:13px;color:var(--text-primary, #eee)}.gateway-discovery-item:hover{border-color:var(--accent, #00ff88);background:var(--bg-secondary, #222)}.discovery-item-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent, #00ff88);color:var(--bg-primary, #0a0a0a);border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}.discovery-item-url{flex:1;font-family:monospace;font-size:12px}.discovery-item-latency{font-size:11px;color:var(--text-dim, #666);background:var(--bg-secondary, #111);padding:2px 6px;border-radius:3px}.discovery-spinner{width:16px;height:16px;border:2px solid var(--border, #1a1a1a);border-top-color:var(--accent, #00ff88);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.discovery-spinner-sm{width:12px;height:12px;border:2px solid var(--border, #1a1a1a);border-top-color:var(--accent, #00ff88);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:6px}.gateway-add-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gateway-add-header h3{margin:0}.gateway-scan-btn{background:none;border:1px solid var(--accent, #00ff88);color:var(--accent, #00ff88);padding:6px 12px;font-size:11px;cursor:pointer;border-radius:3px;transition:all .15s;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:4px}.gateway-scan-btn:hover:not(:disabled){background:var(--accent, #00ff88);color:var(--bg-primary, #0a0a0a)}.gateway-scan-btn:disabled{opacity:.6;cursor:not-allowed}.agent-sidebar{width:200px;min-width:200px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.agent-sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.agent-sidebar-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-dim)}.agent-sidebar-count{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.agent-list{flex:1;overflow-y:auto;padding:8px}.agent-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s;margin-bottom:4px}.agent-item:hover{background:var(--bg-tertiary)}.agent-item-active{background:var(--bg-tertiary);border:1px solid var(--border)}.agent-item-disabled{opacity:.5;cursor:not-allowed}.agent-item-disabled:hover{background:transparent}.agent-avatar{width:36px;height:36px;border-radius:8px;background:var(--bg-primary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;flex-shrink:0}.agent-status-dot{position:absolute;bottom:-2px;right:-2px;font-size:10px;background:var(--bg-primary);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.status-online{color:var(--accent)}.status-connecting{color:var(--warning, #ffe66d);animation:pulse 1.5s infinite}.status-offline{color:var(--text-dim)}.status-error{color:var(--error, #ff6b6b)}.agent-info{flex:1;min-width:0;overflow:hidden}.agent-avatar-emoji{font-size:18px}.agent-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.agent-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-role-tag{font-size:9px;padding:1px 5px;background:#00ff9d26;color:var(--accent);border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}.agent-meta{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-working-status{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.working-status-working{color:var(--accent);animation:pulseGlow 2s ease-in-out infinite}.working-status-busy{color:var(--warning, #ffe66d)}.working-status-standby{color:var(--text-dim)}.working-status-offline{color:var(--text-dim);opacity:.6}.working-status-connecting{color:var(--warning, #ffe66d);animation:pulse 1.5s infinite}.working-status-error{color:var(--error, #ff6b6b)}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.7}}.agent-session-count{font-size:10px;color:var(--text-dim);opacity:.8}.agent-active{color:var(--accent)}.agent-error{color:var(--error, #ff6b6b)}.agent-sidebar-settings{margin:8px;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.agent-sidebar-settings:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text)}.channel-sidebar{width:250px;min-width:250px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.channel-sidebar-header{padding:8px 12px;border-bottom:1px solid var(--border)}.channel-back-btn{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);padding:6px 12px;font-size:12px;cursor:pointer;transition:all .15s;width:100%}.channel-back-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text)}.channel-sidebar-title{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-dim)}.channel-count{font-family:var(--font-mono)}.channel-create-btn{margin:0 12px 12px;padding:10px 16px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.channel-create-btn:hover{opacity:.9}.channel-list{flex:1;overflow-y:auto;padding:0 8px}.channel-list-empty{padding:20px 16px;text-align:center;color:var(--text-dim);font-size:13px;line-height:1.5}.channel-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s;margin-bottom:4px}.channel-item:hover{background:var(--bg-tertiary)}.channel-item-active{background:var(--bg-tertiary);border:1px solid var(--border)}.channel-item-info{flex:1;min-width:0}.channel-item-name{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:2px}.channel-item-hash{color:var(--text-dim);font-weight:400}.channel-item-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.channel-delete-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px 8px;border-radius:4px;opacity:0;transition:all .15s}.channel-item:hover .channel-delete-btn{opacity:1}.channel-delete-btn:hover{background:var(--bg-primary)}.channel-delete-btn.confirm{opacity:1;color:var(--error, #ff6b6b);background:#ff6b6b1a}.channel-item-unread .channel-item-name{font-weight:600;color:var(--text)}.channel-item-unread .channel-item-hash{color:var(--accent)}.channel-unread-badge{background:var(--accent);color:var(--bg-primary);font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:8px;min-width:18px;text-align:center}.channel-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0}.channel-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.channel-header-left{display:flex;align-items:center;gap:4px;min-width:0}.channel-hash{color:var(--text-dim);font-size:18px;font-weight:500}.channel-name{font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.channel-name:hover{color:var(--accent)}.channel-rename-input{background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:600;color:var(--text);outline:none}.channel-description{color:var(--text-dim);font-size:13px;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header-right{display:flex;align-items:center;gap:12px}.channel-members{display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.channel-members:hover{background:var(--bg-tertiary)}.channel-member-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-secondary);position:relative}.channel-member-more{margin-left:4px;font-size:11px;color:var(--text-dim)}.channel-member-count{margin-left:8px;font-size:12px;color:var(--text-dim)}.channel-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.channel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-dim)}.channel-empty-icon{font-size:48px;opacity:.3;margin-bottom:16px}.channel-empty-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.channel-empty-desc{font-size:14px;max-width:400px;margin-bottom:16px}.channel-empty-hint{font-size:12px;background:var(--bg-secondary);padding:8px 16px;border-radius:6px;border:1px solid var(--border)}.channel-message{display:flex;gap:12px}.channel-message-avatar{width:40px;height:40px;border-radius:8px;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.channel-message-content{flex:1;min-width:0}.channel-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.channel-message-author{font-weight:600;font-size:14px}.channel-message-time{font-size:11px;color:var(--text-dim)}.channel-message-text{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.channel-input-container{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.channel-input-wrapper{display:flex;gap:12px;align-items:flex-end;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.channel-input-wrapper:focus-within{border-color:var(--accent)}.channel-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text);font-family:inherit;resize:none;min-height:24px;max-height:150px}.channel-input::placeholder{color:var(--text-dim)}.channel-send-btn{background:var(--accent);color:var(--bg-primary);border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.channel-send-btn:hover:not(:disabled){opacity:.9}.channel-send-btn:disabled{opacity:.5;cursor:not-allowed}.channel-typing{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-dim);animation:fadeIn .2s ease}.channel-typing-agent{display:flex;align-items:center;gap:4px}.channel-typing-dot{font-size:8px;animation:pulse 1.5s infinite}.channel-typing-text{font-style:italic}.channel-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.channel-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.channel-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.channel-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text)}.channel-modal-close{background:transparent;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;padding:0;line-height:1}.channel-modal-close:hover{color:var(--text)}.channel-modal-content{padding:20px;overflow-y:auto;flex:1}.channel-modal-field{margin-bottom:20px}.channel-modal-field:last-child{margin-bottom:0}.channel-modal-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}.channel-modal-field input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;outline:none;box-sizing:border-box}.channel-modal-field input:focus{border-color:var(--accent)}.channel-modal-field input::placeholder{color:var(--text-dim)}.channel-name-input-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;overflow:hidden}.channel-name-input-wrapper:focus-within{border-color:var(--accent)}.channel-name-hash{padding:10px 0 10px 12px;color:var(--text-dim);font-size:14px}.channel-name-input-wrapper input{border:none;padding-left:4px;background:transparent}.channel-name-input-wrapper input:focus{border:none}.channel-modal-hint{font-size:12px;color:var(--text-dim);margin-bottom:12px}.channel-modal-no-agents{padding:20px;text-align:center;color:var(--text-dim);background:var(--bg-tertiary);border-radius:8px;font-size:13px}.channel-agent-list{display:flex;flex-direction:column;gap:8px}.channel-agent-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s}.channel-agent-item:hover{border-color:var(--text-dim)}.channel-agent-item.selected{border-color:var(--accent);background:#00ff9d0d}.channel-agent-avatar{width:36px;height:36px;border-radius:8px;background:var(--bg-primary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:border-color .15s}.channel-agent-info{flex:1;min-width:0}.channel-agent-name{font-size:14px;font-weight:500;color:var(--text)}.channel-agent-url{font-size:11px;color:var(--text-dim)}.channel-agent-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .15s}.channel-agent-check.checked{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.channel-modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.channel-modal-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.channel-modal-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.channel-modal-btn.secondary:hover{background:var(--bg-tertiary)}.channel-modal-btn.primary{background:var(--accent);border:none;color:var(--bg-primary)}.channel-modal-btn.primary:hover:not(:disabled){opacity:.9}.channel-modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.live-feed{width:280px;min-width:280px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%}.live-feed-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.live-feed-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-dim)}.live-feed-count{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-dim);font-family:var(--font-mono)}.live-feed-filters{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);overflow-x:auto}.feed-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;font-size:11px;cursor:pointer;border-radius:4px;transition:all .15s;white-space:nowrap}.feed-filter-btn:hover{border-color:var(--text-dim);color:var(--text)}.feed-filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.live-feed-list{flex:1;overflow-y:auto;padding:8px}.live-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;padding:20px}.feed-empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.feed-empty-text{font-size:13px;margin-bottom:4px}.feed-empty-hint{font-size:11px;opacity:.7}.feed-event{display:flex;gap:10px;padding:10px;margin-bottom:6px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s}.feed-event:hover{border-color:var(--text-dim);transform:translate(2px)}.feed-event-icon{font-size:14px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:4px}.feed-event-content{flex:1;min-width:0;overflow:hidden}.feed-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.feed-event-agent{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-event-time{font-size:10px;color:var(--text-dim);flex-shrink:0;font-family:var(--font-mono)}.feed-event-summary{font-size:12px;color:var(--text);line-height:1.4;margin-bottom:4px}.feed-event-details{font-size:11px;color:var(--text-dim);line-height:1.3;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.feed-event-source{font-size:10px;color:var(--accent);margin-top:4px;display:flex;align-items:center;gap:4px}.feed-source-icon{opacity:.7}.feed-event.event-message{border-left:2px solid #4ecdc4}.feed-event.event-complete{border-left:2px solid var(--accent)}.feed-event.event-start{border-left:2px solid #ffe66d}.feed-event.event-error{border-left:2px solid #ff6b6b}.feed-event.event-status{border-left:2px solid #a855f7}.feed-scroll-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);border:none;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;border-radius:12px;box-shadow:0 2px 8px #00ff9d4d;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.live-feed{position:relative}.task-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-modal{background:var(--bg-primary);border:1px solid var(--accent);border-radius:8px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 40px #00ff9d26;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.task-modal-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text)}.task-modal-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .15s}.task-modal-close:hover{color:var(--accent)}.task-modal-content{flex:1;overflow-y:auto;padding:20px}.task-form-row{margin-bottom:16px}.task-form-row label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px}.task-form-row input[type=text],.task-form-row textarea,.task-form-row select{width:100%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit;border-radius:4px;transition:border-color .15s}.task-form-row input:focus,.task-form-row textarea:focus,.task-form-row select:focus{outline:none;border-color:var(--accent)}.task-form-row textarea{resize:vertical;min-height:80px}.task-form-row select{cursor:pointer}.priority-selector{display:flex;gap:8px}.priority-btn{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s}.priority-btn:hover{border-color:var(--text-dim);color:var(--text)}.priority-btn.active{background:var(--bg-tertiary)}.tags-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;min-height:40px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.task-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--accent);color:var(--bg-primary);font-size:11px;font-weight:600;border-radius:3px}.task-tag button{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;padding:0;opacity:.7}.task-tag button:hover{opacity:1}.tag-input{flex:1;min-width:80px;background:transparent!important;border:none!important;padding:4px!important;font-size:12px!important}.tag-input:focus{outline:none}.common-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.common-tag-btn{background:var(--bg-tertiary);border:1px dashed var(--border);color:var(--text-dim);padding:3px 8px;font-size:10px;cursor:pointer;border-radius:3px;transition:all .15s}.common-tag-btn:hover{border-color:var(--accent);border-style:solid;color:var(--accent)}.task-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.task-btn{padding:10px 20px;background:none;border:1px solid var(--border);color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s}.task-btn:hover:not(:disabled){border-color:var(--text);color:var(--text)}.task-btn:disabled{opacity:.5;cursor:not-allowed}.task-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.task-btn.primary:hover:not(:disabled){background:#00cc7a;border-color:#00cc7a}.task-btn.danger{border-color:#ff6b6b;color:#ff6b6b}.task-btn.danger:hover:not(:disabled){background:#ff6b6b;color:var(--bg-primary)}.task-modal-spacer{flex:1}.task-card{display:flex;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;overflow:hidden}.task-card:hover{border-color:var(--text-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.task-card.dragging{opacity:.8;box-shadow:0 8px 24px #00ff9d33;border-color:var(--accent)}.task-card-priority{width:4px;flex-shrink:0}.task-card-content{flex:1;padding:10px 12px;min-width:0}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.task-card-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-card-agent{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:4px;font-size:12px;flex-shrink:0}.task-card-desc{font-size:11px;color:var(--text-dim);line-height:1.4;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card-tags{display:flex;gap:4px;flex-wrap:wrap;overflow:hidden}.task-card-tag{font-size:9px;padding:2px 6px;background:var(--bg-tertiary);color:var(--text-dim);border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.task-card-tag-more{font-size:9px;color:var(--text-dim);padding:2px 4px}.task-card-time{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);flex-shrink:0}.kanban-board{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.kanban-filters{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.kanban-filter-group{display:flex;align-items:center;gap:8px}.kanban-filter-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.kanban-filter-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text);padding:6px 10px;font-size:12px;border-radius:4px;cursor:pointer}.kanban-filter-select:focus{outline:none;border-color:var(--accent)}.kanban-filter-spacer{flex:1}.kanban-add-btn{background:var(--accent);border:none;color:var(--bg-primary);padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .15s}.kanban-add-btn:hover{background:#00cc7a}.kanban-columns{display:flex;flex:1;overflow-x:auto;padding:16px;gap:12px}.kanban-column{flex:1;min-width:200px;max-width:280px;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.kanban-column.drag-over{border-color:var(--accent);box-shadow:0 0 20px #00ff9d1a}.kanban-column-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.kanban-column-indicator{width:8px;height:8px;border-radius:2px}.kanban-column-title{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);flex:1}.kanban-column-count{font-size:11px;font-family:var(--font-mono);color:var(--text-dim);padding:2px 6px;background:var(--bg-tertiary);border-radius:10px}.kanban-column-content{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.kanban-column-empty{display:flex;align-items:center;justify-content:center;height:80px;color:var(--text-dim);font-size:12px;opacity:.5}@media(max-width:900px){.kanban-columns{padding:12px;gap:10px}.kanban-column{min-width:160px}}.mission-control{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);flex:1}.mc-header{display:flex;align-items:center;gap:24px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.mc-header-title{font-size:14px;font-weight:700;letter-spacing:.15em;color:var(--accent);display:flex;align-items:center;gap:10px}.mc-logo{font-size:18px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;text-shadow:0 0 10px var(--accent)}50%{opacity:.7;text-shadow:0 0 5px var(--accent)}}.mc-header-stats{display:flex;align-items:center;gap:12px}.mc-stat{display:flex;align-items:center;gap:6px}.mc-stat-value{font-size:18px;font-weight:700;color:var(--text);font-family:var(--font-mono)}.mc-stat-label{font-size:10px;color:var(--text-dim);letter-spacing:.1em}.mc-stat-divider{color:var(--border)}.mc-new-task{margin-left:auto;background:var(--accent);border:none;color:var(--bg-primary);padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;border-radius:4px;transition:all .15s}.mc-new-task:hover{background:#00cc7a;transform:translateY(-1px)}.mc-menu-container{position:relative}.mc-menu-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;font-size:16px;cursor:pointer;border-radius:4px;transition:all .15s}.mc-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.mc-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0006;z-index:100}.mc-menu button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:var(--text);font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s}.mc-menu button:hover{background:var(--bg-tertiary)}.mc-panels{display:flex;flex:1;overflow:hidden}.mc-panel-title{font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--text-dim);padding:12px 16px;border-bottom:1px solid var(--border)}.mc-agents{width:200px;min-width:200px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.mc-agent-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .15s;border-left:2px solid transparent}.mc-agent-item:hover{background:var(--bg-tertiary)}.mc-agent-item.active{background:var(--bg-tertiary);border-left-color:var(--accent)}.mc-agent-avatar{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:6px}.mc-agent-info{flex:1;min-width:0}.mc-agent-name{display:block;font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-agent-status{font-size:9px;letter-spacing:.05em}.mc-agent-status.working{color:var(--accent)}.mc-agent-status.standby{color:var(--text-dim)}.mc-agent-tasks{font-size:10px;color:var(--text-dim)}.mc-agent-badge{background:var(--accent);color:var(--bg-primary);font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.mc-kanban{flex:1;display:flex;flex-direction:column;overflow:hidden}.mc-columns{display:flex;flex:1;overflow-x:auto;padding:12px;gap:8px}.mc-column{flex:1;min-width:140px;max-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;transition:border-color .15s}.mc-column.drag-over{border-color:var(--accent)}.mc-column-header{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}.mc-column-dot{width:6px;height:6px;border-radius:2px}.mc-column-title{font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--text-dim);flex:1}.mc-column-count{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.mc-column-shortcut{font-size:9px;color:var(--text-dim);opacity:.5;padding:1px 4px;background:var(--bg-tertiary);border-radius:2px}.mc-column-tasks{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:6px}.mc-column-more{font-size:10px;color:var(--text-dim);text-align:center;padding:4px}.mc-column-empty{font-size:10px;color:var(--text-dim);text-align:center;padding:20px 4px;opacity:.5}.mc-feed{width:260px;min-width:260px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column}.mc-feed-list{flex:1;overflow-y:auto;padding:8px}.mc-feed-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:4px;transition:background .15s}.mc-feed-item:hover{background:var(--bg-tertiary)}.mc-feed-avatar{font-size:14px;flex-shrink:0}.mc-feed-content{flex:1;min-width:0}.mc-feed-agent{display:block;font-size:11px;font-weight:600;color:var(--accent);margin-bottom:2px}.mc-feed-summary{display:block;font-size:11px;color:var(--text-dim);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mc-feed-time{font-size:9px;color:var(--text-dim);font-family:var(--font-mono);flex-shrink:0}.mc-feed-empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:12px}.mc-footer{padding:8px 16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.mc-hint{font-size:10px;color:var(--text-dim);opacity:.7}@media(max-width:900px){.mc-agents{width:160px;min-width:160px}.mc-feed{width:200px;min-width:200px}.mc-column{min-width:120px}}.agent-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md, 12px)}.agent-card{background:var(--glass-bg, rgba(255,255,255,.03));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border, rgba(255,255,255,.06));border-radius:16px;padding:20px;transition:all .2s ease}.agent-card:hover{background:var(--glass-bg-hover, rgba(255,255,255,.06));border-color:var(--glass-border-hover, rgba(255,255,255,.12));transform:translateY(-2px)}.agent-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agent-card-emoji{font-size:32px;line-height:1}.agent-card-status-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;font-family:var(--font-mono, monospace)}.agent-card-status-dot{width:8px;height:8px;border-radius:50%;animation:agent-pulse 2s ease-in-out infinite}@keyframes agent-pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-card-name{font-size:18px;font-weight:700;color:var(--text-primary, #f0f0f5);margin-bottom:4px}.agent-card-role{font-size:12px;color:var(--text-secondary, #a0a0b0);margin-bottom:16px}.agent-card-meta{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--glass-border, rgba(255,255,255,.06))}.agent-card-meta-item{display:flex;justify-content:space-between;align-items:center}.agent-card-meta-label{font-size:11px;color:var(--text-tertiary, #606070);text-transform:uppercase;letter-spacing:.05em}.agent-card-meta-value{font-size:12px;color:var(--text-primary, #f0f0f5);font-family:var(--font-mono, monospace)}.agent-card-chat-btn{width:100%;margin-top:12px;padding:8px;background:#00ff9d14;border:1px solid rgba(0,255,157,.2);border-radius:8px;color:var(--accent, #00ff9d);font-size:12px;font-weight:600;font-family:var(--font-mono, monospace);cursor:pointer;transition:all .2s ease}.agent-card-chat-btn:hover{background:#00ff9d26;border-color:#00ff9d66}.cron-panel{flex:1;overflow-y:auto;padding:24px;max-width:1200px;margin:0 auto}.cron-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cron-title{font-size:24px;font-weight:700;color:var(--text-primary)}.cron-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.cron-offline-badge{font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 10px;background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:4px}.cron-error{padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:12px;margin-bottom:16px}.cron-jobs-list{display:flex;flex-direction:column;gap:12px}.cron-job-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;transition:all .15s ease}.cron-job-card:hover{border-color:var(--glass-border-hover)}.cron-job-disabled{opacity:.5}.cron-job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.cron-job-left{display:flex;align-items:flex-start;gap:12px}.cron-toggle-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:2px;color:var(--text-tertiary);transition:color .15s;margin-top:2px}.cron-toggle-btn.enabled{color:#22c55e}.cron-job-name{font-size:15px;font-weight:600;color:var(--text-primary)}.cron-job-desc{font-size:12px;color:var(--text-secondary);margin-top:4px}.cron-job-actions{display:flex;align-items:center;gap:6px}.cron-run-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#22c55e;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.cron-run-btn:hover{background:#22c55e1a;border-color:#22c55e}.cron-run-btn.running{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cron-edit-btn,.cron-delete-btn{background:none;border:1px solid transparent;color:var(--text-tertiary);font-size:14px;padding:4px 6px;cursor:pointer;border-radius:4px;transition:all .15s}.cron-edit-btn:hover{color:var(--accent-primary);border-color:var(--glass-border)}.cron-delete-btn:hover{color:#ef4444;border-color:#ef44444d}.cron-job-details{display:flex;flex-wrap:wrap;gap:16px}.cron-detail{display:flex;align-items:center;gap:8px}.cron-detail-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.cron-detail-value{font-size:12px;color:var(--text-primary);font-family:var(--font-mono)}.cron-detail-raw{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.cron-status-ok{color:#22c55e!important}.cron-status-error{color:#ef4444!important}.cron-detail-error .cron-detail-value{color:#ef4444;font-size:11px}.cron-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.cron-modal{background:var(--bg-secondary, #12121a);border:1px solid var(--glass-border);border-radius:16px;padding:24px;width:400px;max-width:90vw}.cron-modal-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.cron-modal-field{margin-bottom:12px}.cron-modal-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:6px}.cron-modal-field input{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.cron-modal-field input:focus{border-color:var(--accent-primary)}.cron-modal-hint{font-size:11px;color:var(--text-tertiary);margin-top:4px;display:block}.cron-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.cron-modal-cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);font-family:inherit;font-size:12px;padding:8px 16px;border-radius:8px;cursor:pointer}.cron-modal-save{background:var(--accent-primary);border:none;color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer}.cron-modal-save:hover{opacity:.9}.cron-toast{padding:10px 16px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px}.cron-toast-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.cron-toast-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.cron-empty{text-align:center;padding:48px 24px;color:var(--text-secondary);font-size:14px}.cron-history-btn{background:none;border:1px solid transparent;color:var(--text-tertiary);font-size:14px;padding:4px 6px;cursor:pointer;border-radius:4px;transition:all .15s}.cron-history-btn:hover{color:var(--accent-primary);border-color:var(--glass-border)}.cron-history{margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-border);overflow:hidden}.cron-history-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:8px}.cron-history-empty{font-size:12px;color:var(--text-tertiary);padding:8px 0}.cron-history-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.cron-history-status.success{color:#22c55e}.cron-history-status.error{color:#ef4444}.cron-history-time{color:var(--text-secondary);font-family:var(--font-mono)}.cron-history-duration{color:var(--text-tertiary);font-family:var(--font-mono)}.cron-history-error{color:#ef4444;font-size:11px}.pipeline-board{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px}.pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.pipeline-title{font-size:24px;font-weight:700;color:var(--text-primary)}.pipeline-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.pipeline-refresh-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:inherit;font-size:12px;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.pipeline-refresh-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pipeline-loading,.pipeline-error{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-tertiary);font-size:14px;gap:12px}.pipeline-error button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-primary);font-family:inherit;font-size:12px;padding:4px 12px;border-radius:6px;cursor:pointer}.pipeline-columns{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;flex:1;overflow-x:auto;overflow-y:hidden;min-height:0}.pipeline-column{display:flex;flex-direction:column;min-width:180px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.pipeline-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--glass-border)}.pipeline-column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pipeline-column-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);flex:1}.pipeline-column-count{font-size:10px;font-weight:700;color:var(--text-tertiary);font-family:var(--font-mono)}.pipeline-column-content{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.pipeline-column-empty{display:flex;align-items:center;justify-content:center;padding:24px 8px;color:var(--text-tertiary);font-size:11px}.pipeline-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px;padding:12px;transition:all .15s}.pipeline-card:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.pipeline-card-number{font-size:10px;font-weight:700;color:var(--text-tertiary);font-family:var(--font-mono);margin-bottom:6px}.pipeline-card-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:4px}.pipeline-card-slug{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);margin-bottom:10px}.pipeline-card-progress{display:flex;gap:3px;margin-bottom:10px}.pipeline-step{width:100%;height:3px;border-radius:2px;background:var(--glass-border)}.pipeline-step.done{background:#22c55e}.pipeline-step.pending{background:var(--text-tertiary);opacity:.3}.pipeline-card-meta{display:flex;justify-content:space-between;align-items:center}.pipeline-card-days{font-size:10px;color:var(--text-tertiary)}.pipeline-card-links{display:flex;gap:4px}.pipeline-link{font-size:12px;cursor:pointer;text-decoration:none;opacity:.7;transition:opacity .15s}.pipeline-link:hover{opacity:1}.pipeline-card-notes{font-size:11px;color:var(--text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--glass-border);line-height:1.4}.pipeline-queue{margin-top:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px;flex-shrink:0}.pipeline-queue-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pipeline-queue-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.pipeline-queue-count{font-size:10px;color:var(--text-tertiary)}.pipeline-queue-list{display:flex;flex-wrap:wrap;gap:8px}.pipeline-queue-card{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:6px;font-size:12px}.pipeline-queue-dot{color:var(--text-tertiary);font-size:8px}.pipeline-queue-title{color:var(--text-secondary)}.agent-manager{flex:1;overflow-y:auto;padding:24px;max-width:1200px;margin:0 auto}.agent-mgr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.agent-mgr-title{font-size:24px;font-weight:700;color:var(--text-primary)}.agent-mgr-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.agent-mgr-create-btn{background:var(--accent-primary, #3b82f6);border:none;color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:opacity .15s}.agent-mgr-create-btn:hover{opacity:.9}.agent-mgr-error{padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:12px;margin-bottom:16px}.agent-mgr-success{padding:12px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:12px;margin-bottom:16px}.agent-mgr-create-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin-bottom:24px;overflow:hidden}.agent-mgr-form-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.agent-mgr-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.agent-mgr-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:6px}.agent-mgr-field input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.agent-mgr-field input:focus{border-color:var(--accent-primary)}.agent-mgr-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.agent-mgr-form-cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);font-family:inherit;font-size:12px;padding:8px 16px;border-radius:8px;cursor:pointer}.agent-mgr-form-submit{background:var(--accent-primary, #3b82f6);border:none;color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer}.agent-mgr-form-submit:disabled{opacity:.5;cursor:not-allowed}.agent-mgr-list{display:flex;flex-direction:column;gap:12px}.agent-mgr-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .15s}.agent-mgr-card:hover{border-color:var(--glass-border-hover)}.agent-mgr-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.agent-mgr-card-emoji{font-size:32px}.agent-mgr-card-info{flex:1}.agent-mgr-card-name{font-size:16px;font-weight:700;color:var(--text-primary)}.agent-mgr-card-role{font-size:12px;color:var(--text-secondary);margin-top:2px}.agent-mgr-card-status{display:flex;align-items:center;gap:6px}.agent-mgr-status-dot{width:8px;height:8px;border-radius:50%}.agent-mgr-status-text{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-secondary)}.agent-mgr-card-details{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--glass-border)}.agent-mgr-detail{display:flex;align-items:center;gap:12px}.agent-mgr-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);min-width:100px}.agent-mgr-detail-value{font-size:12px;color:var(--text-primary)}.agent-mgr-mono{font-family:var(--font-mono)}.agent-mgr-model-row{display:flex;align-items:center;gap:8px;flex:1}.agent-mgr-apply-btn{background:var(--accent-primary, #3b82f6);border:none;color:#fff;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}.agent-mgr-apply-btn:disabled{opacity:.5}.agent-mgr-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-border)}.agent-mgr-chat-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:inherit;font-size:12px;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .15s}.agent-mgr-chat-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.agent-mgr-chat-btn:disabled{opacity:.4;cursor:not-allowed}.model-selector{display:flex;align-items:center;gap:8px}.model-select{background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:6px 10px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none;cursor:pointer;min-width:180px}.model-select:focus{border-color:var(--accent-primary)}.model-select option{background:var(--bg-secondary, #12121a);color:var(--text-primary)}.model-tier-badge{font-size:9px;font-weight:700;letter-spacing:.1em}:root{--bg-deep: #080c10;--bg-primary: #0c1117;--bg-secondary: #111820;--bg-tertiary: #151d28;--bg-hover: #1a2332;--bg-active: #1e2a3a;--border: #1c2836;--border-light: #243040;--text-primary: #c9d4e0;--text-secondary: #7a8a9e;--text-dim: #4a5568;--accent: #2dd4a8;--accent-bright: #3eeab8;--accent-dim: #1a9a74;--accent-glow: rgba(45, 212, 168, .12);--accent-glow-strong: rgba(45, 212, 168, .25);--user-bg: #1a2332;--code-bg: #0d1520;--code-border: #2a3a4e;--code-text: #2dd4a8;--inline-code-bg: #162030;--inline-code-border: #2a3f55}body{font-family:JetBrains Mono,monospace;background:var(--bg-deep);color:var(--text-primary);font-size:13px}.app{display:flex;flex-direction:column;height:100vh;position:relative}.scanline{position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(45,212,168,.008) 2px,rgba(45,212,168,.008) 4px)}.top-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border-bottom:1px solid var(--border);height:40px;padding:0 16px;flex-shrink:0;-webkit-user-select:none;user-select:none}.top-bar-left{display:flex;align-items:center;gap:20px}.top-bar-logo{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.logo-mascot{width:24px;height:24px;border-radius:4px;object-fit:cover}.logo-gt{color:var(--accent)}.logo-name{color:var(--text-primary);letter-spacing:1px}.logo-version{color:var(--text-dim);font-size:11px;font-weight:400}.top-bar-tabs{display:flex;gap:4px}.top-tab{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-family:inherit;font-size:12px;padding:4px 14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.top-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.top-tab-active{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);font-weight:600}.top-tab-num{font-size:11px;opacity:.7}.top-tab-count{background:var(--accent-dim);color:var(--bg-deep);font-size:10px;font-weight:700;padding:1px 5px;border-radius:2px;margin-left:2px}.top-tab-active .top-tab-count{background:var(--bg-deep);color:var(--accent)}.top-bar-center{font-size:12px;color:var(--text-dim);letter-spacing:1px}.top-bar-section{font-weight:500}.top-bar-right{display:flex;align-items:center;gap:16px;font-size:12px}.top-bar-time{color:var(--text-dim)}.status-connected{color:var(--accent);font-weight:600}.status-disconnected{color:#ff6b6b;font-weight:600}.gateway-settings-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-family:inherit;font-size:11px;padding:4px 10px;cursor:pointer;transition:all .15s;border-radius:3px}.gateway-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.main-content{flex:1;display:flex;overflow:hidden}.main-content.main-content--scrollable{display:block;overflow-y:auto;overflow-x:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:12px 14px 8px;border-bottom:1px solid var(--border)}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-secondary)}.sidebar-dot{color:var(--accent);font-size:8px}.sidebar-count{color:var(--text-dim)}.sidebar-new{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);margin:10px 12px;padding:8px 12px;background:transparent;border:1px solid var(--accent-dim);color:var(--accent);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;letter-spacing:.5px}.sidebar-new:hover{background:var(--accent-glow);border-color:var(--accent)}.sidebar-new-count{color:var(--text-dim);font-size:11px}.sidebar-search{display:flex;align-items:center;margin:0 12px 10px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border);gap:8px}.search-icon{color:var(--text-dim);font-size:14px}.search-input{background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;width:100%;outline:none}.search-input::placeholder{color:var(--text-dim)}.sidebar-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:var(--border)}.sidebar-item{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;cursor:pointer;border-left:3px solid transparent;transition:all .1s}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item-active{background:var(--bg-active);border-left-color:var(--accent)}.sidebar-item-indicator{width:10px;flex-shrink:0;padding-top:4px}.active-dot{color:var(--accent);font-size:8px}.typing-dot{color:var(--accent);font-size:8px;animation:pulse 1.5s infinite}.gateway-dot{font-size:10px;margin-right:2px;opacity:.9}.split-dot{color:var(--text-dim);font-size:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.sidebar-item-active .sidebar-item-name{color:var(--accent)}.sidebar-item-preview{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-time{font-size:10px;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.sidebar-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.sidebar-item-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.sidebar-item:hover .sidebar-item-actions{opacity:1}.sidebar-action-btn{background:none;border:1px solid transparent;font-size:12px;line-height:1;padding:2px 4px;cursor:pointer;transition:all .15s;border-radius:2px}.sidebar-action-edit{color:var(--text-dim)}.sidebar-action-edit:hover{color:var(--accent);border-color:var(--border-light);background:var(--bg-tertiary)}.sidebar-action-delete{color:#ff6b6b88}.sidebar-action-delete:hover{color:#ff6b6b;border-color:#ff6b6b44;background:#ff6b6b14}.sidebar-action-delete.confirm{opacity:1;color:#f44;border-color:#f44;background:#ff444426;animation:pulse-delete .6s ease-in-out infinite alternate}@keyframes pulse-delete{0%{box-shadow:0 0 #f440}to{box-shadow:0 0 6px #f446}}.sidebar-rename-input{background:var(--bg-deep);border:1px solid var(--accent);color:var(--accent);font-family:inherit;font-size:12px;padding:2px 6px;width:100%;outline:none}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:8px}.chat-header-dot{color:var(--accent);font-size:10px}.chat-header-name{color:var(--text-primary);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.chat-header-rename{background:var(--bg-deep);border:1px solid var(--accent);color:var(--accent);font-family:inherit;font-size:13px;padding:2px 8px;outline:none}.chat-header-edit{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:2px 4px;transition:color .15s}.chat-header-edit:hover{color:var(--accent)}.chat-header-right{font-size:11px;color:var(--text-dim);letter-spacing:.5px}.chat-header-meta{color:var(--text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;opacity:.4}.chat-empty-icon{font-size:42px;color:var(--accent);text-shadow:0 0 20px var(--accent-glow-strong)}.chat-empty-text{font-size:14px;color:var(--text-secondary)}.chat-empty-hint{font-size:12px;color:var(--text-dim)}.message{display:flex;gap:12px;max-width:100%}.message-user{flex-direction:row-reverse}.message-avatar{color:var(--accent);font-size:14px;flex-shrink:0;margin-top:2px}.message-body{max-width:75%;min-width:200px}.message-user .message-body{align-items:flex-end}.message-label{font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:6px;color:var(--text-dim)}.message-user .message-label{text-align:right;color:var(--text-dim)}.message-content{padding:14px 18px;border-radius:2px;line-height:1.65;font-size:13px}.message-assistant .message-content{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.message-user .message-content{background:var(--user-bg);border:1px solid var(--border-light);color:var(--text-primary)}.message-system .message-content{background:#ff6b6b0f;border:1px solid rgba(255,107,107,.2);color:#ff8a8a}.message-actions{display:flex;align-items:flex-start;padding-top:24px}.msg-action-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);font-family:inherit;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.msg-action-btn:hover{background:var(--accent-glow);border-color:var(--accent)}.inline-code{background:var(--inline-code-bg);border:1px solid var(--inline-code-border);color:var(--code-text);padding:2px 6px;font-size:12px;border-radius:2px}.code-block{background:var(--code-bg);border:1px solid var(--code-border);padding:14px 16px;margin:10px 0;overflow-x:auto;font-size:12px;line-height:1.5;border-radius:2px}.code-block code{color:var(--text-primary)}.message-content p{margin-bottom:8px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:20px;margin-bottom:8px}.message-content strong{color:var(--text-primary);font-weight:600}.message-content a{color:var(--accent);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content blockquote{border-left:3px solid var(--accent-dim);padding-left:12px;color:var(--text-secondary);margin:8px 0}.typing-indicator{display:flex;gap:4px}.typing-indicator span{color:var(--accent);animation:typing-dot 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-input-area{display:flex;align-items:center;padding:12px 20px;background:var(--bg-primary);border-top:1px solid var(--border);gap:10px;flex-shrink:0}.input-prompt{color:var(--accent);font-size:16px;font-weight:700;flex-shrink:0}.chat-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 14px;resize:none;outline:none;transition:border-color .15s}.chat-input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.chat-input::placeholder{color:var(--text-dim)}.chat-send{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);font-family:inherit;font-size:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.chat-send:hover{background:var(--accent-glow);border-color:var(--accent)}.chat-send:disabled{color:var(--text-dim);cursor:not-allowed;background:var(--bg-secondary)}.chat-input-hint{font-size:11px;color:var(--text-dim);padding:4px 20px 8px;background:var(--bg-primary)}.bottom-bar{display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bg-primary);border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);height:26px;flex-shrink:0}.bottom-gt{color:var(--accent)}.bottom-spacer{flex:1}.bottom-item{display:flex;align-items:center;gap:6px}.staged-image-preview{position:relative;display:inline-block;margin:4px 0 4px 24px;max-width:200px}.staged-image-preview img{max-width:200px;max-height:150px;border-radius:4px;border:1px solid var(--accent, #39ff14);opacity:.9}.staged-image-remove{position:absolute;top:-6px;right:-6px;background:var(--bg-primary, #1a1a2e);color:#f44;border:1px solid #ff4444;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.staged-image-remove:hover{background:#f44;color:var(--bg-primary, #1a1a2e)}.message-attachment{margin-bottom:8px}.message-attachment img{max-width:300px;max-height:200px;border-radius:4px;border:1px solid var(--border, #1a2332)}.ops-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.ops-header{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0}.ops-header-dot{color:#f0ad4e;font-size:14px}.ops-header-title{font-size:13px;font-weight:600;letter-spacing:2px;color:var(--text-primary)}.ops-header-uptime{margin-left:auto;font-size:11px;color:var(--accent);letter-spacing:1px;font-variant-numeric:tabular-nums}.ops-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ops-content::-webkit-scrollbar{width:6px}.ops-content::-webkit-scrollbar-track{background:transparent}.ops-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ops-stats-bar{display:flex;gap:4px;margin-bottom:12px}.ops-stat{flex:1;background:var(--bg-primary);border:1px solid var(--border);padding:12px 16px;text-align:center}.ops-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.ops-stat-label{font-size:10px;color:var(--text-dim);letter-spacing:2px;margin-top:4px}.ops-section{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s}.ops-section:hover{border-color:var(--border-light)}.ops-section-header{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-secondary)}.ops-section-arrow{color:var(--text-dim);font-size:12px;width:12px}.ops-section-icon{font-size:12px}.ops-section-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;border:1px solid;letter-spacing:1px}.ops-section-body{background:var(--bg-tertiary);border:1px solid var(--border);border-top:none;padding:12px 16px;font-size:12px}.ops-kv{display:flex;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}.ops-kv:last-child{border-bottom:none}.ops-key{color:var(--text-dim);width:120px;flex-shrink:0;font-size:11px;letter-spacing:1px}.ops-val{color:var(--text-primary);font-size:12px}.ops-empty{color:var(--text-dim);font-style:italic;padding:8px 0;font-size:11px}.ops-agent-item{padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.ops-agent-item:hover{background:var(--bg-hover);margin:0 -16px;padding:8px 16px}.ops-agent-item:last-child{border-bottom:none}.ops-agent-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ops-agent-status{color:var(--text-dim);font-size:10px}.ops-agent-active{color:var(--accent);animation:pulse 1.5s infinite}.ops-agent-name{color:var(--text-primary);font-weight:500}.ops-agent-id{color:var(--text-dim);font-size:10px;margin-left:auto}.ops-agent-detail{display:flex;gap:12px;font-size:11px;color:var(--text-dim);padding-left:18px}.ops-agent-last{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.ops-event-item{display:flex;gap:10px;padding:4px 0;font-size:11px;border-bottom:1px solid var(--border)}.ops-event-item:last-child{border-bottom:none}.ops-event-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.ops-event-session{color:#f0ad4e;flex-shrink:0}.ops-event-msg{color:#ff8a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-sessions-table{display:flex;flex-direction:column}.ops-table-header{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--accent-dim);margin-bottom:4px}.ops-th{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--accent)}.ops-table-row{display:flex;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;font-size:12px}.ops-table-row:hover{background:var(--bg-hover)}.ops-td{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-td-name{color:var(--text-primary)}.split-view{flex:1;display:flex;overflow:hidden;animation:split-open .3s ease-out}@keyframes split-open{0%{opacity:.7}to{opacity:1}}.split-pane{display:flex;flex-direction:column;overflow:hidden;min-width:0}.split-pane .chat-panel{flex:1}.split-divider{width:6px;background:var(--bg-deep);cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.split-divider-line{width:2px;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 20px var(--accent-glow-strong);transition:box-shadow .2s}.split-divider:hover .split-divider-line{box-shadow:0 0 12px var(--accent),0 0 30px var(--accent-glow-strong),0 0 50px var(--accent-glow)}.split-divider-close{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent);font-size:10px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;opacity:0;transition:opacity .2s;z-index:11}.split-divider:hover .split-divider-close{opacity:1}.split-divider-close:hover{background:var(--accent);color:var(--bg-deep)}.split-session-selector{position:relative;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0}.split-session-btn{width:100%;background:transparent;border:none;color:var(--accent);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1px;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.split-session-btn:hover{background:var(--bg-hover)}.split-session-arrow{margin-left:auto;font-size:10px}.split-session-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--accent-dim);border-top:none;z-index:100;max-height:200px;overflow-y:auto}.split-session-option{width:100%;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:11px;padding:8px 14px;cursor:pointer;text-align:left;transition:all .1s}.split-session-option:hover{background:var(--bg-hover);color:var(--text-primary)}.split-session-option.active{color:var(--accent);background:var(--accent-glow)}.split-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:inherit;font-size:16px;padding:2px 8px;margin-left:12px;cursor:pointer;transition:all .15s;vertical-align:middle}.split-toggle-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.split-toggle-btn.split-active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow)}.split-dot{color:var(--accent);font-size:10px;opacity:.7}@media(max-width:800px){.split-view{flex-direction:column}.split-pane{width:100%!important}.split-divider{width:100%;height:6px;cursor:row-resize}.split-divider-line{width:100%;height:2px}.sidebar{display:none}}.channel-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-dim)}.channel-placeholder-icon{font-size:64px;opacity:.2;margin-bottom:20px}.channel-placeholder-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:12px}.channel-placeholder-desc{font-size:14px;text-align:center;max-width:400px;margin-bottom:24px;line-height:1.5}.channel-placeholder-btn{padding:12px 24px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.channel-placeholder-btn:hover{opacity:.9}.bottom-toggle{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--accent);font-size:11px;padding:4px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;margin-left:12px}.bottom-toggle:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.bottom-toggle-icon{font-size:10px}.bottom-toggle.has-unread{border-color:var(--accent);animation:pulse-border 2s infinite}.bottom-unread-badge{background:var(--accent);color:var(--bg-primary);font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;margin-left:6px}@keyframes pulse-border{0%,to{border-color:var(--accent)}50%{border-color:var(--border)}}.bottom-tabs{display:flex;gap:4px;margin-left:8px}.bottom-tab{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);font-size:11px;padding:3px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.bottom-tab:hover{background:var(--bg-tertiary);color:var(--text)}.bottom-tab.active{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.bottom-tab-icon{font-size:10px}.bottom-tab-count{font-size:10px;opacity:.7;font-family:var(--font-mono)}.bottom-tab.has-unread{position:relative}.bottom-tab.has-unread:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--accent);border-radius:50%}.bottom-status{font-family:var(--font-mono);letter-spacing:.5px}.bottom-tab.mission-tab{border-color:var(--accent);color:var(--accent)}.bottom-tab.mission-tab:hover,.bottom-tab.mission-tab.active{background:var(--accent);color:var(--bg-primary)}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-elevated: #222230;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-bg-hover: rgba(255, 255, 255, .06);--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-tertiary: #606070;--text-muted: #404050;--status-healthy: #22c55e;--status-warning: #f59e0b;--status-critical: #ef4444;--status-neutral: #64748b;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .3);--nav-height: 64px;--nav-height-mobile: 56px;--border-radius: 16px;--border-radius-lg: 20px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:all .2s ease}.glass-card-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.glass-card-clickable{cursor:pointer}.status-card{display:flex;flex-direction:column;gap:var(--space-sm);min-height:120px}.status-card-header{display:flex;justify-content:space-between;align-items:center}.status-card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.status-card-icon{font-size:14px;color:var(--text-tertiary)}.status-card-value{font-size:28px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.status-card-subtitle{font-size:12px;color:var(--text-tertiary)}.status-card-trend{display:flex;align-items:center;gap:var(--space-xs);font-size:11px;font-weight:500;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.status-card-trend-up{color:var(--status-healthy)}.status-card-trend-down{color:var(--status-critical)}.status-card-trend-stable{color:var(--status-neutral)}.trend-icon{font-family:var(--font-mono)}.live-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em}.live-dot{width:6px;height:6px;background:var(--status-healthy);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-text{color:var(--status-healthy)}.live-interval{color:var(--text-tertiary);font-size:10px}.top-nav{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 var(--space-xl);background:#0a0a0fcc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.top-nav-brand{display:flex;align-items:center}.brand-logo{display:flex;align-items:center;gap:var(--space-sm)}.brand-mascot{width:28px;height:28px;border-radius:6px;object-fit:cover}.brand-name{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.brand-version{font-size:10px;font-weight:500;color:var(--text-tertiary);background:var(--glass-bg);padding:2px 6px;border-radius:4px;border:1px solid var(--glass-border)}.top-nav-menu{display:flex;align-items:center;gap:var(--space-xs)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-item-active{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border)}.nav-icon{font-size:12px;opacity:.8}.nav-label{display:none}.nav-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent-primary);border-radius:2px}.top-nav-status{display:flex;align-items:center;gap:var(--space-md)}.status-pill{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:11px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.connected{background:var(--status-healthy)}.status-dot.disconnected{background:var(--status-critical)}.status-text{color:var(--text-secondary);font-family:var(--font-mono)}.time-display{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);padding:var(--space-xs) 0;z-index:100}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:transparent;border:none;color:var(--text-tertiary);font-family:inherit;font-size:10px;cursor:pointer;transition:all .15s ease}.mobile-nav-item:hover{color:var(--text-secondary)}.mobile-nav-active{color:var(--accent-primary)}.mobile-nav-icon{font-size:16px}.mobile-nav-label{font-size:9px;font-weight:500}.home-page{padding:var(--space-xl);padding-bottom:calc(var(--nav-height-mobile) + var(--space-xl));max-width:1400px;margin:0 auto;overflow-y:auto;height:100%}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.home-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.home-subtitle{font-size:13px;color:var(--text-secondary);margin-top:var(--space-xs)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.home-sections{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.home-section{min-height:200px}.home-section.wide{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-title{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.section-action{background:transparent;border:none;color:var(--accent-primary);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:6px;transition:all .15s ease}.section-action:hover{background:var(--glass-bg)}.events-list{display:flex;flex-direction:column;gap:var(--space-sm)}.event-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border-radius:10px;border:1px solid var(--glass-border);font-size:12px}.event-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;background:var(--glass-bg);border-radius:4px;color:var(--accent-primary);white-space:nowrap}.event-summary{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.agent-list{display:flex;flex-direction:column;gap:var(--space-sm)}.agent-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border-radius:10px;border:1px solid var(--glass-border);font-size:12px}.agent-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-status-dot.connected{background:var(--status-healthy)}.agent-status-dot.disconnected{background:var(--status-critical)}.agent-status-dot.connecting{background:var(--status-warning)}.agent-name{flex:1;color:var(--text-primary);font-weight:500}.agent-status{font-size:10px;font-weight:600;letter-spacing:.05em;padding:2px 8px;border-radius:4px;background:var(--glass-bg)}.agent-status.connected{color:var(--status-healthy)}.agent-status.disconnected{color:var(--status-critical)}.agent-status.connecting{color:var(--status-warning)}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border)}.quick-stat-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.quick-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary);font-size:12px;text-align:center}@media(min-width:640px){.nav-label{display:inline}.stats-grid{grid-template-columns:repeat(3,1fr)}.quick-stats{grid-template-columns:repeat(4,1fr)}.home-sections{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.top-nav{padding:0 var(--space-2xl)}.time-display{display:block}.stats-grid{grid-template-columns:repeat(3,1fr)}.home-page{padding-bottom:var(--space-xl)}.mobile-nav{display:none}}@media(min-width:1280px){.stats-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:374px){:root{--space-lg: 12px;--space-xl: 16px}.top-nav{padding:0 var(--space-md);height:var(--nav-height-mobile)}.brand-name{display:none}.nav-item{padding:var(--space-xs)}.status-pill{padding:var(--space-xs) var(--space-sm)}.home-title{font-size:20px}.status-card-value{font-size:22px}}.home-section-wrapper{margin-bottom:var(--space-xl)}.home-section-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-md)}.section-count{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);background:var(--glass-bg);padding:2px 8px;border-radius:4px}.home-feed-section{max-height:500px;display:flex;flex-direction:column}.home-feed-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.home-feed-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff04;border-radius:8px;font-size:12px;transition:background .15s;cursor:default}.home-feed-item:hover{background:#ffffff08}.home-feed-icon{font-size:12px;flex-shrink:0}.home-feed-agent{font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.home-feed-summary{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-feed-time{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.home-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-action-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;color:inherit}.home-action-btn:hover{background:#ffffff0d;border-color:var(--glass-border-hover);transform:translateY(-1px)}.home-action-icon{font-size:20px;margin-bottom:4px}.home-action-label{font-size:13px;font-weight:600;color:var(--text-primary)}.home-action-hint{font-size:11px;color:var(--text-tertiary)}.home-cron-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary, #12121a);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;z-index:50;margin-top:4px}.home-cron-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;transition:background .1s;text-align:left}.home-cron-option:hover{background:#ffffff0d}.home-cron-next{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono)}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.main-content{flex:1;overflow:hidden;position:relative}.sidebar{display:none}.content-area{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height-mobile) + var(--space-lg))}@media(min-width:1024px){.content-area{padding-bottom:var(--space-lg)}}