:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b12;--bg-soft:#0d1420;--surface:#0f172ad1;--surface-strong:#161f31f0;--surface-hover:#1e293bdb;--border:#94a3b829;--border-strong:#94a3b842;--text:#e5e7eb;--muted:#94a3b8;--muted-2:#64748b;--primary:#7c3aed;--primary-2:#22d3ee;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--blue:#38bdf8;--shadow:0 22px 70px #00000061;--radius-lg:26px;--radius:18px;--radius-sm:12px;font-family:Inter,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #7c3aed3d, transparent 30rem), radial-gradient(circle at top right, #22d3ee29, transparent 34rem), var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(1.75rem,3vw,2.6rem)}h2{letter-spacing:-.035em;font-size:clamp(1.45rem,2vw,2rem)}h3{letter-spacing:-.01em;font-size:1rem}small{color:var(--muted);margin-top:.25rem;display:block}code{color:#c4b5fd}.shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#020617b3;flex-direction:column;gap:1.4rem;height:100vh;padding:1.2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.85rem;padding:.55rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;letter-spacing:-.08em;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 14px 34px #7c3aed52}.brand-mark.large{border-radius:22px;width:62px;height:62px;font-size:1.35rem}.brand-title{letter-spacing:-.035em;font-weight:800}.brand-subtitle,.muted{color:var(--muted)}.nav-list{gap:.45rem;display:grid}.nav-item{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:.8rem;padding:.78rem .9rem;transition:all .18s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{color:var(--text);background:linear-gradient(135deg,#7c3aed38,#22d3ee1f);border-color:#a78bfa47}.nav-icon{color:currentColor;background:#94a3b814;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.app-icon{fill:currentColor;width:20px;height:20px;display:block}.sidebar-footer{gap:.75rem;margin-top:auto;display:grid}.live-chip{color:var(--muted);border:1px solid var(--border);background:#0f172aa6;border-radius:999px;align-items:center;gap:.5rem;min-height:37px;padding:.52rem .75rem;font-size:.82rem;display:inline-flex}.live-chip span{background:var(--muted-2);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #64748ba6}.live-chip.connecting span{background:var(--warning);box-shadow:0 0 18px var(--warning)}.live-chip.connected span{background:var(--success);box-shadow:0 0 18px var(--success)}.live-chip.disconnected span,.live-chip.error span{background:var(--danger);box-shadow:0 0 18px var(--danger)}.live-chip.error{color:#fecaca;border-color:#ef44445c}.live-chip.pulse{color:#dbeafe;border-color:#22d3ee66}.live-chip.pulse span{background:var(--primary-2);box-shadow:0 0 18px var(--primary-2)}.main-panel{min-width:0;padding:1.25rem 1.45rem 2.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.eyebrow{color:var(--primary-2);text-transform:uppercase;letter-spacing:.18em;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.user-pill,.chip,.badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#0f172ab8;border-radius:999px;padding:.42rem .68rem;font-size:.78rem}.badge.success{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e57}.badge.warning{color:#fde68a;background:#f59e0b1f;border-color:#f59e0b57}.badge.danger{color:#fecaca;background:#ef44441f;border-color:#ef444457}.badge.neutral{color:var(--muted)}.chip.auto{color:#a5f3fc;border-color:#22d3ee4d}.content{max-width:1480px;margin:0 auto}.stack,.grid{gap:1rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.split{grid-template-columns:minmax(360px,.88fr) minmax(0,1.35fr);align-items:start}.catalog-layout{grid-template-columns:minmax(0,1fr) 360px}.surface{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.glow{position:relative;overflow:hidden}.glow:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#7c3aed47,#0000 18rem),radial-gradient(circle at 80% 0,#22d3ee33,#0000 18rem);position:absolute;inset:-2px}.panel{border-radius:var(--radius-lg);padding:1rem}.detail-panel{min-height:420px}.panel-header,.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-header.subdued{border-top:1px solid var(--border);margin-top:1.2rem;padding-top:1rem}.login-page{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{border-radius:34px;grid-template-columns:1.1fr .9fr;gap:1.4rem;width:min(980px,100%);padding:clamp(1.2rem,4vw,2rem);display:grid}.login-copy,.login-form{z-index:1;position:relative}.login-copy{align-content:center;gap:1rem;padding:clamp(.5rem,3vw,2.5rem);display:grid}.login-copy h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95}.login-form{border:1px solid var(--border);background:#02061785;border-radius:26px;gap:.9rem;padding:1rem;display:grid}.realm-switch{border:1px solid var(--border);background:#0f172ad6;border-radius:16px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.35rem;display:grid}.realm-switch button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:.7rem}.realm-switch button.active{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff}.field{gap:.45rem;min-width:0;display:grid}.field span{color:var(--muted);font-size:.8rem}.field input,.field select,.field textarea,input[type=file]{width:100%;color:var(--text);border:1px solid var(--border);background:#0206179e;border-radius:14px;outline:none;padding:.78rem .85rem;transition:all .18s}.field select[multiple]{min-height:13rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7c3aeda6;box-shadow:0 0 0 4px #7c3aed24}.field.compact{min-width:180px}.field.full,.full{grid-column:1/-1}.grow{flex:1}.check{color:var(--muted);align-items:center;gap:.55rem;display:inline-flex}.btn,.icon-btn{border:1px solid var(--border);color:var(--text);background:#0f172ab8;border-radius:14px;padding:.75rem 1rem;transition:all .18s}.btn:hover,.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:#7c3aed80;box-shadow:0 16px 28px #2563eb2e}.btn.ghost{background:#0f172a61}.btn.danger,.icon-btn.danger{color:#fecaca;border-color:#ef44445c}.btn.full{width:100%}.icon-btn{border-radius:13px;place-items:center;width:38px;height:38px;padding:0;display:grid}.filters{flex-wrap:wrap;align-items:end;gap:.8rem;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.inline-form{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.inline-form input[type=number]{max-width:96px}.modal-actions{justify-content:flex-end;gap:.65rem;margin-top:.75rem;display:flex}.row-actions{align-items:center;gap:.45rem;display:flex}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.stat-card{border-radius:24px;min-height:128px;padding:1rem;position:relative;overflow:hidden}.stat-accent{filter:blur(6px);background:#7c3aed2e;border-radius:999px;width:74px;height:74px;position:absolute;inset:auto 1rem 1rem auto}.stat-accent.blue{background:#38bdf833}.stat-accent.green{background:#22c55e33}.stat-accent.amber{background:#f59e0b33}.stat-accent.red{background:#ef444433}.stat-card p{color:var(--muted);font-size:.86rem}.stat-card strong{letter-spacing:-.06em;margin-top:.75rem;font-size:2.2rem;display:block}.stat-card span:not(.stat-accent){color:var(--muted-2);font-size:.8rem}.table-wrap{border:1px solid var(--border);border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.82rem .9rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#02061757;font-size:.75rem}td{color:#dbe3ef}tr:last-child td{border-bottom:0}.list{gap:.55rem;display:grid}.list.compact{gap:.45rem}.list-row{border:1px solid var(--border);color:var(--text);text-align:left;background:#0f172a73;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.82rem;display:flex}.list-row.interactive:hover,.list-row.active{background:var(--surface-hover);border-color:#7c3aed5c}.definition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.definition-grid div{border:1px solid var(--border);background:#02061757;border-radius:16px;padding:.75rem}dt{color:var(--muted);font-size:.78rem}dd{margin:.35rem 0 0;font-weight:750}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.photo-strip{gap:.65rem;margin-bottom:.9rem;padding-bottom:.2rem;display:flex;overflow:auto}.product-photo-card{border:1px solid var(--border);background:#02061761;border-radius:18px;flex:none;width:112px;height:112px;transition:transform .18s,opacity .18s,filter .18s;position:relative;overflow:hidden}.product-photo-card img{object-fit:cover;width:100%;height:100%;display:block}.product-photo-card.removing,.photo-preview-card.removing{opacity:.45;filter:grayscale();pointer-events:none;transform:scale(.96)}.photo-delete-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);position:absolute;top:.45rem;right:.45rem}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;display:grid}.shelf-card{border:1px solid var(--border);color:var(--text);text-align:left;background:#0f172a94;border-radius:18px;align-content:space-between;min-height:130px;padding:1rem;transition:all .18s;display:grid}.shelf-card:hover,.shelf-card.active{border-color:#7c3aed73;transform:translateY(-2px)}.shelf-card strong{letter-spacing:-.04em;font-size:1.45rem}.shelf-card.ambient{background:linear-gradient(135deg,#f59e0b26,#0f172aa8)}.shelf-card.chilled{background:linear-gradient(135deg,#38bdf824,#0f172aa8)}.shelf-card.frozen{background:linear-gradient(135deg,#7c3aed2e,#0f172aa8)}.shelf-card.inactive{opacity:.55}.occupancy-ring{--value:0%;background:conic-gradient(var(--primary-2) var(--value), #94a3b81f 0);border-radius:999px;place-items:center;width:172px;height:172px;margin:1rem auto;display:grid;position:relative}.occupancy-ring:after{content:"";border-radius:inherit;border:1px solid var(--border);background:#101827;position:absolute;inset:12px}.occupancy-ring strong,.occupancy-ring span{z-index:1;grid-area:1/1;position:relative}.occupancy-ring strong{margin-top:-.6rem;font-size:2rem}.occupancy-ring span{color:var(--muted);margin-top:2.5rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.catalog-card{border:1px solid var(--border);background:#0206175c;border-radius:22px;gap:.8rem;padding:.85rem;display:grid}.catalog-thumb{color:#fff;background:linear-gradient(135deg,#7c3aed47,#22d3ee29);border-radius:18px;place-items:center;height:128px;font-size:2rem;font-weight:900;display:grid}.catalog-body{gap:.55rem;display:grid}.catalog-body p{color:var(--muted);min-height:2.8rem}.cart-panel{position:sticky;top:1.25rem}.empty-state{text-align:center;box-shadow:none;border-radius:22px;padding:2rem 1rem}.empty-icon{color:var(--muted-2);margin:0 auto .5rem;font-size:2rem}.empty-state h3{margin-bottom:.35rem}.empty-state p{color:var(--muted)}.alert{border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem}.alert.error{color:#fecaca;background:#ef44441c;border-color:#ef444447}.alert.success{color:#bbf7d0;background:#22c55e1c;border-color:#22c55e47}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:28px;width:min(680px,100%);max-height:min(880px,92vh);padding:1rem;overflow:auto}.modal.wide{width:min(980px,100%)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.modal-body{gap:1rem;display:grid}@media (width<=1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.split,.catalog-layout{grid-template-columns:1fr}.cart-panel{position:static}}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card,.stat-grid,.form-grid,.definition-grid{grid-template-columns:1fr}.main-panel{padding:1rem}.topbar{flex-direction:column;align-items:flex-start}}.product-search{min-width:240px;position:relative}.search-control{position:relative}.search-control input{width:100%;color:var(--text);border:1px solid var(--border);background:#0206179e;border-radius:14px;outline:none;padding:.78rem 2.15rem .78rem .85rem}.search-control input:focus{border-color:#7c3aeda6;box-shadow:0 0 0 4px #7c3aed24}.mini-clear{color:var(--muted);background:#94a3b821;border:0;border-radius:10px;width:28px;height:28px;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.suggest-panel{z-index:70;border:1px solid var(--border-strong);max-height:320px;box-shadow:var(--shadow);background:#020617fa;border-radius:16px;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto}.suggest-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:.72rem;display:block}.suggest-row:hover{background:var(--surface-hover)}.suggest-row.muted-row{color:var(--muted)}.task-editor-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.task-item-editor{gap:.65rem;display:grid}.task-item-row{border:1px solid var(--border);background:#02061747;border-radius:18px;grid-template-columns:minmax(280px,1.4fr) 110px minmax(220px,1fr) minmax(150px,.7fr) 44px;align-items:end;gap:.65rem;padding:.75rem;display:grid}.task-item-row .product-cell{grid-column:span 1}.task-item-row .remove-row{align-self:end}.nested-panel{box-shadow:none;border-radius:18px;padding:.85rem}details.nested-panel summary{cursor:pointer;color:var(--text);margin-bottom:.7rem;font-weight:750}details.nested-panel textarea{width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;background:#0206179e;border-radius:14px;margin-top:.7rem;padding:.78rem .85rem}.category-tree{border:1px solid var(--border);background:#02061747;border-radius:18px;padding:.85rem}.category-tree-title{margin-bottom:.35rem;font-weight:800}.category-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem;display:grid}.category-group{border:1px solid var(--border);background:#0f172a73;border-radius:16px;padding:.75rem}.category-parent{color:var(--text);font-weight:760}.category-children{border-left:1px solid var(--border);gap:.45rem;margin-top:.65rem;padding-left:1rem;display:grid}.toast-stack{z-index:120;pointer-events:none;gap:.75rem;width:min(390px,100vw - 2rem);display:grid;position:fixed;bottom:1.1rem;right:1.1rem}.toast-card{pointer-events:auto;border:1px solid var(--border-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.95rem;display:flex}.toast-card strong{letter-spacing:-.01em;display:block}.toast-card p{color:var(--muted);margin-top:.28rem;font-size:.9rem}.toast-card.success{border-color:#22c55e6b}.toast-card.error{border-color:#ef444475}.toast-card.warning{border-color:#f59e0b75}.toast-card.info{border-color:#22d3ee5c}.toast-close{color:var(--muted);background:0 0;border:0;font-size:1.2rem;line-height:1}.toast-enter-active,.toast-leave-active{transition:all .28s cubic-bezier(.2,.8,.2,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(14px)scale(.98)}.toast-move{transition:transform .28s}@media (width<=980px){.task-item-row,.category-groups{grid-template-columns:1fr}}.modal.xl{width:min(1280px,100%)}.modal-header{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;padding-top:.25rem;position:sticky;top:-1rem}.modal-subtitle{margin-top:.25rem}.modal-actions.between{justify-content:space-between;align-items:center}.sticky-actions{background:linear-gradient(#0000,#0f172af5 24%);padding-top:.75rem;position:sticky;bottom:0}.picker-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;display:grid}.picker-main{min-width:0}.picker-side{box-shadow:none;border-radius:22px;max-height:calc(92vh - 130px);padding:.9rem;position:sticky;top:.25rem;overflow:auto}.picker-filters{grid-template-columns:minmax(240px,1.3fr) minmax(180px,.9fr) minmax(145px,.65fr) minmax(220px,1fr) auto;align-items:end;gap:.75rem;display:grid}.picker-filter-actions{align-items:end;gap:.5rem;display:flex}.product-picker-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.product-pick-card{border:1px solid var(--border);background:#02061752;border-radius:20px;gap:.7rem;padding:.75rem;transition:all .18s;display:grid}.product-pick-card.selected{background:linear-gradient(135deg,#7c3aed2e,#02061761);border-color:#7c3aed9e}.pick-card-body{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:.75rem;padding:0;display:grid}.pick-card-text{min-width:0}.pick-card-text strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-thumb{border:1px solid var(--border);color:#fff;background:linear-gradient(135deg,#7c3aed47,#22d3ee29);border-radius:18px;place-items:center;font-weight:900;display:grid;overflow:hidden}.product-thumb.small{border-radius:16px;width:56px;height:56px}.product-thumb.large{border-radius:24px;width:132px;height:132px}.product-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pick-qty input{max-width:128px}.selected-products-list{gap:.55rem;display:grid}.selected-product-row{border:1px solid var(--border);background:#02061752;border-radius:16px;grid-template-columns:minmax(0,1fr) 74px 38px;align-items:center;gap:.5rem;padding:.65rem;display:grid}.selected-product-row input{width:100%;color:var(--text);border:1px solid var(--border);background:#0206179e;border-radius:12px;padding:.55rem}.photo-upload-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.photo-preview-card{border:1px solid var(--border);background:#02061761;border-radius:18px;min-height:154px;position:relative;overflow:hidden}.photo-preview-card img{object-fit:cover;width:100%;height:132px;display:block}.photo-preview-card button{position:absolute;top:.45rem;right:.45rem}.photo-preview-card.existing{transition:transform .18s,opacity .18s,filter .18s}.existing-photo-block{gap:.65rem;margin-top:.9rem;display:grid}.compact-title{font-size:.82rem}.file-drop{border:1px dashed var(--border-strong);text-align:center;background:#02061747;border-radius:18px;place-items:center;gap:.5rem;padding:1rem;display:grid}.category-toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem;display:flex}.category-toolbar .field{flex:260px}.system-category-note{color:#a5f3fc;background:#22d3ee14;border:1px solid #22d3ee3d;border-radius:16px;padding:.75rem}.check.disabled{opacity:.56;cursor:not-allowed}.check.disabled input{cursor:not-allowed}.form-section{border:1px solid var(--border);background:#02061740;border-radius:20px;grid-column:1/-1;padding:.9rem}.form-section-title{margin-bottom:.7rem;font-weight:850}@media (width<=1180px){.picker-layout,.picker-filters{grid-template-columns:1fr}.picker-side{max-height:none;position:static}}.input-with-action{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:.45rem;display:grid}.input-with-action input{min-width:0}.search-control input{padding-right:4.65rem}.mini-scan{color:#a5f3fc;background:#22d3ee1f;border:0;border-radius:10px;width:28px;height:28px;position:absolute;top:50%;right:2.25rem;transform:translateY(-50%)}.mini-scan:hover{background:#22d3ee38}.scanner-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:1rem;display:grid}.scanner-preview{border:1px solid var(--border);background:#020617;border-radius:24px;min-height:430px;position:relative;overflow:hidden}.scanner-preview video{object-fit:cover;width:100%;height:100%;min-height:430px;display:block}.scanner-frame{aspect-ratio:2.45;border:2px solid #22d3eeeb;border-radius:18px;width:min(72%,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0206175c,0 0 32px #22d3ee6b}.scanner-frame:after{content:"";background:linear-gradient(90deg,#0000,#22d3eef2,#0000);height:2px;animation:1.8s ease-in-out infinite scanner-line;position:absolute;top:50%;left:8%;right:8%}@keyframes scanner-line{0%,to{opacity:.55;transform:translateY(-42px)}50%{opacity:1;transform:translateY(42px)}}.scanner-status{border:1px solid var(--border);color:var(--muted);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617c7;border-radius:999px;padding:.72rem 1rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.scanner-status.active{color:#a5f3fc;border-color:#22d3ee5c}.scanner-side{border:1px solid var(--border);background:#02061747;border-radius:24px;padding:1rem}.mobile-only{display:none}@media (width<=820px){body{padding-bottom:env(safe-area-inset-bottom)}.shell{min-height:100vh;display:block}.sidebar{z-index:40;border-right:0;border-bottom:1px solid var(--border);background:#020617eb;height:auto;padding:.7rem .75rem;position:sticky;top:0}.brand{padding:.2rem .15rem .55rem}.brand-mark{border-radius:13px;width:38px;height:38px}.brand-title{font-size:.95rem}.brand-subtitle{font-size:.75rem}.nav-list{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.45rem;padding:.2rem 0 .55rem;display:flex;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-item{scroll-snap-align:start;text-align:center;border-radius:14px;flex-direction:column;flex:none;justify-content:center;gap:.35rem;min-width:98px;padding:.55rem .65rem;font-size:.78rem}.nav-icon{width:32px;height:32px}.sidebar-footer{align-items:center;gap:.55rem;margin-top:0;display:flex}.live-chip{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-footer .btn{width:auto;padding:.6rem .8rem}.main-panel{padding:.85rem .75rem 1.4rem}.content{max-width:100%}.topbar{display:none}.toolbar,.panel-header{flex-direction:column;align-items:flex-start;gap:.7rem}.toolbar .btn,.panel-header .btn{width:100%}.filters{grid-template-columns:1fr;align-items:stretch;display:grid}.filters .field,.filters .btn{width:100%;min-width:0}.field.compact{min-width:0}.inline-form,.mobile-actions{grid-template-columns:1fr;align-items:stretch;display:grid}.row-actions{flex-wrap:wrap;justify-content:flex-end}.panel{border-radius:20px;padding:.8rem}.list-row{flex-direction:column;align-items:stretch}.definition-grid,.catalog-grid,.shelf-grid,.product-picker-grid{grid-template-columns:1fr}.table-wrap{border-radius:16px;margin-inline:-.15rem}th,td{padding:.7rem}.modal-backdrop{place-items:end stretch;padding:0}.modal,.modal.wide,.modal.xl{border-radius:24px 24px 0 0;width:100%;max-height:96dvh;padding:.9rem}.modal-header{top:-.9rem}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions.between{text-align:center;grid-template-columns:1fr}.sticky-actions{padding-bottom:calc(.45rem + env(safe-area-inset-bottom))}.picker-layout{grid-template-columns:1fr}.picker-side{order:-1;max-height:none;position:static}.picker-filters{grid-template-columns:1fr}.selected-product-row{grid-template-columns:minmax(0,1fr) 76px 38px}.scanner-layout{grid-template-columns:1fr}.scanner-preview{border-radius:20px;min-height:min(62vh,520px)}.scanner-preview video{min-height:min(62vh,520px)}.scanner-side{border-radius:20px}.scanner-frame{width:82%}.product-photo-card{border-radius:15px;width:92px;height:92px}.form-section{border-radius:18px;padding:.75rem}.mobile-only{display:initial}}@media (width<=520px){h1{font-size:1.55rem}h2{font-size:1.28rem}.sidebar{padding:.62rem}.nav-item{min-width:84px;padding:.5rem .55rem;font-size:.72rem}.nav-icon{width:30px;height:30px}.app-icon{width:18px;height:18px}.brand-subtitle{display:none}.live-chip{padding:.48rem .62rem;font-size:.74rem}.btn{padding:.78rem .85rem}.form-grid,.category-groups{grid-template-columns:1fr}.product-pick-card{border-radius:18px}.pick-card-body{grid-template-columns:52px minmax(0,1fr) 24px}.product-thumb.small{width:52px;height:52px}.scanner-preview,.scanner-preview video{min-height:52vh}.scanner-frame{aspect-ratio:2.1;width:88%}.toast-stack{width:auto;bottom:.75rem;left:.75rem;right:.75rem}}.cms-store{animation:.32s cubic-bezier(.2,.8,.2,1) page-rise}.cms-hero{border-radius:34px;justify-content:space-between;align-items:stretch;gap:1rem;padding:clamp(1rem,3vw,1.45rem);display:flex;overflow:hidden}.cms-hero-content{z-index:1;gap:.55rem;max-width:740px;display:grid;position:relative}.cms-hero-content p:not(.eyebrow){color:var(--muted);line-height:1.55}.cms-hero-card{z-index:1;background:linear-gradient(135deg,#7c3aed38,#22d3ee1f);border:1px solid #a78bfa42;border-radius:28px;align-content:center;justify-items:center;min-width:190px;padding:1rem;display:grid;position:relative;box-shadow:0 22px 54px #2563eb2e}.cms-hero-card span,.cms-hero-card small{color:var(--muted)}.cms-hero-card strong{letter-spacing:-.08em;font-size:3rem;line-height:1}.cms-filters{flex-wrap:wrap;align-items:end;gap:.8rem;display:flex}.segmented-control{border:1px solid var(--border);background:#02061770;border-radius:16px;grid-auto-flow:column;gap:.25rem;padding:.28rem;display:inline-grid}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:.72rem .9rem;transition:all .18s}.segmented-control button.active{color:#fff;background:linear-gradient(135deg,#7c3aedeb,#2563ebdb)}.segmented-control button:hover:not(.active){background:var(--surface-hover);color:var(--text)}.nice-check{border:1px solid var(--border);background:#02061752;border-radius:14px;min-height:46px;padding:.6rem .75rem}.btn .app-icon{vertical-align:-4px;width:18px;height:18px;margin-right:.35rem}.cms-layout{grid-template-columns:280px minmax(0,1fr) 350px;align-items:start;gap:1rem;display:grid}.cms-category-panel,.cms-cart-panel{position:sticky;top:1.25rem}.category-nav{gap:.4rem;max-height:calc(100vh - 250px);margin-top:.85rem;padding-right:.1rem;display:grid;overflow:auto}.category-pill{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;gap:.55rem;padding:.68rem .75rem;transition:all .18s;display:flex}.category-pill:hover{color:var(--text);background:var(--surface-hover)}.category-pill.active{color:#fff;background:linear-gradient(135deg,#7c3aed33,#22d3ee1a);border-color:#7c3aed61}.category-pill.parent{font-weight:800}.category-pill.child{width:calc(100% - .55rem);margin-left:.55rem;font-size:.92rem}.category-pill small{margin-top:0}.cms-product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;display:grid}.cms-product-card{border:1px solid var(--border);background:#02061757;border-radius:26px;grid-template-rows:auto 1fr auto;gap:.78rem;min-height:410px;padding:.72rem;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s;display:grid;overflow:hidden}.cms-product-card:hover{border-color:#a78bfa57;transform:translateY(-3px);box-shadow:0 18px 48px #0000003d}.cms-product-card.selected{background:linear-gradient(#22d3ee17,#02061761);border-color:#22d3ee6b}.cms-product-card.pulse{animation:.34s cubic-bezier(.2,.8,.2,1) product-pop}.cms-product-image{border:1px solid var(--border);background:radial-gradient(circle at 30% 20%,#7c3aed5c,#0000 13rem),linear-gradient(135deg,#0f172ab8,#1e293b94);border-radius:22px;place-items:center;height:185px;display:grid;position:relative;overflow:hidden}.cms-product-image img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block;transform:scale(1.01)}.cms-product-card:hover .cms-product-image img{transform:scale(1.055)}.cms-product-image>span{letter-spacing:-.08em;color:#fff;font-size:2.25rem;font-weight:950}.stock-badge{color:#bbf7d0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16653461;border:1px solid #22c55e59;border-radius:999px;padding:.38rem .62rem;font-size:.78rem;position:absolute;top:.7rem;right:.7rem}.stock-badge.empty{color:#fecaca;background:#7f1d1d61;border-color:#ef444461}.cms-product-info{gap:.7rem;display:grid}.cms-product-info h3{font-size:1.08rem;line-height:1.2}.cms-product-info p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.add-to-cart{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border:0;border-radius:18px;min-height:48px;font-weight:850;transition:all .18s;box-shadow:0 16px 30px #2563eb33}.add-to-cart:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)scale(1.01)}.cart-stepper{background:#082f4947;border:1px solid #22d3ee47;border-radius:18px;grid-template-columns:50px 1fr 50px;align-items:center;min-height:50px;display:grid;overflow:hidden}.cart-stepper strong{text-align:center;letter-spacing:-.02em;font-size:1.15rem}.stepper-side{height:100%;color:var(--text);background:#ffffff08;border:0;place-items:center;transition:all .16s;display:grid}.stepper-side:hover:not(:disabled){background:#22d3ee24}.stepper-side .app-icon{width:20px;height:20px}.cart-stepper.maxed .stepper-side:last-child{color:var(--muted-2)}.cart-lines{gap:.58rem;max-height:calc(100vh - 330px);padding-right:.1rem;display:grid;overflow:auto}.cart-line{border:1px solid var(--border);background:#02061757;border-radius:18px;grid-template-columns:48px minmax(0,1fr);gap:.6rem;padding:.65rem;display:grid}.cart-line-image{background:linear-gradient(135deg,#7c3aed47,#22d3ee29);border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.cart-line-image img{object-fit:cover;width:100%;height:100%}.cart-line-body{min-width:0}.cart-line-body strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mini-stepper{border:1px solid var(--border);border-radius:14px;grid-column:1/-1;grid-template-columns:42px 1fr 42px;align-items:center;display:grid;overflow:hidden}.mini-stepper button{color:var(--text);background:#94a3b814;border:0;place-items:center;height:38px;display:grid}.mini-stepper button:disabled{color:var(--muted-2)}.mini-stepper span{text-align:center;font-weight:850}.cart-checkout{background:linear-gradient(#0000,#0f172af5 30%);padding-top:.85rem;position:sticky;bottom:0}.pop{animation:.36s cubic-bezier(.2,.8,.2,1) product-pop}.product-card-enter-active,.product-card-leave-active,.cart-row-enter-active,.cart-row-leave-active{transition:all .26s cubic-bezier(.2,.8,.2,1)}.product-card-enter-from,.product-card-leave-to{opacity:0;transform:translateY(12px)scale(.98)}.cart-row-enter-from,.cart-row-leave-to{opacity:0;transform:translate(12px)scale(.98)}.product-card-move,.cart-row-move{transition:transform .26s}@keyframes product-pop{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1320px){.cms-layout{grid-template-columns:250px minmax(0,1fr)}.cms-cart-panel{grid-column:1/-1;position:static}.cart-lines{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:none}}@media (width<=920px){.cms-layout{grid-template-columns:1fr}.cms-category-panel,.cms-cart-panel{position:static}.category-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:none}.category-pill.child{width:100%;margin-left:0}.cms-hero{flex-direction:column}.cms-hero-card{min-width:0}}@media (width<=640px){.cms-filters{grid-template-columns:1fr;align-items:stretch;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}.segmented-control button{padding-inline:.5rem}.cms-product-grid{grid-template-columns:1fr}.cms-product-card{border-radius:22px;min-height:0}.cms-product-image{height:170px}.cart-lines{grid-template-columns:1fr}}html,body,#app{width:100%;max-width:100%}body{overflow-x:hidden}.shell,.sidebar,.main-panel,.topbar,.content,.stack,.grid,.surface,.panel,.detail-panel,.toolbar,.panel-header,.filters,.form-grid,.inline-form,.list,.list-row,.table-wrap,.modal,.modal-body,.cms-store,.cms-layout,.cms-product-grid,.cms-category-panel,.cms-cart-panel,.cms-hero,.picker-layout,.picker-main,.picker-side,.task-item-editor,.task-item-row{min-width:0;max-width:100%}.surface,.panel,.detail-panel,.cms-product-card,.list-row,.task-item-row,.stat-card{overflow-wrap:anywhere}.table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table-wrap table{width:max-content;min-width:min(640px,100%)}.table-wrap td,.table-wrap th{max-width:min(280px,68vw)}.table-wrap td:first-child,.table-wrap th:first-child{max-width:min(340px,76vw)}@media (width<=820px){.shell{width:100%;overflow-x:clip}.sidebar{gap:.55rem;width:100%;max-width:100vw;overflow:hidden}.brand{width:100%;min-width:0}.brand>div:last-child{min-width:0}.brand-title,.brand-subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-list{width:100%;max-width:100%}.nav-item{max-width:104px}.nav-item span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sidebar-footer{width:100%;min-width:0}.live-chip{max-width:100%}.main-panel{width:100%;max-width:100vw;overflow-x:hidden}.content{width:100%;max-width:100%;overflow-x:clip}.grid.split,.grid.two,.catalog-layout,.cms-layout{grid-template-columns:minmax(0,1fr);width:100%}.panel,.surface{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:108px}.stat-card strong{font-size:clamp(1.55rem,9vw,2rem)}.list-row.interactive{width:100%}.list-row .badge,.panel-header .badge,.chip,.badge{white-space:normal;max-width:100%}.modal-actions{width:100%}.modal-actions .btn,.row-actions .btn{min-width:0}.table-wrap{margin-inline:0}.table-wrap:after{content:"Таблицу можно прокручивать по горизонтали";color:var(--muted-2);border-top:1px solid var(--border);background:#0206174d;padding:.45rem .65rem .55rem;font-size:.72rem;display:block}}@media (width<=520px){.sidebar{padding-inline:.55rem}.brand{gap:.62rem;padding-bottom:.35rem}.brand-mark{border-radius:12px;width:34px;height:34px;font-size:.82rem}.brand-title{font-size:.86rem}.nav-item{min-width:76px;max-width:86px}.sidebar-footer{grid-template-columns:minmax(0,1fr) auto;display:grid}.sidebar-footer .btn{padding-inline:.68rem}.live-chip{min-height:34px}.main-panel{padding-inline:.62rem}.stat-grid{grid-template-columns:1fr}.panel{padding:.72rem}.table-wrap table{min-width:580px}}.pick-workbench{gap:.9rem;display:grid}.pick-workbench-header{border:1px solid var(--border);background:linear-gradient(135deg,#7c3aed24,#22d3ee14);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem;display:flex}.pick-workbench-header h3{margin:0 0 .25rem}.pick-summary-chip{border:1px solid var(--border-strong);color:var(--muted);background:#0206176b;border-radius:999px;flex:none;padding:.52rem .78rem}.pick-summary-chip strong{color:var(--text)}.pick-filters{grid-template-columns:minmax(220px,1.15fr) minmax(180px,.9fr) minmax(180px,.9fr) minmax(140px,.7fr) auto;align-items:end;gap:.75rem;display:grid}.pick-filter-actions{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.check.compact{background:#0206173d;border-radius:999px;align-items:center;width:fit-content;padding:.45rem .55rem}.pick-item-grid{gap:.75rem;display:grid}.pick-item-card{border:1px solid var(--border);background:#02061752;border-radius:22px;grid-template-columns:28px 56px minmax(0,1fr) 156px;align-items:center;gap:.8rem;padding:.8rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.pick-item-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.pick-item-card.selected{background:linear-gradient(135deg,#22d3ee1f,#7c3aed1a);border-color:#22d3ee7a}.pick-select-box{place-items:center;display:grid}.pick-select-box input{accent-color:#22d3ee;width:20px;height:20px}.pick-item-main{gap:.3rem;min-width:0;display:grid}.pick-item-main strong,.pick-item-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-line{background:#94a3b824;border-radius:999px;height:6px;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#7c3aed);height:100%;transition:width .22s;display:block}.pick-qty-control{grid-template-columns:38px minmax(54px,1fr) 38px;align-items:center;gap:.38rem;display:grid}.pick-qty-control input{text-align:center;width:100%;color:var(--text);border:1px solid var(--border);background:#02061799;border-radius:12px;padding:.6rem .35rem;font-weight:800}.pick-actions{border-top:1px solid var(--border);padding-top:.85rem}@media (width<=980px){.pick-filters{grid-template-columns:1fr}.pick-workbench-header{flex-direction:column}.pick-summary-chip{text-align:center;width:100%}.pick-item-card{grid-template-columns:28px 52px minmax(0,1fr)}.pick-qty-control{grid-column:1/-1}}@media (width<=560px){.pick-item-card{border-radius:18px;grid-template-columns:26px 46px minmax(0,1fr);padding:.65rem}.pick-qty-control{grid-template-columns:44px minmax(68px,1fr) 44px}.pick-actions{grid-template-columns:1fr;display:grid}}