        </main>
    </div>
</div>
<script>
(function(){
    var sidebar = document.getElementById('admin-sidebar');
    var toggle = document.getElementById('admin-sidebar-toggle');
    var backdrop = document.getElementById('admin-sidebar-backdrop');
    function openSidebar() {
        sidebar.classList.add('is-open');
        backdrop.classList.add('is-visible');
        document.body.style.overflow = 'hidden';
    }
    function closeSidebar() {
        sidebar.classList.remove('is-open');
        backdrop.classList.remove('is-visible');
        document.body.style.overflow = '';
    }
    if (toggle) toggle.addEventListener('click', function() {
        if (sidebar.classList.contains('is-open')) closeSidebar(); else openSidebar();
    });
    if (backdrop) backdrop.addEventListener('click', closeSidebar);
    if (window.matchMedia('(min-width: 1024px)').matches) closeSidebar();
})();
</script>
</body>
</html>
