.ops-operations-dashboard-demo{--ink:#172033;--muted:#7d899d;--line:#e7e9ee;--canvas:#f7f7f8;--surface:#fff;--blue:#2476f3;--blue-soft:#e9efff;--green:#0d9b67;--orange:#f0a25f;--red:#ef5a64;min-height:100vh;color:var(--ink);background:var(--canvas);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.ops-operations-dashboard-demo *{box-sizing:border-box}.ops-operations-dashboard-demo button,.ops-operations-dashboard-demo input,.ops-operations-dashboard-demo select{font:inherit}.ops-operations-dashboard-demo button{cursor:pointer}:is(.ops-operations-dashboard-demo button:focus-visible,.ops-operations-dashboard-demo input:focus-visible,.ops-operations-dashboard-demo select:focus-visible){outline-offset:2px;outline:3px solid #2476f333}.ops-operations-dashboard-demo .operations-app{min-height:100vh}.ops-operations-dashboard-demo .sidebar,.ops-operations-dashboard-demo .operations-nav{z-index:20;color:#20232a;background:#fff;border-right:1px solid #ececef;width:292px;padding:24px 22px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.ops-operations-dashboard-demo .operations-brand{align-items:center;gap:10px;height:50px;display:flex}.ops-operations-dashboard-demo .operations-brand>span{color:#fff;background:#275df5;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-style:italic;font-weight:900;display:grid}.ops-operations-dashboard-demo .operations-brand>strong{letter-spacing:-.03em;font-size:19px}.ops-operations-dashboard-demo .side-section{border-bottom:1px solid #ececef;padding:15px 0 13px}.ops-operations-dashboard-demo .side-section:last-child{border-bottom:0}.ops-operations-dashboard-demo .side-section h3{color:#353a43;margin:0 0 8px 3px;font-size:14px;font-weight:700}.ops-operations-dashboard-demo .side-item{color:#272b33;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:42px;margin:2px 0;padding:0 14px;font-size:14px;display:flex}.ops-operations-dashboard-demo .side-item i{color:#333840;text-align:center;width:20px;font-size:15px;font-style:normal}.ops-operations-dashboard-demo .side-item.active{color:var(--blue);background:#e3e8ff;font-weight:700}.ops-operations-dashboard-demo .side-item.active i{color:var(--blue)}.ops-operations-dashboard-demo .operations-workspace{min-width:0;margin-left:292px}.ops-operations-dashboard-demo .operations-header{background:#fff;border-bottom:1px solid #ededf0;justify-content:space-between;align-items:center;height:80px;padding:0 28px;display:flex}.ops-operations-dashboard-demo .header-actions{align-items:center;gap:13px;display:flex}.ops-operations-dashboard-demo .language-button{color:#20252e;background:0 0;border:0;width:38px;height:38px;font-size:27px;line-height:1}.ops-operations-dashboard-demo .profile-button{color:#253044;background:#fff;border:1px solid #dfe3ea;border-radius:22px;align-items:center;gap:9px;height:42px;padding:0 13px 0 5px;display:flex;box-shadow:0 3px 10px #1d2d480f}.ops-operations-dashboard-demo .profile-button span{color:#68788e;background:#f7f9fc;border:1px solid #dce3ee;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.ops-operations-dashboard-demo .profile-button strong{font-size:13px}.ops-operations-dashboard-demo .profile-button i{font-style:normal}.ops-operations-dashboard-demo .operations-content{max-width:1660px;margin:0 auto;padding:34px 28px 60px}.ops-operations-dashboard-demo .content-tabs{align-items:flex-end;gap:28px;min-height:50px;display:flex;overflow-x:auto}.ops-operations-dashboard-demo .content-tabs button{color:#2c3341;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:0 0 10px;font-size:20px;font-weight:750}.ops-operations-dashboard-demo .content-tabs button.active{color:#182236;border-bottom-color:#26344a}.ops-operations-dashboard-demo .content-tabs button:focus-visible{border-bottom-color:#26344a;outline:0}.ops-operations-dashboard-demo .settlement-management-content{padding-top:34px}.ops-operations-dashboard-demo .settlement-page{gap:24px;display:grid}.ops-operations-dashboard-demo .settlement-top-tabs{align-items:flex-end;gap:28px;display:flex;overflow-x:auto}.ops-operations-dashboard-demo .settlement-top-tabs button{color:#222d40;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:0 0 10px;font-size:22px;font-weight:760}.ops-operations-dashboard-demo .settlement-top-tabs button.active{border-bottom-color:#26344a}.ops-operations-dashboard-demo .settlement-top-tabs button:focus-visible{border-bottom-color:#26344a;outline:0}.ops-operations-dashboard-demo .settlement-kpis{grid-template-columns:repeat(4,minmax(190px,250px));gap:18px;display:grid}.ops-operations-dashboard-demo .settlement-kpis>div{background:#f7faff;border:1px solid #bdd8ff;border-radius:12px;flex-direction:column;justify-content:center;min-height:145px;padding:24px;display:flex}.ops-operations-dashboard-demo .settlement-kpis>div:nth-child(-n+2){background:#fffbf8;border-color:#ffd0a8}.ops-operations-dashboard-demo .settlement-kpis span{color:#7e8ca1;font-size:13px;font-weight:650}.ops-operations-dashboard-demo .settlement-kpis strong{color:#172238;margin-top:10px;font-size:27px}.ops-operations-dashboard-demo .settlement-kpis small{color:#98a5b7;max-width:190px;margin-top:8px;font-size:11px;line-height:1.45}.ops-operations-dashboard-demo .settlement-filter,.ops-operations-dashboard-demo .withdrawal-panel{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #2a35480b}.ops-operations-dashboard-demo .settlement-filter>h2{border-bottom:1px solid #eceef2;align-items:center;height:60px;margin:0;padding:0 20px;font-size:16px;display:flex}.ops-operations-dashboard-demo .settlement-filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:16px 14px;padding:22px 20px;display:grid}.ops-operations-dashboard-demo .settlement-filter-grid label{gap:8px;min-width:0;display:grid}.ops-operations-dashboard-demo .settlement-filter-grid label>span{color:#303641;font-size:12px}.ops-operations-dashboard-demo .settlement-filter-grid input,.ops-operations-dashboard-demo .settlement-filter-grid select{color:#394355;background:#fff;border:1px solid #dcdfe5;border-radius:6px;outline:0;width:100%;height:40px;padding:0 12px;font-size:12px}.ops-operations-dashboard-demo .settlement-filter-grid input::placeholder{color:#b6bbc4}.ops-operations-dashboard-demo .settlement-query-actions{grid-column:span 2;gap:14px;display:flex}.ops-operations-dashboard-demo .settlement-query-actions button{color:#3f4652;background:#fff;border:1px solid #d9dde4;border-radius:6px;flex:1;height:40px;font-size:12px}.ops-operations-dashboard-demo .withdrawal-tabs{border-bottom:1px solid #eceef2;align-items:flex-end;gap:24px;height:56px;padding:0 20px;display:flex}.ops-operations-dashboard-demo .withdrawal-tabs button{color:#69778c;background:0 0;border:0;border-bottom:2px solid #0000;height:56px;padding:0 0 13px;font-size:12px;font-weight:650}.ops-operations-dashboard-demo .withdrawal-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.ops-operations-dashboard-demo .withdrawal-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 20px;display:flex}.ops-operations-dashboard-demo .withdrawal-toolbar h2{margin:0;font-size:16px}.ops-operations-dashboard-demo .withdrawal-toolbar>div{gap:10px;display:flex}.ops-operations-dashboard-demo .withdrawal-toolbar button{color:#3f4652;background:#fff;border:1px solid #d9dde4;border-radius:6px;min-width:92px;height:36px;padding:0 13px;font-size:11px}.ops-operations-dashboard-demo .withdrawal-toolbar .danger-outline{color:var(--red);border-color:var(--red)}.ops-operations-dashboard-demo .withdrawal-table{min-width:1400px}.ops-operations-dashboard-demo .withdrawal-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue)}.ops-operations-dashboard-demo .identity-tag{background:#f6eaff;border-radius:5px;width:fit-content;padding:5px 9px;font-weight:700;color:#7a35b6!important;font-size:9px!important}.ops-operations-dashboard-demo .merchant-operations-content{padding-top:22px}.ops-operations-dashboard-demo .merchant-operations-intro{justify-content:space-between;align-items:center;gap:24px;min-height:62px;margin-bottom:10px;display:flex}.ops-operations-dashboard-demo .merchant-operations-intro>div>span{color:#356ff5;letter-spacing:.14em;font-size:9px;font-weight:850}.ops-operations-dashboard-demo .merchant-operations-intro h1{color:#151f32;letter-spacing:-.04em;margin:5px 0 4px;font-size:25px;line-height:1.1}.ops-operations-dashboard-demo .merchant-operations-intro p{color:#7c889a;margin:0;font-size:10px}.ops-operations-dashboard-demo .merchant-operations-intro aside{background:#fff;border:1px solid #e0e6ee;border-radius:10px;grid-template-columns:9px 1fr;align-items:center;gap:2px 8px;min-width:150px;min-height:43px;padding:9px 12px;display:grid;box-shadow:0 4px 13px #23375809}.ops-operations-dashboard-demo .merchant-operations-intro aside i{background:#18ae73;border-radius:50%;grid-row:1/3;width:7px;height:7px;box-shadow:0 0 0 4px #18ae731a}.ops-operations-dashboard-demo .merchant-operations-intro aside span{color:#405069;font-size:9px;font-weight:750}.ops-operations-dashboard-demo .merchant-operations-intro aside small{color:#909bad;font-size:7px}.ops-operations-dashboard-demo .merchant-operations-content .content-tabs{background:#fff;border:1px solid #e3e8ef;border-radius:10px;align-items:center;gap:5px;min-height:43px;padding:0 12px}.ops-operations-dashboard-demo .merchant-operations-content .content-tabs button{color:#6e7b8f;border:0;border-radius:7px;height:31px;padding:0 13px;font-size:10px;font-weight:650}.ops-operations-dashboard-demo .merchant-operations-content .content-tabs button.active{color:#356ff5;background:#edf3ff}.ops-operations-dashboard-demo .merchant-operations-content .filter-command{box-shadow:none;border:1px solid #e3e8ef;border-radius:10px;margin:10px 0 12px}.ops-operations-dashboard-demo .merchant-operations-content .filter-command>h2{display:none}.ops-operations-dashboard-demo .merchant-operations-content .filter-fields{grid-template-columns:1.3fr repeat(3,.8fr) auto auto;gap:9px;min-height:62px;padding:9px 12px}.ops-operations-dashboard-demo .merchant-operations-content .filter-fields label,.ops-operations-dashboard-demo .merchant-operations-content .period-switch{gap:4px}.ops-operations-dashboard-demo .merchant-operations-content .filter-fields label>span,.ops-operations-dashboard-demo .merchant-operations-content .period-switch>span{font-size:8px}.ops-operations-dashboard-demo .merchant-operations-content .filter-fields input,.ops-operations-dashboard-demo .merchant-operations-content .filter-fields select,.ops-operations-dashboard-demo .merchant-operations-content .period-switch>div,.ops-operations-dashboard-demo .merchant-operations-content .filter-actions button{height:32px;font-size:9px}.ops-operations-dashboard-demo .merchant-operations-content .period-switch button{min-width:35px;font-size:8px}.ops-operations-dashboard-demo .merchant-operations-content .filter-actions button{min-width:66px;padding:0 10px}.ops-operations-dashboard-demo .operations-conclusion{background:linear-gradient(115deg,#fff 0%,#f7f9ff 63%,#eef4ff 100%);border:1px solid #dce5f2;border-radius:13px;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:22px;min-height:112px;padding:17px 20px;display:grid;box-shadow:0 7px 20px #233c6209}.ops-operations-dashboard-demo .operations-conclusion>div>span{color:#356ff5;letter-spacing:.08em;font-size:8px;font-weight:850}.ops-operations-dashboard-demo .operations-conclusion h2{color:#1a263b;letter-spacing:-.02em;margin:6px 0 5px;font-size:17px}.ops-operations-dashboard-demo .operations-conclusion p{color:#6f7d91;margin:0;font-size:9px;line-height:1.6}.ops-operations-dashboard-demo .operations-conclusion aside{border-left:1px solid #dfe6f0;flex-direction:column;padding-left:22px;display:flex}.ops-operations-dashboard-demo .operations-conclusion aside>span{color:#8190a5;font-size:8px}.ops-operations-dashboard-demo .operations-conclusion aside strong{color:#1e2c44;margin-top:2px;font-size:30px}.ops-operations-dashboard-demo .operations-conclusion aside strong small{color:#8c97a8;font-size:9px}.ops-operations-dashboard-demo .operations-conclusion aside em{color:#15966c;background:#e7f8f1;border-radius:8px;width:max-content;margin-top:3px;padding:3px 7px;font-size:7px;font-style:normal;font-weight:800}.ops-operations-dashboard-demo .merchant-operations-content .executive-board{gap:10px;margin:12px 0}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell,.ops-operations-dashboard-demo .merchant-operations-content .metric-cell:nth-child(-n+2){background:#fff;border:1px solid #e0e6ee;border-radius:11px;min-height:126px;padding:13px 14px;box-shadow:0 5px 15px #233a5e09}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell:hover{border-color:#a7bdf8;transform:translateY(-1px)}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell header{grid-template-columns:29px 1fr 17px;align-items:center;gap:8px;width:100%;display:grid}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell header i{color:#356ff5;background:#edf3ff;border-radius:9px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;font-weight:850;display:grid}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell:nth-child(2) header i{color:#e58b2f;background:#fff2e4}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell:nth-child(3) header i{color:#18a571;background:#e8f8f2}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell:nth-child(4) header i{color:#7359e7;background:#f0edff}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell header span{color:#68758a;font-size:10px;font-weight:700}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell header b{color:#9aa5b4;border:1px solid #d6dde7;border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;display:grid}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell>strong{color:#18243a;margin-top:12px;font-size:24px}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell footer{border-top:1px solid #eef1f5;width:100%;margin-top:9px;padding-top:7px}.ops-operations-dashboard-demo .merchant-operations-content .metric-cell footer em{color:#15966c;margin:0;font-size:8px;font-weight:650}.ops-operations-dashboard-demo .merchant-operations-content .trend-row{margin-top:0}.ops-operations-dashboard-demo .unified-section{margin-top:18px;scroll-margin-top:86px}.ops-operations-dashboard-demo .unified-section.overview-section{margin-top:0}.ops-operations-dashboard-demo .unified-section-title{align-items:center;gap:11px;min-height:54px;padding:0 4px;display:flex}.ops-operations-dashboard-demo .unified-section-title>span{color:#356ff5;background:#eef4ff;border:1px solid #cddbf7;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-weight:850;display:grid}.ops-operations-dashboard-demo .unified-section-title h2{color:#1a263b;letter-spacing:-.02em;margin:0;font-size:16px}.ops-operations-dashboard-demo .unified-section-title p{color:#8591a2;margin:3px 0 0;font-size:9px;line-height:1.45}.ops-operations-dashboard-demo .unified-section>.page-surface,.ops-operations-dashboard-demo .unified-section>.stacked-page{margin-top:0}.ops-operations-dashboard-demo .merchant-operations-content{max-width:1740px;padding-top:18px}.ops-operations-dashboard-demo .platform-filterbar{background:#fff;border:1px solid #e2e7ee;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:flex;box-shadow:0 3px 12px #24375806}.ops-operations-dashboard-demo .platform-filterbar label{color:#788599;white-space:nowrap;background:#fff;border:1px solid #e1e6ed;border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 9px;font-size:9px;display:flex}.ops-operations-dashboard-demo .platform-filterbar .platform-search{flex:1;min-width:260px}.ops-operations-dashboard-demo .platform-search>span{color:#8592a5;font-size:15px}.ops-operations-dashboard-demo .platform-filterbar input{color:#344157;background:0 0;border:0;outline:0;width:100%;font-size:9px}.ops-operations-dashboard-demo .platform-filterbar input::placeholder{color:#a3adba}.ops-operations-dashboard-demo .platform-filterbar select{color:#526078;background:0 0;border:0;outline:0;min-width:92px;font-size:9px}.ops-operations-dashboard-demo .platform-filterbar .platform-switch{background:#f8faff;border-color:#cfdcf3;min-width:190px;padding-left:7px}.ops-operations-dashboard-demo .platform-switch>i{color:#356ff5;background:#e8f0ff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;font-weight:850;display:grid}.ops-operations-dashboard-demo .platform-switch>span{color:#356ff5;font-weight:750}.ops-operations-dashboard-demo .platform-switch>select{color:#2f405a;cursor:pointer;flex:1;min-width:112px;font-weight:700}.ops-operations-dashboard-demo .platform-switch:focus-within{border-color:#8fb2ff;box-shadow:0 0 0 3px #356ff514}.ops-operations-dashboard-demo .platform-scope-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ops-operations-dashboard-demo .platform-period{color:#788599;align-items:center;gap:6px;height:32px;margin-left:auto;font-size:9px;display:flex}.ops-operations-dashboard-demo .platform-period>div{background:#f0f3f7;border-radius:6px;height:30px;padding:3px;display:flex}.ops-operations-dashboard-demo .platform-period button{color:#768296;background:0 0;border:0;border-radius:5px;min-width:46px;font-size:8px}.ops-operations-dashboard-demo .platform-period button.active{color:#fff;background:#356ff5;box-shadow:0 2px 6px #356ff53d}.ops-operations-dashboard-demo .platform-export{color:#526078;background:#fff;border:1px solid #dfe5ed;border-radius:7px;height:32px;padding:0 12px;font-size:9px}.ops-operations-dashboard-demo .platform-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.ops-operations-dashboard-demo .platform-kpi{color:#1d2a40;text-align:left;background:#fff;border:1px solid #e1e6ed;border-radius:10px;min-width:0;min-height:116px;padding:10px;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 3px 12px #24375806}.ops-operations-dashboard-demo .platform-kpi:hover{border-color:#a9bdf8;transform:translateY(-1px);box-shadow:0 6px 16px #356ff512}.ops-operations-dashboard-demo .platform-kpi header{justify-content:space-between;align-items:center;gap:6px;display:flex}.ops-operations-dashboard-demo .platform-kpi header span{color:#59677c;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.ops-operations-dashboard-demo .platform-kpi header i{color:#356ff5;background:#eaf1ff;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:850;display:grid}.ops-operations-dashboard-demo .platform-kpi.green header i{color:#15966c;background:#e7f8f1}.ops-operations-dashboard-demo .platform-kpi.cyan header i{color:#1587aa;background:#e8f7fb}.ops-operations-dashboard-demo .platform-kpi.violet header i{color:#7359e7;background:#f0edff}.ops-operations-dashboard-demo .platform-kpi>strong{color:#2359dd;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:clamp(16px,1.4vw,21px);line-height:1.15;display:block;overflow:hidden}.ops-operations-dashboard-demo .platform-kpi.green>strong{color:#11835e}.ops-operations-dashboard-demo .platform-kpi.cyan>strong{color:#167d9d}.ops-operations-dashboard-demo .platform-kpi.violet>strong{color:#7359e7}.ops-operations-dashboard-demo .platform-kpi>div{align-items:center;gap:4px;margin-top:5px;display:flex}.ops-operations-dashboard-demo .platform-kpi>div b{color:#15966c;font-size:7px}.ops-operations-dashboard-demo .platform-kpi>div span{color:#909bad;font-size:7px}.ops-operations-dashboard-demo .platform-kpi footer{color:#77859a;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-top:1px solid #edf0f4;margin-top:7px;padding-top:6px;font-size:7px;overflow:hidden}.ops-operations-dashboard-demo .human-agent-panel{margin-top:10px;padding:11px}.ops-operations-dashboard-demo .human-agent-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.ops-operations-dashboard-demo .human-agent-head>div{align-items:center;gap:7px;min-width:0;display:flex}.ops-operations-dashboard-demo .human-agent-head>div>i{color:#fff;background:#253854;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;font-weight:800;display:grid}.ops-operations-dashboard-demo .human-agent-head h2{color:#202b3e;margin:0;font-size:13px}.ops-operations-dashboard-demo .human-agent-head span{color:#96a1b1;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.ops-operations-dashboard-demo .human-agent-head nav{background:#f0f3f8;border-radius:16px;flex:none;padding:3px;display:flex}.ops-operations-dashboard-demo .human-agent-head nav button{color:#718096;background:0 0;border:0;border-radius:13px;min-width:62px;height:25px;padding:0 10px;font-size:8px}.ops-operations-dashboard-demo .human-agent-head nav button.active{color:#fff;background:#1b2c47;box-shadow:0 3px 8px #16264033}.ops-operations-dashboard-demo .human-agent-layout{grid-template-columns:250px minmax(0,1fr) 230px;gap:10px;margin-top:7px;display:grid}.ops-operations-dashboard-demo .actor-summary{border-right:1px solid #e8edf4;min-width:0;padding:8px 10px 5px 2px}.ops-operations-dashboard-demo .actor-summary>span{color:#758297;font-size:8px}.ops-operations-dashboard-demo .actor-summary>strong{color:#1c293e;margin-top:2px;font-size:22px;display:block}.ops-operations-dashboard-demo .actor-summary>em{color:#15966c;margin:2px 0 7px;font-size:7px;font-style:normal;display:block}.ops-operations-dashboard-demo .actor-card{background:#f8faff;border:1px solid #dbe5ff;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:56px;margin-top:6px;padding:6px 7px;display:grid}.ops-operations-dashboard-demo .actor-card.agent{background:#faf9ff;border-color:#e5dfff}.ops-operations-dashboard-demo .actor-card>i{color:#356ff5;background:#e7efff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;font-weight:850;display:grid}.ops-operations-dashboard-demo .actor-card.agent>i{color:#7359e7;background:#efebff}.ops-operations-dashboard-demo .actor-card p{gap:1px;min-width:0;margin:0;display:grid}.ops-operations-dashboard-demo .actor-card span,.ops-operations-dashboard-demo .actor-card small{color:#7e899a;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.ops-operations-dashboard-demo .actor-card p strong{color:#26344a;font-size:10px}.ops-operations-dashboard-demo .actor-card>b{color:#356ff5;font-size:9px}.ops-operations-dashboard-demo .actor-card.agent>b{color:#7359e7}.ops-operations-dashboard-demo .collaboration-lift{color:#886f1d;background:#fff8e5;border-radius:8px;align-items:center;gap:7px;min-height:43px;margin-top:7px;padding:7px 9px;display:flex}.ops-operations-dashboard-demo .collaboration-lift>i{font-size:14px;font-style:normal}.ops-operations-dashboard-demo .collaboration-lift p{gap:2px;margin:0;display:grid}.ops-operations-dashboard-demo .collaboration-lift b{font-size:7px}.ops-operations-dashboard-demo .collaboration-lift span{color:#9d8952;font-size:6px}.ops-operations-dashboard-demo .actor-chart-card{border:1px solid #e6eaf0;border-radius:9px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.ops-operations-dashboard-demo .actor-chart-card>header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:9px;height:40px;padding:0 11px;display:flex}.ops-operations-dashboard-demo .actor-chart-card h3{margin:0;font-size:10px}.ops-operations-dashboard-demo .actor-chart-card p{color:#94a0b2;margin:2px 0 0;font-size:7px}.ops-operations-dashboard-demo .actor-trend-chart{padding:0 7px 4px;position:relative}.ops-operations-dashboard-demo .actor-chart-legend{gap:9px;display:flex}.ops-operations-dashboard-demo .actor-chart-legend span{color:#6e7b90;align-items:center;gap:4px;font-size:6px;display:flex}.ops-operations-dashboard-demo .actor-chart-legend i{border-top:2px solid #356ff5;width:12px}.ops-operations-dashboard-demo .actor-chart-legend span:last-child i{border-color:#7359e7}.ops-operations-dashboard-demo .actor-trend-chart svg{width:100%;height:174px}.ops-operations-dashboard-demo .actor-grid-line{stroke:#e9edf3;stroke-width:1px}.ops-operations-dashboard-demo .actor-grid-line.vertical{stroke-opacity:.62}.ops-operations-dashboard-demo .actor-trend-chart .human-area{fill:url(#human-fill)}.ops-operations-dashboard-demo .actor-trend-chart .agent-area{fill:url(#agent-fill)}.ops-operations-dashboard-demo .actor-trend-chart .human-line,.ops-operations-dashboard-demo .actor-trend-chart .agent-line{fill:none;stroke:#356ff5;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.ops-operations-dashboard-demo .actor-trend-chart .agent-line{stroke:#7359e7}.ops-operations-dashboard-demo .actor-focus-line{stroke:#8ea0ba;stroke-width:1px;stroke-dasharray:4 4}.ops-operations-dashboard-demo .actor-trend-chart .human-dot,.ops-operations-dashboard-demo .actor-trend-chart .agent-dot{fill:#fff;stroke:#356ff5;stroke-width:3px}.ops-operations-dashboard-demo .actor-trend-chart .agent-dot{stroke:#7359e7}.ops-operations-dashboard-demo .actor-tooltip rect{fill:#182a46;filter:drop-shadow(0 5px 8px #0f172a33)}.ops-operations-dashboard-demo .actor-tooltip text{fill:#cad5e4;font-size:7px}.ops-operations-dashboard-demo .actor-tooltip text.date,.ops-operations-dashboard-demo .actor-tooltip text.value{fill:#fff;font-weight:750}.ops-operations-dashboard-demo .actor-tooltip .human-fill-dot{fill:#5e9cff}.ops-operations-dashboard-demo .actor-tooltip .agent-fill-dot{fill:#8e76f0}.ops-operations-dashboard-demo .actor-chart-labels{color:#9aa5b5;justify-content:space-between;margin:-11px 17px 0;font-size:6px;display:flex}.ops-operations-dashboard-demo .actor-contribution-footer{background:#fff;border-top:1px solid #e8edf3;grid-template-columns:repeat(3,1fr);min-height:46px;margin-top:3px;display:grid}.ops-operations-dashboard-demo .actor-contribution-footer>div{grid-template-columns:1fr auto;gap:2px 7px;min-width:0;padding:8px 10px;display:grid}.ops-operations-dashboard-demo .actor-contribution-footer>div+div{border-left:1px solid #e8edf3}.ops-operations-dashboard-demo .actor-contribution-footer span{color:#69768b;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.ops-operations-dashboard-demo .actor-contribution-footer strong{color:#356ff5;font-size:10px}.ops-operations-dashboard-demo .actor-contribution-footer>div:nth-child(2) strong{color:#7359e7}.ops-operations-dashboard-demo .actor-contribution-footer>div:last-child strong{color:#15966c}.ops-operations-dashboard-demo .actor-contribution-footer small{color:#98a2b1;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:6px;overflow:hidden}.ops-operations-dashboard-demo .agent-efficiency{background:linear-gradient(145deg,#fbfaff,#f7f8ff);border:1px solid #e5dfff;border-radius:9px;min-width:0;padding:9px}.ops-operations-dashboard-demo .agent-efficiency>header{border-bottom:1px solid #e9e5f8;align-items:center;gap:7px;padding-bottom:7px;display:flex}.ops-operations-dashboard-demo .agent-efficiency>header>i{color:#7359e7;background:#eeeaff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:850;display:grid}.ops-operations-dashboard-demo .agent-efficiency h3{margin:0;font-size:10px}.ops-operations-dashboard-demo .agent-efficiency header p{color:#909aae;margin:2px 0 0;font-size:6px}.ops-operations-dashboard-demo .efficiency-score{grid-template-columns:1fr auto;gap:4px 7px;padding:8px 1px 6px;display:grid}.ops-operations-dashboard-demo .efficiency-score span{color:#718096;font-size:7px}.ops-operations-dashboard-demo .efficiency-score strong{color:#7359e7;font-size:16px}.ops-operations-dashboard-demo .efficiency-score>i{background:#e7e4f6;border-radius:4px;grid-column:1/-1;height:5px;overflow:hidden}.ops-operations-dashboard-demo .efficiency-score>i b{border-radius:inherit;background:#8268e8;height:100%;display:block}.ops-operations-dashboard-demo .agent-efficiency dl{gap:3px;margin:0;display:grid}.ops-operations-dashboard-demo .agent-efficiency dl div{background:#ffffffc7;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 6px;display:flex}.ops-operations-dashboard-demo .agent-efficiency dt{color:#718096;font-size:6px}.ops-operations-dashboard-demo .agent-efficiency dd{color:#39465c;justify-items:end;gap:1px;margin:0;font-size:8px;font-weight:750;display:grid}.ops-operations-dashboard-demo .agent-efficiency dd small{color:#15966c;font-size:6px;font-weight:650}.ops-operations-dashboard-demo .agent-efficiency footer{color:#6e5fc0;background:#f0edff;border-radius:7px;gap:2px;margin-top:6px;padding:6px;display:grid}.ops-operations-dashboard-demo .agent-efficiency footer b{font-size:7px}.ops-operations-dashboard-demo .agent-efficiency footer span{color:#8176b5;font-size:6px;line-height:1.4}.ops-operations-dashboard-demo .platform-detail-workbench{margin-top:10px;scroll-margin-top:86px}.ops-operations-dashboard-demo .platform-detail-head{background:#fff;border:1px solid #e2e7ee;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:9px 12px;display:flex}.ops-operations-dashboard-demo .platform-detail-head>div>span{color:#356ff5;letter-spacing:.12em;font-size:7px;font-weight:850}.ops-operations-dashboard-demo .platform-detail-head h2{color:#202b3e;margin:3px 0 1px;font-size:14px}.ops-operations-dashboard-demo .platform-detail-head p{color:#8a96a8;margin:0;font-size:7px}.ops-operations-dashboard-demo .platform-detail-head nav{background:#f0f3f7;border-radius:7px;padding:3px;display:flex}.ops-operations-dashboard-demo .platform-detail-head nav button{color:#6f7c90;background:0 0;border:0;border-radius:5px;height:28px;padding:0 11px;font-size:8px}.ops-operations-dashboard-demo .platform-detail-head nav button.active{color:#356ff5;background:#fff;font-weight:750;box-shadow:0 2px 7px #23375814}.ops-operations-dashboard-demo .platform-detail-workbench>.page-surface,.ops-operations-dashboard-demo .platform-detail-workbench>.stacked-page{margin-top:0}.ops-operations-dashboard-demo .platform-detail-workbench>.page-surface{border-top:0;border-radius:0 0 10px 10px}.ops-operations-dashboard-demo .platform-detail-workbench .panel-heading{min-height:52px;padding:10px 14px}.ops-operations-dashboard-demo .platform-detail-workbench .panel-heading h2{margin-top:3px;font-size:13px}.ops-operations-dashboard-demo .platform-detail-workbench .data-table th{height:34px;font-size:8px}.ops-operations-dashboard-demo .platform-detail-workbench .data-table td{height:48px;padding-top:7px;padding-bottom:7px;font-size:8px}.ops-operations-dashboard-demo .actor-tag{background:#eaf1ff;border-radius:10px;width:max-content;padding:4px 7px;font-weight:750;color:#356ff5!important;margin-top:0!important;font-size:7px!important}.ops-operations-dashboard-demo .actor-tag.agent{background:#f0edff;color:#7359e7!important}.ops-operations-dashboard-demo .commission-scope{color:#356ff5;background:#edf3ff;border-radius:11px;padding:5px 8px;font-size:7px;font-weight:750}.ops-operations-dashboard-demo .commission-store-panel{background:#f8faff;border-bottom:1px solid #e8edf4;padding:11px 14px 12px}.ops-operations-dashboard-demo .commission-store-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.ops-operations-dashboard-demo .commission-store-head>div>span,.ops-operations-dashboard-demo .commission-store-head label>span{color:#8592a6;margin-bottom:3px;font-size:7px;display:block}.ops-operations-dashboard-demo .commission-store-head h3{color:#263248;margin:0;font-size:11px}.ops-operations-dashboard-demo .commission-store-head p{color:#8b97a9;margin:3px 0 0;font-size:7px}.ops-operations-dashboard-demo .commission-store-head label{min-width:210px}.ops-operations-dashboard-demo .commission-store-head select{color:#33425a;background:#fff;border:1px solid #d8e0ec;border-radius:7px;outline:0;width:100%;height:32px;padding:0 30px 0 10px;font-size:8px}.ops-operations-dashboard-demo .commission-store-head select:focus{border-color:#8fb2ff;box-shadow:0 0 0 3px #356ff514}.ops-operations-dashboard-demo .commission-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.ops-operations-dashboard-demo .commission-summary-grid>div{background:#fff;border:1px solid #e1e7f0;border-radius:8px;align-content:center;min-height:54px;padding:8px 10px;display:grid}.ops-operations-dashboard-demo .commission-summary-grid span{color:#77859a;font-size:7px}.ops-operations-dashboard-demo .commission-summary-grid strong{color:#23324a;margin-top:2px;font-size:13px}.ops-operations-dashboard-demo .commission-summary-grid>div:last-child strong{color:#15966c}.ops-operations-dashboard-demo .commission-summary-grid small{color:#a0a9b8;margin-top:1px;font-size:6px}.ops-operations-dashboard-demo .commission-table-note{color:#7a879a;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:32px;padding:0 14px;font-size:7px;display:flex}.ops-operations-dashboard-demo .commission-table-note span{color:#3e4b60;font-weight:750}.ops-operations-dashboard-demo .commission-empty{color:#8c98a9;text-align:center;padding:24px}.ops-operations-dashboard-demo .commission-table{min-width:1580px}.ops-operations-dashboard-demo .platform-detail-workbench .commission-table td{height:64px}.ops-operations-dashboard-demo .commission-table td:first-child{min-width:145px}.ops-operations-dashboard-demo .commission-table td:nth-child(2){min-width:160px}.ops-operations-dashboard-demo .commission-table td:nth-child(3){min-width:210px}.ops-operations-dashboard-demo .commission-table .actor-tag{display:inline-block;margin-top:4px!important}.ops-operations-dashboard-demo .commission-formula{color:#59677c;white-space:nowrap;background:#f2f5f9;border-radius:4px;padding:3px 5px;font-size:7px;display:block}.ops-operations-dashboard-demo .commission-table td>.commission-formula+strong{margin-top:4px;font-size:8px}.ops-operations-dashboard-demo .filter-command{background:#fff;border-radius:14px;margin:0 0 24px;overflow:hidden;box-shadow:0 8px 28px #2a35480b}.ops-operations-dashboard-demo .filter-command>h2{border-bottom:1px solid #eceef2;align-items:center;height:60px;margin:0;padding:0 20px;font-size:16px;display:flex}.ops-operations-dashboard-demo .filter-fields{grid-template-columns:1.35fr repeat(3,1fr) auto auto;align-items:end;gap:14px;padding:22px 20px;display:grid}.ops-operations-dashboard-demo .filter-fields label,.ops-operations-dashboard-demo .period-switch{gap:8px;min-width:0;display:grid}.ops-operations-dashboard-demo .filter-fields label>span,.ops-operations-dashboard-demo .period-switch>span{color:#303641;font-size:12px}.ops-operations-dashboard-demo .filter-fields input,.ops-operations-dashboard-demo .filter-fields select{color:#394355;background:#fff;border:1px solid #dcdfe5;border-radius:6px;outline:0;width:100%;height:40px;padding:0 12px;font-size:12px}.ops-operations-dashboard-demo .filter-fields input::placeholder{color:#b2b7c0}.ops-operations-dashboard-demo .period-switch>div{background:#f0f2f6;border-radius:6px;height:40px;padding:3px;display:flex}.ops-operations-dashboard-demo .period-switch button{color:#768296;background:0 0;border:0;border-radius:5px;min-width:42px;font-size:11px}.ops-operations-dashboard-demo .period-switch button.active{color:#fff;background:var(--blue)}.ops-operations-dashboard-demo .filter-actions{gap:10px;display:flex}.ops-operations-dashboard-demo .filter-actions button,.ops-operations-dashboard-demo .primary-button{color:#3f4652;background:#fff;border:1px solid #d9dde4;border-radius:6px;min-width:86px;height:40px;padding:0 16px;font-size:12px}.ops-operations-dashboard-demo .primary-button{color:#fff!important;border-color:var(--blue)!important;background:var(--blue)!important}.ops-operations-dashboard-demo .primary-button.wide{width:100%;margin-top:14px}.ops-operations-dashboard-demo .executive-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.ops-operations-dashboard-demo .metric-cell{color:#172238;text-align:left;background:#f7faff;border:1px solid #b9d5ff;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px;padding:22px;display:flex;box-shadow:0 8px 24px #375b920d}.ops-operations-dashboard-demo .metric-cell:nth-child(-n+2){background:#fffbf8;border-color:#ffd1aa}.ops-operations-dashboard-demo .metric-cell span{color:#78869b;font-size:13px}.ops-operations-dashboard-demo .metric-cell strong{letter-spacing:-.025em;margin-top:11px;font-size:27px}.ops-operations-dashboard-demo .metric-cell small{color:#9ba6b5;font-size:12px}.ops-operations-dashboard-demo .metric-cell em{color:#94a0b2;margin-top:8px;font-size:11px;font-style:normal}.ops-operations-dashboard-demo .dashboard-grid{gap:18px;display:grid}.ops-operations-dashboard-demo .trend-row{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.ops-operations-dashboard-demo .ranking-row{grid-template-columns:1fr 1fr;margin-top:18px}.ops-operations-dashboard-demo .surface{background:#fff;border:0;border-radius:14px;box-shadow:0 8px 28px #2a35480b}.ops-operations-dashboard-demo .panel-heading{border-bottom:1px solid #eceef2;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:15px 20px;display:flex}.ops-operations-dashboard-demo .panel-heading>div:first-child>span{color:#8995a7;font-size:9px;font-weight:700}.ops-operations-dashboard-demo .panel-heading h2{color:#1c2638;margin:5px 0 0;font-size:16px}.ops-operations-dashboard-demo .text-button{color:var(--blue);background:0 0;border:0;padding:0;font-size:11px}.ops-operations-dashboard-demo .trend-surface,.ops-operations-dashboard-demo .ranking-panel,.ops-operations-dashboard-demo .page-surface{min-width:0;overflow:hidden}.ops-operations-dashboard-demo .trend-chart{padding:12px 20px 4px}.ops-operations-dashboard-demo .chart-legend{justify-content:flex-end;gap:16px;height:28px;display:flex}.ops-operations-dashboard-demo .chart-legend span{color:#8290a3;align-items:center;gap:5px;font-size:10px;display:flex}.ops-operations-dashboard-demo .chart-legend i{border-radius:2px;width:9px;height:3px}.ops-operations-dashboard-demo .chart-legend i.gmv{background:#2476f3}.ops-operations-dashboard-demo .chart-legend i.order{background:#1ab17f}.ops-operations-dashboard-demo .chart-legend i.revenue{background:#efaa37}.ops-operations-dashboard-demo .trend-chart svg{width:100%;height:245px;overflow:visible}.ops-operations-dashboard-demo .grid-line{stroke:#e9edf3;stroke-width:1px}.ops-operations-dashboard-demo .line-gmv,.ops-operations-dashboard-demo .line-orders,.ops-operations-dashboard-demo .line-revenue{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.ops-operations-dashboard-demo .line-gmv{stroke:#2476f3}.ops-operations-dashboard-demo .line-orders{stroke:#1ab17f;stroke-width:2px}.ops-operations-dashboard-demo .line-revenue{stroke:#efaa37;stroke-width:2px;stroke-dasharray:5 5}.ops-operations-dashboard-demo .point-gmv{fill:#fff;stroke:#2476f3;stroke-width:3px}.ops-operations-dashboard-demo .chart-labels{color:#949faf;justify-content:space-between;padding:0 6px 8px;font-size:9px;display:flex}.ops-operations-dashboard-demo .insight-strip{border-left:3px solid var(--blue);background:#f5f8ff;border-radius:5px 8px 8px 5px;grid-template-columns:65px 1fr;gap:9px;margin:0 20px 18px;padding:12px 14px;display:grid}.ops-operations-dashboard-demo .insight-strip span{color:var(--blue);font-size:10px;font-weight:700}.ops-operations-dashboard-demo .insight-strip p{color:#6f7d91;margin:0;font-size:10px;line-height:1.55}.ops-operations-dashboard-demo .revenue-bridge{padding-bottom:18px;overflow:hidden}.ops-operations-dashboard-demo .revenue-bridge>:not(.panel-heading){margin-left:20px;margin-right:20px}.ops-operations-dashboard-demo .bridge-total{color:#172238;background:#f5f9ff;border:1px solid #bed7ff;border-radius:9px;grid-template-columns:1fr auto;align-items:end;margin-top:16px;padding:15px;display:grid}.ops-operations-dashboard-demo .bridge-total span{color:#7e8b9d;grid-column:1/-1;font-size:10px}.ops-operations-dashboard-demo .bridge-total strong{margin-top:7px;font-size:23px}.ops-operations-dashboard-demo .bridge-total em{color:var(--green);font-size:10px;font-style:normal}.ops-operations-dashboard-demo .bridge-list{gap:11px;margin-top:14px;display:grid}.ops-operations-dashboard-demo .bridge-list>div{grid-template-columns:1fr auto;gap:6px;display:grid}.ops-operations-dashboard-demo .bridge-list span{color:#718096;font-size:10px}.ops-operations-dashboard-demo .bridge-list strong{font-size:10px}.ops-operations-dashboard-demo .bridge-list i{background:#5e8de9;border-radius:3px;grid-column:1/-1;height:4px}.ops-operations-dashboard-demo .bridge-list .negative i{background:#efa268}.ops-operations-dashboard-demo .bridge-list .negative strong{color:#d66a52}.ops-operations-dashboard-demo .bridge-list .final i{background:#20aa78}.ops-operations-dashboard-demo .bridge-list .final strong{color:#0e8c61}.ops-operations-dashboard-demo .ranking-table{grid-template-columns:minmax(220px,1.7fr) .7fr .7fr .4fr;align-items:center;gap:10px;min-height:58px;padding:8px 16px;display:grid}.ops-operations-dashboard-demo .ranking-table.header{color:#8592a5;background:#f7f9fc;min-height:40px;font-size:10px}.ops-operations-dashboard-demo .ranking-table.row{color:#334056;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;width:100%}.ops-operations-dashboard-demo .ranking-table.row:hover{background:#f8fbff}.ops-operations-dashboard-demo .ranking-table.row>span{grid-template-columns:25px 34px 1fr;align-items:center;gap:8px;min-width:0;display:grid}.ops-operations-dashboard-demo .ranking-table.row b{color:#7e8a9b;font-size:10px}.ops-operations-dashboard-demo .ranking-table.row i,.ops-operations-dashboard-demo .entity-cell>i{width:31px;height:31px;color:var(--blue);background:#eaf1ff;border-radius:7px;place-items:center;font-size:10px;font-style:normal;font-weight:800;display:grid}.ops-operations-dashboard-demo .ranking-table.row em{white-space:nowrap;text-overflow:ellipsis;gap:3px;min-width:0;font-size:10px;font-style:normal;font-weight:700;display:grid;overflow:hidden}.ops-operations-dashboard-demo .ranking-table.row em small{color:#8d98a8;text-overflow:ellipsis;font-size:8px;font-weight:500;overflow:hidden}.ops-operations-dashboard-demo .ranking-table.row>strong{font-size:10px}.ops-operations-dashboard-demo .ranking-table.row>small{font-size:9px}.ops-operations-dashboard-demo .positive-text{font-weight:700;color:#0d9664!important}.ops-operations-dashboard-demo .negative-text{font-weight:700;color:#dc5260!important}.ops-operations-dashboard-demo .live-orders,.ops-operations-dashboard-demo .page-surface.compact{margin-top:18px;overflow:hidden}.ops-operations-dashboard-demo .data-table-wrap{width:100%;overflow-x:auto}.ops-operations-dashboard-demo .data-table{border-collapse:collapse;width:100%;min-width:980px}.ops-operations-dashboard-demo .data-table th{color:#7e8b9e;text-align:left;white-space:nowrap;background:#f7f9fc;height:48px;padding:0 14px;font-size:10px;font-weight:650}.ops-operations-dashboard-demo .data-table td{color:#4c5b70;white-space:nowrap;border-top:1px solid #edf0f4;height:62px;padding:10px 14px;font-size:10px}.ops-operations-dashboard-demo .data-table tbody tr:hover{background:#fbfdff}.ops-operations-dashboard-demo .data-table td>strong,.ops-operations-dashboard-demo .data-table td>span{display:block}.ops-operations-dashboard-demo .data-table td>strong{color:#29364a;font-size:10px}.ops-operations-dashboard-demo .data-table td>span{color:#909bac;margin-top:4px;font-size:9px;line-height:1.45}.ops-operations-dashboard-demo .data-table td>button{color:var(--blue);background:0 0;border:0;padding:0;font-size:10px}.ops-operations-dashboard-demo .money-highlight{font-weight:800;color:var(--green)!important}.ops-operations-dashboard-demo .status-badge{border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.ops-operations-dashboard-demo .status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.ops-operations-dashboard-demo .status-badge.good{color:#0f9363;background:#e9f8f2}.ops-operations-dashboard-demo .status-badge.warn{color:#b87822;background:#fff5df}.ops-operations-dashboard-demo .status-badge.bad{color:#d34f5d;background:#ffeaed}.ops-operations-dashboard-demo .summary-pills{gap:7px;display:flex}.ops-operations-dashboard-demo .summary-pills span,.ops-operations-dashboard-demo .policy-note{color:#647286;background:#f0f3f7;border-radius:12px;padding:6px 9px;font-size:9px}.ops-operations-dashboard-demo .summary-pills .danger{color:#cc4d59;background:#ffedef}.ops-operations-dashboard-demo .section-summary,.ops-operations-dashboard-demo .category-strip,.ops-operations-dashboard-demo .order-funnel{background:#fafbfc;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.ops-operations-dashboard-demo .section-summary>div,.ops-operations-dashboard-demo .category-strip>div,.ops-operations-dashboard-demo .order-funnel>div{color:#243147;background:#f8fbff;border:1px solid #d9e6f9;border-radius:9px;flex-direction:column;justify-content:center;min-height:88px;padding:15px;display:flex}.ops-operations-dashboard-demo .section-summary span,.ops-operations-dashboard-demo .category-strip span,.ops-operations-dashboard-demo .order-funnel span{color:#78869a;font-size:10px}.ops-operations-dashboard-demo .section-summary strong,.ops-operations-dashboard-demo .order-funnel strong{margin-top:7px;font-size:19px}.ops-operations-dashboard-demo .section-summary small{color:#929cac;margin-top:5px;font-size:9px}.ops-operations-dashboard-demo .merchant-table{min-width:1200px}.ops-operations-dashboard-demo .entity-cell{grid-template-columns:20px 31px 1fr;align-items:center;gap:8px;min-width:215px;display:grid}.ops-operations-dashboard-demo .entity-cell>b{color:#7c8798;font-size:10px}.ops-operations-dashboard-demo .entity-cell>span{gap:3px;min-width:0;display:grid}.ops-operations-dashboard-demo .entity-cell strong{color:#28364b;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ops-operations-dashboard-demo .entity-cell small{color:#929cab;text-overflow:ellipsis;font-size:8px;overflow:hidden}.ops-operations-dashboard-demo .segmented{background:#f0f2f5;border-radius:7px;padding:3px;display:flex}.ops-operations-dashboard-demo .segmented button{color:#7a8698;background:0 0;border:0;border-radius:5px;height:28px;padding:0 10px;font-size:9px}.ops-operations-dashboard-demo .segmented button.active{color:#fff;background:var(--blue)}.ops-operations-dashboard-demo .category-strip>div{grid-template-columns:1fr auto;align-content:center;gap:8px;display:grid}.ops-operations-dashboard-demo .category-strip strong{font-size:11px}.ops-operations-dashboard-demo .category-strip i,.ops-operations-dashboard-demo .order-funnel i{background:#4f88ed;border-radius:3px;grid-column:1/-1;height:4px;margin-top:8px}.ops-operations-dashboard-demo .order-funnel>div{grid-template-columns:1fr auto;align-content:center;gap:8px;display:grid}.ops-operations-dashboard-demo .stacked-page{gap:18px;display:grid}.ops-operations-dashboard-demo .revenue-hero{color:#172238;background:#f5f9ff;border:1px solid #c5ddff;border-radius:12px;grid-template-columns:1.7fr .6fr .6fr;align-items:center;gap:15px;min-height:145px;padding:22px 24px;display:grid}.ops-operations-dashboard-demo .revenue-hero>div:first-child span{color:var(--blue);font-size:9px;font-weight:800}.ops-operations-dashboard-demo .revenue-hero h2{margin:8px 0 6px;font-size:22px}.ops-operations-dashboard-demo .revenue-hero p{color:#7d8a9e;max-width:560px;margin:0;font-size:10px;line-height:1.55}.ops-operations-dashboard-demo .revenue-hero>div:not(:first-child){border-left:1px solid #d8e4f4;flex-direction:column;justify-content:center;min-height:86px;padding-left:18px;display:flex}.ops-operations-dashboard-demo .revenue-hero>div:not(:first-child) span{color:#8190a4;font-size:10px}.ops-operations-dashboard-demo .revenue-hero>div:not(:first-child) strong{margin-top:8px;font-size:22px}.ops-operations-dashboard-demo .revenue-hero>div:not(:first-child) em{color:var(--green);margin-top:5px;font-size:9px;font-style:normal}.ops-operations-dashboard-demo .revenue-page-grid{grid-template-columns:1.1fr .9fr}.ops-operations-dashboard-demo .revenue-donut{justify-content:center;align-items:center;gap:30px;min-height:230px;padding:22px;display:flex}.ops-operations-dashboard-demo .donut-visual{background:conic-gradient(#2476f3 0 41.2%, #27aa7a 41.2% 78%, #e4a936 78% 92.6%, #a982d8 92.6% 100%);border-radius:50%;flex:none;place-items:center;width:145px;height:145px;display:grid}.ops-operations-dashboard-demo .donut-visual:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:92px;height:92px}.ops-operations-dashboard-demo .donut-visual div{z-index:1;text-align:center;grid-area:1/1}.ops-operations-dashboard-demo .donut-visual strong,.ops-operations-dashboard-demo .donut-visual span{display:block}.ops-operations-dashboard-demo .donut-visual strong{font-size:17px}.ops-operations-dashboard-demo .donut-visual span{color:#8591a2;margin-top:4px;font-size:9px}.ops-operations-dashboard-demo .revenue-donut ul{gap:13px;min-width:180px;margin:0;padding:0;list-style:none;display:grid}.ops-operations-dashboard-demo .revenue-donut li{color:#718095;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:9px;display:grid}.ops-operations-dashboard-demo .revenue-donut li i{border-radius:2px;width:7px;height:7px}.ops-operations-dashboard-demo .tone-a{background:#2476f3}.ops-operations-dashboard-demo .tone-b{background:#27aa7a}.ops-operations-dashboard-demo .tone-c{background:#e4a936}.ops-operations-dashboard-demo .tone-d{background:#a982d8}.ops-operations-dashboard-demo .revenue-donut li strong{color:#344157;font-size:10px}.ops-operations-dashboard-demo .settlement-cards{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.ops-operations-dashboard-demo .settlement-cards>div{background:#f8fbff;border:1px solid #dce6f3;border-radius:9px;flex-direction:column;justify-content:center;min-height:96px;padding:15px;display:flex}.ops-operations-dashboard-demo .settlement-cards span{color:#7d8999;font-size:10px}.ops-operations-dashboard-demo .settlement-cards strong{margin-top:7px;font-size:17px}.ops-operations-dashboard-demo .settlement-cards small{color:#8c98a8;margin-top:4px;font-size:9px}.ops-operations-dashboard-demo .settlement-cards .danger{background:#fff8f8;border-color:#ffd5d9}.ops-operations-dashboard-demo code{color:#58677b;font-size:9px}.ops-operations-dashboard-demo .drawer-backdrop{z-index:40;background:#38425238;border:0;position:fixed;inset:0}.ops-operations-dashboard-demo .detail-drawer{z-index:41;background:#f7f8fa;width:min(620px,92vw);position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 35px #24304426}.ops-operations-dashboard-demo .drawer-head{color:#172238;background:#eef5ff;border-bottom:1px solid #dbe7f8;min-height:150px;padding:24px 28px}.ops-operations-dashboard-demo .drawer-head>button{float:right;color:#405169;background:#fff;border:1px solid #cbd9eb;border-radius:6px;padding:7px 11px;font-size:10px}.ops-operations-dashboard-demo .drawer-head>span{color:var(--blue);font-size:9px;font-weight:800}.ops-operations-dashboard-demo .drawer-head h2{margin:12px 0 6px;font-size:22px}.ops-operations-dashboard-demo .drawer-head p{color:#718198;margin:0;font-size:10px}.ops-operations-dashboard-demo .drawer-body{gap:15px;padding:18px;display:grid}.ops-operations-dashboard-demo .drawer-body>section{background:#fff;border-radius:11px;overflow:hidden}.ops-operations-dashboard-demo .drawer-kpis{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.ops-operations-dashboard-demo .drawer-kpis>div{background:#fff;border:1px solid #e2e7ee;border-radius:9px;flex-direction:column;justify-content:center;min-height:80px;padding:12px;display:flex}.ops-operations-dashboard-demo .drawer-kpis span{color:#8290a2;font-size:9px}.ops-operations-dashboard-demo .drawer-kpis strong{margin-top:6px;font-size:13px}.ops-operations-dashboard-demo .mini-bars,.ops-operations-dashboard-demo .funnel-list,.ops-operations-dashboard-demo .money-waterfall,.ops-operations-dashboard-demo .ledger-timeline{gap:13px;padding:16px;display:grid}.ops-operations-dashboard-demo .mini-bars>div,.ops-operations-dashboard-demo .money-waterfall>div{color:#617086;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;font-size:9px;display:grid}.ops-operations-dashboard-demo .mini-bars i,.ops-operations-dashboard-demo .money-waterfall i{background:#edf0f4;border-radius:3px;height:5px;overflow:hidden}.ops-operations-dashboard-demo .mini-bars b{background:#4d86eb;border-radius:3px;height:100%;display:block}.ops-operations-dashboard-demo .mini-bars b.warning{background:#f0a35f}.ops-operations-dashboard-demo .drawer-list-item{color:#2f3d52;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;width:100%;min-height:62px;padding:12px 16px;display:flex}.ops-operations-dashboard-demo .drawer-list-item span,.ops-operations-dashboard-demo .drawer-list-item em{gap:4px;font-style:normal;display:grid}.ops-operations-dashboard-demo .drawer-list-item small{color:#8e99a8;font-size:8px}.ops-operations-dashboard-demo .empty-note{color:#8b96a6;padding:20px;font-size:10px}.ops-operations-dashboard-demo .customer-order-card{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.ops-operations-dashboard-demo .customer-order-card>div{border:1px solid #e2e7ed;border-radius:8px;flex-direction:column;gap:6px;min-height:76px;padding:12px;display:flex}.ops-operations-dashboard-demo .customer-order-card span,.ops-operations-dashboard-demo .customer-order-card small{color:#8793a4;font-size:8px}.ops-operations-dashboard-demo .order-item-card{border:1px solid #e1e7ee;border-radius:9px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin:15px;padding:14px;display:grid}.ops-operations-dashboard-demo .order-item-card>i{width:42px;height:42px;color:var(--blue);background:#eaf1ff;border-radius:8px;place-items:center;font-style:normal;font-weight:800;display:grid}.ops-operations-dashboard-demo .order-item-card>div{gap:4px;display:grid}.ops-operations-dashboard-demo .order-item-card span{color:#8390a2;font-size:8px}.ops-operations-dashboard-demo .order-item-card em{color:var(--green);font-style:normal;font-weight:800}.ops-operations-dashboard-demo .money-waterfall i{background:#73a1ed}.ops-operations-dashboard-demo .money-waterfall .paid i{background:#4a82e4}.ops-operations-dashboard-demo .money-waterfall .platform i{background:#28aa7c}.ops-operations-dashboard-demo .formula-card{background:#f8fafc;border:1px solid #e1e6ed;border-radius:8px;gap:8px;margin:0 16px 16px;padding:13px;display:grid}.ops-operations-dashboard-demo .formula-card code{white-space:normal}.ops-operations-dashboard-demo .ledger-timeline>div{grid-template-columns:12px 1fr auto;align-items:center;gap:10px;display:grid}.ops-operations-dashboard-demo .ledger-timeline i{background:#5d8ee4;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #edf3ff}.ops-operations-dashboard-demo .ledger-timeline span{gap:4px;display:grid}.ops-operations-dashboard-demo .ledger-timeline small{color:#8c97a7;font-size:8px}.ops-operations-dashboard-demo .ledger-timeline em{color:var(--green);font-size:10px;font-style:normal;font-weight:800}@media (max-width:1180px){.ops-operations-dashboard-demo .operations-nav{width:230px}.ops-operations-dashboard-demo .operations-workspace{margin-left:230px}.ops-operations-dashboard-demo .operations-brand>strong{font-size:16px}.ops-operations-dashboard-demo .filter-fields,.ops-operations-dashboard-demo .merchant-operations-content .filter-fields,.ops-operations-dashboard-demo .settlement-filter-grid{grid-template-columns:repeat(3,1fr)}.ops-operations-dashboard-demo .settlement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-operations-dashboard-demo .trend-row,.ops-operations-dashboard-demo .ranking-row{grid-template-columns:1fr}.ops-operations-dashboard-demo .platform-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-operations-dashboard-demo .human-agent-layout{grid-template-columns:210px minmax(0,1fr)}.ops-operations-dashboard-demo .agent-efficiency{grid-column:1/-1;grid-template-columns:180px 1fr 170px;align-items:center;gap:10px;display:grid}.ops-operations-dashboard-demo .agent-efficiency>header{border-bottom:0;padding-bottom:0}.ops-operations-dashboard-demo .agent-efficiency footer{margin-top:0}}@media (max-width:760px){.ops-operations-dashboard-demo .operations-nav{border-bottom:1px solid #ececef;border-right:0;width:100%;padding:14px 16px;position:static}.ops-operations-dashboard-demo .operations-brand{height:42px}.ops-operations-dashboard-demo .side-section{display:none}.ops-operations-dashboard-demo .operations-workspace{margin-left:0}.ops-operations-dashboard-demo .operations-header{height:58px;padding:0 16px}.ops-operations-dashboard-demo .operations-content{padding:20px 14px 40px}.ops-operations-dashboard-demo .content-tabs{gap:20px}.ops-operations-dashboard-demo .content-tabs button{font-size:17px}.ops-operations-dashboard-demo .merchant-operations-intro{flex-direction:column;align-items:flex-start}.ops-operations-dashboard-demo .merchant-operations-intro aside{width:100%}.ops-operations-dashboard-demo .merchant-operations-content .content-tabs{gap:4px;overflow-x:auto}.ops-operations-dashboard-demo .merchant-operations-content .content-tabs button{font-size:9px}.ops-operations-dashboard-demo .unified-section{margin-top:14px;scroll-margin-top:68px}.ops-operations-dashboard-demo .unified-section-title{align-items:flex-start;padding:7px 2px}.ops-operations-dashboard-demo .platform-filterbar{flex-wrap:wrap;align-items:stretch}.ops-operations-dashboard-demo .platform-filterbar .platform-search{min-width:100%}.ops-operations-dashboard-demo .platform-filterbar .platform-switch{flex:1;min-width:calc(50% - 4px)}.ops-operations-dashboard-demo .platform-period{margin-left:0}.ops-operations-dashboard-demo .platform-kpi-grid{grid-template-columns:1fr 1fr}.ops-operations-dashboard-demo .human-agent-head{flex-direction:column;align-items:flex-start}.ops-operations-dashboard-demo .human-agent-head>div{flex-wrap:wrap;align-items:flex-start}.ops-operations-dashboard-demo .human-agent-layout{grid-template-columns:1fr}.ops-operations-dashboard-demo .actor-summary{border-right:0}.ops-operations-dashboard-demo .agent-efficiency{grid-column:auto;display:block}.ops-operations-dashboard-demo .agent-efficiency>header{border-bottom:1px solid #e9e5f8;padding-bottom:7px}.ops-operations-dashboard-demo .platform-detail-head{flex-direction:column;align-items:flex-start}.ops-operations-dashboard-demo .platform-detail-head nav{width:100%;overflow-x:auto}.ops-operations-dashboard-demo .platform-detail-head nav button{flex:none}.ops-operations-dashboard-demo .commission-store-head{flex-direction:column;align-items:stretch;gap:9px}.ops-operations-dashboard-demo .commission-store-head label{min-width:0}.ops-operations-dashboard-demo .commission-summary-grid{grid-template-columns:1fr 1fr}.ops-operations-dashboard-demo .operations-conclusion{grid-template-columns:1fr}.ops-operations-dashboard-demo .operations-conclusion aside{border-top:1px solid #dfe6f0;border-left:0;padding:12px 0 0}.ops-operations-dashboard-demo .filter-fields,.ops-operations-dashboard-demo .settlement-filter-grid,.ops-operations-dashboard-demo .executive-board,.ops-operations-dashboard-demo .section-summary,.ops-operations-dashboard-demo .category-strip,.ops-operations-dashboard-demo .order-funnel,.ops-operations-dashboard-demo .revenue-page-grid{grid-template-columns:1fr}.ops-operations-dashboard-demo .metric-cell{min-height:112px}.ops-operations-dashboard-demo .filter-actions button{flex:1}.ops-operations-dashboard-demo .settlement-kpis{grid-template-columns:1fr}.ops-operations-dashboard-demo .settlement-query-actions{grid-column:auto}.ops-operations-dashboard-demo .withdrawal-toolbar{flex-direction:column;align-items:flex-start;padding:14px}.ops-operations-dashboard-demo .withdrawal-toolbar>div{width:100%;overflow-x:auto}.ops-operations-dashboard-demo .revenue-hero{grid-template-columns:1fr}.ops-operations-dashboard-demo .revenue-hero>div:not(:first-child){border-top:1px solid #d8e4f4;border-left:0;padding:12px 0 0}.ops-operations-dashboard-demo .revenue-donut{flex-direction:column}.ops-operations-dashboard-demo .drawer-kpis,.ops-operations-dashboard-demo .customer-order-card{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.ops-operations-dashboard-demo *{scroll-behavior:auto!important;transition:none!important}}