:root{--blue:#4167f0;--blue-soft:#edf2ff;--text:#202c40;--muted:#8a95a8;--line:#e9edf4;--bg:#f4f6fa;--sidebar:#152136}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;color:var(--text);background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8aa4ff;outline-offset:3px}button{border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar);color:#b7c2d5;display:flex;flex-direction:column;transition:width .2s}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:0 25px;color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.brand-mark{width:38px;height:40px;display:grid;place-items:center;background:linear-gradient(135deg,#6f8cff,#4465ed);border-radius:11px;font-size:29px;font-style:italic;box-shadow:0 6px 18px #0002}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:#a4b3cc;margin-top:3px}.nav-caption{font-size:10px;letter-spacing:2px;color:#64758f;padding:16px 27px 12px}nav{padding:0 12px;overflow:auto;flex:1;scrollbar-width:thin}.nav-home,.nav-group-title{width:100%;height:46px;display:flex;align-items:center;gap:12px;padding:0 15px;text-align:left;border-radius:7px;font-size:13px;margin:3px 0}.nav-home:hover,.nav-group-title:hover{background:#ffffff08;color:#fff}.nav-home.active{background:#4167f0;color:#fff}.nav-group-title svg,.nav-home svg{width:18px;height:18px}.nav-group-title .chevron{margin-left:auto;transition:transform .15s}.nav-group.open .chevron{transform:rotate(90deg)}.nav-children{display:none;padding:3px 0 5px}.nav-group.open .nav-children{display:block}.nav-child{display:block;width:100%;height:38px;text-align:left;padding-left:46px;color:#97a7c0;border-radius:6px;font-size:12px;position:relative}.nav-child:before{content:"";position:absolute;left:24px;top:17px;width:4px;height:4px;background:#53647d;border-radius:50%}.nav-child:hover{background:#ffffff07;color:#fff}.nav-child.active{color:#9fb5ff;background:#4167f020}.nav-child.active:before{background:#7d9bff}.sidebar-footer{display:flex;gap:8px;align-items:center;font-size:10px;padding:20px;color:#73839e;border-top:1px solid #ffffff08}.version{margin-left:auto}.status-dot{width:5px;height:5px;border-radius:50%;background:#54bc9e}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.top-left,.top-right{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 14px;color:#d0d7e3}.breadcrumb strong{color:#42516b;font-weight:500}.icon-button{width:30px;height:30px;border-radius:5px;display:grid;place-items:center;color:#8793a6}.icon-button:hover{background:#f0f3fa;color:var(--blue)}svg{width:18px;height:18px;display:inline-block;vertical-align:middle}.wallet{font-size:11px;color:#8290a7;display:flex;gap:16px}.wallet b{color:#344463;margin-left:5px;font-weight:600}.wallet .balance b{color:var(--blue)}.text-button{font-size:12px;color:#76839b}.text-button:hover{color:var(--blue)}.header-divider{width:1px;height:24px;background:var(--line)}.profile-button{display:flex;align-items:center;gap:10px;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:600}.profile-button b{font-size:12px;display:block;font-weight:600}.profile-button small{font-size:9px;display:block;color:var(--muted);margin-top:4px}.top-right{position:relative}.profile-menu{position:absolute;right:0;top:52px;background:#fff;padding:6px;width:130px;z-index:50;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 35px #22334d18}.profile-menu button{display:block;padding:10px;width:100%;text-align:left;font-size:12px;border-radius:4px}.profile-menu button:hover{background:var(--blue-soft);color:var(--blue)}.tabs-row{height:45px;background:#fff;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0;padding:0 16px}.tabs{display:flex;align-items:stretch;gap:3px;overflow:auto;scrollbar-width:none}.tab{padding:0 14px;display:flex;align-items:center;gap:10px;font-size:11px;color:#8a94a8;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--blue);border-color:var(--blue);background:linear-gradient(#fff,#f6f8ff)}.tab .tab-close{font-size:16px;color:#adb7c8;padding:2px}.tab .tab-close:hover{color:#e0626d}.tab-tools{display:flex;align-items:center;margin-left:16px}.panels{flex:1;overflow:hidden;min-height:0}.panel{height:100%;overflow:auto;padding:28px 30px}.panel.legacy-panel{padding:12px}.legacy-frame{width:100%;height:100%;border:0;background:#fff;border-radius:8px}.page-footer{height:30px;flex-shrink:0;display:flex;justify-content:space-between;padding:0 30px;font-size:9px;color:#a9b1bf;align-items:center}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8d9bb4}.page-heading h1{font-size:23px;margin:7px 0 9px;letter-spacing:-.5px;font-weight:650}.page-heading p{font-size:11px;margin:0;color:var(--muted)}.date-tag{font-size:11px;color:#8794a8;background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:6px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 3px #192d4e02}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.section-heading h2{font-size:14px;font-weight:600;margin:0;display:flex;gap:9px;align-items:center}.section-heading small{font-size:10px;color:var(--muted)}.segment-switch{display:flex;border:1px solid #e3e8f2;border-radius:5px;padding:3px;gap:3px}.segment-switch button{font-size:10px;color:#8d99ad;padding:6px 14px;border-radius:3px}.segment-switch .active{background:var(--blue);color:#fff;box-shadow:0 2px 5px #4167f030}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px 24px 24px}.metric{border:1px solid var(--line);border-radius:7px;padding:20px;display:flex;align-items:center;gap:16px;background:#fafbfd}.metric .metric-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#eaf0ff}.metric .metric-icon svg{width:23px;height:23px}.metric-label{font-size:11px;color:#8b98ad}.metric-number{font-size:26px;letter-spacing:-.6px;font-weight:650;margin-top:7px;line-height:1}.metric-number small{font-size:10px;font-weight:400;color:#99a5b8;margin-left:5px;letter-spacing:0}.metric.green .metric-icon{background:#e5f7f0;color:#22aa7b}.metric.cyan .metric-icon{background:#e5f5fc;color:#30a9dd}.metric.purple .metric-icon{background:#f0ecfc;color:#9670dc}.metric.orange .metric-icon{background:#fff3e6;color:#e9a34b}.metric.rose .metric-icon{background:#ffebf0;color:#df718d}.home-lower{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 16px;gap:22px 8px}.quick-item{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;color:#7c8ca4}.quick-item .quick-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #e8edf9;border-radius:12px;color:#5676d8;background:#f5f7ff}.quick-item:hover{color:var(--blue)}.quick-item:hover .quick-icon{background:#eaf0ff;border-color:#becdff}.trend-legend{font-size:10px;color:#93a0b7;padding:17px 24px 0;display:flex;gap:6px;align-items:center}.trend-legend i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.chart{padding:5px 15px 15px;height:245px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-size:10px;fill:#a3afc2;font-family:inherit}.home-note{font-size:10px;color:#a0abbd;margin-top:16px;display:flex;gap:7px;align-items:center}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:5px;padding:9px 15px;font-size:11px;display:inline-flex;gap:7px;align-items:center;justify-content:center}.primary:hover{background:#3359e2}.secondary{border:1px solid #dfe5ef;background:#fff;color:#718199;border-radius:5px;padding:9px 14px;font-size:11px}.secondary:hover{border-color:#a6b9fc;color:var(--blue)}.screen-actions{display:flex;gap:8px}.table-heading{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-heading h2{font-size:14px;font-weight:600;margin:0}.table-heading small{font-size:10px;color:var(--muted);margin-left:10px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:20px 22px;border-bottom:1px solid var(--line)}.filter{display:flex;flex-direction:column;gap:7px;min-width:145px;flex:0 1 175px}.filter label{font-size:10px;color:#8b98ac}.filter input,.filter select{border:1px solid #e2e7f0;border-radius:5px;padding:9px 10px;background:#fff;font-size:11px;color:#50607b;height:34px;min-width:0;width:100%}.filter input::placeholder{color:#bac3d1}.filters-buttons{display:flex;gap:8px}.table-wrap{overflow:auto;min-height:160px}.business-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.business-table th{font-weight:500;color:#8492a9;text-align:left;background:#f9fafd;padding:13px 17px;border-bottom:1px solid var(--line)}.business-table td{padding:14px 17px;border-bottom:1px solid #f0f3f8;color:#5f708b;max-width:270px;overflow:hidden;text-overflow:ellipsis}.business-table tbody tr:hover{background:#f8faff}.business-table .mono{font-family:Consolas,monospace;color:#687b9c;font-size:11px}.badge{padding:4px 8px;border-radius:4px;font-size:10px;background:#f0f3f9;color:#8593a9}.badge.success{background:#e8f7f0;color:#3ba480}.badge.warning{background:#fff4e5;color:#d69c47}.badge.danger{background:#fcecf0;color:#d36b82}.table-footer{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;color:#9aa6b9;font-size:10px}.pagination{display:flex;align-items:center;gap:10px}.pagination button{border:1px solid #e6ebf4;border-radius:4px;background:#fff;padding:5px 9px;font-size:10px}.pagination button:disabled{opacity:.35}.empty{padding:60px 20px;text-align:center;color:#9ca9bc;font-size:12px}.empty svg{width:36px;height:36px;margin-bottom:12px;color:#b8c8e4}.empty strong{display:block;font-weight:500;color:#8392aa;margin-bottom:8px}.error-state{padding:30px;text-align:center;color:#bc7880;background:#fff8f8;font-size:12px}.skeleton{animation:pulse 1.4s infinite;background:#eef1f7;color:transparent!important;border-radius:4px}.loading-state{padding:60px;text-align:center;color:#9aa7bc}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#20324e;color:#fff;padding:12px 22px;border-radius:7px;box-shadow:0 5px 20px #0002;font-size:12px;z-index:99999}.login-page{height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:radial-gradient(at 70% 60%,#263c6a,#142037 70%);color:#fff;position:relative;display:flex;flex-direction:column;padding:25px 35px;overflow:hidden}.login-story:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff0a;border-radius:50%;right:-180px;bottom:-80px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02}.login-story .brand{padding:0}.story-copy{margin:auto 45px;z-index:1}.story-copy h1{font-size:48px;line-height:1.5;font-weight:500;letter-spacing:2px;margin:24px 0}.story-copy em{font-style:normal;color:#8da9ff}.story-copy p{font-size:12px;color:#879bbd}.story-copy .eyebrow{color:#8296bc}.story-footer{font-size:9px;letter-spacing:3px;color:#667d9f;padding:10px 45px}.login-panel{display:grid;place-items:center;padding:40px}.login-panel form{width:340px}.login-panel h2{font-size:26px;margin:14px 0}.muted{color:var(--muted);font-size:12px}.role-switch{display:flex;border:1px solid var(--line);background:#f7f9fd;border-radius:7px;padding:4px;gap:4px;margin:30px 0}.role-switch label{flex:1;text-align:center;cursor:pointer;font-size:12px}.role-switch input{position:absolute;opacity:0;width:0}.role-switch span{display:block;padding:10px;border-radius:5px;color:#8796ae}.role-switch input:checked+span{background:#fff;box-shadow:0 2px 5px #24385c0a;color:var(--blue)}.field-label{display:block;font-size:11px;color:#6d7c94;margin:20px 0 10px}.login-panel input:not([type=radio]){display:block;width:100%;border:1px solid #e1e7f1;border-radius:6px;background:#fff;padding:13px;font-size:12px}.login-panel input::placeholder{color:#b6c0d0}.login-submit{width:100%;padding:13px;font-size:13px;justify-content:space-between;margin:13px 0 22px}.login-panel small{display:block;text-align:center;font-size:10px}.error-text{min-height:20px;font-size:11px;color:#d76878;margin-top:15px}.app.collapsed .sidebar{width:0;overflow:hidden}.app.collapsed .brand,.app.collapsed nav{min-width:232px}@keyframes pulse{50%{opacity:.4}}@media(min-width:1600px){.panel{padding:34px 42px}.metric{padding:25px}.metric-number{font-size:31px}.chart{height:295px}.home-lower{grid-template-columns:340px 1fr}}@media(max-width:1100px){.sidebar{width:205px}.topbar{padding:0 18px}.wallet{display:none}.panel{padding:20px}.home-lower{grid-template-columns:245px 1fr}.metric{padding:15px;gap:10px}.metric-number{font-size:22px}.metric .metric-icon{width:37px;height:37px}.metric-label{font-size:10px}}@media(max-width:800px){.sidebar{position:absolute;z-index:100;top:72px;bottom:0;box-shadow:5px 0 25px #0001}.app.collapsed .sidebar{width:0}.sidebar .brand{display:none}.topbar{height:65px}.top-right{gap:10px}.breadcrumb{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.home-lower{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-story{display:none}.date-tag{display:none}.page-heading h1{font-size:21px}.filters{padding:15px}.filter{min-width:120px;flex:1 1 140px}.panel{padding:16px}.page-footer{padding:0 16px}.profile-button small{display:none}}

/* Native support chat, shared by administrator and agent. */
.support-panel{height:100%;min-height:0}.support-chat{width:100%;max-width:960px;height:auto;margin:0 auto;display:flex;flex-direction:column;background:#fff;border:1px solid #e5eaf3;border-radius:14px;overflow:hidden}.support-heading{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid #edf0f6}.support-heading>img{width:44px;height:44px}.support-heading h2{margin:0;font-size:20px}.support-heading p{margin:4px 0 0;color:#8793ab;font-size:13px}.support-platform{margin-left:auto;border:1px solid #e3e9f8;border-radius:20px;background:#f4f7ff;color:#526ee5;padding:6px 14px;font-size:13px;white-space:nowrap}.support-notice{margin:0;padding:12px 24px;background:#f5f8ff;color:#697b9e;font-size:13px}.support-messages{flex:none;overflow:visible;padding:22px 28px;min-height:220px;background:#fafbfe}.support-earlier{display:block;margin:0 auto 20px}.support-message{display:flex;gap:12px;align-items:flex-start;margin:12px 0 24px}.support-message>img{width:36px;height:36px;flex-shrink:0}.support-message>div{min-width:0;max-width:85%}.support-message time{display:block;font-size:12px;color:#99a4b8;margin:0 0 7px}.support-message p,.support-answer{border:1px solid #e9edf5;background:#fff;border-radius:0 12px 12px 12px;padding:14px 18px;margin:0 0 12px;overflow-wrap:anywhere}.support-user{justify-content:flex-end}.support-user time{text-align:right}.support-user p{background:#eaf0ff;border-color:#dce5ff;border-radius:12px 0 12px 12px;white-space:pre-wrap;color:#324e86}.support-answer pre{margin:0 0 12px;font-family:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible}.support-answer button{font-size:12px;padding:6px 12px}.support-pending{color:#4b64ef}.support-error{color:#c84457!important}.support-composer{padding:16px 24px;border-top:1px solid #edf0f6}.support-composer textarea{resize:none;overflow:hidden;width:100%;min-height:84px;max-height:none;border:0;outline:none;font:inherit;line-height:1.6;background:#fff}.support-composer footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#98a4bb;font-size:12px}.support-composer button{min-width:110px}.support-verify{border:0;border-radius:14px;padding:25px;max-width:460px}.support-verify::backdrop{background:#17223866}.support-verify form{display:grid;gap:16px}.support-verify label{display:grid;gap:8px}.support-verify img{max-width:100%;max-height:150px}.support-verify form>div{display:flex;gap:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.support-heading{flex-wrap:wrap;padding:15px}.support-platform{margin-left:auto}.support-messages{padding:15px}.support-message>div{max-width:88%}.support-composer{padding:15px}.support-composer footer>span{font-size:10px}.support-panel{min-height:0}}

.native-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:20px;padding:24px 28px}.native-form>label{display:flex;flex-direction:column;gap:8px;color:#677b9d}.native-form input:not([type=checkbox]),.native-form select,.native-form textarea{width:100%;border:1px solid #dfe6f2;border-radius:6px;min-height:40px;padding:10px 12px;color:#3d5072;background:#fff;font:inherit}.native-form input[readonly]{background:#f6f8fc}.native-form .wide{grid-column:1/-1}.native-form .native-confirm{flex-direction:row;align-items:center}.native-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.native-selected{padding:16px 28px;background:#f6f8ff;color:#65799b}.native-payee{display:flex;flex-wrap:wrap;gap:16px;padding:18px 28px;background:#f8fafc;border-top:1px solid #e9edf4}.native-payee b{width:100%}.native-payee span{font-size:13px;color:#6e809e}.native-query-results>.native-form-actions{padding:18px}.native-workflow .business-note{margin:0;padding:16px 28px}.filters-buttons{flex-wrap:wrap}.business-table input[type=checkbox]{accent-color:#4167f0;width:16px;height:16px}.native-form .workflow-result{margin:0}.native-form small{color:#8594aa}@media(max-width:1000px){.native-form{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:650px){.native-form{grid-template-columns:1fr;padding:18px}}

.comprehensive-query textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0 14px;padding:12px;border:1px solid #dce3ed;border-radius:8px;font:inherit;resize:vertical}.query-actions{display:flex;gap:12px}.query-results{overflow-x:auto;margin-top:16px}.query-table{width:100%;border-collapse:collapse;font-size:14px}.query-table th,.query-table td{padding:12px;text-align:left;border-bottom:1px solid #e9edf3;white-space:nowrap}.query-table th{background:#f5f7fb}.query-status{margin-top:16px}

.performance-panel{padding-bottom:24px}.perf-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:6px 0 24px}.perf-eyebrow{color:#74839b;font-size:11px;letter-spacing:2px}.perf-heading h2{font-size:26px;margin:7px 0}.perf-heading p,.perf-ranking p{color:#7c889d;margin:7px 0;font-size:13px}.perf-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.perf-controls label{font-size:12px;color:#718097}.perf-controls input{padding:8px;border:1px solid #e2e7ef;border-radius:7px;color:#32415b;background:#fff}.perf-range{display:flex;justify-content:space-between;gap:12px;color:#6f7b91;font-size:12px}.perf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 20px}.perf-metric{margin:0!important;padding:22px!important}.perf-metric>span{font-size:13px;color:#6f7b91}.perf-metric strong{display:block;font-size:32px;line-height:1.5;color:#20314e;font-weight:650;margin:10px 0}.perf-metric small{font-size:12px;font-weight:400;color:#7b8799;margin-left:7px}.perf-metric>div{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#8590a3}.perf-metric .perf-agent-count{font-size:26px}.perf-agent-count i{font-style:normal;color:#ccd4df;font-size:18px}.perf-change{font-size:12px;white-space:nowrap}.perf-change.up{color:#159974}.perf-change.down{color:#d66b55}.perf-change.flat{color:#8a95a8}.perf-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:20px 0}.perf-charts>.card{margin:0;min-width:0}.performance-panel h3{font-size:16px;margin:0}.perf-charts .section-heading>span{font-size:11px;color:#8b97aa}.perf-legend{display:flex;align-items:center;gap:6px}.perf-legend i{width:8px;height:8px;background:#597aef;border-radius:50%}.perf-legend i:nth-of-type(2){background:#29ae9c;margin-left:10px}.perf-empty{min-height:170px;display:flex;justify-content:center;align-items:center;color:#96a1b3;font-size:13px}.perf-bars{min-height:170px;padding-top:12px;display:flex;flex-direction:column;justify-content:space-evenly;gap:15px}.perf-bar-row{display:grid;grid-template-columns:110px 1fr 44px;gap:12px;align-items:center;font-size:12px}.perf-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-bar-row>div{background:#f0f3fa;height:10px;border-radius:5px;overflow:hidden}.perf-bar-row i{display:block;background:#6d8bf0;height:100%;border-radius:5px}.perf-bar-row b{text-align:right;font-variant-numeric:tabular-nums}.perf-trend{width:100%;height:auto;display:block}.perf-grid{stroke:#edf0f6;stroke-width:1}.perf-trend text{fill:#8c98ac;font-size:11px}.perf-line{fill:none;stroke-width:2}.perf-line.series-0{stroke:#597aef}.perf-line.series-1{stroke:#29ae9c}.perf-point.series-0{fill:#597aef}.perf-point.series-1{fill:#29ae9c}.perf-table-wrap{overflow:auto}.perf-ranking table{width:100%;border-collapse:collapse;font-size:13px}.perf-ranking th{text-align:left;background:#f7f9fc;color:#7c889b;font-weight:400}.perf-ranking th,.perf-ranking td{padding:15px 16px;border-bottom:1px solid #eff2f7;white-space:nowrap}.perf-ranking td b{font-weight:500}.perf-ranking td small{display:block;font-size:11px;color:#8e9aad;margin-top:4px}.perf-ranking td .perf-change{margin-left:10px}.perf-rank{display:inline-flex;width:25px;height:25px;border-radius:7px;align-items:center;justify-content:center;color:#8d99ac;background:#f4f6fa}.perf-rank.leader{background:#edf1ff;color:#5276e9}.perf-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;font-size:12px;color:#8b97aa}.perf-pagination span{margin-right:auto}.perf-method{font-size:12px;color:#8591a4;line-height:1.9;padding:10px 4px}.perf-method summary{cursor:pointer}.perf-notice{background:#f0f4ff;color:#657aab;padding:12px 16px;border-radius:9px;font-size:12px}@media(max-width:1100px){.perf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-heading{align-items:flex-start;flex-direction:column}.perf-charts{grid-template-columns:1fr}}@media(max-width:600px){.perf-metrics{grid-template-columns:1fr}.perf-range{flex-direction:column}.perf-controls{gap:8px}.perf-controls input{max-width:145px}.perf-bar-row{grid-template-columns:90px 1fr 40px}}

.batch-recharge .table-heading p{font-size:12px;margin:8px 0 0}.batch-mode{font-size:12px;color:#7b879e;padding:12px 0}.batch-numbers{max-width:340px;min-width:160px;white-space:normal!important;overflow-wrap:anywhere;line-height:1.7}.batch-state{padding:5px 9px;border-radius:5px;background:#f0f3fa;color:#65758f;white-space:nowrap}.batch-state-2{background:#edf8f4;color:#299276}.batch-state-4{background:#fdf0eb;color:#b37a59}.batch-recharge th .text-button{color:inherit;padding:0;white-space:nowrap}

.warehouse-phone-panel{height:calc(100vh - 155px);min-height:500px}.warehouse-phone-frame{display:block;width:100%;height:100%;border:0;background:#fff;border-radius:10px}

/* Keep the payment total on one line within the four performance cards. */
.performance-panel .perf-metric:nth-child(3) strong{font-size:24px;white-space:nowrap}

/* Compact copy affordance shared by administrator and agent chat replies. */
.support-answer{position:relative;padding-right:54px}
.support-answer pre{margin-bottom:0}
.support-answer button.support-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;margin:0;border:0;border-radius:8px;background:#f4f5f7;color:#7b818b;cursor:pointer;box-shadow:none}
.support-answer button.support-copy:hover{background:#e9edf4;color:#5166ad}
.support-answer button.support-copy:focus-visible{outline:2px solid #657cff;outline-offset:2px}
.support-copy svg{display:block;pointer-events:none}

.home-lower>.card{min-width:0}.chart{height:290px;box-sizing:content-box}.chart svg{display:block;width:100%;height:270px;overflow:visible}.chart text{font-size:12px;fill:#718096;font-family:inherit;font-variant-numeric:tabular-nums}.chart circle:focus{outline:none;stroke:#244fcb;stroke-width:3}