:root{font-family:'DM Sans','Microsoft YaHei',sans-serif;color:#1e293b;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#8490a2;--line:#edf0f4;--blue:#4263eb;--green:#159b72;--ink:#182230}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f5f7fa}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid #ebedf1;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);padding:0 10px 31px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#4263eb;color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;box-shadow:0 6px 14px #4263eb3b}.brand strong,.brand small,.user-row strong,.user-row small{display:block}.brand strong{font:800 15px Manrope,sans-serif;letter-spacing:.2px}.brand small{color:#98a2b3;font-size:10px;margin-top:2px}.workspace-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#a2aaba;padding:0 12px 12px}.main-nav{display:grid;gap:5px}.nav-item{height:41px;padding:0 12px;color:#748094;text-decoration:none;display:flex;align-items:center;gap:12px;border-radius:8px;font-size:12px;font-weight:500}.nav-item.active{background:#eef2ff;color:#4263eb;font-weight:600}.nav-icon{width:17px;text-align:center;font-size:16px}.nav-count{margin-left:auto;font-size:10px;background:#e5eaff;color:#4263eb;border-radius:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.connection-card{display:flex;align-items:center;gap:10px;background:#f6f8fb;border-radius:9px;padding:12px 11px;margin-bottom:18px}.connection-dot,.tiny-green-dot,.status-chip i,.enabled-label i,.status-value i,.connection-dot{width:7px;height:7px;border-radius:50%;background:#f2a442;display:inline-block;flex:none}.connection-card strong,.connection-card small{display:block}.connection-card strong{font-size:11px}.connection-card small{font-size:10px;color:#a0a9b7;margin-top:4px}.user-row{border-top:1px solid var(--line);padding:17px 5px 0;display:flex;align-items:center;gap:9px}.avatar{border-radius:50%;display:grid;place-items:center;flex:none}.avatar-user{width:31px;height:31px;background:#f3d5bc;color:#824c2c;font-size:12px;font-weight:700}.avatar-user.small{width:29px;height:29px}.user-row strong{font-size:11px}.user-row small{color:#a2aaba;font-size:9px;margin-top:3px}.more-button,.row-more{border:0;background:none;color:#8994a4;font-size:19px;letter-spacing:1px;margin-left:auto;cursor:pointer}.main-content{margin-left:244px;padding:0 40px 22px;max-width:1600px}.topbar{height:64px;border-bottom:1px solid #e9ecf1;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-size:11px;color:#939eae}.breadcrumbs span{padding:0 8px;color:#c0c7d1}.breadcrumbs strong{color:#3f4b5b;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:19px}.demo-pill{font-size:10px;color:#a57425;background:#fff7e8;border:1px solid #f7e6c2;border-radius:20px;padding:6px 9px}.demo-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e7a841;margin-right:5px;vertical-align:1px}.icon-button{position:relative;border:0;background:none;color:#8e99a9;font-size:18px}.icon-button b{position:absolute;right:2px;top:0;width:5px;height:5px;border-radius:50%;background:#ee776c}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:29px 0 21px}.eyebrow{color:#9ca5b4;font-size:9px;letter-spacing:1.4px;font-weight:700}.page-heading h1{font:700 23px Manrope,'Microsoft YaHei',sans-serif;letter-spacing:-.6px;margin:8px 0 4px;color:#1d2939}.page-heading h1 span{font-size:17px;color:#eab44f}.page-heading p,.panel-heading p{font-size:11px;color:#8c97a8;margin:0}.button{border:0;border-radius:7px;height:36px;padding:0 14px;font:600 11px inherit;cursor:pointer;transition:.15s}.button-primary{background:#4263eb;color:white;box-shadow:0 3px 7px #4263eb30}.button-primary:hover{background:#3555df;transform:translateY(-1px)}.button-primary span{font-size:15px;padding-right:5px;vertical-align:-1px}.notice-banner{display:flex;align-items:center;gap:11px;background:#f0f5ff;border:1px solid #e2eaff;border-radius:8px;padding:12px 14px;margin-bottom:15px}.notice-icon{width:18px;height:18px;border-radius:50%;background:#dce6ff;color:#4161e4;font-weight:700;display:grid;place-items:center;font-size:11px;flex:none}.notice-banner>div:nth-child(2){flex:1}.notice-banner strong{font-size:11px;color:#334e99}.notice-banner p{font-size:10px;color:#7382a4;margin:3px 0 0}.notice-banner>a{font-size:10px;color:#4663cf;text-decoration:none;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat-card,.panel{background:#fff;border:1px solid #ebedf2;border-radius:9px;box-shadow:0 2px 8px #1c2a4405}.stat-card{padding:14px 15px 11px;min-height:117px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#798598}.stat-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-size:12px}.stat-icon.blue{color:#5571e8;background:#f0f3ff}.stat-icon.green{color:#1aa17b;background:#e9f8f2}.stat-icon.amber{color:#d39a35;background:#fff7e7}.stat-icon.violet{color:#8974d7;background:#f4f0ff}.stat-value{font:700 23px Manrope,sans-serif;color:#1d2939;margin-top:10px;letter-spacing:-.8px}.stat-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#a1a9b6;margin-top:7px}.trend{font-size:9px;font-weight:600}.trend.up{color:#129b70}.stat-foot svg{width:63px;height:18px;margin-left:auto}.stat-foot svg path{fill:none;stroke:#4f72ed;stroke-width:2}.stat-foot svg.green-line path{stroke:#24a780}.amber-text{color:#cb9234}.stat-foot a{color:#637be1;text-decoration:none;margin-left:auto}.status-value{display:flex;align-items:center;gap:7px;font-size:16px;margin-top:14px}.status-value i,.enabled-label i,.status-chip.online i,.tiny-green-dot{background:#1ab483}.status-value i{width:7px;height:7px;box-shadow:0 0 0 3px #e3f7f0}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:15px}.panel{padding:16px 17px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font:700 13px Manrope,'Microsoft YaHei',sans-serif;color:#263244;margin:0 0 4px}.text-button{border:0;background:none;color:#6279dc;font-size:10px;text-decoration:none;cursor:pointer}.text-button span{padding-left:4px}.account-row{display:flex;align-items:center;gap:10px;padding:18px 0 10px}.account-avatar{width:34px;height:34px;background:#e9edff;color:#516ad4;font-weight:700;font-size:14px}.account-info{display:grid;gap:4px;min-width:0}.account-info strong{font-size:11px}.account-info>span{font-size:9px;color:#798598}.muted{color:#aab2bf}.status-chip{margin-left:auto;font-size:9px;border-radius:15px;padding:5px 8px}.status-chip.online{color:#168d6c;background:#eaf8f2}.status-chip.offline{color:#bb7e23;background:#fff6e5}.status-chip i{margin-right:5px;vertical-align:1px;width:5px;height:5px}.toggle-switch{width:30px;height:17px;border:0;border-radius:15px;background:#cbd2dc;padding:2px;cursor:pointer;transition:.2s}.toggle-switch span{display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.toggle-switch.on{background:#36ba91}.toggle-switch.on span{transform:translateX(13px)}.row-more{font-size:17px}.account-meta{display:flex;justify-content:space-between;border-top:1px solid #f1f2f5;padding-top:9px;font-size:9px;color:#9aa4b3}.account-meta i{margin-right:5px}.account-meta b{color:#526070;font-weight:500}.account-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #f1f2f5;margin-top:13px;padding-top:12px}.account-foot>div{display:grid;gap:5px}.account-foot .label{font-size:9px;color:#a0a9b6}.account-foot strong{font:700 13px Manrope;color:#293548}.account-foot small{font:400 9px 'DM Sans';color:#95a0af}.account-foot .foot-online{font:600 10px 'DM Sans';color:#159b72}.enabled-label{color:#13966f;font-size:9px;background:#e9f8f2;padding:5px 8px;border-radius:14px}.enabled-label i{width:5px;height:5px;margin-right:4px;vertical-align:1px}.script-box{margin-top:15px;min-height:72px;background:#f8f9fc;border:1px solid #f0f2f6;border-radius:7px;padding:13px 12px 12px 34px;position:relative}.quote-mark{position:absolute;left:12px;top:6px;font:700 25px Georgia;color:#c5cff8}.script-box p{font-size:11px;line-height:1.7;color:#4a5668;margin:0}.reply-meta{display:flex;justify-content:space-between;color:#a2aab7;font-size:9px;margin:7px 1px 11px}.reply-meta b{color:#697487;font-weight:500}.button-secondary{background:#fff;color:#5369ce;border:1px solid #dce3ff}.button-secondary:hover{background:#f7f8ff}.full-button{width:100%;height:31px;font-size:10px}.full-button span{float:right}.inbox-panel{padding-bottom:0}.inbox-heading{align-items:center;padding-bottom:14px}.inbox-controls{display:flex;align-items:center;gap:8px}.search-box{width:170px;height:29px;border:1px solid #e9ecf1;border-radius:6px;display:flex;align-items:center;padding:0 8px;color:#a3adba}.search-box span{font-size:18px}.search-box input{border:0;outline:0;min-width:0;width:100%;font:10px inherit;color:#4d596b;padding-left:5px}.search-box input::placeholder{color:#b0b7c2}.filter-button{height:29px;padding:0 9px;border:1px solid #e9ecf1;background:#fff;border-radius:6px;font:10px inherit;color:#7d8899}.inbox-controls .text-button{margin-left:2px}.message-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px;text-align:left}thead{background:#fafbfc}th{height:31px;color:#9aa4b2;font-weight:500;font-size:9px}td{height:49px;border-bottom:1px solid #f0f2f5;font-size:10px;color:#536072}th:first-child,td:first-child{padding-left:11px}th:last-child,td:last-child{padding-right:8px}.contact-cell{display:flex;align-items:center;gap:8px}.contact-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.contact-name{font-size:10px;font-weight:600;color:#374356}.contact-id{font-size:8px;color:#a3acb9;margin-top:2px}.message-text{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#697587}.response-pill{display:inline-block;background:#f1f4ff;color:#667cdc;border-radius:5px;padding:5px 7px;font-size:8px}.response-pill.pending{background:#fff6e5;color:#c38e32}.row-status{font-size:9px}.row-status.replied{color:#159b72}.row-status.pending{color:#c58d31}.row-status.failed{color:#c86c63}.row-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:1px}.message-menu{border:0;background:none;color:#a4adba;font-size:16px}.table-footer{height:46px;display:flex;align-items:center;justify-content:space-between;color:#a0a9b7;font-size:9px}.table-footer b{color:#687386;font-weight:500}.pagination{display:flex;align-items:center;gap:4px}.pagination button{width:23px;height:23px;border:1px solid #eceff3;background:#fff;border-radius:5px;color:#818c9d;font-size:10px}.pagination button:disabled{color:#c5cbd4}.pagination button.current-page{background:#eef1ff;color:#536bdb;border-color:#e4e9ff}.pagination span{padding:0 3px}.empty-state{text-align:center;padding:25px;color:#9ca6b4;font-size:11px}.integration-note{display:flex;align-items:center;gap:11px;background:#fffdf8;border:1px solid #f5ebd7;border-radius:8px;padding:11px 13px;margin-top:15px}.integration-icon{width:23px;height:23px;border-radius:7px;background:#fff3d9;color:#c18c32;display:grid;place-items:center;font-size:12px;flex:none}.integration-note div{flex:1}.integration-note strong{font-size:10px;color:#69562e}.integration-note p{font-size:9px;line-height:1.5;color:#9b8c6c;margin:3px 0 0}.integration-note a{font-size:9px;color:#a37b31;text-decoration:none;white-space:nowrap}footer{text-align:center;color:#adb4bf;font-size:9px;padding-top:18px}footer span{padding-left:8px}.modal{border:0;border-radius:12px;width:min(480px,calc(100vw - 30px));padding:22px;box-shadow:0 20px 70px #17233b33}.modal::backdrop{background:#17233b55;backdrop-filter:blur(2px)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-heading h2{font:700 17px Manrope,sans-serif;margin:5px 0;color:#1d2939}.close-modal{border:0;background:none;font-size:23px;color:#8994a4;cursor:pointer}.modal label{display:block;font-size:11px;color:#566276;margin-bottom:7px}.modal textarea{width:100%;resize:vertical;border:1px solid #dfe4ec;border-radius:7px;padding:10px;font:12px/1.6 inherit;color:#354154;outline:0}.modal textarea:focus{border-color:#7186ec;box-shadow:0 0 0 3px #7186ec1f}.modal-hint{display:flex;justify-content:space-between;font-size:9px;color:#98a2b1;padding-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions .button{min-width:85px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px);background:#273449;color:white;padding:10px 15px;border-radius:7px;box-shadow:0 6px 20px #15223b33;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.sidebar{width:210px}.main-content{margin-left:210px;padding:0 24px 22px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr 1fr}.inbox-controls{gap:5px}.search-box{width:140px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid #ebedf1}.brand{padding:0}.workspace-label,.main-nav,.sidebar-bottom{display:none}.main-content{margin:0;padding:0 14px 20px}.topbar{height:48px}.page-heading{align-items:flex-start;gap:12px;padding:22px 0 16px}.page-heading h1{font-size:19px}.page-heading p{font-size:10px}.page-heading .button{font-size:0;padding:0 11px;white-space:nowrap}.page-heading .button span{font-size:15px}.notice-banner{align-items:flex-start;flex-wrap:wrap}.notice-banner>a{margin-left:29px}.stat-grid{gap:8px}.stat-card{padding:11px;min-height:108px}.stat-value{font-size:21px}.content-grid{grid-template-columns:1fr;gap:9px}.panel{padding:14px}.inbox-heading{align-items:flex-start;gap:12px;flex-direction:column}.inbox-controls{width:100%;flex-wrap:wrap}.search-box{flex:1;min-width:130px}.inbox-controls .text-button{margin-left:auto}.integration-note{align-items:flex-start;flex-wrap:wrap}.integration-note a{margin-left:34px}.table-footer{min-width:0}.pagination{gap:2px}.pagination button{width:21px;height:21px}.demo-pill{font-size:9px}.topbar-actions{gap:11px}}
.account-list{display:grid;gap:8px;margin-top:8px}.account-list.empty{padding:18px 4px}.empty-accounts{font-size:11px;color:#9aa4b2;text-align:center;padding:9px}.account-entry{border-top:1px solid #f0f2f5;padding-top:7px}.account-controls{display:flex;align-items:center;gap:8px;padding:1px 0 6px 44px;font-size:9px;color:#8590a1}.account-error{margin-left:auto;max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1a9b6}.login-modal{text-align:center}.login-modal .modal-heading{text-align:left}.login-copy{font-size:11px;color:#778397;line-height:1.6;margin:0 auto 13px;max-width:310px}.qr-frame{width:250px;height:250px;margin:0 auto 10px;border:1px solid #edf0f4;border-radius:10px;display:grid;place-items:center;background:#fff}.qr-frame img{width:230px;height:230px;object-fit:contain}.qr-frame img[hidden]{display:none}.qr-frame>div{position:absolute;font-size:10px;color:#909bad;max-width:200px}.login-status{font-size:10px;color:#65738a;min-height:16px;margin:7px 0}.login-url{font-size:10px;color:#536fd7;text-decoration:none}.filter-button{font-family:inherit}.toggle-switch{flex:none}.connection-dot{background:#e6ab44}
.retry-login{margin:0 auto 8px}.login-url{display:block}