:root{color:#16253b;font-synthesis:none;--blue:#1769e8;--ink:#142944;--muted:#71819a;--border:#e4eaf2;--panel:#fff;background:#f5f7fb;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:#f5f7fb;min-width:0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:244px;padding:24px 15px 18px;display:flex;position:fixed;top:0;bottom:0}.brand{color:#122a49;align-items:center;gap:11px;padding:0 10px;display:flex}.brand-mark{color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:33px;height:33px;font-size:21px;display:grid}.brand strong{letter-spacing:.5px;font-size:16px;display:block}.brand small{color:#9aa8ba;margin-top:3px;font-size:11px;display:block}.workspace-switch{border:1px solid var(--border);color:#59708d;border-radius:9px;align-items:center;gap:7px;margin:32px 7px 17px;padding:11px 10px;font-size:12px;display:flex}.workspace-switch span:last-child{margin-left:auto}.workspace-dot,.online-dot{background:#20b981;border-radius:50%;width:7px;height:7px;display:inline-block}.sidebar nav{gap:4px;display:grid}.nav-item{color:#667993;text-align:left;border-radius:9px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:13px;display:flex}.nav-item span{text-align:center;color:#8091a8;width:20px;font-size:18px}.nav-item.active{color:var(--blue);background:#edf4ff;font-weight:700}.nav-item.active span{color:var(--blue)}.nav-item em{color:var(--blue);background:#dbe9ff;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-footer{color:#8090a5;border-top:1px solid #edf1f5;align-items:center;gap:7px;margin-top:auto;padding:12px 10px;font-size:11px;display:flex}.sidebar-footer button{color:#8290a1;margin-left:auto;font-size:11px}.main-area{flex:1;min-width:0;margin-left:244px}.topbar{border-bottom:1px solid var(--border);color:#69809c;background:#fff;justify-content:space-between;align-items:center;height:69px;padding:0 34px;font-size:13px;display:flex}.crumb{color:#8b9ab0}.slash{color:#c2ccd8;margin:0 10px}.topbar strong{color:#2b4564}.top-actions{align-items:center;gap:18px;display:flex}.badge{width:28px;height:28px;color:var(--blue);background:#edf4ff;border-radius:50%;place-items:center;font-size:12px;display:grid}.avatar-small{color:#3565b4;background:#eaf1ff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.icon-button{color:#8091a8;font-size:18px}.content{max-width:1520px;margin:auto;padding:34px 38px 60px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:#6c87a8;letter-spacing:.4px;margin:0 0 8px;font-size:12px}.page-title h1{letter-spacing:-.7px;color:var(--ink);margin:0;font-size:27px}.page-desc{color:#8493a8;margin:9px 0 0;font-size:13px}.primary{background:var(--blue);color:#fff;border-radius:8px;padding:11px 17px;font-size:13px;font-weight:700;box-shadow:0 5px 14px #1769e82b}.primary:hover{background:#0e5dd2}.primary:disabled{opacity:.5;cursor:not-allowed}.outline{color:#526a88;background:#fff;border:1px solid #dbe3ee;border-radius:8px;padding:9px 13px;font-size:12px}.outline:hover{color:var(--blue);border-color:#a9c4ef}.outline.danger{color:#d9536b;border-color:#f1cbd3}.text-button{color:var(--blue);padding:4px 6px;font-size:12px}.ghost{color:var(--blue);background:#fff;border:1px solid #b7d3f7;border-radius:8px;padding:10px 14px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 2px 9px #203b6010}.stat-icon{width:39px;height:39px;color:var(--blue);background:#edf4ff;border-radius:11px;place-items:center;display:grid}.stat-icon.purple{color:#7b5ee7;background:#f2edff}.stat-icon.green{color:#13a76d;background:#e8f9f2}.stat-icon.orange{color:#df8d32;background:#fff3e5}.stat-card span{color:#7d8da5;font-size:12px;display:block}.stat-card strong{color:var(--ink);margin-top:5px;font-size:25px;display:block}.stat-card small{color:#98a6b9;margin-top:4px;font-size:11px;display:block}.dashboard-grid{grid-template-columns:1.32fr 1fr;gap:18px;margin-bottom:20px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;margin-bottom:20px;padding:22px;box-shadow:0 2px 9px #203b6009}.hero-panel{background:linear-gradient(115deg,#edf5ff,#f8fbff 75%);border-color:#dceafd;justify-content:space-between;min-height:205px;display:flex;overflow:hidden}.panel-kicker{color:#5684c1;font-size:12px}.hero-panel h2{color:#193352;margin:12px 0 8px;font-size:25px;line-height:1.45}.hero-panel p{color:#7890af;margin:0 0 20px;font-size:12px}.hero-orb{color:#fff;background:linear-gradient(145deg,#246fe6,#79affd);border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:165px;height:165px;display:flex;transform:translate(10px);box-shadow:0 16px 30px #286fe637}.hero-orb span{font-size:48px}.hero-orb b{font-size:12px;font-weight:500}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panel-heading h3{color:var(--ink);margin:0;font-size:15px}.count{color:var(--blue);background:#eef4ff;border-radius:8px;margin-left:4px;padding:3px 7px;font-size:11px}.muted{color:#94a1b4;font-size:12px}.mini-row{border-top:1px solid #edf1f6;align-items:center;gap:10px;padding:12px 0;display:flex}.mini-row:first-of-type{border-top:0}.mini-row>div{flex:1}.bot-avatar{color:#fff;background:linear-gradient(145deg,#233f77,#7b9ddc);border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.bot-avatar.large{width:46px;height:46px;font-size:23px}.mini-row strong,.user-cell b{color:#2c4563;font-size:13px;display:block}.mini-row small,.user-cell small{color:#94a3b7;margin-top:3px;font-size:11px;display:block}.status{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.status i{background:#bcc7d5;border-radius:50%;width:6px;height:6px;display:inline-block}.status.online{color:#129969}.status.online i{background:#20bb7c}.status.pending{color:#d28c31}.status.pending i{background:#efad57}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8493a8;background:#f7f9fc;padding:12px 14px;font-weight:500}td{color:#637995;border-bottom:1px solid #edf1f6;padding:14px}td b{color:#304967;font-weight:600}td:last-child{white-space:nowrap}.status-tag,.role-tag{border-radius:20px;padding:4px 9px;font-size:11px;display:inline-block}.status-tag{color:#15966b;background:#eaf8f2}.role-tag{color:#4a76bb;background:#eef4ff}.live-pill{color:#14986c;background:#e9f9f1;border-radius:8px;padding:9px 12px;font-size:12px}.live-pill i{background:#18b875;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.toolbar{gap:10px;margin-bottom:16px;display:flex}.toolbar .search-box{flex:1}.search-box{border:1px solid var(--border);color:#93a1b4;background:#fff;border-radius:8px;padding:11px 13px;font-size:12px}.search-box input{color:#4e6684;border:0;outline:0;width:90%;font-size:12px}.user-cell{align-items:center;gap:10px;display:flex}.avatar{color:#3970c6;background:#e8f1ff;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;display:grid}.switch{color:#7d8ca1;background:#edf1f5;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:inline-flex}.switch i{background:#a8b4c4;border-radius:50%;width:13px;height:13px;display:inline-block}.switch.on{color:#15986c;background:#e8f8f1}.switch.on i{background:#24b77e}.bot-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.bot-card{border:1px solid var(--border);background:#fff;border-radius:13px;padding:21px;box-shadow:0 2px 9px #203b6009}.bot-card-head{align-items:center;gap:12px;display:flex}.bot-card-head>div{flex:1}.bot-card h3{color:var(--ink);margin:0;font-size:16px}.bot-card p{color:#8a9bb0;margin:5px 0 0;font-size:12px}.bot-details{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;padding:15px 0;display:grid}.bot-details span{color:#91a0b3;font-size:11px;display:block}.bot-details b{color:#304a69;margin-top:6px;font-size:14px;display:block}.bot-card-actions{align-items:center;gap:8px;display:flex}.binding-list{display:grid}.binding-row{border-top:1px solid #edf1f6;grid-template-columns:230px 1fr 100px;align-items:center;gap:20px;padding:15px 0;display:grid}.binding-bots{flex-wrap:wrap;gap:8px;display:flex}.bot-chip{color:#526c8d;background:#f2f6fc;border:1px solid #e0e8f3;border-radius:20px;padding:6px 10px;font-size:11px}.chart-panel{min-height:310px}.fake-chart{height:225px;padding:10px 10px 0;position:relative}.chart-grid{grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:14px 10px 31px}.chart-grid i{border-top:1px dashed #e4eaf2;display:block}.fake-chart svg{width:calc(100% - 20px);height:180px;position:absolute;top:13px;left:10px;right:10px}.chart-labels{color:#9aa9bc;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:0;left:10px;right:10px}.workbench{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:285px minmax(480px,1fr) 230px;min-height:650px;display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--border);background:#fbfcfe}.list-heading{color:var(--ink);justify-content:space-between;padding:20px;font-size:16px;display:flex}.list-heading span{color:var(--blue);background:#edf4ff;border-radius:12px;padding:3px 7px;font-size:11px}.conversation-list .search-box{background:#f7f9fc;border:0;margin:0 14px 13px}.filter-tabs{border-bottom:1px solid var(--border);color:#8a9ab0;gap:22px;padding:0 20px 12px;font-size:12px;display:flex}.filter-tabs b{color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:11px}.conversation-item{text-align:left;border-bottom:1px solid #edf1f6;gap:9px;width:100%;padding:16px;display:flex;position:relative}.conversation-item.selected{background:#edf4ff}.conversation-avatar{background:#e7effc;border-radius:10px;flex:none;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.conversation-meta{flex:1;min-width:0}.conversation-meta b,.conversation-meta small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.conversation-meta b{color:#304863;font-size:12px}.conversation-meta small{color:#8294aa;margin-top:6px;font-size:10px}.conversation-item time{color:#8294aa;font-size:10px}.conversation-item em{color:var(--blue);background:#e7f0ff;border-radius:12px;padding:3px 6px;font-size:10px;font-style:normal;position:absolute;bottom:13px;right:12px}.chat-panel{flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.chat-header>div:first-child{align-items:center;gap:10px;display:flex}.chat-header strong{color:var(--ink);font-size:14px;display:block}.chat-header small{color:#8d9caf;margin-top:4px;font-size:11px;display:block}.chat-actions{gap:6px;display:flex}.success-button{color:#159a6b;background:#e8f8f1;border-radius:7px;padding:8px 10px;font-size:11px}.chat-body{background:#f8fafc;flex:1;padding:22px;overflow:auto}.system-message{color:#91a0b2;text-align:center;margin-bottom:30px;font-size:11px}.message{gap:8px;margin:15px 0;display:flex}.message.ai>span{width:25px;height:25px;color:var(--blue);background:#dceaff;border-radius:8px;place-items:center;font-size:9px;display:grid}.message div{max-width:70%}.message p{color:#566d89;background:#fff;border:1px solid #e7edf4;border-radius:11px;margin:0;padding:11px 13px;font-size:12px;line-height:1.5;display:inline-block}.message small{color:#9aa8b9;margin-top:5px;font-size:10px;display:block}.message.human{justify-content:flex-end}.message.human p{color:#285991;background:#e6f0ff;border-color:#d9e8fc}.composer{border-top:1px solid var(--border);padding:14px 17px}.composer-tools{gap:7px;margin-bottom:9px;display:flex}.composer-tools button{color:#6f829d;border:1px solid #e4eaf2;border-radius:16px;padding:6px 10px;font-size:11px}.composer textarea{resize:none;color:#425c7b;background:#f6f8fb;border:0;border-radius:10px;outline:0;width:100%;height:76px;padding:12px;font-size:12px}.composer-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.composer-footer small{color:#9ba8b9;font-size:10px}.context-panel{border-left:1px solid var(--border);padding:20px 17px}.context-panel h3{color:var(--ink);margin:0 0 20px;font-size:15px}.profile{grid-template-columns:40px 1fr;column-gap:9px;margin-bottom:20px;display:grid}.profile-avatar{background:#e7effc;border-radius:11px;grid-row:span 2;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.profile strong{color:#304863;align-self:end;font-size:12px}.profile small{color:#8c9bb0;margin-top:4px;font-size:10px}.context-row{border-top:1px solid #edf1f6;padding:12px 0}.context-row span{color:#94a2b4;font-size:10px;display:block}.context-row b{color:#536c89;margin-top:5px;font-size:11px;font-weight:500;display:block}.modal-backdrop{z-index:20;background:#0c224066;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:460px;box-shadow:0 20px 70px #0b224438}.modal-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.modal-heading h3{color:var(--ink);margin:0;font-size:16px}.modal-heading button{color:#98a4b4;font-size:24px}.modal-form{padding:20px 22px}.modal-form label{color:#607895;margin-bottom:16px;font-size:12px;display:block}.modal-form input,.modal-form select{color:#425d7d;background:#fff;border:1px solid #dce4ee;border-radius:8px;outline:0;width:100%;margin-top:7px;padding:11px 12px;display:block}.modal-form input:focus,.modal-form select:focus{border-color:#8db5f2;box-shadow:0 0 0 3px #1769e812}.modal-footer{border-top:1px solid #edf1f6;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.auth-note{color:#7c8da3;background:#f5f8fc;border-radius:8px;padding:12px;font-size:11px;line-height:1.7}.binding-modal{padding:20px 22px}.binding-modal>p{margin:0 0 15px;line-height:1.6}.binding-option{border:1px solid var(--border);text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;margin:8px 0;padding:12px;display:flex}.binding-option:hover{background:#f6faff;border-color:#9cc0f6}.binding-option div{flex:1}.binding-option b,.binding-option small{display:block}.binding-option b{color:#334e6d;font-size:12px}.binding-option small{color:#8c9caf;margin-top:4px;font-size:10px}.binding-option>span:last-child{color:var(--blue);font-size:18px}.empty{text-align:center;color:#9aa8b8;padding:30px;font-size:12px}.toast{z-index:30;color:#fff;background:#153d6b;border-radius:8px;padding:11px 17px;font-size:12px;position:fixed;top:85px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #102d4b38}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-intro{background:#f3f7fd;flex-direction:column;padding:34px 52px;display:flex;position:relative}.intro-brand{padding:0}.intro-copy p{color:#5380ba;margin:0 0 30px;font-size:12px}.intro-copy h1{color:#153252;letter-spacing:-1.8px;margin:0 0 18px;font-size:43px;line-height:1.45}.intro-copy>span{color:#7890af;font-size:14px;line-height:2}.flow{color:#5378aa;align-items:center;gap:13px;font-size:12px;display:flex;position:absolute;bottom:230px}.flow span{background:#fff;border:1px solid #d5e3f5;border-radius:9px;padding:14px 18px}.flow b{color:#90afd8;font-size:18px}.intro-footer{color:#8496ae;font-size:11px;position:absolute;bottom:32px}.login-form-wrap{place-items:center;display:grid}.login-form{width:350px;margin-top:-35px}.login-form .eyebrow{color:#6584ae;margin-bottom:10px}.login-form h2{color:#132d4d;margin:0;font-size:29px}.subtext{color:#8999ad;margin:10px 0 30px;font-size:13px}.login-form label{color:#71849d;margin-bottom:19px;font-size:12px;display:block}.login-form input{color:#45617e;border:1px solid #d8e2ef;border-radius:8px;outline:0;width:100%;margin-top:7px;padding:12px;display:block}.login-form input:focus{border-color:#7ba9e7;box-shadow:0 0 0 3px #1769e812}.login-form .large{width:100%;height:44px;margin-top:20px}.form-hint{text-align:center;color:#a0acba;margin-top:23px;font-size:11px;display:block}.error-text{color:#d85a6c;margin-top:-8px;font-size:11px}.hidden{display:none}@media (width<=1200px){.content{padding-left:24px;padding-right:24px}.workbench{grid-template-columns:250px minmax(400px,1fr) 200px}.context-panel{padding-left:12px;padding-right:12px}}@media (width<=900px){body{min-width:0}.app-shell{display:block}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:12px 14px 10px;position:sticky;top:0}.brand{padding:0 2px}.brand small,.workspace-switch,.sidebar-footer{display:none}.sidebar nav{scrollbar-width:none;gap:5px;margin-top:12px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex:none;gap:7px;height:36px;padding:0 11px;font-size:12px}.nav-item span{width:auto;font-size:15px}.nav-item em{margin-left:2px}.main-area{min-width:0;margin-left:0}.topbar{height:58px;padding:0 18px}.top-actions{gap:10px}.content{max-width:none;padding:24px 18px 44px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{gap:10px;padding:15px}.stat-card strong{font-size:21px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.bot-grid{grid-template-columns:1fr}.workbench{min-height:0;display:block}.conversation-list{border-right:0;border-bottom:1px solid var(--border);max-height:300px;overflow:auto}.chat-panel{min-height:580px}.context-panel{display:none}.table-wrap{overflow-x:auto}table{min-width:680px}.binding-row{grid-template-columns:190px minmax(0,1fr) 100px;gap:10px}}@media (width<=600px){.topbar{padding:0 13px;font-size:12px}.crumb,.slash,.icon-button,.top-actions>span:not(.badge):not(.avatar-small){display:none}.content{padding:20px 12px 36px}.page-title{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.page-title h1{font-size:23px}.page-desc{font-size:12px;line-height:1.6}.page-title>.primary,.page-title>.outline,.page-title>.live-pill{text-align:center;width:100%}.stats-grid{gap:9px}.stat-card{min-width:0;padding:13px 11px}.stat-icon{border-radius:9px;flex:none;width:31px;height:31px;font-size:12px}.stat-card span{white-space:nowrap;font-size:10px}.stat-card strong{font-size:18px}.stat-card small{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.panel{border-radius:11px;margin-bottom:14px;padding:15px}.hero-panel{min-height:175px;padding:17px;position:relative}.hero-panel h2{font-size:20px;line-height:1.35}.hero-panel p{max-width:210px;line-height:1.6}.hero-orb{width:93px;height:93px;position:absolute;bottom:15px;right:8px;transform:none}.hero-orb span{font-size:29px}.hero-orb b{font-size:10px}.panel-heading{margin-bottom:12px}.toolbar{flex-wrap:wrap}.toolbar .search-box{flex-basis:100%}.toolbar>.outline{flex:1}.bot-card{padding:16px}.bot-details{gap:7px;margin:15px 0;padding:12px 0}.bot-details b{font-size:12px}.bot-details span{font-size:10px}.bot-card-actions{flex-wrap:wrap}.bot-card-actions .outline{flex:1}.binding-row{flex-wrap:wrap;gap:11px;padding:15px 0;display:flex}.binding-row>.user-cell{width:100%}.binding-bots{width:calc(100% - 110px)}.binding-row>.outline{margin-left:auto}.workbench{margin:0 -1px}.conversation-list{max-height:255px}.conversation-item{padding:13px 12px}.conversation-item time{display:none}.chat-header{flex-direction:column;align-items:flex-start;padding:14px 13px}.chat-actions{flex-wrap:wrap;width:100%}.chat-actions button{flex:1;min-width:74px}.chat-body{padding:16px 12px}.message div{max-width:86%}.composer{padding:12px}.composer-tools{white-space:nowrap;padding-bottom:2px;overflow-x:auto}.composer-tools button{flex:none}.composer textarea{height:82px}.composer-footer small{font-size:9px}.table-wrap{margin:0 -3px}.modal-backdrop{padding:12px}.modal{width:100%;max-height:90vh;overflow:auto}.login-page{min-height:100vh;display:block}.login-intro{min-height:280px;padding:24px 24px 20px}.intro-copy{margin:50px 0 0}.intro-copy p{margin-bottom:14px}.intro-copy h1{margin-bottom:10px;font-size:31px;line-height:1.35}.intro-copy>span{font-size:12px;line-height:1.8}.flow{gap:8px;margin-top:20px;font-size:10px;position:static}.flow span{padding:9px 11px}.flow b{font-size:14px}.intro-footer{display:none}.login-form-wrap{padding:36px 20px 46px;display:block}.login-form{width:100%;max-width:350px;margin:0 auto}.login-form h2{font-size:25px}}.login-intro{overflow:hidden}.intro-copy{margin-top:clamp(64px,16vh,170px);margin-bottom:0}.flow{flex-wrap:wrap;margin-top:34px;position:static}.intro-footer{margin-top:auto;padding-top:32px;position:static}@media (width<=600px){.login-intro{min-height:355px}.intro-copy{margin:48px 0 0}.intro-copy h1{font-size:30px;line-height:1.34}.intro-copy>span{max-width:320px;display:block}.flow{flex-wrap:nowrap;margin-top:28px;position:static}.flow span{white-space:nowrap}}.qq-api-note{color:#547297;background:#eef6ff;border:1px solid #d8e9ff;border-radius:9px;flex-direction:column;gap:6px;margin-bottom:18px;padding:12px 13px;font-size:11px;line-height:1.65;display:flex}.qq-api-note strong{color:#245eaa;font-size:12px}.api-error{color:#c54c5e;background:#fff1f2;border:1px solid #f5cbd1;border-radius:8px;margin-top:-4px;padding:10px 12px;font-size:11px;line-height:1.5}.attachment-chip{color:#4d6d99;background:#eef5ff;border:1px solid #d8e7fb;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:7px 10px;font-size:11px;display:inline-flex}.attachment-chip button{color:#a06b78;font-size:15px}.emoji-picker{z-index:5;border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:repeat(6,1fr);gap:4px;width:220px;padding:8px;display:grid;position:absolute;bottom:38px;left:0;box-shadow:0 10px 30px #203b6022}.emoji-picker button{border-radius:6px;padding:6px;font-size:18px}.emoji-picker button:hover{background:#edf4ff}.composer-tools{position:relative}.recording{color:#d44d61!important;background:#fff3f4!important;border-color:#efbbc4!important}.danger-text{color:#d9536b}.conversation-item-actions{align-self:flex-end;align-items:center;gap:5px;margin-left:auto;display:flex}.conversation-item-actions em{display:inline-block;position:static}.conversation-delete{color:#a1afc0;border-radius:6px;width:22px;height:22px;font-size:17px;line-height:20px}.conversation-delete:hover{color:#d9536b;background:#fff0f2}.empty-workbench{border:1px solid var(--border);color:#8797ac;text-align:center;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-workbench>span{width:48px;height:48px;color:var(--blue);background:#edf4ff;border-radius:14px;place-items:center;font-size:24px;display:grid}.empty-workbench h3{color:#3c5573;margin:13px 0 5px;font-size:15px}.empty-workbench p{margin:0;font-size:12px}.bot-card-actions{flex-wrap:wrap}.bot-card-actions .danger-text{margin-left:auto}@media (width<=600px){.conversation-item-actions{gap:2px}.conversation-delete{width:20px}.bot-card-actions .danger-text{margin-left:0}}.unread-badge,.nav-item em,.conversation-item em{color:#d93025!important;background:#ffe5e5!important}.content.workbench-content{max-width:none;height:calc(100vh - 69px);padding:0;overflow:hidden}.content.workbench-content .workbench{border-left:0;border-right:0;border-radius:0;height:100%;min-height:0}.content.workbench-content .empty-workbench{border:0;border-radius:0;height:100%;min-height:0}.context-edit-button{margin-top:7px;padding:0;font-size:11px}.voice-call-modal{width:420px}.voice-call-modal-body{text-align:center;padding:22px}.voice-call-card,.voice-room-welcome{text-align:center;flex-direction:column;align-items:center;padding:28px 20px;display:flex}.voice-call-icon{width:58px;height:58px;color:var(--blue);background:#e8f1ff;border-radius:50%;place-items:center;margin-bottom:12px;font-size:27px;display:grid}.voice-call-card h3,.voice-room-welcome h2{color:var(--ink);margin:0;font-size:18px}.voice-call-status,.voice-room-welcome p{color:#7487a0;margin:9px 0;font-size:12px;line-height:1.6}.voice-call-duration{color:#9aa8b9;min-height:17px;font-size:12px}.voice-call-actions{gap:10px;margin-top:20px;display:flex}.voice-hangup{color:#fff;background:#e25467;border-radius:20px;padding:9px 24px;font-size:12px}.video-call-card{width:100%;padding:18px 16px}.video-call-stage{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;height:auto;margin-bottom:14px;position:relative;overflow:hidden}.remote-video{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.local-video{aspect-ratio:16/9;object-fit:contain;background:#000;border:2px solid #fff;border-radius:8px;width:112px;height:auto;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #07172b66}.local-video.is-hidden{display:none}.voice-call-link-label{color:#7a8da6;margin:2px 0 7px;font-size:11px}.voice-call-link{border:1px solid var(--border);color:#58708f;word-break:break-all;text-align:left;background:#f7f9fc;border-radius:7px;margin-bottom:10px;padding:9px 10px;font-size:11px}.voice-invite{color:#45698f;background:#f4f8ff;border:1px solid #cfe0fb;border-radius:11px;width:265px;padding:12px 13px}.voice-invite small,.voice-invite strong,.voice-invite p{margin:0;display:block}.voice-invite small{color:#6a8eb8;font-size:10px}.voice-invite strong{color:var(--ink);margin-top:5px;font-size:16px}.voice-invite p{color:#7187a3;margin:7px 0;font-size:11px;line-height:1.6}.voice-invite a{background:var(--blue);color:#fff;text-align:center;border-radius:7px;padding:9px;font-size:12px;text-decoration:none;display:block}.voice-room-page{background:#f5f7fb;place-items:center;min-height:100vh;display:grid}.voice-room-welcome{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(420px,100vw - 32px);box-shadow:0 10px 30px #203b6012}.video-room-page{background:#000;place-items:stretch stretch}.video-room-page .video-call-card{color:#fff;background:#000;border-radius:0;justify-content:center;width:100%;min-height:100dvh;padding:0;position:relative}.video-room-page .video-call-stage{aspect-ratio:auto;background:#000;border-radius:0;width:100%;height:100dvh;margin:0}.video-room-page .remote-video{object-fit:contain}.video-room-page .local-video{top:max(16px,env(safe-area-inset-top));aspect-ratio:9/16;z-index:2;border-radius:9px;width:88px;bottom:auto;right:16px}.video-room-page .voice-call-icon{z-index:2;color:#fff;background:#0008;width:38px;height:38px;margin:0;font-size:18px;position:absolute;top:18px;left:18px}.video-room-page .voice-call-card h3{z-index:2;color:#fff;white-space:nowrap;text-shadow:0 1px 4px #000;margin:0;font-size:16px;position:absolute;top:23px;left:50%;transform:translate(-50%)}.video-room-page .voice-call-status{z-index:2;color:#fff;text-shadow:0 1px 4px #000;margin:0;position:absolute;bottom:88px}.video-room-page .voice-call-duration{z-index:2;color:#fff;text-shadow:0 1px 4px #000;position:absolute;bottom:67px}.video-room-page .voice-call-actions{bottom:max(24px,env(safe-area-inset-bottom));z-index:2;margin:0;position:absolute}.video-call-modal{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.video-call-modal .voice-call-modal-body{padding:12px}.video-call-modal .video-call-card{aspect-ratio:9/16;color:#fff;background:#000;border-radius:12px;width:min(100%,36.5625dvh);margin:0 auto 12px;padding:0;position:relative;overflow:hidden}.video-call-modal .video-call-stage{aspect-ratio:auto;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.video-call-modal .remote-video{object-fit:contain}.video-call-modal .local-video,.video-room-page .local-video{aspect-ratio:auto;object-fit:contain;z-index:2;width:24%;max-width:112px;height:auto;max-height:28%;top:16px;bottom:auto;right:12px}.video-call-modal .voice-call-icon{display:none}.video-call-modal .video-call-card h3{text-align:left;color:#fff;text-shadow:0 1px 4px #000;margin:0;font-size:13px;position:absolute;top:18px;left:12px;right:30%}.video-call-modal .voice-call-status{color:#fff;text-shadow:0 1px 4px #000;margin:0;position:absolute;bottom:91px;left:12px;right:12px}.video-call-modal .voice-call-duration{color:#fff;text-shadow:0 1px 4px #000;position:absolute;bottom:70px}.video-call-modal .voice-call-actions{justify-content:center;gap:6px;margin:0;position:absolute;bottom:18px;left:8px;right:8px}.video-call-modal .voice-call-actions button{white-space:nowrap;padding:9px 10px;font-size:11px}@media (width<=900px){.content.workbench-content{height:calc(100vh - 58px)}.content.workbench-content .workbench{height:auto;min-height:calc(100vh - 58px)}.content.workbench-content .empty-workbench{min-height:calc(100vh - 58px)}}.stats-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.stats-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.stats-grid-three{grid-template-columns:1fr}}@media (width>=901px){.workbench{height:calc(100vh - 205px);min-height:560px}.chat-panel,.chat-body{min-height:0}}.chat-body{overscroll-behavior:contain;scroll-behavior:smooth;position:relative}.message-face{color:#9a6d1c;vertical-align:middle;background:#fff3cf;border-radius:6px;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin:0 2px;padding:1px 5px;font-size:12px;display:inline-flex}.message-face-image{object-fit:contain;vertical-align:middle;width:28px;height:28px;margin:0 2px}.message-image{object-fit:contain;cursor:zoom-in;background:#fff;border:1px solid #dce6f2;border-radius:9px;max-width:min(320px,70vw);max-height:280px;margin-top:8px;transition:box-shadow .15s,transform .15s;display:block}.message-image:hover{transform:scale(1.01);box-shadow:0 5px 18px #173d6626}.message-audio{width:min(300px,70vw);height:38px;margin-top:8px;display:block}.message-file{color:#3569ad;background:#fff;border:1px solid #dce6f2;border-radius:8px;align-items:center;gap:4px;margin-top:8px;padding:8px 10px;font-size:11px;text-decoration:none;display:inline-flex}.message.human .message-image,.message.human .message-audio,.message.human .message-file{margin-left:auto}.new-message-hint{color:var(--blue);background:#fff;border:1px solid #c8dcfb;border-radius:18px;margin:10px auto 0;padding:7px 12px;font-size:11px;display:block;position:sticky;bottom:8px;box-shadow:0 5px 16px #1b4f8b1f}.new-message-hint:hover{background:#edf5ff}.image-lightbox{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08182dcc;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-lightbox-content{flex-direction:column;align-items:center;gap:9px;max-width:min(92vw,1200px);max-height:92vh;display:flex;position:relative}.image-lightbox-content img{object-fit:contain;background:#fff;border-radius:8px;width:auto;max-width:92vw;height:auto;max-height:84vh;display:block;box-shadow:0 18px 70px #0008}.image-lightbox-content small{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:80vw;font-size:11px;overflow:hidden}.image-lightbox-close{z-index:1;color:#263b55;background:#fff;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:30px;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 16px #0005}.image-lightbox-close:hover{color:var(--blue);background:#edf5ff}@media (width<=900px){.chat-body{min-height:300px;max-height:420px}.message-image{max-width:80vw}.message-audio{width:80vw}}.bot-chip{align-items:center;gap:5px;display:inline-flex}.bot-chip-remove{color:#a1afc0;border-radius:50%;width:15px;height:15px;font-size:14px;line-height:13px}.bot-chip-remove:hover{color:#d6536b;background:#ffecef}.binding-option-assigned{background:#f8fbff}.binding-option-assigned .danger-text{white-space:nowrap;margin-left:auto}.binding-modal-title{color:#526c8d;margin:18px 0 8px;font-size:12px;font-weight:600}.binding-modal-title:first-of-type{margin-top:3px}.binding-empty{text-align:left;padding:12px 0}.welcome-setting{text-align:left;margin-top:4px;padding:4px 0}.welcome-summary{color:#6f829d;flex-wrap:wrap;gap:6px;padding:10px 0;font-size:11px;display:flex}.welcome-summary span{background:#f2f6fc;border:1px solid #e1e9f3;border-radius:12px;padding:4px 8px}.welcome-form .muted{margin-bottom:15px;line-height:1.6;display:block}.welcome-textarea{resize:vertical;color:#425d7d;background:#fff;border:1px solid #dce4ee;border-radius:8px;outline:0;width:100%;height:86px;margin-top:7px;padding:10px 12px;font-size:12px;display:block}.welcome-image-field{color:#607895;margin:2px 0 16px;font-size:12px}.welcome-existing-image{color:#8c9caf;border:1px dashed #dce4ee;border-radius:8px;margin-top:7px;padding:10px;font-size:11px}.welcome-image-preview{object-fit:contain;background:#f8fafc;border:1px solid #dce4ee;border-radius:8px;width:120px;height:90px;margin-top:7px;display:block}.welcome-image-actions{align-items:center;gap:8px;margin-top:9px;display:flex}.welcome-file-button{cursor:pointer;display:inline-flex}.welcome-file-button input{display:none}.expiry-picker{align-items:center;gap:10px;margin-top:7px;display:flex}.modal-form .expiry-picker>input{flex:1;min-width:0;margin-top:0}.modal-form .expiry-picker .checkbox-label{white-space:nowrap;color:#607895;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.modal-form .expiry-picker .checkbox-label input{width:14px;height:14px;accent-color:var(--blue);margin:0;padding:0}.field-hint{color:#9aa8b8;margin-top:6px;font-size:10px;display:block}.expiry-tag{color:#4b76b5;white-space:nowrap;background:#eef7ff;border-radius:6px;padding:4px 7px;font-size:11px;display:inline-block}.expiry-tag.expired{color:#d45369;background:#fff0f2}.modal-field{color:#607895;margin-bottom:16px;font-size:12px}.modal-field>span{display:block}.modal-form .modal-field .expiry-picker{margin-top:7px}.table-wrap td:last-child .text-button{margin-right:8px}.table-wrap td:last-child .text-button:last-child{margin-right:0}.list-heading-actions{align-items:center;gap:8px;display:flex}.list-heading-actions .text-button{padding:3px 0;font-size:10px}.filter-tabs button{color:#8a9ab0;border-bottom:2px solid #0000;padding:0 0 11px;font-size:12px}.filter-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.bot-assignees{border-bottom:1px solid #edf1f6;align-items:flex-start;gap:12px;min-height:53px;padding:13px 0;display:flex}.bot-assignees>span:first-child{color:#91a0b3;white-space:nowrap;padding-top:4px;font-size:11px}.bot-assignees>div{flex-wrap:wrap;gap:6px;display:flex}.assignee-chip{color:#4f73a2;background:#eef5ff;border:1px solid #dce9fb;border-radius:14px;align-items:center;padding:4px 9px;font-size:11px;display:inline-flex}.bot-assignees .muted{padding-top:4px}.bot-qq{color:#6684a6}.bot-qr-modal{width:380px}.bot-qr-body{text-align:center;padding:20px 22px 16px}.bot-qr-image{image-rendering:auto;width:280px;height:280px;margin:0 auto 13px;display:block}.bot-qr-loading{color:#8295ad;background:#f7faff;border:1px dashed #cbd9e9;border-radius:10px;place-items:center;width:280px;height:280px;margin:0 auto 13px;font-size:12px;display:grid}.bot-qr-body>strong{color:var(--ink);font-size:14px;display:block}.bot-qr-body>p{color:#526f90;margin:8px 0 4px;font-size:12px}.bot-qr-body>small{color:#98a8ba;font-size:10px}.bot-qr-body .modal-footer{justify-content:center;margin-top:14px}.mobile-brand-row{display:block}.mobile-user-actions,.mobile-list-title,.mobile-space-title,.mobile-back-list{display:none}.chat-header-main{align-items:center;gap:10px;min-width:0;display:flex}.composer-mode{color:#71819a;margin-bottom:8px;font-size:11px}@media (width<=600px){.app-shell.workbench-active{flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell.workbench-active .sidebar{flex:none;position:relative;top:auto;bottom:auto}.app-shell.workbench-active .main-area{flex:1;height:auto;min-height:0;overflow:hidden}.app-shell.workbench-active .content.workbench-content{height:100%;min-height:0}.sidebar{padding:11px 12px 8px}.mobile-brand-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-user-actions{color:#8090a5;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.mobile-user-actions .badge{width:28px;height:28px}.mobile-user-actions button{color:#8090a5;padding:3px 0;font-size:11px}.sidebar nav{gap:4px;margin-top:11px}.nav-item{height:38px;padding:0 12px;font-size:13px}.topbar{display:none}.content.workbench-content{height:calc(100vh - 101px);padding:0;overflow:hidden}.content.workbench-content .mobile-space-title{border-bottom:1px solid var(--border);color:#526b89;background:#fff;align-items:center;height:40px;padding:0 12px;font-size:11px;display:flex}.content.workbench-content .workbench{border-left:0;border-right:0;border-radius:0;grid-template-columns:minmax(145px,34vw) minmax(0,1fr);height:calc(100% - 40px);min-height:0;display:grid;overflow:hidden}.content.workbench-content .workbench.mobile-chat-open{grid-template-columns:minmax(0,1fr)}.content.workbench-content .workbench.mobile-chat-open .conversation-list{display:none}.content.workbench-content .workbench.mobile-list-open{grid-template-columns:minmax(0,1fr)}.content.workbench-content .workbench.mobile-list-open .chat-panel{display:none}.content.workbench-content .workbench.mobile-list-open .conversation-list{border-right:0}.content.workbench-content .conversation-list{border-right:1px solid var(--border);border-bottom:0;height:100%;max-height:none;display:block;overflow:hidden auto}.content.workbench-content .mobile-list-title{border-bottom:1px solid var(--border);color:#6d7f97;padding:14px 9px 11px;font-size:13px;display:block}.content.workbench-content .list-heading,.content.workbench-content .conversation-list>.search-box,.content.workbench-content .filter-tabs{display:none}.content.workbench-content .conversation-item{gap:5px;min-height:78px;padding:12px 8px}.content.workbench-content .conversation-avatar{border-radius:8px;width:30px;height:30px;font-size:15px}.content.workbench-content .conversation-meta b{font-size:11px}.content.workbench-content .conversation-meta small{margin-top:4px;font-size:9px}.content.workbench-content .conversation-item-actions{bottom:7px;right:6px}.content.workbench-content .chat-panel{height:100%;min-height:0;overflow:hidden}.content.workbench-content .chat-header{flex-wrap:wrap;align-items:center;gap:7px;padding:9px 8px;display:flex}.content.workbench-content .mobile-back-list{color:#6d7f97;flex:none;padding:6px 2px;font-size:12px;display:block}.content.workbench-content .chat-header-main{flex:1;gap:6px;min-width:0}.content.workbench-content .chat-header>div:first-child{gap:6px;min-width:0}.content.workbench-content .chat-header .conversation-avatar{width:31px;height:31px;font-size:15px}.content.workbench-content .chat-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.content.workbench-content .chat-header small{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.content.workbench-content .chat-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin-top:3px;display:grid}.content.workbench-content .chat-actions button{white-space:nowrap;min-width:0;padding:7px 2px;font-size:9px}.content.workbench-content .chat-body{min-height:0;max-height:none;padding:12px 8px}.content.workbench-content .message>div{min-width:0}.content.workbench-content .voice-invite{box-sizing:border-box;width:100%;max-width:100%}.content.workbench-content .message-image,.content.workbench-content .message-audio,.content.workbench-content .message-file{max-width:100%}.content.workbench-content .system-message{margin-bottom:17px;font-size:9px}.content.workbench-content .message{gap:4px;margin:11px 0}.content.workbench-content .message div{max-width:94%}.content.workbench-content .message p{padding:8px 9px;font-size:10px}.content.workbench-content .message small{margin-top:4px;font-size:8px}.content.workbench-content .composer{padding:8px 7px}.content.workbench-content .composer-mode{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:9px;overflow:hidden}.content.workbench-content .composer-tools{gap:4px;margin-bottom:6px}.content.workbench-content .composer-tools button{padding:5px 7px;font-size:9px}.content.workbench-content .composer textarea{height:58px;padding:9px;font-size:10px}.content.workbench-content .composer-footer{margin-top:5px}.content.workbench-content .composer-footer small{font-size:8px}.content.workbench-content .composer-footer .primary{padding:8px 11px;font-size:10px}.content.workbench-content .context-panel{display:none}.content.workbench-content .composer textarea{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.45}.content.workbench-content .mobile-back-list{color:#526a88;text-align:center;background:#fff;border:1px solid #dbe3ee;border-radius:8px;min-width:62px;padding:8px 7px}.content.workbench-content .mobile-back-list:active{color:var(--blue);background:#edf4ff}}html,body,#root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}