/* Enhanced styling for the payment tabs */
    .nav-tabs .nav-link {
        border-radius: 0.375rem 0.375rem 0 0;
        font-weight: 500;
        color: #495057;
        transition: all 0.3s ease;
    }

    .nav-tabs .nav-link:hover {
        border-color: #dee2e6 #dee2e6 #dee2e6;
        color: #0d6efd;
    }

    .nav-tabs .nav-link.active {
        color: #0d6efd;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        font-weight: 600;
    }

    .tab-content {
        border: 1px solid #dee2e6;
        border-top: none;
        border-radius: 0 0 0.375rem 0.375rem;
        background-color: #fff;
        padding: 1.5rem;
        min-height: 400px;
    }

    .nav-tabs .nav-link i {
        font-size: 1.1em;
    }

    /* Payment form styling */
    .payment-status-indicator {
        text-align: center;
        margin: 20px 0;
    }

    #payment-status {
        background-color: #f8f9fa;
        border-radius: 0.375rem;
        padding: 1rem;
        margin-top: 1rem;
    }

    /* Button styling */
    .modal-footer .btn {
        min-width: 150px;
    }

    .modal-footer .btn i {
        margin-right: 0.5rem;
    }

    /* Alert styling within tabs */
    .tab-pane .alert {
        margin-bottom: 1rem;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .nav-tabs .nav-link {
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
        }
        
        .tab-content {
            padding: 1rem;
            min-height: 350px;
        }
        
        .modal-footer .btn {
            min-width: 120px;
            font-size: 0.9rem;
        }
    }