*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-background);height:100vh;display:flex;color:var(--color-foreground);overflow:hidden;-webkit-font-smoothing:antialiased}.icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-lg{width:20px;height:20px}.global-toolbar{width:68px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;z-index:100;flex-shrink:0}.global-toolbar.expanded{width:260px}.global-toolbar:hover{overflow-y:auto}.global-toolbar::-webkit-scrollbar{width:4px}.global-toolbar::-webkit-scrollbar-thumb{background:var(--color-text-disabled);border-radius:2px}.tb-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;margin-bottom:8px;position:relative}.global-toolbar:not(.expanded) .tb-header{justify-content:center}.tb-logo-box{display:flex;align-items:center;gap:10px;color:var(--color-foreground);font-weight:700;font-size:16px;text-decoration:none;transition:opacity .2s}.global-toolbar:not(.expanded) .tb-logo-box span{display:none}.global-toolbar:not(.expanded) .tb-logo-box{justify-content:center;width:100%}.global-toolbar:not(.expanded) .sidebar-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.global-toolbar:not(.expanded) .tb-header:hover .tb-logo-box{opacity:0}.global-toolbar:not(.expanded) .tb-header:hover .sidebar-toggle{opacity:1;pointer-events:auto;background:var(--color-surface-subtle)}.sidebar-toggle{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s;outline:none}.sidebar-toggle:hover{background:var(--color-surface-subtle);color:var(--color-foreground)}.tb-nav{padding:0 12px;margin-bottom:24px}.tb-item{display:flex;align-items:center;color:var(--color-foreground);text-decoration:none;padding:10px 12px;border-radius:8px;margin-bottom:4px;transition:.2s;font-weight:500;cursor:pointer;font-size:14px}.global-toolbar:not(.expanded) .tb-item{justify-content:center;padding:12px 0}.tb-item:hover{background:var(--color-surface-subtle)}.tb-item.active{background:var(--color-focus-soft);color:var(--color-focus)}.tb-item svg{flex-shrink:0}.global-toolbar.expanded .tb-item svg{margin-right:12px}.global-toolbar:not(.expanded) .tb-item span{display:none}.collapsed-history-btn{display:none!important}.global-toolbar:not(.expanded) .collapsed-history-btn{display:flex!important}.history-section{display:flex;flex-direction:column;padding:0 12px;opacity:1;transition:opacity .2s}.global-toolbar:not(.expanded) .history-section{display:none}.history-header{font-size:14px;color:var(--color-text-secondary);font-weight:600;padding:0 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.history-arrow-icon{transition:transform .3s}.history-arrow-icon.collapsed{transform:rotate(-90deg)}.history-search{display:flex;align-items:center;background:var(--color-surface-subtle);border:1px solid transparent;border-radius:8px;padding:8px 12px;margin:0 0 12px;gap:8px;color:var(--color-text-secondary);transition:.2s}.history-search:focus-within{border-color:var(--color-text-disabled);background:var(--color-surface);box-shadow:0 2px 6px #00000005}.history-search input{border:none;background:transparent;outline:none;width:100%;font-size:13px;color:var(--color-foreground)}.history-list{display:flex;flex-direction:column;gap:2px}.hist-item{font-size:14px;color:var(--color-foreground);padding:10px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s;display:flex;align-items:center;gap:8px}.hist-item:hover{background:var(--color-surface-subtle)}.user-profile{margin-top:auto;padding:16px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--color-border);cursor:pointer;transition:.2s}.user-profile:hover{background:var(--color-surface-subtle)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--color-foreground);color:var(--color-surface);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.user-name{font-size:14px;font-weight:500;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-toolbar:not(.expanded) .user-profile{padding:16px 0;justify-content:center}.global-toolbar:not(.expanded) .user-name{display:none}.wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:60px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:14px;flex-shrink:0;z-index:50}.ws-body{flex:1;display:flex;overflow:hidden;position:relative}.ws-left{width:260px;min-width:200px;max-width:400px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease;box-shadow:2px 0 8px #00000005;z-index:10;position:relative}body.left-collapsed .ws-left{width:0!important;min-width:0!important;border-right:none;overflow:hidden;padding:0;box-shadow:none}body.left-collapsed #dragLeft{display:none}.panel-btn{cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:.2s;background:transparent;border:none;outline:none}.panel-btn:hover{color:var(--color-focus);background:var(--color-focus-soft)}.expand-tab-left{position:absolute;top:12px;left:12px;background:var(--color-surface);border:1px solid var(--color-border);padding:8px;cursor:pointer;z-index:30;color:var(--color-text-secondary);display:none;box-shadow:0 2px 8px #0000000d;transition:.2s;border-radius:8px}body.left-collapsed .expand-tab-left{display:flex}.resizer{width:4px;background:transparent;cursor:col-resize;z-index:20;transition:background .2s}.resizer:hover,.resizer.dragging{background:var(--color-focus)}.panel-section{padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.panel-title{font-size:13px;font-weight:700;color:var(--color-foreground);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.panel-title-text{display:flex;align-items:center;gap:6px}.tree-node{font-size:13px;padding:8px 0 8px 16px;border-left:2px solid var(--color-border);margin-left:8px;cursor:pointer;color:var(--color-text-secondary);transition:.2s}.tree-node:not(.active):not(.disabled):hover{border-left-color:var(--color-text-disabled);background:linear-gradient(90deg,var(--color-surface-subtle) 0%,transparent 100%)}.tree-node.active{border-left-color:var(--color-focus);color:var(--color-focus);font-weight:700;background:linear-gradient(90deg,var(--color-focus-soft) 0%,transparent 100%)}.tree-branch{margin-left:24px;padding-left:12px;border-left:1px dashed var(--color-text-disabled);margin-top:4px}.tree-node.disabled{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.tree-node .hover-show{opacity:0;visibility:hidden;transition:.2s}.tree-node:hover .hover-show{opacity:1;visibility:visible}.ws-center{flex:1;display:flex;flex-direction:column;background:var(--color-surface-subtle);position:relative;overflow:hidden}.center-top-bar{background:transparent;padding:16px 24px 8px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:5}.center-top-title{font-size:18px;font-weight:700;color:var(--color-foreground);display:flex;align-items:center;gap:8px}.chat-flow{flex:1;overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.flow-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-sm)}.flow-card-title{font-size:18px;font-weight:700;color:var(--color-foreground);margin-bottom:8px;display:flex;align-items:center;gap:6px}.flow-card-desc{font-size:12px;color:var(--color-text-secondary);margin-bottom:16px}.agent-row{display:flex;align-items:flex-start;margin-bottom:10px;transition:opacity .3s}.agent-row:last-child{margin-bottom:0}.agent-row-title{font-size:13px;font-weight:700;color:var(--color-foreground);width:100px;flex-shrink:0;padding-top:6px}.agent-tags{display:flex;flex-wrap:wrap;gap:8px}.agent-tag{display:inline-flex;align-items:center;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:.2s;font-weight:500}.agent-tag:hover,.agent-tag.selected{background:var(--color-focus-soft);color:var(--color-focus);border-color:var(--color-focus)}.agent-tag.disabled{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric{background:var(--color-surface-subtle);padding:12px 16px;border-radius:var(--radius-card);border:1px solid var(--color-border)}.metric-title{font-size:12px;color:var(--color-text-secondary);font-weight:700;margin-bottom:6px}.metric-val{font-size:18px;font-weight:700;display:flex;align-items:center;gap:6px}.metric-val.red{color:var(--color-danger)}.metric-val.yellow{color:var(--color-warning)}.metric-trend{font-size:12px;font-weight:700;padding:2px 4px;border-radius:4px;background:var(--color-surface)}.trend-up{color:var(--color-danger)}.trend-down{color:var(--color-success)}.metric-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:6px;line-height:var(--line-xs)}.env-shortcuts{display:flex;gap:12px;flex-wrap:wrap;border-top:1px dashed var(--color-border);padding-top:16px}.shortcut-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:.2s;font-weight:500}.shortcut-btn:hover{border-color:var(--color-focus);color:var(--color-focus);background:var(--color-focus-soft)}.log-content{font-size:12px;line-height:1.8;color:var(--color-text-secondary);max-height:160px;overflow-y:auto;padding-right:8px}.log-item{margin-bottom:8px;border-bottom:1px dashed var(--color-border);padding-bottom:8px}.log-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.agent-ph{color:var(--color-warning);font-weight:600}.agent-cn{color:var(--color-danger);font-weight:600}.agent-us{color:var(--color-success);font-weight:600}.decision-list{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--color-foreground);line-height:1.6}.decision-row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decision-list span.nation{font-weight:700;display:inline-block;width:60px}.star-rating span{font-size:16px;cursor:pointer;color:var(--color-text-disabled);transition:.2s}.star-rating span:hover,.star-rating span.active{color:var(--color-warning)}.report-full-content{font-size:13px;color:var(--color-foreground);line-height:1.8}.report-full-content h4{font-size:14px;color:var(--color-foreground);margin:16px 0 8px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--color-border);padding-bottom:6px}.report-full-content h4:first-child{margin-top:0}.report-full-content p{margin-bottom:12px}.report-full-content ul{padding-left:20px;margin-bottom:12px;color:var(--color-text-secondary)}.report-full-content li{margin-bottom:4px}.report-full-content .report-risk-tag,.report-full-content .report-advise-tag{display:inline-block;color:var(--color-foreground);font-weight:700;font-size:var(--text-base);line-height:var(--line-base);margin-right:6px}.unified-control-module{display:flex;flex-direction:column;gap:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:16px 20px;margin:0 24px 24px;box-shadow:var(--shadow-md);flex-shrink:0}.control-row{display:flex;justify-content:space-between;align-items:center}.status-text{font-size:13px;color:var(--color-foreground);display:flex;align-items:center}#system-status-text{font-size:var(--text-base);line-height:var(--line-base)}.status-badge{color:var(--color-focus);font-weight:700;margin-right:8px;background:var(--color-focus-soft);padding:2px 8px;border-radius:4px}.control-btn-group{display:flex;gap:10px;align-items:center}.control-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid transparent;cursor:pointer;transition:.2s;outline:none}.control-btn.operable{color:var(--color-focus);border-color:var(--color-focus);background:var(--color-focus-soft)}.control-btn.operable:hover{background:var(--color-focus);color:var(--color-surface);box-shadow:0 4px 10px #2563eb2e}.control-btn.disabled{color:var(--color-text-disabled);border-color:var(--color-border);background:var(--color-surface-subtle);cursor:not-allowed}.system-progress-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:8px;padding:0 10px}.progress-track{width:100%;max-width:400px;height:4px;background:var(--color-border);border-radius:4px;position:relative}.progress-line-fill{position:absolute;top:0;left:0;height:100%;width:50%;background:var(--color-focus);transition:width .5s ease;border-radius:4px}.progress-line-fill:after{content:"";position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:12px;height:12px;background:var(--color-surface);border:2px solid var(--color-focus);border-radius:50%;box-shadow:0 1px 4px #00000026;transition:transform .2s;cursor:pointer}.progress-line-fill:after:hover{transform:translate(50%,-50%) scale(1.2)}.nl-input{display:flex;width:100%;position:relative;align-items:center}.voice-btn{position:absolute;left:6px;width:30px;height:30px;border-radius:50%;background:transparent;color:var(--color-text-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:2;outline:none}.voice-btn:hover{background:var(--color-surface-subtle);color:var(--color-foreground)}.nl-input input{flex:1;padding:12px 48px 12px 42px;border:1px solid var(--color-border);border-radius:var(--radius-card);outline:none;background:var(--color-surface-subtle);font-size:var(--text-base);transition:.2s;color:var(--color-foreground)}.nl-input input:focus{border-color:var(--color-focus);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-focus-soft)}.send-btn{position:absolute;right:6px;width:30px;height:30px;border-radius:50%;background:var(--color-foreground);color:var(--color-surface);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.send-btn:hover{background:var(--color-foreground);box-shadow:none}.ws-right{width:340px;min-width:280px;max-width:550px;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease;position:relative;box-shadow:-2px 0 8px #00000005;z-index:10}.tabs{display:flex;border-bottom:1px solid var(--color-border);position:relative;padding-left:40px}.tab{flex:1;text-align:center;padding:12px;font-size:13px;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.tab.active{color:var(--color-focus);border-bottom-color:var(--color-focus);font-weight:700}.right-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-card);flex-shrink:0;box-shadow:var(--shadow-sm)}.card-title{font-size:13px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;color:var(--color-foreground)}.card-title-text{display:flex;align-items:center;gap:6px}.tag{display:inline-block;padding:4px 10px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-xs);margin:0 4px 8px 0;cursor:pointer;color:var(--color-text-secondary)}.tag-dashed{border-style:dashed;color:var(--color-text-secondary);background:transparent}.tag-dashed:hover{border-color:var(--color-focus);color:var(--color-focus);background:var(--color-focus-soft)}.kb-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;padding:8px 12px;border-radius:6px;transition:.2s;border:1px solid transparent}.kb-item:hover{background:var(--color-surface-subtle);color:var(--color-foreground)}.kb-item.primary{color:var(--color-focus);background:var(--color-focus-soft);border-color:var(--color-border);font-weight:500}.kb-item.primary:hover{background:var(--color-focus-soft);border-color:var(--color-focus)}body.right-collapsed .ws-right{width:0!important;min-width:0!important;border-left:none;overflow:hidden;padding:0;box-shadow:none}body.right-collapsed #dragRight{display:none}.expand-tab-right{position:absolute;top:12px;right:12px;background:var(--color-surface);border:1px solid var(--color-border);padding:8px;cursor:pointer;z-index:30;color:var(--color-text-secondary);display:none;box-shadow:0 2px 8px #0000000d;transition:.2s;border-radius:8px}body.right-collapsed .expand-tab-right{display:flex}.right-sidebar-collapse{position:absolute;left:8px;top:10px;z-index:10}.editable-item{position:relative;border-radius:8px;padding:6px;margin:-6px;transition:.2s;border:1px solid transparent}.editable-item:hover{background:var(--color-surface-subtle);border-color:var(--color-border)}.btn-outline{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-text-disabled);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;outline:none;font-weight:500;transition:.2s}.btn-outline:hover{background:var(--color-surface-subtle);border-color:var(--color-text-disabled)}.agent-detail-tag{background:var(--color-focus-soft);color:var(--color-focus);padding:3px 10px;border-radius:var(--radius-control);font-size:var(--text-xs);font-weight:500;display:inline-block}.agent-detail-tag.dashed{background:transparent;border:1px dashed var(--color-text-disabled);color:var(--color-text-secondary);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-text-disabled);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}.recommend-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:.2s}.recommend-item:hover{background:var(--color-focus-soft);border-color:var(--color-focus);color:var(--color-focus)}.recommend-item svg{color:var(--color-text-disabled);transition:.2s;flex-shrink:0}.recommend-item:hover svg{color:var(--color-focus)}.code-block{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border);padding:16px;border-radius:var(--radius-card);font-family:var(--font-code);font-size:var(--text-xs);line-height:var(--line-xs);overflow-x:auto;max-height:400px;overflow-y:auto}.c-comment{color:var(--color-success)}.c-keyword,.c-class{color:var(--color-focus)}.c-number{color:var(--color-warning)}.chat-flow-hint{display:none;align-items:center;justify-content:center;gap:8px;color:var(--color-text-secondary);font-size:13px;background:var(--color-surface);border:1px dashed var(--color-text-disabled);border-radius:var(--radius-card);margin:0 24px 24px;padding:16px;cursor:pointer;transition:.2s}.chat-flow-hint:hover{background:var(--color-surface-subtle);border-color:var(--color-text-disabled);color:var(--color-foreground)}