<!DOCTYPE html>
<html lang="ar" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GYNOVA - IVF & Obstetrics Management System</title>
    <meta name="author" content="Dr. Mohamed Salah Gabr">
    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#d946ef">
    <meta name="description" content="Comprehensive IVF and Obstetrics Management System">
    <!-- Professional Arabic Fonts -->
    <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=Almarai:wght@300;400;700;800&family=Cairo:wght@400;500;600;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap" rel="stylesheet">
    <!-- Immediate Theme Initialization to prevent flash of wrong theme -->
    <script>
      (function() {
        try {
          const savedTheme = localStorage.getItem('app-theme') || 'gynova-forest';
          document.documentElement.setAttribute('data-theme', savedTheme);
        } catch (e) {}
      })();
    </script>
    <script type="module" crossorigin src="/assets/index-DxD_sRMQ.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-cv5co_Sg.css">
  <link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body data-theme="luxury-dark">
    <div id="root"></div>
  </body>
</html>
