:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--surface:#fff;--elevated:#fff;--border:#e5e3dd;--text:#14161a;--text-2:#525866;--muted:#626977;--brand:#4f46e5;--on-brand:#fff;--purchase:#0e7490;--kitchen:#c2410c;--success:#15803d;--warning:#92580a;--danger:#b91c1c;--brand-tint:color-mix(in srgb, var(--brand) 12%, var(--surface));--purchase-tint:color-mix(in srgb, var(--purchase) 12%, var(--surface));--kitchen-tint:color-mix(in srgb, var(--kitchen) 12%, var(--surface));--success-tint:color-mix(in srgb, var(--success) 12%, var(--surface));--warning-tint:color-mix(in srgb, var(--warning) 12%, var(--surface));--danger-tint:color-mix(in srgb, var(--danger) 12%, var(--surface));--press:color-mix(in srgb, var(--text) 6%, var(--surface));--grid:color-mix(in srgb, var(--border) 50%, transparent);--shadow-1:0 1px 2px #1018280f;--shadow-2:0 4px 12px #10182814;--shadow-3:0 16px 40px #10182829;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:2rem;--sp-8:3rem;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-pill:999px;--tap:44px;--bar-h:56px;--rail-w:240px;--rail-w-collapsed:72px;--gutter:1rem;--dur-press:.12s;--dur-content:.2s;--dur-sheet:.28s;--ease-in:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.4, 0, 1, 1)}@media (min-width:960px){:root{--gutter:2rem}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#16191e;--elevated:#1e2228;--border:#2a2f37;--text:#eceef1;--text-2:#a4abb8;--muted:#8a92a0;--brand:#8b8cff;--on-brand:#0e1013;--purchase:#38bdd8;--kitchen:#fb923c;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--shadow-1:none;--shadow-2:none;--shadow-3:0 16px 40px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#16191e;--elevated:#1e2228;--border:#2a2f37;--text:#eceef1;--text-2:#a4abb8;--muted:#8a92a0;--brand:#8b8cff;--on-brand:#0e1013;--purchase:#38bdd8;--kitchen:#fb923c;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--shadow-1:none;--shadow-2:none;--shadow-3:0 16px 40px #00000080}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--sp-4);scroll-padding-bottom:9rem}body{background:var(--bg);min-height:100dvh;color:var(--text);font:400 1rem / 1.5 var(--font);font-variant-numeric:tabular-nums;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance}h1{font-size:1.75rem;font-weight:700;line-height:2.125rem}h2,h3{font-size:1.125rem;font-weight:600;line-height:1.625rem}p{text-wrap:pretty}a{color:var(--brand);text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}dl,dd{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus{outline:none}.muted{color:var(--text-2)}.stack{gap:var(--sp-3);display:grid}.row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.grow{flex:1;min-width:0}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clamp{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.skip-link{z-index:100;left:var(--sp-3);top:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background:var(--brand);color:var(--on-brand);font-weight:600;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.wordmark{letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-weight:700;line-height:1}.wm-i{position:relative}.wm-i:after{content:"";background:var(--brand);border-radius:50%;width:.17em;height:.17em;position:absolute;top:.2em;left:50%;transform:translate(-50%)}.wm-period{color:var(--brand)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn,.rail-new{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color var(--dur-press), border-color var(--dur-press), transform var(--dur-press) var(--ease-in);font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--press)}.btn:active{background:var(--press);transform:scale(.98)}.btn[data-size=lg]{min-height:52px;padding:0 var(--sp-5);border-radius:var(--r-lg);font-size:1rem}.btn[data-variant=primary],.rail-new{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn[data-variant=primary]:hover,.rail-new:hover{background:color-mix(in srgb, var(--brand) 88%, var(--text))}.btn[data-variant=primary]:active,.rail-new:active{background:color-mix(in srgb, var(--brand) 78%, var(--text))}.btn[data-variant=ghost]{color:var(--text-2);background:0 0;border-color:#0000}.btn[data-variant=ghost]:hover{background:var(--press);color:var(--text)}.btn[data-variant=danger]{background:var(--danger);border-color:var(--danger);color:var(--surface)}.btn[data-variant=danger]:hover{background:color-mix(in srgb, var(--danger) 88%, var(--text))}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn[data-busy]{color:#0000;position:relative}.btn[data-busy]:after{content:"";border:2px solid var(--text-2);border-top-color:#0000;border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite spin;position:absolute}.btn[data-variant=primary][data-busy]:after{border-color:var(--on-brand);border-top-color:#0000}.rail-text{white-space:nowrap}.btn-block{width:100%}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--text-2);cursor:pointer;transition:background-color var(--dur-press), transform var(--dur-press) var(--ease-in);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--press);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.link-btn{padding:var(--sp-2);color:var(--brand);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;font-weight:600;text-decoration:underline}@media (max-width:599px){.btn-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn:has(>.btn-text){width:var(--tap);padding:0}}.form{gap:var(--sp-4);display:grid}.field{gap:var(--sp-2);min-width:0;display:grid}.field>label,.field-label{color:var(--text);font-size:.875rem;font-weight:600}.field-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));align-items:start;display:grid}.field-hint{color:var(--text-2);font-size:.8125rem;line-height:1.25rem}.field-error,.form-error{align-items:flex-start;gap:var(--sp-2);color:var(--danger);font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.field-error svg,.form-error svg{flex:none;margin-top:2px}.form-error{padding:var(--sp-3);border-radius:var(--r-md);background:var(--danger-tint)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea),.input{width:100%;min-height:48px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);transition:border-color var(--dur-press), box-shadow var(--dur-press);font-size:1rem}textarea{padding:var(--sp-3);resize:vertical;min-height:5rem}:where(select){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}input::placeholder{color:var(--muted)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 30%, var(--border))}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}[aria-invalid=true]{border-color:var(--danger)}input:disabled,select:disabled{opacity:.6}input[type=search]::-webkit-search-cancel-button{display:none}.input-wrap{position:relative}.input-wrap input{padding-right:3rem}.input-trailing{width:48px;height:48px;color:var(--text-2);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.input-trailing:hover{color:var(--text)}.search{align-items:center;min-width:0;display:flex;position:relative}.search svg{left:var(--sp-3);color:var(--muted);pointer-events:none;position:absolute}.search input{padding-left:2.5rem}.lang-select{width:auto;min-height:40px;font-size:.875rem}.switch{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--tap);cursor:pointer;font-weight:600;display:flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{border-radius:var(--r-pill);background:color-mix(in srgb, var(--text) 25%, var(--surface));width:2.75rem;height:1.5rem;transition:background-color var(--dur-content);flex:none;position:relative}.switch-track:after{content:"";background:var(--surface);width:1.25rem;height:1.25rem;transition:transform var(--dur-content) var(--ease-in);border-radius:50%;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 2px #0000004d}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track:after{background:var(--on-brand);transform:translate(1.25rem)}.switch input:focus-visible+.switch-track{outline:2px solid var(--brand);outline-offset:2px}.segmented{border-radius:var(--r-md);background:var(--press);border:1px solid var(--border);gap:2px;max-width:100%;padding:3px;display:inline-flex}.segmented label{cursor:pointer;flex:auto;min-width:0;position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented span{justify-content:center;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border-radius:calc(var(--r-md) - 3px);color:var(--text-2);white-space:nowrap;transition:background-color var(--dur-press), color var(--dur-press);border:1px solid #0000;font-size:.875rem;font-weight:600;display:flex}.segmented input:checked+span{background:var(--surface);color:var(--brand);border-color:var(--border);box-shadow:var(--shadow-1)}.segmented label[data-tone=in] input:checked+span{background:var(--purchase-tint);color:var(--purchase);border-color:var(--purchase)}.segmented label[data-tone=out] input:checked+span{background:var(--kitchen-tint);color:var(--kitchen);border-color:var(--kitchen)}.segmented label[data-tone=adjust] input:checked+span{background:var(--surface);color:var(--text);border-color:var(--text-2)}.segmented input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.segmented[data-size=lg] span{min-height:48px}.sheet .segmented{width:100%;display:flex}.qty-row{gap:var(--sp-2);grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.qty-btn{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:48px;height:56px;color:var(--text);cursor:pointer;transition:background-color var(--dur-press), transform var(--dur-press) var(--ease-in);place-items:center;display:grid}.qty-btn:hover{background:var(--press)}.qty-btn:active{background:var(--press);transform:scale(.96)}.qty-input{position:relative}.qty-input input{text-align:center;letter-spacing:-.01em;min-height:56px;padding:0 3rem;font-size:1.75rem;font-weight:700;line-height:1.75rem}.qty-unit{color:var(--muted);pointer-events:none;text-overflow:ellipsis;max-width:2.5rem;font-size:.875rem;position:absolute;top:50%;right:12px;overflow:hidden;transform:translateY(-50%)}.qty-chips{gap:var(--sp-2);display:flex}.qty-chips .chip{flex:1;justify-content:center}.stock-preview{align-items:baseline;gap:var(--sp-2);min-height:3rem;padding:var(--sp-3);border-radius:var(--r-md);background:var(--press);flex-wrap:wrap;font-size:.9375rem;display:flex}.stock-preview svg{color:var(--muted);align-self:center}.stock-preview strong{font-size:1.125rem}.stock-preview strong[data-negative]{color:var(--danger)}.stock-preview[data-empty]{align-items:center;font-size:.875rem}.totalbar{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--brand-tint);display:flex}.totalbar strong{font-size:1.25rem}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chips-scroll{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin:-2px;padding:2px;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .chip{scroll-snap-align:start;flex:none}.chips-wrap{flex-wrap:wrap}.chips-fade{position:relative}.chips-fade:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--bg));width:2rem;position:absolute;top:0;bottom:0;right:0}.chip{align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-press), border-color var(--dur-press), transform var(--dur-press) var(--ease-in);font-size:.875rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--press)}.chip:active{transform:scale(.97)}.chip[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand);font-weight:600}.chip-count{color:var(--muted);font-size:.75rem;font-weight:600}.chip[aria-pressed=true] .chip-count{color:inherit;opacity:.85}.chip-product{min-height:44px}@media (pointer:coarse){.chip{min-height:40px}}.card{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);gap:var(--sp-4);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.card>*{min-width:0}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.card-head h2{font-size:1.125rem}.badge{border-radius:var(--r-pill);white-space:nowrap;background:var(--press);color:var(--text-2);align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}.badge[data-tone=warn]{background:var(--warning-tint);color:var(--warning)}.badge[data-tone=bad]{background:var(--danger-tint);color:var(--danger)}.badge[data-tone=good]{background:var(--success-tint);color:var(--success)}.badge[data-tone=brand]{background:var(--brand-tint);color:var(--brand)}.skeleton{background:color-mix(in srgb, var(--text) 8%, var(--surface));animation:1.4s ease-in-out infinite pulse;display:block}@keyframes pulse{50%{opacity:.5}}.empty{justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);text-align:center;display:grid}.empty h3{max-width:28ch}.empty p{max-width:38ch;color:var(--text-2)}.art{width:96px;height:96px}.row-center{justify-content:center}.toasts{z-index:60;left:var(--gutter);right:var(--gutter);bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 16px + 56px + 12px);gap:var(--sp-2);pointer-events:none;justify-items:center;display:grid;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--sp-3);width:100%;max-width:30rem;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-3);animation:toast-in var(--dur-content) var(--ease-in);display:flex}.toast[data-kind=error]{background:var(--danger);color:var(--surface)}.toast>svg{flex:none}.toast-text{flex:1;min-width:0;font-size:.875rem;line-height:1.25rem}.toast-action{min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;flex:none;font-weight:700;text-decoration:underline}.toast-action:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.toast-close{width:32px;height:32px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:960px){.toasts{bottom:24px;left:calc(var(--rail-w) + var(--gutter));justify-items:start}}.sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);width:100%;max-width:none;max-height:none;color:var(--text);box-shadow:var(--shadow-3);transition:transform .2s var(--ease-in);border:0;margin:auto 0 0;padding:0;overflow:hidden}.sheet::backdrop{background:#0006}.sheet[open]{animation:sheet-up var(--dur-sheet) cubic-bezier(.2, .9, .25, 1.02)}.sheet[open]::backdrop{animation:fade-in var(--dur-content) linear}.sheet-body{gap:var(--sp-4);overscroll-behavior:contain;max-height:92dvh;padding:0 var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));align-content:start;display:grid;overflow-y:auto}.sheet-handle{padding:var(--sp-3) 0 var(--sp-1);margin:0 calc(var(--sp-4) * -1);cursor:grab;touch-action:none;justify-content:center;display:flex}.sheet-handle span{background:color-mix(in srgb, var(--text) 25%, var(--surface));border-radius:2px;width:40px;height:4px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.sheet-head h2{overflow-wrap:anywhere;font-size:1.375rem;font-weight:650;line-height:1.75rem}.sheet-actions{justify-content:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.sheet-actions .grow-left{margin-right:auto}.sheet-foot{bottom:calc((var(--sp-4) + env(safe-area-inset-bottom)) * -1);z-index:1;gap:var(--sp-2);margin:0 calc(var(--sp-4) * -1) calc((var(--sp-4) + env(safe-area-inset-bottom)) * -1);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:1fr;display:grid;position:sticky}.sheet-foot .btn[data-variant=primary]{order:-1}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-side{0%{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}}@media (min-width:640px){.sheet{border-radius:var(--r-lg);width:min(32rem,100% - 2rem);margin:auto}.sheet[open]{animation:pop-in var(--dur-sheet) var(--ease-in)}.sheet-body{max-height:88dvh;padding:var(--sp-5)}.sheet-handle{display:none}.sheet-foot{bottom:calc(var(--sp-5) * -1);margin:0 calc(var(--sp-5) * -1) calc(var(--sp-5) * -1);padding:var(--sp-3) var(--sp-5);grid-template-columns:auto 1fr}.sheet-foot .btn[data-variant=primary]{order:0}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}}@media (min-width:960px){.sheet[data-variant=drawer]{border-left:1px solid var(--border);border-radius:0;width:420px;height:100dvh;max-height:none;margin:0 0 0 auto}.sheet[data-variant=drawer][open]{animation:sheet-side var(--dur-sheet) var(--ease-in)}.sheet[data-variant=drawer] .sheet-body{height:100dvh;max-height:100dvh}}.type-cards{gap:var(--sp-3);display:grid}.type-card{align-items:center;gap:var(--sp-4);width:100%;min-height:76px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background-color var(--dur-press), border-color var(--dur-press), transform var(--dur-press) var(--ease-in);display:flex}.type-card:hover{background:var(--press)}.type-card:active{transform:scale(.98)}.type-card-icon{border-radius:var(--r-md);background:var(--press);width:48px;height:48px;color:var(--text-2);flex:none;place-items:center;display:grid}.type-card-text{flex:1;gap:2px;min-width:0;display:grid}.type-card-text strong{font-size:1.0625rem;font-weight:650}.type-card-text span{color:var(--text-2);font-size:.875rem}.type-card>svg:last-child{color:var(--muted);flex:none}.type-card[data-type=in] .type-card-icon{background:var(--purchase-tint);color:var(--purchase)}.type-card[data-type=out] .type-card-icon{background:var(--kitchen-tint);color:var(--kitchen)}.type-card[data-type=in]:hover{border-color:var(--purchase)}.type-card[data-type=out]:hover{border-color:var(--kitchen)}.picked{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);flex-wrap:wrap;display:flex}.picked-main{flex:1;min-width:8rem;display:grid}.picked-name{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.picked-stock{color:var(--text-2);font-size:.875rem}.stock{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.stock strong{font-size:1.125rem}.stock small,.prow-stock small{color:var(--muted);font-size:.875rem;font-weight:500}.stockbar{background:var(--border);border-radius:2px;height:4px;display:block;position:relative}.stockbar-fill{background:var(--muted);transition:width var(--dur-content) var(--ease-in);border-radius:2px;position:absolute;inset:0 auto 0 0}.stockbar[data-state=low] .stockbar-fill{background:var(--warning)}.stockbar[data-state=out] .stockbar-fill,.stockbar[data-state=negative] .stockbar-fill{background:var(--danger)}.stockbar-min{background:var(--text);opacity:.55;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.delta{border-radius:var(--r-pill);background:var(--press);color:var(--text-2);white-space:nowrap;align-items:center;gap:2px;padding:2px 8px;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}.tiles{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile{align-content:start;gap:var(--sp-1);min-width:0;min-height:7.25rem;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);display:grid;position:relative;overflow:hidden;container-type:inline-size}.tile[data-tone]:before{content:"";background:var(--purchase);height:3px;position:absolute;inset:0 0 auto}.tile[data-tone=kitchen]:before{background:var(--kitchen)}.tile-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-size:.75rem;font-weight:600;line-height:1rem}.tile-value{letter-spacing:-.02em;white-space:nowrap;font-size:clamp(1.125rem,13cqw,2.25rem);font-weight:700;line-height:2.25rem}.tile-delta{justify-items:start;gap:4px;display:grid}.tile-hint{color:var(--muted);font-size:.75rem;line-height:1rem}.alert-strip{align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb, var(--warning) 35%, var(--border));border-radius:var(--r-md);background:var(--warning-tint);color:var(--warning);transition:transform var(--dur-press) var(--ease-in);font-weight:600;text-decoration:none;display:flex}.alert-strip:active{transform:scale(.99)}.alert-strip-cta{text-underline-offset:.2em;font-size:.875rem;text-decoration:underline}.rowbars{gap:var(--sp-4);display:grid}.rowbars li{gap:6px;display:grid}.rowbars-head{justify-content:space-between;gap:var(--sp-3);font-size:.9375rem;display:flex}.rowbars-track{background:color-mix(in srgb, var(--text) 7%, var(--surface));border-radius:4px;height:8px}.rowbars-fill{transform-origin:0;height:100%;animation:grow-x .3s var(--ease-in) both;border-radius:4px;display:block}.rowbars-purchase{background:var(--purchase)}.rowbars-kitchen{background:var(--kitchen)}.rowbars-sub{color:var(--muted);font-size:.75rem}@keyframes grow-x{0%{transform:scaleX(0)}}.legend{gap:var(--sp-2) var(--sp-4);color:var(--text-2);flex-wrap:wrap;font-size:.8125rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:3px;width:10px;height:10px;display:inline-block}.sw-purchase{background:var(--purchase)}.sw-kitchen{background:var(--kitchen)}.chart{margin-top:var(--sp-2);width:100%;min-width:0;position:relative}.chart-svg{touch-action:pan-y;max-width:none;overflow:visible}.chart-svg:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.chart .grid{stroke:var(--grid);stroke-width:1px}.chart .axis{stroke:var(--border);stroke-width:1px}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.bar-purchase{fill:var(--purchase)}.bar-kitchen{fill:var(--kitchen)}.bars path{transform-box:fill-box;transform-origin:bottom;animation:grow-y .3s var(--ease-in) both}@keyframes grow-y{0%{transform:scaleY(0)}}.hover-band{fill:var(--press)}.tooltip{z-index:2;min-width:9rem;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--elevated);box-shadow:var(--shadow-2);pointer-events:none;gap:4px;font-size:.8125rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.tooltip strong{font-size:.875rem}.tooltip span{align-items:center;gap:6px;display:flex}.tooltip b{padding-left:var(--sp-3);font-variant-numeric:tabular-nums;margin-left:auto}.chart-foot{margin-top:var(--sp-2);justify-content:flex-end;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table caption{text-align:left}.data-table th,.data-table td{padding:var(--sp-2) var(--sp-3);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th:first-child{text-align:left}.data-table thead th{color:var(--text-2);font-weight:600}.list{gap:var(--sp-2);display:grid}.item,.prow{align-items:center;gap:var(--sp-3);width:100%;min-height:64px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-press), transform var(--dur-press) var(--ease-in);display:flex;position:relative}.item:hover,.prow:hover{background:var(--press)}.item:active,.prow:active{background:var(--press);transform:scale(.99)}.item-main{flex:1;min-width:0;display:grid}.item-title{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.item-sub{color:var(--text-2);font-size:.875rem}.item-end{align-items:center;gap:var(--sp-2);color:var(--muted);display:flex}.prow{gap:var(--sp-2) var(--sp-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:72px;display:grid}.prow-main{gap:2px;min-width:0;display:grid}.prow-title{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.5rem}.prow-sub{align-items:center;gap:var(--sp-2);color:var(--text-2);flex-wrap:wrap;font-size:.875rem;display:flex}.prow-end{justify-items:end;gap:2px;display:grid}.prow-stock{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.5rem}.prow>.stockbar{grid-column:1/-1}.prow[data-state=low]{box-shadow:inset 3px 0 0 var(--warning)}.prow[data-state=out],.prow[data-state=negative]{box-shadow:inset 3px 0 0 var(--danger)}.prow[data-inactive],tr[data-inactive]{opacity:.65}.alertrow{align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.alertrow[data-state=low]{box-shadow:inset 3px 0 0 var(--warning)}.alertrow[data-state=out],.alertrow[data-state=negative]{box-shadow:inset 3px 0 0 var(--danger)}.alertrow-main{min-width:0;display:grid}.alertrow-title{overflow-wrap:anywhere;font-weight:600}.alertrow-sub{color:var(--text-2);font-size:.875rem}.alertrow>.btn,.alertrow>.stockbar{grid-column:1/-1}@media (min-width:640px){.alertrow{grid-template-columns:minmax(0,1fr) auto auto}.alertrow>.btn{grid-column:auto}}.move-list{display:grid}.card-list{gap:var(--sp-2)}.move{align-items:start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative}.card-list .move{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.detail-history .move{border-bottom:1px solid var(--border);padding-left:0;padding-right:0}.detail-history .move:last-child{border-bottom:0}.move-icon{background:var(--press);width:36px;height:36px;color:var(--text-2);border-radius:50%;place-items:center;margin-top:2px;display:grid}.move[data-type=in] .move-icon{background:var(--purchase-tint);color:var(--purchase)}.move[data-type=out] .move-icon{background:var(--kitchen-tint);color:var(--kitchen)}.move-main{gap:2px;min-width:0;display:grid}.move-title{overflow-wrap:anywhere;font-weight:600;line-height:1.375rem}.move-meta{align-items:center;gap:2px var(--sp-2);color:var(--text-2);flex-wrap:wrap;font-size:.8125rem;display:flex}.move-type{color:var(--text-2);align-items:center;gap:4px;font-weight:600;display:inline-flex}.move[data-type=in] .move-type,.move-type[data-type=in]{color:var(--purchase)}.move[data-type=out] .move-type,.move-type[data-type=out]{color:var(--kitchen)}.move-note{color:var(--text-2);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.move-end{text-align:right;justify-items:end;gap:2px;display:grid}.move-qty{white-space:nowrap;font-weight:700}.move-qty small{color:var(--muted);font-weight:500}.move-value{color:var(--muted)}@media (max-width:420px){.move{grid-template-columns:auto minmax(0,1fr) auto}.move>.icon-btn{grid-area:2/3;justify-self:end;margin-top:-4px}}.dayrow{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);gap:var(--sp-3);display:grid}.dayrow[data-inactive]{opacity:.65}.dayrow-name{overflow-wrap:anywhere;font-weight:600}.daystats{gap:var(--sp-1);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.daystats dt{color:var(--text-2);text-overflow:ellipsis;font-size:.6875rem;font-weight:600;line-height:1rem;overflow:hidden}.daystats dd{font-size:1rem;font-weight:600}.daystats [data-tone=in] dd{color:var(--purchase)}.daystats [data-tone=out] dd{color:var(--kitchen)}.daystats [data-tone=adjust] dd{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.daystats-close{border-left:1px solid var(--border)}.daystats-close dd{font-weight:700}.daystats-close[data-negative] dd{color:var(--danger)}.date-nav{align-items:center;gap:var(--sp-2);display:flex}[data-flash=in]{animation:flash-in .8s var(--ease-in)}[data-flash=out]{animation:flash-out .8s var(--ease-in)}[data-flash=adjust]{animation:flash-adjust .8s var(--ease-in)}@keyframes flash-in{0%{background-color:var(--purchase-tint)}}@keyframes flash-out{0%{background-color:var(--kitchen-tint)}}@keyframes flash-adjust{0%{background-color:var(--press)}}.table-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-1);overflow:clip}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9375rem}.table thead th{z-index:1;padding:var(--sp-3) var(--sp-4);background:var(--surface);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;position:sticky;top:0}.table td,.table tbody th{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;font-weight:400}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom:0}.table tbody tr{transition:background-color var(--dur-press)}.table tbody tr:hover{background:var(--press)}.products-table tbody tr{cursor:pointer}.products-table tbody tr[data-state=low] th:first-child{box-shadow:inset 3px 0 0 var(--warning)}.products-table tbody tr[data-state=out] th:first-child,.products-table tbody tr[data-state=negative] th:first-child{box-shadow:inset 3px 0 0 var(--danger)}.table .num-col{text-align:right}.cell-link{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:1rem;font-weight:600}.cell-link:hover{color:var(--brand);text-underline-offset:.2em;text-decoration:underline}.cell-sub{color:var(--muted);font-size:.8125rem;font-weight:400;display:block}.stock-cell{min-width:9rem}.stock-cell .stockbar{width:6rem;margin-top:6px;margin-left:auto}.cell-note{max-width:18rem;color:var(--text-2);overflow-wrap:anywhere}.cell-action{text-align:right;width:1%}.table .move-type{font-size:.875rem}.detail{gap:var(--sp-4);display:grid}.detail-stock{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.detail-number{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:2.5rem}.detail-unit{color:var(--muted);font-size:1.125rem;font-weight:500}.facts{gap:var(--sp-3);padding:var(--sp-3) 0;border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.facts dt{color:var(--text-2);font-size:.75rem;font-weight:600}.facts dd{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.detail-actions{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.type-btn{min-height:64px;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;transition:background-color var(--dur-press), transform var(--dur-press) var(--ease-in);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.type-btn:active{transform:scale(.97)}.type-btn[data-type=in]{color:var(--purchase);background:var(--purchase-tint);border-color:#0000}.type-btn[data-type=out]{color:var(--kitchen);background:var(--kitchen-tint);border-color:#0000}.detail-history{gap:var(--sp-2);display:grid}.detail-history h3{font-size:1.0625rem}.table .nowrap{white-space:nowrap}.shell{min-height:100dvh}.main{max-width:76rem;padding:var(--sp-2) max(var(--gutter), env(safe-area-inset-right)) calc(var(--bar-h) + env(safe-area-inset-bottom) + 16px + 56px + var(--sp-6)) max(var(--gutter), env(safe-area-inset-left));margin:0 auto}.rail,.desk-only{display:none}.topbar{align-items:center;gap:var(--sp-2);min-height:var(--bar-h);padding:env(safe-area-inset-top) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));display:flex}.topbar-word{font-size:1.25rem}.topbar-biz{border-radius:var(--r-pill);background:var(--press);max-width:45%;color:var(--text-2);margin-left:auto;padding:4px 10px;font-size:.8125rem;font-weight:500}.tabbar{z-index:20;height:calc(var(--bar-h) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.nav-link{min-height:var(--bar-h);color:var(--text-2);touch-action:manipulation;transition:color var(--dur-press);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:500;line-height:1rem;text-decoration:none;display:flex}.nav-icon{border-radius:var(--r-pill);width:56px;height:28px;transition:background-color var(--dur-content), transform var(--dur-press) var(--ease-in);place-items:center;display:grid}.nav-link:active .nav-icon{transform:scale(.94)}.nav-link[data-active=true]{color:var(--brand);font-weight:700}.nav-link[data-active=true] .nav-icon{background:var(--brand-tint)}.fab{z-index:21;right:max(var(--gutter), env(safe-area-inset-right));bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 16px);border-radius:var(--r-pill);background:var(--brand);width:56px;height:56px;color:var(--on-brand);box-shadow:var(--shadow-3);cursor:pointer;transition:transform var(--dur-press) var(--ease-in), background-color var(--dur-press);border:0;place-items:center;padding:0;display:grid;position:fixed}.fab:active{background:color-mix(in srgb, var(--brand) 80%, var(--text));transform:scale(.94)}:root[data-theme=dark] .fab{box-shadow:0 0 0 1px var(--border)}@media (min-width:960px){.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);transition:grid-template-columns var(--dur-content) var(--ease-in);display:grid}.shell[data-rail=collapsed]{grid-template-columns:var(--rail-w-collapsed) minmax(0, 1fr)}.tabbar,.fab,.topbar{display:none}.desk-only{display:inline-flex}.main{width:100%;padding:var(--sp-6) var(--gutter) var(--sp-8)}.rail{gap:var(--sp-4);height:100dvh;padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:var(--sp-3);padding:var(--sp-1) var(--sp-2);min-height:44px;display:flex}.brand-word{font-size:1.375rem}.rail-new{justify-content:flex-start;gap:var(--sp-3);width:100%;padding:0 var(--sp-3);font-size:.9375rem}.rail nav{gap:var(--sp-1);display:grid}.nav-link{justify-content:flex-start;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);flex-direction:row;font-size:.9375rem;font-weight:500}.nav-link:hover{background:var(--press);color:var(--text)}.nav-icon{border-radius:0;width:24px;height:24px;background:0 0!important}.nav-link[data-active=true]{background:var(--brand-tint)}.rail-foot{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-left:var(--sp-2);margin-top:auto;display:flex}.brand-biz{color:var(--text-2);min-width:0;font-size:.8125rem}.shell[data-rail=collapsed] .rail{padding-inline:var(--sp-2);align-items:center}.shell[data-rail=collapsed] .brand-word,.shell[data-rail=collapsed] .rail-text,.shell[data-rail=collapsed] .nav-label,.shell[data-rail=collapsed] .brand-biz{display:none}.shell[data-rail=collapsed] .rail-new,.shell[data-rail=collapsed] .nav-link{justify-content:center;width:44px;padding:0}.shell[data-rail=collapsed] .rail-foot{justify-content:center;margin-top:auto;padding-left:0}}.page{gap:var(--sp-4);align-content:start;display:grid}.page>*,.main>*{min-width:0}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding-top:var(--sp-2);flex-wrap:wrap;display:flex}.page-sub{color:var(--text-2);overflow-wrap:anywhere;margin-top:2px;font-size:.9375rem}.page-actions{gap:var(--sp-2);display:flex}.toolbar{align-items:center;gap:var(--sp-3);display:flex}.toolbar>.btn{flex:none}.range{gap:var(--sp-3);display:grid}.export-note{font-size:.875rem}.two-col{gap:var(--sp-4);display:grid}.about-name{font-size:1.0625rem;font-weight:650}.subnav{gap:var(--sp-1);scrollbar-width:none;border-bottom:1px solid var(--border);margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav a{align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-3);color:var(--text-2);transition:color var(--dur-press);border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;font-weight:500;text-decoration:none;display:inline-flex}.subnav a:hover{color:var(--text)}.subnav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}.splash{place-items:center;min-height:100dvh;display:grid}@media (min-width:720px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.desk-only{display:inline-flex}.tiles{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.subnav{margin:0;padding:0}h1{font-size:1.75rem}}.auth{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.auth-brand{display:none}.auth-main{min-height:100dvh;padding:0 var(--gutter);grid-template-rows:auto 1fr auto;display:grid}.auth-top{padding:max(var(--sp-3), env(safe-area-inset-top)) 0 var(--sp-3);justify-content:flex-end;display:flex}.auth-card{align-self:center;gap:var(--sp-5);width:100%;max-width:26rem;padding-bottom:var(--sp-6);margin:0 auto;display:grid}.auth-mobile-brand{align-items:center;gap:var(--sp-3);display:flex}.auth-word{font-size:1.75rem}.auth-title{gap:var(--sp-2);display:grid}.auth-title h1{font-size:1.75rem}.auth-foot{text-align:center;color:var(--text-2);font-size:.9375rem}.auth-foot a{font-weight:600}.auth-tag{text-align:center;padding:var(--sp-4) 0 max(var(--sp-4), env(safe-area-inset-bottom));color:var(--muted);font-size:.75rem;line-height:1rem}@media (min-width:960px){.auth{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.auth-brand{justify-content:center;gap:var(--sp-7);padding:var(--sp-8);background:var(--brand);color:var(--on-brand);flex-direction:column;display:flex}.auth-brand-head{align-items:center;gap:var(--sp-3);display:flex}.auth-brand .wordmark{color:var(--on-brand)}.auth-brand .wm-i:after{background:#fb923c}.auth-brand .auth-word{font-size:2rem}.auth-pitch{letter-spacing:-.02em;text-wrap:balance;max-width:16ch;font-size:2rem;font-weight:700;line-height:2.5rem}.auth-points{gap:var(--sp-4);font-size:1.0625rem;font-weight:500;display:grid}.auth-points li{align-items:center;gap:var(--sp-3);display:flex}.auth-points span{background:color-mix(in srgb, var(--on-brand) 16%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.auth-mobile-brand{display:none}.auth-main{padding:0 var(--sp-8)}}
