:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fb;--hover:#0f172a0d;--text:#18202e;--muted:#5f6b7d;--border:#e2e5ea;--accent:#0d7a6b;--accent-text:#fff;--accent-soft:#e2f3f0;--income:#13804f;--expense:#c2334c;--warn:#a35b00;--shadow:0 1px 2px #1018280f;--sidebar:232px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--surface:#171b21;--surface-2:#1d222a;--hover:#ffffff0f;--text:#e8ebf0;--muted:#9aa4b2;--border:#2a3039;--accent:#3cc4ad;--accent-text:#08201c;--accent-soft:#15302c;--income:#4cc98a;--expense:#f2778b;--warn:#f0b04a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.35rem;font-weight:650}h2{font-size:1rem;font-weight:600}h3{font-size:.9rem;font-weight:600}p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:36px;padding:0 12px}button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed}:is(button,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder{color:var(--muted);opacity:.8}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.big{min-height:44px;padding:0 24px;font-size:1rem}button.ghost{background:0 0;border-color:#0000}button.small{min-height:30px;padding:0 8px;font-size:.85rem}button.danger{color:var(--expense)}button.warn{color:var(--warn);border-color:currentColor}button.link{min-height:0;font-weight:inherit;text-align:left;background:0 0;border:none;padding:0}.icon-btn{background:0 0;border-color:#0000;width:36px;min-height:36px;padding:0}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}label>input,label>select{color:var(--text);width:100%;font-weight:400}label.inline{flex-direction:row;align-items:center;gap:12px}label.inline select{width:auto}.opt,.help{color:var(--muted);font-size:.8rem;font-weight:400}.error{color:var(--expense);font-size:.9rem}.income{color:var(--income)}.expense,.neg{color:var(--expense)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.grow{flex:1;min-width:0}.spacer{flex:1}.login{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:400px;margin:0 auto;padding:12vh 16px 32px;display:flex}.logo{background:var(--accent);width:56px;height:56px;color:var(--accent-text);border-radius:14px;place-items:center;display:grid}.logo.small{border-radius:8px;width:30px;height:30px}.login h1{font-size:1.75rem}.lead{color:var(--muted);font-size:1.05rem}.points{text-align:left;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.points li:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:700}.app{min-height:100vh}.sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:24px;padding:16px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:8px;padding:4px 8px;font-weight:650;display:flex}.side-nav{gap:4px;display:grid}.side-nav button{color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start;gap:12px;min-height:40px}.side-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-foot{color:var(--muted);text-overflow:ellipsis;margin-top:auto;padding:8px;font-size:.8rem;overflow:hidden}.content{margin-left:var(--sidebar)}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 32px;display:flex;position:sticky;top:0}.status{color:var(--muted);margin-left:auto;font-size:.8rem}.status.auth,.status.error{color:var(--warn);font-weight:600}main{max-width:1120px;padding:24px 32px 48px}.bottom-nav,.fab{display:none}@media (width<=760px){.sidebar,.add-desktop{display:none}.content{margin-left:0}.topbar{padding:12px 16px}main{padding:16px 16px 112px}.bottom-nav{z-index:6;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{min-height:52px;color:var(--muted);background:0 0;border:none;flex-direction:column;gap:2px;padding:0;font-size:.7rem}.bottom-nav button.active{color:var(--accent);font-weight:600}.fab{right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:6;background:var(--accent);width:56px;height:56px;color:var(--accent-text);border:none;border-radius:16px;place-items:center;padding:0;display:grid;position:fixed;box-shadow:0 4px 12px #0003}}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:16px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel.wide{grid-column:1/-1}@media (width<=960px){.grid{grid-template-columns:minmax(0,1fr)}}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:48px 16px;display:flex}.empty strong{color:var(--text);font-size:1.05rem}.empty p{max-width:380px}.empty button{margin-top:8px}.kpis{grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}.kpi .label{color:var(--muted);align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:flex}.kpi .value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:1.35rem;font-weight:650;overflow:hidden}.kpi.main{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.kpi.main .label{color:inherit;opacity:.85}.kpi.main .value{color:inherit;font-size:1.7rem}@media (width<=960px){.kpis{grid-template-columns:repeat(3,1fr)}.kpi.main{grid-column:1/-1}}@media (width<=480px){.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:12px}.kpi .value{font-size:1.1rem}.kpi:last-child{grid-column:1/-1}}.filters{margin-bottom:16px}.filter-top{align-items:center;gap:8px;display:flex}.chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.chip{background:var(--surface);border-radius:999px;min-height:32px;padding:0 12px;font-size:.85rem}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.chip.active:hover{background:var(--text)}.filter-toggle{min-height:32px;font-size:.85rem}.filter-toggle.active{border-color:var(--accent);color:var(--accent)}.count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-text);border-radius:9px;place-items:center;padding:0 4px;font-size:.7rem;display:inline-grid}.filter-more{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;padding:16px;display:grid}@media (width<=760px){.filter-top{flex-wrap:wrap}.chips{flex-basis:100%}.filter-more{grid-template-columns:1fr 1fr}}.list-meta{color:var(--muted);margin-bottom:8px;font-size:.85rem}.txn-days{gap:16px;display:grid}.day{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px 4px;font-size:.75rem}.txns{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.panel .txns{background:0 0;border:none;border-radius:0}.txns li+li{border-top:1px solid var(--border)}.txn{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;font-weight:400;display:flex}.badge{color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:650;display:grid}.txn-text{flex-direction:column;flex:1;min-width:0;display:flex}.txn-title,.txn-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.txn-title{font-weight:550}.txn-sub{color:var(--muted);font-size:.8rem}.txn-amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.txn-amt.transfer{color:var(--muted)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head .list-meta{margin:0}.accts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.acct{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.acct.archived{opacity:.6}.acct-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.acct-icon.t-credit{background:color-mix(in srgb, var(--expense) 14%, transparent);color:var(--expense)}.acct-main{background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;min-width:0;min-height:0;padding:0;font-weight:400;display:flex}.acct-main:hover{background:0 0!important}.acct-main:hover .acct-name{text-decoration:underline}.acct-name{text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.acct-type{color:var(--muted);font-size:.8rem}.acct-bal{font-variant-numeric:tabular-nums;font-weight:650}.hint-below{margin-top:8px}.archived-list{margin-top:16px}.archived-list summary{cursor:pointer;color:var(--muted);padding:8px 0}.donut{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}@media (width<=480px){.donut{grid-template-columns:1fr}}.legend{gap:4px;margin:0;padding:0;list-style:none;display:grid}.legend button{border-radius:6px;align-items:center;gap:8px;width:100%;padding:4px;font-size:.85rem;display:flex}.legend button:hover{background:var(--hover)}.pct{color:var(--muted);font-size:.8rem}.dot{border-radius:50%;flex:none;width:10px;height:10px}.months{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=480px){.months{grid-template-columns:1fr}}.pill{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.pill.pos{background:color-mix(in srgb, var(--income) 15%, transparent);color:var(--income)}.pill.neg{background:color-mix(in srgb, var(--expense) 15%, transparent);color:var(--expense)}.month-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;display:grid}.month-totals dt{color:var(--muted);font-size:.75rem}.month-totals dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bar-label{justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.bar-track{background:var(--surface-2);border-radius:3px;height:6px;display:block;overflow:hidden}.bar-fill{border-radius:3px;height:100%;display:block}.settings{gap:16px;max-width:760px;display:grid}.settings .panel{justify-items:start;gap:12px;display:grid}.settings .panel>h2{margin-bottom:4px}.cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%;display:grid}.cats{margin:8px 0;padding:0;list-style:none}.cats li{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:40px;display:flex}.cats li input{flex:1;min-height:30px}.add-cat{gap:8px;display:flex}.add-cat input{flex:1;min-width:0}.modal{background:var(--surface);width:min(520px,100vw - 32px);color:var(--text);border:none;border-radius:12px;padding:0;box-shadow:0 16px 48px #00000040}.modal::backdrop{background:#0a0e1480}.modal-body{padding:16px 24px 24px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{font-size:1.1rem}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.stack{gap:16px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=760px){.modal{border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0}.modal-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}}@media (width<=420px){.two{grid-template-columns:1fr}}.amount-field input{font-variant-numeric:tabular-nums;min-height:56px;font-size:1.75rem;font-weight:650}.segmented{background:var(--surface-2);border:none;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:4px;display:grid}.segmented label{cursor:pointer;min-height:36px;color:var(--muted);border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:.9rem}.segmented label.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.segmented label.active.expense{color:var(--expense)}.segmented label.active.income{color:var(--income)}.segmented input,.type-grid input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented label:focus-within,.type-grid label:focus-within{outline:2px solid var(--accent);outline-offset:1px}.type-grid{border:none;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;padding:0;display:grid}.type-grid legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.85rem;font-weight:500}.type-grid label{border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:center;border-radius:8px;align-items:center;gap:6px;padding:12px 4px;font-size:.8rem}.type-grid label.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.status.pending,.status.syncing{color:var(--muted)}.status.offline{color:var(--warn)}.banner{background:color-mix(in srgb, var(--warn) 14%, var(--bg));color:var(--text);margin:0;padding:8px 32px;font-size:.85rem}.notice{background:color-mix(in srgb, var(--warn) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 12px;padding:8px 12px;font-size:.85rem;display:flex}.notice .link{color:var(--accent);font-weight:600;text-decoration:underline}@media (width<=760px){.banner{padding:8px 16px}}.recurring{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px}.recurring summary{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:600;display:flex}.rules{margin:0;padding:0 12px 8px;list-style:none}.rules li{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.rules li.ended{opacity:.55}.rules .grow{flex-direction:column;display:flex}.rec{vertical-align:-2px;color:var(--accent);margin-right:4px;display:inline-flex}.txn-amt small,.acct-bal small{color:var(--muted);text-align:right;font-size:.75rem;font-weight:400;display:block}.acct-bal{text-align:right}.summary{gap:16px;display:grid}.budgets h2{align-items:center;gap:6px;display:flex}.month-nav{align-items:center;gap:4px;margin-left:auto;font-size:.9rem;font-weight:500;display:flex}.month-nav span{text-align:center;min-width:120px}.budget-state.over{color:var(--expense);font-weight:600}.budget-state.near{color:var(--warn)}.budget-state.ok{color:var(--muted)}.bar-fill.ok{background:var(--income)}.bar-fill.near{background:var(--warn)}.bar-fill.over{background:var(--expense)}.budget-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (width<=480px){.month-nav{order:3;justify-content:center;width:100%;margin-left:0}}.inline-select label{flex-direction:row;align-items:center;gap:12px}.inline-select select{width:auto}.rates{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rates li{align-items:center;gap:8px;display:flex}.rates input{width:110px}.small-text{font-size:.8rem}.btn-row{flex-wrap:wrap;gap:8px;display:flex}button.danger-fill{background:var(--expense);border-color:var(--expense);color:#fff}.error ul{margin:4px 0 0;padding-left:20px}.planned{gap:16px;display:grid}.planned .section-head{margin:0}.planned .panel h2{margin-bottom:8px}.planned .txns{background:0 0;border:none;border-radius:0}.panel.due{border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.plan-row{align-items:center;gap:12px;min-height:56px;padding:10px 0;display:flex}.plan-row.ended{opacity:.55}.row-actions{flex:none;gap:4px;display:flex}.date-chip{width:88px;color:var(--muted);flex:none;font-size:.8rem;font-weight:600}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:2px 8px;font-size:.7rem;font-weight:600}.tag.manual{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}label.check{color:var(--text);cursor:pointer;flex-direction:row;align-items:flex-start;gap:8px}label.check input{width:18px;height:18px;min-height:0;accent-color:var(--accent);margin-top:2px}label.check>span{flex-direction:column;display:flex}.side-nav .count{margin-left:auto}.bottom-nav button{position:relative}.bottom-nav .count{position:absolute;top:4px;right:calc(50% - 20px)}@media (width<=760px){.plan-row{flex-wrap:wrap}.plan-row .row-actions{justify-content:flex-end;width:100%}.date-chip{width:auto}.bottom-nav button{font-size:.65rem}}