@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--black: #000000;--white: #ffffff;--transparent: #00000000;--text-primary: #292929;--text-secondary: #979797;--gray-light: #ebebeb;--gray-background: #f4f6f6;--primary: #14684e;--secondary: #68142f;--accent: #b12351;--error: #ff1111;--success: #057e05;--highlight: #ffdd00;--nav-height: 80px;--padding-h: 2rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{font-family:Montserrat,sans-serif;margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}section{background-color:var(--gray-background)}.cospender-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.cospender-loading-wrapper{width:150px;height:150px}.cospender-login-page-section{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--white)}.login-container{display:flex;background-color:var(--white);width:50%;height:100vh;flex-direction:column;justify-content:center;align-items:center}.login-mobile-section{display:flex;width:50%;height:100vh;gap:1rem;background-color:var(--gray-light);flex-direction:column;justify-content:center;align-items:center}.login-mobile-section img:first-child{width:20rem}.login-mobile-section img:last-child{height:5.5rem;cursor:pointer;transition:all .3s ease-in-out}.login-mobile-section img:last-child:hover{transform:scale(1.05)}.cospender-login-page-section .cospender-logo{height:10rem}.cospender-login-page-section h1{text-transform:uppercase;color:var(--primary)}.login-with-google-btn{margin-top:1.5rem;display:flex;padding:1rem;border:none;border-radius:500rem;cursor:pointer;background-color:var(--gray-background);gap:.5rem;justify-content:center;align-items:center;transition:all .3s ease-in-out}#or{margin-top:1rem}.login-with-phone-btn{margin-top:1rem;display:flex;padding:1rem;border:none;border-radius:500rem;cursor:pointer;background-color:var(--accent);gap:.5rem;justify-content:center;align-items:center;color:var(--white);transition:all .3s ease-in-out}.login-with-google-btn:hover{background-color:var(--gray-light)}.login-with-google-btn span{font-size:.9rem}.login-with-google-btn img,.login-with-phone-btn img{height:1.5rem}.cospender-dashboard-section-container{min-height:100vh;position:relative}.cospender-dashboard-header-container{height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;padding:0rem var(--padding-h)}.cospender-dashboard-header-profile{display:flex;justify-content:center;align-items:center}.cospender-dashboard-header-profile img{height:calc(var(--nav-height) - 2rem);width:calc(var(--nav-height) - 2rem);border-radius:500rem}.cospender-dashboard-header-profile-name{display:flex;flex-direction:column;margin-left:.5rem}.cospender-dashboard-header-profile-name h4{color:var(--text-primary);font-size:1.1rem}.cospender-dashboard-header-profile-name span{color:var(--text-primary);font-size:.9rem}.cospender-dashboard-header-logout{display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--accent);padding:.5rem;border-radius:.5rem;cursor:pointer;border:.1rem solid var(--accent)}.cospender-dashboard-header-logout span{font-size:1rem;font-weight:500}.cospender-dashboard-groups-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:2rem}.cospender-groups-title{color:var(--accent);margin-top:1rem;text-align:center;text-transform:uppercase}.cospender-dashboard-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:var(--padding-h);justify-content:start;align-items:stretch;width:100%}.cospender-group-card-container{width:100%;padding:2rem 0rem;background-color:var(--white);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.cospender-group-card-container img{width:5rem}.cospender-group-card-container h1{font-size:1.5rem;margin-top:1rem;padding:0rem 2rem}.cospender-group-card-container p{font-size:1rem;padding:0rem 2rem}.view-h{height:.05rem;margin-top:1rem;opacity:.1;width:100%;background-color:var(--text-primary)}.cospender-group-card-creator-and-peers{width:100%;display:flex;padding:0rem 2rem;margin-top:1rem;justify-content:space-between;align-items:center}.cospender-group-card-creator{display:flex;flex-direction:column;font-size:.8rem}.cospender-group-card-creator span:first-child{color:var(--accent)}.cospender-group-card-peers{font-size:.8rem}.cospender-empty-state{width:100%;text-align:center;margin-top:5rem}.cospender-new-group-floating{padding:1rem;background-color:var(--accent);position:absolute;bottom:0;right:0;margin:var(--padding-h);border-radius:500rem;border:none;display:flex;justify-content:center;align-items:center;color:var(--white);cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-container{background:var(--white);border-radius:.7rem;padding:2rem;width:100%;max-height:90vh;overflow-y:scroll;max-width:420px;position:relative}.modal-container h2{color:var(--accent);margin-top:2rem}.modal-close{position:absolute;top:2rem;right:2rem;background:none;border:none;cursor:pointer}.modal-container form{display:flex;margin-top:2rem;flex-direction:column;gap:1rem}.modal-container form button{background-color:var(--accent);color:var(--white);padding:.8rem 1rem;border:none;margin-top:1rem;border-radius:.5rem;cursor:pointer}.modal-form-input-container{display:flex;gap:.5rem;flex-direction:column;position:relative}.modal-form-input-container label{font-size:.8rem;display:flex;align-items:center;gap:.5rem}.modal-form-input-container label span{color:var(--error)}.modal-form-input-container input,.modal-form-input-container select{padding:.9rem 1rem;border:.05rem solid var(--gray-light);border-radius:.4rem}.modal-form-select-container:after{content:"▾";position:absolute;right:1rem;top:48%;pointer-events:none;font-size:1.5rem}.modal-form-input-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem}.avatar-selector-container{width:100%;display:flex;gap:1rem;overflow:scroll}.avatar-container img{width:4.5rem;height:4.5rem}.avatar-container:first-child img{border:none;border-radius:500rem}.avatar-container{border-radius:.5rem;padding:.5rem;width:fit-content;cursor:pointer;transition:all .3s ease-in-out}.avatar-container:hover{background-color:var(--gray-light)}.avatar-container-selected{border:.05rem solid var(--success)}.group-created-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.success{margin-top:1rem}.group-created-message{margin-top:1rem;text-align:center}.group-created-link-container{display:flex;margin-top:2rem;width:100%;justify-content:space-between;align-items:center}.group-created-link{display:flex;width:100%;align-items:flex-start;flex-direction:column}.group-created-link label{color:var(--accent);text-transform:uppercase}.copy-link{background-color:var(--primary);padding:.5rem;color:var(--white);border:none;cursor:pointer;border-radius:.5rem}.group-created-link span{color:var(--primary);font-size:.9rem;cursor:pointer;-webkit-user-select:all;user-select:all;word-break:break-all}.cospender-not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-background);padding:2rem}.cospender-not-found-card{text-align:center;background:var(--white);padding:3rem 4rem;border-radius:1rem;box-shadow:0 .5rem 2rem #00000014;max-width:40rem;width:100%}.cospender-not-found-code{font-size:6rem;font-weight:700;margin:0;color:var(--accent)}.cospender-not-found-title{font-size:2rem;margin:1rem 0;color:var(--text-primary)}.cospender-not-found-description{font-size:1rem;margin-bottom:2rem;color:#64748b;line-height:1.6}.cospender-not-found-button{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:.5rem;background:var(--accent);color:var(--white);cursor:pointer;transition:all .2s ease-in-out}.cospender-not-found-button:hover{background:var(--secondary);transform:translateY(-.1rem)}.cospender-expenses-container{min-height:100vh;position:relative;overflow:hidden;background-color:var(--gray-background)}.not-rounded-image{border-radius:0rem!important}.group-totals-container{display:flex;justify-content:center;align-items:center;gap:1rem}.group-total-container{display:flex;flex-direction:column;padding:.5rem;border-radius:.5rem;border:solid .02rem var(--gray-light)}.group-total-container span:first-child{font-size:.8rem;color:var(--accent);font-weight:500}.group-total-container span:last-child{font-size:1rem;font-weight:600}.group-total-container{display:flex;flex-direction:column}.cospender-expenses-month-pager-container{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0}.cospender-month-pager-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .2s ease-in-out}.cospender-month-pager-btn:disabled{color:#94a3b8;cursor:not-allowed}.cospender-month-pager-btn:hover:not(:disabled){transform:scale(1.1)}.cospender-month-pager-label{font-size:1.25rem;font-weight:500;color:var(--text-primary);min-width:10rem;text-align:center}.border-bottom{border-bottom:.1rem solid var(--gray-light);margin-bottom:0rem}.cospender-expenses-grid-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:1rem var(--padding-h);justify-content:start;align-items:stretch;width:100%}.cospender-expense-card-container{width:100%;padding:1rem;background-color:var(--white);border-radius:1rem;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative}.cospender-expense-card-container img{width:3.5rem}.cospender-expense-info-container{display:flex;flex-direction:column;margin-left:1rem;width:100%}.cospender-expense-info-container h1{font-size:1.5rem;text-transform:capitalize}.category{top:0;right:0;width:fit-content;margin-top:1rem;color:var(--white);border:none;font-size:.7rem;border-radius:500rem;padding:.2rem .8rem}.amount{position:absolute;bottom:0;right:0;margin:1rem;font-weight:600;color:var(--accent)}.pagination-container{gap:2rem;margin-top:1rem;display:flex;justify-content:center;align-items:center}.pagination-container button{display:flex;justify-content:center;align-items:center;background-color:var(--accent);border:none;border-radius:500rem;color:var(--white);cursor:pointer;transition:opacity .2s ease}.pagination-container button:first-child{padding:.4rem 1.2rem .4rem .7rem}.pagination-container button:last-child{padding:.4rem .7rem .4rem 1.2rem}.pagination-container button:disabled{opacity:.4;cursor:not-allowed}.pagination-container button:not(:disabled):hover{opacity:.9}.cospender-expenses-filter-container{width:100%;display:flex;gap:1rem;margin-top:1rem;justify-content:center;align-items:center;padding:0rem var(--padding-h) 1rem var(--padding-h)}.cospender-expenses-search-filter{background-color:var(--white);padding:.5rem;height:2.5rem;gap:.5rem;width:100%;border:none;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.cospender-expenses-search-filter input{width:100%;height:100%;border:none}.cospender-expenses-search-filter input:focus{outline:none;border:none;box-shadow:none}.cospender-expenses-search-icon{color:#057e05}.cospender-expenses-category-filter{background-color:var(--white);padding:.5rem;gap:.5rem;height:2.5rem;width:100%;border:none;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.cospender-expenses-category-filter select{width:100%;border:none}.cospender-empty-data{height:30rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.cospender-empty-data img{width:10rem}.cospender-expenses-menu-icon{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;padding:.2rem;border:none;border-radius:.2rem;cursor:pointer;transition:all .3s ease-in-out}.cospender-expenses-menu-icon:hover{background-color:var(--gray-light)}.cospender-expenses-menu-container{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:flex-end;align-items:flex-start;background:#00000080;transition:opacity .3s ease-in-out;cursor:pointer}.cospender-expenses-menu-inner-container{width:30rem;height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column;background-color:var(--accent);transition:transform .3s ease-in-out}.cospender-expenses-menu-inner-hidden{transform:translate(100%)}.cospender-expenses-menu-inner-visible{transform:translate(0)}.cospender-expenses-menu-container-hidden{opacity:0;pointer-events:none}.cospender-expenses-menu-container-visible{opacity:1}.close-menu-bg{width:10rem;height:10rem;background-color:var(--secondary);border:none;border-radius:50%;position:absolute;top:-5rem;left:-5rem}.close-menu{top:1rem;left:1rem;position:absolute;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;padding:.2rem;border:none;border-radius:.2rem;cursor:pointer;color:var(--white);transition:all .3s ease-in-out;background-color:var(--secondary)}.close-menu:hover{transform:scale(1.2)}.menu-container{margin-top:7rem;margin-left:2rem;display:flex;width:100%;align-items:flex-start;flex-direction:column}.menu-item-container{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem .5rem .4rem;color:var(--white);cursor:pointer;border:none;border-radius:.2rem}.meny-category{text-transform:uppercase;font-weight:600;color:var(--secondary);font-size:1.2rem;margin-bottom:.5rem}.meny-category:not(:first-child){margin-top:2rem}.menu-separator{width:100%;height:.02rem;margin-top:.5rem;margin-bottom:.5rem;background-color:#fff5}.menu-item-container:hover{background-color:var(--secondary);transition:all .3s ease-in-out}.menu-item-container span{transition:all .3s ease-in-out}.menu-item-container:hover>span{margin-left:.2rem}.cospender-expense-splitter-container{display:flex;flex-direction:column}.split-types-container{display:flex;justify-content:center;align-content:center;padding:1rem;gap:.5rem;margin-top:.5rem;border-radius:.5rem;border:.02rem solid var(--gray-light)}.split-types-container label{width:100%;gap:.2rem;display:flex;justify-content:flex-start;align-content:center}.cospender-expense-splitter-equally-container{padding:01rem;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;border-radius:.5rem;border:.02rem solid var(--gray-light)}.cospender-expense-splitter-item{display:flex;justify-content:flex-start;align-items:center}.cospender-expense-splitter-item span{width:100%;font-size:.8rem}.cospender-expense-splitter-item span:first-child{text-transform:capitalize}.cospender-expense-splitter-item span:last-child{text-align:end}.cospender-expense-splitter-item input{width:100%;padding:.3rem;text-align:center}.w-90{width:90vw!important;max-width:none;overflow-x:scroll;background-color:var(--gray-background)!important}.h-90{height:90vh;overflow-y:scroll}.cospender-balances-container{margin-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.max-width-none{max-width:none;width:fit-content;min-width:480px}.cospender-balance-card{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.7rem;border-radius:.5rem;cursor:pointer;border:solid .02rem var(--gray-light);transition:all .3s ease-in-out}.balance-user{display:flex;justify-content:center;width:fit-content;padding:.5rem;border-radius:.5rem;align-items:center;border:solid .02rem var(--gray-light)}.balance-user img{width:2.5rem;height:2.5rem;border:none;border-radius:500rem}.balance-user span{text-transform:capitalize;margin-left:.3rem;font-size:.9rem}.should-pay{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem}.should-pay span{font-size:.8rem}.should-pay label{font-weight:600;font-size:1rem;color:var(--accent)}.cospender-balance-card-container{display:flex;gap:.5rem;flex-direction:column}.cospender-balance-card-container button{width:fit-content;align-self:self-end;padding:.5rem 01rem;background-color:var(--success);color:var(--white);border:none;border-radius:.3rem;cursor:pointer}.my-popup{background-color:var(--gray-background)!important;border-radius:16px}.my-title{color:var(--accent);font-size:20px}.my-confirm-btn{background-color:var(--success)!important;color:#fff!important}.my-cancel-btn{background-color:var(--error)!important;color:#fff!important}.payment-card{border:.02rem solid var(--gray-light)}.payment-card-info h1{font-size:1rem}.from,.to{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.from span:last-child,.to span:last-child{color:var(--accent);text-transform:capitalize}.payment-date{margin-bottom:.5rem}.payment-amount{font-weight:600;margin-top:.5rem;color:var(--success)}.payment-card-info button{width:fit-content;padding:.5rem 1rem;cursor:pointer;margin-top:.7rem;background-color:var(--accent);color:var(--white);border:none;border-radius:500rem}.expense-actions{cursor:pointer;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border:none;border-radius:.2rem;transition:all .3s ease-in-out}.delete-expense{color:var(--accent)}.edit-expense{color:var(--primary)}.expense-actions:hover{background-color:var(--gray-light)}.expense-actions-container{position:absolute;right:1rem;top:1rem;display:flex;justify-content:center;align-items:center;gap:.2rem}.group-members-container{margin-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.group-member-card{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;border:.02rem solid var(--gray-light);padding:1rem;border-radius:.5rem}.group-member-card img{width:5rem;height:5rem;border:none;border-radius:500rem}.group-member-card h1{margin-top:.5rem;font-size:1.1rem;text-transform:capitalize}.admin-selector-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.admin-selector-card img{width:2rem;height:2rem}.admin-selector-card input{width:1rem;height:1rem}.admin-selector-card h1{margin-top:unset;font-weight:500}.continue-leave-container{display:flex;justify-content:end;align-items:center;margin-top:1rem}.continue-leave{padding:.8rem 1.5rem;border:none;border-radius:500rem;background-color:var(--accent);color:var(--white);cursor:pointer;font-size:.8rem}.continue-leave:disabled{background-color:var(--accent);opacity:.4;cursor:not-allowed}.warning-icon{color:var(--error);margin-top:1rem}.delete-group-btn{padding:.8rem 1.5rem;border:none;border-radius:500rem;background-color:var(--accent);color:var(--white);cursor:pointer;margin-top:1rem;font-size:.9rem}.delete-group-btn:disabled{background-color:var(--accent);opacity:.4;cursor:not-allowed}.permanent-expense-info-container span{font-size:.8rem}.permanent-expense-amount{font-size:1.1rem!important;margin-top:.5rem;font-weight:600;color:var(--success)}.permanent-expense-status{margin-bottom:1rem}.permanent-expense-status.active{color:var(--success)}.permanent-expense-status.stopped{color:var(--error)}.permanent-expense-actions{width:100%;margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}.permanent-expense-actions button{width:100%;padding:.7rem;border:none;border-radius:500rem;cursor:pointer;color:var(--white)}.permanent-expense-actions button:last-child{background-color:var(--accent)}.change-status-btn.stop{background-color:var(--black)}.change-status-btn.resume{background-color:var(--success)}.exepnse-details-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:2rem}.exepnse-details-container img{width:5rem;height:5rem}.exepnse-details-container p span{color:var(--accent);margin-left:.5rem}.mar-bottom{margin-bottom:1rem}.expense-details-value{color:var(--success);font-weight:600;font-size:1.2rem}.w-100{width:100%}.expense-details-participants-title{font-size:1rem;text-align:center}.stats-main-tabs{display:flex;margin-top:1rem}.stats-main-tabs button,.stats-sub-tabs button{border:none;background:transparent;font-weight:600;cursor:pointer;padding:1rem;transition:.2s ease}.stats-main-tabs button.active,.stats-sub-tabs button.active{background-color:var(--white);color:var(--accent)}.stats-by-category-content,.stats-by-month-content{width:100%;display:flex;height:calc(100% - 7rem);justify-content:center;align-content:center;gap:2rem;padding:2rem;background-color:var(--white)}.stats-by-category-content-pie-container,.stats-by-month-content-bars-container{display:flex;width:40%;align-content:center;overflow:scroll;flex-direction:column;justify-content:flex-end}.stats-by-category-content-info-container,.stats-by-month-content-info-container{width:60%;border:.02rem solid var(--gray-light);display:flex;overflow:scroll;padding:2rem;flex-direction:column;justify-content:flex-start;align-items:self-start}.stats-by-category-content-item{display:flex;justify-content:center;align-items:center;gap:.5rem}#high{color:var(--error)}#low{color:var(--success)}.stats-by-category-details-container{margin-top:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.years-pager{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}@media(max-width:1000px){.cospender-login-page-section{min-height:100vh;flex-direction:column}.login-container,.login-mobile-section{width:100%;min-height:100vh}.login-mobile-section img:first-child{width:80vw}.cospender-dashboard-groups-grid{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.cospender-expenses-menu-inner-container{width:100vw}.cospender-expenses-grid-container{display:flex;flex-direction:column}.cospender-expenses-filter-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cospender-dashboard-header-profile-name{display:none}.cospender-month-pager-label{font-size:1.1rem}}@media(max-width:1270px){.cospender-login-page-section{min-height:100vh;flex-direction:column}.login-container,.login-mobile-section{width:100%;min-height:100vh}.login-mobile-section img:first-child{width:80vw}.cospender-dashboard-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cospender-expenses-menu-inner-container{width:100vw}.cospender-expenses-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}.cospender-expenses-filter-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0rem var(--padding-h);justify-content:start;align-items:stretch;width:100%}.stats-by-category-content,.stats-by-month-content{flex-direction:column;justify-content:flex-start;align-items:center;overflow:scroll}.stats-by-category-content-pie-container,.stats-by-month-content-bars-container{display:flex;justify-content:center;align-content:center;min-height:calc(100vh - 25rem)}.stats-by-category-content-info-container,.stats-by-month-content-info-container{width:100%;min-height:calc(100vh - 25rem);font-size:.8rem!important}}