.alert {
  padding: 15px;
  border-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.alert.success {
  background-color: #4caf50;
}

.alert.error {
  background-color: #f44336;
}

.alert.warning {
  background-color: #ff9800;
}

.alert.info {
  background-color: #2196f3;
}

.alert.hidden {
  display: none;
}

#auth-alert button {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
}

.hidden {
  display: none;
}