body {
    font-family: "Montserrat", sans-serif;
  }

  @media (max-width: 640px) {
    .form-container {
      margin: 1rem 0;
      max-height: none;
    }
    
    button[type="submit"] {
      width: 100%;
      margin-top: 1rem;
    }
    
    form {
      margin: 0.5rem;
    }
    
    body {
      overflow-y: auto;
      overflow-x: hidden;
    }
    
    .bg-white {
      min-height: auto;
    }
    
    .datetime-grid {
      grid-template-columns: 1fr 1fr !important;
      gap: 0.75rem !important;
    }
  }

  @media (max-height: 700px) {
    body {
      align-items: flex-start;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }

  .invoice-field {
    transition: all 0.3s ease;
  }

  .invoice-field.fade-in {
    opacity: 1;
    transform: translateY(0);
  }

  .invoice-field.fade-out {
    opacity: 0;
    transform: translateY(-10px);
  }

  /* Modal Styles */
  .modal {
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
  }

  .modal-content {
    transform: scale(0.9);
    transition: all 0.3s ease;
  }

  .modal.show .modal-content {
    transform: scale(1);
  }

  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .btn {
    transition: all 0.2s ease;
  }

  .btn:hover {
    transform: translateY(-1px);
  }

  .btn:active {
    transform: translateY(0);
  }

  .success-icon {
    animation: successPop 0.5s ease-out 0.2s both;
  }

  @keyframes successPop {
    0% {
      transform: scale(0) rotate(0deg);
      opacity: 0;
    }
    50% {
      transform: scale(1.2) rotate(180deg);
      opacity: 1;
    }
    100% {
      transform: scale(1) rotate(360deg);
      opacity: 1;
    }
  }

  /* Sunday styling for date input */
  input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }
  
  /* Custom styling for disabled Sundays would need JavaScript handling */