.loginSignup{display:flex}.loginImage{width:50%;height:100vh;background-image:url(/assets/bg2-BAkreO2a.jpg);background-size:cover;display:flex;align-items:center;color:#fff;font-size:2.5em;padding:100px;position:relative}.loginImage>h1,h2{z-index:1}.loginImage:after{margin-left:-100px;position:absolute;content:"";height:100%;width:100%;background-color:#000;z-index:0;mix-blend-mode:soft-light}.loginImage:before{margin-left:-100px;position:absolute;content:"";height:100%;width:100%;background-color:#000;z-index:0;opacity:.2}.loginFormCont{width:50%;background-color:#eee;padding:70px;height:100vh;overflow-y:scroll;display:flex;flex-direction:column}.loginFormCont>h1{font-size:3em}.loginFormCont>p{margin-top:20px;color:gray}.signupForm{display:flex;flex-direction:column;margin-top:50px}.signupForm>.formRow{display:flex;width:100%;gap:40px}.signupForm>.formRow:not(:nth-of-type(1)){margin-top:30px}.formRow>.formControl{display:flex;flex-direction:column;flex-grow:1}.formControl>label{color:gray;margin-bottom:10px}.formControl>input,.formControl>select{height:50px;width:100%;background-color:transparent;border:2px solid rgb(182,182,182);outline:0px solid;padding:0 20px;font-size:1em;border-radius:5px}.formFooter{margin:20px 0;display:flex;justify-content:space-between}.signupForm>button{height:50px;background-color:#9600ec;border:0px solid;color:#fff;font-size:1em;border-radius:5px;transition-duration:.2s}.signupForm>button:disabled{background-color:var(--dark1)}.remember>input{border:0px solid}.remember>label{margin-left:10px}.error{color:#ef003c;margin-bottom:5px}.signupSuccess{position:absolute;top:0;left:0;height:100vh;width:100vw;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;color:#00b400}.signupSuccess>div{height:300px;width:600px;background-color:#f6f6f6;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 50px #000}.rm>input{margin-right:10px}.userFriends{display:flex;flex-direction:column;gap:20px}.userFriendsTag{margin-top:20px;margin-bottom:20px}.userFriend{background-color:var(--sec1);border:1px solid var(--sec3);border-radius:20px;padding:20px;display:flex;align-items:center}.userFriendImage{height:60px;aspect-ratio:1;background-color:teal;border-radius:100px;margin-right:20px}.userFriendImage img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.userFriend>h3:nth-of-type(2){margin-left:auto;font-style:italic}.userFriend>.buttons{margin-left:auto;display:flex;gap:10px}.userFriend>.buttons>button{padding:8px 20px;border:0px solid;border-radius:8px;font-weight:500}.userFriend>.buttons>button.accept{background-color:var(--greena);color:var(--green1)}.userFriend>.buttons>button.reject{background-color:var(--reda);color:var(--red1)}.addFriends{display:flex;flex-direction:column}.addFriends>form{margin:10px 0}.addFriends>form>input{background-color:var(--sec1);border:1px solid var(--dark1);border-radius:5px;outline:0px solid;height:35px;width:400px;padding:10px;margin-right:20px}.addFriends>form>button{height:35px;padding:0 20px;border:0px solid;border-radius:5px;background-color:var(--green1);color:var(--sec1)}.vaah{font-family:600;color:var(--green1)}.tripcu{width:100%;background-color:var(--sec1);border-radius:15px;padding:20px;display:flex;justify-content:space-between;margin-top:20px;border:1px solid var(--sep)}.tripInfoTotal{margin-top:10px;width:100%}.tripInfoTotal .friend{display:flex;justify-content:space-between;gap:50px;padding:4px 0;border-bottom:1px solid var(--sec3)}.tripInfoTotal .friend:nth-of-type(1){border-top:1px solid var(--sec3)}.inflow{color:var(--red1)}.outflow{color:var(--green1)}.tripActions{display:flex;flex-wrap:wrap;justify-content:flex-end;width:50%;height:100%;gap:10px}.tripAction{flex-basis:45%;flex-grow:1;display:flex;align-items:center;padding:1vw;border-radius:13px;text-decoration:none;cursor:pointer;transition-duration:.2s}.tripAction:hover{transform:translateY(-3px)}.actionblue{background-color:var(--bluea);color:var(--blue1)}.actionyellow{background-color:var(--yellowa);color:var(--yellow2)}.actionred{background-color:var(--reda);color:var(--red1)}.actiongreen{background-color:var(--greena);color:var(--green1)}.tripButton{height:auto;aspect-ratio:1;padding:10px;border:2px dashed;border-radius:13px;font-size:1.3em;margin-right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:.2s}.tripButton:hover{filter:brightness(90%)}.tripTransactions{position:relative;display:flex;flex-direction:column;gap:40px;margin-top:40px}.tripTransactionSection{width:100%;display:flex;flex-direction:column}.tripTransactionSectionHeader{width:100%;display:flex;align-items:center;padding:0 10px}.tripTransactionSectionHeader>div{display:flex;align-items:flex-end;margin-left:auto;gap:40px;color:var(--dark1)}.tripTransaction{display:flex;align-items:center;width:100%;background-color:var(--sec1);padding:20px;border-radius:15px;margin-top:20px;border:1px solid var(--sep)}.tripTransactionInfo h3{margin-bottom:10px}.tripTransactionIcon{height:80px;aspect-ratio:1;border-radius:10px;margin-right:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.tripTransactionDate{color:var(--dark1)}.tripTransactionAmount{margin-left:auto;margin-right:40px;text-align:right}.tripTransactionAmount p{color:var(--dark1)}.tripTransactionIcons{height:100%;display:flex;align-items:center;gap:10px}.tripTransactionIcons>div{cursor:pointer;height:40px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.3em;border-radius:10px}.tripTransactionIcons>div.delete{color:var(--red1);background-color:var(--reda)}.tripTransactionIcons>div.delete:hover{animation:shake .7s}.tripTransactionIcons>div.bookmark{color:var(--blue1);background-color:var(--bluea)}.tripTransactionIcons>div.bookmark:hover{animation:bookmark .5s;animation-timing-function:ease-in}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-1px,0,0)}40%,60%{transform:translate3d(1px,0,0)}}@keyframes bookmark{50%{transform:translateY(-6px)}70%{transform:translateY(0)}85%{transform:translateY(-3px)}to{transform:translateY(0)}}.totalCell{padding:10px 20px;text-align:center}.totals{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--sec1);padding:30px 60px;border-radius:20px;box-shadow:0 0 30px #0000001a}.totalsTable{margin-top:40px}.totalTable{width:100%}.totalTableHead{width:100%;display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid var(--dark1);border-bottom:1px solid var(--dark1)}.totalTableTxs{display:flex;flex-direction:column;gap:5px;padding:5px 0}.totalTableTx{width:100%;display:flex;justify-content:space-between;padding-left:10px;color:var(--dark3)}.pendingDuesFriends{background-color:var(--sec1);border-radius:20px;padding:20px 100px 20px 20px;border:1px solid hsl(0,0%,85%);min-width:260px}.pendingDuesFriends>.friends{display:flex;flex-direction:column;gap:20px;margin-top:20px}.friend{display:flex;align-items:center}.friend>.friendimg{min-width:50px;height:50px;aspect-ratio:1;background-color:teal;border-radius:100px;margin-right:10px;overflow:hidden}.friend>div>p{color:var(--dark1);font-size:.9em}.friendimg img{height:100%;width:100%;object-fit:cover}.userActivity{background-color:var(--sec1);border-radius:20px;padding:20px;border:1px solid hsl(0,0%,85%);flex-grow:1;display:flex;flex-direction:column}.userActivity>.activities{width:100%;flex-grow:1}.activities>.activity{background-color:var(--blue2);color:var(--sec1);display:flex;align-items:center;padding:10px 15px;border-radius:7px;flex-grow:1;margin-top:10px;gap:20px}.activity>p{font-size:.9em}.activity>p:nth-of-type(2){width:180px;text-align:right;margin-left:auto}.welcome1{background-color:#0086e6;color:var(--sec1);padding:50px 40px;border-radius:20px}.welcome1>h1{margin-bottom:5px}.welcome1>.buttons{display:flex;gap:10px;margin-top:30px}.welcome1>.buttons>button{font-family:Cabin;padding:8px 20px;background-color:transparent;border:2px solid var(--sec1);color:var(--sec1);font-weight:600}.welcome1>.buttons>button:hover{background-color:var(--sec1);color:#0086e6}.home{display:flex;flex-direction:column;gap:20px}.home>div.row{display:flex;gap:20px}.main{display:flex;min-height:100vh;transition-duration:.2s}.mainContent{flex-grow:1;background-color:var(--sec2);display:flex;flex-direction:column}.content{padding:0 40px 40px}.sidebar{width:20vw;min-width:350px;background-color:var(--sec1);border-left:1px solid hsl(0,0%,85%);display:flex;flex-direction:column;align-items:center;padding:40px;color:var(--dark2)}.sidebarContainer{width:100%;display:flex;flex-direction:column;align-items:center}.sidebarProfile{width:100%;display:flex;align-items:center}.sidebarProfile div p{color:var(--dark1)}.sidebarProfilePic{margin-left:auto;width:45px;aspect-ratio:1;border-radius:8px}.sidebarProfilePic img{width:100%;height:100%;border-radius:8px;object-fit:cover}.sidebarCategory{width:100%}.sidebarCategory:not(:nth-of-type(1)){margin-top:40px}.sidebarCategoryTitle{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebarCategoryTitle>.addButton{height:35px;aspect-ratio:1;border:2px dashed var(--sec3);border-radius:8px;color:var(--sec3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:1000;cursor:pointer;transition-duration:.1s}.sidebarCategoryTitle>.addButton:hover{filter:brightness(90%)}.sidebarCategoryItems{margin-top:40px}.sidebarCategoryItem{display:flex;cursor:pointer;position:relative;align-items:center}.sidebarCategoryItem:hover>.sidebarCategoryItemDeleteIcon{display:flex;align-items:center;justify-content:center}.sidebarCategoryItem:not(:nth-of-type(1)){margin-top:30px}.sidebarCategoryItemIcon{position:relative;height:45px;aspect-ratio:1;border-radius:8px;background-color:var(--bluea);color:var(--blue1);margin-right:20px;box-shadow:0 3px 2px #a3a3a34d;font-size:2rem;display:flex;align-items:center;justify-content:center}.sidebarCategoryItemDeleteIcon{height:35px;aspect-ratio:1;color:var(--sec3);margin-left:auto;display:flex;align-items:center;justify-content:center;transition-duration:.1s}.sidebarCategoryItemDeleteIcon:hover{color:var(--red1)}.sidebarCategoryItem>div{display:flex;flex-direction:column;justify-content:space-evenly}.sidebarCategoryItem>div>h4:nth-of-type(1){color:var(--dark2);font-weight:800}.sidebarCategoryItem>div>h5{color:var(--dark1);font-weight:600}.sidebarCategoryItem:hover:before{content:"";position:absolute;background-color:var(--blue2);height:10px;aspect-ratio:1;border-radius:50px;left:-25px;top:50%;transform:translateY(-50%);transition-duration:.2s}.activeSidebarItem:after{content:"";position:absolute;background-color:var(--red2);height:10px;aspect-ratio:1;border-radius:50px;left:-25px;top:50%;transform:translateY(-50%);transition-duration:.2s}.sidebarContainer>.seperator{width:100%;background-color:var(--sec2);height:2px;border:0px solid;margin:20px 0}.logout{border:0px solid;background-color:transparent;color:var(--red1);border-radius:8px}.topbar{color:var(--dark1);padding:30px 40px;display:flex;align-items:center}.topbar>.logo{height:30px;width:60px;background-color:teal;margin-right:10px;border-radius:5px}.topbar>h2{color:var(--dark2)}.topbarMenu{display:flex;margin-left:auto;gap:70px}.topbarMenuButton{font-weight:600;cursor:pointer;transition-duration:.1s}.topbarMenuButton:hover{color:var(--dark2)}*{margin:0;padding:0;font-family:Cabin,sans-serif;letter-spacing:.4pt;box-sizing:border-box}:root{--primary: #9600ec;--sec1: #F9FAFC;--sec2: hsl(231, 33%, 94%);--sec3: hsl(231, 33%, 80%);--dark1: #8D95A8;--dark2: hsl(240, 15%, 10%);--dark3: hsl(240, 10%, 28%);--blue1: #0086E6;--blue2: #625FFF;--blue3: #7300e6;--bluea: #c9e9ff;--red1: #ff0040;--red2: #ff007b;--red3: #ff13b0;--reda: #ffc4d2;--yellow1: #ffd500;--yellow2: #faaf00;--yellow3: #e5ff00;--yellowa: #fff1ac;--green1: #00b818;--green2: #00de73;--green3: #3de400;--greena: #c4ffcc;--sep: hsl(0, 0%, 85%)}body{color:var(--dark2)}button{cursor:pointer;transition-duration:.2s}a{color:var(--blue1);text-decoration:underline;text-decoration-thickness:2px;transition-duration:.2s}a:hover{color:var(--blue3)}.shake:hover{animation:shake .7s;animation-timing-function:ease-in-out}.pop:hover{animation:bookmark .5s;animation-timing-function:ease-in}.formContainer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;-webkit-backdrop-filter:blur(2px) brightness(80%);backdrop-filter:blur(2px) brightness(80%);display:flex;align-items:center;justify-content:center}.formContainer form{position:relative;width:40%;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:var(--sec1);padding:40px 3vw;box-shadow:0 0 20px #0000001a}.formContainer form>div:nth-of-type(1){display:flex;flex-direction:column;align-items:center}.formContainer .formGroup{width:100%;display:flex;flex-direction:column}.formGroup label{color:var(--dark1);margin-bottom:5px}.formGroup input{background-color:var(--sec2);border:0px solid;outline:1px solid var(--sec3);padding:10px}.formContainer button{width:100%;padding:12px;font-size:1rem;border:0px solid;background-color:var(--bluea);color:var(--blue1)}.formContainer button:hover{filter:brightness(96%)}.formGroup .financers{width:100%;display:flex;flex-wrap:wrap;gap:10px}.formGroup .financers .financer{min-width:fit-content;flex-grow:1;background-color:var(--yellowa);color:var(--yellow2);border:1px solid var(--yellow1);border-radius:3px;text-align:center;padding:10px 15px;cursor:pointer}.formGroup .financers .selected{border:1px solid var(--blue1);background-color:var(--bluea);color:var(--blue1)}.financer:hover{filter:brightness(96%)}.formContainer form .closeForm{color:var(--red1);position:absolute;right:20px;top:20px;cursor:pointer}.formGroup .friendInvite{width:100%;display:flex;justify-content:space-between;padding:20px;border:1px solid var(--sec3)}.formGroup .friendInvite button{width:fit-content}.loader{position:absolute;top:0;height:100%;width:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center}.profile{width:100%;background-color:var(--sec1);border-radius:15px;border:1px solid var(--sep);padding:1.5vw;display:flex;align-items:center;gap:2vw}.profile .profileImage{height:100%;min-width:250px;aspect-ratio:1;border-radius:10px;background-color:teal;overflow:hidden}.profileImage img{width:100%;height:100%}.profileInfo{display:flex;flex-direction:column;gap:10px}.profileInfo table tr td{padding:5px 0;text-align:justify}.profileInfo table tr td:nth-of-type(1){width:70px;display:flex}.landing{background:linear-gradient(180deg,#d182ff,#fff);width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.landing h1{font-size:4rem}.landing p{width:60ch}.landing .btngroup{margin-top:20px;display:flex;justify-content:center;gap:30px}.landing .btngroup button{padding:15px 40px;border:0px solid;color:var(--sec1);font-weight:300;font-size:1rem;font-family:Cabin,sans-serif;background-color:var(--primary);border-radius:10px}.landing .btngroup button:hover{scale:1.03}