@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,serif!important}body{background-color:var(--main-bg);color:var(--white-color);font-size:14px}.page-heading{color:var(--header-font);font-size:20px;font-weight:600;letter-spacing:.2px}.page-heading-desc{color:var(--font-color-2);font-size:12px;letter-spacing:.2px}::-webkit-scrollbar{width:6px;height:6px;border-radius:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#74747433;border:none;border-radius:4px}::-webkit-scrollbar-corner{background:transparent}.common-modal-style{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.form-element{padding:.2rem 0}.form-label{color:var(--font-color-1);padding-bottom:.1rem}:root{--primary-color: #144cbc;--main-bg: #131517;--card-bg: #222b3780;--layout-border-color: #374151;--border-color: #1f2937;--white-color: #fff;--header-font: #d0d5d8;--sub-heading-color: #ffffffb2;--font-color-1: #b2b2b2;--font-color-2: #5e6974;--label-color: #6c7783;--input-border: #3b434f;--chip-bg-color: #292b41;--modal-bg-color: #1c232c}.loader-container{width:100%;height:93%;display:flex;align-items:center;justify-content:center}.loader{--w: 10ch;font-weight:700;font-family:monospace;font-size:30px;line-height:1.4em;letter-spacing:var(--w);width:var(--w);overflow:hidden;white-space:nowrap;color:#0000;text-shadow:calc(0 * var(--w)) 0 #000,calc(-1 * var(--w)) 0 #000,calc(-2 * var(--w)) 0 #000,calc(-3 * var(--w)) 0 #000,calc(-4 * var(--w)) 0 #000,calc(-5 * var(--w)) 0 #000,calc(-6 * var(--w)) 0 #000,calc(-7 * var(--w)) 0 #000,calc(-8 * var(--w)) 0 #000,calc(-9 * var(--w)) 0 #000;animation:l20 2s infinite linear}.loader:before{content:"Loading..."}@keyframes l20{9.09%{text-shadow:calc(0 * var(--w)) -10px var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}18.18%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) -10px var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}27.27%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) -10px var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}36.36%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) -10px var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}45.45%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) -10px var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}54.54%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) -10px var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}63.63%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) -10px var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}72.72%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) -10px var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}81.81%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) -10px var(--primary-color),calc(-9 * var(--w)) 0 var(--primary-color)}90.90%{text-shadow:calc(0 * var(--w)) 0 var(--primary-color),calc(-1 * var(--w)) 0 var(--primary-color),calc(-2 * var(--w)) 0 var(--primary-color),calc(-3 * var(--w)) 0 var(--primary-color),calc(-4 * var(--w)) 0 var(--primary-color),calc(-5 * var(--w)) 0 var(--primary-color),calc(-6 * var(--w)) 0 var(--primary-color),calc(-7 * var(--w)) 0 var(--primary-color),calc(-8 * var(--w)) 0 var(--primary-color),calc(-9 * var(--w)) -10px var(--primary-color)}}.landing-header,.landing-footer{background-color:var(--card-bg);height:60px;width:100%}.landing-header{position:sticky;top:0;transition:all .4s ease-in-out;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--layout-border-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 1rem 0 .5rem}.landing-header .actions-container{display:flex;align-items:center;gap:.6rem}.landing-body{position:relative;min-height:calc(100vh - 60px)}.landing-body .hero-section{text-align:center;padding:3rem 0 2rem}.landing-body .hero-section .title-text{font-size:2.5rem;font-weight:600;letter-spacing:-1%;padding:1rem 0 1.5rem}.landing-body .hero-section .desc-text{font-weight:100;max-width:570px;letter-spacing:1px;margin:auto;color:#ffffffef}.landing-body .hero-section span{color:var(--primary-color)}.landing-body .action-section{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem}.landing-footer{color:var(--font-color-2);border-top:1px solid var(--layout-border-color);border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center;font-size:14px;position:absolute;bottom:0}.group-expense-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem}.group-expense-header .right-side-content{flex-wrap:wrap;display:flex;align-items:center;gap:1rem}.group-expense-content{padding:1rem 0 0}.group-expense-content .single-group-expense{background-color:var(--card-bg);padding:.6rem .4rem .6rem .6rem;border-radius:.4rem}.group-expense-content .single-group-expense .header-section{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 0}.group-expense-content .single-group-expense .header-section .header-title{color:var(--sub-heading-color);font-size:15px}.group-expense-content .single-group-expense .header-section .header-actions .MuiButtonBase-root{padding:0!important}.group-expense-content .single-group-expense .header-section .header-actions .MuiButtonBase-root .MuiSvgIcon-root{color:#fff;width:20px;height:20px}.group-expense-content .single-group-expense .header-section .header-actions .trip-status{text-transform:capitalize;font-size:11px;letter-spacing:.5px;border-radius:1rem;padding:.1rem .3rem}.group-expense-content .single-group-expense .header-section .header-actions .trip-status.active{color:#ea580c;border:1px solid #ea580c;background-color:#a3292d1a}.group-expense-content .single-group-expense .header-section .header-actions .trip-status.settled{color:#219950;border:1px solid #219950;background-color:#1a20271a}.group-expense-content .single-group-expense .group-expense-info{padding:.5rem .6rem .5rem .2rem}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .label{color:var(--font-color-2)}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .value{color:var(--font-color-1)}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .balance-label{color:var(--font-color-2);font-weight:600}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .balance-value{font-weight:600}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .balance-value.possitive{color:#219950}.group-expense-content .single-group-expense .group-expense-info .group-expense-info-item .balance-value.negative{color:#ea580c}.group-expense-modal-container{width:30%;background-color:var(--modal-bg-color);border-radius:.2rem;position:relative}.group-expense-modal-header{width:100%;padding:.2rem .3rem .1rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--layout-border-color);color:var(--primary-color);font-size:larger}.group-expense-modal-body{padding:.6rem .8rem;overflow:auto;max-height:65dvh}.group-expense-members-container{padding:.6rem 0 .2rem}.group-expense-members-container p{font-size:small}.group-expense-members-container .add-member-textfield-container{width:100%;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.group-expense-members-container .group-expense-members{border:1px solid var(--layout-border-color);border-radius:5px;padding:.5rem;max-height:150px;overflow-y:scroll}.group-expense-members-container .member-item.MuiChip-root{border-radius:3px!important;width:100%;min-width:60px!important;color:var(--font-color-1);background-color:var(--chip-bg-color);border-left:3.5px solid var(--primary-color)}.group-expense-modal-footer{display:flex;align-items:center;justify-content:center;padding:0 .8rem .8rem}.category-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:1rem}.category-header .right-side-content{flex-wrap:wrap;display:flex;align-items:center;gap:1rem}.category-stats-section{padding:1.5rem .3rem;width:100%}.category-stats-section .category-stat-item{display:flex;align-items:center;justify-content:space-between;background-color:#1a2027;border:1px solid var(--border-color);padding:.5rem .7rem;border-radius:10px}.category-stats-section .category-stat-item .label-heading{color:var(--font-color-2);font-size:13px}.category-stats-section .category-stat-item .label-value{color:var(--font-color-1);font-weight:600;font-size:15px}.category-stats-section .category-stat-item .icon-section img{width:35px;height:35px}.category-data-section .category-data-item{background-color:#222b3780;border:1px solid #1f2937;padding:.8rem;border-radius:10px;position:relative}.category-data-section .category-data-item .category-data-details{display:flex;align-items:start}.category-data-section .category-data-item .category-data-details .left-section{display:flex;align-items:start;gap:.7rem}.category-data-section .category-data-item .category-data-details .left-section .category-icon-div{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.category-data-section .category-data-item .category-data-details .left-section .category-icon-div img{scale:.8}.category-data-section .category-data-item .category-data-details .left-section .category-icon-div svg{scale:.8}.category-data-section .category-data-item .category-data-details .left-section .label-description-section .label{color:var(--font-color-1);font-weight:600}.category-data-section .category-data-item .category-data-details .left-section .label-description-section .description{color:var(--font-color-2);font-size:12px;overflow-wrap:wrap}.category-data-section .category-data-item .category-data-details .right-section{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;gap:.5rem}.category-data-section .category-data-item .category-data-details .right-section *{cursor:pointer}.category-data-section .category-data-item .category-data-percentage-container .header{padding:.6rem 0;display:flex;align-items:center;justify-content:space-between}.category-data-section .category-data-item .category-data-percentage-container .header .label{color:#b2b2b2ae}.category-data-section .category-data-item .category-data-percentage-container .header .value{color:#aeb3b7}.category-data-section .category-data-item .category-data-percentage-container .progress-container{height:.4rem;background-color:#1f2937;border-radius:.5rem;overflow:hidden}.category-data-section .category-data-item .category-data-percentage-container .progress-container .progress-fill{border-radius:.5rem;height:100%;transition:width .3s ease-in-out}.category-data-section .category-data-item .category-data-percentage-container .percentage-data-container{padding:.6rem 0 0;display:flex;align-items:center;justify-content:space-between}.category-data-section .category-data-item .category-data-percentage-container .percentage-data-container .percentage-label{color:#b2b2b2ae;font-size:12px}.category-data-section .category-data-item .category-data-percentage-container .percentage-data-container .percentage-value{font-weight:600}@media screen and (max-width: 800px){.right-side-content{justify-content:space-between;width:100%}}@media screen and (max-width: 650px){.right-side-content button{margin-left:auto}}.category-modal-container{width:30%;background-color:var(--modal-bg-color);border-radius:.2rem;position:relative}.category-modal-header{width:100%;padding:.2rem .3rem .1rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--layout-border-color);color:var(--primary-color);font-size:larger}.category-modal-body{padding:.6rem .8rem;overflow:auto;max-height:65dvh}.category-modal-footer{display:flex;align-items:center;justify-content:center;padding:.3rem .8rem .6rem}.sidebar-container{background-color:var(--card-bg);border-right:1px solid var(--layout-border-color);border-bottom:1px solid var(--layout-border-color);transition:width .3s ease-in-out;position:relative}.sidebar-open-close-btn-container{position:absolute;top:60px;right:-12px;border-radius:50%;width:23px;height:23px;border:2px solid var(--layout-border-color);background-color:#fff2}.sidebar-open-close-btn-container .MuiSvgIcon-root{width:19px;height:19px}.sidebar-header{padding:.8rem 0 .7rem;border-bottom:1px solid var(--layout-border-color)}.sidebar-header .sidebar-collapsed-logo{padding-left:.8rem}.sidebar-routes{padding:1rem 0rem}.sidebar-route-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;color:#fff;text-decoration:none;overflow:visible;cursor:pointer;transition:background-color .1s ease-in-out}.sidebar-route-item.active{background-color:#a1acc326}.sidebar-route-item .routename-style{transition:visibility .3s ease-in-out,opacity .25s ease-in-out}.sidebar-route-item .routename-style.hide{visibility:hidden;opacity:0}.sidebar-route-item .routename-style.show{visibility:visible;opacity:1}.logged-in-container{display:flex;width:100%;height:100dvh;transition:width .2s ease-in-out}.logged-in-container .layout-container{padding:1rem;overflow-y:auto}.bread-crumbs-container{padding:.4rem .6rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.4rem;color:var(--sub-heading-color)}.bread-crumbs-container .MuiBreadcrumbs-li,.bread-crumbs-container .MuiBreadcrumbs-separator{color:var(--font-color-1)}.more-details-header-section{padding:.5rem .6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.more-details-header-section .title-section .title{font-size:16px;font-weight:600}.more-details-header-section .title-section .trip-status{text-transform:capitalize;font-size:11px;letter-spacing:.5px;border-radius:1rem;padding:.1rem .3rem}.more-details-header-section .title-section .trip-status.active{color:#ea580c;border:1px solid #ea580c;background-color:#a3292d1a}.more-details-header-section .title-section .trip-status.settled{color:#219950;border:1px solid #219950;background-color:#1a20271a}.more-details-header-section .right-section{display:flex;align-items:center;gap:.7rem}.more-details-cards-section{padding:.4rem .6rem}.more-details-cards-section .card-item{background-color:var(--card-bg);padding:.5rem;border-radius:8px;border:1px solid var(--border-color)}.more-details-cards-section .card-item .card-header-section{display:flex;align-items:center;gap:.6rem}