:root{--bg:#f6f8fc;--ink:#17243e;--muted:#8792a6;--line:#e7ecf4;--primary:#4b5cf1;--purple:#6958e9;--card:#fff;--dark:#131f3b;--success:#0f9a76;--warn:#cc8a19;--danger:#cd4e61}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:235px;flex:none;background:#101a31;min-height:100vh;height:100vh;padding:26px 15px;color:#e6edfd;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:6px 12px 35px}.brand-mark{width:34px;height:34px;background:#5b67ed;color:white;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:20px;font-weight:900;box-shadow:0 7px 20px #334bd966}.brand b{font-size:16px;letter-spacing:.7px}.brand small{font-size:9px;display:block;color:#8394b8;letter-spacing:1.3px;margin-top:4px}.nav-title{font-size:11px;color:#7889ab;padding:0 15px 11px;letter-spacing:1px}.nav-title.second{margin-top:32px}.nav-btn{display:flex;align-items:center;gap:12px;padding:13px 16px;margin:3px 0;border:0;border-radius:9px;background:transparent;text-align:left;color:#aab9d1;font-weight:550;width:100%}.nav-btn span{width:16px;font-size:18px}.nav-btn.active,.nav-btn:hover{background:#25355b;color:#fff}.account-list{padding:0 10px;color:#c0cce0;font-size:12px}.account-item{padding:9px 4px;border-bottom:1px solid #25314e}.account-item b{display:block;color:#c7d0e2;font-size:12px}.account-item small{color:#7e8fae;font-size:11px}.account-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#6c7488}.account-dot.good{background:#41be96}.sidebar-bottom{margin-top:auto;border-top:1px solid #24334f;padding:24px 12px 5px;color:#9faeca;font-size:12px;line-height:2}.sidebar-bottom small{color:#7183a4;font-size:10px}.tiny-dot{display:inline-block;background:#40b7a2;width:6px;height:6px;border-radius:50%;margin-right:6px}.main{min-width:0;flex:1}.topbar{height:65px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{color:#8995aa}.breadcrumbs span{padding:0 9px;color:#bec5d3}.breadcrumbs b{color:#34445e;font-weight:600}.top-tools{display:flex;gap:25px;align-items:center}.last-sync{font-size:12px;color:#96a1b3}.user-link{font-size:12px;text-decoration:none;color:#6e7e9b}.user-link:hover{color:var(--primary)}.content{padding:30px 38px 20px;max-width:1710px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--primary);font-weight:800;margin-bottom:12px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.heading h1{font-size:25px;letter-spacing:.2px;font-weight:780}.subheading{color:#9da9bc;font-weight:400;font-size:17px}.heading p{margin-top:9px;color:#8a97a9;font-size:12px}.heading-actions{display:flex;gap:9px;white-space:nowrap}.primary,.secondary,.subtle{padding:10px 15px;border-radius:8px;font-weight:650;transition:.15s}.primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 5px 12px #4b5cf122}.primary:hover{background:#3747d8}.secondary{background:white;border:1px solid #dce3ed;color:#52617c}.secondary:hover{border-color:#aab7d0}.subtle{background:#eef1f7;border:1px solid #eef1f7;color:#75849e}.info-strip{border:1px solid #dedaf9;background:#f4f2ff;color:#6a5c9a;padding:13px 17px;border-radius:10px;margin-bottom:18px;line-height:1.8}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:11px;padding:15px 18px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:26px}.filter-title{font-weight:700;padding:10px 15px 9px 2px;white-space:nowrap}.field{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}.field span{color:#8490a4;font-size:11px}.field select,.field input{outline:none;border:1px solid #dfe5ef;background:white;border-radius:7px;color:#35445f;min-width:0;height:36px;padding:0 10px}.field select:focus,.field input:focus{border-color:#6574fa}.field.datefield{min-width:125px;flex:0.85}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2,.panel h2{font-size:16px;font-weight:750}.section-head p,.panel-head p,.extra-panel>p{margin-top:6px;color:#92a0b2;font-size:12px}.report-tz{font-size:11px;color:#9eabc0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 13px #1a376409}.kpi{padding:21px 21px 18px;min-height:151px}.kpi-label{font-size:12px;color:#7e8ba0}.kpi-number{font-size:35px;line-height:1.8;font-weight:760;letter-spacing:-1px;font-variant-numeric:tabular-nums}.kpi-foot{font-size:11px;color:#a0aabd}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:6px}.green{background:#18ab7e}.orange{background:#e8a630}.red{background:#ee6475}.purple{background:#7267e5}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.panel{padding:23px 24px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.panel-head h3{font-size:15px}.muted{color:#a0acc0;font-size:10px;letter-spacing:1px}.bars{display:flex;flex-direction:column;gap:18px;min-height:175px}.bar-group{display:grid;grid-template-columns:130px 1fr 57px;gap:15px;align-items:center}.bar-label{font-size:12px;color:#5b6782;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:9px;border-radius:100px;background:#eef1f8;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#5f6afa,#8891fe);border-radius:100px;min-width:3px}.bar-fill.sku{background:linear-gradient(90deg,#28b3ab,#8bdfb3)}.bar-num{text-align:right;color:#34445e;font-weight:700;font-variant-numeric:tabular-nums}.bar-num small{display:block;font-weight:400;color:#9aa8b9;font-size:10px;margin-top:4px}.empty{padding:38px!important;text-align:center;color:#9eabc0}.notice-line{font-size:11px;color:#9da9ba;margin-bottom:24px}.order-panel{padding:0;margin-bottom:22px}.order-head{padding:24px 23px 0;margin-bottom:18px;align-items:center}.search{display:flex;align-items:center;gap:10px;border:1px solid #e1e7f0;border-radius:8px;padding:0 12px;width:min(335px,50%);color:#9ba7b9}.search span{font-size:19px}.search input{border:0;outline:0;height:36px;width:100%;color:#45526f}.status-tabs{display:flex;gap:26px;overflow:auto;padding:0 24px;border-bottom:1px solid var(--line)}.status-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 2px;color:#8491a5;white-space:nowrap;font-weight:600}.status-tab.active{color:var(--primary);border-color:var(--primary)}.status-tab span{font-weight:500;margin-left:3px;font-size:11px;color:#a4b0c3}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:990px}th{text-align:left;background:#fbfcff;color:#919eb1;font-size:11px;font-weight:650;padding:14px 17px;border-bottom:1px solid var(--line)}td{padding:15px 17px;border-bottom:1px solid #eff2f7;color:#57647c;font-size:12px;vertical-align:middle}tbody tr:hover{background:#fafbff}.order-no{color:#4455d9;font-weight:700}.minor{color:#9ca9bc;font-size:11px;margin-top:5px}.status-pill{display:inline-block;border-radius:6px;padding:5px 9px;font-weight:650;font-size:11px;white-space:nowrap}.status-pill.processing{background:#fff5e6;color:#c38b25}.status-pill.shipped{background:#e5f8f0;color:#11986d}.status-pill.cancelled{background:#eef0f5;color:#7e8ca4}.status-pill.exception{background:#ffedef;color:#d05a65}.status-pill.other{background:#eef1ff;color:#6c74bd}.detail-row{background:#fafbfe}.detail-row td{padding:14px 27px}.sku-list{display:flex;gap:10px;flex-wrap:wrap}.sku-chip{border:1px solid #e2e8f5;background:#fff;border-radius:8px;padding:10px 14px;min-width:190px}.sku-chip b{display:block;color:#33415a}.sku-chip small{display:block;color:#8b97ab;margin-top:5px}.view-detail{border:0;background:transparent;color:#596aea;font-size:12px}.table-footer{display:flex;justify-content:space-between;padding:14px 23px;color:#8d9bb0;font-size:11px}.extra-panel{margin-bottom:20px}.extra-panel>p{margin-bottom:20px}.rank-row{display:flex;align-items:center;border-top:1px solid #eef2f8;padding:16px 4px;gap:15px}.rank-index{width:30px;height:30px;display:grid;place-items:center;background:#f0f3ff;color:#6471ad;border-radius:8px;font-weight:800}.rank-title{flex:1;font-weight:650}.rank-number{color:#52617c;font-weight:700;min-width:82px;text-align:right}.rank-number small{display:block;color:#9ca9ba;font-weight:400;margin-top:4px}.footer{text-align:center;color:#aab5c5;font-size:10px;padding:15px 0 28px}.toast{position:fixed;right:26px;bottom:24px;background:#1a2845;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 9px 25px #1a284555;max-width:510px;z-index:9;line-height:1.8}.modal-overlay{position:fixed;inset:0;background:#101c358a;display:grid;place-items:center;z-index:10;padding:15px}.modal{width:min(510px,100%);background:white;border-radius:15px;padding:25px;box-shadow:0 15px 50px #14234033}.modal-title{display:flex;align-items:center;justify-content:space-between}.modal-title h2{font-size:18px}.modal p{margin:12px 0 18px;line-height:1.9;color:#8793a8}.modal label{display:block;margin:13px 0;color:#4a5772;font-weight:650}.modal select,.modal input{display:block;width:100%;padding:11px;margin-top:8px;border-radius:7px;border:1px solid #dfe5ef;color:#55627a}.modal small{display:block;color:#9da9ba;margin-top:18px;line-height:1.7}.icon-button{font-size:24px;background:transparent;border:0;color:#75859e}.login-body{min-height:100vh;background:radial-gradient(ellipse at 20% 20%,#e5e8ff,transparent 50%),#f6f7fc;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:42px 43px;background:white;border:1px solid #e8edfa;border-radius:17px;box-shadow:0 12px 55px #24346a12}.brand-mark.big{width:47px;height:47px;margin-bottom:30px}.login-card h1{font-size:25px}.login-card p{color:#9da8b9;line-height:1.8;margin:14px 0 30px}.login-card label{display:block;font-weight:650;margin-top:15px;color:#4c5b73}.login-card input{margin-top:8px;border:1px solid #dae2ef;padding:12px;width:100%;border-radius:9px;outline:0}.login-card .primary{width:100%;margin:24px 0 20px;padding:13px}.login-card small{display:block;text-align:center;color:#a9b4c3}
@media(max-width:1200px){.sidebar{width:208px}.content{padding:26px 23px}.topbar{padding:0 23px}.bar-group{grid-template-columns:105px 1fr 50px}}@media(max-width:900px){.sidebar{width:65px;padding:18px 8px}.brand{padding:2px 5px 26px}.brand>div:nth-child(2),.nav-title,.nav-btn:not(.active),.account-list,.sidebar-bottom{display:none}.nav-btn.active{font-size:0;padding:13px;justify-content:center}.nav-btn.active span{font-size:19px}.heading{align-items:start;flex-direction:column}.chart-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sidebar{display:none}.content{padding:20px 14px}.topbar{height:55px;padding:0 14px}.heading h1{font-size:21px}.heading-actions{width:100%;justify-content:space-between;white-space:normal}.heading-actions button{padding:9px;font-size:11px}.kpi-grid{gap:9px}.kpi{padding:15px 12px;min-height:125px}.kpi-number{font-size:29px}.kpi-foot{font-size:10px}.filter-bar{padding:12px}.field{min-width:43%}.field.datefield{min-width:43%}.order-head{flex-direction:column;align-items:start;gap:13px}.search{width:100%}.bar-group{grid-template-columns:100px 1fr 55px}.status-tabs{gap:17px}.section-head p{max-width:300px;line-height:1.7}}
/* V1.1 */
.nav-title.second + .nav-btn{margin-top:2px}
.bar-label small{display:block;font-size:10px;color:#9aa8bd;margin-top:4px}
.product-main{font-weight:700;color:#34435e;max-width:235px;white-space:normal;line-height:1.55}
.product-cell{display:flex;align-items:center;gap:11px;min-width:170px}
.product-cell b{display:block;color:#31405f;line-height:1.6}
.product-cell small{display:block;color:#a0aac0;margin-top:3px}
.product-thumb{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border:1px solid #e8ecf4;border-radius:9px;background:#fafbfe}
.product-placeholder{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:9px;background:#f0f3fa;color:#97a6bb;font-size:20px}
.product-chip{display:flex;gap:10px;align-items:center;min-width:245px}
.manage-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}
.manage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#f9faff;border:1px solid #e7ebf3;border-radius:12px;padding:17px;margin:16px 0 24px}
.manage-grid label,.warehouse-card label{font-weight:650;color:#53627b;font-size:12px}
.manage-grid input,.manage-grid select,.warehouse-card input{display:block;width:100%;border:1px solid #dfe5ef;background:#fff;border-radius:7px;min-height:38px;margin-top:7px;padding:8px 10px;color:#35445f;outline:none}
.manage-grid .wide-field{grid-column:span 2}
.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;align-self:end}
.catalog-tools{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.catalog-tools>input{width:min(350px,100%);height:38px;border:1px solid #e0e6f1;padding:8px 12px;border-radius:8px;outline:none}
.tool-space{flex:1}.link-button,.upload-label{display:inline-flex;align-items:center;text-decoration:none;font-size:12px;cursor:pointer}.upload-label input{display:none}
.catalog-table{min-width:800px}.catalog-table td{padding:11px 14px}
.scope-pill{font-size:11px;color:#5770b3;background:#eef2ff;padding:5px 9px;border-radius:10px}
.danger-link{color:#c75e6b}.warehouse-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.warehouse-card{background:#f9faff;border:1px solid #e4e9f4;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}
.warehouse-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.warehouse-title strong{font-size:16px}
.warehouse-card label small{font-weight:400;color:#9aa6b9;margin-left:7px}
.warehouse-response{line-height:1.7;font-size:12px;color:#8794aa}.warehouse-response.good{color:#118d6d}.warehouse-response.bad{color:#c15767}
.manage-hint{margin-top:20px;color:#99a4b4;line-height:1.8}
@media(max-width:1100px){.manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warehouse-cards{grid-template-columns:1fr}}
@media(max-width:600px){.manage-grid{grid-template-columns:1fr}.manage-grid .wide-field{grid-column:span 1}.warehouse-card{padding:14px}.manage-grid{padding:12px}}