.flash-popup {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  background-color: #4CAF50; /* Default green */
  color: white;
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  animation: slide-in 0.5s ease;
}

/* Category specific styles */
.flash-popup.success { background-color: #28a745; }
.flash-popup.danger { background-color: #dc3545; }
.flash-popup.warning { background-color: #ffc107; color: #000; }

.popup-close {
  margin-left: 16px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}

@keyframes slide-in {
  from { opacity: 0; right: -100px; }
  to { opacity: 1; right: 20px; }
}