#finance{max-width:1680px;margin:0 auto;overflow-x:clip}.finance-heading{align-items:center}.finance-heading-actions{display:flex;align-items:center;gap:14px}.finance-period{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px}.finance-stat{position:relative;min-width:0;overflow:hidden}.finance-stat:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:#7b8b85}.finance-stat>span{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.finance-stat>b{font-size:clamp(22px,2.2vw,34px);white-space:nowrap}.finance-stat.income:before{background:#62bd43}.finance-stat.income>b{color:#43a82d}.finance-stat.expense:before,.finance-stat.payable:before{background:#df7d48}.finance-stat.expense>b,.finance-stat.payable>b{color:#c65f35}.finance-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-bottom:26px}.finance-balance-card{min-height:280px;padding:26px!important;display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);align-items:center;gap:24px;background:linear-gradient(135deg,#172d26,#1d3b31)!important;color:#fff}.finance-balance-card h3{font-size:18px}.finance-balance-card>div:first-child>b{display:block;margin:14px 0 8px;font-size:clamp(31px,4vw,52px);line-height:1;color:#74dd54}.finance-balance-card small{color:#b9ccc5}.finance-line-chart{min-width:0}.finance-line-chart svg{display:block;width:100%;height:190px;overflow:visible}.finance-line-chart>div{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;color:#a9bdb5;text-transform:uppercase}.finance-summary-card{padding:24px!important}.finance-summary-list{display:grid;margin-top:18px}.finance-summary-list>span{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.finance-summary-list>span:last-child{border:0}.finance-summary-list small,.finance-summary-list b{display:block}.finance-summary-list b{margin-top:4px}.finance-summary-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mint);color:#3f8f2b;font-style:normal;font-weight:900}.finance-accounts-head,.finance-cards-head{margin:8px 0 13px}.financial-account-list,.credit-card-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;max-width:none}.financial-account-list article,.credit-card-list article{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 5px 25px rgba(28,45,39,.035)}.financial-account-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.financial-account-list article>span small,.financial-account-list article>span b{display:block}.financial-account-list article>span small{margin-bottom:4px;color:var(--muted);font-size:10px;text-transform:uppercase}.financial-account-list article>strong{font-size:17px;white-space:nowrap}.financial-account-list article>button{grid-column:2/4;justify-self:start}.bank-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#29483d;color:#74dd54;font-size:12px;font-style:normal;font-weight:900}.bank-badge.cash{background:#3c492b}.credit-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-card-list article{display:flex;flex-direction:column;gap:15px;min-height:275px;background:linear-gradient(145deg,#1b2c26,#213c32)!important;color:#f0f5f2}.credit-card-head{display:flex;align-items:center;gap:12px}.credit-card-head span small,.credit-card-head span b{display:block}.credit-card-head small{color:#a9b9b3;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.credit-card-available small,.credit-card-available strong,.credit-card-available span{display:block}.credit-card-available strong{margin:5px 0;font-size:28px;color:#74dd54}.credit-card-available span,.credit-card-list article>p{color:#a9b9b3;font-size:11px}.credit-card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.credit-card-details>span{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.credit-card-details small,.credit-card-details b,.credit-card-details em{display:block}.credit-card-details small,.credit-card-details em{color:#a9b9b3;font-size:10px;font-style:normal}.credit-card-details b{margin:5px 0;font-size:13px}.credit-card-actions{display:flex;gap:8px;margin-top:auto}.credit-card-actions button{flex:1;min-height:40px}.credit-card-list .empty-state,.financial-account-list .empty-state{grid-column:1/-1}.finance-grid{margin:0 0 28px;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.finance-chart{height:245px;padding-top:24px}.chart-bars{height:185px}.chart-bar{width:min(22px,38%)}.category-row{border-color:var(--line);padding:14px 0}.finance-statement{margin-top:5px}.finance-statement-head{align-items:end;margin-bottom:14px}.finance-tabs{display:flex;gap:7px}.finance-tabs button{border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:var(--white);color:var(--muted);font-weight:800}.finance-tabs button.active{border-color:#3e7131;background:#29483d;color:#8deb6e}.finance-filters{margin:0 0 12px}.finance-table-wrap{border-radius:15px}.finance-table-wrap td:nth-child(6),.finance-table-wrap td:last-child{white-space:nowrap}.financial-income{color:#3c9d28!important}.financial-expense{color:#c96338!important}
html[data-theme="dark"] #finance .panel,html[data-theme="dark"] #finance .finance-stat,html[data-theme="dark"] #finance .financial-account-list article,html[data-theme="dark"] #finance .finance-table-wrap{background:#18231f;border-color:#32423b;box-shadow:0 12px 30px rgba(0,0,0,.18)}html[data-theme="dark"] #finance .finance-balance-card,html[data-theme="dark"] #finance .credit-card-list article{background:linear-gradient(145deg,#15241f,#1a332a)!important}html[data-theme="dark"] #finance .finance-tabs button{background:#16211d;border-color:#35473f}html[data-theme="dark"] #finance .finance-tabs button.active{background:#29483d;border-color:#4d7f3e;color:#8deb6e}html[data-theme="dark"] #finance th{background:#121c18}html[data-theme="dark"] #finance .empty-state{background:#151f1b;border-color:#34453e;color:#95a49e}html[data-theme="dark"] #finance .status-pill{background:#4d4223;color:#f4d878}html[data-theme="dark"] #finance .status-pill.paid{background:#24452c;color:#8bdf79}html[data-theme="dark"] #finance .status-pill.cancelled{background:#343c38;color:#b7c0bc}
@media(max-width:1200px){.financial-account-list{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.finance-heading{align-items:flex-start}.finance-heading-actions{align-items:flex-end;flex-direction:column}.finance-stats{grid-template-columns:1fr 1fr}.finance-overview,.finance-grid{grid-template-columns:1fr}.finance-balance-card{grid-template-columns:1fr}.finance-line-chart svg{height:150px}}@media(max-width:580px){#finance{padding-left:14px;padding-right:14px}.finance-heading{display:grid}.finance-heading-actions{align-items:stretch}.finance-period{order:2}.finance-stats,.financial-account-list,.credit-card-list{grid-template-columns:1fr}.finance-overview{gap:12px}.finance-balance-card{padding:20px!important;min-height:0}.finance-line-chart svg{height:125px}.finance-summary-card{padding:18px!important}.finance-statement-head{align-items:stretch;flex-direction:column}.finance-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.finance-tabs button{padding:10px 6px;font-size:11px}.finance-filters{flex-direction:column}.finance-chart{overflow-x:auto}.chart-month{min-width:52px}.finance-table-wrap{max-width:100%;overflow-x:auto}.credit-card-details{grid-template-columns:1fr}.credit-card-actions{display:grid;grid-template-columns:1fr 1fr}.financial-account-list article{grid-template-columns:42px minmax(0,1fr)}.financial-account-list article>strong{grid-column:2}.financial-account-list article>button{grid-column:2}}

.finance-overview{grid-template-columns:minmax(0,1.5fr) minmax(230px,.65fr) minmax(280px,.85fr)}.finance-summary-card,.finance-due-card{min-width:0}.finance-due-card{padding:24px!important}.finance-upcoming{display:grid;margin-top:12px}.finance-due-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.finance-due-item:last-child{border-bottom:0}.finance-due-item time{width:38px;height:42px;border-radius:9px;display:grid;place-content:center;text-align:center;background:#f5e9e3;color:#b85c35}.finance-due-item.receive time{background:#e5f4df;color:#397f29}.finance-due-item.card time{background:#eee7f6;color:#70459b}.finance-due-item time b,.finance-due-item time small,.finance-due-item>span b,.finance-due-item>span small{display:block}.finance-due-item time b{font-size:14px;line-height:1}.finance-due-item time small{margin-top:3px;font-size:8px;font-weight:900}.finance-due-item>span{min-width:0}.finance-due-item>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.finance-due-item>span small{margin-top:3px;color:var(--muted);font-size:9px;text-transform:uppercase}.finance-due-item>strong{font-size:11px;white-space:nowrap}.bank-badge{overflow:hidden;border:1px solid rgba(255,255,255,.13)}.bank-badge svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.bank-bradesco{background:#b21f2d;color:#fff}.bank-sicoob{background:#075e55;color:#fff}.bank-inter{background:#ff6b00;color:#fff}.bank-cora{background:#ff4c71;color:#fff}.bank-nubank{background:#820ad1;color:#fff}.bank-caixa{background:#1768a5;color:#fff}.bank-itau{background:#ec7000;color:#fff}.bank-santander{background:#cc0000;color:#fff}.bank-bb{background:#f8d719;color:#173b77}.bank-generic{background:#29483d;color:#74dd54}.bank-cash{background:#42652f;color:#d8f1cf}
html[data-theme="dark"] #finance .finance-due-item time{background:#3d2b24;color:#f0a47f}html[data-theme="dark"] #finance .finance-due-item.receive time{background:#233f29;color:#8bd87a}html[data-theme="dark"] #finance .finance-due-item.card time{background:#362b43;color:#c7a4ec}
@media(max-width:1200px){.finance-overview{grid-template-columns:1fr 1fr}.finance-balance-card{grid-column:1/-1}}@media(max-width:900px){.finance-overview{grid-template-columns:1fr}.finance-balance-card{grid-column:auto}}@media(max-width:580px){.finance-due-card{padding:18px!important}.finance-due-item{grid-template-columns:42px minmax(0,1fr)}.finance-due-item>strong{grid-column:2}}
