<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= webpackConfig.name %>
  </title>

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap"
    rel="stylesheet" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet" />

  <!-- Tailwind CSS -->
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
  <script>
    tailwind.config = {
      darkMode: "class",
      theme: {
        extend: {
          colors: {
            primary: "#0066FF", // Cyber Blue
            secondary: "#6366F1", // Electric Indigo
            "background-light": "#F8FAFC",
            "background-dark": "#0F172A",
          },
          fontFamily: {
            display: ["Inter", "sans-serif"],
          },
          borderRadius: {
            DEFAULT: "12px",
            'xl': '20px',
          },
          boxShadow: {
            'premium': '0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 10px -2px rgba(0, 0, 0, 0.02)',
            'glass': 'inset 0 0 0 1px rgba(255, 255, 255, 0.4)',
          }
        },
      },
    };
  </script>

  <!-- Global Styles -->
  <style>
    body {
      font-family: 'Inter', sans-serif;
    }

    .glass-card {
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .sidebar-active {
      background: linear-gradient(90deg, #F0F7FF 0%, #FFFFFF 100%);
      border-right: 3px solid #0066FF;
      box-shadow: 4px 0 15px -5px rgba(0, 102, 255, 0.15);
    }

    .subtle-grid {
      background-image: radial-gradient(#E2E8F0 0.5px, transparent 0.5px);
      background-size: 24px 24px;
    }

    /* QT WebChannel */
  </style>
  <script src="qrc:///qtwebchannel/qwebchannel.js"></script>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it
        to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>
<style>
  body {
    margin: 0;
    padding: 0;
    /* width: 1600px;
    height: 900px; */
  }
</style>

</html>