:root{--ink:#212121;--muted:#78736d;--line:#e8e4dd;--paper:#fbfaf7;--orange:#ee7048;--orange-dark:#df5f39;--navy:#24334a}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;padding-bottom:32px}.topbar{border-bottom:1px solid var(--line);background:#fbfaf7f0;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50vw - 590px);display:flex}.brand-and-nav{align-items:center;gap:54px;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--orange);border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;box-shadow:inset 0 -2px #00000014}.household-switcher{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:7px 12px 7px 8px;display:flex}.household-switcher small,.household-switcher span span{display:block}.household-switcher small{color:var(--muted);margin-bottom:1px;font-size:10px}.household-switcher>span:nth-child(2){min-width:94px;font-size:13px;font-weight:700}.avatar-stack{padding-right:8px;display:flex}.avatar-stack span{color:#fff;background:#4e6a8c;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.avatar-stack span+span{background:#dd8a72;margin-left:-9px}.desktop-nav{align-items:center;gap:34px;display:flex}.desktop-nav a{color:var(--muted);padding:7px 0;font-size:12px;font-weight:700;text-decoration:none;transition:color .16s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";background:var(--orange);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.dashboard{max-width:1180px;margin:auto;padding:47px 24px}.welcome-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.eyebrow{color:#9a7667;letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,48px);font-weight:500}.subtle{color:var(--muted);margin:8px 0 0;font-size:15px}.primary-button{color:#fff;background:var(--orange);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 19px;font-weight:750;display:inline-flex;box-shadow:0 7px 20px #dc5b3236}.primary-button:hover{background:var(--orange-dark)}.primary-button span{font-size:19px;line-height:1}.primary-button .add-bill-label{font-size:inherit;line-height:normal}.summary-card{color:#fff;background:var(--navy);border-radius:20px;grid-template-columns:1.3fr .75fr .75fr;min-height:196px;display:grid;overflow:hidden;box-shadow:0 18px 38px #2b2d3124}.summary-main{padding:27px 31px}.summary-main>p:first-child{color:#bcc5d1;margin:0 0 7px;font-size:13px}.summary-main strong{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:45px;font-weight:500;display:block}.summary-main strong span{color:#bac4d0;font-size:.65em}.progress-track{background:#ffffff29;border-radius:4px;height:6px;margin-top:22px;overflow:hidden}.progress-track span{background:var(--orange);border-radius:4px;width:26%;height:100%;display:block}.progress-copy{color:#aeb9c6;justify-content:space-between;margin:9px 0 0;font-size:11px;display:flex}.progress-copy b{color:#fff;font-weight:600}.summary-stat{border-left:1px solid #ffffff1c;align-items:center;gap:14px;padding:27px;display:flex}.stat-icon{color:#b8d4ff;background:#3c536f;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.stat-icon.warm{color:#ffd2b5;background:#634b46}.summary-stat small{color:#abb6c5;margin-bottom:7px;font-size:11px;display:block}.summary-stat b{font-size:16px;display:block}.summary-stat p{color:#c7cdd5;margin:4px 0 0;font-size:12px}.content-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);align-items:start;gap:22px;margin-top:23px;display:grid}.bill-panel,.activity-panel{border:1px solid var(--line);background:#ffffffb3;border-radius:18px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:85px;padding:20px 24px;display:flex}.section-heading .eyebrow{margin-bottom:5px;font-size:9px}h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:500}.text-button{color:var(--orange-dark);cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px;font-weight:700}.text-button span{margin-left:5px}.month-heading{gap:20px}.month-tabs{border:1px solid var(--line);background:#f3f0eb;border-radius:11px;gap:4px;padding:4px;display:flex}.month-tabs button{min-width:62px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.month-tabs button span{color:#817b74;background:#e5e0d9;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.month-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #2d292514}.month-tabs button.active span{color:#fff;background:var(--orange)}.early-next{border:0;border-bottom:1px solid var(--line);color:#5b514c;cursor:pointer;text-align:left;background:#fff8f3;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:12px 20px;display:grid}.early-next>span{color:#a34a31;text-transform:uppercase;letter-spacing:.06em;background:#fbe2d8;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800}.early-next b{font-size:11px}.early-next i{color:var(--orange-dark);font-style:normal}.bill-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 75px 92px 34px 25px;align-items:center;gap:12px;min-height:90px;padding:16px 20px;display:grid;position:relative}.bill-row:last-child{border-bottom:0}.bill-details-trigger{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.bill-details-trigger:hover h3{color:var(--orange-dark)}.bill-details-trigger:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #ee704838}.bill-icon{border-radius:13px;flex:none;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:18px;font-weight:700;display:grid}.bill-icon.coral{color:#9f4430;background:#fce2d7}.bill-icon.blue{color:#2a6386;background:#dcedf4}.bill-icon.amber{color:#93601c;background:#fae7be}.bill-icon.green{color:#387052;background:#dceee3}.bill-icon.violet{color:#67538a;background:#eae3f6}.bill-icon.stone{color:#625f5a;background:#ebe8e2}.bill-info{min-width:0}.bill-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:14px;transition:color .16s;overflow:hidden}.bill-info p,.due small,.amount span{color:var(--muted);margin:0;font-size:11px;display:block}.due span{margin-top:4px;font-size:12px;font-weight:700;display:block}.amount{text-align:right}.amount strong{font-size:14px;display:block}.amount span{color:#a34a31;margin-top:4px;font-size:10px}.paid-button{color:#4f765d;cursor:pointer;background:#f2f8f3;border:1px solid #d7ded8;border-radius:50%;width:32px;height:32px;font-weight:800}.paid-button:hover{color:#fff;background:#4f765d}.paid-button:disabled{cursor:default;opacity:.42}.paid-button:disabled:hover{color:#4f765d;background:#f2f8f3}.more-menu{position:relative}.more-menu summary{color:#aaa49e;cursor:pointer;letter-spacing:1px;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{z-index:4;border:1px solid var(--line);background:#fff;border-radius:9px;min-width:120px;padding:5px;position:absolute;top:26px;right:0;box-shadow:0 8px 25px #1e1e1e1f}.more-menu button{color:#a34a31;cursor:pointer;text-align:left;background:#fff;border:0;border-radius:6px;width:100%;padding:8px;font-size:11px}.more-menu button:hover{background:#fff2ed}.more-menu button.edit-bill{color:#4f5d70}.more-menu button.edit-bill:hover{background:#f1f4f7}.activity-panel{overflow:hidden}.activity-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:84px;padding:18px 20px;display:flex}.member-avatar{color:#fff;background:#4e6a8c;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.member-avatar.peach{background:#dd8a72}.activity-item div{flex:1;min-width:0}.activity-item p{margin:0 0 4px;font-size:12px}.activity-item small{color:var(--muted);font-size:10px}.activity-item>strong{font-size:12px}.invite-button{width:calc(100% - 32px);color:var(--ink);cursor:pointer;text-align:left;background:#fffaf7;border:1px dashed #ddcfc6;border-radius:13px;align-items:center;gap:13px;margin:16px;padding:14px;display:flex}.invite-button>span:first-child{width:31px;height:31px;color:var(--orange-dark);background:#fae4db;border-radius:9px;flex:none;place-items:center;font-size:18px;display:grid}.invite-button b,.invite-button small{display:block}.invite-button b{font-size:11px}.invite-button small{color:var(--muted);margin-top:4px;font-size:9px}.mobile-nav{display:none}.invite-button:disabled{cursor:not-allowed;opacity:.5}.bill-count{color:var(--muted);font-size:11px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:280px;padding:36px;display:grid}.empty-state>span{color:#4f765d;background:#e5f0e7;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.empty-state h3{margin:14px 0 5px}.empty-state p{color:var(--muted);margin:0;font-size:12px}.clerk-controls{align-items:center;gap:12px;display:flex}.welcome-screen,.loading-screen{background:radial-gradient(circle at 50% 0,#fff 0,#fbfaf7 48%,#f4eee8 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.welcome-card{border:1px solid var(--line);text-align:center;background:#ffffffd1;border-radius:28px;width:min(620px,100%);padding:52px;box-shadow:0 24px 70px #483b311f}.welcome-card.compact{width:min(540px,100%)}.brand-mark.large{border-radius:16px 16px 16px 5px;width:54px;height:54px;margin:0 auto 26px;font-size:28px}.welcome-card h1{font-size:clamp(42px,8vw,64px);line-height:.98}.welcome-card>p:not(.eyebrow){max-width:470px;color:var(--muted);margin:20px auto 0;font-size:16px;line-height:1.6}.auth-actions{justify-content:center;gap:12px;margin-top:30px;display:flex}.secondary-button{border:1px solid var(--line);min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:0 20px;font-weight:700}.loading-screen{color:var(--muted);align-content:center;gap:14px}.loading-screen .brand-mark{margin:0}.landing-page{background:var(--paper);min-height:100svh;overflow:hidden}.landing-header{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;max-width:1240px;height:84px;margin:auto;padding:0 28px;display:grid;position:relative}.landing-header:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:28px;right:28px}.landing-header .brand{justify-self:start}.landing-nav{gap:34px;display:flex}.landing-nav a,.landing-sign-in{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:9px 0;font-size:12px;font-weight:750;text-decoration:none}.landing-nav a:hover,.landing-sign-in:hover{color:var(--ink)}.landing-header-actions{justify-content:flex-end;align-items:center;gap:22px;display:flex}.landing-theme-toggle{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:flex}.landing-theme-toggle:hover{color:var(--ink);border-color:#cfc7be}.landing-theme-toggle span{width:16px;font-size:15px;line-height:1}.landing-theme-toggle small{font-size:9px;font-weight:800}.landing-header-cta{min-height:42px;box-shadow:none;border-radius:10px;padding:0 16px;font-size:11px}.landing-hero{grid-template-columns:minmax(390px,.8fr) minmax(580px,1.2fr);align-items:center;gap:58px;max-width:1240px;min-height:730px;margin:auto;padding:82px 28px 102px;display:grid;position:relative}.landing-hero:before{content:"";z-index:0;pointer-events:none;border:1px solid #eee4dc;border-radius:50%;width:540px;height:540px;position:absolute;top:40px;left:-380px;box-shadow:0 0 0 70px #f5ebe36b,0 0 0 140px #f8f1eb59}.landing-hero-copy{z-index:2;position:relative}.landing-hero-copy .eyebrow{margin-bottom:17px}.landing-hero h1{letter-spacing:-.057em;max-width:590px;font-size:clamp(52px,5.5vw,76px);line-height:.97}.landing-lede{max-width:555px;color:var(--muted);margin:25px 0 0;font-size:17px;line-height:1.65}.landing-hero-actions{align-items:center;gap:24px;margin-top:32px;display:flex}.landing-primary-cta{border-radius:13px;min-height:54px;padding:0 23px}.landing-primary-cta span{margin-left:7px;font-size:19px}.landing-text-link{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.landing-text-link span{color:var(--orange-dark);margin-left:6px}.landing-proof{color:var(--muted);flex-wrap:wrap;gap:18px;margin:34px 0 0;padding:0;font-size:10px;font-weight:700;list-style:none;display:flex}.landing-proof li{align-items:center;gap:6px;display:flex}.landing-proof li span{color:#4f765d;background:#e5f0e7;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.landing-hero-visual{z-index:1;justify-self:end;width:690px;max-width:100%;position:relative}.landing-browser-frame{z-index:2;background:#fff;border:1px solid #ded9d1;border-radius:20px;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 35px 80px #3d342d2b,0 8px 20px #3d342d14}.landing-browser-bar{background:#f5f2ee;border-bottom:1px solid #e9e5df;align-items:center;gap:5px;height:37px;padding:0 12px;display:flex}.landing-browser-bar>span{background:#d5cec6;border-radius:50%;width:6px;height:6px}.landing-browser-bar>span:first-child{background:#ec8769}.landing-browser-bar small{color:#9b958e;margin:auto;font-size:8px}.landing-browser-frame img{width:100%;height:auto;display:block}.landing-glow{filter:blur(1px);border-radius:50%;position:absolute}.landing-glow-one{opacity:.48;background:#f9d7c9;width:380px;height:380px;top:-100px;right:-90px}.landing-glow-two{opacity:.65;background:#dce9ec;width:260px;height:260px;bottom:-80px;left:-80px}.landing-float-card{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff0;border:1px solid #e1dbd3e6;border-radius:13px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 16px 40px #332c2626}.landing-float-card small,.landing-float-card b{white-space:nowrap;display:block}.landing-float-card small{color:#89837c;margin-bottom:3px;font-size:8px}.landing-float-card b{color:#36322f;font-size:10px}.landing-reminder-card{top:76px;right:-22px}.landing-reminder-card>span{color:#9d482f;background:#fde5dc;border-radius:9px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-weight:700;display:grid}.landing-family-card{bottom:54px;left:-24px}.landing-mini-avatars{padding-right:7px;display:flex}.landing-mini-avatars i{color:#fff;background:#4e6a8c;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:800;display:grid}.landing-mini-avatars i+i{background:#dd8a72;margin-left:-8px}.landing-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#746e68;background:#f5f1ec;justify-content:center;align-items:center;gap:23px;min-height:72px;padding:18px 28px;display:flex}.landing-strip p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px}.landing-strip span{background:#bdb5ad;border-radius:50%;width:3px;height:3px}.landing-section{max-width:1184px;margin:auto;padding:118px 28px}.landing-section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:47px;display:flex}.landing-section-heading h2,.landing-product h2,.landing-final-cta h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.5vw,58px);font-weight:500;line-height:1.02}.landing-section-heading>p{max-width:420px;color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.65}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing-feature-card{border:1px solid var(--line);background:#fff;border-radius:22px;min-height:275px;padding:30px;position:relative;overflow:hidden}.landing-feature-card:after{content:"";opacity:.08;background:currentColor;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-104px;right:-83px}.landing-feature-card.coral{color:#a74f37;background:#fff9f6}.landing-feature-card.blue{color:#32627d;background:#f7fbfc}.landing-feature-card.green{color:#427055;background:#f7fbf8}.landing-feature-icon{color:currentColor;background:color-mix(in srgb,currentColor 11%,white);border-radius:12px;place-items:center;width:43px;height:43px;font-family:Georgia,serif;font-size:13px;font-weight:700;display:grid}.landing-feature-card h3{max-width:260px;color:var(--ink);letter-spacing:-.025em;margin:50px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.landing-feature-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.landing-product{grid-template-columns:minmax(340px,.72fr) minmax(600px,1.28fr);align-items:center;gap:78px;max-width:1240px;margin:0 auto;padding:76px 28px 130px;display:grid}.landing-product-reverse{grid-template-columns:minmax(600px,1.28fr) minmax(340px,.72fr)}.landing-product-reverse .landing-product-copy{grid-column:2}.landing-product-reverse .landing-shot-card{grid-area:1/1}.landing-product-copy h2{margin:0}.landing-product-copy>p:not(.eyebrow){color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.7}.landing-product-copy>ul{color:#4e4944;gap:12px;margin:28px 0 0;padding:0;font-size:12px;font-weight:700;list-style:none;display:grid}.landing-product-copy>ul li{align-items:center;gap:10px;display:flex}.landing-product-copy>ul span{color:#4f765d;background:#e5f0e7;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.landing-shot-card{background:#fff;border:1px solid #ddd7cf;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #3a322b21}.landing-shot-label{background:#f6f3ef;border-bottom:1px solid #e8e3dc;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.landing-shot-label span{color:#3c3834;font-family:Georgia,Times New Roman,serif;font-size:16px}.landing-shot-label small{color:#8e8881;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700}.landing-shot-card img{width:100%;height:auto;display:block}.landing-stat-row{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin-top:30px;display:grid;overflow:hidden}.landing-stat-row div{background:#fff;padding:17px}.landing-stat-row strong,.landing-stat-row small{display:block}.landing-stat-row strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:500}.landing-stat-row small{color:var(--muted);margin-top:4px;font-size:9px}.landing-how{padding-top:80px}.landing-section-heading.centered{text-align:center;justify-content:center}.landing-section-heading.centered .eyebrow{margin-bottom:12px}.landing-steps{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{gap:18px;min-height:220px;padding:32px 28px;display:flex}.landing-steps li+li{border-left:1px solid var(--line)}.landing-steps li>span{color:#fff;background:var(--orange);border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-family:Georgia,serif;font-size:14px;display:grid}.landing-steps h3{margin:5px 0 11px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.landing-steps p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.landing-final-cta{color:#fff;background:var(--navy);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:60px;max-width:1184px;min-height:360px;margin:20px auto 110px;padding:64px 68px;display:grid;overflow:hidden;box-shadow:0 24px 70px #24334a2e}.landing-final-cta .eyebrow{color:#f2aa91}.landing-final-cta h2{max-width:700px;margin:0}.landing-final-cta p:not(.eyebrow){color:#b9c2cd;max-width:620px;margin:19px 0 0;font-size:13px;line-height:1.65}.landing-final-actions{gap:14px;min-width:220px;display:grid}.landing-final-actions .primary-button{justify-content:center;width:100%}.landing-final-signin{color:#d9dfe6;cursor:pointer;background:0 0;border:0;padding:8px;font-size:10px;font-weight:750}.landing-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;max-width:1184px;min-height:105px;margin:auto;padding:24px 28px;display:grid}.landing-footer p,.landing-footer small{color:var(--muted);margin:0;font-size:10px}.landing-footer small{justify-self:end}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#191b1f85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:21px;width:min(520px,100%);max-height:calc(100svh - 36px);padding:32px;position:relative;overflow:auto;box-shadow:0 25px 80px #0000003d}.modal.small{width:min(430px,100%)}.modal h2{margin-bottom:24px;font-size:30px}.modal-copy{color:var(--muted);margin:-13px 0 22px;font-size:13px;line-height:1.5}.modal-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#eeeae4;border:0;border-radius:50%;font-size:20px;position:absolute;top:18px;right:18px}.modal form{gap:17px;display:grid}.modal label{color:#5d5954;gap:7px;min-width:0;font-size:11px;font-weight:750;display:grid}.modal input,.modal select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #ddd8d1;border-radius:10px;outline:none;padding:0 12px}.modal input[type=date]{min-width:0;max-width:100%}.modal input:focus,.modal select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ee704821}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.money-input{position:relative}.money-input span{color:var(--muted);position:absolute;top:14px;left:12px}.money-input input{padding-left:27px}.modal .check-label{grid-template-columns:18px auto;align-items:center;gap:9px;display:flex}.modal .check-label input{width:17px;min-height:17px;accent-color:var(--orange)}.primary-button.full{justify-content:center;width:100%;margin-top:3px}.primary-button:disabled{cursor:wait;opacity:.65}.form-error{color:#aa3f2b;margin:0;font-size:12px}.toast{z-index:40;color:#fff;background:#27364b;border-radius:12px;align-items:center;gap:18px;max-width:min(420px,100% - 34px);padding:13px 15px;font-size:12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #14192140}.toast button{color:#bdc7d4;cursor:pointer;background:0 0;border:0;font-size:18px}.confirm-modal{text-align:center}.confirm-modal .eyebrow{margin-top:14px}.confirm-modal h2{margin-bottom:20px}.confirm-icon{color:#4f765d;background:#e5f0e7;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto;font-size:21px;font-weight:800;display:grid}.confirm-icon.undo{color:#a34a31;background:#fbe2d8}.confirm-bill{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.confirm-bill>div{align-items:center;gap:12px;min-width:0;display:flex}.confirm-bill>div>span:last-child{gap:5px;min-width:0;display:grid}.confirm-bill strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.confirm-bill small{color:var(--muted);font-size:10px}.confirm-bill>b{flex:none;font-size:14px}.confirm-modal .form-error{margin-top:12px}.confirm-actions{grid-template-columns:1fr 1.45fr;gap:10px;margin-top:24px;display:grid}.confirm-actions button{white-space:nowrap;justify-content:center;min-height:47px;padding-left:10px;padding-right:10px;font-size:11px}.danger-button{color:#fff;cursor:pointer;background:#b6533c;border:0;border-radius:12px;padding:0 17px;font-weight:750}.danger-button:hover{background:#9f4430}.danger-button:disabled{cursor:wait;opacity:.65}.history-modal{width:min(590px,100%);padding:0;overflow:hidden}.history-modal .modal-close{z-index:2}.history-title-row{background:#fff;align-items:center;gap:14px;padding:28px 30px 22px;display:flex}.history-title-row .eyebrow{margin-bottom:4px;font-size:9px}.history-title-row h2{margin:0}.history-next{color:#fff;background:var(--navy);align-items:center;gap:36px;padding:19px 30px;display:flex}.history-next div{gap:5px;display:grid}.history-next small{color:#aeb9c6;font-size:10px}.history-next strong{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.history-next>span{color:#dbe5ee;background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:9px;font-weight:700}.history-stats{border-bottom:1px solid var(--line);background:#fffdfa;grid-template-columns:1.3fr .7fr 1fr;display:grid}.history-stats div{border-right:1px solid var(--line);gap:5px;padding:18px 20px;display:grid}.history-stats div:last-child{border-right:0}.history-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.history-stats strong{font-size:13px}.history-section-heading{justify-content:space-between;align-items:center;padding:22px 30px 12px;display:flex}.history-section-heading h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.history-section-heading span{color:var(--muted);font-size:9px}.history-list{max-height:260px;margin:0;padding:0 30px;list-style:none;overflow:auto}.history-list li{border-bottom:1px solid var(--line);grid-template-columns:31px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.history-list li:last-child{border-bottom:0}.history-check{color:#4f765d;background:#e5f0e7;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:800;display:grid}.history-list li div{gap:4px;display:grid}.history-list strong{font-size:12px}.history-list small{color:var(--muted);font-size:10px}.history-list b{font-size:12px}.history-empty{min-height:150px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:25px;font-size:11px;display:grid}.history-empty>span{font-size:22px}.history-empty strong{color:var(--ink);font-size:13px}.history-empty p{margin:0}.history-pay{width:calc(100% - 60px)!important;margin:18px 30px 26px!important}.forecast-note{color:#765e51;text-align:center;background:#f7ece5;border-radius:10px;margin:18px 30px 26px;padding:12px;font-size:11px;line-height:1.5}.view-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.view-heading h1{font-size:46px}.view-heading .paid-filter{align-self:center}.view-metrics,.paid-summary{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;overflow:hidden}.view-metrics>div,.paid-summary>div{border-right:1px solid var(--line);gap:7px;padding:22px 24px;display:grid}.view-metrics>div:last-child,.paid-summary>div:last-child{border-right:0}.view-metrics small,.paid-summary small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.view-metrics strong,.paid-summary strong{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.view-metrics span{color:var(--muted);font-size:10px}.directory-card,.ledger-card{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;scroll-margin-top:84px}.directory-card{position:relative;overflow:visible}.ledger-card{overflow:hidden}.directory-toolbar{border-bottom:1px solid var(--line);gap:12px;padding:17px 20px;display:flex}.search-field{background:#fff;border:1px solid #ddd8d1;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.search-field span{color:#9a948d;font-size:18px}.search-field input{background:0 0;border:0;outline:none;width:100%;min-height:42px}.directory-toolbar select,.setting-row select{min-height:42px;color:var(--ink);background:#fff;border:1px solid #ddd8d1;border-radius:10px;padding:0 32px 0 12px}.directory-heading{border-bottom:1px solid var(--line);color:#918b84;text-transform:uppercase;letter-spacing:.07em;background:#faf8f5;grid-template-columns:minmax(170px,1fr) 130px 140px 100px 34px 25px;gap:12px;padding:12px 20px;font-size:9px;font-weight:800;display:grid}.directory-heading span:nth-child(4){text-align:right}.directory-heading span:last-child{text-align:center;grid-column:5/7}.all-bills-list .bill-row{grid-template-columns:minmax(170px,1fr) 130px 140px 100px 34px 25px}.all-bills-list .due span{white-space:nowrap}.bill-added-by{color:#55514c;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.bill-added-by i{color:#fff;background:#637a96;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;min-width:25px;height:25px;font-size:9px;font-style:normal;font-weight:800;display:grid;overflow:hidden}.bill-added-by>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paid-filter{border:1px solid var(--line);background:#f3f0eb;border-radius:11px;gap:4px;padding:4px;display:flex}.paid-filter button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:700}.paid-filter button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #322d2814}.paid-summary{grid-template-columns:1.2fr .7fr 1fr}.ledger-heading{border-bottom:1px solid var(--line);color:#918b84;text-transform:uppercase;letter-spacing:.07em;background:#faf8f5;grid-template-columns:31px minmax(170px,1fr) 140px 140px 100px 38px;gap:12px;padding:13px 22px;font-size:9px;font-weight:800;display:grid}.ledger-heading span:nth-child(5){text-align:right}.ledger-heading span:last-child{text-align:center}.ledger-list{margin:0;padding:0;list-style:none}.ledger-list li{border-bottom:1px solid var(--line);grid-template-columns:31px minmax(170px,1fr) 140px 140px 100px 38px;align-items:center;gap:12px;min-height:76px;padding:13px 22px;display:grid}.ledger-list li:last-child{border-bottom:0}.ledger-list li>div{gap:4px;display:grid}.ledger-list li strong{font-size:13px}.ledger-list li small,.ledger-list time{color:var(--muted);font-size:10px}.ledger-list li>b{text-align:right;font-size:13px}.ledger-payer{color:#55514c;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.ledger-payer i{color:#fff;background:#637a96;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;min-width:25px;height:25px;font-size:9px;font-style:normal;font-weight:800;display:grid;overflow:hidden}.ledger-payer>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.undo-payment-button{color:#a34a31;cursor:pointer;background:#fff8f4;border:1px solid #e2c9bf;border-radius:9px;justify-self:center;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.undo-payment-button:hover{color:#fff;background:#b6533c}.ledger-action-placeholder{justify-self:center;width:32px}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:12px 20px;display:flex}.pagination p{color:var(--muted);margin:0;font-size:10px}.pagination p strong{color:var(--ink)}.pagination>div{align-items:center;gap:12px;display:flex}.pagination>div>span{min-width:68px;color:var(--muted);text-align:center;font-size:10px}.pagination button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.pagination button:hover:not(:disabled){color:var(--orange-dark);border-color:#c8bbb2}.pagination button:disabled{cursor:not-allowed;opacity:.4}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.settings-card:first-child,.appearance-card{grid-column:1/-1}.settings-card-heading{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:22px;display:flex}.settings-card-heading h2{margin:0 0 5px;font-size:20px}.settings-card-heading p{color:var(--muted);margin:0;font-size:11px}.settings-icon{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;font-size:16px;display:grid}.settings-icon.coral{color:#9f4430;background:#fce2d7}.settings-icon.blue{color:#2a6386;background:#dcedf4}.settings-icon.amber{color:#93601c;background:#fae7be}.settings-icon.violet{color:#67538a;background:#eae3f6}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 22px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>div{flex:1;gap:5px;min-width:0;display:grid}.setting-row strong{font-size:12px}.setting-row small{color:var(--muted);font-size:10px;font-weight:400}.secondary-button.compact{min-height:38px;padding:0 13px;font-size:10px}.toggle{appearance:none;cursor:pointer;height:23px;position:relative;background:#d9d5cf!important;border:0!important;border-radius:14px!important;width:42px!important;min-height:23px!important;padding:0!important}.toggle:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle:checked{background:var(--orange)!important}.toggle:checked:after{transform:translate(19px)}.timezone-select,.currency-select{flex:none;width:min(250px,48%);min-width:0;max-width:48%}.theme-options{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px 22px;display:grid}.theme-options button{border:1px solid var(--line);min-height:98px;color:var(--ink);cursor:pointer;text-align:left;background:#faf8f5;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-content:center;column-gap:11px;padding:15px;display:grid}.theme-options button>span{color:#726962;background:#fff;border-radius:10px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.theme-options button strong{align-self:end;font-size:12px}.theme-options button small{color:var(--muted);align-self:start;margin-top:4px;font-size:9px}.theme-options button:hover{border-color:#c9bcb2}.theme-options button.active{border-color:var(--orange);background:#fff8f4;box-shadow:0 0 0 2px #ee70481f}.theme-options button.active>span{color:#fff;background:var(--orange)}.categories-card{grid-column:1/-1}.settings-icon.green{color:#387052;background:#dceee3}.category-manager{gap:14px;padding:18px 22px 22px;display:grid}.category-tags{flex-wrap:wrap;gap:8px;display:flex}.category-tag{color:#4e4944;background:#faf8f5;border:1px solid #ded9d1;border-radius:999px;align-items:center;gap:7px;padding:6px 7px 6px 11px;font-size:11px;font-weight:700;display:inline-flex}.category-tag button{color:#8e8881;cursor:pointer;background:#ebe7e1;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;line-height:1;display:grid}.category-tag button:hover{color:#fff;background:var(--orange)}.category-tag button:disabled{cursor:not-allowed;opacity:.38}.category-entry{gap:10px;display:flex}.category-entry input{min-width:0;min-height:42px;color:var(--ink);background:#fff;border:1px solid #ddd8d1;border-radius:10px;outline:none;flex:1;padding:0 12px}.category-entry input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ee704821}.category-entry input:disabled{cursor:wait;opacity:.6}.category-entry button{flex:none}.category-entry button:disabled{cursor:not-allowed;opacity:.45}.category-manager>small{color:var(--muted);font-size:10px}.reports-heading{align-items:center}.report-controls{gap:10px;display:flex}.report-controls label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.report-controls select{min-width:150px;min-height:42px;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border:1px solid #ddd8d1;border-radius:10px;padding:0 32px 0 12px;font-size:11px;font-weight:700}.report-metrics{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1.15fr 1fr 1fr 1fr;margin-bottom:22px;display:grid;overflow:hidden}.report-metrics>div{border-right:1px solid var(--line);gap:7px;min-width:0;padding:22px 23px;display:grid}.report-metrics>div:last-child{border-right:0}.report-metrics small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.report-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;overflow:hidden}.report-metrics span{color:var(--muted);font-size:9px}.report-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;gap:22px;margin-bottom:22px;display:grid}.report-card{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;overflow:hidden}.report-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:19px 22px;display:flex}.report-card-heading .eyebrow{margin-bottom:5px;font-size:9px}.report-card-heading>span{color:var(--muted);background:#f2eee9;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:750}.category-breakdown{display:grid}.category-breakdown-row{border:0;border-bottom:1px solid var(--line);min-height:62px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:11px minmax(145px,.85fr) minmax(80px,1fr) auto;align-items:center;gap:12px;padding:11px 18px;display:grid}.category-breakdown-row:last-child{border-bottom:0}.category-breakdown-row:hover,.category-breakdown-row.active{background:#fff8f4}.category-breakdown-row.active{box-shadow:inset 3px 0 var(--orange)}.category-breakdown-row:first-child{grid-template-columns:11px minmax(145px,1fr) auto}.category-dot{background:#aaa49d;border-radius:3px;width:9px;height:9px}.category-dot.all{background:var(--navy)}.category-dot.coral{background:#dc765d}.category-dot.blue{background:#5794b6}.category-dot.amber{background:#d9a14c}.category-dot.green{background:#6d9d7e}.category-dot.violet{background:#8d78b0}.category-name{gap:4px;min-width:0;display:grid}.category-name b{font-size:12px}.category-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.category-breakdown-row>strong{text-align:right;min-width:76px;font-size:11px}.category-bar{background:#ece8e2;border-radius:4px;height:5px;overflow:hidden}.category-bar i{background:var(--orange);border-radius:4px;height:100%;display:block}.trend-card{flex-direction:column;display:flex}.trend-chart{justify-content:space-between;align-items:stretch;gap:8px;min-height:245px;padding:28px 20px 18px;display:flex}.trend-column{text-align:center;flex:1;grid-template-rows:18px 1fr 17px;gap:7px;min-width:0;display:grid}.trend-value{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.trend-column>div{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 36px,var(--line) 37px);justify-content:center;align-items:end;min-height:150px;display:flex}.trend-column i{background:linear-gradient(180deg,var(--orange),#d85934);border-radius:7px 7px 2px 2px;width:min(30px,74%);min-height:2px;display:block;box-shadow:0 5px 13px #dc5b322b}.trend-column small{color:var(--muted);font-size:9px;font-weight:700}.report-insight{background:#f3f6f9;border-radius:13px;align-items:center;gap:12px;margin:auto 18px 18px;padding:14px;display:flex}.report-insight>span{color:#486581;background:#dfeaf2;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.report-insight p{gap:4px;margin:0;display:grid}.report-insight b{font-size:11px}.report-insight small{color:var(--muted);font-size:9px;line-height:1.4}.category-detail-card{margin-bottom:10px}.category-detail-total{text-align:right;gap:4px;display:grid}.category-detail-total small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.category-detail-total strong{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.report-table-heading,.report-bill-list>button{grid-template-columns:minmax(200px,1fr) 100px 100px 120px 140px;align-items:center;gap:14px;display:grid}.report-table-heading{color:#918b84;letter-spacing:.07em;text-transform:uppercase;background:#faf8f5;padding:12px 20px;font-size:8px;font-weight:800}.report-table-heading span:nth-last-child(-n+2){text-align:right}.report-bill-list>button{border:0;border-top:1px solid var(--line);width:100%;min-height:76px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;padding:13px 20px}.report-bill-list>button:first-child{border-top:0}.report-bill-list>button:hover{background:#fffaf7}.report-bill-list>button>span:not(.report-bill-name){color:var(--muted);font-size:10px}.report-bill-list>button>strong{text-align:right;font-size:11px}.report-bill-name{align-items:center;gap:12px;min-width:0;display:flex}.report-bill-name .bill-icon{border-radius:11px;flex:none;width:39px;height:39px;font-size:15px;font-style:normal}.report-bill-name>span{gap:4px;min-width:0;display:grid}.report-bill-name b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.report-bill-name small{color:var(--muted);font-size:9px}.report-empty{min-height:220px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:28px;font-size:11px;display:grid}.report-empty>span{font-size:23px}.report-empty b{color:var(--ink);font-size:13px}.report-empty p{margin:0}@media (max-width:800px){.app-shell{padding-bottom:92px}.topbar{height:66px;padding:0 18px}.desktop-nav{display:none}.brand{font-size:21px}.brand-mark{width:31px;height:31px}.household-switcher{background:0 0;border:0;padding-right:0}.household-switcher>span:nth-child(2),.household-switcher>span:last-child{display:none}.dashboard{padding:30px 17px}.welcome-row,.view-heading{align-items:center;margin-bottom:24px}.welcome-row .primary-button{border-radius:50%;justify-content:center;gap:0;width:47px;min-width:47px;padding:0}.welcome-row .primary-button:not(:focus){font-size:0}.welcome-row .primary-button span{place-items:center;width:100%;height:100%;font-size:22px;display:grid}.view-heading>.primary-button{justify-content:center;min-width:max-content;padding:0 15px}.view-heading h1{font-size:38px}.subtle{max-width:300px;font-size:13px}.summary-card{grid-template-columns:1fr 1fr}.summary-main{border-bottom:1px solid #ffffff1c;grid-column:1/-1;padding:24px}.summary-stat{border-left:0;padding:19px}.summary-stat+.summary-stat{border-left:1px solid #ffffff1c}.stat-icon{border-radius:10px;width:34px;height:34px;font-size:15px}.content-grid{grid-template-columns:1fr}.activity-panel{display:none}.view-metrics,.paid-summary{grid-template-columns:1fr 1fr}.view-metrics>div:last-child,.paid-summary>div:last-child{border-top:1px solid var(--line);grid-column:1/-1}.view-metrics>div:nth-child(2),.paid-summary>div:nth-child(2){border-right:0}.settings-grid{grid-template-columns:1fr}.settings-card:first-child,.appearance-card{grid-column:auto}.mobile-nav{z-index:10;height:72px;padding:5px 10px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#98928b;flex-direction:column;align-items:center;gap:4px;font-size:9px;text-decoration:none;display:flex}.mobile-nav a span{font-size:18px}.mobile-nav a.active{color:var(--orange-dark);font-weight:700}.toast{bottom:88px;right:17px}.welcome-card{padding:38px 24px}}@media (max-width:980px){.report-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr 1fr}.report-metrics>div:nth-child(2){border-right:0}.report-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.report-table-heading,.report-bill-list>button{grid-template-columns:minmax(180px,1fr) 90px 90px 110px}.report-table-heading span:nth-child(2),.report-bill-list>button>span:nth-child(2){display:none}}@media (max-width:800px){.reports-heading{align-items:flex-end;gap:18px}.report-controls{display:grid}.report-controls label:first-child{display:none}.report-controls select{min-width:130px}.trend-chart{min-height:230px}.category-detail-card{border-left:0;border-right:0;border-radius:0;margin-left:-17px;margin-right:-17px}.welcome-row .primary-button .add-bill-label{display:none}.welcome-row .primary-button .add-bill-icon{place-items:center;width:100%;height:100%;font-size:22px;display:grid}}@media (max-width:800px) and (min-width:521px){.directory-heading,.all-bills-list .bill-row{grid-template-columns:minmax(170px,1fr) 140px 100px 34px 25px}.directory-heading span:nth-child(2),.bill-added-by{display:none}.directory-heading span:nth-child(4){text-align:right}.directory-heading span:last-child{grid-column:4/6}}@media (max-width:520px){h1{font-size:34px}.summary-main strong{font-size:40px}.summary-stat{gap:9px}.summary-stat p{display:none}.bill-panel,.directory-card,.ledger-card{border-left:0;border-right:0;border-radius:0;margin-left:-17px;margin-right:-17px}.bill-row,.all-bills-list .bill-row{grid-template-columns:minmax(0,1fr) auto 33px 20px;gap:9px;padding:14px 17px}.bill-details-trigger{gap:10px}.bill-details-trigger .bill-icon{width:42px;height:42px}.due{display:none}.section-heading{padding-left:17px;padding-right:17px}.month-heading{align-items:flex-end}.month-tabs button{min-width:53px;padding:6px}.early-next{grid-template-columns:1fr auto;padding:11px 17px}.early-next>span{display:none}.view-heading .paid-filter{position:absolute;top:75px;right:17px}.view-heading:has(.paid-filter){padding-bottom:44px}.view-metrics>div,.paid-summary>div{padding:18px 15px}.view-metrics strong,.paid-summary strong{font-size:20px}.directory-toolbar{padding:13px 17px}.directory-toolbar select{max-width:115px}.directory-heading,.ledger-heading{display:none}.ledger-list li{grid-template-columns:31px minmax(0,1fr) auto;padding:13px 17px}.ledger-payer,.ledger-list time{display:none}.ledger-list li>b{text-align:right}.settings-card-heading{padding:19px 17px}.setting-row{padding:15px 17px}.setting-row select{max-width:150px}.theme-options{grid-template-columns:1fr;padding:15px 17px 18px}.theme-options button{min-height:78px}.form-row{grid-template-columns:1fr}.modal{padding:28px 21px}.history-modal{padding:0}.history-title-row{padding:24px 21px 18px}.history-next{gap:22px;padding:17px 21px}.history-stats div{padding:15px 12px}.history-section-heading{padding:20px 21px 10px}.history-list{padding:0 21px}.history-pay{width:calc(100% - 42px)!important;margin:16px 21px 22px!important}.forecast-note{margin:16px 21px 22px}.welcome-card h1{font-size:43px}.auth-actions{flex-direction:column}.auth-actions button{justify-content:center;width:100%}.bill-added-by{display:none}}@media (max-width:800px){.modal input:not([type=checkbox]),.modal select,.modal textarea{font-size:16px}}@media (max-width:520px){.category-manager{padding:16px 17px 19px}.category-entry{flex-direction:column}.category-entry button{justify-content:center;width:100%}.ledger-list li{grid-template-columns:31px minmax(0,1fr) auto 32px}.reports-heading .subtle{max-width:210px}.report-controls select{width:115px;min-width:0}.report-metrics{grid-template-columns:1fr 1fr}.report-metrics>div{padding:17px 15px}.report-metrics strong{font-size:19px}.report-metrics>div:nth-child(2){border-right:0}.report-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.report-grid{gap:14px;margin-left:-17px;margin-right:-17px}.report-card{border-left:0;border-right:0;border-radius:0}.category-breakdown-row{grid-template-columns:10px minmax(0,1fr) auto;padding:11px 17px}.category-breakdown-row .category-bar{display:none}.category-breakdown-row:first-child{grid-template-columns:10px minmax(0,1fr) auto}.trend-chart{justify-content:flex-start;padding-left:17px;padding-right:17px;overflow-x:auto}.trend-column{min-width:45px}.report-card-heading{padding-left:17px;padding-right:17px}.report-table-heading{display:none}.report-bill-list>button{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:13px 17px}.report-bill-list>button>span:nth-child(2),.report-bill-list>button>span:nth-child(3){display:none}.report-bill-list>button>strong{font-size:10px}.category-detail-total strong{font-size:17px}.pagination{padding:12px 17px}.pagination p{display:none}.pagination>div{justify-content:space-between;width:100%}.pagination button span{display:none}}@media (max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:64px;min-height:auto;padding-top:72px}.landing-hero-copy{text-align:center}.landing-hero-copy h1,.landing-lede{margin-left:auto;margin-right:auto}.landing-hero-actions,.landing-proof{justify-content:center}.landing-hero-visual{justify-self:center;width:min(820px,92%)}.landing-reminder-card{right:-35px}.landing-family-card{left:-35px}.landing-product,.landing-product-reverse{grid-template-columns:1fr;gap:48px}.landing-product-copy{max-width:650px}.landing-product-reverse .landing-product-copy{grid-column:1}.landing-product-reverse .landing-shot-card{grid-area:auto/1}.landing-final-cta{margin-left:28px;margin-right:28px}}@media (max-width:800px){.landing-header{grid-template-columns:1fr auto;height:70px;padding:0 18px}.landing-header:after{left:18px;right:18px}.landing-nav,.landing-header-cta{display:none}.landing-header-actions{gap:8px}.landing-sign-in{padding:10px}.landing-theme-toggle{justify-content:center;width:34px;padding:0}.landing-theme-toggle small{display:none}.landing-hero{gap:52px;padding:58px 18px 76px}.landing-hero:before{display:none}.landing-hero h1{font-size:clamp(47px,13vw,66px)}.landing-lede{font-size:15px}.landing-hero-visual{width:100%}.landing-browser-frame{border-radius:15px;transform:none}.landing-reminder-card{top:42px;right:-5px}.landing-family-card{bottom:22px;left:-5px}.landing-strip{scrollbar-width:none;justify-content:flex-start;gap:15px;padding-left:18px;padding-right:18px;overflow:auto}.landing-strip p{flex:none;font-size:12px}.landing-section{padding:86px 18px}.landing-section-heading{gap:20px;margin-bottom:35px;display:grid}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{min-height:220px}.landing-feature-card h3{margin-top:32px}.landing-product,.landing-product-reverse{gap:35px;padding:54px 18px 90px}.landing-product-copy h2,.landing-section-heading h2,.landing-final-cta h2{font-size:42px}.landing-shot-card{border-radius:15px}.landing-shot-label{height:48px;padding:0 14px}.landing-steps{grid-template-columns:1fr}.landing-steps li{min-height:auto}.landing-steps li+li{border-top:1px solid var(--line);border-left:0}.landing-final-cta{grid-template-columns:1fr;gap:35px;margin:0 18px 70px;padding:45px 30px}.landing-final-actions{min-width:0}.landing-footer{grid-template-columns:1fr auto;padding:28px 18px}.landing-footer p{display:none}}@media (max-width:520px){.landing-hero{padding-top:50px}.landing-hero h1{font-size:46px}.landing-hero-actions{gap:19px;display:grid}.landing-hero-actions>button,.landing-hero-actions>div,.landing-primary-cta{justify-content:center;width:100%}.landing-proof{gap:10px 14px;margin-top:27px}.landing-proof li{font-size:9px}.landing-browser-bar{height:28px}.landing-browser-bar small{font-size:6px}.landing-float-card{padding:8px 9px}.landing-float-card small{font-size:6px}.landing-float-card b{font-size:8px}.landing-reminder-card>span{width:25px;height:25px}.landing-mini-avatars i{width:23px;height:23px}.landing-reminder-card{top:30px}.landing-family-card{bottom:11px}.landing-feature-card{padding:25px}.landing-product-copy h2,.landing-section-heading h2,.landing-final-cta h2{font-size:38px}.landing-shot-label small{display:none}.landing-stat-row strong{font-size:20px}.landing-steps li{padding:25px 22px}.landing-final-cta{border-radius:22px;padding:39px 24px}.landing-footer{min-height:85px}}.modal textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink);font:inherit;background:#fff;border:1px solid #ddd8d1;border-radius:10px;outline:none;padding:11px 12px;font-weight:400;line-height:1.5}.modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ee704821}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.optional-label{color:var(--muted);font-size:9px;font-weight:500}.history-notes{border-bottom:1px solid var(--line);background:#fff8f3;padding:14px 30px 16px}.history-notes small{color:#a35a43;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.history-notes p{color:#615a54;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.55}:root[data-theme=dark]{--ink:#f2efeb;--muted:#aaa49d;--line:#393c40;--paper:#181a1d;--orange:#ef7852;--orange-dark:#ff916d;--navy:#202b3b}:root[data-theme=dark] .topbar{background:#181a1df0}:root[data-theme=dark] .mobile-nav{background:#1b1d20f5}:root[data-theme=dark] .bill-panel,:root[data-theme=dark] .activity-panel,:root[data-theme=dark] .directory-card,:root[data-theme=dark] .ledger-card{background:#232528d1}:root[data-theme=dark] .settings-card,:root[data-theme=dark] .view-metrics,:root[data-theme=dark] .paid-summary,:root[data-theme=dark] .report-metrics,:root[data-theme=dark] .report-card,:root[data-theme=dark] .household-switcher,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .history-title-row{background:#232529}:root[data-theme=dark] .directory-heading,:root[data-theme=dark] .ledger-heading{color:#8f9297;background:#1e2023}:root[data-theme=dark] .search-field,:root[data-theme=dark] .directory-toolbar select,:root[data-theme=dark] .report-controls select,:root[data-theme=dark] .setting-row select,:root[data-theme=dark] .modal input,:root[data-theme=dark] .modal select{color:var(--ink);background:#1d1f22;border-color:#45484d}:root[data-theme=dark] .search-field input{color:var(--ink)}:root[data-theme=dark] input::placeholder{color:#777b80}:root[data-theme=dark] .month-tabs,:root[data-theme=dark] .paid-filter{background:#1d1f22}:root[data-theme=dark] .month-tabs button.active,:root[data-theme=dark] .paid-filter button.active{color:var(--ink);box-shadow:none;background:#303338}:root[data-theme=dark] .early-next{color:#d8c3b9;background:#2b211e}:root[data-theme=dark] .early-next>span{color:#ff9b77;background:#4a2c24}:root[data-theme=dark] .invite-button{color:var(--ink);background:#28221f;border-color:#574941}:root[data-theme=dark] .invite-button>span:first-child{color:#ff9b77;background:#4a2c24}:root[data-theme=dark] .paid-button{color:#8bc29b;background:#203128;border-color:#486052}:root[data-theme=dark] .more-menu>div{background:#282a2e;box-shadow:0 8px 25px #00000059}:root[data-theme=dark] .more-menu button{color:#ff9b77;background:#282a2e}:root[data-theme=dark] .more-menu button:hover{background:#3b2924}:root[data-theme=dark] .more-menu button.edit-bill{color:#b7c8dd}:root[data-theme=dark] .more-menu button.edit-bill:hover{background:#303842}:root[data-theme=dark] .welcome-screen,:root[data-theme=dark] .loading-screen{background:radial-gradient(circle at 50% 0,#292d32 0,#1c1e21 48%,#151719 100%)}:root[data-theme=dark] .welcome-card{background:#232529e6;box-shadow:0 24px 70px #0000004d}:root[data-theme=dark] .modal textarea{color:var(--ink);background:#1d1f22;border-color:#45484d}:root[data-theme=dark] .history-notes{background:#2b211e}:root[data-theme=dark] .history-notes small{color:#ff9b77}:root[data-theme=dark] .history-notes p{color:#d7d1ca}:root[data-theme=dark] .modal{background:#202225}:root[data-theme=dark] .modal-close{color:#b5b0aa;background:#34373b}:root[data-theme=dark] .modal label{color:#c8c3bd}:root[data-theme=dark] .history-stats{background:#1d1f22}:root[data-theme=dark] .history-check,:root[data-theme=dark] .empty-state>span,:root[data-theme=dark] .confirm-icon{color:#8bc29b;background:#203128}:root[data-theme=dark] .confirm-bill{background:#1d1f22}:root[data-theme=dark] .confirm-icon.undo{color:#ff9b77;background:#4a2c24}:root[data-theme=dark] .undo-payment-button{color:#ff9b77;background:#32251f;border-color:#574139}:root[data-theme=dark] .pagination button{color:var(--ink);background:#232529}:root[data-theme=dark] .forecast-note{color:#d8c3b9;background:#2b211e}:root[data-theme=dark] .theme-options button{color:var(--ink);background:#1d1f22}:root[data-theme=dark] .category-tag{color:var(--ink);background:#282a2e;border-color:#45484d}:root[data-theme=dark] .category-tag button{color:#b7b2ac;background:#3a3d42}:root[data-theme=dark] .category-entry input{color:var(--ink);background:#1d1f22;border-color:#45484d}:root[data-theme=dark] .theme-options button>span{color:#c4beb7;background:#303338}:root[data-theme=dark] .theme-options button:hover{border-color:#666a70}:root[data-theme=dark] .theme-options button.active{border-color:var(--orange);background:#32251f;box-shadow:0 0 0 2px #ef785221}:root[data-theme=dark] .theme-options button.active>span{color:#fff;background:var(--orange)}:root[data-theme=dark] .report-card-heading>span{color:#aaa49d;background:#303338}:root[data-theme=dark] .category-breakdown-row:hover,:root[data-theme=dark] .category-breakdown-row.active,:root[data-theme=dark] .report-bill-list>button:hover{background:#2b211e}:root[data-theme=dark] .category-bar{background:#3a3d42}:root[data-theme=dark] .report-insight{background:#202a34}:root[data-theme=dark] .report-insight>span{color:#9bcbe5;background:#243b48}:root[data-theme=dark] .report-table-heading{color:#8f9297;background:#1e2023}:root[data-theme=dark] .settings-icon.coral,:root[data-theme=dark] .bill-icon.coral{color:#ffb29a;background:#4a2c24}:root[data-theme=dark] .settings-icon.blue,:root[data-theme=dark] .bill-icon.blue{color:#9bcbe5;background:#243b48}:root[data-theme=dark] .settings-icon.amber,:root[data-theme=dark] .bill-icon.amber{color:#eac480;background:#493a22}:root[data-theme=dark] .settings-icon.violet,:root[data-theme=dark] .bill-icon.violet{color:#c9b4ed;background:#352d45}:root[data-theme=dark] .bill-icon.green{color:#9bd0af;background:#243a2d}:root[data-theme=dark] .bill-icon.stone{color:#c8c3bd;background:#37383a}:root[data-theme=dark] .toggle:not(:checked){background:#4a4d51!important}:root[data-theme=dark] .landing-hero:before{border-color:#303236;box-shadow:0 0 0 70px #25272b80,0 0 0 140px #1e202373}:root[data-theme=dark] .landing-strip{color:#b7b0a8;background:#202225}:root[data-theme=dark] .landing-feature-card,:root[data-theme=dark] .landing-steps,:root[data-theme=dark] .landing-stat-row div{background:#232529}:root[data-theme=dark] .landing-feature-card.coral{background:#2b211e}:root[data-theme=dark] .landing-feature-card.blue{background:#1d272c}:root[data-theme=dark] .landing-feature-card.green{background:#1f2822}:root[data-theme=dark] .landing-product-copy>ul{color:#d0cac4}:root[data-theme=dark] .landing-shot-card{background:#232529;border-color:#393c40;box-shadow:0 25px 70px #00000052}:root[data-theme=dark] .landing-shot-label{background:#202225;border-color:#393c40}:root[data-theme=dark] .landing-shot-label span{color:#eeeae5}:root[data-theme=dark] .landing-final-cta{background:#202b3b}:root[data-theme=dark] .landing-theme-toggle{color:#c9c3bc;background:#232529}:root[data-theme=dark] .landing-theme-toggle:hover{color:#fff;border-color:#55595e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.income-card{grid-column:1/-1;scroll-margin-top:90px}.income-card fieldset{border:0;min-width:0;margin:0;padding:0}.income-input{width:min(200px,42%);min-width:0;min-height:42px;color:var(--ink);background:#fff;border:1px solid #ddd8d1;border-radius:10px;flex:none;padding:0 12px}.income-input:focus{outline:2px solid var(--orange);outline-offset:2px}.income-report-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.income-report-heading h2{margin:0 0 8px;font-size:22px}.income-report-heading p{margin:0;font-size:12px}.income-report-heading a{color:var(--orange-dark);flex:none;font-size:12px}.income-report-note{color:var(--muted);margin:-8px 0 26px;font-size:11px;line-height:1.6}:root[data-theme=dark] .income-input{color:var(--ink);background:#1d1f22;border-color:#45484d}.debt-help{color:var(--muted);margin:-9px 0 0 26px;font-size:11px;line-height:1.5}.income-manager{padding:24px}.income-summary{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.income-summary>div{background:var(--paper);border-radius:14px;flex-direction:column;gap:8px;padding:22px 24px;display:flex}.income-summary>.income-summary-net{background:#eef6f1}.income-summary span{color:var(--muted);font-size:12px;font-weight:600}.income-summary strong{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:650}.income-summary-net strong{color:#32684f}.income-summary small{color:var(--muted);font-size:11px}.income-list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.income-list-toolbar h3{align-items:center;gap:8px;margin:0;font-family:inherit;font-size:13px;font-weight:650;display:flex}.income-list-toolbar h3 span{background:var(--paper);min-width:22px;height:22px;color:var(--muted);border-radius:7px;place-items:center;font-size:11px;display:grid}.income-add-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.income-add-button>span{color:var(--orange-dark);font-size:19px;line-height:1}.income-add-button:hover{background:var(--paper)}.income-manager button:disabled{opacity:.5;cursor:not-allowed}.income-list{margin:0;padding:0;list-style:none}.income-list li{border-top:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.income-source-icon{background:var(--paper);width:40px;height:40px;color:var(--muted);border-radius:11px;flex:none;place-items:center;font-size:21px;display:grid}.income-source-name{flex:1;gap:5px;min-width:0;display:grid}.income-source-name strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.income-source-name>span,.income-source-amount>span{color:var(--muted);font-size:11px}.income-source-amount{text-align:right;font-variant-numeric:tabular-nums;gap:5px;display:grid}.income-source-amount strong{font-size:14px;font-weight:650}.income-source-amount small{color:var(--muted);font-size:11px;font-weight:400}.income-row-actions{align-items:center;gap:6px;margin-left:16px;display:flex}.income-row-actions button{min-width:36px;min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px 9px;font-size:12px;display:grid}.income-row-actions button:hover{background:var(--paper);color:var(--ink)}.income-row-actions .income-remove:hover{color:#bd4b3e;background:#fff0ec}.income-footnote{border-top:1px solid var(--line);color:var(--muted);margin:8px 0 0;padding-top:16px;font-size:11px;line-height:1.6}.income-empty{border:1px dashed var(--line);text-align:center;border-radius:12px;justify-items:center;gap:10px;padding:28px 20px;display:grid}.income-empty>span{color:#32684f;font-size:26px}.income-empty strong{font-size:14px;font-weight:600}.income-empty p{max-width:340px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.income-dialog{border:1px solid var(--line);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border-radius:20px;margin:auto;padding:0;font-family:inherit;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 90px #0003}.income-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18212a66}.income-dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:26px 28px 22px;display:flex}.income-dialog-heading p{color:var(--muted);letter-spacing:.1em;margin:0 0 8px;font-size:10px;font-weight:700}.income-dialog-heading h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:27px;font-weight:500}.income-dialog-close{width:32px;height:32px;color:var(--muted);background:var(--paper);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:23px}.income-dialog-body{border:0;gap:20px;min-width:0;margin:0;padding:24px 28px;display:grid}.income-dialog label{color:var(--ink);flex-wrap:wrap;place-content:start space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.income-dialog label>span,.income-dialog label>small{color:var(--muted);font-size:10px;font-weight:400}.income-dialog input,.income-dialog select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:400;display:block}.income-dialog input:focus,.income-dialog select:focus{outline:2px solid var(--orange);outline-offset:2px}.income-dialog-amounts{grid-template-columns:1fr 1fr;gap:16px;display:grid}.income-dialog-note{color:var(--muted);background:var(--paper);border-radius:9px;margin:0;padding:12px 14px;font-size:11px;line-height:1.6}.income-dialog-error{color:#bd4b3e;margin:0;font-size:12px}.income-dialog-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:18px 28px;display:flex}.income-dialog-footer button{justify-content:center;min-height:42px;padding:0 16px;font-size:12px}:root[data-theme=dark] .income-summary-net{background:#23372e}:root[data-theme=dark] .income-summary-net strong{color:#9ad4b4}:root[data-theme=dark] .income-dialog{background:#202225}@media (max-width:600px){.income-manager{padding:18px}.income-summary{gap:10px;margin-bottom:22px}.income-summary>div{padding:16px 12px}.income-summary strong{font-size:24px}.income-summary span{font-size:11px}.income-list-toolbar{flex-direction:column;align-items:flex-start}.income-list li{flex-wrap:wrap;gap:10px}.income-source-icon{display:none}.income-source-name{flex-basis:45%}.income-row-actions{margin-left:auto}.income-dialog-heading{padding:22px 20px 18px}.income-dialog-body{padding:20px}.income-dialog-amounts{grid-template-columns:1fr}.income-dialog-footer{padding:16px 20px}}