.transaction-details {
        background-color: #f8f9fa;
        border-radius: 10px;
        padding: 15px;
    }

    .detail-row {
        transition: background-color 0.3s ease;
    }

    .detail-row:hover {
        background-color: #e9ecef;
    }

    .detail-label {
        font-size: 0.9rem;
    }

    .detail-value {
        font-size: 1rem;
    }

    .text-primary {
        color: #041E43 !important;
    }

    .text-success {
        color: #28a745 !important;
    }

    @media (max-width: 576px) {
        .detail-label, .detail-value {
            font-size: 0.8rem;
        }
    }

    .btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    }

    .dropdown-item:hover {
        background-color: #f8f9fa;
    }

    .form-control:focus {
        box-shadow: 0 0 0 0.2rem rgba(178, 135, 43, 0.25);
        border-color: #B2872B;
    }

    .input-group .btn {
        z-index: 0;
    }

    .dropdown-menu {
        border: none;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

    .dropdown-item {
        padding: 0.5rem 1rem;
        transition: background-color 0.2s ease;
    }

    .dropdown-item:active {
        background-color: #041E43;
        color: white;
    }

    #convert-btn {
        transition: all 0.3s ease;
    }

    #convert-btn:hover {
        background-color: #8e6b22;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    }

    #convert-btn:active {
        transform: translateY(1px);
        box-shadow: 0 2px 3px rgba(50, 50, 93, .11), 0 1px 2px rgba(0, 0, 0, .08);
    }

    .card {
        transition: box-shadow 0.3s ease;
    }

    .card:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05);
        }
        100% {
            transform: scale(1);
        }
    }

    #amount-receive {
        animation: pulse 2s infinite;
    }

    @media (max-width: 768px) {
        .card-body {
            padding: 1rem;
        }

        .input-group .form-control,
        .input-group .btn {
            font-size: 0.9rem;
        }

        #convert-btn {
            font-size: 1rem;
            padding: 0.5rem 1rem;
        }
    }