dif %}
        </div>
    </div>

    <!-- System Logs -->
    <div class="logs-section">
        <div class="section-header">
            <h3>System Logs <span class="log-count">{{ system_logs|length }}</span></h3>
        </div>
        <div class="section-content">
            <div class="filter-controls">
                <button class="filter-btn active" onclick="filterLogs('system', 'all')">All</button>
                <button class="filter-btn" onclick="filterLogs('system', 'info')">Info</button>
    