@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/atkinson-hyperlegible-next-latin-ext-wght-normal-2N3YVG5Z.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/atkinson-hyperlegible-next-latin-wght-normal-VX3WN42K.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f1f2f5;--surface: #ffffff;--sunk: #e8eaef;--field: #f2f3f7;--ink: #1d2433;--ink-2: #4a5263;--muted: #6b7385;--line: #d9dce3;--line-strong: #b9bec9;--plum: #7a06d6;--plum-hover: #6405b0;--plum-tint: #f2e7fd;--plum-ink: #5b0aa3;--ok: #2f6b4f;--ok-tint: #e3f0e9;--soon: #9a5b00;--soon-tint: #fbefd9;--soon-line: #e9c88e;--expired: #b3261e;--expired-tint: #fbe6e4;--expired-line: #eeb3ad;--radius-s: 6px;--radius-m: 10px;--shadow-pop: 0 12px 32px rgba(29, 36, 51, .18), 0 2px 6px rgba(29, 36, 51, .08);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--t-fast: .14s;--t-mid: .24s;--font: "Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", system-ui, sans-serif;--t-xs: .8125rem;--t-s: .9375rem;--t-m: 1.0625rem;--t-l: 1.3125rem;--t-xl: 1.6875rem;--t-xxl: 2.125rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--t-s);line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.2;font-weight:700;letter-spacing:-.01em}h1{font-size:var(--t-xl)}h2{font-size:var(--t-l)}h3{font-size:var(--t-m)}p{margin:0}a{color:var(--plum);text-underline-offset:2px}:focus-visible{outline:3px solid color-mix(in srgb,var(--plum) 55%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.page{max-width:1480px;margin-inline:auto;padding:28px clamp(16px,2.6vw,40px) 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head p{color:var(--muted);margin-top:4px}.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:var(--t-xs);margin-bottom:6px}.back:hover{color:var(--ink)}.section{margin-top:28px}.section>h2{margin-bottom:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m)}.panel-pad{padding:18px 20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1 1 auto}.muted{color:var(--muted)}.small{font-size:var(--t-xs)}.strong{font-weight:700}.num{text-align:right;white-space:nowrap}.nowrap{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--plum);border-color:var(--plum);color:#fff}.btn-primary:hover{background:var(--plum-hover);border-color:var(--plum-hover)}.btn-quiet{border-color:transparent;background:transparent;color:var(--plum);padding:0 10px}.btn-soft{border-color:transparent;background:var(--plum-tint);color:var(--plum-ink)}.btn-soft:hover{border-color:transparent;background:color-mix(in srgb,var(--plum-tint) 70%,var(--plum) 12%)}.btn-quiet:hover{background:var(--plum-tint);border-color:transparent}.btn-danger{color:var(--expired)}.btn-big{min-height:48px;font-size:var(--t-m);padding:0 22px}.btn svg{width:18px;height:18px;flex:none}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:var(--t-xs);font-weight:600;color:var(--ink-2)}.field small{color:var(--muted);font-size:var(--t-xs)}.input,select.input,textarea.input{width:100%;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:var(--field);color:var(--ink);font:inherit}:is(select.input,textarea.input,.input):where(:not(:is(.panel,.dialog,.card,.table,.new-pack) .input)){background:var(--surface);border-color:var(--line)}.input:hover:not(:focus):not(:disabled){border-color:var(--line-strong)}.input::placeholder,.input input::placeholder{color:#9aa1b0}.input:disabled{opacity:.6}textarea.input{min-height:72px;resize:vertical}.input:focus,.input:focus-within{outline:none;border-color:var(--plum);background:var(--surface);box-shadow:0 0 0 3px var(--plum-tint)}.input.invalid{border-color:var(--expired);box-shadow:0 0 0 3px var(--expired-tint)}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--plum)}.check.switch-row{align-items:center}.check.switch-row input{appearance:none;-webkit-appearance:none;flex:none;position:relative;margin:0;width:40px;height:24px;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:background-color var(--t-fast) ease}.check.switch-row input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #1d243340;transition:transform var(--t-mid) var(--ease-spring)}.check.switch-row input:checked{background:var(--plum)}.check.switch-row input:checked:before{transform:translate(16px)}.check.switch-row input:focus-visible{outline:3px solid color-mix(in srgb,var(--plum) 45%,transparent);outline-offset:2px}.check.switch-row>span{font-weight:600}.check small{display:block;color:var(--muted);font-size:var(--t-xs)}.form-grid{display:grid;gap:18px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.error-box{padding:10px 14px;border-radius:var(--radius-s);background:var(--expired-tint);color:var(--expired);border:1px solid var(--expired-line)}.notice{padding:10px 14px;border-radius:var(--radius-s);background:var(--ok-tint);color:var(--ok)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--t-xs);font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr.link{cursor:pointer}.table tr.link:hover td{background:#f8f8fa}.table .th-num{text-align:right}.table-wrap{overflow-x:auto}.product-name{font-weight:700}.product-sub{color:var(--muted);font-size:var(--t-xs)}.stamp{display:inline-flex;align-items:stretch;border:1.5px dashed var(--line-strong);border-radius:4px;font-size:var(--t-xs);line-height:1;white-space:nowrap;background:var(--surface)}.stamp>span{padding:5px 8px}.stamp .lot{font-weight:700;letter-spacing:.02em}.stamp .vto{border-left:1.5px dashed var(--line-strong)}.stamp.ok{border-color:color-mix(in srgb,var(--ok) 55%,white)}.stamp.ok .vto{border-color:color-mix(in srgb,var(--ok) 55%,white);color:var(--ok)}.stamp.soon{border-color:var(--soon-line);background:var(--soon-tint)}.stamp.soon .vto{border-color:var(--soon-line);color:var(--soon);font-weight:700}.stamp.expired{border-color:var(--expired-line);background:var(--expired-tint)}.stamp.expired .vto{border-color:var(--expired-line);color:var(--expired);font-weight:700}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--t-xs);font-weight:600;background:var(--sunk);color:var(--ink-2);white-space:nowrap}.tag.low{background:var(--soon-tint);color:var(--soon)}.tag.expired{background:var(--expired-tint);color:var(--expired)}.tag.ok{background:var(--ok-tint);color:var(--ok)}.tag.rx{background:var(--plum-tint);color:var(--plum-ink)}strong+.small,strong+.muted{margin-left:.3em}.qty-in{color:var(--ok);font-weight:700}.qty-out{color:var(--ink);font-weight:700}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .input{width:auto}.search{position:relative;flex:1 1 280px}.search .input{padding-left:38px;width:100%}.search svg{position:absolute;left:11px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--muted);pointer-events:none}.segmented{display:inline-flex;background:var(--sunk);border-radius:var(--radius-s);padding:3px;gap:2px}.segmented button{border:0;background:transparent;font:inherit;font-size:var(--t-xs);font-weight:600;color:var(--ink-2);padding:6px 12px;border-radius:4px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1d24331f}.empty{padding:36px 20px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.empty .btn{margin-top:14px}.dialog-backdrop{position:fixed;inset:0;background:#1d243361;display:grid;place-items:start center;padding:8vh 16px 16px;z-index:50;overflow-y:auto}.dialog{width:min(560px,100%);background:var(--surface);border-radius:var(--radius-m);box-shadow:var(--shadow-pop);animation:dialog-in .16s ease-out}.dialog header{padding:18px 56px 0 22px;position:relative}.dialog.wide{width:min(780px,100%)}.dialog-close{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:var(--radius-s);background:none;color:var(--muted);cursor:pointer}.dialog-close:hover{background:var(--sunk);color:var(--ink)}.dialog-close:focus-visible{outline:2px solid var(--plum-ink);outline-offset:1px}.dialog header p{color:var(--muted);margin-top:4px}.dialog .body{padding:18px 22px;display:grid;gap:14px}.dialog footer{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}.dialog-backdrop.drawer-backdrop{place-items:stretch end;padding:0;overflow:hidden;background:#1d243338}.dialog.drawer{width:min(760px,100vw);height:100dvh;border-radius:var(--radius-m) 0 0 var(--radius-m);display:flex;flex-direction:column;animation:drawer-in .2s ease-out}.dialog.drawer header{padding-bottom:14px;border-bottom:1px solid var(--line);flex:none}.dialog.drawer .body{flex:1;overflow-y:auto;overscroll-behavior:contain;align-content:start}.dialog.drawer footer{flex:none;background:var(--surface)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}}@media(max-width:720px){.dialog.drawer{border-radius:0}}@media(max-width:720px){.page{padding:18px 16px 48px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2{grid-column:auto}.table th,.table td{padding:10px}.hide-s{display:none}}.field>.segmented{align-self:flex-start}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}}@keyframes glow{0%{box-shadow:0 0 color-mix(in srgb,var(--plum) 45%,transparent)}to{box-shadow:0 0 0 8px transparent}}@keyframes grow-up{0%{transform:scaleY(0)}}@keyframes shimmer{to{background-position:-200% 0}}main{view-transition-name:page}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(page){animation:.11s ease-in both fade reverse}::view-transition-new(page){animation:var(--t-mid) var(--ease-out) both rise}.page-head,.page>.back{animation:var(--t-mid) var(--ease-out) both rise}.page>.panel,.page>.section,.page>.figures,.page>section{animation:.32s var(--ease-out) both rise;animation-delay:40ms}.page>.section+.section{animation-delay:80ms}.table tbody tr,.brands>li,.lots>li{animation:.26s var(--ease-out) both rise}.table tbody tr:nth-child(1),.brands>li:nth-child(1),.lots>li:nth-child(1){animation-delay:20ms}.table tbody tr:nth-child(2),.brands>li:nth-child(2),.lots>li:nth-child(2){animation-delay:45ms}.table tbody tr:nth-child(3),.brands>li:nth-child(3),.lots>li:nth-child(3){animation-delay:70ms}.table tbody tr:nth-child(4),.brands>li:nth-child(4),.lots>li:nth-child(4){animation-delay:95ms}.table tbody tr:nth-child(5),.brands>li:nth-child(5),.lots>li:nth-child(5){animation-delay:.12s}.table tbody tr:nth-child(6),.brands>li:nth-child(6),.lots>li:nth-child(6){animation-delay:145ms}.table tbody tr:nth-child(7),.brands>li:nth-child(7),.lots>li:nth-child(7){animation-delay:.17s}.table tbody tr:nth-child(8),.brands>li:nth-child(8),.lots>li:nth-child(8){animation-delay:195ms}.table tbody tr:nth-child(9),.brands>li:nth-child(9),.lots>li:nth-child(9){animation-delay:.22s}.table tbody tr:nth-child(n+10),.brands>li:nth-child(n+10),.lots>li:nth-child(n+10){animation-delay:.24s}.btn{transition:background-color var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease,box-shadow var(--t-fast) ease,transform var(--t-fast) var(--ease-out)}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary:not(:disabled):hover{box-shadow:0 4px 12px color-mix(in srgb,var(--plum) 30%,transparent)}.btn svg{transition:transform var(--t-fast) var(--ease-out)}.btn:not(:disabled):hover svg{transform:scale(1.08)}.input{transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease}.check input{transition:transform var(--t-fast) var(--ease-spring)}.check input:active{transform:scale(.88)}.segmented button{transition:background-color var(--t-fast) ease,color var(--t-fast) ease,box-shadow var(--t-fast) ease}.table tr.link td{transition:background-color var(--t-fast) ease}.table tr.link fs-product-art,.brands fs-product-art{transition:transform var(--t-mid) var(--ease-spring)}.table tr.link:hover fs-product-art,.brands li:hover fs-product-art{transform:scale(1.08) rotate(-3deg)}a,.link-btn{transition:color var(--t-fast) ease}.tag{transition:background-color var(--t-fast) ease}.notice,.error-box{animation:var(--t-mid) var(--ease-out) both rise}.error-box{animation-name:rise,shake;animation-duration:var(--t-mid),.36s;animation-delay:0s,60ms}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.dialog-backdrop{animation:.16s ease-out both fade}.loading{width:fit-content;font-weight:600;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,var(--muted) 35%,var(--line) 50%,var(--muted) 65%);background-size:200% 100%;animation:1.2s linear infinite shimmer,.3s ease-out .15s both fade}