admin.html

<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Quản Trị Doanh Nghiệp & Cấu Hình (BO-01) - Stitch AI Business Copilot Platform</title>
  
  <!-- Google Fonts: Plus Jakarta Sans -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet">
  
  <!-- Tailwind CSS CDN -->
  <script src="https://cdn.tailwindcss.com"></script>
  
  <!-- Lucide Icons -->
  <script src="https://unpkg.com/lucide@latest"></script>
  
  <!-- Custom Odoo Design Tokens & Styles -->
  <link rel="stylesheet" href="css/custom.css">
</head>
<body class="bg-slate-50 text-slate-900 min-h-screen">

  <!-- Main SPA Root Element -->
  <div id="app-root"></div>

  <!-- Application Scripts -->
  <script src="js/data.js"></script>
  <script src="js/components/zone0_shell.js"></script>
  <script src="js/components/zone1_admin.js"></script>
  <script src="js/components/zone2_inventory.js"></script>
  <script src="js/components/zone3_sales.js"></script>
  <script src="js/components/zone4_pos.js"></script>
  <script src="js/components/zone5_ai.js"></script>
  <script src="js/app.js"></script>

  <!-- Page Init Script -->
  <script>
    window.PAGE_APP = 'sa_admin';
    document.addEventListener('DOMContentLoaded', () => {
      App.init();
    });
    setInterval(() => {
      if (window.lucide) {
        window.lucide.createIcons();
      }
    }, 500);
  </script>
</body>
</html>