*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #c4836b;--primary-dark: #a5644e;--secondary: #6d6875;--accent: #d4967e;--bg: #fdf8f7;--surface: #ffffff;--text: #2d2d2d;--text-muted: #6b6b6b;--border: #e8dde0;--danger: #d9534f;--success: #4caf82;--radius: 10px;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.navbar{background:#0a0a0a;border-bottom:none;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0000004d}.navbar-brand a{display:flex;align-items:center}.navbar-logo{height:44px;width:auto;object-fit:contain;display:block}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-links a{color:#e0e0e0;font-weight:500;transition:color .2s}.navbar-links a:hover{color:#fff}.navbar-user{color:#aaa;font-size:.9rem}.btn{padding:.5rem 1.2rem;border-radius:var(--radius);border:none;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f0eaeb;color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:transparent;border:1.5px solid #e0e0e0;color:#e0e0e0}.btn-outline:hover{background:#e0e0e0;color:#1a1a1a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:.3rem .75rem;font-size:.82rem}.btn-full{width:100%;justify-content:center}.page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-centered{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.alert-error{background:#fdecea;color:#c62828;border:1px solid #f5c6cb}.store-hero{text-align:center;padding:3rem 1rem 2rem}.store-hero h1{font-size:2.2rem;font-weight:800;color:var(--primary-dark);margin-bottom:.5rem}.store-hero p{color:var(--text-muted);font-size:1.05rem}.store-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.search-input{width:100%;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--primary)}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.4rem 1rem;border-radius:20px;border:1.5px solid var(--border);background:white;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.product-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f0f1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.04)}.badge-unavailable{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.6);color:#fff;padding:.2rem .6rem;border-radius:20px;font-size:.75rem}.product-info{padding:1rem}.product-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary)}.product-name{font-size:1rem;font-weight:700;margin:.25rem 0;color:var(--text)}.product-description{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.1rem;font-weight:800;color:var(--primary-dark)}.stock-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:20px}.stock-badge.in-stock{background:#e8f5e9;color:var(--success)}.stock-badge.out-of-stock{background:#fdecea;color:var(--danger)}.auth-card{background:var(--surface);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow)}.auth-card h1{font-size:1.6rem;color:var(--primary-dark);margin-bottom:.25rem}.auth-subtitle{color:var(--text-muted);margin-bottom:1.5rem}.auth-hint{text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;background:white;color:var(--text);outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}.form-group-checkbox{display:flex;align-items:center;justify-content:center}.form-group-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.form-group-checkbox input[type=checkbox]{width:auto;accent-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.image-preview{margin-top:.5rem;width:100px;height:100px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-header h1{font-size:1.6rem;color:var(--primary-dark)}.admin-form-section{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.admin-form-section h2{font-size:1.2rem;margin-bottom:1.25rem;color:var(--secondary)}.admin-table-wrapper{overflow-x:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:#f9f4f5;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary)}.admin-table tbody tr:hover{background:#fdf8f9}.admin-table tbody tr:last-child td{border-bottom:none}.table-thumb{width:50px;height:50px;object-fit:cover;border-radius:6px;background:#f5f0f1}.product-name-cell{display:flex;flex-direction:column;gap:.15rem}.product-desc-preview{font-size:.78rem;color:var(--text-muted)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;background:#f0eaeb;color:var(--secondary);font-size:.78rem;font-weight:600}.status-badge{font-size:.8rem;padding:.25rem .65rem;border-radius:20px;font-weight:600}.status-badge.available{background:#e8f5e9;color:var(--success)}.status-badge.unavailable{background:#f5f0f1;color:var(--text-muted)}.table-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.delete-confirm{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--danger);font-weight:600}.loading{text-align:center;color:var(--text-muted);padding:3rem;font-size:1rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.auth-form{display:flex;flex-direction:column;gap:0}@media (max-width: 600px){.navbar{padding:0 1rem}.page{padding:1.5rem 1rem}.form-row{grid-template-columns:1fr}.store-hero h1{font-size:1.5rem}.admin-header{flex-direction:column;gap:1rem;align-items:flex-start}}.cart-btn{position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;filter:grayscale(0)}.cart-badge{position:absolute;top:-6px;right:-8px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);z-index:200}.cart-drawer{position:fixed;top:0;right:0;width:400px;max-width:95vw;height:100vh;background:var(--surface);z-index:201;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform .3s ease}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.cart-drawer-header h2{font-size:1.2rem;color:var(--primary-dark)}.cart-count-label{color:var(--text-muted);font-weight:400}.cart-close-btn{background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:.25rem}.cart-close-btn:hover{color:var(--text)}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted);font-size:1rem;padding:2rem}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:.75rem;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f5f0f1;flex-shrink:0}.cart-item-info{flex:1}.cart-item-name{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.cart-item-price{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem}.cart-item-qty{display:flex;align-items:center;gap:.5rem}.cart-item-qty button{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border);background:white;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.cart-item-qty button:hover{background:var(--border)}.cart-item-qty span{font-weight:600;min-width:20px;text-align:center}.cart-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.cart-item-subtotal{font-weight:700;font-size:.95rem;color:var(--primary-dark)}.cart-remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.5}.cart-remove-btn:hover{opacity:1}.cart-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700}.btn-add-to-cart{width:100%;margin-top:.75rem;padding:.6rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:background .2s;justify-content:center}.btn-add-to-cart:hover:not(:disabled){background:var(--primary-dark)}.btn-add-to-cart.btn-disabled,.btn-add-to-cart:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.checkout-title{font-size:1.6rem;color:var(--primary-dark);margin-bottom:1.5rem}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.checkout-form-section{background:var(--surface);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow)}.checkout-form-section h2{font-size:1.15rem;margin-bottom:1.25rem;color:var(--secondary)}.checkout-summary{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);position:sticky;top:80px}.checkout-summary h2{font-size:1.1rem;margin-bottom:1rem;color:var(--secondary)}.summary-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.summary-item{display:flex;align-items:center;gap:.75rem}.summary-item-img{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#f5f0f1;flex-shrink:0}.summary-item-info{flex:1;font-size:.88rem}.summary-item-info p{margin:0}.summary-item-qty{color:var(--text-muted)}.summary-item-price{font-weight:700;font-size:.9rem;flex-shrink:0}.summary-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;color:var(--primary-dark)}@media (max-width: 768px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}}.success-card{background:var(--surface);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:480px;box-shadow:var(--shadow);text-align:center}.success-icon{width:64px;height:64px;background:var(--success);color:#fff;border-radius:50%;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-card h1{font-size:1.6rem;color:var(--primary-dark);margin-bottom:.5rem}.success-card>p{color:var(--text-muted);margin-bottom:1.5rem}.success-details{background:var(--bg);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem;text-align:left}.success-detail-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.success-detail-row:last-child{border-bottom:none}.admin-tabs{display:flex;background:var(--surface);border-bottom:2px solid var(--border);padding:0 1.5rem}.admin-tab{background:none;border:none;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.admin-tab:hover{color:var(--primary)}.admin-tab.active{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;gap:1rem}.order-card-header:hover{background:#fdf8f9}.order-card-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.order-customer{color:var(--text-muted);font-size:.9rem}.order-card-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.order-total{font-weight:700;color:var(--primary-dark)}.order-card-body{padding:1.25rem;border-top:1px solid var(--border);background:#fdf8f9}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.9rem;margin-bottom:.5rem}.order-info-grid p{margin:.2rem 0}.order-status-update{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.9rem}@media (max-width: 600px){.order-card-header{flex-direction:column;align-items:flex-start}.order-info-grid{grid-template-columns:1fr}}.checkout-steps{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem}.checkout-step{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-muted)}.checkout-step.active{color:var(--primary-dark);font-weight:700}.checkout-step.done{color:var(--success)}.step-num{width:26px;height:26px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.checkout-step.active .step-num{background:var(--primary);color:#fff}.checkout-step.done .step-num{background:var(--success);color:#fff}.step-divider{flex:0 0 40px;height:2px;background:var(--border)}.payment-methods{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.payment-method-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius);background:white;cursor:pointer;text-align:left;transition:all .15s;width:100%}.payment-method-card:hover{border-color:var(--primary)}.payment-method-card.selected{border-color:var(--primary-dark);background:#fdf2f3}.payment-method-icon{font-size:1.6rem;flex-shrink:0}.payment-method-info{flex:1}.payment-method-info strong{display:block;font-size:.95rem;color:var(--text)}.payment-method-info p{font-size:.82rem;color:var(--text-muted);margin:.1rem 0 0}.payment-method-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;background:transparent;transition:all .15s}.payment-method-card.selected .payment-method-check{background:var(--primary-dark);border-color:var(--primary-dark)}.payment-info-box{background:#f0f7ff;border:1px solid #c8e0f4;border-radius:var(--radius);padding:.75rem 1rem;font-size:.88rem;color:#1a4a7a;margin-top:.5rem}.payment-secure-note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.add-category-row{display:flex;gap:.5rem;margin-top:.5rem}.add-category-row input{flex:1;padding:.4rem .6rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.85rem;outline:none}.add-category-row input:focus{border-color:var(--primary)}.order-number-display{background:#f8f5f5;border:2px dashed var(--border);border-radius:var(--radius);padding:1rem 1.5rem;margin:1.25rem 0;text-align:center}.order-number-display span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.25rem}.order-number-display strong{font-size:1.6rem;color:var(--primary-dark);letter-spacing:1px}.image-upload-area{border:2px dashed var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.image-upload-area:hover{border-color:var(--primary)}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;cursor:pointer;text-align:center;gap:.4rem;color:var(--text-muted)}.image-upload-placeholder:hover{background:#fdf8f7}.upload-icon{font-size:2rem}.upload-hint{font-size:.78rem;color:var(--text-muted)}.image-upload-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.image-upload-preview img{width:150px;height:150px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border)}