<body style="font-family: Arial, sans-serif; font-size: 14px; color: #333;">
    <h2 style="color:  #333;; margin-bottom: 12px;">
        Manpower Alert – {{siteName}}
    </h2>

    <p>A manpower mismatch has been detected:</p>

    <table style="border-collapse: collapse; margin-top: 12px;">
        <tr>
            <td style="padding: 4px 8px; font-weight: bold;">Site:</td>
            <td style="padding: 4px 8px;">{{siteName}}</td>
        </tr>
        <tr>
            <td style="padding: 4px 8px; font-weight: bold;">Date:</td>
            <td style="padding: 4px 8px;">{{date}}</td>
        </tr>
        <tr>
            <td style="padding: 4px 8px; font-weight: bold;">Actual:</td>
            <td style="padding: 4px 8px;">{{actual}}</td>
        </tr>
        <tr>
            <td style="padding: 4px 8px; font-weight: bold;">Expected:</td>
            <td style="padding: 4px 8px;">{{expected}}</td>
        </tr>
        <tr>
            <td style="padding: 4px 8px; font-weight: bold;">Status:</td>
            <td style="padding: 4px 8px;">{{status}} Manpower</td>
        </tr>
    </table>

    <p style="margin-top: 15px;">
        Please investigate and coordinate with the site supervisor.
    </p>

    <p style="color: #333;">
        This is an automated message from the Manpower Monitoring System.
    </p>

    <p>
    <div>Best regards,</div>
    <div>iService365 Team</div>
    </p>
</body>