:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16253d;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #2166e047}.dashboard-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.warehouse-nav{background:#fff;border-right:1px solid #dce5ef;flex-direction:column;height:100vh;padding:27px 15px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 9px 30px;display:flex}.brand-icon,.nav-icon{color:#1762d5;place-items:center;display:grid}.brand-icon{background:#edf5ff;border:1px solid #b9d2f7;border-radius:11px;width:37px;height:37px}.brand svg,.nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.brand strong{letter-spacing:.01em;font-size:16px;display:block}.nav-label{color:#8390a3;letter-spacing:.08em;padding:0 11px 10px;font-size:11px;font-weight:700}.warehouse-nav nav{gap:4px;display:grid}.warehouse-nav-item{color:#495a73;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:11px;font-size:14px;transition:background-color .18s,color .18s,transform .18s;display:grid}.warehouse-nav-item:hover{background:#f3f7fc;transform:translate(2px)}.warehouse-nav-item.is-active{color:#155ece;background:#edf5ff;border-color:#cde0fa;box-shadow:inset 3px 0 #1769e0}.warehouse-nav-item b{font-variant-numeric:tabular-nums;font-size:12px}.dashboard-main{width:min(1400px,100%);margin:0 auto;padding:36px clamp(24px,4vw,64px) 54px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.topbar p{color:#6f7e91;margin:0 0 5px;font-size:13px}.topbar h1{color:#16253d;letter-spacing:-.035em;margin:0;font-size:clamp(27px,3vw,37px);line-height:1.1}.summary-panel{background:#fff;border:1px solid #dfe7f1;border-radius:16px;justify-content:space-between;align-items:center;gap:32px;min-height:132px;margin-bottom:40px;padding:25px 32px;display:flex;box-shadow:0 10px 30px #1f36530b}.summary-metric{min-width:230px}.summary-metric>span{color:#66768d;font-size:14px}.summary-metric strong{color:#155ed3;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:42px;line-height:1;display:block}.summary-metric strong small{margin-left:2px;font-size:22px}.summary-progress{background:#e4ebf5;border-radius:999px;width:196px;height:6px;margin-top:13px;display:block;overflow:hidden}.summary-progress span{border-radius:inherit;background:#1b69dc;height:100%;transition:width .22s;display:block}.summary-metric p{color:#78879a;margin:9px 0 0;font-size:13px}.legend{flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;display:flex}.legend>div{color:#596a80;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.legend-swatch{border-radius:3px;width:11px;height:11px}.section-intro{justify-content:space-between;align-items:end;gap:16px;margin:0 0 19px;display:flex}.section-intro h2{color:#1e2d44;letter-spacing:-.02em;margin:0;font-size:21px}.selection-hint{color:#738197;font-size:13px}.selection-hint b{color:#1c63d1}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.warehouse-area{background:#fff;border:1px solid #dfe7f1;border-radius:14px;min-width:0;padding:23px 21px 24px;transition:border-color .18s,box-shadow .18s;position:relative;box-shadow:0 8px 24px #1f365309}.warehouse-area.is-active{z-index:3;border-color:#b6d2f8;box-shadow:0 14px 32px #145ccf1c}.area-heading{justify-content:space-between;align-items:start;margin-bottom:17px;display:flex}.area-heading h2{letter-spacing:-.035em;margin:0;font-size:25px}.area-heading p{color:#7b899a;margin:5px 0 0;font-size:12px}.area-heading>strong{color:#1971db;font-variant-numeric:tabular-nums;font-size:18px}.slot-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.slot-wrapper{z-index:1;min-width:0;position:relative}.slot-wrapper.is-selected,.slot-wrapper:hover,.slot-wrapper:focus-within{z-index:5}.storage-slot{color:#168e91;background:#effbfb;border:1px solid;border-radius:4px;place-content:center;gap:7px;width:100%;min-height:90px;padding:8px;transition:transform .16s,box-shadow .16s,filter .16s;display:grid}.storage-slot:hover{z-index:2;filter:saturate(1.08);transform:translateY(-3px);box-shadow:0 8px 16px #21375221}.slot-wrapper.is-selected .storage-slot{outline-offset:2px;outline:3px solid #1d64ce}.slot-code{letter-spacing:-.015em;font-size:clamp(12px,1.25vw,16px);font-weight:650}.storage-slot strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(19px,2vw,25px);line-height:1}.slot-progress{background:#1135511f;border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.slot-progress>span{border-radius:inherit;background:currentColor;min-width:0;height:100%;transition:width .22s;display:block}.tone-full .slot-progress{background:#ffffff4f}.tone-full .slot-progress>span{background:#fff}.tone-empty{color:#91a0b2;background:#f5f7fa;border-color:#d9e0e8}.tone-low{color:#0b9b98;background:#edfafa;border-color:#9edfdc}.tone-notice{color:#bd7900;background:#fff8e9;border-color:#f0ca7f}.tone-high{color:#ed5a13;background:#fff1e8;border-color:#f0ad83}.tone-full{color:#fff;background:#e72a3a;border-color:#e72a3a}.slot-hover-card{z-index:10;color:#edf6ff;opacity:0;pointer-events:none;background:#102e5e;border:1px solid #315c97;border-radius:8px;width:176px;padding:12px 13px;transition:opacity .13s,transform .13s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 28px #071d3f42}.slot-hover-card:after{content:"";background:#102e5e;border-bottom:1px solid #315c97;border-right:1px solid #315c97;width:9px;height:9px;position:absolute;bottom:-5px;left:calc(50% - 5px);transform:rotate(45deg)}.tooltip-down .slot-hover-card{top:calc(100% + 9px);bottom:auto;transform:translate(-50%,-4px)}.tooltip-down .slot-hover-card:after{border:0;border-top:1px solid #315c97;border-left:1px solid #315c97;top:-5px;bottom:auto}.slot-wrapper:hover .slot-hover-card,.slot-wrapper:focus-within .slot-hover-card{opacity:1;transform:translate(-50%)}.slot-hover-card div{color:#b8cde8;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:11px;display:flex}.slot-hover-card div+div{border-top:1px solid #b8d3f42e}.slot-hover-card b{color:#fff;text-align:right;font-weight:650}.slot-hover-card p{color:#fff;border-top:1px solid #b8d3f42e;margin:9px 0 0;padding-top:8px;font-size:11px;line-height:1.45}.details-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a172994;place-items:center;padding:22px;animation:.17s ease-out both backdrop-in;display:grid;position:fixed;inset:0}.details-dialog{color:#1c2d45;background:#fff;border:1px solid #d6e1ef;border-radius:18px;width:min(470px,100%);animation:.18s cubic-bezier(.2,.8,.2,1) both dialog-in;overflow:hidden;box-shadow:0 28px 90px #03112775}.dialog-header{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;padding:25px 26px 18px;display:flex}.dialog-header span{color:#718197;font-size:12px}.dialog-header h2{letter-spacing:-.04em;margin:4px 0 0;font-size:30px}.dialog-close{color:#506179;background:#fff;border:1px solid #d9e3ef;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:24px;line-height:1;display:grid}.dialog-close:hover{color:#165fd0;background:#f3f8ff;border-color:#a9c8f4}.dialog-overview{justify-content:space-between;align-items:end;gap:22px;padding:22px 26px 13px;display:flex}.dialog-overview>div>span{color:#718197;font-size:12px;display:block}.dialog-overview>div>strong{color:#155fd4;letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:46px;line-height:1;display:block}.dialog-overview>div>strong small{margin-left:2px;font-size:22px}.dialog-status{border:1px solid;border-radius:9px;min-width:116px;padding:11px 12px}.dialog-status span{font-weight:650}.dialog-status b{margin-top:4px;font-size:12px;font-weight:600;display:block}.dialog-progress{background:#e3eaf3;border-radius:999px;height:8px;margin:0 26px 23px;display:block;overflow:hidden}.dialog-progress>span{border-radius:inherit;background:#1769de;height:100%;transition:width .22s;display:block}.details-dialog:has(.dialog-status.tone-full) .dialog-progress>span{background:#e72a3a}.cargo-details{background:#fbfcfe;border-top:1px solid #e8eef5;padding:23px 26px 25px}.cargo-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.cargo-heading h3{margin:0;font-size:16px}.cargo-heading p{color:#748399;margin:5px 0 0;font-size:12px}.cargo-heading>span{color:#2a68c3;white-space:nowrap;background:#eef6ff;border:1px solid #cce0fb;border-radius:6px;padding:5px 8px;font-size:11px}.cargo-details ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cargo-details li{background:#fff;border:1px solid #e0e8f2;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:12px 13px;display:flex}.cargo-details li div{gap:3px;display:grid}.cargo-details li strong{letter-spacing:.03em;font-size:15px}.cargo-details li span{color:#718197;font-size:12px}.cargo-details li b{color:#1769de;font-variant-numeric:tabular-nums;font-size:18px}.empty-cargo{color:#718197;text-align:center;background:#fff;border:1px dashed #cbd7e6;border-radius:9px;margin:0;padding:16px;font-size:13px}.dialog-footer{color:#7a899c;justify-content:space-between;gap:12px;padding:15px 26px;font-size:11px;display:flex}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1060px){.summary-panel{flex-direction:column;align-items:flex-start;gap:22px}.legend{justify-content:flex-start}.area-grid{grid-template-columns:1fr}}@media (width<=760px){.dashboard-shell{display:block}.warehouse-nav{border-bottom:1px solid #dce5ef;border-right:0;width:100%;height:auto;padding:17px 15px 14px;position:relative}.brand{padding:0 7px 15px}.nav-label,.nav-note{display:none}.warehouse-nav nav{scrollbar-width:none;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.warehouse-nav nav::-webkit-scrollbar{display:none}.warehouse-nav-item{grid-template-columns:20px auto auto;width:auto;min-width:max-content;padding:8px 10px;font-size:13px}.dashboard-main{padding:25px 16px 38px}.topbar{flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:20px}.summary-panel{margin-bottom:28px;padding:22px 20px}.summary-metric strong{font-size:38px}.summary-progress{width:100%;max-width:220px}.legend{gap:9px 14px}.legend>div{font-size:11px}.section-intro{flex-direction:column;align-items:flex-start;margin-bottom:15px}.warehouse-area{padding:18px 14px 19px}.area-heading{margin-bottom:13px}.storage-slot{gap:5px;min-height:72px;padding:7px 6px}.slot-code{font-size:11px}.storage-slot strong{font-size:18px}.slot-hover-card{width:164px}.details-backdrop{align-items:center;padding:14px;display:flex;overflow-y:auto}.details-dialog{border-radius:16px;max-height:calc(100dvh - 28px);overflow-y:auto}.dialog-header{padding:21px 20px 16px}.dialog-overview{padding:20px 20px 12px}.dialog-progress{margin-bottom:20px;margin-left:20px;margin-right:20px}.cargo-details{padding:20px}.dialog-footer{flex-direction:column;align-items:flex-start;padding:14px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}