:root{
  --bg:#fff9ef;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --accent:#f59e0b;
  --accent2:#ef4444;
  --dark:#4a2207;
  --border:#eadfce;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#fff8e8,#fffdf8);color:var(--text)}
.hero{min-height:210px;padding:34px max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:20px;background:radial-gradient(circle at top right,#ffdd80,transparent 35%),linear-gradient(135deg,#5c2607,#9a3d0b 60%,#d97706);color:#fff}
.hero.compact{min-height:150px}
.hero-badge{width:78px;height:78px;border-radius:24px;background:#fff;color:#9a3d0b;display:grid;place-items:center;font-size:30px;font-weight:1000;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hero h1{margin:2px 0 8px;font-size:clamp(26px,4vw,48px);letter-spacing:-1px}
.eyebrow{margin:0;font-size:12px;letter-spacing:3px;font-weight:900;color:#ffecb5}
.subtitle{margin:0;color:#fff6df}
.admin-link{margin-left:auto;color:#4a2207;background:#fff;padding:12px 17px;border-radius:14px;text-decoration:none;font-weight:800}
.container{max-width:1180px;margin:auto;padding:30px 22px 60px}
.toolbar,.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.toolbar h2,.dashboard-head h2{margin:0 0 5px}
.toolbar p,.dashboard-head p{margin:0;color:var(--muted)}
input,select,button{font:inherit}
input,select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:#fff;outline:none}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.12)}
#search{max-width:380px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(96,52,10,.08)}
.card-image{height:190px;background:#f5ead8;position:relative;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;display:block}
.stock-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900}
.stock-badge.low{color:#b91c1c}
.card-body{padding:17px}
.card-body h3{margin:0 0 8px;font-size:21px}
.price{font-size:22px;font-weight:1000;color:#9a3d0b}
.stock-text{color:var(--muted);margin-top:4px}
.empty{padding:40px;text-align:center;color:var(--muted)}
.hidden{display:none!important}
footer{text-align:center;padding:20px;color:#7c6d5d}
.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;margin-bottom:22px;box-shadow:0 10px 30px rgba(96,52,10,.06)}
.login-panel{max-width:520px;margin:30px auto}
.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr auto auto;gap:10px}
.form-grid.one{grid-template-columns:1fr}
button{border:none;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer}
.primary{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}
.secondary{background:#efe8de;color:#5b4634}
.danger-soft{background:#fee2e2;color:#991b1b}
.hint{color:var(--muted);font-size:13px}
.msg{font-weight:700}
.admin-list{display:grid;gap:10px;margin-top:14px}
.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:14px}
.admin-row small{color:var(--muted)}
.admin-actions{display:flex;gap:8px}
.mini-btn{padding:8px 10px;border-radius:10px;background:#f3eee7}
.mini-btn.delete{background:#fee2e2;color:#991b1b}
@media(max-width:780px){
  .hero{align-items:flex-start;flex-wrap:wrap}
  .admin-link{margin-left:0}
  .toolbar,.dashboard-head{align-items:stretch;flex-direction:column}
  #search{max-width:none}
  .form-grid{grid-template-columns:1fr}
  .admin-row{grid-template-columns:1fr}
}