:root{color:#17212b;font-synthesis:none;background:#edf2f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:1050px;min-height:100vh;margin:0}button,textarea{font:inherit}.app-shell{flex-direction:column;height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #dce4ea;align-items:center;gap:30px;height:72px;padding:0 22px;display:flex}.brand{align-items:center;gap:10px;min-width:260px;display:flex}.brand>span{color:#fff;background:#2481cc;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand div{flex-direction:column;display:flex}.brand b{font-size:16px}.brand small{color:#82909d;margin-top:2px}.topbar nav{align-items:center;gap:5px;height:100%;display:flex}.topbar nav button{color:#667581;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 14px}.topbar nav button.active{color:#1479c9;background:#eaf4fb;font-weight:650}.stats{gap:9px;margin-left:auto;display:flex}.stat{background:#f4f7f9;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-width:84px;padding:8px 10px;display:flex}.stat span{color:#6a7782;font-size:12px}.stat b{font-size:18px}.stat.blue b{color:#2481cc}.stat.green b{color:#2a9d69}.stat.amber b{color:#d58b21}.stat.gray b{color:#667581}.workspace{background:#fff;flex:1;grid-template-columns:280px minmax(420px,1fr) 355px;width:100%;max-width:1600px;min-height:0;margin:auto;display:grid}.customer-panel,.assistant-panel{background:#fff;min-height:0}.customer-panel{border-right:1px solid #dce4ea}.panel-head{border-bottom:1px solid #e6edf1;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.panel-head h2{margin:0;font-size:16px}.panel-head span{color:#71808b;background:#edf2f5;border-radius:12px;padding:3px 8px;font-size:12px}.customer-list{padding:8px}.customer-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;gap:10px;width:100%;padding:11px 10px;display:flex;position:relative}.customer-item:hover{background:#f4f8fb}.customer-item.active{background:#e7f3fc}.avatar{color:#1a72b7;background:#d6eafa;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.avatar.small{width:40px;height:40px}.customer-main{flex:1;min-width:0}.name-row{align-items:center;gap:8px;display:flex}.priority{color:#7a8791;border:1px solid #cbd5dc;border-radius:4px;padding:1px 4px;font-size:10px;font-style:normal}.priority.high{color:#c44b3b;background:#fff4f1;border-color:#eeada2}.stage{color:#2481cc;margin-top:3px;font-size:11px}.customer-main p{color:#77838c;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;overflow:hidden}.today-dot{background:#ed7b62;border-radius:50%;width:8px;height:8px;margin-top:6px}.chat-panel{background:#e8f0f5 radial-gradient(#ccdbe4 .7px,#0000 .7px) 0 0/18px 18px;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head{background:#fff;border-bottom:1px solid #dce4ea;align-items:center;gap:10px;height:58px;padding:0 18px;display:flex}.chat-head h2{margin:0;font-size:15px}.chat-head span{color:#7d8993;font-size:11px}.chat-body{flex:1;padding:22px 7%;overflow:auto}.bubble-row{margin:8px 0;display:flex}.bubble-row.me{justify-content:flex-end}.bubble{background:#fff;border-radius:10px 10px 10px 3px;max-width:70%;padding:9px 11px 6px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #82909d24}.me .bubble{background:#d9f4c8;border-radius:10px 10px 3px}.bubble time{color:#87939b;white-space:nowrap;margin-left:12px;font-size:9px}.composer{background:#fff;border-top:1px solid #dce4ea;gap:9px;padding:12px 15px;display:flex}.composer textarea{resize:none;border:1px solid #d3dde4;border-radius:9px;outline:none;flex:1;padding:10px 12px}.composer textarea:focus{border-color:#68a8d8}.composer button,.primary{cursor:pointer;border:0;border-radius:8px;padding:0 18px;color:#fff!important;background:#2481cc!important}.composer button:disabled{opacity:.45}.assistant-panel{border-left:1px solid #dce4ea;flex-direction:column;display:flex}.tabs{border-bottom:1px solid #e4ebef;gap:4px;height:58px;padding:9px 12px;display:flex}.tabs button{color:#71808b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1}.tabs button.active{color:#1e78bd;background:#eaf4fb;font-weight:650}.assistant-scroll{padding:14px 16px;overflow:auto}.stage-card{background:#f1f8fd;border:1px solid #cde2f1;border-radius:9px;margin-bottom:12px;padding:12px}.stage-card span{color:#62839b;margin-bottom:5px;font-size:11px;display:block}.stage-card strong{color:#1e78bd;font-size:14px}.assistant-field{margin:0 0 13px}.assistant-field label{color:#84919a;font-size:11px;font-weight:650}.assistant-field p{margin:4px 0 0;font-size:13px;line-height:1.5}.assistant-field.accent{background:#f0f8fd;border-left:3px solid #2481cc;border-radius:5px;padding:11px}.assistant-field.accent p{color:#185f96;font-weight:600}.actions{grid-template-columns:1fr 1fr;gap:7px;padding-top:5px;display:grid}.actions button,.card-actions button{color:#566570;cursor:pointer;background:#fff;border:1px solid #cfd9e0;border-radius:7px;height:34px}.profile section{border-bottom:1px solid #e5ecef;margin-bottom:12px;padding:3px 0 12px}.profile h3{margin:0 0 8px;font-size:12px}.profile h3 small{color:#438d68;background:#edf8f1;border-radius:4px;margin-left:5px;padding:2px 5px;font-weight:400}.profile .inference{background:#fff8e9;border-radius:7px;padding:10px}.profile .inference h3 small{color:#a36b13;background:#ffedbf}.profile ul{margin:0;padding-left:17px}.profile li{color:#4f5d67;font-size:12px;line-height:1.65}.profile-row{grid-template-columns:72px 1fr;gap:6px;margin:10px 0;display:grid}.profile-row span{color:#84919a;font-size:11px}.profile-row p{margin:0;font-size:12px;line-height:1.5}.follow-view{flex:1;width:100%;max-width:1250px;margin:auto;padding:28px 32px}.follow-title{align-items:end;gap:12px;margin-bottom:20px;display:flex}.follow-title h2{margin:0;font-size:22px}.follow-title span{color:#788691;font-size:13px}.follow-grid{grid-template-columns:repeat(2,minmax(350px,1fr));gap:16px;display:grid}.follow-card{background:#fff;border:1px solid #dce4ea;border-radius:12px;padding:18px;box-shadow:0 2px 9px #536d7c12}.follow-card-head{align-items:center;gap:11px;display:flex}.follow-card h3{margin:0 0 3px;font-size:16px}.follow-card-head span{color:#798791;font-size:11px}.follow-card dl{margin:18px 0}.follow-card dt{color:#87939b;margin-top:12px;font-size:11px;font-weight:650}.follow-card dd{margin:4px 0;font-size:13px;line-height:1.5}.follow-card dd.opener{color:#216b9f;background:#f0f8fd;border-radius:7px;padding:10px}.card-actions{justify-content:flex-end;gap:8px;display:flex}.card-actions button{padding:0 16px}@media (width<=1200px){.workspace{grid-template-columns:240px minmax(390px,1fr) 320px}.stats .stat{min-width:auto}.stat span{display:none}}.action-summary{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.action-summary>div{background:#f1f7fb;border-left:3px solid #2481cc;border-radius:8px;padding:10px 11px}.action-summary span{color:#658097;margin-bottom:4px;font-size:11px;display:block}.action-summary strong{color:#1d5f8e;font-size:13px;line-height:1.45;display:block}.action-summary>div:first-child strong{font-size:15px}.latest{border:1px solid #dce7ed;border-radius:8px;margin-bottom:12px;padding:11px}.latest h3{margin:0 0 7px;font-size:12px}.latest-change{color:#374e5d;margin:0 0 6px;font-size:12px;line-height:1.45}.latest ul{margin:0;padding-left:17px}.latest li{color:#657780;font-size:11px;line-height:1.55}.recommend{background:#f1f9fe;border:1px solid #9fcee8;border-radius:9px;margin-bottom:10px;padding:12px}.recommend-head{align-items:center;gap:6px;display:flex}.recommend-head span{color:#24638c;font-size:12px;font-weight:700}.recommend-head em{color:#1b77ad;background:#d7edf9;border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal}.recommend>p{color:#164d73;margin:8px 0 10px;font-size:14px;font-weight:650;line-height:1.5}.recommend-actions{gap:7px;display:flex}.recommend-actions button{color:#3d657e;cursor:pointer;background:#fff;border:1px solid #b8d2e2;border-radius:6px;flex:1;height:29px}.recommend-actions .primary{background:#2481cc;border-color:#2481cc}.do-not{color:#8a5b2b;background:#fff8e9;border-radius:6px;margin-bottom:10px;padding:8px 9px;font-size:11px;line-height:1.45}.do-not b{font-weight:700}.evidence{border-top:1px solid #e3ebef;border-bottom:1px solid #e3ebef;margin-bottom:10px;padding:10px 0}.evidence summary{color:#49738f;cursor:pointer;font-size:12px;font-weight:650}.evidence[open] summary{margin-bottom:10px}.evidence .assistant-field{margin:8px 0}.evidence .assistant-field p{font-size:12px}.next-follow{color:#7a8790;padding:3px 0 9px;font-size:12px}.next-follow b{color:#2a6f9c;margin-left:5px}.skip-btn{color:#8b969d;cursor:pointer;background:0 0;border:0;font-size:11px}.message-tag{color:#5b8094;vertical-align:middle;background:#edf5f8;border:1px solid #d3e4eb;border-radius:4px;margin-left:8px;padding:1px 4px;font-size:9px;display:inline-block}.bubble time{display:inline-block}.manual-controls{background:#fbfdfe;border:1px solid #dce7ed;border-radius:8px;margin-bottom:12px;padding:10px}.manual-controls h3,.timeline h3{margin:0 0 8px;font-size:12px}.manual-controls label{color:#71808b;margin:7px 0;font-size:11px;display:block}.manual-controls select,.manual-controls input,.manual-controls textarea{background:#fff;border:1px solid #d5e0e6;border-radius:5px;width:100%;margin-top:4px;padding:6px;font-size:11px;display:block}.manual-controls textarea{resize:vertical;min-height:45px}.timeline{border-bottom:1px solid #e3ebef;margin-bottom:12px;padding:2px 0 12px}.timeline-item{gap:8px;margin:8px 0;display:flex}.timeline-item time{color:#8a969e;width:38px;font-size:10px}.timeline-item b{color:#3f657a;font-size:11px}.timeline-item p{color:#7a8790;margin:2px 0;font-size:11px}.timeline>strong{color:#2481cc;margin-top:8px;font-size:11px;display:block}.delay-options{gap:5px;margin-top:7px;display:flex}.delay-options button{color:#6d7d86;cursor:pointer;background:#f0f4f6;border:0;border-radius:5px;padding:4px 7px;font-size:10px}.account-filter{border-bottom:1px solid #e6edf1;padding:7px 9px}.account-filter select{color:#546570;background:#fff;border:1px solid #d7e1e7;border-radius:6px;width:100%;padding:6px}.source-tag{color:#627e90;background:#edf4f7;border-radius:4px;padding:1px 4px;font-size:9px}.account-page{flex:1;width:100%;max-width:1200px;margin:auto;padding:26px 32px}.account-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.account-title h2{margin:0}.account-title p{color:#788691;font-size:12px}.account-title button,.account-row button{background:#fff;border:1px solid #cddae2;border-radius:6px;padding:7px 10px}.account-table{background:#fff;border:1px solid #dce4ea;border-radius:10px;overflow:hidden}.account-row{border-bottom:1px solid #edf1f3;grid-template-columns:1fr 1.2fr 1fr 1.2fr 1.5fr;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:grid}.account-row.head{color:#77848d;background:#f5f8fa;font-size:11px}.account-row:last-child{border-bottom:0}.account-row .status.login{color:#c27a24}.account-row div{gap:6px;display:flex}.user-search{border-bottom:1px solid #e6edf1;grid-template-columns:1fr auto;gap:7px;padding:8px 9px;display:grid}.user-search input{border:1px solid #d7e1e7;border-radius:6px;min-width:0;padding:7px 8px}.user-search button{color:#fff;background:#2787d7;border:0;border-radius:6px;padding:7px 10px}.user-search button:disabled{opacity:.55}.user-search small{color:#c53b3b;grid-column:1/-1}.unread-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;line-height:18px;box-shadow:0 0 0 2px #fff}.composer-input{flex-direction:column;flex:1;gap:4px;display:flex}.composer-input textarea{width:100%}.send-error{color:#c53b3b;padding-left:4px;font-size:11px}.read-mark{color:#81909a;letter-spacing:-2px;margin-left:5px;font-weight:800}.read-mark.read{color:#35a9e8}.name-row>b{overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.25}.customer-menu{z-index:1000;background:#fff;border:1px solid #d7e1e7;border-radius:9px;width:190px;padding:6px;position:fixed;box-shadow:0 8px 28px #31495b35}.customer-menu button{color:#c43e36;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;width:100%;padding:9px 10px}.customer-menu button:hover{background:#fff0ee}.customer-menu small{color:#87939b;padding:2px 10px 7px;font-size:10px;display:block}.latest-notice{text-align:left;cursor:pointer;background:#fff5f5;border:1px solid #f0aaaa;border-radius:8px;grid-template-columns:auto 1fr;gap:2px 7px;width:calc(100% - 18px);margin:8px 9px 0;padding:8px 28px 8px 10px;display:grid;position:relative}.latest-notice:after{content:"";background:#ef3340;border-radius:50%;width:11px;height:11px;margin-top:-6px;animation:1.35s ease-in-out infinite noticePulse;position:absolute;top:50%;right:11px;box-shadow:0 0 0 4px #ffdadd}.latest-notice>span{color:#fff;background:#ef4444;border-radius:5px;grid-row:1/3;align-self:center;padding:3px 5px;font-size:10px}.latest-notice>b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.latest-notice>small{color:#7c6666;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@keyframes noticePulse{0%,to{opacity:.75;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}html,body,#root{height:100%;overflow:hidden}.workspace{overflow:hidden}.customer-panel{flex-direction:column;display:flex;overflow:hidden}.customer-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.chat-panel{overflow:hidden}.chat-body{overscroll-behavior:contain}.account-error{color:#b64c3b;background:#fff3f1;border:1px solid #f0c8c0;border-radius:7px;margin-bottom:12px;padding:10px;font-size:12px}.account-empty{color:#7a8790;text-align:center;padding:22px}.login-card{background:#fff;border:1px solid #dce4ea;border-radius:10px;max-width:420px;margin-top:16px;padding:16px}.login-card h3{margin:0 0 6px;font-size:15px}.login-card p{color:#71808b;font-size:12px}.login-card input{border:1px solid #d5e0e6;border-radius:6px;width:100%;margin:12px 0;padding:9px;display:block}.login-card button{cursor:pointer;border:0;border-radius:6px;padding:8px 14px}.account-row .status.online{color:#2a9d69}.account-row .status.error{color:#c44b3b}.account-row .status.connecting{color:#c27a24}.account-phone{color:#7b8993;margin-top:3px;font-size:10px;display:block}.account-row>span>b{display:block}.empty-panel{color:#71808b;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-panel small{font-size:11px}.logout-btn{color:#667581;cursor:pointer;background:#fff;border:1px solid #d4dee5;border-radius:7px;padding:7px 11px}.auth-page{background:linear-gradient(145deg,#eaf3f9,#f7fafc);place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border:1px solid #dbe5eb;border-radius:15px;width:390px;padding:34px;box-shadow:0 18px 55px #33566b1c}.auth-logo{color:#fff;background:#2481cc;border-radius:14px;place-items:center;width:50px;height:50px;margin:auto;font-size:20px;font-weight:800;display:grid}.auth-card h1{text-align:center;margin:16px 0 6px;font-size:23px}.auth-card>p{text-align:center;color:#7c8993;margin:0 0 24px;font-size:13px}.auth-card label{color:#5f6e78;margin:13px 0;font-size:12px;display:block}.auth-card input{border:1px solid #cfdae2;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:11px 12px;display:block}.auth-card input:focus{border-color:#2481cc}.auth-submit{color:#fff;cursor:pointer;background:#2481cc;border:0;border-radius:8px;width:100%;padding:11px;font-weight:650}.auth-submit:disabled{opacity:.55}.auth-switch{color:#2481cc;cursor:pointer;background:0 0;border:0;margin:14px auto;display:block}.auth-card>small{text-align:center;color:#98a3aa;font-size:10px;display:block}.auth-error{color:#b84638;background:#fff1ef;border:1px solid #f2c8c1;border-radius:7px;padding:9px 10px;font-size:12px}.auth-loading{color:#667581;place-items:center;height:100vh;display:grid}