body {
  font-family: Arial;
  background: #0f172a;
  color: white;
  text-align: center;
  margin: 0;
}

.container { margin-top: 50px; padding: 0 10px; }
input, button, select { padding: 12px; margin: 10px; width: 250px; border-radius: 8px; border: none; }
button { background: #22c55e; color: white; cursor: pointer; }
button:hover { background: #16a34a; }
.card { background: #1e293b; padding: 20px; border-radius: 12px; display: inline-block; margin-top: 20px; text-align: left; max-width: 500px; }
.hidden { display: none; }
.tab-buttons button { width: 120px; margin:5px; }
#adminArea input { width: 200px; }
#adminArea button { width: 100px; }

/* Rating stars */
.stars { display: flex; justify-content: center; gap: 5px; cursor: pointer; }
.stars span { font-size: 30px; color: #555; }
.stars span.checked { color: gold; }

/* Responsive */
@media screen and (max-width: 600px) {
  .tab-buttons button { width: 100px; font-size: 12px; padding: 8px; }
  input, select, button { width: 90%; margin: 8px 0; }
  .card { width: 90%; padding: 15px; }
}