@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_53cf7e2c-module__qN6QFG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_53cf7e2c-module__qN6QFG__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_313ff511-module__XncwkG__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_313ff511-module__XncwkG__variable{--font-display:"Manrope", "Manrope Fallback"}
:root{--ink:#1d2520;--muted:#6f766f;--line:#e3e5df;--paper:#f4f5f0;--surface:#fffefa;--dark:#1e2924;--coral:#ed785f;--violet:#7568d8;--mint:#3c9d77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-body), sans-serif;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fafbf7;flex-direction:column;height:100vh;padding:30px 22px 22px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display), sans-serif;letter-spacing:-.5px;align-items:center;gap:11px;padding:0 8px;font-size:20px;font-weight:750;display:flex}.brand-mark{background:var(--dark);border-radius:9px;place-items:center;width:28px;height:28px;display:grid;transform:rotate(-4deg)}.brand-mark span{border:2px solid #f5f6ef;border-top:0;border-radius:0 0 8px 8px;width:9px;height:14px;transform:rotate(4deg)}.main-nav{gap:5px;margin-top:45px;display:grid}.nav-item,.utility-nav a{color:#687069;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover,.utility-nav a:hover{color:var(--ink);background:#f0f1eb}.nav-item.active{color:var(--ink);background:#e7ebe4}.nav-count{text-align:center;color:#5c655f;background:#d7dcd4;border-radius:20px;min-width:23px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-spacer{flex:1}.connection-card{background:#f1f3ed;border:1px solid #dee2da;border-radius:14px;padding:15px}.connection-title{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.status-dot{background:#e7a148;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #f2e3ce}.status-dot.trello{background:#4ca47b;box-shadow:0 0 0 3px #d9e9df}.connection-card p{color:var(--muted);margin:8px 0 10px;font-size:11px;line-height:1.45}.connection-card a,.text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:none}.connection-card a{align-items:center;gap:4px;display:flex}.utility-nav{margin:13px 0;display:grid}.utility-nav a{padding-block:8px;font-size:12px}.profile{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:17px 5px 0;display:grid}.avatar{color:#4d3b72;background:#d4c9ed;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{color:var(--muted);margin-top:2px;font-size:10px}.profile form{margin:0}.logout-button{color:#858c85;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.logout-button:hover{color:var(--ink);background:#ecefe9}.main-content{min-width:0;padding:0 44px 60px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:94px;display:flex}.topbar h1{font-family:var(--font-display), sans-serif;letter-spacing:-.6px;margin:3px 0 0;font-size:20px}.eyebrow{color:#838983;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:9px;font-weight:800}.period-controls{align-items:center;gap:5px;margin-left:auto;display:flex}.icon-button,.today-button,.filter-button{border:1px solid var(--line);cursor:pointer;background:#fbfcf8;place-items:center;display:inline-grid}.icon-button{border-radius:10px;width:35px;height:35px}.today-button{border-radius:10px;height:35px;padding:0 12px;font-size:11px;font-weight:700}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 16px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.button-primary{background:var(--dark);color:#fff;box-shadow:0 7px 18px #1e292429}.mobile-menu,.close-menu{display:none}.preview-banner{color:#665323;background:#f5ecd1;border:1px solid #e9dcae;border-radius:11px;justify-content:space-between;align-items:center;margin-top:18px;padding:11px 14px;font-size:11px;display:flex}.preview-banner button{cursor:pointer;background:0 0;border:0}.preview-banner.save-error{color:#763b33;background:#f9e2dd;border-color:#eec4bb}.welcome-row{justify-content:space-between;align-items:flex-end;padding:42px 0 24px;display:flex}.welcome-row h2{font:650 28px/1.15 var(--font-display), sans-serif;letter-spacing:-1px;margin:7px 0 0}.welcome-tools{align-items:center;gap:9px;display:flex}.fx-control{border:1px solid var(--line);min-height:34px;color:var(--muted);white-space:nowrap;background:#ffffff8c;border-radius:20px;align-items:center;gap:9px;padding:3px 4px 3px 10px;font-size:9px;font-weight:700;display:flex}.fx-control>div{background:#e8ebe5;border-radius:15px;padding:2px;display:flex}.fx-control button{color:#7d847d;cursor:pointer;background:0 0;border:0;border-radius:12px;width:28px;height:24px;font-size:11px;font-weight:800}.fx-control button[aria-pressed=true]{color:#fff;background:var(--dark)}.days-chip{border:1px solid var(--line);color:var(--muted);background:#ffffff8c;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.days-chip strong{color:var(--ink)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.summary-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;min-height:159px;padding:20px;position:relative;overflow:hidden}.summary-label{color:#6d746e;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.summary-icon{border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.summary-icon.coral{color:#c85242;background:#f9ddd6}.summary-icon.violet{color:#5f52bf;background:#e8e5fb}.summary-icon.mint{color:#267e5c;background:#dbf0e6}.summary-card>strong{font:700 25px var(--font-display), sans-serif;letter-spacing:-.8px;margin-top:19px;display:block}.summary-card>p{color:#8a8f89;margin:5px 0 0;font-size:10px}.priority-card{border-top:3px solid var(--coral);padding-top:18px}.mini-bar,.account-bar{background:#eceee9;border-radius:10px;height:4px;overflow:hidden}.mini-bar{margin-top:17px}.mini-bar span{background:var(--coral);border-radius:inherit;height:100%;display:block}.remaining-card{background:var(--dark);border-color:var(--dark);color:#fff}.remaining-card .summary-label,.remaining-card>p{color:#aeb9b2}.remaining-orbit{border:1px solid #ffffff29;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-34px}.remaining-orbit:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:63px;height:63px;position:absolute;top:-18px;left:-12px}.remaining-orbit span{background:#d7df87;border-radius:50%;width:9px;height:9px;position:absolute;top:42px;left:-5px}.content-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);align-items:start;gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;min-height:78px;padding:17px 20px;display:flex}.panel-header h3{font:700 17px var(--font-display), sans-serif;letter-spacing:-.4px;margin:4px 0 0}.filter-button{border-radius:9px;grid-auto-flow:column;gap:6px;height:32px;padding:0 11px;font-size:10px;font-weight:700}.view-tabs{border-bottom:1px solid var(--line);gap:24px;padding:0 20px;display:flex}.view-tabs button{color:#8a908a;cursor:pointer;background:0 0;border:0;padding:0 0 12px;font-size:10px;font-weight:700;position:relative}.view-tabs button.selected{color:var(--ink)}.view-tabs button.selected:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.view-tabs button span{color:#b85142;background:#f8dcd5;border-radius:10px;margin-left:5px;padding:2px 5px;font-size:8px}.payment-row{border-bottom:1px solid #eceee9;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:76px;padding:13px 19px;transition:background .15s;display:grid}.payment-row:hover{background:#fbfcf8}.check-button{cursor:pointer;background:0 0;border:1.5px solid #ccd1ca;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.check-button:disabled,.flag-button:disabled{cursor:wait;opacity:.55}.payment-paid .check-button{color:#fff;background:#65a88d;border-color:#65a88d}.payment-paid .payment-main,.payment-paid .payment-amount{opacity:.47}.payment-paid h4{text-decoration:line-through}.payment-title-line,.payment-meta{flex-wrap:wrap;align-items:center;display:flex}.payment-details-trigger{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:0;padding:0}.payment-details-trigger:hover h4{text-underline-offset:2px;text-decoration:underline}.payment-details-trigger:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #7568d8}.payment-title-line{gap:7px}.payment-title-line h4{margin:0;font-size:12px;font-weight:750}.payment-meta{color:#828881;gap:6px;margin-top:6px;font-size:9px}.due-date.late{color:#ce5947;font-weight:750}.meta-separator{color:#c4c8c3}.account-dot{border-radius:50%;flex:none;width:7px;height:7px}.account-dot.large{width:9px;height:9px}.category-tag,.recurring-tag{color:#727971;background:#f5f6f2;border:1px solid #e0e3dd;border-radius:5px}.category-tag{padding:2px 5px}.recurring-tag{align-items:center;gap:3px;padding:2px 5px;font-size:8px;display:inline-flex}.recurring-source{color:#6a6197;align-items:center;gap:2px;font-size:8px;font-weight:750;display:inline-flex}.payment-amount{font:700 12px var(--font-display), sans-serif}.flag-button{color:#b6bbb5;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.flag-button.flagged{color:#d45e4d;background:#fbe6e0}.panel-footer-button{color:#6d746e;cursor:pointer;background:#fbfcf8;border:0;justify-content:center;align-items:center;gap:6px;width:100%;height:43px;font-size:10px;font-weight:700;display:flex}.empty-state{color:#929891;flex-direction:column;justify-content:center;align-items:center;min-height:190px;font-size:10px;display:flex}.empty-state strong{color:var(--ink);margin-top:8px;font-size:12px}.empty-state span{margin-top:3px}.side-stack{gap:14px;display:grid}.text-button{color:#667069}.account-list{gap:4px;padding:0 14px 14px;display:grid}.account-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;padding:7px 6px}.account-row:hover{background:#f5f6f2}.account-row.selected{background:#eeecf9;border-color:#d7d3ed}.account-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.account-heading span:last-child{color:#767d76;font:700 10px var(--font-display)}.account-bar{margin-top:9px}.account-bar span{border-radius:inherit;height:100%;display:block}.recurring-card{background:#dedaf6;border-radius:16px;min-height:285px;padding:23px;position:relative;overflow:hidden}.recurring-card:after{content:"";border:35px solid #6251bb17;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:-90px}.recurring-icon{color:#f7f4ff;background:#6255bd;border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:25px;display:grid;transform:rotate(-4deg)}.recurring-card .eyebrow{color:#716a96}.recurring-card h3{max-width:280px;font:720 18px/1.25 var(--font-display);letter-spacing:-.5px;margin:7px 0}.recurring-card>p:not(.eyebrow){color:#665f87;max-width:280px;margin:0 0 18px;font-size:10px;line-height:1.5}.regular-heading{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.regular-heading>strong{color:#554a99;background:#ffffff80;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:11px;display:grid}.regular-payment-list{z-index:1;gap:6px;margin:16px 0;display:grid;position:relative}.regular-payment-list button{color:#4f4778;text-align:left;cursor:pointer;background:#ffffff78;border:1px solid #6255bd1f;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;width:100%;min-height:52px;padding:9px 10px;display:grid}.regular-payment-list button:hover{background:#ffffffb8}.regular-payment-list strong,.regular-payment-list small{display:block}.regular-payment-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.regular-payment-list small{color:#776f9a;margin-top:3px;font-size:8px}.regular-payment-list b{font:700 10px var(--font-display)}.regular-empty{background:#ffffff59;border-radius:10px;padding:14px;margin-top:15px!important}.regular-explainer{z-index:1;position:relative}.recurring-card .button-light{margin-top:1px}.button-light{z-index:1;color:#4f4778;box-shadow:none;background:#ffffffb3;position:relative}.mobile-bottom-nav,.menu-scrim{display:none}.modal-open{overflow:hidden}.details-layer{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.details-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#161d196b;border:0;position:absolute;inset:0}.details-modal{background:#f8f9f5;border-left:1px solid #dfe2dc;width:min(650px,94vw);height:100%;animation:.2s ease-out details-in;position:relative;overflow-y:auto;box-shadow:-25px 0 70px #171f1a2b}.details-header{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f9f5f0;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:25px 28px;display:flex;position:sticky;top:0}.details-header h2{font:720 22px/1.2 var(--font-display);letter-spacing:-.7px;margin:6px 0 0}.details-content{gap:15px;padding:24px 28px 100px;display:grid}.details-date-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.details-date-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr;align-content:start;gap:7px;min-height:83px;padding:13px;display:grid}.details-date-grid svg{color:#7367cc}.details-date-grid span{color:var(--muted);font-size:9px;font-weight:700}.details-date-grid strong{grid-column:1/-1;margin-top:4px;font-size:11px}.details-labels{flex-wrap:wrap;gap:6px;display:flex}.details-labels span{color:#646c65;background:#f0f2ed;border:1px solid #dde1db;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700}.details-section{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:19px}.details-section h3{font:720 13px var(--font-display);align-items:center;gap:7px;margin:0 0 14px;display:flex}.details-section h3>span{min-width:21px;color:var(--muted);text-align:center;font:700 8px var(--font-body);background:#ecefe9;border-radius:10px;margin-left:auto;padding:3px 6px}.details-description{color:#555e57;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.65}.details-empty{color:#959b95;margin:0;font-size:10px}.details-checklists{gap:18px;display:grid}.details-checklist>div:first-child{justify-content:space-between;font-size:10px;display:flex}.details-checklist>div:first-child span{color:var(--muted)}.checklist-progress{background:#e9ece7;border-radius:5px;height:4px;margin:9px 0 6px;overflow:hidden}.checklist-progress span{border-radius:inherit;background:#64aa89;height:100%;display:block}.checklist-item{border-bottom:1px solid #eff1ed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:33px;display:grid}.checklist-item>span{border:1px solid #ccd2cb;border-radius:5px;place-items:center;width:16px;height:16px;display:grid}.checklist-item.complete>span{color:#fff;background:#64aa89;border-color:#64aa89}.checklist-item p{margin:0;font-size:10px}.checklist-item.complete p{color:#909690;text-decoration:line-through}.checklist-item time{color:var(--muted);font-size:8px}.details-attachments{gap:7px;display:grid}.details-attachments a{min-height:50px;color:inherit;background:#f8f9f5;border:1px solid #e3e6e0;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;text-decoration:none;display:grid}.details-attachments a:hover{border-color:#cbc7e4}.details-attachments strong,.details-attachments small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.details-attachments strong{font-size:10px}.details-attachments small{color:var(--muted);margin-top:3px;font-size:8px}.details-comments{gap:15px;display:grid}.details-comments article{grid-template-columns:auto minmax(0,1fr);gap:9px;display:grid}.comment-avatar{color:#51457f;background:#ddd6f1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-weight:800;display:grid}.details-comments article>div:last-child>div{justify-content:space-between;gap:10px;display:flex}.details-comments strong{font-size:9px}.details-comments time{color:var(--muted);font-size:8px}.details-comments p{color:#555e57;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.55}.details-footer{z-index:3;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f9f5f0;justify-content:flex-end;padding:14px 28px;display:flex;position:sticky;bottom:0}.details-loading,.details-error{margin:28px}.details-loading{gap:12px;display:grid}.details-loading span{background:linear-gradient(90deg,#eceee9,#f7f8f4,#eceee9) 0 0/200% 100%;border-radius:12px;height:70px;animation:1.2s infinite shimmer}.details-error{color:#783d34;background:#f9e4df;border:1px solid #edc5bd;border-radius:12px;padding:18px}.details-error p{margin:5px 0 0;font-size:10px}@keyframes details-in{0%{opacity:.7;transform:translate(25px)}}@keyframes shimmer{to{background-position:-200% 0}}.error-page{place-items:center;min-height:100vh;padding:24px;display:grid}.error-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(480px,100%);padding:40px}.error-card h1{font-family:var(--font-display)}.error-card p{color:var(--muted)}.login-page{background:#f7f8f3;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-story{color:#f7f8f2;background:#1d2923;flex-direction:column;min-height:100vh;padding:42px clamp(38px,6vw,96px);display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-story:before{width:520px;height:520px;bottom:-260px;left:-300px}.login-story:after{width:350px;height:350px;top:-180px;right:-180px}.login-brand{z-index:1;font:750 20px var(--font-display), sans-serif;letter-spacing:-.5px;align-items:center;gap:11px;display:flex;position:relative}.login-story .brand-mark{background:#f4f5ef;display:grid}.login-story .brand-mark>span{border-color:#1d2923}.login-copy{z-index:1;max-width:620px;margin:auto 0 46px;position:relative}.login-copy .eyebrow{color:#aebbb4}.login-copy h1{font:680 clamp(38px, 4.5vw, 64px)/1.04 var(--font-display), sans-serif;letter-spacing:-2.8px;margin:15px 0 18px}.login-copy>p:last-child{color:#b9c4bd;max-width:480px;margin:0;font-size:15px;line-height:1.6}.login-preview{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:17px;max-width:620px;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000029}.preview-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.preview-top span{color:#b8c3bd;font-size:11px}.preview-top strong{font:700 19px var(--font-display)}.preview-line{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:62px;padding:11px 20px;display:grid}.preview-line:last-child{border-bottom:0}.preview-line>span{border:1px solid #ffffff59;border-radius:6px;width:18px;height:18px}.preview-line strong,.preview-line small{display:block}.preview-line strong{font-size:11px}.preview-line small{color:#aeb9b2;margin-top:4px;font-size:9px}.preview-line b{font:650 11px var(--font-display)}.login-panel{background:var(--paper);place-items:center;padding:44px;display:grid}.login-box{width:min(390px,100%)}.trello-mark{background:#0c66e4;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;width:45px;height:45px;margin-bottom:34px;padding:10px;display:grid;box-shadow:0 10px 25px #0c66e433}.trello-mark span{background:#fff;border-radius:2px}.trello-mark span:last-child{height:70%}.login-box h2{font:720 29px/1.15 var(--font-display), sans-serif;letter-spacing:-1px;margin:9px 0 11px}.login-explainer{color:var(--muted);margin:0 0 26px;font-size:13px;line-height:1.55}.trello-button{color:#fff;cursor:pointer;background:#0c66e4;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 17px;font-size:12px;font-weight:750;text-decoration:none;display:flex;box-shadow:0 9px 22px #0c66e42b}.trello-button:hover{background:#0b5dcc}.login-error{color:#783d34;background:#f9e4df;border:1px solid #edc5bd;border-radius:9px;margin:-10px 0 16px;padding:11px 12px;font-size:11px;line-height:1.45}.login-benefits{border-top:1px solid var(--line);gap:19px;margin-top:30px;padding-top:26px;display:grid}.login-benefits>div{color:#788078;grid-template-columns:auto 1fr;align-items:start;gap:11px;display:grid}.login-benefits svg{color:#438c6d;margin-top:1px}.login-benefits strong,.login-benefits span{display:block}.login-benefits strong{color:var(--ink);margin-bottom:3px;font-size:11px}.login-benefits span{font-size:10px;line-height:1.4}.login-footnote{color:#929791;margin:27px 0 0;font-size:9px;line-height:1.5}.callback-page{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.callback-card{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:18px;width:min(420px,100%);padding:42px;box-shadow:0 20px 55px #1a231e14}.callback-card .login-brand{justify-content:center}.callback-card h1{font:680 19px/1.4 var(--font-display), sans-serif;margin:26px 0 18px}.callback-card a{color:var(--muted);font-size:11px}.callback-spinner{color:#0c66e4;margin-bottom:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.main-content{padding-inline:28px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.login-page{background:#1d2923;display:block}.login-story{min-height:auto;padding:28px 22px 34px}.login-copy{margin:70px 0 34px}.login-copy h1{letter-spacing:-1.8px;font-size:38px}.login-copy>p:last-child{font-size:13px}.login-preview{display:none}.login-panel{padding:38px 22px max(45px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.login-box{width:100%}.trello-mark{margin-bottom:25px}.login-box h2{font-size:25px}.app-shell{display:block}.sidebar{width:min(310px,86vw);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-103%);box-shadow:16px 0 50px #19221d24}.sidebar-open{transform:translate(0)}.close-menu{margin-left:auto;display:grid}.menu-scrim{z-index:20;background:#191f1b59;border:0;display:block;position:fixed;inset:0}.main-content{padding:0 16px 90px}.topbar{gap:11px;min-height:75px}.topbar .mobile-menu{display:grid}.topbar h1{font-size:16px}.period-controls{display:none}.topbar .button-primary{width:36px;height:36px;min-height:0;margin-left:auto;padding:0;font-size:0}.topbar .button-primary svg{width:18px}.preview-banner{align-items:flex-start;line-height:1.45}.welcome-row{align-items:flex-start;gap:12px;padding:30px 2px 19px}.welcome-row h2{max-width:210px;font-size:23px}.welcome-tools{flex-direction:column-reverse;align-items:flex-end;gap:6px}.fx-control{gap:6px;padding-left:8px}.days-chip{white-space:nowrap;margin-top:1px;padding:7px 9px}.days-chip svg{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{min-height:142px;padding:15px}.summary-card>strong{margin-top:16px;font-size:20px}.summary-label{gap:6px;font-size:9px}.summary-icon{width:26px;height:26px}.summary-icon svg{width:14px}.mini-bar{margin-top:13px}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel-header{min-height:70px;padding-inline:15px}.view-tabs{gap:20px;padding-inline:15px;overflow-x:auto}.payment-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:14px}.payment-amount{grid-area:1/3;align-self:start;padding-top:3px}.flag-button{grid-area:1/3;justify-self:end;margin-top:25px}.payment-meta{max-width:210px;line-height:1.35}.category-tag{display:none}.account-panel{order:2}.recurring-card{min-height:285px}.mobile-bottom-nav{z-index:15;height:70px;padding:7px 9px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fcfdf9f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#898f89;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:650;text-decoration:none;display:flex}.mobile-bottom-nav a.active{color:var(--ink)}.mobile-bottom-nav .mobile-add{background:var(--dark);color:#fff;border:0;border-radius:13px;place-self:center;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #1e292433}.details-modal{width:100%}.details-header{min-height:82px;padding:19px 18px}.details-header h2{font-size:18px}.details-content{padding:18px 15px 95px}.details-date-grid{grid-template-columns:1fr}.details-date-grid>div{min-height:64px}.details-footer{padding:12px 15px max(12px,env(safe-area-inset-bottom))}.details-footer .button{width:100%}}@media (max-width:390px){.welcome-row h2{font-size:21px}.days-chip{font-size:9px}.summary-card{min-height:134px}.summary-card>strong{font-size:18px}.summary-card>p{font-size:9px}.view-tabs{gap:16px}}