@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wh-bg:#0b1a2c;--wh-surface:#152236;--wh-surface-soft:#1a2c44;--wh-border:#1e3352;--wh-accent:#f59e0b;--wh-success:#10b981;--wh-danger:#ef4444;--wh-info:#38bdf8;--wh-text:#e2ebf6;--wh-muted:#6b8cae;--touch-min:48px;--nav-height:88px;color:var(--wh-text);background:radial-gradient(circle at top,#f59e0b1f,#0000 24%),radial-gradient(circle at 20% 10%,#10b9811a,#0000 18%),linear-gradient(#081423 0%,#0b1a2c 56%,#0d2238 100%);font-family:Inter,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}body{width:100vw;min-height:100dvh}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--wh-border);width:100%;min-height:52px;color:var(--wh-text);background:#081423bf;border-radius:18px;outline:none;padding:14px 16px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:var(--wh-accent);box-shadow:0 0 0 3px #f59e0b24}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--wh-muted) 50%), linear-gradient(135deg, var(--wh-muted) 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.warehouse-shell{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.warehouse-topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1a2ceb;border-bottom:1px solid #1e3352e6;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.brand-lockup,.brand-copy,.info-header,.package-card-top,.package-card-meta,.scan-header-row,.pagination-shell,.inline-actions,.shipment-item-row,.session-item,.session-meta,.search-shell,.scanner-caption,.create-shipment-row,.hero-stats,.scan-header-card,.shipment-preview,.loading-inline,.warning-banner,.hero-copy,.info-grid,.calc-panel,.confirm-sheet-copy,.filter-row,.mode-pill-row{gap:12px;display:flex}.brand-copy,.hero-copy,.confirm-sheet-copy,.scan-header-card{flex-direction:column}.brand-copy span,.eyebrow-text{letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted);font-size:11px;font-weight:700}.brand-copy strong,.mono-strong{font-family:IBM Plex Mono,monospace;font-size:1rem}.brand-chip,.info-chip{color:#ffd48a;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.warehouse-content{padding:16px 16px 104px}.warehouse-nav{z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07121ff5;border-top:1px solid #1e3352f2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.warehouse-nav-item{min-height:58px;color:var(--wh-muted);border-radius:18px;place-items:center;gap:4px;padding:6px 8px;transition:background .2s,color .2s,transform .2s;display:grid}.warehouse-nav-item span{font-size:11px;font-weight:700}.warehouse-nav-item.active{color:#ffd48a;background:#f59e0b24;transform:translateY(-2px)}.stack{gap:16px;display:grid}.panel-card,.hero-panel,.package-card,.empty-card,.skeleton-card,.shipment-card,.scan-header-card{background:#152236eb;border:1px solid #1e3352f2;border-radius:28px;min-width:0;padding:18px;box-shadow:0 24px 60px #00000038}.muted-card{opacity:.92}.hero-panel{background:linear-gradient(135deg,#f59e0b29,#0000 45%),#152236f2}.hero-panel h1,.login-copy h1{margin:4px 0 0;font-size:clamp(1.8rem,7vw,2.4rem);font-weight:800}.hero-panel p,.section-heading p,.helper-text,.warning-banner p,.empty-card p,.login-copy p,.scanner-empty p{color:var(--wh-muted);margin:0;font-size:.95rem}.section-heading{flex:1;gap:4px;min-width:0;display:grid}.section-heading h2,.section-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.section-heading p{color:var(--wh-muted);margin:0;font-size:.85rem;line-height:1.3}.stat-card,.quick-action-card,.alert,.button,.icon-action,.filter-pill,.status-badge,.match-chip{justify-content:center;align-items:center;gap:8px;display:inline-flex}.stat-card{background:#081423b8;border:1px solid #1e3352cc;border-radius:22px;flex:1 1 0;align-items:flex-start;padding:14px}.stat-card strong{margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:1.1rem;display:block}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-action-card{background:#152236e6;border:1px solid #1e3352f2;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:126px;padding:16px}.quick-action-icon{color:#ffd48a;background:#f59e0b29;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.quick-action-copy{gap:6px;display:grid}.quick-action-copy strong{font-size:1rem}.quick-action-copy span{color:var(--wh-muted);font-size:.9rem}.rule-list{gap:12px;margin:0;padding-left:20px;display:grid}.field-block{gap:8px;display:grid}.field-block span{font-size:.88rem;font-weight:700}.field-error{color:#fca5a5;font-size:.82rem}.button,.icon-action,.upload-trigger,.filter-pill,.stepper-button{min-height:var(--touch-min);cursor:pointer;border-radius:18px;transition:transform .18s,background .18s,border-color .18s}.button:hover,.icon-action:hover,.filter-pill:hover,.shipment-card:hover,.quick-action-card:hover{transform:translateY(-1px)}.button:disabled,.icon-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.button{padding:0 16px;font-weight:700}.button.block{width:100%}.button.primary{color:#111827;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}.button.secondary,.icon-action,.filter-pill,.stepper-button{color:var(--wh-text);background:#081423c7;border:1px solid #1e3352f2}.button.danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.text-button{color:#ffd48a;background:0 0;padding:0;font-weight:700}.icon-action{width:var(--touch-min);padding:0}.alert{border-radius:20px;justify-content:space-between;padding:14px 16px;font-size:.92rem}.alert.success{color:#9ef0d2;background:#10b9811f;border:1px solid #10b9813d}.alert.error{color:#fecaca;background:#ef44441f;border:1px solid #ef44443d}.search-shell,.inline-input{align-items:center;gap:10px;display:flex}.inline-input{background:#081423c7;border:1px solid #1e3352f2;border-radius:18px;min-height:56px;padding:0 16px}.inline-input input{min-height:54px;box-shadow:none;background:0 0;border:0;padding:0}.mono,.mono-strong{font-family:IBM Plex Mono,monospace}.filter-row,.mode-pill-row{padding-bottom:2px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.mode-pill-row::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;color:var(--wh-muted);padding:0 14px}.filter-pill.active{color:#ffd48a;background:#f59e0b24;border-color:#f59e0b4d}.status-badge,.match-chip{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:7px 12px;font-size:.74rem;font-weight:800}.status-badge.small{padding:6px 10px;font-size:.68rem}.status-badge.success,.match-chip.success{color:#9ef0d2;background:#10b9811f}.status-badge.warning,.match-chip.warning{color:#ffd48a;background:#f59e0b1f}.status-badge.info{color:#bae6fd;background:#38bdf81f}.status-badge.accent{color:#ddd6fe;background:#8b5cf624}.status-badge.muted{color:#bfd3ea;background:#6b8cae24}.status-badge.danger{color:#fecaca;background:#ef44441f}.package-card,.shipment-preview{gap:14px;display:grid}.package-card-top,.package-card-meta,.info-header,.shipment-item-row,.session-item,.pagination-shell,.scan-header-row,.search-shell{justify-content:space-between;align-items:center}.package-card-meta,.info-grid,.calc-panel{flex-wrap:wrap}.package-card-meta>div,.info-grid>div,.calc-panel>div{flex:140px;gap:4px;display:grid}.empty-card{text-align:center}.empty-card strong{margin-bottom:6px;font-size:1rem;display:block}.login-screen,.login-panel{min-height:100dvh}.login-screen{place-items:center;padding:20px;display:grid}.login-panel{background:linear-gradient(#f59e0b14,#0000 18%),#152236f0;border:1px solid #1e3352f2;border-radius:32px;gap:24px;width:min(100%,440px);min-height:auto;padding:28px;display:grid;box-shadow:0 28px 70px #00000047}.login-brand{gap:8px;display:grid}.login-brand p{color:var(--wh-muted);margin:0;font-size:.92rem}.segmented-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.segmented-tabs button{min-height:44px;color:var(--wh-muted);background:#081423b8;border:1px solid #1e3352f2;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-weight:700;display:inline-flex}.segmented-tabs button span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.segmented-tabs button.active{color:#ffd48a;background:#f59e0b24;border-color:#f59e0b4d}.scanner-panel,.upload-panel{gap:12px;display:grid}.scanner-frame{touch-action:pan-y;background:#081423d1;border:1px solid #1e3352f2;border-radius:26px;max-width:100%;min-height:280px;position:relative;overflow:hidden}.scanner-frame.active{animation:.24s fadeIn}.scanner-target{border-radius:26px;width:100%;min-height:280px;overflow:hidden}.scanner-target>video,.scanner-target video{object-fit:cover;max-width:100%;display:block;width:100%!important;height:100%!important}.scanner-target canvas{display:none!important}.scanner-target img{max-width:100%;height:auto}.scanner-target>div,.scanner-target section,.scanner-target>div>div{overflow:hidden;width:100%!important;max-width:100%!important}.scanner-empty,.decoder-placeholder{color:var(--wh-muted);place-items:center;gap:10px;display:grid;position:absolute;inset:0}.decoder-placeholder{min-height:0;position:static;inset:auto}.scanner-overlay{pointer-events:none;position:absolute;inset:0}.scanner-overlay span{border-color:#f59e0bf2;width:32px;height:32px;animation:1.8s ease-in-out infinite scanPulse;position:absolute}.scanner-overlay span:first-child{border-top:3px solid;border-left:3px solid;top:22%;left:18%}.scanner-overlay span:nth-child(2){border-top:3px solid;border-right:3px solid;top:22%;right:18%}.scanner-overlay span:nth-child(3){border-bottom:3px solid;border-left:3px solid;bottom:22%;left:18%}.scanner-overlay span:nth-child(4){border-bottom:3px solid;border-right:3px solid;bottom:22%;right:18%}.upload-trigger{color:#ffd48a;background:#f59e0b14;border:1px dashed #f59e0b59;width:100%;padding:18px}.hidden-input{display:none}.stepper-row{grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:10px;display:grid}.stepper-row input{text-align:center}.stepper-button{color:var(--wh-text);font-size:1.2rem}.field-grid.two,.field-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.calc-panel{align-items:stretch}.calc-panel>div,.warning-banner{background:#081423b3;border:1px solid #1e3352e0;border-radius:20px;padding:14px}.calc-highlight{background:#f59e0b1f!important;border-color:#f59e0b47!important}.shipment-list{gap:10px;display:grid}.shipment-card{text-align:left;width:100%;color:var(--wh-text);background:#081423bf;justify-content:space-between;align-items:center;gap:12px;display:flex}.shipment-card.active{border-color:#f59e0b66;box-shadow:inset 0 0 0 1px #f59e0b33}.shipment-card div{gap:4px;display:grid}.shipment-card span{color:var(--wh-muted);font-size:.86rem}.create-shipment-row{align-items:center}.create-shipment-row input{flex:auto}.shipment-item-list{gap:10px;display:grid}.session-item{border-bottom:1px solid #1e3352cc;padding:14px 0}.session-item:last-child{border-bottom:0;padding-bottom:0}.session-meta{color:var(--wh-muted);flex-direction:column;align-items:flex-end;gap:8px;font-size:.82rem}.pagination-shell{color:var(--wh-muted);gap:12px}.skeleton-card{gap:10px;display:grid}.skeleton-line{background:linear-gradient(90deg,#1e335299,#2e4667eb,#1e335299) 0 0/200% 100%;border-radius:999px;height:12px;animation:1.3s linear infinite shimmer}.skeleton-line.wide{width:78%}.skeleton-line.short{width:42%}.spinner{border:2px solid #f59e0b33;border-top-color:var(--wh-accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.confirm-sheet-root{z-index:40;position:fixed;inset:0}.confirm-sheet-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01070d9e;position:absolute;inset:0}.confirm-sheet{background:#152236fa;border:1px solid #1e3352f2;border-radius:28px;gap:16px;padding:18px;animation:.22s slideUp;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.confirm-sheet-handle{background:#6b8cae59;border-radius:999px;width:42px;height:5px;margin:0 auto}.confirm-sheet-icon{color:#ffd48a;background:#f59e0b1f;border-radius:16px;place-items:center;width:42px;height:42px;display:grid}.confirm-sheet-icon.danger{color:#fecaca;background:#ef44441f}.confirm-sheet-copy h3{margin:0;font-size:1.1rem}.confirm-sheet-copy p{color:var(--wh-muted);margin:0}.confirm-sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanPulse{0%,to{opacity:.55}50%{opacity:1}}@media (width>=768px){.warehouse-content{width:min(860px,100%);margin:0 auto;padding-bottom:118px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}}