.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.25rem 0;flex-shrink:0}.logo{display:flex;align-items:center;gap:.6rem;padding:0 1.25rem 1.5rem;font-weight:700;font-size:1rem}.logo-icon{font-size:1.25rem;color:var(--accent)}nav{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:0 .75rem}.nav-link{display:block;padding:.55rem .75rem;border-radius:var(--radius);color:var(--text-muted);font-size:.875rem;font-weight:500;transition:all .15s}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link.active{background:#3b82f626;color:var(--accent)}.sidebar-footer{padding:1rem 1.25rem 0;border-top:1px solid var(--border);margin-top:1rem}.user-info{margin-bottom:.75rem}.user-name{font-size:.875rem;font-weight:500}.user-role{font-size:.75rem;color:var(--text-muted)}.content{flex:1;padding:2rem;overflow-y:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a2332 0%,var(--bg) 70%)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-card .subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.login-hints{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.login-hints code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-size:.7rem}.help-fab{position:fixed;right:14px;bottom:calc(var(--mobile-tabbar-height, 4.25rem) + 14px);width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 6px 18px #0006;z-index:900}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:flex-end}.help-sheet{width:100%;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:.9rem .9rem calc(1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.7rem}.help-head{display:flex;justify-content:space-between;align-items:center}.help-head button{background:none;border:none;color:var(--text-muted);font-size:1.2rem;min-width:44px;min-height:44px}.help-section{display:flex;flex-direction:column;gap:.4rem}.help-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.help-chat{display:flex;flex-direction:column;gap:.4rem;max-height:34vh;overflow-y:auto}.help-hint{color:var(--text-muted);font-size:.88rem}.help-msg{padding:.55rem .7rem;border-radius:12px;line-height:1.4;font-size:.93rem;max-width:88%}.help-msg.user{align-self:flex-end;background:var(--accent);color:#fff}.help-msg.bot{align-self:flex-start;background:var(--bg);border:1px solid var(--border)}.help-ask{display:flex;gap:.4rem}.help-ask input{flex:1;min-height:46px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 .7rem;font-size:1rem}.help-ask button{min-width:48px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:1.1rem}.help-faq button{width:100%;display:flex;justify-content:space-between;text-align:left;min-height:46px;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-weight:600}.help-faq p{margin:.35rem .2rem .2rem;line-height:1.45;font-size:.92rem}.help-retrain{color:var(--accent);text-decoration:none;padding:.4rem 0}.problem-btn{background:none;border:1px solid var(--warning);color:var(--warning);border-radius:999px;padding:.25rem .7rem;font-weight:600;font-size:.85rem;min-height:34px}.problem-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;width:100%;min-height:54px;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.problem-option small{color:var(--text-muted)}.help-sheet textarea{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:.55rem;font-size:.95rem;font-family:inherit}.problem-outcome p{line-height:1.45;margin:0 0 .6rem}.mobile-app{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;background:var(--bg);--mobile-tabbar-expanded-height: calc(4.25rem + env(safe-area-inset-bottom)) ;--mobile-tabbar-collapsed-height: calc(2.35rem + env(safe-area-inset-bottom)) ;--mobile-tabbar-height: var(--mobile-tabbar-expanded-height)}.mobile-app--nav-collapsed{--mobile-tabbar-height: var(--mobile-tabbar-collapsed-height)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.mobile-header-title{display:flex;align-items:center;gap:.65rem}.mobile-logo{font-size:1.5rem;color:var(--accent)}.mobile-app-name{font-weight:700;font-size:1rem;line-height:1.2}.mobile-user{font-size:.75rem;color:var(--text-muted)}.mobile-refresh{width:44px;height:44px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-nav-toggle{width:44px;height:44px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-nav-toggle:active{background:var(--border)}.mobile-main{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--mobile-tabbar-height) + 1rem);scroll-padding-bottom:calc(var(--mobile-tabbar-height) + 1rem);-webkit-overflow-scrolling:touch}.mobile-tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);z-index:100;transition:transform .25s ease}.mobile-tabbar-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;padding:.4rem 1rem .35rem;border:none;background:var(--surface);color:var(--text-muted);-webkit-tap-highlight-color:transparent}.mobile-tabbar-handle-grip{width:2.25rem;height:.2rem;border-radius:999px;background:var(--border)}.mobile-tabbar-handle-label{font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mobile-tabbar-tabs{display:flex;padding-bottom:env(safe-area-inset-bottom);max-height:5rem;opacity:1;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.mobile-tabbar.collapsed .mobile-tabbar-tabs{max-height:0;opacity:0;pointer-events:none;padding-bottom:0}.mobile-tabbar.collapsed .mobile-tabbar-handle{padding-bottom:calc(.35rem + env(safe-area-inset-bottom))}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .25rem .65rem;color:var(--text-muted);text-decoration:none;min-height:56px;-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:var(--accent)}.mobile-tab-icon{font-size:1.35rem;line-height:1}.mobile-tab-label{font-size:.58rem;font-weight:600;letter-spacing:.02em}.mobile-receive-page .mobile-receive-select-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;letter-spacing:.04em}.mobile-receive-select{width:100%;padding:.75rem .85rem;font-size:.95rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin-bottom:.85rem}.mobile-receive-progress{margin-bottom:.85rem}.mobile-receive-progress-bar{height:8px;background:var(--surface-hover);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.mobile-receive-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s ease}.mobile-receive-progress-text{font-size:.8rem;color:var(--text-muted)}.mobile-labor-timer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.65rem 0;padding:.55rem .75rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);border-radius:10px;font-size:.85rem;color:var(--accent);font-weight:600}.mobile-labor-timer span:last-child{font-variant-numeric:tabular-nums;font-size:1rem}.mobile-receive-lines{display:flex;flex-direction:column;gap:.5rem;margin:.85rem 0}.mobile-receive-line{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem}.mobile-receive-line.done{opacity:.65;border-color:var(--success)}.mobile-receive-line-header{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.2rem}.mobile-receive-line-name{font-size:.78rem;color:var(--text-muted);margin-bottom:.4rem}.mobile-receive-line-bar{height:4px;background:var(--bg);border-radius:999px;overflow:hidden}.mobile-receive-line-bar>div{height:100%;background:var(--success);border-radius:999px;transition:width .2s ease}.mobile-receive-barcode{font-size:.68rem;color:var(--text-muted);margin-top:.35rem}.mobile-receive-done{font-size:.75rem;color:var(--success);margin-top:.35rem;font-weight:600}.mobile-task-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.mobile-task-card.active-putaway{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f640}.mobile-task-type{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:4px;margin-bottom:.5rem}.mobile-task-type.putaway{background:#1e3a5f;color:#93c5fd}.mobile-task-type.pick{background:#713f12;color:#fcd34d}.mobile-task-type.pack{background:#3b0764;color:#e9d5ff}.mobile-task-type.receive{background:#14532d;color:#86efac}.mobile-task-type.count{background:#431407;color:#fdba74}.mobile-task-title{font-size:1.05rem;font-weight:600;margin:0 0 .35rem;line-height:1.3}.mobile-task-qty{font-size:1.75rem;font-weight:700;color:var(--accent);margin:.5rem 0}.mobile-btn{display:block;width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;margin-top:.5rem;min-height:52px;-webkit-tap-highlight-color:transparent}.mobile-btn-primary{background:var(--accent);color:#fff}.mobile-btn-primary:active{background:var(--accent-hover)}.mobile-btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.mobile-btn-success{background:var(--success);color:#fff}.mobile-btn-scan-active{background:#3b82f633;color:var(--accent);border:2px dashed var(--accent);animation:pulse-border 1.5s ease infinite}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.6}}.mobile-selected-cell{background:#22c55e26;border:1px solid var(--success);border-radius:8px;padding:.65rem .85rem;margin:.5rem 0;font-size:.9rem;text-align:center}.mobile-selected-cell code{font-size:1.1rem;font-weight:700}.mobile-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.mobile-empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.mobile-toast{position:fixed;top:calc(4rem + env(safe-area-inset-top));left:1rem;right:1rem;padding:.85rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;z-index:200;animation:slide-down .25s ease}.mobile-toast.success{background:#14532d;color:#86efac;border:1px solid #22c55e}.mobile-toast.error{background:#450a0a;color:#fca5a5;border:1px solid #ef4444}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-scan-page .scanner-input{font-size:1.15rem;padding:1rem;min-height:56px}.mobile-scan-history{margin-top:1.25rem}.mobile-scan-history h3{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}.mobile-scan-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem;margin-bottom:.5rem;font-size:.875rem}.mobile-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.mobile-profile-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.mobile-profile-email{color:var(--text-muted);font-size:.875rem}.mobile-install-banner{background:linear-gradient(135deg,#1e3a5f,#1a2332);border:1px solid var(--accent);border-radius:12px;padding:1rem;margin-bottom:1rem}.mobile-install-banner p{font-size:.875rem;color:var(--text-muted);margin:.35rem 0 .75rem}.mobile-ios-hint{font-size:.8rem;color:var(--text-muted);line-height:1.5;padding:.75rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.mobile-ios-hint strong{color:var(--text)}@media (max-width: 768px){.login-card{margin:1rem;border-radius:16px}.content{padding:1rem}}.fbs-print{margin-top:.6rem}.fbs-print-row{display:flex;gap:.5rem}.fbs-print-row .mobile-btn{margin-top:0}.fbs-print-pdf{flex:0 0 5rem}.fbs-print-job{margin-top:.45rem;font-size:.88rem;color:var(--text-muted)}.fbs-print-job.done{color:var(--success)}.fbs-print-job.error{color:var(--danger)}.fbs-print-warn,.fbs-print-error{color:var(--warning);font-size:.85rem;margin-top:.3rem}.fbs-print-error{color:var(--danger)}.fbs-print-msg{margin-top:.5rem;font-size:.88rem}.fbs-print-panel{padding:1rem;margin-bottom:1rem}.fbs-print-panel.compact{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem;margin-bottom:0}.fbs-print-title{font-weight:600;margin-bottom:.5rem}.fbs-print-panel.compact .fbs-print-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500}.fbs-print-actions{display:flex;flex-wrap:wrap;gap:.5rem}.fbs-print-panel.compact .fbs-print-actions{display:grid;grid-template-columns:1fr 1fr}.fbs-print-panel.compact .mobile-btn{margin-top:0;font-size:.88rem;min-height:46px;padding:.5rem}.scanner{margin-bottom:1rem}.scanner-form{display:flex;gap:.5rem;align-items:stretch}.btn-camera{width:52px;min-width:52px;height:52px;font-size:1.35rem;border-radius:var(--radius);border:1px solid var(--accent);background:#3b82f626;color:var(--text);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.btn-camera:disabled{opacity:.5}.btn-find{min-height:52px;padding:0 1rem;flex-shrink:0}.camera-scanner{margin-bottom:.75rem;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.camera-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--surface);font-size:.85rem;font-weight:600}.camera-close{width:36px;height:36px;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border);color:var(--text);font-size:1rem;display:flex;align-items:center;justify-content:center}.camera-viewport{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover;background:#111;transform:scaleX(1)}.camera-frame{position:absolute;top:12%;right:8%;bottom:12%;left:8%;border:2px solid rgba(59,130,246,.9);border-radius:8px;box-shadow:0 0 0 9999px #00000073;pointer-events:none}.camera-frame:before,.camera-frame:after{content:"";position:absolute;width:20px;height:20px;border-color:#3b82f6;border-style:solid}.camera-frame:before{top:-2px;left:-2px;border-width:3px 0 0 3px}.camera-frame:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0}.camera-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;background:#0009}.camera-hint{padding:.5rem .75rem;font-size:.72rem;color:var(--text-muted);background:var(--surface);margin:0;line-height:1.35}.camera-error{padding:0 .85rem .65rem;margin:0;background:var(--surface)}.scanner-input{flex:1;font-size:1.1rem;padding:.65rem .85rem}.scanner-result{margin-top:.75rem;padding:.85rem 1rem}.scanner-type{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.25rem}.scanner-meta{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.scanner-inventory{margin-top:.5rem;padding-left:1.25rem;font-size:.85rem}.cell-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px}.cell-tile{aspect-ratio:1;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:transform .1s}.cell-tile:hover{transform:scale(1.05)}.cell-empty{background:var(--bg);color:var(--text-muted)}.cell-occupied{background:#22c55e33;color:var(--success);border-color:var(--success)}.cell-tile.cell-selected{outline:2px solid var(--accent);outline-offset:1px;transform:scale(1.05)}.cell-tile .qty{font-size:.55rem;opacity:.8}.cell-detail-panel{margin-top:1rem}.cell-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:cell-modal-fade-in .15s ease}.cell-modal{width:min(720px,100%);max-height:min(85vh,640px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 20px 40px #00000040;animation:cell-modal-slide-in .2s ease}.cell-modal-close{flex-shrink:0;width:2rem;height:2rem;border:none;border-radius:8px;background:var(--bg);color:var(--text-muted);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.cell-modal-close:hover{background:var(--surface-hover);color:var(--text)}.cell-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}@keyframes cell-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cell-modal-slide-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cell-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cell-contents-table-wrap{margin-top:1rem;overflow-x:auto}.cell-contents-table{width:100%;border-collapse:collapse}.cell-contents-table th,.cell-contents-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.cell-contents-table th{font-size:.75rem;color:var(--text-muted);font-weight:600}@media print{body *{visibility:hidden}.print-labels,.print-labels *{visibility:visible}.print-labels{position:absolute;left:0;top:0}}.label-sheet{display:flex;flex-wrap:wrap;gap:8px}.label-item{width:200px;height:120px;border:2px solid #000;padding:8px;display:flex;flex-direction:column;justify-content:space-between;color:#000;background:#fff;page-break-inside:avoid}.label-barcode{font-family:"Libre Barcode 128",monospace;font-size:2rem;letter-spacing:2px;text-align:center}.label-code{font-size:1.1rem;font-weight:700;text-align:center}@media (max-width: 768px){.scanner-input{font-size:1rem;min-height:52px}.scanner-form{flex-wrap:wrap}.scanner-input{flex:1 1 100%;order:1}.btn-camera{order:2;flex:1;width:auto;min-width:0}.btn-find{order:3;flex:1}.scanner--camera-open .camera-scanner{margin-bottom:.5rem}.scanner--camera-open .camera-viewport{aspect-ratio:16 / 9;max-height:180px}.scanner--camera-open .camera-hint{padding:.4rem .65rem;font-size:.68rem}.mobile-app .scanner--camera-open .scanner-form{position:sticky;bottom:var(--mobile-tabbar-height, calc(4.25rem + env(safe-area-inset-bottom)) );z-index:90;background:var(--bg);margin-left:-1rem;margin-right:-1rem;padding:.5rem 1rem .35rem;box-shadow:0 -10px 24px #00000073}.mobile-app .scanner--camera-open{margin-bottom:.25rem}}.trace-search-row{display:flex;gap:.75rem}.trace-search-row input{flex:1}.trace-search-hint{margin:.75rem 0 0;font-size:.8rem;color:var(--text-muted)}.trace-anomalies-block{margin:1rem 0}.trace-anomalies-block h3{font-size:.95rem;margin-bottom:.75rem}.trace-anomaly{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;margin-bottom:.5rem}.trace-anomaly-warning{border-color:#eab30880;background:#eab30814}.trace-anomaly-danger{border-color:#ef444480;background:#ef444414}.trace-summary{margin-bottom:1rem}.trace-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.trace-stock-item{display:flex;flex-direction:column;gap:.2rem;padding:.65rem;background:var(--bg);border-radius:8px;font-size:.85rem}.trace-reserve{font-size:.75rem;color:var(--text-muted)}.trace-timeline{position:relative;padding-left:1.5rem}.trace-timeline:before{content:"";position:absolute;left:.35rem;top:.5rem;bottom:.5rem;width:2px;background:var(--border)}.trace-event{position:relative;margin-bottom:1.25rem}.trace-event-dot{position:absolute;left:-1.35rem;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.trace-event-warning .trace-event-dot{background:#eab308}.trace-event-danger .trace-event-dot{background:#ef4444}.trace-event-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-bottom:.35rem}.trace-event-meta time{font-size:.8rem;color:var(--text-muted)}.trace-event-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent)}.trace-event-desc{margin:0;font-size:.95rem;line-height:1.45}.trace-event-footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.trace-event-footer code{font-size:.75rem}.unit-pack{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.5rem}.unit-pack-loading{color:var(--text-muted);padding:.5rem 0}.unit-pack-head{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.unit-pack-head b{color:var(--text);font-size:1.1rem;font-variant-numeric:tabular-nums}.unit-pack-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.unit-pack-items li{display:flex;justify-content:space-between;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem;font-size:.9rem}.unit-pack-items li.done{border-color:var(--success)}.unit-pack-count{font-weight:700;font-variant-numeric:tabular-nums}.unit-pack-items li.done .unit-pack-count{color:var(--success)}.unit-pack-tags em{font-style:normal;font-size:.7rem;margin-left:.35rem;padding:.05rem .35rem;border-radius:6px;background:#a855f72e;color:#c084fc}.unit-pack-boxes{display:flex;flex-direction:column;gap:.35rem}.unit-pack-box{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;border-radius:10px;border:1px dashed var(--border);font-size:.9rem}.unit-pack-box.open{border:2px solid var(--accent)}.unit-pack-box small{color:var(--text-muted)}.unit-pack-box-actions button{min-height:38px;min-width:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-weight:600;padding:0 .7rem}.unit-pack-newbox{display:flex;flex-direction:column;gap:.3rem}.unit-pack-newbox .mobile-btn{margin-top:0}.unit-pack-expiry{border:1px solid var(--warning);background:#f59e0b1a;border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.unit-pack-row{display:flex;gap:.5rem}.unit-pack-row .mobile-btn{margin-top:0}.unit-pack-last{font-size:.88rem;color:var(--success)}.unit-pack-error{font-size:.88rem;color:var(--danger)}.unit-pack-undo{align-self:flex-start;background:none;border:none;color:var(--text-muted);text-decoration:underline;padding:.25rem 0;min-height:36px}.unit-pack-date{width:100%;min-height:48px;font-size:1.05rem;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);color-scheme:dark}.shift-page{padding:.75rem .75rem calc(var(--mobile-tabbar-height, 4.25rem) + 1rem);display:flex;flex-direction:column;gap:.75rem}.shift-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:12px;padding:.75rem .9rem}.shift-bar.on-break{border-left-color:var(--warning)}.shift-bar-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.shift-bar-time{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.shift-bar-sub{font-size:.8rem;color:var(--text-muted)}.shift-bar-actions{display:flex;flex-direction:column;gap:.4rem;min-width:8.5rem}.shift-chip{min-height:40px;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-weight:600;font-size:.9rem}.shift-chip.primary{background:var(--accent);border-color:var(--accent);color:#fff}.shift-chip.danger{background:var(--danger);border-color:var(--danger);color:#fff}.shift-start-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.1rem;text-align:center}.shift-start-card h2{margin:.35rem 0;font-size:1.3rem}.shift-start-card p{margin:0 0 .75rem;color:var(--text-muted);line-height:1.4}.shift-start-icon{font-size:2.4rem;color:var(--accent)}.shift-start-btn{min-height:60px;font-size:1.1rem}.shift-task{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:14px;padding:.9rem}.shift-task.kind-fbs{border-top-color:#f97316}.shift-task.kind-fbo{border-top-color:var(--accent)}.shift-task.kind-prep{border-top-color:#a855f7}.shift-task-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.shift-kind{font-weight:700;font-size:.95rem}.kind-fbs .shift-kind{color:#fb923c}.kind-fbo .shift-kind{color:#60a5fa}.kind-prep .shift-kind{color:#c084fc}.shift-task-timer{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.9rem}.shift-deadline{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.shift-deadline.soon{color:var(--warning);font-weight:600}.shift-deadline.overdue{color:var(--danger);font-weight:700}.shift-big-cell{font-size:2rem;font-weight:800;letter-spacing:.02em;text-align:center;padding:.6rem;margin:.25rem 0 .6rem;border-radius:10px;background:var(--bg);border:1px dashed var(--border);font-variant-numeric:tabular-nums;word-break:break-all}.shift-product{line-height:1.4;margin-bottom:.6rem}.shift-qty{font-size:1.15rem;font-weight:700;margin-top:.25rem}.shift-hint{color:var(--text-muted);font-size:.88rem;margin-top:.25rem}.shift-steps{list-style:none;padding:0;margin:0 0 .6rem;display:flex;gap:.4rem}.shift-steps li{flex:1;font-size:.8rem;padding:.4rem .5rem;border-radius:8px;background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.shift-steps li.current{border-color:var(--accent);color:var(--text)}.shift-steps li.done{border-color:var(--success);color:var(--success)}.shift-error{color:var(--danger);font-size:.9rem;margin-top:.4rem}.shift-row{display:flex;gap:.5rem}.shift-link-btn{text-align:center;text-decoration:none;line-height:1.6}.mobile-btn:disabled{opacity:.45}.shift-order-number{font-weight:700;margin-bottom:.5rem}.shift-checklist{list-style:none;padding:0;margin:0 0 .4rem;display:flex;flex-direction:column;gap:.45rem}.shift-checklist button{display:flex;gap:.65rem;width:100%;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem;color:var(--text);min-height:52px}.shift-checklist li.checked button{border-color:var(--success)}.shift-check{flex:0 0 1.6rem;height:1.6rem;border-radius:6px;border:2px solid var(--border);display:grid;place-items:center;color:var(--success);font-weight:800}.shift-checklist li.checked .shift-check{border-color:var(--success)}.shift-check-body{display:flex;flex-direction:column;gap:.15rem}.shift-check-body small{color:var(--text-muted)}.shift-prep-warn{color:#c084fc;font-weight:600;font-size:.85rem}.shift-urgent{border:1px solid #f97316;background:#f973161f;border-radius:10px;padding:.7rem;margin-bottom:.7rem}.shift-urgent b{color:#fb923c}.shift-urgent small{display:block;color:var(--text-muted);margin-top:.15rem}.shift-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.shift-progress-num{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums}.shift-progress-num span{font-size:1.1rem;color:var(--text-muted)}.shift-progress-bar{flex:1;height:10px;border-radius:999px;background:var(--bg);overflow:hidden}.shift-progress-bar>div{height:100%;background:#a855f7;transition:width .2s}.shift-kiz{border:1px solid var(--border);border-radius:10px;padding:.7rem;background:var(--bg)}.shift-kiz-title{font-weight:600;margin-bottom:.5rem}.shift-kiz-print-area{background:#fff;color:#000;border-radius:8px;padding:.6rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.shift-kiz-print-area canvas{max-width:160px;height:auto}.shift-kiz-text{font-family:ui-monospace,monospace;font-size:.7rem;word-break:break-all;text-align:center}.shift-stats{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .9rem}.shift-stats-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.4rem}.shift-stats-row{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem 0;border-top:1px solid var(--border);font-size:.9rem}.shift-stats-row:first-of-type{border-top:none}.shift-stats-row small{color:var(--text-muted)}@media print{body.printing-kiz *{visibility:hidden}body.printing-kiz .shift-kiz-print-area,body.printing-kiz .shift-kiz-print-area *{visibility:visible}body.printing-kiz .shift-kiz-print-area{position:fixed;left:0;top:0}}.shift-head-right{display:flex;align-items:center;gap:.5rem}.shift-training{text-align:left;border:1px solid var(--accent);background:#3b82f61a;border-radius:12px;padding:.75rem;margin-bottom:.6rem;line-height:1.4}.tr-page{padding:.75rem .75rem calc(var(--mobile-tabbar-height, 4.25rem) + 1rem);display:flex;flex-direction:column;gap:.75rem}.tr-progress{display:flex;gap:.3rem}.tr-progress span{flex:1;height:6px;border-radius:999px;background:var(--surface-hover)}.tr-progress span.done{background:var(--success)}.tr-progress span.current{background:var(--accent)}.tr-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.tr-card h2{margin:.25rem 0 .5rem;font-size:1.25rem}.tr-card h3{margin:0 0 .5rem}.tr-step{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tr-points{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.6rem;line-height:1.45}.tr-nav{display:flex;gap:.5rem;margin-top:.8rem}.tr-nav .mobile-btn{margin-top:0}.tr-q{border:none;margin:.9rem 0 0;padding:0}.tr-q legend{font-weight:600;margin-bottom:.4rem;line-height:1.35}.tr-q label{display:flex;gap:.55rem;align-items:flex-start;padding:.6rem .65rem;margin-top:.35rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);line-height:1.35;min-height:44px;text-align:left;justify-content:flex-start}.tr-q label.chosen{border-color:var(--accent)}.tr-q input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.15rem 0 0;accent-color:var(--accent)}.tr-result{text-align:center;padding:1.4rem 1rem;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.tr-result.ok{border-color:var(--success)}.tr-result.bad{border-color:var(--danger)}.tr-result-icon{font-size:2.6rem}.tr-result.ok .tr-result-icon{color:var(--success)}.tr-result.bad .tr-result-icon{color:var(--danger)}.tr-result p{color:var(--text-muted);line-height:1.4}.tr-mistake{padding:.6rem 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.tr-mistake small{color:var(--text-muted)}.sup-card{padding:1rem;margin:1rem 0}.sup-card h3{margin:0 0 .6rem}.sup-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.sup-title h2{margin:0;font-size:1.15rem}.sup-totals{margin:.5rem 0 .75rem;color:var(--text-muted)}.sup-table-wrap{overflow-x:auto}.sup-form,.sup-actions,.sup-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}.sup-form input,.sup-form select,.sup-inline input{min-width:180px}.sup-field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-muted)}.sup-note{margin-top:.6rem;font-size:.85rem;color:var(--text-muted);line-height:1.4}.sup-error{margin-top:.5rem;color:var(--danger);font-size:.88rem}.sup-badge,.sup-line{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;background:var(--surface-hover);color:var(--text);white-space:nowrap}.sup-badge.available,.sup-badge.supply_created,.sup-badge.manual,.sup-line.ok{background:#22c55e2e;color:#4ade80}.sup-badge.partial,.sup-badge.draft_created,.sup-line.warn{background:#f59e0b2e;color:#fbbf24}.sup-badge.shortage,.sup-badge.failed,.sup-line.bad{background:#ef44442e;color:#f87171}.sup-badge.converted,.sup-line.done{background:#3b82f62e;color:#60a5fa}td.bad,b.bad{color:#f87171}.sup-clickable{cursor:pointer}.sup-clickable:hover td{background:var(--surface-hover)}.sup-plan{border:1px solid var(--border);border-radius:10px;padding:.75rem;margin-top:.6rem}.sup-plan-head{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.sup-plan-meta{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.sup-preview{margin-top:.6rem;padding:.6rem .75rem;border-radius:8px;background:var(--bg);border:1px solid var(--accent)}.sup-preview ul{margin:.4rem 0;padding-left:1.2rem}.sup-sync{min-width:220px}.sup-sync label{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;white-space:nowrap}.sup-sync-report{margin-top:.35rem;font-size:.82rem;color:var(--text-muted);line-height:1.35}.sup-sync-report .sup-warn{color:var(--warning)}.sup-sync-report .sup-bad{color:var(--danger)}.sup-sync label{justify-content:flex-start;width:auto;font-weight:400}.sup-sync input[type=checkbox]{width:auto;min-height:0;margin:0;flex:0 0 auto}.catalog-mapping{display:grid;gap:1rem}.catalog-mapping .card{margin:0}.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin:.8rem 0}.catalog-toolbar label{display:grid;gap:.3rem;font-size:.85rem}.catalog-toolbar select{min-width:180px}.catalog-note{color:var(--text-muted);font-size:.85rem;line-height:1.6}.catalog-search{min-width:220px;flex:1}.catalog-table{overflow-x:auto}.catalog-table table{min-width:850px}.catalog-table td{vertical-align:top}.catalog-table strong,.catalog-table small,.catalog-picker-table small{display:block;overflow-wrap:anywhere}.catalog-table small,.catalog-picker-table small{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.catalog-product{display:flex;gap:.6rem;min-width:210px;max-width:370px}.catalog-product>:first-child{flex-shrink:0}.catalog-variant{display:block;font-size:.8rem;margin-top:.3rem}.catalog-market{display:inline-block;font-size:.75rem;padding:.15rem .4rem;border-radius:4px;margin-bottom:.35rem;background:#2457a33b}.catalog-market.wildberries{background:#8539b83b}.catalog-linked{color:var(--success, #52c88b);display:block;font-size:.8rem;margin-bottom:.35rem}.catalog-link-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.catalog-link-list span{background:var(--bg);padding:.2rem .4rem;border-radius:4px;font-size:.75rem}.catalog-actions{display:grid;gap:.4rem}.catalog-message{padding:.85rem 1rem;border:1px solid var(--success, #52c88b);border-radius:8px}.catalog-dialog{width:min(1000px,94vw);max-height:90vh;padding:1.25rem;background:var(--bg-card, #1a2332);color:var(--text, #e8edf5);border:1px solid var(--border, #35445b);border-radius:12px;margin:auto}.catalog-dialog::backdrop{background:#000a}.catalog-dialog-head,.catalog-dialog-foot{display:flex;justify-content:space-between;gap:1rem;align-items:center}.catalog-dialog-head p{color:var(--text-muted);margin-top:.4rem}.catalog-picker-table{max-height:43vh;overflow:auto;margin:1rem 0}.catalog-picker-table tr{cursor:pointer}.catalog-chosen{background:#3264a844}.catalog-dialog-foot{position:sticky;bottom:-1.25rem;background:var(--bg-card, #1a2332);padding:.9rem 0}@media (max-width: 640px){.catalog-toolbar>*{width:100%}.catalog-dialog-head,.catalog-dialog-foot{align-items:stretch;flex-direction:column}}.fbs-workbench{display:grid;gap:1rem}.fbs-workbench .page-header,.fbs-workbench p{margin:0}.fbs-ops-controls{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-block:.75rem}.fbs-ops-controls label{display:grid;gap:.3rem;font-size:.85rem}.fbs-ops-search{flex:1;min-width:180px}.fbs-workbench summary{cursor:pointer;font-weight:600}.fbs-readiness ul{list-style:none;margin-block:.8rem;padding:0}.fbs-readiness li{display:grid;grid-template-columns:140px 200px 1fr auto;align-items:start;gap:.7rem;padding-block:.7rem;border-bottom:1px solid var(--border)}.fbs-ok{color:var(--success)}.fbs-not-ready{color:var(--warning, #eac578)}.fbs-store-reports>div{padding-block:.8rem;border-bottom:1px solid var(--border)}.fbs-ops-table{overflow:auto}.fbs-ops-table table{min-width:900px}.fbs-ops-table td{vertical-align:top;overflow-wrap:anywhere}.fbs-ops-table small{display:block;color:var(--text-muted);margin-top:.3rem}.fbs-ops-message{padding:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:.4rem}@media (max-width: 800px){.fbs-readiness li{grid-template-columns:1fr;gap:.25rem}.fbs-ops-controls label,.fbs-ops-controls button{width:100%}}:root{--bg: #0f1419;--surface: #1a2332;--surface-hover: #243044;--border: #2d3a4f;--text: #e8edf4;--text-muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 8px;--font: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#ef44441a}input,select,textarea{font-family:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;font-size:.875rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-draft{background:#374151;color:#d1d5db}.badge-submitted{background:#1e3a5f;color:#93c5fd}.badge-approved{background:#14532d;color:#86efac}.badge-picking,.badge-receiving,.badge-in_progress{background:#713f12;color:#fcd34d}.badge-completed,.badge-shipped{background:#14532d;color:#86efac}.badge-cancelled,.badge-rejected{background:#450a0a;color:#fca5a5}.badge-pending{background:#1e293b;color:#94a3b8}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-card .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:1.75rem;font-weight:700;margin-top:.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.error{color:var(--danger);font-size:.875rem;margin-top:.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.empty{text-align:center;padding:3rem;color:var(--text-muted)}