<!DOCTYPE html>
<html class="h-full" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover maximum-scale=1.0, user-scalable=no"
    />
    <title>Admin Panel</title>
    <script>
      // Apply dark theme immediately to prevent flash of light theme
      (function() {
        var stored = localStorage.getItem('admin-panel-theme');
        var isDark = stored ? stored === 'dark' : window.matchMedia('(prefers-color-scheme: dark)').matches;
        document.documentElement.setAttribute('data-theme', isDark ? 'dark' : 'light');
      })();
    </script>
    <script type="module" crossorigin src="/assets/admin_panel/frontend/assets/index-0ce49f30.js"></script>
    <link rel="stylesheet" href="/assets/admin_panel/frontend/assets/index-a640712b.css">
  </head>
  <body class="h-full">
    <div id="app" class="h-full"></div>
    
  
          <script>
              {% for key in boot %}
              window["{{ key }}"] = {{ boot[key] | tojson }};
              {% endfor %}
          </script>
          </body>
          
</html>
