:root{--bg:#f4f1ea;--surface:#fff;--ink:#1d2733;--muted:#66727f;--brand:#1f3a5f;--accent:#2e7d5b;--danger:#b3261e;--line:#e2ddd2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12171d;--surface:#1b232c;--ink:#e8ecf0;--muted:#9aa6b2;--brand:#8fb3dc;--accent:#6cc39b;--danger:#f28b82;--line:#2a3541;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1{margin:0;font-size:1.4rem}.shell{max-width:720px;margin:0 auto;padding:0 16px 48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 0;display:flex}.brand{color:var(--brand);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.who{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-size:.9rem;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar input{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.center{text-align:center;padding:32px 16px}.envelopes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.envelope{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;display:block}.envelope:hover{border-color:var(--brand)}.row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.name{font-weight:600}.balance{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.balance.negative{color:var(--danger)}.small{margin-top:6px;font-size:.82rem}.muted{color:var(--muted)}.error{color:var(--danger)}.meter{background:var(--line);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.meter span{background:var(--brand);border-radius:999px;height:100%;display:block}.meter span.over{background:var(--danger)}h2{margin:24px 0 10px;font-size:1.05rem}.title{margin-bottom:14px}button{font:inherit}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 11px}input:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}input:disabled,select:disabled{opacity:.75}.button{cursor:pointer;background:var(--brand);color:var(--surface);text-align:center;border:0;border-radius:10px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-block}.button:disabled{opacity:.6;cursor:default}.button.secondary{color:var(--brand);border:1px solid var(--brand);background:0 0}.button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.button.wide{width:100%;margin-top:14px;display:block}.link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.icon{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;width:36px;height:36px;font-size:1.2rem;line-height:1}.who select{padding:4px 8px}.month-picker{align-items:center;gap:6px;display:flex}.month-picker label{text-align:center;min-width:128px;font-weight:600;position:relative}.month-picker label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.totals{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.totals div{gap:2px;display:grid}.totals strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.small-label{font-size:.8rem}.negative{color:var(--danger)}.balance.big{font-size:1.5rem}.figures{grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0 0;font-size:.92rem;display:grid}.figures dt{color:var(--muted)}.figures dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.empty{text-align:center;padding:24px 0}.tx-list{margin:0;padding:0;list-style:none}.tx-list li+li{border-top:1px solid var(--line)}.tx{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}button.tx{cursor:pointer}button.tx:hover .tx-title{color:var(--brand)}.tx-date{color:var(--muted);font-size:.82rem}.tx-main{min-width:0;display:grid}.tx-title,.tx-where{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tx-title{font-weight:600}.tx-where{color:var(--muted);font-size:.82rem}.tx-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.tx-amount.out{color:var(--ink)}.tx-amount.in{color:var(--accent)}.filters{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.filters input[type=search]{grid-column:1/-1}.check{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.check input{width:18px;height:18px}.tx-form{gap:14px;display:grid}.tx-form .toolbar{justify-content:flex-start;gap:16px;margin-bottom:0}.field{gap:6px;min-width:0;display:grid}.field>span,.field legend{color:var(--muted);font-size:.85rem;font-weight:600}.field.invalid input,.field.invalid select{border-color:var(--danger)}.field small{font-size:.8rem}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.amount{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.segmented{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.segmented button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;flex:none;padding:8px 12px}.segmented button.on{background:var(--brand);color:var(--surface);border-color:var(--brand)}fieldset.chips{border:0;margin:0;padding:0}.chip-group{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:.88rem}.chip.generic{font-weight:600}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--surface)}.more summary{cursor:pointer;color:var(--brand);margin-bottom:10px;font-weight:600}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .button{flex:140px}.login{text-align:left;gap:14px;max-width:380px;margin:40px auto;display:grid}.login img{justify-self:center}.login h1{text-align:center}.shell.with-nav{padding-bottom:96px}.bottom-nav{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);padding:8px 12px;font-weight:600;text-decoration:none}.bottom-nav a.on{color:var(--brand)}.bottom-nav a.add{background:var(--brand);width:52px;height:52px;color:var(--surface);border-radius:50%;place-items:center;margin-top:-24px;padding:0;font-size:1.8rem;line-height:1;display:grid;box-shadow:0 4px 14px #0000002e}.toast{z-index:20;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 18px;font-weight:600;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@media (width<=480px){.toolbar{flex-wrap:wrap}.month-picker label{min-width:110px}}