@charset "UTF-8";.orb{background:linear-gradient(180deg,#66abf5,#f2d34a);border-radius:50%;filter:blur(280px);height:70vh;position:absolute;width:100%}.toggle-btn{background:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;left:1rem;padding:.5rem 1rem;position:fixed;top:1rem;z-index:20}@media (max-width:1024px){.toggle-btn{display:block;font-size:1rem}}.navigation{background:#113541;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:space-between;left:-100%;padding:2rem 1.5rem;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:10}.navigation.show{left:0}.navigation .user-con{align-items:center;display:flex;gap:1rem}.navigation .user-con img{background:#ecebde;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 17px #0000000f;height:80px;object-fit:cover;padding:.2rem;width:80px}.navigation .user-con h2{color:#fff2d8;font-size:1.2rem}.navigation .user-con p{color:#ead7bb;font-size:1rem}.navigation .menu-items{display:flex;flex:1 1;flex-direction:column}.navigation .menu-items li{align-items:center;color:#bca37f;cursor:pointer;display:grid;font-weight:500;grid-template-columns:40px auto;margin:.6rem 0;padding-left:1rem;position:relative;transition:all .4s ease-in-out}.navigation .menu-items li i{color:#bca37f;font-size:1.4rem;transition:all .4s ease-in-out}.navigation .menu-items li.active{color:#ead7bb!important}.navigation .menu-items li.active i{color:#fff2d8!important}.navigation .menu-items li.active:before{background:#fff2d8;border-radius:0 10px 10px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.navigation .bottom-nav li{align-items:center;background:#fff2d8;border:1.5px solid #fff;border-radius:22px;box-shadow:0 1px 15px #0000000f;color:#113541;cursor:pointer;display:flex;font-size:1.2rem;gap:.5rem;opacity:.9;padding:.5rem 1rem;transition:all .3s ease}.navigation .bottom-nav li:hover{background:#113541;color:#fff2d8}@media (min-width:1024px){.navigation{-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);background:#113541;border:3px solid #fff;border-radius:32px;height:100%;left:0;max-width:340px;padding:2rem 1.5rem;position:static;width:100%}.navigation.show{left:0}}@media (max-width:1024px){.navigation{padding:5rem 1.5rem}.navigation .user-con img{height:60px;width:60px}.navigation .user-con h2{font-size:1.5rem}.navigation .user-con p{font-size:1.2rem}.navigation .menu-items li{font-size:1.5rem;padding-left:2.3rem}.navigation .bottom-nav li{align-items:center;display:flex;font-size:1.2rem;gap:.5rem}}@media (max-width:480px){.navigation{padding:5rem 1.5rem}.navigation .user-con h2{font-size:1.5rem}.navigation .user-con p{font-size:1.2rem}.navigation .menu-items li{font-size:1.2rem;padding-left:2rem}}.history-container{display:flex;flex-direction:column;gap:1rem;padding:2rem;padding:var(--padding,2rem)}.history-container h2{color:#113946;text-align:center}.history-item{align-items:center;background:#f6f5f2;display:flex;justify-content:space-between}.chart-container,.history-item{border:1px solid #c1baa1;border-radius:20px;box-shadow:0 1px 15px #0000000f;padding:1rem}.chart-container{background:#f8fafce4;height:100%}.chart-container .line{height:100%!important;width:100%!important}@media (max-width:480px){.chart-container{height:200px}}.dashboard h1{color:#113946;margin-bottom:.7rem}.stats-con{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr)}.chart-con{grid-column:1/4;height:295px}.amount-con{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.expense,.income{grid-column:span 2}.balance,.expense,.income{background:#f8fafce4;border:1px solid #c1baa1;border-radius:20px;box-shadow:0 1px 15px #a420200f;padding:1rem}.balance p,.expense p,.income p{font-size:1.4rem;font-weight:700}.balance h2,.expense h2,.income h2{color:#113946;font-size:1.2rem}.balance{align-items:center;display:flex;flex-direction:column;grid-column:1/5;justify-content:center}.balance p{color:green;font-size:1.8rem;opacity:.6}.history-con{grid-column:4/-1}.history-con h2{align-items:center;display:flex;justify-content:space-between}.salary-title{font-size:1rem;margin:1rem 0}.salary-title span{color:#113946;font-size:1.5rem}.salary-item{align-items:center;background:#f8fafc;border:1px solid #c1baa1;border-radius:20px;box-shadow:0 1px 15px #0000000f;display:flex;justify-content:space-between;padding:1rem}.salary-item p{font-size:1.3rem;font-weight:600}@media (max-width:860px){h1{font-size:1.6rem;margin-bottom:1rem;text-align:center}.stats-con{display:flex;flex-direction:column;gap:1.5rem}.chart-con{grid-column:1/-1;height:50%}.amount-con{gap:1rem;grid-template-columns:1fr}.amount-con .balance,.amount-con .expense,.amount-con .income{grid-column:1/-1;text-align:center}}@media (max-width:740px){.history-con .history-scroll{max-height:300px;overflow-y:auto}}@media (max-width:480px){.stats-con{gap:1rem}.chart-con .amount-con{gap:.8rem}.amount-con .balance h2,.amount-con .expense h2,.amount-con .income h2{font-size:1rem}.amount-con .balance p{font-size:1.1rem}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.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{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;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;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;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}.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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.button{align-items:center;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:.5rem;outline:none;transition:all .4s ease-in-out}.form-styled{display:flex;flex-direction:column;gap:1.2rem}input,select,textarea{background:#0000;border:2px solid #fff;border-radius:5px;box-shadow:0 1px 15px #0000000f;color:#222260e6;font-family:inherit;font-size:inherit;outline:none;padding:.5rem 1rem;resize:none}input::placeholder,textarea::placeholder{color:#7d7c7c}.input-control{.react-datepicker-wrapper,input{width:100%}}.selects{display:flex;justify-content:flex-end}select{color:#22226066}select:active,select:focus{color:#222260}.submit-btn button{box-shadow:0 1px 15px #0000000f}.submit-btn button:hover{background-color:#fff2d8!important;color:#113946!important}@media (max-width:480px){textarea{width:100%}}.income-item{background:#113946;border:2px solid #fff;box-shadow:0 1px 15px #0000000f;gap:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.icon,.income-item{align-items:center;border-radius:20px;display:flex}.icon{background:#f5f5f5;border:2px solid #fff;height:60px;justify-content:center;width:60px}.icon i{font-size:2.6rem}.content{display:flex;flex:1 1;flex-direction:column}.content .title{color:#fff2d8;font-size:1.3rem;padding-left:2rem;position:relative}.content .title:before{background:inherit;border-radius:50%;content:"";height:.8rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:.8rem}.inner-content{align-items:center;display:flex;justify-content:space-between}.inner-content .text{align-items:center;display:flex;gap:1.5rem}.inner-content .text p{align-items:center;color:#ead7bb;display:flex;gap:.5rem;opacity:.8}@media (max-width:910px){.icon{height:60px;width:60px}.icon i{font-size:2rem}.content .title{font-size:1.1rem;padding-left:1.5rem}.inner-content .text p{font-size:.9rem}}@media (max-width:485px){.income-item{align-items:flex-start;flex-direction:column;gap:.8rem}.icon{height:50px;width:50px}.icon i{font-size:1.5rem}.content .title{font-size:1rem;padding-left:1rem}.inner-content{align-items:flex-start;flex-direction:column}.inner-content .text p{font-size:.85rem}}.income-styled{display:flex;overflow:auto}.income-styled h1{color:#113946}.total-income{align-items:center;background:#f6f5f2;border:1px solid #c1baa1;border-radius:20px;box-shadow:0 1px 15px #0000000f;color:#113946bf;display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin:1rem 0;padding:1rem}.total-income span{color:green!important;font-size:2rem;font-weight:800}@media (max-width:1024px){.total-income{font-size:1.3rem}.total-income span{font-size:1.8rem}}@media (max-width:840px){.income-content{flex-direction:column;gap:2rem}.form-container,.incomes{width:100%}.incomes{gap:1rem}.incomes>div{font-size:.9rem;padding:.8rem}.delete-btn{font-size:.8rem;padding:.4rem .8rem}.total-income{font-size:1.2rem}.total-income span{font-size:1.6rem}}@media (max-width:480px){.total-income{font-size:1rem;padding:.8rem}.total-income span{font-size:1.4rem}.income-content{gap:1.5rem}.incomes{gap:1rem}.incomes>div{font-size:.9rem;padding:.8rem}.delete-btn{font-size:.8rem;padding:.4rem .8rem}}.ExpenseForm{display:flex;flex-direction:column;gap:1.2rem}.ExpenseForm input,.ExpenseForm select,.ExpenseForm textarea{background:#0000;border:2px solid #fff;border-radius:5px;box-shadow:0 1px 15px #0000000f;color:#222260e6;font-family:inherit;font-size:inherit;outline:none;padding:.5rem 1rem;resize:none}.ExpenseForm input::placeholder,.ExpenseForm textarea::placeholder{color:#7d7c7c}.ExpenseForm .input-control .react-datepicker-wrapper,.ExpenseForm .input-control input{width:100%}.ExpenseForm .selects{display:flex;justify-content:flex-end}.ExpenseForm .selects select{color:#22226066}.ExpenseForm .selects select:active,.ExpenseForm .selects select:focus{color:#222260}.ExpenseForm .submit-btn button{box-shadow:0 1px 15px #0000000f}.ExpenseForm .submit-btn button:hover{background-color:#c1baa1!important;color:#113946!important}@media (max-width:480px){.ExpenseForm textarea{width:100%}}.expense-styled{display:flex;overflow:auto}.expense-styled h1{color:#113946}.total-incomes{align-items:center;background:#f6f5f2;border:1px solid #c1baa1;border-radius:20px;box-shadow:0 1px 15px #0000000f;color:#113946bf;display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin:1rem 0;padding:1rem}.total-incomes span{color:red;font-size:2rem;font-weight:800}.income-content{display:flex;gap:2rem}.income-content .incomes{flex:1 1}@media (max-width:1024px){.total-incomes{font-size:1.3rem}.total-income span{font-size:1.8rem}}@media (max-width:840px){.income-content{flex-direction:column;gap:2rem}.form-container,.incomes{width:100%}.incomes{gap:1rem}.incomes>div{font-size:.9rem;padding:.8rem}.delete-btn{font-size:.8rem;padding:.4rem .8rem}.total-income{font-size:1.2rem}.total-incomes span{font-size:1.6rem}}@media (max-width:480px){.total-incomes{font-size:1rem;padding:.8rem}.total-incomes span{font-size:1.4rem}.income-content{gap:1.5rem}.incomes{gap:1rem}.incomes>div{font-size:.9rem;padding:.8rem}.delete-btn{font-size:.8rem;padding:.4rem .8rem}}.form{align-items:center;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-width:400px;padding:2rem;width:100%}.form h1{color:rgba(34,34,34,.905);font-size:2rem;margin-bottom:1rem}.form h5{color:#007bff;font-size:1rem;text-align:center}.form p{color:#555;font-size:1rem;margin:1rem}.form input{border:1px solid #ddd;border-radius:8px}.form .btn-primary,.form input{margin-bottom:1rem;padding:.7rem;width:100%}.form .btn-primary{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer}.form .link{color:#007bff;cursor:pointer;text-decoration:underline}.form .options{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;width:100%}.form .options a{color:#007bff;cursor:pointer;text-decoration:none}
/*# sourceMappingURL=main.e982be25.css.map*/