  <head></head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LLM Vulnerability Scanner</title>
    <script src="/cdn/tailwindcss.js"></script>
    <script src="/cdn/vue.js"></script>
    <script src="/cdn/lucide.js"></script>
    <link href="/cdn/technopollas.css" rel="stylesheet">
    <style>
      @import url('/cdn/inter.css');
    </style>
    <script>
      tailwind.config = {
        darkMode: 'class',
        theme: {
          extend: {
            fontFamily: {
              sans: ['Inter', 'sans-serif'],
              technopollas: ['Technopollas', 'sans-serif'],
            },
            colors: {
                dark: {
                bg: '#0D0D0D', // Jet Black
                card: '#1A1A1A', // Dark Carbon Fiber
                text: '#FFFFFF',
                accent: {
                  green: '#E0A3B6', // Frozen Berry
                  red: '#1C3F74', // Neptune Blue
                  orange: '#A5A5A5', // Dolomite Silver
                  yellow: '#2E4053', // Jet Black
                },
              },
              dark1: {
                bg: '#121212',
                card: '#1E1E1E',
                text: '#FFFFFF',
                accent: {
                  green: '#4CAF50',
                  red: '#F44336',
                  orange: '#FF9800',
                  yellow: '#FFEB3B',
                // bg: '#0D0D0D', // Jet Black
                // card: '#1A1A1A', // Dark Carbon Fiber
                // text: '#FFFFFF',
                // accent: {
                //   green: '#E0A3B6', // Frozen Berry
                //   red: '#1C3F74', // Neptune Blue
                //   orange: '#A5A5A5', // Dolomite Silver
                //   yellow: '#2E4053', // Jet Black

                  berry: '#E0A3B6', // Frozen Berry
                  blue: '#1C3F74', // Neptune Blue
                  silver: '#A5A5A5', // Dolomite Silver
                  black: '#DAF7A6', // Jet Black
                },
                variant1: {
                    primary: '#E0A3B6', // Frozen Berry
                    secondary: '#1C3F74', // Neptune Blue
                    highlight: '#A5A5A5', // Dolomite Silver
                    dark: '#000000' // Jet Black
                  },
                  variant2: {
                    primary: '#FF5733', // Lava Red
                    secondary: '#2E4053', // Midnight Blue
                    highlight: '#C0C0C0', // Platinum Silver
                    dark: '#121212' // Deep Black
                  },
                  variant3: {
                    primary: '#3D9970', // Racing Green
                    secondary: '#85144B', // Burgundy Red
                    highlight: '#AAAAAA', // Light Silver
                    dark: '#111111' // Matte Black
                  },
                  variant4: {
                    primary: '#FFC300', // Golden Yellow
                    secondary: '#DAF7A6', // Soft Mint
                    highlight: '#888888', // Titanium Gray
                    dark: '#222222' // Charcoal Black
                  },
              },
            },
            borderRadius: {
              'lg': '1rem',
            },
          }
        }
      }
    </script>

    <style>
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

    </style>
<style>
/* Toast-specific colors */
.bg-success-toast {
    background: #1C3F74
}

.bg-error-toast {
    background: #85144B
}

.bg-info-toast {
    background: #FFC300
}

.border-accent-green, .border-accent-red, .border-accent-orange {
    border-color: rgba(255, 255, 255, 0.1); /* Subtle white border for depth */
}

/* Animation */
.animate-toast-in {
    animation: tSlideIn 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@keyframes tSlideIn {
    from {
        transform: translateX(120%) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}

.toast-enter-active,
.toast-leave-active {
    transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.toast-enter-from,
.toast-leave-to {
    transform: translateX(120%) scale(0.95);
    opacity: 0;
}

/* Hover effect */
[toast-type]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}
</style>
  </head>
