* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:#f5f7fa; color:#333; }
nav { background:#0a1f44; padding:15px 30px; display:flex; justify-content:space-between; align-items:center; color:#fff; }
nav a { color:#fff; text-decoration:none; margin-left:20px; font-weight:500; }
nav a:hover { text-decoration:underline; }
.logo { font-size:22px; font-weight:bold; }
.container { max-width:1200px; margin:30px auto; padding:0 20px; }
.products { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:25px; }
.product-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.08); transition:0.2s; }
.product-card:hover { transform:translateY(-3px); box-shadow:0 8px 25px rgba(0,0,0,0.12); }
.product-card img { width:100%; height:240px; object-fit:cover; background:#eee; }
.product-info { padding:15px; }
.product-info h3 { font-size:18px; margin-bottom:8px; }
.price { color:#e53935; font-size:20px; font-weight:bold; }
.original-price { text-decoration:line-through; color:#999; margin-left:8px; font-size:14px; }
.detail { font-size:14px; color:#666; margin:5px 0; }
.btn { display:inline-block; padding:8px 18px; background:#0a1f44; color:#fff; border:none; border-radius:6px; cursor:pointer; text-decoration:none; font-size:14px; margin-top:10px; }
.btn:hover { background:#14305e; }
.cart-table { width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; }
.cart-table th, .cart-table td { padding:15px; text-align:left; border-bottom:1px solid #eee; }
.cart-table th { background:#f1f3f5; }
.form-group { margin-bottom:15px; }
.form-group label { display:block; margin-bottom:5px; font-weight:500; }
.form-group input, .form-group textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:6px; font-size:14px; }
.success-box { background:#e8f5e9; padding:30px; border-radius:10px; text-align:center; margin-top:40px; }
.admin-login { max-width:400px; margin:80px auto; background:#fff; padding:30px; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
footer { text-align:center; padding:25px; color:#888; margin-top:50px; }
