@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";.toast-container{position:fixed;bottom:24px;right:24px;z-index:999999!important;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;min-width:320px;max-width:450px;padding:16px 20px;background-color:var(--card-bg, #ffffff);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:auto;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden;border-left:6px solid}[data-theme=dark] .toast{background-color:var(--sidebar-bg, #1e293b);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080}.toast-success{border-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-closing{animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}.toast-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:14px}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.5;color:var(--text-color, #1e293b)}[data-theme=dark] .toast-message{color:#f8fafc}.toast-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;margin-left:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;border-radius:50%}.toast-close-btn:hover{color:#475569;background-color:#0000000d}[data-theme=dark] .toast-close-btn:hover{color:#cbd5e1;background-color:#ffffff1a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.home-content-full{background-color:var(--bg-main);min-height:calc(100vh - 80px);padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;gap:30px}.header-section{display:flex;align-items:center;justify-content:space-between;gap:20px}.header-text-block{flex-shrink:0}.header-text-block h1{margin:0;font-size:1.8rem;color:var(--text-primary)}.header-text-block p{color:var(--text-secondary);margin:5px 0 15px}.filter-date-input{background-color:#e5e7eb;border:none;padding:8px 16px;border-radius:20px;color:var(--text-secondary);font-weight:700;cursor:pointer;outline:none}.filter-date-input:hover{background-color:#d1d5db}.header-widgets-ribbon{display:flex;align-items:center;gap:25px;flex:1;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.insight-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:15px 20px;display:flex;align-items:center;gap:15px;min-width:260px;height:115px;box-shadow:0 2px 6px #0000000a;flex-shrink:0}.insight-icon{background-color:var(--bg-secondary);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.insight-info h4{margin:0 0 4px;font-size:12px;color:var(--text-secondary);text-transform:uppercase}.insight-info p{margin:0;font-size:13px;color:var(--text-primary);line-height:1.4}.vertical-divider{width:2px;height:60px;background-color:var(--text-secondary);opacity:.3;margin-left:auto;margin-right:5px;flex-shrink:0}.wallet-card{width:230px;min-height:130px;height:auto;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#fff;box-shadow:0 4px 10px #0003;flex-shrink:0;transition:transform .2s}.wallet-card:hover{transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-name{font-weight:700;font-size:1rem}.card-values small{font-size:.7rem;opacity:.8}.card-values h3{margin:2px 0;font-size:1.1rem}.card-progress-bar{width:100%;height:5px;background-color:#ffffff4d;border-radius:3px}.progress-fill{height:100%;background-color:var(--bg-card);border-radius:3px}.empty-card{background:#e5e7eb;color:var(--text-secondary);align-items:center;justify-content:center;border:2px dashed #9CA3AF}.view-all-cards{font-size:13px;color:var(--text-secondary);cursor:pointer;font-weight:700;text-decoration:underline;transition:color .2s;padding-right:5px}.view-all-cards:hover{color:#3b82f6}.resumo-periodo-container.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.resumo-card{background-color:var(--bg-card);border-radius:14px;padding:22px 24px;box-shadow:0 2px 8px #0000000d;border-left:4px solid transparent;transition:transform .2s}.resumo-card .resumo-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px}.resumo-card.fatura{border-left-color:#a855f7}.resumo-card.fatura .resumo-valor{color:#a855f7}.bottom-grid{display:flex;gap:30px;align-items:flex-start}.charts-column{flex:2;display:flex;flex-direction:column;gap:20px}.graphic-container{background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000000d}.graphic-container h3{margin:0 0 20px;color:var(--text-primary);font-size:1.1rem}.chart-split-view{display:flex;align-items:center;gap:30px}.chart-canvas-area{flex:1;height:250px;display:flex;justify-content:center;align-items:center;min-width:0}.chart-ranking{flex:1;background-color:var(--bg-secondary);border-radius:12px;padding:20px;min-width:250px;display:flex;flex-direction:column;gap:15px}.ranking-title{margin:0;font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:700}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:8px}.ranking-item:last-child{border-bottom:none;padding-bottom:0}.ranking-label{font-weight:600;color:var(--text-primary);font-size:13px}.ranking-value{font-weight:700;font-size:14px}.ranking-percent{font-size:11px;color:var(--text-secondary);margin-top:2px}.no-data-text{color:var(--text-secondary);font-style:italic;text-align:center;width:100%}.transactions-list-wrapper{flex:1;background-color:var(--bg-card);padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000000d}.transactions-list-wrapper h3{margin:0 0 20px;color:var(--text-primary);font-size:1.1rem}.transactions-header-row{display:grid;grid-template-columns:.8fr 1fr 1.5fr 1fr;font-size:12px;font-weight:700;color:var(--text-secondary);padding:0 16px 10px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.transactions-scroll{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.transaction-item{background-color:var(--bg-secondary);border:1px solid #F1F5F9;border-radius:10px;padding:12px 16px;display:grid;grid-template-columns:.8fr 1fr 1.5fr 1fr;align-items:center;font-size:13px;transition:all .2s}.transaction-item:hover{background-color:var(--bg-secondary);transform:translate(2px)}.type-tag{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block;width:fit-content}.type-tag.income{background-color:#d1fae5;color:#059669}.type-tag.expense{background-color:#fee2e2;color:#dc2626}.text-muted{color:var(--text-secondary)}.cat-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-right{text-align:right;font-weight:700}.value-green{color:#10b981}.value-red{color:#ef4444}.view-all{text-align:center;margin-top:20px;color:#3b82f6;font-weight:700;cursor:pointer}.view-all:hover{text-decoration:underline}@media (max-width: 1200px){.header-section{flex-direction:column;align-items:stretch}.header-widgets-ribbon{justify-content:flex-start}.bottom-grid,.chart-split-view{flex-direction:column}}@media (max-width: 768px){.home-content-full{padding:85px 16px 24px;gap:20px;width:100vw;max-width:100vw;overflow-x:hidden}.header-section{flex-direction:column;align-items:stretch;gap:12px}.header-text-block h1{font-size:1.5rem}.header-widgets-ribbon{gap:15px;padding-bottom:8px;width:100%;overflow-x:auto;scrollbar-width:none}.header-widgets-ribbon::-webkit-scrollbar{display:none}.insight-card{min-width:220px;height:auto;padding:12px 16px;gap:12px}.vertical-divider{display:none}.wallet-card{width:220px}.resumo-periodo-container.home-grid{grid-template-columns:1fr;gap:12px}.resumo-card{padding:20px 16px;display:flex;align-items:center;justify-content:space-between}.resumo-card .resumo-label{margin-bottom:0;font-size:14px}.resumo-card .resumo-valor{font-size:20px;word-break:break-word;text-align:right}.bottom-grid{flex-direction:column;gap:20px}.charts-column{gap:16px}.graphic-container,.transactions-list-wrapper{padding:16px;border-radius:12px;width:100%}.chart-split-view{flex-direction:column;gap:20px}.chart-ranking{min-width:unset;padding:15px}.chart-canvas-area{position:relative;width:100%}.transactions-header-row{display:none}.transaction-item{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tag valor" "cat data";gap:8px;padding:14px 12px;align-items:center}.transaction-item .type-tag{grid-area:tag}.transaction-item .value-right{grid-area:valor;text-align:right;font-size:15px}.transaction-item .cat-name{grid-area:cat;font-size:14px;color:var(--text-primary)}.transaction-item .text-muted{grid-area:data;text-align:right;font-size:11px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}.login-wrapper{display:flex;width:100vw;height:100vh;background-color:#2c333d}.login-left{flex:1.2;background:linear-gradient(160deg,#0f1923,#1a2a3a,#0d1f2d);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.login-left:before{content:"";position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(212,160,23,.12) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.login-brand{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.login-logo-img{width:300px;height:300px;object-fit:contain;filter:drop-shadow(0 8px 40px rgba(212,160,23,.3));animation:fadeInUp .9s ease both}.login-brand-title{font-family:Inter,sans-serif;font-size:3rem;font-weight:800;color:#fff;letter-spacing:-1.5px;margin:0 0 6px;animation:fadeInUp .9s ease .2s both}.login-brand-subtitle{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff73;letter-spacing:3px;text-transform:uppercase;margin:0;animation:fadeInUp .9s ease .35s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-container-login{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background-color:#2c333d;color:#fff;box-sizing:border-box}.form-container-login h1{font-size:3rem;margin-bottom:40px;font-weight:700;align-self:flex-start;margin-left:10%}.form-container-login label{width:80%;max-width:400px;font-size:1rem;margin-bottom:8px;font-weight:700;color:#e0e0e0;text-align:left}.form-input{width:80%;max-width:400px;padding:15px;margin-bottom:25px;border:none;border-radius:6px;background-color:#535c68;color:#fff;font-size:1rem}.form-input:focus{outline:2px solid #FFC048}.form-button-login{width:80%;max-width:400px;padding:15px;margin-top:10px;background-color:#ffc048;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.form-button-login:hover{background-color:#e0a800}.register-text{width:80%;max-width:400px;font-size:.9rem;margin-bottom:20px;color:#ccc;text-align:left}.register-text a{color:#ffc048;text-decoration:none;font-weight:700}.form-container-login h1{font-size:3rem;font-weight:700;margin-bottom:40px;width:80%;max-width:400px;text-align:left;margin-left:0;align-self:auto}.helper-text{width:80%;max-width:400px;font-size:.8rem;color:#a0aab2;margin-top:-5px;margin-bottom:20px;text-align:left;line-height:1.3}.google-divider{width:80%;max-width:400px;display:flex;align-items:center;text-align:center;color:var(--text-secondary);margin:25px 0;font-size:.9rem}.google-divider:before,.google-divider:after{content:"";flex:1;border-bottom:1px solid #475569}.google-divider span{padding:0 10px}.google-btn-container{width:80%;max-width:400px;display:flex;justify-content:center}@media (max-width: 850px){.login-wrapper{flex-direction:column;overflow-y:auto;height:auto;min-height:100vh}.login-left{flex:none;padding:40px 20px;width:100%}.login-logo-img{width:180px;height:180px}.login-brand-title{font-size:2rem}.form-container-login{flex:none;width:100%;padding:30px 20px;align-items:center}.form-container-login h1,.form-container-login label,.form-input,.form-button-login,.register-text,.helper-text,.google-divider,.google-btn-container{width:100%;max-width:100%;margin-left:0}.form-container-login h1{font-size:2.2rem;text-align:center;margin-bottom:30px}.form-container-login label,.helper-text,.register-text{text-align:center;margin-bottom:8px}.helper-text{margin-top:-5px;margin-bottom:15px}.form-input{margin-bottom:20px}.google-btn-container{overflow:hidden;justify-content:center}}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth;overflow:auto}body{background:#f7f7f7}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px auto 50px;padding:10px;border-radius:30px;box-shadow:0 4px 6px #0000001a;max-width:400px;background-color:#e9efec;border:2px solid #c4dad2}.form-input,.form-select{width:90%;padding:10px;margin:0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-button{background-color:#b3c8cf;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1em;cursor:pointer;transition:background-color .3s ease}.form-button:hover{background-color:#89a8b2}.titulo-form{display:flex;flex-direction:column;align-items:center;margin-right:220px;margin-bottom:20px;margin-top:120px}.banco-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.header-texts h2{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary)}.header-texts p{color:var(--text-secondary);margin-top:5px}.btn-filtro{background-color:var(--border-color);border:none;padding:8px 20px;border-radius:20px;color:var(--text-secondary);font-weight:600;cursor:pointer;margin-top:auto;height:40px}.bancos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:50px}.banco-container-width{width:100%;max-width:1200px}.banco-card{min-height:220px;height:auto;padding:24px;border-radius:16px;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 10px #0000001a;transition:transform .2s,box-shadow .2s}.banco-card,.add-card{min-height:260px;height:auto;border-radius:20px;padding:25px;box-sizing:border-box}.banco-card:hover{transform:translateY(-3px)}.banco-nome{font-size:24px;font-weight:700}.menu-dots{font-size:24px;cursor:pointer;color:#fff;padding:0 5px;-webkit-user-select:none;user-select:none}.menu-dots:hover{opacity:.8}.menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px #00000026;width:120px;z-index:10;overflow:hidden;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.banco-saldo-label{font-size:14px;opacity:.9}.banco-valor{font-size:32px;font-weight:700;margin-top:5px}.banco-tipo{font-size:14px;margin-top:auto;opacity:.9}.add-card{min-height:220px;height:auto;border:2px dashed #CBD5E1;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.add-card:hover{background-color:var(--bg-main);border-color:var(--text-secondary);transform:translateY(-3px)}.card-progress-container{margin-top:auto;margin-bottom:10px}.card-progress-label{font-size:12px;opacity:.8;margin-bottom:5px;display:flex;justify-content:space-between}.banco-card .progress-bar-bg{background-color:#00000026;height:8px;border-radius:4px;width:100%}.banco-card .progress-bar-fill{background-color:var(--bg-card)!important;height:100%;border-radius:4px;width:70%;transition:width .5s ease}.progress-bar-fill{background-color:var(--bg-card);height:100%;border-radius:3px;width:70%}.chart-section{background-color:var(--bg-secondary);border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-top:20px;max-width:100%}.chart-info{max-width:40%}.chart-wrapper{width:300px;height:300px}.modal-content{background-color:#e9efec;border:2px solid #c4dad2;padding:30px;border-radius:20px;width:100%;max-width:400px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:15px}.modal-header h3{margin:0 0 15px;color:#3c3d37;font-size:22px;text-align:center}.modal-body label{font-size:13px;font-weight:600;color:#4f5d64}.modal-body input,.modal-body select{padding:10px 12px;border:1px solid #c4dad2;border-radius:8px;font-size:14px;color:#3c3d37;outline:none;background-color:var(--bg-card);transition:border-color .2s}.modal-footer{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.btn-cancelar{background-color:var(--bg-card);color:#4f5d64;border:1px solid #c4dad2;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;flex:1}.btn-salvar-banco{background-color:#64828d;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease;flex:1}.btn-salvar-banco:hover{background-color:#4a6570}@media (max-width: 768px){.banco-page{padding:85px 16px 24px;align-items:stretch;width:100vw;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.banco-container-width{width:100%;max-width:100%;overflow-x:hidden}.header-section{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:20px}.header-texts h2{font-size:22px}.header-stats{width:100%;display:flex;gap:12px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.header-stats::-webkit-scrollbar{display:none}.stat-group{flex-shrink:0}.bancos-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding-bottom:15px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.bancos-grid::-webkit-scrollbar{display:none}.banco-card,.add-card{width:85vw;min-width:280px;max-width:320px;flex-shrink:0;scroll-snap-align:center}.chart-section{flex-direction:column;gap:20px;padding:20px;border-radius:16px}.chart-info{max-width:100%}.chart-wrapper{width:100%;max-width:280px;height:280px;margin:0 auto}}.categoria-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.categoria-container-width{width:100%;max-width:900px}.categoria-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.categoria-texts h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.categoria-texts p{color:var(--text-secondary);margin-top:5px;font-size:14px}.categoria-historico{background-color:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 4px 8px #0000000d;width:100%}.categoria-page .list-header-row{display:grid;grid-template-columns:40px 2fr 1fr 120px;align-items:center;color:var(--text-secondary);font-weight:600;font-size:14px;margin-bottom:10px;padding:0 24px}.categoria-item-wrapper{margin-bottom:10px;width:100%;overflow-x:hidden}.nome-categoria-truncado{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.nome-categoria-texto{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.nome-categoria-truncado span{flex-shrink:0}.categoria-row{background-color:var(--bg-secondary);border-radius:12px;display:grid;grid-template-columns:40px 2fr 1fr 120px;align-items:center;padding:16px 24px;box-shadow:0 2px 5px #00000008;font-size:16px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;z-index:2;position:relative}.categoria-row:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f}.subcategoria-list{background-color:var(--bg-secondary);border-radius:0 0 12px 12px;margin-top:-10px;padding:15px 24px 10px 64px;border:1px solid var(--border-color);border-top:none}.subcategoria-row{display:grid;grid-template-columns:2fr 1fr 120px;align-items:center;padding:12px 0;border-bottom:1px dashed #CBD5E1;font-size:15px;color:var(--text-secondary);font-weight:500}.subcategoria-row:last-child{border-bottom:none}.seta-expandir{color:var(--text-secondary);font-size:14px;transition:transform .3s ease;transform-origin:center;display:flex;align-items:center;justify-content:center;transform:rotate(0)}.seta-expandir.aberta{transform:rotate(90deg)!important}.icone-display{font-size:20px}.categoria-page .acoes-linha{display:flex;gap:12px;justify-content:flex-end;align-items:center}.btn-acao{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;transition:color .2s}.btn-acao:hover{color:#3b82f6}.btn-acao.add:hover{color:#10b981}.btn-acao.delete:hover{color:#ef4444}@media (max-width: 768px){.categoria-page{padding:85px 16px 24px;align-items:stretch;width:100vw;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.categoria-container-width{width:100%;max-width:100%}.categoria-header-section{flex-direction:column;align-items:flex-start;gap:16px}.categoria-texts h2{font-size:22px}.categoria-historico{padding:16px 0;width:100%;box-sizing:border-box;overflow-x:hidden}.categoria-page .list-header-row{display:none}.categoria-row{grid-template-columns:30px 1fr 90px;padding:16px 12px;font-size:14px;gap:8px;margin:0 12px}.categoria-row>*:nth-child(3){display:none}.categoria-page .acoes-linha{gap:10px;justify-content:flex-end}.subcategoria-list{padding:12px 12px 8px 45px;margin:-10px 12px 0}.subcategoria-row{grid-template-columns:1fr 60px;padding:10px 0;gap:8px}.subcategoria-row>*:nth-child(2){display:none}.subcategoria-row>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.cartao-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.cartao-container-width{width:100%;max-width:1200px}.header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.header-texts h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.header-texts p{color:var(--text-secondary);margin-top:5px;font-size:14px}.header-stats{display:flex;gap:20px;align-items:center}.stat-group{display:flex;flex-direction:column}.stat-group label{font-weight:700;font-size:14px;margin-bottom:5px;color:var(--text-primary)}.saldo-display{background-color:var(--bg-secondary);padding:8px 16px;border-radius:8px;font-weight:700;font-size:16px;border:1px solid var(--border-color);min-width:120px;display:flex;align-items:center}.cartoes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.cartao-card,.add-card{height:240px;border-radius:20px;padding:25px;box-sizing:border-box}.cartao-card{color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px #0000001a;position:relative;transition:transform .2s}.cartao-card:hover{transform:translateY(-3px)}.card-purple{background-color:#a855f7}.card-yellow{background-color:#eab308}.card-blue{background-color:#3b82f6}.card-green{background-color:#10b981}.card-gray{background-color:var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.cartao-nome{font-size:1.4rem;font-weight:700}.cartao-valor{font-size:24px;font-weight:700;margin-top:2px}.cartao-saldo-label{font-size:14px;opacity:.9}.limite-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;opacity:.9}.cartao-card .progress-bar-bg{background-color:#00000026;height:8px;border-radius:4px;width:100%}.cartao-card .progress-bar-fill{background-color:var(--bg-card)!important;height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.progress-bar-bg{background-color:#ffffff4d;height:6px;border-radius:3px;width:100%}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.card-footer{display:flex;justify-content:space-between;opacity:.9;font-size:13px;margin-top:15px}.add-card{background-color:var(--border-color);border:2px dashed #94A3B8;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.add-card:hover{background-color:var(--bg-main);border-color:var(--text-secondary)}.plus-icon{font-size:60px;color:var(--text-secondary);font-weight:300;line-height:1}.add-text{font-size:18px;font-weight:600;color:var(--text-secondary);margin-top:10px}.menu-container{position:relative;display:inline-block}.menu-dots{font-size:24px;cursor:pointer;color:#fff;padding:0 5px;-webkit-user-select:none;user-select:none;line-height:1}.menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px #00000026;width:140px;z-index:10;overflow:hidden}.menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background:none;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .2s}.menu-item:hover{background-color:var(--bg-secondary)}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background-color:#fef2f2}.dashboard-inferior{display:flex;gap:30px;margin-top:20px}.chart-section-half,.assinaturas-section{background-color:var(--bg-secondary);border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000000d;flex:1;display:flex;flex-direction:column}.assinatura-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-color)}.assinatura-item:last-child{border-bottom:none}.assinatura-info{display:flex;align-items:center;gap:15px}.assinatura-icon{width:40px;height:40px;border-radius:10px;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary)}.assinatura-nome{font-weight:600;color:var(--text-primary)}.assinatura-valor{font-weight:700;color:#ef4444}.dashboard-panel{background-color:var(--bg-card);transition:background-color .3s}.panel-title{color:var(--text-primary);transition:color .3s}.panel-text-muted{color:var(--text-secondary);transition:color .3s}.panel-border-bottom{border-bottom:1px solid var(--border-color);transition:border-color .3s}.panel-border-top{border-top:1px solid var(--border-color);transition:border-color .3s}@media (max-width: 768px){.cartao-page{padding:85px 16px 24px;align-items:stretch;width:100vw;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.cartao-container-width{width:100%;max-width:100%;overflow-x:hidden}.header-section{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:20px}.header-texts h2{font-size:22px}.header-stats{width:100%;display:flex;gap:12px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.header-stats::-webkit-scrollbar{display:none}.stat-group{flex-shrink:0}.cartoes-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding-bottom:15px;margin-bottom:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.cartoes-grid::-webkit-scrollbar{display:none}.cartao-card,.add-card{width:85vw;min-width:280px;max-width:320px;flex-shrink:0;scroll-snap-align:center}.dashboard-inferior{flex-direction:column;gap:20px}.chart-section-half,.assinaturas-section{padding:20px;border-radius:16px}.chart-section-half canvas,.chart-section-half>div{max-width:100%!important}}.fatura-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;justify-content:center}.fatura-layout{display:flex;gap:50px;width:100%;max-width:1600px;align-items:flex-start}.fatura-main{flex:2;display:flex;flex-direction:column}.fatura-sidebar{flex:1;display:flex;flex-direction:column;gap:20px}.fatura-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;border-bottom:none;padding-bottom:0}.fatura-texts h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.fatura-texts p{color:var(--text-secondary);margin-top:5px;font-size:14px}.fatura-historico{background-color:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 4px 8px #0000000d;width:100%}.filtros-container{display:flex;gap:15px;align-items:center;background-color:var(--bg-secondary);padding:10px 20px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.fatura-filtros-card{background-color:var(--bg-card);border-radius:12px;padding:20px 24px;display:flex;gap:20px;align-items:flex-end;margin-bottom:25px;box-shadow:0 4px 6px #0000000d}.filtro-item{display:flex;flex-direction:column;gap:8px;flex:1}.filtro-item label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filtro-item input,.filtro-item select{border:1px solid #CBD5E1;border-radius:6px;padding:6px 10px;color:var(--text-primary);outline:none;background-color:var(--bg-card);font-family:inherit}.fatura-list-header-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr 1fr 40px;align-items:center;color:var(--text-secondary);font-weight:600;font-size:14px;margin-bottom:10px;padding:0 24px}.fatura-item{background-color:var(--bg-secondary);border-radius:12px;margin-bottom:10px;box-shadow:0 2px 5px #00000008;overflow:hidden;transition:transform .2s,box-shadow .2s}.fatura-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f}.fatura-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr 1fr 40px;align-items:center;padding:20px 24px;cursor:pointer;font-size:15px;color:var(--text-secondary);font-weight:500}.fatura-valor{font-weight:700;font-size:16px;color:#ef4444}.status-pago{color:#10b981;font-weight:700}.status-pendente{color:var(--text-primary);font-weight:700}.status-atrasado{color:#ef4444;font-weight:700}.fatura-acoes{display:flex;align-items:center;justify-content:flex-start}.btn-pagar-fatura{background-color:#a855f7;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-pagar-fatura:hover{background-color:#9333ea}.fatura-detalhes{background-color:var(--bg-secondary);border-top:1px dashed var(--border-color);padding:24px 30px}.detalhe-secao{margin-bottom:15px}.detalhe-secao h4{margin:0 0 10px;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.transacao-linha{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px;font-size:14px;color:var(--text-primary);box-shadow:0 1px 2px #00000005;transition:border-color .2s}.transacao-linha:hover{border-color:#cbd5e1}.transacao-linha-info{display:flex;flex-direction:column;gap:4px}.transacao-linha-nome{font-weight:600;font-size:15px}.transacao-linha-data{font-size:12px;color:var(--text-secondary)}.transacao-linha:last-child{border-bottom:none}.btn-exibir-mais{display:block;margin:20px auto 0;background-color:transparent;border:1px solid #94A3B8;color:var(--text-secondary);padding:10px 30px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s}.btn-limpar-filtro{height:38px;width:44px;border-radius:8px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-limpar-filtro:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.sidebar-card{background-color:var(--bg-card);border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000d}.sidebar-card h3{margin:0 0 15px;font-size:16px;color:var(--text-primary);font-weight:700}.chart-container{height:200px;margin-top:15px;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-card);padding:30px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 15px #0000001a}.modal-content h3{margin-top:0;margin-bottom:5px;color:var(--text-primary);font-size:20px}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select{padding:10px;border:1px solid #CBD5E1;border-radius:6px;font-size:14px;color:var(--text-primary);outline:none}.form-group input:focus,.form-group select:focus{border-color:#3b82f6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.btn-cancelar{background-color:var(--border-color);color:var(--text-secondary);border:none;padding:10px 15px;border-radius:6px;font-weight:700;cursor:pointer}.btn-cancelar:hover{background-color:var(--bg-main)}.btn-salvar{background-color:#3b82f6;color:#fff;border:none;padding:10px 15px;border-radius:6px;font-weight:700;cursor:pointer}.btn-salvar:disabled{background-color:var(--text-secondary);cursor:not-allowed}.filtro-item .datepicker-custom,.filtro-item select{border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-primary);background-color:var(--input-bg);font-size:13px;font-weight:500;outline:none;cursor:pointer;min-width:140px;height:38px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.filtro-item .datepicker-custom:focus,.filtro-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filtro-item .react-datepicker-wrapper,.filtro-item .react-datepicker__input-container{display:block;width:100%;height:100%}@media (max-width: 768px){.fatura-page{padding:85px 16px 24px;overflow-x:hidden;width:100vw;max-width:100vw;box-sizing:border-box}.fatura-layout{flex-direction:column;gap:20px;width:100%}.fatura-main,.fatura-sidebar{width:100%}.fatura-header-section{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:15px;border-bottom:none;padding-bottom:0}.fatura-texts h2{font-size:22px}.fatura-filtros-card{flex-direction:column;align-items:stretch;padding:16px;gap:15px}.filtros-container{flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:0}.filtro-item{width:100%;align-items:flex-start}.filtro-item label{margin-bottom:4px}.filtro-item input,.filtro-item select,.filtro-item .datepicker-custom{width:100%;min-width:100%;box-sizing:border-box}.btn-limpar-filtro{width:100%;margin-left:0;margin-top:5px;height:44px}.fatura-historico{padding:16px 0}.fatura-list-header-row{display:none}.fatura-item{margin:0 16px 12px}.fatura-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"valor status" "datas acoes";align-items:center;gap:12px;padding:16px}.fatura-row>*:nth-child(1){grid-area:valor;font-size:18px;font-weight:700;color:#ef4444}.fatura-row>*:nth-child(2){grid-area:datas;font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column}.fatura-row>*:nth-child(3){grid-area:status;text-align:right;font-size:12px}.fatura-row>*:nth-child(4){display:none}.fatura-row>*:nth-child(5){grid-area:acoes;display:flex;justify-content:flex-end}.fatura-row>*:nth-child(6){grid-area:acoes;justify-self:end;margin-left:10px}.paginacao-container{flex-direction:column;align-items:center;gap:16px;padding:20px 16px 0}.paginacao-navegacao{width:100%;justify-content:space-between}}.transacao-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.transacao-container-width{width:100%;max-width:95%}.transacoes-layout{display:flex;gap:30px;width:100%;align-items:flex-start}.transacoes-historico{flex:3;background-color:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 4px 8px #0000000d}.transacoes-fixas{flex:1;min-width:320px;max-width:380px;background-color:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 4px 8px #0000000d}.transacoes-fixas h3{margin-top:0;margin-bottom:20px;font-size:20px;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:10px}.dfixa-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F1F5F9}.dfixa-item:last-child{border-bottom:none}.dfixa-info strong{display:block;font-size:15px;color:var(--text-primary);margin-bottom:4px}.dfixa-info span{font-size:13px;color:var(--text-secondary)}.dfixa-valor{font-weight:700;color:#ef4444;margin-right:15px}.dfixa-acoes{display:flex;gap:8px}.transacao-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.transacao-texts h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.transacao-texts p{color:var(--text-secondary);margin-top:5px;font-size:14px}.filtros-container{display:flex;gap:15px;align-items:center}.filtro-item{display:flex;align-items:center;gap:8px}.filtro-item label{font-size:13px;font-weight:600;color:var(--text-secondary)}.filtro-item input{border:1px solid #CBD5E1;border-radius:6px;padding:6px 10px;color:var(--text-primary);outline:none}.action-buttons{display:flex;gap:10px}.icon-button{background-color:var(--bg-card);border:1px solid #CBD5E1;border-radius:12px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:var(--text-primary);transition:all .2s}.icon-button:hover{background-color:var(--border-color)}.transacao-grid-row{display:grid;grid-template-columns:100px 150px 1.5fr 1.5fr 120px 150px 100px 40px;align-items:center;padding:18px 24px;cursor:pointer;gap:10px}.transacao-page .list-header-row{display:grid;grid-template-columns:100px 150px 1.5fr 1.5fr 120px 150px 100px 40px;align-items:center;color:var(--text-secondary);font-weight:600;font-size:13px;margin-bottom:10px;padding:0 24px;gap:10px}.mes-separator{margin:30px 0 15px;display:flex;align-items:center;gap:15px}.mes-separator span{font-weight:700;font-size:18px;color:var(--text-primary)}.mes-separator-line{flex:1;height:1px;background-color:var(--text-secondary);opacity:.3}.transacao-item{background-color:var(--bg-secondary)!important;border-radius:12px;margin-bottom:10px;box-shadow:0 2px 5px #00000008;font-size:14px;color:var(--text-primary);font-weight:500;transition:transform .2s;overflow:hidden;display:block!important;width:100%}.transacao-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f}.transacao-descricao-expandida{padding:15px 24px;color:var(--text-secondary);font-size:14px;border-top:1px dashed var(--border-color);background-color:var(--bg-secondary);width:100%;box-sizing:border-box}.text-despesa{color:#ef4444;font-weight:700}.text-receita{color:#10b981;font-weight:700}.text-muted{color:var(--text-secondary);font-size:13px}.btn-deletar-linha{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;transition:color .2s}.btn-deletar-linha:hover{color:#ef4444}.btn-editar-linha{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;transition:color .2s}.btn-editar-linha:hover{color:#3b82f6}.btn-exibir-mais{display:block;margin:30px auto;background-color:transparent;border:1px solid #94A3B8;color:var(--text-secondary);padding:10px 30px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s}.btn-exibir-mais:hover{background-color:var(--border-color);color:var(--text-primary)}.seta-expandir{color:var(--text-secondary);font-size:14px;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:transform .3s ease}.seta-expandir.aberta{transform:rotate(180deg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.modal-content{background-color:var(--bg-card);padding:30px;border-radius:16px;width:100%;max-width:450px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:15px}.modal-header h3{margin:0;color:var(--text-primary);font-size:20px}.modal-body .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.modal-body label{font-size:13px;font-weight:600;color:var(--text-secondary)}.modal-body input{padding:10px 12px;border:1px solid #CBD5E1;border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.modal-body input:focus{border-color:#3b82f6}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancelar{background-color:var(--bg-secondary);color:var(--text-secondary);border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancelar:hover{background-color:var(--border-color)}.btn-salvar{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.btn-salvar:hover{background-color:#2563eb}.transacao-page .acoes-linha{display:flex;gap:10px;justify-content:center}.filtros-avancados{display:flex;gap:15px;align-items:flex-end;margin-bottom:25px;flex-wrap:wrap;background-color:var(--bg-card);padding:16px 20px;border-radius:12px;box-shadow:0 2px 6px #0000000d}.filtros-action-buttons{display:flex;gap:10px;margin-left:auto;align-self:flex-end}.filtro-select-group{display:flex;flex-direction:column;gap:4px}.filtro-select-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filtro-select-group select,.filtro-select-group .datepicker-custom{border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-primary);background-color:var(--input-bg);font-size:13px;font-weight:500;outline:none;cursor:pointer;min-width:140px;height:38px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-sizing:border-box}.filtro-select-group select{min-width:160px}.filtro-select-group .datepicker-custom::placeholder{color:var(--text-secondary);opacity:.8}.filtro-select-group select:focus,.filtro-select-group .datepicker-custom:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.filtro-select-group select:hover,.filtro-select-group .datepicker-custom:hover{border-color:var(--text-secondary)}.resumo-periodo-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.resumo-card{background-color:var(--bg-card);border-radius:14px;padding:22px 24px;box-shadow:0 2px 8px #0000000d;border-left:4px solid transparent;transition:transform .2s,box-shadow .2s}.resumo-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.resumo-card .resumo-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.resumo-card .resumo-valor{font-size:24px;font-weight:700}.resumo-card.receita{border-left-color:#10b981}.resumo-card.receita .resumo-valor{color:#10b981}.resumo-card.despesa{border-left-color:#ef4444}.resumo-card.despesa .resumo-valor{color:#ef4444}.resumo-card.balanco{border-left-color:#3b82f6}.resumo-card.balanco .resumo-valor{color:#3b82f6}.resumo-card.balanco.negativo .resumo-valor{color:#ef4444}.resumo-card.balanco.negativo{border-left-color:#ef4444}.paginacao-container{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color);width:100%}.paginacao-por-pagina{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.paginacao-qtd-btn{background-color:transparent;border:1px solid #CBD5E1;border-radius:6px;padding:4px 10px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.paginacao-qtd-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.paginacao-qtd-btn.ativo{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:700}.paginacao-navegacao{display:flex;align-items:center;gap:15px}.paginacao-btn{display:flex;align-items:center;gap:6px;background-color:var(--bg-card);border:1px solid #CBD5E1;border-radius:8px;padding:8px 16px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.paginacao-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-secondary);box-shadow:0 2px 4px #00000005}.paginacao-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-secondary)}.paginacao-info{font-size:14px;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.transacao-page{padding:70px 16px 24px;align-items:stretch;overflow-x:hidden;max-width:100vw}.transacao-container-width{max-width:100%;width:100%;overflow-x:hidden}.transacao-header-section{flex-direction:column;align-items:flex-start;gap:12px}.transacao-texts h2{font-size:22px}.transacoes-layout{flex-direction:column;gap:20px;width:100%}.transacoes-historico{overflow-x:hidden;width:100%;min-width:0}.transacoes-fixas{min-width:unset;max-width:unset;width:100%}.resumo-periodo-container{grid-template-columns:1fr;gap:12px}.filtros-avancados{flex-direction:column;gap:10px;padding:12px}.filtros-action-buttons{margin-left:0;width:100%;justify-content:flex-end}.filtro-select-group{width:100%}.filtro-select-group select,.filtro-select-group .datepicker-custom{min-width:unset;width:100%;box-sizing:border-box}.transacao-page .list-header-row{display:none}.transacao-item{width:100%;box-sizing:border-box;overflow-x:hidden}.transacao-grid-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 14px;width:100%;box-sizing:border-box}.transacao-grid-row>*:nth-child(1){flex:0 0 auto}.transacao-grid-row>*:nth-child(2){flex:0 0 auto;font-size:12px;color:var(--text-secondary);margin-left:auto}.transacao-grid-row>*:nth-child(3){flex:1 0 100%;font-weight:600;font-size:14px}.transacao-grid-row>*:nth-child(4){display:none}.transacao-grid-row>*:nth-child(5){flex:1 1 auto;font-size:15px;font-weight:700}.transacao-grid-row>*:nth-child(6){display:none}.transacao-grid-row>*:nth-child(7){flex:0 0 auto}.transacao-page .acoes-linha{gap:6px}.transacao-grid-row>*:nth-child(8){flex:0 0 auto}.paginacao-container{flex-direction:column;align-items:flex-start;gap:12px}.paginacao-navegacao{width:100%;justify-content:space-between}}.metas-page{background-color:var(--bg-main);min-height:100vh;padding:40px;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.metas-container-width{width:100%;max-width:1200px}.metas-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.metas-texts h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.metas-texts p{color:var(--text-secondary);margin-top:5px;font-size:14px}.metas-resumo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.resumo-card.destaque-roxo{border-left-color:#a855f7}.resumo-card.destaque-roxo .resumo-valor{color:#a855f7}.metas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.meta-card{background-color:var(--bg-card);border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.meta-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.meta-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.meta-titulo-group{display:flex;align-items:center;gap:12px}.meta-icone{font-size:24px;background-color:var(--bg-secondary);width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px}.meta-nome{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.btn-meta-opcoes{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px}.btn-meta-opcoes:hover{color:var(--text-secondary)}.meta-progresso-area{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.meta-valores-texto{display:flex;align-items:baseline;gap:6px}.meta-valor-atual{font-size:20px;font-weight:800;color:var(--text-primary)}.meta-valor-alvo{font-size:13px;font-weight:600;color:var(--text-secondary)}.progress-bar-bg{width:100%;height:10px;background-color:var(--border-color);border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#3b82f6;border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.concluida{background-color:#10b981}.meta-rodape-info{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary)}.concluida-texto{color:#10b981}.btn-guardar-dinheiro{margin-top:auto;width:100%;background-color:var(--bg-secondary);color:#3b82f6;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-guardar-dinheiro:hover:not(:disabled){background-color:#dbeafe;color:#2563eb}.btn-guardar-dinheiro:disabled{background-color:#ecfdf5;color:#10b981;cursor:default}@media (max-width: 768px){.metas-page{padding:70px 16px 24px;align-items:stretch}.metas-container-width{max-width:100%}.metas-header-section{flex-direction:column;align-items:flex-start;gap:12px}.metas-texts h2{font-size:22px}.metas-resumo-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.metas-grid{grid-template-columns:1fr}}.relatorios-page{background-color:var(--bg-main);min-height:100vh;padding:30px;font-family:Inter,Arial,sans-serif;display:flex;justify-content:center}.relatorios-container-width{width:100%;max-width:1300px}.relatorios-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.relatorios-header h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.relatorios-header p{color:var(--text-secondary);margin-top:5px;font-size:14px}.btn-exportar-pdf{background-color:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px #ef444433}.btn-exportar-pdf:hover{background-color:#dc2626}.relatorios-layout{display:flex;gap:25px;align-items:flex-start}.relatorios-sidebar{width:300px;background-color:var(--bg-card);border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000d;flex-shrink:0;position:sticky;top:20px}.relatorios-sidebar h3{margin:0 0 20px;color:var(--text-primary);font-size:18px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.filtro-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.filtro-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.filtro-group select{padding:10px;border:1px solid #CBD5E1;border-radius:8px;font-size:14px;color:var(--text-primary);background-color:var(--bg-secondary);outline:none;cursor:pointer}.btn-gerar-relatorio{width:100%;background-color:#3b82f6;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:10px;transition:background-color .2s}.btn-gerar-relatorio:hover{background-color:#2563eb}.relatorio-canvas{flex:1;background-color:var(--bg-card);border-radius:8px;padding:40px;box-shadow:0 10px 25px #0000001a;min-height:800px}.canvas-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:20px;margin-bottom:30px}.canvas-title{font-size:24px;font-weight:800;color:#0f172a;margin:0}.canvas-subtitle{font-size:14px;color:var(--text-secondary);margin-top:5px}.canvas-resumo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.canvas-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.canvas-card.destaque{background-color:var(--bg-highlight);border-color:var(--border-highlight)}.cc-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cc-valor{font-size:24px;font-weight:800;color:var(--text-primary)}.cc-valor.positivo{color:#10b981}.cc-valor.negativo{color:#ef4444}.canvas-card small{font-size:12px;color:#166534;margin-top:5px;font-weight:500}.canvas-graficos-area{display:grid;grid-template-columns:3fr 2fr;gap:20px;margin-bottom:40px}.grafico-box{border:1px solid var(--border-color);border-radius:12px;padding:20px}.grafico-box h4{margin:0 0 15px;font-size:15px;color:var(--text-primary)}.canvas-tabela-section h4{margin:0 0 15px;font-size:16px;color:var(--text-primary)}.relatorio-table{width:100%;border-collapse:collapse}.relatorio-table th{text-align:left;padding:12px;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:600;border-bottom:2px solid #CBD5E1}.relatorio-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px}.relatorio-table td.negativo{font-weight:600;color:#ef4444}.multi-select-box{border:1px solid #CBD5E1;border-radius:8px;background-color:var(--bg-secondary);padding:10px;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.multi-select-box::-webkit-scrollbar{width:6px}.multi-select-box::-webkit-scrollbar-thumb{background-color:var(--bg-main);border-radius:4px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#3B82F6}.categoria-filter-group{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.categoria-filter-group:last-child{border-bottom:none;padding-bottom:0}.subcategorias-filter-list{margin-left:24px;display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--border-color);padding-left:10px}.sub-label{font-size:12px;color:var(--text-secondary)}.filtros-datas-personalizadas{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;background-color:var(--bg-secondary);padding:12px;border-radius:8px;border:1px solid var(--border-color)}.filtros-datas-personalizadas .filtro-group{margin-bottom:0;width:100%}.filtros-datas-personalizadas input[type=date]{width:100%;padding:10px;border:1px solid #CBD5E1;border-radius:8px;font-size:13px;color:var(--text-primary);background-color:var(--bg-card);outline:none;box-sizing:border-box;cursor:pointer}.sidebar-bloco-destaque{background-color:var(--bg-highlight);border:1px solid var(--border-highlight);border-radius:12px;padding:15px;margin-bottom:20px}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:20px}.widget-box{position:relative;background-color:var(--bg-card);transition:box-shadow .2s}.widget-box h4{margin:0 0 5px;font-size:16px;color:var(--text-primary)}.widget-subtitle{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:20px;font-weight:500}.widget-box:hover{box-shadow:0 8px 16px #00000014}.btn-remover-widget{position:absolute;top:15px;right:15px;background-color:var(--bg-secondary);color:var(--text-secondary);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s}.widget-box:hover .btn-remover-widget{opacity:1}.btn-remover-widget:hover{background-color:#fee2e2;color:#ef4444}.tabela-header-dinamico{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.tabela-controles-dinamicos{display:flex;gap:10px;background-color:var(--bg-secondary);padding:8px;border-radius:8px;border:1px solid var(--border-color)}.tabela-controles-dinamicos select{padding:6px 10px;border:1px solid #CBD5E1;border-radius:6px;font-size:12px;color:var(--text-primary);background-color:var(--bg-card);outline:none;cursor:pointer;transition:border-color .2s}.tabela-controles-dinamicos select:hover{border-color:var(--text-secondary)}.relatorio-table td.positivo{font-weight:600;color:#10b981}@media (max-width: 768px){.relatorios-page{padding:85px 16px 24px;overflow-x:hidden;width:100vw;max-width:100vw;box-sizing:border-box}.relatorios-container-width{width:100%;max-width:100%;overflow-x:hidden}.relatorios-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.btn-exportar-pdf{width:100%;justify-content:center}.relatorios-layout{flex-direction:column;gap:20px;width:100%}.relatorios-sidebar{width:100%;max-width:100%;position:static;padding:20px 16px;box-sizing:border-box}.relatorio-canvas{width:100%;padding:20px 16px;box-sizing:border-box;min-height:auto;overflow-x:hidden}.canvas-resumo-grid{grid-template-columns:1fr;gap:12px}.canvas-card{padding:16px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.canvas-card small{width:100%;margin-top:5px}.cc-label{margin-bottom:0}.cc-valor{font-size:20px;text-align:right}.widgets-grid{display:flex;flex-direction:column;gap:20px;width:100%}.widget-box{width:100%;padding:16px;box-sizing:border-box}.widget-box>div:last-child{height:250px!important}.btn-remover-widget{opacity:1;top:10px;right:10px}.tabela-header-dinamico{flex-direction:column;align-items:flex-start;gap:12px}.tabela-controles-dinamicos{width:100%;flex-direction:column;gap:8px;padding:12px;box-sizing:border-box}.tabela-controles-dinamicos select{width:100%}.canvas-tabela-section{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.relatorio-table{min-width:600px}.relatorio-table th,.relatorio-table td{padding:10px 8px;font-size:13px;white-space:nowrap}}.projecao-page{background-color:var(--bg-main);min-height:100vh;padding:30px;font-family:Inter,Arial,sans-serif;display:flex;justify-content:center}.projecao-container-width{width:100%;max-width:1400px}.projecao-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.projecao-header h2{font-size:28px;font-weight:700;margin:0;color:var(--text-primary)}.projecao-header p{color:var(--text-secondary);margin-top:5px;font-size:14px}.btn-nova-simulacao{background-color:#a855f7;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 12px #a855f74d}.btn-nova-simulacao:hover{background-color:#9333ea;transform:translateY(-2px)}.timeline-container{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding-bottom:20px;padding-top:10px;scrollbar-width:thin;scrollbar-color:var(--text-secondary) var(--border-color)}.timeline-container::-webkit-scrollbar{height:8px}.timeline-container::-webkit-scrollbar-track{background:var(--border-color);border-radius:10px}.timeline-container::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:10px}.mes-coluna{min-width:320px;background-color:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;flex-shrink:0;transition:transform .2s}.mes-coluna:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.mes-header{padding:20px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:5px;color:#fff}.saldo-positivo{background:linear-gradient(135deg,#10b981,#059669)}.saldo-negativo{background:linear-gradient(135deg,#ef4444,#dc2626)}.mes-titulo{font-size:14px;font-weight:600;text-transform:uppercase;opacity:.9}.mes-saldo{font-size:28px;font-weight:800;letter-spacing:-.5px}.mes-variacao{font-size:13px;font-weight:500;opacity:.9}.mes-body{padding:20px;display:flex;flex-direction:column;gap:20px}.grupo-transacoes{display:flex;flex-direction:column;gap:10px}.grupo-titulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:5px}.transacao-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.t-desc{color:var(--text-primary);font-weight:500}.t-valor{font-weight:600}.text-green{color:#10b981}.text-red{color:#ef4444}.text-purple{color:#a855f7}.simulacoes-box{background-color:#faf5ff;padding:15px;border-radius:12px;border:1px dashed #D8B4FE}.simulacao-item{position:relative}.t-desc-wrapper{display:flex;align-items:center;gap:8px}.t-parcela-badge{background-color:#e9d5ff;color:#7e22ce;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.btn-remover-sim{position:absolute;right:-8px;top:-8px;background:var(--bg-card);color:#ef4444;border-radius:50%;padding:2px;cursor:pointer;box-shadow:0 2px 4px #0000001a;display:none}.simulacao-item:hover .btn-remover-sim{display:block}.details-transacoes{background-color:var(--bg-card);border-radius:8px;padding:12px;border:1px solid var(--border-color);transition:all .3s ease}.details-transacoes.destaque-fatura{background-color:var(--bg-card)BEB;border-color:#fde68a;border-left:4px solid #F59E0B}.summary-transacoes{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;-webkit-user-select:none;user-select:none}.summary-transacoes::-webkit-details-marker{display:none}.summary-transacoes:hover{opacity:.8}.text-orange{color:#d97706}.details-content{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:8px;animation:slideDown .3s ease-out}.details-transacoes.destaque-fatura .details-content{border-top-color:#fde68a}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.details-transacoes[open] .summary-transacoes{margin-bottom:5px}.icone-expansao{font-size:10px;margin-left:6px;opacity:.6;transition:transform .3s ease}.details-transacoes[open] .icone-expansao{transform:rotate(-180deg)}.historico-section{margin-top:40px;padding-top:30px;border-top:2px dashed var(--border-color)}.historico-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.historico-titulo{font-size:20px;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center}.historico-subtitulo{color:var(--text-secondary);margin-top:5px;font-size:13px}.btn-toggle-historico{background-color:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color);padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}.btn-toggle-historico:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.timeline-container-historico{border-radius:12px}.mes-header-historico.saldo-positivo{background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:.92}.mes-header-historico.saldo-negativo{background:linear-gradient(135deg,#94a3b8,#64748b);opacity:.92}@media (max-width: 768px){.projecao-page{padding:70px 16px 24px}.projecao-container-width{max-width:100%}.projecao-header{flex-direction:column;align-items:flex-start;gap:12px}.projecao-header h2{font-size:22px}.btn-nova-simulacao{width:100%;justify-content:center}.mes-coluna{min-width:280px}.historico-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-toggle-historico{width:100%;justify-content:center}}.modal-config-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-config-content{background-color:var(--bg-card);width:90%;max-width:450px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:modalConfigFadeIn .2s ease-out forwards}@keyframes modalConfigFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color)}.modal-config-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.btn-fechar{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-fechar:hover{color:#ef4444}.modal-config-body{padding:25px}.config-section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 15px}.perfil-info{display:flex;align-items:center;gap:15px}.perfil-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.perfil-textos{display:flex;flex-direction:column}.perfil-textos strong{font-size:1.1rem;color:var(--text-primary)}.perfil-textos span{font-size:.9rem;color:var(--text-secondary)}.config-divider{border:none;border-top:1px solid var(--border-color);margin:25px 0}.tema-opcoes{display:flex;gap:10px}.tema-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s}.tema-btn input{display:none}.tema-btn.ativo{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.btn-logout-full{width:100%;padding:12px;border:none;border-radius:8px;background-color:#fef2f2;color:#ef4444;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-logout-full:hover{background-color:#fee2e2}html[data-theme=dark] .modal-config-header{border-bottom-color:var(--text-primary)}html[data-theme=dark] .modal-config-header h2,html[data-theme=dark] .perfil-textos strong{color:#f8fafc}html[data-theme=dark] .config-divider{border-top-color:var(--text-primary)}html[data-theme=dark] .tema-btn{border-color:var(--text-primary);color:var(--text-secondary)}html[data-theme=dark] .tema-btn.ativo{background-color:#3b82f61a;border-color:#3b82f6}html[data-theme=dark] .btn-logout-full{background-color:#ef44441a}.app-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-main)}.main-content{flex:1;overflow-y:auto}.sidebar-container{background-color:var(--bg-sidebar);color:var(--text-secondary);height:100vh;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px #0000001a;z-index:100;overflow-x:hidden}.sidebar-container.expanded{width:250px}.sidebar-container.collapsed{width:75px}.sidebar-header{display:flex;align-items:center;padding:20px 15px;height:90px;gap:15px;cursor:pointer}.logo-icon{font-size:26px;color:#3b82f6;display:flex;justify-content:center;align-items:center;min-width:26px}.logo-text{font-size:18px;font-weight:700;color:#fff;margin:0;white-space:nowrap}.profile-section{display:flex;align-items:center;padding:0 24px 20px;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:10px}.avatar-placeholder{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.profile-info span{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.sidebar-menu{list-style:none;padding:10px 12px;margin:0;flex:1;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-item{margin-bottom:6px}.sidebar-link{display:flex;align-items:center;padding:12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;gap:16px;cursor:pointer;position:relative}.sidebar-link:hover{background-color:#ffffff0d;color:#fff}.sidebar-icon{font-size:20px;display:flex;justify-content:center;align-items:center;min-width:24px}.logo-text-animated{animation:slideInFade .35s cubic-bezier(.4,0,.2,1) both}.sidebar-title{font-size:14px;font-weight:500;white-space:nowrap;opacity:1;animation:slideInFade .3s cubic-bezier(.4,0,.2,1) both}.sidebar-item.active .sidebar-link{background-color:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f64d}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.05)}.logout-item .sidebar-link:hover{background-color:#ef44441a;color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.hamburger-btn{display:none;position:fixed;top:15px;left:15px;z-index:1100;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;width:44px;height:44px;font-size:20px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background-color .2s}.hamburger-btn:hover{background-color:#374151}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999;animation:fadeIn .2s ease}@media (max-width: 768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar-header{padding-top:70px!important;height:auto!important;flex-direction:column;align-items:flex-start;padding-left:24px}.sidebar-header svg,.sidebar-header img{max-width:60px}.profile-section{padding:20px 24px}.sidebar-container{position:fixed;left:0;top:0;height:100vh;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.mobile-hidden{transform:translate(-100%)}.sidebar-container.mobile-open{transform:translate(0);width:280px}.app-layout .main-content{width:100%;padding-top:60px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif;scroll-behavior:smooth}:root{--bg-main: #CBD5E1;--bg-card: #FFFFFF;--bg-secondary: #F1F5F9;--bg-highlight: #F0FDF4;--border-highlight: #BBF7D0;--bg-sidebar: #111827;--text-primary: #1E293B;--text-secondary: #64748B;--border-color: #E2E8F0;--input-bg: #FFFFFF;--accent-blue: #3B82F6}html[data-theme=dark]{--bg-main: #0F172A;--bg-card: #1E293B;--bg-secondary: #0F172A;--bg-highlight: #064E3B;--border-highlight: #047857;--bg-sidebar: #1E293B;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--border-color: #334155;--input-bg: #0F172A;--accent-blue: #3B82F6}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}html[data-theme=dark] .sidebar-container{background-color:#1e293b;border-right:1px solid #334155}html[data-theme=dark] .fatura-item,html[data-theme=dark] .fatura-list-header-row,html[data-theme=dark] .transaction-item,html[data-theme=dark] .assinatura-item,html[data-theme=dark] .relatorio-table th,html[data-theme=dark] .relatorio-table td{border-bottom-color:#334155;color:#cbd5e1}html[data-theme=dark] input,html[data-theme=dark] select{background-color:#0f172a;color:#f8fafc;border:1px solid #334155}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus{border-color:#3b82f6;outline:none}html[data-theme=dark] .valor,html[data-theme=dark] .resumo-valor,html[data-theme=dark] .ranking-value,html[data-theme=dark] .cc-valor{color:#f8fafc!important}html[data-theme=dark] .value-green,html[data-theme=dark] .positivo{color:#34d399!important}html[data-theme=dark] .value-red,html[data-theme=dark] .negativo{color:#f87171!important}.btn-close{background:transparent;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .2s ease;margin:0;padding:0}.btn-close:hover{background-color:var(--bg-secondary);color:#ef4444;transform:scale(1.1)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.react-datepicker-wrapper{width:100%}.react-datepicker{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;font-family:Inter,Lato,sans-serif!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important}.react-datepicker__header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding-top:15px!important;padding-left:35px!important;padding-right:35px!important}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--text-primary)!important;font-weight:600!important}.react-datepicker__day{color:var(--text-primary)!important;border-radius:50%!important;transition:all .2s!important}.react-datepicker__day:hover{background-color:var(--border-color)!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--accent-blue)!important;color:#fff!important;font-weight:700!important}.react-datepicker__navigation{top:16px!important}.react-datepicker__navigation:hover *:before{border-color:var(--accent-blue)!important}.react-datepicker__month-read-view,.react-datepicker__year-read-view{color:var(--text-primary)!important}.react-datepicker__month-select,.react-datepicker__year-select{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;padding:4px 8px!important;font-family:Inter,Lato,sans-serif!important;font-size:13px!important;font-weight:600!important;outline:none!important;cursor:pointer!important;transition:border-color .2s!important;min-width:90px!important;margin:0 2px!important}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{border-color:var(--accent-blue)!important}.react-datepicker__current-month--hasYearDropdown,.react-datepicker__current-month--hasMonthDropdown{display:none!important}.react-datepicker-year-header{color:var(--text-primary)!important;font-weight:600!important;padding-bottom:5px!important}.react-datepicker__month-text,.react-datepicker__year-text{color:var(--text-primary)!important;border-radius:8px!important;transition:all .2s!important;padding:5px!important}.react-datepicker__month-text:hover,.react-datepicker__year-text:hover{background-color:var(--border-color)!important}.react-datepicker__month-text--selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__year-text--selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--accent-blue)!important;color:#fff!important;font-weight:700!important}.react-datepicker__navigation-icon:before{border-color:var(--text-secondary)!important}.react-datepicker__navigation:hover *:before{border-color:var(--text-primary)!important}@media (max-width: 768px){html,body{overflow-x:hidden;max-width:100vw}.modal-overlay{align-items:flex-end;padding-bottom:0}.modal-content{border-radius:16px 16px 0 0!important;margin-bottom:0;max-width:100vw!important;width:100vw!important;padding:20px!important;max-height:90vh;overflow-y:auto}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer button{flex:1;min-width:120px}}