:root{--ops-green:#116c48;--ops-ink:#14271e;--ops-muted:#607067;--ops-line:#d5e1d8;--ops-soft:#f1f7f2;--ops-warn:#fff4d8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f6f8f4;color:var(--ops-ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.ops-shell{width:min(1180px,100%);margin:auto;padding:20px}.ops-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.ops-top a{color:var(--ops-green);font-weight:800;text-decoration:none}.ops-title{margin:0;font-size:28px}.ops-sub{margin:5px 0 0;color:var(--ops-muted)}.ops-toolbar,.ops-metrics,.ops-card{background:white;border:1px solid var(--ops-line);border-radius:16px}.ops-toolbar{display:flex;align-items:end;gap:12px;padding:14px;margin-bottom:12px}.ops-toolbar label{display:grid;gap:6px;font-size:13px;font-weight:800}.ops-toolbar select{min-width:280px}.ops-field,.ops-toolbar select{height:44px;padding:8px 10px;border:1px solid #b8cabe;border-radius:9px;background:white;font:inherit}.ops-status{margin-left:auto;color:var(--ops-muted);font-size:13px}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin-bottom:12px;background:var(--ops-line)}.ops-metric{padding:14px;background:white}.ops-metric small,.product-meta,.muted{display:block;color:var(--ops-muted)}.ops-metric strong{display:block;margin-top:5px;font-size:24px}.ops-list{display:grid;gap:10px}.warehouse-row{display:grid;grid-template-columns:minmax(210px,1.45fr) repeat(3,86px) 72px repeat(3,86px);align-items:center;gap:8px;padding:12px}.product{display:flex;align-items:center;gap:10px;min-width:0}.product img,.photo-fallback{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--ops-line);border-radius:10px;object-fit:cover;background:var(--ops-soft)}.photo-fallback{display:grid;place-items:center;color:var(--ops-muted);font-size:11px}.product strong{display:block}.quantity-field label{display:block;margin-bottom:4px;color:var(--ops-muted);font-size:11px}.quantity-field input{width:100%;height:42px;text-align:center}.quantity-total{text-align:center}.quantity-total strong{display:block;font-size:18px}.remaining-low{color:#b45620}.ops-alert{padding:12px 14px;margin-bottom:12px;border-radius:10px;background:var(--ops-warn);color:#76520e}.route-tabs{display:flex;gap:8px}.route-tabs button{min-width:92px;height:44px;border:1px solid var(--ops-line);border-radius:10px;background:white;font-weight:800}.route-tabs button.active{border-color:var(--ops-green);background:var(--ops-green);color:white}.route-card{overflow:hidden}.route-card summary{display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer;background:var(--ops-soft)}.route-card summary strong{font-size:18px}.route-card summary span:last-child{margin-left:auto;font-weight:900}.route-body{padding:14px}.route-points{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.route-point{padding:7px 9px;border-radius:8px;background:#f3f5f1;font-size:12px}.driver-items{width:100%;border-collapse:collapse}.driver-items th,.driver-items td{padding:9px;border-bottom:1px solid #e5ebe6;text-align:left}.driver-items th:last-child,.driver-items td:last-child{text-align:right}.driver-product{display:flex;align-items:center;gap:9px}.driver-product img,.driver-product .photo-fallback{width:42px;height:42px;flex-basis:42px}.empty{padding:28px;text-align:center;color:var(--ops-muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 16px;border-radius:9px;background:#183629;color:white;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.toast[data-type=error]{background:#a53d2f}
@media(max-width:760px){.ops-shell{padding:12px}.ops-top{align-items:flex-start}.ops-title{font-size:22px}.ops-toolbar{align-items:stretch;flex-direction:column}.ops-toolbar select{width:100%;min-width:0}.ops-status{margin-left:0}.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-metric{padding:10px}.ops-metric strong{font-size:20px}.warehouse-row{grid-template-columns:repeat(3,1fr);gap:8px}.warehouse-row .product{grid-column:1/-1}.quantity-total{padding:7px;border-radius:8px;background:var(--ops-soft)}.quantity-field input{height:46px}.route-card summary{align-items:flex-start;flex-wrap:wrap}.route-card summary span:last-child{width:100%;margin-left:0}.driver-items th:nth-child(2),.driver-items td:nth-child(2){display:none}.driver-items th,.driver-items td{padding:8px 4px}}
.warehouse-row{grid-template-columns:minmax(190px,1.3fr) repeat(3,78px) 72px 80px 84px 88px 86px repeat(2,78px) 72px;gap:7px}.days-collapsed .later-day{display:none}.days-collapsed .warehouse-row{grid-template-columns:minmax(210px,1.4fr) 82px 72px 80px 86px 88px 90px repeat(2,82px) 72px}.ops-secondary{min-height:44px;padding:8px 12px;border:1px solid var(--ops-line);border-radius:9px;background:white;color:var(--ops-green);font-weight:800}.pack-field{display:flex;align-items:center;gap:4px}.pack-field input{min-width:0}.pack-field span,.quantity-total small{display:block;color:var(--ops-muted);font-size:10px}.auto-total small{line-height:1.35}.auto-total small b{color:var(--ops-ink)}
@media(max-width:760px){.warehouse-row,.days-collapsed .warehouse-row{grid-template-columns:repeat(3,1fr)}.ops-secondary{width:100%}.pack-field span{white-space:nowrap}}
.ops-account{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ops-account>span{font-size:13px;color:var(--ops-muted)}.ops-link{padding:4px 8px;border:0;background:transparent;color:var(--ops-green);font:inherit;font-weight:800;cursor:pointer}.ops-permissions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-7px 0 12px;padding:9px 12px;border:1px solid var(--ops-line);border-radius:12px;background:white;font-size:12px}.permission-chip{padding:4px 8px;border-radius:999px}.permission-chip.allowed{background:#e5f5eb;color:#126746}.permission-chip.denied{background:#f1f2f1;color:#87918b}.ops-field:disabled{background:#f2f4f2;color:#8b958f;cursor:not-allowed}@media(max-width:760px){.ops-top{flex-wrap:wrap}.ops-account{width:100%;justify-content:flex-start}.ops-permissions{margin-top:0}}
.driver-publication{margin-left:auto;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800}.driver-publication.published{background:#e7f5ec;color:#126746}.driver-publication.unpublished{background:#fff0e7;color:#a64b1f}.driver-route{overflow:hidden}.driver-route>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(135deg,#173f31,#126c49);color:white}.driver-route h2{margin:4px 0 0;font-size:22px}.route-order{color:#ffe184;font-size:12px;font-weight:900;letter-spacing:.08em}.route-total{text-align:right}.route-total strong{font-size:22px}.driver-stop-list{display:grid;gap:1px;background:var(--ops-line)}.driver-stop{background:white}.driver-stop>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}.driver-stop>summary::-webkit-details-marker{display:none}.driver-stop>summary>b{color:#c6531f;white-space:nowrap}.driver-stop-title{display:flex;align-items:center;gap:12px;min-width:0}.driver-stop-title>div{min-width:0}.driver-stop-title strong{display:inline-block;margin-right:8px;font-size:17px}.driver-stop-title small{display:block;margin-top:4px;color:var(--ops-muted)}.stop-number{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#e5f5eb;color:var(--ops-green);font-weight:900}.business-group-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#fff3d5;color:#8b5d00;font-size:11px;font-weight:800}.driver-stop-body{padding:0 16px 15px}.driver-empty{padding:30px;text-align:center}.driver-empty p{margin:8px 0 0;color:var(--ops-muted)}
@media(max-width:760px){.driver-publication{width:100%;margin-left:0;text-align:center}.driver-route>header{align-items:flex-start}.driver-route h2{font-size:19px}.route-total{font-size:12px}.route-total strong{font-size:18px}.driver-stop>summary{align-items:flex-start}.driver-stop-title strong{font-size:16px}}
.driver-board{display:grid;gap:10px;padding:12px;border:2px solid #cfe2d5;border-radius:18px;background:#eef7f1}.driver-board>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 8px}.driver-board>header span{color:#a66c10;font-size:11px;font-weight:900;letter-spacing:.1em}.driver-board>header h2{margin:3px 0 0;font-size:24px}.driver-board>header p{margin:4px 0 0;color:var(--ops-muted);font-size:12px}.driver-board>header>b{color:var(--ops-green)}.driver-board-routes{display:grid;gap:10px}
@media(max-width:760px){.driver-board{padding:8px}.driver-board>header{align-items:flex-start;flex-direction:column}.driver-board>header h2{font-size:20px}}
.warehouse-routing{margin-bottom:12px;overflow:hidden}.warehouse-routing>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;background:#edf6ef}.warehouse-routing>summary strong{display:block;font-size:17px}.warehouse-routing>summary span{display:block;margin-top:3px;color:var(--ops-muted);font-size:11px}.warehouse-routing>summary>b{color:var(--ops-green)}.warehouse-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.warehouse-route-card{padding:12px;border:1px solid var(--ops-line);border-radius:12px}.warehouse-route-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.warehouse-route-card header small{display:block;color:#b06b12;font-weight:900}.warehouse-route-card header strong{display:block;margin-top:3px}.warehouse-route-card header>b{color:#c6531f}.warehouse-route-card>p{margin:9px 0;color:var(--ops-muted);font-size:11px;line-height:1.6}.warehouse-route-items{display:flex;gap:6px;flex-wrap:wrap}.warehouse-route-items>span{padding:6px 8px;border-radius:8px;background:#f3f6f3;font-size:11px}.warehouse-route-items small{display:block;color:#9b6414;font-size:9px}
@media(max-width:760px){.warehouse-route-grid{grid-template-columns:1fr}.warehouse-routing>summary{align-items:flex-start}}
.driver-login{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;width:min(760px,100%);margin:8vh auto 0;padding:30px}.driver-login-copy small{color:#d79c2e;font-weight:900;letter-spacing:.14em}.driver-login-copy h1{margin:8px 0 10px;font-size:34px}.driver-login-copy p{margin:0;color:var(--ops-muted);line-height:1.8}.driver-login-form{display:grid;gap:13px}.driver-login-form label{display:grid;gap:6px;font-size:13px;font-weight:800}.driver-primary,.driver-secondary,.driver-danger{min-height:44px;padding:9px 14px;border-radius:10px;font:inherit;font-weight:900;cursor:pointer}.driver-primary{border:1px solid var(--ops-green);background:var(--ops-green);color:white}.driver-secondary{border:1px solid #a9cabb;background:white;color:var(--ops-green)}.driver-danger{border:1px solid #efc0b9;background:#fff5f3;color:#a53d2f}.driver-primary:disabled,.driver-secondary:disabled,.driver-danger:disabled{opacity:.55;cursor:wait}.driver-rule{border:1px solid #f0cf78;border-left:5px solid #e4a51f}.driver-route>header small{display:block;margin-top:5px;color:#d5e9df}.driver-stop-summary{display:flex;align-items:center;gap:10px}.delivery-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.delivery-status.pending{background:#eef1ef;color:#66756d}.delivery-status.progress{background:#fff1d7;color:#9a6100}.delivery-status.delivered{background:#e5effa;color:#24609a}.delivery-status.received{background:#dff4e7;color:#126746}.driver-exception{margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#fff0ed;color:#9f392b}.driver-contact-actions,.driver-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.driver-actions{padding-top:12px;border-top:1px solid var(--ops-line)}.driver-actions .driver-primary{flex:1}.delivery-done{display:block;margin-top:12px;padding:11px;border-radius:9px;background:#edf7f0;color:var(--ops-green);font-weight:900;text-align:center}
@media(max-width:760px){.driver-login{grid-template-columns:1fr;margin-top:3vh;padding:20px}.driver-login-copy h1{font-size:27px}.driver-stop-summary{align-items:flex-end;flex-direction:column}.driver-contact-actions>*{flex:1}.driver-actions>*{width:100%;flex:auto}.ops-account a{margin-left:auto}}
.driver-apply-divider{display:flex;align-items:center;gap:10px;margin:22px 0 2px;color:var(--ops-muted);font-size:12px}.driver-apply-divider:before,.driver-apply-divider:after{content:'';height:1px;flex:1;background:var(--ops-line)}.driver-apply-form{padding-top:4px}.driver-apply-form h2{margin:0;font-size:18px}.driver-apply-form .ops-sub{font-size:12px}.driver-apply-form .ops-status{margin:0}.driver-apply-form .ops-status.error{color:#a53d2f}
.warehouse-row{grid-template-columns:minmax(180px,210px) minmax(160px,1.2fr) 92px 96px 96px 92px minmax(178px,1.25fr) 78px;gap:8px;min-height:94px;padding:10px 12px}.days-collapsed .warehouse-row{grid-template-columns:minmax(180px,210px) minmax(160px,1.2fr) 92px 96px 96px 92px minmax(178px,1.25fr) 78px}.warehouse-row .product{overflow:hidden}.warehouse-row .product>div{min-width:0}.warehouse-row .product img,.warehouse-row .photo-fallback{width:44px;height:44px;flex-basis:44px}.warehouse-row .product strong{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.warehouse-row .product-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5}.arrival-group{min-width:0;padding:7px 8px;border:1px solid #dce8df;border-radius:10px;background:#f8fbf8}.arrival-group-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;color:var(--ops-muted);font-size:10px}.arrival-group-head>b{color:var(--ops-ink);font-weight:700;white-space:nowrap}.arrival-group-head strong{font-size:14px}.arrival-collapsed{display:none;align-items:center;justify-content:space-between;gap:4px;font-size:10px}.arrival-collapsed span{white-space:nowrap}.arrival-collapsed b{display:block;margin-top:2px;color:var(--ops-ink);font-size:15px;text-align:center}.arrival-collapsed i{color:#aab6ae;font-style:normal}.arrival-expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.arrival-expanded .quantity-field label{text-align:center}.arrival-expanded .quantity-field input{height:36px;padding:4px;font-size:14px}.days-collapsed .arrival-collapsed{display:flex}.days-collapsed .arrival-expanded{display:none}.pack-quantity{text-align:center}.pack-quantity input{height:40px;padding:5px;font-size:14px;font-weight:800}.pack-quantity small{display:block;margin-top:3px;color:var(--ops-muted);font-size:10px}.outbound-actual{min-width:0}.outbound-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.outbound-pair .quantity-field label{text-align:center}.outbound-pair .quantity-field input{height:38px;padding:4px;font-size:14px}.outbound-actual>small{display:block;margin-top:4px;color:#287253;font-size:9px;text-align:center}.outbound-actual>small.has-difference{color:#b45620;font-weight:800}.outbound-expected strong{font-size:17px}.ops-secondary:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:900px){.warehouse-row,.days-collapsed .warehouse-row{grid-template-columns:repeat(4,minmax(0,1fr))}.warehouse-row .product,.arrival-group,.outbound-actual{grid-column:span 2}}
@media(max-width:760px){.warehouse-row,.days-collapsed .warehouse-row{grid-template-columns:repeat(2,minmax(0,1fr))}.warehouse-row .product,.arrival-group,.outbound-actual{grid-column:1/-1}.warehouse-row .product-meta{white-space:normal}.arrival-collapsed{font-size:11px}}
.arrival-collapsed{align-items:stretch;justify-content:initial;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:inherit}.arrival-collapsed .quantity-field label,.arrival-expanded .quantity-field label{text-align:center}.arrival-collapsed .quantity-field input{height:32px;padding:2px 3px;font-size:13px;font-weight:800}.arrival-expanded .quantity-field input{height:40px;padding:5px;font-size:15px}.days-collapsed .arrival-collapsed{display:grid}