:root {
  --ink: #2f2341;
  --muted: #665b75;
  --line: #e8e1ef;
  --paper: #ffffff;
  --canvas: #f7f4fb;
  --green: #6f42c1;
  --green-2: #eee6fa;
  --lime: #cdb9f6;
  --orange: #ed9a5b;
  --red: #c95f56;
  --blue: #5488b5;
  --shadow: 0 16px 45px rgba(73, 45, 110, .1);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: "DM Sans", "Noto Sans SC", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 232px 1fr; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; background: #2b1747; color: white; padding: 28px 18px; display: flex; flex-direction: column; z-index: 20; }
.brand { width:100%; display:flex; align-items:center; gap:12px; padding:0 9px 26px; border:0; background:transparent; color:inherit; text-align:left; border-radius:12px; }
.brand:hover { opacity:.88; }
.brand:focus-visible { outline:2px solid rgba(255,255,255,.9); outline-offset:3px; }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; background: var(--lime); color: #fff; display:grid; place-items:center; font-size:21px; font-weight:700; }
.brand-name { display:block; font-size: 19px; font-weight: 700; letter-spacing: .04em; }
.brand-sub { display:block; font-size: 10px; color: #c7b6e3; margin-top: 2px; letter-spacing: .08em; }
.nav-label { color: #a98bd1; font-size: 10px; padding: 12px 10px 8px; letter-spacing: .12em; }
.nav-item { width:100%; border:0; background:transparent; color:#d1c1e8; display:flex; align-items:center; gap:12px; padding:11px 12px; margin:2px 0; border-radius:10px; text-align:left; font-size:13px; }
.nav-item:hover { background:rgba(255,255,255,.06); color:white; }
.nav-item.active { background: var(--lime); color: var(--ink); font-weight: 600; }
.nav-icon { width:18px; text-align:center; font-size:15px; }
.side-help { margin-top:auto; padding: 14px; border:1px solid rgba(255,255,255,.12); border-radius: 14px; color:#d4c7e6; font-size:11px; line-height:1.6; background:rgba(255,255,255,.035); }
.side-help strong { display:block; color:white; font-size:12px; margin-bottom:3px; }
.main { grid-column:2; min-width:0; }
.topbar { height:78px; display:flex; align-items:center; justify-content:space-between; padding: 0 34px; border-bottom:1px solid var(--line); background:rgba(247,244,251,.92); position:sticky; top:0; z-index:15; backdrop-filter: blur(12px); }
.crumb { font-size:12px; color:var(--muted); }
.top-actions { display:flex; align-items:center; gap:10px; }
.role-switch { border:1px solid var(--line); background:white; padding:8px 12px; border-radius:10px; color:var(--ink); font-size:12px; }
.icon-btn { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--line); background:white; border-radius:10px; position:relative; }
.avatar { width:36px; height:36px; border-radius:11px; background:#e6c39a; display:grid; place-items:center; font-weight:700; color:#6b3d24; overflow:hidden; flex:0 0 36px; }
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-link{border:0;padding:0;cursor:pointer;transition:transform .18s,box-shadow .18s}.avatar-link:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(111,66,193,.14)}.avatar-link:focus-visible{outline:3px solid rgba(111,66,193,.25);outline-offset:2px}
.user-identity{display:flex;flex-direction:column;text-align:right;line-height:1.3}.user-identity b{font-size:10px}.user-identity small{font-size:8px;color:var(--muted)}
.content { padding: 34px; max-width: 1500px; margin:auto; }
.headline { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
h1 { font-size:27px; margin:0 0 7px; letter-spacing:-.03em; }
.subtitle { color:var(--muted); font-size:13px; }
.btn { border:0; border-radius:11px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:600; }
.btn-primary { background:var(--green); color:white; box-shadow:0 8px 18px rgba(111,66,193,.2); }
.btn-primary:hover { background:#5b32a3; transform:translateY(-1px); }
.btn-light { background:white; border:1px solid var(--line); color:var(--ink); }
.btn-small { padding:7px 10px; font-size:11px; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-bottom:24px; }
.metric { background:var(--paper); border:1px solid #e6ebe7; border-radius:16px; padding:18px; box-shadow:0 5px 24px rgba(43,67,58,.035); }
.metric-top { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; }
.metric-icon { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--green-2); color:var(--green); font-size:14px; }
.metric-value { font-size:24px; font-weight:700; margin:11px 0 5px; letter-spacing:-.03em; }
.metric-link{width:100%;border:0;background:transparent;padding:0;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;text-align:left;cursor:pointer;font-family:inherit}.metric-link:hover{color:var(--green)}.metric-link:focus-visible{outline:2px solid #9a78cd;outline-offset:5px;border-radius:4px}
.metric-filter-card{transition:border-color .18s,box-shadow .18s,transform .18s}.metric-filter-card:hover{border-color:#c5afe5;transform:translateY(-2px);box-shadow:0 10px 28px rgba(73,45,110,.1)}.metric-filter-card.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(111,66,193,.1)}.metric-filter-card.active .metric-icon{background:var(--green);color:white}
.metric-foot { font-size:10px; color:var(--muted); }
.inline-topup{border:0;background:none;color:var(--green);padding:0;font-size:10px;font-weight:700}
.up { color:var(--green); }
.down { color:var(--red); }
.grid-main { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr); gap:18px; }
.card { background:var(--paper); border:1px solid #e6ebe7; border-radius:17px; box-shadow:0 7px 28px rgba(43,67,58,.04); overflow:hidden; }
.card-head { padding:19px 20px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.card-title { font-size:14px; font-weight:700; }
.card-note { color:var(--muted); font-size:10px; margin-top:4px; }
.link { border:0; background:transparent; color:var(--green); font-size:11px; font-weight:600; }
.chart-wrap { padding:4px 20px 18px; }
.chart { height:185px; width:100%; overflow:visible; }
.chart-grid { stroke:#e9eeea; stroke-width:1; }
.chart-area { fill:url(#area); }
.chart-line { fill:none; stroke:var(--green); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.chart-point { fill:white; stroke:var(--green); stroke-width:2; }
.chart-labels { display:flex; justify-content:space-between; color:#96a39f; font-size:9px; padding:0 4px; }
.quick-list { padding:4px 14px 15px; }
.quick-row { display:flex; gap:12px; align-items:center; padding:12px 7px; border-top:1px solid #eef1ef; }
.quick-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:#f0f5f1; color:var(--green); }
.quick-name { font-size:12px; font-weight:600; }
.quick-desc { font-size:9px; color:var(--muted); margin-top:3px; }
.arrow { margin-left:auto; color:#8b9a95; }
.lower-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; margin-top:18px; }
.toolbar { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.search { border:1px solid var(--line); background:#f8faf8; border-radius:9px; padding:8px 11px; font-size:11px; min-width:180px; outline:none; }
.search:focus { border-color:#8cb4a7; background:white; }
table { width:100%; border-collapse:collapse; }
th { text-align:left; font-size:9px; color:#82908c; letter-spacing:.06em; font-weight:600; background:#fafbfa; padding:11px 16px; border-top:1px solid #edf0ee; border-bottom:1px solid #edf0ee; }
td { padding:13px 16px; font-size:11px; border-bottom:1px solid #eef1ef; white-space:nowrap; }
tr:last-child td { border-bottom:0; }
.order-check-cell{width:44px;min-width:44px;padding-left:16px!important;padding-right:4px!important;text-align:center}.order-check{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.order-check:disabled{cursor:not-allowed;opacity:.35}.order-row-selected td{background:#faf7ff}.order-row-selected td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.order-id { font-weight:700; color:var(--green); }
.customer { color:var(--muted); font-size:9px; margin-top:2px; }
.pill { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:20px; font-size:9px; font-weight:600; }
.pill:before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.pill-green { background:#e4f2eb; color:#267159; }
.pill-orange { background:#fff0e4; color:#b66d35; }
.pill-blue { background:#e7f0f8; color:#48799f; }
.pill-red { background:#f9e8e7; color:#ae514a; }
.shipping-label{font-size:10px;font-weight:700;color:var(--ink)}
.refund-label{margin-top:5px;font-size:8px;font-weight:700;color:#267159}.refund-detail{margin-top:9px!important;padding-top:10px!important;border-top:1px dashed #cfc3df}
.platform-mini{display:inline-block;background:#e8f1ec;color:var(--green);padding:2px 5px;border-radius:4px;font-size:8px;font-weight:700;margin-right:3px}
.inventory-list { padding:0 18px 16px; }
.inventory-row { padding:13px 2px; border-top:1px solid #edf0ee; }
.inv-top { display:flex; justify-content:space-between; font-size:11px; }
.inv-name { font-weight:600; max-width:70%; }
.inv-num { font-weight:700; }
.bar { height:5px; background:#edf1ee; border-radius:8px; margin-top:9px; overflow:hidden; }
.bar > i { display:block; height:100%; background:var(--green); border-radius:8px; }
.bar.low > i { background:var(--orange); }
.page-panel { display:none; }
.page-panel.active { display:block; animation:fade .25s ease; }
@keyframes fade { from {opacity:0; transform:translateY(3px)} }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:.2s; }
.product-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.product-card.product-disabled{opacity:.68}.product-card.product-disabled:hover{transform:none}.product-status{position:absolute;top:10px;right:10px;background:#e7f3ec;color:#267159;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:700}.product-status.off{background:#f3e8e7;color:#ae514a}.product-actions{display:flex;gap:6px;align-items:center}.btn-danger{background:#fff0ef;color:var(--red);border:1px solid #f0cfcc}.btn-danger:hover{background:#fbe4e2}.product-modal{max-width:720px}.product-modal-actions{justify-content:flex-end;margin-top:18px}.product-modal-actions .btn{flex:0 0 auto;min-width:110px}
.product-visual { height:126px; display:grid; place-items:center; font-size:48px; background:linear-gradient(135deg,#edf4ef,#f9f5ec); position:relative; }
.type-tag { position:absolute; top:10px; left:10px; background:white; border-radius:6px; padding:4px 7px; font-size:9px; font-weight:700; }
.product-body { padding:15px; }
.product-name { font-size:13px; font-weight:700; }
.product-meta { font-size:10px; color:var(--muted); margin:6px 0 14px; }
.product-bottom { display:flex; justify-content:space-between; align-items:end; }
.price { font-size:17px; font-weight:700; }
.price small { font-size:9px; font-weight:500; color:var(--muted); }
.stock { font-size:9px; color:var(--green); }
.product-list{overflow:hidden}.product-list-head,.product-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(110px,.8fr) 165px 125px 70px 120px;gap:12px;align-items:center}.product-list-head{min-height:44px;padding:0 18px;background:#f7f4fb;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.04em}.product-row{min-height:102px;padding:13px 18px;border-bottom:1px solid #eeeaf3;background:white;transition:background .18s}.product-row:last-child{border-bottom:0}.product-row:hover{background:#fcfaff}.product-row.product-disabled{opacity:.62}.product-main{display:flex;align-items:center;gap:14px;min-width:0}.product-thumb{width:72px;height:72px;flex:0 0 72px;border:1px solid #e9e2f1;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f0f5f1,#faf6ee)}.product-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.product-thumb span{font-size:32px}.product-row .product-name{font-size:14px;line-height:1.45;font-weight:750;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row .product-meta{font-size:9px;margin:5px 0 7px;color:var(--muted)}.product-tags{display:flex;gap:5px}.product-tags i{font-style:normal;font-size:8px;font-weight:700;color:var(--green);background:#f0e9fa;border-radius:5px;padding:3px 6px}.product-list-cell{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.product-list-cell>small{display:none;font-size:8px;color:var(--muted)}.product-list-cell>b{font-size:11px;line-height:1.45;color:var(--ink);word-break:break-word}.product-price b{font-size:16px;color:var(--green);white-space:nowrap}.product-price>span{font-size:8px;color:var(--muted)}.tier-price-list{display:grid;gap:4px;width:100%}.tier-price-list span{display:flex;align-items:center;gap:6px}.tier-price-list i{width:20px;height:18px;border-radius:5px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:800}.tier-price-list b{font-size:11px;color:var(--ink);white-space:nowrap}.product-stock b{font-size:15px}.product-stock b em{font-size:9px;font-style:normal;font-weight:500;color:var(--muted)}.product-stock>span{font-size:8px;color:#37826a}.product-stock>span:first-letter{}.product-row .product-actions{justify-content:flex-end;flex-wrap:wrap}.product-list-empty{border:0;border-radius:0}.product-image-upload{min-height:68px;border:1px dashed #bca8d7;border-radius:10px;background:#faf8fd;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;color:var(--green);font-size:10px;font-weight:700}.product-image-upload:hover{border-color:var(--green);background:#f4eefb}.product-image-upload small{font-size:8px;font-weight:400;color:var(--muted)}
.filters { background:white; padding:12px; border:1px solid var(--line); border-radius:13px; margin-bottom:17px; display:flex; flex-wrap:wrap; gap:8px; }
.filter-chip { border:1px solid var(--line); background:white; border-radius:8px; padding:7px 11px; font-size:10px; color:var(--muted); }
.filter-chip.active { background:var(--green); color:white; border-color:var(--green); }
.empty-state { background:white; border:1px dashed #ced8d2; border-radius:18px; padding:70px 20px; text-align:center; color:var(--muted); }
.empty-icon { font-size:38px; margin-bottom:14px; }
.import-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.import-step{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px}.import-step i{grid-row:1/3;width:32px;height:32px;background:#edf2ef;color:var(--muted);display:grid;place-items:center;border-radius:9px;font-style:normal;font-weight:700}.import-step b{font-size:11px}.import-step span{font-size:9px;color:var(--muted);margin-top:3px}.import-step.active{border-color:#96b9ac}.import-step.active i{background:var(--green);color:white}.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.upload-card{text-align:center;padding:38px 22px;border-style:dashed}.upload-hero{font-size:32px;color:var(--green);margin-bottom:12px}.upload-card h3{font-size:14px;margin:0}.upload-card p{font-size:10px;color:var(--muted);margin:8px 0 20px}.selected-file{font-size:9px;color:var(--green);margin-top:12px}.import-note{margin-top:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.import-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;flex:1}.import-note b{font-size:11px}.import-note p{font-size:9px;color:var(--muted);margin:4px 0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.account-modal{max-width:650px}.account-notice{background:#eef5f1;border:1px solid #dce9e2;padding:12px;border-radius:9px;font-size:9px;color:#647871;line-height:1.7;word-break:break-all}.account-actions{justify-content:flex-end;margin-top:17px}.account-actions .btn{flex:0 0 auto}.account-actions .btn-primary{min-width:140px}
.staff-card{margin-bottom:18px}.customer-account-card{margin-top:18px}.permission-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}.permission-tags span{font-size:8px;color:var(--green);background:var(--green-2);padding:4px 7px;border-radius:999px}.permission-tags i{font-size:9px;color:var(--red);font-style:normal}.locked-admin{font-size:9px;color:var(--muted);white-space:nowrap}.staff-modal{width:min(900px,100%)}.permission-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:20px 0 12px}.permission-heading b{font-size:12px}.permission-heading small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.permission-presets{display:flex;gap:12px;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.permission-grid>label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer}.permission-grid>label:has(input:checked){border-color:#b598e7;background:#faf7ff}.permission-grid input{margin-top:3px;accent-color:var(--green)}.permission-grid span b{display:block;font-size:10px}.permission-grid span small{display:block;color:var(--muted);font-size:8px;line-height:1.55;margin-top:3px}
.zip-recognition{margin-top:18px}.zip-empty{border:1px dashed #cbd7d1;border-radius:14px;padding:20px;background:#f9fbfa;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.zip-empty b{font-size:11px;color:var(--ink)}.zip-empty span{font-size:9px}.zip-result-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.zip-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zip-summary span{background:#f3f6f4;border-radius:9px;padding:7px 9px;font-size:8px;color:var(--muted)}.zip-summary b{font-size:12px;color:var(--ink);margin-right:3px}.zip-summary .ok{background:#e7f3ec;color:#267159}.zip-summary .warn{background:#fff0e4;color:#aa6532}.file-state{font-size:9px;font-weight:600}.file-state.ok{color:#267159}.file-state.missing{color:var(--red)}.zip-ignored{padding:12px 20px;background:#fafbfa;color:var(--muted);font-size:9px;border-top:1px solid #edf0ee}.zip-no-row{text-align:center;color:var(--muted);padding:25px}.zip-error{border:1px solid #efc8c5;background:#fff4f3;color:var(--red);padding:15px;border-radius:12px;font-size:10px}
.wallet-hero{background:linear-gradient(125deg,#2b1747,#6940a5);border-radius:18px;padding:28px 30px;color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;box-shadow:0 14px 35px rgba(65,37,100,.2)}.wallet-hero>div:first-child{display:flex;flex-direction:column}.wallet-hero span{font-size:10px;color:#d9caed}.wallet-hero strong{font-size:32px;margin:8px 0 4px}.wallet-hero small{font-size:9px;color:#c4b2de}.wallet-summary{display:flex;gap:34px}.wallet-summary span{display:flex;flex-direction:column;gap:7px}.wallet-summary b{font-size:13px;color:white}.payment-intro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.payment-method{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:11px}.payment-method i,.pay-option i{width:34px;height:34px;border-radius:10px;background:#f0e9fa;color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px;flex:0 0 34px}.payment-method i.alipay-mark,.pay-option i.alipay-mark,.alipay-payment-heading i.alipay-mark{background:#e8f2ff;color:#1677ff}.payment-method span,.pay-option span{display:flex;flex-direction:column;gap:3px}.payment-method b,.pay-option b{font-size:10px}.payment-method small,.pay-option small{font-size:8px;color:var(--muted)}.topup-modal{max-width:560px}.topup-balance{background:#f1eafa;border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;margin-bottom:20px;font-size:10px}.topup-balance b{font-size:13px}.amount-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.amount-chip{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 5px;font-size:9px;color:var(--ink)}.amount-chip.active{border-color:var(--green);background:#f0e8fa;color:var(--green);font-weight:700}.topup-input{margin-bottom:21px}.pay-title{margin-top:4px}.pay-options{display:grid;gap:8px}.pay-option{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;cursor:pointer}.pay-option.disabled,.pay-option:has(input:disabled){opacity:.52;cursor:not-allowed;background:#f5f5f5}.pay-option input{display:none}.pay-option em{font-style:normal;margin-left:auto;color:white;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:9px}.pay-option.active{border-color:#9a78cd;background:#fbf9fd}.pay-option.active em{background:var(--green);border-color:var(--green)}.alipay-config-notice{margin:10px 0 0;border:1px solid #efd7b4;background:#fff8ed;color:#8d5c25;border-radius:9px;padding:9px 11px;font-size:9px;line-height:1.6}.topup-summary{margin:17px 0 9px;border-top:1px solid var(--line);padding-top:12px}.topup-summary>div{display:flex;justify-content:space-between;font-size:9px;padding:4px 0;color:var(--muted)}.topup-summary .credit-row{border-top:1px dashed var(--line);margin-top:6px;padding-top:10px;color:var(--ink)}.credit-row strong{font-size:15px}.topup-submit{width:100%;margin-top:15px;padding:12px}.alipay-payment-panel{padding:28px;text-align:center}.alipay-payment-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border-bottom:1px solid var(--line);padding-bottom:15px}.alipay-payment-heading i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800}.alipay-payment-heading span{display:flex;flex-direction:column;gap:4px;min-width:0}.alipay-payment-heading b{font-size:14px}.alipay-payment-heading small{font-size:8px;color:var(--muted);word-break:break-all}.alipay-payment-heading strong{font-size:17px;color:var(--green);white-space:nowrap}.alipay-payment-status{font-size:14px;font-weight:750;margin:24px 0 8px}.alipay-payment-status.pending{color:#9b6a2c}.alipay-payment-status.success{color:#26815e}.alipay-payment-status.error{color:var(--red)}.alipay-payment-panel p{font-size:9px;color:var(--muted);line-height:1.7;max-width:430px;margin:0 auto 18px}.alipay-payment-panel>.btn{display:block;width:100%;margin-top:9px}.insufficient{display:none;background:#fbedeb;color:var(--red);padding:8px;border-radius:8px;font-size:9px;margin:-7px 0 12px}.insufficient.show{display:block}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.fee-settings-card{overflow:visible}.settings-form{padding:2px 20px 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #edf0ee}.setting-row>span{display:flex;flex-direction:column;gap:5px}.setting-row b{font-size:12px}.setting-row small{font-size:9px;color:var(--muted)}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-width:170px}.money-input i{font-style:normal;font-size:10px;color:var(--green);font-weight:700;background:#eef5f1;padding:11px}.money-input input{border:0;outline:0;width:110px;padding:10px;font-size:12px;font-weight:700;text-align:right}.setting-preview{background:#f5f8f6;border-radius:11px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:4px}.setting-preview span{grid-column:1/-1;font-size:9px;color:var(--muted)}.setting-preview b{font-size:9px;font-weight:600}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.settings-actions small{font-size:8px;color:var(--muted)}.settings-note{padding:25px}.settings-note-icon{width:46px;height:46px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-size:12px;font-weight:700}.settings-note h3{font-size:14px;margin:18px 0 10px}.settings-note p{font-size:10px;line-height:1.8;color:var(--muted)}
.detail-modal{max-width:820px}.detail-status{background:#f5f8f6;padding:17px 22px;display:grid;grid-template-columns:110px 1fr 120px;align-items:center;border-bottom:1px solid var(--line)}.detail-status>div:first-child,.shipping-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.detail-status span,.shipping-state small{font-size:8px;color:var(--muted)}.shipping-state strong{font-size:13px}.status-route{display:flex;align-items:center;justify-content:center}.status-route i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#dfe6e2;color:#83918c;font-style:normal;font-size:8px;font-weight:700}.status-route i.done{background:var(--green);color:white}.status-route span{font-size:8px;margin:0 5px;color:#71817c}.status-route span.done{color:var(--green)}.status-route em{width:22px;height:1px;background:#cdd8d2}.detail-body{padding:20px 23px;display:flex;flex-direction:column}.detail-body>section:has(.order-screenshot-card){order:1}.detail-body>section.fee-snapshot{order:2}.detail-body section{border-bottom:1px solid #edf0ee;padding:0 0 18px;margin-bottom:18px}.detail-body section:last-child{border:0;margin-bottom:0}.detail-body h3{font-size:11px;margin:0 0 13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px}.detail-grid span{font-size:8px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.detail-grid span.wide{grid-column:1/-1}.detail-grid b{font-size:10px;color:var(--ink);font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading small{font-size:8px;color:var(--red)}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.document-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.document-visual{height:120px;background:linear-gradient(135deg,#dce9e5,#f2e7da);padding:13px}.document-visual img{width:100%;height:100%;object-fit:contain;border-radius:5px}.id-placeholder{height:100%;border:1px solid rgba(30,98,79,.18);border-radius:8px;padding:10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;color:#487064}.id-placeholder span{font-size:9px;letter-spacing:.12em}.id-placeholder b{font-size:24px;align-self:center;color:#759589}.id-placeholder small{font-size:7px;align-self:end}.document-meta{display:flex;justify-content:space-between;align-items:center;padding:10px}.document-meta>span{display:flex;flex-direction:column;gap:3px}.document-meta b{font-size:9px}.document-meta small{font-size:8px;color:var(--muted)}.fee-snapshot{background:#f7f9f7;border-radius:10px;padding:13px!important}.fee-snapshot>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:4px}.fee-snapshot b{color:var(--ink)}
.order-screenshot-upload{min-height:76px}.order-screenshot-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.order-screenshot-visual{min-height:210px;background:#f6f3fa;display:grid;place-items:center;padding:14px}.order-screenshot-visual img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px}.order-screenshot-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted)}.order-screenshot-placeholder>b{width:45px;height:45px;border-radius:12px;background:#eee7f8;color:var(--green);display:grid;place-items:center;font-size:20px}.order-screenshot-placeholder strong{font-size:11px;color:var(--ink)}.order-screenshot-placeholder span{font-size:8px;max-width:360px;line-height:1.6}.order-screenshot-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px}.order-screenshot-meta>span{display:flex;flex-direction:column;gap:3px}.order-screenshot-meta b{font-size:9px}.order-screenshot-meta small{font-size:8px;color:var(--muted)}.order-screenshot-actions{display:flex;align-items:center;gap:7px}.order-screenshot-actions label{cursor:pointer}
.screenshot-ocr-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d8c9ed;background:#f7f2fc;color:#65448f;border-radius:8px;padding:7px 9px;font-size:8px}.screenshot-ocr-status[hidden]{display:none}.screenshot-ocr-status b{font-size:9px}.screenshot-ocr-status span{color:var(--muted);text-align:right}.screenshot-ocr-status.success{border-color:#cde3d8;background:#eef7f2;color:#267159}.screenshot-ocr-status.loading{border-color:#d8c9ed;background:#f7f2fc}.screenshot-ocr-status.warning{border-color:#efd7b4;background:#fff8ed;color:#9a6324}.screenshot-ocr-status.error{border-color:#efc8c5;background:#fff4f3;color:var(--red)}
.modal-backdrop { display:none; position:fixed; inset:0; z-index:50; background:rgba(15,35,30,.55); backdrop-filter:blur(5px); padding:28px; overflow:auto; }
.modal-backdrop.open { display:flex; justify-content:center; align-items:flex-start; }
.modal { width:min(920px,100%); background:white; border-radius:20px; box-shadow:0 30px 80px rgba(10,30,24,.25); overflow:hidden; animation:pop .2s ease; }
@keyframes pop { from {opacity:0; transform:translateY(10px) scale(.99)} }
.modal-head { display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--line); }
.modal-head h2 { margin:0; font-size:17px; }
.close { border:0; background:#f0f3f1; width:30px; height:30px; border-radius:9px; }
.form-layout { display:grid; grid-template-columns:1fr 300px; }
.form-main { padding:22px 24px; }
.form-side { padding:22px; background:#f7f9f6; border-left:1px solid var(--line); }
.section-title { font-size:11px; font-weight:700; letter-spacing:.05em; margin:0 0 13px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:23px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1/-1; }
.field label { font-size:10px; color:var(--muted); }
.field input,.field select,.field textarea { border:1px solid #dfe6e1; border-radius:9px; padding:9px 10px; font-size:11px; outline:none; background:white; width:100%; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:#76a393; box-shadow:0 0 0 3px rgba(80,140,119,.08); }
.product-combobox{position:relative}.product-select-native{display:none!important}.product-combobox>#productSearchInput{padding-right:38px}.product-search-results{display:none;position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:300px;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(36,29,50,.16);padding:6px}.product-search-results.open{display:block}.product-search-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:white;border-radius:9px;padding:10px 12px;text-align:left;color:var(--ink);cursor:pointer}.product-search-option:hover,.product-search-option:focus{background:#f5effc;outline:none}.product-search-option>span{display:flex;flex-direction:column;gap:3px;min-width:0}.product-search-option>span:last-child{align-items:flex-end;flex:0 0 auto}.product-search-option b{font-size:11px}.product-search-option small{font-size:9px;color:var(--muted)}.product-search-empty{padding:18px 12px;text-align:center;color:var(--muted);font-size:10px}
@media (min-width:721px){#orderModal .modal-head{padding:11px 18px}#orderModal .modal-head h2{font-size:15px}#orderModal .form-main{padding:11px 18px}#orderModal .form-side{padding:12px 16px}#orderModal .section-title{margin-bottom:5px}#orderModal .form-grid{gap:6px 12px;margin-bottom:10px}#orderModal .field{gap:2px}#orderModal .field input,#orderModal .field select{height:32px;min-height:32px;padding:4px 8px}#orderModal .field textarea{height:44px;min-height:44px;padding:5px 8px}#orderModal .id-upload{min-height:40px;padding:5px 9px;gap:1px}#orderModal .naming-rule{padding:5px 8px}#orderModal .privacy{margin-top:5px;line-height:1.35}#orderModal .fee-title{margin-bottom:6px}#orderModal .fee-row{padding:3px 0}#orderModal .fee-total{margin-top:5px;padding-top:7px}#orderModal .balance-box{margin:7px 0;padding:6px 8px}#orderModal .hint{margin:5px 0;line-height:1.35}#orderModal .modal-actions .btn{min-height:36px}}
.rx-panel { display:none; padding:14px; border-radius:11px; background:#fff7ee; border:1px solid #f2dcc6; margin-top:-10px; margin-bottom:20px; }
.rx-panel.show { display:block; }
.upload-box { border:1px dashed #b9c9c1; background:#fbfcfb; padding:14px; text-align:center; border-radius:9px; font-size:10px; color:var(--muted); }
.id-upload{display:flex;flex-direction:column;gap:5px;cursor:pointer;min-height:63px;justify-content:center}.id-upload:hover{border-color:#7fa897;background:#f5faf7}.id-upload span{font-weight:700;color:var(--green)}.id-upload small{font-size:8px;color:var(--muted)}.naming-rule{background:#eef5f1;color:#60746d;border-radius:8px;padding:9px 11px;font-size:9px}.naming-rule b{color:var(--green)}
.order-archive-upload{background:#f7f2fc;border-color:#bda6dc}.order-archive-upload span{color:var(--purple)}.order-archive-upload:hover{background:#f2eafb;border-color:#9874c9}
.privacy { display:flex; gap:8px; font-size:9px; color:var(--muted); line-height:1.5; margin-top:13px; }
.privacy input { accent-color:var(--green); }
.fee-title { font-size:13px; font-weight:700; margin-bottom:15px; }
.fee-row { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); padding:7px 0; }
.fee-row strong { color:var(--ink); font-weight:600; }
.fee-total { border-top:1px solid #dfe6e1; margin-top:9px; padding-top:14px; display:flex; justify-content:space-between; align-items:end; }
.fee-total span { font-size:10px; }
.fee-total strong { font-size:20px; }
.balance-box { background:white; border:1px solid var(--line); border-radius:10px; padding:11px; margin:16px 0; font-size:10px; }
.balance-line { display:flex; justify-content:space-between; margin:4px 0; }
.hint { color:var(--muted); font-size:9px; line-height:1.6; margin:11px 0; }
.modal-actions { display:flex; gap:8px; }
.modal-actions .btn { flex:1; }
.toast { position:fixed; right:24px; bottom:24px; background:#2b1747; color:white; border-radius:12px; padding:13px 16px; font-size:11px; box-shadow:var(--shadow); z-index:80; transform:translateY(90px); opacity:0; transition:.3s; }
.toast.show { transform:translateY(0); opacity:1; }
.table-empty{padding:36px!important;text-align:center;color:var(--muted)}
.table-input,.table-select{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 8px;font-size:10px;color:var(--ink);outline:0}.table-input:focus,.table-select:focus{border-color:#9a78cd;box-shadow:0 0 0 3px rgba(111,66,193,.08)}.shipping-fields{display:flex;align-items:center;gap:8px;min-width:330px}.courier-select{min-width:130px}.tracking-input{min-width:150px;flex:1}.stock-delta{width:90px}.safety-input{width:75px}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions .link{padding:4px 2px}
.management-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:18px}.management-form{overflow:visible}.compact-form{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.compact-form label{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.compact-form input,.compact-form select{border:1px solid var(--line);border-radius:9px;background:white;padding:9px;color:var(--ink);outline:0}.compact-form .btn{align-self:end;min-height:36px}.management-note{padding:25px}.management-note-icon{width:46px;height:46px;border-radius:13px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-size:15px;font-weight:800}.management-note h3{font-size:14px;margin:18px 0 10px}.management-note p{font-size:10px;line-height:1.8;color:var(--muted)}.management-table{margin-top:18px}
.purchase-control-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:18px}.purchase-control-banner .management-note-icon{width:38px;height:38px;border-radius:11px;flex:0 0 38px}.purchase-control-banner b{font-size:12px}.purchase-control-banner p{font-size:9px;color:var(--muted);margin:4px 0 0}.purchase-control-banner .link{margin-left:auto;white-space:nowrap}.purchase-modal{width:min(1080px,100%)}.purchase-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.purchase-form-panel{padding:26px 4px 24px}.purchase-form-panel .compact-form{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:24px}.purchase-modal-actions{padding:0 20px;justify-content:flex-end}.purchase-modal-actions .btn{flex:0 0 auto;min-width:150px}.purchase-modal-note{border-left:1px solid var(--line);background:#fbfafc;padding:32px 26px}.purchase-modal-note h3{font-size:16px;margin:22px 0 12px}.purchase-modal-note p{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 14px}
.report-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.platform-report{padding:4px 20px 20px}.platform-report-row{display:grid;grid-template-columns:115px 1fr 135px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.platform-report-row>span,.platform-report-row>strong{display:flex;flex-direction:column;gap:4px}.platform-report-row b{font-size:11px}.platform-report-row small{font-size:8px;color:var(--muted)}.platform-report-row>div{height:7px;background:#f0eaf7;border-radius:10px;overflow:hidden}.platform-report-row i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#a787dc);border-radius:10px}.platform-report-row strong{text-align:right;font-size:11px}.report-summary{padding:5px 20px 20px}.report-summary span{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.report-summary b{color:var(--ink)}
.system-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.setting-switch{appearance:none;width:42px;height:23px;border-radius:20px;background:#d9d0e5;position:relative;transition:.2s}.setting-switch:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.2s}.setting-switch:checked{background:var(--green)}.setting-switch:checked:before{left:22px}
.courier-settings-launch{margin-top:18px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.courier-settings-launch>div{display:flex;align-items:center;gap:13px}.courier-settings-launch>div>span:last-child{display:flex;flex-direction:column;gap:4px}.courier-settings-launch b{font-size:12px}.courier-settings-launch small{font-size:9px;color:var(--muted)}.courier-settings-modal{width:min(1000px,100%)}#courierSettingsBody{max-height:calc(100vh - 150px);overflow:auto}.courier-create-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) auto;gap:10px;padding:16px 20px;background:#fbfafc}.courier-create-form .btn{white-space:nowrap}.courier-table input{min-width:150px}.courier-table .courier-code-input{min-width:110px}.danger-link{color:var(--red)!important}.courier-settings-foot{padding:13px 20px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);text-align:right}
.seller-account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%}.account-settings-card{width:100%;overflow:hidden}.account-settings-body{padding:22px clamp(22px,3vw,42px)}.account-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.account-form-actions .btn{min-width:130px}.security-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.security-tip{margin-top:17px;background:#f5f8f6;border-radius:10px;padding:12px;font-size:9px;line-height:1.7;color:var(--muted)}
@media (max-width:650px){.courier-create-form{grid-template-columns:1fr}}
.mobile-menu { display:none; }
@media (max-width:1050px) { .metrics {grid-template-columns:repeat(2,1fr)} .catalog-grid{grid-template-columns:repeat(2,1fr)} .product-list{overflow-x:auto}.product-list-head,.product-row{min-width:980px;grid-template-columns:minmax(250px,1.55fr) 145px 165px 145px 80px 140px}.grid-main,.lower-grid,.settings-layout,.management-grid,.report-grid,.seller-account-grid{grid-template-columns:1fr}.import-steps{grid-template-columns:repeat(2,1fr)} .system-status-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px) {
  .app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{width:100%}.topbar{padding:0 16px;height:65px}.mobile-menu{display:grid}.content{padding:22px 15px}.headline{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric-value{font-size:19px}.catalog-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters .search{width:100%;margin-left:0!important}.product-list{overflow:visible}.product-list-head{display:none}.product-row{min-width:0;min-height:0;padding:14px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.product-main{grid-column:1/-1}.product-thumb{width:64px;height:64px;flex-basis:64px}.product-row .product-name{white-space:normal}.product-list-cell{padding-left:78px}.product-list-cell>small{display:block}.product-price,.product-stock{padding-left:0}.product-price b,.product-stock b{font-size:14px}.product-row>.product-list-cell:nth-of-type(2){grid-column:1/-1}.product-row>.product-list-cell:nth-of-type(5){display:none}.product-row .product-actions{justify-content:flex-end;align-self:end}.form-layout{grid-template-columns:1fr}.form-side{border-left:0;border-top:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:10px}.topbar .crumb,.user-identity{display:none}.table-wrap{overflow-x:auto}.import-steps,.import-grid,.payment-intro{grid-template-columns:1fr}.import-rules{grid-template-columns:1fr}.import-note{align-items:flex-start;flex-direction:column}.zip-result-head{align-items:flex-start;flex-direction:column}.zip-summary{justify-content:flex-start}.wallet-hero{align-items:flex-start;flex-direction:column;gap:24px}.wallet-summary{width:100%;justify-content:space-between;gap:10px}.wallet-hero strong{font-size:26px}.amount-options{grid-template-columns:1fr 1fr}.setting-row,.settings-actions{align-items:flex-start;flex-direction:column}.money-input{width:100%}.money-input input{width:100%}.setting-preview{grid-template-columns:1fr}.detail-status{grid-template-columns:1fr 1fr}.status-route{grid-column:1/-1;grid-row:2;margin-top:15px}.document-grid,.detail-grid{grid-template-columns:1fr}.management-grid,.report-grid,.system-status-grid{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr}.purchase-modal-layout{grid-template-columns:1fr}.purchase-modal-note{border-left:0;border-top:1px solid var(--line)}.purchase-form-panel .compact-form{grid-template-columns:1fr}.purchase-control-banner{align-items:flex-start;flex-wrap:wrap}.purchase-control-banner .link{margin-left:52px}.permission-heading{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}.platform-report-row{grid-template-columns:90px 1fr 110px}
}

/* High-clarity typography: keep dense management screens crisp and readable. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}
button,input,select,textarea{font-family:inherit;text-rendering:optimizeLegibility}
::placeholder{color:#746a81;opacity:1}
.brand-sub,.nav-label{font-size:11px}.nav-item{font-size:14px;font-weight:500}.side-help{font-size:12px}.side-help strong{font-size:13px}
.crumb{font-size:13px}.user-identity b{font-size:13px}.user-identity small{font-size:11px}.role-switch{font-size:14px}
h1{font-size:32px;font-weight:750}.subtitle{font-size:15px}.btn{font-size:14px}.btn-small,.link{font-size:13px}
.metric-top{font-size:13px;font-weight:500}.metric-value{font-size:28px}.metric-foot,.inline-topup{font-size:12px}
.card-title{font-size:16px}.card-note,.quick-desc,.customer,.product-meta,.selected-file,.account-notice,.hint,.field label,.pill,.shipping-label{font-size:12px!important;line-height:1.5}
.quick-name,.product-name,.section-title{font-size:14px!important}.order-id{font-size:14px}.platform-mini{font-size:11px}
th{font-size:12px;font-weight:700;color:#6d7d77;padding-top:14px;padding-bottom:14px}td{font-size:14px;line-height:1.5;padding-top:15px;padding-bottom:15px}
.search,.field input,.field select,.field textarea,.table-input,.table-select,.compact-form input,.compact-form select{font-size:14px;line-height:1.4}
small{font-size:11px!important;line-height:1.5}.product-tags i,.permission-tags span,.tier-price-list i,.file-state{font-size:11px!important}
.import-step b,.import-note b,.zip-empty b,.setting-row b,.payment-method b,.pay-option b{font-size:13px!important}.import-step span,.import-note p,.zip-empty span,.setting-row small,.settings-actions small{font-size:12px!important}
@media (max-width:720px){h1{font-size:27px}.subtitle{font-size:14px}.metric-value{font-size:23px}th{font-size:11px}td{font-size:13px}}

/* Compact metric cards: preserve legibility while removing excess vertical space. */
.metrics{gap:12px;margin-bottom:18px}
.metric{padding:11px 16px;border-radius:14px}
.metric-top{min-height:28px;line-height:1.25}
.metric-icon{width:28px;height:28px;border-radius:8px;font-size:13px}
.metric-value{font-size:26px;line-height:1.08;margin:4px 0 2px}
.metric-foot{line-height:1.35;min-height:16px}
@media (max-width:720px){.metrics{gap:8px;margin-bottom:14px}.metric{padding:10px 12px}.metric-top{min-height:25px}.metric-icon{width:25px;height:25px}.metric-value{font-size:22px;margin:3px 0 1px}.metric-foot{font-size:11px;min-height:15px}}

/* Unified system settings: one full-width block with four setting units. */
.unified-settings-card{overflow:visible}.unified-settings-head{padding:20px 22px;border-bottom:1px solid var(--line)}
.unified-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px}
.unified-setting-unit{min-width:0;padding:22px 18px 20px;border-left:1px solid var(--line)}.unified-setting-unit:first-child{border-left:0}
.unified-setting-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.unified-setting-title>i{width:34px;height:34px;border-radius:10px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;flex:0 0 34px}.unified-setting-title>span{display:flex;flex-direction:column;gap:2px;min-width:0}.unified-setting-title b{font-size:14px}.unified-setting-title small{color:var(--muted)}
.unified-control{display:flex;flex-direction:column;gap:7px;margin-top:13px}.unified-control>span,.unified-single-control>span:first-child{font-size:12px;font-weight:650;color:var(--ink)}.unified-control .money-input{width:100%;min-width:0}.unified-control .money-input input{width:100%;min-width:0;text-align:right}
.unified-single-control{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fbfafc}.unified-single-control .role-switch{width:100%;background:white}.unified-setting-unit>p{margin:12px 2px 0;color:var(--muted);font-size:11px;line-height:1.65}.identity-control>span{display:flex;flex-direction:column;gap:4px}.identity-control>span small{font-weight:400;color:var(--muted)}
.unified-setting-unit:nth-child(3) .unified-single-control{min-height:0;margin-top:13px;padding:0;border:0;border-radius:0;background:transparent;align-items:stretch;flex-direction:column;justify-content:flex-start;gap:7px}.unified-setting-unit:nth-child(3) .unified-single-control>span{display:block;width:100%}.unified-setting-unit:nth-child(3) .role-switch{display:block;width:100%;min-height:42px;padding-left:12px;padding-right:12px;border-radius:10px}
.unified-settings-preview{border-top:1px solid var(--line);background:#fafbfa;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.unified-settings-preview>span{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.unified-settings-preview>span b{font-size:12px}.unified-settings-preview>span small{color:var(--muted)}.unified-settings-preview>div{display:flex;align-items:center;gap:16px}.unified-settings-preview>div>small{color:var(--muted);white-space:nowrap}.unified-settings-preview .btn{white-space:nowrap}
@media (max-width:1250px){.unified-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-setting-unit{border-top:1px solid var(--line)}.unified-setting-unit:nth-child(odd){border-left:0}.unified-setting-unit:nth-child(-n+2){border-top:0}.unified-settings-preview{align-items:flex-start;flex-direction:column}.unified-settings-preview>div{width:100%;justify-content:space-between}}
@media (max-width:720px){.unified-settings-grid{grid-template-columns:1fr;padding:0}.unified-setting-unit{border-left:0!important;border-top:1px solid var(--line)!important;padding:18px 16px}.unified-setting-unit:first-child{border-top:0!important}.unified-settings-preview{padding:15px 16px}.unified-settings-preview>span,.unified-settings-preview>div{align-items:flex-start;flex-direction:column;gap:8px}.unified-settings-preview .btn{width:100%}}

/* Vertical settings list: eight settings in one column. */
.vertical-settings-card{overflow:visible}.vertical-settings-head{padding:20px 24px;border-bottom:1px solid var(--line)}.vertical-settings-list{padding:0 24px}
.vertical-setting-row{min-height:76px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,300px);align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.vertical-setting-row:last-child{border-bottom:0}.vertical-setting-row>span{display:flex;flex-direction:column;gap:3px;min-width:0}.vertical-setting-row>span>b{font-size:14px}.vertical-setting-row>span>small{color:var(--muted)}.vertical-setting-row>.money-input{width:100%;min-width:0}.vertical-setting-row>.money-input input{width:100%;min-width:0}.vertical-setting-select{width:100%;min-height:42px;background:white}.vertical-setting-row>.setting-switch{justify-self:end}.vertical-setting-row>.btn{justify-self:end;min-width:120px}
.shipping-tier-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.shipping-tier-row .vertical-setting-row{min-height:0;border:1px solid var(--line);border-radius:14px;padding:16px;grid-template-columns:minmax(0,1fr);align-content:start}.shipping-tier-row .vertical-setting-row>span>b{font-size:13px}.shipping-tier-row .vertical-setting-row>.money-input{grid-column:1;margin-top:4px}.shipping-tier-row .vertical-setting-row:last-child{border-bottom:1px solid var(--line)}
.vertical-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--line);background:#fafbfa}.vertical-settings-footer>span{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.vertical-settings-footer>span>b{font-size:12px}.vertical-settings-footer>span>small{color:var(--muted)}.vertical-settings-footer>div{display:flex;align-items:center;gap:16px}.vertical-settings-footer>div>small{color:var(--muted);white-space:nowrap}.vertical-settings-footer .btn{white-space:nowrap}
@media (max-width:850px){.vertical-setting-row{grid-template-columns:minmax(0,1fr);gap:10px}.vertical-setting-row>.money-input,.vertical-setting-row>.vertical-setting-select,.vertical-setting-row>.setting-switch,.vertical-setting-row>.btn{grid-column:1;justify-self:stretch}.vertical-setting-row>.setting-switch{justify-self:start}.vertical-setting-row>.btn{width:100%}.vertical-settings-footer{align-items:flex-start;flex-direction:column}.vertical-settings-footer>div{width:100%;justify-content:space-between}}
@media (max-width:1000px){.shipping-tier-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.shipping-tier-row{grid-template-columns:1fr}.shipping-tier-row .vertical-setting-row>.money-input{grid-column:1/-1}}
@media (max-width:560px){.vertical-settings-head,.vertical-settings-list,.vertical-settings-footer{padding-left:16px;padding-right:16px}.vertical-settings-footer>span,.vertical-settings-footer>div{align-items:flex-start;flex-direction:column;gap:8px}.vertical-settings-footer .btn{width:100%}}

/* Compact, all-white sidebar navigation. */
.nav-label{color:#fff;font-size:10px;line-height:1.2;padding:8px 10px 5px;opacity:1}
.nav-item{color:#fff;gap:10px;padding:7px 12px;margin:1px 0;border-radius:9px;font-size:13px;line-height:1.25;min-height:34px}
.nav-icon{color:#fff;width:17px;font-size:14px;line-height:1}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.12)}
.nav-item.active{color:#fff;background:#6f42c1;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.topbar-profile{border:0;background:transparent;padding:4px;border-radius:13px;display:flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer;transition:background .18s,box-shadow .18s}.topbar-profile:hover{background:#eee6fa}.topbar-profile:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(111,66,193,.18)}.seller-profile-modal{max-width:560px}.seller-profile-form-main{display:grid;gap:18px}.seller-profile-preview{display:flex;align-items:center;gap:16px;padding:4px 0 18px;border-bottom:1px solid var(--line)}.seller-profile-preview>span{display:flex;flex-direction:column;gap:4px;min-width:0}.seller-profile-preview b{font-size:17px}.seller-profile-preview small{color:var(--muted)}.profile-avatar-preview{width:82px;height:82px;flex:0 0 82px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#d8c6f6,#7040bd);color:#fff;font-size:29px;font-weight:800}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar-picker{min-height:96px;border:1px dashed #bca8d7;border-radius:13px;background:#faf8fd;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:18px;cursor:pointer;color:var(--green);font-size:12px;font-weight:700;transition:background .18s,border-color .18s}.profile-avatar-picker:hover{background:#f4eefb;border-color:var(--green)}.profile-avatar-picker small{color:var(--muted);font-size:9px;font-weight:400}.seller-profile-actions{justify-content:flex-end;margin-top:0}.seller-profile-actions .btn{flex:0 0 auto;min-width:120px}.self-password-modal{max-width:520px}.self-password-actions{justify-content:flex-end;margin-top:20px}.self-password-actions .btn{flex:0 0 auto;min-width:110px}
.sidebar{overflow:hidden}.sidebar .brand{flex:0 0 auto}.sidebar #nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent;-webkit-overflow-scrolling:touch}.sidebar #nav::-webkit-scrollbar{width:5px}.sidebar #nav::-webkit-scrollbar-track{background:transparent}.sidebar #nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:10px}.sidebar #nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.68)}.sidebar .side-help{flex:0 0 auto;margin-top:12px}
.seller-name-link{display:inline-block;border:0;background:transparent;padding:0;color:var(--ink);font-weight:700;text-align:left;line-height:1.5;border-radius:4px}.seller-name-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.seller-name-link:focus-visible{outline:2px solid #9a78cd;outline-offset:3px}
.sidebar-scrim{display:none;border:0;padding:0;background:rgba(18,10,31,.48);backdrop-filter:blur(2px)}

@media (max-width:720px){
  .app-shell{min-height:100dvh}
  .sidebar{width:min(84vw,300px);padding:max(22px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));z-index:45;box-shadow:18px 0 45px rgba(20,10,35,.22)}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
  .sidebar-scrim.open{opacity:1;visibility:visible;pointer-events:auto}
  body.mobile-nav-open{overflow:hidden;touch-action:none}
  .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top))}
  .content{padding:18px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .icon-btn,.btn,.nav-item{min-height:44px}
  .filters{gap:8px}.filter-chip{min-height:40px}
  .search,.field input,.field select,.field textarea,.table-input,.table-select,.compact-form input,.compact-form select{font-size:16px}
  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:20px 20px 0 0;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
  .modal-head{position:sticky;top:0;z-index:2;background:#fff}
  .table-wrap{max-width:calc(100vw - 24px);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .metrics{grid-template-columns:1fr}
  .platform-report-row{grid-template-columns:1fr;gap:8px}.platform-report-row strong{text-align:left}
}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}