:root{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--accent:#22d3ee;--muted:#9ca3af}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Noto Kufi Arabic',sans-serif;background:#0b1020;color:var(--text)}
.container{max-width:1100px;margin:auto;padding:16px}
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.brand{font-weight:700;letter-spacing:.5px}
.nav a{color:var(--text);text-decoration:none;margin-inline:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#0b1222,#0a0f1c);border:1px solid #1f2937;border-radius:18px;padding:14px;box-shadow:0 8px 20px #00000040}
.card img{width:100%;height:180px;object-fit:cover;border-radius:12px}
.price{color:var(--accent);font-weight:700}
.btn{display:inline-block;background:var(--accent);color:#001018;padding:10px 14px;border-radius:12px;font-weight:700;border:none;cursor:pointer}
.btn.secondary{background:#1f2937;color:#d1d5db}
.input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #24324a;background:#0b1020;color:#e5e7eb}
.header .cart{position:relative}
.badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px}
.footer{margin-top:40px;padding:24px 0;color:#9ca3af;border-top:1px solid #1f2937}
.alert{background:#0b1324;border:1px solid #1f2a44;color:#93c5fd;padding:10px;border-radius:12px}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid #1f2937;padding:10px;text-align:right}