@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap";.action-plan-card{margin-top:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease}.action-plan-card.high-risk{border:1px solid var(--danger);box-shadow:0 0 12px #c4444426}.plan-btn.approve.confirming{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;animation:pulseDanger 1.2s infinite ease-in-out}@keyframes pulseDanger{0%{transform:scale(1)}50%{transform:scale(1.015);box-shadow:0 0 15px #c4444466}to{transform:scale(1)}}.plan-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);gap:8px}.plan-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.plan-expand-icon{font-size:.7rem;color:var(--text-muted);flex-shrink:0;width:12px}.plan-title{font-weight:600;font-size:.85rem;flex-shrink:0}.plan-summary-inline{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.plan-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.plan-target-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.risk-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.risk-badge.low{background:var(--success-bg);color:var(--success-muted);border:1px solid var(--success-border)}.risk-badge.medium{background:var(--warning-bg);color:var(--warning-muted);border:1px solid var(--warning-border)}.risk-badge.high{background:var(--danger-bg);color:var(--danger-muted);border:1px solid var(--danger-border)}.risk-badge.critical{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.plan-steps{padding:6px 12px;display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto}.plan-step{display:flex;gap:8px;font-size:.8rem;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius)}.step-number{color:var(--accent);font-weight:700;min-width:20px}.step-body{flex:1;min-width:0}.step-desc{color:var(--text-secondary);margin-bottom:2px}.step-target-db{font-size:.7rem;color:var(--text-muted);margin-bottom:4px}.step-target-db span{color:var(--accent);font-weight:600}.step-sql-wrapper{position:relative}.step-sql{font-family:Consolas,Courier New,monospace;font-size:.75rem;color:var(--text-primary);background:var(--bg-primary);padding:6px 32px 6px 8px;border-radius:4px;white-space:pre;overflow-x:auto;max-height:72px;overflow-y:hidden;transition:max-height .25s ease}.step-sql.expanded{max-height:400px;overflow-y:auto}.sql-toggle-btn{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-size:.65rem;cursor:pointer;margin-top:4px;display:inline-block}.sql-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.copy-sql-btn{position:absolute;top:4px;right:4px;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:2px 5px;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .15s}.step-sql-wrapper:hover .copy-sql-btn{opacity:1}.copy-sql-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.step-tag{font-size:.65rem;padding:1px 5px;border-radius:3px;margin-left:6px}.step-tag.modifying{background:var(--danger-bg);color:var(--danger-muted);border:1px solid var(--danger-border)}.step-tag.readonly{background:var(--success-bg);color:var(--success-muted);border:1px solid var(--success-border)}.plan-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}.plan-btn{flex:1;padding:8px 12px;border-radius:var(--radius);font-weight:600;font-size:.8rem}.plan-btn.approve{background:var(--success-bg);color:var(--success-muted);border:1px solid var(--success-border)}.plan-btn.approve:hover{background:var(--success-border);color:var(--text-primary)}.plan-btn.reject{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.plan-btn.reject:hover{background:var(--bg-hover);color:var(--text-primary)}.input-prompt-card{margin-top:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.input-prompt-header{padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem;color:var(--text-secondary)}.input-prompt-fields{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.input-field-group{display:flex;flex-direction:column;gap:4px}.input-field-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.input-field-label .required{color:var(--danger-muted);margin-left:2px}.input-field-input,.input-field-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:8px 10px;font-size:.85rem;font-family:inherit}.input-field-input:focus,.input-field-select:focus{outline:none;border-color:var(--accent)}.input-field-input::placeholder{color:var(--text-muted)}.input-prompt-actions{padding:10px 14px;border-top:1px solid var(--border)}.input-prompt-submit{width:100%;background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent);padding:9px 14px;border-radius:var(--radius);font-weight:600;font-size:.85rem}.input-prompt-submit:hover:not(:disabled){background:var(--accent);color:#fff}.input-prompt-submit:disabled{opacity:.4;cursor:not-allowed}.input-field-hint{font-size:.7rem;color:var(--text-muted);margin-top:2px}.rt-container{display:flex;flex-direction:column;width:100%;background:transparent;overflow:hidden}.rt-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.rt-search-box{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:6px;width:250px}.rt-search-box input{background:transparent;border:none;color:var(--text-primary);font-size:.75rem;width:100%;outline:none}.rt-icon{font-size:.8rem;opacity:.6}.rt-actions{display:flex;gap:8px}.rt-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.7rem;padding:4px 12px;border-radius:4px;cursor:pointer}.rt-btn:hover{background:#ffffff1a;color:#fff}.rt-table-area{flex:1;max-height:320px;overflow:auto;position:relative;background:#0000001a}.rt-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-family:Consolas,Monaco,monospace;font-size:.75rem}.rt-table th{background:#252526;color:var(--text-muted);padding:8px 12px;text-align:left;font-weight:600;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:-1px;z-index:50;cursor:pointer;white-space:nowrap}.rt-table th:hover{background:#2d2d2e;color:var(--text-primary)}.rt-table th.sorted{color:var(--accent-light);border-bottom:2px solid var(--accent)}.rt-th-content{display:flex;align-items:center;justify-content:space-between}.rt-sort-icon{font-size:.7rem}.rt-col-index{width:40px;min-width:40px;text-align:center!important;background:#252526!important;color:var(--text-muted);font-size:.65rem;border-right:1px solid rgba(255,255,255,.1)!important;position:sticky;left:0;z-index:20}th.rt-col-index{z-index:60}.rt-table td{padding:6px 12px;border-right:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);white-space:nowrap;max-width:800px;overflow:hidden;text-overflow:ellipsis}.rt-table tr:hover td{background:#ffffff08}.rt-table td.selected{background:#6366f126!important;outline:1px solid var(--accent);z-index:1}.rt-td-val{line-height:1.4}.rt-inspector{position:absolute;top:60px;right:20px;width:350px;max-height:500px;z-index:1000;display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.rt-inspector-header{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:var(--accent-light)}.rt-inspector-header button{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer}.rt-inspector-body{padding:16px;display:flex;flex-direction:column;gap:12px}.rt-ins-meta{font-size:.75rem;color:var(--text-secondary)}.rt-ins-content{background:#111;padding:12px;border-radius:6px;font-size:.8rem;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all;border:1px solid rgba(255,255,255,.05)}.rt-ins-copy{background:var(--accent);color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600}.message-bubble{max-width:90%;padding:8px 12px;border-radius:var(--radius-lg);font-size:.82rem;line-height:1.4;word-break:break-word}.message-bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.message-bubble.has-results{max-width:100%;border-radius:var(--radius-lg);margin:4px 0}.message-bubble.system{align-self:flex-start;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius);max-width:100%}.message-bubble.system.error{border:1px solid var(--danger-border);color:var(--danger-muted)}.message-bubble.system.success{border:1px solid var(--success-border);color:var(--success-muted)}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px}.message-time{font-size:.65rem;color:var(--text-muted)}.message-bubble.user .message-time{color:#fff9}.message-usage{font-size:.6rem;color:var(--text-muted);font-family:Consolas,monospace;opacity:.7}.message-bubble.user .message-usage{color:#ffffff80}.message-text{display:flex;flex-direction:column;gap:2px}.md-line{display:block}.md-bullet{list-style:none;padding-left:12px;position:relative}.md-bullet:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.md-code-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:6px 10px;margin:2px 0;overflow-x:auto;font-family:Consolas,Courier New,monospace;font-size:.72rem;line-height:1.35;white-space:pre}.md-inline-code{background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-family:Consolas,Courier New,monospace;font-size:.82em}.message-bubble.user .md-code-block,.message-bubble.user .md-inline-code{background:#0003;border-color:#ffffff26}.source-badge{display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted)}.source-badge--react{background:#3b82f61a;color:#3b82f6;border-color:#3b82f640}.source-badge--kb{background:#10b9811a;color:#10b981;border-color:#10b98140}.source-badge--proven{background:#10b98133;color:#059669;border:1px solid #10b981;box-shadow:0 0 6px #10b98133}.source-badge--vector{background:#10b9811a;color:#10b981;border-color:#10b98140}.source-badge--multi{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b40}.source-badge--tool{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf640}.source-badge--config{background:#06b6d41a;color:#06b6d4;border-color:#06b6d440}.source-badge--llm{background:#6b72801a;color:var(--text-secondary);border-color:var(--border)}.source-badge-tools{font-weight:400}.msg-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease;pointer-events:none}.message-bubble{position:relative}.message-bubble:hover .msg-actions{opacity:1;pointer-events:auto}.msg-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:0}.msg-action-btn:hover{color:var(--text-primary);background:var(--bg-hover, var(--border))}.message-bubble.user .msg-action-btn{background:#ffffff26;border-color:#fff3;color:#ffffffb3}.message-bubble.user .msg-action-btn:hover{color:#fff}.md-code-wrapper{margin:4px 0}.md-code-toggle{background:none;border:none;color:var(--accent);font-size:.72rem;cursor:pointer;padding:2px 0;font-family:inherit}.md-code-toggle:hover{text-decoration:underline}.md-code-block{position:relative}.md-code-copy{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.65rem;cursor:pointer;opacity:0;transition:opacity .15s ease;padding:0}.md-code-block:hover .md-code-copy{opacity:1}.md-code-copy:hover{color:var(--text-primary)}.react-thought-container{margin-top:8px;margin-bottom:12px;border-radius:6px;border:1px solid var(--border);background-color:var(--bg-tertiary);overflow:hidden}.react-thought-header{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#00000005;transition:background-color .2s;font-size:.85rem;font-weight:600;color:var(--text-primary)}.react-thought-header:hover{background-color:#0000000d}.react-thought-body{padding:12px;border-top:1px solid var(--border);font-size:.85rem;background-color:var(--bg-secondary);color:var(--text-muted)}.react-step{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.react-step:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.react-step-title{font-weight:600;margin-bottom:4px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.react-step-badge{font-size:.7rem;padding:2px 6px;border-radius:12px;background-color:var(--accent);color:#fff;text-transform:uppercase}.react-step-badge.query{background-color:var(--success)}.react-step-badge.plan{background-color:var(--danger-muted)}.react-query-block{margin-top:6px;padding:8px;background-color:var(--bg-primary);border-radius:4px;font-family:Consolas,monospace;word-break:break-all;white-space:pre-wrap;color:var(--text-primary)}.agent-terminal{margin:8px 0 12px;border-radius:10px;border:1px solid var(--border);overflow:hidden;font-family:Consolas,Courier New,monospace;font-size:.78rem;line-height:1.55;background:var(--bg-secondary);color:var(--text-secondary);box-shadow:0 4px 24px #00000040;transition:all .2s ease}.agent-terminal-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.agent-terminal-dot{width:12px;height:12px;border-radius:50%}.agent-terminal-dot.red{background:#ff5f57}.agent-terminal-dot.yellow{background:#ffbd2e}.agent-terminal-dot.green{background:#28c840}.agent-terminal-title{margin-left:8px;font-size:.72rem;color:var(--text-muted);font-family:inherit;letter-spacing:.04em;font-weight:600}.agent-terminal-body{padding:12px 14px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.agent-terminal-body::-webkit-scrollbar{width:6px}.agent-terminal-body::-webkit-scrollbar-track{background:transparent}.agent-terminal-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.agent-terminal-line{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}.agent-terminal-block{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.agent-terminal-prompt{color:var(--text-muted);min-width:12px;flex-shrink:0}.agent-terminal-prompt.thinking{color:var(--accent)}.agent-terminal-prompt.observing{color:var(--success)}.agent-terminal-prompt.observed{color:var(--success-muted)}.agent-terminal-prompt.responding{color:var(--accent)}.agent-terminal-label{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px;background:#7aa2f726;color:#7aa2f7;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-self:center}.agent-terminal-label.observe-label{background:#9ece6a26;color:#9ece6a}.agent-terminal-label.respond-label{background:#bb9af726;color:#bb9af7}.agent-terminal-text{color:var(--text-primary);flex:1}.agent-terminal-text.result-text{color:var(--success)}.agent-terminal-sql{margin-left:18px;padding:6px 10px;background:var(--bg-primary);border-left:2px solid var(--success);color:var(--warning);border-radius:0 4px 4px 0;white-space:pre-wrap;word-break:break-word;font-size:.72rem}.agent-terminal-cursor{display:inline-block;width:7px;height:1em;background:#7aa2f7;opacity:.8;animation:terminal-blink 1s step-end infinite;margin-left:2px;vertical-align:text-bottom}@keyframes terminal-blink{0%,to{opacity:.8}50%{opacity:0}}.agent-terminal-view-btn{background:#73daca1f;border:1px solid rgba(115,218,202,.3);color:#73daca;font-family:inherit;font-size:.65rem;padding:1px 7px;border-radius:3px;cursor:pointer;flex-shrink:0;transition:background .15s}.agent-terminal-view-btn:hover{background:#73daca38}.agent-terminal-table-wrap{margin-left:18px;margin-top:4px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.obs-table-container{overflow-x:auto}.obs-table{width:100%;border-collapse:collapse;font-size:.73rem;background:#1f2335}.obs-table th{padding:4px 8px;background:var(--bg-hover);color:var(--accent-text);font-weight:600;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.obs-table td{padding:3px 8px;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.obs-table tr:last-child td{border-bottom:none}.obs-table tr:hover td{background:#ffffff08}.null-cell{color:#565f89;font-style:italic}.obs-table-truncated{padding:4px 8px;font-size:.65rem;color:#565f89;background:#1f2335;border-top:1px solid rgba(255,255,255,.05)}.agent-terminal-prompt.grounding{color:#2ac3de}.agent-terminal-label.ground-label{background:#2ac3de26;color:#2ac3de}.agent-terminal-topics{margin-left:18px;display:flex;gap:5px;flex-wrap:wrap}.agent-terminal-topic-badge{font-size:.62rem;padding:1px 7px;border-radius:10px;background:#2ac3de1f;border:1px solid rgba(42,195,222,.3);color:#2ac3de;text-transform:lowercase;letter-spacing:.03em}.agent-terminal-prompt.observed-error,.agent-terminal-text.error-text{color:#f7768e}.agent-terminal-text.error-text strong{font-weight:700}.agent-terminal-hint{margin-left:18px;padding:5px 10px;background:#e0af6814;border-left:2px solid #e0af68;border-radius:0 4px 4px 0;color:#e0af68;font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.hint-icon{margin-right:4px}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-jump-btn{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:20;display:flex;align-items:center;gap:6px;animation:jumpFadeIn .2s ease-out;transition:all .2s;white-space:nowrap}.chat-jump-btn:hover{background:var(--accent-hover, #5a8bd0);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #0006}@keyframes jumpFadeIn{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--text-muted);gap:12px;padding:12px 24px 20px;overflow-y:auto}.chat-empty-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.chat-empty-hint{font-size:.85rem;text-align:center;max-width:500px;line-height:1.5}.chat-empty-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:800px}.section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;align-self:center;padding:2px 0}.engine-filter-badge{font-size:.6rem;background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent);padding:1px 6px;border-radius:3px;text-transform:none;letter-spacing:0;font-weight:500}.section-divider{width:120px;height:1px;background:var(--border);margin:4px 0}.chat-input-area{padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 12px;resize:none;min-height:36px;max-height:120px;line-height:1.35}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent);padding:10px 18px;border-radius:var(--radius);font-weight:500;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:var(--accent);color:#fff}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-progress-bar{height:3px;background:transparent;overflow:hidden;flex-shrink:0;transition:opacity .2s;opacity:0}.chat-progress-bar.active{opacity:1;background:var(--bg-tertiary)}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.chat-progress-bar-fill{height:100%;width:25%;background:linear-gradient(90deg,var(--accent),var(--success, #4caf50),var(--accent));border-radius:2px;animation:progressSlide 1.2s ease-in-out infinite}.progress-bubble{align-self:flex-start;display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);border-bottom-left-radius:4px;padding:10px 14px;font-size:.8rem;color:var(--text-secondary);max-width:85%}.progress-bubble-dots{display:flex;gap:4px;flex-shrink:0}.progress-bubble-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.5;animation:dotPulse 1.2s ease-in-out infinite}.progress-bubble-dots span:nth-child(2){animation-delay:.2s}.progress-bubble-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.progress-bubble-text{display:flex;align-items:center;gap:8px}.progress-bubble-step{font-size:.7rem;color:var(--text-muted);background:var(--bg-secondary);padding:1px 6px;border-radius:10px;border:1px solid var(--border)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;width:100%;max-width:800px}.quick-action-btn{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius);font-size:.75rem;white-space:nowrap;animation:fadeSlideIn .3s ease both;transition:background .15s,border-color .15s,color .15s,transform .1s}.quick-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.quick-action-btn:active:not(:disabled){transform:translateY(0)}.quick-action-btn:disabled{opacity:.4;cursor:not-allowed}.quick-action-icon{font-size:1rem;flex-shrink:0}.quick-action-label{font-weight:500}.suggested-prompts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;width:100%;max-width:800px;max-height:none;overflow-y:visible}.suggested-prompt-btn{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius);font-size:.75rem;text-align:left;transition:all .15s}.suggested-prompt-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.suggested-prompt-btn:disabled{opacity:.4;cursor:not-allowed}.sp-icon{font-size:.9rem;flex-shrink:0}.sp-text{flex:1}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7ab326}.message-bubble{animation:msgSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-empty-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-top:8px}.chat-empty-hint{font-size:.82rem;color:var(--text-muted);max-width:420px;line-height:1.6}.quick-action-btn{transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.quick-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000026;border-color:var(--accent)}.suggested-prompt-btn{transition:all .15s ease}.suggested-prompt-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.chat-send-btn.streaming{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-muted);min-width:60px;display:flex;align-items:center;justify-content:center}.send-btn-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.streaming-status-bar{display:flex;align-items:center;gap:8px;margin-top:8px;padding:4px 10px;background:#4f7ab314;border-radius:6px;border:1px solid rgba(79,122,179,.12);font-size:.75rem;color:var(--accent);font-weight:500;animation:barGlow 2s ease-in-out infinite}@keyframes barGlow{0%,to{box-shadow:0 0 5px transparent}50%{box-shadow:0 0 10px #4f7ab333}}.streaming-text{font-style:italic;opacity:.9}.streaming-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:streamPulse 1s ease-in-out infinite}@keyframes streamPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;padding:40px;width:100%;max-width:400px;display:flex;flex-direction:column}.login-header{text-align:center;margin-bottom:32px}.login-logo{height:40px;margin-bottom:20px}.login-title{font-size:24px;color:var(--text-primary);margin:0 0 8px;font-weight:600;text-align:center}.login-subtitle{color:var(--text-secondary);margin:0;font-size:14px;text-align:center}.login-form-body{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:14px;font-weight:500;color:var(--text-secondary)}.login-field input{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--bg-tertiary);color:var(--text-primary)}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f7ab326}.login-field input::placeholder{color:var(--text-muted)}.login-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);padding:12px;border-radius:var(--radius);font-size:14px;text-align:center}.login-btn{background:var(--accent);color:#fff;border:none;padding:14px;border-radius:var(--radius);font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:8px}.login-btn:hover:not(:disabled){background:var(--accent-hover)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.chat-history-panel{border-top:1px solid var(--border);display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.chat-history-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:10px 14px 6px;font-weight:600;flex-shrink:0}.chat-history-list{flex:1;overflow-y:auto;padding:2px 8px 8px}.chat-history-empty{font-size:.75rem;color:var(--text-muted);text-align:center;padding:12px}.chat-history-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius);cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:background .15s}.chat-history-item:hover{background:var(--bg-hover)}.chat-history-item.active{background:var(--bg-hover);color:var(--text-primary);border-left:2px solid var(--accent)}.chat-history-item-info{flex:1;min-width:0}.chat-history-item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.chat-history-item-meta{font-size:.65rem;color:var(--text-muted);margin-top:1px}.chat-history-delete{background:none;color:var(--text-muted);font-size:.65rem;padding:2px 4px;border-radius:3px;opacity:0;transition:opacity .15s;border:none;cursor:pointer}.chat-history-item:hover .chat-history-delete{opacity:1}.chat-history-delete:hover{color:var(--danger-muted);background:var(--danger-bg)}.chat-history-search{padding:4px 8px;flex-shrink:0}.chat-history-search-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:5px 8px;font-size:.72rem}.chat-history-search-input:focus{outline:none;border-color:var(--accent)}.chat-history-search-input::placeholder{color:var(--text-muted)}.chat-history-pin{background:none;border:none;font-size:.65rem;cursor:pointer;padding:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.chat-history-item:hover .chat-history-pin,.chat-history-pin.is-pinned{opacity:1}.chat-history-item.pinned{border-left:2px solid var(--accent)}.demo-container{width:100%;max-width:380px;margin:0 auto}.demo-screen{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0003}.demo-titlebar{display:flex;align-items:center;gap:5px;padding:6px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.demo-dot{width:8px;height:8px;border-radius:50%}.demo-dot.red{background:#ff5f57}.demo-dot.yellow{background:#febc2e}.demo-dot.green{background:#28c840}.demo-titlebar-text{font-size:.65rem;color:var(--text-muted);margin-left:6px}.demo-content{padding:10px;min-height:120px;max-height:160px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.demo-step{animation:demo-fade-in .3s ease-out}@keyframes demo-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-chat-user{align-self:flex-end;background:var(--accent);color:#fff;padding:4px 10px;border-radius:10px 10px 2px;font-size:.7rem;max-width:85%}.demo-action{font-size:.68rem;color:var(--text-muted);font-style:italic;padding:2px 0}.demo-progress{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--text-muted)}.demo-spinner{width:10px;height:10px;border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:Consolas,monospace;font-size:.6rem;line-height:1.4;color:var(--text-secondary);white-space:pre;overflow:hidden;margin:0}.demo-success{font-size:.68rem;color:var(--success, #4a9);font-weight:500}.demo-badge{font-size:.6rem;color:var(--text-muted);align-self:flex-end}.demo-cursor{animation:demo-blink .8s step-end infinite;color:var(--accent)}@keyframes demo-blink{0%,to{opacity:1}50%{opacity:0}}.wg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;animation:wg-fade-in .4s ease}@keyframes wg-fade-in{0%{opacity:0}to{opacity:1}}.wg-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);background:#1e1e2eb3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;z-index:1002;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:wg-modal-in .4s cubic-bezier(.16,1,.3,1)}@keyframes wg-modal-in{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.wg-illust-area{background:#ffffff08;padding:30px 24px 20px;display:flex;align-items:center;justify-content:center;min-height:140px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.wg-illust-area:has(.demo-container){min-height:200px;padding:12px 16px}.wg-illust-wrapper{width:100%;display:flex;justify-content:center}.wg-illust{width:200px;height:120px;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb, 79, 122, 179),.2))}.wg-content{padding:24px 28px 12px;overflow:hidden;min-height:100px}.wg-text-wrapper{display:flex;flex-direction:column;gap:10px}.wg-step-title{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.3;letter-spacing:-.01em}.wg-step-desc{font-size:.88rem;color:#ffffffb3;line-height:1.6}.wg-dots{display:flex;justify-content:center;gap:8px;padding:8px 0 16px}.wg-dot{width:6px;height:6px;border-radius:50%;border:none;background:#fff3;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.wg-dot:hover{background:#fff6}.wg-dot.active{background:var(--accent);width:24px;border-radius:4px;box-shadow:0 0 12px var(--accent)}.wg-dot.done{background:var(--accent);opacity:.4}.wg-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.08)}.wg-skip-label{display:flex;align-items:center;font-size:.72rem;color:var(--text-muted);cursor:pointer;white-space:nowrap}.wg-nav{display:flex;gap:6px}.wg-btn{padding:7px 18px;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.wg-btn-primary{background:var(--accent);color:#fff}.wg-btn-primary:hover{filter:brightness(1.1)}.wg-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.wg-btn-secondary:hover{background:var(--bg-hover, var(--border))}.wg-counter{position:absolute;top:12px;right:16px;font-size:.65rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 10px;border-radius:10px}.wg-slide-next{animation:wg-slide-in-right .3s ease-out}.wg-slide-prev{animation:wg-slide-in-left .3s ease-out}@keyframes wg-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes wg-slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.wg-anim-fade{animation:wg-fade .6s ease-out both}.wg-anim-pop{animation:wg-pop .5s cubic-bezier(.34,1.56,.64,1) both}.wg-anim-slide-up{animation:wg-slide-up .5s ease-out both}.wg-anim-slide-right{animation:wg-svg-slide-right .5s ease-out both}.wg-anim-slide-left{animation:wg-svg-slide-left .5s ease-out both}.wg-anim-blink{animation:wg-blink 2s ease-in-out infinite}@keyframes wg-fade{0%{opacity:0}to{opacity:1}}@keyframes wg-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes wg-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wg-svg-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes wg-svg-slide-left{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes wg-blink{0%,to{opacity:1}50%{opacity:.3}}.guide-highlight{position:relative;z-index:1001;border-radius:6px;outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 4000px #00000073,0 0 20px 6px #4f7ab380;animation:guide-pulse 1.5s ease-in-out infinite;transition:box-shadow .3s ease,outline-color .3s ease}@keyframes guide-pulse{0%,to{outline-color:var(--accent);box-shadow:0 0 0 4000px #00000073,0 0 20px 6px #4f7ab380}50%{outline-color:var(--accent);box-shadow:0 0 0 4000px #00000073,0 0 30px 10px #4f7ab3b3}}.wg-demo-tabs{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.wg-demo-tab{padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.wg-demo-tab:hover{border-color:var(--accent);color:var(--accent)}.wg-demo-tab.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);font-weight:500}.wg-highlights{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.wg-highlight-tag{display:inline-block;padding:3px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;font-size:.68rem;color:var(--accent);font-weight:500}.help-panel-inline{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.help-panel-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.help-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px}.help-panel-close:hover{color:var(--text-primary);background:var(--bg-hover)}.help-panel-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.help-panel-messages::-webkit-scrollbar{width:6px}.help-panel-messages::-webkit-scrollbar-track{background:transparent}.help-panel-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.help-panel-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.help-panel-empty{font-size:.82rem;color:var(--text-muted);text-align:center;padding:40px 20px;line-height:1.6}.help-msg{font-size:.82rem;line-height:1.55;padding:10px 14px;border-radius:8px;max-width:80%;word-wrap:break-word;white-space:pre-wrap}.help-msg-user{background:var(--accent-subtle);color:var(--accent-text);align-self:flex-end;border-bottom-right-radius:2px}.help-msg-assistant{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:2px}.help-typing{color:var(--text-muted);font-style:italic}.help-panel-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.help-panel-input input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 12px;font-size:.82rem}.help-panel-input input:focus{outline:none;border-color:var(--accent)}.help-panel-input button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:8px 14px;font-size:.9rem;cursor:pointer}.help-panel-input button:disabled{opacity:.4}.help-panel-input button:hover:not(:disabled){background:var(--accent-hover)}.help-panel-empty-section{display:flex;flex-direction:column;gap:12px;padding:8px 0}.help-suggested-topics{display:flex;flex-wrap:wrap;gap:6px}.help-topic-btn{padding:5px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:14px;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.help-topic-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.help-topic-btn:disabled{opacity:.5;cursor:not-allowed}.server-selector{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.server-section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:8px 14px 4px;font-weight:600}.server-filters{padding:4px 10px 2px;display:flex;flex-direction:column;gap:4px}.server-search{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:5px 8px;font-size:.72rem;outline:none;width:100%}.server-search:focus{border-color:var(--accent)}.server-search::placeholder{color:var(--text-muted)}.server-engine-bubbles{display:flex;gap:4px;flex-wrap:wrap}.server-engine-bubble{font-size:.6rem;padding:2px 6px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:3px;font-weight:500}.server-engine-bubble:hover{background:var(--bg-hover)}.server-engine-bubble.active{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent)}.server-engine-bubble.clear{background:none;border:none;color:var(--text-muted);padding:2px 4px;font-size:.7rem}.server-engine-bubble.clear:hover{color:var(--danger)}.bubble-count{font-size:.55rem;opacity:.7}.server-list{flex:1;overflow-y:auto;padding:4px 0;min-height:0}.server-item{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius);cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:background .15s}.server-item:hover{background:var(--bg-hover)}.server-item.dragging{opacity:.4;border:1px dashed var(--accent)}.server-item.selected{background:var(--bg-hover);color:var(--text-primary);border-left:2px solid var(--accent)}.server-engine-icon{font-size:1.1rem;flex-shrink:0;width:24px;text-align:center}.server-item-info{flex:1;min-width:0}.server-item-name{display:flex;align-items:center;gap:6px;font-weight:500;word-break:break-word;white-space:normal}.server-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);opacity:.4;flex-shrink:0}.server-status-dot.connected{background:var(--success);opacity:.8}.server-status-dot.disconnected{background:var(--danger);opacity:.8}.server-status-dot.checking{background:var(--warning);opacity:.8;animation:dot-blink .8s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:.3}50%{opacity:1}}.server-item-host{font-size:.7rem;color:var(--text-muted)}.server-item-engine{font-size:.6rem;padding:1px 5px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-left:auto}.engine-sqlserver{color:#d4a843;background:#d4a8431a;border:1px solid rgba(212,168,67,.2)}.engine-mysql{color:#e8956a;background:#e8956a1a;border:1px solid rgba(232,149,106,.2)}.engine-postgresql{color:#336791;background:#3367911a;border:1px solid rgba(51,103,145,.2)}.engine-mongodb{color:#4db33d;background:#4db33d1a;border:1px solid rgba(77,179,61,.2)}.server-remove-btn{background:none;color:var(--text-muted);font-size:.75rem;padding:2px 4px;border-radius:3px;opacity:0;transition:opacity .15s}.server-item:hover .server-remove-btn{opacity:1}.server-remove-btn:hover{color:var(--danger-muted);background:var(--danger-bg)}.server-empty{padding:16px 14px;font-size:.8rem;color:var(--text-muted);text-align:center}.add-server-section{border-top:1px solid var(--border);padding:10px;overflow-y:auto;max-height:70vh;flex-shrink:0}.add-server-toggle{width:100%;background:var(--bg-tertiary);color:var(--text-secondary);padding:8px;border-radius:var(--radius);font-size:.8rem}.add-server-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.add-server-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.add-server-form input,.add-server-form select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:.8rem}.add-server-form input:focus,.add-server-form select:focus{outline:none;border-color:var(--accent)}.add-server-form-row{display:flex;gap:6px}.add-server-form-row>input[type=number]{width:72px;flex-shrink:0}.add-server-form-row>select{flex:1;min-width:0}.add-server-actions{display:flex;gap:6px;margin-top:4px}.add-server-btn{flex:1;padding:6px;border-radius:4px;font-size:.8rem;font-weight:500}.add-server-btn.save{background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent)}.add-server-btn.save:hover{background:var(--accent);color:#fff}.add-server-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.add-server-btn.cancel:hover{background:var(--bg-hover)}.add-server-error{font-size:.75rem;color:var(--danger-muted);padding:4px 0}.add-server-btn.test{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.add-server-btn.test:hover{background:var(--bg-hover);color:var(--text-primary)}.csv-upload-btn{display:inline-flex;align-items:center;gap:5px;background:var(--accent-subtle, var(--bg-tertiary));color:var(--accent-text, var(--text-secondary));border:1px solid var(--accent, var(--border));padding:6px 14px;border-radius:var(--radius, 6px);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap}.csv-upload-btn:hover{background:var(--accent);color:#fff}.add-server-test-result{font-size:.72rem;padding:6px 8px;border-radius:4px;margin:2px 0}.add-server-test-result.success{background:var(--success-bg);color:var(--success-muted);border:1px solid var(--success-border)}.add-server-test-result.error{background:var(--danger-bg);color:var(--danger-muted);border:1px solid var(--danger-border)}.server-env-label{display:flex;align-items:center;gap:6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700;padding:6px 10px 2px}.server-env-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.server-checkbox{width:14px;height:14px;flex-shrink:0;accent-color:var(--accent)}.server-multi-hint{padding:4px 10px;font-size:.65rem;color:var(--accent-text);background:var(--accent-subtle);border-top:1px solid var(--border);text-align:center;flex-shrink:0}.server-edit-form{display:flex;flex-direction:column;gap:4px;padding:8px 0 4px;border-top:1px solid var(--border);margin-top:4px;width:100%}.server-edit-form input,.server-edit-form select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:5px 8px;font-size:.75rem}.server-edit-form input:focus{outline:none;border-color:var(--accent)}.server-edit-btn{background:none;color:var(--text-muted);padding:2px 4px;border-radius:3px;opacity:0;transition:opacity .15s;border:none;cursor:pointer;display:flex;align-items:center}.server-item:hover .server-edit-btn{opacity:1}.server-edit-btn:hover{color:var(--accent);background:var(--bg-tertiary)}.server-env-badge{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.edit-field{display:flex;flex-direction:column;gap:2px}.edit-field label{font-size:.62rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.edit-field input,.edit-field select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:5px 8px;font-size:.75rem;width:100%;min-width:0}.edit-field input:focus,.edit-field select:focus{outline:none;border-color:var(--accent)}.server-env-toggle{font-size:.75rem;color:var(--text-muted);width:12px;text-align:center;flex-shrink:0;font-weight:700}.server-env-count{font-size:.6rem;color:var(--text-muted);background:var(--bg-tertiary);padding:0 5px;border-radius:8px}.server-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.server-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;width:500px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.server-modal-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.server-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.server-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.server-modal .edit-field{margin-bottom:6px}.server-modal .edit-field label{font-size:.62rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px;display:block}.server-modal .edit-field label:has(input[type=checkbox]){font-size:.75rem;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text-secondary);display:flex;align-items:center;white-space:nowrap;margin-bottom:0}.server-modal .edit-field input,.server-modal .edit-field select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:.78rem;width:100%;min-width:0}.server-modal .edit-field input[type=checkbox]{width:16px;height:16px;padding:0;margin:0 6px 0 0;flex-shrink:0;background:none;border:none;border-radius:0}.server-modal .edit-field input:focus,.server-modal .edit-field select:focus{outline:none;border-color:var(--accent)}.server-modal .edit-field-row{display:flex;gap:8px}.server-modal .edit-field-row>.edit-field{flex:1;min-width:0}.server-modal .server-modal-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.server-ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.server-ctx-menu{position:fixed;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:120px;box-shadow:0 4px 12px #0000004d}.server-ctx-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.75rem;padding:6px 12px;border-radius:4px;cursor:pointer}.server-ctx-item:hover{background:var(--bg-hover)}.server-ctx-danger{color:var(--danger, #ef4444)}.server-ctx-danger:hover{background:var(--danger-bg, rgba(239, 68, 68, .1))}.ks-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0006}.ks-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:calc(100vw - 40px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;z-index:1101;box-shadow:0 16px 48px #0006;animation:ks-in .2s ease-out;overflow:hidden}@keyframes ks-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ks-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--border)}.ks-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ks-close{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:2px 6px}.ks-close:hover{color:var(--text-primary)}.ks-list{padding:10px 18px 16px;display:flex;flex-direction:column;gap:8px}.ks-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ks-keys{display:flex;align-items:center;gap:2px;flex-shrink:0}.ks-key{display:inline-block;padding:2px 8px;font-size:.72rem;font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);min-width:24px;text-align:center}.ks-plus{font-size:.65rem;color:var(--text-muted);margin:0 1px}.ks-desc{font-size:.75rem;color:var(--text-secondary)}.wn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#0006}.wn-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;z-index:1051;box-shadow:0 16px 48px #0006;animation:wn-in .25s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes wn-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.wn-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.wn-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.wn-close{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer}.wn-body{padding:16px 20px;overflow-y:auto;flex:1}.wn-release{margin-bottom:16px}.wn-release:last-child{margin-bottom:0}.wn-version-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wn-version{font-size:.78rem;font-weight:600;color:var(--accent);background:var(--accent-subtle);padding:2px 8px;border-radius:4px}.wn-date{font-size:.7rem;color:var(--text-muted)}.wn-items{display:flex;flex-direction:column;gap:6px}.wn-item{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.wn-item-icon{flex-shrink:0;font-size:.85rem}.wn-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.wn-btn{padding:7px 20px;border-radius:8px;font-size:.78rem;font-weight:500;background:var(--accent);color:#fff;border:none;cursor:pointer}.wn-btn:hover{filter:brightness(1.1)}.obc-widget{position:fixed;bottom:40px;right:16px;z-index:800}.obc-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.obc-toggle:hover{filter:brightness(1.1)}.obc-toggle-icon{font-size:.7rem;background:#fff3;padding:2px 6px;border-radius:10px}.obc-panel{position:absolute;bottom:44px;right:0;width:260px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000004d;animation:obc-in .2s ease-out;overflow:hidden}@keyframes obc-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.obc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px}.obc-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.obc-close{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer}.obc-progress-bar{height:3px;background:var(--border);margin:4px 14px 8px;border-radius:2px;overflow:hidden}.obc-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.obc-steps{padding:0 14px 10px;display:flex;flex-direction:column;gap:6px}.obc-step{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary)}.obc-step.done{color:var(--text-muted)}.obc-step.done .obc-label{text-decoration:line-through;opacity:.6}.obc-check{flex-shrink:0;width:16px;text-align:center;font-size:.7rem}.obc-step.done .obc-check{color:var(--success, #4a9)}.obc-complete{padding:8px 14px;font-size:.72rem;color:var(--success, #4a9);text-align:center;border-top:1px solid var(--border)}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cp-modal{position:fixed;top:20%;left:50%;transform:translate(-50%);width:520px;max-width:calc(100vw - 40px);max-height:420px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;z-index:1201;box-shadow:0 16px 48px #00000080;animation:cp-in .15s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes cp-in{0%{opacity:0;transform:translate(-50%) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.cp-input-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:8px}.cp-search-icon{font-size:.85rem;color:var(--text-muted);flex-shrink:0}.cp-input{flex:1;background:none;border:none;outline:none;font-size:.9rem;color:var(--text-primary);font-family:inherit}.cp-input::placeholder{color:var(--text-muted)}.cp-esc{font-size:.65rem;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);flex-shrink:0}.cp-list{overflow-y:auto;padding:6px 0;flex:1}.cp-empty{padding:20px;text-align:center;font-size:.78rem;color:var(--text-muted)}.cp-section{margin-bottom:4px}.cp-section-label{padding:6px 16px 2px;font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cp-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .1s ease}.cp-item:hover,.cp-item.selected{background:var(--bg-tertiary)}.cp-item-icon{font-size:.9rem;flex-shrink:0;width:24px;text-align:center}.cp-item-content{flex:1;min-width:0}.cp-item-label{font-size:.82rem;color:var(--text-primary);display:block}.cp-item-meta{font-size:.68rem;color:var(--text-muted);display:block}.cp-item-enter{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout>.app-body{display:flex;flex:1;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .15s ease,min-width .15s ease,max-width .15s ease;overflow:hidden;position:relative;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}[data-theme=dark] .sidebar,[data-theme=dark] .top-bar,[data-theme=dark] .chat-input-area,[data-theme=dark] .status-bar{background:var(--glass-bg, rgba(21, 21, 26, .75))!important}[data-theme=light] .sidebar,[data-theme=light] .top-bar,[data-theme=light] .chat-input-area,[data-theme=light] .status-bar{background:var(--glass-bg, rgba(255, 255, 255, .75))!important}.sidebar.open{width:220px;min-width:160px;max-width:500px}.sidebar.collapsed{width:44px;min-width:44px;max-width:44px}.sidebar-resize-handle{position:absolute;top:0;right:-2px;width:4px;height:100%;cursor:col-resize;z-index:10;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent)}.sidebar-header{display:flex;align-items:center;padding:2px 8px;border-bottom:1px solid var(--border);min-height:28px;gap:4px}.sidebar-nav{flex:none}.logo{display:flex;align-items:center;gap:8px;overflow:hidden}.logo-text{font-weight:600;font-size:1rem;white-space:nowrap}.sidebar-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.sidebar-pin{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;color:var(--text-muted);transition:color .15s,background .15s;display:flex;align-items:center}.sidebar-pin:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-pin.pinned{color:var(--text-secondary)}.sidebar-toggle,.sidebar-toggle-expand{background:none;color:var(--text-secondary);font-size:.75rem;padding:6px 8px;border-radius:4px;flex-shrink:0}.sidebar-toggle:hover,.sidebar-toggle-expand:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-toggle-expand{width:100%;text-align:center}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-tab{flex:1;background:none;color:var(--text-muted);padding:6px;font-size:.72rem;font-weight:500;text-align:center;border-bottom:2px solid transparent;transition:color .15s}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.main-view-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-sidebar-right{width:380px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1200px){.chat-sidebar-right{display:none}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;border-bottom:1px solid var(--border);background:var(--bg-secondary);min-height:34px;gap:8px}.top-bar-compact{min-height:36px;padding:4px 16px}.top-bar-logo{font-weight:700;font-size:.85rem;color:var(--text-primary);white-space:nowrap;margin-right:8px}.top-bar-left,.top-bar-right{flex-shrink:0}.top-bar-right{display:flex;align-items:center;gap:10px}.top-bar-nav{display:flex;align-items:center;background:var(--bg-tertiary);border-radius:6px;padding:2px;gap:1px}.top-nav-item{background:none;border:none;color:var(--text-muted);font-size:.68rem;font-weight:500;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.top-nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.top-nav-item.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;font-weight:600}.top-nav-admin{color:var(--accent)}.top-nav-admin:hover{color:var(--accent-hover)}.top-nav-chat{color:#e8956a;font-weight:600}.top-nav-chat.active{background:#e8956a;color:#1a1a1a;box-shadow:0 1px 4px #00000026}.top-bar-new-chat{background:var(--accent);color:#fff;border:none;font-size:.7rem;font-weight:600;padding:4px 12px;border-radius:5px;cursor:pointer;transition:background .15s;white-space:nowrap}.top-bar-new-chat:hover{background:var(--accent-hover)}.top-bar-center{flex:1;display:flex;justify-content:center}.connection-status{position:fixed;bottom:8px;left:8px;z-index:50}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--success);opacity:.6;box-shadow:0 0 4px var(--success)}.status-dot.disconnected{background:var(--danger);opacity:.8;box-shadow:0 0 4px var(--danger);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.active-server{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.server-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:2px 8px;border-radius:4px;font-size:.7rem;text-transform:uppercase;font-weight:600}.server-version{font-size:.68rem;color:var(--text-muted);font-weight:400}.server-version-status{font-weight:600;font-size:.62rem}.server-version-status--current{color:var(--success, #22c55e)}.server-version-status--behind{color:#f59e0b}.server-version-status--eol{color:var(--danger, #ef4444)}.active-server-multi{position:relative;cursor:default}.multi-version-tooltip{position:absolute;top:100%;left:0;margin-top:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;min-width:320px;box-shadow:0 4px 12px #0000004d;z-index:100;font-size:.68rem;display:flex;flex-direction:column;gap:4px}.multi-version-row{display:flex;justify-content:space-between;gap:16px}.multi-version-name{color:var(--text-secondary);font-weight:600;white-space:nowrap}.multi-version-ver{color:var(--text-primary);text-align:right;white-space:nowrap}.admin-open-btn{background:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius);font-size:.8rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:5px}.admin-open-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-open-btn.active{background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent)}.theme-toggle-btn{background:var(--bg-tertiary);color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius);font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.new-chat-btn{background:#dc3c3c1f;color:var(--danger-muted, #c55);border:1px solid rgba(220,60,60,.25);padding:6px 12px;border-radius:var(--radius);font-size:.8rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:5px}.new-chat-btn:hover{background:#dc3c3c38;color:var(--danger, #e44);border-color:#dc3c3c66}.top-bar-user{font-size:.75rem;color:var(--text-muted);padding:4px 8px;border-right:1px solid var(--border);margin-right:4px;white-space:nowrap}.user-bubble-wrapper{position:relative}.user-bubble{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;padding:3px 6px 3px 3px;cursor:pointer;transition:background .15s,border-color .15s}.user-bubble:hover{background:var(--bg-hover);border-color:var(--text-muted)}.user-bubble-name{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.user-bubble-caret{font-size:.55rem;color:var(--text-muted);line-height:1}.user-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000040;z-index:900;overflow:hidden}.user-menu-header{padding:10px 14px;display:flex;flex-direction:column;gap:2px}.user-menu-display{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-role{font-size:.68rem;color:var(--text-muted);text-transform:capitalize}.user-menu-divider{height:1px;background:var(--border)}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:none;color:var(--text-secondary);font-size:.78rem;cursor:pointer;text-align:left;transition:background .1s,color .1s}.user-menu-item:hover{background:var(--danger-bg, rgba(220,60,60,.08));color:var(--danger-muted, #c55)}.user-menu-item-icon{font-size:.8rem;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:400px;max-width:90vw}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.modal-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px}.modal-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;outline:none}.modal-input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.modal-btn{padding:8px 16px;border-radius:var(--radius);font-size:.85rem;font-weight:500}.modal-btn.primary{background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent)}.modal-btn.primary:hover{background:var(--accent);color:#fff}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.modal-btn.secondary:hover{background:var(--bg-hover)}@media(max-width:768px){.sidebar.open{width:100vw;min-width:100vw;max-width:100vw;position:fixed;z-index:100}.sidebar.collapsed{width:0;min-width:0;max-width:0;overflow:hidden}.top-bar{flex-wrap:wrap;gap:6px;padding:6px 10px}.top-bar-center,.top-bar-user{display:none}.admin-open-btn,.new-chat-btn,.theme-toggle-btn{padding:4px 8px;font-size:.7rem}}@media(max-width:480px){.chat-input-area{padding:8px}.chat-send-btn{padding:8px 12px}.message-bubble{max-width:95%}.quick-actions{grid-template-columns:1fr 1fr}.suggested-prompts{grid-template-columns:1fr}}.session-cost{font-size:.65rem;color:var(--text-muted);font-family:Consolas,monospace;padding:3px 8px;background:var(--bg-tertiary);border-radius:4px;white-space:nowrap}.llm-setup-banner{background:var(--warning-bg);color:var(--warning-muted);border-bottom:1px solid var(--warning-border);padding:8px 16px;font-size:.78rem;text-align:center;flex-shrink:0}.server-conn-error-banner{background:var(--danger-bg);color:var(--danger);border-bottom:1px solid var(--danger-border);padding:8px 16px;font-size:.78rem;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.status-bar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 10px;background:var(--bg-tertiary);border-top:1px solid var(--border);font-size:.65rem;color:var(--text-muted);flex-shrink:0;gap:6px;-webkit-user-select:none;user-select:none}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:12px}.status-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.status-item-toggle{cursor:pointer;padding:1px 4px;border-radius:3px;transition:background .15s}.status-item-toggle:hover{background:var(--bg-hover)}.status-cost-mode{cursor:pointer;padding:2px 10px;border-radius:10px;font-weight:600;font-size:.63rem;letter-spacing:.03em;transition:all .2s}.status-cost-mode:hover{filter:brightness(1.2)}.status-cost-mode--standard{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.4)}.status-cost-mode--cost_saver{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.35)}.status-cost-mode--aggressive{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.status-cost-mode--theme{background:color-mix(in srgb,var(--text-secondary) 10%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--text-secondary) 25%,transparent)}.status-dot-sm{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot-sm.connected{background:var(--success, #22c55e)}.status-dot-sm.disconnected{background:var(--danger, #ef4444)}.status-online,.status-offline{color:var(--text-muted)}.status-usage-trigger{position:relative;cursor:default}.status-usage-tooltip{position:absolute;bottom:28px;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;min-width:220px;box-shadow:0 4px 12px #0000004d;z-index:100;font-size:.68rem;display:flex;flex-direction:column;gap:4px}.status-usage-row{display:flex;justify-content:space-between;gap:16px}.status-usage-row span:first-child{color:var(--text-secondary);font-weight:500}.status-usage-row span:last-child{color:var(--text-primary);font-weight:600;text-align:right}.status-version{opacity:.7;font-size:.63rem;font-weight:600;color:var(--text-secondary)}.status-users-trigger{position:relative;cursor:default}.status-item-clickable{cursor:pointer;border-radius:3px;padding:1px 4px;transition:background .15s}.status-item-clickable:hover{background:var(--bg-hover)}.startup-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.startup-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 40px}.startup-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.startup-msg{font-size:.82rem;color:var(--text-muted)}.startup-bar{width:220px;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.startup-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .6s ease}.startup-steps{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;max-width:400px}.startup-step{font-size:.65rem;color:var(--text-muted)}.nav-pop-wrapper{position:relative;display:inline-flex}.nav-pop-card{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-width:180px;box-shadow:0 4px 16px #0000004d;z-index:100;animation:nav-pop-in .15s ease-out;pointer-events:none}@keyframes nav-pop-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-pop-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-primary);gap:12px}.nav-pop-hint{font-size:.62rem;color:var(--text-muted);margin-top:4px;line-height:1.4}.main-content>*{animation:panelFadeIn .2s ease-out}.chat-panel,.help-panel-inline,.dash-full,.admin-panel,.artifacts-panel,.feedback-panel-inline,.automations-panel{animation:panelFadeIn .2s ease-out}.server-selector,.chat-history-panel{animation:panelFadeIn .15s ease-out}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}.status-cost-mode:hover{box-shadow:0 0 8px #6366f14d}.status-cost-mode--theme:hover{box-shadow:0 0 8px #6366f133}.user-bubble-name{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));font-weight:700;letter-spacing:.02em}.toast-container{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000004d;font-size:.78rem;color:var(--text-primary);pointer-events:auto;animation:toast-in .3s ease-out;max-width:360px}.toast-success{border-left:3px solid var(--success, #4a9)}.toast-error{border-left:3px solid var(--danger, #c44)}.toast-warning{border-left:3px solid var(--warning, #e8a)}.toast-info{border-left:3px solid var(--accent)}.toast-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.65rem;font-weight:700}.toast-success .toast-icon{background:var(--success, #4a9);color:#fff}.toast-error .toast-icon{background:var(--danger, #c44);color:#fff}.toast-warning .toast-icon{background:var(--warning, #e8a);color:#000}.toast-info .toast-icon{background:var(--accent);color:#fff}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:2px;flex-shrink:0}.toast-close:hover{color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-main: "Inter", sans-serif;--font-title: "Outfit", sans-serif;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-speed: .3s}input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}:root,[data-theme=dark]{--bg-primary: #0a0a0c;--bg-secondary: #121216;--bg-tertiary: #1a1a21;--bg-hover: #252530;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #626270;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .15);--accent-text: #a5b4fc;--glass-bg: rgba(21, 21, 26, .7);--glass-border: rgba(255, 255, 255, .08);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--critical: #dc2626;--border: #252530;--radius: 12px;--radius-lg: 16px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-subtle: rgba(37, 99, 235, .1);--accent-text: #1d4ed8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--border: #e2e8f0}[data-theme=natural]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-tertiary: #313244;--bg-hover: #45475a;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--accent: #89b4fa;--accent-hover: #74c7ec;--accent-subtle: rgba(137, 180, 250, .15);--glass-bg: rgba(30, 30, 46, .75);--glass-border: rgba(255, 255, 255, .05)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius)}.glass-panel-light{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05)}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;font-size:13.5px}h1,h2,h3,h4,.startup-title,.sidebar-header{font-family:var(--font-title)}.meta-badge{padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.risk-badge{padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.risk-badge.low{background:#22c55e1a;color:#4ade80}.risk-badge.medium{background:#eab3081a;color:#fbbf24}.risk-badge.high,.risk-badge.critical{background:#ef44441a;color:#f87171}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:36px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:90}button{cursor:pointer;border:none;font-family:inherit;font-size:.875rem;border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:active:not(:disabled){transform:scale(.96)}.top-nav-item{padding:6px 14px;color:var(--text-secondary);background:transparent;font-weight:500;border-radius:20px}.top-nav-item:hover{color:var(--text-primary);background:var(--accent-subtle)}.top-nav-item.active{color:#fff;background:var(--accent);box-shadow:0 4px 12px #6366f14d}@keyframes skeleton-pulse{0%,to{opacity:.4;background:var(--bg-tertiary)}50%{opacity:.8;background:var(--bg-hover)}}.skeleton{border-radius:var(--radius);animation:skeleton-pulse 2s cubic-bezier(.4,0,.2,1) infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dash-widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:12px;overflow-y:auto;height:100%}@media(min-width:1400px){.dash-widget-grid{grid-template-columns:repeat(4,1fr)}}.dash-widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:140px;display:flex;flex-direction:column}.dash-widget:hover{border-color:var(--accent);box-shadow:0 10px 40px #00000040;transform:translateY(-4px)}.dash-widget-3col{grid-column:span 3}.dash-widget-2col{grid-column:span 2}.dash-widget-1col{grid-column:span 1}.dash-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--text-primary)}.dash-widget-body{flex:1;font-size:.875rem;color:var(--text-secondary)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.metric-card{padding:1rem;background:#ffffff08;border-radius:var(--radius);border:1px solid var(--glass-border)}.metric-value{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}