:root{--surface-100: #f8ecd6;--surface-200: #fffaf1;--surface-300: #f1dfbf;--ink: #572c14;--ink-muted: #7a5034;--amber: #f0891a;--honey: #f2a43a;--on-amber: #572c14;--amber-text: #a8530a;--line: #e6d0aa;--line-strong: #9a6e4b;--focus: #572c14;--success: #2f6b2f;--success-soft: #e3eccd;--danger: #b3261e;--danger-soft: #f8dccf;--shadow-card: 0 1px 2px rgba(87, 44, 20, .1), 0 4px 12px rgba(87, 44, 20, .08);--shadow-sheet: 0 -4px 24px rgba(87, 44, 20, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--tap-min: 48px;--fab: 56px;--bar-height: 64px;--font-display: "Mali", "IBM Plex Sans Thai", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--surface-100: #1f150e;--surface-200: #2a1d14;--surface-300: #382819;--ink: #f8ecd6;--ink-muted: #cdb291;--amber: #f59a33;--honey: #d98f2e;--on-amber: #1f150e;--amber-text: #f5a54a;--line: #3e2c1e;--line-strong: #8a6a4c;--focus: #f59a33;--success: #86c47c;--success-soft: #22301d;--danger: #f0938a;--danger-soft: #3d1f18;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sheet: 0 -4px 24px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-100);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:24px;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.display{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:700;margin:0}.title{font-family:var(--font-display);font-size:20px;line-height:26px;font-weight:600;margin:0}.heading{font-size:17px;line-height:24px;font-weight:600}.label{font-size:14px;line-height:20px;font-weight:500}.caption{font-size:13px;line-height:18px;color:var(--ink-muted)}.count{font-size:24px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.app{min-height:100dvh;padding-bottom:calc(var(--bar-height) + env(safe-area-inset-bottom) + var(--space-6))}.screen{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--fab) + var(--space-4))}.screen-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.screen-head img{width:40px;height:40px;border-radius:var(--radius-sm)}.screen-head .grow{flex:1;min-width:0}.section{margin-top:var(--space-6)}.section>.title{margin-bottom:var(--space-3)}.banner{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.banner.offline{background:var(--surface-300)}.banner.error{background:var(--danger-soft);color:var(--danger)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;background:var(--surface-200);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{display:flex;width:100%;max-width:640px}.tab{flex:1;min-height:var(--bar-height);border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}.tab[aria-current=page]{color:var(--ink)}.tab[aria-current=page] .tab-icon{background:var(--amber);color:var(--on-amber)}.tab-icon{display:grid;place-items:center;width:52px;height:28px;border-radius:var(--radius-pill)}.btn{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-200);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:15px;font-weight:600}.btn.primary{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.btn.block{width:100%}.btn.small{min-height:40px;padding:0 var(--space-3);font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.fab{position:fixed;right:max(var(--space-4),calc(50% - 320px + var(--space-4)));bottom:calc(var(--bar-height) + env(safe-area-inset-bottom) + var(--space-4));z-index:11;width:var(--fab);height:var(--fab);border-radius:var(--radius-pill);border:0;cursor:pointer;background:var(--amber);color:var(--on-amber);box-shadow:var(--shadow-card);display:grid;place-items:center}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field>span{font-size:14px;line-height:20px;font-weight:500}.input,select.input,textarea.input{min-height:var(--tap-min);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-200);font-size:16px}textarea.input{min-height:80px;resize:vertical}.search{background:var(--surface-300);border-color:transparent}.row-inline{display:flex;gap:var(--space-3)}.row-inline>*{flex:1;min-width:0}.pills{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0;scrollbar-width:none}.pill{flex:none;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:0;cursor:pointer;background:var(--surface-300);font-size:14px;font-weight:500;white-space:nowrap}.pill[aria-pressed=true]{background:var(--amber);color:var(--on-amber)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:13px;line-height:18px;font-weight:500;white-space:nowrap}.chip.ok{background:var(--success-soft);color:var(--success)}.chip.low{background:var(--honey);color:var(--on-amber)}.chip.out{background:var(--danger-soft);color:var(--danger)}.chip.neutral{background:var(--surface-300);color:var(--ink)}.card{background:var(--surface-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;min-height:64px;padding:var(--space-3) var(--space-4);border:0;background:transparent;cursor:pointer}.row+.row{border-top:1px solid var(--line)}.row .grow{flex:1;min-width:0}.row .end{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.row-static{cursor:default}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--ink-muted)}.stepper{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-300);border-radius:var(--radius-pill);padding:var(--space-1)}.stepper button{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);border:0;background:var(--surface-200);cursor:pointer;display:grid;place-items:center}.stepper input{flex:1;min-width:0;border:0;background:transparent;text-align:center;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.segmented{display:flex;background:var(--surface-300);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-4)}.segmented button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;cursor:pointer;font-size:14px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface-200);box-shadow:var(--shadow-card);font-weight:600}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f150e73;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:92dvh;overflow-y:auto;background:var(--surface-200);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line-strong);margin:0 auto var(--space-3);opacity:.5}.sheet-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.sheet-head .grow{flex:1;min-width:0}.sheet-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.sheet-actions>*{flex:1}.toast{position:fixed;left:50%;transform:translate(-50%);z-index:30;bottom:calc(var(--bar-height) + env(safe-area-inset-bottom) + var(--space-4));background:var(--ink);color:var(--surface-100);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:14px;display:flex;gap:var(--space-3);align-items:center;max-width:calc(100% - 32px)}.toast button{background:none;border:0;color:var(--amber);font-weight:600;cursor:pointer;min-height:32px}.auth{max-width:400px;margin:0 auto;padding:var(--space-8) var(--space-4)}.auth img{display:block;width:220px;max-width:70%;margin:0 auto var(--space-6)}.center{text-align:center}.link{background:none;border:0;color:var(--amber-text);font-weight:600;cursor:pointer;text-decoration:underline;min-height:var(--tap-min)}.bar-track{height:8px;background:var(--surface-300);border-radius:var(--radius-pill);overflow:hidden;margin-top:var(--space-1)}.bar-fill{height:100%;background:var(--amber);border-radius:var(--radius-pill)}.bar-fill.waste{background:var(--danger)}.delta-in{color:var(--success)}.delta-out{color:var(--danger)}.struck{text-decoration:line-through;opacity:.6}