/* Add these styles to your existing CSS */
    
    /* Loading spinner animation */
    .loading-spinner svg {
        animation: spin 1s linear infinite;
        vertical-align: middle;
        margin-left: 8px;
    }
    
    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    
    /* SweetAlert2 Customizations */
    .custom-swal {
        font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        border-radius: 10px;
    }
    
    .custom-swal-confirm {
        background-color: #007bff !important;
        border: none !important;
        padding: 0.5rem 1.5rem !important;
        border-radius: 5px !important;
        font-size: 0.95rem !important;
    }
    
    /* Submit button states */
    .submit-btn:disabled {
        background: #cccccc !important;
        cursor: not-allowed;
    }
    
    /* Form validation styles */
    input:invalid, textarea:invalid {
        border-color: #ff4444 !important;
    }
    
    input:focus:invalid, textarea:focus:invalid {
        box-shadow: 0 0 0 2px rgba(255, 68, 68, 0.2);
    }