@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-var.woff2)format("woff2-variations");font-weight:400 900;font-style:normal;font-display:swap}:root{--gold:#b8860b;--gold-deep:#966e09;--gold-light:#b8860b1a;--gold-lightest:#b8860b0f;--cream:#f5ece5;--ink:#1a1a1a;--paper:#fff;--muted:#9ca3af;--muted-strong:#6b7280;--line:#e5e7eb;--danger:#f87171;--ok:#4c9a6a;--warning-bg:#fff8e1;--warning-text:#b45309;--error-bg:#fee2e2;--success-bg:#e8f5e9;--draft-bg:#f3f4f6;--checkbox-border:#d1d5db;--radius:14px;--radius-sm:8px;--radius-full:9999px;--font-display:"Playfair Display", Georgia, serif;--font-body:Inter, system-ui, sans-serif;--shadow-card:0 1px 3px #1a1a1a14;--shadow-sticky:0 -2px 12px #1a1a1a0f;--text-2xl:28px;--text-xl:22px;--text-lg:17px;--text-base:15px;--text-sm:13px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--touch-min:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--cream);line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.serif-amount{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none}input,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:var(--space-12);font-size:var(--text-base);background:var(--paper);color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-light)}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-deep)}.page{padding:var(--space-16);max-width:480px;margin:0 auto;padding-bottom:80px}.btn{justify-content:center;align-items:center;gap:var(--space-8);height:var(--touch-min);padding:0 var(--space-16);border-radius:var(--radius);font-weight:500;font-size:var(--text-base);white-space:nowrap;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-gold{background:var(--gold);color:#fff;width:100%}.btn-gold:hover:not(:disabled){background:var(--gold-deep)}.btn-outline{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-ghost{color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--ink)}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-16)}.chip{align-items:center;gap:var(--space-4);padding:2px var(--space-8);border-radius:var(--radius-full);font-size:var(--text-sm);height:24px;font-weight:500;display:inline-flex}.chip-paid{background:var(--success-bg);color:var(--ok)}.chip-overdue{background:var(--error-bg);color:var(--danger)}.chip-sent,.chip-viewed{background:var(--gold-light);color:var(--gold);border:1px solid var(--gold)}.chip-draft{background:var(--draft-bg);color:var(--muted)}.chip-pending-push{background:var(--warning-bg);color:var(--warning-text)}.chip-unpaid{background:var(--error-bg);color:var(--danger)}.sticky-footer{background:var(--paper);box-shadow:var(--shadow-sticky);padding:var(--space-12) var(--space-16);padding-bottom:max(var(--space-12), env(safe-area-inset-bottom,0px));z-index:100;max-width:480px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.pulse{animation:.3s ease-in-out pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}#root{flex-direction:column;min-height:100dvh;display:flex}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=url],textarea{font-size:16px}