@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--main-background-color: #292929;--primary-color: #0e666c;--secondary-color: #1c1c1c;--glass-color: #000000c0;--text-color: #ffffff;--text-color-subtitle: #c2c2c2;--text-color-ligth: var(--text-color-subtitle);--link-color: #09cdda;--button-color: var(--primary-color);--border-color: #fff;--border-color-ligth: #212121;--input-color: #353535;--shadowbox-color: rgba(0, 0, 0, .642);--image-background-color: #35353569;--green-color: #1cbf0a;--red-color: #ff0000}*{padding:0;margin:0}html{font-size:16px;min-height:100%}body{background-color:var(--main-background-color);color:var(--text-color);font-family:Montserrat;min-height:100vh}h1{font-weight:500}h2{font-size:1.5rem;font-weight:500}h3{font-size:1rem;font-weight:400}a{color:var(--link-color)}button{background-color:var(--button-color);color:var(--text-color);font-weight:600;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.2rem}button img{height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}select{background-color:var(--secondary-color);color:var(--text-color);padding:.5rem;border-radius:.5rem}input{background-color:var(--input-color);color:var(--text-color);padding:.5rem;border-radius:.5rem}hr{width:100%}#root{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:100%;min-height:100vh}#root>div{width:100%}.no-button-formatting{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;outline:inherit}.noUlFormatting{list-style-type:none;padding:0;margin:0}.action-buttons{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.cancel-button,.delete-button{background-color:brown;color:#fff}.do-button,.add-button{background-color:var(--green-color)}.disabled-button{background-color:var(--input-color);color:var(--text-color-ligth);cursor:auto}.close-button{background-color:var(--secondary-background-color);position:absolute;top:0;right:0;aspect-ratio:1/1;border:none;border-radius:0}.inputdiv{display:flex;flex-direction:column;gap:.5rem}.login-div{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;min-height:100vh}.error-message{color:red;font-size:.8rem}.red-text{color:var(--red-color);color:red}.page{display:flex;flex-direction:column;gap:1rem;width:100%}.page-header{background-color:var(--secondary-color);display:flex;flex-direction:row;align-items:center;gap:1rem;box-sizing:border-box;width:100%;padding:.5rem 1.5rem}.page-header .logo{height:4rem}.page-header h1{font-size:1.8rem;color:var(--text-color)}.page-header a{text-decoration:none}.page-header>div{width:100%;display:flex;justify-content:left;align-items:center;gap:2rem}.page-header .header-nav{display:flex;flex-direction:row;gap:1rem}.page-header .open-nav-button{display:none;background-color:transparent;padding:0;height:2.5rem}@media screen and (max-width: 650px){.page-header{flex-direction:column}.page-header>div{justify-content:space-between}.page-header .open-nav-button{display:block}.page-header .header-nav{text-align:center;flex-direction:column;height:0;overflow:hidden;transition:all .5s linear}.page-header .open-nav{height:max-content}}.page-footer{display:flex;flex-direction:row;justify-content:center;width:100%;margin-bottom:1rem;margin-top:auto}.page-footer a{text-decoration:none}.product{background-color:var(--secondary-color);display:flex;flex-direction:column;gap:.5rem;position:relative;box-sizing:border-box;width:10rem;padding:1rem;border-radius:7px;transition:all .1s linear}.product:hover{transform:scale(1.05)}.product:active{transform:scale(1.1)}.product:hover img{transform:scale(.95)}.product .product-image{background-color:var(--image-background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;min-height:0;min-width:0;width:100%;aspect-ratio:1 / 1;padding:.5rem}.product img{max-height:100%;max-width:100%}.product .product-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.product h2{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.5rem}.product .product-stats{font-size:1rem;color:var(--text-color-subtitle);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto}.favourite-button{background-color:var(--secondary-color);position:absolute;top:.1rem;right:.1rem;height:3rem;padding:.4rem;border-radius:0 0 0 2rem;z-index:9}.shop-page{flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap}.search-bar-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:30rem;margin-inline:auto}.search-bar{width:90%}.clear-search-bar-button{position:absolute;right:5%;top:50%;transform:translateY(-50%);cursor:pointer}.showCartButton{background-color:var(--green-color);position:fixed;bottom:3rem;right:2rem;width:5rem;aspect-ratio:1/1;padding:1rem;border-radius:1rem;border:.1rem #fff solid;z-index:11}.items-indicator{background-color:red;position:absolute;top:0;right:0;font-weight:700;text-align:center;min-width:2ch;aspect-ratio:1/1;padding:.2rem;border-radius:100%;transform:translate(50%,-50%);z-index:10}.cart{background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-between;gap:1rem;position:absolute;box-sizing:border-box;max-width:30rem;min-height:18rem;padding:.5rem 1rem;border:1px solid #fff;overflow:hidden}.cart-list{display:flex;flex-direction:column;gap:.7rem;width:100%}.cart .cart-footer{display:flex;flex-direction:column;gap:.7rem}.cart .select-paying-user{display:flex;flex-direction:row;align-items:center;gap:.5rem}.cart .open-comment-button{margin-left:auto}.cart .total{font-weight:700;justify-content:space-between}.cart .pay-button{margin-top:auto}@media screen and (max-width: 30rem){.cart{width:100%;border:none;border-top:1px solid #fff;border-bottom:1px solid #fff}}.cart-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.9rem}.cart-item .item-name{word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:15ch;margin-right:auto}.cart-item .quantity-container{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:min-content}.cart-item .quantity-container input{width:3ch;text-align:center}.cart-item .item-price{min-width:5ch;text-align:right}.cart-item .delete-button{padding:.2rem}.modal-overlay{background-color:#000000c2;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.inventory-item{background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-between;gap:1rem;box-sizing:border-box;padding:1rem}.inventory-item-preview{flex-direction:row;align-items:center}.inventory-item-preview .product-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-item-preview button{padding:.2rem}.inventory-item .amount-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.inventory-item .inputs-container{display:flex;flex-direction:column;gap:1rem;flex:1}.popup-window{background-color:var(--main-background-color);position:absolute;box-sizing:border-box;width:25rem;max-width:90%;padding:3rem 1rem 1rem;border-radius:.5rem;overflow:hidden}.popup-content,.popup-body{display:flex;flex-direction:column;gap:1rem}.popup-footer{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;align-items:center}@media screen and (max-width: 25rem){.popup-window{width:90%}}.balancepage .user-div{background-color:var(--secondary-color);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:2rem;box-sizing:border-box;width:100%;padding:1rem 2rem}.balancepage .user-div img{height:100%}.balancepage .name-div{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-right:auto}.balancepage .user-balance{white-space:nowrap}.balancepage .negative-balance{color:var(--red-color)}.balancepage .positive-balance{color:var(--green-color)}.balancepage .user-div .add-button{height:2rem;border-radius:100%}.deposit-comment-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.transactions-page{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:2rem}.transactions-list{display:flex;flex-direction:column;gap:1rem;width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;width:max-content;margin-bottom:3rem}.pagination button{background-color:var(--secondary-color);padding:.5rem}#root .show-filter-button{width:max-content;margin-inline:auto}.delete-transaction-popup p{max-width:30ch}.transaction-item{background-color:var(--secondary-color);display:flex;justify-content:space-between;padding:.5rem}.removed-transaction{opacity:.4}.removed-indication-text{margin-left:auto}.transaction-item-preview{flex-direction:column;gap:1rem}.transaction-item-preview div{display:flex;align-items:center;gap:.5rem;flex:1;width:100%}.transaction-item-preview p{white-space:nowrap;text-transform:capitalize}.transaction-item-preview .show-detailed-button{margin-left:auto}.transaction-item-detailed{flex-direction:column;gap:2rem}.transaction-item-detailed .delete-button{position:absolute;right:1rem}.transaction-item-detailed .total{font-weight:700;margin-top:1rem}.receipt-item,.receipt-header{display:flex;justify-content:space-between;gap:.5rem}.receipt-item>*{flex:1;text-align:right}.receipt-item>*:first-child{text-align:left}.filter-div{background-color:var(--secondary-color);display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;gap:.8rem;padding:1rem;border-radius:.4rem;margin-inline:auto}.filter-div>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.not-found{display:flex;flex-direction:column;align-items:center;gap:2rem}.not-found p{max-width:50%}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh}.login-page>*{width:max-content!important}.profile-page{padding:.8rem}.profile-page>div{display:flex;flex-direction:row;align-items:center;gap:2rem;height:5rem}.profile-page .profile-image{background-position:center;background-size:cover;height:100%;aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 .5rem #fff}.profile-page .profile-name{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.profile-page .logout-button{width:50%}.auth-callback{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-callback p{width:max-content}