:root{--bg: #f6f8f7;--surface: #ffffff;--surface-soft: #f2f6f5;--line: #dce4e2;--line-strong: #c9d5d2;--text: #17201e;--muted: #6a7774;--teal: #007f73;--teal-soft: #e1f3f0;--blue: #0677d8;--blue-soft: #e9f3ff;--amber: #f08a16;--amber-soft: #fff0dc;--green: #12a06d;--green-soft: #e7f7ef;--shadow: 0 14px 40px rgba(23, 32, 30, .08);font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 12px;border-right:1px solid var(--line);background:#ffffffc7}.brand-row{display:flex;align-items:center;gap:10px;padding:0 4px 22px}.brand-mark{width:26px;height:26px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:6px;font-weight:800}.brand-text{flex:1;font-size:15px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;color:var(--text);background:transparent;border-radius:7px}.icon-button:hover{background:var(--surface-soft)}.nav-list{display:grid;gap:6px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;border:0;border-radius:7px;padding:0 12px;color:#283431;background:transparent;text-align:left}.nav-item.active{color:var(--teal);background:linear-gradient(90deg,#e2f4f1,#eef7f6);font-weight:700}.nav-item:hover,.goal-actions button:hover,.text-button:hover{background:var(--surface-soft)}.usage-panel{margin-top:auto;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.usage-title,.usage-meta,.profile-row,.panel-header,.inspector-header{display:flex;align-items:center;justify-content:space-between}.usage-title{font-size:13px;margin-bottom:10px}.usage-title button,.inspector-header button{color:var(--teal);font-weight:700;background:transparent;border:0}.usage-row{margin-top:13px}.usage-meta{font-size:12px;color:var(--muted)}.usage-meta strong{color:var(--text);font-weight:600}.mini-bar,.bar{height:4px;overflow:hidden;background:#e5ebe9;border-radius:999px}.mini-bar{margin-top:7px}.mini-bar i,.bar i{display:block;height:100%;background:var(--teal);border-radius:inherit}.profile-row{margin-top:18px;gap:10px}.avatar{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:50%;font-weight:800}.profile-row div:nth-child(2){flex:1;display:grid;gap:3px}.profile-row span{color:var(--teal);font-size:12px}.workspace{padding:20px 24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{margin:0;font-size:28px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:9px}.search-box{width:322px;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.search-box input{flex:1;border:0;outline:0;background:transparent}kbd{padding:3px 6px;color:var(--muted);background:var(--surface-soft);border-radius:5px;font-size:12px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.center-column,.right-column{display:grid;gap:14px}.api-banner{display:grid;gap:4px;margin-bottom:14px;padding:12px 14px;border:1px solid #f3c98b;border-radius:8px;background:#fff8ed;color:#5e430f}.api-banner span{color:#765a25;font-size:13px}.goal-box,.panel,.inspector-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px #17201e05}.goal-box{position:relative;overflow:hidden}.goal-box textarea{width:100%;min-height:78px;resize:vertical;padding:18px 72px 10px 18px;border:0;outline:0;color:var(--text);line-height:1.6}.send-button{position:absolute;top:13px;right:13px;width:45px;height:45px;display:grid;place-items:center;color:#fff;border:0;border-radius:7px;background:var(--teal);box-shadow:var(--shadow)}.send-button:disabled{opacity:.55;cursor:wait}.goal-actions{display:flex;gap:24px;padding:11px 18px;border-top:1px solid var(--line)}.goal-actions button,.text-button{display:inline-flex;align-items:center;gap:7px;color:#3c4946;background:transparent;border:0;border-radius:6px;padding:6px 8px}.panel{padding:16px}.panel h2,.inspector-card h2{margin:0;font-size:16px;letter-spacing:0}.panel-header{margin-bottom:14px}.agent-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-step{position:relative;display:flex;align-items:center}.agent-card{width:100%;min-height:70px;display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#fbfcfc;text-align:left}.agent-card:hover{border-color:var(--line-strong);box-shadow:0 8px 22px #17201e0f}.agent-card strong{display:block;font-size:14px}.agent-card span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.agent-card em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700}.agent-card.teal{color:var(--teal)}.agent-card.blue{color:var(--blue)}.agent-card.amber{color:var(--amber)}.agent-card.green{color:var(--green)}.flow-arrow{position:absolute;right:-16px;color:#8b9794;z-index:2;background:var(--surface)}.phase-line{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:17px;padding:14px;background:var(--surface-soft);border-radius:7px}.phase{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;border:0;background:transparent;border-radius:6px;padding:6px 8px;text-align:left}.phase:hover{background:#ffffffb3}.phase.done{color:var(--teal);font-weight:700}.phase.active{color:var(--blue);font-weight:700}.primary-button{height:34px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;color:#fff;background:var(--teal);padding:0 13px;font-weight:700}.tabs{display:flex;gap:20px;margin-bottom:12px}.tabs button{height:31px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text)}.tabs button.active{color:var(--teal);background:var(--teal-soft);font-weight:700}.task-table{display:grid}.task-head,.task-row{display:grid;grid-template-columns:minmax(220px,1fr) 82px minmax(112px,140px) 88px 86px 76px;gap:12px;align-items:center}.task-head{height:34px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.task-row{min-height:70px;border-bottom:1px solid var(--line);overflow:hidden}.task-row:last-child{border-bottom:0}.task-name{display:flex;align-items:center;gap:12px;min-width:0}.task-name>div{min-width:0}.task-name strong,.task-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-name span{margin-top:4px;color:var(--muted);font-size:12px}.file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;color:var(--teal);background:var(--teal-soft);font-size:12px;font-weight:800;flex:0 0 auto}.file-1{color:#7856d7;background:#eee9ff}.file-2{color:var(--teal);background:var(--teal-soft)}.file-3{color:var(--amber);background:var(--amber-soft)}.status{justify-self:start;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:700}.status-amber{color:var(--amber);background:var(--amber-soft)}.status-blue{color:var(--blue);background:var(--blue-soft)}.status-green{color:var(--green);background:var(--green-soft)}.status-muted{color:var(--muted);background:#eef1f0}.progress-cell{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;color:var(--muted);font-size:12px}.agent-dots{display:flex;gap:5px;min-width:0}.agent-dots i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-style:normal;font-weight:800}.dot-teal{color:var(--teal);background:var(--teal-soft)}.dot-blue{color:var(--blue);background:var(--blue-soft)}.dot-amber{color:var(--amber);background:var(--amber-soft)}.dot-green{color:var(--green);background:var(--green-soft)}.muted{color:var(--muted);font-size:13px}.row-actions,.panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.panel-actions{gap:10px}.panel-actions .text-button,.module-list .text-button{display:inline-flex;align-items:center;gap:5px;justify-self:start;width:fit-content}.inspector-card{padding:14px}.inspector-header{margin-bottom:10px}.inspector-header button{font-size:12px}.context-block{display:grid;gap:9px;font-size:13px}.context-block p{margin:0;color:#3d4845;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#fbfcfc}.related-task{display:flex;justify-content:space-between;align-items:center}.related-task em{padding:4px 7px;border-radius:5px;color:var(--blue);background:var(--blue-soft);font-style:normal;font-size:12px}.list-row,.tool-row,.source-row{display:grid;align-items:center;min-height:27px;gap:8px;color:#46524f;font-size:12px}.list-row{grid-template-columns:16px 1fr 76px}.list-row time,.source-row time{color:#8a9592;text-align:right}.tool-row{grid-template-columns:1fr 68px;width:100%;border:0;background:transparent;text-align:left;padding:0}.tool-row:hover{color:var(--teal)}.tool-row em{color:#9aa5a2;font-style:normal;text-align:right}.tool-row em.ok{color:var(--teal)}.source-row{grid-template-columns:1fr 52px 68px}.source-row strong{text-align:right;font-weight:600}.skill-list{display:flex;flex-wrap:wrap;gap:8px}.skill-list span{display:inline-flex;align-items:center;gap:6px;padding:7px 8px;border-radius:6px;background:var(--surface-soft);color:#33413e;font-size:12px}.empty-state{display:grid;gap:6px;padding:18px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);background:#fbfcfc}.empty-state strong{color:var(--text)}.empty-state span{font-size:13px;line-height:1.5}.empty-state.compact{padding:12px}.event-panel{border-color:#c5ddd8}.event-panel .panel-header span{color:var(--teal);font-size:12px;font-weight:700}.event-list{display:grid;gap:8px}.event-item{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fbfcfc}.event-item strong{font-size:13px}.event-item p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:min(360px,calc(100vw - 32px));padding:11px 14px;color:#fff;background:#17201e;border-radius:8px;box-shadow:var(--shadow);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#121b1947}.modal{width:min(520px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.modal-header{border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:17px}.modal-header .icon-button{font-size:24px}.modal-body{padding:16px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--line)}.secondary-button{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text)}.mini-list{display:grid;gap:8px}.mini-list p{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fbfcfc;line-height:1.5}.template-list,.modal-tool-list{display:grid;gap:10px}.template-list button,.modal-tool-list button{display:flex;justify-content:space-between;gap:16px;width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:#fbfcfc;color:var(--text);text-align:left;line-height:1.5}.template-list button:hover,.modal-tool-list button:hover{border-color:var(--teal)}.modal-tool-list em{color:#9aa5a2;font-style:normal;white-space:nowrap}.modal-tool-list em.ok{color:var(--teal)}.knowledge-form{display:grid;gap:12px}.knowledge-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.knowledge-form input,.knowledge-form textarea,.knowledge-search input{width:100%;border:1px solid var(--line);border-radius:7px;background:#fbfcfc;color:var(--text);outline:0}.knowledge-form input,.knowledge-search input{height:38px;padding:0 10px}.knowledge-form textarea{min-height:130px;resize:vertical;padding:10px;line-height:1.5}.form-error{margin:0;color:#b42318;font-size:12px}.knowledge-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.search-results{display:grid;gap:10px;margin-top:6px}.search-results h3{margin:0;font-size:15px}.module-view{display:grid;gap:16px}.module-hero,.module-grid button,.module-grid article,.module-list article,.module-list button{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 1px #17201e05}.module-hero{padding:18px}.module-hero h2{margin:12px 0 6px;font-size:28px}.module-hero p{margin:0;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-list{display:grid;gap:10px}.module-grid button,.module-grid article,.module-list article,.module-list button{position:relative;display:grid;gap:6px;padding:16px;text-align:left}.module-list button{width:100%;color:var(--text)}.module-grid button:hover,.module-list button:hover{border-color:var(--teal)}.module-grid strong{display:block;margin-bottom:8px;font-size:15px}.module-grid span,.module-list span{color:var(--muted);font-size:13px;line-height:1.5}.danger-link{justify-self:start;padding:0;border:0;color:#b42318;background:transparent;font-size:12px;font-weight:700}@media(max-width:1280px){.app-shell{grid-template-columns:220px 1fr}.main-grid{grid-template-columns:1fr}.right-column,.agent-row{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-arrow{display:none}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){body{min-width:0}.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:10;top:0;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand-row{padding:0 0 10px}.brand-text{white-space:nowrap}.nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.nav-item{min-width:0;height:38px;justify-content:center;gap:7px;padding:0 8px}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-panel,.profile-row{display:none}.workspace{padding:16px}.main-grid{grid-template-columns:1fr}.topbar,.top-actions{align-items:stretch;flex-direction:column}.top-actions{display:grid;grid-template-columns:repeat(3,38px) 1fr;justify-content:start;width:100%}.search-box{width:100%}.top-actions .search-box{grid-column:1 / -1}.agent-row,.phase-line{grid-template-columns:1fr}.task-head{display:none}.task-row{grid-template-columns:1fr;gap:8px;padding:12px 0;overflow:visible}.progress-cell{max-width:240px}.right-column,.module-grid{grid-template-columns:1fr}.toast{left:16px;right:16px;bottom:16px}}@media(max-width:520px){.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:25px}.goal-actions{gap:8px;justify-content:space-between}.goal-actions button{padding-inline:4px}.goal-box textarea{min-height:118px;padding:16px 64px 12px 18px}.send-button{width:44px;height:44px;top:12px;right:12px}.panel{padding:12px}.agent-card{min-height:64px}}