<div class="card adminuiux-card border-0 shadow-sm h-100 hover-lift" data-widget="cpu">
    <div class="card-body p-4 text-center position-relative">
        <div class="d-flex justify-content-between mb-2">
            <h6 class="fw-bold text-dark small mb-0">CPU LOAD</h6>
            <i class="bi bi-speedometer2 text-theme-1"></i>
        </div>
        <h1 class="display-3 fw-black text-theme-1 mb-0 counter-value" id="stat-cpu-percent">{{ $stats['cpu'] }}%</h1>
        <div class="mini-progress mt-3">
            <div class="bar" id="cpu-bar" style="width:{{ $stats['cpu'] }}%"></div>
        </div>
    </div>
    <div id="chart-cpu-sparkline" class="sparkline-container"></div>
</div>
