:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6fa;--surface:#fff;--text:#172033;--muted:#687286;--line:#e4e8f0;--brand:#6558e8;--nav:#111827;--sidebar-width:240px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);width:100%;min-height:100vh;display:grid}.sidebar{width:var(--sidebar-width);background:var(--nav);color:#aab2c2;flex-direction:column;padding:28px 18px;display:flex}.brand{color:#fff;letter-spacing:.04em;padding:0 10px 34px;font-size:18px;font-weight:800}.brand span{background:var(--brand);border-radius:9px;place-items:center;width:32px;height:32px;margin-right:8px;display:inline-grid}nav{gap:7px;display:grid}nav a{color:inherit;border-radius:8px;padding:11px 13px;font-size:14px;text-decoration:none}nav a:hover,nav a.active{color:#fff;background:#20293a}.environment{border-top:1px solid #283144;margin-top:auto;padding:12px;font-size:12px}.environment i{background:#39d98a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.content{width:100%;min-width:0;max-width:none;padding:44px clamp(24px,5vw,72px)}header{justify-content:space-between;align-items:end;gap:24px;display:flex}.pageHeader{align-items:center;min-height:42px}.eyebrow{color:var(--brand);letter-spacing:.14em;margin:0 0 6px;font-size:11px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:32px}.subtitle,.panelTitle p{color:var(--muted);margin:7px 0 0;font-size:14px}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.notice{background:#f0efff;border:1px solid #d9d5ff;border-radius:10px;gap:16px;margin:32px 0 20px;padding:15px 18px;font-size:13px;display:flex}.notice strong{color:#4c40c7}.notice span{color:#655f82}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metrics article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #1a233408}.metrics article{padding:19px}.metrics p{color:var(--muted);margin:0 0 13px;font-size:12px}.metrics strong{font-size:23px;display:block}.metrics small{color:#9098a8;margin-top:8px;display:block}.grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;display:grid}.panel{min-height:280px;padding:22px}.panelTitle{justify-content:space-between;display:flex}.panelTitle h2{margin:0;font-size:16px}.panelTitle a{color:var(--brand);font-size:13px;text-decoration:none}.accountList{gap:10px;margin-top:20px;display:grid}.account{border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.account i{color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;display:grid}.account i.violet{background:#7569ee}.account i.blue{background:#2586d9}.account strong,.account span{font-size:13px;display:block}.account span{color:var(--muted);margin-top:4px;font-size:11px}.account b{font-size:14px}.empty{height:210px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty div{color:#239b5e;background:#e8f8ef;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.empty strong{color:var(--text);font-size:14px}.empty span{font-size:12px}@media (prefers-color-scheme:dark){:root{--bg:#0d111a;--surface:#151b27;--text:#f0f3f8;--muted:#99a3b5;--line:#283142;--nav:#080b11}.notice{background:#1c1b39;border-color:#39346d}.notice span{color:#b5afd5}}@media (max-width:900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{display:none}.content{padding:28px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (max-width:540px){header{flex-direction:column;align-items:start}.metrics{grid-template-columns:1fr}.notice{flex-direction:column;gap:5px}}
.moneyMinor{color:var(--muted);font-size:.58em;font-weight:500}.moneyCurrency{vertical-align:.28em}.moneyDecimals{vertical-align:.06em}
.primaryButton{background:var(--brand);color:#fff;border-radius:9px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.errorNotice,.successNotice{border-radius:9px;margin:28px 0 0;padding:14px 16px;font-size:13px}.errorNotice{color:#a72e35;background:#fff0f0;border:1px solid #f2c9cc}.successNotice{color:#167447;background:#eaf8f0;border:1px solid #bce5ce}.onboardingEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:30px;display:flex}.onboardingEmpty>div{width:50px;height:50px;color:var(--brand);background:#eeecff;border-radius:50%;place-items:center;font-size:24px;display:grid}.onboardingEmpty h2{margin:18px 0 5px;font-size:18px}.onboardingEmpty p{color:var(--muted);margin:0 0 20px;font-size:14px}.balanceMetrics{grid-template-columns:repeat(2,minmax(0,280px));margin-top:30px}.accountsPanel{margin-top:18px}.balanceList{gap:10px;margin-top:20px;display:grid}.balanceAccount{border:1px solid var(--line);border-radius:10px;grid-template-columns:auto minmax(160px,1fr) minmax(130px,.5fr) minmax(130px,.5fr) minmax(110px,auto);align-items:center;gap:16px;padding:15px;display:grid}.providerLogo{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:0;display:inline-grid;overflow:hidden}.providerLogo img{width:100%;height:100%;display:block}.accountIdentity strong,.accountIdentity span,.balanceValue strong,.balanceValue small{display:block}.accountIdentity strong{font-size:14px}.accountIdentity span,.balanceValue small{color:var(--muted);margin-top:4px;font-size:11px}.balanceValue{text-align:right}.balanceValue strong{margin-top:3px;font-size:15px}.syncStatus{color:#168453;text-align:right;font-size:11px}.syncStatus.failed{color:#b43d42;max-width:170px}.settingsContent{padding-bottom:80px}.settingsSection{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:28px;padding:22px}.sectionHeading{align-items:center;gap:12px;display:flex}.sectionHeading h2{margin:0;font-size:17px}.sectionHeading p{color:var(--muted);margin:5px 0 0;font-size:13px}.emptyState{text-align:center;color:var(--muted);background:var(--bg);border-radius:9px;margin-top:18px;padding:30px;font-size:13px}.managedAccounts{gap:9px;margin-top:18px;display:grid}.managedAccount{border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.managedAccount strong,.managedAccount small{display:block}.managedAccount strong{font-size:14px}.managedAccount small{color:var(--muted);margin-top:4px}.dangerButton{color:#b43d42;background:0 0;border:1px solid #e6b9bc;padding:8px 11px}.providerForms{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settingsForm{gap:15px;margin-top:22px;display:grid}.settingsForm label{color:var(--text);gap:7px;font-size:12px;font-weight:700;display:grid}.settingsForm input,.settingsForm textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;outline:none;padding:11px 12px}.settingsForm textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.settingsForm input:focus,.settingsForm textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6558e820}.settingsForm button{justify-self:start}@media (prefers-color-scheme:dark){.errorNotice{color:#ffabb0;background:#321c20;border-color:#623038}.successNotice{color:#8de0b0;background:#173126;border-color:#295c42}.onboardingEmpty>div{background:#252146}}@media (max-width:1050px){.providerForms{grid-template-columns:1fr}.balanceAccount{grid-template-columns:auto 1fr auto}.balanceValue{text-align:left;grid-column:2}.syncStatus{grid-area:1/3/3}}@media (max-width:600px){.balanceMetrics{grid-template-columns:1fr}.balanceAccount{grid-template-columns:auto 1fr}.balanceValue,.syncStatus{text-align:left;grid-column:2}.syncStatus{grid-row:auto}.managedAccount{grid-template-columns:auto 1fr}.managedAccount form{grid-column:2}}
.headerActions{align-items:center;gap:10px;display:flex}.refreshButton{background:var(--surface);color:var(--text);border:1px solid var(--line);justify-content:center;align-items:center;gap:7px;padding:11px 15px;display:inline-flex}.refreshButton:disabled{cursor:wait;opacity:.65}.refreshIcon{font-size:18px;line-height:12px}.refreshIcon.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.balanceMetrics{grid-template-columns:repeat(3,minmax(0,280px))}.summaryCard{border-width:1px;position:relative;overflow:hidden}.summaryCard:before{content:"";background:currentColor;width:4px;position:absolute;inset:0 auto 0 0}.summaryCard p{font-weight:700}.interCard{color:#e06a1b;background:color-mix(in srgb,var(--surface) 94%,#f47b20 6%);border-color:color-mix(in srgb,var(--line) 65%,#f47b20 35%)}.pagarmeAvailableCard{color:#5d55dc;background:color-mix(in srgb,var(--surface) 94%,#6558e8 6%);border-color:color-mix(in srgb,var(--line) 65%,#6558e8 35%)}.pagarmePendingCard{color:#168453;background:color-mix(in srgb,var(--surface) 94%,#20a968 6%);border-color:color-mix(in srgb,var(--line) 65%,#20a968 35%)}.summaryCard strong{color:var(--text)}@media (max-width:850px){.balanceMetrics{grid-template-columns:1fr}}@media (max-width:540px){.headerActions{flex-direction:column;align-items:stretch;width:100%}.headerActions a,.headerActions button{width:100%}}
.sidebar nav{padding-top:24px}.navSeparator{background:#283144;height:1px;margin:12px 4px;display:block}.sidebarFooter{margin-top:auto}.sidebarFooter .environment{margin-top:10px}.environment.production i{background:#39d98a}.environment.test i{background:#e8a23a}.logoutButton{color:#aab2c2;text-align:left;background:0 0;border:1px solid #283144;width:100%}.logoutButton:hover{color:#fff;background:#20293a}
.loginShell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(100%,360px);padding:32px;box-shadow:0 20px 60px #090d1618}.loginCard h1{margin:0;font-size:30px}.loginDescription{color:var(--muted);margin:9px 0 24px;font-size:14px}.loginError{color:#a72e35;background:#fff0f0;border:1px solid #f2c9cc;border-radius:8px;margin-bottom:16px;padding:11px 12px;font-size:12px}.loginForm{gap:14px;display:grid}.loginForm label{display:block}.loginForm input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;text-align:center;border-radius:9px;outline:none;padding:12px}.loginForm input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6558e820}.loginForm button{width:100%}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){.loginError{color:#ffabb0;background:#321c20;border-color:#623038}}.pinForm{gap:18px;display:grid}.pinDisplay{justify-content:center;gap:16px;padding:4px;display:flex}.pinDisplay span{border:2px solid var(--muted);border-radius:50%;width:14px;height:14px;transition:all .15s}.pinDisplay span.filled{background:var(--brand);border-color:var(--brand)}.pinKeyboard{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pinKeyboard button{aspect-ratio:1.35;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:0;font-size:20px}.pinKeyboard button:hover,.pinKeyboard button:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px #6558e820}.pinKeyboard .pinDelete{color:var(--muted);font-size:18px}
.managedAccount{display:block}.managedAccountSummary{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.accountActions{align-items:center;gap:8px;display:flex}.editDetails{position:relative}.editDetails summary{cursor:pointer;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:700;list-style:none}.editDetails summary::-webkit-details-marker{display:none}.editDetails[open] summary{background:var(--bg)}.editForm{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(420px,80vw);max-height:70vh;margin-top:0;padding:18px;position:absolute;top:44px;right:0;overflow:auto;box-shadow:0 18px 50px #090d1630}@media (max-width:620px){.managedAccountSummary{grid-template-columns:auto 1fr}.accountActions{grid-column:2}.editForm{width:auto;max-height:80vh;position:fixed;inset:10vh 16px auto}}
.mobileHeader{display:none}@media (max-width:900px){.pageHeader{display:none}.mobileHeader{z-index:30;background:color-mix(in srgb,var(--background) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;padding:10px 18px;display:flex;position:sticky;top:0}.mobileHeader>h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;overflow:hidden}.mobileHeaderActions{flex:none;align-items:center;gap:8px;display:flex}.mobileHeader .refreshButton,.mobileHeaderAction{place-items:center;width:42px;height:42px;padding:0;display:inline-grid}.mobileHeader .refreshButton{background:var(--surface)}.mobileMenu{position:relative}.mobileMenu summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-content:center;gap:5px;width:42px;height:42px;padding:10px;list-style:none;display:grid}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu summary span{background:var(--text);border-radius:2px;width:20px;height:2px;display:block}.mobileMenuPanel{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(300px,100vw - 36px);padding:14px;position:absolute;top:50px;right:0;box-shadow:0 18px 45px #00000059}.mobileMenuPanel nav{gap:6px;display:grid}.mobileMenuPanel nav a{border-radius:9px;padding:12px 14px}.mobileMenuPanel .navSeparator{margin:3px 0}.mobileMenuPanel .sidebarFooter{margin-top:14px}.mobileMenuPanel .environment{margin-top:10px}}
.dashboardContent{position:relative}.dashboardToolbar{justify-content:flex-end;margin-bottom:20px;display:flex}.refreshButton{width:38px;height:38px;color:var(--muted);background:0 0;border-radius:10px;padding:0}.refreshButton:hover{color:var(--text);background:var(--surface)}.refreshIcon{font-size:20px}.balanceAccount{grid-template-columns:auto minmax(160px,1fr) minmax(110px,auto) minmax(130px,.45fr) minmax(150px,.5fr)}.balanceAccount .syncStatus{grid-column:3}.pendingBalance{color:var(--muted);grid-column:4}.pendingBalance strong{font-size:14px;font-weight:600}.availableBalance{grid-column:5}.availableBalance strong{font-size:18px;font-weight:800}.providerNameMobile{display:none!important}@media (max-width:1050px){.balanceAccount{grid-template-columns:auto minmax(130px,1fr) minmax(140px,auto)}.balanceAccount .syncStatus,.pendingBalance{text-align:left;grid-column:2}.availableBalance{text-align:right;grid-area:1/3/4}}@media (max-width:900px){.dashboardToolbar{display:none}}@media (max-width:600px){.accountsPanel{min-height:0;padding:16px}.balanceList{gap:6px;margin-top:16px}.balanceAccount{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 12px}.balanceAccount .providerLogo,.balanceAccount .syncStatus,.balanceAccount .pendingBalance,.balanceAccount .availableBalance small{display:none}.providerNameDesktop{display:none!important}.providerNameMobile{display:block!important}.balanceAccount .availableBalance{text-align:right;border:0;grid-area:1/2;padding:0;display:block}.availableBalance strong{white-space:nowrap;margin:0;font-size:16px}}
.planningContent{max-width:none;overflow:hidden}.accountModalOverlay{z-index:2147483647;isolation:isolate;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050814a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.accountModalSurface{width:min(620px,100%);max-height:calc(100vh - 32px);position:relative}.accountModalClose{z-index:2;background:color-mix(in srgb, var(--surface) 82%, var(--text) 18%);width:38px;height:38px;color:var(--text);border:1px solid var(--line);border-radius:50%;place-items:center;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.accountModalClose:hover{color:var(--text);border-color:var(--muted)}.accountCreateForm{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:18px;width:100%;max-height:calc(100vh - 32px);padding:24px 26px 26px;display:grid;overflow:auto;box-shadow:0 24px 70px #090d1660}.accountModalHeading h2{margin:0;font-size:20px}.accountModalHeading{padding-right:52px}.accountModalHeading .eyebrow{display:none}.colorPicker{position:relative}.colorPicker>summary{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;list-style:none;display:flex}.colorPicker>summary::-webkit-details-marker{display:none}.colorPicker i{border:2px solid #ffffffb8;border-radius:50%;width:22px;height:22px;display:block;box-shadow:0 0 0 1px #0003}.colorPicker fieldset{z-index:4;background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(5,1fr);gap:8px;width:238px;margin:0;padding:12px;display:grid;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 14px 35px #090d1640}.colorPicker fieldset label{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;padding:5px;display:grid}.colorPicker fieldset label:has(input:checked){border-color:var(--text)}.colorPicker fieldset i{width:26px;height:26px}.colorPicker input{opacity:0;pointer-events:none;position:absolute}.colorPicker label:focus-within{outline:2px solid var(--brand);outline-offset:2px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.formGrid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.planningAccountFields{gap:13px;display:grid}.accountIdentityRow{grid-template-columns:70px 160px minmax(0,1fr);gap:13px;display:grid}.accountValueRow{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.7fr);gap:13px;display:grid}.accountValueRow>label{min-width:0}.accountValueRow input,.accountValueRow select{width:100%;min-width:0}.recurringToggle{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-self:end;align-items:center;min-height:42px;padding:0 12px;display:flex!important}.recurringToggle input{width:16px;height:16px;margin:0 8px 0 0;padding:0}.accountColorField .colorPicker>summary{justify-content:center;padding-inline:7px}.accountColorField .colorPicker>summary span{display:none}.accountCreateForm label,.confirmForm label,.monthPicker label{gap:6px;font-size:12px;font-weight:700;display:grid}.accountCreateForm input,.accountCreateForm select,.accountCreateForm textarea,.confirmForm input,.confirmForm select,.monthPicker input{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:10px}.accountCreateForm fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}.accountCreateForm legend{padding:0 7px;font-size:12px;font-weight:800}.itemInputRow{grid-template-columns:1.5fr .7fr .5fr 1fr 1fr;gap:8px;margin-top:8px;display:grid}.subaccountContent{max-width:none}.subaccountPageHeader{align-items:flex-start}.subaccountTitleRow{align-items:center;gap:10px;display:flex}.subaccountTitleRow>span{color:var(--brand);background:color-mix(in srgb, var(--brand) 13%, transparent);border:1px solid color-mix(in srgb, var(--brand) 32%, var(--line));border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.subaccountPageHeader p{color:var(--muted);margin:7px 0 0;font-size:13px}.subaccountItemFields{gap:14px;display:grid}.subaccountItemIdentity{grid-template-columns:70px minmax(0,1fr);gap:13px;display:grid}.subaccountItemValues{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:13px;display:grid}.subaccountItemRecurrence{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.subaccountItemTrigger{width:100%;color:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:9px;padding:0;display:flex}.subaccountItemTrigger>i{border-radius:50%;flex:none;width:10px;height:10px}.subaccountTablePanel{margin-top:28px}.subaccountPaidCellForm{width:100%;height:100%}.subaccountPaidCellForm button{width:calc(100% + 24px);min-height:48px;color:inherit;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;margin:-13px -12px;padding:13px 12px;display:flex}.subaccountPaidCellForm button:hover,.subaccountPaidCellForm button:focus-visible{background:color-mix(in srgb, currentColor 8%, transparent);outline:none}.planningMetrics{grid-template-columns:repeat(3,minmax(180px,280px));gap:14px;margin-top:28px;display:grid}.planningMetrics article{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:11px;padding:17px}.planningMetrics article:first-child{border-left-color:#ef7423}.planningMetrics article.shortfall{border-left-color:#d1444d}.planningMetrics article.surplus{border-left-color:#20a968}.planningMetrics small,.planningMetrics strong{display:block}.planningMetrics small{color:var(--muted);font-size:11px}.planningMetrics strong{margin-top:8px;font-size:22px}.planningTablePanel{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:20px;overflow:hidden}.planningHeaderActions{align-items:center;gap:10px;display:flex}.paidFilterAction{background:var(--surface);min-height:40px;color:var(--text);border:1px solid var(--line);border-radius:9px;align-items:center;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.paidFilterAction.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 24%, transparent)}.mobilePaidFilterAction{min-width:42px;color:var(--muted);border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;font-size:10px;line-height:1.1;width:auto!important;padding:0 10px!important}.mobilePaidFilterAction.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 28%, transparent)}.planningTable{overflow-x:auto}.planningTable table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.planningTable th,.planningTable td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:13px 12px;font-size:12px}.planningTable thead th{background:var(--bg);color:var(--muted);text-align:center;position:sticky;top:0}.planningTable th.accountColumn{text-align:left;z-index:2;min-width:220px;left:0}.planningTable tbody tr{--account-bg:color-mix(in srgb, var(--account-color) 18%, var(--surface));--account-bg-current:color-mix(in srgb, var(--account-color) 27%, var(--surface));--account-ink:color-mix(in srgb, var(--account-color) 65%, var(--text));--account-muted:color-mix(in srgb, var(--account-color) 42%, var(--muted));--account-line:color-mix(in srgb, var(--account-color) 38%, var(--line));color:var(--account-ink)}.planningTable tbody tr>th,.planningTable tbody tr>td{background:var(--account-bg);border-color:var(--account-line);color:var(--account-ink)}.planningTable .accountName{background:var(--account-bg);z-index:1;text-align:left;border-left:4px solid var(--account-color);position:sticky;left:0}.accountRowTrigger{width:100%;color:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;padding:0;display:flex}.accountRowContent{flex:1}.accountNameLine{align-items:center;gap:4px;display:flex}.accountNavigationIcon{color:var(--account-muted);font-size:10px;font-weight:700;line-height:1}.dueDayBadge{aspect-ratio:1;box-sizing:border-box;background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;font-size:8px;font-weight:800;display:inline-grid}.accountActionMenu i{border-radius:50%;flex:none;width:10px;height:10px;display:block}.detailHeader i{background:var(--account-color);border-radius:50%;flex:none;width:10px;height:10px}.accountName strong,.accountName small,.planningTable td span,.planningTable td small{display:block}.accountName small,.planningTable td small{color:var(--account-muted);margin-top:3px;font-size:9px}.accountTypeBadge,.planningStatusBadge{background:color-mix(in srgb, currentColor 11%, transparent);border:1px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:999px;align-items:center;width:max-content;padding:2px 5px;font-weight:700;line-height:1;font-size:7px!important;display:inline-flex!important}.planningTable a{color:inherit;text-decoration:none}.planningTable .subaccountCellLink{flex-direction:column;justify-content:center;align-items:flex-end;min-height:48px;margin:-13px -12px;padding:13px 12px;display:flex}.planningTable .subaccountCellLink:hover,.planningTable .subaccountCellLink:focus-visible{background:color-mix(in srgb, currentColor 8%, transparent);outline:none}.planningTable tbody .currentMonth{background:var(--account-bg-current)}.planningTable .monthlyTotalRow>th,.planningTable .monthlyTotalRow>td{background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-color:color-mix(in srgb, var(--brand) 30%, var(--line));color:var(--text);font-weight:800}.planningTable .monthlyTotalRow .accountName{background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-left-color:var(--brand)}.planningTable .monthlyTotalRow .currentMonth{background:color-mix(in srgb, var(--brand) 22%, var(--surface))}.monthlyTotalRow strong{font-size:13px}.planningTable td.confirmed{box-shadow:inset 0 -3px #e8a23a}.planningTable td.paid{box-shadow:inset 0 -3px #20a968}.planningTable td.inactive{color:var(--account-muted);text-align:center}.planningMonthTrigger{width:100%;min-width:64px;color:inherit;text-align:right;background:0 0;border:0;border-radius:4px;padding:0}.planningMonthTrigger:hover .planningValue,.planningMonthTrigger:focus-visible .planningValue{color:var(--text)}.planningValue.estimatedValue{text-decoration:line-through;text-decoration-thickness:1px}.planningTable .paidAccountRow .accountRowTrigger,.planningTable .paidAccountRow td:not(.paidMonth),.planningTable .paidAccountRow td.paidMonth .planningValue,.subaccountTablePanel td.paidMonth .planningValue{opacity:.38}.planningTable .paidMonth .planningStatusBadge{color:#20a968}.planningEmpty{color:var(--muted);text-align:center!important;padding:50px!important}.accountMenuSurface{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(380px,100vw - 32px);box-shadow:0 24px 70px #090d1660}.accountActionMenu{gap:8px;padding:18px 24px 24px;display:grid}.accountActionMenu>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:38px;padding:0 52px 15px 4px;display:flex}.accountActionMenu>div span,.accountActionMenu>div h2,.accountActionMenu>div strong,.accountActionMenu>div small{display:block}.accountActionMenu>div h2{margin:0;font-size:20px}.accountActionMenu>div small{color:var(--muted);margin-top:4px;font-size:11px}.accountActionMenu>button{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);text-align:left;padding:12px 13px}.paidToggleForm{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.paidToggleForm.unpay{display:block}.paidToggleForm label{color:var(--muted);gap:5px;font-size:10px;font-weight:700;display:grid}.paidToggleForm input{background:var(--bg);width:100%;min-height:40px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 10px;font-size:12px}.accountActionMenu>.paidToggleForm button{background:var(--bg);width:100%;min-height:40px;color:var(--text);border:1px solid var(--line);text-align:left;padding:12px 13px}.accountActionMenu>button:hover{border-color:var(--brand)}.accountActionMenu>button.dangerMenuAction{color:#d44c55}.accountModalBack{z-index:2;color:var(--muted);border:1px solid var(--line);background:0 0;padding:8px 10px;position:absolute;top:18px;right:68px}.accountActionPanelSurface .accountCreateForm{padding-top:24px}.accountActionPanelSurface .accountModalHeading{padding-right:136px}.compactAccountForm{width:min(520px,100vw - 32px)}.accountModalHeading>p:last-child{color:var(--muted);margin:7px 45px 0 0;font-size:12px}.dangerConfirmButton{background:#b93640}.monthDetails{margin-top:28px}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.detailCard{--account-bg:color-mix(in srgb, var(--account-color) 16%, var(--surface));--account-ink:color-mix(in srgb, var(--account-color) 65%, var(--text));--account-muted:color-mix(in srgb, var(--account-color) 42%, var(--muted));--account-line:color-mix(in srgb, var(--account-color) 42%, var(--line));background:var(--account-bg);color:var(--account-ink);border:1px solid var(--account-line);border-top:4px solid var(--account-color);border-radius:11px;padding:17px}.detailHeader{justify-content:space-between;align-items:start;display:flex}.detailActions{align-items:center;gap:9px;display:flex}.editAccountButton{color:var(--account-ink);background:0 0;padding:3px;font-size:11px}.detailHeader>div{grid-template-columns:auto 1fr;align-items:center;gap:0 8px;display:grid}.detailHeader i{grid-row:1/3}.detailHeader small{color:var(--account-muted);margin-top:3px;font-size:10px}.detailCard>p{color:var(--account-muted);font-size:12px}.textDanger{color:#b43d42;background:0 0;padding:3px;font-size:11px}.planningItems{gap:6px;margin:13px 0;display:grid}.planningItems button{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);justify-content:space-between;padding:9px 10px;font-size:11px;display:flex}.planningItems button.completed{opacity:.58;text-decoration:line-through}.confirmForm{grid-template-columns:1fr auto auto;align-items:end;gap:8px;margin-top:13px;display:grid}.confirmForm button{padding:10px 13px}.inlineRateForm{grid-template-columns:minmax(180px,260px) auto;align-items:end}.inlineRateForm button{margin-bottom:1px}@media (max-width:900px){.planningContent{padding-top:12px}.planningTable th.accountColumn,.planningTable .accountName{width:max-content;min-width:max-content;max-width:none}.accountRowContent{min-width:max-content}.accountName strong,.accountName small{text-overflow:clip;overflow:visible}.planningMetrics{grid-template-columns:1fr;margin-top:8px}.planningMetrics article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.planningMetrics strong{text-align:right;white-space:nowrap;margin-top:0}.detailGrid{grid-template-columns:1fr}.formGrid{grid-template-columns:repeat(2,1fr)}.itemInputRow{grid-template-columns:1fr 1fr}.monthPicker{flex-wrap:wrap}}@media (max-width:540px){.accountModalOverlay{height:100dvh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:start;bottom:auto;overflow:hidden}.accountModalSurface{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))}.accountCreateForm{max-height:inherit;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.formGrid{grid-template-columns:1fr}.subaccountTablePanel{margin-top:0}.subaccountItemIdentity{grid-template-columns:72px minmax(0,1fr)}.subaccountItemValues{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.subaccountItemRecurrence{grid-template-columns:repeat(2,minmax(0,1fr))}.planningAccountFields{grid-template-columns:1fr}.accountIdentityRow{grid-column:1/-1;grid-template-columns:72px minmax(0,1fr)}.accountNameField{grid-column:1/-1}.accountValueRow{grid-template-columns:repeat(2,minmax(0,1fr))}.accountTypeField{grid-area:1/1}.accountAmountField{grid-area:1/2}.accountValueRow .recurringToggle{grid-area:2/1}.occurrenceCountField{grid-area:2/2}.paidToggleForm,.confirmForm{grid-template-columns:1fr}.monthPicker span{width:100%;margin-left:0}.inlineRateForm{grid-template-columns:1fr}}
.balanceMetrics{margin-top:28px}.pageLoadingContent{gap:28px;display:grid}.pageLoadingHeader,.pageLoadingCards>div,.pageLoadingPanel{background:linear-gradient(90deg, var(--surface), var(--bg), var(--surface));border:1px solid var(--line);background-size:200% 100%;animation:1.4s ease-in-out infinite pageLoadingPulse}.pageLoadingHeader{border-radius:10px;width:min(240px,55%);height:38px}.pageLoadingCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pageLoadingCards>div{border-radius:16px;min-height:104px}.pageLoadingPanel{border-radius:18px;min-height:280px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pageLoadingPulse{to{background-position:-200% 0}}@media (max-width:900px){.content{padding-top:20px}.planningMetrics,.balanceMetrics,.settingsContent>.settingsSection:first-of-type,.content>.onboardingEmpty{margin-top:0}.content>.errorNotice,.content>.successNotice{margin-top:0;margin-bottom:20px}.pageLoadingContent{gap:20px}.pageLoadingCards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pageLoadingHeader,.pageLoadingCards>div,.pageLoadingPanel{animation:none}}
.accountsPanel{margin-top:28px}.accountsPanel .balanceList{margin-top:0}@media (max-width:900px){.accountsPanel{min-height:0;box-shadow:none;background:0 0;border:0;margin-top:0;padding:0}.accountsPanel>.panelTitle{display:none}.balanceList{gap:8px;margin-top:0}.balanceAccount{background:var(--surface);border-left-width:4px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 14px}.balanceAccount.provider-inter{background:color-mix(in srgb, var(--surface) 94%, #f47b20 6%);border-color:color-mix(in srgb, var(--line) 65%, #f47b20 35%);border-left-color:#f47b20}.balanceAccount.provider-pagarme{background:color-mix(in srgb, var(--surface) 94%, #6558e8 6%);border-color:color-mix(in srgb, var(--line) 65%, #6558e8 35%);border-left-color:#6558e8;grid-template-rows:auto auto}.provider-inter .accountIdentity strong{color:#e06a1b}.provider-pagarme .accountIdentity{grid-area:1/2/3}.provider-pagarme .accountIdentity strong{color:#6558e8}.balanceAccount .syncStatus,.balanceAccount .availableBalance small{display:none}.balanceAccount .providerLogo{border-radius:9px;grid-area:1/1/3;width:34px;height:34px;display:inline-grid}.providerNameDesktop{display:none!important}.providerNameMobile{display:block!important}.balanceAccount .availableBalance{text-align:right;border:0;grid-area:1/3;padding:0;display:block}.provider-pagarme .availableBalance small,.provider-pagarme .pendingBalance{display:block}.provider-pagarme .availableBalance,.provider-pagarme .pendingBalance{text-align:right;border:0;grid-column:3;padding:0}.provider-pagarme .availableBalance{grid-row:1}.provider-pagarme .pendingBalance{color:var(--muted);grid-row:2}.provider-pagarme .availableBalance small,.provider-pagarme .pendingBalance small{margin:0 0 2px;font-size:9px}.provider-pagarme .pendingBalance strong{white-space:nowrap;margin:0;font-size:14px;font-weight:600}.availableBalance strong{white-space:nowrap;margin:0;font-size:16px}}
.pwaInstall{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:45;position:fixed}.pwaInstallButton{align-items:center;gap:8px;min-height:44px;display:inline-flex;box-shadow:0 12px 32px #090d1640}.pwaInstallButton span{font-size:20px;line-height:1}.pwaInstallHelp{z-index:100;background:#050814a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pwaInstallHelpCard{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(100%,440px);padding:22px;box-shadow:0 24px 70px #0008}.pwaInstallHelpHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.pwaInstallHelpHeader h2{margin:0;font-size:19px}.pwaInstallHelpHeader button{width:44px;height:44px;color:var(--text);border:1px solid var(--line);background:0 0;place-items:center;padding:0;font-size:25px;display:grid}.pwaInstallHelpCard p{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.55}.pwaInstallHelpCard strong{color:var(--text)}@media (max-width:900px){.pwaInstall{right:14px;bottom:max(14px, env(safe-area-inset-bottom))}.pwaInstallButton{padding:11px 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.pwaInstall *{scroll-behavior:auto!important}}
.versionNotice{right:18px;bottom:max(18px, env(safe-area-inset-bottom));z-index:60;background:var(--surface);width:min(460px,100vw - 36px);color:var(--text);border:1px solid color-mix(in srgb, var(--brand) 55%, var(--line));border-radius:14px;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;box-shadow:0 18px 50px #090d1640}.versionNotice div{gap:4px;min-width:0;display:grid}.versionNotice strong{font-size:14px}.versionNotice span{color:var(--muted);font-size:12px;line-height:1.4}.versionNotice button{flex:none;min-height:44px;padding:10px 14px}@media (max-width:560px){.versionNotice{right:12px;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px;width:calc(100vw - 24px)}.versionNotice button{width:100%}}@media (prefers-reduced-motion:reduce){.versionNotice{scroll-behavior:auto}}