:root{--bg:#f3f6f8;--panel:#ffffff;--panel-soft:#f8fafb;--ink:#17212b;--muted:#667789;--line:#d9e2ea;--line-soft:#eef2f5;--brand:#0f766e;--brand-dark:#0a5f58;--brand-soft:#e6f4f2;--sidebar:#111d22;--sidebar-soft:#18282f;--danger:#b42318;--danger-soft:#fee7e4;--warning:#9a5b08;--warning-soft:#fff2c7;--success:#147a45;--success-soft:#dcfce7;--blue:#2563eb;--blue-soft:#e8f0ff;--shadow:0 12px 32px rgba(19,38,49,0.08)}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Arial,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h2{font-size:16px;line-height:1.35;margin:0 0 14px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#f8fafc;display:flex;flex-direction:column;gap:20px;padding:22px 16px}.brand-block{border-bottom:1px solid rgba(255,255,255,.08);padding:4px 8px 18px}.brand{font-size:22px;font-weight:800;letter-spacing:0}.brand-subtitle{color:#9fb2bb;font-size:12px;margin-top:4px}.nav{display:grid;grid-gap:18px;gap:18px}.nav-section{display:grid;grid-gap:6px;gap:6px}.nav-section>span{color:#78909b;font-size:12px;font-weight:700;padding:0 10px 2px}.logout-button,.nav a{align-items:center;background:transparent;border:0;border-radius:8px;color:#d5e1e5;cursor:pointer;display:flex;min-height:38px;padding:9px 11px;position:relative;text-align:left;width:100%}.logout-button:hover,.nav a:hover{background:rgba(255,255,255,.07);color:#ffffff}.nav a.active{background:var(--sidebar-soft);color:#ffffff;font-weight:700}.nav a.active:before{background:#20b3a5;border-radius:999px;content:"";height:20px;left:0;position:absolute;width:3px}.logout-button{color:#adc0c8;margin-top:2px}.main{min-width:0}.topbar{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:68px;padding:0 30px}.topbar-title,.topbar-user{align-items:center;display:flex;gap:10px}.topbar-title{flex-direction:column;gap:1px;align-items:flex-start}.topbar-title strong{font-size:17px}.status-dot{background:#16a34a;border-radius:999px;box-shadow:0 0 0 4px rgba(22,163,74,.12);display:inline-block;height:8px;width:8px}.content{padding:30px}.page-title{font-size:26px;font-weight:800;letter-spacing:0;margin:0 0 18px}.page-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.page-heading .page-title{margin-bottom:4px}.page-subtitle{color:var(--muted);margin:0}.dashboard-notice{align-items:center;background:#eaf2ff;border-bottom:1px solid #d7e5ff;color:#31415f;display:flex;gap:8px;margin:-30px -30px 16px;min-height:36px;padding:8px 30px}.dashboard-notice strong{color:#2453cf}.dashboard-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.range-tabs{display:flex;flex-wrap:wrap;gap:0}.range-tabs a{background:#ffffff;border:1px solid var(--line);color:#425466;font-weight:700;min-height:38px;padding:9px 18px}.range-tabs a+a{border-left:0}.range-tabs a:first-child{border-radius:8px 0 0 8px}.range-tabs a:last-child{border-radius:0 8px 8px 0}.range-tabs a.active{background:#eef4ff;border-color:#315cff;color:#2448d8}.dashboard-actions{align-items:center;display:flex;gap:12px}.dashboard-page{display:grid;grid-gap:16px;gap:16px}.business-metrics{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.business-metric{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:10px;gap:10px;min-height:112px;padding:16px;position:relative}.business-metric:after{border-radius:999px;content:"";height:36px;position:absolute;right:16px;top:18px;width:4px}.business-metric span{color:var(--muted);font-weight:800}.business-metric strong{color:var(--ink);font-size:28px;line-height:1.1}.business-metric.inventory:after,.business-metric.sales:after{background:var(--brand)}.business-metric.money:after{background:var(--blue)}.business-metric.warning:after{background:#d97706}.business-metric.danger:after{background:var(--danger)}.business-metric.money strong{color:#1d4ed8}.business-metric.warning strong{color:var(--warning)}.business-metric.danger strong{color:var(--danger)}.business-layout{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr)}.business-main,.business-side{display:grid;grid-gap:16px;gap:16px}.trend-panel{min-height:346px}.trend-chart{height:286px;position:relative;width:100%}.trend-head{align-items:flex-start}.trend-head>div:first-child{display:grid;grid-gap:4px;gap:4px}.chart-legend{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.chart-legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:800;gap:6px}.legend-line{border-radius:999px;display:inline-block;height:3px;width:22px}.legend-line.current{background:#39b98f}.legend-line.compare{background:repeating-linear-gradient(90deg,#9fb0c7 0 5px,transparent 5px 9px)}.trend-chart svg{display:block;height:100%;width:100%}.chart-grid{stroke:#e7edf2;stroke-width:1}.chart-axis{stroke:#cfd8e3;stroke-width:1}.chart-label{color:#8292a5;font-family:Arial,Microsoft YaHei,sans-serif;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;line-height:1}.chart-y-labels{inset:0;pointer-events:none;position:absolute}.chart-y-label{left:0;position:absolute;text-align:right;transform:translateY(-50%);width:44px}.chart-x-labels{align-items:center;bottom:7px;display:flex;justify-content:space-between;left:44px;pointer-events:none;position:absolute;right:18px}.chart-x-labels.hourly{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-gap:0;gap:0}.chart-x-labels.hourly .chart-label{font-size:10px;text-align:center}.chart-area{fill:rgba(15,118,110,.11)}.chart-line{fill:none;stroke:#39b98f;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.chart-line-current{stroke-dasharray:none}.chart-line-compare{opacity:.78;stroke:#9fb0c7;stroke-dasharray:3 6;stroke-width:2}.trend-money .chart-area{fill:rgba(37,99,235,.11)}.trend-money .chart-line{stroke:#4f7ff0}.trend-money .legend-line.current{background:#4f7ff0}.trend-money .chart-line-compare{stroke:#a7b6d8}.trend-money .legend-line.compare{background:repeating-linear-gradient(90deg,#a7b6d8 0 5px,transparent 5px 9px)}.chart-empty{color:#9aa8b7;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rank-panel{min-height:252px}.rank-list,.rank-row{display:grid}.rank-row{align-items:center;border-bottom:1px solid var(--line-soft);grid-gap:12px;gap:12px;grid-template-columns:34px minmax(0,1fr) auto;min-height:54px;padding:10px 0}.rank-row:last-child{border-bottom:0}.rank-row div{display:grid;grid-gap:2px;gap:2px;min-width:0}.rank-row span,.rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row span{color:var(--muted)}.rank-row em{color:var(--ink);font-style:normal;font-weight:900}.rank-number{align-items:center;background:#f0f5f4;border-radius:8px;color:var(--brand-dark);display:inline-flex;font-weight:900;height:28px;justify-content:center;width:28px}.stock-dot{border-radius:999px;height:10px;margin-left:9px;width:10px}.stock-dot.warning{background:#d97706}.stock-dot.danger{background:var(--danger)}.empty-state{align-items:center;color:#9aa8b7;display:flex;font-weight:800;justify-content:center;min-height:128px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.panel:hover{border-color:#c9d5de}.panel>p:last-child{margin-bottom:0}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.import-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0}.section-head .muted{font-size:13px}.text-link{color:var(--brand);font-weight:800}.import-card{align-content:space-between;display:grid;grid-gap:18px;gap:18px;min-height:248px;overflow:hidden;position:relative}.import-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.import-card-data:before{background:var(--success)}.import-card-stock:before{background:#d97706}.import-card h2{margin-top:12px}.import-points{color:var(--muted);display:grid;grid-gap:6px;gap:6px;margin:14px 0 0;padding-left:18px}.toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.toolbar.stacked{align-items:stretch;flex-direction:column}.filters{display:flex;flex-wrap:wrap;gap:10px}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:8px;gap:8px;min-height:96px;padding:16px;position:relative;overflow:hidden}.metric-card:before{background:#94a3b8;border-radius:999px;content:"";height:36px;position:absolute;right:14px;top:14px;width:4px}.metric-card strong{color:var(--ink);font-size:25px;line-height:1.15}.metric-sales:before{background:var(--brand)}.metric-sales strong{color:var(--brand-dark)}.metric-money:before{background:var(--blue)}.metric-money strong{color:#1d4ed8}.metric-inventory:before{background:var(--success)}.metric-inventory strong{color:var(--success)}.metric-warning:before{background:#d97706}.metric-warning strong{color:var(--warning)}.metric-danger:before{background:var(--danger)}.metric-danger strong{color:var(--danger)}.filter-panel{background:linear-gradient(180deg,#ffffff,#fbfdff)}.input,.select,.textarea{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:40px;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,118,110,.13);outline:none}.textarea{min-height:78px;resize:vertical}.button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:8px 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.button:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 8px 18px rgba(15,118,110,.18)}.button.secondary{background:#ffffff;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--panel-soft);border-color:#c6d3dc;box-shadow:none}.button.danger{background:var(--danger);border-color:var(--danger)}.button.danger:hover{background:#991b1b;border-color:#991b1b}.sku-thumb{background:#f5f8fa;border:1px solid var(--line);border-radius:8px;display:inline-flex;height:46px;object-fit:cover;width:46px}.sku-thumb.empty{align-items:center;color:#91a0ad;font-size:12px;font-weight:800;justify-content:center}.inline-upload{align-items:center;display:inline-flex;gap:6px}.inline-upload input[type=file]{max-width:126px}.table-wrap{border:1px solid var(--line-soft);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line-soft);padding:12px;text-align:left;vertical-align:top;white-space:nowrap}thead th{background:var(--panel-soft);color:#566879;font-size:13px;font-weight:800}tbody tr:hover{background:#f2fbf9}tbody tr:last-child td{border-bottom:0}.order-data-page .data-panel{padding:0}.data-section-head{border-bottom:1px solid var(--line-soft);margin:0;padding:18px 20px 14px}.data-section-head>div{display:grid;grid-gap:3px;gap:3px}.refined-table-wrap{border:0;border-radius:0 0 8px 8px}.commerce-table{min-width:1180px}.commerce-table td,.commerce-table th{padding:11px 14px}.commerce-table thead th{background:#fbfcfd;border-bottom:1px solid #e5ebf0;color:#647487;font-size:12px;letter-spacing:0;text-transform:none}.commerce-table tbody tr{transition:background .12s ease}.commerce-table tbody tr:hover{background:#f7fbfa}.commerce-table .numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.rank-column{width:72px}.rank-cell{text-align:center}.rank-index{align-items:center;background:#eef3f4;border:1px solid #d9e3e7;border-radius:999px;color:#60717d;display:inline-flex;font-size:12px;font-weight:900;height:28px;justify-content:center;min-width:28px;padding:0 8px}.rank-index.top{background:var(--brand-soft);border-color:#b8ddd8;color:var(--brand-dark)}.top-rank-row{background:linear-gradient(90deg,rgba(15,118,110,.035),rgba(255,255,255,0))}.product-cell{min-width:320px;max-width:720px}.product-stack{display:grid;grid-gap:3px;gap:3px;min-width:0}.order-id-cell,.product-stack span,.product-stack strong,.sku-cell,.variant-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stack strong{color:#1f3347;font-weight:900}.product-stack span{color:#314256}.product-stack.compact span{font-weight:650}.variant-column{width:170px}.variant-cell{color:#45576a;max-width:180px}.sku-column{width:150px}.sku-cell{color:#244b74;font-weight:800;max-width:150px}.order-id-column{width:180px}.order-id-cell{color:#41566a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;max-width:180px}.qty-column{width:76px}.status-column{width:118px}.time-column{width:168px}.money-column{width:132px}.strong-number{color:#173b35;font-weight:900}.money-cell{color:#1d4ed8;font-weight:850}.muted-cell,.muted-money{color:#65778a}.status-pill{border:1px solid #d9e2ea;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:850;line-height:1;padding:6px 9px;white-space:nowrap}.status-pill.success{background:var(--success-soft);border-color:#b7eccb;color:var(--success)}.status-pill.warning{background:var(--warning-soft);border-color:#f3d889;color:var(--warning)}.status-pill.danger{background:var(--danger-soft);border-color:#f1bbb5;color:var(--danger)}.status-pill.neutral{background:#eef2f6}.empty-table-cell{color:#8b99a8;font-weight:800;padding:34px 16px;text-align:center}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:800;padding:4px 9px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.muted{background:#e2e8f0;color:#475569}.muted{color:var(--muted)}.form{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px;font-weight:800}.login-page{align-items:center;background:var(--bg);display:grid;min-height:100vh;padding:24px}.login-card{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px rgba(19,38,49,.12);margin:0 auto;max-width:430px;padding:32px;width:100%}.login-card .page-title{margin-bottom:6px}.login-subtitle{color:var(--muted);margin:0 0 22px}.error{background:var(--danger-soft);border:1px solid #f7c7c2;border-radius:8px;color:var(--danger);margin-bottom:14px;padding:10px 12px}@media (max-width:1080px){.business-metrics,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.business-layout{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static}.dashboard-grid,.grid.two,.import-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-notice{align-items:flex-start;flex-direction:column;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.dashboard-actions,.dashboard-toolbar{align-items:stretch;flex-direction:column}.range-tabs a{flex:1 1 50%;text-align:center}.range-tabs a,.range-tabs a+a,.range-tabs a:first-child,.range-tabs a:last-child{border:1px solid var(--line);border-radius:8px;margin:0 6px 8px 0}.business-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.business-layout{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:14px;padding-top:14px}.topbar-user{flex-wrap:wrap}.content,.topbar{padding-left:16px;padding-right:16px}.content{padding-top:18px}}