:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--grid:#eef2f6;--hover:#f1f5f9;--accent:#0f766e;--accent-soft:#ccfbf1;--warn:#b45309;--warn-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--card:#131c2e;--text:#e2e8f0;--muted:#94a3b8;--border:#243049;--grid:#1c2740;--hover:#1a2438;--accent:#2dd4bf;--accent-soft:#134e4a;--warn:#fbbf24;--warn-soft:#422006;--danger:#f87171;--danger-soft:#450a0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{align-items:center;gap:.5rem;margin:.5rem 0 1rem;font-size:1.5rem;display:flex}h2{margin:1.5rem 0 .6rem;font-size:1.05rem}a{color:var(--accent)}small,.small{font-size:.8rem}.muted{color:var(--muted)}.error{color:var(--danger)}.notes{white-space:pre-line}.page{max-width:820px;padding:16px 16px calc(150px + env(safe-area-inset-bottom));margin:0 auto}.tabbar{background:var(--card);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tabbar a{color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:.75rem;text-decoration:none;display:flex}.tabbar a span{font-size:1.2rem;line-height:1}.tabbar a.active{color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.card h2{margin-top:0}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.stat small{color:var(--muted)}.stat strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.2rem}.stats.three .stat{padding:10px}.stats.three .stat strong{overflow-wrap:normal;font-size:.9rem}.big-stat{background:var(--warn-soft);border-color:#0000}.big-stat b{color:var(--warn)}.grid{gap:10px;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.title-row h1{margin-bottom:.5rem}.plan{color:inherit;margin:0;text-decoration:none;display:block}.plan-head{align-items:center;gap:8px;display:flex}.plan-head strong{flex:1}.dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.progress{background:var(--grid);border-radius:4px;height:8px;margin:10px 0 8px;overflow:hidden}.progress div{border-radius:4px;height:100%}.plan-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.plan-foot b{color:var(--text);font-variant-numeric:tabular-nums}.list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.list.plain{background:0 0;border:0}.row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px 10px 0;display:flex}.row:last-child{border-bottom:0}.row[role=button]{cursor:pointer}.row[role=button]:hover{background:var(--hover)}.row>a.what{margin-left:12px}.list.plain .row{padding-right:0}.row .bar{border-radius:0 3px 3px 0;flex:none;align-self:stretch;width:4px}.row .when{font-variant-numeric:tabular-nums;flex-direction:column;min-width:82px;display:flex}.row .when small{color:var(--muted)}.row .what{flex-direction:column;flex:1;min-width:0;display:flex}.row .what span,.row .what small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .what small{color:var(--muted)}.row .amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.row.paid{opacity:.6}.row.soon{background:var(--accent-soft)}.row.soon .when small{color:var(--accent);font-weight:600}.row.big .amount{color:var(--warn)}.row.big.soon{background:var(--warn-soft)}.row.big.soon .when small{color:var(--warn)}.row.overdue{background:var(--danger-soft)}.row.overdue .when small{color:var(--danger);font-weight:600}.badge{background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:600}.row.account{align-items:flex-start}.row.account .what{align-items:flex-start;gap:2px}.row.account .what span:first-child{white-space:normal;overflow-wrap:anywhere}.row.account .balance{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pooled{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.pooled strong{font-variant-numeric:tabular-nums;font-size:1.2rem}.table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.9rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:6px 4px}.table tfoot th{border-bottom:0}.num{font-variant-numeric:tabular-nums;text-align:right!important}.chart{width:100%;min-width:0;overflow:hidden}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:.8rem;display:flex}.legend i{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}button,.button,input,select,textarea{font:inherit;color:var(--text)}button,.button,.upload{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (prefers-color-scheme:dark){button.primary{color:#042f2e}}button.danger{color:var(--danger)}button.icon{color:var(--muted);background:0 0;border:0;padding:4px 8px}.upload{color:var(--accent);margin-top:10px}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;min-width:0;padding:9px 10px}input[type=checkbox]{width:auto}.form{flex-direction:column;gap:12px;display:flex}.form label,.form .field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.form label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}fieldset{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;display:flex}legend{color:var(--muted);font-size:.85rem}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions .primary{margin-left:auto}.inline{gap:8px;margin-top:10px;display:flex}.segmented{background:var(--grid);border-radius:8px;gap:2px;max-width:100%;margin-bottom:12px;padding:3px;display:flex;overflow-x:auto}.segmented button{white-space:nowrap;text-transform:capitalize;background:0 0;border:0;padding:6px 10px;font-size:.85rem}.segmented button.on{background:var(--card);box-shadow:0 1px 2px #0000001a}.segmented small{color:var(--muted);margin-left:2px}.title-row .segmented{margin-bottom:0}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.swatch.on{outline:2px solid var(--text);outline-offset:2px}.rows{flex-direction:column;gap:6px;display:flex}.row-input{grid-template-columns:1.2fr 1fr 1fr;gap:6px;display:grid}.danger-zone{margin-top:2rem}.backdrop{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:560px;max-height:92vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto}.sheet header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet header h2{margin:0}@media (width>=640px){.backdrop{align-items:center}.sheet{border-radius:16px}}.login{justify-content:center;align-items:center;min-height:100vh;padding-bottom:16px;display:flex}.login form{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;display:flex}.login img{border-radius:14px}.login h1{margin:0}.safe{background:var(--accent-soft);border-color:#0000;flex-direction:column;gap:4px;display:flex}.safe small{color:var(--muted)}.safe strong{font-variant-numeric:tabular-nums;font-size:2rem}button.safe{text-align:left;align-items:flex-start;width:100%}.safe.negative{background:var(--danger-soft)}.safe.negative strong,.safe.negative .breach{color:var(--danger)}.safe.empty{background:var(--card);border-color:var(--border)}tr.binding td{background:var(--warn-soft);font-weight:600}.show-all{width:100%;margin-top:8px}.rate-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pooled .rate-note{flex-basis:100%}@media (width<=639px){.table .wide{display:none}}.fab{right:max(16px,50vw - 394px);bottom:calc(76px + env(safe-area-inset-bottom));background:var(--accent);border-color:var(--accent);color:#fff;z-index:15;border-radius:50%;width:56px;height:56px;padding:0;font-size:1.8rem;line-height:1;position:fixed;box-shadow:0 4px 12px #00000040}@media (prefers-color-scheme:dark){.fab{color:#042f2e}}.toast{left:50%;bottom:calc(142px + env(safe-area-inset-bottom));background:var(--text);width:calc(100% - 32px);max-width:520px;color:var(--bg);z-index:30;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.toast.failed{background:var(--danger);color:#fff}.toast button{color:var(--accent-soft);background:0 0;border:0;padding:4px 6px;font-weight:700}.chip{border-radius:999px;padding:6px 12px;font-size:.85rem}.big-input{font-variant-numeric:tabular-nums;font-size:1.4rem}.row.expense{padding:0}.expense-row{text-align:left;background:0 0;border:0;border-radius:0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.expense-row .when{min-width:48px}.expense-row:hover{background:var(--hover)}.month-toggle{text-align:left;width:100%;margin-top:8px}