:root{--bg:#f4f3ef;--surface:#fff;--surface2:#f8f7f3;--ink:#252724;--muted:#777a73;--line:#deddd6;--accent:#6f7968;--accent2:#8c947f;--accentSoft:#edf0e9;--danger:#a5544d;--dangerSoft:#f8ece9;--shadow:0 12px 32px rgba(44,49,42,.08);--radius:18px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:30px;line-height:1.05}h2{font-size:23px;margin-bottom:12px}.wide{width:100%}
.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;min-width:42px;height:30px;padding:0 8px;border-radius:9px;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.08em}.auth-brand{font-size:20px;margin-bottom:24px}.topbar{position:sticky;top:0;z-index:30;height:62px;padding:10px max(14px,env(safe-area-inset-left)) 10px max(14px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;background:rgba(244,243,239,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,221,214,.72)}.topbar-actions{display:flex;gap:8px;align-items:center}.employee-btn,.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;height:40px}.employee-btn{padding:0 12px;display:flex;align-items:center;gap:7px}.icon-btn{width:40px;font-size:19px}
main{max-width:1180px;margin:0 auto;padding:22px 18px 98px}.screen{display:none}.screen.active{display:block}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.compact-hero{margin-bottom:13px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-copy{margin-top:-6px;margin-bottom:18px}.info-banner{display:flex;align-items:center;gap:10px;background:var(--accentSoft);padding:12px 14px;border-radius:14px;margin-bottom:14px}.info-banner span{color:var(--muted);font-size:13px}
.warehouse-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.warehouse-stat{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:13px 14px;text-align:left}.warehouse-stat small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.warehouse-stat b{font-size:20px}.warehouse-stat.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(111,121,104,.1)}
.quick-strip,.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.quick-strip{margin-bottom:12px}.quick-strip::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.quick-pill,.chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 13px;font-weight:700;font-size:13px}.quick-pill{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.active{background:var(--accentSoft);border-color:#b9c1b4;color:#465044}
.stock-toolbar{display:flex;gap:9px;margin-bottom:10px}.search-wrap{position:relative;flex:1}.search-wrap input{width:100%;height:47px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 42px 0 14px;outline:none}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(111,121,104,.12)}.search-wrap button{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;background:transparent;font-size:22px;color:var(--muted)}.result-line{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin:10px 2px}.sync-text{font-variant-numeric:tabular-nums}
.warehouse-list,.component-list,.product-info-list,.history-list{display:flex;flex-direction:column;gap:8px}.warehouse-row{display:grid;grid-template-columns:minmax(260px,1.4fr) 116px 122px 122px 74px minmax(186px,.8fr);align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:9px 10px;box-shadow:0 2px 8px rgba(44,49,42,.03)}.warehouse-row:hover{border-color:#c7c9c1}.product-cell{display:flex;align-items:center;gap:12px;min-width:0}.product-thumb{position:relative;width:70px;height:94px;border-radius:11px;background:var(--surface2);overflow:hidden;flex:0 0 auto;border:1px solid #ecebe5}.product-thumb img,.detail-image img,.info-photo img{width:100%;height:100%;object-fit:contain;display:block}.placeholder{width:100%;height:100%;display:grid;place-items:center;background:#e8e8e2;color:#70736d;font-weight:800;font-size:12px}.product-copy{min-width:0}.sku{font-weight:850;font-size:16px;line-height:1.2}.category{font-size:12px;color:var(--muted);margin-top:4px}.barcode-cell{font-size:12px;color:#555851;overflow-wrap:anywhere}.site-stock{background:var(--surface2);border-radius:11px;padding:7px 8px}.site-stock small{display:block;color:var(--muted);font-size:10px}.site-stock .pair{display:flex;gap:8px;align-items:end;margin-top:2px}.site-stock b{font-size:15px}.site-stock em{font-size:10px;color:var(--muted);font-style:normal}.damage-stock{text-align:center}.damage-stock small{display:block;color:var(--muted);font-size:10px}.damage-stock b{font-size:16px}.row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.row-action,.mini-action{border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:750}.row-action.move{background:var(--accentSoft);border-color:#c6cec0}.row-action.pack{background:var(--ink);color:#fff;border-color:var(--ink)}.row-action.pdf{background:#f6efe2;border-color:#e7d6b8}.danger-text{color:var(--danger)}.negative-text{color:#a64646}.pdf-badge{position:absolute;bottom:4px;right:4px;background:#7d5f38;color:#fff;font-size:8px;font-weight:800;padding:3px 5px;border-radius:5px}
.component-row{display:grid;grid-template-columns:minmax(240px,1fr) 110px minmax(235px,.75fr);gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:13px 14px}.component-name{font-weight:800}.component-stock small{display:block;color:var(--muted);font-size:10px}.component-stock b{font-size:20px}.component-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.product-info-row{display:grid;grid-template-columns:92px minmax(170px,.7fr) minmax(180px,.9fr) minmax(220px,1.2fr);gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:11px}.info-photo{width:76px;height:101px;border-radius:11px;background:var(--surface2);overflow:hidden;border:1px solid #ecebe5}.info-meta b{font-size:16px}.info-meta small{display:block;color:var(--muted);margin-top:5px}.info-barcode{font-size:13px}.bom-box{background:var(--surface2);border-radius:12px;padding:10px}.bom-box small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.bom-tags{display:flex;gap:5px;flex-wrap:wrap}.bom-tag{background:#e7eae2;padding:5px 7px;border-radius:7px;font-size:11px}.bom-empty{font-size:12px;color:var(--muted)}.info-actions{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.account-card{background:var(--ink);color:#fff;border-radius:20px;padding:18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.account-card small{color:#bec2b9}.account-name{font-size:22px;font-weight:850}.account-role{display:inline-flex;background:rgba(255,255,255,.12);padding:6px 9px;border-radius:8px;font-size:11px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e8e8e3;border-radius:12px;padding:3px;margin-bottom:13px}.account-tab{border:0;background:transparent;border-radius:9px;padding:10px;font-weight:750}.account-tab.active{background:var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.08)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:750}.payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.payroll-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.payroll-card small{display:block;color:var(--muted);font-size:10px}.payroll-card b{display:block;font-size:17px;margin-top:4px}.history-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 13px}.history-row>.history-top{display:flex;justify-content:space-between;gap:12px}.history-row .meta{font-size:12px;color:var(--muted);margin-top:5px}.history-route{font-size:12px;margin-top:6px}.history-amount{font-weight:850;margin-top:5px}
.bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;height:72px;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(250,249,246,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.nav-btn{border:0;background:transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#777a73;font-weight:700}.nav-btn span{font-size:19px}.nav-btn small{font-size:10px}.nav-btn.active{color:var(--ink);background:var(--accentSoft)}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 0%,#e9ece5,transparent 38%),var(--bg)}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#ecece7;border-radius:12px;padding:3px;margin:18px 0}.auth-tab{border:0;background:transparent;padding:10px;border-radius:9px;font-weight:750}.auth-tab.active{background:var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.08)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label,.operation-dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#5e615b}.auth-form input,.operation-dialog input,.operation-dialog select,.operation-dialog textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:11px 12px;outline:none}.primary,.secondary{border-radius:12px;padding:12px 14px;font-weight:800}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.secondary{border:1px solid var(--line);background:var(--surface)}.hint{font-size:11px;color:var(--muted)}.error{font-size:12px;color:var(--danger);min-height:0}.status-icon{width:52px;height:52px;border-radius:50%;background:var(--accentSoft);display:grid;place-items:center;font-size:24px;margin-bottom:14px}.identity-card{background:var(--surface2);border-radius:12px;padding:12px;margin:12px 0}.pending-card .secondary{margin-top:8px}
.dialog{border:0;border-radius:22px;padding:22px;width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(22,25,20,.24)}.dialog::backdrop{background:rgba(31,34,29,.42);backdrop-filter:blur(2px)}.dialog-close{position:sticky;float:right;top:0;z-index:2;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:20px}.operation-dialog form{display:flex;flex-direction:column;gap:11px}.operation-hint{font-size:11px;color:var(--muted);background:var(--surface2);border-radius:9px;padding:8px 10px}.selected-product{display:flex;gap:10px;align-items:center;background:var(--surface2);border-radius:12px;padding:8px}.selected-thumb{width:46px;height:62px;border-radius:8px;overflow:hidden;background:#eee}.selected-thumb img{width:100%;height:100%;object-fit:contain}.detail-head{display:grid;grid-template-columns:150px 1fr;gap:18px}.detail-image{height:200px;border-radius:16px;overflow:hidden;background:var(--surface2)}.barcode-block{margin:10px 0}.barcode-block small{display:block;color:var(--muted)}.detail-stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.detail-stock{background:var(--surface2);border-radius:10px;padding:10px}.detail-stock small{display:block;color:var(--muted);font-size:10px}.detail-stock b{font-size:17px}.dialog-actions,.label-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.scanner-frame{height:360px;background:#161916;border-radius:16px;overflow:hidden;position:relative}.scanner-frame video{width:100%;height:100%;object-fit:cover}.scanner-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#d6dfce;box-shadow:0 0 10px #d6dfce}.small-dialog{max-width:430px}.profile-grid{display:flex;flex-direction:column;gap:7px;margin:14px 0}.profile-row{display:flex;justify-content:space-between;gap:12px;padding:9px;background:var(--surface2);border-radius:9px;font-size:12px}.toast{position:fixed;z-index:90;left:50%;bottom:88px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#242723;color:#fff;border-radius:12px;padding:11px 14px;max-width:calc(100% - 28px);font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.error-toast{background:#8e423e}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--muted)}
@media(max-width:920px){.warehouse-row{grid-template-columns:minmax(240px,1.5fr) 105px 110px 110px 62px minmax(150px,.8fr)}.barcode-cell{display:none}.warehouse-stats{grid-template-columns:repeat(2,1fr)}.product-info-row{grid-template-columns:82px 1fr 1fr}.bom-box{grid-column:2/4}}
@media(max-width:680px){main{padding:15px 10px 92px}.topbar{height:58px;padding-left:10px;padding-right:10px}.employee-btn{max-width:160px}.employee-btn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero h1,.section-head h1{font-size:27px}.warehouse-stats{gap:7px}.warehouse-stat{padding:10px}.warehouse-stat b{font-size:17px}.warehouse-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:9px}.product-cell{display:contents}.product-thumb{width:82px;height:109px;grid-row:1/5}.product-copy{grid-column:2}.barcode-cell{display:block;grid-column:2;font-size:11px}.site-stock{grid-column:2;padding:6px 8px}.site-stock.zaslavl:before{content:'Заславль ';font-size:10px;color:var(--muted)}.site-stock.petrishki:before{content:'Петришки ';font-size:10px;color:var(--muted)}.damage-stock{position:absolute;margin-left:4px;margin-top:84px;background:var(--dangerSoft);min-width:74px;padding:4px;border-radius:7px}.damage-stock small{display:none}.damage-stock:before{content:'Брак ';font-size:9px}.row-actions{grid-column:1/3;display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:6px}.row-action{padding:9px 6px}.component-row{grid-template-columns:1fr auto}.component-actions{grid-column:1/3;justify-content:stretch}.component-actions button{flex:1}.product-info-row{grid-template-columns:72px 1fr}.info-photo{width:66px;height:88px}.info-barcode{grid-column:2}.bom-box{grid-column:1/3}.payroll-summary{grid-template-columns:1fr}.account-card{align-items:flex-start;flex-direction:column}.dialog{width:calc(100% - 12px);padding:18px 12px;border-radius:18px}.detail-head{grid-template-columns:110px 1fr}.detail-image{height:147px}.detail-stocks{grid-template-columns:1fr 1fr}.scanner-frame{height:300px}.bottom-nav{height:70px}.nav-btn small{font-size:9px}}

/* 0.5 — operational dashboard, valuation and tasks */
.bottom-nav{grid-template-columns:repeat(5,1fr)}.nav-btn{position:relative}.nav-badge{position:absolute;top:5px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center}
.quick-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.quick-pill{border-radius:14px;padding:12px 14px;text-align:left}.quick-pill[data-global-op="receive"]{background:#315f4d;border-color:#315f4d}.quick-pill[data-global-op="move"]{background:#405b72;border-color:#405b72}.quick-pill[data-global-op="inventory"]{background:#6b5b43;border-color:#6b5b43}
.soft-button,.compact-button{border-radius:11px;padding:9px 12px;font-weight:800}.soft-button{border:1px solid var(--line);background:var(--surface)}.compact-button{padding:10px 13px}
.valuation-panel{background:linear-gradient(145deg,#202a24,#354238);color:#fff;border-radius:20px;padding:17px;margin:12px 0 14px;box-shadow:var(--shadow)}.valuation-panel .eyebrow{color:#bfcbbb}.valuation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.valuation-head h2{margin:3px 0}.valuation-head .soft-button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.valuation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.valuation-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:11px}.valuation-card small{display:block;color:#bdc5be;font-size:10px}.valuation-card b{display:block;font-size:19px;margin-top:4px}.unpriced-list{display:flex;flex-direction:column;gap:7px;margin-top:11px}.unpriced-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:12px;padding:10px 11px}.unpriced-row small{display:block;color:var(--muted);margin-top:3px}.cost-button{border:0;background:#ebe5d5;color:#55472f;border-radius:9px;padding:9px 11px;font-weight:800}.cost-preview{background:var(--accentSoft);border-radius:10px;padding:10px;font-weight:800;margin:7px 0}.small-dialog form{display:flex;flex-direction:column;gap:11px}.small-dialog form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#5e615b}.small-dialog form input,.small-dialog form select,.small-dialog form textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:11px 12px;outline:none}
.task-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#e7e8e2;border-radius:13px;padding:3px;margin-bottom:12px}.task-tab{border:0;background:transparent;padding:10px 7px;border-radius:10px;font-size:12px;font-weight:800}.task-tab.active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.08)}.task-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px}.task-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.task-stat small{display:block;color:var(--muted);font-size:10px}.task-stat b{font-size:18px}.task-list{display:flex;flex-direction:column;gap:8px}.task-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.task-card.priority-URGENT{border-left:4px solid #a9413a}.task-card.priority-HIGH{border-left:4px solid #c88b3b}.task-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.task-card h3{font-size:15px;margin:0}.task-meta{font-size:11px;color:var(--muted);margin-top:5px}.task-description{font-size:13px;margin-top:8px;white-space:pre-wrap}.task-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.task-action{border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.task-action.done{background:#315f4d;color:#fff;border-color:#315f4d}.task-status{font-size:9px;font-weight:900;letter-spacing:.05em;padding:5px 7px;border-radius:7px;background:var(--accentSoft);white-space:nowrap}
@media(max-width:680px){.quick-strip{grid-template-columns:1fr}.valuation-summary{grid-template-columns:1fr 1fr}.valuation-card:last-child{grid-column:1/3}.valuation-head{align-items:center}.task-stats{grid-template-columns:repeat(3,1fr)}.unpriced-row{grid-template-columns:1fr}.cost-button{width:100%}.nav-btn span{font-size:17px}}