:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6fa;--surface:#fff;--text:#172033;--muted:#687286;--line:#e4e8f0;--brand:#6558e8;--nav:#111827}@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:240px 1fr;min-height:100vh;display:grid}.sidebar{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%;max-width:1500px;padding:44px clamp(24px,5vw,72px)}header{justify-content:space-between;align-items:end;gap:24px;display:flex}.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-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}}
.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{color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:inline-grid}.providerLogo.pagarme{background:#7569ee}.providerLogo.inter{background:#ef7423}.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)}.currencySymbol{vertical-align:.34em;margin-right:.14em;font-size:.52em;font-weight:700}.balanceValue .currencySymbol{vertical-align:.22em;font-size:.65em}@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}}
.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){.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;padding:10px 18px;display:flex;position:sticky;top:0}.mobileHeader>strong{font-size:18px}.mobileHeaderActions{align-items:center;gap:8px;display:flex}.mobileHeader .refreshButton{background:var(--surface);width:42px;height:42px}.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{padding-top:28px;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}@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){.dashboardContent{padding-top:12px}.dashboardToolbar{display:none}}@media (max-width:600px){.balanceAccount{grid-template-columns:auto 1fr}.balanceAccount .syncStatus,.pendingBalance,.availableBalance{grid-area:auto/2}.availableBalance{text-align:right;border-top:1px solid var(--line);padding-top:4px}}
.planningContent{max-width:none;overflow:hidden}.newAccount{position:relative}.newAccount>summary{cursor:pointer;list-style:none}.newAccount>summary::-webkit-details-marker{display:none}.accountCreateForm{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:18px;width:min(900px,86vw);max-height:82vh;padding:22px;display:grid;position:absolute;top:48px;right:0;overflow:auto;box-shadow:0 24px 70px #090d1640}.formGrid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.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}.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}.monthPicker{align-items:end;gap:10px;margin:20px 0;display:flex}.monthPicker button{padding:10px 15px}.monthPicker span{color:var(--muted);margin:0 0 10px 8px;font-size:12px}.planningTablePanel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.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 .accountName{background:var(--surface);z-index:1;text-align:left;border-left:4px solid var(--account-color);align-items:center;gap:10px;display:flex;position:sticky;left:0}.accountName i,.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(--muted);margin-top:3px;font-size:9px}.planningTable a{color:inherit;text-decoration:none}.planningTable .dueDay{text-align:center;font-weight:800}.planningTable .currentMonth{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.planningTable td.confirmed{box-shadow:inset 0 -3px #e8a23a}.planningTable td.paid{box-shadow:inset 0 -3px #20a968}.planningTable td.inactive{color:var(--muted);text-align:center}.planningEmpty{color:var(--muted);text-align:center!important;padding:50px!important}.monthDetails{margin-top:28px}.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.detailCard{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--account-color);border-radius:11px;padding:17px}.detailHeader{justify-content:space-between;align-items:start;display:flex}.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(--muted);margin-top:3px;font-size:10px}.detailCard>p{color:var(--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){.planningMetrics,.detailGrid{grid-template-columns:1fr}.formGrid{grid-template-columns:repeat(2,1fr)}.itemInputRow{grid-template-columns:1fr 1fr}.accountCreateForm{width:auto;position:fixed;inset:8vh 14px auto}.monthPicker{flex-wrap:wrap}}@media (max-width:540px){.formGrid{grid-template-columns:1fr}.planningMetrics{margin-top:20px}.confirmForm{grid-template-columns:1fr}.monthPicker span{width:100%;margin-left:0}.inlineRateForm{grid-template-columns:1fr}}