:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0}a{font-weight:500;color:#2468fd;text-decoration:inherit}.member-lists{display:flex;flex-direction:column;margin-top:10px}.member-list{display:flex;justify-content:space-between}.member-list p{font-family:24px;font-weight:600}body{margin:0;padding:0;width:100vw;height:100%}input{width:90%;padding:17px;font-size:16px;border:1px solid #e7e4e4;border-radius:40px;background:none;margin-bottom:17px;outline:none}input::placeholder{color:#8a8a8a}.h2-size{font-size:38px;color:#585858;margin:0}button{width:100%;padding:16px;background-color:#15665d;color:#fff;border:none;cursor:pointer;border-radius:16px}p{font-size:18px;color:#585858}.label{display:flex;justify-content:flex-start}label{color:#585858;font-size:18px;font-weight:500}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (max-width: 768px){.nav-container{width:100%}.side-bar-content{width:100vw!important}.side-bar-container{width:50%!important}}.container{display:flex;background:#fff;width:100vw}.login-container{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10%}form{display:flex;flex-direction:column;width:80%!important;padding:0!important;position:relative}form input{background-color:#fff;color:#000}.eye-icon{position:absolute;top:60%;right:16%;transform:translateY(-50%);font-size:20px;color:gray}@media (max-width: 768px){.img{display:none}}.spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:40px;box-shadow:0 .5px 1px #20998c;height:4rem!important;background-color:#fff;position:fixed;width:82%}.nav-container h1{color:#20998c}.icons{width:200px;height:56px;display:flex;align-items:center;justify-content:space-between;color:#20998c}.d-flex{display:flex;align-items:center;justify-content:center;padding:10px 14px;cursor:pointer;border-radius:4px;margin-left:8px}.d-flex:hover,.open{background-color:#e1e1e1}.d-flex span{font-size:18px;font-weight:500;padding:0px 1rem}.user{display:flex;justify-content:center;align-items:center;border-radius:20px;padding:10px;width:40px;height:40px;background-color:#20998c;color:#fff}.sidebar-toggle{display:none;font-size:24px;background:none;border:none;color:#000;cursor:pointer;margin-right:16px}.drop-down{position:absolute;right:6px;top:60px;padding:1rem 5.01rem;cursor:pointer;background-color:#e1e1e1}.drop-down span{font-weight:600}@media (max-width: 768px){.sidebar-toggle{display:block}}.card{padding:2em}.read-the-docs{color:#888}.signup-container{display:flex;background:#fff;padding:2rem 0px}.form-section{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center}h2{font-size:30px;font-weight:700;margin-bottom:8px;color:#222}p{font-size:14px;color:#555;margin-bottom:15px}form{display:flex;flex-direction:column;width:80%!important;padding:0!important}.password{position:relative}.eye-ico{position:absolute;top:40%;right:16%;transform:translateY(-50%);font-size:20px;color:gray}button{width:90%;padding:16px;font-size:16px;font-weight:700;color:#fff;background-color:#0b544a;border:none;border-radius:40px;cursor:pointer;margin-top:10px}button:hover{background-color:#083d34}p a{color:#0b544a;text-decoration:none;font-weight:600}p a:hover{color:#00f;text-decoration:underline}.image-section{flex:1;display:flex;align-items:center;justify-content:center}.image-section img{max-width:100%;height:100vh;position:fixed;top:0;right:0}@media (max-width: 768px){.signup-container{flex-direction:column}.image-section{display:none}.form-section{padding:10px}form{width:100%}}.container{display:flex;height:100vh;background:#fff}.login-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10%}.mt-20px{margin-top:20px}.img{flex:1;display:flex;align-items:center;justify-content:center}.center-text{text-align:center;font-size:16px}.img img{max-width:100%;height:100vh;position:fixed;top:0;right:0}form{display:flex;flex-direction:column;width:100%;padding-left:50px}@media (max-width: 768px){.img{display:none}.login-container{padding:8%}form{padding-left:0}}.side-bar-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-bottom:5%;padding-top:1%;color:#99a7ad;position:fixed;top:0;left:0;width:18%;background-color:#fff;box-shadow:.5px 0 1px #20998c;height:100vh;z-index:999}.logo{margin-top:.4rem;display:flex;justify-content:center}.logo svg{fill:#20998c;width:100px}.bottom-section{width:100%;padding:12px 30px}.bottom-section a{padding:12px 30px;list-style:none;font-size:18px;font-weight:600;cursor:pointer;color:#99a7ad;transition:color .2s}.menu-list{margin-top:1.8rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.menu-list .li{padding:12px 30px;list-style:none;font-size:18px;font-weight:600;cursor:pointer;color:#99a7ad;transition:color .2s}.menu-list .li:hover,.bottom-section .li:hover,.li.active{color:#20998c}.sidebar-close{display:none;background:none;border:none;font-size:24px;color:#012618;position:absolute;top:36px;right:10px;cursor:pointer;z-index:100}.top-section{height:70vh}.span-logout{font-size:18px;font-weight:600;cursor:pointer}.span-logout:hover{color:#20998c}@media (max-width: 768px){.sidebar-close{display:block}}@media (max-width: 768px){.menu{flex-direction:column;margin-left:0%!important}}.sidebar{display:flex;width:18%;background-color:#271414;height:100vh}@media (max-width: 768px){.nav-container{width:100%}}@media (max-width: 768px){.body-containber{width:100%}}.navbar{margin-bottom:20px}.side-bar-content{color:#000;display:flex;flex-direction:column;padding:10px;margin-top:6rem;width:80vw}.group-content{display:flex;padding:10px;margin-top:6rem;width:80vw}.dashboard-cards{display:flex;gap:20px;margin-bottom:20px}.card{flex:1;padding:20px;border-radius:10px;color:#000;font-family:sans-serif}.total-expense{background-color:#e6fcf9}.amount-to-pay{background-color:#fff7e6}.total-contributed{background-color:#e6f0fc}.card h2{margin:10px 0 0}.group-button{display:flex;justify-content:flex-end;align-items:center}.create-group{background-color:#064f48;color:#fff;border:none;padding:9px 20px;border-radius:80px;font-size:16px;margin-bottom:20px;cursor:pointer;max-width:200px;align-self:flex-end;margin-right:10px}.dashboard-lists{display:flex;gap:20px}.d-group-list{background-color:#f9f9f9;width:50%;padding:20px;border-radius:10px}.d-group-item{display:flex;justify-content:space-between;margin:1rem 0px;border-bottom:.5px solid #ddd}.d-group-item:last-child{border-bottom:none}.group-list,.activity-list{background-color:#f9f9f9;width:50%;padding:20px;border-radius:10px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#333}.group-item,.activity-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ddd;font-size:14px}.group-item:last-child,.activity-item:last-child{border-bottom:none}.modal-backdrop{position:fixed;top:0;left:0;height:100%;width:100vw;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:7777777}.modal-clo{position:absolute;color:#000;top:20px;right:20px;cursor:pointer}.invite-modal{width:50%;background:#fff;padding:2rem;border-radius:10px;text-align:center;position:relative}._btn-acc-dec{display:flex;justify-content:center;gap:4rem;align-items:center;padding:1rem 0px}.decline{background-color:#fe6767;color:#fff;padding:.4rem 1.2rem;border-radius:4px;cursor:pointer}.accept{background-color:#15665d;color:#fff;padding:.4rem 1.2rem;border-radius:4px;cursor:pointer}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.dashboard-lists{flex-wrap:wrap}.d-group-list,.activity-list,.body-containber{width:100%}.invite-modal{width:90%}}.modal-close{position:absolute;top:1rem;right:1rem;font-size:22px;cursor:pointer;font-weight:700}.modal-form .input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#000}.user-tag{display:inline-flex;align-items:center;border-radius:20px;font-size:14px}.remove-btn{background:none;border:none;font-size:16px;margin-left:8px;cursor:pointer;color:#fa2020}.remove-btn :hover{background:none!important}.input-send-wrapper{display:flex;gap:8px}.body-content{color:#000;display:flex;flex-direction:column;padding:10px;margin-top:6rem;width:80vw}.item-list{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c5c5c5;padding:20px 0;color:#000;gap:10%}.menu{display:flex;background-color:#fff;height:100vh;position:relative;margin-left:18%}.sidebar{display:flex;width:18%;background-color:#f8f8f8}.body-containber{width:82%;position:relative}.group-content{display:flex;justify-content:space-between;margin-top:6rem;width:80vw}.map-data{display:flex;flex-direction:column;justify-content:flex-start;width:25%;height:100vh;padding:0px 1.5rem;border-right:1px solid rgb(175,255,208)}.group-data{transition:background-color .3s ease}.group-data.active{background-color:#fffde8;border-radius:6px}.map-data .group-data h2{font-size:20px;padding:5%}.group-details{width:75%;padding:0 5%}.create-btn{border-radius:16px!important}@media (max-width: 768px){.body-containber{width:100%}.group-content{flex-wrap:wrap;width:100vw}.map-data{width:100vw;height:100%;border-bottom:1px solid rgb(175,255,208);border-right:none}.group-details{width:100%;padding:0 2%}}.link{margin-right:5%}.link.active{border-bottom:2px solid}.tabs{display:flex;align-items:center;justify-content:flex-start}.active-tab{color:#133cf1;font-weight:700;background-color:#e6e6e6;padding:.8rem 2rem;border-radius:.4rem;cursor:pointer}.tab{color:#000;font-weight:700;background-color:none;padding:.8rem 2rem;border:none;cursor:pointer}.group-description{font-size:22px!important;font-weight:500;padding-bottom:1.4rem}.member-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.member-list{display:flex;justify-content:space-between;align-items:center;padding-right:20px;border-bottom:1px solid #d2d2d2;margin:10px 0}.name{font-size:18px}.status{font-size:16px}.selected-users{color:#000}.expense-container{padding:20px 0}.expense{display:flex;justify-content:space-between}.custon-split{display:flex;align-items:center;padding:.4rem 1rem;color:#000;font-weight:500;background-color:#15665d33;border-radius:8px;margin-top:1.2rem;cursor:pointer}.custon-split:hover{background-color:#15665d;color:#fff}.total-expenses p{font-weight:600;margin-bottom:0}h3{margin-top:0;color:#000;font-size:24px}.expense-list{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d2d2d2}.left-side span,.right-side span{color:#333;font-weight:500}.left-side p{font-size:18px;font-weight:600}.items{margin-top:15px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto}.modal-container{background-color:#fff;width:600px;max-width:95%;padding:2rem;border-radius:8px;position:relative;box-shadow:0 4px 20px #0003;max-height:95vh}.modal-close{position:absolute;top:1rem;right:1rem;font-size:22px;cursor:pointer;font-weight:700;color:#000}.modal-title{font-size:20px;margin-bottom:1.5rem;color:#0d1b2a}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form label{font-weight:700;color:#0d1b2a;margin-bottom:4px}.modal-form .input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;background:#eee9e9;font-size:14px;color:#000}.optional{font-weight:400;color:gray;font-size:14px;margin-left:5px}.required{color:red;margin-left:4px}.char-limit{font-size:12px;color:gray;margin-top:-10px;margin-bottom:10px}.info-text{font-size:14px;color:#0e0a0a;margin-top:-10px;margin-bottom:-4px}.input-send-wrapper{margin-top:10px;display:flex;align-items:center;justify-content:center;border-radius:8px;height:40px;border:.5px solid hsla(0,0%,87%,.858);overflow:hidden}.input-send-wrapper input{height:100%;margin-bottom:0!important;outline:none;border:none}.send-btn{background-color:#e6f0ec;color:#000;border:none;padding:10px 16px;border-radius:4px;font-size:14px;cursor:pointer;width:100px;height:100%;margin-top:0!important}.create-btn{background-color:#136b5a;color:#fff;padding:12px;border:none;border-radius:8px;font-weight:700;font-size:16px;margin-top:1.5rem;cursor:pointer}.send-btn:hover{color:#fff!important}.balance-heading,.balance-list{display:flex;justify-content:space-between;align-items:center}.py-20{padding:20px 0}.py-10{padding:5px 0}.my{margin:10px 0}.bd{border-bottom:1px solid #d2d2d2}.__btn{max-width:150px;padding:12px 8px;color:#15665d;background-color:#15665d33;font-size:16px}.__btn:hover{color:#fff}.__h2{font-size:20px}.name{font-weight:500;font-size:18px;color:#000}.amount{font-weight:500;color:#000}h5{color:#000}.group-item{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:background .2s;margin-top:1rem}.group-item:hover{background-color:#f5f5f5}.group-item.selected{background-color:#fff584;color:#000}.group-name{font-weight:700;margin:0}.group-description{font-size:.9rem;color:#555;margin:4px 0}.group-owner{font-size:.75rem;color:#999}.font{font-size:18px}.menu{display:flex;background-color:#fff}.sidebar{display:flex;width:18%;background-color:#f8f8f8;height:100vh}.body-containber{width:82%}