@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f5f2;--surface:#fff;--ink:#18203a;--muted:#5b6378;--line:#dde1e7;--navy:#1d2d63;--cobalt:#2443b0;--focus:#2443b0;--plaque-ok:#1d2d63;--plaque-ok-ink:#fff;--plaque-soon:#e3a417;--plaque-soon-ink:#1d2d63;--plaque-expired:#c0392b;--plaque-expired-ink:#fff;--plaque-none:#e5e8ed;--plaque-none-ink:#5b6378;--good:#2e7a47;--danger:#b4321f;--backdrop:#1118306b;--radius-s:8px;--radius-m:12px;--radius-l:22px;--font:"Familjen Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1630;--surface:#182143;--ink:#eaedf6;--muted:#9ba4bf;--line:#29345c;--navy:#c9d4ff;--cobalt:#8ea4ff;--focus:#8ea4ff;--plaque-ok:#2f4699;--plaque-none:#222c52;--plaque-none-ink:#9ba4bf;--good:#5cbf7c;--danger:#f0735f;--backdrop:#04071299;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1630;--surface:#182143;--ink:#eaedf6;--muted:#9ba4bf;--line:#29345c;--navy:#c9d4ff;--cobalt:#8ea4ff;--focus:#8ea4ff;--plaque-ok:#2f4699;--plaque-none:#222c52;--plaque-none-ink:#9ba4bf;--good:#5cbf7c;--danger:#f0735f;--backdrop:#04071299;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-feature-settings:"tnum" 0;margin:0;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.pad{padding:24px 0}.app{max-width:560px;padding-block:max(16px, env(safe-area-inset-top,0px)) calc(110px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.top{gap:14px;padding-bottom:6px;display:grid}.top-line{justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-.025em;color:var(--navy);font-size:36px;font-weight:720;line-height:1.05}.top-actions{gap:4px;display:flex}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:var(--line)}.summary{max-width:34ch;font-size:18px;line-height:1.35}.places{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.places::-webkit-scrollbar{display:none}.place{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:560;display:inline-flex}.place-count{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}.place[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--bg)}.place[aria-pressed=true] .place-count{color:inherit;opacity:.75}.search{border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface);width:100%;height:46px;padding:0 14px;font-size:16px}.list-wrap{gap:26px;padding-top:18px;display:grid}.group-title{color:var(--muted);padding-bottom:4px;font-size:15px;font-weight:640}.group--expired .group-title{color:var(--danger)}.items{margin:0;padding:0;list-style:none}.items li+li .item{border-top:1px solid var(--line)}.item{text-align:left;background:0 0;border:0;grid-template-columns:58px 1fr;align-items:center;gap:14px;width:100%;padding:11px 0;display:grid}.item:active .item-name{color:var(--cobalt)}.item-text{gap:1px;min-width:0;display:grid}.item-name{overflow-wrap:anywhere;font-size:17px;font-weight:580;line-height:1.3}.item-qty{color:var(--muted);font-weight:450}.item-meta{color:var(--muted);font-size:14px}.group--expired .item-meta{color:var(--danger)}.plaque{--p-bg:var(--plaque-ok);--p-ink:var(--plaque-ok-ink);background:var(--p-bg);width:58px;height:58px;color:var(--p-ink);box-shadow:inset 0 0 0 3px var(--p-bg), inset 0 0 0 4.5px color-mix(in srgb, var(--p-ink) 85%, transparent);font-variant-numeric:tabular-nums;border-radius:11px;place-content:center;justify-items:center;line-height:1;display:grid}.plaque-big{letter-spacing:-.02em;font-size:22px;font-weight:760}.plaque-small{opacity:.9;margin-top:3px;font-size:11px;font-weight:560}.plaque--soon{--p-bg:var(--plaque-soon);--p-ink:var(--plaque-soon-ink)}.plaque--expired{--p-bg:var(--plaque-expired);--p-ink:var(--plaque-expired-ink)}.plaque--none{--p-bg:var(--plaque-none);--p-ink:var(--plaque-none-ink);box-shadow:none}.plaque--none .plaque-small{font-size:10px}.empty{justify-items:start;gap:10px;max-width:40ch;padding:28px 0;display:grid}.empty-title{font-size:22px;font-weight:650;line-height:1.25}.empty .btn{margin-top:8px}.notice{border-radius:var(--radius-m);background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.btn{border-radius:var(--radius-m);border:1.5px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:16px;font-weight:620;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--navy);color:var(--bg)}.btn-good{background:var(--good);color:#fff}.btn-quiet{border-color:var(--line);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-small{min-height:38px;padding:0 14px;font-size:15px}.row-gap{flex-wrap:wrap;gap:10px;display:flex}.link-danger{color:var(--danger);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:15px;text-decoration:underline}.fab{right:max(calc(16px + env(safe-area-inset-right,0px)), calc((100vw - 560px) / 2 + 16px));bottom:calc(18px + env(safe-area-inset-bottom));background:var(--navy);height:56px;color:var(--bg);box-shadow:0 6px 18px color-mix(in srgb, var(--navy) 35%, transparent);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:17px;font-weight:650;display:inline-flex;position:fixed}.toast{left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(86px + env(safe-area-inset-bottom));border-radius:var(--radius-m);background:var(--ink);max-width:528px;color:var(--bg);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 8px 12px 16px;font-size:15px;animation:.18s ease-out toast-in;display:flex;position:fixed}.toast button{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:6px 10px;font-weight:700;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.sheet{width:100%;max-width:560px;max-height:100dvh;color:var(--ink);background:0 0;border:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:var(--backdrop)}.sheet[open] .sheet-panel{animation:.22s cubic-bezier(.2,.8,.2,1) sheet-up}@keyframes sheet-up{0%{opacity:.4;transform:translateY(40px)}}.sheet-panel{background:var(--surface);border-radius:var(--radius-l) var(--radius-l) 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.sheet-grip{background:var(--line);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-head{justify-content:space-between;align-items:center;padding:8px 8px 4px 20px;display:flex}.sheet-head h2{letter-spacing:-.01em;font-size:21px;font-weight:680}.sheet-body{gap:18px;padding:8px 20px 20px;display:grid;overflow-y:auto}.sheet-foot{border-top:1px solid var(--line);padding:12px 20px 16px}.form{gap:18px;display:grid}.field{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.field-label{padding:0;font-size:15px;font-weight:620}.field input:not([type=radio]),.field textarea,.field select,.unit-input{border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--bg);width:100%;min-height:48px;padding:10px 13px;font-size:16px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.unit-input:focus{border-color:var(--cobalt);outline:none}.segmented{border-radius:var(--radius-m);background:var(--bg);border:1.5px solid var(--line);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented-opt{position:relative}.segmented-opt input{opacity:0;position:absolute;inset:0}.segmented-opt span{border-radius:var(--radius-s);place-items:center;min-height:42px;font-size:15px;font-weight:580;display:grid}.segmented-opt input:checked+span{background:var(--navy);color:var(--bg)}.segmented-opt input:focus-visible+span{outline:2.5px solid var(--focus);outline-offset:1px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:0 0;border-radius:999px;min-height:38px;padding:0 13px;font-size:15px;font-weight:540}.chip[aria-pressed=true]{border-color:var(--navy);background:color-mix(in srgb, var(--navy) 10%, transparent);color:var(--navy);font-weight:650}.date-row{grid-template-columns:minmax(0,11em) 1fr;align-items:center;gap:12px;display:grid}.date-hint{color:var(--muted);font-size:14px}.qty-row{grid-template-columns:auto 1fr;gap:10px;display:grid}.stepper{border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--bg);grid-template-columns:44px 64px 44px;display:grid;overflow:hidden}.stepper button{background:0 0;border:0;font-size:22px;font-weight:500}.stepper button:active{background:var(--line)}.stepper input{text-align:center;font-variant-numeric:tabular-nums;min-width:0;background:0 0!important;border:0!important;padding:0!important}.form-error{color:var(--danger);font-weight:560}.item-actions{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.item-actions-title{font-size:15px;font-weight:620}.item-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.item-actions .link-danger{justify-self:start}.confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.settings-block{gap:10px;display:grid}.settings-block+.settings-block{border-top:1px solid var(--line);padding-top:18px}.settings-block h3{font-size:17px;font-weight:660}.setting-line{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.setting-line select{border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--bg);min-height:44px;padding:0 10px;font-size:16px}.history{margin:0;padding:0;list-style:none}.history li{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.history li+li{border-top:1px solid var(--line)}.history-name{font-weight:580;display:block}.history-meta{color:var(--muted);font-size:14px;display:block}.login{align-content:center;gap:18px;max-width:380px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:grid}.login-icon{border-radius:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scan-cta{border:1.5px dashed color-mix(in srgb, var(--navy) 45%, transparent);border-radius:var(--radius-m);background:color-mix(in srgb, var(--navy) 6%, transparent);width:100%;color:var(--navy);text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px;display:grid}.scan-cta:active{background:color-mix(in srgb, var(--navy) 12%, transparent)}.scan-cta-title{font-size:17px;font-weight:650;display:block}.scan-cta-sub{color:var(--muted);font-size:14px;display:block}.product-card{border-radius:var(--radius-m);background:var(--bg);border:1.5px solid var(--line);grid-template-columns:56px 1fr;align-items:center;gap:4px 12px;padding:12px;display:grid}.product-thumb{border-radius:var(--radius-s);object-fit:contain;background:#fff;width:56px;height:56px}.product-thumb--empty{background:repeating-linear-gradient(90deg, var(--line) 0 2px, transparent 2px 5px, var(--line) 5px 6px, transparent 6px 9px);opacity:.8;display:block}.product-text{gap:1px;min-width:0;display:grid}.product-name{overflow-wrap:anywhere;font-weight:620}.product-brand{color:var(--muted);font-weight:450}.product-meta{color:var(--muted);font-size:14px}.product-code{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.product-actions{grid-column:2;gap:16px;display:flex}.link-quiet{color:var(--cobalt);background:0 0;border:0;padding:6px 0;font-size:15px;font-weight:560}.date-note{color:var(--good);font-size:14px;font-weight:540}.scanner{color:#f2f4fa;background:#05070f;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.scanner::backdrop{background:#05070f}.scanner-inner{height:100%;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:1fr auto auto;display:grid}.scanner-stage{place-items:center;display:grid;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{aspect-ratio:16/9;border:3px solid #ffffffeb;border-radius:18px;width:min(78vw,340px);max-width:100%;position:relative;box-shadow:0 0 0 100vmax #05070f8c}.scanner-line{background:#e3a417;height:2px;animation:1.8s ease-in-out infinite alternate scan-sweep;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 10px #e3a417}@keyframes scan-sweep{0%{transform:translateY(-38px)}to{transform:translateY(38px)}}.scanner-hint{text-align:center;font-size:16px;font-weight:560;position:absolute;bottom:18px;left:16px;right:16px}.scanner-error{text-align:center;max-width:32ch;padding:0 16px;font-size:17px;line-height:1.4;position:relative}.scanner-bar{justify-content:space-between;gap:10px;padding:12px 16px 4px;display:flex}.scanner-btn{min-height:44px;color:inherit;background:0 0;border:1.5px solid #ffffff59;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}.scanner-btn[aria-pressed=true]{color:#1d2d63;background:#e3a417;border-color:#e3a417}.scanner-btn--solid{color:#1d2d63;background:#f2f4fa;border-color:#f2f4fa}.scanner-manual{gap:6px;padding:10px 16px 18px;display:grid}.scanner-manual label{color:#f2f4fabf;font-size:14px}.scanner-manual-row{grid-template-columns:1fr auto;gap:8px;display:grid}.scanner-manual input{border-radius:var(--radius-s);min-width:0;min-height:46px;color:inherit;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#ffffff14;border:1.5px solid #ffffff4d;padding:0 14px;font-size:17px}.scanner-manual-error{color:#ffb4a6;font-size:14px}