<!-- Mobile Header (shows only on mobile) -->
<div class="mobile-header">
    <div class="mobile-header-content">
        <div style="display: flex; align-items: center; gap: 12px;">
            <div class="mobile-header-logo">
                <img src="../assets/img/LOGO1.png" alt="CRDMS Logo">
            </div>
            <h4>CRDMS</h4>
        </div>
        <button type="button" id="mobileSidebarToggle" title="Open Menu">
            <i data-lucide="menu"></i>
        </button>
    </div>
</div>

<!-- Sidebar Overlay (for mobile) -->
<div class="sidebar-overlay" id="sidebarOverlay"></div>
