#successMessage {
    border-left: 4px solid #198754;
    background-color: #d1e7dd;
  }
  
  #successMessage .bi-check-circle-fill {
    color: #198754;
  }
  
  #errorAlert {
    border-left: 4px solid #dc3545;
  }
  
  .btn-yellow {
    position: relative;
  }
  
  .btn-yellow:disabled {
    opacity: 0.65;
    cursor: not-allowed;
  }
  
  /* Smooth transition for showing/hiding elements */
  #formContainer,
  #successMessage,
  #successFooter {
    transition: all 0.3s ease-in-out;
  }