:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --primary:#9a6a1d;
  --primary-dark:#6f4b12;
  --danger:#b91c1c;
  --ok:#166534;
  --border:#e5e7eb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial, Helvetica, sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#111827;color:white;padding:14px 0}
.topbar a{color:white;margin-right:14px}
.brand{font-weight:700;font-size:20px;margin-right:20px}
.navline{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin:18px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.product{display:flex;flex-direction:column;min-height:100%}
.product img{width:100%;height:170px;object-fit:cover;border-radius:12px;background:#eee}
.price{font-size:20px;font-weight:700;color:var(--primary-dark)}
.muted{color:var(--muted)}
.btn,button,input[type=submit]{display:inline-block;background:var(--primary);border:0;color:white;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.btn:hover,button:hover,input[type=submit]:hover{background:var(--primary-dark);text-decoration:none}
.btn.secondary{background:#374151}
.btn.danger{background:var(--danger)}
.btn.ok{background:var(--ok)}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;margin:6px 0 12px;background:white}
label{font-weight:700}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}
th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
th{background:#f3f4f6}
.alert{padding:12px;border-radius:12px;margin:14px 0;background:#fff7ed;border:1px solid #fed7aa}
.alert.ok{background:#ecfdf5;border-color:#bbf7d0}
.alert.error{background:#fef2f2;border-color:#fecaca}
.badge{display:inline-block;border-radius:999px;padding:4px 10px;background:#f3f4f6;font-size:12px}
.badge.ok{background:#dcfce7;color:#166534}
.badge.danger{background:#fee2e2;color:#991b1b}
.footer{padding:30px 0;color:var(--muted);text-align:center}
.stat{font-size:28px;font-weight:700;color:var(--primary-dark)}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.small{font-size:12px}