:root{color:#111827;background:#f8fafc;font-family:Inter,system-ui,sans-serif}body{margin:0}.nav{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 7%;display:flex;position:sticky;top:0}.brand{font-size:22px;font-weight:800}.nav a,.nav button{color:#111827;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:16px;text-decoration:none}.hero{color:#fff;background:linear-gradient(135deg,#111827,#374151);padding:70px 7%}.hero h1{max-width:760px;font-size:48px}.container{padding:36px 7%}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 30px #0000000d}.product-img{object-fit:cover;background:#e5e7eb;border-radius:16px;width:100%;height:190px}.button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.button.secondary{color:#3730a3;background:#eef2ff}.input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;width:100%;margin:8px 0 14px;padding:12px}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.pill{color:#065f46;background:#ecfdf5;border-radius:999px;padding:4px 10px;font-size:12px}.error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px}.tabs button{margin:0 8px 16px 0}.admin-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:10px;display:grid}
