:root{--bg:#FBF6EF;--surface:#FFFFFF;--surfaceAlt:#F5EADC;--border:#E8D9C7;--text:#2B1A10;--textMuted:#7A5A44;--primary:#A3501D;--onPrimary:#FFFFFF;--accent:#D98248;--income:#1F7A4A;--expense:#B3261E;--transfer:#5B6B7A;--brand-caramel:#D98248;--brand-tan:#D6A176;--brand-cream:#FAEFE4;--brand-bark:#612707;--brand-espresso:#381809;--brand-grizzle:#9C948A}@media (prefers-color-scheme:dark){:root{--bg:#1C130D;--surface:#2A1D15;--surfaceAlt:#36261B;--border:#4A3526;--text:#F7EDE2;--textMuted:#C4A58C;--primary:#E8955A;--onPrimary:#1C130D;--accent:#D6A176;--income:#5BC48A;--expense:#F07B72;--transfer:#9FB0C0}}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans Lao,Phetsarath OT,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,p{margin:0}.muted{color:var(--textMuted)}.small{font-size:12px}.wrap{max-width:760px;margin:0 auto;padding:16px;display:grid;grid-gap:16px;gap:16px}.top{display:flex;align-items:center;gap:10px}.top h1{font-size:20px}h2{font-size:16px;margin-top:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.hero .big{font-size:32px;font-weight:700;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flag{margin-top:8px;color:var(--expense);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.acc p:last-child{font-weight:600;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:0 16px}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.list li>p{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.inc{color:var(--income)}.exp,.neg{color:var(--expense)}.trf{color:var(--transfer)}.login img{border-radius:28px}.login{min-height:100dvh;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;padding:16px;text-align:center}.btn{background:var(--primary);color:var(--onPrimary);border:0;border-radius:12px;padding:14px 22px;font:inherit;font-weight:600;cursor:pointer}.form{display:grid;grid-gap:10px;gap:10px;width:min(340px,100%);margin-top:8px}.form input{font:inherit;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn:disabled{opacity:.6}.link{background:none;border:0;color:var(--primary);font:inherit;cursor:pointer;text-decoration:underline}