body {font-family: Arial, sans-serif; background: #121212; color: #eaeaea; margin:0;}
.site-header {display:flex; justify-content:space-between; align-items:center; padding:12px 20px; background:#0d0d0d; border-bottom:1px solid #222;}
.site-header h1 {margin:0; font-size:20px;}
.topbar .btn {margin-left:10px;}
.container {display:grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap:20px; padding:20px;}
.card {background:#1e1e1e; border-radius:8px; box-shadow: 0 2px 8px rgba(0,0,0,0.5); overflow:hidden; text-align:center; padding-bottom:12px;}
.card img {width:100%; height:180px; object-fit:cover;}
.card h3 {margin:10px 0;}
.price {color:#66d9ff; font-weight:bold;}
.btn {display:inline-block; background:#2a7ae2; color:white; padding:8px 12px; text-decoration:none; border-radius:6px;}
.btn.primary {background:#2ecc71;}
.btn.danger, .btn.danger:hover {background:#e74c3c; color:white;}
.table {width:100%; border-collapse:collapse; background:#0f0f0f; color:#eaeaea;}
.table th, .table td {border:1px solid #222; padding:10px;}
.table th {background:#161616;}
input, textarea {width:100%; padding:8px; background:#0f0f0f; color:#eaeaea; border:1px solid #222; border-radius:4px;}
a {color:#66d9ff;}
.admin-sidebar {position:fixed; left:0; top:0; width:220px; height:100%; background:#0b0b0b; padding:20px; box-sizing:border-box;}
.admin-sidebar a {display:block; color:#ccc; text-decoration:none; padding:10px; border-radius:6px; margin-bottom:8px;}
.admin-sidebar a:hover {background:#222; color:#fff;}
.admin-content {margin-left:240px; padding:20px;}