:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#e9edf2;color:#18202b}*{box-sizing:border-box}body{margin:0;min-width:1080px;overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{display:grid;min-height:100vh;place-items:center;background:#eef1f5}.login-panel{width:min(460px,calc(100vw - 40px));border:1px solid #dde3ea;border-radius:8px;background:#fff;padding:30px;box-shadow:0 24px 60px #1f2a341f}.login-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:8px;background:#1aad19;color:#fff;font-size:26px;font-weight:900}.login-panel h1{margin:18px 0 8px;font-size:28px}.login-panel p{margin:0 0 18px;color:#657386;line-height:1.6}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.demo-grid button{display:grid;gap:4px;border-radius:8px;background:#edf2f6;padding:12px;text-align:left}.demo-grid span{color:#687789;font-size:12px}.login-form{display:grid;gap:12px}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-tabs button{border-radius:7px;background:#edf1f5;padding:10px;color:#2d3b4c;font-size:14px}.mode-tabs button.active{background:#1f2a34;color:#fff}.login-form label{display:grid;gap:6px}.login-form label span{color:#667587;font-size:13px;font-weight:700}.login-form input{border:1px solid #cfd6de;border-radius:7px;padding:10px 11px;outline:none}.verify-row{display:grid;grid-template-columns:1fr 112px;gap:8px}.verify-row button{border-radius:7px;background:#1f2a34;color:#fff;font-size:13px;font-weight:800}.inline-notice{border-radius:7px;background:#e9f8ec;color:#177d25;padding:10px 12px;font-size:13px;line-height:1.5}.boot{display:grid;min-height:100vh;place-items:center;color:#6d7885;background:#f3f5f7}.boot.error{color:#b42318}.app-shell{display:grid;grid-template-columns:80px 352px 1fr;height:100vh;min-height:680px;background:#eef1f5}.agent-rail{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 14px 18px;background:#1f2a34;color:#d9e2ec}.rail-title{color:#9fabb9;font-size:13px;line-height:1.3;text-align:center}.rail-agents{display:grid;gap:12px;width:100%}.rail-agent,.rail-work{position:relative;display:grid;width:52px;height:52px;place-items:center;border-radius:7px;background:transparent;color:#fff}.rail-agent.active{outline:2px solid #f5f8fb;background:#ffffff14}.rail-agent.dashed{border:1px dashed rgba(255,255,255,.32);color:#cbd5df;font-size:27px}.rail-work{margin-top:auto;background:transparent;color:#dce5ee;font-weight:700}.rail-work.active{background:#293846}.rail-dot,.unread{position:absolute;display:grid;min-width:20px;height:20px;place-items:center;border-radius:20px;background:#d34334;color:#fff;font-size:12px;font-weight:700}.rail-dot{top:-5px;right:-4px}.unread{right:12px;top:50%;transform:translateY(-50%)}.avatar{display:inline-grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:7px;color:#fff;font-weight:800;font-size:18px}.avatar.large{width:56px;height:56px;font-size:22px}.contact-pane{display:flex;flex-direction:column;min-width:0;border-right:1px solid #d8dde3;background:#f6f7f8}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #e3e6ea;color:#657386;font-size:13px}.account-bar button{border-radius:6px;background:#e8edf2;color:#344255;padding:6px 9px}.search-row{display:grid;grid-template-columns:1fr 42px;gap:10px;padding:16px 14px;border-bottom:1px solid #e3e6ea}.search-row input{width:100%;border:0;border-radius:7px;background:#eceff2;padding:10px 12px;color:#27313d;outline:none}.search-row button{border-radius:7px;background:#eceff2;color:#1d2733;font-size:24px}.agent-context{display:flex;gap:12px;align-items:center;padding:16px 14px;border-bottom:1px solid #e4e7eb}.agent-context div{min-width:0}.agent-context strong,.contact strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-context span,.preview,.contact-top span,.chat-head p,.composer-tools span,.directory-card span,.directory-card small,.summary-box span,.summary-box p{color:#758292}.pane-label{padding:12px 16px 8px;color:#6f7d8c;font-size:14px}.contact-list{overflow:auto}.contact{position:relative;display:flex;width:100%;min-height:82px;align-items:center;gap:12px;padding:12px 40px 12px 14px;border-bottom:1px solid #e5e8ec;background:transparent;color:#121922;text-align:left}.contact.active{background:#e2e5e8}.contact-main{min-width:0;flex:1}.contact-top{display:flex;align-items:center;gap:8px}.contact-top strong{flex:1;font-size:16px}.contact-top span{flex:0 0 auto;font-size:13px}.preview{overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat{position:relative;display:grid;grid-template-rows:72px 1fr 142px;min-width:0;background:#f2f3f5}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;border-bottom:1px solid #dce0e5;background:#f8f9fa}.chat-head h1{margin:0 0 4px;font-size:20px;line-height:1.15}.chat-head p{margin:0;font-size:13px}.head-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.head-actions button,.composer-tools button,.work-actions button,.approval-actions button,.mini-action{border-radius:6px;background:transparent;color:#324255;padding:8px 10px}.head-actions button:hover,.composer-tools button:hover,.work-actions button:hover,.approval-actions button:hover{background:#e7ebef}.badge{display:inline-flex;align-items:center;height:28px;border-radius:6px;padding:0 9px;font-size:13px;font-weight:700}.badge.green{background:#e3f5e4;color:#177d25}.badge.orange{background:#fff0d6;color:#a05a00}.messages{overflow:auto;padding:26px 34px 36px}.time-chip{width:max-content;margin:0 auto 20px;border-radius:5px;background:#e1e4e8;color:#7a8591;padding:7px 12px;font-size:13px}.message-row{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.message-row.out{justify-content:flex-end}.message-row.system{justify-content:center}.bubble{max-width:min(720px,74%);border-radius:7px;padding:12px 14px;line-height:1.65;word-break:break-word}.bubble.out{background:#91eb67}.bubble.in{background:#fff;box-shadow:0 1px #0000000a}.bubble.system{max-width:720px;background:#e3e6e9;color:#667382;font-size:14px}.composer{border-top:1px solid #d9dde2;background:#fbfbfc;padding:13px 20px 16px}.composer-tools{display:flex;align-items:center;gap:8px;margin-bottom:8px}.composer-tools span{margin-left:auto;font-size:13px}.hidden-file-input{display:none}.composer-input{display:grid;grid-template-columns:1fr 126px;gap:12px}.composer textarea,.field textarea{resize:none}.composer textarea{height:70px;border:1px solid #ccd3da;border-radius:7px;padding:12px;outline:none}.composer-input button,.primary{border-radius:7px;background:#10a915;color:#fff;font-weight:800;padding:10px 14px}.primary.full{width:100%;margin-top:10px;min-height:44px}.drawer{position:absolute;top:0;right:0;z-index:10;display:flex;width:386px;height:100vh;flex-direction:column;border-left:1px solid #d5dae0;background:#fff;box-shadow:-14px 0 34px #1f2a341f}.drawer-head{display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e3e7eb}.drawer-head strong{font-size:18px}.drawer-head button{width:34px;height:34px;border-radius:6px;background:#f0f2f4;color:#334154;font-size:24px}.drawer-body{overflow:auto;padding:18px}.field{display:grid;gap:8px;margin-bottom:14px}.split-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.created-invite{display:grid;gap:8px;margin:14px 0 18px;border:1px solid #d9e1e8;border-radius:8px;background:#f6f8fa;padding:14px}.created-invite span,.invite-row span,.invite-row small{color:#718092;font-size:13px}.created-invite code{border-radius:6px;background:#1f2a34;color:#fff;padding:10px;font-weight:800;letter-spacing:0}.created-invite input{width:100%;border:1px solid #ccd4dc;border-radius:6px;background:#fff;padding:9px 10px;color:#2b3746}.created-invite button{border-radius:7px;background:#e8edf2;color:#273444;padding:10px;font-weight:800}.invite-list{display:grid;gap:10px}.invite-list.compact{margin-bottom:14px}.invite-row{display:grid;gap:4px;border:1px solid #e0e5eb;border-radius:8px;background:#fff;padding:12px}.field span{color:#627184;font-size:14px;font-weight:700}.field input,.field select,.field textarea,.inline-input input,.admin-row select{width:100%;border:1px solid #cfd6de;border-radius:7px;padding:10px 11px;outline:none;background:#fff}.field textarea{min-height:92px}.inline-input{display:grid;grid-template-columns:1fr 72px;gap:8px}.inline-input button,.hint-list button{border-radius:7px;background:#edf1f5;color:#273345}.hint-list{display:grid;gap:8px;margin:12px 0 16px}.hint-list button{padding:10px;text-align:left}.directory-card,.approval-card,.summary-box{border:1px solid #e1e5ea;border-radius:8px;background:#fbfcfd;padding:14px}.directory-top,.summary-box{display:flex;gap:12px;align-items:center}.directory-card strong,.summary-box strong{display:block;margin-bottom:4px}.directory-card small{display:block;margin-top:4px}.capability{display:grid;gap:6px;margin-top:14px}.capability b{font-size:14px}.capability span{border-radius:6px;background:#eef4f9;padding:7px 9px;font-size:13px}.capability.approval span{background:#fff2df;color:#8a5700}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.metrics div{display:grid;gap:4px;border-radius:8px;background:#f2f5f8;padding:14px}.metrics strong{font-size:24px}.metrics span{color:#667587;font-size:13px}.work-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.work-actions button{background:#edf1f5}.drawer h3{margin:20px 0 10px;font-size:16px}.approval-list{display:grid;gap:12px}.approval-list.compact .approval-card{padding:12px}.approval-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#667587;font-size:13px}.approval-card strong{display:block;margin-bottom:8px}.approval-card p{margin:0;color:#2a3442;line-height:1.55}.approval-card.muted{background:#f6f8fa}.approval-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.request-pair{display:flex;gap:12px;align-items:center}.request-pair p,.request-pair small{display:block;margin:4px 0 0;color:#687587}.request-pair small{font-size:13px}.timeline{display:grid;gap:10px}.timeline-row{display:grid;gap:5px;border-bottom:1px solid #e7ebef;padding:0 0 12px}.timeline-row p{margin:0;color:#364456;line-height:1.55}.timeline-row time{color:#8a96a4;font-size:13px}.timeline-kind{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:6px;background:#e6eaef;color:#5f6b79;font-size:13px;font-weight:800}.timeline-kind.out{background:#dff7d7;color:#188221}.timeline-kind.in{background:#edf1f5;color:#425165}.empty-state{display:grid;place-items:center;align-content:center;gap:10px;min-height:180px;padding:24px;color:#6f7c8b;text-align:center}.empty-title{color:#26313f;font-weight:800}.empty-body{max-width:320px;line-height:1.55}.first-guide{display:grid;gap:10px;justify-items:start;padding:22px 16px}.first-guide strong{font-size:17px}.first-guide p,.first-main p,.onboarding-card span{margin:0;color:#687587;line-height:1.55}.agent-id-box,.onboarding-card{display:grid;width:100%;gap:6px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:11px}.agent-id-box.wide{max-width:420px}.agent-id-box span{color:#718092;font-size:12px;font-weight:700}.agent-id-box code,.onboarding-card code{overflow-wrap:anywhere;color:#1f2a34;font-size:16px;font-weight:800}.first-main{display:grid;max-width:520px;gap:14px;align-content:center;justify-items:start;padding:58px}.first-main h2{margin:0;font-size:28px}.step-pill{border-radius:999px;background:#dff7d7;color:#168122;padding:6px 12px;font-size:13px;font-weight:800}.onboarding-card{margin-bottom:18px}.admin-console .work-actions{grid-template-columns:repeat(3,1fr)}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.admin-grid div{display:grid;gap:4px;border:1px solid #e0e5eb;border-radius:8px;background:#fbfcfd;padding:12px}.admin-grid strong{font-size:20px}.admin-grid span{color:#667587;font-size:12px}.admin-policy{display:grid;gap:6px;margin-bottom:16px;border:1px solid #e0e5eb;border-radius:8px;background:#fbfcfd;padding:12px}.admin-policy span{color:#667587;font-size:12px}.admin-policy code{overflow-wrap:anywhere;color:#273345;font-size:12px}.admin-list{display:grid;gap:10px}.admin-row{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center;border:1px solid #e1e5ea;border-radius:8px;background:#fbfcfd;padding:12px}.admin-row.user{grid-template-columns:1fr 128px 70px}.admin-row.ai-event{grid-template-columns:1fr}.admin-row div{min-width:0}.admin-row strong,.admin-row span,.admin-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row span,.admin-row small{margin-top:4px;color:#687587;font-size:13px}.admin-row button{border-radius:7px;background:#edf1f5;color:#273345;padding:9px 10px}.mini-action{background:#edf1f5}.toast,.error-toast{position:fixed;right:24px;bottom:24px;z-index:30;border-radius:8px;padding:12px 14px;box-shadow:0 10px 30px #1f2a342e}.toast{background:#1f2a34;color:#fff}.error-toast{background:#fff0f0;color:#b42318}.inline-error{margin-top:10px;border-radius:7px;background:#fff0f0;color:#b42318;padding:10px}@media(max-width:1100px){body{min-width:980px}.app-shell{grid-template-columns:72px 320px 1fr}.drawer{width:360px}}