@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=Lexend:wght@400;500;600;700&family=Sarabun:wght@400;600;700;800&display=swap";.page[data-v-d1231196]{max-width:1240px;margin:0 auto;padding:0 20px 56px}.hero[data-v-d1231196]{position:relative;margin:0 -20px 32px;padding:32px 28px 28px;background:var(--ink);overflow:hidden}.hero-marks[data-v-d1231196]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-marks svg[data-v-d1231196]{position:absolute}.hero-marks path[data-v-d1231196]{stroke:var(--pink-3)}.hero-inner[data-v-d1231196]{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.hero-title[data-v-d1231196]{display:inline-flex;align-items:center;gap:10px;background:var(--pink-3);border:2.5px solid var(--pink-2);border-radius:var(--radius-pill);padding:11px 30px;box-shadow:4px 4px 0 var(--pink-4)}.hero-title h1[data-v-d1231196]{margin:0;font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fff}.hero-brand[data-v-d1231196]{position:absolute;top:20px;right:28px;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--pink-2);font-style:italic;letter-spacing:3px;text-transform:uppercase;opacity:.9}.tabbar[data-v-d1231196]{display:flex;gap:4px;background:#ffffff12;border:2px solid rgba(255,255,255,.18);padding:4px;border-radius:var(--radius-pill);width:fit-content}.tab[data-v-d1231196]{border:none;background:transparent;padding:9px 22px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;color:#fff9;transition:background .15s,color .15s}.tab.active[data-v-d1231196]{background:var(--pink-3);color:#fff}.tab[data-v-d1231196]:hover:not(.active){color:#ffffffe6}.pagebar[data-v-d1231196]{display:flex;gap:8px;flex-wrap:wrap}.page-tab[data-v-d1231196]{border:2px solid rgba(255,255,255,.22);background:transparent;color:#ffffffb3;padding:8px 18px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.page-tab.active[data-v-d1231196]{background:#fff;color:var(--ink);border-color:#fff}.page-tab[data-v-d1231196]:hover:not(.active){border-color:#ffffff80;color:#fffffff2}.layout[data-v-d1231196]{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 900px){.layout[data-v-d1231196]{grid-template-columns:1fr 1fr;align-items:start}.preview-panel[data-v-d1231196]{position:sticky;top:20px}}.panel[data-v-d1231196]{background:var(--surface);border:2.5px solid var(--ink);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-md)}fieldset[data-v-d1231196]{border:none;border-top:2px dashed var(--border-muted);padding:16px 0;margin:0}fieldset[data-v-d1231196]:first-of-type{border-top:none;padding-top:4px}legend[data-v-d1231196]{font-family:var(--font-display);font-weight:900;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);padding:0;margin-bottom:14px;display:flex;align-items:center;gap:8px}legend[data-v-d1231196]:before{content:"✳";color:var(--pink-3);font-size:13px}label[data-v-d1231196]{display:block;font-size:11.5px;color:var(--ink-soft);margin-bottom:12px;font-weight:600;letter-spacing:.3px}input[data-v-d1231196],textarea[data-v-d1231196]{display:block;width:100%;margin-top:5px;padding:10px 13px;border:2px solid var(--ink);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);box-sizing:border-box;background:var(--cream);color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}input[data-v-d1231196]:focus,textarea[data-v-d1231196]:focus{outline:none;border-color:var(--pink-3);box-shadow:0 0 0 3px var(--pink-1);background:var(--surface)}.grid2[data-v-d1231196]{display:grid;grid-template-columns:1fr;gap:0 14px}@media (min-width: 480px){.grid2[data-v-d1231196]{grid-template-columns:1fr 1fr}}.item-row[data-v-d1231196]{display:grid;grid-template-columns:2fr .65fr 1fr .9fr auto;gap:6px;align-items:center;margin-bottom:8px}.item-row input[data-v-d1231196]{margin-top:0}.item-amount[data-v-d1231196]{font-size:13px;text-align:right;color:var(--ink);font-weight:700;white-space:nowrap}.item-row-label[data-v-d1231196]{margin-top:-4px;margin-bottom:6px}.item-amount-label[data-v-d1231196]{font-size:11px;color:var(--ink-soft);text-align:right;white-space:nowrap}.btn-remove[data-v-d1231196]{border:2px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);width:30px;height:30px;cursor:pointer;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .12s;flex-shrink:0}.btn-remove[data-v-d1231196]:hover{background:var(--pink-1)}.btn-remove[data-v-d1231196]:disabled{opacity:.22;cursor:not-allowed}.btn-add[data-v-d1231196]{border:2.5px solid var(--ink);background:var(--surface);padding:10px 22px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-sm);transition:box-shadow .1s,transform .1s,background .12s}.btn-add[data-v-d1231196]:hover{background:var(--pink-1);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-add[data-v-d1231196]:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn-print[data-v-d1231196]{margin-top:16px;width:100%;padding:14px;border:2.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .1s,transform .1s,background .15s,border-color .15s}.btn-print[data-v-d1231196]:hover{background:var(--pink-3);border-color:var(--pink-3);box-shadow:1px 1px 0 var(--pink-4);transform:translate(2px,2px)}.btn-save[data-v-d1231196]{margin-top:10px;width:100%;padding:12px;border:2.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-family:var(--font-display);font-size:16px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .1s,transform .1s,background .12s}.btn-save[data-v-d1231196]:hover{background:var(--pink-1);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.mode-toggle[data-v-d1231196],.wht-presets[data-v-d1231196]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip[data-v-d1231196]{border:2px solid var(--ink);background:var(--surface);padding:8px 18px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;transition:background .12s,color .12s}.chip.active[data-v-d1231196]{background:var(--ink);color:#fff}.chip[data-v-d1231196]:hover:not(.active){background:var(--pink-1)}.chip.small[data-v-d1231196]{padding:6px 14px;font-size:12px}.mode-hint[data-v-d1231196]{font-size:12px;color:var(--pink-3);font-weight:600;margin:0 0 12px}.custom-rate input[data-v-d1231196]{max-width:120px}.invoice-preview[data-v-d1231196]{border:2.5px solid var(--ink);border-radius:var(--radius-md);padding:0 0 20px;font-size:13px;overflow:hidden;font-family:var(--font-body)}.inv-banner[data-v-d1231196]{width:100%;display:block;margin-bottom:16px}.inv-header[data-v-d1231196]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 20px}.inv-header h2[data-v-d1231196]{margin:0;font-family:var(--font-display);font-size:30px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.badge[data-v-d1231196]{background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill)}.inv-meta[data-v-d1231196]{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;color:var(--ink-soft);padding:0 20px;font-size:12px}.inv-parties[data-v-d1231196]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;line-height:1.55;padding:0 20px;font-size:13px}.inv-table[data-v-d1231196]{width:calc(100% - 40px);margin:0 20px 12px;border-collapse:collapse}.inv-table th[data-v-d1231196]{text-align:left;border-bottom:2.5px solid var(--ink);padding:7px 4px;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}.inv-table td[data-v-d1231196]{padding:7px 4px;border-bottom:1px solid var(--border-muted)}.wht-row td[data-v-d1231196]{color:var(--pink-3);font-style:italic}.inv-note[data-v-d1231196]{font-size:12px;color:var(--ink-soft);padding:0 20px;margin:0 0 14px;line-height:1.6}.num[data-v-d1231196]{text-align:right;white-space:nowrap}.inv-summary[data-v-d1231196]{margin-left:auto;margin-right:20px;width:260px}.inv-summary .row[data-v-d1231196]{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.inv-summary .total[data-v-d1231196]{border-top:2.5px solid var(--ink);margin-top:8px;padding-top:10px;font-family:var(--font-display);font-weight:900;font-size:18px;letter-spacing:.5px}.inv-payment[data-v-d1231196]{margin-top:16px;padding:14px 20px 0;border-top:2px dashed var(--border-muted);line-height:1.6;font-size:13px}.history-page[data-v-d1231196]{display:flex;flex-direction:column;gap:24px}.history-header[data-v-d1231196]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.history-title[data-v-d1231196]{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.history-title[data-v-d1231196]:before{content:"✳";color:var(--pink-3);font-size:13px}.history-search[data-v-d1231196]{max-width:280px;padding:9px 14px;border:2px solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:13px}.history-actions[data-v-d1231196]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.history-empty[data-v-d1231196]{font-size:13px;color:var(--ink-soft);padding:28px 0;text-align:center;line-height:1.6}.history-table[data-v-d1231196]{width:100%;border-collapse:collapse;font-size:13px}.history-table th[data-v-d1231196]{text-align:left;border-bottom:2.5px solid var(--ink);padding:8px 6px;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-soft)}.history-table td[data-v-d1231196]{padding:8px 6px;border-bottom:1px solid var(--border-muted)}.history-table tr:hover td[data-v-d1231196]{background:var(--pink-1)}.hint-text[data-v-d1231196]{font-size:12px;color:var(--ink-soft);margin:6px 0 12px;line-height:1.6}.sync-status[data-v-d1231196]{display:inline-block;font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--radius-pill)}.sync-status.saving[data-v-d1231196]{background:#ffedc7;background:oklch(95% .07 85);color:#4c3700;color:oklch(35% .12 85)}.sync-status.saved[data-v-d1231196]{background:#ccf5cc;color:#00420c;color:oklch(33% .12 145)}.sync-status.error[data-v-d1231196]{background:#ffddd9;background:oklch(93% .07 25);color:#78000e;color:oklch(36% .15 25)}@media print{.form-panel[data-v-d1231196],.hero[data-v-d1231196],.btn-print[data-v-d1231196],.btn-save[data-v-d1231196],.history-page[data-v-d1231196]{display:none!important}}:root{--pink-1: oklch(93% .035 350);--pink-2: oklch(81% .11 350);--pink-3: oklch(62% .2 350);--pink-4: oklch(47% .17 350);--ink: oklch(13% .015 350);--ink-soft: oklch(43% .01 355);--cream: oklch(97% .008 50);--surface: oklch(99.5% .003 50);--border-muted: oklch(89% .03 350);--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 5px 5px 0 var(--ink);--font-display: "Barlow Condensed", "Sarabun", sans-serif;--font-body: "Lexend", "Sarabun", sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}