<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Credit Added</title></head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div style="background: linear-gradient(135deg, #4caf50, #45a049); padding: 20px; border-radius: 8px; margin-bottom: 20px; color: white;">
        <h2 style="margin: 0;">Credit Added Successfully!</h2>
        <p style="margin: 5px 0 0 0; opacity: 0.9;">{credit_amount}</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear {reseller_name},</p>
        
        <p>Credits have been successfully added to your account.</p>
        
        <div style="background: #e8f5e8; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #2e7d32; margin: 0 0 10px 0;">Transaction Details:</h4>
            <ul style="margin: 0; padding-left: 20px;">
                <li><strong>Amount Added:</strong> {credit_amount}</li>
                <li><strong>Transaction ID:</strong> {transaction_id}</li>
                <li><strong>Payment Method:</strong> {payment_method}</li>
                <li><strong>Transaction Date:</strong> {transaction_date}</li>
                <li><strong>New Account Balance:</strong> <span style="color: #2e7d32; font-weight: bold;">{new_balance}</span></li>
            </ul>
        </div>
        
        <p>Your account is now updated and ready for new orders.</p>
        
        <p>Best regards,<br><strong>OpenWeb Reseller Management Team</strong></p>
    </div>
</body>
</html>