:root{color-scheme:light;--bg: #f5f1ea;--surface: #fffdf9;--surface-strong: #ffffff;--text: #241f1b;--muted: #71685d;--border: #e3dacb;--border-strong: #d5c8b5;--accent: #604b3a;--accent-dark: #4a3a2c;--accent-soft: #efe8e0;--success: #2f6b46;--success-soft: #e8f3ec;--warning: #8a5a12;--warning-soft: #fcf1db;--danger: #a22a22;--danger-soft: #fbe9e6;--info: #2f5f7a;--info-soft: #e8f1f6;--radius: 16px;--shadow: 0 8px 28px rgba(74, 52, 32, .08);--page-max: 780px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% -8%,rgba(96,75,58,.08),transparent 36rem),radial-gradient(circle at 92% 0%,rgba(176,122,42,.07),transparent 30rem),var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}h1{font-size:clamp(1.65rem,6vw,2.15rem);line-height:1.3;letter-spacing:-.015em}h2{font-size:1.12rem;line-height:1.4}h3{font-size:1rem;line-height:1.4}ul,ol{margin:0;padding:0;list-style:none}code{padding:.1em .35em;border-radius:6px;background:#241f1b12;font-size:.88em;overflow-wrap:anywhere}:focus-visible{outline:3px solid rgba(96,75,58,.4);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{margin-bottom:6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:calc(9px + env(safe-area-inset-top)) 14px 9px;background:#fffdf9eb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:9px;min-height:42px;color:var(--text);flex-shrink:0}.brand__logo{display:block;width:28px;height:28px;border-radius:8px;box-shadow:0 4px 10px #604b3a38}.brand__text{font-size:.98rem;font-weight:800;letter-spacing:.04em}.brand__separator{padding:0 1px;color:var(--accent)}.header-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.pill{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.pill--pending{background:var(--warning-soft);border-color:#efd9a9;color:var(--warning)}.pill--offline{background:#eeebe5;border-color:#ddd6ca;color:var(--muted)}.header-user{display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:42px;max-width:154px;padding:2px 4px;border:0;background:transparent;cursor:pointer;text-align:right}.header-user__name{max-width:100%;overflow:hidden;color:var(--text);font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.header-user__action{color:var(--muted);font-size:.7rem;text-decoration:underline;text-underline-offset:2px}.app-main{flex:1;width:100%}.app-footer{padding:24px 16px calc(28px + env(safe-area-inset-bottom));color:var(--muted);font-size:.76rem;text-align:center}.app-footer p+p{margin-top:2px}.app-alert{width:100%;max-width:var(--page-max);margin:10px auto 0;flex-direction:row;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border:1px solid transparent;border-radius:12px;font-size:1rem;font-weight:750;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #604b3a38}.btn--secondary{background:var(--surface-strong);border-color:var(--border-strong);color:var(--text)}.btn--ghost{background:transparent;color:var(--muted)}.btn--danger{background:var(--surface-strong);border-color:#e7b6b0;color:var(--danger)}.btn--large{min-height:56px;font-size:1.06rem}.btn--block{width:100%}.btn--grow{flex:1;min-width:0}.btn--small{min-height:40px;padding:7px 13px;font-size:.88rem}@media (hover: hover){.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--secondary:hover:not(:disabled){background:#faf6ef;border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled){background:#241f1b0d}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.field{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:700}.field input,.field textarea{width:100%;min-height:52px;padding:13px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-strong);color:var(--text);font-size:16px;font-weight:500;line-height:1.4}.field textarea{min-height:74px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:3px solid rgba(96,75,58,.13)}.field input::placeholder,.field textarea::placeholder{color:#a79c8e}.form-error{margin:10px 0;color:var(--danger);font-size:.88rem;font-weight:650}.form-success{margin:10px 0;color:var(--success);font-size:.88rem;font-weight:650}.alert{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:12px 14px;border:1px solid transparent;border-radius:14px;font-size:.9rem}.alert--error{background:var(--danger-soft);border-color:#f0c9c3;color:var(--danger)}.alert--warning{background:var(--warning-soft);border-color:#efd9a9;color:var(--warning)}.alert--success{background:var(--success-soft);border-color:#c6e0d0;color:var(--success)}.alert--info{background:var(--info-soft);border-color:#c8dde8;color:var(--info)}.alert__close{flex-shrink:0;width:34px;height:34px;border:0;border-radius:50%;background:#fff9;color:inherit;font-size:.9rem;cursor:pointer}.centered-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:55dvh;padding:24px 18px;color:var(--muted)}.state-card{width:100%;max-width:420px;padding:22px}.state-card h1{margin-bottom:10px;color:var(--text);font-size:1.42rem}.state-card .btn{margin-top:18px}.spinner{width:34px;height:34px;border:3px solid rgba(96,75,58,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-line{margin:12px 0;color:var(--muted);font-size:.9rem}.login-page{display:flex;flex-direction:column;justify-content:center;gap:26px;width:100%;max-width:470px;min-height:100dvh;margin:0 auto;padding:calc(30px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.login-hero{padding:6px 4px}.login-logo{display:flex;justify-content:center;margin:2px auto 14px}.login-logo img{display:block;width:112px;height:112px;border-radius:24px;box-shadow:0 10px 24px #604b3a29}.login-hero h1{max-width:12em}.login-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:18px;border-radius:20px;background:var(--accent);color:#fff;font-size:2rem;box-shadow:0 12px 26px #604b3a3d}.login-lead{max-width:30em;margin-top:10px;color:var(--muted);font-size:.95rem}.login-card{padding:20px}.login-card h2{margin-bottom:4px;font-size:1.2rem}.login-card>.muted{margin-bottom:16px;font-size:.88rem}.login-form{display:flex;flex-direction:column;gap:14px}.login-hint{margin-top:16px;font-size:.78rem}.login-actions-row{display:flex;justify-content:flex-end;margin-top:-6px}.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 6px;border:0;background:transparent;color:var(--accent);font-size:.88rem;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:disabled{opacity:.55;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:2px 0;color:var(--muted);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:18px 15px 96px}.page--with-actions{padding-bottom:110px}.page--with-actions.has-sticky-actions{padding-bottom:168px}.page-heading{margin-bottom:20px}.page-heading h1{margin-bottom:6px}.back-link{display:inline-flex;align-items:center;min-height:40px;margin:-6px 0 10px;color:var(--muted);font-size:.86rem;font-weight:650}.section{margin-bottom:26px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading .muted{font-size:.8rem}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.8rem}.inline-note{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:#b07a2a14;color:var(--warning);font-size:.84rem;font-weight:600}.center-note{margin-top:10px;font-size:.78rem;text-align:center}.back-link+.page-heading{margin-top:2px}.card{padding:15px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.card-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.empty-card{margin-bottom:14px;padding:18px 16px;color:var(--muted);font-size:.9rem;text-align:center}.empty-card p+p{margin-top:4px;font-size:.82rem}.empty-card h1{margin-bottom:8px;color:var(--text);font-size:1.4rem}.empty-card .btn{margin-top:14px}.start-button{margin-top:4px}.store-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:9px}.store-chip{display:grid;gap:1px;min-height:76px;padding:11px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.store-chip.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.store-chip__code{font-size:1.12rem;font-weight:850;letter-spacing:.04em}.store-chip__name{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.store-chip__role{color:var(--muted);font-size:.7rem;font-weight:700}.stocktake-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem}.stocktake-card__meta{margin-top:8px;color:var(--muted);font-size:.84rem}.stocktake-card__actions{display:flex;gap:9px;margin-top:12px}.stocktake-card__actions .btn{flex:1}.badge{display:inline-flex;align-items:center;min-height:25px;padding:2px 10px;border:1px solid transparent;border-radius:999px;font-size:.73rem;font-weight:800;white-space:nowrap}.badge--draft{background:#efebe4;border-color:#ddd5c7;color:#675d50}.badge--in_progress{background:var(--warning-soft);border-color:#efd9a9;color:var(--warning)}.badge--posted{background:var(--success-soft);border-color:#c6e0d0;color:var(--success)}.badge--cancelled{background:var(--danger-soft);border-color:#f0c9c3;color:var(--danger)}.progress-card{margin-bottom:15px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.progress-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:.9rem}.progress-card__top strong{color:var(--accent);font-size:1.12rem}.progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#ece4d8}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8a7159);transition:width .3s ease}.progress-card .muted{margin-top:7px;font-size:.78rem}.search-box{display:flex;align-items:center;gap:7px;margin-bottom:18px;padding:0 12px;border:1px solid var(--border-strong);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #604b3a1c}.search-box__icon{flex-shrink:0;color:var(--muted);font-size:1.16rem;line-height:1}.search-box input{flex:1;min-width:0;min-height:50px;padding:11px 0;border:0;outline:none;background:transparent;font-size:16px}.search-box input::-webkit-search-cancel-button{display:none}.search-box__clear{flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:#f0eae1;color:var(--muted);font-size:.8rem;cursor:pointer}.zone-group{margin-bottom:22px}.zone-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 8px}.zone-heading h2{display:flex;align-items:center;gap:8px;font-size:1.02rem}.zone-heading .muted{font-size:.76rem}.zone-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.zone-dot--chilled{background:#2f83b4;box-shadow:0 0 0 3px #2f83b424}.zone-dot--frozen{background:#4c5fbf;box-shadow:0 0 0 3px #4c5fbf24}.zone-dot--ambient{background:#ad7a2c;box-shadow:0 0 0 3px #ad7a2c24}.item-list{display:flex;flex-direction:column;gap:7px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:72px;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:0 2px 8px #4a342008;transition:border-color .15s ease,background-color .15s ease}.item-row.is-counted{border-color:#cfe2d5;background:#fbfefc;box-shadow:inset 3px 0 0 var(--success)}.item-row:active:not(:disabled){background:#f7f2ea}.item-row:disabled{cursor:default;opacity:1}.item-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.item-row__name{font-weight:750;line-height:1.35;overflow-wrap:anywhere}.item-row__meta{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}.item-row__notes{margin-top:2px;color:var(--warning);font-size:.76rem;overflow-wrap:anywhere}.item-row__qty{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;min-width:58px}.item-row__value{font-size:1.35rem;font-weight:850;font-variant-numeric:tabular-nums;line-height:1.15}.item-row.is-counted .item-row__value{color:var(--success)}.item-row__unit{color:var(--muted);font-size:.7rem;font-weight:650}.item-row__hint{margin-top:3px;color:var(--accent);font-size:.7rem;font-weight:800}.count-pill{padding:2px 9px;border-radius:999px;background:#eee9e0;color:var(--muted);font-size:.75rem;font-weight:800}.count-pill--warn{background:var(--warning-soft);color:var(--warning)}.sticky-actions{position:fixed;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px max(15px,calc((100vw - var(--page-max)) / 2)) calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#f5f1eaf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-actions .btn{min-width:0}.sticky-actions .btn--grow{flex:1}.missing-group{margin-bottom:16px}.missing-group__title{display:flex;align-items:center;gap:8px;margin:0 2px 7px;font-size:.92rem}.missing-list{display:flex;flex-direction:column;gap:6px}.missing-item{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:11px;background:#fffdf999}.missing-item__name{font-size:.92rem;font-weight:700}.missing-item__meta{color:var(--muted);font-size:.74rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.summary-card{display:flex;flex-direction:column;gap:2px;min-height:76px;padding:11px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 3px 10px #4a34200a}.summary-card span{color:var(--muted);font-size:.72rem;font-weight:650}.summary-card strong{font-size:1.26rem;font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}.variance-list{display:flex;flex-direction:column;gap:7px}.variance-row{padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.variance-row.has-difference{border-color:#e9ceb0;background:#fffcf4;box-shadow:inset 3px 0 0 var(--warning)}.variance-row__main{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.variance-row__name{font-weight:750;overflow-wrap:anywhere}.variance-row__meta{color:var(--muted);font-size:.74rem}.variance-row__numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.variance-row__numbers>div{padding:6px 8px;border-radius:9px;background:#f6f1e8}.variance-row__numbers dt{color:var(--muted);font-size:.68rem;font-weight:650}.variance-row__numbers dd{font-size:.98rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}.variance-value{color:var(--warning)}.variance-row__cost{margin-top:7px;color:var(--muted);font-size:.74rem;text-align:right}.history-card{display:flex;flex-direction:column;gap:9px}.history-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem}.history-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.history-card__meta>div{padding:6px 9px;border-radius:9px;background:#f7f2ea}.history-card__meta dt{color:var(--muted);font-size:.68rem}.history-card__meta dd{font-size:.78rem;font-weight:650}.history-card .btn{align-self:flex-start}.low-stock-list{display:flex;flex-direction:column;gap:8px}.low-stock-row{padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 3px 10px #4a34200a}.low-stock-row__main{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px}.low-stock-row__name{font-weight:750;overflow-wrap:anywhere}.stock-status{flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:.68rem;font-weight:800;white-space:nowrap}.stock-status--out_of_stock{background:var(--danger-soft);color:var(--danger)}.stock-status--below_safety_stock{background:var(--warning-soft);color:var(--warning)}.stock-status--below_reorder_point{background:var(--info-soft);color:var(--info)}.low-stock-row__numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.low-stock-row__numbers>div{padding:6px 9px;border-radius:9px;background:#f7f2ea}.low-stock-row__numbers dt{color:var(--muted);font-size:.68rem}.low-stock-row__numbers dd{font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#241f1b7a;animation:fade-in .16s ease-out}.number-sheet{width:100%;max-width:520px;max-height:94dvh;overflow-y:auto;padding:18px 17px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface);box-shadow:0 -12px 44px #241f1b3d;animation:slide-up .2s ease-out}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-header h2{font-size:1.12rem;overflow-wrap:anywhere}.sheet-header .eyebrow{margin-bottom:2px}.icon-button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface-strong);color:var(--muted);font-size:.95rem;cursor:pointer}.qty-display{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:90px;margin:11px 0;padding:10px 15px;border:1px solid #e2d6c8;border-radius:14px;background:#faf7f2;overflow:hidden}.qty-display__value{font-size:clamp(2.3rem,12vw,3.3rem);font-weight:850;font-variant-numeric:tabular-nums;line-height:1.08;overflow-wrap:anywhere}.qty-display__unit{flex-shrink:0;color:var(--muted);font-weight:750}.number-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.number-pad__key{min-height:56px;border:1px solid var(--border);border-radius:12px;background:var(--surface-strong);color:var(--text);font-size:1.35rem;font-weight:750;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.number-pad__key:active:not(:disabled){background:var(--accent-soft)}.number-pad__key:disabled{opacity:.5}.sheet-actions{display:flex;gap:8px;margin-bottom:13px}.sheet-actions .btn{min-height:52px}.sheet-actions .btn--ghost{flex:0 0 32%;border:1px solid var(--border)}.number-sheet .field{margin-top:2px}@keyframes slide-up{0%{transform:translateY(16px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width: 640px){.app-header{padding-right:24px;padding-left:24px}.page{padding:26px 24px 100px}.page--with-actions.has-sticky-actions{padding-bottom:154px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-chips{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}.sheet-backdrop{align-items:center;padding:24px}.number-sheet{border-radius:22px;padding-bottom:20px}.variance-row{padding:14px 15px}.variance-row__numbers dd{font-size:1.08rem}}@media (max-width: 380px){.brand__text{font-size:.88rem}.header-user__name{display:none}.header-user{min-width:44px}.sticky-actions{gap:7px;padding-right:10px;padding-left:10px}.sticky-actions .btn{padding-right:12px;padding-left:12px;font-size:.92rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}