#flash-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10500;
  width: 90%;
  max-width: 500px;
  pointer-events: none;
}
.flash-message {
  padding: 12px 20px;
  border-radius: 8px;
  background: #333;
  color: #fff;
  margin-bottom: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  font-size: 14px;
  text-align: center;
  animation: flash-fade-in 0.3s ease-out forwards;
  pointer-events: auto;
}
.flash-message.success { background: #2ecc71; }
.flash-message.error { background: #e74c3c; }
@keyframes flash-fade-in {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}
.flash-message.fade-out {
  animation: flash-fade-out 0.3s ease-in forwards;
}
@keyframes flash-fade-out {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-20px); }
}