@charset "UTF-8";.container{max-width:1440px;width:100%;margin:0 auto;min-height:100vh}.sidebar{width:300px;transition:width .3s ease;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:40px 0;background-color:#201f24;border-top-right-radius:15px;border-bottom-right-radius:15px;color:#b3b3b3}.sidebar--collapse{width:90px}.sidebar__header{padding-left:20px;height:60px}.sidebar--collapse .sidebar__header{display:flex;justify-content:center;padding-left:0}.sidebar--collapse .sidebar__header-img{width:30px;height:30px}.sidebar__nav{flex:17;display:flex;flex-direction:column;gap:20px}.sidebar__item{display:flex;position:relative;gap:20px;align-items:center;cursor:pointer;width:90%;padding:10px 0 10px 20px;border-top-right-radius:15px;border-bottom-right-radius:15px;border-left:4px solid transparent;transition:background-color .3s ease,color .3s ease,border-left-color .3s ease;text-decoration:none;color:inherit}.sidebar__item--active{background-color:#fff;color:#201f24;border-left:4px solid rgb(38,124,120)}.sidebar__item-text,.sidebar__footer-text{white-space:nowrap}.sidebar--collapse .sidebar__item-text,.sidebar--collapse .sidebar__footer-text{display:none}.sidebar--collapse .sidebar__item,.sidebar--collapse .sidebar__footer{justify-content:center;padding-left:0}.sidebar__item-icon{position:relative;width:20px;height:20px;flex-shrink:0}.sidebar__item-img{position:absolute;inset:0;transition:opacity .25s ease}.sidebar__item-img--active,.sidebar__item--active .sidebar__item-img--default{opacity:0}.sidebar__item--active .sidebar__item-img--active{opacity:1}.sidebar__footer{flex:1;display:flex;gap:20px;align-items:center;cursor:pointer;padding-left:20px}.sidebar__footer-icon{position:relative;width:20px;height:20px}.sidebar__footer-img{position:absolute;inset:0;transition:opacity .3s ease;transition:transform .3s ease}.sidebar--collapse .sidebar__footer-icon{transform:rotate(180deg)}.sidebar__footer-img--hover{opacity:0}.sidebar__footer-text{transition:color .3s ease}@media(hover:none)and (pointer:coarse){.sidebar__item:active{background-color:#fff;color:#201f24}}@media(hover:hover)and (pointer:fine){.sidebar__item:hover{background-color:#fff;color:#201f24}.sidebar__item:hover .sidebar__item-img--default{opacity:0}.sidebar__item:hover .sidebar__item-img--active{opacity:1}.sidebar__footer:hover .sidebar__footer-img--default{opacity:0}.sidebar__footer:hover .sidebar__footer-img--hover{opacity:1}.sidebar__footer:hover .sidebar__footer-text{color:#fff}}@media(max-width:1024px){.sidebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1100;width:100%;height:72px;padding:0;flex-direction:row;align-items:stretch;justify-content:center;border-radius:0;background-color:#201f24;gap:0;overflow:visible}.sidebar__header,.sidebar__footer,.sidebar--collapse .sidebar__header{display:none}.sidebar__nav{flex:1;width:100%;height:100%;padding-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:0}.sidebar__item{width:auto;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 16px 0;gap:0;border-radius:10px 10px 0 0;border-left:none;background-color:transparent;border-bottom:4px solid transparent;transition:background-color .3s ease,border-bottom-color .3s ease,color .3s ease}.sidebar__item--active{background-color:#fff;color:#201f24;border-bottom-color:#267c78;border-left:none}.sidebar--collapse .sidebar__item{padding:10px 16px 0;justify-content:center;align-items:center}.sidebar__item-text{display:none}.sidebar__item-icon{width:22px;height:22px}.sidebar__item-img--active,.sidebar__item--active .sidebar__item-img--default{opacity:0}.sidebar__item--active .sidebar__item-img--active{opacity:1}.sidebar.sidebar--collapse{width:100%}.sidebar.sidebar--collapse .sidebar__item-text{display:none}}@media(max-width:767px){.sidebar{height:64px}.sidebar__item{padding:0 12px}.sidebar__item-icon{width:20px;height:20px}}.home{display:flex;min-height:100vh;background-color:#f2f0ec}@media(max-width:1024px){.home{display:block;min-height:100vh;padding-bottom:72px}}@media(max-width:767px){.home{padding-bottom:64px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a,a:visited{color:inherit}a[x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important;font:inherit!important}.overview{min-width:0;flex:1;background-color:#f2f0ec;padding:40px 20px;display:flex;flex-direction:column;gap:30px}.overview__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;flex:1}.overview__summary{display:flex;flex:2;gap:20px}.overview__item{flex:1;padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px}.overview__item-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.overview__item-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.overview__item--active{background-color:#201f24;color:#fff}.overview__item--active-label,.overview__item--active .overview__item-label{color:#fff}.overview__main{flex:20;display:flex;gap:20px;min-width:0}.overview__left,.overview__right{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.pots,.transactions,.budgets,.bills{background-color:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}.pots{flex:2}.transactions{display:flex;flex-direction:column;flex:6}.budgets{flex:5;display:flex;flex-direction:column}.bills{flex:4;display:flex;flex-direction:column}.pots__heading,.transactions__heading,.budgets__heading,.bills__heading{display:flex;justify-content:space-between;align-items:center}.pots__heading-title,.transactions__heading-title,.budgets__heading-title,.bills__heading-title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700}.pots__heading-btn,.transactions__heading-btn,.budgets__heading-btn,.bills__heading-btn{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;background-color:transparent;border:none;color:#686868;cursor:pointer;display:flex;gap:10px;align-items:center;transition:color .3s ease}.pots__heading-btn:hover,.transactions__heading-btn:hover,.budgets__heading-btn:hover,.bills__heading-btn:hover{color:#201f24}.pots__heading-btnIcon,.transactions__heading-btnIcon,.budgets__heading-btnIcon,.bills__heading-btnIcon{width:12px;height:12px}.pots__content{display:flex;gap:20px;flex:1}.pots__total{flex:1;background-color:#f2f0ec;border-radius:10px;padding:16px;display:flex;gap:16px;align-items:center}.pots__total-icon{width:40px;height:40px}.pots__total-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pots__total-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.pots__list{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}.pots__item{padding-left:12px;border-left:3px solid;display:flex;flex-direction:column;gap:5px}.pots__item-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pots__item-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.pots__item--green{border-color:#267c78}.pots__item--cyan{border-color:#82c9d8}.pots__item--yellow{border-color:#f2d0ac}.pots__item--navy{border-color:#626270}.transactions__content{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.transactions__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-evenly;flex:1}.transactions__item{padding:16px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(242,240,236)}.transactions__item:last-child{border-bottom:none;padding-bottom:0}.transactions__item-left{display:flex;align-items:center;gap:12px}.transactions__avatar{width:32px;height:32px;border-radius:999px;object-fit:cover}.transactions__name{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.transactions__item-right{text-align:right;display:flex;flex-direction:column;gap:4px}.transactions__amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.transactions__amount--negative{color:#201f24}.transactions__amount--positive{color:#267c78}.transactions__date{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budgets__content{display:flex;align-items:center;gap:24px;justify-content:flex-start;flex:1}.budgets__wrap{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.budgets__chart{width:100%;max-width:240px;aspect-ratio:1/1;border-radius:50%;align-self:center;position:relative}.budgets__chart-inner{position:absolute;inset:30px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.budgets__chart-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.budgets__chart-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budgets__legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.budgets__legend-item{padding-left:12px;border-left:3px solid;display:flex;flex-direction:column;gap:4px}.budgets__legend-item--green{border-color:#267c78}.budgets__legend-item--cyan{border-color:#82c9d8}.budgets__legend-item--yellow{border-color:#f2d0ac}.budgets__legend-item--navy{border-color:#626270}.budgets__legend-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budgets__legend-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.bills__content{margin-top:20px;display:flex;flex-direction:column}.bills__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;flex:1}.bills__item{background-color:#f2f0ec;border-radius:10px;padding:16px;border-left:3px solid;display:flex;align-items:center;justify-content:space-between}.bills__item-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.bills__item-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.bills__item--green{border-color:#267c78}.bills__item--yellow{border-color:#f2d0ac}.bills__item--cyan{border-color:#82c9d8}@media(max-width:1024px){.overview{padding:32px 16px;gap:24px}.overview__summary{flex-wrap:wrap;gap:16px}.overview__item{flex:1 1 220px;min-width:0}.overview__main{flex-direction:column;gap:16px}.overview__left,.overview__right{gap:16px}.pots,.transactions,.budgets,.bills{padding:16px;gap:16px}.budgets__content{gap:16px}.budgets__chart{max-width:220px}}@media(max-width:767px){.overview{padding:24px 12px;gap:20px}.overview__summary{flex-direction:column;flex-wrap:nowrap;gap:12px}.overview__item{width:100%;flex:0 0 auto;padding:16px}.pots__content{flex-direction:column;gap:12px}.pots__list{grid-template-columns:repeat(2,1fr)}.budgets__content{flex-direction:column;align-items:center;gap:16px}.budgets__wrap{width:100%}.budgets__chart{max-width:240px}.budgets__legend{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.transactions__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:359px){.overview{padding:20px 10px}.budgets__legend{grid-template-columns:1fr}}.transactions-page{flex:1;padding:40px 20px;display:flex;flex-direction:column;gap:30px;background-color:#f2f0ec}.transactions-page__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.transactions-page__card{background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;flex:1;gap:24px;min-height:0}.transactions-page__inputs{display:flex;justify-content:space-between;align-items:center}.transactions-page__search{position:relative}.transactions-page__search-input{width:280px;padding:12px 40px 12px 16px;border-radius:8px;border:1px solid rgb(242,240,236);font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.transactions-page__search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#686868}.transactions-page__filters{display:flex;gap:20px}.transactions-page__dropdown{position:relative;display:flex;align-items:center;gap:10px}.transactions-page__dropdown-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.transactions-page__dropdown-btn{padding:10px 16px;border-radius:8px;border:1px solid rgb(242,240,236);background-color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.transactions-page__dropdown-btn--mobile{display:none}.transactions-page__dropdown-icon{font-size:18px}.transactions-page__dropdown-arrow{width:12px;height:12px;transform:rotate(270deg);transition:transform .2s ease}.transactions-page__dropdown-arrow--open{transform:rotate(90deg)}.transactions-page__dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;background-color:#fff;border-radius:10px;box-shadow:0 12px 24px #0000001f;z-index:10;overflow:hidden}.transactions-page__dropdown-menu--scroll{max-height:260px;overflow-y:auto}.transactions-page__dropdown-item{width:100%;text-align:left;padding:14px 16px;border:none;background-color:transparent;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.transactions-page__dropdown-item:not(:last-child){border-bottom:1px solid rgb(242,240,236)}.transactions-page__dropdown-item:hover{background-color:#f2f0ec}.transactions-page__dropdown-item--active{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.transactions-page__header{display:flex;padding-bottom:12px;border-bottom:1px solid rgb(242,240,236);font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.transactions-page__header-user{flex:5}.transactions-page__header-category,.transactions-page__header-date{flex:2}.transactions-page__header-amount{flex:1;text-align:right}.transactions-page__list{list-style:none;padding:0;margin:0;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.transactions-page__row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid rgb(242,240,236)}.transactions-page__row:last-child{border-bottom:none}.transactions-page__user{display:flex;align-items:center;gap:12px;flex:5}.transactions-page__avatar{width:32px;height:32px;border-radius:50%}.transactions-page__name{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.transactions-page__category,.transactions-page__date{flex:2;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.transactions-page__amount{flex:1;text-align:right;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.transactions-page__amount--positive{color:#267c78}.transactions-page__amount--negative{color:#201f24}.transactions-page__pagination{display:flex;justify-content:space-between;align-items:center}.transactions-page__page-btn{padding:8px 14px;border-radius:8px;border:1px solid rgb(242,240,236);background-color:#fff;cursor:pointer;display:flex;gap:10px;align-items:center;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.transactions-page__pages{display:flex;gap:8px}.transactions-page__page-number{width:36px;height:36px;border-radius:8px;border:1px solid rgb(242,240,236);background-color:#fff;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.transactions-page__page-number--active{background-color:#201f24;color:#fff;border-color:#201f24}.transactions-page__page-arrow--next{transform:rotate(180deg)}@media(max-width:767px){.transactions-page__search-input{width:clamp(180px,24vw,260px)}.transactions-page__filters{gap:10px}.transactions-page__dropdown-label,.transactions-page__dropdown-btn--desktop{display:none}.transactions-page__dropdown-btn--mobile{display:inline-flex;width:44px;height:44px;padding:0;justify-content:center;align-items:center;gap:0}.transactions-page__page-btn span{display:none}.transactions-page__header-user,.transactions-page__header-category,.transactions-page__header-date{flex:2}.transactions-page__header-amount{flex:1;text-align:right}.transactions-page__user{flex:2;gap:3px}.transactions-page__name,.transactions-page__amount{font-size:10px}.transactions-page__avatar{width:20px;height:20px;border-radius:50%}.transactions-page__category,.transactions-page__date{font-size:10px}.transactions-page__category,.transactions-page__header-category{padding-left:10px}.transactions-page__search-input{font-size:16px}}.budgets-page{flex:1;padding:40px 20px;display:flex;flex-direction:column;gap:30px;background-color:#f2f0ec}.budgets-page__heading{display:flex;justify-content:space-between;align-items:center}.budgets-page__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.budgets-page__btn{background-color:#201f24;color:#fff;border:none;border-radius:8px;padding:14px 18px;display:flex;gap:8px;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.budgets-page__btnText{font-weight:700}.budgets-page__content{display:flex;gap:20px}.budgets-summary{flex:0 1 auto;min-width:343px;max-width:380px;width:100%;background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:24px;height:35%}.budgets-summary__chart{width:220px;height:220px;border-radius:50%;margin:0 auto;position:relative}.budgets-summary__chart-inner{position:absolute;inset:30px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.budgets-summary__amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.budgets-summary__label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budgets-summary__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700}.budgets-summary__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.budgets-summary__item{position:relative;padding:14px 12px 14px 22px;display:flex;justify-content:space-between;align-items:center;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.budgets-summary__item:not(:last-child){border-bottom:1px solid rgb(242,240,236)}.budgets-summary__item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background-color:#686868}.budgets-summary__item--green:before{background-color:#267c78}.budgets-summary__item--cyan:before{background-color:#82c9d8}.budgets-summary__item--yellow:before{background-color:#f2d0ac}.budgets-summary__item--navy:before{background-color:#626270}.budgets-summary__wrapper{display:flex;gap:8px;align-items:baseline}.budgets-list{flex:5;display:flex;flex-direction:column;gap:20px}.budget-card{background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px}.budget-card__header{display:flex;justify-content:space-between;align-items:center}.budget-card__title{display:flex;align-items:center;gap:10px}.budget-card__dot{width:12px;height:12px;border-radius:50%}.budget-card__dot--green{background-color:#267c78}.budget-card__dot--cyan{background-color:#82c9d8}.budget-card__dot--yellow{background-color:#f2d0ac}.budget-card__dot--navy{background-color:#626270}.budget-card__limit{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budget-card__bar{height:14px;border-radius:999px;background-color:#f2f0ec;overflow:hidden}.budget-card__bar-fill{height:100%;width:35%;border-radius:inherit}.budget-card__bar-fill--green{background-color:#267c78}.budget-card__bar-fill--cyan{background-color:#82c9d8}.budget-card__bar-fill--yellow{background-color:#f2d0ac}.budget-card__bar-fill--navy{background-color:#626270}.budget-card__bar-fill--red{background:#cc4f3a}.budget-card__bar-fill--purple{background:#886cb2}.budget-card__bar-fill--turquoise{background:#627c7c}.budget-card__bar-fill--brown{background:#93684e}.budget-card__bar-fill--magenta{background:#934e6f}.budget-card__bar-fill--blue{background:#4482b2}.budget-card__bar-fill--army-green{background:#7a9161}.budget-card__bar-fill--gold{background:#cab361}.budget-card__bar-fill--orange{background:#be6c4e}.budget-card__stats{display:flex;align-items:center;justify-content:space-between}.budget-card__stat{display:flex;flex-direction:column;gap:4px;border-left:5px solid rgb(242,240,236);padding-left:12px}.budget-card__stat--green{border-left-color:#267c78}.budget-card__stat--cyan{border-left-color:#82c9d8}.budget-card__stat--yellow{border-left-color:#f2d0ac}.budget-card__stat--navy{border-left-color:#626270}.budget-card__stat--red{border-left-color:#cc4f3a}.budget-card__stat--purple{border-left-color:#886cb2}.budget-card__stat--turquoise{border-left-color:#627c7c}.budget-card__stat--brown{border-left-color:#93684e}.budget-card__stat--magneta{border-left-color:#934e6f}.budget-card__stat--blue{border-left-color:#4482b2}.budget-card__stat--army-green{border-left-color:#7a9161}.budget-card__stat--gold{border-left-color:#cab361}.budget-card__stat--orange{border-left-color:#be6c4e}.budget-card__stat-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budget-card__latest{background-color:#f2f0ec;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.budget-card__latest-header{display:flex;justify-content:space-between;align-items:center}.budget-card__latest-header h4{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.budget-card__latest-header button{background:none;border:none;display:flex;gap:6px;align-items:center;cursor:pointer;color:#686868}.budget-card__latest-header button:hover{color:#201f24}.budget-card__transactions{list-style:none;padding:0;margin:0}.budget-card__transaction{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.budget-card__transaction:not(:first-child){border-top:1px solid rgba(0,0,0,.06)}.budget-card__transaction-left{display:flex;align-items:center;gap:12px}.budget-card__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.budget-card__transaction-name{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.budget-card__transaction-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.budget-card__transaction-amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#201f24}.budget-card__transaction-date{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budget-card__menu{position:relative}.budget-card__menu-btn{background:none;border:none;cursor:pointer;padding:4px}.budget-card__menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:160px;background-color:#fff;border-radius:10px;box-shadow:0 12px 24px #0000001f;overflow:hidden;z-index:20}.budget-card__menu-item{width:100%;padding:14px 16px;text-align:left;border:none;background:transparent;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.budget-card__menu-item:hover{background-color:#f2f0ec}.budget-card__menu-item:not(:last-child){border-bottom:1px solid rgb(242,240,236)}.budget-card__menu-item--danger{color:#cc4f3a}.budget-modal__overlay{position:fixed;inset:0;background:#00000073;z-index:1000}.budget-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;max-width:calc(100% - 2rem);background:#fff;border-radius:16px;padding:2rem;z-index:1001}.budget-modal__header{display:flex;align-items:center;justify-content:space-between}.budget-modal__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;color:#201f24}.budget-modal__close{border:none;background:transparent;cursor:pointer;border-radius:10px}.budget-modal__close img{width:24px;height:24px}.budget-modal__desc{margin:1rem 0 2rem;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budget-modal__field{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.35rem}.budget-modal__label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#686868}.budget-modal__money-input{display:flex;align-items:center;gap:.65rem;border:1px solid #cfcfcf;border-radius:12px;padding:.9rem 1rem}.budget-modal__money-input--error{border:1px solid rgb(204,79,58)}.budget-modal__error{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#cc4f3a}.budget-modal__currency{color:#7a7a7a}.budget-modal__input{width:100%;border:none;outline:none;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.budget-modal__submit{width:100%;margin-top:.4rem;border:none;border-radius:12px;padding:1rem;background:#201f24;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.dropdown{position:relative}.dropdown__btn{width:100%;border:1px solid #cfcfcf;border-radius:12px;background:#fff;padding:.9rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.dropdown__btn--error{border:1px solid rgb(204,79,58)}.dropdown__value{display:inline-flex;align-items:center;gap:.75rem}.dropdown__text{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.dropdown__menu{position:absolute;top:calc(100% + .55rem);left:0;width:100%;background:#fff;border-radius:14px;padding:.5rem;box-shadow:0 20px 50px #0000002e;z-index:10;max-height:240px;overflow-y:auto}.dropdown__menu-theme{position:absolute;bottom:calc(100% + .55rem);left:0;width:100%;background:#fff;border-radius:14px;padding:.5rem;box-shadow:0 20px 50px #0000002e;z-index:10;max-height:240px;overflow-y:auto}.dropdown__item{width:100%;border:none;background:transparent;cursor:pointer;padding:.9rem .85rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:.85rem;text-align:left}.dropdown__item:hover{background:#f3f3f3}.dropdown__item--disabled{color:#686868}.span-wrapper{display:inline-flex;gap:.75rem;align-items:center}@media(max-width:1024px){.budgets-page{padding:32px 16px;gap:20px}.budgets-page__content{flex-direction:column;gap:16px;min-width:0}.budgets-summary{flex:0 0 auto;width:100%;max-width:none;min-width:0;height:auto;padding:20px;gap:16px}.budgets-list{flex:1 1 auto;min-width:0;gap:16px}.budget-card{padding:20px;gap:14px}.budgets-summary__chart{width:200px;height:200px}}@media(max-width:767px){.budgets-page{padding:24px 12px;gap:16px}.budgets-page__heading{gap:12px}.budgets-page__btn{padding:10px 12px}.budgets-summary{padding:16px}.budgets-summary__chart{width:180px;height:180px}.budget-card{padding:16px}.budget-card__stats{gap:12px}.budget-modal{transform:translate(-50%,-55%)}.budget-modal__title{font-size:26px}.budget-modal__input,input,textarea,select{font-size:16px}}@media(max-width:359px){.budgets-summary__chart{width:160px;height:160px}}.pots-page{flex:1;padding:40px 20px;display:flex;flex-direction:column;gap:30px;background-color:#f2f0ec}.pots-page__heading{display:flex;justify-content:space-between;align-items:center}.pots-page__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.pots-page__btn{background-color:#201f24;color:#fff;border:none;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.pots-page__btnIcon{line-height:1}.pots-page__content{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;flex:1}.pot-card{background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px)}.pots-card__wrapper{display:flex;flex-direction:column;gap:20px}.pot-card__header{display:flex;justify-content:space-between;align-items:center}.pot-card__title{display:flex;align-items:center;gap:10px}.pot-card__dot{width:12px;height:12px;border-radius:50%}.pot-card__dot--green{background-color:#267c78}.pot-card__dot--navy{background-color:#626270}.pot-card__dot--cyan{background-color:#82c9d8}.pot-card__dot--yellow{background-color:#f2d0ac}.pot-card__dot--purple{background-color:#886cb2}.pot-card__name{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700}.pot-card__menu-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.pot-card__top{display:flex;justify-content:space-between;align-items:flex-end}.pot-card__label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pot-card__amount{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.pot-card__bar{height:8px;border-radius:999px;background-color:#f2f0ec;overflow:hidden}.pot-card__bar-fill{height:100%;border-radius:inherit}.pot-card__bar-fill--green{background-color:#267c78}.pot-card__bar-fill--cyan{background-color:#82c9d8}.pot-card__bar-fill--yellow{background-color:#f2d0ac}.pot-card__bar-fill--navy{background-color:#626270}.pot-card__bar-fill--red{background:#cc4f3a}.pot-card__bar-fill--purple{background:#886cb2}.pot-card__bar-fill--turquoise{background:#627c7c}.pot-card__bar-fill--brown{background:#93684e}.pot-card__bar-fill--magenta{background:#934e6f}.pot-card__bar-fill--blue{background:#4482b2}.pot-card__bar-fill--army-green{background:#7a9161}.pot-card__bar-fill--gold{background:#cab361}.pot-card__bar-fill--orange{background:#be6c4e}.pot-card__meta{display:flex;justify-content:space-between;align-items:center}.pot-card__percent,.pot-card__target{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pot-card__actions{display:flex;gap:16px;margin-top:12px}.pot-card__action{flex:1;border:none;border-radius:10px;padding:14px 16px;cursor:pointer;background-color:#f2f0ec;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.pot-card__menu{position:relative;display:flex;align-items:center}.pot-card__menu-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.pot-card__menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:160px;background-color:#fff;border-radius:10px;box-shadow:0 12px 24px #0000001f;overflow:hidden;z-index:20}.pot-card__menu-item{width:100%;padding:14px 16px;text-align:left;border:none;background:transparent;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.pot-card__menu-item:hover{background-color:#f2f0ec}.pot-card__menu-item:not(:last-child){border-bottom:1px solid rgb(242,240,236)}.pot-card__menu-item--danger{color:#cc4f3a}.delete-modal{position:fixed;inset:0;z-index:1000}.delete-modal__overlay{position:absolute;inset:0;background-color:#0006}.delete-modal__content{position:relative;background-color:#fff;width:100%;max-width:480px;margin:auto;padding:32px;border-radius:12px;box-shadow:0 24px 48px #0000002e;display:flex;flex-direction:column;gap:20px;top:50%;transform:translateY(-50%)}.delete-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer}.delete-modal__close img{width:20px;height:20px}.delete-modal__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700;color:#201f24}.delete-modal__text{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;letter-spacing:0;font-weight:400;color:#686868;line-height:1.5}.delete-modal__confirm{background-color:#cc4f3a;color:#fff;border:none;border-radius:8px;padding:14px;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.delete-modal__confirm:hover{opacity:.9}.delete-modal__cancel{background:none;border:none;cursor:pointer;text-align:center;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.delete-modal__cancel:hover{color:#201f24}.pots-modal__overlay{position:fixed;inset:0;background:#00000073;z-index:1000}.pots-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;max-width:calc(100% - 2rem);background:#fff;border-radius:16px;padding:2rem;z-index:1001}.pots-modal__header{display:flex;align-items:center;justify-content:space-between}.pots-modal__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;color:#201f24}.pots-modal__close{border:none;background:transparent;cursor:pointer;border-radius:10px}.pots-modal__close img{width:24px;height:24px}.pots-modal__desc{margin:1rem 0 2rem;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pots-modal__field{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.35rem}.pots-modal__label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#686868}.pots-modal__input{width:100%;border:1px solid rgb(152,144,139);border-radius:12px;padding:.9rem 1rem;outline:none;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#201f24}.pots-modal__input::placeholder{color:#686868}.pots-modal__input--error{border:1px solid rgb(204,79,58)}.pots-modal__hint{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868;display:flex;justify-content:end}.pots-modal__hint--between{justify-content:space-between}.pots-modal__error{color:#cc4f3a;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}.pots-modal__money-input{display:flex;align-items:center;gap:.65rem;border:1px solid rgb(152,144,139);border-radius:12px;padding:.9rem 1rem}.pots-modal__money-input--error{border:1px solid rgb(204,79,58)}.pots-modal__currency{color:#686868}.pots-modal__money{width:100%;border:none;outline:none;background:transparent;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#201f24}.pots-modal__money::placeholder{color:#686868}.pots-modal__submit{width:100%;margin-top:.4rem;border:none;border-radius:12px;padding:1rem;background:#201f24;color:#fff;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;cursor:pointer}.pots-dropdown{position:relative}.pots-dropdown-error{border:1px solid rgb(204,79,58)}.pots-dropdown__btn{width:100%;border:1px solid rgb(152,144,139);border-radius:12px;background:#fff;padding:.9rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.pots-dropdown__btn--error{border:1px solid rgb(204,79,58)}.pots-dropdown__value{display:inline-flex;align-items:center;gap:.75rem}.pots-dropdown__text{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.pots-dropdown__menu{position:absolute;bottom:calc(100% + .55rem);left:0;width:100%;background:#fff;border-radius:14px;padding:.5rem;box-shadow:0 20px 50px #0000002e;z-index:10;max-height:240px;overflow-y:auto}.pots-dropdown__item{width:100%;border:none;background:transparent;cursor:pointer;padding:.9rem .85rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:.85rem;text-align:left}.pots-dropdown__item:hover{background:#f2f0ec}.pots-dropdown__item--disabled{color:#686868}.dropdown__tag{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}.wrapper{display:inline-flex;gap:.75rem;align-items:center}.color-dot{width:14px;height:14px;border-radius:999px;display:inline-block;flex:0 0 14px}.color-dot--green{background:#267c78}.color-dot--yellow{background:#f2d0ac}.color-dot--cyan{background:#82c9d8}.color-dot--navy{background:#626270}.color-dot--red{background:#cc4f3a}.color-dot--purple{background:#886cb2}.color-dot--turquoise{background:#627c7c}.color-dot--brown{background:#93684e}.color-dot--magenta{background:#934e6f}.color-dot--blue{background:#4482b2}.color-dot--army-green{background:#7a9161}.color-dot--gold{background:#cab361}.color-dot--orange{background:#be6c4e}.pot-amount-modal__overlay{position:fixed;inset:0;background:#00000073;z-index:1000}.pot-amount-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;max-width:calc(100% - 2rem);background:#fff;border-radius:16px;padding:2rem;z-index:1001}.pot-amount-modal__header{display:flex;justify-content:space-between;align-items:center}.pot-amount-modal__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;color:#201f24}.pot-amount-modal__close{border:none;background:transparent;cursor:pointer}.pot-amount-modal__desc{margin:1rem 0 2rem;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pot-amount-modal__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pot-amount-modal__label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pot-amount-modal__value{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;color:#201f24}.pot-amount-modal__bar{height:10px;border-radius:999px;background:#f2f0ec;overflow:hidden}.pot-amount-modal__bar-fill{height:100%;border-radius:inherit}.pot-amount-modal__bar-fill--add{background:#267c78}.pot-amount-modal__bar-fill--withdraw{background:#cc4f3a}.pot-amount-modal__meta{display:flex;justify-content:space-between;margin-top:10px}.pot-amount-modal__percent{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.pot-amount-modal__percent--add{color:#267c78}.pot-amount-modal__percent--withdraw{color:#cc4f3a}.pot-amount-modal__target{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.pot-amount-modal__field{margin-top:24px}.pot-amount-modal__field-label{display:block;margin-bottom:8px;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#686868}.pot-amount-modal__money-input{display:flex;align-items:center;gap:10px;border:1px solid rgb(179,179,179);border-radius:12px;padding:.9rem 1rem}.pot-amount-modal__money-input--error{border:1px solid rgb(204,79,58)}.pot-amount-modal__currency{color:#686868}.pot-amount-modal__input{width:100%;border:none;outline:none;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.pot-amount-modal__submit{width:100%;margin-top:24px;border:none;border-radius:12px;padding:1rem;background:#201f24;color:#fff;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;cursor:pointer}@media(max-width:1024px){.pots-page{padding:32px 16px;gap:20px}.pots-page__content{gap:16px}.pot-card{flex:1 1 100%;max-width:100%;padding:20px}.pot-card__actions{gap:12px}.pot-card__action{padding:12px 14px}}@media(max-width:767px){.pots-page{padding:24px 12px;gap:16px}.pots-page__btn{padding:10px 12px}.pot-card{padding:16px}.pot-card__actions{gap:10px}.pot-card__action{padding:12px}.pots-modal{transform:translate(-50%,-55%)}.delete-modal__content{max-width:350px}.pots-modal__input,.pots-modal__money,.pot-amount-modal__input{font-size:16px}}@media(max-width:359px){.pot-card__actions{flex-direction:column}.pot-card__action{width:100%}}.bills-page{flex:1;padding:40px 20px;display:flex;flex-direction:column;gap:30px;background-color:#f2f0ec}.bills-page__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700}.bills-page__content{display:flex;gap:24px;height:100%}.bills-page__left{flex:2;display:flex;flex-direction:column;gap:20px}.bills-summary{background-color:#201f24;color:#fff;border-radius:12px;padding:24px;min-height:160px;display:flex;flex-direction:column;gap:14px;justify-content:center}.bills-summary img{width:28px;height:28px}.bills-summary span{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;opacity:.9}.bills-summary strong{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;letter-spacing:.5px}.bills-summary-card{background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.bills-summary-card h3{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700}.bills-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid rgb(242,240,236)}.bills-summary-row span{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.bills-summary-row strong{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#201f24}.bills-summary-row--danger span,.bills-summary-row--danger strong{color:#cc4f3a}.bills-page__right{flex:5;background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:22px;min-height:0}.bills-page__inputs{display:flex;justify-content:space-between;align-items:center;gap:20px}.bills-page__search{position:relative}.bills-page__search-input{width:320px;padding:12px 40px 12px 16px;border-radius:8px;border:1px solid rgb(242,240,236);font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.bills-page__search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#686868}.bills-page__sort{display:flex;align-items:center;gap:12px;position:relative}.bills-page__sort-label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.bills-page__sort-btn{padding:10px 16px;border-radius:8px;border:1px solid rgb(242,240,236);background-color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px}.bills-page__sort-btn span{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#000}.bills-page__sort-btn img{width:14px;height:14px;transition:transform .2s ease}.bills-page__rotate{transform:rotate(180deg)}.bills-page__sort-btn--mobile{display:none;width:44px;height:44px;padding:0;justify-content:center;align-items:center;gap:0}.bills-page__sort-icon{font-size:18px}.bills-page__dropdown{position:absolute;top:calc(100% + 10px);right:0;width:180px;background-color:#fff;border-radius:10px;box-shadow:0 12px 24px #0000001f;overflow:hidden;z-index:20}.bills-page__dropdown-item{width:100%;text-align:left;padding:14px 16px;border:none;background-color:transparent;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400}.bills-page__dropdown-item:not(:last-child){border-bottom:1px solid rgb(242,240,236)}.bills-page__dropdown-item:hover{background-color:#f2f0ec}.bills-page__dropdown-item--active{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700}.bills-page__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;height:100%;gap:25px}.bills-page__row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid rgb(242,240,236)}.bills-page__bill{display:flex;align-items:center;gap:14px;flex:4}.bills-page__bill img{width:36px;height:36px;border-radius:50%;object-fit:cover}.bills-page__bill span{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#201f24}.bills-page__due{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:2}.bills-page__due span{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.bills-page__due img{width:16px;height:16px}.bills-page__amount{flex:1;text-align:right;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#201f24}.bills-page__amount--danger{color:#cc4f3a}@media(max-width:1024px){.bills-page{padding:32px 16px;gap:20px}.bills-page__content{flex-direction:column;gap:16px;height:auto;min-width:0}.bills-page__left,.bills-page__right{flex:0 0 auto;min-width:0}.bills-page__right{padding:20px;gap:16px}.bills-page__search{flex:1 1 auto;min-width:0}.bills-page__search-input{width:100%;max-width:520px}.bills-page__list{gap:0}.bills-page__row{padding:16px 0}}@media(max-width:767px){.bills-page{padding:24px 12px}.bills-page__right{padding:16px}.bills-page__inputs{justify-content:space-between;align-items:center;gap:12px}.bills-page__search-input{width:100%;max-width:none;font-size:16px}.bills-page__sort-label,.bills-page__sort-btn--desktop{display:none}.bills-page__sort-btn--mobile{display:inline-flex}.bills-page__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"bill amount" "due  amount";column-gap:12px;row-gap:6px;padding:14px 0}.bills-page__bill{grid-area:bill;min-width:0;flex:unset}.bills-page__bill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bills-page__due{grid-area:due;display:flex;justify-content:flex-start;flex:unset;gap:8px}.bills-page__amount{grid-area:amount;flex:unset;align-self:center}.bills-page__dropdown{right:0}}@media(max-width:359px){.bills-summary,.bills-summary-card,.bills-page__right{padding:14px}.bills-page__row{grid-template-columns:1fr;grid-template-areas:"bill" "due" "amount";row-gap:8px}.bills-page__amount{text-align:left}}:root{--green: rgb(38, 124, 120);--yellow: rgb(242, 208, 172);--cyan: rgb(130, 201, 216);--navy: rgb(98, 98, 112);--red: rgb(204, 79, 58);--purple: rgb(136, 108, 178);--turquoise: rgb(98, 124, 124);--brown: rgb(147, 104, 78);--magenta: rgb(147, 78, 111);--blue: rgb(68, 130, 178);--army-green: rgb(122, 145, 97);--gold: rgb(202, 179, 97);--orange: rgb(190, 108, 78)}.login{position:fixed;inset:0;z-index:1000;display:flex;background-color:#f2f0ec}.login__visual{flex:2;background-color:#f2f0ec;background-size:cover;background-position:center;color:#fff;padding:28px;margin:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px}.login__logo{width:120px}.login__visual-content{max-width:60%;margin:0 auto}.login__headline{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:32px;line-height:1.2;letter-spacing:0;font-weight:700;margin-bottom:16px}.login__description{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;opacity:.85}.login__content{flex:3;background-color:#f2f0ec;display:flex;align-items:center;justify-content:center;padding:48px;position:relative}.login__content-logo{position:absolute;top:32px;left:32px}.login__card{background:#fff;padding:40px;border-radius:12px;width:100%;max-width:60%;animation:cardDrop 1.6s cubic-bezier(.22,1.2,.36,1) forwards}.login__title{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;line-height:1.2;letter-spacing:0;font-weight:700;margin-bottom:32px}.login__form{display:flex;flex-direction:column;gap:20px}.login__field{display:flex;flex-direction:column;gap:6px}.login__field label{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#686868}.login__input-wrap{position:relative}.login__input{width:100%;padding:12px 44px 12px 14px;border-radius:8px;border:1px solid rgb(179,179,179);font-size:16px}.login__input--error{border-color:#cc4f3a}.login__input:focus{outline:none;border-color:#201f24}.login__error{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#cc4f3a}.login__input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.login__input-icon img{width:18px;height:18px;display:block;opacity:.6}.login__input-icon:hover img{opacity:1}.login__button{margin-top:12px;padding:14px;border-radius:10px;border:none;background-color:#201f24;color:#fff;cursor:pointer;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:700}.login__button:hover{opacity:.95}.login__footer{margin-top:24px;text-align:center;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;color:#686868}.login__switch{font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;font-weight:700;color:#201f24;cursor:pointer;background-color:transparent;border:none;margin-left:4px}@keyframes cardDrop{0%{transform:translateY(-1160px);opacity:0}60%{transform:translateY(10px);opacity:1}80%{transform:translateY(-4px)}to{transform:translateY(0)}}@media(max-width:1024px){.login{flex-direction:column}.login__visual{flex:0 0 auto;width:100%;height:72px;margin:0;padding:0 16px;border-radius:0;background-color:#201f24;background-image:none!important;background-size:initial;background-position:initial;display:flex;align-items:center;justify-content:center}.login__logo{width:140px}.login__visual-content{display:none}.login__content{flex:1 1 auto;width:100%;padding:48px 24px 64px;align-items:center;justify-content:center}.login__card{max-width:560px;width:100%}}@media(max-width:768px){.login__visual{height:64px;padding:0 12px}.login__logo{width:120px}.login__content{padding:32px 16px 48px}.login__card{max-width:520px;padding:28px 20px;border-radius:12px}.login__title{margin-bottom:24px}.login__form{gap:16px}.login__button{margin-top:8px}.login__footer{margin-top:20px}}@media(max-width:360px){.login__card{padding:24px 16px}.login__input{padding:12px 40px 12px 12px}}