:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#17243a;background:#f5f7fb;font-synthesis:none;--navy:#111b2e;--blue:#4b63e5;--blue-dark:#354fc8;--ink:#17243a;--muted:#8190a6;--line:#e6eaf1;--pale:#f5f7fb;--white:#fff;--shadow:0 10px 34px rgba(25,42,77,.045)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:252px;height:100vh;flex:none;padding:27px 14px 20px;background:var(--navy);color:#cad4e5;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:0 15px;margin-bottom:39px;color:#fff}.brand-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#7c91ff,#5266df);box-shadow:0 8px 17px rgba(91,109,231,.28)}.brand-logo .icon{width:23px;height:23px}.brand strong{display:block;font-size:17px;letter-spacing:.02em}.brand small{display:block;margin-top:3px;color:#7587a4;font-size:9px;letter-spacing:.22em}.nav-caption{padding:0 16px;margin-bottom:9px;color:#71829d;font-size:11px;letter-spacing:.15em}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{min-height:45px;display:flex;align-items:center;gap:13px;padding:0 15px;border-radius:11px;font-size:13px;font-weight:580;transition:.2s}.sidebar-nav a:hover{color:#fff;background:#1b2941}.sidebar-nav a.active{color:#fff;background:#334777;box-shadow:inset 3px 0 #87a0ff}.sidebar-nav a .icon{opacity:.84}.nav-count{margin-left:auto;display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:6px;color:#f8b6a8;background:#533b48;font-size:11px}.sidebar-foot{margin-top:auto;padding:17px 13px 0;border-top:1px solid #2a3850;display:grid;grid-template-columns:8px 1fr;column-gap:8px;align-items:center;color:#c6d3e1;font-size:11px}.sidebar-foot small{grid-column:2;margin-top:4px;color:#70809a;font-size:10px}.online-dot{width:7px;height:7px;border-radius:50%;background:#29c9a6;box-shadow:0 0 0 3px rgba(41,201,166,.13)}
.main-column{min-width:0;flex:1}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,38px);border-bottom:1px solid var(--line);background:var(--white)}.topbar-title{display:flex;flex-direction:column;gap:4px}.topbar-title span{color:#9ba7b9;font-size:11px}.topbar-title strong{font-size:15px}.topbar-actions{display:flex;align-items:center;gap:10px}.range-label{color:#9ba7b9;font-size:11px;white-space:nowrap}.range-select{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#52627b;font-size:11px;outline:none}.range-select:focus{border-color:#7184ed}.updated-time{color:#9ba7b9;font-size:11px;white-space:nowrap}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#667690}.icon-button:hover{color:var(--blue);background:#f4f6ff}.mobile-menu{display:none}.main-content{width:min(100%,1500px);margin:0 auto;padding:34px clamp(20px,3vw,38px) 72px}.page{animation:page-in .22s ease}@keyframes page-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.overline{display:block;margin-bottom:8px;color:#6980c5;font-size:10px;font-weight:800;letter-spacing:.17em}.page-intro h1{margin:0;font-size:27px;letter-spacing:-.035em;line-height:1.2}.page-intro p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.result-count{color:#718199;font-size:12px;white-space:nowrap}.btn{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap;transition:.17s}.btn .icon{width:15px;height:15px}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 6px 14px rgba(67,94,218,.16)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-outline{color:#4b5c78;background:#fff;border-color:#dce3ee}.btn-outline:hover{border-color:#a8b6d6;background:#f9faff}.btn-soft{color:#4259c0;background:#eef1ff}.btn-soft:hover{background:#e4e9ff}.disabled-link{pointer-events:none;opacity:.45}.text-button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#4b63e5;font-size:12px;font-weight:700}.text-button .icon{width:14px;height:14px}.text-button:hover{text-decoration:underline}
.panel{min-width:0;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px 16px}.panel-head h2{margin:0;font-size:16px;letter-spacing:-.02em}.panel-head .overline{margin-bottom:6px}.empty-state{padding:31px 17px;color:#9aa7b8;text-align:center;font-size:12px;line-height:1.6}.notice-bar{margin-bottom:17px;padding:11px 15px;border-radius:10px;color:#256d5b;background:#e8f8f3;font-size:12px}.notice-bar.error{color:#a35b3e;background:#fff0e9}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.kpi-card{position:relative;min-height:132px;padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.kpi-card::before{content:"";position:absolute;left:20px;top:0;width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--accent,#6079ec)}.kpi-label{display:block;color:#77869c;font-size:12px}.kpi-value{display:block;margin-top:14px;font-size:32px;font-weight:780;letter-spacing:-.045em;line-height:1}.kpi-foot{display:block;margin-top:12px;color:#9eabba;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px}.stack-list{padding:0 16px 13px}.batch-row{display:flex;align-items:center;gap:13px;padding:14px 6px;border-top:1px solid #f0f2f6}.batch-row:first-child{border-top:0}.batch-row-icon{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;background:#eef1ff;color:#5a6cdf}.batch-row-body{min-width:0;flex:1}.batch-row-body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.batch-row-body span{display:block;margin-top:5px;color:#96a1b1;font-size:11px}.batch-row .status-pill{margin-left:auto}.tiny-badge{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;color:#b87335;background:#fff1e0;font-size:11px;font-weight:700}.attention-list{padding:0 22px 19px}.attention-item{display:flex;gap:11px;align-items:flex-start;padding:14px 0;border-top:1px solid #f0f2f6}.attention-item:first-child{border-top:0}.attention-dot{width:8px;height:8px;flex:none;margin-top:4px;border-radius:50%;background:#e5a24d}.attention-item strong{display:block;font-size:12px}.attention-item small{display:block;margin-top:5px;color:#95a2b2;font-size:11px;line-height:1.5}.attention-item button{margin-left:auto;white-space:nowrap}.guide-strip{display:flex;align-items:center;gap:15px;margin-top:18px;padding:19px 22px;border-radius:15px;background:#eaf0ff}.guide-symbol{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;color:#4c64d6;background:#dce5ff}.guide-strip div:nth-child(2){display:grid;gap:5px;min-width:0}.guide-strip strong{font-size:12px}.guide-strip span{color:#768bb7;font-size:11px}.guide-strip .text-button{margin-left:auto;white-space:nowrap}
.dispatch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:17px;align-items:start}.dispatch-main,.dispatch-side{display:grid;gap:16px}.flow-panel{overflow:hidden}.step-head{display:flex;gap:14px;padding:21px 22px;border-bottom:1px solid #f0f2f6}.step-index{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;color:#5167dd;background:#edf0ff;font-size:11px;font-weight:800}.step-head h2{margin:0;font-size:15px}.step-head p{margin:5px 0 0;color:#8f9caf;font-size:11px;line-height:1.5}.flow-body{padding:19px 22px 22px}.field-label{display:block;margin-bottom:8px;color:#586781;font-size:11px;font-weight:700}.input,.select{height:40px;padding:0 12px;border:1px solid #dce3ee;border-radius:10px;background:#fff;color:#334258;font-size:12px;outline:none}.input:focus,.select:focus,.search-box:focus-within{border-color:#7184ed;box-shadow:0 0 0 3px rgba(100,120,234,.11)}.date-input{width:220px;max-width:100%}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:132px;margin-top:15px;border:1.5px dashed #cbd4e5;border-radius:13px;background:#fafbfe;color:#576782;text-align:center;cursor:pointer;transition:.17s}.dropzone:hover,.dropzone.dragging{border-color:#6e82eb;background:#f6f8ff}.dropzone .icon{width:21px;height:21px;color:#6980df}.dropzone strong{font-size:12px}.dropzone span{color:#a0abba;font-size:11px}.dropzone.compact{min-height:107px}.disabled-drop{pointer-events:none;opacity:.45}.selected-files{display:grid;gap:6px;margin-top:10px}.selected-file{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border-radius:8px;background:#f4f7fc;color:#52627c;font-size:11px}.selected-file .icon{width:14px;height:14px;color:#6b7fdb}.selected-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file small{margin-left:auto;color:#9ba9ba}.flow-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.flow-feedback{color:#7b8b9f;font-size:11px}.flow-feedback.error{color:#c46a4a}.flow-feedback.success{color:#138467}.flow-body>.btn{margin-bottom:2px}.batch-panel,.tips-panel{padding:20px}.batch-panel h2,.tips-panel h2{margin:0 0 13px;font-size:15px}.current-batch-empty{padding:18px;border-radius:10px;background:#f7f8fc;color:#98a5b6;font-size:11px;line-height:1.6}.batch-detail{display:grid;gap:11px}.batch-detail .batch-ref{font-size:18px;font-weight:800;letter-spacing:.02em}.batch-detail .batch-meta{display:flex;justify-content:space-between;gap:10px;color:#8998ab;font-size:11px}.batch-detail .batch-meta b{color:#495d7d;font-weight:650}.batch-detail .btn{margin-top:5px}.tips-panel p{margin:0;color:#8d9bad;font-size:11px;line-height:1.8}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.result-file{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #edf0f5;color:#5d6a80;font-size:11px}.result-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-file a{margin-left:auto;color:var(--blue);font-weight:700;white-space:nowrap}.result-summary{margin-bottom:13px;padding:12px;border-radius:10px;color:#246e5c;background:#e8f8f3;font-size:11px}
.filter-panel{display:flex;align-items:center;gap:10px;padding:15px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:9px;min-width:180px;flex:1;height:40px;padding:0 12px;border:1px solid #dce3ee;border-radius:10px;color:#9aaaBD}.search-box .icon{width:16px;height:16px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#334258;font-size:12px}.search-box input::placeholder{color:#a9b3c0}.filter-panel .select{min-width:128px}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}th{padding:13px 17px;color:#8d9aaa;background:#f9fafc;font-size:10px;font-weight:650;white-space:nowrap}td{padding:15px 17px;border-top:1px solid #edf0f4;color:#526179;font-size:11px;vertical-align:middle}td strong{display:block;color:#2f3e55;font-size:12px;font-weight:700}td small{display:block;margin-top:5px;color:#99a5b4;font-size:10px}td .mono{font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:7px;background:#eef1ff;color:#546ad9;font-size:10px;font-weight:700;white-space:nowrap}.status-pill.已发货,.status-pill.已完成{background:#e9f8f1;color:#1c956f}.status-pill.异常,.status-pill.有异常{background:#fff0e8;color:#c37545}.status-pill.待发货,.status-pill.待回传,.status-pill.部分发货{background:#fff5e5;color:#bd842c}.batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.batch-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.batch-card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.batch-card-date{display:block;color:#32445f;font-size:15px;font-weight:800}.batch-card-id{display:block;margin-top:5px;color:#9ba8b7;font-size:10px}.batch-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px;padding:13px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.batch-card-metrics span{color:#97a5b7;font-size:10px}.batch-card-metrics strong{display:block;margin-bottom:4px;color:#2c3d55;font-size:18px}.batch-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;color:#99a6b6;font-size:10px}.batch-card-foot .btn{min-height:32px;padding:0 10px}
.file-groups{display:grid;gap:14px}.file-group{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.file-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;background:#fcfdff}.file-group-head strong{font-size:13px}.file-group-head small{display:block;margin-top:4px;color:#9aa7b6;font-size:10px}.file-group-head>span{color:#8796a9;font-size:11px}.file-row{display:flex;align-items:center;gap:12px;padding:11px 20px;border-top:1px solid #f0f2f6}.file-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;color:#5670dc;background:#eef1ff}.file-icon .icon{width:16px;height:16px}.file-row-name{min-width:0;flex:1}.file-row-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#40516b;font-size:11px}.file-row-name small{display:block;margin-top:4px;color:#9ca8b7;font-size:10px}.file-row .btn{min-height:30px;padding:0 10px}.issues-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.issues-summary>div{padding:16px;border:1px solid #f1e8db;border-radius:13px;background:#fffaf3}.issues-summary strong{display:block;color:#ba7a38;font-size:21px}.issues-summary span{display:block;margin-top:5px;color:#9e8a73;font-size:11px}.issue-list{display:grid;gap:10px}.issue-card{display:flex;align-items:center;gap:13px;padding:16px 19px;border:1px solid var(--line);border-radius:13px;background:#fff}.issue-mark{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:10px;color:#cb8045;background:#fff0e4}.issue-body{min-width:0;flex:1}.issue-body strong{display:block;font-size:12px}.issue-body span{display:block;margin-top:5px;color:#98a5b4;font-size:10px}.issue-card a{color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap}.mobile-tabbar,.menu-backdrop{display:none}
@media(max-width:1120px){.sidebar{width:214px}.dashboard-grid{grid-template-columns:1fr}.dispatch-grid{grid-template-columns:minmax(0,1fr) 230px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;width:250px;transform:translateX(-100%);transition:transform .23s}.sidebar.open{transform:translateX(0)}.menu-backdrop.open{display:block;position:fixed;inset:0;background:rgba(13,23,42,.38);z-index:30}.mobile-menu{display:grid}.topbar{height:64px;padding:0 17px}.main-content{padding:24px 17px 95px}.updated-time{display:none}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.mobile-tabbar a{display:grid;place-items:center;gap:3px;padding:5px 0;color:#9aa7b8;font-size:10px}.mobile-tabbar a.active{color:#4660d8;font-weight:700}.mobile-tabbar .icon{width:19px;height:19px}.dispatch-grid{grid-template-columns:1fr}.dispatch-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:1}.batch-grid{grid-template-columns:1fr}}
@media(max-width:620px){.range-label{display:none}.topbar-actions{gap:6px}.range-select{width:76px;padding:0 5px}.page-intro{align-items:flex-start}.page-intro h1{font-size:24px}.page-intro>.btn{min-height:36px;padding:0 10px;font-size:11px}.page-intro p{font-size:12px}.kpi-grid{gap:9px;margin-bottom:12px}.kpi-card{min-height:116px;padding:17px}.kpi-label{font-size:11px}.kpi-value{font-size:28px}.kpi-foot{font-size:10px}.dashboard-grid{gap:12px}.guide-strip{align-items:flex-start;margin-top:12px;padding:15px}.guide-strip .text-button{display:none}.dispatch-side{grid-template-columns:1fr;gap:10px}.tips-panel{display:none}.step-head{padding:16px}.flow-body{padding:15px 16px 18px}.date-input{width:100%}.filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.filter-panel .search-box{grid-column:1/-1;min-width:0}.filter-panel .select{width:100%;min-width:0}.table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody{display:grid;gap:9px;padding:10px}tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border:1px solid #edf0f5;border-radius:11px}td{border:0;padding:0;overflow-wrap:anywhere}td:nth-child(1){grid-column:1/-1}td:nth-child(2){grid-column:1/-1}td:nth-child(3),td:nth-child(4),td:nth-child(5){color:#8794a7}td:nth-child(6){grid-column:1/-1}.file-group-head{padding:14px}.file-row{padding:10px 14px}.file-row-name strong{max-width:51vw}.file-row .btn{padding:0 8px}.issues-summary{gap:7px}.issues-summary>div{padding:12px}.issues-summary strong{font-size:18px}.issue-card{align-items:flex-start;padding:14px}.issue-mark{display:none}.issue-card a{align-self:center}.batch-card{padding:16px}.topbar-title span{font-size:10px}.topbar-title strong{font-size:14px}}