*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.navbar-item{width:4rem;height:3rem;display:flex;flex-direction:column;align-items:center;padding-top:.5rem;background-color:#201f24;color:#b3b3b3;border:none;border-bottom:4px solid transparent;border-radius:.5rem .5rem 0 0}.navbar-item:hover{color:#f2f2f2;transition:.6s ease-out;cursor:pointer}.navbar-item .navbar-item-icon{width:1.5rem;height:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.navbar-item .navbar-item-label{display:none}.selected,.selected:hover{background-color:#f8f4f0;color:#201f24;border-bottom:4px solid #277c78;border-radius:.5rem .5rem 0 0}.selected svg,.selected:hover svg{color:#277c78}@media (min-width: 768px){.navbar-item{width:6.5rem;height:4rem;gap:4px;font-family:Public Sans Bold,sans-serif;font-size:.75rem;line-height:150%;font-weight:700}.navbar-item .navbar-item-label{display:block}}@media (min-width: 1140px){.navbar-item{width:17rem;height:3.5rem;flex-direction:row;padding:1rem 0 1rem 2rem;gap:1rem;border-bottom:none;border-left:4px solid transparent;border-radius:0 12px 12px 0;font-family:Public Sans Bold,sans-serif;font-size:1rem;line-height:150%}.selected,.selected:hover{border-bottom:none;border-left:4px solid #277c78;border-radius:0 12px 12px 0}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.navbar-container{min-width:fit-content;background-color:#201f24;padding:.5rem 1rem 0;border-radius:.5rem .5rem 0 0}.navbar-container .navbar-header{display:none}.navbar-container ul{list-style:none;display:flex;flex-direction:row;justify-content:space-between}.navbar-container a{text-decoration:none}@media (min-width: 768px){.navbar-container{padding:.5rem 2.5rem 0}}@media (min-width: 1140px){.navbar-container{width:19rem;min-height:fit-content;height:100vh;padding:0;padding-right:1.5rem;border-radius:0 1rem 1rem 0;display:flex;flex-direction:column;gap:1.5rem}.navbar-container ul{flex-grow:1;flex-direction:column;justify-content:flex-start;gap:4px}.navbar-container .navbar-header{display:block;color:#fff;padding:2.5rem 2rem 2.5rem 2.25rem}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.other-pages .other-page-title{color:#201f24;font-family:Public Sans Bold,sans-serif;font-size:2rem;line-height:120%}.other-pages .other-page-message{color:#201f24;font-family:Public Sans Bold,sans-serif;font-size:1.25rem;line-height:120%;margin-top:2rem}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.cta-btn{border:none;outline:none;background-color:#201f24;color:#fff;font-family:Public Sans Bold,sans-serif;font-size:.875rem;line-height:150%;font-weight:700;padding:1rem;border-radius:.5rem;transition:.6s ease-out}.cta-btn:hover{background-color:#696868;transition:.6s ease-out;cursor:pointer}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;display:flex;flex-direction:row;justify-content:center;align-items:center}.container .modal-container{background-color:#fff;width:335px;border-radius:.5rem;padding:2rem}.container .modal-container .modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.container .modal-container .modal-header h2{font-family:Public Sans Bold,sans-serif;font-size:1.25rem;line-height:120%}.container .modal-container .modal-header .close-modal-btn{background-color:#fff;color:#696868;border:1.5px solid #696868;border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer}.container .modal-container .modal-text{color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.875rem;line-height:150%;margin-bottom:1.25rem}.container .modal-container form{display:flex;flex-direction:column}.container .modal-container form label{margin-bottom:4px;color:#696868;font-family:Public Sans Bold,sans-serif;font-size:.75rem;line-height:150%;font-weight:700}.container .modal-container form .input-field{margin-bottom:1rem}.container .modal-container form .input-field:last-of-type{margin-bottom:1.25rem}.container .modal-container form input[type=number]::-webkit-outer-spin-button,.container .modal-container form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container .modal-container form .sort .select-dropdown{z-index:1000;width:100%;top:3.25rem}@media (min-width: 768px){.container .modal-container{width:560px}.container .modal-container .modal-header h2{font-family:Public Sans Bold,sans-serif;font-size:2rem;line-height:120%}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}input{display:inline-block;border:none;outline:none;width:100%;text-overflow:ellipsis;font-family:Public Sans Regular,sans-serif;font-size:.875rem;line-height:150%}input::placeholder{color:#98908b}.input-field{display:flex;flex-direction:row;align-items:center;border:1.5px solid #98908b;border-radius:.5rem;padding:.75rem 3.25rem .75rem 1.25rem;height:45px;position:relative;color:#201f24}.input-field:hover{border:1.5px solid #696868}.input-field:focus-within{border:1.5px solid #201f24}.input-field svg{position:absolute;right:1rem}.input-field:has(input[type=date]){padding:.75rem 1rem .75rem 1.25rem}.input-field:has(input[type=date]) input{font-family:Times New Roman,Times,serif;font-size:.9rem}.dropdown{position:relative;cursor:pointer}.dropdown .select-dropdown{display:none;position:absolute;top:1.75rem;right:0;width:max-content;padding:.75rem 1.25rem;border-radius:.5rem;background-color:#fff;box-shadow:2px 2px 15px #0000004d;max-height:300px;overflow:scroll}.dropdown .select-dropdown::-webkit-scrollbar{display:none}.dropdown .select-dropdown ul{list-style-type:none;font-family:Public Sans Regular,sans-serif;font-size:.875rem;line-height:150%;color:#201f24}.dropdown .select-dropdown ul li{border-bottom:1px solid #f2f2f2;padding:.75rem}.dropdown .select-dropdown ul li:last-of-type{border-bottom:none}.dropdown .modal-select-dropdown{width:100%}.dropdown .display-dropdown{display:block;z-index:10}@media (min-width: 768px){.dropdown .select-dropdown{top:3.25rem}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.search-and-filter-transactions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem}.search-and-filter-transactions .search{width:13rem}.search-and-filter-transactions .sort-filter-container{display:flex;flex-direction:row;gap:1.5rem}.search-and-filter-transactions .sort-filter-container .dropdown-desktop{display:none}@media (min-width: 768px){.search-and-filter-transactions .search{flex-grow:1;width:9rem;max-width:20rem}.search-and-filter-transactions .sort-filter-container .dropdown-mobile{display:none}.search-and-filter-transactions .sort-filter-container .dropdown-desktop{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.875rem;line-height:150%}}@media (min-width: 1140px){.search-and-filter-transactions{gap:2rem}.search-and-filter-transactions .search{width:14rem;max-width:20rem}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.transactions-list-item{display:grid;grid-template-columns:12% 50% 1fr;color:#201f24}.transactions-list-item .tr-col0{grid-column:1/span 1;grid-row:1/span 2;order:1;display:flex;flex-direction:row;align-items:center;justify-content:start}.transactions-list-item .tr-col0 img{width:2rem;height:2rem;border-radius:50%}.transactions-list-item .tr-col1{order:2;margin-bottom:4px;font-family:Public Sans Bold,sans-serif;font-size:.875rem;line-height:150%;font-weight:700}.transactions-list-item .tr-col2{order:4;color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.75rem;line-height:150%}.transactions-list-item .tr-col3{order:5;text-align:right;color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.75rem;line-height:150%}.transactions-list-item .tr-col4{order:3;margin-bottom:4px;text-align:right;font-family:Public Sans Bold,sans-serif;font-size:.875rem;line-height:150%;font-weight:700}@media (min-width: 768px){.transactions-list-item{display:flex;flex-direction:row;align-items:center;gap:2rem}.transactions-list-item .tr-col0{order:1;flex-basis:3.5rem;margin-right:-2rem}.transactions-list-item .tr-col0 img{width:2.5rem;height:2.5rem}.transactions-list-item .tr-col1{order:2;flex-basis:calc(44% - 3.5rem)}.transactions-list-item .tr-col2{order:3;flex-basis:13%}.transactions-list-item .tr-col3{order:4;text-align:left;flex-basis:14%}.transactions-list-item .tr-col4{order:5;flex-basis:14;text-align:right;flex-grow:1}}@media (min-width: 1140px){.transactions-list-item .tr-col1{flex-grow:1}.transactions-list-item .tr-col2,.transactions-list-item .tr-col3{flex-basis:12%}.transactions-list-item .tr-col4{flex-grow:unset;flex-basis:20%}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.transactions-container{margin:1.5rem auto}.transactions-container .transaction-list-header{display:none}.transactions-container .transactions-list{list-style:none}.transactions-container .transactions-list li{padding:1rem 0;border-bottom:1.5px solid #f2f2f2}.transactions-container .transactions-list li:first-of-type{padding-top:0}.transactions-container .transactions-list li:last-of-type{padding-bottom:0;border-bottom:none}@media (min-width: 768px){.transactions-container .transaction-list-header{display:flex;flex-direction:row;gap:2rem;align-items:center;margin-bottom:1.5rem;padding:12px 0;border-bottom:1.5px solid #f2f2f2;color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.75rem;line-height:150%}.transactions-container .col1{flex-basis:44%}.transactions-container .col2{flex-basis:13%}.transactions-container .col3{flex-basis:14%}.transactions-container .col4{flex-basis:14%;flex-grow:1;text-align:right}}@media (min-width: 1140px){.transactions-container .col1{flex-grow:1}.transactions-container .col2,.transactions-container .col3{flex-basis:12%}.transactions-container .col4{flex-grow:unset;flex-basis:20%}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.transactions-total{background-color:#f8f4f0;border-radius:.5rem;padding:1.5rem 1rem;display:flex;gap:1.5rem;flex-direction:column}.transactions-total .total-text{font-family:Public Sans Bold,sans-serif;font-size:1.25rem;line-height:120%}.transactions-total .total-text .transaction-category{color:#696868;font-family:Public Sans Regular,sans-serif;font-size:.875rem;line-height:150%}.transactions-total .total-sum{text-align:right;font-family:Public Sans Bold,sans-serif;font-size:2rem;line-height:120%}@media (min-width: 768px){.transactions-total{flex-direction:row;justify-content:end;align-items:center;gap:2rem}.transactions-total .total-text{text-align:center}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.transactions-page{color:#201f24}.transactions-page .transactions-page-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.transactions-page .transactions-page-header .title{font-family:Public Sans Bold,sans-serif;font-size:2rem;line-height:120%}.transactions-page .content-container{margin-top:2rem;background-color:#fff;border-radius:.5rem;padding:1.5rem 1.25rem}.transactions-page .content-container .no-data{font-family:Public Sans Bold,sans-serif;font-size:1rem;line-height:150%;padding:2rem 0}@media (min-width: 768px){.transactions-page .content-container{padding:2rem}}@font-face{font-family:Public Sans Regular;src:url(/fonts/PublicSans-Regular.ttf) format("truetype")}@font-face{font-family:Public Sans Bold;src:url(/fonts/PublicSans-Bold.ttf) format("truetype")}.app{background-color:#f8f4f0;min-height:100vh;min-width:fit-content;display:flex;flex-direction:column-reverse;justify-content:space-between;position:relative}.app .navbar-container{position:sticky;bottom:0;z-index:99}.app .pages{padding:1.5rem 1rem 0;height:calc(100vh - 56px);overflow:scroll}.app .pages::-webkit-scrollbar{display:none}@media (min-width: 768px){.app .pages{padding:2rem 2.5rem 0;height:calc(100vh - 72px)}}@media (min-width: 1140px){.app{flex-direction:row}.app .pages{flex-grow:1;height:100vh}}