:root{--d:#111827;--m:#64748b;--l:#e5e7eb;--b:#f6f7f9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--b);color:#111827}a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:auto;padding:0 18px}.narrow{max-width:760px;padding-top:40px}.top{background:#0f172a;color:#fff}
.top .container{height:68px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:22px;font-weight:900}.nav{display:flex;gap:20px}
.hero{background:white;padding:52px 0}.hero h1{font-size:40px;margin:0 0 10px}.muted{color:var(--m)}
.section{padding:32px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--l);border-radius:14px;padding:18px}
.product img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.price{font-size:21px;font-weight:800}
.btn{display:inline-block;background:var(--d);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.btn.alt{background:#e9edf2;color:#111827}.btn.danger{background:#b91c1c}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{font-weight:700;font-size:13px}input,select,textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #cfd5dd;border-radius:8px}textarea{min-height:100px}
.alert{padding:12px;border-radius:8px;margin:12px 0}.ok{background:#dcfce7;color:#166534}.err{background:#fee2e2;color:#991b1b}
.adminbar{background:#111827;color:#fff;padding:12px 0}.adminbar .container{display:flex;justify-content:space-between;align-items:center}.adminnav{display:flex;gap:12px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--l);text-align:left;font-size:14px}th{color:#64748b;font-size:12px}
.variant-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:8px;align-items:end;margin:8px 0;padding:10px;background:#f8fafc;border-radius:10px}
@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.grid2,.variant-row{grid-template-columns:1fr}.nav{display:none}}@media(max-width:520px){.cards{grid-template-columns:1fr}}