<section style="font-family: Arial, sans-serif; font-size: 15px; margin: 20px;">
<div class="table-responsive"> 
 <table style="width: 100%; border-collapse: collapse;" class="table table-bordered table-striped">
    <tr>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: left;">Description</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">Plan</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">Target Month-to-Date</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">Actual Month-to-Date</th>
      <th style="border: 1px solid #ccc; padding: 8px; text-align: right;">Difference</th>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">FG Movement</td>
      <td style="border: 1px solid #ccc; padding: 8px; background-color:#fff7b3;">£ 45,000.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px; color:green;">£ 95,922.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">WIP Movement</td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red;">£ 27,428.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">Production Total Without WIP</td>
      <td style="border: 1px solid #ccc; padding: 8px; background-color:#fff7b3;">£ 400,000.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;">£ 400,000.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;">£ 342,437.39</td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red; font-weight:bold;">-£ 57,562.61</td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">Production Total With WIP</td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px;"></td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red; font-weight:bold;">-£ 84,990.61</td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">SCRAP SALES</td>
      <td style="border: 1px solid #ccc; padding: 8px; background-color:#fff7b3;">£ 3,400.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;">£ 3,400.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;">£ 3,286.70</td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red; font-weight:bold;">-£ 113.30</td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">Revenue per Std Hour<br><small style="color:gray;">* Based off 6 month Avg</small></td>
      <td style="border: 1px solid #ccc; padding: 8px; background-color:#fff7b3;">£ 101.00</td>
      <td style="border: 1px solid #ccc; padding: 8px;">£ 101.00</td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red;">£ 97.31</td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red; font-weight:bold;">-£ 3.69</td>
    </tr>

    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;">Std Hours</td>
      <td style="border: 1px solid #ccc; padding: 8px;">3,960</td>
      <td style="border: 1px solid #ccc; padding: 8px;">3,960</td>
      <td style="border: 1px solid #ccc; padding: 8px;">3,519</td>
      <td style="border: 1px solid #ccc; padding: 8px; color:red; font-weight:bold;">-441</td>
    </tr>
  </table>
  </div>
</section>
