@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";button{cursor:pointer;border:none}html,body{min-width:320px}.auth-template__right{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8f4f0}.auth-template__left{display:none}.mobile-banner{position:sticky;width:100%;background-color:#201f24;display:flex;justify-content:center;top:0;border-radius:0 0 8px 8px}.mobile-banner img{padding:2.4rem}@media screen and (min-width: 1024px){.mobile-banner{display:none}.auth-template__container{display:flex;width:100%;height:100vh}.auth-template__left{display:flex;position:relative}.auth-template__left img{object-fit:cover;width:100%;height:auto;border-radius:12px}.auth-template__left .overlay-logo{position:absolute;top:4rem;left:4rem;width:12.1rem;height:2.1rem;border-radius:0}.auth-template__left .overlay-text{color:#fff;position:absolute;bottom:4rem;left:4rem;font-size:.8rem;width:60%}.auth-template__left .overlay-text h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0}.auth-template__left .overlay-text p{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}.auth-template__left{width:40%;padding:2rem;background-color:#f8f4f0}.auth-template__right{width:60%}}.login{padding:3.2rem;border-radius:1.2rem;background-color:#fff;border-radius:1.2em}.login__container{gap:3.2rem}.login__container form{display:flex;flex-direction:column}.login__container h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0}.login__container label{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#696868;display:flex;justify-content:space-between;margin:0;margin-bottom:.4rem}.login__container input{border-radius:.8rem;height:4.5rem;border:2px solid;font-size:1.2rem;padding-left:1.6rem}.login__container button{border-radius:.8rem;border:2px solid}.login__container p{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;text-align:center}.login__container p span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;text-decoration:underline}.login__container p span:hover{cursor:pointer;color:#696868}.email-input{margin-bottom:1.6rem}.password-input{margin-bottom:3.2rem}.register-link{all:unset;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;text-decoration:underline;cursor:pointer}.register-link:hover{color:#696868}@media screen and (min-width: 768px){.login{min-width:50rem}}@media screen and (min-width: 1024px){.login{min-width:34.3rem;width:40%;max-width:49.6rem}}.button-primary{all:unset;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#fff;background-color:#201f24;border-radius:.8rem;padding:1.6rem;cursor:pointer;text-align:center}.button-primary:hover{background-color:#696868;transition:background-color .2s ease-in-out}.register{padding:3.2rem;border-radius:1.2rem;min-width:34.3rem;max-width:49.6rem;background-color:#fff}.register__container{gap:3.2rem}.register__container form{display:flex;flex-direction:column}.register__container h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0}.register__container label{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;display:flex;justify-content:space-between;color:#696868;margin:0;margin-bottom:.4rem}.register__container input{border-radius:.8rem;height:4.5rem;border:2px solid;font-size:1.2rem;padding-left:1.6rem}.register__container button{border-radius:.8rem;border:2px solid}.register__container p{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;text-align:center}.register__container p span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;text-decoration:underline}.register__container p span:hover{cursor:pointer;color:#696868}.name-input,.email-input{margin-bottom:1.6rem}.createpassword-input{margin-bottom:3.2rem}.error{color:#c94736;font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0}.backend-error{color:#c94736;font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;align-self:center;font-weight:500}input.error{border:2px solid #C94736}.login-link{all:unset;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;text-decoration:underline;cursor:pointer}.login-link:hover{color:#696868}@media screen and (min-width: 768px){.register{min-width:34.3rem;width:40%;max-width:49.6rem}}.dashboard{display:flex;flex-direction:row;height:100%;background-color:#f8f4f0}.dashboard__content{width:100%;box-sizing:border-box;padding:0 1.2rem}@media (min-width: 768px){.dashboard__content{width:100%;border-radius:1.2rem;padding:0 4rem}}@media (max-width: 1024px){.dashboard__content{margin-bottom:5.1rem;min-height:95vh;height:fit-content}}.navbar{background-color:#201f24;display:flex;justify-content:center;padding-top:.8rem;padding-right:1.6rem;padding-left:1.6rem;position:fixed;bottom:0;left:0;right:0;z-index:1000;border-radius:.8rem .8rem 0 0}.navbar a{padding:0}.navbar__item{display:flex;background-color:#201f24;flex-direction:column;align-items:center;padding:.8rem 2.24rem;border-radius:.8rem .8rem 0 0}.navbar__item.active{background-color:#f8f4f0;border-bottom:#277C78 4px solid;outline:none;border-top:none;border-right:none;border-left:none}.navbar__item.active svg{fill:#277c78}.navbar__item.active span{color:#201f24}button:focus{box-shadow:none}.navbar__text{display:none;color:#b3b3b3;font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0}.navbar__icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 767px){.navbar{padding-right:4rem;padding-left:4rem;justify-content:space-between}.navbar__text{display:flex}}@media screen and (min-width: 1024px){.navbar{display:none}}svg{vertical-align:middle}span{font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:0;text-align:left;white-space:nowrap}.sidebar{display:flex;position:sticky;top:0;left:0;height:100vh;flex-direction:column;justify-content:space-between;background-color:#201f24;border-radius:0 1.6rem 1.6rem 0;transition:.3s;z-index:1000;width:30rem}.sidebar__logo{display:flex;justify-content:left;align-items:center;padding-left:3.2rem;padding-top:4rem;padding-bottom:4rem}.sidebar__container{display:flex;flex-direction:column}.sidebar__item{display:flex;align-items:center;gap:1.6rem;background-color:#201f24;color:#f2f2f2;border:none;border-radius:0 1.2rem 1.2rem 0;border-left:4px solid #201F24;padding:1.6rem 3.2rem;margin-right:2.4rem;transition:0s}.sidebar__item.active{background-color:#f8f4f0;color:#201f24;border-left:4px solid #277C78}.sidebar__item.active svg{fill:#277c78}.sidebar__item:not(.active):hover{color:#fff;border-left:4px solid transparent}.sidebar__item:not(.active):hover svg{fill:#fff}.toggle-btn{margin-bottom:4rem}.minimized{width:8.8rem;transition:.3s}.minimized .sidebar__text{display:none}.minimized .toggle-btn .sidebar__icon{transform:scaleX(-1)}@media screen and (max-width: 1023px){.sidebar{display:none}}.pots__grid{display:grid;gap:1.6rem}.pots__header{display:flex;justify-content:space-between;margin-bottom:3.2rem;margin-top:3.2rem;align-items:center}.pots__header h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin:0}.pots__grid{grid-template-columns:1fr;grid-auto-rows:1fr}@media screen and (min-width: 1024px){.pots__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.pot{background-color:#fff;border-radius:8px;margin-bottom:1.2rem;padding:2.4rem;display:flex;flex-direction:column;gap:1.2rem}.pot__header{display:flex;justify-content:space-between}.pot__header-title{display:flex;align-items:center;gap:.8rem;margin-bottom:3.2rem}.pot__header-title h2{font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24}.pot__header-title .pot__color{width:1.6rem;height:1.6rem;border-radius:50%}.pot__saved{display:flex;flex-direction:row;justify-content:space-between}.pot__saved p{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.pot__saved span{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24}.pot__progress-bar{height:1rem;width:100%;background-color:#f8f4f0;border-radius:8rem;overflow:hidden}.pot__progress-bar-fill{height:100%;transition:width .3s ease}.pot__details{font-size:1.2rem;color:#555;display:flex;justify-content:space-between;margin-bottom:3.2rem}.pot__details .pot__percentage{margin:0;font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#696868}.pot__details .pot__goal{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.pot__actions{width:100%;display:flex;gap:1.6rem;padding-bottom:2rem}.pot__actions button{all:unset;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;flex:auto;color:#201f24;padding:1.6rem 0;border-radius:.8rem;cursor:pointer;text-align:center;background-color:#f8f4f0}.pot__actions button:hover{background-color:#fff;outline:1px solid #201F24}.options__container{position:relative}.options__container button{cursor:pointer}.options__container svg{fill:#696868}.options__toggle{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.options__dropdown{position:absolute;right:0;top:2.5rem;background-color:#fff;border:1px solid #3a3a3a;border-radius:.5rem;box-shadow:0 4px 8px #0000000d;z-index:10;display:flex;flex-direction:column;min-width:13.5rem;padding:0 2rem;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}.options__dropdown .options__item{all:unset;padding:1.2rem 0;cursor:pointer;font-size:1.4rem;color:#3a3a3a;transition:background-color .2s;border-bottom:1px solid #eaeaea}.options__dropdown .options__item:first-child:hover{color:#696868}.options__dropdown .options__item:last-child:hover{opacity:.8}.options__dropdown .options__delete{color:#c94736}.delete-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.delete-header h3{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin:0}.delete-header button{padding:0;background-color:#fff}.delete-header button :hover{fill:#201f24}.delete-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#20202080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal{background:#fff;padding:3.2rem;border-radius:.8rem;box-shadow:0 .8rem 2rem #0003;max-width:56rem}.delete-modal p{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;margin:0;margin-bottom:2rem}.delete-modal__actions{display:flex;flex-direction:column;text-align:center;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}.delete-modal__actions .dlt-confirm-btn{color:#fff;background-color:#c94736;border-radius:.8rem;cursor:pointer;width:100%;padding:1.6rem 0;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0}.delete-modal__actions .dlt-confirm-btn:hover{opacity:.8;transition:background-color .2s ease-in-out}.delete-modal__actions .dlt-cancel-btn{color:#696868;background-color:#fff;border:none;border-radius:.8rem;cursor:pointer;width:100%;padding:1.6rem 0;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0}.delete-modal__actions .dlt-cancel-btn:hover{background-color:#f2f2f2;transition:background-color .2s ease-in-out}.pot-transaction__progress-bar{height:.8rem;width:100%;background-color:#f8f4f0;border-radius:8rem;overflow:hidden;position:relative;display:flex}.pot-transaction__progress-bar-fill{height:100%;transition:width .3s ease;background-color:#000}.pot-transaction__added{height:100%;background-color:#277c78;position:absolute;transition:width .3s ease;border-radius:0 .8rem .8rem 0;border-left:.2rem solid white}.transaction-status span.green{color:#277c78}.pot-transaction__subtracted{height:100%;background-color:#c94736;position:absolute;transition:width .3s ease;border-radius:0 .8rem .8rem 0}.pot-transaction__header{display:flex;justify-content:space-between;align-items:center}.pot-transaction__header :first-child{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.pot-transaction__header :last-child{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24}.transaction-status{display:flex;justify-content:space-between}.transaction-status :first-child{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.transaction-status :last-child{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.transaction-status span.red{color:#c94736}.overview{display:flex;flex-direction:column}.overview__grid{display:grid;grid-template-columns:1fr;gap:1.6rem}.overview__header{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin-bottom:3.2rem;margin-top:3.2rem}.balance-income-expenses{display:flex;flex-direction:column;margin-bottom:3.2rem;gap:1.2rem}.balance-income-expenses__item.dark{background-color:#201f24}.balance-income-expenses__item.dark :first-child,.balance-income-expenses__item.dark :last-child{color:#fff}.balance-income-expenses__item{background-color:#fff;width:100%;padding:2.4rem;border-radius:1.2rem}.balance-income-expenses__item-header{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;margin-bottom:1.2rem}.balance-income-expenses__item-value{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;margin:0}@media (min-width: 768px) and (max-width: 1023px){.balance-income-expenses{flex-direction:row;gap:2.4rem}}@media screen and (min-width: 1023px){.balance-income-expenses{justify-content:space-between;flex-direction:row;gap:2.4rem}.overview__grid{display:grid;grid-template-columns:6fr 4fr;grid-template-rows:min-content 2fr;gap:1.6rem}.overview__grid>:nth-child(1){grid-column:1/2;grid-row:1/2}.overview__grid>:nth-child(2){grid-column:1/2;grid-row:2/3}.overview__grid>:nth-child(3){grid-column:2/3;grid-row:1/3}}.pots-overview{background-color:#fff;padding:2.4rem 2rem;border-radius:1.2rem}.pots-overview .overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.pots-overview .overview-header__title{color:#201f24;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0}.pots-overview .overview-header .see-details{all:unset;color:#696868;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;cursor:pointer}.pots-overview .overview-header .see-details span{margin-left:1.2rem}.pots-overview .overview-header .see-details span svg{fill:#696868}.pots-overview .overview-header .see-details:hover{color:#201f24}.pots-overview__details{padding-left:2rem}.pots-overview__details h4{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.pots-overview__details span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.pots-overview__total-saved-container{color:#201f24;background-color:#f8f4f0;display:flex;align-items:center;padding:2rem 1.6rem;gap:16px;border-radius:.8rem;margin-bottom:2rem}.pots-overview__total-saved{display:flex;flex-direction:column}.pots-overview__total-saved h3{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;margin:0;margin-bottom:1.1rem}.pots-overview__total-saved p{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin:0}.pots-overview__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;width:100%}.pots-overview__item{background-color:#fff;border-radius:.8rem;display:flex;align-items:center}.pots-overview__item h4{margin:0}.pots-overview__item-header{display:flex;justify-content:space-between;color:#201f24}.pots-overview__item__progress-bar{height:.8rem;background-color:#f8f4f0;border-radius:8rem;overflow:hidden;margin-bottom:.8rem}.pots-overview__item__progress-bar__progress-fill{height:100%;background-color:#277c78;transition:width .3s ease}.pots-overview__item__percentage{color:#696868}.pots-overview__color-indicator{width:.4rem;height:100%;border-radius:.4rem}@media (min-width: 768px){.pots-overview{display:flex;flex-direction:column}.pots-overview__content{display:flex;height:100%;gap:2rem;align-items:center}.pots-overview__total-saved-container{min-width:24.7rem;margin:0}}.transactions-overview{background-color:#fff;padding:2.4rem 2rem;border-radius:1.2rem}.transactions-overview__list{display:flex;flex-direction:column;gap:2rem}.transactions-overview__list-empty{background-color:#f8f4f0;border-radius:.8rem;padding:15% 0;text-align:center;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}.transactions-overview .overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.2rem}.transactions-overview .overview-header__title{color:#201f24;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0}.transactions-overview .overview-header .see-details{all:unset;color:#696868;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;cursor:pointer}.transactions-overview .overview-header .see-details:hover{color:#201f24}.transactions-overview .overview-header .see-details span{margin-left:1.2rem}.transactions-overview .overview-header .see-details span svg{fill:#696868}.transaction-item{display:flex;justify-content:space-between;align-items:center}.transaction-item__name{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.transaction-item__info{text-align:right}.transaction-item__info :first-child{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.transaction-item__info.positive :first-child{color:#277c78}.transaction-item__info :last-child{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}@media screen and (max-width: 1024px){.transactions-overview__list-empty{padding:5% 0}}.budgets-overview{background-color:#fff;padding:2.4rem 2rem;border-radius:1.2rem}.budgets-overview .overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.budgets-overview .overview-header__title{color:#201f24;font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0}.budgets-overview .overview-header .see-details{all:unset;color:#696868;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}.budgets-overview .overview-header .see-details:hover{color:#201f24}.budgets-overview .overview-header .see-details span{margin-left:1.2rem}.budgets-overview .overview-header .see-details span svg{fill:#696868}.budgets-overview .legend__budget-name{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.budgets-overview .legend__budget-spent{display:none}.budgets-overview .legend__budget-amount :not(:first-child){font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.budgets-overview .legend__budget-amount :first-child{display:none}.budgets-overview__list{height:100%}.budgets-overview__list .donut-chart{padding:0}.budgets-overview__list .donut-chart .donut-legend{display:grid;grid-template-columns:repeat(2,1fr)}.budgets-overview__list .donut-chart .donut-legend h2{display:none}.budgets-overview__list .donut-chart .donut-legend__label{display:flex;flex-direction:column}.budgets-overview__list .donut-chart .donut-legend__label:before{height:100%}.donut-chart{background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:3.2rem;border-radius:1.2rem;padding:3.2rem;padding-bottom:0;margin-bottom:2.4rem}.donut-chart g{text-align:center}.donut-chart .donut-legend{width:100%}.donut-legend__label{position:relative;padding-left:1.2rem}.donut-legend__label:before{content:"";position:absolute;left:0;top:.2rem;width:.4rem;height:1.6rem;border-radius:.8rem;background-color:var(--legend-color)}.donut-chart h2{font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24}.donut-chart .donut-legend__item{padding:1.6rem 0}.donut-chart .donut-legend__item:not(:last-child){border-bottom:1px solid #F2F2F2}.donut-chart .legend__budget-name{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.donut-chart .donut-legend__label{display:flex;justify-content:space-between}.donut-chart .legend__budget-spent{font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;margin-right:.4rem}.donut-chart .legend__budget-amount,.donut-chart .legend__budget-amount span{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.donut-chart .donut-center__label{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin-bottom:.8rem}.donut-chart .donut-center__subtext{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}@media screen and (min-width: 768px) and (max-width: 1023px){.donut-chart{flex-direction:row;justify-content:space-between;width:100%;padding-bottom:3rem}.donut-chart .donut-legend{max-width:29.66rem}}@media screen and (min-width: 1024px){.donut-chart{flex-direction:column}.donut-chart .donut-legend{width:100%}}.transactions{display:flex;flex-direction:column;height:100%}.add-transaction{all:unset;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#fff;background-color:#201f24;border-radius:.8rem;padding:1.6rem;cursor:pointer}.add-transaction:hover{background-color:#696868;transition:background-color .2s ease-in-out}.transactions__content-container{background-color:#fff;padding:2.4rem 2rem;border-radius:1.2rem;gap:2.4rem;display:flex;flex-direction:column;height:100%;justify-content:space-between}.transactions__header{margin:3.2rem 0}.transactions__header h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;display:flex;align-items:center}.transactions__content{border-radius:1.2rem;display:flex;justify-content:space-between}.transactions__content .sort-container{display:flex;gap:2.4rem}.transactions__content .transactions__table{display:flex}@media (min-width: 768px){.transactions__header{display:flex;justify-content:space-between}.transactions__header h1{margin:0}.transactions{padding-bottom:10.6rem}}@media (min-width: 1024px){.transactions__content-container{background-color:#fff;border-radius:1.2rem;padding:3.2rem}.transactions{padding-bottom:2.4rem}}@media (min-width: 768px) and (max-width: 1024px){.transactions__content{justify-content:center;gap:2.4rem}}.search-container{position:relative}.search-input{padding:1.2rem 2rem;border-radius:.8rem;border:1px solid #98908B;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;background-color:#fff}.search-input:focus{border:1px solid #201F24}.icon-wrapper{position:absolute;bottom:30%;left:18rem}@media (min-width: 768px) and (max-width: 1023px){.search-input{width:16.1rem}.icon-wrapper{left:12.5rem}}@media (min-width: 1024px){.search-input{width:21.5rem}}@media (max-width: 375px){.search-input{width:16rem}.icon-wrapper{left:12.5rem}}.sortby{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sortby__options{display:flex;flex-direction:column;list-style-type:none;position:absolute;width:9rem;top:4rem;padding:1.2rem 2rem;border-radius:.8rem;border:1px solid #696868;background-color:#fff;z-index:9999}.sortby__options li{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;padding-top:.2rem}.sortby__options li:not(:last-child){padding-bottom:1.2rem}.sortby__options li:not(:first-child){border-bottom:1px solid #F2F2F2;padding-top:1.2rem}.sortby__options li.selected{font-weight:700}.sortby__options li:not(:last-child){border-bottom:1px solid #F2F2F2}.sortby__desktop{display:none}.sortby__desktop label{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;white-space:nowrap}.sortby__desktop .sortby__dropdown{display:flex;align-items:center;justify-content:space-between;margin-left:.8rem;border:1px solid #696868;border-radius:.8rem;padding:1.2rem 2rem;width:11.5rem;z-index:1000}.sortby__desktop .sortby__dropdown span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24}.sortby__icon.rotated{transform:rotate(180deg)}.sortby__mobile{all:unset;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.sortby__desktop{display:flex;align-items:center}.sortby__mobile{display:none}.sortby__options{display:flex;flex-direction:column;list-style-type:none;position:absolute;width:11.5rem;left:5.8rem;padding:1.2rem 2rem;border-radius:.8rem;border:1px solid #696868}}.sortcategory{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sortcategory__options{display:flex;flex-direction:column;list-style-type:none;position:absolute;width:17.7rem;top:4rem;left:-15rem;padding:1.2rem 2rem;border-radius:.8rem;border:1px solid #696868;background-color:#fff;z-index:9999}.sortcategory__options li{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;padding-top:.2rem;padding-bottom:.2rem}.sortcategory__options li:not(:last-child){padding-bottom:1.2rem;border-bottom:1px solid #F2F2F2}.sortcategory__options li:not(:first-child){border-bottom:1px solid #F2F2F2;padding-top:1.2rem}.sortcategory__options li.selected{font-weight:700}.sortcategory__desktop{display:none}.sortcategory__desktop label{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;white-space:nowrap}.sortcategory__desktop .sortcategory__dropdown{display:flex;align-items:center;justify-content:space-between;margin-left:.8rem;border:1px solid #696868;border-radius:.8rem;padding:1.2rem 2rem;width:17.7rem}.sortcategory__desktop .sortcategory__dropdown span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24}.sortcategory__icon.rotated{transform:rotate(180deg)}.sortcategory__mobile{all:unset;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.sortcategory__desktop{display:flex;align-items:center}.sortcategory__mobile{display:none}.sortcategory__options{display:flex;flex-direction:column;list-style-type:none;position:absolute;padding:1.2rem 2rem;border-radius:.8rem;border:1px solid #696868;left:6.7rem;width:17.7rem}}.transactions-table{width:100%}.transactions-table button{all:unset}.transactions-table .recipient,.transactions-table .transaction-amount{color:#201f24;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0}.transactions-table .transaction-amount.positive{color:#277c78}.transactions-table th,.transactions-table td{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.transactions-table .transactions-table{width:100%}.transactions-table .transactions-table-empty{font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:0;text-align:center;align-content:center;justify-content:center;margin-top:8rem}.transactions-table .transactions-table .no-transactions{text-align:center;padding:2rem;color:#999;font-style:italic}.transactions-table .transactions-table__desktop{width:100%;border-collapse:collapse;table-layout:fixed}.transactions-table .transactions-table__desktop th:nth-child(1),.transactions-table .transactions-table__desktop td:nth-child(1){width:35%}.transactions-table .transactions-table__desktop th:nth-child(2),.transactions-table .transactions-table__desktop td:nth-child(2){width:20%}.transactions-table .transactions-table__desktop th:nth-child(3),.transactions-table .transactions-table__desktop td:nth-child(3){width:20%}.transactions-table .transactions-table__desktop th:nth-child(4),.transactions-table .transactions-table__desktop td:nth-child(4){width:20%}.transactions-table .transactions-table__desktop th:nth-child(5),.transactions-table .transactions-table__desktop td:nth-child(5){width:5%;text-align:right}.transactions-table .transactions-table__desktop th{text-align:left}.transactions-table .transactions-table__desktop th:last-child{text-align:right}.transactions-table .transactions-table__desktop td:last-child,.transactions-table .transactions-table__desktop td:nth-last-child(2){text-align:right}.transactions-table .transactions-table__desktop th,.transactions-table .transactions-table__desktop td{padding:2.4rem 1.6rem}.transactions-table .transactions-table__desktop th:not(:last-child),.transactions-table .transactions-table__desktop td:not(:last-child){border-bottom:.1rem solid rgba(105,104,104,.15)}.transactions-table__mobile{display:none}@media (max-width: 768px){.transactions-table .transactions-table-empty{display:flex;justify-content:center}.transactions-table span .recipient{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;text-align:left}.transactions-table span{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.transactions-table span.positive{color:#277c78}.transactions-table .transaction-amount,.transactions-table .date{text-align:right}.transactions-table .recipient,.transactions-table .category{display:inline-block;white-space:normal}.transactions-table__desktop{display:none}.transactions-table__mobile{display:block}.transactions-table__mobile-card{display:flex;justify-content:space-between}.transactions-table__row{display:flex;position:relative;flex-direction:column;gap:.4rem;padding:1.6rem 2rem}.transactions-table__row:not(:last-child){border-bottom:.1rem solid rgba(105,104,104,.15)}.transactions-table .transact-delete-btn{position:absolute;right:-.5rem;top:2.5rem}}.modal{background-color:#fff;padding:3.2rem;border-radius:1.2rem;box-shadow:0 .8rem 2rem #0003;width:100%;max-width:56rem;display:flex;flex-direction:column;gap:2.4rem}.transaction-type-toggle{display:flex;gap:1.2rem}.transaction-type-toggle button.active,.transaction-type-toggle button.inactive{padding:1.2rem;border-radius:.8rem}.transaction-type-toggle button.active{background-color:#201f24;color:#fff;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0}.transaction-type-toggle button.inactive{background-color:#fff;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24;border:1px solid #98908B}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:2rem}.pagination svg{fill:#201f24}.pagination__nav:hover:not(.active):not(:disabled){color:#fff}.pagination__nav:hover:not(.active):not(:disabled) svg{fill:#fff}.pagination__nav,.pagination__page{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;background-color:#fff;border:1px solid #98908B;padding:.8rem 1.6rem;border-radius:.6rem;cursor:pointer;transition:background-color .2s ease}.pagination__nav span,.pagination__page span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0}.pagination__nav span.prev,.pagination__page span.prev{margin-left:1.2rem}.pagination__nav span.next,.pagination__page span.next{margin-right:1.2rem}.pagination__nav:disabled,.pagination__page:disabled{cursor:default;opacity:.5}.pagination__nav.active,.pagination__page.active{background-color:#201f24;color:#fff}.pagination__nav:hover:not(.active):not(:disabled),.pagination__page:hover:not(.active):not(:disabled){background-color:#98908b;color:#fff}.pagination__page button:hover{border-color:none}.pagination__pages{display:flex;gap:.8rem}.pagination__dots{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;padding:.8rem 1.2rem;color:#696868}.budgets-header{margin-bottom:3.2rem;margin-top:3.2rem}.budgets-header h1{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0}@media screen and (min-width: 1024px){.budgets h1{color:#201f24;margin:0;display:flex;align-items:center}.budgets .budgets-header{display:flex;justify-content:space-between}.budgets .budgets-grid{display:grid;grid-template-columns:1.5fr 2fr;gap:2rem;align-items:start}.budgets .budgets-chart{position:sticky;top:2rem}.budgets .budgets-summary{display:flex;flex-direction:column;gap:2rem}}.bar-summary{margin-bottom:2.4rem;background-color:#fff;border-radius:1.2rem;padding:3.2rem}.bar-summary__top{display:flex;justify-content:space-between;margin-bottom:.6rem;font-size:1.4rem}.bar-summary__bar-container{height:1.2rem;border-radius:.8rem;overflow:hidden}.bar-summary__bar-fill{height:100%;transition:width .4s ease}.bar-summary button{all:unset}.bar-summary__header{display:flex;flex-direction:row;justify-content:space-between}.bar-summary__header h2{font-family:Public Sans,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24}.bar-summary__header .bar-summary__header-title{display:flex;align-items:center;gap:1.2rem}.bar-summary__header .bar-summary__color-dot{width:1.6rem;height:1.6rem;border-radius:50%}.bar-summary__header .bar-summary__header-icon{width:2.4rem;height:2.4rem}.bar-summary__progress{margin-bottom:2rem}.bar-summary__progress .max-budget{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.bar-summary__progress .bar-summary__bar-container{background-color:#f8f4f0;padding:.4rem;height:3.2rem;margin-bottom:1.6rem}.bar-summary__progress .bar-summary__bar-container .bar-summary__bar-fill{border-radius:.4rem}.bar-summary__spent-remaining{display:flex;gap:1.6rem}.bar-summary__spent-remaining .bar-summary__spent-remaining-colorcode{width:.4rem;height:auto;border-radius:.8rem}.bar-summary__spent-remaining .spent,.bar-summary__spent-remaining .remaining{display:flex;flex-direction:column;width:50%;gap:.4rem;margin:0}.bar-summary__spent-remaining .spent-remaining__amount{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.bar-summary__spent-remaining .spent-remaining__label{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.bar-summary__latest-transactions{background-color:#f8f4f0;padding:2rem;border-radius:1.2rem}.bar-summary__latest-transactions h2{font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24}.bar-summary__latest-rows{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.bar-summary__latest-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;padding:.6rem 1rem}.bar-summary__latest-row:not(:last-child){border-bottom:.1rem solid rgba(105,104,104,.15)}.bar-summary__latest-empty{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.latest-description{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5;letter-spacing:0;color:#201f24;flex:2;font-weight:500}.latest-amount-date{display:flex;flex-direction:column;gap:.4rem;align-items:right}.latest-amount{font-family:Public Sans,sans-serif;font-size:1.2rem;line-height:1.5;letter-spacing:0;color:#201f24;flex:1;text-align:right;font-weight:700}.latest-date{font-family:Public Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868;flex:1.2;text-align:right;color:#777;font-size:.85rem}.budget__options-container{position:relative}.budget__options-container button{cursor:pointer}.budget__dropdown{position:absolute;right:0;top:2.5rem;background-color:#fff;border:1px solid #201F24;border-radius:.5rem;box-shadow:0 4px 8px #0000000d;z-index:10;display:flex;flex-direction:column;min-width:13.5rem;padding:0 2rem}.budget__dropdown .budget__dropdown-edit{border-bottom:1px solid #F2F2F2}.budget__dropdown .budget__dropdown-delete{color:#c94736}.budget__dropdown button{all:unset;font-family:Public Sans,sans-serif;font-weight:400;line-height:1.5;letter-spacing:0;padding:1.2rem 0;cursor:pointer;font-size:1.4rem;color:#201f24;transition:background-color .2s}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-description{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#696868}.modal{background-color:#fff;padding:3.2rem;border-radius:1.2rem;box-shadow:0 .8rem 2rem #0003;width:100%;max-width:56rem;display:flex;flex-direction:column}.modal h2{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin:0}.modal button{all:unset;cursor:pointer}.modal form{display:flex;flex-direction:column;gap:1.6rem}.modal form label{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;display:flex;flex-direction:column;color:#696868;gap:.4rem}.modal form label .input-with-prefix input{padding-left:4.2rem}.modal form label input{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;margin-top:.5rem;padding:1.2rem 2rem;border:1px solid #98908B;border-radius:.6rem}.modal form label input:focus{border:1px solid #201F24}.modal .custom-dropdown{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:.8rem;border:1px solid #98908B}.modal .custom-dropdown__selected{padding:1.2rem 2rem;display:flex;align-items:center;gap:.8rem}.modal .custom-dropdown__selected span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24}.modal .custom-dropdown__list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #98908B;box-shadow:0 .8rem 2rem #0000001a;border-radius:.8rem;max-height:30rem;overflow-y:auto;z-index:999;padding:0 2rem}.modal .custom-dropdown__option{padding:1.2rem 0;display:flex;align-items:center;gap:1.2rem}.modal .custom-dropdown__option:not(:last-child){border-bottom:1px solid #F2F2F2}.modal .custom-dropdown__option.disabled{pointer-events:none;cursor:not-allowed}.modal .color-circle{width:1.2rem;height:1.2rem;border-radius:50%;display:inline-block}.modal .color-circle.used{opacity:.5}.modal .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.4rem}.modal .modal-actions:hover button{background-color:#696868;transition:background-color .2s ease-in-out}.modal .modal-actions button{cursor:pointer;transition:all .2s ease;background-color:#201f24;color:#fff;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;padding:1.6rem;width:100%;text-align:center;border-radius:.8rem}.color-name-container{display:flex;width:100%;justify-content:space-between}.color-name-container .color-name,.color-name-container .already-used-label{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24}.color-name-container.already-used .color-name,.color-name-container.already-used .already-used-label{opacity:.5}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix input{width:100%}.input-with-prefix .money-prefix{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;position:absolute;left:2rem;pointer-events:none;bottom:1.2rem}*{box-sizing:border-box}:focus{outline:none!important}html{font-size:60%}body{margin:0;all:unset;-webkit-tap-highlight-color:transparent}.edit-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-header{display:flex;justify-content:space-between;align-items:center}.edit-modal{background-color:#fff;padding:3.2rem;border-radius:1.2rem;box-shadow:0 .8rem 2rem #0003;width:100%;max-width:56rem;display:flex;flex-direction:column}.edit-modal h2{font-family:Public Sans,sans-serif;font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#201f24;margin:0}.edit-modal button{all:unset;cursor:pointer}.edit-modal form{display:flex;flex-direction:column;gap:1.6rem}.edit-modal form label{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;display:flex;flex-direction:column;color:#696868;gap:.4rem}.edit-modal form label .input-with-prefix input{padding-left:4.2rem}.edit-modal form label input{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;margin-top:.5rem;padding:1.2rem 2rem;border:1px solid #98908B;border-radius:.6rem}.edit-modal form label input::-webkit-outer-spin-button,.edit-modal form label input::-webkit-inner-spin-button{-webkit-appearance:none}.custom-dropdown{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:.8rem;border:1px solid #98908B}.custom-dropdown__selected{padding:1.2rem 2rem;display:flex;align-items:center;gap:.8rem}.custom-dropdown__selected span{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;color:#201f24}.custom-dropdown__list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #98908B;box-shadow:0 .8rem 2rem #0000001a;border-radius:.8rem;max-height:30rem;overflow-y:auto;z-index:999;padding:0 2rem}.custom-dropdown__option{padding:1.2rem 0;display:flex;align-items:center;gap:1.2rem}.custom-dropdown__option:not(:last-child){border-bottom:1px solid #F2F2F2}.custom-dropdown__option.disabled{pointer-events:none;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.4rem}.modal-actions button{cursor:pointer;background-color:#201f24;color:#fff;font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5;letter-spacing:0;padding:1.6rem;width:100%;text-align:center;border-radius:.8rem}.modal-actions button:hover{background-color:#696868;transition:background-color .2s ease-in-out}.color-circle{width:1.2rem;height:1.2rem;border-radius:50%}.color-circle .color-name-container{font-family:Public Sans,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0}