:root{--paper:oklch(97.6% .021 79);--cream:oklch(95.5% .026 78);--peach:oklch(91.8% .059 55);--peach-deep:oklch(84.5% .094 53);--sage:oklch(78.5% .074 137);--sage-soft:oklch(91.2% .045 137);--lav:oklch(91% .038 300);--primary:oklch(36.5% .074 220);--primary-hover:oklch(30% .067 220);--primary-soft:oklch(46% .082 220);--primary-tint:oklch(92.7% .032 218);--primary-glow:oklch(36.5% .074 220/.35);--coral:var(--primary);--coral-hover:var(--primary-hover);--coral-soft:var(--primary-soft);--coral-tint:var(--primary-tint);--action:oklch(66.8% .158 153);--action-hover:oklch(71.5% .163 153);--action-fg:oklch(22% .03 155);--action-glow:oklch(66.8% .158 153/.34);--success:oklch(45.5% .112 145);--success-bg:oklch(91.8% .048 145);--warning:oklch(46.5% .125 62);--warning-bg:oklch(92.5% .058 66);--expense:oklch(47% .118 38);--expense-bg:oklch(92.8% .046 39);--danger:oklch(48.5% .152 31);--danger-hover:oklch(44% .145 31);--danger-bg:oklch(92.2% .041 31);--info:oklch(44% .096 235);--info-bg:oklch(92.8% .037 235);--ink:oklch(24.5% .018 63);--ink-soft:oklch(35.5% .021 63);--muted:oklch(53.5% .026 69);--muted-soft:oklch(76.5% .024 70);--line:oklch(24.5% .018 63/.1);--line-strong:oklch(24.5% .018 63/.17);--card:oklch(99.2% .006 84);--shadow-sm:0 1px 3px oklch(36.5% .074 220/.04), 0 1px 2px oklch(36.5% .074 220/.06);--shadow-md:0 4px 12px oklch(36.5% .074 220/.06), 0 2px 4px oklch(36.5% .074 220/.04);--shadow-lg:0 12px 32px -8px oklch(36.5% .074 220/.15), 0 8px 16px -4px oklch(36.5% .074 220/.08);--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--ring:0 0 0 3px oklch(36.5% .074 220/.35);--ring-danger:0 0 0 3px oklch(51.5% .155 31/.35);--tap:44px;--bg-glow-warm:oklch(84.5% .094 53/.2);--bg-glow-cool:oklch(36.5% .074 220/.08);--surface-bar:oklch(97.6% .021 79/.92);--surface-bar-deep:oklch(99.2% .006 84/.92);--surface-overlay-faint:oklch(24.5% .018 63/.08);--surface-overlay-soft:oklch(24.5% .018 63/.16);--surface-scrim:oklch(24.5% .018 63/.42);--primary-ghost:oklch(36.5% .074 220/.12);--primary-wash:oklch(36.5% .074 220/.06);--danger-wash:oklch(48.5% .152 31/.06);--primary-border:oklch(36.5% .074 220/.22);--primary-border-soft:oklch(36.5% .074 220/.16);--success-border:oklch(49.5% .115 145/.22);--success-border-soft:oklch(49.5% .115 145/.14);--warning-border:oklch(60% .122 62/.26);--danger-border:oklch(51.5% .155 31/.28);--danger-border-soft:oklch(51.5% .155 31/.18);--danger-border-soft-alt:oklch(48.5% .152 31/.24);--expense-border-soft:oklch(50.5% .118 38/.14);--info-border-soft:oklch(47% .1 235/.14);--ink-border-dashed:oklch(24.5% .018 63/.24);--action-ring:oklch(66.8% .158 153/.32);--paper-fade:oklch(97.6% .021 79/.72);--danger-shadow:oklch(48.5% .152 31/.42)}@media (prefers-color-scheme:dark){:root{--paper:oklch(18% .015 79);--cream:oklch(22% .018 78);--peach:oklch(32% .075 55);--peach-deep:oklch(45% .12 53);--sage:oklch(62% .1 137);--sage-soft:oklch(30% .06 137);--lav:oklch(32% .055 300);--primary:oklch(66% .12 220);--primary-hover:oklch(72% .13 220);--primary-soft:oklch(56% .1 220);--primary-tint:oklch(32% .055 218);--primary-glow:oklch(66% .12 220/.4);--coral:var(--primary);--coral-hover:var(--primary-hover);--coral-soft:var(--primary-soft);--coral-tint:var(--primary-tint);--action:oklch(70% .16 153);--action-hover:oklch(76% .17 153);--action-fg:oklch(18% .025 155);--action-glow:oklch(70% .16 153/.42);--success:oklch(66% .14 145);--success-bg:oklch(28% .075 145);--warning:oklch(68% .15 62);--warning-bg:oklch(28% .085 66);--expense:oklch(68% .15 38);--expense-bg:oklch(28% .075 39);--danger:oklch(70% .17 31);--danger-hover:oklch(62% .18 31);--danger-bg:oklch(28% .08 31);--info:oklch(66% .12 235);--info-bg:oklch(28% .06 235);--ink:oklch(94% .015 63);--ink-soft:oklch(82% .018 63);--muted:oklch(66% .022 69);--muted-soft:oklch(50% .02 70);--line:oklch(94% .015 63/.12);--line-strong:oklch(94% .015 63/.22);--card:oklch(25% .01 84);--shadow-sm:0 1px 3px oklch(8% .015 220/.5), 0 1px 2px oklch(8% .015 220/.35);--shadow-md:0 4px 12px oklch(8% .015 220/.55), 0 2px 4px oklch(8% .015 220/.35);--shadow-lg:0 12px 32px -8px oklch(8% .015 220/.6), 0 8px 16px -4px oklch(8% .015 220/.4);--ring:0 0 0 3px oklch(66% .12 220/.4);--ring-danger:0 0 0 3px oklch(70% .17 31/.4);--bg-glow-warm:oklch(45% .085 53/.14);--bg-glow-cool:oklch(66% .12 220/.14);--surface-bar:oklch(20% .018 79/.9);--surface-bar-deep:oklch(22% .012 84/.9);--surface-overlay-faint:oklch(94% .015 63/.1);--surface-overlay-soft:oklch(94% .015 63/.18);--surface-scrim:oklch(6% .015 63/.7);--primary-ghost:oklch(66% .12 220/.22);--primary-wash:oklch(66% .12 220/.12);--danger-wash:oklch(70% .17 31/.12);--primary-border:oklch(66% .12 220/.3);--primary-border-soft:oklch(66% .12 220/.24);--success-border:oklch(66% .14 145/.3);--success-border-soft:oklch(66% .14 145/.22);--warning-border:oklch(68% .15 62/.32);--danger-border:oklch(70% .17 31/.34);--danger-border-soft:oklch(70% .17 31/.26);--danger-border-soft-alt:oklch(70% .17 31/.3);--expense-border-soft:oklch(68% .15 38/.24);--info-border-soft:oklch(66% .12 235/.22);--ink-border-dashed:oklch(94% .015 63/.28);--action-ring:oklch(70% .16 153/.38);--paper-fade:oklch(94% .015 63/.72);--danger-shadow:oklch(70% .17 31/.5)}}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 0% 0%, var(--bg-glow-warm), transparent 35%), radial-gradient(circle at 100% 100%, var(--bg-glow-cool), transparent 40%), var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px}::selection{background:var(--coral-tint);color:var(--coral)}button,input{font:inherit}select{font:inherit;color:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}input,select{min-width:0;color:inherit;background:0 0;border:0}input:focus,select:focus,button:focus{outline:none}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none;transition:box-shadow .12s}button:focus-visible,a:focus-visible{box-shadow:var(--ring);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--ring);border-color:var(--coral);outline:none}button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover{box-shadow:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{padding:var(--space-2) var(--space-3);background:var(--ink);color:var(--paper);border-radius:0 0 var(--radius-md) 0;z-index:200;font-weight:700;transition:transform .15s;position:absolute;top:0;left:0;transform:translateY(-110%)}.skip-link:focus{box-shadow:var(--ring);outline:none;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}img,svg{max-width:100%;height:auto}.app{width:100%;max-width:100%;min-height:100dvh}.auth-shell{min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid}.auth-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(520px,100%);box-shadow:var(--shadow-lg);padding:clamp(var(--space-4), 5vw, var(--space-6))}.auth-panel .brand{padding:0 0 var(--space-6)}.auth-panel h1{margin-bottom:var(--space-3);overflow-wrap:anywhere;font-size:clamp(36px,8vw,66px)}.auth-panel p{color:var(--muted);line-height:1.55}.auth-alert{align-items:start;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);background:var(--danger-bg);border:1px solid var(--danger-border-soft-alt);border-radius:var(--radius-md);box-shadow:0 10px 22px -18px var(--danger-shadow);color:var(--danger);grid-template-columns:auto minmax(0,1fr);display:grid}.auth-alert svg{color:var(--danger);margin-top:2px}.auth-alert p{color:var(--danger-hover);overflow-wrap:anywhere;margin:0;font-weight:850;line-height:1.35}.auth-panel label{gap:var(--space-2);margin-top:var(--space-4);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700;display:grid}.auth-panel input{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);width:100%;font-size:16px;font-weight:700}.social-btn{width:100%;margin:var(--space-4) 0 var(--space-2);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:800}.social-btn:hover{color:var(--coral);box-shadow:var(--shadow-md)}.sidebar{background:var(--cream);border-right:1px solid var(--line);padding:var(--space-6) var(--space-4);gap:var(--space-1);flex-direction:column;min-width:0;height:100dvh;display:none;position:sticky;top:0;overflow-y:auto}.brand,.brand-m{align-items:center;min-width:0;display:flex}.brand{padding:var(--space-2) var(--space-3) var(--space-6)}.wordmark-img{width:132px;min-width:0;height:auto;display:block}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--ink-soft);min-width:0;min-height:var(--tap);font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--primary-tint);color:var(--primary)}.nav-item:active{transform:translateY(1px)}.nav-item.active,.nav-item[aria-current=page]{background:var(--primary);color:var(--paper);box-shadow:0 4px 14px -4px var(--primary-glow)}.nav-item:focus-visible{box-shadow:var(--ring);outline:none}.nav-item.active:focus-visible,.nav-item[aria-current=page]:focus-visible{box-shadow:0 4px 14px -4px var(--primary-glow), var(--ring)}.grow{flex:1}.profile-menu{margin-top:var(--space-3);min-width:0;position:relative}.profile-menu.compact{margin-top:0}.profile{text-align:left;width:100%;padding:var(--space-3);background:var(--card);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);min-width:0;display:flex}.profile:hover,.profile-icon:hover{box-shadow:var(--shadow-md)}.profile-icon{width:var(--tap);height:var(--tap);flex:0 0 var(--tap);background:var(--card);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.avatar{background:var(--primary);width:38px;height:38px;color:var(--paper);border-radius:50%;flex:0 0 38px;place-items:center;font-family:Recoleta,Georgia,serif;font-weight:600;display:grid}.profile>div:not(.avatar){flex:1;min-width:0;overflow:hidden}.profile .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.profile .em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.profile-popover{left:0;right:0;bottom:calc(100% + var(--space-2));z-index:80;gap:var(--space-1);padding:var(--space-2);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:grid;position:absolute}.profile-menu.compact .profile-popover{left:auto;right:0;top:calc(100% + var(--space-2));width:min(220px, calc(100vw - var(--space-5)));max-width:calc(100vw - var(--space-5));bottom:auto}.profile-popover button{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--ink-soft);text-align:left;font-weight:800;display:flex}.profile-popover button:hover{background:var(--cream);color:var(--coral)}.profile-popover button:active{transform:translateY(1px)}.topbar{z-index:50;background:var(--surface-bar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex;position:sticky;top:0}.topbar .brand-m{flex:1;min-width:0;overflow:hidden}.brand-m .wordmark-img{width:116px}.actions{gap:var(--space-2);flex:none;align-items:center;display:flex}.icon-btn{width:var(--tap);height:var(--tap);flex:0 0 var(--tap);background:var(--card);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:box-shadow .15s,color .15s;display:grid}.icon-btn:hover{color:var(--coral);box-shadow:var(--shadow-md)}.icon-btn:focus-visible{box-shadow:var(--shadow-sm), var(--ring)}main{min-width:0;padding:0 var(--space-4) 96px}.page-head-action{display:none}.desktop-add-cta{justify-content:center;align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--action);color:var(--action-fg);box-shadow:0 16px 28px -14px var(--action-glow);font-weight:900;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.desktop-add-cta:hover,.desktop-add-cta.active,.desktop-add-cta[aria-current=page]{background:var(--action-hover);box-shadow:0 18px 34px -14px var(--action-glow);transform:translateY(-1px)}.desktop-add-cta:active{box-shadow:0 12px 22px -14px var(--action-glow);transform:translateY(0)}.desktop-add-cta:focus-visible{box-shadow:0 16px 28px -14px var(--action-glow), 0 0 0 3px var(--action-ring)}.screen{padding-top:var(--space-6);padding-bottom:40px;animation:.35s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.offline{max-width:1180px;margin:var(--space-4) auto 0;background:var(--peach);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--ink-soft)}.page-head{max-width:1180px;margin:0 auto var(--space-7);padding-top:var(--space-2);min-width:0}.page-head>div:first-child{min-width:0}.greet{color:var(--muted);margin-bottom:var(--space-1);font-size:14px}h1{letter-spacing:0;overflow-wrap:break-word;margin:0;font-family:Recoleta,Georgia,serif;font-size:clamp(34px,7vw,68px);font-weight:500;line-height:.96}h1 em,.headline em{color:var(--coral);font-style:normal}.dash-grid,.history-grid,.reports-grid,.budget-grid,.add-grid{gap:var(--space-5);min-width:0;max-width:1180px;margin:0 auto;display:grid}.dash-grid>*,.history-grid>*,.reports-grid>*,.budget-grid>*,.add-grid>*{min-width:0}.card,.cat-card,.global-cap,.report-hero,.insight-card,.add-container{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--line);min-width:0}.label,.l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.sublabel,.sub,.meta,.of{color:var(--muted);font-size:13px}.cats-grid,.stats-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.cats-grid>*,.stats-grid>*{min-width:0}.mini-bar,.slider-track{background:var(--surface-overlay-faint);height:10px;margin-top:var(--space-5);border-radius:999px;overflow:hidden}.mini-bar .f,.slider-fill{background:var(--coral);border-radius:999px;width:45%;height:100%}.hero-narrative{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(var(--space-5), 5vw, var(--space-7)) clamp(var(--space-4), 5vw, var(--space-6));gap:var(--space-3);min-width:0;display:grid;position:relative;overflow:hidden}.hero-narrative:before{content:"";background:radial-gradient(120% 60% at 92% -10%, var(--primary-tint), transparent 60%);opacity:.8;pointer-events:none;z-index:0;position:absolute;inset:0}.hero-narrative.good{border-color:var(--success-border)}.hero-narrative.good:before{background:radial-gradient(120% 60% at 92% -10%, var(--success-bg), transparent 62%);opacity:.9}.hero-narrative.watch{border-color:var(--warning-border)}.hero-narrative.watch:before{background:radial-gradient(120% 60% at 92% -10%, var(--warning-bg), transparent 62%);opacity:.9}.hero-narrative.over{border-color:var(--danger-border)}.hero-narrative.over:before{background:radial-gradient(120% 60% at 92% -10%, var(--danger-bg), transparent 62%);opacity:.9}.hero-narrative>*{z-index:1;position:relative}.hero-eyebrow{align-items:baseline;gap:var(--space-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;font-size:12px;font-weight:700;display:inline-flex}.hero-eyebrow>span[aria-hidden]{color:var(--muted-soft)}.hero-amount{letter-spacing:-.012em;color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:Recoleta,Georgia,serif;font-size:clamp(56px,13vw,120px);font-weight:500;line-height:.92}.hero-sentence{color:var(--ink-soft);max-width:58ch;margin:0;font-size:clamp(16px,1.55vw,18px);line-height:1.5}.hero-sentence b{color:var(--ink);font-weight:800}.hero-narrative.over .hero-sentence b{color:var(--danger-hover)}.period-line{margin-top:var(--space-3);padding:var(--space-6) 0 var(--space-7);min-height:64px;position:relative}.period-baseline{background:var(--line-strong);height:1px;position:absolute;top:50%;left:0;right:0}.period-mark{white-space:nowrap;pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;top:50%;transform:translate(-50%)}.period-mark .tick{border-radius:50%;width:9px;height:9px;margin-top:-4.5px}.period-mark .lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.period-mark--time{z-index:2}.period-mark--time .tick{background:var(--primary);box-shadow:0 0 0 4px var(--primary-ghost)}.period-mark--time .lbl{color:var(--primary)}.period-mark--spend{z-index:1}.period-mark--spend .tick{background:var(--card);border:1.5px solid var(--ink-soft)}.period-mark--spend.behind .tick{border-color:var(--danger);background:var(--danger-bg)}.period-mark--spend.behind .lbl{color:var(--danger)}.period-mark--spend.ahead .tick{border-color:var(--success);background:var(--success-bg)}.period-mark--spend.ahead .lbl{color:var(--success)}.hero-footnote{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.emergency-line{align-items:baseline;gap:var(--space-2);color:var(--muted);display:inline-flex}.emergency-line-label{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.emergency-line b{color:var(--ink);font-family:Recoleta,Georgia,serif;font-size:17px;font-weight:600}.hero-action{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-3);color:var(--primary);border-radius:var(--radius-sm);font-size:14px;font-weight:800;transition:color .15s cubic-bezier(.22,1,.36,1),background .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.hero-action:hover{color:var(--primary-hover);background:var(--primary-wash)}.hero-narrative.over .hero-action{color:var(--danger)}.hero-narrative.over .hero-action:hover{color:var(--danger-hover);background:var(--danger-wash)}.in{color:var(--success)}.out{color:var(--expense)}.coral{color:var(--primary)}.section-title{margin:var(--space-7) 0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-title.compact{margin-top:0}.section-title h2,.section-title h3{margin:0;font-size:clamp(17px,2.4vw,19px)}.section-title button{min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--coral);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.cat-card{padding:var(--space-4);border-radius:var(--radius-md)}.top-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.ico{border-radius:var(--radius-md);background:var(--warning-bg);width:42px;height:42px;color:var(--warning);text-align:center;flex:0 0 42px;place-items:center;font-size:20px;line-height:1;display:grid}.ico.sage,.sage{background:var(--success-bg);color:var(--success)}.ico.lav,.lav{background:var(--info-bg);color:var(--info)}.ico.peach,.peach{background:var(--expense-bg);color:var(--expense)}.pct{color:var(--muted);white-space:nowrap;font-weight:700}.pct.warn{color:var(--danger)}.cat-card .nm,.tx-row .nm,.envelope-card .nm{margin-top:var(--space-3);overflow-wrap:anywhere;font-weight:700}.spent{margin-top:var(--space-2);overflow-wrap:anywhere;font-family:Recoleta,Georgia,serif;font-size:clamp(22px,4vw,28px)}.mini-bar .warn{background:var(--danger)}.tx-list{gap:var(--space-2);flex-direction:column;display:flex}.history-grid .search-bar+.tx-list{margin-top:var(--space-5)}.tx-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;display:flex}.tx-row .body{flex:1;min-width:0}.tx-row .nm{white-space:nowrap;text-overflow:ellipsis;margin-top:0;overflow:hidden}.tx-row .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.amt{white-space:nowrap;flex:none;font-weight:700}.add-container{max-width:900px;padding:clamp(var(--space-4), 5vw, var(--space-5));margin:0 auto}.toggle-row{background:var(--cream);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.toggle-row.compact{margin:var(--space-4) 0 var(--space-3);border-radius:var(--radius-sm)}.toggle-row button{padding:var(--space-3);border-radius:var(--radius-sm);min-width:0;min-height:var(--tap);font-weight:700;transition:background .15s,color .15s}.toggle-row .active,.toggle-row button[aria-pressed=true]{background:var(--primary);color:var(--paper)}.add-amount{background:var(--cream);border-radius:var(--radius-lg);padding:clamp(var(--space-3), 4vw, var(--space-5));display:block;overflow:hidden;container-type:inline-size}.add-amount .pre{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.add-amount input{width:100%;margin-top:var(--space-2);font-family:Recoleta,Georgia,serif;font-size:clamp(36px,14cqw,64px);line-height:1.05}.chips-row,.filter-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.chip,.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--tap);background:var(--card);border:1px solid var(--line);border-radius:999px;max-width:100%;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.chip span,.filter-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip.active,.filter-chip.active,.chip[aria-pressed=true],.filter-chip[aria-pressed=true]{background:var(--primary);color:var(--paper);border-color:var(--primary)}.chip:hover,.filter-chip:hover{border-color:var(--line-strong)}.field-row,.search-bar{align-items:center;gap:var(--space-3);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;min-width:0;transition:border-color .12s,box-shadow .12s;display:flex}.field-row:focus-within,.search-bar:focus-within{border-color:var(--coral);box-shadow:var(--shadow-sm), var(--ring)}.field-row .body,.search-bar input{flex:160px;min-width:0}.lbl{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600;display:block}.field-row input{width:100%;margin-top:var(--space-1);font-weight:700}.primary-btn{width:100%;min-height:var(--tap);margin-top:var(--space-5);background:var(--primary);color:var(--paper);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 10px 24px -8px var(--primary-glow);font-weight:800;transition:background .18s,transform .18s,box-shadow .18s}.primary-btn:hover:not(:disabled){background:var(--coral-hover)}.primary-btn:active:not(:disabled){box-shadow:0 7px 18px -10px var(--primary-glow);transform:translateY(1px)}.primary-btn:focus-visible{box-shadow:0 10px 24px -8px var(--primary-glow), var(--ring)}.primary-btn.small{width:auto}.primary-btn:disabled{opacity:.65;cursor:wait}.primary-btn .arrow{margin-left:var(--space-2);transition:transform .18s;display:inline-block}.primary-btn:hover:not(:disabled) .arrow{transform:translate(3px)}.error{color:var(--danger);font-weight:700}.success{color:var(--success);font-weight:700}.danger-btn{width:100%;min-height:var(--tap);margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--danger);color:var(--paper);box-shadow:0 10px 24px -10px var(--danger-shadow);font-weight:900;transition:background .18s,transform .18s,box-shadow .18s}.danger-btn:hover:not(:disabled){background:var(--danger-hover)}.danger-btn:active:not(:disabled){box-shadow:0 7px 18px -12px var(--danger-shadow);transform:translateY(1px)}.danger-btn:focus-visible{box-shadow:0 10px 24px -10px var(--danger-shadow), var(--ring-danger)}.danger-btn:disabled{opacity:.55;cursor:not-allowed}.csv-import-actions{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.csv-import-actions .primary-btn.small{margin-top:0}.file-picker{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);background:var(--cream);border:1px dashed var(--ink-border-dashed);border-radius:var(--radius-md);color:var(--ink-soft);cursor:pointer;min-width:0;font-weight:800;display:flex}.file-picker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-errors{gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger-border-soft);border-radius:var(--radius-md);display:grid}.import-errors p{color:var(--danger);margin:0;font-size:13px;font-weight:700;line-height:1.35}.budget-grid{align-items:start}.budget-grid>.col-left,.budget-grid>.col-right{min-width:0}.budget-overview{max-width:1180px;margin:0 auto var(--space-5);gap:var(--space-3);min-width:0;display:grid}.budget-overview>div{padding:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:4px;min-width:0;display:grid}.budget-overview>div:first-child{background:var(--primary-tint);border-color:var(--primary-border-soft)}.budget-overview>div:nth-child(2){background:var(--success-bg);border-color:var(--success-border-soft)}.budget-overview>div:nth-child(3){background:var(--expense-bg);border-color:var(--expense-border-soft)}.budget-overview>div:nth-child(4){background:var(--info-bg);border-color:var(--info-border-soft)}.budget-overview strong{overflow-wrap:anywhere;font-family:Recoleta,Georgia,serif;font-size:clamp(22px,4vw,30px);line-height:1}.budget-overview span:not(.label){color:var(--muted);font-size:13px;line-height:1.35}.period-selector{gap:var(--space-2);display:grid}.period-btn{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:0;min-height:76px;transition:border-color .15s,background .15s;overflow:hidden}.period-btn:hover:not(.active){border-color:var(--coral-soft)}.period-btn.active{background:var(--primary);color:var(--paper)}.period-btn .nm{overflow-wrap:anywhere;font-weight:800;line-height:1.15;display:block}.period-btn .desc{opacity:.72;margin-top:var(--space-1);overflow-wrap:anywhere;font-size:13px;line-height:1.25;display:block}.global-cap{padding:var(--space-5);margin-top:var(--space-5);border-radius:var(--radius-lg);gap:var(--space-3);min-width:0;display:grid;overflow:hidden;container-type:inline-size}.global-cap .amt,.income-limit .amt{letter-spacing:0;overflow-wrap:anywhere;width:100%;font-family:Recoleta,Georgia,serif;font-size:clamp(36px,13cqw,72px);font-weight:700;line-height:.96}.budget-panel{margin-top:var(--space-6);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(var(--space-4), 4vw, var(--space-5));box-shadow:var(--shadow-md);min-width:0;overflow:hidden}.budget-grid .budget-panel:first-child,.envelope-budget-panel{margin-top:0}.profile-panel{gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);display:grid}.profile-panel .section-title,.profile-panel .hint:last-child{margin-bottom:0}.step-index{width:24px;height:24px;margin-right:var(--space-2);background:var(--primary);color:var(--paper);vertical-align:middle;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.profile-status{background:var(--cream);color:var(--muted);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.profile-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-options{gap:var(--space-3);display:grid}.profile-option{gap:var(--space-1);padding:var(--space-3);text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .15s,background .15s;display:grid}.profile-option:hover,.profile-option.active{background:var(--card);border-color:var(--coral-soft)}.profile-option .nm{font-weight:900}.profile-option .desc,.profile-option .mix{color:var(--muted);font-size:13px;line-height:1.35}.questionnaire{gap:var(--space-3);display:grid}.questionnaire label:not(.check-row){gap:var(--space-2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800;display:grid}.questionnaire select{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:var(--space-3);font-weight:800}.check-row{align-items:center;gap:var(--space-2);color:var(--ink-soft);font-weight:800;line-height:1.35;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--coral);flex:0 0 18px}.budget-alert{width:fit-content;margin-top:var(--space-2);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.budget-alert.soft{background:var(--warning-bg);color:var(--warning)}.budget-alert.strong{background:var(--danger-bg);color:var(--danger)}.expense-category-field{margin-bottom:var(--space-5)}.emergency-fund-panel .top-row{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.emergency-fund-panel .top-row>div:first-child{flex:220px;min-width:0}.income-budget-panel{border-color:var(--primary-border)}.income-limit{gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;display:grid}.income-limit-main{gap:var(--space-2);min-width:0;display:grid}.income-limit .l{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:900}.income-limit-mode .toggle-row{margin:0}.hint{color:var(--muted);margin:var(--space-2) 0 var(--space-4);line-height:1.5}.hint.compact{margin-bottom:0}.switch-row{align-items:center;gap:var(--space-2);color:var(--ink-soft);white-space:nowrap;flex:none;font-weight:800;display:inline-flex}.switch-row input{appearance:none;background:var(--surface-overlay-soft);border:1px solid var(--line);border-radius:999px;flex:0 0 42px;width:42px;height:24px;transition:all .16s;position:relative}.switch-row input:before{content:"";background:var(--card);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:all .16s;position:absolute;top:2px;left:2px}.switch-row input:checked{background:var(--coral)}.switch-row input:checked:before{transform:translate(18px)}.recurring-form{gap:var(--space-2);margin-top:var(--space-3);display:grid}.recurring-form input,.recurring-form select{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);width:100%;min-width:0;font-weight:700}.compact-field{gap:var(--space-1);min-width:0;display:grid}.compact-field span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.25}.recurring-list{gap:var(--space-3);margin-top:var(--space-5);display:grid}.category-mini-list{gap:var(--space-2);margin-top:var(--space-4);display:grid}.category-mini-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;display:flex}.category-mini-row span{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;display:inline-flex;overflow:hidden}.category-mini-row button{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--danger);white-space:nowrap;font-size:13px;font-weight:800;display:inline-flex}.mini-ico{border-radius:var(--radius-sm);text-align:center;flex:0 0 28px;place-items:center;width:28px;height:28px;line-height:1;display:grid}.slider-knob{background:var(--card);border:4px solid var(--primary);width:24px;height:24px;box-shadow:var(--shadow-md);border-radius:50%;transform:translate(44%,-17px)}.envelope-card{align-items:center;gap:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;min-width:0;display:grid}.envelope-card .body{min-width:0}.envelope-card .nm{overflow-wrap:anywhere;margin-top:0}.envelope-card .meta{overflow-wrap:anywhere}.envelope-card .pct,.envelope-card .amt,.envelope-card .ghost-btn{white-space:nowrap}.category-actions{gap:var(--space-2);justify-items:end;display:grid}.recurring-card .body{align-content:center;gap:2px;display:grid}.recurring-card .body .meta{color:var(--muted);font-size:13px;font-weight:700}.recurring-actions{gap:var(--space-1);align-content:center;justify-items:end;min-width:0;display:grid}.recurring-actions .amt{letter-spacing:0;font-family:Recoleta,Georgia,serif;font-size:clamp(18px,3.2vw,22px);font-weight:800}.recurring-actions .amt.in{color:var(--success)}.recurring-actions .amt.out{color:var(--danger)}.recurring-actions .ghost-btn.inline{letter-spacing:.02em;margin:0;font-size:12px;font-weight:800}.danger-link{color:var(--danger)}.danger-link:hover{color:var(--danger-hover)}.danger-zone{background:var(--danger-bg);border-color:var(--danger-border-soft)}.danger-zone h2,.danger-zone .account-card-head svg{color:var(--danger)}.editable{width:100%;margin-top:var(--space-1);letter-spacing:0;min-width:0;font-family:Recoleta,Georgia,serif;font-size:clamp(20px,4.5vw,25px);line-height:1.05}.total-bar{padding:var(--space-4);background:var(--cream);border-radius:var(--radius-md);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-weight:800;display:flex}.history-side .card,.household-card{padding:clamp(var(--space-4), 4vw, var(--space-6))}.summary-stack{gap:var(--space-4);display:grid}.summary-stack span{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.reports-grid{gap:var(--space-6);align-items:start}.report-hero{padding:clamp(var(--space-4), 4vw, var(--space-6));overflow:hidden}.headline{margin-top:var(--space-2);overflow-wrap:break-word;font-family:Recoleta,Georgia,serif;font-size:clamp(28px,6vw,58px);line-height:1.02}.chart{margin-top:var(--space-4);width:100%;min-width:0;height:160px}.area-chart{width:100%;height:160px;color:var(--primary);display:block;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-area{fill:url(#spend-area)}.chart-line{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--card);stroke:currentColor;stroke-width:3px}.report-aside{align-content:start;display:grid}.insight-card{padding:clamp(var(--space-4), 4vw, var(--space-5));background:var(--ink);color:var(--paper)}.quote{margin:var(--space-3) 0;overflow-wrap:break-word;font-family:Recoleta,Georgia,serif;font-size:clamp(20px,3.6vw,26px);line-height:1.18}.sig{color:var(--paper-fade)}.report-categories{gap:var(--space-4);min-width:0;display:grid}.report-categories .section-title{margin:0}.report-categories .cats-grid{gap:var(--space-5);margin-top:0}.report-categories .cat-card{padding:var(--space-5)}.household-card{gap:var(--space-5);max-width:760px;margin:0 auto;display:grid}.household-card+.household-card{margin-top:var(--space-6)}.invite-form{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.pending-invites{gap:var(--space-1);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.pending-invites h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px}.pending-invites p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-weight:700}.account-grid{gap:var(--space-5);min-width:0;max-width:960px;margin:0 auto;display:grid}.account-card{gap:var(--space-4);padding:clamp(var(--space-4), 4vw, var(--space-6));align-content:start;display:grid}.account-card.danger-zone{grid-column:1/-1}.account-card-head{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.account-card-head h2{margin:0}.account-card-head .hint{margin:var(--space-1) 0 0}.billing-plans{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.billing-plans .primary-btn{margin-top:0}.transfer-grid{gap:var(--space-5);min-width:0;max-width:900px;margin:0 auto;display:grid}.transfer-card{padding:clamp(var(--space-4), 4vw, var(--space-6));gap:var(--space-4);align-content:start;min-width:0;display:grid}.transfer-card .section-title{margin-bottom:0}.transfer-card .primary-btn{margin-top:0}.admin-shell{gap:var(--space-5);min-width:0;max-width:1180px;margin:0 auto;display:grid}.admin-toolbar{padding:var(--space-4);gap:var(--space-3);align-items:center;display:grid}.admin-search{box-shadow:none;background:var(--cream);margin:0}.admin-metrics{gap:var(--space-3);color:var(--muted);flex-wrap:wrap;font-weight:800;display:flex}.admin-metrics span{background:var(--cream);border-radius:999px;align-items:baseline;gap:5px;padding:6px 10px;display:inline-flex}.admin-metrics strong{color:var(--ink)}.admin-layout{gap:var(--space-5);min-width:0;display:grid}.admin-account-list,.admin-user-list{gap:var(--space-2);display:grid}.admin-account-card{padding:var(--space-4);gap:var(--space-4);align-items:start;display:grid}.admin-account-main{gap:var(--space-3);min-width:0;display:grid}.admin-account-title{justify-content:space-between;gap:var(--space-3);align-items:flex-start;min-width:0;display:flex}.admin-account-title>div{min-width:0}.admin-account-title .nm,.admin-user-row .nm,.admin-account-row .nm,.admin-detail-heading .nm{overflow-wrap:anywhere;font-weight:900}.admin-account-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;grid-template-columns:minmax(0,1fr) auto auto;transition:border-color .15s,background .15s,transform .15s;display:grid}.admin-account-row:hover,.admin-account-row.active{border-color:var(--primary-soft);background:var(--primary-tint);transform:translateY(-1px)}.admin-account-row-main,.admin-account-row-meta{gap:3px;min-width:0;display:grid}.admin-account-row-main .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-account-row-meta{color:var(--muted);text-align:right;white-space:nowrap;font-size:12px;font-weight:800}.status-pill,.mini-badge{background:var(--cream);width:fit-content;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.active{background:var(--success-bg);color:var(--success)}.status-pill.warning{background:var(--warning-bg);color:var(--danger)}.member-strip{gap:var(--space-2);flex-wrap:wrap;display:flex}.member-strip span{background:var(--cream);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:5px 8px;font-size:12px;font-weight:800;overflow:hidden}.admin-inline-form{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.admin-inline-form.stacked{grid-template-columns:1fr}.admin-inline-form input,.admin-invite-link input{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);width:100%;min-width:0;font-weight:800}.admin-inline-form button,.admin-subscription-actions button,.admin-subscription-actions a,.admin-list button{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--cream);color:var(--coral);white-space:nowrap;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.admin-inline-form .danger-btn{background:var(--danger);color:var(--paper);box-shadow:0 10px 24px -10px var(--danger-shadow);margin-top:0}.admin-inline-form .danger-btn:hover:not(:disabled){background:var(--danger-hover)}.admin-inline-form button:disabled,.admin-subscription-actions button:disabled{opacity:.5;cursor:wait}.admin-inline-form .danger-btn:disabled{cursor:not-allowed}.admin-free-access{margin:0}.admin-invite-link{gap:var(--space-2);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:900;display:grid}.admin-list{gap:var(--space-2);display:grid}.admin-list.compact{gap:var(--space-1)}.admin-list span{justify-content:space-between;gap:var(--space-3);color:var(--muted);flex-wrap:wrap;display:flex}.admin-subscription-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.admin-detail-card{gap:var(--space-4);padding:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:0;display:grid}.admin-detail-card+.admin-detail-card{margin-top:var(--space-5)}.admin-detail-heading{gap:4px;min-width:0;display:grid}.admin-detail-section{gap:var(--space-3);min-width:0;display:grid}.admin-danger-section{padding:var(--space-3);border:1px solid var(--danger-border-soft);border-radius:var(--radius-md)}.section-title.compact.admin-users-title{margin-top:var(--space-8)}.admin-user-row{gap:var(--space-3);padding:var(--space-3);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.admin-user-row .body{min-width:0}.avatar.small{flex-basis:32px;width:32px;height:32px;font-size:15px}.ghost-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-2);margin:var(--space-5) auto;color:var(--muted);font-weight:700;transition:color .15s;display:inline-flex}.ghost-btn:hover{color:var(--coral)}.ghost-btn.small{margin:var(--space-2) 0;font-size:12px}.ghost-btn.inline{margin:0 0 0 var(--space-2);white-space:nowrap}.bottombar{z-index:60;background:var(--surface-bar-deep);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));gap:var(--space-1);grid-template-columns:1fr 1fr 56px 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);color:var(--muted);min-width:0;min-height:var(--tap);border-radius:var(--radius-sm);flex-direction:column;font-size:11px;font-weight:600;display:flex;overflow:hidden}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab:active{background:var(--primary-tint)}.tab.active,.tab[aria-current=page]{color:var(--coral)}.fab{background:var(--action);width:56px;height:56px;color:var(--action-fg);box-shadow:0 10px 24px -8px var(--action-glow);border-radius:50%;justify-self:center;place-items:center;display:grid}.fab.active,.fab[aria-current=page],.fab:hover{background:var(--action-hover)}.fab:focus-visible{box-shadow:0 10px 24px -8px var(--action-glow), 0 0 0 3px var(--action-ring)}.onboarding-backdrop{z-index:100;padding:var(--space-4);background:var(--surface-scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;display:grid;position:fixed;inset:0}.onboarding-panel{width:min(640px,100%);max-height:calc(100dvh - var(--space-8));background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:clamp(var(--space-4), 5vw, var(--space-6));overflow:auto}.onboarding-mark{width:54px;height:54px;display:block}.onboarding-panel h1{margin-top:var(--space-4);font-size:clamp(34px,7vw,54px)}.onboarding-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.onboarding-actions .primary-btn{justify-content:center;align-items:center;gap:var(--space-2);width:auto;margin-top:0;display:inline-flex}.onboarding-panel .ghost-btn.inline{margin-top:0;margin-bottom:0}@media (width<=380px){main,.topbar{padding-left:var(--space-3);padding-right:var(--space-3)}.bottombar{grid-template-columns:1fr 1fr 52px 1fr 1fr}.fab{width:52px;height:52px}.tab{padding:var(--space-2) 2px;font-size:10px}.tab svg{width:18px;height:18px}.toggle-row button{padding:var(--space-2) var(--space-3)}.envelope-card{padding:var(--space-3);gap:var(--space-3)}.ico{flex:0 0 36px;width:36px;height:36px}}@media (width<=520px){main{padding-left:var(--space-3);padding-right:var(--space-3)}.cats-grid{grid-template-columns:1fr}.period-btn{min-height:auto}.global-cap .amt{font-size:clamp(32px,17cqw,54px)}.envelope-card{grid-template-columns:auto minmax(0,1fr)}.envelope-card .pct,.envelope-card .amt,.envelope-card .ghost-btn,.category-actions,.recurring-actions{grid-column:2;justify-self:start;justify-items:start}.recurring-actions{flex-direction:row}.category-mini-row{flex-direction:column;align-items:flex-start}.hero-amount{letter-spacing:-.008em;font-size:clamp(46px,16vw,78px)}.hero-narrative{gap:var(--space-2);padding:var(--space-5) var(--space-4)}.period-line{padding:var(--space-5) 0 var(--space-7)}.period-mark .lbl{font-size:10px}.summary-stack span{gap:var(--space-1);flex-direction:column}.total-bar{align-items:flex-start;gap:var(--space-1);flex-direction:column}.field-row,.search-bar,.admin-toolbar,.admin-account-card{padding:var(--space-3)}.admin-metrics{gap:var(--space-2)}.admin-metrics span{flex:1 1 calc(50% - var(--space-2));justify-content:space-between;min-width:132px}.admin-account-title{flex-direction:column}.admin-account-row{grid-template-columns:minmax(0,1fr)}.admin-account-row-meta{text-align:left}.admin-inline-form{grid-template-columns:1fr}.admin-inline-form button{width:100%}.admin-list span{gap:var(--space-2);display:grid}.admin-list button,.admin-subscription-actions button,.admin-subscription-actions a{width:100%}.admin-subscription-actions{align-items:stretch}.admin-detail-card{padding:var(--space-3)}.admin-user-row{grid-template-columns:auto minmax(0,1fr)}.admin-user-row .mini-badge{grid-column:2;justify-self:start}.csv-import-actions{grid-template-columns:1fr}.csv-import-actions .primary-btn.small{width:100%;margin-top:0}.invite-form{grid-template-columns:1fr}.invite-form .primary-btn.small{width:100%;margin-top:0}.recurring-form{gap:var(--space-3)}.top-row{flex-direction:column;align-items:flex-start}.section-title{margin-top:var(--space-5)}}@media (width>=600px){.recurring-form{grid-template-columns:1fr 1fr}.recurring-form .primary-btn{grid-column:1/-1}}@media (width>=760px){.app{display:block}.sidebar{width:230px;height:100dvh;display:flex;position:fixed;inset:0 auto 0 0}.topbar,.bottombar{display:none}main{padding:0 var(--space-6) 48px;margin-left:230px}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.page-head-action{flex:none;padding-top:26px;display:flex}.dash-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr)}.history-grid,.add-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.reports-grid{gap:var(--space-7);grid-template-columns:minmax(360px,.95fr) minmax(320px,1.05fr)}.report-categories{grid-column:1/-1}.budget-grid{grid-template-columns:minmax(0,1fr)}.period-selector,.cats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recurring-form{grid-template-columns:1fr 1fr 1fr}.recurring-form .primary-btn{grid-column:1/-1}.admin-toolbar{grid-template-columns:minmax(0,1fr) auto}.budget-overview,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){main{padding:0 var(--space-7) 48px}.cats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr)}.admin-account-card{grid-template-columns:minmax(0,1fr) auto}.admin-subscription-actions{justify-content:flex-end}.budget-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1180px){.reports-grid{row-gap:var(--space-8);grid-template-columns:minmax(420px,.95fr) minmax(360px,1.05fr);max-width:1240px}.report-categories .cats-grid{gap:var(--space-6)}.budget-grid{gap:var(--space-6);grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)}}