:root{--ink:#1e2a37;--muted:#73808d;--line:#e8edf1;--surface:#fff;--canvas:#f5f7f8;--green:#176e55;--green-soft:#eaf4ef;--blue:#366a9b;--blue-soft:#edf3f8;--amber:#a85e15;--amber-soft:#fff3e6;--red:#ae4a4b;--red-soft:#fff0ef;--violet:#745b9e;--violet-soft:#f3eff8;--shadow:0 3px 14px rgba(29,47,63,.045)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:26px;background:linear-gradient(135deg,#eef4f1,#f7f8f8 58%,#edf2f4)}.login-card{width:min(430px,100%);padding:39px 38px 30px;border:1px solid #e1e9e5;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(29,58,49,.1)}.login-card .brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#fff;background:var(--green);font-size:15px;font-weight:800}.login-eyebrow{display:block;margin-top:24px;color:#82918e;font-size:10px;font-weight:700;letter-spacing:1.8px}.login-card h1{margin:7px 0 8px;color:#203039;font-size:27px}.login-card p{margin:0 0 27px;color:#7d898c;font-size:12px}.login-card label{color:#5f6d71;font-size:12px}.login-card input{height:43px}.login-card form>button{width:100%;height:43px;margin-top:9px;background:var(--green)}.login-card form>button span{float:right;font-size:17px;line-height:14px}.login-footnote{display:block;margin-top:24px;color:#a0aaad;font-size:10px;text-align:center}.error{font-size:12px}
body{background:var(--canvas);color:var(--ink);font-size:13px}.app{grid-template-columns:238px minmax(0,1fr);background:var(--canvas)}.sidebar{position:sticky;top:0;height:100vh;min-height:100vh;border:0;border-right:1px solid var(--line);background:#fbfcfc;box-shadow:none}.brand-lockup{height:76px;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.brand-logo{width:34px;height:34px;border-radius:9px;color:#fff;background:#176e55;font-size:12px;font-weight:800}.brand-lockup h1{font-size:15px}.brand-lockup p{margin-top:4px;font-size:9px;letter-spacing:1px;color:#96a1a9}.nav{gap:18px;padding:21px 12px}.nav-group{gap:4px}.nav-group-title{padding:0 12px 6px;font-size:10px;letter-spacing:1px;color:#a0a9b0}.nav a{min-height:39px;border-radius:5px;font-size:12px;color:#64717b}.nav a.active{background:var(--green-soft);color:var(--green)}.nav a.active:before{position:absolute;left:0;width:3px;height:20px;background:var(--green);content:''}.nav-current{display:none}.nav-icon{font-size:15px}.sidebar-foot{margin: auto 18px 18px;padding-top:14px;color:#7d898f;font-size:11px}.sidebar-toggle{top:22px;right:-13px;width:26px;height:26px;border-radius:5px}.sidebar.collapsed{width:68px;min-width:68px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:12;height:66px;padding:0 30px;border-color:var(--line);background:rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(26,45,61,.025);backdrop-filter:blur(12px)}.topbar-left{gap:10px}.topbar-left strong{font-size:13px}.breadcrumb-muted{font-size:12px}.topbar-right{gap:13px}.global-order-search{display:flex;align-items:center;gap:8px;width:min(300px,24vw);height:34px;padding:0 10px;border:1px solid #e5eaee;border-radius:5px;color:#9aa4aa;background:#f8fafb}.global-order-search>span{font-size:18px}.global-order-search input{min-width:0;height:30px;padding:0;border:0;background:transparent;box-shadow:none;font-size:12px}.global-order-search input:focus{border:0;box-shadow:none}.global-order-search kbd{padding:2px 5px;border:1px solid #e5e9ec;border-radius:3px;color:#98a1a8;background:#fff;font:10px/1.2 inherit}.topbar-refresh{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:5px;color:#53616a;background:#fff;font-size:19px;font-weight:400}.admin-avatar{border-radius:7px;background:#dce9e3;color:var(--green);font-weight:700}.logout-button{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:12px}.content{max-width:1600px;padding:28px 32px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.page-eyebrow,.panel-eyebrow{display:block;color:#87949b;font-size:10px;font-weight:700;letter-spacing:1px}.page-heading h1{margin:5px 0 0;color:#1e2a37;font-size:23px;font-weight:700;letter-spacing:0}.page-heading p{margin:7px 0 0;color:#79868d;font-size:12px;line-height:1.6}.page-heading-actions{display:flex;align-items:center;gap:8px}.button-link{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:12px;font-weight:600}.button-link.primary{border-color:var(--green);color:#fff;background:var(--green)}.button-link.secondary{color:#52616a;background:#fff}button{border-radius:5px;background:var(--green);font-size:12px;font-weight:650}button.secondary{border:1px solid var(--line);color:#50606a;background:#fff}button.danger{border:1px solid #f1d5d4;color:var(--red);background:#fff7f6}button.small{min-height:28px;padding:4px 9px;font-size:11px}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border-radius:5px;border-color:#dfe6e9;color:var(--ink);font-size:12px}input:focus,select:focus,textarea:focus{border-color:#7fae9e;box-shadow:0 0 0 3px rgba(23,110,85,.09)}.panel{margin-bottom:16px;padding:19px;border-color:var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.table-wrap{padding:0}.commerce-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0}.commerce-table th{height:42px;padding:10px 14px;border-bottom:1px solid var(--line);color:#78858c;background:#fafbfb;font-size:10px;font-weight:650;letter-spacing:.15px}.commerce-table td{height:58px;padding:11px 14px;border-bottom:1px solid #eef1f2;color:#35424a;font-size:12px;vertical-align:middle}.commerce-table tbody tr:last-child td{border-bottom:0}.commerce-table tbody tr:hover td{background:#fafcfc}.commerce-table th:first-child,.commerce-table td:first-child{padding-left:18px}.commerce-table th:last-child,.commerce-table td:last-child{padding-right:18px}.commerce-table .actions{align-items:center;gap:5px}.link-button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--green);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.cell-subtitle{display:block;max-width:300px;overflow:hidden;margin-top:4px;color:#8a969d;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.commerce-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;border:0;border-radius:0;background:transparent;box-shadow:none}.commerce-metric{display:grid;min-height:116px;align-content:start;gap:9px;padding:17px 18px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.commerce-metric>span{color:#68767e;font-size:11px}.commerce-metric strong{color:#203039;font-size:25px;font-weight:700}.commerce-metric small{color:#89959b;font-size:10px}.commerce-metric.metric-blue{border-top:2px solid #648bb0}.commerce-metric.metric-violet{border-top:2px solid #9a83bb}.commerce-metric.metric-green{border-top:2px solid #64a488}.commerce-metric.metric-orange{border-top:2px solid #d3a168}.operations-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.operation-item{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:13px 15px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;text-decoration:none;box-shadow:var(--shadow)}.operation-item>span{color:#5d6a71;font-size:11px}.operation-item>strong{grid-column:2;grid-row:1/3;font-size:22px}.operation-item>small{color:#8b969c;font-size:10px}.operation-item small b{margin-left:7px;color:var(--green);font-weight:600}.attention-amber{border-left:3px solid #d59c54}.attention-amber strong{color:#a85e15}.attention-rose{border-left:3px solid #ce7774}.attention-rose strong{color:#ae4a4b}.attention-green{border-left:3px solid #68a78d}.attention-green strong{color:#176e55}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:14px}.dashboard-panel{min-height:275px;margin:0;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.panel-heading h2{margin:4px 0 0;font-size:15px}.panel-heading>a{color:var(--green);font-size:11px;text-decoration:none}.panel-note{padding-top:13px;color:#929da2;font-size:10px}.trend-chart{display:grid;height:196px;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:6px;padding:6px 0 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#f0f3f3 48px)}.trend-column{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:end;gap:6px;min-width:0}.trend-column>span{width:min(20px,68%);min-height:3px;border-radius:3px 3px 0 0;background:#4b9277}.trend-column small{height:15px;color:#9aa4a8;font-size:8px;white-space:nowrap}.top-products{display:grid}.top-product-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;min-height:47px;border-bottom:1px solid #eef1f2}.top-product-row:last-child{border-bottom:0}.rank-index{display:grid;width:21px;height:21px;place-items:center;border-radius:4px;color:#77858c;background:#f0f3f3;font-size:10px}.rank-highlight{color:#fff;background:#588b78}.top-product-copy{display:grid;gap:3px;min-width:0}.top-product-copy b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.top-product-copy small{color:#939da2;font-size:9px}.top-product-row>strong{font-size:11px;font-weight:650}.recent-orders-panel{margin-top:14px;padding:18px 0 0}.recent-orders-panel>.panel-heading{padding:0 19px}.recent-orders-panel .commerce-table-panel{border:0;box-shadow:none}.order-status-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:12px;padding-bottom:1px;border-bottom:1px solid var(--line)}.order-status-tabs>a{display:flex;flex:none;align-items:center;gap:7px;padding:11px 13px;border-bottom:2px solid transparent;color:#69767d;text-decoration:none;font-size:11px;white-space:nowrap}.order-status-tabs>a.active{border-bottom-color:var(--green);color:var(--green);font-weight:700}.order-status-tabs>a b{display:inline-grid;min-width:19px;height:19px;place-items:center;padding:0 4px;border-radius:10px;color:#78858c;background:#f0f3f3;font-size:9px}.order-status-tabs>a.active b{color:var(--green);background:var(--green-soft)}.commerce-filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:12px}.commerce-filterbar label{min-width:140px;margin:0;color:#66747b;font-size:10px;font-weight:600}.commerce-filterbar .filter-search{display:flex;flex:1 1 280px;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #dfe6e9;border-radius:5px;background:#fff}.filter-search>span{font-size:17px;color:#8f9ba0}.filter-search input{height:32px;padding:0;border:0;box-shadow:none}.filter-search input:focus{border:0;box-shadow:none}.filter-status{display:grid;gap:4px}.filter-status>span{padding-left:1px}.filter-status select{height:36px;min-width:140px;padding:0 9px}.filter-total{margin:0 auto 10px 5px;color:#7e8a90;font-size:10px}.filter-total b{color:var(--ink)}.primary{min-height:36px}.order-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;color:#58666c;background:#f1f3f3;font-size:10px;white-space:nowrap}.order-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pending_payment{color:#a36118;background:#fff3e5}.status-paid,.status-manual_delivery{color:#946328;background:#fff5e6}.status-delivered,.status-coin_recharged{color:#176e55;background:#eaf4ef}.status-after_sale{color:#a64d4a;background:#fff0ef}.status-refunded,.status-closed{color:#737f85;background:#f0f2f2}.money-value{color:#27363c;font-variant-numeric:tabular-nums;font-weight:700}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5px;color:#849097;font-size:10px}.table-footer b{color:#39474e}.pager-actions{display:flex;align-items:center;gap:6px}.pager-actions select{height:29px;padding:3px 7px}.commerce-footnote{margin:7px 2px;color:#8c979c;font-size:10px;line-height:1.6}.commerce-empty{display:grid;min-height:110px;place-content:center;justify-items:center;gap:7px;color:#89969b;text-align:center}.commerce-empty b{color:#526168;font-size:12px}.commerce-empty>span:last-child{font-size:10px}.empty-mark{font-size:20px}.buyer-cell{display:flex;align-items:center;gap:9px}.buyer-cell>span:last-child{display:grid;gap:4px}.buyer-avatar{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:7px;color:var(--green);background:var(--green-soft);font-size:12px;font-weight:700}.balance-value{color:var(--green);font-size:15px;font-variant-numeric:tabular-nums}.commerce-order-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-order-detail>div{border-radius:5px;background:#fff}.commerce-order-detail .order-status{width:max-content}.commerce-order-detail .wide{grid-column:1/-1}.commerce-order-detail pre{max-height:230px}.commerce-article-form{max-height:calc(100vh - 170px);overflow:auto;padding-right:7px}.commerce-table-panel{margin:0 0 11px;border:1px solid var(--line);border-radius:6px}.compact-table{min-width:700px}.compact-table td{height:48px}.toolbar{padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.toolbar input{max-width:420px;height:36px}.toolbar label{min-width:160px}.section-title{margin-bottom:15px}.status-on{display:inline-flex;padding:4px 7px;border-radius:4px;color:#176e55;background:#eaf4ef;font-size:10px}.status-off{display:inline-flex;padding:4px 7px;border-radius:4px;color:#9c5150;background:#fff0ef;font-size:10px}.settings-summary,.template-form>.panel,.template-preview-wrap>.preview-sticky{border-radius:6px;box-shadow:var(--shadow)}.settings-status-grid>div{border-radius:5px;background:#fafcfc}.category-section,.template-slide{border-radius:5px}.modal-panel{border-radius:7px}.compact-modal{border-radius:7px}.toast{border-radius:5px;background:#26363b;font-size:12px}.sidebar-scrim{display:none}
@media(max-width:1200px){.app{grid-template-columns:210px minmax(0,1fr)}.global-order-search{width:210px}.content{padding-right:22px;padding-left:22px}.commerce-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel{min-height:235px}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-248px;z-index:31;width:238px;transition:left .2s ease}.sidebar.mobile-open{left:0}.sidebar-scrim{position:fixed;inset:0;z-index:30;display:block;width:100%;height:100%;padding:0;border-radius:0;background:rgba(22,34,39,.34)}.topbar{height:60px;padding:0 13px}.topbar-menu{display:block}.global-order-search{width:min(40vw,200px);height:32px;margin-left:auto}.global-order-search kbd{display:none}.topbar-refresh{width:29px;height:29px;flex:none}.topbar-right{gap:7px}.topbar-divider,.admin-label{display:none}.logout-button{padding:7px}.content{padding:20px 13px 35px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.page-heading h1{font-size:21px}.page-heading-actions{width:100%;justify-content:flex-end}.commerce-metrics{gap:8px}.commerce-metric{min-height:102px;padding:13px}.commerce-metric strong{font-size:21px}.operations-strip{grid-template-columns:1fr;gap:7px}.operation-item{min-height:60px}.dashboard-panel{padding:14px}.trend-chart{height:165px;gap:3px}.trend-column small{font-size:7px}.commerce-filterbar{align-items:stretch;gap:8px}.commerce-filterbar .filter-search{flex-basis:100%}.commerce-filterbar .filter-status{flex:1;min-width:0}.filter-status select{width:100%;min-width:0}.filter-total{margin:0 0 3px auto;align-self:center}.commerce-filterbar>button,.commerce-filterbar>.button-link{flex:1}.order-status-tabs{margin-right:-13px}.order-status-tabs>a{padding:10px 9px}.table-footer{align-items:flex-start;flex-direction:column}.pager-actions{width:100%;justify-content:flex-end}.commerce-order-detail{grid-template-columns:1fr}.commerce-order-detail .wide{grid-column:auto}.commerce-article-form{max-height:none}.toolbar{align-items:stretch}.toolbar input{max-width:none;min-width:100%}.dashboard-grid{gap:9px}.recent-orders-panel{padding-top:14px}}