body { margin:0; font-family:Arial,sans-serif; background:#0f0f0f; color:white; }
nav { display:flex; justify-content:space-between; padding:20px 40px; background:#151515; position:sticky; top:0; z-index:10; }
nav a { color:white; text-decoration:none; margin-left:20px; cursor:pointer; }
.logo { font-weight:bold; font-size:22px; }
.hero { text-align:center; padding:80px 20px; background:linear-gradient(135deg,#6a00ff,#00d4ff); }
.hero h1 { font-size:50px; margin:0; }
.hero p { font-size:18px; opacity:0.9; }
.btn { padding:12px 20px; border:none; cursor:pointer; margin-top:10px; border-radius:8px; font-weight:bold; }
.btn-primary { background:black;color:white; }
.btn-secondary { background:white;color:black; }
.products, .staff { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; padding:40px; }
.card, .staff-card { background:#1b1b1b; padding:20px; border-radius:12px; text-align:center; transition:.2s; }
.card:hover, .staff-card:hover { transform:scale(1.05); }
.price { color:#00d4ff; font-weight:bold; margin:10px 0; }
footer { text-align:center; padding:20px; background:#151515; margin-top:40px; }
#admin-panel, #login-panel, #cart-panel { display:none; background:#222; padding:20px; color:white; position:fixed; top:10%; left:50%; transform:translateX(-50%); width:350px; border-radius:12px; z-index:50; }
#admin-panel input, #login-panel input { width:100%; margin:5px 0; padding:8px; border-radius:5px; border:none; }
#admin-panel button, #login-panel button { margin:5px 0; }
.cart-item { display:flex; justify-content:space-between; padding:5px 0; }
.cart-total { font-weight:bold; margin-top:10px; }
img { max-width:100%; border-radius:8px; }