<div class="w-full page bg-white">
    <!-- Main Content -->
    <div class="flex flex-col items-center justify-center h-full">
        <!-- Fuel Utilization Chart -->
        <div class="w-full max-w-5xl">
            <img
                src="data:image/png;base64,{{ fuel_utilization_chart }}"
                alt="Fuel Utilization Report - Institute of Science, Health and Performance"
                class="w-full h-auto object-contain chart-large"
            />
        </div>

        <!-- Chart Information -->
        <div class="mt-8 text-center">
            <p class="text-gray-700 text-sm">
                Client: {{ client_name | default('Keirstyn Moran') }} |
                Assessment Date: {{ assessment_date | default('July 29 2025') }}
            </p>
        </div>
    </div>
</div>
