.agent-chat-panel{display:flex;flex-direction:column;height:100%;background:#1e1e1e}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid #3e3e42;background:#252526}.chat-header h3{margin:0;font-size:.9rem;color:#e0e0e0}.running-indicator{font-size:.75rem;color:#007acc;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.chat-empty p{margin:.2rem 0;font-size:.9rem}.empty-hint{color:#555;font-size:.8rem!important}.agent-message{border-radius:8px;padding:.6rem .75rem;border-left:3px solid #3e3e42;background:#252526}.msg-thought{border-left-color:#a78bfa;background:#a78bfa0d}.msg-action{border-left-color:#fbbf24;background:#fbbf240d}.msg-observation{border-left-color:#34d399;background:#34d3990d}.msg-status{border-left-color:#007acc;background:#007acc0d}.msg-error{border-left-color:#ff6b6b;background:#ff6b6b14}.msg-plan{border-left-color:#60a5fa;background:#60a5fa0d}.msg-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.msg-icon{font-size:.85rem}.msg-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.msg-time{margin-left:auto;font-size:.65rem;color:#555}.msg-body{font-size:.82rem;color:#ccc;line-height:1.5}.msg-pre{margin:.25rem 0 0;padding:.5rem;background:#1a1a1a;border-radius:4px;font-size:.78rem;overflow-x:auto;color:#aaa;font-family:Consolas,monospace;white-space:pre-wrap}.msg-action-detail{display:flex;flex-direction:column;gap:.3rem}.action-tool{display:inline-block;padding:.1rem .5rem;background:#fbbf2426;border-radius:4px;font-size:.78rem;color:#fbbf24;font-family:Consolas,monospace;width:fit-content}.action-params{margin:0;padding:.4rem;background:#1a1a1a;border-radius:4px;font-size:.75rem;color:#aaa;font-family:Consolas,monospace}.chat-input-area{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #3e3e42;background:#252526}.chat-input{flex:1;padding:.6rem .75rem;background:#2d2d30;border:1px solid #3e3e42;border-radius:8px;color:#e0e0e0;font-size:.85rem;outline:none}.chat-input:focus{border-color:#007acc}.chat-input:disabled{opacity:.5}.send-btn{padding:.6rem 1.25rem;background:#007acc;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.send-btn:hover{background:#0098ff}.send-btn:disabled{opacity:.5;cursor:not-allowed}.task-plan-panel{display:flex;flex-direction:column;height:100%;background:#1e1e1e;overflow-y:auto}.plan-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #3e3e42;background:#252526}.plan-header h3{margin:0;font-size:.9rem;color:#e0e0e0}.plan-progress{font-size:.8rem;color:#007acc;font-weight:600}.plan-goal{padding:.6rem 1rem;background:#252526;border-bottom:1px solid #3e3e42;font-size:.8rem}.goal-label{color:#888;margin-right:.4rem}.goal-text{color:#e0e0e0}.plan-empty{padding:2rem 1rem;text-align:center;color:#666;font-size:.85rem}.progress-bar-container{height:3px;background:#3e3e42}.progress-bar{height:100%;background:#007acc;transition:width .5s ease}.plan-steps{padding:.75rem 1rem}.plan-step{display:flex;gap:.75rem;margin-bottom:0}.step-connector{display:flex;flex-direction:column;align-items:center;min-width:20px}.step-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;border-radius:50%;border:2px solid #3e3e42;color:#888;background:#1e1e1e;flex-shrink:0}.step-icon.in_progress{border-color:#007acc;color:#007acc;animation:pulse 1.5s infinite}.step-icon.completed{border-color:#51cf66;color:#51cf66;background:#51cf661a}.step-icon.failed{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.step-line{width:2px;flex:1;min-height:20px;background:#3e3e42}.step-content{flex:1;padding-bottom:1rem}.step-title{display:flex;flex-direction:column;gap:.15rem}.step-number{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.step-name{font-size:.85rem;color:#e0e0e0}.step-pending .step-name{color:#888}.step-meta{display:flex;gap:.5rem;margin-top:.35rem}.step-status-badge{font-size:.7rem;padding:.1rem .4rem;border-radius:3px;background:#3e3e42;color:#aaa}.step-status-badge.in_progress{background:#007acc33;color:#007acc}.step-status-badge.completed{background:#51cf6626;color:#51cf66}.step-status-badge.failed{background:#ff6b6b26;color:#ff6b6b}.step-tool{font-size:.7rem;padding:.1rem .4rem;border-radius:3px;background:#2d2d30;color:#888;font-family:Consolas,monospace}.step-thought{margin-top:.35rem;font-size:.8rem;color:#888;font-style:italic;line-height:1.4}.file-explorer{display:flex;flex-direction:column;height:100%;background:#1e1e1e}.explorer-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-bottom:1px solid #3e3e42;background:#252526}.explorer-header h3{margin:0;font-size:.85rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.refresh-btn{background:none;border:none;color:#888;font-size:1rem;cursor:pointer;padding:.15rem .35rem;border-radius:4px}.refresh-btn:hover{background:#3e3e42;color:#e0e0e0}.explorer-tree{flex:1;overflow-y:auto;padding:.25rem 0}.tree-node{-webkit-user-select:none;user-select:none}.tree-item{display:flex;align-items:center;gap:.3rem;padding:.2rem .5rem;cursor:pointer;font-size:.82rem;color:#ccc;transition:background .1s}.tree-item:hover{background:#2a2d2e}.tree-item.selected{background:#37373d;color:#fff}.tree-arrow{font-size:.55rem;color:#888;width:12px;text-align:center;transition:transform .15s;flex-shrink:0}.tree-arrow.expanded{transform:rotate(90deg)}.tree-arrow-spacer{width:12px;flex-shrink:0}.tree-icon{font-size:.85rem;flex-shrink:0}.tree-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-loading{padding:.5rem 1rem;color:#666;font-size:.8rem}.tree-empty{padding:1.5rem 1rem;text-align:center;color:#555;font-size:.82rem}.terminal-panel{display:flex;flex-direction:column;height:100%;background:#1a1a1a;font-family:Consolas,Courier New,monospace}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;background:#252526;border-bottom:1px solid #3e3e42;min-height:32px}.terminal-tabs{display:flex;gap:0}.terminal-tab{padding:.4rem .75rem;font-size:.75rem;color:#888;cursor:pointer;border-bottom:2px solid transparent}.terminal-tab.active{color:#e0e0e0;border-bottom-color:#007acc}.terminal-tab:hover{color:#ccc}.terminal-actions{display:flex;gap:.25rem}.term-action-btn{background:none;border:none;color:#888;font-size:.72rem;cursor:pointer;padding:.2rem .5rem;border-radius:3px}.term-action-btn:hover{background:#3e3e42;color:#e0e0e0}.terminal-body{flex:1;overflow-y:auto;padding:.5rem .75rem;font-size:.82rem;line-height:1.5}.terminal-line{white-space:pre-wrap;word-break:break-all}.line-system{color:#666;font-style:italic}.line-command{color:#51cf66}.line-output{color:#ccc}.line-error{color:#ff6b6b}.line-prompt{color:#007acc}.terminal-input-form{display:flex;align-items:center;gap:.4rem}.terminal-prompt-char{color:#007acc;font-weight:700}.terminal-input{flex:1;background:transparent;border:none;color:#e0e0e0;font-family:Consolas,Courier New,monospace;font-size:.82rem;outline:none;caret-color:#007acc}.browser-preview{display:flex;flex-direction:column;height:100%;background:#1e1e1e}.browser-toolbar{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#252526;border-bottom:1px solid #3e3e42}.browser-nav-buttons{display:flex;gap:.15rem}.nav-btn{background:none;border:none;color:#888;font-size:.9rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px}.nav-btn:hover{background:#3e3e42;color:#e0e0e0}.browser-url-bar{flex:1;display:flex;gap:.35rem}.url-input{flex:1;padding:.35rem .6rem;background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;color:#e0e0e0;font-size:.8rem;outline:none}.url-input:focus{border-color:#007acc}.go-btn{padding:.35rem .75rem;background:#3e3e42;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.8rem}.go-btn:hover{background:#4e4e54}.browser-viewport{flex:1;overflow:hidden}.browser-iframe{width:100%;height:100%;border:none;background:#fff}.browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.browser-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.browser-empty p{margin:.2rem 0;font-size:.9rem}.browser-empty-hint{color:#555;font-size:.8rem!important}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{width:820px;max-width:95vw;max-height:85vh;background:#1e1e1e;border:1px solid #3e3e42;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #3e3e42;background:#252526}.settings-header h2{margin:0;font-size:1.2rem;color:#e0e0e0}.close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.close-btn:hover{color:#ff6b6b}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:200px;min-width:200px;background:#252526;border-right:1px solid #3e3e42;padding:.5rem 0;overflow-y:auto}.tab-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem 1rem;background:none;border:none;color:#aaa;cursor:pointer;text-align:left;font-size:.85rem;border-left:3px solid transparent;transition:all .15s}.tab-btn:hover{background:#2d2d30;color:#e0e0e0}.tab-btn.active{background:#37373d;color:#fff;border-left-color:#007acc}.tab-icon{font-size:1rem}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.tab-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#e0e0e0}.tab-description{color:#888;font-size:.85rem;margin-bottom:1.5rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.85rem;color:#ccc;font-weight:600}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select{width:100%;padding:.55rem .75rem;background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;color:#e0e0e0;font-size:.85rem;font-family:Consolas,Courier New,monospace;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#007acc}.input-with-toggle{display:flex;gap:.5rem}.input-with-toggle input{flex:1}.toggle-vis{padding:.55rem .75rem;background:#3e3e42;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.8rem;white-space:nowrap}.toggle-vis:hover{background:#4e4e54}.help-text{display:block;margin-top:.35rem;font-size:.75rem;color:#666;line-height:1.4}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.status-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#aaa}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.pending{background:#888}.status-dot.success{background:#51cf66}.status-dot.error{background:#ff6b6b}.test-btn{margin-left:auto;padding:.35rem .75rem;background:#3e3e42;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.8rem}.test-btn:hover{background:#4e4e54}.toggle-switch{font-size:.85rem;color:#aaa;padding:.5rem 0}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #3e3e42;background:#252526}.save-message{font-size:.85rem}.save-message.success{color:#51cf66}.save-message.error{color:#ff6b6b}.footer-buttons{display:flex;gap:.75rem;margin-left:auto}.cancel-btn{padding:.5rem 1.25rem;background:#3e3e42;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:.85rem}.cancel-btn:hover{background:#4e4e54}.save-btn{padding:.5rem 1.25rem;background:#007acc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.save-btn:hover{background:#0098ff}.save-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard{display:flex;flex-direction:column;height:100vh;width:100vw;background:#1e1e1e;color:#e0e0e0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;height:42px;min-height:42px;padding:0 1rem;background:#252526;border-bottom:1px solid #3e3e42;z-index:100}.toolbar-left{display:flex;align-items:center}.toolbar-logo{font-size:.9rem;font-weight:700;color:#007acc;letter-spacing:.5px}.toolbar-center{flex:1;text-align:center}.toolbar-goal{font-size:.8rem;color:#aaa;max-width:400px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-right{display:flex;gap:.35rem}.toolbar-btn{padding:.3rem .7rem;background:transparent;border:1px solid transparent;border-radius:5px;color:#aaa;font-size:.78rem;cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:#3e3e42;color:#e0e0e0}.toolbar-btn.active{background:#37373d;border-color:#007acc;color:#fff}.settings-btn{margin-left:.5rem}.approval-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#fbbf241a;border-bottom:1px solid rgba(251,191,36,.3)}.approval-text{font-size:.85rem;color:#fbbf24}.approval-actions{display:flex;gap:.5rem}.approve-btn{padding:.35rem 1rem;background:#51cf66;border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;font-size:.8rem}.approve-btn:hover{background:#40c057}.reject-btn{padding:.35rem 1rem;background:#ff6b6b;border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;font-size:.8rem}.reject-btn:hover{background:#fa5252}.dashboard-main{display:flex;flex:1;overflow:hidden}.sidebar-left{width:260px;min-width:220px;display:flex;flex-direction:column;border-right:1px solid #3e3e42;background:#1e1e1e}.sidebar-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.plan-section{flex:1.2;border-bottom:1px solid #3e3e42}.explorer-section{flex:.8}.center-panel{flex:1;min-width:320px;border-right:1px solid #3e3e42;display:flex;flex-direction:column}.right-panel{flex:1.2;min-width:400px;display:flex;flex-direction:column;overflow:hidden}.editor-area{display:flex;flex-direction:column;height:100%}.editor-tabs{display:flex;background:#252526;border-bottom:1px solid #3e3e42;overflow-x:auto;min-height:32px}.editor-tab{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.78rem;color:#888;cursor:pointer;border-right:1px solid #3e3e42;white-space:nowrap;transition:background .1s}.editor-tab:hover{background:#2d2d30}.editor-tab.active{background:#1e1e1e;color:#e0e0e0;border-bottom:2px solid #007acc}.tab-name{font-size:.78rem}.tab-close{background:none;border:none;color:#666;font-size:.75rem;cursor:pointer;padding:0 .15rem;line-height:1}.tab-close:hover{color:#ff6b6b}.bottom-panel{height:200px;min-height:120px;border-top:1px solid #3e3e42}@media (max-width: 1200px){.sidebar-left{width:220px;min-width:180px}}@media (max-width: 900px){.dashboard-main{flex-direction:column}.sidebar-left{width:100%;height:200px;flex-direction:row;border-right:none;border-bottom:1px solid #3e3e42}.sidebar-section{flex:1}.plan-section{border-bottom:none;border-right:1px solid #3e3e42}.center-panel{min-width:unset;border-right:none;border-bottom:1px solid #3e3e42}.right-panel{min-width:unset}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1e1e1e;color:#e0e0e0;overflow:hidden}#root,.app{width:100vw;height:100vh;overflow:hidden}:root{--color-bg: #1e1e1e;--color-bg-secondary: #252526;--color-border: #3e3e42;--color-text: #e0e0e0;--color-text-secondary: #888;--color-primary: #007acc;--color-success: #51cf66;--color-error: #ff6b6b;--color-warning: #ffd700}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}