:root{--bg: #f6f5f1;--bg-elev: #ffffff;--bg-subtle: #efede7;--bg-hover: #f3f1eb;--ink: #1b1917;--ink-2: #57534e;--ink-3: #8a857d;--line: #e7e4dc;--line-strong: #d8d4c9;--brand: #0e7c6b;--brand-deep: #0b5d51;--brand-soft: #e4f2ee;--brand-ink: #0b5d51;--green: #15803d;--green-soft: #e3f3e9;--rose: #e11d48;--rose-soft: #fde8ec;--amber: #b45309;--amber-soft: #fcf0dc;--shadow-card: 0 1px 2px rgba(28, 25, 23, .04), 0 10px 30px -14px rgba(28, 25, 23, .12);--shadow-pop: 0 8px 24px rgba(28, 25, 23, .12), 0 2px 6px rgba(28, 25, 23, .08);--radius: 16px;--radius-sm: 10px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-w: 236px;--tnum: tabular-nums}[data-theme=dark]{--bg: #141311;--bg-elev: #1d1b18;--bg-subtle: #26231f;--bg-hover: #221f1c;--ink: #f2efe9;--ink-2: #b8b2a6;--ink-3: #7e786c;--line: #2c2925;--line-strong: #3a362f;--brand: #2fb5a0;--brand-deep: #3cc9b3;--brand-soft: #14332d;--brand-ink: #7fe0cf;--green: #4ade80;--green-soft: #123321;--rose: #fb7185;--rose-soft: #3a1620;--amber: #fbbf24;--amber-soft: #33260c;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -14px rgba(0, 0, 0, .5);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}svg{flex-shrink:0}::placeholder{color:var(--ink-3)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.main{min-width:0;padding:28px 32px 64px}.page{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:20px 14px 16px;background:var(--bg-elev);border-right:1px solid var(--line)}.side-top{display:flex;flex-direction:column;gap:18px;padding:0 6px}.logo{display:flex;align-items:center;gap:10px;padding:2px 6px}.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff}.logo-word{font-weight:800;font-size:17px;letter-spacing:-.02em}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-2);font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px}.privacy-note{display:flex;align-items:flex-start;gap:7px;color:var(--ink-3);font-size:11.5px;line-height:1.45;padding:10px 12px;background:var(--bg-subtle);border-radius:var(--radius-sm)}.privacy-note svg{margin-top:1px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line)}.user-meta{display:flex;flex-direction:column;min-width:0}.user-meta strong{font-size:13px;font-weight:600}.user-meta small{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}.avatar.lg{width:52px;height:52px;font-size:17px}.avatar.alt{background:#5b6dd6}.mobile-topbar,.bottom-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px;border:1px solid transparent;transition:transform .08s,background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px #0b5d5140}.btn.primary:hover:not(:disabled){background:var(--brand-deep)}.btn.secondary{background:var(--bg-elev);border-color:var(--line-strong);color:var(--ink)}.btn.secondary:hover:not(:disabled){border-color:var(--ink-3)}.btn.ghost{color:var(--ink-2)}.btn.ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--ink)}.btn.danger{background:var(--rose);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(.94)}.btn.danger-text{color:var(--rose)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn.block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ink-2);transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg-hover);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.sm{width:28px;height:28px;border-radius:7px}.icon-btn.danger-hover:hover{background:var(--rose-soft);color:var(--rose)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:800;letter-spacing:-.025em}.page-sub{color:var(--ink-2);font-size:13.5px;margin-top:2px}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.month-picker{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:3px}.month-picker-label{font-weight:600;font-size:13px;padding:0 8px;min-width:118px;text-align:center;font-variant-numeric:var(--tnum)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.card-eyebrow{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.card-link{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:600;color:var(--brand-ink)}.card-link:hover{text-decoration:underline}.dash-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.hero-balance{display:flex;flex-direction:column;gap:6px;background:linear-gradient(150deg,var(--bg-elev) 0%,color-mix(in srgb,var(--brand-soft) 55%,var(--bg-elev)) 100%);overflow:hidden;position:relative}.hero-balance:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 10%,transparent) 0%,transparent 70%);pointer-events:none}.hero-balance-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-number{font-size:40px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:var(--tnum);line-height:1.1}.hero-spark{margin-top:6px}.hero-foot{display:flex;justify-content:space-between;color:var(--ink-3);font-size:11px;font-weight:500;margin-top:2px}.delta-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;font-variant-numeric:var(--tnum)}.delta-chip.up{color:var(--green);background:var(--green-soft)}.delta-chip.down{color:var(--rose);background:var(--rose-soft)}.hero-stats{display:flex;flex-direction:column;justify-content:center;gap:4px}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px}.stat-row+.stat-row{border-top:1px solid var(--line)}.stat-value{font-size:21px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:var(--tnum);margin-top:2px}.stat-value.income{color:var(--green)}.stat-value.spending{color:var(--rose)}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.budget-health-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px;color:var(--ink-2)}.budget-health-summary strong{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:var(--tnum);margin-right:6px}.muted{color:var(--ink-3)}.bh-list{display:flex;flex-direction:column;gap:14px}.bh-row{display:flex;align-items:center;gap:12px}.bh-main{flex:1;min-width:0}.bh-topline,.bh-subline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bh-name{font-weight:600;font-size:13.5px}.bh-remaining{font-size:12.5px;font-weight:600;font-variant-numeric:var(--tnum)}.bh-remaining.ok{color:var(--green)}.bh-remaining.warn{color:var(--amber)}.bh-remaining.over{color:var(--rose)}.bh-subline{margin-top:3px;font-size:11.5px}.bh-pct{font-weight:700;font-variant-numeric:var(--tnum)}.bh-pct.over{color:var(--rose)}.bh-pct.warn{color:var(--amber)}.progress{height:8px;border-radius:999px;background:var(--bg-subtle);overflow:hidden;margin:6px 0}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .5s cubic-bezier(.22,1,.36,1)}.progress.warn .progress-fill{background:var(--amber)}.progress.over .progress-fill{background:var(--rose)}.donut{position:relative;margin:0 auto}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-total{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:var(--tnum)}.donut-label{font-size:11.5px;color:var(--ink-3);font-weight:500}.mini-legend,.chart-legend{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mini-legend li,.chart-legend li{display:flex;align-items:center;gap:8px;font-size:13px}.mini-legend li span:not(.legend-dot),.chart-legend .legend-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-legend strong{font-variant-numeric:var(--tnum)}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px;flex-shrink:0}.chart-legend .legend-val{font-variant-numeric:var(--tnum);font-weight:600}.chart-legend .legend-pct{min-width:40px;text-align:right;font-size:12px}.txn-list{display:flex;flex-direction:column}.txn-row{display:flex;align-items:center;gap:12px;padding:9px 0}.txn-row+.txn-row{border-top:1px solid var(--line)}.cat-tile{display:grid;place-items:center;border-radius:11px;flex-shrink:0}.txn-main{flex:1;min-width:0;display:flex;flex-direction:column}.txn-payee{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-meta{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-amount{font-weight:700;font-size:13.5px;font-variant-numeric:var(--tnum);white-space:nowrap}.txn-amount.pos{color:var(--green)}.txn-amount.neg{color:var(--rose)}.txn-amount.zero{color:var(--ink-3);font-weight:600}.acct-list{display:flex;flex-direction:column}.acct-row{display:flex;align-items:center;gap:11px;padding:9px 0}.acct-row+.acct-row{border-top:1px solid var(--line)}.acct-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex-shrink:0}.acct-icon.type-checking{background:var(--brand-soft);color:var(--brand-ink)}.acct-icon.type-savings{background:var(--green-soft);color:var(--green)}.acct-icon.type-credit{background:var(--rose-soft);color:var(--rose)}.acct-icon.type-cash{background:var(--amber-soft);color:var(--amber)}.acct-meta{flex:1;min-width:0;display:flex;flex-direction:column}.acct-meta strong{font-size:13.5px}.acct-meta small{font-size:11.5px;color:var(--ink-3)}.acct-bal{font-weight:700;font-variant-numeric:var(--tnum);font-size:13.5px}.acct-bal.credit{color:var(--rose)}.acct-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-strong);font-size:13px;color:var(--ink-2)}.acct-total strong{font-size:18px;font-weight:800;color:var(--ink);font-variant-numeric:var(--tnum)}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.goal-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.goal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--brand-soft);color:var(--brand-ink);flex-shrink:0}.goal-main{flex:1;min-width:0}.goal-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px}.goal-pct{font-weight:700;font-size:13px;color:var(--brand-ink);font-variant-numeric:var(--tnum)}.goal-sub{font-size:12px}.summary-strip{display:flex;gap:24px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;flex-wrap:wrap}.sum-item{display:flex;flex-direction:column;gap:1px}.sum-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.sum-value{font-size:17px;font-weight:700;font-variant-numeric:var(--tnum)}.sum-value.pos{color:var(--green)}.sum-value.neg{color:var(--rose)}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 12px;color:var(--ink-3)}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.search-box input{border:none;outline:none;background:none;width:100%;font-size:13.5px}.chip-row{display:flex;gap:6px}.chip{padding:7px 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-elev);font-size:12.5px;font-weight:600;color:var(--ink-2);transition:all .15s}.chip:hover{border-color:var(--ink-3)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--bg-elev)}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 32px 8px 12px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;max-width:200px}.select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);pointer-events:none}.txn-groups{display:flex;flex-direction:column;gap:18px}.txn-group-head{display:flex;align-items:baseline;gap:10px;padding:0 4px 6px;font-weight:700;font-size:13px}.txn-group-date{font-weight:500;color:var(--ink-3);font-size:12px}.txn-group-net{margin-left:auto;font-weight:700;font-size:12.5px;font-variant-numeric:var(--tnum)}.txn-group-net.pos{color:var(--green)}.txn-group-net.neg{color:var(--rose)}.txn-card{padding:6px 14px}.txn-list-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 4px;border-radius:var(--radius-sm);transition:background .12s}.txn-list-item:hover{background:var(--bg-hover)}.txn-list-item+.txn-list-item{border-top:1px solid var(--line)}.txn-list-item:hover+.txn-list-item{border-top-color:transparent}.txn-row-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.txn-list-item:hover .txn-row-actions,.txn-row-actions:focus-within{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--brand-soft);color:var(--brand-ink);margin-bottom:4px}.empty-state h3{font-size:16px;font-weight:700}.empty-state p{color:var(--ink-2);max-width:380px;font-size:13.5px;margin-bottom:8px}.budget-summary{display:flex;flex-direction:column;gap:10px}.bs-numbers{display:flex;align-items:center;gap:36px;flex-wrap:wrap}.bs-value{font-size:26px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:var(--tnum)}.bs-value.neg{color:var(--rose)}.bs-state{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px}.bs-state.ok{color:var(--green);background:var(--green-soft)}.bs-state.warn{color:var(--amber);background:var(--amber-soft)}.bs-state.over{color:var(--rose);background:var(--rose-soft)}.bs-note{font-size:11.5px;color:var(--ink-3);margin-top:4px}.budget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.budget-card{display:flex;flex-direction:column;gap:4px}.bc-top{display:flex;align-items:flex-start;justify-content:space-between}.bc-name{font-weight:700;font-size:14.5px;margin-top:8px}.bc-amounts{display:flex;align-items:baseline;gap:6px;font-size:13px}.bc-amounts strong{font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:var(--tnum)}.bc-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;margin-top:2px}.bc-status.ok{color:var(--green)}.bc-status.warn{color:var(--amber)}.bc-status.over{color:var(--rose)}.budget-card.over{border-color:color-mix(in srgb,var(--rose) 35%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--rose) 12%,transparent),var(--shadow-card)}.unbudgeted-list{display:flex;flex-direction:column}.unbudgeted-row{display:flex;align-items:center;gap:12px;padding:9px 0}.unbudgeted-row+.unbudgeted-row{border-top:1px solid var(--line)}.ub-name{flex:1;font-weight:600;font-size:13.5px}.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.recap-tile{display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden}.recap-icon{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bg-subtle);color:var(--ink-3)}.recap-value{font-size:25px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:var(--tnum);margin:4px 0 2px}.recap-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.recap-delta em{font-style:normal;font-weight:500}.recap-delta.up{color:var(--green)}.recap-delta.down{color:var(--rose)}.recap-delta.flat{color:var(--ink-3)}.donut-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.trend-legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--ink-2);margin-top:8px}.trend-legend span{display:inline-flex;align-items:center;gap:6px}.breakdown{display:flex;flex-direction:column}.breakdown-row{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:var(--radius-sm);transition:background .12s}.breakdown-row+.breakdown-row{border-top:1px solid var(--line)}.breakdown-row.active{background:var(--bg-hover)}.bd-main{flex:1;min-width:0}.bd-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.bd-name{font-weight:600;font-size:13.5px}.bd-pct{font-size:12px}.pct-bar{height:6px;border-radius:999px;background:var(--bg-subtle);overflow:hidden;margin-top:4px}.pct-bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.22,1,.36,1)}.bd-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:90px}.bd-right strong{font-variant-numeric:var(--tnum);font-size:13.5px}.bd-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700}.bd-delta.good{color:var(--green)}.bd-delta.bad{color:var(--rose)}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:24px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-2);font-weight:500;font-size:13.5px}.settings-nav-item:hover{background:var(--bg-hover);color:var(--ink)}.settings-nav-item.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.settings-content{min-width:0;display:flex;flex-direction:column;gap:16px}.settings-card{display:flex;flex-direction:column;gap:14px}.profile-row{display:flex;align-items:center;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.label{font-size:12px;font-weight:600;color:var(--ink-2)}.input{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.input.sm{padding:6px 10px;font-size:13px}.field-error{color:var(--rose);font-size:12px;font-weight:500}.field-hint{font-size:12px;color:var(--ink-3)}.field-hint.ok{color:var(--green)}.acct-settings-list{display:flex;flex-direction:column}.acct-settings-row{display:flex;align-items:center;gap:12px;padding:11px 0}.acct-settings-row+.acct-settings-row{border-top:1px solid var(--line)}.acct-settings-row.archived{opacity:.55}.acct-settings-meta{flex:1;min-width:0;display:flex;flex-direction:column}.acct-settings-meta strong{font-size:13.5px}.acct-settings-meta small{font-size:11.5px;color:var(--ink-3)}.acct-settings-bal{font-weight:700;font-variant-numeric:var(--tnum);min-width:110px;text-align:right}.acct-settings-bal.credit{color:var(--rose)}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.type-pick{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--bg-elev)}.type-pick:hover{border-color:var(--ink-3)}.type-pick.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.add-cat-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.add-cat-row .input{flex:1;min-width:200px}.cat-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.cat-settings-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.cat-settings-card.archived{opacity:.55}.cat-settings-meta{flex:1;min-width:0;display:flex;flex-direction:column}.cat-settings-meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-settings-meta small{font-size:11px;text-transform:capitalize}.cat-settings-actions{display:flex;gap:2px}.data-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.data-row:first-of-type{border-top:none}.data-row strong{font-size:14px}.data-row p{font-size:12.5px;margin-top:2px;max-width:520px}.data-row.danger strong{color:var(--rose)}.invite-row{display:flex;gap:10px}.invite-row .input{flex:1;min-width:200px}.member-list{display:flex;flex-direction:column}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0}.member-row+.member-row{border-top:1px solid var(--line)}.member-meta{flex:1;display:flex;flex-direction:column}.member-meta strong{font-size:13.5px}.member-meta small{font-size:11.5px}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14121073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px 16px;overflow-y:auto;animation:fadeIn .15s ease}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-pop);width:100%;animation:slideUp .22s cubic-bezier(.22,1,.36,1);overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}.modal-title{font-size:17px;font-weight:800;letter-spacing:-.02em}.modal-subtitle{font-size:12.5px;color:var(--ink-3);margin-top:2px}.modal-body{padding:18px 22px 22px}.modal-foot{padding:0 22px 20px}.modal-inline-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.modal-inline-spacer{flex:1}.confirm-body{color:var(--ink-2);font-size:13.5px;display:flex;flex-direction:column;gap:8px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.txn-form{display:flex;flex-direction:column;gap:16px}.seg{display:inline-flex;background:var(--bg-subtle);border-radius:var(--radius-sm);padding:3px;gap:3px}.seg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-2);transition:all .15s}.seg-btn.active{background:var(--bg-elev);color:var(--ink);box-shadow:0 1px 3px #1c19171f}.seg-btn.active.expense{color:var(--rose)}.seg-btn.active.income{color:var(--green)}.amount-field{display:flex;align-items:center;gap:10px;background:var(--bg-elev);border:1.5px solid var(--line-strong);border-radius:14px;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.amount-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.amount-field.err{border-color:var(--rose)}.amount-symbol{font-size:26px;font-weight:700;color:var(--ink-3)}.amount-input{border:none;outline:none;background:none;width:100%;font-size:32px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:var(--tnum)}.amount-input::placeholder{color:var(--ink-3);opacity:.55}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cat-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1.5px solid transparent;border-radius:12px;background:var(--bg);font-size:11.5px;font-weight:600;color:var(--ink-2);transition:all .12s}.cat-pick:hover{background:var(--bg-hover)}.cat-pick.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--bg-elev);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:500;box-shadow:var(--shadow-pop);animation:slideUp .25s cubic-bezier(.22,1,.36,1)}[data-theme=dark] .toast{background:#2b2823;color:var(--ink);border:1px solid var(--line-strong)}.toast.success{border-left:3px solid var(--green)}.toast.danger{border-left:3px solid var(--rose)}.toast-msg{flex:1}.toast-action{font-weight:700;color:var(--brand);text-decoration:underline;text-underline-offset:2px}[data-theme=dark] .toast-action{color:#5fd6c2}.toast-close{color:var(--ink-3);font-size:12px;padding:2px 4px}.toast-close:hover{color:var(--ink)}[data-theme=dark] .toast-close:hover{color:var(--ink-2)}.hide-mobile{display:inline-flex}.sparkline{display:block}@media(max-width:1080px){.recap-grid{grid-template-columns:repeat(2,1fr)}.dash-hero,.dash-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;padding:12px 16px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.fab-mini{background:var(--brand);color:#fff;width:38px;height:38px;border-radius:12px;box-shadow:0 4px 12px #0b5d5159}.fab-mini:hover{background:var(--brand-deep);color:#fff}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-elev);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:10.5px;font-weight:600;color:var(--ink-3);border-radius:10px}.bn-item.active{color:var(--brand-ink)}.bn-item.active svg{color:var(--brand)}.main{padding:20px 16px calc(88px + env(safe-area-inset-bottom))}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static;padding-bottom:4px}.settings-nav-item{white-space:nowrap}.donut-row{grid-template-columns:1fr}}@media(max-width:560px){.page-title{font-size:21px}.hero-number{font-size:34px}.recap-grid{grid-template-columns:1fr 1fr;gap:12px}.recap-value{font-size:20px}.goal-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(3,1fr)}.field-row{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(2,1fr)}.bs-numbers{gap:20px}.bs-state{margin-left:0}.summary-strip{gap:18px}.hide-mobile{display:none}}