:root{--bg:#eef1f5;--surface:#fff;--surface-2:#f7f9fb;--border:#dfe4ea;--border-strong:#c8d0da;--text:#16202c;--muted:#6b7684;--accent:#2563eb;--accent-soft:#e8effd;--danger:#dc2626;--success:#16a34a;--warn:#d97706;--radius:.75rem;--radius-sm:.5rem;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 16px #10182814;--tap:48px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1017;--surface:#161b23;--surface-2:#1c222c;--border:#2a3240;--border-strong:#3a4453;--text:#e7ebf0;--muted:#94a1b2;--accent:#4d8bff;--accent-soft:#17253f;--danger:#f87171;--success:#4ade80;--warn:#fbbf24;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 16px #00000073}}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0}input,select,textarea{min-height:var(--tap);font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 .75rem;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input::placeholder{color:var(--muted)}button{font:inherit;cursor:pointer}.page.svelte-3z0wmw{place-items:center;min-height:100dvh;padding:1rem;display:grid}.card.svelte-3z0wmw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:23rem;box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:2rem 1.5rem;display:flex}.brand.svelte-3z0wmw{flex-direction:column;align-items:center;gap:.5rem;display:flex}.logo.svelte-3z0wmw{background:var(--accent);color:#fff;border-radius:.7rem;place-items:center;width:48px;height:48px;font-size:1.05rem;font-weight:800;display:grid}h1.svelte-3z0wmw{margin:0;font-size:1.5rem}.thin.svelte-3z0wmw{color:var(--muted);font-weight:400}.subtitle.svelte-3z0wmw{color:var(--muted);margin:0;font-size:.9rem}label.svelte-3z0wmw{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.88rem;display:flex}button.svelte-3z0wmw{border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:none;min-height:52px;font-size:1.05rem;font-weight:600}button.svelte-3z0wmw:disabled{opacity:.6;cursor:wait}.error.svelte-3z0wmw{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);text-align:center;margin:0;padding:.6rem .85rem;font-size:.9rem}.hint.svelte-3z0wmw{text-align:center;color:var(--muted);margin:0;font-size:.82rem}.panel.svelte-1bdk4iw{background:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex}header.svelte-1bdk4iw{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}h2.svelte-1bdk4iw{margin:0;font-size:1.05rem}.sub.svelte-1bdk4iw{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:22ch;margin:.15rem 0 0;font-size:.85rem;overflow:hidden}form.svelte-1bdk4iw{flex-direction:column;flex:1;min-height:0;display:flex}.body.svelte-1bdk4iw{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}fieldset.svelte-1bdk4iw{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:.9rem;display:flex}legend.svelte-1bdk4iw{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 .4rem;font-size:.78rem;font-weight:700}label.svelte-1bdk4iw{color:var(--muted);flex-direction:column;gap:.3rem;min-width:0;font-size:.88rem;display:flex}label.check.svelte-1bdk4iw{color:inherit;flex-direction:row;align-items:center;gap:.55rem;font-size:.95rem}label.check.svelte-1bdk4iw input:where(.svelte-1bdk4iw){width:1.3rem;height:1.3rem;min-height:auto}input.big.svelte-1bdk4iw{font-size:1.2rem;font-weight:700}.row.svelte-1bdk4iw{align-items:flex-end;gap:.55rem;display:flex}.grow.svelte-1bdk4iw{flex:1;min-width:0}.req.svelte-1bdk4iw{color:var(--danger)}button.primary.svelte-1bdk4iw,button.outline.svelte-1bdk4iw,button.ghost.svelte-1bdk4iw{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid #0000;padding:0 1rem;font-size:.98rem;font-weight:600}button.primary.svelte-1bdk4iw{background:var(--accent);color:#fff}button.outline.svelte-1bdk4iw{color:inherit;border-color:var(--border-strong);background:0 0}button.ghost.svelte-1bdk4iw{background:var(--accent-soft);color:var(--accent);white-space:nowrap;padding:0 .7rem;font-size:.85rem}button.icon.svelte-1bdk4iw{min-height:36px;color:var(--muted);background:0 0;border:none;padding:0 .6rem;font-size:1.05rem}button.svelte-1bdk4iw:disabled{opacity:.55}.summary.svelte-1bdk4iw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:1.25rem;padding:.6rem .75rem;display:flex}.summary.svelte-1bdk4iw>div:where(.svelte-1bdk4iw){flex-direction:column;display:flex}.summary.svelte-1bdk4iw .k:where(.svelte-1bdk4iw){color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.summary.svelte-1bdk4iw strong:where(.svelte-1bdk4iw){font-size:1.05rem}.summary.svelte-1bdk4iw em:where(.svelte-1bdk4iw){font-size:.85rem;font-style:normal;font-weight:500}.up.svelte-1bdk4iw{color:var(--success)}.down.svelte-1bdk4iw{color:var(--danger)}.cost-form.svelte-1bdk4iw{flex-direction:column;gap:.55rem;display:flex}.history.svelte-1bdk4iw{border-top:1px dashed var(--border-strong);flex-direction:column;gap:.35rem;margin:0;padding:.7rem 0 0;list-style:none;display:flex}.history.svelte-1bdk4iw li:where(.svelte-1bdk4iw){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.88rem;display:flex}.h-main.svelte-1bdk4iw{align-items:baseline;gap:.45rem;min-width:0;display:flex}.sup.svelte-1bdk4iw{color:var(--muted);font-size:.85rem}.qty.svelte-1bdk4iw{color:var(--success);font-size:.85rem;font-weight:700}.h-meta.svelte-1bdk4iw{color:var(--muted);align-items:center;gap:.55rem;min-width:0;font-size:.78rem;display:flex}.note.svelte-1bdk4iw{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-style:italic;overflow:hidden}.del.svelte-1bdk4iw{min-height:30px;color:var(--muted);background:0 0;border:none;padding:0 .4rem;font-size:.85rem}.hint.svelte-1bdk4iw{color:var(--muted);margin:0;font-size:.78rem}footer.svelte-1bdk4iw{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.error.svelte-1bdk4iw,.ok.svelte-1bdk4iw{border-radius:var(--radius-sm);margin:0;padding:.55rem .75rem;font-size:.88rem}.error.svelte-1bdk4iw{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.ok.svelte-1bdk4iw{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.actions.svelte-1bdk4iw{gap:.55rem;display:flex}.actions.svelte-1bdk4iw button:where(.svelte-1bdk4iw){flex:1}.layout.svelte-wk1q8b{grid-template-columns:60fr 40fr;gap:.85rem;height:100%;min-height:0;padding:.85rem;display:grid}.pane.svelte-wk1q8b{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.work.svelte-wk1q8b{padding:0}@media (width<=56rem){.layout.svelte-wk1q8b{grid-template-columns:1fr}.work.svelte-wk1q8b{z-index:20;border-radius:0;display:none;position:fixed;inset:0}.layout.working.svelte-wk1q8b .work:where(.svelte-wk1q8b){display:flex}}.pane-head.svelte-wk1q8b{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.titles.svelte-wk1q8b{min-width:0}h2.svelte-wk1q8b{margin:0;font-size:1.05rem}.stats.svelte-wk1q8b{color:var(--muted);margin:.15rem 0 0;font-size:.8rem}.dot.svelte-wk1q8b{opacity:.6;margin:0 .3rem}.warn.svelte-wk1q8b{color:var(--warn);font-weight:600}.search.svelte-wk1q8b{border-bottom:1px solid var(--border);padding:.7rem 1rem;position:relative}.search.svelte-wk1q8b input:where(.svelte-wk1q8b){width:100%}.clear.svelte-wk1q8b{min-height:32px;color:var(--muted);background:0 0;border:none;padding:0 .45rem;font-size:.9rem;position:absolute;top:50%;right:1.35rem;transform:translateY(-50%)}.scroll.svelte-wk1q8b{flex:1;min-height:0;overflow-y:auto}.list.svelte-wk1q8b{flex-direction:column;gap:.45rem;margin:0;padding:.6rem;list-style:none;display:flex}.list.svelte-wk1q8b li:where(.svelte-wk1q8b){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:stretch;transition:border-color .12s,background .12s;display:flex;overflow:hidden}.list.svelte-wk1q8b li:where(.svelte-wk1q8b):hover{border-color:var(--border-strong)}.list.svelte-wk1q8b li.sel:where(.svelte-wk1q8b){border-color:var(--accent);background:var(--accent-soft)}.list.svelte-wk1q8b li.inactive:where(.svelte-wk1q8b){opacity:.6}button.main.svelte-wk1q8b{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;gap:.3rem;min-height:62px;padding:.65rem .8rem;display:flex}.l1.svelte-wk1q8b{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.name.svelte-wk1q8b{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:600;overflow:hidden}.price.svelte-wk1q8b{color:var(--accent);white-space:nowrap;font-weight:700}.l2.svelte-wk1q8b{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.code.svelte-wk1q8b{font-family:ui-monospace,monospace}.pill.svelte-wk1q8b{border:1px solid var(--border-strong);border-radius:.3rem;padding:.05rem .4rem}.stock.low.svelte-wk1q8b{color:var(--danger);font-weight:700}.off.svelte-wk1q8b{color:var(--warn);font-weight:600}button.del.svelte-wk1q8b{border:none;border-left:1px solid var(--border);color:var(--muted);background:0 0;padding:0 .8rem;font-size:1rem}button.del.svelte-wk1q8b:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}button.primary.svelte-wk1q8b{min-height:var(--tap);border-radius:var(--radius-sm);background:var(--accent);color:#fff;white-space:nowrap;border:none;padding:0 1rem;font-size:.95rem;font-weight:600}.empty.svelte-wk1q8b,.idle.svelte-wk1q8b{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:100%;padding:3rem 1.5rem;display:flex}.empty.svelte-wk1q8b p:where(.svelte-wk1q8b),.idle.svelte-wk1q8b p:where(.svelte-wk1q8b){margin:0;font-size:.9rem;line-height:1.7}.idle.svelte-wk1q8b h3:where(.svelte-wk1q8b){color:var(--text);margin:0;font-size:1rem}.idle-icon.svelte-wk1q8b{opacity:.5;font-size:2.5rem}.muted.svelte-wk1q8b{color:var(--muted)}.pad.svelte-wk1q8b{padding:1rem}.error.svelte-wk1q8b{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);margin:.7rem 1rem;padding:.55rem .75rem;font-size:.88rem}.shell.svelte-1n46o8q{flex-direction:column;height:100dvh;min-height:0;display:flex}header.svelte-1n46o8q{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.brand.svelte-1n46o8q{align-items:center;gap:.55rem;min-width:0;display:flex}.logo.svelte-1n46o8q{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:.55rem;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:grid}.brand.svelte-1n46o8q strong:where(.svelte-1n46o8q){white-space:nowrap;font-size:1.02rem}.thin.svelte-1n46o8q{color:var(--muted);font-weight:400}nav.svelte-1n46o8q{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:.35rem;margin-left:auto;padding:.2rem;display:flex}nav.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:40px;color:var(--muted);background:0 0;border:none;border-radius:.4rem;padding:0 1.1rem;font-size:.95rem;font-weight:600}nav.svelte-1n46o8q button.on:where(.svelte-1n46o8q){background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.user.svelte-1n46o8q{align-items:center;gap:.6rem;min-width:0;margin-left:auto;font-size:.88rem;display:flex}.who.svelte-1n46o8q{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.out.svelte-1n46o8q{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:40px;color:inherit;white-space:nowrap;background:0 0;padding:0 .85rem}main.svelte-1n46o8q{flex:1;min-height:0}.placeholder.svelte-1n46o8q{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.placeholder.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}.placeholder.svelte-1n46o8q .sub:where(.svelte-1n46o8q){font-size:.88rem}