.sign-up-container{max-width:400px;margin:40px auto;padding:20px;background-color:#f3a683;border:1px solid white;box-shadow:0 0 10px #0000001a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff}.sign-up-container h1{text-align:center;margin-bottom:20px}.sign-in-link{display:flex;justify-content:center;align-items:center;margin-top:15PX;margin-bottom:5px;flex-direction:column}.sign-in-link a{margin-top:5px}#signupButton.loading{background-color:#fff;color:#f3a683;cursor:wait}#signupButton.loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border-top:2px solid #f3a683;border-right:2px solid #f3a683;border-bottom:2px solid transparent;border-left:2px solid transparent;border-radius:50%;animation:spin .8s infinite linear}@media only screen and (max-width: 768px){.sign-up-container{margin:20px auto}}@media only screen and (max-width: 480px){.sign-up-container{margin:10px auto}.form-group input,button[type=submit]{height:30px}}.sign-in-container{max-width:400px;margin:40px auto;padding:20px;background-color:#f3a683;border:1px solid white;box-shadow:0 0 10px #0000001a;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff}.sign-in-container h1{text-align:center;margin-bottom:20px}.form-group{margin-bottom:20px;padding-right:20px}.form-group label{display:block;margin-bottom:10px}.form-group input{width:100%;height:40px;padding:10px;border:1px solid white}.form-group div{color:red}button[type=submit]{display:flex;justify-content:center;align-items:center;width:100%;height:60px;background-color:#fff;color:#f3a683;padding:10px;border:none;border-radius:5px;cursor:pointer}button[type=submit]:hover{background-color:#fff}button[type=submit]:disabled{background-color:#fff;cursor:not-allowed}.sign-up-link{display:flex;justify-content:center;align-items:center;margin-top:15PX;margin-bottom:5px;flex-direction:column}.sign-up-link a{margin-top:5px}#signinButton.loading{background-color:#fff;color:#f3a683;cursor:wait}#signinButton.loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border-top:2px solid #f3a683;border-right:2px solid #f3a683;border-bottom:2px solid transparent;border-left:2px solid transparent;border-radius:50%;animation:spin .8s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 768px){.sign-in-container{margin:20px auto}}@media only screen and (max-width: 480px){.sign-in-container{margin:10px auto}.form-group input,button[type=submit]{height:30px}}.cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cart-modal{background:#fff;padding:2rem;border-radius:8px;max-width:400px;width:100%;box-shadow:0 5px 15px #0000004d}.cart-modal h2{margin-top:0;color:#333}.cart-modal ul{list-style-type:none;padding:0;margin:1rem 0}.cart-item{display:flex;align-items:center;margin-bottom:1rem}.cart-item img{width:50px;height:50px;margin-right:1rem;border-radius:5px;object-fit:cover}.cart-item div h4{margin:0}.cart-item div p{margin:.2rem 0;font-size:.9rem;color:#555}.close-cart{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#f3a683;color:#fff;border:none;border-radius:5px;cursor:pointer}.clear-cart{display:inline-block;margin-top:1rem;margin-left:10px;padding:.5rem 1rem;background-color:#f3a683;color:#fff;border:none;border-radius:5px;cursor:pointer}.close-cart:hover{background-color:#f07c6b}.product-details{text-align:center;padding:2rem;background:#fff;border-radius:8px;max-width:600px;margin:2rem auto;box-shadow:0 4px 8px #0000001a}.product-details img{width:200px;height:200px;object-fit:cover;margin-bottom:1rem}.product-details h2,.product-details p{margin:.5rem 0}.product-details button{margin-top:1rem;padding:.5rem 1rem;background-color:#f3a683;color:#fff;border:none;border-radius:5px;cursor:pointer}.back-button{display:inline-block;margin-bottom:1rem;background:none;border:none;color:#333;font-size:1rem;text-decoration:underline;cursor:pointer}body{margin:0;font-family:Arial,sans-serif;background-color:#f9f9f9}.dashboard{padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;background-color:#f3a683;padding:1rem;color:#fff;border-radius:5px}.actions button{margin-left:1rem;background-color:#63c7b2;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.div{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.search-bar{width:100%;max-width:400px;margin-top:.7rem;padding:.5rem;margin-bottom:.7rem;border:1px solid #ccc;border-radius:5px}.search-bar.hidden{display:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.product-card{background:#fff;padding:1rem;border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:transform .2s,box-shadow .2s}.product-card img{width:100px;height:100px;object-fit:cover;margin-bottom:.5rem}.product-card h3,.product-card p{margin:.5rem 0}.product-card button{background-color:#f3a683;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.product-card button:hover{background-color:#f07c6b}.toggle-btn{background:none;border:none;color:#63c7b2;cursor:pointer;font-size:.9rem;margin-left:5px;text-decoration:underline}.but{margin-left:10px}#toast{position:fixed;bottom:20px;right:20px;padding:20px;background-color:#000;color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000004d;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}@media (max-width: 768px){#toast{bottom:10px;right:10px;padding:10px}.header h1{font-size:25px}}@media (max-width: 768px){.logout{margin-top:10px}}body{margin:0;font-family:Arial,sans-serif}.admin-dashboard{display:flex;flex-direction:column;padding:1rem;background-color:#fff}.header{display:flex;justify-content:space-between;align-items:center;background-color:#f3a683;padding:1rem;color:#fff}.logout-btn{background-color:#fff;color:#f3a683;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.logout-btn:hover{background-color:#f3a683;color:#fff}main{display:flex;flex-wrap:wrap;gap:2rem}section{flex:1;min-width:300px;background:#f9f9f9;padding:1rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.product-form input,.product-form textarea{width:97%;padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:5px}.product-form button{width:100%;padding:.5rem;background-color:#f3a683;color:#fff;border:none;border-radius:5px;cursor:pointer}.product-form button:hover{background-color:#e17055}.product-list{margin-top:1rem}.product-card{display:flex;background:#fff;padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.product-card img{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-right:1rem}.product-info{flex:1}.product-actions button{margin-right:.5rem;padding:.5rem;background-color:#f3a683;color:#fff;border:none;border-radius:5px;cursor:pointer}.product-actions button:hover{background-color:#e17055}.user-card{background:#fff;padding:1rem;border-radius:8px;margin-bottom:.5rem;box-shadow:0 4px 6px #0000001a}.error{color:red;margin-bottom:10px}#toast{position:fixed;bottom:20px;right:20px;padding:20px;color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000004d;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}#toast.show{opacity:1;pointer-events:auto}.toast-content{display:flex;align-items:center}.toast-message{margin-left:10px}@media (max-width: 768px){#toast{bottom:10px;right:10px;padding:10px}}@media (max-width: 768px){main{flex-direction:column}}@media (max-width: 480px){.product-card{flex-direction:column}}.not-found-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f3a683;color:#fff;text-align:center;font-family:Arial,sans-serif;padding:1rem}.content{max-width:600px}h1{font-size:5rem;margin:0}p{font-size:1.5rem;margin:1rem 0}.illustration{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.illustration img{width:100px;height:100px;border-radius:10px;object-fit:cover;background-color:#fff;box-shadow:0 4px 6px #0000001a}button{background-color:#fff;color:#f3a683;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#e17055;color:#fff}@media (max-width: 768px){h1{font-size:4rem}p{font-size:1.2rem}.illustration img{width:80px;height:80px}button{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width: 480px){h1{font-size:3rem}p{font-size:1rem}.illustration img{width:60px;height:60px}button{font-size:.8rem;padding:.5rem 1rem}}