<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>New Service 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, #2196f3, #1976d2); padding: 20px; border-radius: 8px; margin-bottom: 20px; color: white;">
        <h2 style="margin: 0;">New Service Added!</h2>
        <p style="margin: 5px 0 0 0; opacity: 0.9;">{service_name}</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear {reseller_name},</p>
        
        <p>Great news! A new service has been added to your reseller account by our admin team.</p>
        
        <div style="background: #e3f2fd; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #1976d2; margin: 0 0 10px 0;">Service Details:</h4>
            <ul style="margin: 0; padding-left: 20px;">
                <li><strong>Service Name:</strong> {service_name}</li>
                <li><strong>Product:</strong> {product_name}</li>
                <li><strong>Category:</strong> {product_category}</li>
                <li><strong>Monthly Cost:</strong> <span style="color: #2e7d32; font-weight: bold;">{monthly_cost}</span></li>
                <li><strong>Service Start Date:</strong> {service_start_date}</li>
                <li><strong>Service ID:</strong> {service_id}</li>
            </ul>
        </div>
        
        <div style="background: #f5f5f5; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0;"><strong>Service Description:</strong></p>
            <p style="margin: 10px 0 0 0;">{service_description}</p>
        </div>
        
        <p>This service has been activated and is ready for use. You can manage this service through your reseller dashboard.</p>
        
        <div style="background: #fff3e0; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0;"><strong>Added by:</strong> {admin_name}</p>
            <p style="margin: 5px 0 0 0;"><strong>Date Added:</strong> {service_start_date}</p>
        </div>
        
        <div style="text-align: center; margin: 30px 0;">
            <a href="{login_url}" style="background: #2196f3; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold;">Access Your Services</a>
        </div>
        
        <p>If you have any questions about this service or need assistance, please contact our support team at <a href="mailto:{support_email}">{support_email}</a>.</p>
        
        <p>Best regards,<br><strong>OpenWeb Reseller Management Team</strong></p>
    </div>
</body>
</html>