:root{color-scheme:dark;--page: #11151b;--surface: #1a2029;--card: #252e3a;--input: #141b24;--text: #e7edf5;--muted: #b2bdcc;--border: #465365;--accent: #75b6ff;--link: #9ecbff;--button-text: #0e2035;--focus: #bddcff;--danger-bg: #44292a;--danger: #ffc5b8;--warning: #f0cc91;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;line-height:1.6;font-size:16px}[hidden]{display:none!important}.primary-nav{justify-content:flex-start}.primary-nav a{padding:10px 18px;border:1px solid var(--border);border-radius:12px;text-decoration:none}.primary-nav a[aria-current=page]{background:var(--accent);color:var(--button-text);font-weight:700}.balance-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.balance-card .amount{font-size:1.35rem}.balance-card p{margin:5px 0;font-size:.85rem}.bill-row{border:1px solid var(--border);border-left:4px solid var(--accent);padding:18px;border-radius:12px;margin:16px 0}.bill-row.is-paid{border-left-color:var(--muted)}.bill-row p{margin:6px 0}.bill-row-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.payment-state{font-size:.85rem;border-radius:20px;padding:4px 12px;background:var(--card)}.payment-state.paid{color:var(--accent);font-weight:700}.payment-state.unpaid,.payment-warning{color:var(--warning)}.pay-from{font-weight:700}.paycheck-summary{margin:16px 0}@media(max-width:600px){.cards.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.balance-card{padding:12px}.balance-card h3,.balance-card p{overflow-wrap:anywhere}.balance-card .amount{font-size:1.15rem}.cards.paycheck-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paycheck-summary>.card:first-child{grid-column:1 / -1}.paycheck-summary .card{padding:12px}.paycheck-summary .amount{font-size:1.1rem}}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px 72px}header{padding:20px 0 30px;border-bottom:1px solid var(--border);margin-bottom:20px}h1{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0}h2{font-size:1.3rem;letter-spacing:-.025em;margin:0 0 12px}h3{font-size:1rem;margin:0 0 10px}.eyebrow{font-size:.74rem;letter-spacing:.19em;font-weight:750;color:var(--muted)}.subtitle,.muted{color:var(--muted)}.subtitle{font-size:1.1rem}.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin:16px 0}section{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;margin:20px 0;box-shadow:0 3px 12px #00000018}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{background:var(--card);border-radius:12px;padding:20px}.card p{margin:4px 0}.amount{font-size:1.75rem;letter-spacing:-.04em;font-weight:700}.badge{display:inline-block;background:var(--card);padding:4px 12px;border-radius:99px;font-size:.85rem}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0}label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600}input,select{width:100%;border:1px solid var(--border);background:var(--input);border-radius:8px;padding:12px;color:var(--text);font:inherit;min-height:46px}button{border:1px solid var(--accent);background:var(--accent);color:var(--button-text);border-radius:8px;padding:11px 18px;font:inherit;font-size:.9rem;font-weight:650;cursor:pointer;align-self:end;min-height:46px}button.secondary{background:transparent;color:var(--link);border-color:var(--border)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.form-status{grid-column:1/-1;color:var(--muted);font-weight:600;margin:0}details{border-top:1px solid var(--border);padding:15px 0}summary{cursor:pointer;font-weight:650}details[open]>summary{margin-bottom:16px}details details{margin-left:8px}#error,[role=alert]{background:var(--danger-bg);color:var(--danger);padding:18px;border-radius:10px}.check-row{flex-direction:row;align-items:center;margin:8px 0;font-weight:400}.check-row input{width:20px;min-height:20px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:650}.scroll{overflow:auto}footer{color:var(--muted);font-size:.8rem;margin-top:36px}progress{width:100%;accent-color:var(--accent)}img{max-width:100%;height:auto}section>p:last-child{margin-bottom:0}a{color:var(--link)}@media(max-width:600px){main{padding:20px 14px 48px}section{padding:20px 16px;border-radius:14px}form{grid-template-columns:1fr}.toolbar{justify-content:flex-start}th,td{padding:10px 6px}}.full-row{grid-column:1 / -1}.balance-warning{color:var(--warning);font-weight:600}.card{min-width:0;overflow-wrap:anywhere}:root[data-theme=light]{color-scheme:light;--page: #f2f5f9;--surface: #fff;--card: #e7edf5;--input: #fff;--text: #202e40;--muted: #526176;--border: #b9c5d5;--accent: #1e5899;--link: #1e5899;--button-text: #fff;--focus: #326eae;--danger-bg: #fff0ed;--danger: #8a3426;--warning: #805015}.app-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.app-controls label{min-width:140px}.connection-banner{padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--warning)}section{scroll-margin-top:90px}summary,h3,p{overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.toolbar[aria-label="Budget sections"]{position:sticky;top:0;z-index:2;background:var(--page);padding:12px 0;border-bottom:1px solid var(--border);justify-content:flex-start}.toolbar a{padding:8px 10px;border-radius:8px;background:var(--surface);text-decoration:none}@media(max-width:600px){.toolbar[aria-label="Budget sections"]{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-left:-4px;margin-right:-4px}.toolbar[aria-label="Budget sections"] a{white-space:nowrap}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}main{padding-bottom:max(48px,env(safe-area-inset-bottom))}input,select{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.calendar-item{margin:10px 0 18px}.calendar-item h4{margin:8px 0;font-size:1rem}.invoice-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow-y:auto;font:inherit}:root{color-scheme:dark;--page: #101d1a;--surface: #1b2b26;--card: #263a33;--input: #14231e;--text: #f5f3e9;--muted: #c0cfc4;--border: #496056;--accent: #d9bc7c;--link: #e8ce94;--button-text: #1b291e;--focus: #f7dda5;--danger-bg: #492b2b;--danger: #ffd5c9;--warning: #f1cb83}:root[data-theme=light]{color-scheme:light;--page: #f6f5ee;--surface: #fffef9;--card: #eef2e8;--input: #fffefb;--text: #243a30;--muted: #50675c;--border: #c5d2c5;--accent: #315c46;--link: #245d46;--button-text: #fffdf6;--focus: #8f6932;--danger-bg: #fff0e9;--danger: #8c3427;--warning: #805117}body{background:radial-gradient(ellipse 80% 36% at 85% -10%,#6b88602b,transparent 70%),var(--page)}main{max-width:1180px}header{position:relative;isolation:isolate;overflow:hidden;padding:32px clamp(20px,4vw,46px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(115deg,#244838,#1c382e 60%,#304b3a);box-shadow:0 14px 38px #07120d36;margin-bottom:28px}header:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border:1px solid #e4d3a442;border-radius:50%;right:-65px;top:-155px;box-shadow:0 0 0 30px #d9bc7c0c,0 0 0 65px #d9bc7c0b;pointer-events:none}header h1{color:#fffaf0;font-weight:750;letter-spacing:-.045em;max-width:760px}header .eyebrow{color:#e9d19a}header .subtitle{color:#dce7dd}header .app-controls label{color:#f2f4eb}header .app-controls select{color:var(--text);background:var(--input)}section{border-radius:20px;box-shadow:0 8px 28px #07130e13}.card{border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 12px #07130e0c}.balance-card .amount,.paycheck-summary .amount{font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase}h2{color:var(--text);font-weight:750}button,.primary-nav a,.toolbar a,input,select{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:not(:disabled):hover{filter:brightness(1.09);transform:translateY(-1px)}button.secondary:hover,.toolbar a:hover{background:var(--card)}.bill-row{background:var(--surface);border-radius:14px;box-shadow:0 3px 12px #07130e0b}.bill-row.is-paid{opacity:.85}.toolbar[aria-label="Budget sections"]{border-radius:12px;padding-inline:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=light] .toolbar[aria-label="Budget sections"]{background:#f6f5eef0}:root:not([data-theme=light]) .toolbar[aria-label="Budget sections"]{background:#101d1af0}@media(max-width:600px){header{padding:25px 20px;border-radius:18px}header:after{width:180px;height:180px;right:-85px;top:-100px}section{border-radius:16px}}:root{--workspace-glow: #7eaad329;--hero-start: #193c59;--hero-end: #102a43;--hero-detail: #b9d8ee;--positive: #8cd6b7}:root[data-theme=light]{--workspace-glow: #92b5d62b}body{min-height:100vh;background:radial-gradient(ellipse 85% 38% at 92% -12%,var(--workspace-glow),transparent 76%),var(--page)}main{max-width:1240px;padding-top:26px}header{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);background:linear-gradient(125deg,var(--hero-start),var(--hero-end));border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:0 18px 45px #06131d20;margin-bottom:22px}header:after{content:"";position:absolute;z-index:-1;width:300px;height:300px;border:1px solid #ffffff38;border-radius:50%;top:-185px;right:-65px;box-shadow:0 0 0 36px #ffffff0a,0 0 0 80px #ffffff08;pointer-events:none}header h1{color:#fffdf8;max-width:780px;font-weight:780}header .eyebrow{color:var(--hero-detail)}header .subtitle{color:#e3edf0}header .app-controls label{color:#e9eff1}header .app-controls select{background:var(--input);color:var(--text)}section{border-radius:20px;padding:clamp(20px,2.5vw,30px);box-shadow:0 8px 26px #09131b0e}.card{border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 12px #09131b0a}.amount{font-variant-numeric:tabular-nums;font-weight:780}.balance-card .amount{font-size:clamp(1.15rem,2vw,1.5rem)}h2{font-weight:760;letter-spacing:-.035em}h3{font-weight:710}.primary-nav{gap:10px;margin-top:18px;margin-bottom:18px;justify-content:flex-start}.primary-nav a{display:inline-flex;align-items:center;min-height:48px;border-radius:14px;padding:12px 20px;background:var(--surface);font-weight:690;box-shadow:0 2px 8px #08131b0b}.primary-nav a[aria-current=page]{box-shadow:0 6px 16px #08131b16}.toolbar[aria-label="Account actions"]{margin:8px 0 16px}.toolbar[aria-label="Budget sections"]{position:sticky;top:0;z-index:5;padding:12px;border:1px solid var(--border);border-radius:16px;gap:8px;box-shadow:0 8px 24px #09131b12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toolbar[aria-label="Budget sections"] a{border:1px solid transparent;border-radius:10px;padding:9px 13px;font-size:.88rem;font-weight:630}.toolbar[aria-label="Budget sections"] a:hover{border-color:var(--border);background:var(--card)}.bill-row{background:var(--surface);border-radius:15px;box-shadow:0 3px 12px #09131b0b}.bill-row.is-paid{opacity:.86}.payment-state.paid{color:var(--positive)}:root[data-theme=light] .payment-state.paid{color:#246c4c}input,select,button,.toolbar a,.primary-nav a{transition:background-color .17s ease,border-color .17s ease,transform .17s ease,box-shadow .17s ease}button{border-radius:11px}button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}button.secondary:hover{background:var(--card)}input:focus,select:focus{border-color:var(--accent)}@media(max-width:600px){main{padding-top:14px}header{padding:26px 20px;border-radius:19px}header:after{width:190px;height:190px;right:-90px;top:-110px}.primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav a{justify-content:center;padding:11px 8px;font-size:.9rem}section{border-radius:16px}.toolbar[aria-label="Budget sections"]{border-radius:12px}}:root{--workspace-glow: #94aa782b;--hero-start: #2c5540;--hero-end: #18372c;--hero-detail: #f1d99f;--positive: #a4e3c0}:root[data-theme=light]{--workspace-glow: #9ab78b30}.payday-quick-nav{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.payday-quick-nav a{display:inline-flex;align-items:center;min-height:42px;padding:10px 15px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none;font-size:.9rem;font-weight:650}.payday-quick-nav a:hover{border-color:var(--accent);color:var(--link)}.bill-progress{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:16px 0}.bill-progress strong{font-size:1.15rem;letter-spacing:-.025em}#payday-plan,#home-bills,#home-balances{scroll-margin-top:24px}#home-bills .bill-row{padding:18px 20px}#home-bills .bill-row-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}#home-bills .payment-state{border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:720}#home-bills .bill-row .amount{font-size:1.3rem}#home-bills .pay-from{font-weight:650}@media(max-width:600px){.payday-quick-nav{gap:7px}.payday-quick-nav a{font-size:.82rem;padding:9px 12px}}:root{--radius-xl: 22px;--radius-md: 14px;--soft-shadow: 0 12px 32px #07152312}html{scroll-behavior:smooth}body{font-feature-settings:"tnum" 1}main{max-width:1320px}main>header{padding-bottom:clamp(28px,4vw,44px)}main>header h1{font-size:clamp(2rem,4.2vw,3.3rem);letter-spacing:-.052em}main>header .subtitle{max-width:60ch;font-size:clamp(.97rem,1.5vw,1.12rem);line-height:1.6}.app-controls{margin-top:12px}.app-controls button{font-weight:680}.primary-nav{padding:6px;border-radius:17px;background:var(--surface);border:1px solid var(--border);width:fit-content;max-width:100%;box-shadow:var(--soft-shadow)}.primary-nav a{border:0;background:transparent;box-shadow:none;position:relative}.primary-nav a[aria-current=page]{background:var(--accent);color:var(--button-text)}.primary-nav a:not([aria-current=page]):hover{background:var(--card)}.primary-nav a:first-child:before{content:"◫";font-size:1.2rem;line-height:1;margin-right:8px}.primary-nav a:nth-child(2):before{content:"▦";font-size:1.2rem;line-height:1;margin-right:8px}.budget-area>section{position:relative;overflow:hidden}.budget-area>section>h2{font-size:clamp(1.2rem,1.8vw,1.55rem);margin-bottom:5px}.budget-area>section>p.muted{max-width:70ch}.budget-area .cards{gap:14px}.budget-area .card{padding:21px;border:1px solid var(--border);border-radius:16px}.budget-area .card h3{font-size:.9rem;letter-spacing:.01em}.balance-card{position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;left:20px;top:0;width:42px;height:3px;border-radius:0 0 6px 6px;background:var(--accent)}.balance-card .amount{display:block;font-size:clamp(1.4rem,2vw,1.85rem);letter-spacing:-.045em;margin-top:10px;overflow-wrap:anywhere}.paycheck-summary .card{min-height:112px}.paycheck-summary .amount{font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.04em}#home-bills .bill-row{transition:box-shadow .2s ease,border-color .2s ease}#home-bills .bill-row:hover{box-shadow:0 10px 25px #08142117;border-color:var(--accent)}#home-bills .bill-row.is-paid{border-left-color:#4b9b76}#home-bills .payment-state.paid{background:#3992691b}#home-bills .payment-state.unpaid{background:#b68a3419}.toolbar[aria-label="Budget sections"]{position:static;padding:12px;background:var(--surface)}.toolbar[aria-label="Budget sections"] a{text-decoration:none}input,select,textarea{border-radius:11px;min-height:42px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(min-width:1050px){main:has(.budget-area:not([hidden])){display:grid;grid-template-columns:226px minmax(0,1fr);gap:0 28px;align-items:start}main:has(.budget-area:not([hidden]))>header,main:has(.budget-area:not([hidden]))>.app-controls,main:has(.budget-area:not([hidden]))>.connection-banner,main:has(.budget-area:not([hidden]))>.toolbar[aria-label="Account actions"]{grid-column:1 / -1}main:has(.budget-area:not([hidden]))>.primary-nav{grid-column:1;grid-row:span 2;position:sticky;top:24px;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:10px;margin-top:20px}main:has(.budget-area:not([hidden]))>.primary-nav a{justify-content:flex-start;padding:17px 14px}main:has(.budget-area:not([hidden]))>.budget-area{grid-column:2;min-width:0}main:has(.budget-area:not([hidden]))>.budget-area[hidden]{display:none}}@media(max-width:1049px){.primary-nav{width:100%}.primary-nav a{flex:1;justify-content:center}}@media(max-width:600px){main{padding:12px 14px 90px}.primary-nav{position:sticky;top:6px;z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:var(--surface)}.primary-nav a{min-width:0;font-size:.8rem;padding:11px 6px}.primary-nav a:before{display:none}.budget-area>section{padding:19px 15px}.budget-area .card{padding:16px}.payday-quick-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.payday-quick-nav a{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}.budget-area{animation:workspace-appear .2s ease-out}@keyframes workspace-appear{0%{opacity:.88;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.budget-area[hidden],[hidden]{display:none!important}.budget-area>section{margin-bottom:20px}.budget-area>section>h2+p{line-height:1.6}.budget-area .muted{line-height:1.5}.budget-area a:not(.primary-nav a){text-underline-offset:3px}.bill-progress{background:var(--card);border:1px solid var(--border);padding:14px 17px;border-radius:13px}.bill-progress strong{color:var(--text)}#home-bills .bill-row{border:1px solid var(--border);border-left:4px solid var(--accent)}#home-bills .bill-row.is-paid{border-left-color:#45946c}#home-bills .bill-row-heading h3{margin:0}#home-bills .payment-state{white-space:normal;line-height:1.4}.budget-area details{border-radius:12px}.budget-area summary{cursor:pointer}.budget-area table{width:100%;border-collapse:separate;border-spacing:0}.budget-area th{font-size:.77rem;letter-spacing:.045em;text-transform:uppercase;color:var(--muted)}.budget-area td,.budget-area th{padding:12px 13px;border-bottom:1px solid var(--border)}.budget-area tbody tr:hover{background:var(--card)}.budget-area .toolbar{row-gap:8px}.budget-area .toolbar a{border-radius:10px}.budget-area input,.budget-area select,.budget-area textarea{max-width:100%}@media(max-width:600px){.budget-area table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.budget-area td,.budget-area th{white-space:nowrap}.bill-progress{padding:12px}}@media(prefers-reduced-motion:reduce){.budget-area{animation:none}}:root[data-theme=light]{--page:#f1f5ee;--surface:#ffffff;--card:#f5f8fc;--input:#ffffff;--text:#172d40;--muted:#607589;--border:#dce5ee;--accent:#17684d;--link:#17684d;--button-text:#ffffff;--focus:#76bbd8;--soft-shadow:0 12px 34px #173b5710}body{background:var(--page);background-image:radial-gradient(ellipse 80% 420px at 65% -160px,color-mix(in srgb,var(--accent) 12%,transparent),transparent 75%)}main{max-width:1480px;padding-top:24px}main>header{position:relative;isolation:isolate;overflow:hidden;padding:36px clamp(24px,4vw,55px)!important;border:0;border-radius:25px;margin:0 0 20px;background:linear-gradient(115deg,#092e25,#14583f);color:#fff;box-shadow:0 18px 44px #061e3025}main>header:after{content:"";position:absolute;z-index:-1;right:-95px;top:-190px;width:480px;height:480px;border:65px solid #ffffff10;border-radius:50%;transform:rotate(-20deg)}main>header h1{color:#fff;font-weight:790;letter-spacing:-.06em;line-height:1.09;max-width:720px}main>header .eyebrow{color:#d6c28d;letter-spacing:.17em}main>header .subtitle{color:#d6e8ef;margin-bottom:0}section{border:1px solid var(--border);border-radius:20px;box-shadow:0 6px 24px #061c3010}.budget-area>section{background:var(--surface);padding:clamp(20px,2.5vw,30px)}.budget-area>section>h2{font-weight:760;letter-spacing:-.035em}.budget-area .card{background:var(--card);border-color:color-mix(in srgb,var(--border) 80%,transparent);box-shadow:none}.balance-card{background:linear-gradient(150deg,var(--surface),var(--card))!important}.balance-card h3{color:var(--muted);font-weight:650}.balance-card .amount{font-weight:800}.primary-nav{background:var(--surface);border-color:var(--border)}.primary-nav a{font-weight:670;transition:background .18s ease,color .18s ease}.primary-nav a[aria-current=page]{background:#17684d;color:#fff;box-shadow:0 4px 12px #102e3a20}.payday-quick-nav a{border-radius:12px;background:var(--surface)}.payday-quick-nav a:hover{background:var(--card)}.app-controls{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);width:fit-content;max-width:100%;box-shadow:0 4px 15px #061c300b}.app-controls label{margin:0}.app-controls button{background:#17684d;color:#fff;border:0;border-radius:12px;box-shadow:0 6px 16px #06233c22;padding:12px 17px}.app-controls button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.app-controls button:before{content:"↓";display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff70;border-radius:7px;margin-right:9px;font-weight:800}.bill-progress{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}button{transition:filter .16s ease,transform .16s ease}button:active:not(:disabled){transform:translateY(1px)}@media(min-width:1050px){main:has(.budget-area:not([hidden])){grid-template-columns:240px minmax(0,1fr);gap:0 24px}}@media(max-width:600px){main{padding:12px 12px 70px}main>header{border-radius:20px;padding:26px 22px!important}main>header h1{font-size:2.15rem}.app-controls{width:100%}.app-controls label,.app-controls button{flex:1}.budget-area>section{border-radius:17px}}@media(prefers-reduced-motion:reduce){button,.primary-nav a{transition:none}}:root[data-theme=light]{--page:#f3f6fb;--card:#f7f9fd}main:has(.budget-area:not([hidden])){max-width:1580px}main:has(.budget-area:not([hidden]))>header{padding:24px 30px!important;margin-bottom:14px;border-radius:20px}main:has(.budget-area:not([hidden]))>header h1{font-size:clamp(1.4rem,2.5vw,2.1rem);margin:5px 0}main:has(.budget-area:not([hidden]))>header .subtitle{font-size:.88rem}.dashboard-overview{grid-area:overview}.dashboard-greeting{padding:5px 2px 20px}.dashboard-greeting .eyebrow{font-size:.72rem;color:var(--link);margin:0 0 5px}.dashboard-greeting h2{font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.05em;margin:0 0 4px}.dashboard-greeting .muted{margin:0}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dashboard-metric{position:relative;padding:22px 21px;border-radius:17px;border:1px solid var(--border);min-height:144px;box-shadow:0 5px 17px #0a28400b;background:var(--surface);overflow:hidden}.dashboard-metric:before{content:"";position:absolute;width:64px;height:64px;border-radius:19px;right:-18px;top:-18px;background:currentColor;opacity:.07;transform:rotate(20deg)}.dashboard-metric-blue{color:#186ab7;background:linear-gradient(130deg,#eff7ff,#fff)}.dashboard-metric-green{color:#188960;background:linear-gradient(130deg,#eaf9f3,#fff)}.dashboard-metric-gold{color:#ab7618;background:linear-gradient(130deg,#fff7e7,#fff)}.dashboard-metric-violet{color:#7561bf;background:linear-gradient(130deg,#f3f0ff,#fff)}.dashboard-metric-label{font-size:.86rem;font-weight:700;margin:0 0 15px}.dashboard-metric-value{display:block;font-size:clamp(1.35rem,2.3vw,2rem);letter-spacing:-.055em;line-height:1.15;color:#182a3d;overflow-wrap:anywhere}.dashboard-metric-note{margin:9px 0 0;font-size:.78rem;color:#657487}:root[data-theme=dark] .dashboard-metric{background:var(--surface);color:var(--accent)}:root[data-theme=dark] .dashboard-metric-value{color:var(--text)}:root[data-theme=dark] .dashboard-metric-note{color:var(--muted)}.budget-area#home{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start}.budget-area#home[hidden]{display:none!important}#home>.payday-quick-nav{grid-column:1/-1;margin:0}#home>.dashboard-overview{grid-column:1/-1}#payday-plan{grid-column:1;grid-row:auto;margin:0;min-width:0}#home-bills{grid-column:1;margin:0;min-width:0}#home-balances{grid-column:2;grid-row:3 / span 2;margin:0;min-width:0}#home-balances .balance-grid{grid-template-columns:1fr;gap:10px}#home-balances .balance-card{padding:15px 17px;border-radius:13px}#home-balances .balance-card h3{margin:0}#home-balances .balance-card .amount{font-size:1.4rem}#payday-plan .paycheck-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#payday-plan .paycheck-summary .card{min-width:0}#payday-plan .paycheck-summary .amount{font-size:clamp(1.1rem,1.9vw,1.55rem);overflow-wrap:anywhere}#home-bills .bill-row{margin:10px 0;border-left:0;border-radius:14px;background:var(--surface);box-shadow:0 2px 10px #142a3b09}#home-bills .bill-row.is-paid{border-left:0}#home-bills .bill-row-heading h3{font-size:1.03rem}#home-bills .bill-row .amount{font-weight:800}#home-bills .payment-state.paid{background:#e3f5eb;color:#176b43}#home-bills .payment-state.unpaid{background:#e9f2ff;color:#1a63a9}#home-bills .bill-row .pay-from{font-size:.9rem}@media(min-width:1050px){main:has(.budget-area:not([hidden])){grid-template-columns:220px minmax(0,1fr);column-gap:25px}main:has(.budget-area:not([hidden]))>.primary-nav{position:sticky;top:20px;width:220px;display:flex;flex-direction:column;align-self:start;padding:13px;border-radius:18px;grid-column:1;grid-row:3 / span 2}main:has(.budget-area:not([hidden]))>.primary-nav a{width:100%;padding:14px 12px}main:has(.budget-area:not([hidden]))>.budget-area{grid-column:2}}@media(max-width:1150px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.budget-area#home{grid-template-columns:1fr}#home-balances{grid-column:1;grid-row:auto}#home-bills{grid-column:1}}@media(max-width:600px){.dashboard-metrics{gap:9px}.dashboard-metric{padding:16px 13px;min-height:122px}.dashboard-metric-value{font-size:1.35rem}.dashboard-metric-label{font-size:.78rem;margin-bottom:10px}.dashboard-metric-note{font-size:.72rem}#payday-plan .paycheck-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#payday-plan .paycheck-summary>.card:first-child{grid-column:1/-1}#home>.payday-quick-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}#home>.payday-quick-nav a{white-space:nowrap;font-size:.8rem;padding:9px 11px}}:root[data-theme=dark]{color-scheme:dark;--page:#0b1715;--surface:#172720;--card:#20362d;--input:#11251c;--text:#f0f5fc;--muted:#a6b8ca;--border:#344d40;--accent:#72d4aa;--link:#72d4aa;--button-text:#081727;--focus:#72d4aa;--soft-shadow:0 14px 36px #00000035}:root[data-theme=dark] body{background:var(--page);background-image:radial-gradient(ellipse 900px 520px at 80% -130px,#23614840,transparent 75%)}:root[data-theme=dark] main>header{background:linear-gradient(120deg,#163d2f,#205b43);border:1px solid #ffffff12;box-shadow:0 18px 48px #00000036}:root[data-theme=dark] .dashboard-greeting h2{color:var(--text)}:root[data-theme=dark] .dashboard-metric{border:1px solid var(--border);box-shadow:0 9px 24px #00000020}:root[data-theme=dark] .dashboard-metric-blue{background:linear-gradient(140deg,#193955,#17263a);color:#83c9ff}:root[data-theme=dark] .dashboard-metric-green{background:linear-gradient(140deg,#1a3b37,#192b32);color:#83dec0}:root[data-theme=dark] .dashboard-metric-gold{background:linear-gradient(140deg,#3a3223,#252c35);color:#f2ca81}:root[data-theme=dark] .dashboard-metric-violet{background:linear-gradient(140deg,#2d294a,#20283b);color:#c2a9ff}:root[data-theme=dark] .dashboard-metric-value{color:#f4f8ff}:root[data-theme=dark] .dashboard-metric-note{color:#bdcbd9}:root[data-theme=dark] .dashboard-metric:before{opacity:.13}:root[data-theme=dark] #home-bills .payment-state.paid{background:#173c30;color:#93ebbd;border-color:#2b664b}:root[data-theme=dark] #home-bills .payment-state.unpaid{background:#1b3853;color:#a5d5ff;border-color:#315875}:root[data-theme=dark] .payday-quick-nav a:hover{color:var(--link)}:root[data-theme=dark] .primary-nav a[aria-current=page]{background:#26634b;color:#fff}:root[data-theme=dark] .app-controls button{background:#267c5b;color:#fff}:root[data-theme=dark] .budget-area>section{background:var(--surface)}:root[data-theme=dark] #home-bills .bill-row{background:var(--card)}