:root{--main-bg-color:#fff;--text-color:#0c0b0a;--primary-color:#7d6167;--primary-hover-color:#5c4348;--button-padding:10px 15px;--box-shadow-color:#0003;--button-hover-shadow-color:#0000004d;--border-radius:10px;--basic-font-size:16px;--landingpage-font-weight:600}*{font-family:Afacad Flux,sans-serif!important;font-size:16px;font-size:var(--basic-font-size)}body{font-family:Afacad Flux,sans-serif;margin:0;padding:0}.Landing-page{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:#fff;background-color:var(--main-bg-color);display:flex;justify-content:space-between;padding:10px}.navbar,.navbar-brand a{color:#0c0b0a;color:var(--text-color)}.navbar-brand a{font-size:24px;font-weight:700;text-decoration:none}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger-line{background-color:#0c0b0a;background-color:var(--text-color);height:3px;width:25px}.navbar-links{display:flex;list-style:none}.navbar-links li{margin-left:20px;margin-right:20px}.navbar-links a{color:#0c0b0a;color:var(--text-color);font-size:18px;text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.navbar-links a:hover{text-decoration:underline}.navbar-links button{background-color:initial;border:none;color:#0c0b0a;color:var(--text-color);cursor:pointer;font-family:Afacad Flux,sans-serif;font-size:18px;text-decoration:none;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.navbar-links button:hover{text-decoration:underline}.navbar-balance{border-radius:10px;font-size:18px;padding-left:5px;padding-right:5px}@media (max-width:768px){.hamburger{display:flex}.navbar-links{background-color:#fff;background-color:var(--main-bg-color);border-radius:8px;box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);display:none;flex-direction:column;padding:.5rem;position:absolute;right:10px;top:60px;z-index:2}.navbar-links li{padding:5px 5px 5px 0}.navbar-links.open{display:flex}.navbar-balance,.navbar-links button{padding:0}}.btn{background-color:#7d6167;background-color:var(--primary-color);border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);color:#fff;font-size:1.1rem;padding:10px 15px;padding:var(--button-padding);text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color);box-shadow:0 8px 16px #0000004d;box-shadow:0 8px 16px var(--button-hover-shadow-color);transform:translateY(-3px)}.hero{align-items:center;background-image:linear-gradient(#00000080,#00000080),url(/static/media/catheader.eb23dfbdcc7b936c2675.webp);background-position:50%;background-size:cover;color:#fff;display:flex;height:95vh;justify-content:center;text-align:center}@media (min-width:480px){.hero{background-image:linear-gradient(#00000080,#00000080),url(/static/media/catheader_medium.fe7acffa86bc06056c22.webp)}}@media (min-width:768px){.hero{background-image:linear-gradient(#00000080,#00000080),url(/static/media/catheader_big.de0dd9afaf2e6800ba87.webp)}}@media (min-width:1024px){.hero{background-image:linear-gradient(#00000080,#00000080),url(/static/media/catheader.eb23dfbdcc7b936c2675.webp)}}.hero-content{max-width:100%}h1{font-size:60px;text-shadow:2px 2px 10px #000000b3}p{font-size:1.3rem}.footer{background-color:#fff;background-color:var(--main-bg-color);position:relative;text-align:center}.footer p{font-size:15px;margin:5px;padding:0}.footer a{color:#0c0b0a;color:var(--text-color);font-size:15px;margin-left:5px;text-decoration:none}.footer a:hover{cursor:pointer;text-decoration:underline}.task-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100%;padding:20px;position:relative;width:100%}.task-content h1{display:block;margin-bottom:20px;text-align:center;text-shadow:none;width:100%}.add-task-btn{background-color:initial;border:none}.add-task-btn:hover{cursor:pointer}.task-content input,select{background-color:#fff;background-color:var(--main-bg-color);border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 .4rem .4rem #ddd;box-sizing:border-box;color:#0c0b0a;color:var(--text-color);padding:10px;text-align:left;width:100%}.task-change-status-btn{align-items:center;background-color:initial;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:transform .3s ease}.task-change-status-btn:hover{cursor:pointer;transform:scale(1.2)}.form-container{margin-top:20px;max-width:800px;width:80%}.form-row{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:4fr 3fr 1fr;width:100%}table{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:#7d6167;background-color:var(--primary-color);border:5px solid #0000;border-collapse:initial;border-radius:10px;border-radius:var(--border-radius);border-spacing:0;box-shadow:0 .4rem .8rem #0005;box-sizing:border-box;margin:20px 0;max-width:800px;padding:10px;width:80%}td,th{background-color:#fff;background-color:var(--main-bg-color);border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f4f4f4}th:hover{cursor:pointer}tr:nth-child(2n){background-color:#f9f9f9}@media (max-width:600px){table{width:100%}table,tbody,td,th,thead,tr{display:block}thead tr{display:none}tr{margin-bottom:15px}td{padding-left:50%;position:relative;text-align:right}td:before{content:attr(data-label);left:10px;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:45%}.form-container{width:100%}}.shiny-background{background:linear-gradient(135deg,#fff,#f0f0f0 50%,#fff);background-size:400% 400%;height:100%;min-height:100vh;width:100%}@keyframes shine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.product-card{align-items:center;background-color:#fff;background-color:var(--main-bg-color);border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:center;margin:20px;padding:70px;text-align:center;width:200px}.product-card:hover{box-shadow:0 2px 8px #7d6167cc}.product-info{flex-grow:2}.product-image{height:150px;width:150px}.owned-product-image,.product-image{border-radius:50%;box-shadow:0 2px 8px #7d6167cc;margin-bottom:10px;object-fit:cover;overflow:hidden}.no-image,.owned-product-image{height:100px;width:100px}.no-image{margin-bottom:10px}.product-name{font-size:18px;margin:10px 0}.product-description{color:#666;font-size:16px;font-size:var(--basic-font-size);margin:5px 0}.product-price{color:#333;font-size:20px;font-weight:700}.add-to-cart-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #7d616733;color:#fff;cursor:pointer;font-size:16px;font-size:var(--basic-font-size);font-weight:400;margin-top:10px;padding:10px 15px;padding:var(--button-padding);transition:background-color .3s ease;width:100%}.add-to-cart-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color)}.product-grid{display:flex;flex-wrap:wrap;justify-content:center}.reward-form-container{background-color:#f9f9f9;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);margin-top:20px;max-width:600px;padding:20px;width:80%}.reward-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:10px}.input-group{align-items:center;display:flex;font-size:16px;font-size:var(--basic-font-size);position:relative}.input-group input,.input-group textarea{border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 1px 2px #0000001a;box-sizing:border-box;padding:10px 10px 10px 35px;width:100%}.input-group textarea{min-height:10px;resize:vertical}.input-icon{color:#7d6167;color:var(--primary-color);font-size:20px;left:10px;position:absolute}.add-reward-btn{align-items:center;background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #7d616733;color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:var(--basic-font-size);gap:5px;justify-content:center;padding:10px 15px;padding:var(--button-padding);transition:background-color .3s ease,transform .2s ease;width:100%}.add-reward-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color);box-shadow:0 4px 12px #7d61674d;transform:translateY(-2px)}.show-reward-form-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);color:#fff;font-size:16px;font-size:var(--basic-font-size);padding:10px 15px;padding:var(--button-padding);text-decoration:none}.show-reward-form-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color);box-shadow:0 8px 16px #0000004d;box-shadow:0 8px 16px var(--button-hover-shadow-color)}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;padding:20px;text-align:center}.modal-btn,.modal-content{border-radius:10px;border-radius:var(--border-radius)}.modal-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);color:#fff;margin:5px;padding:10px 15px;padding:var(--button-padding)}.modal-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color);box-shadow:0 8px 16px #0000004d;box-shadow:0 8px 16px var(--button-hover-shadow-color);cursor:pointer}.signup-page{align-items:center;display:flex;height:90vh;justify-content:center}.signup-card{background-color:#fff;background-color:var(--main-bg-color);border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;padding:30px;width:400px}.signup-title{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.form-optional-texts{color:#666;font-size:16px;font-size:var(--basic-font-size);margin-top:20px}.signup-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}label{color:#666;display:block;font-size:16px;margin-bottom:5px}input{border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 1px 2px #0000001a;box-sizing:border-box;font-size:16px;font-size:var(--basic-font-size);padding:10px;width:100%}.signup-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #7d616733;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 15px;padding:var(--button-padding);transition:background-color .3s ease;width:100%}.signup-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color)}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#fff;background-color:var(--main-bg-color);border-radius:10px;border-radius:var(--border-radius);bottom:125%;box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);color:#0c0b0a;color:var(--text-color);left:50%;margin-left:-60px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.owned-product-card{align-items:center;background-color:#fff;background-color:var(--main-bg-color);border:1px solid #ddd;border-radius:10px;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:20px;position:relative;text-align:center;width:150px}.owned-product-card:hover{box-shadow:0 2px 8px #7d6167cc}.owned-product-card .used-overlay{background-color:#7d6167b3;bottom:0;left:0;right:0;top:0;z-index:1}.owned-product-card .used-label,.owned-product-card .used-overlay{border-radius:10px;border-radius:var(--border-radius);position:absolute}.owned-product-card .used-label{background-color:#000000b3;color:#fff;font-size:16px;font-size:var(--basic-font-size);padding:4px 8px;right:8px;top:8px;z-index:3}.mark-used-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 8px #7d616733;color:#fff;cursor:pointer;margin-top:auto;padding:10px 15px;padding:var(--button-padding);text-decoration:none}.mark-used-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color);transform:scale(1.05)}.sort-dropdown{border:1px solid #000;cursor:pointer;padding:5px}.introduction-section,.sort-dropdown{border-radius:10px;border-radius:var(--border-radius)}.introduction-section{background:linear-gradient(135deg,#fff,#f0f0f0 50%,#fff);-webkit-hyphens:auto;hyphens:auto;padding:6rem}.introduction-section h2{font-size:1.8rem;font-weight:600;font-weight:var(--landingpage-font-weight);margin:5px}.introduction-section h2,.introduction-section p{color:#0c0b0a;color:var(--text-color);text-align:center}.introduction-section p{font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:80%}.features-section{background-color:#7d6167;background-color:var(--primary-color);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);padding:4rem;text-align:center}.features-section h2{color:#0c0b0a;color:var(--text-color);font-size:1.8rem;font-weight:600;font-weight:var(--landingpage-font-weight);margin-bottom:2rem;margin-top:0}.steps{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.step{background:linear-gradient(135deg,#fff,#f0f0f0 50%,#fff);border-radius:10px;border-radius:var(--border-radius);box-shadow:10px 10px 10px #5c4348;box-shadow:10px 10px 10px var(--primary-hover-color);flex:1 1;margin:0 auto;max-width:300px;padding:1.5rem;text-align:center}.step h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.step h3,.step p{color:#0c0b0a;color:var(--text-color)}.step p{font-size:1.1rem}.cta-section{margin:4rem;text-align:center}.cta-section h2{font-size:1.3rem;font-weight:600;font-weight:var(--landingpage-font-weight)}.notification{border-radius:5px;font-size:16px;font-weight:700;margin:15px 0;padding:10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.notification.success{background-color:#d4edda;color:#155724}.notification.error{background-color:#f8d7da;color:#721c24}.compliment-collection{background-color:#7d6167b3;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--box-shadow-color);margin:20px 0 50px;max-width:600px;opacity:80%;padding:20px;text-align:center;width:100%}.collection-title{color:#0c0b0a;color:var(--text-color);font-size:24px;font-weight:700;margin-bottom:20px}.compliment-list{display:flex;flex-direction:column;gap:16px}.compliment-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px;transition:transform .2s}.compliment-card:hover{transform:scale(1.05)}.compliment-text{color:#0c0b0a;color:var(--text-color);font-size:18px;font-style:italic}.compliment-date{color:#999;font-size:14px;margin-top:10px}.empty-collection{background-color:#fff;border-radius:12px;padding:20px}.empty-message{font-size:16px}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-btn{background-color:#7d6167;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s}.pagination-btn:hover{background-color:#5c4348;background-color:var(--primary-hover-color)}.pagination-btn:disabled{background-color:#7d6167b3;cursor:not-allowed}.pagination-info{color:#0c0b0a;color:var(--text-color);font-size:14px}@media (max-width:600px){.introduction-section{padding:6rem 1rem}.introduction-section h2{margin:20px}.introduction-section p{text-align:justify}.features-section{padding:6rem 1rem}.compliment-collection{width:80%}}
/*# sourceMappingURL=main.b16cd9ad.css.map*/