:root{
  --primary:#7357f6;--primary-dark:#5f43e5;--primary-soft:#f0edff;--blue:#3d7cf4;
  --ink:#25252f;--muted:#8b8d9a;--line:#e9eaf0;--paper:#f5f6fa;--panel:#fff;
  --green:#35a36f;--green-soft:#eaf8f1;--red:#d6545d;--red-soft:#fff0f1;--orange:#ed8b4a;--orange-soft:#fff4eb;
  --shadow:0 10px 34px rgba(39,39,64,.055)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
button,input,select{font:inherit}button{cursor:pointer;outline:none}button:focus-visible{box-shadow:0 0 0 3px rgba(115,87,246,.16)}button:disabled{opacity:.45;cursor:not-allowed}[v-cloak]{display:none!important}

/* Login */
.login-page{background:#f6f6fb}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(35,31,66,.08)}.login-card h2{font-size:26px;text-align:center;margin:0 0 28px}.login-submit{width:100%;height:48px;margin-top:14px;display:flex;justify-content:center;align-items:center}.alert{padding:12px 14px;border-radius:8px;font-size:12px;margin-bottom:16px}.alert.error{background:var(--red-soft);color:#ad3d46}.alert.warning{background:#fff7e8;color:#9a6b15}

/* Shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:30}.side-brand{height:50px;display:flex;align-items:center;gap:11px;padding:0 8px 16px}.brand-mark.small{width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;font-size:17px;box-shadow:0 8px 20px rgba(115,87,246,.24)}.side-brand>div{display:flex;flex-direction:column;gap:2px}.side-brand strong{font-size:15px}.side-brand small{font-size:8px;letter-spacing:.18em;color:#a1a2ad}.side-nav{padding-top:18px;display:flex;flex-direction:column;gap:4px}.side-nav p{font-size:9px;letter-spacing:.14em;color:#b4b5bf;margin:14px 12px 7px}.side-nav button{height:42px;border:0;border-radius:8px;background:transparent;color:#696b77;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;transition:.16s}.side-nav button:hover{background:#f7f7fa;color:#383943}.side-nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:750}.nav-index{width:22px;font-size:9px;letter-spacing:.04em;color:#a9aab4}.side-nav button.active .nav-index{color:var(--primary)}.side-user{margin-top:auto;padding:16px 6px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;background:#efeaff;color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}.avatar.compact{width:32px;height:32px}.side-user>div:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.side-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:9px;color:var(--muted);margin-top:3px}.side-user form button{border:0;background:transparent;color:#a1a2ad;font-size:10px;padding:4px}.workspace{min-height:100vh;margin-left:218px}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.breadcrumb{font-size:11px;color:#a0a1ab}.breadcrumb span{margin:0 8px;color:#d0d1d7}.breadcrumb b{color:#565864;font-weight:600}.top-account{display:flex;align-items:center;gap:14px}.cache-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#7e808b}.cache-state i{width:7px;height:7px;border-radius:50%;background:var(--green)}.top-date{font-size:10px;color:#a0a1ab;border-left:1px solid var(--line);padding-left:14px}.page-heading{padding:27px 30px 0;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:9px;color:var(--primary);letter-spacing:.16em;font-weight:800}.page-heading h1{font-size:25px;letter-spacing:-.035em;margin:7px 0 6px}.page-heading p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.page-section{padding:20px 30px 42px}

/* Common controls */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field>span{font-size:10px;font-weight:700;color:#6f717c}.field input,.field select,.pagination select{height:40px;border:1px solid #e2e3e9;border-radius:7px;background:#fff;color:var(--ink);padding:0 12px;outline:none;transition:.16s}.field input:focus,.field select:focus,.pagination select:focus{border-color:#9c8bf6;box-shadow:0 0 0 3px rgba(115,87,246,.09)}.primary-btn,.ghost-btn{height:40px;border-radius:7px;padding:0 16px;font-size:11px;font-weight:750;border:1px solid transparent;white-space:nowrap}.primary-btn{background:var(--primary);color:#fff;box-shadow:0 7px 16px rgba(115,87,246,.18)}.primary-btn:hover{background:var(--primary-dark)}.ghost-btn{background:#fff;border-color:#dedfe6;color:#5e606b}.ghost-btn:hover{border-color:#bdb5f0;color:var(--primary)}.compact-btn{height:34px}.text-action{border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:750;padding:6px}.filter-panel{padding:14px 16px;margin-bottom:16px}.filter-row{display:flex;align-items:flex-end;gap:10px}.field.compact{margin:0}.select-field{width:230px}.keyword-field{flex:1;min-width:210px}.date-field{width:154px}.toolbar-actions,.panel-actions{display:flex;align-items:center;gap:8px}

.status-field{width:190px}

/* Vue select */
.vue-select{position:relative}.select-trigger{height:40px;width:100%;border:1px solid #e2e3e9;border-radius:7px;background:#fff;padding:0 12px;text-align:left;color:#343641;font-size:11px}.vue-select.open .select-trigger{border-color:#9c8bf6;box-shadow:0 0 0 3px rgba(115,87,246,.09)}.select-trigger i{display:none}.select-menu{position:absolute;left:0;top:45px;z-index:90;width:max-content;min-width:100%;max-width:340px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px;box-shadow:0 14px 38px rgba(31,29,52,.14)}.select-menu button{display:block;width:100%;height:36px;border:0;border-radius:6px;background:#fff;text-align:left;padding:0 10px;font-size:11px;color:#595b65;white-space:nowrap}.select-menu button:hover,.select-menu button.selected{background:var(--primary-soft);color:var(--primary);font-weight:700}

/* Reusable Vue date picker */
.vue-date-picker{position:relative}.date-trigger{width:100%;height:44px;border:1px solid #e2e3e9;border-radius:7px;background:#fff;color:#343641;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;text-align:left;white-space:nowrap}.date-trigger .placeholder{color:#a1a3ad}.vue-date-picker.open .date-trigger{border-color:#9c8bf6;box-shadow:0 0 0 3px rgba(115,87,246,.09)}.calendar-icon{position:relative;width:18px;height:18px;border:2px solid #454752;border-radius:4px;flex:none}.calendar-icon:before{content:"";position:absolute;left:-2px;right:-2px;top:3px;border-top:2px solid #454752}.calendar-icon:after{content:"";position:absolute;left:3px;top:8px;width:2px;height:2px;border-radius:1px;background:#454752;box-shadow:5px 0 #454752,10px 0 #454752,0 5px #454752,5px 5px #454752,10px 5px #454752}.date-picker-menu{position:absolute;left:0;top:50px;z-index:160;width:300px;max-width:calc(100vw - 112px);padding:12px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 48px rgba(31,29,52,.16)}.date-picker-menu header{height:36px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:7px}.date-picker-menu header strong{text-align:center;font-size:14px;color:#3d3f49}.date-picker-menu header button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#777985;font-size:24px;line-height:1}.date-picker-menu header button:hover{background:var(--primary-soft);color:var(--primary)}.date-weekdays,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-weekdays span{height:27px;display:grid;place-items:center;color:#a0a2ac;font-size:11px;font-weight:700}.date-grid button{aspect-ratio:1;border:0;border-radius:7px;background:transparent;color:#555762;font-size:12px}.date-grid button:hover{background:var(--primary-soft);color:var(--primary)}.date-grid button.outside{color:#c7c8cf}.date-grid button.today{box-shadow:inset 0 0 0 1px #b9aff4;color:var(--primary);font-weight:800}.date-grid button.selected{background:var(--primary);color:#fff;box-shadow:none;font-weight:800}.date-picker-menu footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:9px;padding-top:10px}.date-picker-menu footer button{height:28px;border:0;border-radius:6px;background:transparent;color:var(--primary);padding:0 8px;font-size:12px;font-weight:750}.date-picker-menu footer button:hover{background:var(--primary-soft)}

/* Metrics */
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-grid article{min-height:126px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.metric-grid article.metric-primary{background:var(--primary);border-color:var(--primary);color:#fff}.metric-grid article>span{font-size:10px;color:#7d7f8a}.metric-grid article>strong{font-size:24px;letter-spacing:-.035em;margin:15px 0 6px}.metric-grid article>small{font-size:9px;color:#a0a2ac}.metric-grid .metric-primary>span,.metric-grid .metric-primary>small{color:#e5e1ff}.analytics-metrics{grid-template-columns:repeat(4,minmax(180px,1fr));overflow:visible;padding-bottom:2px}.analytics-metrics article{min-width:0}

/* Tables */
.table-panel{overflow:visible}.panel-head{min-height:69px;padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h2,.section-toolbar h2{font-size:15px;margin:0 0 5px}.panel-head p,.section-toolbar p{font-size:10px;color:var(--muted);margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{height:41px;background:#fafafd;border-bottom:1px solid var(--line);text-align:left;padding:0 14px;font-size:9px;letter-spacing:.06em;color:#9597a2;white-space:nowrap;font-weight:750}td{height:62px;border-bottom:1px solid #efeff3;padding:10px 14px;font-size:11px;color:#585a65;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfbfe}.daily-table{min-width:900px}.daily-table td{height:54px}.device-cell{display:flex;flex-direction:column;gap:4px}.device-cell strong,.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;color:#3e404a}.device-cell small{font-size:9px;color:#a0a2ad}.shop-chip,.mini-chip{display:inline-flex;background:#f2f2f7;color:#656772;border-radius:5px;padding:5px 7px;font-size:9px;margin:2px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;background:#f1f2f5;color:#868892;font-size:9px;font-weight:750;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:#a7a8b0}.status-pill.success{background:var(--green-soft);color:#27875c}.status-pill.success i{background:var(--green)}.status-pill em{font-style:normal;opacity:.7}.flow-standalone{font-size:11px;color:#3d3f49;border-bottom:1px dashed #b9bac2;padding-bottom:2px}.money-text{color:var(--primary);font-size:12px}.muted-text{color:#aaa}.cell-note{display:block;font-size:8px;color:#a0a1ab;margin-top:4px}.count-chip{display:inline-grid;place-items:center;min-width:27px;height:24px;border-radius:6px;font-size:10px;font-weight:800}.count-chip.gift{background:var(--orange-soft);color:#c66e34}

/* Tooltips and statuses */
.tooltip-wrap{position:relative;width:max-content}.rich-tooltip{position:absolute;z-index:120;left:0;bottom:calc(100% + 8px);width:235px;padding:11px 12px;background:#2c2a39;color:#fff;border-radius:8px;box-shadow:0 16px 36px rgba(24,23,36,.25);opacity:0;visibility:hidden;transform:translateY(5px);transition:.14s;pointer-events:none}.tooltip-wrap:hover .rich-tooltip{opacity:1;visibility:visible;transform:none}.rich-tooltip>b{display:block;padding-bottom:8px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.12);font-size:10px;color:#ddd9ef}.rich-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:9px}.rich-tooltip .green{color:#81deb0}.rich-tooltip .red{color:#ff9ca4}.flow-tooltip{width:260px}.table-wrap .rich-tooltip{bottom:auto;top:calc(100% + 8px)}.recharge-tooltip{left:auto;right:0;width:390px;max-height:380px;overflow:auto}.recharge-tooltip article{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}.recharge-tooltip article:last-child{border-bottom:0}.recharge-tooltip header{display:flex;justify-content:space-between;gap:10px}.recharge-tooltip header span{font-size:8px;color:#aaa6bd}.recharge-tooltip header strong{color:#d5ceff;font-size:10px}.recharge-tooltip p{font-size:10px;margin:5px 0}.recharge-tooltip small{font-size:8px;color:#b8b4c9}.recharge-tooltip code{display:block;margin-top:5px;font-size:8px;color:#8e8a9d}.boolean-status{display:inline-flex;align-items:center;gap:6px;height:28px;border-radius:7px;padding:0 9px;font-size:9px;font-weight:700}.boolean-status.yes{background:var(--green-soft);color:#27875c}.boolean-status.no{background:var(--red-soft);color:#bd4650}.refund-tags{display:flex;gap:4px;flex-wrap:wrap}.refund-tag{display:inline-flex;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:750}.refund-tag.refunded{background:var(--orange-soft);color:#b9652e}.refund-tag.returned{background:var(--red-soft);color:#bb454d}.refund-tag.normal{background:var(--green-soft);color:#2d805a}.refund-tag.unknown{background:#f1f2f5;color:#8d8f98}

.pagination{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0 16px;font-size:9px;color:#858792}.pagination select{height:31px;font-size:9px}.pagination button{height:31px;border:1px solid var(--line);background:#fff;color:#666874;border-radius:6px;padding:0 10px;font-size:9px}.loading-line{padding:40px;text-align:center;color:#8f919c}.empty-state{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#9a9ca5}.empty-state strong{color:#555762}.empty-state span{font-size:10px}.error-state{margin:16px;background:#fff7f8;color:#b35259}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.store-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:12px;box-shadow:var(--shadow)}.store-avatar{width:40px;height:40px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:15px;font-weight:900}.store-main h3{font-size:12px;margin:2px 0 10px}.store-main p{font-size:9px;color:#92949e;margin:5px 0}.store-main span{color:#5c5e68}.card-actions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:flex-end;gap:10px}.card-actions button{border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:750}.card-actions .danger-link{color:var(--red)}.role-tag{font-family:inherit;background:var(--primary-soft);color:var(--primary);border-radius:4px;padding:3px 5px;margin-left:5px;font-size:7px}.token-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px}.token-card{padding:24px}.token-hero{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.token-hero h2{font-size:17px;margin:6px 0 4px}.token-hero p{font-size:10px;color:var(--muted);margin:0}.token-actions{display:flex;gap:8px;margin-top:18px}.status-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.status-orb{width:46px;height:46px;border-radius:50%;background:#e0e1e6;margin-bottom:17px}.status-orb.success{background:var(--green)}.status-orb.failed{background:var(--red)}.status-card h3{font-size:9px;color:#989aa4;margin:0 0 7px}.status-card strong{font-size:19px}.status-card p{font-size:10px;color:#858792;line-height:1.6}.status-card small{font-size:9px;color:#aaa}.check-group{min-height:40px;border:1px solid var(--line);border-radius:7px;padding:5px;display:flex;gap:5px;flex-wrap:wrap}.check-group input{position:absolute;opacity:0}.check-group label span{display:block;padding:6px 8px;border-radius:5px;font-size:9px;color:#777985}.check-group input:checked+span{background:var(--primary-soft);color:var(--primary);font-weight:750}

.metric-toggle{height:44px;display:flex;align-items:center;padding:4px;border:1px solid #e2e3e9;border-radius:8px;background:#fff}.metric-toggle button{height:34px;border:0;border-radius:6px;background:transparent;color:#777985;padding:0 14px;font-size:13px}.metric-toggle button.active{background:var(--primary-soft);color:var(--primary);font-weight:800}.rank-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f2f6;color:#777985;font-weight:850}.rank-badge.top-three{background:var(--primary-soft);color:var(--primary)}.flow-rank-table{min-width:900px}

.toast{position:fixed;right:22px;top:20px;z-index:200;background:#2e2c3d;color:#fff;padding:11px 15px;border-radius:8px;box-shadow:var(--shadow);font-size:10px}.toast.error{background:#aa4149}.modal-backdrop{position:fixed;inset:0;background:rgba(27,26,38,.48);z-index:180;display:grid;place-items:center;padding:20px}.modal{width:min(600px,100%);background:#fff;border-radius:14px;padding:23px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head p{font-size:8px;letter-spacing:.14em;color:#a0a2ac;margin:0 0 5px}.modal-head h2{font-size:18px;margin:0}.modal-head button{border:0;background:transparent;color:#8b8d97;font-size:10px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.switch-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:15px;font-size:10px;font-weight:750}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}

@media(max-width:1320px){.analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.filter-row{flex-wrap:wrap}.keyword-field{min-width:280px}.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.sidebar{width:76px;padding:16px 9px}.side-brand{justify-content:center;padding-left:0;padding-right:0}.side-brand>div,.side-nav p,.side-user>div:nth-child(2),.side-user form{display:none}.side-nav button{justify-content:center;padding:0;font-size:0}.nav-index{font-size:9px;width:auto}.workspace{margin-left:76px}.metric-grid,.analytics-metrics{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.token-layout{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{padding:0 16px}.top-account .cache-state,.top-date{display:none}.page-heading{padding:21px 18px 0}.page-section{padding:16px 18px 30px}.filter-row{align-items:stretch}.select-field,.keyword-field,.date-field{width:100%;min-width:100%}.metric-grid,.analytics-metrics{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:18px}.login-card{padding:30px 22px}}
@media(max-width:680px){.status-field{width:100%;min-width:100%}}

/* Readability pass: keep the dense admin layout without tiny text */
.side-brand strong{font-size:17px}.side-brand small{font-size:10px}.side-nav p{font-size:11px}.side-nav button{font-size:14px;height:46px}.nav-index{font-size:11px}.side-user strong{font-size:13px}.side-user small,.side-user form button{font-size:11px}
.breadcrumb,.cache-state,.top-date{font-size:13px}.page-heading h1{font-size:30px}.page-heading p{font-size:14px}.eyebrow{font-size:11px}
.field>span{font-size:13px}.field input,.field select,.select-trigger{font-size:14px;height:44px}.select-menu{top:49px}.select-menu button{font-size:14px;height:40px}.primary-btn,.ghost-btn{font-size:14px;height:44px}.compact-btn{height:38px}.text-action{font-size:13px}
.metric-grid article{min-height:140px;padding:20px}.metric-grid article>span{font-size:13px}.metric-grid article>strong{font-size:29px}.metric-grid article>small{font-size:12px}
.panel-head{min-height:80px;padding:18px 20px}.panel-head h2,.section-toolbar h2{font-size:19px}.panel-head p,.section-toolbar p{font-size:13px;line-height:1.6}
th{height:48px;padding:0 16px;font-size:12px}td{height:72px;padding:12px 16px;font-size:14px}.daily-table td{height:62px}.device-cell strong,.mono{font-size:13px}.device-cell small{font-size:12px}.shop-chip,.mini-chip{font-size:12px;padding:6px 8px}.status-pill{font-size:12px;padding:6px 9px}.flow-standalone{font-size:14px}.money-text{font-size:15px}.cell-note{font-size:11px}.count-chip{font-size:13px}.boolean-status{height:34px;font-size:12px}.refund-tag{font-size:11px;padding:5px 7px}
.rich-tooltip>b{font-size:12px}.rich-tooltip>div{font-size:11px}.recharge-tooltip header span,.recharge-tooltip small,.recharge-tooltip code{font-size:10px}.recharge-tooltip header strong,.recharge-tooltip p{font-size:12px}
.pagination{height:62px;font-size:11px}.pagination select,.pagination button{height:34px;font-size:11px}.loading-line{font-size:13px}.empty-state span{font-size:12px}
.store-main h3{font-size:14px}.store-main p,.card-actions button{font-size:11px}.role-tag{font-size:9px}.token-hero p,.status-card p{font-size:12px}.status-card h3,.status-card small{font-size:11px}.check-group label span{font-size:11px}.modal-head p{font-size:10px}.modal-head button,.switch-row{font-size:12px}.toast{font-size:12px}

/* Single-scroll tables: fit the workspace instead of nesting scroll containers */
.table-wrap{overflow:visible}.table-wrap table{width:100%;min-width:0;table-layout:fixed}.table-wrap th,.table-wrap td{min-width:0;padding-left:8px;padding-right:8px;white-space:normal;overflow-wrap:anywhere}
.device-data-table th{min-width:0!important}.device-data-table th,.device-data-table td{padding-left:8px;padding-right:8px}.device-data-table th:nth-child(1){width:23%}.device-data-table th:nth-child(2){width:18%}.device-data-table th:nth-child(3){width:11%}.device-data-table th:nth-child(4){width:13%}.device-data-table th:nth-child(5){width:14%}.device-data-table th:nth-child(6){width:10%}.device-data-table th:nth-child(7){width:11%}
.device-data-table .shop-chip{max-width:100%;white-space:normal;line-height:1.45}.device-data-table .refund-tags{flex-wrap:wrap;white-space:normal}.device-order{overflow-wrap:anywhere}.status-stack,.flow-pair{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.flow-pair>div{display:flex;align-items:center;gap:5px;max-width:100%}.flow-pair small{flex:none;color:#999ba5;font-size:10px}
.flow-rank-table th:nth-child(1){width:8%}.flow-rank-table th:nth-child(2){width:18%}.flow-rank-table th:nth-child(3){width:17%}.flow-rank-table th:nth-child(4),.flow-rank-table th:nth-child(5){width:16%}.flow-rank-table th:nth-child(6){width:12%}.flow-rank-table th:nth-child(7){width:13%}
.performance-table table th:nth-child(1){width:20%}.performance-table table th:nth-child(2){width:18%}.performance-table table th:nth-child(3),.performance-table table th:nth-child(4){width:16%}.performance-table table th:nth-child(5){width:14%}.performance-table table th:nth-child(6){width:16%}
.metric-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.metric-footer>span{min-width:0}.metric-footer>b{flex:none;color:var(--primary);font-size:11px}.metric-rate-list{display:flex;flex-direction:column;gap:5px;margin-top:auto}.metric-rate-list>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-rate-list i{font-style:normal}.metric-rate-list b{color:var(--primary);font-size:11px;white-space:nowrap}
@media(max-width:680px){.table-wrap th{padding:7px 4px;font-size:10px}.table-wrap td{padding:9px 4px;font-size:11px}.device-data-table th,.device-data-table td{padding-left:4px;padding-right:4px}.status-stack,.flow-pair{gap:4px}.boolean-status{padding:0 6px;font-size:10px}}

/* Product sales and fixed package commission */
.product-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.product-name-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.product-name-cell strong{color:#373943;line-height:1.45}.product-name-cell small{color:#92949f;line-height:1.45}.commission-text{color:var(--primary);font-weight:850}.refund-text{color:var(--red)}.commission-status{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:30px;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:750;white-space:normal}.commission-status.configured{background:var(--green-soft);color:#27875c}.commission-status.missing{background:var(--orange-soft);color:#bd692f}.commission-input-wrap{height:40px;width:100%;max-width:150px;display:flex;align-items:center;border:1px solid #dedfe6;border-radius:7px;background:#fff;overflow:hidden}.commission-input-wrap:focus-within{border-color:#9c8bf6;box-shadow:0 0 0 3px rgba(115,87,246,.09)}.commission-input-wrap span{flex:none;padding-left:10px;color:#858791}.commission-input-wrap input{width:100%;min-width:0;height:100%;border:0;outline:0;padding:0 8px;background:transparent;color:#343641;font-size:14px}
.product-sales-table th:nth-child(1){width:24%}.product-sales-table th:nth-child(2){width:13%}.product-sales-table th:nth-child(3){width:14%}.product-sales-table th:nth-child(4){width:14%}.product-sales-table th:nth-child(5){width:12%}.product-sales-table th:nth-child(6){width:11%}.product-sales-table th:nth-child(7){width:12%}.product-sales-table.daily-product-table th:nth-child(1){width:10%}.product-sales-table.daily-product-table th:nth-child(2){width:22%}.product-sales-table.daily-product-table th:nth-child(3){width:12%}.product-sales-table.daily-product-table th:nth-child(4){width:13%}.product-sales-table.daily-product-table th:nth-child(5){width:13%}.product-sales-table.daily-product-table th:nth-child(6){width:11%}.product-sales-table.daily-product-table th:nth-child(7){width:9%}.product-sales-table.daily-product-table th:nth-child(8){width:10%}
.commission-table th:nth-child(1){width:22%}.commission-table th:nth-child(2){width:15%}.commission-table th:nth-child(3){width:18%}.commission-table th:nth-child(4){width:13%}.commission-table th:nth-child(5){width:15%}.commission-table th:nth-child(6){width:9%}.commission-table th:nth-child(7){width:8%}
@media(max-width:980px){.product-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-input-wrap{height:36px}.commission-input-wrap span{padding-left:6px}.commission-input-wrap input{padding:0 4px;font-size:12px}.commission-status{padding:4px 5px;font-size:10px}.commission-table .compact-btn{padding:0 8px}}
@media(max-width:680px){.product-metrics{grid-template-columns:1fr}.product-name-cell{gap:3px}.product-name-cell small,.product-sales-table .cell-note,.commission-table .cell-note{font-size:10px}.commission-table .compact-btn{height:34px;padding:0 5px;font-size:11px}}

/* Current-account actions shared by administrators and sub-accounts */
.side-user-actions{display:flex;flex-direction:column;align-items:flex-end;flex:none}.side-user-actions button{border:0;background:transparent;color:#92949f;font-size:11px;padding:3px 2px}.side-user-actions button:hover{color:var(--primary)}.top-password-action{display:none;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--primary);padding:0 10px;font-size:12px;font-weight:750}
@media(max-width:980px){.side-user-actions{display:none}.top-password-action{display:block}}