*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#172033}.container{width:min(1120px,92%);margin:auto}.topbar{background:#111827;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.nav a{color:#fff;text-decoration:none;margin-left:16px}.brand{font-size:20px;font-weight:700}.hero{padding:70px 0}.hero h1{font-size:48px;margin:0 0 18px}.hero p{font-size:20px;color:#556070;max-width:700px}.btn{display:inline-block;padding:12px 18px;border-radius:8px;border:0;cursor:pointer;text-decoration:none;background:#111827;color:#fff}.btn.secondary{background:#e5e7eb;color:#111827}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.06)}.price{font-size:22px;font-weight:700}.muted{color:#687386}.form{max-width:560px;background:#fff;padding:24px;border-radius:12px}.form label{display:block;font-weight:600;margin:12px 0 6px}.form input,.form textarea,.form select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.footer{margin-top:60px;padding:30px 0;color:#687386}.alert{padding:12px;border-radius:8px;background:#fff3cd;margin:15px 0}.success{background:#dcfce7}.danger{background:#fee2e2}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{background:#fff;padding:20px;border-radius:12px}.stat b{display:block;font-size:28px;margin-top:8px}img.product-img{width:100%;height:180px;object-fit:cover;border-radius:8px}