
<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 30px; border-radius: 10px 10px 0 0; text-align: center;">
        <h1 style="color: white; margin: 0; font-size: 28px;">✅ Payment Successful!</h1>
    </div>

    <div style="background: #ffffff; padding: 30px; border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 10px 10px;">
        <p style="font-size: 16px; line-height: 1.6; margin: 0 0 20px;">Hello <strong>{first_name} {last_name}</strong>,</p>

        <p style="font-size: 16px; line-height: 1.6; margin: 0 0 25px;">Great news! Your payment has been successfully processed. Here are the details:</p>

        <div style="background: #f9fafb; padding: 20px; border-radius: 8px; margin: 25px 0;">
            <table style="width: 100%; border-collapse: collapse;">
                <tr>
                    <td style="padding: 8px 0; font-weight: bold;">Transaction ID:</td>
                    <td style="padding: 8px 0; text-align: right; font-family: monospace;">{transaction_id}</td>
                </tr>
                <tr>
                    <td style="padding: 8px 0; font-weight: bold;">Amount:</td>
                    <td style="padding: 8px 0; text-align: right; color: #10b981; font-size: 18px; font-weight: bold;">{transaction_amount}</td>
                </tr>
                <tr>
                    <td style="padding: 8px 0; font-weight: bold;">Payment Method:</td>
                    <td style="padding: 8px 0; text-align: right;">{transaction_type}</td>
                </tr>
                <tr style="border-top: 2px solid #e5e7eb;">
                    <td style="padding: 12px 0 8px; font-weight: bold;">Description:</td>
                    <td style="padding: 12px 0 8px; text-align: right;">{transaction_description}</td>
                </tr>
            </table>
        </div>

                    <p>Thank you for choosing {company_name}.</p>
                    <p>Best regards,<br>{company_name} Support Team</p>
    </div>
</div>