/* Flutter Modal Styles - Enhanced */
.flutter-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 16, 24, 0.75);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: start!important;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.flutter-modal-overlay.active {
  opacity: 1;
  visibility: visible;
  padding: 0px !important;
  align-items: end!important;
}

.flutter-modal {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  padding: 32px;
  width: 90%;
  border-radius: 20px;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: scale(0.8) translateY(-20px);
  opacity: 0;
  transition: all 0.3s ease;
}

.flutter-modal-overlay.active .flutter-modal {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.flutter-modal-content {
  border-radius: 8px;
}