.card-gradient-debt {
    background: linear-gradient(135deg, #ff4e50, #f9d423);
    color: #fff;
}

.card-gradient-credit {
    background: linear-gradient(135deg, #43cea2, #185a9d);
    color: #fff;
}

.card-gradient-neutral {
    background: linear-gradient(135deg, #d3cce3, #e9e4f0);
    color: #333;
}

.simple-card {
    border-radius: 1rem;
    padding: 1.8rem;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
}
.card-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.btn-debt-pay {
    background: linear-gradient(348deg, #3a74a9, #000000);
    color: white;
    border: none;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 1.5rem;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.35);
    transition: all 0.3s ease;
}

.btn-debt-pay:hover {
    background: linear-gradient(348deg, #000000, #3a74a9);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(108, 117, 125, 0.5);
}

#payment-input {
    font-size: 22px;
}

#pay-user-debt-button:disabled {
    cursor: cell !important;
}