:root{--primary:#4f6053;--primary-container:#68796b;--on-primary:#fff;--primary-fixed:#d5e7d6;--primary-fixed-dim:#b9cbbb;--surface:#faf9f8;--surface-bright:#faf9f8;--surface-dim:#dadad9;--surface-container-low:#f4f3f2;--surface-container:#eeeeed;--surface-container-high:#e9e8e7;--surface-container-highest:#e3e2e1;--on-surface:#1a1c1c;--on-surface-variant:#434843;--outline:#737873;--outline-variant:#c3c8c1;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--radius:10px;--shadow:0 1px 3px rgba(26,28,28,.08)}*{box-sizing:border-box}html{background:var(--surface);color:var(--on-surface);font-family:Work Sans,Noto Sans Thai,system-ui,sans-serif}body{margin:0}.stat-num,h1,h2,h3,h4{font-family:Manrope,Noto Sans Thai,system-ui,sans-serif}.btn{border:none;border-radius:var(--radius);cursor:pointer;font-family:Work Sans,Noto Sans Thai,sans-serif;font-size:15px;padding:8px 14px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-container)}.btn-danger{background:var(--error);color:var(--on-error)}.btn-ghost{background:var(--surface-container-high);color:var(--on-surface)}.card{border:1px solid var(--outline-variant);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card,.input{background:var(--surface-bright)}.input{border:1px solid var(--outline);border-radius:var(--radius);color:var(--on-surface);font-family:Work Sans,Noto Sans Thai,sans-serif;font-size:15px;padding:8px 10px;width:100%}.input:focus{border-color:var(--primary);outline:2px solid var(--primary-fixed-dim)}.label{color:var(--on-surface-variant);display:block;font-size:13px;margin:8px 0 4px}.grid-products{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.muted{color:var(--on-surface-variant);font-size:13px}.error-text{color:var(--error);font-size:14px}.toast-stack[data-v-1ad7b982]{display:flex;flex-direction:column;gap:8px;max-width:360px;position:fixed;right:var(--gutter);top:calc(var(--appbar-h) + 12px);z-index:100}.toast[data-v-1ad7b982]{align-items:center;background:var(--surface-container-high);border-radius:var(--radius-lg);box-shadow:var(--shadow-btn);color:var(--on-surface);display:flex;font-size:var(--text-body-md);gap:10px;padding:12px 16px}.toast.success .material-symbols-outlined[data-v-1ad7b982]{color:#16a34a}.toast.error .material-symbols-outlined[data-v-1ad7b982]{color:var(--error)}.toast.info .material-symbols-outlined[data-v-1ad7b982]{color:var(--primary)}.toast-enter-active[data-v-1ad7b982],.toast-leave-active[data-v-1ad7b982]{transition:all .3s}.toast-enter-from[data-v-1ad7b982],.toast-leave-to[data-v-1ad7b982]{opacity:0;transform:translate(24px)}body,html{background:#f5f5f5;font-family:Sarabun,system-ui,-apple-system,sans-serif;margin:0}