@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap');
:root{
  --bg:#0d0d0d; --card:#1a1a1a; --gold:#ffcc66; --red:#ff3b3b; --muted:#ffd699;
}
*{box-sizing:border-box}
body{margin:0;padding:0;font-family:Vazirmatn, sans-serif;background:var(--bg);color:#fff}
header{background:linear-gradient(135deg,var(--red),#ff9800);padding:20px;text-align:center;font-weight:700;box-shadow:0 0 20px rgba(255,0,0,0.18)}
.container{width:92%;max-width:1100px;margin:20px auto}
.section{background:var(--card);border:2px solid var(--gold);border-radius:14px;padding:16px;margin:18px 0;box-shadow:0 6px 18px rgba(255,204,0,0.04)}
.section h2{text-align:center;color:var(--red);margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid rgba(255,204,102,0.12)}
.row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;background:#2b2b2b;margin:10px 0;border:1px solid rgba(255,204,102,0.06)}
.title{font-weight:800;color:var(--muted);font-size:16px}
.price-box{display:flex;gap:10px;align-items:center}
.price{background:#4d1a1a;padding:8px 14px;border-radius:10px;border:1px solid #ff6666;color:#ffdddd;min-width:110px;text-align:center;font-weight:700}
.single-price{background:#2f2f2f;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,204,102,0.12);color:var(--muted);min-width:140px;text-align:center;font-weight:700}
@media(max-width:800px){
  .row{flex-direction:column;align-items:flex-start}
  .price-box{width:100%;flex-direction:column;gap:8px}
  .price, .single-price{width:100%;min-width:0;text-align:center}
}
/* Admin styles */
.admin-wrap{display:flex;min-height:100vh}
.sidebar{width:240px;background:#111;padding:18px;color:#fff}
.sidebar a{display:block;color:var(--gold);text-decoration:none;margin:10px 0}
.main{flex:1;padding:18px;background:#f4f4f4}
.card{background:#fff;padding:14px;border-radius:10px}
.table{width:100%;border-collapse:collapse}
.table td{padding:8px;border-bottom:1px solid #eee}
.actions{display:flex;gap:8px}
.btn{padding:8px 10px;border-radius:8px;color:#fff;text-decoration:none}
.btn-edit{background:#2196f3}
.btn-del{background:#e53935}
.btn-add{background:#ff5722;padding:10px 12px;border-radius:8px;color:#fff}
@media(max-width:800px){
  .sidebar{display:none}
}
