        </div>
    </div>
    
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const toggleBtn = document.getElementById('adminMobileToggle');
            const sidebar = document.querySelector('.sidebar');
            const backdrop = document.getElementById('adminSidebarBackdrop');

            if (toggleBtn && sidebar && backdrop) {
                toggleBtn.addEventListener('click', () => {
                    sidebar.classList.toggle('active');
                    backdrop.classList.toggle('active');
                });

                backdrop.addEventListener('click', () => {
                    sidebar.classList.remove('active');
                    backdrop.classList.remove('active');
                });
            }
        });
    </script>
</body>
</html>
