:root{--temu-primary:#f85606;--temu-secondary:#fff;--temu-accent:#6f42c1;--temu-blue:#007bff;--temu-gray:#f8f9fa;--temu-dark:#333;--temu-font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--bs-border-radius:12px}body{font-family:var(--temu-font);background-color:var(--temu-gray);color:var(--temu-dark);line-height:1.6}.container{max-width:1240px;padding:0 15px}.navbar{background-color:var(--temu-secondary);box-shadow:0 2px 6px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}.navbar-brand{font-weight:700;font-size:1.8rem;color:var(--temu-primary)}.nav-link{color:var(--temu-dark);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--temu-primary)}#search{border:2px solid var(--temu-primary);border-radius:25px;padding:8px 20px;font-size:1rem}#search:focus{border-color:var(--temu-accent);box-shadow:0 0 5px rgba(111,66,193,0.3)}.login-card{background:var(--temu-secondary);border-radius:var(--bs-border-radius);padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.login-card h2{font-size:1.8rem;font-weight:700}.alert-dismissible{border-radius:8px;padding:1rem;font-size:.95rem}.form-label{font-weight:500;color:var(--temu-dark)}.input-group .btn-outline-secondary{border-radius:0 10px 10px 0;border-left:none}.toggle-password i.bi-eye::before{content:"\f06e"}.toggle-password i.bi-eye-slash::before{content:"\f070"}.invalid-feedback{font-size:.85rem;color:var(--temu-danger)}.register-card{background:linear-gradient(135deg,var(--temu-secondary),#f9f9fb);border-radius:var(--bs-border-radius);padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}@media(max-width:576px){.login-card{padding:1.5rem}.login-card h2{font-size:1.5rem}.btn-primary{font-size:1rem;padding:8px}}.hero{background:linear-gradient(rgba(248,86,6,0.8),rgba(248,86,6,0.8)),url('../assets/images/hero.jpeg') no-repeat center center;background-size:cover;color:var(--temu-secondary);padding:100px 0;text-align:center;border-radius:0 0 20px 20px;margin-bottom:3rem}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.hero p{font-size:1.3rem;font-weight:400}.hero .btn-primary{background-color:var(--temu-primary);border-color:var(--temu-primary);padding:12px 30px;font-size:1.2rem;border-radius:25px;transition:background-color .2s}.hero .btn-primary:hover{background-color:darken(var(--temu-primary),10%)}.card{border:0;border-radius:var(--bs-border-radius);overflow:hidden;background-color:var(--temu-secondary);box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.card-img-top{height:220px;object-fit:cover}.card-body{padding:1.5rem}.card-title{font-size:1.2rem;font-weight:600;color:var(--temu-dark);margin-bottom:.5rem}.card-text{font-size:.95rem;color:#666}.card .btn-primary{background-color:var(--temu-primary);border-color:var(--temu-primary);border-radius:20px;padding:8px 20px}.card .btn-primary:hover{background-color:var(--temu-accent);border-color:var(--temu-accent)}.discount-badge{position:absolute;top:10px;left:10px;background-color:var(--temu-primary);color:var(--temu-secondary);padding:5px 10px;font-size:.85rem;font-weight:600;border-radius:15px}.category-card{border-radius:var(--bs-border-radius);overflow:hidden;background-color:var(--temu-secondary);box-shadow:0 3px 8px rgba(0,0,0,0.1)}.category-card img{height:160px;object-fit:cover;transition:transform .3s}.category-card:hover img{transform:scale(1.05)}.category-card .btn-outline-primary{border-color:var(--temu-primary);color:var(--temu-primary);border-radius:20px}.category-card .btn-outline-primary:hover{background-color:var(--temu-primary);color:var(--temu-secondary)}.ui-autocomplete{max-height:250px;overflow-y:auto;border:2px solid var(--temu-primary);background:var(--temu-secondary);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.2);z-index:1050}.ui-autocomplete .ui-menu-item{padding:10px 15px;font-size:.95rem;color:var(--temu-dark)}.ui-autocomplete .ui-menu-item:hover{background-color:var(--temu-primary);color:var(--temu-secondary)}.star-rating{display:inline-flex;font-size:1.4rem;margin-bottom:1rem}.star-rating .star{color:#ddd;cursor:pointer;transition:color .2s;margin-right:5px}.star-rating .star.filled,.star-rating .star:hover,.star-rating .star:hover ~ .star{color:#ffc107}.metric-card{background:var(--temu-secondary);padding:25px;border-radius:var(--bs-border-radius);text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.1);transition:transform .2s}.metric-card:hover{transform:scale(1.05)}.metric-card h3{font-size:2.2rem;font-weight:700;color:var(--temu-primary);margin-bottom:.5rem}.metric-card p{font-size:1rem;color:#666}.badge{font-size:.9rem;padding:.6em 1.2em;border-radius:15px;font-weight:500}.progress{height:1.8rem;border-radius:10px;background-color:#e9ecef}.progress-bar{background-color:var(--temu-primary);transition:width .4s ease-in-out}.promo-banner{background:linear-gradient(135deg,var(--temu-primary),var(--temu-accent));color:var(--temu-secondary);padding:2.5rem;text-align:center;border-radius:var(--bs-border-radius);margin:3rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.promo-banner h3{font-weight:700;margin-bottom:1rem}.promo-banner .btn{background-color:var(--temu-secondary);color:var(--temu-primary);border-radius:25px;padding:10px 25px}.btn-primary{background-color:var(--temu-primary);border-color:var(--temu-primary);border-radius:25px;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .2s}.btn-primary:hover{background-color:var(--temu-accent);border-color:var(--temu-accent);transform:translateY(-2px)}.btn-secondary{border-radius:25px;padding:10px 20px}.form-control{border-radius:10px;border:1px solid #ddd;padding:10px}.form-control:focus{border-color:var(--temu-primary);box-shadow:0 0 5px rgba(248,86,6,0.3)}.carousel-inner{border-radius:var(--bs-border-radius);overflow:hidden}.carousel-item img{height:400px;object-fit:cover}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:var(--temu-primary);border-radius:50%;padding:20px}.sticky-cart{position:sticky;bottom:20px;background:var(--temu-primary);color:var(--temu-secondary);padding:10px 20px;border-radius:25px;text-align:center}.checkout-card{background:var(--temu-secondary);border-radius:var(--bs-border-radius);padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.list-group-item{border:0;padding:.75rem 0}.form-check-input:checked{background-color:var(--temu-primary);border-color:var(--temu-primary)}.form-check-label{font-weight:500;color:var(--temu-dark)}.form-check .invalid-feedback{margin-left:1.5rem}.order-confirmation-card{background:var(--temu-secondary);border-radius:var(--bs-border-radius);padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.admin-container{padding:2rem;background:#f5f6fa;min-height:100vh}.admin-card{background:var(--temu-secondary);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.1);margin-bottom:1.5rem;overflow:hidden}#add-product-form .form-label{font-weight:500;color:var(--temu-dark);font-size:.95rem}#add-product-form .form-control,#add-product-form .form-select{border-radius:8px;padding:.5rem 1rem;font-size:.95rem;border:1px solid #ced4da;transition:border-color .2s ease}#add-product-form .form-control:focus,#add-product-form .form-select:focus{border-color:var(--temu-primary);box-shadow:0 0 0 .2rem rgba(248,86,6,0.25)}#add-product-form textarea.form-control{resize:vertical;min-height:100px}#add-product-form .btn-primary{background:var(--temu-primary);border:0;font-weight:600;padding:.75rem;border-radius:10px;transition:background .2s ease}#add-product-form .btn-primary:hover{background:var(--temu-dark)}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table thead th{background:var(--temu-primary);color:var(--temu-secondary);font-weight:600;padding:1rem;text-transform:uppercase;font-size:.9rem;border-bottom:2px solid var(--temu-light)}.admin-table tbody tr{transition:background .2s ease}.admin-table tbody tr:hover{background:var(--temu-light)}.admin-table td{padding:1rem;vertical-align:middle;font-size:.95rem;color:var(--temu-dark)}.admin-table td.low-stock{color:var(--temu-danger);font-weight:600}.admin-table .btn{font-size:.85rem;padding:.4rem .8rem;border-radius:8px;transition:all .2s ease}.admin-table .btn-outline-primary{border-color:var(--temu-primary);color:var(--temu-primary)}.admin-table .btn-outline-primary:hover{background:var(--temu-primary);color:var(--temu-secondary)}.admin-table .btn-outline-danger{border-color:var(--temu-danger);color:var(--temu-danger)}.admin-table .btn-outline-danger:hover{background:var(--temu-danger);color:var(--temu-secondary)}.admin-table .btn-warning{background:#ffc107;border-color:#ffc107;color:var(--temu-dark)}.admin-table .btn-warning:hover{background:#e0a800;border-color:#e0a800}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem}.alert-success{background:#d4edda;color:#155724}.alert-danger{background:#f8d7da;color:#721c24}.orders-container{padding:2rem;background:#f5f6fa;min-height:100vh}.orders-card{background:var(--temu-secondary);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.1);margin-bottom:1.5rem;overflow:hidden}.orders-table{width:100%;border-collapse:separate;border-spacing:0}.orders-table thead th{background:var(--temu-primary);color:var(--temu-secondary);font-weight:600;padding:1rem;text-transform:uppercase;font-size:.9rem;border-bottom:2px solid var(--temu-light)}.orders-table tbody tr{transition:background .2s ease}.orders-table tbody tr:hover{background:var(--temu-light)}.orders-table td{padding:1rem;vertical-align:middle;font-size:.95rem;color:var(--temu-dark)}.orders-badge{font-size:.85rem;padding:.4rem .8rem;border-radius:8px;font-weight:500}.bg-warning{background:#ffc107!important;color:#212529!important}.bg-info{background:#0dcaf0!important;color:#212529!important}.bg-primary{background:#007bff!important;color:#fff!important}.bg-success{background:#28a745!important;color:#fff!important}.bg-danger{background:var(--temu-danger)!important;color:#fff!important}.orders-table .btn{font-size:.85rem;padding:.4rem .8rem;border-radius:8px;transition:all .2s ease}.orders-table .btn-outline-primary{border-color:var(--temu-primary);color:var(--temu-primary)}.orders-table .btn-outline-primary:hover{background:var(--temu-primary);color:var(--temu-secondary)}.orders-table .btn-outline-info{border-color:var(--temu-blue);color:var(--temu-blue)}.orders-table .btn-outline-info:hover{background:var(--temu-blue);color:var(--temu-secondary)}.btn-outline-secondary{border-color:var(--temu-dark);color:var(--temu-dark);font-weight:500;border-radius:10px;padding:.5rem 1rem;transition:all .2s ease}.btn-outline-secondary:hover{background:var(--temu-dark);color:var(--temu-secondary)}.pagination .page-link{border-radius:8px;margin:0 .2rem;color:var(--temu-primary);border:1px solid var(--temu-light);transition:all .2s ease}.pagination .page-link:hover{background:var(--temu-primary);color:var(--temu-secondary);border-color:var(--temu-primary)}.pagination .page-item.active .page-link{background:var(--temu-primary);color:var(--temu-secondary);border-color:var(--temu-primary)}.pagination .page-item.disabled .page-link{color:#6c757d;border-color:var(--temu-light)}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem}.alert-info{background:#d1ecf1;color:#0c5460}@media(max-width:992px){.orders-container{padding:1.5rem}.orders-table th,.orders-table td{font-size:.85rem;padding:.75rem}.orders-table .btn{font-size:.75rem;padding:.3rem .6rem}.orders-badge{font-size:.75rem;padding:.3rem .6rem}}@media(max-width:576px){.orders-container{padding:1rem}.orders-table{font-size:.8rem}.orders-table th,.orders-table td{padding:.5rem}.orders-table .btn{font-size:.7rem;padding:.25rem .5rem}.orders-badge{font-size:.7rem;padding:.25rem .5rem}.btn-outline-secondary{width:100%;text-align:center}.pagination .page-link{font-size:.85rem;padding:.4rem .8rem}}@media(max-width:992px){.admin-container{padding:1.5rem}.admin-table th,.admin-table td{font-size:.85rem;padding:.75rem}.admin-table .btn{font-size:.75rem;padding:.3rem .6rem}#add-product-form .form-control,#add-product-form .form-select{font-size:.9rem}}@media(max-width:576px){.admin-container{padding:1rem}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem}.admin-table .btn{font-size:.7rem;padding:.25rem .5rem}#add-product-form .btn-primary{font-size:.9rem;padding:.6rem}}.input-group .form-control{border-radius:10px 0 0 10px;font-size:.95rem}.input-group .btn-outline-secondary{border-radius:0 10px 10px 0;background:var(--temu-primary);color:var(--temu-secondary);border:0}.input-group .btn-outline-secondary:hover{background:var(--temu-dark)}.btn-primary{background:var(--temu-primary);border:0;font-weight:600;padding:.75rem 1.5rem;border-radius:10px;transition:background .2s ease}.btn-primary:hover{background:var(--temu-dark)}.modal-content{border-radius:12px;border:0;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.modal-header{background:var(--temu-primary);color:var(--temu-secondary);border-radius:12px 12px 0 0;padding:1.25rem}.modal-title{font-weight:600}.modal-body{padding:1.5rem;background:var(--temu-secondary)}.modal-body .form-label{font-weight:500;color:var(--temu-dark)}.modal-body .form-control,.modal-body .form-select{border-radius:8px;font-size:.95rem;padding:.5rem 1rem}.modal-body .btn-primary{font-size:1rem}@media(max-width:992px){.admin-container{padding:1.5rem}.admin-table th,.admin-table td{font-size:.85rem;padding:.75rem}.admin-table .btn{font-size:.75rem;padding:.3rem .6rem}}@media(max-width:576px){.admin-container{padding:1rem}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem}.d-flex.mb-4{flex-direction:column;gap:1rem}.btn-primary{width:100%;text-align:center}}@media(max-width:768px){.checkout-card,.order-confirmation-card{padding:1.5rem}.list-group-item{font-size:.95rem}}@media(max-width:768px){.hero{padding:60px 0}.hero h1{font-size:2.2rem}.card-img-top{height:180px}.metric-card h3{font-size:1.8rem}.carousel-item img{height:250px}}@media(max-width:576px){.navbar-brand{font-size:1.5rem}#search{font-size:.9rem;padding:6px 15px}.btn-primary{padding:8px 15px;font-size:.95rem}}
