<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Order Provisioned</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;">Order Provisioned Successfully!</h2>
        <p style="margin: 5px 0 0 0; opacity: 0.9;">Order #{order_id}</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear {reseller_name},</p>
        
        <p><strong>Great news!</strong> Your order #{order_id} has been successfully provisioned.</p>
        
        <div style="background: #e8f5e8; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #2e7d32; margin: 0 0 10px 0;">Service Details:</h4>
            <div style="white-space: pre-line; font-family: monospace; background: #f8f9fa; padding: 10px; border-radius: 3px;">{service_details}</div>
        </div>
        
        <div style="background: #fff3cd; padding: 15px; border-radius: 5px; margin: 20px 0; border-left: 4px solid #ffc107;">
            <h4 style="color: #856404; margin: 0 0 10px 0;">Login Credentials:</h4>
            <div style="white-space: pre-line; font-family: monospace; background: #f8f9fa; padding: 10px; border-radius: 3px;">{login_credentials}</div>
            <p style="margin: 10px 0 0 0; font-size: 12px; color: #856404;"><strong>Important:</strong> Please save these details securely.</p>
        </div>
        
        <p><strong>Billing Cycle:</strong> {billing_cycle}</p>
        
        <p>Your services are now active and ready for use.</p>
        
        <p>For technical support, contact us at <a href="mailto:{support_contact}">{support_contact}</a>.</p>
        
        <p>Best regards,<br><strong>OpenWeb Reseller Management Team</strong></p>
    </div>
</body>
</html>