html{background:#f6f8f7}:root{--bg:#f6f8f7;--surface:#fff;--surface-soft:#f1f5f3;--ink:#111816;--muted:#64716d;--line:#dfe7e3;--line-strong:#c8d4cf;--teal:#0f8a77;--teal-soft:#e4f4f1;--amber:#c7861b;--amber-soft:#fff2d8;--red:#c2453d;--red-soft:#fae8e6;--shadow:0 20px 60px #18262217;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:24px;display:grid}.login-card h1,.login-card p{margin:0}.login-card h1{font-size:22px}.login-card p{color:var(--muted);margin-top:6px;font-size:13px}.login-card form,.login-card label{gap:10px;display:grid}.login-card label{color:#43514d;font-size:13px;font-weight:800}.login-card input{border:1px solid var(--line);background:var(--surface-soft);height:42px;color:var(--ink);border-radius:8px;outline:0;padding:0 12px}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:260px minmax(720px,1fr) 320px;min-height:100vh;display:grid}.sidebar,.inspector{background:var(--surface);border-color:var(--line);border-style:solid}.sidebar{border-width:0 1px 0 0;flex-direction:column;gap:24px;padding:22px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#15231f;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.brand h1,.brand p,.topbar h2,.topbar p,.panel h3,.profile-block h3,.profile-block p{margin:0}.brand h1{font-size:17px;line-height:1.2}.brand p,.section-label,.topbar p{color:var(--muted);font-size:12px}.sidebar-nav{gap:6px;display:grid}.nav-item,.ghost-button,.primary-action,.icon-button,.conversation-row,.provider-row,.skill-card,.decision,.send-button,.wide-button,.tab{color:inherit;border:0}.nav-item{color:#43514d;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:14px;display:flex}.nav-item.active,.nav-item:hover{color:var(--ink);background:var(--surface-soft)}.sidebar-section{gap:10px;display:grid}.section-label{letter-spacing:0;font-weight:700}.channel-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:10px 1fr 30px;align-items:center;gap:10px;min-height:52px;padding:10px;display:grid}.channel-row strong,.channel-row small{display:block}.channel-row strong{font-size:13px}.channel-row small{color:var(--muted);margin-top:3px;font-size:12px}.status-dot{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.status-dot.online{background:var(--teal)}.status-dot.pending{background:var(--amber)}.icon-button{width:30px;height:30px;color:var(--muted);background:var(--surface-soft);border-radius:8px;place-items:center;display:grid}.primary-action,.send-button,.wide-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:14px;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:#15231f;margin-top:auto}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.topbar h2{margin-top:3px;font-size:24px;line-height:1.2}.topbar-actions{align-items:center;gap:10px;display:flex}.search-box{width:280px;height:40px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.ghost-button{border:1px solid var(--line);background:var(--surface);padding:0 14px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric-card{gap:8px;min-height:112px;padding:16px;display:grid}.metric-card span,.metric-card small,.metric-card em{color:var(--muted);font-size:12px;font-style:normal}.metric-card strong{font-size:30px;line-height:1}.metric-card div{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-card em{color:var(--teal);font-weight:800}.main-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:14px;display:grid}.panel{min-width:0;padding:14px}.conversation-panel,.provider-panel,.approval-panel{min-height:260px}.skill-panel,.agent-panel,.log-panel{min-height:270px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header div{align-items:center;gap:9px;display:flex}.panel-header h3{font-size:15px}.panel-header span{color:var(--teal);background:var(--teal-soft);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.conversation-list,.provider-list,.approval-list{gap:8px;display:grid}.conversation-row,.provider-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.conversation-row{grid-template-columns:34px 1fr auto auto}.conversation-row.active,.provider-row.active{background:var(--teal-soft);border-color:#9fcfc6}.mini-avatar,.avatar{color:#fff;background:#20332f;border-radius:8px;place-items:center;font-weight:800;display:grid}.mini-avatar{width:34px;height:34px;font-size:13px}.conversation-row strong,.conversation-row small,.provider-row strong,.provider-row small{display:block}.conversation-row strong,.provider-row strong{font-size:13px}.conversation-row small,.provider-row small,.conversation-row em,.provider-row em{color:var(--muted);font-size:12px;font-style:normal}.trust-badge{border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:24px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.trust-badge.allow{color:var(--teal);background:var(--teal-soft)}.trust-badge.review{color:#8b5a0f;background:var(--amber-soft)}.trust-badge.block{color:var(--red);background:var(--red-soft)}.policy-note{color:#40524d;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;font-weight:700;line-height:1.45;display:flex}.policy-note svg{color:var(--amber);flex:none}.provider-row{grid-template-columns:1fr auto auto}.allowlist-panel{min-height:260px}.runtime-panel{min-height:220px}.allowlist-rules{gap:9px;display:grid}.allowlist-form{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:12px;padding:10px;display:grid}.allowlist-form input,.allowlist-form select{border:1px solid var(--line);min-width:0;height:34px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 9px;font-size:12px}.allowlist-form input[aria-label=规则备注]{grid-column:1/-1}.inline-check{color:#43514d;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.inline-check input{width:15px;height:15px;padding:0}.mini-submit{background:var(--teal);color:#fff;border:0;border-radius:8px;min-height:34px;font-size:12px;font-weight:900}.mini-submit:disabled{cursor:not-allowed;opacity:.55}.allowlist-row{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:11px;display:grid}.rule-main{align-items:center;gap:10px;min-width:0;display:flex}.rule-main strong,.rule-main small{display:block}.rule-main strong{font-size:13px}.rule-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.allowlist-row p{color:var(--muted);grid-area:2/1/auto/-1;margin:0;font-size:12px;line-height:1.45}.switch{background:#ccd8d4;border:0;border-radius:999px;grid-area:1/2;width:42px;height:24px;padding:0;position:relative}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--teal)}.switch.is-on span{transform:translate(18px)}.switch:disabled{cursor:not-allowed;opacity:.55}.runtime-grid{gap:9px;display:grid}.runtime-row{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.runtime-row strong,.runtime-row small{display:block}.runtime-row strong{font-size:13px}.runtime-row small,.runtime-row em,.runtime-empty span{color:var(--muted);font-size:12px;font-style:normal}.runtime-row span{border-radius:8px;padding:5px 8px;font-size:12px;font-weight:900}.runtime-row.online span{color:var(--teal);background:var(--teal-soft)}.runtime-row.reconnecting span{color:#8b5a0f;background:var(--amber-soft)}.runtime-row.offline span{color:var(--red);background:var(--red-soft)}.runtime-counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.runtime-counters span{background:var(--surface-soft);color:#43514d;text-align:center;border-radius:8px;padding:8px;font-size:12px;font-weight:800}.runtime-empty{border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.runtime-empty strong{font-size:13px}.provider-row span{color:var(--teal);font-size:12px;font-weight:800}.tabs{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:3px;display:inline-grid}.tab{min-height:30px;color:var(--muted);background:0 0;border-radius:7px;padding:0 14px;font-size:13px;font-weight:800}.tab.active{color:var(--ink);background:var(--surface)}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skill-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-height:142px;padding:12px;display:grid;position:relative}.skill-card.enabled{background:linear-gradient(#fff 0%,#effaf7 100%);border-color:#8fc8bd}.skill-icon{width:34px;height:34px;color:var(--teal);background:var(--teal-soft);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.skill-card strong{margin-top:8px;font-size:14px}.skill-card small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}.skill-toggle{color:var(--teal);align-self:end;font-size:12px;font-weight:800}.mcp-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mcp-pill{color:#485954;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:700;display:inline-flex}.approval-item{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.approval-item strong{font-size:13px}.approval-item p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.risk{border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.risk.medium{color:#8b5a0f;background:var(--amber-soft)}.risk.high{color:var(--red);background:var(--red-soft)}.approval-actions{gap:6px;display:flex}.decision{background:var(--surface-soft);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.decision.approve.active,.decision.approve:hover{color:#fff;background:var(--teal)}.decision.reject.active,.decision.reject:hover{color:#fff;background:var(--red)}.agent-composer{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.agent-composer textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink);border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;outline:0;padding:12px;font-size:14px;line-height:1.5}.send-button{color:#fff;background:var(--teal);min-width:88px}.send-button:disabled{cursor:wait;opacity:.7}.agent-result{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;margin-top:12px;padding:12px}.agent-result.blocked{background:#fff8f7;border-color:#f0c1bd}.agent-result.blocked .route-line{color:var(--red)}.agent-result p{color:#293633;margin:10px 0 0;font-size:14px;line-height:1.6}.route-line{color:var(--teal);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.tool-trace{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tool-trace span{color:var(--muted);background:var(--surface-soft);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700}.log-table{gap:2px;display:grid}.inbound-panel{min-height:260px}.inbound-list{gap:9px;display:grid}.inbound-item{border:1px solid var(--line);background:#fbfdfc;border-radius:8px;gap:6px;padding:10px;display:grid}.inbound-item div{justify-content:space-between;align-items:center;gap:10px;display:flex}.inbound-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inbound-item span,.inbound-item em,.empty-note{color:var(--muted);font-size:12px;font-style:normal}.inbound-item p{color:#293633;margin:0;font-size:13px;line-height:1.45}.inbound-item em{background:var(--surface-soft);border-radius:8px;justify-self:start;padding:5px 8px;font-weight:800}.empty-note{margin:0}.log-row{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr 92px 56px;align-items:center;gap:8px;min-height:36px;display:grid}.log-row span,.log-row small,.log-row em{color:var(--muted);font-size:12px;font-style:normal}.log-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inspector{border-width:0 0 0 1px;flex-direction:column;min-width:0;padding:22px 18px;display:flex}.profile-block{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.trust-banner{border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:12px;font-weight:800;line-height:1.45;display:flex}.trust-banner.allow{color:#0b6759;background:var(--teal-soft)}.trust-banner.review{color:#8b5a0f;background:var(--amber-soft)}.trust-banner.block{color:var(--red);background:var(--red-soft)}.avatar{width:48px;height:48px}.profile-block h3{font-size:17px}.profile-block p{color:var(--muted);margin-top:3px;font-size:12px}.detail-list{gap:12px;margin:16px 0;display:grid}.detail-list div{border-bottom:1px solid var(--line);padding-bottom:12px}.detail-list dt{color:var(--muted);font-size:12px;font-weight:800}.detail-list dd{color:#263430;margin:5px 0 0;font-size:13px;line-height:1.5}.message-preview{gap:9px;display:grid}.bubble{background:var(--surface-soft);border-radius:8px;padding:10px}.bubble.agent{background:var(--teal-soft)}.bubble span{color:var(--muted);font-size:11px;font-weight:800}.bubble p{margin:4px 0 0;font-size:13px;line-height:1.5}.wide-button{border:1px solid var(--line);background:var(--surface-soft);justify-content:space-between;width:100%;margin-top:auto;padding:0 12px}@media (width<=1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.inspector{border-width:1px 0 0;grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell,.main-grid{display:block}.sidebar,.workspace,.inspector{padding:16px}.sidebar{border-width:0 0 1px}.sidebar-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{justify-content:center}.nav-item span{display:none}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.search-box{width:100%}.metric-grid,.skill-grid{grid-template-columns:1fr}.panel{margin-bottom:14px}.agent-composer,.approval-item{grid-template-columns:1fr}}