@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-ext-wght-normal.28krudoh3z7og.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-wght-normal.08sr_7r2rzxl4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.03f_1bxrvnkfd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.37g1whwfgt7kp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.1iqnhac4m3hwo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f1f3ef;--card:#fff;--ink:#172032;--muted:#5b6474;--line:#d8ddd5;--pandan:#2f7d5b;--pandan-soft:#dcebe2;--gold:#9a6b00;--gold-soft:#f3e8cc;--danger:#b3261e;--display:"Bricolage Grotesque Variable", "Avenir Next", system-ui, sans-serif;--body:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-chip:999px;--radius-panel:18px;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#10151d;--card:#19202b;--ink:#e8ecf2;--muted:#98a2b3;--line:#2a3342;--pandan:#5dbb8c;--pandan-soft:#1d3a2d;--gold:#e0b44c;--gold-soft:#3a2f14;--danger:#f08b82}}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--pandan)}:focus-visible{outline:2px solid var(--pandan);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.shell{max-width:560px;min-height:100%;padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px);margin:0 auto}.page-title{font-family:var(--display);letter-spacing:-.01em;margin:4px 0 16px;font-size:1.5rem;font-weight:650}.tabbar{padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:10;justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{max-width:140px;color:var(--muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:.75rem;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--pandan);font-weight:600}.tabbar svg{width:22px;height:22px}.qa{flex-direction:column;gap:14px;display:flex}.qa-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.qa-date{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-chip);padding:4px 10px;font-size:.85rem}.amount{justify-content:center;align-items:baseline;gap:8px;min-height:96px;padding:8px 0 0;display:flex}.amount-ccy{font-family:var(--display);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:1.25rem;font-weight:600}.amount-value{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3.5rem,18vw,5rem);font-weight:700;line-height:1}.amount-value[data-empty=true]{color:var(--line)}.field{border:1px solid var(--line);background:var(--card);border-radius:12px;width:100%;padding:11px 14px}.field::placeholder{color:var(--muted)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips-scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-chip);cursor:pointer;white-space:nowrap;flex:none;padding:7px 13px;font-size:.9rem}.chip[aria-pressed=true]{background:var(--pandan);border-color:var(--pandan);color:#fff}.chip-gold[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}.chip-quiet{color:var(--muted);border-style:dashed}.label{color:var(--muted);margin:0 0 6px;font-size:.8rem}.funding{border:1px solid var(--gold-soft);background:color-mix(in srgb, var(--gold-soft) 45%, var(--card));border-radius:14px;gap:10px;padding:12px;display:grid}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{background:var(--card);height:54px;font-family:var(--display);cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;font-size:1.5rem;font-weight:600}.key:active{background:var(--pandan-soft)}.save{background:var(--pandan);color:#fff;cursor:pointer;border:none;border-radius:16px;height:56px;font-size:1.05rem;font-weight:650}.save:disabled{opacity:.4;cursor:default}.toast{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px);background:var(--ink);color:var(--paper);z-index:20;border-radius:14px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:.92rem;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--pandan-soft);cursor:pointer;background:0 0;border:none;font-weight:650}.toast[data-tone=error]{background:var(--danger);color:#fff}.month-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.month-nav{gap:6px;display:flex}.month-nav a{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;text-decoration:none;display:grid}.month-total{color:var(--muted);margin:0 0 20px}.month-total strong{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700;display:block}.day{margin-bottom:18px}.day h2{color:var(--muted);margin:0 0 6px;font-size:.85rem;font-weight:600}.rows{background:var(--card);border-radius:var(--radius-panel);overflow:hidden}.row{border-top:1px solid var(--line);color:inherit;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 14px;text-decoration:none;display:grid}.row:first-child{border-top:none}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.row-amount{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.row-meta{color:var(--muted);font-size:.8rem}.row-meta-right{color:var(--gold);text-align:right;font-size:.8rem}.row[data-kind=income] .row-amount,.row[data-kind=refund] .row-amount{color:var(--pandan)}.row[data-kind=transfer]{opacity:.6}.callout{background:var(--gold-soft);border-radius:var(--radius-panel);margin-bottom:18px;padding:12px 14px;font-size:.92rem}.callout a{color:inherit;font-weight:650}.empty{text-align:center;color:var(--muted);padding:40px 0}.form{gap:14px;display:grid}.form label{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.form .field{color:var(--ink);font-size:1rem}.btn-row{gap:10px;display:flex}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;flex:1;height:48px;font-weight:600}.btn-primary{background:var(--pandan);border-color:var(--pandan);color:#fff}.btn-danger{color:var(--danger)}.panel{background:var(--card);border-radius:var(--radius-panel);margin-bottom:16px;padding:16px}.panel h2{margin:0 0 10px;font-size:1rem}.muted{color:var(--muted)}.token{word-break:break-all;background:var(--paper);border-radius:10px;padding:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.login{align-content:center;gap:20px;max-width:420px;min-height:100%;margin:0 auto;padding:24px;display:grid}.login h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:2.2rem;line-height:1.05}@media (prefers-reduced-motion:no-preference){.toast{animation:.18s ease-out rise}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}}
