/* Toast Notification Styles */
.toast { 
  position: fixed; 
  left: 50%; 
  transform: translateX(-50%) translateY(20px); 
  bottom: 20px; 
  background: #0f1420; 
  border: 1px solid #223047; 
  padding: 10px 14px; 
  border-radius: 999px; 
  box-shadow: var(--shadow); 
  opacity: 0; 
  pointer-events: none; 
  transition: opacity .2s ease, transform .2s ease; 
  z-index: 80; 
  height: 40px;
}

.toast.show { 
  opacity: 1; 
  transform: translateX(-50%) translateY(0); 
}

.toast.error { 
  background: #dc3545; 
  border-color: #dc3545; 
  color: white; 
}

.toast.success { 
  background: #28a745; 
  border-color: #28a745; 
  color: white; 
}

.toast.info { 
  background: #17a2b8; 
  border-color: #17a2b8; 
  color: white; 
}