/* ==========================================================================
   EverFormation Design System & Dynamic Theme Engine (Light & Dark Mode)
   ========================================================================== */

:root {
  --font-sans: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

/* Global Reset & Base Typography */
*, ::before, ::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Base form element theme styling */
input, select, textarea {
  font-family: inherit;
  font-size: inherit;
}

/* Selection Highlighting */
::selection {
  background-color: #4f46e5;
  color: #ffffff;
}

html.dark ::selection {
  background-color: #6366f1;
  color: #ffffff;
}

/* Dark mode inputs & dropdowns default high contrast styling */
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark input[type="tel"],
html.dark input[type="number"],
html.dark input[type="search"],
html.dark textarea,
html.dark select {
  background-color: #0f172a;
  color: #f8fafc;
  border-color: #334155;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #64748b !important;
  opacity: 1;
}

html.dark select option {
  background-color: #0f172a;
  color: #f8fafc;
}

html:not(.dark) input[type="text"],
html:not(.dark) input[type="email"],
html:not(.dark) input[type="password"],
html:not(.dark) input[type="tel"],
html:not(.dark) input[type="number"],
html:not(.dark) input[type="search"],
html:not(.dark) textarea,
html:not(.dark) select {
  background-color: #ffffff;
  color: #0f172a;
  border-color: #e2e8f0;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
  color: #94a3b8;
  opacity: 1;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
html.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
html.dark ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

.bg-slate-50 { background-color: #f8fafc !important; }
.text-slate-50 { color: #f8fafc !important; }
.border-slate-50 { border-color: #f8fafc !important; }
.fill-slate-50 { fill: #f8fafc !important; }
.stroke-slate-50 { stroke: #f8fafc !important; }

/* Hover states */
.hover\:bg-slate-50:hover { background-color: #f8fafc !important; }
.hover\:text-slate-50:hover { color: #f8fafc !important; }
.hover\:border-slate-50:hover { border-color: #f8fafc !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-50,
html.dark .dark\:bg-slate-50 { background-color: #f8fafc !important; }
.dark .dark\:text-slate-50,
html.dark .dark\:text-slate-50 { color: #f8fafc !important; }
.dark .dark\:border-slate-50,
html.dark .dark\:border-slate-50 { border-color: #f8fafc !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-50:hover,
html.dark .dark\:hover\:bg-slate-50:hover { background-color: #f8fafc !important; }
.dark .dark\:hover\:text-slate-50:hover,
html.dark .dark\:hover\:text-slate-50:hover { color: #f8fafc !important; }
.dark .dark\:hover\:border-slate-50:hover,
html.dark .dark\:hover\:border-slate-50:hover { border-color: #f8fafc !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-50,
html.dark .group:hover .dark\:group-hover\:text-slate-50 { color: #f8fafc !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-50,
html.dark .group:hover .dark\:group-hover\:bg-slate-50 { background-color: #f8fafc !important; }

.bg-slate-50\/10 { background-color: rgba(248, 250, 252, 0.1) !important; }
.text-slate-50\/10 { color: rgba(248, 250, 252, 0.1) !important; }
.border-slate-50\/10 { border-color: rgba(248, 250, 252, 0.1) !important; }

.hover\:bg-slate-50\/10:hover { background-color: rgba(248, 250, 252, 0.1) !important; }
.hover\:text-slate-50\/10:hover { color: rgba(248, 250, 252, 0.1) !important; }
.hover\:border-slate-50\/10:hover { border-color: rgba(248, 250, 252, 0.1) !important; }

.dark .dark\:bg-slate-50\/10,
html.dark .dark\:bg-slate-50\/10 { background-color: rgba(248, 250, 252, 0.1) !important; }
.dark .dark\:text-slate-50\/10,
html.dark .dark\:text-slate-50\/10 { color: rgba(248, 250, 252, 0.1) !important; }
.dark .dark\:border-slate-50\/10,
html.dark .dark\:border-slate-50\/10 { border-color: rgba(248, 250, 252, 0.1) !important; }

.dark .dark\:hover\:bg-slate-50\/10:hover,
html.dark .dark\:hover\:bg-slate-50\/10:hover { background-color: rgba(248, 250, 252, 0.1) !important; }
.dark .dark\:hover\:text-slate-50\/10:hover,
html.dark .dark\:hover\:text-slate-50\/10:hover { color: rgba(248, 250, 252, 0.1) !important; }
.dark .dark\:hover\:border-slate-50\/10:hover,
html.dark .dark\:hover\:border-slate-50\/10:hover { border-color: rgba(248, 250, 252, 0.1) !important; }

.bg-slate-50\/20 { background-color: rgba(248, 250, 252, 0.2) !important; }
.text-slate-50\/20 { color: rgba(248, 250, 252, 0.2) !important; }
.border-slate-50\/20 { border-color: rgba(248, 250, 252, 0.2) !important; }

.hover\:bg-slate-50\/20:hover { background-color: rgba(248, 250, 252, 0.2) !important; }
.hover\:text-slate-50\/20:hover { color: rgba(248, 250, 252, 0.2) !important; }
.hover\:border-slate-50\/20:hover { border-color: rgba(248, 250, 252, 0.2) !important; }

.dark .dark\:bg-slate-50\/20,
html.dark .dark\:bg-slate-50\/20 { background-color: rgba(248, 250, 252, 0.2) !important; }
.dark .dark\:text-slate-50\/20,
html.dark .dark\:text-slate-50\/20 { color: rgba(248, 250, 252, 0.2) !important; }
.dark .dark\:border-slate-50\/20,
html.dark .dark\:border-slate-50\/20 { border-color: rgba(248, 250, 252, 0.2) !important; }

.dark .dark\:hover\:bg-slate-50\/20:hover,
html.dark .dark\:hover\:bg-slate-50\/20:hover { background-color: rgba(248, 250, 252, 0.2) !important; }
.dark .dark\:hover\:text-slate-50\/20:hover,
html.dark .dark\:hover\:text-slate-50\/20:hover { color: rgba(248, 250, 252, 0.2) !important; }
.dark .dark\:hover\:border-slate-50\/20:hover,
html.dark .dark\:hover\:border-slate-50\/20:hover { border-color: rgba(248, 250, 252, 0.2) !important; }

.bg-slate-50\/25 { background-color: rgba(248, 250, 252, 0.25) !important; }
.text-slate-50\/25 { color: rgba(248, 250, 252, 0.25) !important; }
.border-slate-50\/25 { border-color: rgba(248, 250, 252, 0.25) !important; }

.hover\:bg-slate-50\/25:hover { background-color: rgba(248, 250, 252, 0.25) !important; }
.hover\:text-slate-50\/25:hover { color: rgba(248, 250, 252, 0.25) !important; }
.hover\:border-slate-50\/25:hover { border-color: rgba(248, 250, 252, 0.25) !important; }

.dark .dark\:bg-slate-50\/25,
html.dark .dark\:bg-slate-50\/25 { background-color: rgba(248, 250, 252, 0.25) !important; }
.dark .dark\:text-slate-50\/25,
html.dark .dark\:text-slate-50\/25 { color: rgba(248, 250, 252, 0.25) !important; }
.dark .dark\:border-slate-50\/25,
html.dark .dark\:border-slate-50\/25 { border-color: rgba(248, 250, 252, 0.25) !important; }

.dark .dark\:hover\:bg-slate-50\/25:hover,
html.dark .dark\:hover\:bg-slate-50\/25:hover { background-color: rgba(248, 250, 252, 0.25) !important; }
.dark .dark\:hover\:text-slate-50\/25:hover,
html.dark .dark\:hover\:text-slate-50\/25:hover { color: rgba(248, 250, 252, 0.25) !important; }
.dark .dark\:hover\:border-slate-50\/25:hover,
html.dark .dark\:hover\:border-slate-50\/25:hover { border-color: rgba(248, 250, 252, 0.25) !important; }

.bg-slate-50\/30 { background-color: rgba(248, 250, 252, 0.3) !important; }
.text-slate-50\/30 { color: rgba(248, 250, 252, 0.3) !important; }
.border-slate-50\/30 { border-color: rgba(248, 250, 252, 0.3) !important; }

.hover\:bg-slate-50\/30:hover { background-color: rgba(248, 250, 252, 0.3) !important; }
.hover\:text-slate-50\/30:hover { color: rgba(248, 250, 252, 0.3) !important; }
.hover\:border-slate-50\/30:hover { border-color: rgba(248, 250, 252, 0.3) !important; }

.dark .dark\:bg-slate-50\/30,
html.dark .dark\:bg-slate-50\/30 { background-color: rgba(248, 250, 252, 0.3) !important; }
.dark .dark\:text-slate-50\/30,
html.dark .dark\:text-slate-50\/30 { color: rgba(248, 250, 252, 0.3) !important; }
.dark .dark\:border-slate-50\/30,
html.dark .dark\:border-slate-50\/30 { border-color: rgba(248, 250, 252, 0.3) !important; }

.dark .dark\:hover\:bg-slate-50\/30:hover,
html.dark .dark\:hover\:bg-slate-50\/30:hover { background-color: rgba(248, 250, 252, 0.3) !important; }
.dark .dark\:hover\:text-slate-50\/30:hover,
html.dark .dark\:hover\:text-slate-50\/30:hover { color: rgba(248, 250, 252, 0.3) !important; }
.dark .dark\:hover\:border-slate-50\/30:hover,
html.dark .dark\:hover\:border-slate-50\/30:hover { border-color: rgba(248, 250, 252, 0.3) !important; }

.bg-slate-50\/40 { background-color: rgba(248, 250, 252, 0.4) !important; }
.text-slate-50\/40 { color: rgba(248, 250, 252, 0.4) !important; }
.border-slate-50\/40 { border-color: rgba(248, 250, 252, 0.4) !important; }

.hover\:bg-slate-50\/40:hover { background-color: rgba(248, 250, 252, 0.4) !important; }
.hover\:text-slate-50\/40:hover { color: rgba(248, 250, 252, 0.4) !important; }
.hover\:border-slate-50\/40:hover { border-color: rgba(248, 250, 252, 0.4) !important; }

.dark .dark\:bg-slate-50\/40,
html.dark .dark\:bg-slate-50\/40 { background-color: rgba(248, 250, 252, 0.4) !important; }
.dark .dark\:text-slate-50\/40,
html.dark .dark\:text-slate-50\/40 { color: rgba(248, 250, 252, 0.4) !important; }
.dark .dark\:border-slate-50\/40,
html.dark .dark\:border-slate-50\/40 { border-color: rgba(248, 250, 252, 0.4) !important; }

.dark .dark\:hover\:bg-slate-50\/40:hover,
html.dark .dark\:hover\:bg-slate-50\/40:hover { background-color: rgba(248, 250, 252, 0.4) !important; }
.dark .dark\:hover\:text-slate-50\/40:hover,
html.dark .dark\:hover\:text-slate-50\/40:hover { color: rgba(248, 250, 252, 0.4) !important; }
.dark .dark\:hover\:border-slate-50\/40:hover,
html.dark .dark\:hover\:border-slate-50\/40:hover { border-color: rgba(248, 250, 252, 0.4) !important; }

.bg-slate-50\/50 { background-color: rgba(248, 250, 252, 0.5) !important; }
.text-slate-50\/50 { color: rgba(248, 250, 252, 0.5) !important; }
.border-slate-50\/50 { border-color: rgba(248, 250, 252, 0.5) !important; }

.hover\:bg-slate-50\/50:hover { background-color: rgba(248, 250, 252, 0.5) !important; }
.hover\:text-slate-50\/50:hover { color: rgba(248, 250, 252, 0.5) !important; }
.hover\:border-slate-50\/50:hover { border-color: rgba(248, 250, 252, 0.5) !important; }

.dark .dark\:bg-slate-50\/50,
html.dark .dark\:bg-slate-50\/50 { background-color: rgba(248, 250, 252, 0.5) !important; }
.dark .dark\:text-slate-50\/50,
html.dark .dark\:text-slate-50\/50 { color: rgba(248, 250, 252, 0.5) !important; }
.dark .dark\:border-slate-50\/50,
html.dark .dark\:border-slate-50\/50 { border-color: rgba(248, 250, 252, 0.5) !important; }

.dark .dark\:hover\:bg-slate-50\/50:hover,
html.dark .dark\:hover\:bg-slate-50\/50:hover { background-color: rgba(248, 250, 252, 0.5) !important; }
.dark .dark\:hover\:text-slate-50\/50:hover,
html.dark .dark\:hover\:text-slate-50\/50:hover { color: rgba(248, 250, 252, 0.5) !important; }
.dark .dark\:hover\:border-slate-50\/50:hover,
html.dark .dark\:hover\:border-slate-50\/50:hover { border-color: rgba(248, 250, 252, 0.5) !important; }

.bg-slate-50\/60 { background-color: rgba(248, 250, 252, 0.6) !important; }
.text-slate-50\/60 { color: rgba(248, 250, 252, 0.6) !important; }
.border-slate-50\/60 { border-color: rgba(248, 250, 252, 0.6) !important; }

.hover\:bg-slate-50\/60:hover { background-color: rgba(248, 250, 252, 0.6) !important; }
.hover\:text-slate-50\/60:hover { color: rgba(248, 250, 252, 0.6) !important; }
.hover\:border-slate-50\/60:hover { border-color: rgba(248, 250, 252, 0.6) !important; }

.dark .dark\:bg-slate-50\/60,
html.dark .dark\:bg-slate-50\/60 { background-color: rgba(248, 250, 252, 0.6) !important; }
.dark .dark\:text-slate-50\/60,
html.dark .dark\:text-slate-50\/60 { color: rgba(248, 250, 252, 0.6) !important; }
.dark .dark\:border-slate-50\/60,
html.dark .dark\:border-slate-50\/60 { border-color: rgba(248, 250, 252, 0.6) !important; }

.dark .dark\:hover\:bg-slate-50\/60:hover,
html.dark .dark\:hover\:bg-slate-50\/60:hover { background-color: rgba(248, 250, 252, 0.6) !important; }
.dark .dark\:hover\:text-slate-50\/60:hover,
html.dark .dark\:hover\:text-slate-50\/60:hover { color: rgba(248, 250, 252, 0.6) !important; }
.dark .dark\:hover\:border-slate-50\/60:hover,
html.dark .dark\:hover\:border-slate-50\/60:hover { border-color: rgba(248, 250, 252, 0.6) !important; }

.bg-slate-50\/70 { background-color: rgba(248, 250, 252, 0.7) !important; }
.text-slate-50\/70 { color: rgba(248, 250, 252, 0.7) !important; }
.border-slate-50\/70 { border-color: rgba(248, 250, 252, 0.7) !important; }

.hover\:bg-slate-50\/70:hover { background-color: rgba(248, 250, 252, 0.7) !important; }
.hover\:text-slate-50\/70:hover { color: rgba(248, 250, 252, 0.7) !important; }
.hover\:border-slate-50\/70:hover { border-color: rgba(248, 250, 252, 0.7) !important; }

.dark .dark\:bg-slate-50\/70,
html.dark .dark\:bg-slate-50\/70 { background-color: rgba(248, 250, 252, 0.7) !important; }
.dark .dark\:text-slate-50\/70,
html.dark .dark\:text-slate-50\/70 { color: rgba(248, 250, 252, 0.7) !important; }
.dark .dark\:border-slate-50\/70,
html.dark .dark\:border-slate-50\/70 { border-color: rgba(248, 250, 252, 0.7) !important; }

.dark .dark\:hover\:bg-slate-50\/70:hover,
html.dark .dark\:hover\:bg-slate-50\/70:hover { background-color: rgba(248, 250, 252, 0.7) !important; }
.dark .dark\:hover\:text-slate-50\/70:hover,
html.dark .dark\:hover\:text-slate-50\/70:hover { color: rgba(248, 250, 252, 0.7) !important; }
.dark .dark\:hover\:border-slate-50\/70:hover,
html.dark .dark\:hover\:border-slate-50\/70:hover { border-color: rgba(248, 250, 252, 0.7) !important; }

.bg-slate-50\/75 { background-color: rgba(248, 250, 252, 0.75) !important; }
.text-slate-50\/75 { color: rgba(248, 250, 252, 0.75) !important; }
.border-slate-50\/75 { border-color: rgba(248, 250, 252, 0.75) !important; }

.hover\:bg-slate-50\/75:hover { background-color: rgba(248, 250, 252, 0.75) !important; }
.hover\:text-slate-50\/75:hover { color: rgba(248, 250, 252, 0.75) !important; }
.hover\:border-slate-50\/75:hover { border-color: rgba(248, 250, 252, 0.75) !important; }

.dark .dark\:bg-slate-50\/75,
html.dark .dark\:bg-slate-50\/75 { background-color: rgba(248, 250, 252, 0.75) !important; }
.dark .dark\:text-slate-50\/75,
html.dark .dark\:text-slate-50\/75 { color: rgba(248, 250, 252, 0.75) !important; }
.dark .dark\:border-slate-50\/75,
html.dark .dark\:border-slate-50\/75 { border-color: rgba(248, 250, 252, 0.75) !important; }

.dark .dark\:hover\:bg-slate-50\/75:hover,
html.dark .dark\:hover\:bg-slate-50\/75:hover { background-color: rgba(248, 250, 252, 0.75) !important; }
.dark .dark\:hover\:text-slate-50\/75:hover,
html.dark .dark\:hover\:text-slate-50\/75:hover { color: rgba(248, 250, 252, 0.75) !important; }
.dark .dark\:hover\:border-slate-50\/75:hover,
html.dark .dark\:hover\:border-slate-50\/75:hover { border-color: rgba(248, 250, 252, 0.75) !important; }

.bg-slate-50\/80 { background-color: rgba(248, 250, 252, 0.8) !important; }
.text-slate-50\/80 { color: rgba(248, 250, 252, 0.8) !important; }
.border-slate-50\/80 { border-color: rgba(248, 250, 252, 0.8) !important; }

.hover\:bg-slate-50\/80:hover { background-color: rgba(248, 250, 252, 0.8) !important; }
.hover\:text-slate-50\/80:hover { color: rgba(248, 250, 252, 0.8) !important; }
.hover\:border-slate-50\/80:hover { border-color: rgba(248, 250, 252, 0.8) !important; }

.dark .dark\:bg-slate-50\/80,
html.dark .dark\:bg-slate-50\/80 { background-color: rgba(248, 250, 252, 0.8) !important; }
.dark .dark\:text-slate-50\/80,
html.dark .dark\:text-slate-50\/80 { color: rgba(248, 250, 252, 0.8) !important; }
.dark .dark\:border-slate-50\/80,
html.dark .dark\:border-slate-50\/80 { border-color: rgba(248, 250, 252, 0.8) !important; }

.dark .dark\:hover\:bg-slate-50\/80:hover,
html.dark .dark\:hover\:bg-slate-50\/80:hover { background-color: rgba(248, 250, 252, 0.8) !important; }
.dark .dark\:hover\:text-slate-50\/80:hover,
html.dark .dark\:hover\:text-slate-50\/80:hover { color: rgba(248, 250, 252, 0.8) !important; }
.dark .dark\:hover\:border-slate-50\/80:hover,
html.dark .dark\:hover\:border-slate-50\/80:hover { border-color: rgba(248, 250, 252, 0.8) !important; }

.bg-slate-50\/90 { background-color: rgba(248, 250, 252, 0.9) !important; }
.text-slate-50\/90 { color: rgba(248, 250, 252, 0.9) !important; }
.border-slate-50\/90 { border-color: rgba(248, 250, 252, 0.9) !important; }

.hover\:bg-slate-50\/90:hover { background-color: rgba(248, 250, 252, 0.9) !important; }
.hover\:text-slate-50\/90:hover { color: rgba(248, 250, 252, 0.9) !important; }
.hover\:border-slate-50\/90:hover { border-color: rgba(248, 250, 252, 0.9) !important; }

.dark .dark\:bg-slate-50\/90,
html.dark .dark\:bg-slate-50\/90 { background-color: rgba(248, 250, 252, 0.9) !important; }
.dark .dark\:text-slate-50\/90,
html.dark .dark\:text-slate-50\/90 { color: rgba(248, 250, 252, 0.9) !important; }
.dark .dark\:border-slate-50\/90,
html.dark .dark\:border-slate-50\/90 { border-color: rgba(248, 250, 252, 0.9) !important; }

.dark .dark\:hover\:bg-slate-50\/90:hover,
html.dark .dark\:hover\:bg-slate-50\/90:hover { background-color: rgba(248, 250, 252, 0.9) !important; }
.dark .dark\:hover\:text-slate-50\/90:hover,
html.dark .dark\:hover\:text-slate-50\/90:hover { color: rgba(248, 250, 252, 0.9) !important; }
.dark .dark\:hover\:border-slate-50\/90:hover,
html.dark .dark\:hover\:border-slate-50\/90:hover { border-color: rgba(248, 250, 252, 0.9) !important; }

.bg-slate-50\/95 { background-color: rgba(248, 250, 252, 0.95) !important; }
.text-slate-50\/95 { color: rgba(248, 250, 252, 0.95) !important; }
.border-slate-50\/95 { border-color: rgba(248, 250, 252, 0.95) !important; }

.hover\:bg-slate-50\/95:hover { background-color: rgba(248, 250, 252, 0.95) !important; }
.hover\:text-slate-50\/95:hover { color: rgba(248, 250, 252, 0.95) !important; }
.hover\:border-slate-50\/95:hover { border-color: rgba(248, 250, 252, 0.95) !important; }

.dark .dark\:bg-slate-50\/95,
html.dark .dark\:bg-slate-50\/95 { background-color: rgba(248, 250, 252, 0.95) !important; }
.dark .dark\:text-slate-50\/95,
html.dark .dark\:text-slate-50\/95 { color: rgba(248, 250, 252, 0.95) !important; }
.dark .dark\:border-slate-50\/95,
html.dark .dark\:border-slate-50\/95 { border-color: rgba(248, 250, 252, 0.95) !important; }

.dark .dark\:hover\:bg-slate-50\/95:hover,
html.dark .dark\:hover\:bg-slate-50\/95:hover { background-color: rgba(248, 250, 252, 0.95) !important; }
.dark .dark\:hover\:text-slate-50\/95:hover,
html.dark .dark\:hover\:text-slate-50\/95:hover { color: rgba(248, 250, 252, 0.95) !important; }
.dark .dark\:hover\:border-slate-50\/95:hover,
html.dark .dark\:hover\:border-slate-50\/95:hover { border-color: rgba(248, 250, 252, 0.95) !important; }

.bg-slate-100 { background-color: #f1f5f9 !important; }
.text-slate-100 { color: #f1f5f9 !important; }
.border-slate-100 { border-color: #f1f5f9 !important; }
.fill-slate-100 { fill: #f1f5f9 !important; }
.stroke-slate-100 { stroke: #f1f5f9 !important; }

/* Hover states */
.hover\:bg-slate-100:hover { background-color: #f1f5f9 !important; }
.hover\:text-slate-100:hover { color: #f1f5f9 !important; }
.hover\:border-slate-100:hover { border-color: #f1f5f9 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-100,
html.dark .dark\:bg-slate-100 { background-color: #f1f5f9 !important; }
.dark .dark\:text-slate-100,
html.dark .dark\:text-slate-100 { color: #f1f5f9 !important; }
.dark .dark\:border-slate-100,
html.dark .dark\:border-slate-100 { border-color: #f1f5f9 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-100:hover,
html.dark .dark\:hover\:bg-slate-100:hover { background-color: #f1f5f9 !important; }
.dark .dark\:hover\:text-slate-100:hover,
html.dark .dark\:hover\:text-slate-100:hover { color: #f1f5f9 !important; }
.dark .dark\:hover\:border-slate-100:hover,
html.dark .dark\:hover\:border-slate-100:hover { border-color: #f1f5f9 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-100,
html.dark .group:hover .dark\:group-hover\:text-slate-100 { color: #f1f5f9 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-100,
html.dark .group:hover .dark\:group-hover\:bg-slate-100 { background-color: #f1f5f9 !important; }

.bg-slate-100\/10 { background-color: rgba(241, 245, 249, 0.1) !important; }
.text-slate-100\/10 { color: rgba(241, 245, 249, 0.1) !important; }
.border-slate-100\/10 { border-color: rgba(241, 245, 249, 0.1) !important; }

.hover\:bg-slate-100\/10:hover { background-color: rgba(241, 245, 249, 0.1) !important; }
.hover\:text-slate-100\/10:hover { color: rgba(241, 245, 249, 0.1) !important; }
.hover\:border-slate-100\/10:hover { border-color: rgba(241, 245, 249, 0.1) !important; }

.dark .dark\:bg-slate-100\/10,
html.dark .dark\:bg-slate-100\/10 { background-color: rgba(241, 245, 249, 0.1) !important; }
.dark .dark\:text-slate-100\/10,
html.dark .dark\:text-slate-100\/10 { color: rgba(241, 245, 249, 0.1) !important; }
.dark .dark\:border-slate-100\/10,
html.dark .dark\:border-slate-100\/10 { border-color: rgba(241, 245, 249, 0.1) !important; }

.dark .dark\:hover\:bg-slate-100\/10:hover,
html.dark .dark\:hover\:bg-slate-100\/10:hover { background-color: rgba(241, 245, 249, 0.1) !important; }
.dark .dark\:hover\:text-slate-100\/10:hover,
html.dark .dark\:hover\:text-slate-100\/10:hover { color: rgba(241, 245, 249, 0.1) !important; }
.dark .dark\:hover\:border-slate-100\/10:hover,
html.dark .dark\:hover\:border-slate-100\/10:hover { border-color: rgba(241, 245, 249, 0.1) !important; }

.bg-slate-100\/20 { background-color: rgba(241, 245, 249, 0.2) !important; }
.text-slate-100\/20 { color: rgba(241, 245, 249, 0.2) !important; }
.border-slate-100\/20 { border-color: rgba(241, 245, 249, 0.2) !important; }

.hover\:bg-slate-100\/20:hover { background-color: rgba(241, 245, 249, 0.2) !important; }
.hover\:text-slate-100\/20:hover { color: rgba(241, 245, 249, 0.2) !important; }
.hover\:border-slate-100\/20:hover { border-color: rgba(241, 245, 249, 0.2) !important; }

.dark .dark\:bg-slate-100\/20,
html.dark .dark\:bg-slate-100\/20 { background-color: rgba(241, 245, 249, 0.2) !important; }
.dark .dark\:text-slate-100\/20,
html.dark .dark\:text-slate-100\/20 { color: rgba(241, 245, 249, 0.2) !important; }
.dark .dark\:border-slate-100\/20,
html.dark .dark\:border-slate-100\/20 { border-color: rgba(241, 245, 249, 0.2) !important; }

.dark .dark\:hover\:bg-slate-100\/20:hover,
html.dark .dark\:hover\:bg-slate-100\/20:hover { background-color: rgba(241, 245, 249, 0.2) !important; }
.dark .dark\:hover\:text-slate-100\/20:hover,
html.dark .dark\:hover\:text-slate-100\/20:hover { color: rgba(241, 245, 249, 0.2) !important; }
.dark .dark\:hover\:border-slate-100\/20:hover,
html.dark .dark\:hover\:border-slate-100\/20:hover { border-color: rgba(241, 245, 249, 0.2) !important; }

.bg-slate-100\/25 { background-color: rgba(241, 245, 249, 0.25) !important; }
.text-slate-100\/25 { color: rgba(241, 245, 249, 0.25) !important; }
.border-slate-100\/25 { border-color: rgba(241, 245, 249, 0.25) !important; }

.hover\:bg-slate-100\/25:hover { background-color: rgba(241, 245, 249, 0.25) !important; }
.hover\:text-slate-100\/25:hover { color: rgba(241, 245, 249, 0.25) !important; }
.hover\:border-slate-100\/25:hover { border-color: rgba(241, 245, 249, 0.25) !important; }

.dark .dark\:bg-slate-100\/25,
html.dark .dark\:bg-slate-100\/25 { background-color: rgba(241, 245, 249, 0.25) !important; }
.dark .dark\:text-slate-100\/25,
html.dark .dark\:text-slate-100\/25 { color: rgba(241, 245, 249, 0.25) !important; }
.dark .dark\:border-slate-100\/25,
html.dark .dark\:border-slate-100\/25 { border-color: rgba(241, 245, 249, 0.25) !important; }

.dark .dark\:hover\:bg-slate-100\/25:hover,
html.dark .dark\:hover\:bg-slate-100\/25:hover { background-color: rgba(241, 245, 249, 0.25) !important; }
.dark .dark\:hover\:text-slate-100\/25:hover,
html.dark .dark\:hover\:text-slate-100\/25:hover { color: rgba(241, 245, 249, 0.25) !important; }
.dark .dark\:hover\:border-slate-100\/25:hover,
html.dark .dark\:hover\:border-slate-100\/25:hover { border-color: rgba(241, 245, 249, 0.25) !important; }

.bg-slate-100\/30 { background-color: rgba(241, 245, 249, 0.3) !important; }
.text-slate-100\/30 { color: rgba(241, 245, 249, 0.3) !important; }
.border-slate-100\/30 { border-color: rgba(241, 245, 249, 0.3) !important; }

.hover\:bg-slate-100\/30:hover { background-color: rgba(241, 245, 249, 0.3) !important; }
.hover\:text-slate-100\/30:hover { color: rgba(241, 245, 249, 0.3) !important; }
.hover\:border-slate-100\/30:hover { border-color: rgba(241, 245, 249, 0.3) !important; }

.dark .dark\:bg-slate-100\/30,
html.dark .dark\:bg-slate-100\/30 { background-color: rgba(241, 245, 249, 0.3) !important; }
.dark .dark\:text-slate-100\/30,
html.dark .dark\:text-slate-100\/30 { color: rgba(241, 245, 249, 0.3) !important; }
.dark .dark\:border-slate-100\/30,
html.dark .dark\:border-slate-100\/30 { border-color: rgba(241, 245, 249, 0.3) !important; }

.dark .dark\:hover\:bg-slate-100\/30:hover,
html.dark .dark\:hover\:bg-slate-100\/30:hover { background-color: rgba(241, 245, 249, 0.3) !important; }
.dark .dark\:hover\:text-slate-100\/30:hover,
html.dark .dark\:hover\:text-slate-100\/30:hover { color: rgba(241, 245, 249, 0.3) !important; }
.dark .dark\:hover\:border-slate-100\/30:hover,
html.dark .dark\:hover\:border-slate-100\/30:hover { border-color: rgba(241, 245, 249, 0.3) !important; }

.bg-slate-100\/40 { background-color: rgba(241, 245, 249, 0.4) !important; }
.text-slate-100\/40 { color: rgba(241, 245, 249, 0.4) !important; }
.border-slate-100\/40 { border-color: rgba(241, 245, 249, 0.4) !important; }

.hover\:bg-slate-100\/40:hover { background-color: rgba(241, 245, 249, 0.4) !important; }
.hover\:text-slate-100\/40:hover { color: rgba(241, 245, 249, 0.4) !important; }
.hover\:border-slate-100\/40:hover { border-color: rgba(241, 245, 249, 0.4) !important; }

.dark .dark\:bg-slate-100\/40,
html.dark .dark\:bg-slate-100\/40 { background-color: rgba(241, 245, 249, 0.4) !important; }
.dark .dark\:text-slate-100\/40,
html.dark .dark\:text-slate-100\/40 { color: rgba(241, 245, 249, 0.4) !important; }
.dark .dark\:border-slate-100\/40,
html.dark .dark\:border-slate-100\/40 { border-color: rgba(241, 245, 249, 0.4) !important; }

.dark .dark\:hover\:bg-slate-100\/40:hover,
html.dark .dark\:hover\:bg-slate-100\/40:hover { background-color: rgba(241, 245, 249, 0.4) !important; }
.dark .dark\:hover\:text-slate-100\/40:hover,
html.dark .dark\:hover\:text-slate-100\/40:hover { color: rgba(241, 245, 249, 0.4) !important; }
.dark .dark\:hover\:border-slate-100\/40:hover,
html.dark .dark\:hover\:border-slate-100\/40:hover { border-color: rgba(241, 245, 249, 0.4) !important; }

.bg-slate-100\/50 { background-color: rgba(241, 245, 249, 0.5) !important; }
.text-slate-100\/50 { color: rgba(241, 245, 249, 0.5) !important; }
.border-slate-100\/50 { border-color: rgba(241, 245, 249, 0.5) !important; }

.hover\:bg-slate-100\/50:hover { background-color: rgba(241, 245, 249, 0.5) !important; }
.hover\:text-slate-100\/50:hover { color: rgba(241, 245, 249, 0.5) !important; }
.hover\:border-slate-100\/50:hover { border-color: rgba(241, 245, 249, 0.5) !important; }

.dark .dark\:bg-slate-100\/50,
html.dark .dark\:bg-slate-100\/50 { background-color: rgba(241, 245, 249, 0.5) !important; }
.dark .dark\:text-slate-100\/50,
html.dark .dark\:text-slate-100\/50 { color: rgba(241, 245, 249, 0.5) !important; }
.dark .dark\:border-slate-100\/50,
html.dark .dark\:border-slate-100\/50 { border-color: rgba(241, 245, 249, 0.5) !important; }

.dark .dark\:hover\:bg-slate-100\/50:hover,
html.dark .dark\:hover\:bg-slate-100\/50:hover { background-color: rgba(241, 245, 249, 0.5) !important; }
.dark .dark\:hover\:text-slate-100\/50:hover,
html.dark .dark\:hover\:text-slate-100\/50:hover { color: rgba(241, 245, 249, 0.5) !important; }
.dark .dark\:hover\:border-slate-100\/50:hover,
html.dark .dark\:hover\:border-slate-100\/50:hover { border-color: rgba(241, 245, 249, 0.5) !important; }

.bg-slate-100\/60 { background-color: rgba(241, 245, 249, 0.6) !important; }
.text-slate-100\/60 { color: rgba(241, 245, 249, 0.6) !important; }
.border-slate-100\/60 { border-color: rgba(241, 245, 249, 0.6) !important; }

.hover\:bg-slate-100\/60:hover { background-color: rgba(241, 245, 249, 0.6) !important; }
.hover\:text-slate-100\/60:hover { color: rgba(241, 245, 249, 0.6) !important; }
.hover\:border-slate-100\/60:hover { border-color: rgba(241, 245, 249, 0.6) !important; }

.dark .dark\:bg-slate-100\/60,
html.dark .dark\:bg-slate-100\/60 { background-color: rgba(241, 245, 249, 0.6) !important; }
.dark .dark\:text-slate-100\/60,
html.dark .dark\:text-slate-100\/60 { color: rgba(241, 245, 249, 0.6) !important; }
.dark .dark\:border-slate-100\/60,
html.dark .dark\:border-slate-100\/60 { border-color: rgba(241, 245, 249, 0.6) !important; }

.dark .dark\:hover\:bg-slate-100\/60:hover,
html.dark .dark\:hover\:bg-slate-100\/60:hover { background-color: rgba(241, 245, 249, 0.6) !important; }
.dark .dark\:hover\:text-slate-100\/60:hover,
html.dark .dark\:hover\:text-slate-100\/60:hover { color: rgba(241, 245, 249, 0.6) !important; }
.dark .dark\:hover\:border-slate-100\/60:hover,
html.dark .dark\:hover\:border-slate-100\/60:hover { border-color: rgba(241, 245, 249, 0.6) !important; }

.bg-slate-100\/70 { background-color: rgba(241, 245, 249, 0.7) !important; }
.text-slate-100\/70 { color: rgba(241, 245, 249, 0.7) !important; }
.border-slate-100\/70 { border-color: rgba(241, 245, 249, 0.7) !important; }

.hover\:bg-slate-100\/70:hover { background-color: rgba(241, 245, 249, 0.7) !important; }
.hover\:text-slate-100\/70:hover { color: rgba(241, 245, 249, 0.7) !important; }
.hover\:border-slate-100\/70:hover { border-color: rgba(241, 245, 249, 0.7) !important; }

.dark .dark\:bg-slate-100\/70,
html.dark .dark\:bg-slate-100\/70 { background-color: rgba(241, 245, 249, 0.7) !important; }
.dark .dark\:text-slate-100\/70,
html.dark .dark\:text-slate-100\/70 { color: rgba(241, 245, 249, 0.7) !important; }
.dark .dark\:border-slate-100\/70,
html.dark .dark\:border-slate-100\/70 { border-color: rgba(241, 245, 249, 0.7) !important; }

.dark .dark\:hover\:bg-slate-100\/70:hover,
html.dark .dark\:hover\:bg-slate-100\/70:hover { background-color: rgba(241, 245, 249, 0.7) !important; }
.dark .dark\:hover\:text-slate-100\/70:hover,
html.dark .dark\:hover\:text-slate-100\/70:hover { color: rgba(241, 245, 249, 0.7) !important; }
.dark .dark\:hover\:border-slate-100\/70:hover,
html.dark .dark\:hover\:border-slate-100\/70:hover { border-color: rgba(241, 245, 249, 0.7) !important; }

.bg-slate-100\/75 { background-color: rgba(241, 245, 249, 0.75) !important; }
.text-slate-100\/75 { color: rgba(241, 245, 249, 0.75) !important; }
.border-slate-100\/75 { border-color: rgba(241, 245, 249, 0.75) !important; }

.hover\:bg-slate-100\/75:hover { background-color: rgba(241, 245, 249, 0.75) !important; }
.hover\:text-slate-100\/75:hover { color: rgba(241, 245, 249, 0.75) !important; }
.hover\:border-slate-100\/75:hover { border-color: rgba(241, 245, 249, 0.75) !important; }

.dark .dark\:bg-slate-100\/75,
html.dark .dark\:bg-slate-100\/75 { background-color: rgba(241, 245, 249, 0.75) !important; }
.dark .dark\:text-slate-100\/75,
html.dark .dark\:text-slate-100\/75 { color: rgba(241, 245, 249, 0.75) !important; }
.dark .dark\:border-slate-100\/75,
html.dark .dark\:border-slate-100\/75 { border-color: rgba(241, 245, 249, 0.75) !important; }

.dark .dark\:hover\:bg-slate-100\/75:hover,
html.dark .dark\:hover\:bg-slate-100\/75:hover { background-color: rgba(241, 245, 249, 0.75) !important; }
.dark .dark\:hover\:text-slate-100\/75:hover,
html.dark .dark\:hover\:text-slate-100\/75:hover { color: rgba(241, 245, 249, 0.75) !important; }
.dark .dark\:hover\:border-slate-100\/75:hover,
html.dark .dark\:hover\:border-slate-100\/75:hover { border-color: rgba(241, 245, 249, 0.75) !important; }

.bg-slate-100\/80 { background-color: rgba(241, 245, 249, 0.8) !important; }
.text-slate-100\/80 { color: rgba(241, 245, 249, 0.8) !important; }
.border-slate-100\/80 { border-color: rgba(241, 245, 249, 0.8) !important; }

.hover\:bg-slate-100\/80:hover { background-color: rgba(241, 245, 249, 0.8) !important; }
.hover\:text-slate-100\/80:hover { color: rgba(241, 245, 249, 0.8) !important; }
.hover\:border-slate-100\/80:hover { border-color: rgba(241, 245, 249, 0.8) !important; }

.dark .dark\:bg-slate-100\/80,
html.dark .dark\:bg-slate-100\/80 { background-color: rgba(241, 245, 249, 0.8) !important; }
.dark .dark\:text-slate-100\/80,
html.dark .dark\:text-slate-100\/80 { color: rgba(241, 245, 249, 0.8) !important; }
.dark .dark\:border-slate-100\/80,
html.dark .dark\:border-slate-100\/80 { border-color: rgba(241, 245, 249, 0.8) !important; }

.dark .dark\:hover\:bg-slate-100\/80:hover,
html.dark .dark\:hover\:bg-slate-100\/80:hover { background-color: rgba(241, 245, 249, 0.8) !important; }
.dark .dark\:hover\:text-slate-100\/80:hover,
html.dark .dark\:hover\:text-slate-100\/80:hover { color: rgba(241, 245, 249, 0.8) !important; }
.dark .dark\:hover\:border-slate-100\/80:hover,
html.dark .dark\:hover\:border-slate-100\/80:hover { border-color: rgba(241, 245, 249, 0.8) !important; }

.bg-slate-100\/90 { background-color: rgba(241, 245, 249, 0.9) !important; }
.text-slate-100\/90 { color: rgba(241, 245, 249, 0.9) !important; }
.border-slate-100\/90 { border-color: rgba(241, 245, 249, 0.9) !important; }

.hover\:bg-slate-100\/90:hover { background-color: rgba(241, 245, 249, 0.9) !important; }
.hover\:text-slate-100\/90:hover { color: rgba(241, 245, 249, 0.9) !important; }
.hover\:border-slate-100\/90:hover { border-color: rgba(241, 245, 249, 0.9) !important; }

.dark .dark\:bg-slate-100\/90,
html.dark .dark\:bg-slate-100\/90 { background-color: rgba(241, 245, 249, 0.9) !important; }
.dark .dark\:text-slate-100\/90,
html.dark .dark\:text-slate-100\/90 { color: rgba(241, 245, 249, 0.9) !important; }
.dark .dark\:border-slate-100\/90,
html.dark .dark\:border-slate-100\/90 { border-color: rgba(241, 245, 249, 0.9) !important; }

.dark .dark\:hover\:bg-slate-100\/90:hover,
html.dark .dark\:hover\:bg-slate-100\/90:hover { background-color: rgba(241, 245, 249, 0.9) !important; }
.dark .dark\:hover\:text-slate-100\/90:hover,
html.dark .dark\:hover\:text-slate-100\/90:hover { color: rgba(241, 245, 249, 0.9) !important; }
.dark .dark\:hover\:border-slate-100\/90:hover,
html.dark .dark\:hover\:border-slate-100\/90:hover { border-color: rgba(241, 245, 249, 0.9) !important; }

.bg-slate-100\/95 { background-color: rgba(241, 245, 249, 0.95) !important; }
.text-slate-100\/95 { color: rgba(241, 245, 249, 0.95) !important; }
.border-slate-100\/95 { border-color: rgba(241, 245, 249, 0.95) !important; }

.hover\:bg-slate-100\/95:hover { background-color: rgba(241, 245, 249, 0.95) !important; }
.hover\:text-slate-100\/95:hover { color: rgba(241, 245, 249, 0.95) !important; }
.hover\:border-slate-100\/95:hover { border-color: rgba(241, 245, 249, 0.95) !important; }

.dark .dark\:bg-slate-100\/95,
html.dark .dark\:bg-slate-100\/95 { background-color: rgba(241, 245, 249, 0.95) !important; }
.dark .dark\:text-slate-100\/95,
html.dark .dark\:text-slate-100\/95 { color: rgba(241, 245, 249, 0.95) !important; }
.dark .dark\:border-slate-100\/95,
html.dark .dark\:border-slate-100\/95 { border-color: rgba(241, 245, 249, 0.95) !important; }

.dark .dark\:hover\:bg-slate-100\/95:hover,
html.dark .dark\:hover\:bg-slate-100\/95:hover { background-color: rgba(241, 245, 249, 0.95) !important; }
.dark .dark\:hover\:text-slate-100\/95:hover,
html.dark .dark\:hover\:text-slate-100\/95:hover { color: rgba(241, 245, 249, 0.95) !important; }
.dark .dark\:hover\:border-slate-100\/95:hover,
html.dark .dark\:hover\:border-slate-100\/95:hover { border-color: rgba(241, 245, 249, 0.95) !important; }

.bg-slate-200 { background-color: #e2e8f0 !important; }
.text-slate-200 { color: #e2e8f0 !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.fill-slate-200 { fill: #e2e8f0 !important; }
.stroke-slate-200 { stroke: #e2e8f0 !important; }

/* Hover states */
.hover\:bg-slate-200:hover { background-color: #e2e8f0 !important; }
.hover\:text-slate-200:hover { color: #e2e8f0 !important; }
.hover\:border-slate-200:hover { border-color: #e2e8f0 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-200,
html.dark .dark\:bg-slate-200 { background-color: #e2e8f0 !important; }
.dark .dark\:text-slate-200,
html.dark .dark\:text-slate-200 { color: #e2e8f0 !important; }
.dark .dark\:border-slate-200,
html.dark .dark\:border-slate-200 { border-color: #e2e8f0 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-200:hover,
html.dark .dark\:hover\:bg-slate-200:hover { background-color: #e2e8f0 !important; }
.dark .dark\:hover\:text-slate-200:hover,
html.dark .dark\:hover\:text-slate-200:hover { color: #e2e8f0 !important; }
.dark .dark\:hover\:border-slate-200:hover,
html.dark .dark\:hover\:border-slate-200:hover { border-color: #e2e8f0 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-200,
html.dark .group:hover .dark\:group-hover\:text-slate-200 { color: #e2e8f0 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-200,
html.dark .group:hover .dark\:group-hover\:bg-slate-200 { background-color: #e2e8f0 !important; }

.bg-slate-200\/10 { background-color: rgba(226, 232, 240, 0.1) !important; }
.text-slate-200\/10 { color: rgba(226, 232, 240, 0.1) !important; }
.border-slate-200\/10 { border-color: rgba(226, 232, 240, 0.1) !important; }

.hover\:bg-slate-200\/10:hover { background-color: rgba(226, 232, 240, 0.1) !important; }
.hover\:text-slate-200\/10:hover { color: rgba(226, 232, 240, 0.1) !important; }
.hover\:border-slate-200\/10:hover { border-color: rgba(226, 232, 240, 0.1) !important; }

.dark .dark\:bg-slate-200\/10,
html.dark .dark\:bg-slate-200\/10 { background-color: rgba(226, 232, 240, 0.1) !important; }
.dark .dark\:text-slate-200\/10,
html.dark .dark\:text-slate-200\/10 { color: rgba(226, 232, 240, 0.1) !important; }
.dark .dark\:border-slate-200\/10,
html.dark .dark\:border-slate-200\/10 { border-color: rgba(226, 232, 240, 0.1) !important; }

.dark .dark\:hover\:bg-slate-200\/10:hover,
html.dark .dark\:hover\:bg-slate-200\/10:hover { background-color: rgba(226, 232, 240, 0.1) !important; }
.dark .dark\:hover\:text-slate-200\/10:hover,
html.dark .dark\:hover\:text-slate-200\/10:hover { color: rgba(226, 232, 240, 0.1) !important; }
.dark .dark\:hover\:border-slate-200\/10:hover,
html.dark .dark\:hover\:border-slate-200\/10:hover { border-color: rgba(226, 232, 240, 0.1) !important; }

.bg-slate-200\/20 { background-color: rgba(226, 232, 240, 0.2) !important; }
.text-slate-200\/20 { color: rgba(226, 232, 240, 0.2) !important; }
.border-slate-200\/20 { border-color: rgba(226, 232, 240, 0.2) !important; }

.hover\:bg-slate-200\/20:hover { background-color: rgba(226, 232, 240, 0.2) !important; }
.hover\:text-slate-200\/20:hover { color: rgba(226, 232, 240, 0.2) !important; }
.hover\:border-slate-200\/20:hover { border-color: rgba(226, 232, 240, 0.2) !important; }

.dark .dark\:bg-slate-200\/20,
html.dark .dark\:bg-slate-200\/20 { background-color: rgba(226, 232, 240, 0.2) !important; }
.dark .dark\:text-slate-200\/20,
html.dark .dark\:text-slate-200\/20 { color: rgba(226, 232, 240, 0.2) !important; }
.dark .dark\:border-slate-200\/20,
html.dark .dark\:border-slate-200\/20 { border-color: rgba(226, 232, 240, 0.2) !important; }

.dark .dark\:hover\:bg-slate-200\/20:hover,
html.dark .dark\:hover\:bg-slate-200\/20:hover { background-color: rgba(226, 232, 240, 0.2) !important; }
.dark .dark\:hover\:text-slate-200\/20:hover,
html.dark .dark\:hover\:text-slate-200\/20:hover { color: rgba(226, 232, 240, 0.2) !important; }
.dark .dark\:hover\:border-slate-200\/20:hover,
html.dark .dark\:hover\:border-slate-200\/20:hover { border-color: rgba(226, 232, 240, 0.2) !important; }

.bg-slate-200\/25 { background-color: rgba(226, 232, 240, 0.25) !important; }
.text-slate-200\/25 { color: rgba(226, 232, 240, 0.25) !important; }
.border-slate-200\/25 { border-color: rgba(226, 232, 240, 0.25) !important; }

.hover\:bg-slate-200\/25:hover { background-color: rgba(226, 232, 240, 0.25) !important; }
.hover\:text-slate-200\/25:hover { color: rgba(226, 232, 240, 0.25) !important; }
.hover\:border-slate-200\/25:hover { border-color: rgba(226, 232, 240, 0.25) !important; }

.dark .dark\:bg-slate-200\/25,
html.dark .dark\:bg-slate-200\/25 { background-color: rgba(226, 232, 240, 0.25) !important; }
.dark .dark\:text-slate-200\/25,
html.dark .dark\:text-slate-200\/25 { color: rgba(226, 232, 240, 0.25) !important; }
.dark .dark\:border-slate-200\/25,
html.dark .dark\:border-slate-200\/25 { border-color: rgba(226, 232, 240, 0.25) !important; }

.dark .dark\:hover\:bg-slate-200\/25:hover,
html.dark .dark\:hover\:bg-slate-200\/25:hover { background-color: rgba(226, 232, 240, 0.25) !important; }
.dark .dark\:hover\:text-slate-200\/25:hover,
html.dark .dark\:hover\:text-slate-200\/25:hover { color: rgba(226, 232, 240, 0.25) !important; }
.dark .dark\:hover\:border-slate-200\/25:hover,
html.dark .dark\:hover\:border-slate-200\/25:hover { border-color: rgba(226, 232, 240, 0.25) !important; }

.bg-slate-200\/30 { background-color: rgba(226, 232, 240, 0.3) !important; }
.text-slate-200\/30 { color: rgba(226, 232, 240, 0.3) !important; }
.border-slate-200\/30 { border-color: rgba(226, 232, 240, 0.3) !important; }

.hover\:bg-slate-200\/30:hover { background-color: rgba(226, 232, 240, 0.3) !important; }
.hover\:text-slate-200\/30:hover { color: rgba(226, 232, 240, 0.3) !important; }
.hover\:border-slate-200\/30:hover { border-color: rgba(226, 232, 240, 0.3) !important; }

.dark .dark\:bg-slate-200\/30,
html.dark .dark\:bg-slate-200\/30 { background-color: rgba(226, 232, 240, 0.3) !important; }
.dark .dark\:text-slate-200\/30,
html.dark .dark\:text-slate-200\/30 { color: rgba(226, 232, 240, 0.3) !important; }
.dark .dark\:border-slate-200\/30,
html.dark .dark\:border-slate-200\/30 { border-color: rgba(226, 232, 240, 0.3) !important; }

.dark .dark\:hover\:bg-slate-200\/30:hover,
html.dark .dark\:hover\:bg-slate-200\/30:hover { background-color: rgba(226, 232, 240, 0.3) !important; }
.dark .dark\:hover\:text-slate-200\/30:hover,
html.dark .dark\:hover\:text-slate-200\/30:hover { color: rgba(226, 232, 240, 0.3) !important; }
.dark .dark\:hover\:border-slate-200\/30:hover,
html.dark .dark\:hover\:border-slate-200\/30:hover { border-color: rgba(226, 232, 240, 0.3) !important; }

.bg-slate-200\/40 { background-color: rgba(226, 232, 240, 0.4) !important; }
.text-slate-200\/40 { color: rgba(226, 232, 240, 0.4) !important; }
.border-slate-200\/40 { border-color: rgba(226, 232, 240, 0.4) !important; }

.hover\:bg-slate-200\/40:hover { background-color: rgba(226, 232, 240, 0.4) !important; }
.hover\:text-slate-200\/40:hover { color: rgba(226, 232, 240, 0.4) !important; }
.hover\:border-slate-200\/40:hover { border-color: rgba(226, 232, 240, 0.4) !important; }

.dark .dark\:bg-slate-200\/40,
html.dark .dark\:bg-slate-200\/40 { background-color: rgba(226, 232, 240, 0.4) !important; }
.dark .dark\:text-slate-200\/40,
html.dark .dark\:text-slate-200\/40 { color: rgba(226, 232, 240, 0.4) !important; }
.dark .dark\:border-slate-200\/40,
html.dark .dark\:border-slate-200\/40 { border-color: rgba(226, 232, 240, 0.4) !important; }

.dark .dark\:hover\:bg-slate-200\/40:hover,
html.dark .dark\:hover\:bg-slate-200\/40:hover { background-color: rgba(226, 232, 240, 0.4) !important; }
.dark .dark\:hover\:text-slate-200\/40:hover,
html.dark .dark\:hover\:text-slate-200\/40:hover { color: rgba(226, 232, 240, 0.4) !important; }
.dark .dark\:hover\:border-slate-200\/40:hover,
html.dark .dark\:hover\:border-slate-200\/40:hover { border-color: rgba(226, 232, 240, 0.4) !important; }

.bg-slate-200\/50 { background-color: rgba(226, 232, 240, 0.5) !important; }
.text-slate-200\/50 { color: rgba(226, 232, 240, 0.5) !important; }
.border-slate-200\/50 { border-color: rgba(226, 232, 240, 0.5) !important; }

.hover\:bg-slate-200\/50:hover { background-color: rgba(226, 232, 240, 0.5) !important; }
.hover\:text-slate-200\/50:hover { color: rgba(226, 232, 240, 0.5) !important; }
.hover\:border-slate-200\/50:hover { border-color: rgba(226, 232, 240, 0.5) !important; }

.dark .dark\:bg-slate-200\/50,
html.dark .dark\:bg-slate-200\/50 { background-color: rgba(226, 232, 240, 0.5) !important; }
.dark .dark\:text-slate-200\/50,
html.dark .dark\:text-slate-200\/50 { color: rgba(226, 232, 240, 0.5) !important; }
.dark .dark\:border-slate-200\/50,
html.dark .dark\:border-slate-200\/50 { border-color: rgba(226, 232, 240, 0.5) !important; }

.dark .dark\:hover\:bg-slate-200\/50:hover,
html.dark .dark\:hover\:bg-slate-200\/50:hover { background-color: rgba(226, 232, 240, 0.5) !important; }
.dark .dark\:hover\:text-slate-200\/50:hover,
html.dark .dark\:hover\:text-slate-200\/50:hover { color: rgba(226, 232, 240, 0.5) !important; }
.dark .dark\:hover\:border-slate-200\/50:hover,
html.dark .dark\:hover\:border-slate-200\/50:hover { border-color: rgba(226, 232, 240, 0.5) !important; }

.bg-slate-200\/60 { background-color: rgba(226, 232, 240, 0.6) !important; }
.text-slate-200\/60 { color: rgba(226, 232, 240, 0.6) !important; }
.border-slate-200\/60 { border-color: rgba(226, 232, 240, 0.6) !important; }

.hover\:bg-slate-200\/60:hover { background-color: rgba(226, 232, 240, 0.6) !important; }
.hover\:text-slate-200\/60:hover { color: rgba(226, 232, 240, 0.6) !important; }
.hover\:border-slate-200\/60:hover { border-color: rgba(226, 232, 240, 0.6) !important; }

.dark .dark\:bg-slate-200\/60,
html.dark .dark\:bg-slate-200\/60 { background-color: rgba(226, 232, 240, 0.6) !important; }
.dark .dark\:text-slate-200\/60,
html.dark .dark\:text-slate-200\/60 { color: rgba(226, 232, 240, 0.6) !important; }
.dark .dark\:border-slate-200\/60,
html.dark .dark\:border-slate-200\/60 { border-color: rgba(226, 232, 240, 0.6) !important; }

.dark .dark\:hover\:bg-slate-200\/60:hover,
html.dark .dark\:hover\:bg-slate-200\/60:hover { background-color: rgba(226, 232, 240, 0.6) !important; }
.dark .dark\:hover\:text-slate-200\/60:hover,
html.dark .dark\:hover\:text-slate-200\/60:hover { color: rgba(226, 232, 240, 0.6) !important; }
.dark .dark\:hover\:border-slate-200\/60:hover,
html.dark .dark\:hover\:border-slate-200\/60:hover { border-color: rgba(226, 232, 240, 0.6) !important; }

.bg-slate-200\/70 { background-color: rgba(226, 232, 240, 0.7) !important; }
.text-slate-200\/70 { color: rgba(226, 232, 240, 0.7) !important; }
.border-slate-200\/70 { border-color: rgba(226, 232, 240, 0.7) !important; }

.hover\:bg-slate-200\/70:hover { background-color: rgba(226, 232, 240, 0.7) !important; }
.hover\:text-slate-200\/70:hover { color: rgba(226, 232, 240, 0.7) !important; }
.hover\:border-slate-200\/70:hover { border-color: rgba(226, 232, 240, 0.7) !important; }

.dark .dark\:bg-slate-200\/70,
html.dark .dark\:bg-slate-200\/70 { background-color: rgba(226, 232, 240, 0.7) !important; }
.dark .dark\:text-slate-200\/70,
html.dark .dark\:text-slate-200\/70 { color: rgba(226, 232, 240, 0.7) !important; }
.dark .dark\:border-slate-200\/70,
html.dark .dark\:border-slate-200\/70 { border-color: rgba(226, 232, 240, 0.7) !important; }

.dark .dark\:hover\:bg-slate-200\/70:hover,
html.dark .dark\:hover\:bg-slate-200\/70:hover { background-color: rgba(226, 232, 240, 0.7) !important; }
.dark .dark\:hover\:text-slate-200\/70:hover,
html.dark .dark\:hover\:text-slate-200\/70:hover { color: rgba(226, 232, 240, 0.7) !important; }
.dark .dark\:hover\:border-slate-200\/70:hover,
html.dark .dark\:hover\:border-slate-200\/70:hover { border-color: rgba(226, 232, 240, 0.7) !important; }

.bg-slate-200\/75 { background-color: rgba(226, 232, 240, 0.75) !important; }
.text-slate-200\/75 { color: rgba(226, 232, 240, 0.75) !important; }
.border-slate-200\/75 { border-color: rgba(226, 232, 240, 0.75) !important; }

.hover\:bg-slate-200\/75:hover { background-color: rgba(226, 232, 240, 0.75) !important; }
.hover\:text-slate-200\/75:hover { color: rgba(226, 232, 240, 0.75) !important; }
.hover\:border-slate-200\/75:hover { border-color: rgba(226, 232, 240, 0.75) !important; }

.dark .dark\:bg-slate-200\/75,
html.dark .dark\:bg-slate-200\/75 { background-color: rgba(226, 232, 240, 0.75) !important; }
.dark .dark\:text-slate-200\/75,
html.dark .dark\:text-slate-200\/75 { color: rgba(226, 232, 240, 0.75) !important; }
.dark .dark\:border-slate-200\/75,
html.dark .dark\:border-slate-200\/75 { border-color: rgba(226, 232, 240, 0.75) !important; }

.dark .dark\:hover\:bg-slate-200\/75:hover,
html.dark .dark\:hover\:bg-slate-200\/75:hover { background-color: rgba(226, 232, 240, 0.75) !important; }
.dark .dark\:hover\:text-slate-200\/75:hover,
html.dark .dark\:hover\:text-slate-200\/75:hover { color: rgba(226, 232, 240, 0.75) !important; }
.dark .dark\:hover\:border-slate-200\/75:hover,
html.dark .dark\:hover\:border-slate-200\/75:hover { border-color: rgba(226, 232, 240, 0.75) !important; }

.bg-slate-200\/80 { background-color: rgba(226, 232, 240, 0.8) !important; }
.text-slate-200\/80 { color: rgba(226, 232, 240, 0.8) !important; }
.border-slate-200\/80 { border-color: rgba(226, 232, 240, 0.8) !important; }

.hover\:bg-slate-200\/80:hover { background-color: rgba(226, 232, 240, 0.8) !important; }
.hover\:text-slate-200\/80:hover { color: rgba(226, 232, 240, 0.8) !important; }
.hover\:border-slate-200\/80:hover { border-color: rgba(226, 232, 240, 0.8) !important; }

.dark .dark\:bg-slate-200\/80,
html.dark .dark\:bg-slate-200\/80 { background-color: rgba(226, 232, 240, 0.8) !important; }
.dark .dark\:text-slate-200\/80,
html.dark .dark\:text-slate-200\/80 { color: rgba(226, 232, 240, 0.8) !important; }
.dark .dark\:border-slate-200\/80,
html.dark .dark\:border-slate-200\/80 { border-color: rgba(226, 232, 240, 0.8) !important; }

.dark .dark\:hover\:bg-slate-200\/80:hover,
html.dark .dark\:hover\:bg-slate-200\/80:hover { background-color: rgba(226, 232, 240, 0.8) !important; }
.dark .dark\:hover\:text-slate-200\/80:hover,
html.dark .dark\:hover\:text-slate-200\/80:hover { color: rgba(226, 232, 240, 0.8) !important; }
.dark .dark\:hover\:border-slate-200\/80:hover,
html.dark .dark\:hover\:border-slate-200\/80:hover { border-color: rgba(226, 232, 240, 0.8) !important; }

.bg-slate-200\/90 { background-color: rgba(226, 232, 240, 0.9) !important; }
.text-slate-200\/90 { color: rgba(226, 232, 240, 0.9) !important; }
.border-slate-200\/90 { border-color: rgba(226, 232, 240, 0.9) !important; }

.hover\:bg-slate-200\/90:hover { background-color: rgba(226, 232, 240, 0.9) !important; }
.hover\:text-slate-200\/90:hover { color: rgba(226, 232, 240, 0.9) !important; }
.hover\:border-slate-200\/90:hover { border-color: rgba(226, 232, 240, 0.9) !important; }

.dark .dark\:bg-slate-200\/90,
html.dark .dark\:bg-slate-200\/90 { background-color: rgba(226, 232, 240, 0.9) !important; }
.dark .dark\:text-slate-200\/90,
html.dark .dark\:text-slate-200\/90 { color: rgba(226, 232, 240, 0.9) !important; }
.dark .dark\:border-slate-200\/90,
html.dark .dark\:border-slate-200\/90 { border-color: rgba(226, 232, 240, 0.9) !important; }

.dark .dark\:hover\:bg-slate-200\/90:hover,
html.dark .dark\:hover\:bg-slate-200\/90:hover { background-color: rgba(226, 232, 240, 0.9) !important; }
.dark .dark\:hover\:text-slate-200\/90:hover,
html.dark .dark\:hover\:text-slate-200\/90:hover { color: rgba(226, 232, 240, 0.9) !important; }
.dark .dark\:hover\:border-slate-200\/90:hover,
html.dark .dark\:hover\:border-slate-200\/90:hover { border-color: rgba(226, 232, 240, 0.9) !important; }

.bg-slate-200\/95 { background-color: rgba(226, 232, 240, 0.95) !important; }
.text-slate-200\/95 { color: rgba(226, 232, 240, 0.95) !important; }
.border-slate-200\/95 { border-color: rgba(226, 232, 240, 0.95) !important; }

.hover\:bg-slate-200\/95:hover { background-color: rgba(226, 232, 240, 0.95) !important; }
.hover\:text-slate-200\/95:hover { color: rgba(226, 232, 240, 0.95) !important; }
.hover\:border-slate-200\/95:hover { border-color: rgba(226, 232, 240, 0.95) !important; }

.dark .dark\:bg-slate-200\/95,
html.dark .dark\:bg-slate-200\/95 { background-color: rgba(226, 232, 240, 0.95) !important; }
.dark .dark\:text-slate-200\/95,
html.dark .dark\:text-slate-200\/95 { color: rgba(226, 232, 240, 0.95) !important; }
.dark .dark\:border-slate-200\/95,
html.dark .dark\:border-slate-200\/95 { border-color: rgba(226, 232, 240, 0.95) !important; }

.dark .dark\:hover\:bg-slate-200\/95:hover,
html.dark .dark\:hover\:bg-slate-200\/95:hover { background-color: rgba(226, 232, 240, 0.95) !important; }
.dark .dark\:hover\:text-slate-200\/95:hover,
html.dark .dark\:hover\:text-slate-200\/95:hover { color: rgba(226, 232, 240, 0.95) !important; }
.dark .dark\:hover\:border-slate-200\/95:hover,
html.dark .dark\:hover\:border-slate-200\/95:hover { border-color: rgba(226, 232, 240, 0.95) !important; }

.bg-slate-300 { background-color: #cbd5e1 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.border-slate-300 { border-color: #cbd5e1 !important; }
.fill-slate-300 { fill: #cbd5e1 !important; }
.stroke-slate-300 { stroke: #cbd5e1 !important; }

/* Hover states */
.hover\:bg-slate-300:hover { background-color: #cbd5e1 !important; }
.hover\:text-slate-300:hover { color: #cbd5e1 !important; }
.hover\:border-slate-300:hover { border-color: #cbd5e1 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-300,
html.dark .dark\:bg-slate-300 { background-color: #cbd5e1 !important; }
.dark .dark\:text-slate-300,
html.dark .dark\:text-slate-300 { color: #cbd5e1 !important; }
.dark .dark\:border-slate-300,
html.dark .dark\:border-slate-300 { border-color: #cbd5e1 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-300:hover,
html.dark .dark\:hover\:bg-slate-300:hover { background-color: #cbd5e1 !important; }
.dark .dark\:hover\:text-slate-300:hover,
html.dark .dark\:hover\:text-slate-300:hover { color: #cbd5e1 !important; }
.dark .dark\:hover\:border-slate-300:hover,
html.dark .dark\:hover\:border-slate-300:hover { border-color: #cbd5e1 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-300,
html.dark .group:hover .dark\:group-hover\:text-slate-300 { color: #cbd5e1 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-300,
html.dark .group:hover .dark\:group-hover\:bg-slate-300 { background-color: #cbd5e1 !important; }

.bg-slate-300\/10 { background-color: rgba(203, 213, 225, 0.1) !important; }
.text-slate-300\/10 { color: rgba(203, 213, 225, 0.1) !important; }
.border-slate-300\/10 { border-color: rgba(203, 213, 225, 0.1) !important; }

.hover\:bg-slate-300\/10:hover { background-color: rgba(203, 213, 225, 0.1) !important; }
.hover\:text-slate-300\/10:hover { color: rgba(203, 213, 225, 0.1) !important; }
.hover\:border-slate-300\/10:hover { border-color: rgba(203, 213, 225, 0.1) !important; }

.dark .dark\:bg-slate-300\/10,
html.dark .dark\:bg-slate-300\/10 { background-color: rgba(203, 213, 225, 0.1) !important; }
.dark .dark\:text-slate-300\/10,
html.dark .dark\:text-slate-300\/10 { color: rgba(203, 213, 225, 0.1) !important; }
.dark .dark\:border-slate-300\/10,
html.dark .dark\:border-slate-300\/10 { border-color: rgba(203, 213, 225, 0.1) !important; }

.dark .dark\:hover\:bg-slate-300\/10:hover,
html.dark .dark\:hover\:bg-slate-300\/10:hover { background-color: rgba(203, 213, 225, 0.1) !important; }
.dark .dark\:hover\:text-slate-300\/10:hover,
html.dark .dark\:hover\:text-slate-300\/10:hover { color: rgba(203, 213, 225, 0.1) !important; }
.dark .dark\:hover\:border-slate-300\/10:hover,
html.dark .dark\:hover\:border-slate-300\/10:hover { border-color: rgba(203, 213, 225, 0.1) !important; }

.bg-slate-300\/20 { background-color: rgba(203, 213, 225, 0.2) !important; }
.text-slate-300\/20 { color: rgba(203, 213, 225, 0.2) !important; }
.border-slate-300\/20 { border-color: rgba(203, 213, 225, 0.2) !important; }

.hover\:bg-slate-300\/20:hover { background-color: rgba(203, 213, 225, 0.2) !important; }
.hover\:text-slate-300\/20:hover { color: rgba(203, 213, 225, 0.2) !important; }
.hover\:border-slate-300\/20:hover { border-color: rgba(203, 213, 225, 0.2) !important; }

.dark .dark\:bg-slate-300\/20,
html.dark .dark\:bg-slate-300\/20 { background-color: rgba(203, 213, 225, 0.2) !important; }
.dark .dark\:text-slate-300\/20,
html.dark .dark\:text-slate-300\/20 { color: rgba(203, 213, 225, 0.2) !important; }
.dark .dark\:border-slate-300\/20,
html.dark .dark\:border-slate-300\/20 { border-color: rgba(203, 213, 225, 0.2) !important; }

.dark .dark\:hover\:bg-slate-300\/20:hover,
html.dark .dark\:hover\:bg-slate-300\/20:hover { background-color: rgba(203, 213, 225, 0.2) !important; }
.dark .dark\:hover\:text-slate-300\/20:hover,
html.dark .dark\:hover\:text-slate-300\/20:hover { color: rgba(203, 213, 225, 0.2) !important; }
.dark .dark\:hover\:border-slate-300\/20:hover,
html.dark .dark\:hover\:border-slate-300\/20:hover { border-color: rgba(203, 213, 225, 0.2) !important; }

.bg-slate-300\/25 { background-color: rgba(203, 213, 225, 0.25) !important; }
.text-slate-300\/25 { color: rgba(203, 213, 225, 0.25) !important; }
.border-slate-300\/25 { border-color: rgba(203, 213, 225, 0.25) !important; }

.hover\:bg-slate-300\/25:hover { background-color: rgba(203, 213, 225, 0.25) !important; }
.hover\:text-slate-300\/25:hover { color: rgba(203, 213, 225, 0.25) !important; }
.hover\:border-slate-300\/25:hover { border-color: rgba(203, 213, 225, 0.25) !important; }

.dark .dark\:bg-slate-300\/25,
html.dark .dark\:bg-slate-300\/25 { background-color: rgba(203, 213, 225, 0.25) !important; }
.dark .dark\:text-slate-300\/25,
html.dark .dark\:text-slate-300\/25 { color: rgba(203, 213, 225, 0.25) !important; }
.dark .dark\:border-slate-300\/25,
html.dark .dark\:border-slate-300\/25 { border-color: rgba(203, 213, 225, 0.25) !important; }

.dark .dark\:hover\:bg-slate-300\/25:hover,
html.dark .dark\:hover\:bg-slate-300\/25:hover { background-color: rgba(203, 213, 225, 0.25) !important; }
.dark .dark\:hover\:text-slate-300\/25:hover,
html.dark .dark\:hover\:text-slate-300\/25:hover { color: rgba(203, 213, 225, 0.25) !important; }
.dark .dark\:hover\:border-slate-300\/25:hover,
html.dark .dark\:hover\:border-slate-300\/25:hover { border-color: rgba(203, 213, 225, 0.25) !important; }

.bg-slate-300\/30 { background-color: rgba(203, 213, 225, 0.3) !important; }
.text-slate-300\/30 { color: rgba(203, 213, 225, 0.3) !important; }
.border-slate-300\/30 { border-color: rgba(203, 213, 225, 0.3) !important; }

.hover\:bg-slate-300\/30:hover { background-color: rgba(203, 213, 225, 0.3) !important; }
.hover\:text-slate-300\/30:hover { color: rgba(203, 213, 225, 0.3) !important; }
.hover\:border-slate-300\/30:hover { border-color: rgba(203, 213, 225, 0.3) !important; }

.dark .dark\:bg-slate-300\/30,
html.dark .dark\:bg-slate-300\/30 { background-color: rgba(203, 213, 225, 0.3) !important; }
.dark .dark\:text-slate-300\/30,
html.dark .dark\:text-slate-300\/30 { color: rgba(203, 213, 225, 0.3) !important; }
.dark .dark\:border-slate-300\/30,
html.dark .dark\:border-slate-300\/30 { border-color: rgba(203, 213, 225, 0.3) !important; }

.dark .dark\:hover\:bg-slate-300\/30:hover,
html.dark .dark\:hover\:bg-slate-300\/30:hover { background-color: rgba(203, 213, 225, 0.3) !important; }
.dark .dark\:hover\:text-slate-300\/30:hover,
html.dark .dark\:hover\:text-slate-300\/30:hover { color: rgba(203, 213, 225, 0.3) !important; }
.dark .dark\:hover\:border-slate-300\/30:hover,
html.dark .dark\:hover\:border-slate-300\/30:hover { border-color: rgba(203, 213, 225, 0.3) !important; }

.bg-slate-300\/40 { background-color: rgba(203, 213, 225, 0.4) !important; }
.text-slate-300\/40 { color: rgba(203, 213, 225, 0.4) !important; }
.border-slate-300\/40 { border-color: rgba(203, 213, 225, 0.4) !important; }

.hover\:bg-slate-300\/40:hover { background-color: rgba(203, 213, 225, 0.4) !important; }
.hover\:text-slate-300\/40:hover { color: rgba(203, 213, 225, 0.4) !important; }
.hover\:border-slate-300\/40:hover { border-color: rgba(203, 213, 225, 0.4) !important; }

.dark .dark\:bg-slate-300\/40,
html.dark .dark\:bg-slate-300\/40 { background-color: rgba(203, 213, 225, 0.4) !important; }
.dark .dark\:text-slate-300\/40,
html.dark .dark\:text-slate-300\/40 { color: rgba(203, 213, 225, 0.4) !important; }
.dark .dark\:border-slate-300\/40,
html.dark .dark\:border-slate-300\/40 { border-color: rgba(203, 213, 225, 0.4) !important; }

.dark .dark\:hover\:bg-slate-300\/40:hover,
html.dark .dark\:hover\:bg-slate-300\/40:hover { background-color: rgba(203, 213, 225, 0.4) !important; }
.dark .dark\:hover\:text-slate-300\/40:hover,
html.dark .dark\:hover\:text-slate-300\/40:hover { color: rgba(203, 213, 225, 0.4) !important; }
.dark .dark\:hover\:border-slate-300\/40:hover,
html.dark .dark\:hover\:border-slate-300\/40:hover { border-color: rgba(203, 213, 225, 0.4) !important; }

.bg-slate-300\/50 { background-color: rgba(203, 213, 225, 0.5) !important; }
.text-slate-300\/50 { color: rgba(203, 213, 225, 0.5) !important; }
.border-slate-300\/50 { border-color: rgba(203, 213, 225, 0.5) !important; }

.hover\:bg-slate-300\/50:hover { background-color: rgba(203, 213, 225, 0.5) !important; }
.hover\:text-slate-300\/50:hover { color: rgba(203, 213, 225, 0.5) !important; }
.hover\:border-slate-300\/50:hover { border-color: rgba(203, 213, 225, 0.5) !important; }

.dark .dark\:bg-slate-300\/50,
html.dark .dark\:bg-slate-300\/50 { background-color: rgba(203, 213, 225, 0.5) !important; }
.dark .dark\:text-slate-300\/50,
html.dark .dark\:text-slate-300\/50 { color: rgba(203, 213, 225, 0.5) !important; }
.dark .dark\:border-slate-300\/50,
html.dark .dark\:border-slate-300\/50 { border-color: rgba(203, 213, 225, 0.5) !important; }

.dark .dark\:hover\:bg-slate-300\/50:hover,
html.dark .dark\:hover\:bg-slate-300\/50:hover { background-color: rgba(203, 213, 225, 0.5) !important; }
.dark .dark\:hover\:text-slate-300\/50:hover,
html.dark .dark\:hover\:text-slate-300\/50:hover { color: rgba(203, 213, 225, 0.5) !important; }
.dark .dark\:hover\:border-slate-300\/50:hover,
html.dark .dark\:hover\:border-slate-300\/50:hover { border-color: rgba(203, 213, 225, 0.5) !important; }

.bg-slate-300\/60 { background-color: rgba(203, 213, 225, 0.6) !important; }
.text-slate-300\/60 { color: rgba(203, 213, 225, 0.6) !important; }
.border-slate-300\/60 { border-color: rgba(203, 213, 225, 0.6) !important; }

.hover\:bg-slate-300\/60:hover { background-color: rgba(203, 213, 225, 0.6) !important; }
.hover\:text-slate-300\/60:hover { color: rgba(203, 213, 225, 0.6) !important; }
.hover\:border-slate-300\/60:hover { border-color: rgba(203, 213, 225, 0.6) !important; }

.dark .dark\:bg-slate-300\/60,
html.dark .dark\:bg-slate-300\/60 { background-color: rgba(203, 213, 225, 0.6) !important; }
.dark .dark\:text-slate-300\/60,
html.dark .dark\:text-slate-300\/60 { color: rgba(203, 213, 225, 0.6) !important; }
.dark .dark\:border-slate-300\/60,
html.dark .dark\:border-slate-300\/60 { border-color: rgba(203, 213, 225, 0.6) !important; }

.dark .dark\:hover\:bg-slate-300\/60:hover,
html.dark .dark\:hover\:bg-slate-300\/60:hover { background-color: rgba(203, 213, 225, 0.6) !important; }
.dark .dark\:hover\:text-slate-300\/60:hover,
html.dark .dark\:hover\:text-slate-300\/60:hover { color: rgba(203, 213, 225, 0.6) !important; }
.dark .dark\:hover\:border-slate-300\/60:hover,
html.dark .dark\:hover\:border-slate-300\/60:hover { border-color: rgba(203, 213, 225, 0.6) !important; }

.bg-slate-300\/70 { background-color: rgba(203, 213, 225, 0.7) !important; }
.text-slate-300\/70 { color: rgba(203, 213, 225, 0.7) !important; }
.border-slate-300\/70 { border-color: rgba(203, 213, 225, 0.7) !important; }

.hover\:bg-slate-300\/70:hover { background-color: rgba(203, 213, 225, 0.7) !important; }
.hover\:text-slate-300\/70:hover { color: rgba(203, 213, 225, 0.7) !important; }
.hover\:border-slate-300\/70:hover { border-color: rgba(203, 213, 225, 0.7) !important; }

.dark .dark\:bg-slate-300\/70,
html.dark .dark\:bg-slate-300\/70 { background-color: rgba(203, 213, 225, 0.7) !important; }
.dark .dark\:text-slate-300\/70,
html.dark .dark\:text-slate-300\/70 { color: rgba(203, 213, 225, 0.7) !important; }
.dark .dark\:border-slate-300\/70,
html.dark .dark\:border-slate-300\/70 { border-color: rgba(203, 213, 225, 0.7) !important; }

.dark .dark\:hover\:bg-slate-300\/70:hover,
html.dark .dark\:hover\:bg-slate-300\/70:hover { background-color: rgba(203, 213, 225, 0.7) !important; }
.dark .dark\:hover\:text-slate-300\/70:hover,
html.dark .dark\:hover\:text-slate-300\/70:hover { color: rgba(203, 213, 225, 0.7) !important; }
.dark .dark\:hover\:border-slate-300\/70:hover,
html.dark .dark\:hover\:border-slate-300\/70:hover { border-color: rgba(203, 213, 225, 0.7) !important; }

.bg-slate-300\/75 { background-color: rgba(203, 213, 225, 0.75) !important; }
.text-slate-300\/75 { color: rgba(203, 213, 225, 0.75) !important; }
.border-slate-300\/75 { border-color: rgba(203, 213, 225, 0.75) !important; }

.hover\:bg-slate-300\/75:hover { background-color: rgba(203, 213, 225, 0.75) !important; }
.hover\:text-slate-300\/75:hover { color: rgba(203, 213, 225, 0.75) !important; }
.hover\:border-slate-300\/75:hover { border-color: rgba(203, 213, 225, 0.75) !important; }

.dark .dark\:bg-slate-300\/75,
html.dark .dark\:bg-slate-300\/75 { background-color: rgba(203, 213, 225, 0.75) !important; }
.dark .dark\:text-slate-300\/75,
html.dark .dark\:text-slate-300\/75 { color: rgba(203, 213, 225, 0.75) !important; }
.dark .dark\:border-slate-300\/75,
html.dark .dark\:border-slate-300\/75 { border-color: rgba(203, 213, 225, 0.75) !important; }

.dark .dark\:hover\:bg-slate-300\/75:hover,
html.dark .dark\:hover\:bg-slate-300\/75:hover { background-color: rgba(203, 213, 225, 0.75) !important; }
.dark .dark\:hover\:text-slate-300\/75:hover,
html.dark .dark\:hover\:text-slate-300\/75:hover { color: rgba(203, 213, 225, 0.75) !important; }
.dark .dark\:hover\:border-slate-300\/75:hover,
html.dark .dark\:hover\:border-slate-300\/75:hover { border-color: rgba(203, 213, 225, 0.75) !important; }

.bg-slate-300\/80 { background-color: rgba(203, 213, 225, 0.8) !important; }
.text-slate-300\/80 { color: rgba(203, 213, 225, 0.8) !important; }
.border-slate-300\/80 { border-color: rgba(203, 213, 225, 0.8) !important; }

.hover\:bg-slate-300\/80:hover { background-color: rgba(203, 213, 225, 0.8) !important; }
.hover\:text-slate-300\/80:hover { color: rgba(203, 213, 225, 0.8) !important; }
.hover\:border-slate-300\/80:hover { border-color: rgba(203, 213, 225, 0.8) !important; }

.dark .dark\:bg-slate-300\/80,
html.dark .dark\:bg-slate-300\/80 { background-color: rgba(203, 213, 225, 0.8) !important; }
.dark .dark\:text-slate-300\/80,
html.dark .dark\:text-slate-300\/80 { color: rgba(203, 213, 225, 0.8) !important; }
.dark .dark\:border-slate-300\/80,
html.dark .dark\:border-slate-300\/80 { border-color: rgba(203, 213, 225, 0.8) !important; }

.dark .dark\:hover\:bg-slate-300\/80:hover,
html.dark .dark\:hover\:bg-slate-300\/80:hover { background-color: rgba(203, 213, 225, 0.8) !important; }
.dark .dark\:hover\:text-slate-300\/80:hover,
html.dark .dark\:hover\:text-slate-300\/80:hover { color: rgba(203, 213, 225, 0.8) !important; }
.dark .dark\:hover\:border-slate-300\/80:hover,
html.dark .dark\:hover\:border-slate-300\/80:hover { border-color: rgba(203, 213, 225, 0.8) !important; }

.bg-slate-300\/90 { background-color: rgba(203, 213, 225, 0.9) !important; }
.text-slate-300\/90 { color: rgba(203, 213, 225, 0.9) !important; }
.border-slate-300\/90 { border-color: rgba(203, 213, 225, 0.9) !important; }

.hover\:bg-slate-300\/90:hover { background-color: rgba(203, 213, 225, 0.9) !important; }
.hover\:text-slate-300\/90:hover { color: rgba(203, 213, 225, 0.9) !important; }
.hover\:border-slate-300\/90:hover { border-color: rgba(203, 213, 225, 0.9) !important; }

.dark .dark\:bg-slate-300\/90,
html.dark .dark\:bg-slate-300\/90 { background-color: rgba(203, 213, 225, 0.9) !important; }
.dark .dark\:text-slate-300\/90,
html.dark .dark\:text-slate-300\/90 { color: rgba(203, 213, 225, 0.9) !important; }
.dark .dark\:border-slate-300\/90,
html.dark .dark\:border-slate-300\/90 { border-color: rgba(203, 213, 225, 0.9) !important; }

.dark .dark\:hover\:bg-slate-300\/90:hover,
html.dark .dark\:hover\:bg-slate-300\/90:hover { background-color: rgba(203, 213, 225, 0.9) !important; }
.dark .dark\:hover\:text-slate-300\/90:hover,
html.dark .dark\:hover\:text-slate-300\/90:hover { color: rgba(203, 213, 225, 0.9) !important; }
.dark .dark\:hover\:border-slate-300\/90:hover,
html.dark .dark\:hover\:border-slate-300\/90:hover { border-color: rgba(203, 213, 225, 0.9) !important; }

.bg-slate-300\/95 { background-color: rgba(203, 213, 225, 0.95) !important; }
.text-slate-300\/95 { color: rgba(203, 213, 225, 0.95) !important; }
.border-slate-300\/95 { border-color: rgba(203, 213, 225, 0.95) !important; }

.hover\:bg-slate-300\/95:hover { background-color: rgba(203, 213, 225, 0.95) !important; }
.hover\:text-slate-300\/95:hover { color: rgba(203, 213, 225, 0.95) !important; }
.hover\:border-slate-300\/95:hover { border-color: rgba(203, 213, 225, 0.95) !important; }

.dark .dark\:bg-slate-300\/95,
html.dark .dark\:bg-slate-300\/95 { background-color: rgba(203, 213, 225, 0.95) !important; }
.dark .dark\:text-slate-300\/95,
html.dark .dark\:text-slate-300\/95 { color: rgba(203, 213, 225, 0.95) !important; }
.dark .dark\:border-slate-300\/95,
html.dark .dark\:border-slate-300\/95 { border-color: rgba(203, 213, 225, 0.95) !important; }

.dark .dark\:hover\:bg-slate-300\/95:hover,
html.dark .dark\:hover\:bg-slate-300\/95:hover { background-color: rgba(203, 213, 225, 0.95) !important; }
.dark .dark\:hover\:text-slate-300\/95:hover,
html.dark .dark\:hover\:text-slate-300\/95:hover { color: rgba(203, 213, 225, 0.95) !important; }
.dark .dark\:hover\:border-slate-300\/95:hover,
html.dark .dark\:hover\:border-slate-300\/95:hover { border-color: rgba(203, 213, 225, 0.95) !important; }

.bg-slate-400 { background-color: #94a3b8 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.border-slate-400 { border-color: #94a3b8 !important; }
.fill-slate-400 { fill: #94a3b8 !important; }
.stroke-slate-400 { stroke: #94a3b8 !important; }

/* Hover states */
.hover\:bg-slate-400:hover { background-color: #94a3b8 !important; }
.hover\:text-slate-400:hover { color: #94a3b8 !important; }
.hover\:border-slate-400:hover { border-color: #94a3b8 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-400,
html.dark .dark\:bg-slate-400 { background-color: #94a3b8 !important; }
.dark .dark\:text-slate-400,
html.dark .dark\:text-slate-400 { color: #94a3b8 !important; }
.dark .dark\:border-slate-400,
html.dark .dark\:border-slate-400 { border-color: #94a3b8 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-400:hover,
html.dark .dark\:hover\:bg-slate-400:hover { background-color: #94a3b8 !important; }
.dark .dark\:hover\:text-slate-400:hover,
html.dark .dark\:hover\:text-slate-400:hover { color: #94a3b8 !important; }
.dark .dark\:hover\:border-slate-400:hover,
html.dark .dark\:hover\:border-slate-400:hover { border-color: #94a3b8 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-400,
html.dark .group:hover .dark\:group-hover\:text-slate-400 { color: #94a3b8 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-400,
html.dark .group:hover .dark\:group-hover\:bg-slate-400 { background-color: #94a3b8 !important; }

.bg-slate-400\/10 { background-color: rgba(148, 163, 184, 0.1) !important; }
.text-slate-400\/10 { color: rgba(148, 163, 184, 0.1) !important; }
.border-slate-400\/10 { border-color: rgba(148, 163, 184, 0.1) !important; }

.hover\:bg-slate-400\/10:hover { background-color: rgba(148, 163, 184, 0.1) !important; }
.hover\:text-slate-400\/10:hover { color: rgba(148, 163, 184, 0.1) !important; }
.hover\:border-slate-400\/10:hover { border-color: rgba(148, 163, 184, 0.1) !important; }

.dark .dark\:bg-slate-400\/10,
html.dark .dark\:bg-slate-400\/10 { background-color: rgba(148, 163, 184, 0.1) !important; }
.dark .dark\:text-slate-400\/10,
html.dark .dark\:text-slate-400\/10 { color: rgba(148, 163, 184, 0.1) !important; }
.dark .dark\:border-slate-400\/10,
html.dark .dark\:border-slate-400\/10 { border-color: rgba(148, 163, 184, 0.1) !important; }

.dark .dark\:hover\:bg-slate-400\/10:hover,
html.dark .dark\:hover\:bg-slate-400\/10:hover { background-color: rgba(148, 163, 184, 0.1) !important; }
.dark .dark\:hover\:text-slate-400\/10:hover,
html.dark .dark\:hover\:text-slate-400\/10:hover { color: rgba(148, 163, 184, 0.1) !important; }
.dark .dark\:hover\:border-slate-400\/10:hover,
html.dark .dark\:hover\:border-slate-400\/10:hover { border-color: rgba(148, 163, 184, 0.1) !important; }

.bg-slate-400\/20 { background-color: rgba(148, 163, 184, 0.2) !important; }
.text-slate-400\/20 { color: rgba(148, 163, 184, 0.2) !important; }
.border-slate-400\/20 { border-color: rgba(148, 163, 184, 0.2) !important; }

.hover\:bg-slate-400\/20:hover { background-color: rgba(148, 163, 184, 0.2) !important; }
.hover\:text-slate-400\/20:hover { color: rgba(148, 163, 184, 0.2) !important; }
.hover\:border-slate-400\/20:hover { border-color: rgba(148, 163, 184, 0.2) !important; }

.dark .dark\:bg-slate-400\/20,
html.dark .dark\:bg-slate-400\/20 { background-color: rgba(148, 163, 184, 0.2) !important; }
.dark .dark\:text-slate-400\/20,
html.dark .dark\:text-slate-400\/20 { color: rgba(148, 163, 184, 0.2) !important; }
.dark .dark\:border-slate-400\/20,
html.dark .dark\:border-slate-400\/20 { border-color: rgba(148, 163, 184, 0.2) !important; }

.dark .dark\:hover\:bg-slate-400\/20:hover,
html.dark .dark\:hover\:bg-slate-400\/20:hover { background-color: rgba(148, 163, 184, 0.2) !important; }
.dark .dark\:hover\:text-slate-400\/20:hover,
html.dark .dark\:hover\:text-slate-400\/20:hover { color: rgba(148, 163, 184, 0.2) !important; }
.dark .dark\:hover\:border-slate-400\/20:hover,
html.dark .dark\:hover\:border-slate-400\/20:hover { border-color: rgba(148, 163, 184, 0.2) !important; }

.bg-slate-400\/25 { background-color: rgba(148, 163, 184, 0.25) !important; }
.text-slate-400\/25 { color: rgba(148, 163, 184, 0.25) !important; }
.border-slate-400\/25 { border-color: rgba(148, 163, 184, 0.25) !important; }

.hover\:bg-slate-400\/25:hover { background-color: rgba(148, 163, 184, 0.25) !important; }
.hover\:text-slate-400\/25:hover { color: rgba(148, 163, 184, 0.25) !important; }
.hover\:border-slate-400\/25:hover { border-color: rgba(148, 163, 184, 0.25) !important; }

.dark .dark\:bg-slate-400\/25,
html.dark .dark\:bg-slate-400\/25 { background-color: rgba(148, 163, 184, 0.25) !important; }
.dark .dark\:text-slate-400\/25,
html.dark .dark\:text-slate-400\/25 { color: rgba(148, 163, 184, 0.25) !important; }
.dark .dark\:border-slate-400\/25,
html.dark .dark\:border-slate-400\/25 { border-color: rgba(148, 163, 184, 0.25) !important; }

.dark .dark\:hover\:bg-slate-400\/25:hover,
html.dark .dark\:hover\:bg-slate-400\/25:hover { background-color: rgba(148, 163, 184, 0.25) !important; }
.dark .dark\:hover\:text-slate-400\/25:hover,
html.dark .dark\:hover\:text-slate-400\/25:hover { color: rgba(148, 163, 184, 0.25) !important; }
.dark .dark\:hover\:border-slate-400\/25:hover,
html.dark .dark\:hover\:border-slate-400\/25:hover { border-color: rgba(148, 163, 184, 0.25) !important; }

.bg-slate-400\/30 { background-color: rgba(148, 163, 184, 0.3) !important; }
.text-slate-400\/30 { color: rgba(148, 163, 184, 0.3) !important; }
.border-slate-400\/30 { border-color: rgba(148, 163, 184, 0.3) !important; }

.hover\:bg-slate-400\/30:hover { background-color: rgba(148, 163, 184, 0.3) !important; }
.hover\:text-slate-400\/30:hover { color: rgba(148, 163, 184, 0.3) !important; }
.hover\:border-slate-400\/30:hover { border-color: rgba(148, 163, 184, 0.3) !important; }

.dark .dark\:bg-slate-400\/30,
html.dark .dark\:bg-slate-400\/30 { background-color: rgba(148, 163, 184, 0.3) !important; }
.dark .dark\:text-slate-400\/30,
html.dark .dark\:text-slate-400\/30 { color: rgba(148, 163, 184, 0.3) !important; }
.dark .dark\:border-slate-400\/30,
html.dark .dark\:border-slate-400\/30 { border-color: rgba(148, 163, 184, 0.3) !important; }

.dark .dark\:hover\:bg-slate-400\/30:hover,
html.dark .dark\:hover\:bg-slate-400\/30:hover { background-color: rgba(148, 163, 184, 0.3) !important; }
.dark .dark\:hover\:text-slate-400\/30:hover,
html.dark .dark\:hover\:text-slate-400\/30:hover { color: rgba(148, 163, 184, 0.3) !important; }
.dark .dark\:hover\:border-slate-400\/30:hover,
html.dark .dark\:hover\:border-slate-400\/30:hover { border-color: rgba(148, 163, 184, 0.3) !important; }

.bg-slate-400\/40 { background-color: rgba(148, 163, 184, 0.4) !important; }
.text-slate-400\/40 { color: rgba(148, 163, 184, 0.4) !important; }
.border-slate-400\/40 { border-color: rgba(148, 163, 184, 0.4) !important; }

.hover\:bg-slate-400\/40:hover { background-color: rgba(148, 163, 184, 0.4) !important; }
.hover\:text-slate-400\/40:hover { color: rgba(148, 163, 184, 0.4) !important; }
.hover\:border-slate-400\/40:hover { border-color: rgba(148, 163, 184, 0.4) !important; }

.dark .dark\:bg-slate-400\/40,
html.dark .dark\:bg-slate-400\/40 { background-color: rgba(148, 163, 184, 0.4) !important; }
.dark .dark\:text-slate-400\/40,
html.dark .dark\:text-slate-400\/40 { color: rgba(148, 163, 184, 0.4) !important; }
.dark .dark\:border-slate-400\/40,
html.dark .dark\:border-slate-400\/40 { border-color: rgba(148, 163, 184, 0.4) !important; }

.dark .dark\:hover\:bg-slate-400\/40:hover,
html.dark .dark\:hover\:bg-slate-400\/40:hover { background-color: rgba(148, 163, 184, 0.4) !important; }
.dark .dark\:hover\:text-slate-400\/40:hover,
html.dark .dark\:hover\:text-slate-400\/40:hover { color: rgba(148, 163, 184, 0.4) !important; }
.dark .dark\:hover\:border-slate-400\/40:hover,
html.dark .dark\:hover\:border-slate-400\/40:hover { border-color: rgba(148, 163, 184, 0.4) !important; }

.bg-slate-400\/50 { background-color: rgba(148, 163, 184, 0.5) !important; }
.text-slate-400\/50 { color: rgba(148, 163, 184, 0.5) !important; }
.border-slate-400\/50 { border-color: rgba(148, 163, 184, 0.5) !important; }

.hover\:bg-slate-400\/50:hover { background-color: rgba(148, 163, 184, 0.5) !important; }
.hover\:text-slate-400\/50:hover { color: rgba(148, 163, 184, 0.5) !important; }
.hover\:border-slate-400\/50:hover { border-color: rgba(148, 163, 184, 0.5) !important; }

.dark .dark\:bg-slate-400\/50,
html.dark .dark\:bg-slate-400\/50 { background-color: rgba(148, 163, 184, 0.5) !important; }
.dark .dark\:text-slate-400\/50,
html.dark .dark\:text-slate-400\/50 { color: rgba(148, 163, 184, 0.5) !important; }
.dark .dark\:border-slate-400\/50,
html.dark .dark\:border-slate-400\/50 { border-color: rgba(148, 163, 184, 0.5) !important; }

.dark .dark\:hover\:bg-slate-400\/50:hover,
html.dark .dark\:hover\:bg-slate-400\/50:hover { background-color: rgba(148, 163, 184, 0.5) !important; }
.dark .dark\:hover\:text-slate-400\/50:hover,
html.dark .dark\:hover\:text-slate-400\/50:hover { color: rgba(148, 163, 184, 0.5) !important; }
.dark .dark\:hover\:border-slate-400\/50:hover,
html.dark .dark\:hover\:border-slate-400\/50:hover { border-color: rgba(148, 163, 184, 0.5) !important; }

.bg-slate-400\/60 { background-color: rgba(148, 163, 184, 0.6) !important; }
.text-slate-400\/60 { color: rgba(148, 163, 184, 0.6) !important; }
.border-slate-400\/60 { border-color: rgba(148, 163, 184, 0.6) !important; }

.hover\:bg-slate-400\/60:hover { background-color: rgba(148, 163, 184, 0.6) !important; }
.hover\:text-slate-400\/60:hover { color: rgba(148, 163, 184, 0.6) !important; }
.hover\:border-slate-400\/60:hover { border-color: rgba(148, 163, 184, 0.6) !important; }

.dark .dark\:bg-slate-400\/60,
html.dark .dark\:bg-slate-400\/60 { background-color: rgba(148, 163, 184, 0.6) !important; }
.dark .dark\:text-slate-400\/60,
html.dark .dark\:text-slate-400\/60 { color: rgba(148, 163, 184, 0.6) !important; }
.dark .dark\:border-slate-400\/60,
html.dark .dark\:border-slate-400\/60 { border-color: rgba(148, 163, 184, 0.6) !important; }

.dark .dark\:hover\:bg-slate-400\/60:hover,
html.dark .dark\:hover\:bg-slate-400\/60:hover { background-color: rgba(148, 163, 184, 0.6) !important; }
.dark .dark\:hover\:text-slate-400\/60:hover,
html.dark .dark\:hover\:text-slate-400\/60:hover { color: rgba(148, 163, 184, 0.6) !important; }
.dark .dark\:hover\:border-slate-400\/60:hover,
html.dark .dark\:hover\:border-slate-400\/60:hover { border-color: rgba(148, 163, 184, 0.6) !important; }

.bg-slate-400\/70 { background-color: rgba(148, 163, 184, 0.7) !important; }
.text-slate-400\/70 { color: rgba(148, 163, 184, 0.7) !important; }
.border-slate-400\/70 { border-color: rgba(148, 163, 184, 0.7) !important; }

.hover\:bg-slate-400\/70:hover { background-color: rgba(148, 163, 184, 0.7) !important; }
.hover\:text-slate-400\/70:hover { color: rgba(148, 163, 184, 0.7) !important; }
.hover\:border-slate-400\/70:hover { border-color: rgba(148, 163, 184, 0.7) !important; }

.dark .dark\:bg-slate-400\/70,
html.dark .dark\:bg-slate-400\/70 { background-color: rgba(148, 163, 184, 0.7) !important; }
.dark .dark\:text-slate-400\/70,
html.dark .dark\:text-slate-400\/70 { color: rgba(148, 163, 184, 0.7) !important; }
.dark .dark\:border-slate-400\/70,
html.dark .dark\:border-slate-400\/70 { border-color: rgba(148, 163, 184, 0.7) !important; }

.dark .dark\:hover\:bg-slate-400\/70:hover,
html.dark .dark\:hover\:bg-slate-400\/70:hover { background-color: rgba(148, 163, 184, 0.7) !important; }
.dark .dark\:hover\:text-slate-400\/70:hover,
html.dark .dark\:hover\:text-slate-400\/70:hover { color: rgba(148, 163, 184, 0.7) !important; }
.dark .dark\:hover\:border-slate-400\/70:hover,
html.dark .dark\:hover\:border-slate-400\/70:hover { border-color: rgba(148, 163, 184, 0.7) !important; }

.bg-slate-400\/75 { background-color: rgba(148, 163, 184, 0.75) !important; }
.text-slate-400\/75 { color: rgba(148, 163, 184, 0.75) !important; }
.border-slate-400\/75 { border-color: rgba(148, 163, 184, 0.75) !important; }

.hover\:bg-slate-400\/75:hover { background-color: rgba(148, 163, 184, 0.75) !important; }
.hover\:text-slate-400\/75:hover { color: rgba(148, 163, 184, 0.75) !important; }
.hover\:border-slate-400\/75:hover { border-color: rgba(148, 163, 184, 0.75) !important; }

.dark .dark\:bg-slate-400\/75,
html.dark .dark\:bg-slate-400\/75 { background-color: rgba(148, 163, 184, 0.75) !important; }
.dark .dark\:text-slate-400\/75,
html.dark .dark\:text-slate-400\/75 { color: rgba(148, 163, 184, 0.75) !important; }
.dark .dark\:border-slate-400\/75,
html.dark .dark\:border-slate-400\/75 { border-color: rgba(148, 163, 184, 0.75) !important; }

.dark .dark\:hover\:bg-slate-400\/75:hover,
html.dark .dark\:hover\:bg-slate-400\/75:hover { background-color: rgba(148, 163, 184, 0.75) !important; }
.dark .dark\:hover\:text-slate-400\/75:hover,
html.dark .dark\:hover\:text-slate-400\/75:hover { color: rgba(148, 163, 184, 0.75) !important; }
.dark .dark\:hover\:border-slate-400\/75:hover,
html.dark .dark\:hover\:border-slate-400\/75:hover { border-color: rgba(148, 163, 184, 0.75) !important; }

.bg-slate-400\/80 { background-color: rgba(148, 163, 184, 0.8) !important; }
.text-slate-400\/80 { color: rgba(148, 163, 184, 0.8) !important; }
.border-slate-400\/80 { border-color: rgba(148, 163, 184, 0.8) !important; }

.hover\:bg-slate-400\/80:hover { background-color: rgba(148, 163, 184, 0.8) !important; }
.hover\:text-slate-400\/80:hover { color: rgba(148, 163, 184, 0.8) !important; }
.hover\:border-slate-400\/80:hover { border-color: rgba(148, 163, 184, 0.8) !important; }

.dark .dark\:bg-slate-400\/80,
html.dark .dark\:bg-slate-400\/80 { background-color: rgba(148, 163, 184, 0.8) !important; }
.dark .dark\:text-slate-400\/80,
html.dark .dark\:text-slate-400\/80 { color: rgba(148, 163, 184, 0.8) !important; }
.dark .dark\:border-slate-400\/80,
html.dark .dark\:border-slate-400\/80 { border-color: rgba(148, 163, 184, 0.8) !important; }

.dark .dark\:hover\:bg-slate-400\/80:hover,
html.dark .dark\:hover\:bg-slate-400\/80:hover { background-color: rgba(148, 163, 184, 0.8) !important; }
.dark .dark\:hover\:text-slate-400\/80:hover,
html.dark .dark\:hover\:text-slate-400\/80:hover { color: rgba(148, 163, 184, 0.8) !important; }
.dark .dark\:hover\:border-slate-400\/80:hover,
html.dark .dark\:hover\:border-slate-400\/80:hover { border-color: rgba(148, 163, 184, 0.8) !important; }

.bg-slate-400\/90 { background-color: rgba(148, 163, 184, 0.9) !important; }
.text-slate-400\/90 { color: rgba(148, 163, 184, 0.9) !important; }
.border-slate-400\/90 { border-color: rgba(148, 163, 184, 0.9) !important; }

.hover\:bg-slate-400\/90:hover { background-color: rgba(148, 163, 184, 0.9) !important; }
.hover\:text-slate-400\/90:hover { color: rgba(148, 163, 184, 0.9) !important; }
.hover\:border-slate-400\/90:hover { border-color: rgba(148, 163, 184, 0.9) !important; }

.dark .dark\:bg-slate-400\/90,
html.dark .dark\:bg-slate-400\/90 { background-color: rgba(148, 163, 184, 0.9) !important; }
.dark .dark\:text-slate-400\/90,
html.dark .dark\:text-slate-400\/90 { color: rgba(148, 163, 184, 0.9) !important; }
.dark .dark\:border-slate-400\/90,
html.dark .dark\:border-slate-400\/90 { border-color: rgba(148, 163, 184, 0.9) !important; }

.dark .dark\:hover\:bg-slate-400\/90:hover,
html.dark .dark\:hover\:bg-slate-400\/90:hover { background-color: rgba(148, 163, 184, 0.9) !important; }
.dark .dark\:hover\:text-slate-400\/90:hover,
html.dark .dark\:hover\:text-slate-400\/90:hover { color: rgba(148, 163, 184, 0.9) !important; }
.dark .dark\:hover\:border-slate-400\/90:hover,
html.dark .dark\:hover\:border-slate-400\/90:hover { border-color: rgba(148, 163, 184, 0.9) !important; }

.bg-slate-400\/95 { background-color: rgba(148, 163, 184, 0.95) !important; }
.text-slate-400\/95 { color: rgba(148, 163, 184, 0.95) !important; }
.border-slate-400\/95 { border-color: rgba(148, 163, 184, 0.95) !important; }

.hover\:bg-slate-400\/95:hover { background-color: rgba(148, 163, 184, 0.95) !important; }
.hover\:text-slate-400\/95:hover { color: rgba(148, 163, 184, 0.95) !important; }
.hover\:border-slate-400\/95:hover { border-color: rgba(148, 163, 184, 0.95) !important; }

.dark .dark\:bg-slate-400\/95,
html.dark .dark\:bg-slate-400\/95 { background-color: rgba(148, 163, 184, 0.95) !important; }
.dark .dark\:text-slate-400\/95,
html.dark .dark\:text-slate-400\/95 { color: rgba(148, 163, 184, 0.95) !important; }
.dark .dark\:border-slate-400\/95,
html.dark .dark\:border-slate-400\/95 { border-color: rgba(148, 163, 184, 0.95) !important; }

.dark .dark\:hover\:bg-slate-400\/95:hover,
html.dark .dark\:hover\:bg-slate-400\/95:hover { background-color: rgba(148, 163, 184, 0.95) !important; }
.dark .dark\:hover\:text-slate-400\/95:hover,
html.dark .dark\:hover\:text-slate-400\/95:hover { color: rgba(148, 163, 184, 0.95) !important; }
.dark .dark\:hover\:border-slate-400\/95:hover,
html.dark .dark\:hover\:border-slate-400\/95:hover { border-color: rgba(148, 163, 184, 0.95) !important; }

.bg-slate-500 { background-color: #64748b !important; }
.text-slate-500 { color: #64748b !important; }
.border-slate-500 { border-color: #64748b !important; }
.fill-slate-500 { fill: #64748b !important; }
.stroke-slate-500 { stroke: #64748b !important; }

/* Hover states */
.hover\:bg-slate-500:hover { background-color: #64748b !important; }
.hover\:text-slate-500:hover { color: #64748b !important; }
.hover\:border-slate-500:hover { border-color: #64748b !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-500,
html.dark .dark\:bg-slate-500 { background-color: #64748b !important; }
.dark .dark\:text-slate-500,
html.dark .dark\:text-slate-500 { color: #64748b !important; }
.dark .dark\:border-slate-500,
html.dark .dark\:border-slate-500 { border-color: #64748b !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-500:hover,
html.dark .dark\:hover\:bg-slate-500:hover { background-color: #64748b !important; }
.dark .dark\:hover\:text-slate-500:hover,
html.dark .dark\:hover\:text-slate-500:hover { color: #64748b !important; }
.dark .dark\:hover\:border-slate-500:hover,
html.dark .dark\:hover\:border-slate-500:hover { border-color: #64748b !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-500,
html.dark .group:hover .dark\:group-hover\:text-slate-500 { color: #64748b !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-500,
html.dark .group:hover .dark\:group-hover\:bg-slate-500 { background-color: #64748b !important; }

.bg-slate-500\/10 { background-color: rgba(100, 116, 139, 0.1) !important; }
.text-slate-500\/10 { color: rgba(100, 116, 139, 0.1) !important; }
.border-slate-500\/10 { border-color: rgba(100, 116, 139, 0.1) !important; }

.hover\:bg-slate-500\/10:hover { background-color: rgba(100, 116, 139, 0.1) !important; }
.hover\:text-slate-500\/10:hover { color: rgba(100, 116, 139, 0.1) !important; }
.hover\:border-slate-500\/10:hover { border-color: rgba(100, 116, 139, 0.1) !important; }

.dark .dark\:bg-slate-500\/10,
html.dark .dark\:bg-slate-500\/10 { background-color: rgba(100, 116, 139, 0.1) !important; }
.dark .dark\:text-slate-500\/10,
html.dark .dark\:text-slate-500\/10 { color: rgba(100, 116, 139, 0.1) !important; }
.dark .dark\:border-slate-500\/10,
html.dark .dark\:border-slate-500\/10 { border-color: rgba(100, 116, 139, 0.1) !important; }

.dark .dark\:hover\:bg-slate-500\/10:hover,
html.dark .dark\:hover\:bg-slate-500\/10:hover { background-color: rgba(100, 116, 139, 0.1) !important; }
.dark .dark\:hover\:text-slate-500\/10:hover,
html.dark .dark\:hover\:text-slate-500\/10:hover { color: rgba(100, 116, 139, 0.1) !important; }
.dark .dark\:hover\:border-slate-500\/10:hover,
html.dark .dark\:hover\:border-slate-500\/10:hover { border-color: rgba(100, 116, 139, 0.1) !important; }

.bg-slate-500\/20 { background-color: rgba(100, 116, 139, 0.2) !important; }
.text-slate-500\/20 { color: rgba(100, 116, 139, 0.2) !important; }
.border-slate-500\/20 { border-color: rgba(100, 116, 139, 0.2) !important; }

.hover\:bg-slate-500\/20:hover { background-color: rgba(100, 116, 139, 0.2) !important; }
.hover\:text-slate-500\/20:hover { color: rgba(100, 116, 139, 0.2) !important; }
.hover\:border-slate-500\/20:hover { border-color: rgba(100, 116, 139, 0.2) !important; }

.dark .dark\:bg-slate-500\/20,
html.dark .dark\:bg-slate-500\/20 { background-color: rgba(100, 116, 139, 0.2) !important; }
.dark .dark\:text-slate-500\/20,
html.dark .dark\:text-slate-500\/20 { color: rgba(100, 116, 139, 0.2) !important; }
.dark .dark\:border-slate-500\/20,
html.dark .dark\:border-slate-500\/20 { border-color: rgba(100, 116, 139, 0.2) !important; }

.dark .dark\:hover\:bg-slate-500\/20:hover,
html.dark .dark\:hover\:bg-slate-500\/20:hover { background-color: rgba(100, 116, 139, 0.2) !important; }
.dark .dark\:hover\:text-slate-500\/20:hover,
html.dark .dark\:hover\:text-slate-500\/20:hover { color: rgba(100, 116, 139, 0.2) !important; }
.dark .dark\:hover\:border-slate-500\/20:hover,
html.dark .dark\:hover\:border-slate-500\/20:hover { border-color: rgba(100, 116, 139, 0.2) !important; }

.bg-slate-500\/25 { background-color: rgba(100, 116, 139, 0.25) !important; }
.text-slate-500\/25 { color: rgba(100, 116, 139, 0.25) !important; }
.border-slate-500\/25 { border-color: rgba(100, 116, 139, 0.25) !important; }

.hover\:bg-slate-500\/25:hover { background-color: rgba(100, 116, 139, 0.25) !important; }
.hover\:text-slate-500\/25:hover { color: rgba(100, 116, 139, 0.25) !important; }
.hover\:border-slate-500\/25:hover { border-color: rgba(100, 116, 139, 0.25) !important; }

.dark .dark\:bg-slate-500\/25,
html.dark .dark\:bg-slate-500\/25 { background-color: rgba(100, 116, 139, 0.25) !important; }
.dark .dark\:text-slate-500\/25,
html.dark .dark\:text-slate-500\/25 { color: rgba(100, 116, 139, 0.25) !important; }
.dark .dark\:border-slate-500\/25,
html.dark .dark\:border-slate-500\/25 { border-color: rgba(100, 116, 139, 0.25) !important; }

.dark .dark\:hover\:bg-slate-500\/25:hover,
html.dark .dark\:hover\:bg-slate-500\/25:hover { background-color: rgba(100, 116, 139, 0.25) !important; }
.dark .dark\:hover\:text-slate-500\/25:hover,
html.dark .dark\:hover\:text-slate-500\/25:hover { color: rgba(100, 116, 139, 0.25) !important; }
.dark .dark\:hover\:border-slate-500\/25:hover,
html.dark .dark\:hover\:border-slate-500\/25:hover { border-color: rgba(100, 116, 139, 0.25) !important; }

.bg-slate-500\/30 { background-color: rgba(100, 116, 139, 0.3) !important; }
.text-slate-500\/30 { color: rgba(100, 116, 139, 0.3) !important; }
.border-slate-500\/30 { border-color: rgba(100, 116, 139, 0.3) !important; }

.hover\:bg-slate-500\/30:hover { background-color: rgba(100, 116, 139, 0.3) !important; }
.hover\:text-slate-500\/30:hover { color: rgba(100, 116, 139, 0.3) !important; }
.hover\:border-slate-500\/30:hover { border-color: rgba(100, 116, 139, 0.3) !important; }

.dark .dark\:bg-slate-500\/30,
html.dark .dark\:bg-slate-500\/30 { background-color: rgba(100, 116, 139, 0.3) !important; }
.dark .dark\:text-slate-500\/30,
html.dark .dark\:text-slate-500\/30 { color: rgba(100, 116, 139, 0.3) !important; }
.dark .dark\:border-slate-500\/30,
html.dark .dark\:border-slate-500\/30 { border-color: rgba(100, 116, 139, 0.3) !important; }

.dark .dark\:hover\:bg-slate-500\/30:hover,
html.dark .dark\:hover\:bg-slate-500\/30:hover { background-color: rgba(100, 116, 139, 0.3) !important; }
.dark .dark\:hover\:text-slate-500\/30:hover,
html.dark .dark\:hover\:text-slate-500\/30:hover { color: rgba(100, 116, 139, 0.3) !important; }
.dark .dark\:hover\:border-slate-500\/30:hover,
html.dark .dark\:hover\:border-slate-500\/30:hover { border-color: rgba(100, 116, 139, 0.3) !important; }

.bg-slate-500\/40 { background-color: rgba(100, 116, 139, 0.4) !important; }
.text-slate-500\/40 { color: rgba(100, 116, 139, 0.4) !important; }
.border-slate-500\/40 { border-color: rgba(100, 116, 139, 0.4) !important; }

.hover\:bg-slate-500\/40:hover { background-color: rgba(100, 116, 139, 0.4) !important; }
.hover\:text-slate-500\/40:hover { color: rgba(100, 116, 139, 0.4) !important; }
.hover\:border-slate-500\/40:hover { border-color: rgba(100, 116, 139, 0.4) !important; }

.dark .dark\:bg-slate-500\/40,
html.dark .dark\:bg-slate-500\/40 { background-color: rgba(100, 116, 139, 0.4) !important; }
.dark .dark\:text-slate-500\/40,
html.dark .dark\:text-slate-500\/40 { color: rgba(100, 116, 139, 0.4) !important; }
.dark .dark\:border-slate-500\/40,
html.dark .dark\:border-slate-500\/40 { border-color: rgba(100, 116, 139, 0.4) !important; }

.dark .dark\:hover\:bg-slate-500\/40:hover,
html.dark .dark\:hover\:bg-slate-500\/40:hover { background-color: rgba(100, 116, 139, 0.4) !important; }
.dark .dark\:hover\:text-slate-500\/40:hover,
html.dark .dark\:hover\:text-slate-500\/40:hover { color: rgba(100, 116, 139, 0.4) !important; }
.dark .dark\:hover\:border-slate-500\/40:hover,
html.dark .dark\:hover\:border-slate-500\/40:hover { border-color: rgba(100, 116, 139, 0.4) !important; }

.bg-slate-500\/50 { background-color: rgba(100, 116, 139, 0.5) !important; }
.text-slate-500\/50 { color: rgba(100, 116, 139, 0.5) !important; }
.border-slate-500\/50 { border-color: rgba(100, 116, 139, 0.5) !important; }

.hover\:bg-slate-500\/50:hover { background-color: rgba(100, 116, 139, 0.5) !important; }
.hover\:text-slate-500\/50:hover { color: rgba(100, 116, 139, 0.5) !important; }
.hover\:border-slate-500\/50:hover { border-color: rgba(100, 116, 139, 0.5) !important; }

.dark .dark\:bg-slate-500\/50,
html.dark .dark\:bg-slate-500\/50 { background-color: rgba(100, 116, 139, 0.5) !important; }
.dark .dark\:text-slate-500\/50,
html.dark .dark\:text-slate-500\/50 { color: rgba(100, 116, 139, 0.5) !important; }
.dark .dark\:border-slate-500\/50,
html.dark .dark\:border-slate-500\/50 { border-color: rgba(100, 116, 139, 0.5) !important; }

.dark .dark\:hover\:bg-slate-500\/50:hover,
html.dark .dark\:hover\:bg-slate-500\/50:hover { background-color: rgba(100, 116, 139, 0.5) !important; }
.dark .dark\:hover\:text-slate-500\/50:hover,
html.dark .dark\:hover\:text-slate-500\/50:hover { color: rgba(100, 116, 139, 0.5) !important; }
.dark .dark\:hover\:border-slate-500\/50:hover,
html.dark .dark\:hover\:border-slate-500\/50:hover { border-color: rgba(100, 116, 139, 0.5) !important; }

.bg-slate-500\/60 { background-color: rgba(100, 116, 139, 0.6) !important; }
.text-slate-500\/60 { color: rgba(100, 116, 139, 0.6) !important; }
.border-slate-500\/60 { border-color: rgba(100, 116, 139, 0.6) !important; }

.hover\:bg-slate-500\/60:hover { background-color: rgba(100, 116, 139, 0.6) !important; }
.hover\:text-slate-500\/60:hover { color: rgba(100, 116, 139, 0.6) !important; }
.hover\:border-slate-500\/60:hover { border-color: rgba(100, 116, 139, 0.6) !important; }

.dark .dark\:bg-slate-500\/60,
html.dark .dark\:bg-slate-500\/60 { background-color: rgba(100, 116, 139, 0.6) !important; }
.dark .dark\:text-slate-500\/60,
html.dark .dark\:text-slate-500\/60 { color: rgba(100, 116, 139, 0.6) !important; }
.dark .dark\:border-slate-500\/60,
html.dark .dark\:border-slate-500\/60 { border-color: rgba(100, 116, 139, 0.6) !important; }

.dark .dark\:hover\:bg-slate-500\/60:hover,
html.dark .dark\:hover\:bg-slate-500\/60:hover { background-color: rgba(100, 116, 139, 0.6) !important; }
.dark .dark\:hover\:text-slate-500\/60:hover,
html.dark .dark\:hover\:text-slate-500\/60:hover { color: rgba(100, 116, 139, 0.6) !important; }
.dark .dark\:hover\:border-slate-500\/60:hover,
html.dark .dark\:hover\:border-slate-500\/60:hover { border-color: rgba(100, 116, 139, 0.6) !important; }

.bg-slate-500\/70 { background-color: rgba(100, 116, 139, 0.7) !important; }
.text-slate-500\/70 { color: rgba(100, 116, 139, 0.7) !important; }
.border-slate-500\/70 { border-color: rgba(100, 116, 139, 0.7) !important; }

.hover\:bg-slate-500\/70:hover { background-color: rgba(100, 116, 139, 0.7) !important; }
.hover\:text-slate-500\/70:hover { color: rgba(100, 116, 139, 0.7) !important; }
.hover\:border-slate-500\/70:hover { border-color: rgba(100, 116, 139, 0.7) !important; }

.dark .dark\:bg-slate-500\/70,
html.dark .dark\:bg-slate-500\/70 { background-color: rgba(100, 116, 139, 0.7) !important; }
.dark .dark\:text-slate-500\/70,
html.dark .dark\:text-slate-500\/70 { color: rgba(100, 116, 139, 0.7) !important; }
.dark .dark\:border-slate-500\/70,
html.dark .dark\:border-slate-500\/70 { border-color: rgba(100, 116, 139, 0.7) !important; }

.dark .dark\:hover\:bg-slate-500\/70:hover,
html.dark .dark\:hover\:bg-slate-500\/70:hover { background-color: rgba(100, 116, 139, 0.7) !important; }
.dark .dark\:hover\:text-slate-500\/70:hover,
html.dark .dark\:hover\:text-slate-500\/70:hover { color: rgba(100, 116, 139, 0.7) !important; }
.dark .dark\:hover\:border-slate-500\/70:hover,
html.dark .dark\:hover\:border-slate-500\/70:hover { border-color: rgba(100, 116, 139, 0.7) !important; }

.bg-slate-500\/75 { background-color: rgba(100, 116, 139, 0.75) !important; }
.text-slate-500\/75 { color: rgba(100, 116, 139, 0.75) !important; }
.border-slate-500\/75 { border-color: rgba(100, 116, 139, 0.75) !important; }

.hover\:bg-slate-500\/75:hover { background-color: rgba(100, 116, 139, 0.75) !important; }
.hover\:text-slate-500\/75:hover { color: rgba(100, 116, 139, 0.75) !important; }
.hover\:border-slate-500\/75:hover { border-color: rgba(100, 116, 139, 0.75) !important; }

.dark .dark\:bg-slate-500\/75,
html.dark .dark\:bg-slate-500\/75 { background-color: rgba(100, 116, 139, 0.75) !important; }
.dark .dark\:text-slate-500\/75,
html.dark .dark\:text-slate-500\/75 { color: rgba(100, 116, 139, 0.75) !important; }
.dark .dark\:border-slate-500\/75,
html.dark .dark\:border-slate-500\/75 { border-color: rgba(100, 116, 139, 0.75) !important; }

.dark .dark\:hover\:bg-slate-500\/75:hover,
html.dark .dark\:hover\:bg-slate-500\/75:hover { background-color: rgba(100, 116, 139, 0.75) !important; }
.dark .dark\:hover\:text-slate-500\/75:hover,
html.dark .dark\:hover\:text-slate-500\/75:hover { color: rgba(100, 116, 139, 0.75) !important; }
.dark .dark\:hover\:border-slate-500\/75:hover,
html.dark .dark\:hover\:border-slate-500\/75:hover { border-color: rgba(100, 116, 139, 0.75) !important; }

.bg-slate-500\/80 { background-color: rgba(100, 116, 139, 0.8) !important; }
.text-slate-500\/80 { color: rgba(100, 116, 139, 0.8) !important; }
.border-slate-500\/80 { border-color: rgba(100, 116, 139, 0.8) !important; }

.hover\:bg-slate-500\/80:hover { background-color: rgba(100, 116, 139, 0.8) !important; }
.hover\:text-slate-500\/80:hover { color: rgba(100, 116, 139, 0.8) !important; }
.hover\:border-slate-500\/80:hover { border-color: rgba(100, 116, 139, 0.8) !important; }

.dark .dark\:bg-slate-500\/80,
html.dark .dark\:bg-slate-500\/80 { background-color: rgba(100, 116, 139, 0.8) !important; }
.dark .dark\:text-slate-500\/80,
html.dark .dark\:text-slate-500\/80 { color: rgba(100, 116, 139, 0.8) !important; }
.dark .dark\:border-slate-500\/80,
html.dark .dark\:border-slate-500\/80 { border-color: rgba(100, 116, 139, 0.8) !important; }

.dark .dark\:hover\:bg-slate-500\/80:hover,
html.dark .dark\:hover\:bg-slate-500\/80:hover { background-color: rgba(100, 116, 139, 0.8) !important; }
.dark .dark\:hover\:text-slate-500\/80:hover,
html.dark .dark\:hover\:text-slate-500\/80:hover { color: rgba(100, 116, 139, 0.8) !important; }
.dark .dark\:hover\:border-slate-500\/80:hover,
html.dark .dark\:hover\:border-slate-500\/80:hover { border-color: rgba(100, 116, 139, 0.8) !important; }

.bg-slate-500\/90 { background-color: rgba(100, 116, 139, 0.9) !important; }
.text-slate-500\/90 { color: rgba(100, 116, 139, 0.9) !important; }
.border-slate-500\/90 { border-color: rgba(100, 116, 139, 0.9) !important; }

.hover\:bg-slate-500\/90:hover { background-color: rgba(100, 116, 139, 0.9) !important; }
.hover\:text-slate-500\/90:hover { color: rgba(100, 116, 139, 0.9) !important; }
.hover\:border-slate-500\/90:hover { border-color: rgba(100, 116, 139, 0.9) !important; }

.dark .dark\:bg-slate-500\/90,
html.dark .dark\:bg-slate-500\/90 { background-color: rgba(100, 116, 139, 0.9) !important; }
.dark .dark\:text-slate-500\/90,
html.dark .dark\:text-slate-500\/90 { color: rgba(100, 116, 139, 0.9) !important; }
.dark .dark\:border-slate-500\/90,
html.dark .dark\:border-slate-500\/90 { border-color: rgba(100, 116, 139, 0.9) !important; }

.dark .dark\:hover\:bg-slate-500\/90:hover,
html.dark .dark\:hover\:bg-slate-500\/90:hover { background-color: rgba(100, 116, 139, 0.9) !important; }
.dark .dark\:hover\:text-slate-500\/90:hover,
html.dark .dark\:hover\:text-slate-500\/90:hover { color: rgba(100, 116, 139, 0.9) !important; }
.dark .dark\:hover\:border-slate-500\/90:hover,
html.dark .dark\:hover\:border-slate-500\/90:hover { border-color: rgba(100, 116, 139, 0.9) !important; }

.bg-slate-500\/95 { background-color: rgba(100, 116, 139, 0.95) !important; }
.text-slate-500\/95 { color: rgba(100, 116, 139, 0.95) !important; }
.border-slate-500\/95 { border-color: rgba(100, 116, 139, 0.95) !important; }

.hover\:bg-slate-500\/95:hover { background-color: rgba(100, 116, 139, 0.95) !important; }
.hover\:text-slate-500\/95:hover { color: rgba(100, 116, 139, 0.95) !important; }
.hover\:border-slate-500\/95:hover { border-color: rgba(100, 116, 139, 0.95) !important; }

.dark .dark\:bg-slate-500\/95,
html.dark .dark\:bg-slate-500\/95 { background-color: rgba(100, 116, 139, 0.95) !important; }
.dark .dark\:text-slate-500\/95,
html.dark .dark\:text-slate-500\/95 { color: rgba(100, 116, 139, 0.95) !important; }
.dark .dark\:border-slate-500\/95,
html.dark .dark\:border-slate-500\/95 { border-color: rgba(100, 116, 139, 0.95) !important; }

.dark .dark\:hover\:bg-slate-500\/95:hover,
html.dark .dark\:hover\:bg-slate-500\/95:hover { background-color: rgba(100, 116, 139, 0.95) !important; }
.dark .dark\:hover\:text-slate-500\/95:hover,
html.dark .dark\:hover\:text-slate-500\/95:hover { color: rgba(100, 116, 139, 0.95) !important; }
.dark .dark\:hover\:border-slate-500\/95:hover,
html.dark .dark\:hover\:border-slate-500\/95:hover { border-color: rgba(100, 116, 139, 0.95) !important; }

.bg-slate-600 { background-color: #475569 !important; }
.text-slate-600 { color: #475569 !important; }
.border-slate-600 { border-color: #475569 !important; }
.fill-slate-600 { fill: #475569 !important; }
.stroke-slate-600 { stroke: #475569 !important; }

/* Hover states */
.hover\:bg-slate-600:hover { background-color: #475569 !important; }
.hover\:text-slate-600:hover { color: #475569 !important; }
.hover\:border-slate-600:hover { border-color: #475569 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-600,
html.dark .dark\:bg-slate-600 { background-color: #475569 !important; }
.dark .dark\:text-slate-600,
html.dark .dark\:text-slate-600 { color: #475569 !important; }
.dark .dark\:border-slate-600,
html.dark .dark\:border-slate-600 { border-color: #475569 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-600:hover,
html.dark .dark\:hover\:bg-slate-600:hover { background-color: #475569 !important; }
.dark .dark\:hover\:text-slate-600:hover,
html.dark .dark\:hover\:text-slate-600:hover { color: #475569 !important; }
.dark .dark\:hover\:border-slate-600:hover,
html.dark .dark\:hover\:border-slate-600:hover { border-color: #475569 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-600,
html.dark .group:hover .dark\:group-hover\:text-slate-600 { color: #475569 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-600,
html.dark .group:hover .dark\:group-hover\:bg-slate-600 { background-color: #475569 !important; }

.bg-slate-600\/10 { background-color: rgba(71, 85, 105, 0.1) !important; }
.text-slate-600\/10 { color: rgba(71, 85, 105, 0.1) !important; }
.border-slate-600\/10 { border-color: rgba(71, 85, 105, 0.1) !important; }

.hover\:bg-slate-600\/10:hover { background-color: rgba(71, 85, 105, 0.1) !important; }
.hover\:text-slate-600\/10:hover { color: rgba(71, 85, 105, 0.1) !important; }
.hover\:border-slate-600\/10:hover { border-color: rgba(71, 85, 105, 0.1) !important; }

.dark .dark\:bg-slate-600\/10,
html.dark .dark\:bg-slate-600\/10 { background-color: rgba(71, 85, 105, 0.1) !important; }
.dark .dark\:text-slate-600\/10,
html.dark .dark\:text-slate-600\/10 { color: rgba(71, 85, 105, 0.1) !important; }
.dark .dark\:border-slate-600\/10,
html.dark .dark\:border-slate-600\/10 { border-color: rgba(71, 85, 105, 0.1) !important; }

.dark .dark\:hover\:bg-slate-600\/10:hover,
html.dark .dark\:hover\:bg-slate-600\/10:hover { background-color: rgba(71, 85, 105, 0.1) !important; }
.dark .dark\:hover\:text-slate-600\/10:hover,
html.dark .dark\:hover\:text-slate-600\/10:hover { color: rgba(71, 85, 105, 0.1) !important; }
.dark .dark\:hover\:border-slate-600\/10:hover,
html.dark .dark\:hover\:border-slate-600\/10:hover { border-color: rgba(71, 85, 105, 0.1) !important; }

.bg-slate-600\/20 { background-color: rgba(71, 85, 105, 0.2) !important; }
.text-slate-600\/20 { color: rgba(71, 85, 105, 0.2) !important; }
.border-slate-600\/20 { border-color: rgba(71, 85, 105, 0.2) !important; }

.hover\:bg-slate-600\/20:hover { background-color: rgba(71, 85, 105, 0.2) !important; }
.hover\:text-slate-600\/20:hover { color: rgba(71, 85, 105, 0.2) !important; }
.hover\:border-slate-600\/20:hover { border-color: rgba(71, 85, 105, 0.2) !important; }

.dark .dark\:bg-slate-600\/20,
html.dark .dark\:bg-slate-600\/20 { background-color: rgba(71, 85, 105, 0.2) !important; }
.dark .dark\:text-slate-600\/20,
html.dark .dark\:text-slate-600\/20 { color: rgba(71, 85, 105, 0.2) !important; }
.dark .dark\:border-slate-600\/20,
html.dark .dark\:border-slate-600\/20 { border-color: rgba(71, 85, 105, 0.2) !important; }

.dark .dark\:hover\:bg-slate-600\/20:hover,
html.dark .dark\:hover\:bg-slate-600\/20:hover { background-color: rgba(71, 85, 105, 0.2) !important; }
.dark .dark\:hover\:text-slate-600\/20:hover,
html.dark .dark\:hover\:text-slate-600\/20:hover { color: rgba(71, 85, 105, 0.2) !important; }
.dark .dark\:hover\:border-slate-600\/20:hover,
html.dark .dark\:hover\:border-slate-600\/20:hover { border-color: rgba(71, 85, 105, 0.2) !important; }

.bg-slate-600\/25 { background-color: rgba(71, 85, 105, 0.25) !important; }
.text-slate-600\/25 { color: rgba(71, 85, 105, 0.25) !important; }
.border-slate-600\/25 { border-color: rgba(71, 85, 105, 0.25) !important; }

.hover\:bg-slate-600\/25:hover { background-color: rgba(71, 85, 105, 0.25) !important; }
.hover\:text-slate-600\/25:hover { color: rgba(71, 85, 105, 0.25) !important; }
.hover\:border-slate-600\/25:hover { border-color: rgba(71, 85, 105, 0.25) !important; }

.dark .dark\:bg-slate-600\/25,
html.dark .dark\:bg-slate-600\/25 { background-color: rgba(71, 85, 105, 0.25) !important; }
.dark .dark\:text-slate-600\/25,
html.dark .dark\:text-slate-600\/25 { color: rgba(71, 85, 105, 0.25) !important; }
.dark .dark\:border-slate-600\/25,
html.dark .dark\:border-slate-600\/25 { border-color: rgba(71, 85, 105, 0.25) !important; }

.dark .dark\:hover\:bg-slate-600\/25:hover,
html.dark .dark\:hover\:bg-slate-600\/25:hover { background-color: rgba(71, 85, 105, 0.25) !important; }
.dark .dark\:hover\:text-slate-600\/25:hover,
html.dark .dark\:hover\:text-slate-600\/25:hover { color: rgba(71, 85, 105, 0.25) !important; }
.dark .dark\:hover\:border-slate-600\/25:hover,
html.dark .dark\:hover\:border-slate-600\/25:hover { border-color: rgba(71, 85, 105, 0.25) !important; }

.bg-slate-600\/30 { background-color: rgba(71, 85, 105, 0.3) !important; }
.text-slate-600\/30 { color: rgba(71, 85, 105, 0.3) !important; }
.border-slate-600\/30 { border-color: rgba(71, 85, 105, 0.3) !important; }

.hover\:bg-slate-600\/30:hover { background-color: rgba(71, 85, 105, 0.3) !important; }
.hover\:text-slate-600\/30:hover { color: rgba(71, 85, 105, 0.3) !important; }
.hover\:border-slate-600\/30:hover { border-color: rgba(71, 85, 105, 0.3) !important; }

.dark .dark\:bg-slate-600\/30,
html.dark .dark\:bg-slate-600\/30 { background-color: rgba(71, 85, 105, 0.3) !important; }
.dark .dark\:text-slate-600\/30,
html.dark .dark\:text-slate-600\/30 { color: rgba(71, 85, 105, 0.3) !important; }
.dark .dark\:border-slate-600\/30,
html.dark .dark\:border-slate-600\/30 { border-color: rgba(71, 85, 105, 0.3) !important; }

.dark .dark\:hover\:bg-slate-600\/30:hover,
html.dark .dark\:hover\:bg-slate-600\/30:hover { background-color: rgba(71, 85, 105, 0.3) !important; }
.dark .dark\:hover\:text-slate-600\/30:hover,
html.dark .dark\:hover\:text-slate-600\/30:hover { color: rgba(71, 85, 105, 0.3) !important; }
.dark .dark\:hover\:border-slate-600\/30:hover,
html.dark .dark\:hover\:border-slate-600\/30:hover { border-color: rgba(71, 85, 105, 0.3) !important; }

.bg-slate-600\/40 { background-color: rgba(71, 85, 105, 0.4) !important; }
.text-slate-600\/40 { color: rgba(71, 85, 105, 0.4) !important; }
.border-slate-600\/40 { border-color: rgba(71, 85, 105, 0.4) !important; }

.hover\:bg-slate-600\/40:hover { background-color: rgba(71, 85, 105, 0.4) !important; }
.hover\:text-slate-600\/40:hover { color: rgba(71, 85, 105, 0.4) !important; }
.hover\:border-slate-600\/40:hover { border-color: rgba(71, 85, 105, 0.4) !important; }

.dark .dark\:bg-slate-600\/40,
html.dark .dark\:bg-slate-600\/40 { background-color: rgba(71, 85, 105, 0.4) !important; }
.dark .dark\:text-slate-600\/40,
html.dark .dark\:text-slate-600\/40 { color: rgba(71, 85, 105, 0.4) !important; }
.dark .dark\:border-slate-600\/40,
html.dark .dark\:border-slate-600\/40 { border-color: rgba(71, 85, 105, 0.4) !important; }

.dark .dark\:hover\:bg-slate-600\/40:hover,
html.dark .dark\:hover\:bg-slate-600\/40:hover { background-color: rgba(71, 85, 105, 0.4) !important; }
.dark .dark\:hover\:text-slate-600\/40:hover,
html.dark .dark\:hover\:text-slate-600\/40:hover { color: rgba(71, 85, 105, 0.4) !important; }
.dark .dark\:hover\:border-slate-600\/40:hover,
html.dark .dark\:hover\:border-slate-600\/40:hover { border-color: rgba(71, 85, 105, 0.4) !important; }

.bg-slate-600\/50 { background-color: rgba(71, 85, 105, 0.5) !important; }
.text-slate-600\/50 { color: rgba(71, 85, 105, 0.5) !important; }
.border-slate-600\/50 { border-color: rgba(71, 85, 105, 0.5) !important; }

.hover\:bg-slate-600\/50:hover { background-color: rgba(71, 85, 105, 0.5) !important; }
.hover\:text-slate-600\/50:hover { color: rgba(71, 85, 105, 0.5) !important; }
.hover\:border-slate-600\/50:hover { border-color: rgba(71, 85, 105, 0.5) !important; }

.dark .dark\:bg-slate-600\/50,
html.dark .dark\:bg-slate-600\/50 { background-color: rgba(71, 85, 105, 0.5) !important; }
.dark .dark\:text-slate-600\/50,
html.dark .dark\:text-slate-600\/50 { color: rgba(71, 85, 105, 0.5) !important; }
.dark .dark\:border-slate-600\/50,
html.dark .dark\:border-slate-600\/50 { border-color: rgba(71, 85, 105, 0.5) !important; }

.dark .dark\:hover\:bg-slate-600\/50:hover,
html.dark .dark\:hover\:bg-slate-600\/50:hover { background-color: rgba(71, 85, 105, 0.5) !important; }
.dark .dark\:hover\:text-slate-600\/50:hover,
html.dark .dark\:hover\:text-slate-600\/50:hover { color: rgba(71, 85, 105, 0.5) !important; }
.dark .dark\:hover\:border-slate-600\/50:hover,
html.dark .dark\:hover\:border-slate-600\/50:hover { border-color: rgba(71, 85, 105, 0.5) !important; }

.bg-slate-600\/60 { background-color: rgba(71, 85, 105, 0.6) !important; }
.text-slate-600\/60 { color: rgba(71, 85, 105, 0.6) !important; }
.border-slate-600\/60 { border-color: rgba(71, 85, 105, 0.6) !important; }

.hover\:bg-slate-600\/60:hover { background-color: rgba(71, 85, 105, 0.6) !important; }
.hover\:text-slate-600\/60:hover { color: rgba(71, 85, 105, 0.6) !important; }
.hover\:border-slate-600\/60:hover { border-color: rgba(71, 85, 105, 0.6) !important; }

.dark .dark\:bg-slate-600\/60,
html.dark .dark\:bg-slate-600\/60 { background-color: rgba(71, 85, 105, 0.6) !important; }
.dark .dark\:text-slate-600\/60,
html.dark .dark\:text-slate-600\/60 { color: rgba(71, 85, 105, 0.6) !important; }
.dark .dark\:border-slate-600\/60,
html.dark .dark\:border-slate-600\/60 { border-color: rgba(71, 85, 105, 0.6) !important; }

.dark .dark\:hover\:bg-slate-600\/60:hover,
html.dark .dark\:hover\:bg-slate-600\/60:hover { background-color: rgba(71, 85, 105, 0.6) !important; }
.dark .dark\:hover\:text-slate-600\/60:hover,
html.dark .dark\:hover\:text-slate-600\/60:hover { color: rgba(71, 85, 105, 0.6) !important; }
.dark .dark\:hover\:border-slate-600\/60:hover,
html.dark .dark\:hover\:border-slate-600\/60:hover { border-color: rgba(71, 85, 105, 0.6) !important; }

.bg-slate-600\/70 { background-color: rgba(71, 85, 105, 0.7) !important; }
.text-slate-600\/70 { color: rgba(71, 85, 105, 0.7) !important; }
.border-slate-600\/70 { border-color: rgba(71, 85, 105, 0.7) !important; }

.hover\:bg-slate-600\/70:hover { background-color: rgba(71, 85, 105, 0.7) !important; }
.hover\:text-slate-600\/70:hover { color: rgba(71, 85, 105, 0.7) !important; }
.hover\:border-slate-600\/70:hover { border-color: rgba(71, 85, 105, 0.7) !important; }

.dark .dark\:bg-slate-600\/70,
html.dark .dark\:bg-slate-600\/70 { background-color: rgba(71, 85, 105, 0.7) !important; }
.dark .dark\:text-slate-600\/70,
html.dark .dark\:text-slate-600\/70 { color: rgba(71, 85, 105, 0.7) !important; }
.dark .dark\:border-slate-600\/70,
html.dark .dark\:border-slate-600\/70 { border-color: rgba(71, 85, 105, 0.7) !important; }

.dark .dark\:hover\:bg-slate-600\/70:hover,
html.dark .dark\:hover\:bg-slate-600\/70:hover { background-color: rgba(71, 85, 105, 0.7) !important; }
.dark .dark\:hover\:text-slate-600\/70:hover,
html.dark .dark\:hover\:text-slate-600\/70:hover { color: rgba(71, 85, 105, 0.7) !important; }
.dark .dark\:hover\:border-slate-600\/70:hover,
html.dark .dark\:hover\:border-slate-600\/70:hover { border-color: rgba(71, 85, 105, 0.7) !important; }

.bg-slate-600\/75 { background-color: rgba(71, 85, 105, 0.75) !important; }
.text-slate-600\/75 { color: rgba(71, 85, 105, 0.75) !important; }
.border-slate-600\/75 { border-color: rgba(71, 85, 105, 0.75) !important; }

.hover\:bg-slate-600\/75:hover { background-color: rgba(71, 85, 105, 0.75) !important; }
.hover\:text-slate-600\/75:hover { color: rgba(71, 85, 105, 0.75) !important; }
.hover\:border-slate-600\/75:hover { border-color: rgba(71, 85, 105, 0.75) !important; }

.dark .dark\:bg-slate-600\/75,
html.dark .dark\:bg-slate-600\/75 { background-color: rgba(71, 85, 105, 0.75) !important; }
.dark .dark\:text-slate-600\/75,
html.dark .dark\:text-slate-600\/75 { color: rgba(71, 85, 105, 0.75) !important; }
.dark .dark\:border-slate-600\/75,
html.dark .dark\:border-slate-600\/75 { border-color: rgba(71, 85, 105, 0.75) !important; }

.dark .dark\:hover\:bg-slate-600\/75:hover,
html.dark .dark\:hover\:bg-slate-600\/75:hover { background-color: rgba(71, 85, 105, 0.75) !important; }
.dark .dark\:hover\:text-slate-600\/75:hover,
html.dark .dark\:hover\:text-slate-600\/75:hover { color: rgba(71, 85, 105, 0.75) !important; }
.dark .dark\:hover\:border-slate-600\/75:hover,
html.dark .dark\:hover\:border-slate-600\/75:hover { border-color: rgba(71, 85, 105, 0.75) !important; }

.bg-slate-600\/80 { background-color: rgba(71, 85, 105, 0.8) !important; }
.text-slate-600\/80 { color: rgba(71, 85, 105, 0.8) !important; }
.border-slate-600\/80 { border-color: rgba(71, 85, 105, 0.8) !important; }

.hover\:bg-slate-600\/80:hover { background-color: rgba(71, 85, 105, 0.8) !important; }
.hover\:text-slate-600\/80:hover { color: rgba(71, 85, 105, 0.8) !important; }
.hover\:border-slate-600\/80:hover { border-color: rgba(71, 85, 105, 0.8) !important; }

.dark .dark\:bg-slate-600\/80,
html.dark .dark\:bg-slate-600\/80 { background-color: rgba(71, 85, 105, 0.8) !important; }
.dark .dark\:text-slate-600\/80,
html.dark .dark\:text-slate-600\/80 { color: rgba(71, 85, 105, 0.8) !important; }
.dark .dark\:border-slate-600\/80,
html.dark .dark\:border-slate-600\/80 { border-color: rgba(71, 85, 105, 0.8) !important; }

.dark .dark\:hover\:bg-slate-600\/80:hover,
html.dark .dark\:hover\:bg-slate-600\/80:hover { background-color: rgba(71, 85, 105, 0.8) !important; }
.dark .dark\:hover\:text-slate-600\/80:hover,
html.dark .dark\:hover\:text-slate-600\/80:hover { color: rgba(71, 85, 105, 0.8) !important; }
.dark .dark\:hover\:border-slate-600\/80:hover,
html.dark .dark\:hover\:border-slate-600\/80:hover { border-color: rgba(71, 85, 105, 0.8) !important; }

.bg-slate-600\/90 { background-color: rgba(71, 85, 105, 0.9) !important; }
.text-slate-600\/90 { color: rgba(71, 85, 105, 0.9) !important; }
.border-slate-600\/90 { border-color: rgba(71, 85, 105, 0.9) !important; }

.hover\:bg-slate-600\/90:hover { background-color: rgba(71, 85, 105, 0.9) !important; }
.hover\:text-slate-600\/90:hover { color: rgba(71, 85, 105, 0.9) !important; }
.hover\:border-slate-600\/90:hover { border-color: rgba(71, 85, 105, 0.9) !important; }

.dark .dark\:bg-slate-600\/90,
html.dark .dark\:bg-slate-600\/90 { background-color: rgba(71, 85, 105, 0.9) !important; }
.dark .dark\:text-slate-600\/90,
html.dark .dark\:text-slate-600\/90 { color: rgba(71, 85, 105, 0.9) !important; }
.dark .dark\:border-slate-600\/90,
html.dark .dark\:border-slate-600\/90 { border-color: rgba(71, 85, 105, 0.9) !important; }

.dark .dark\:hover\:bg-slate-600\/90:hover,
html.dark .dark\:hover\:bg-slate-600\/90:hover { background-color: rgba(71, 85, 105, 0.9) !important; }
.dark .dark\:hover\:text-slate-600\/90:hover,
html.dark .dark\:hover\:text-slate-600\/90:hover { color: rgba(71, 85, 105, 0.9) !important; }
.dark .dark\:hover\:border-slate-600\/90:hover,
html.dark .dark\:hover\:border-slate-600\/90:hover { border-color: rgba(71, 85, 105, 0.9) !important; }

.bg-slate-600\/95 { background-color: rgba(71, 85, 105, 0.95) !important; }
.text-slate-600\/95 { color: rgba(71, 85, 105, 0.95) !important; }
.border-slate-600\/95 { border-color: rgba(71, 85, 105, 0.95) !important; }

.hover\:bg-slate-600\/95:hover { background-color: rgba(71, 85, 105, 0.95) !important; }
.hover\:text-slate-600\/95:hover { color: rgba(71, 85, 105, 0.95) !important; }
.hover\:border-slate-600\/95:hover { border-color: rgba(71, 85, 105, 0.95) !important; }

.dark .dark\:bg-slate-600\/95,
html.dark .dark\:bg-slate-600\/95 { background-color: rgba(71, 85, 105, 0.95) !important; }
.dark .dark\:text-slate-600\/95,
html.dark .dark\:text-slate-600\/95 { color: rgba(71, 85, 105, 0.95) !important; }
.dark .dark\:border-slate-600\/95,
html.dark .dark\:border-slate-600\/95 { border-color: rgba(71, 85, 105, 0.95) !important; }

.dark .dark\:hover\:bg-slate-600\/95:hover,
html.dark .dark\:hover\:bg-slate-600\/95:hover { background-color: rgba(71, 85, 105, 0.95) !important; }
.dark .dark\:hover\:text-slate-600\/95:hover,
html.dark .dark\:hover\:text-slate-600\/95:hover { color: rgba(71, 85, 105, 0.95) !important; }
.dark .dark\:hover\:border-slate-600\/95:hover,
html.dark .dark\:hover\:border-slate-600\/95:hover { border-color: rgba(71, 85, 105, 0.95) !important; }

.bg-slate-700 { background-color: #334155 !important; }
.text-slate-700 { color: #334155 !important; }
.border-slate-700 { border-color: #334155 !important; }
.fill-slate-700 { fill: #334155 !important; }
.stroke-slate-700 { stroke: #334155 !important; }

/* Hover states */
.hover\:bg-slate-700:hover { background-color: #334155 !important; }
.hover\:text-slate-700:hover { color: #334155 !important; }
.hover\:border-slate-700:hover { border-color: #334155 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-700,
html.dark .dark\:bg-slate-700 { background-color: #334155 !important; }
.dark .dark\:text-slate-700,
html.dark .dark\:text-slate-700 { color: #334155 !important; }
.dark .dark\:border-slate-700,
html.dark .dark\:border-slate-700 { border-color: #334155 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-700:hover,
html.dark .dark\:hover\:bg-slate-700:hover { background-color: #334155 !important; }
.dark .dark\:hover\:text-slate-700:hover,
html.dark .dark\:hover\:text-slate-700:hover { color: #334155 !important; }
.dark .dark\:hover\:border-slate-700:hover,
html.dark .dark\:hover\:border-slate-700:hover { border-color: #334155 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-700,
html.dark .group:hover .dark\:group-hover\:text-slate-700 { color: #334155 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-700,
html.dark .group:hover .dark\:group-hover\:bg-slate-700 { background-color: #334155 !important; }

.bg-slate-700\/10 { background-color: rgba(51, 65, 85, 0.1) !important; }
.text-slate-700\/10 { color: rgba(51, 65, 85, 0.1) !important; }
.border-slate-700\/10 { border-color: rgba(51, 65, 85, 0.1) !important; }

.hover\:bg-slate-700\/10:hover { background-color: rgba(51, 65, 85, 0.1) !important; }
.hover\:text-slate-700\/10:hover { color: rgba(51, 65, 85, 0.1) !important; }
.hover\:border-slate-700\/10:hover { border-color: rgba(51, 65, 85, 0.1) !important; }

.dark .dark\:bg-slate-700\/10,
html.dark .dark\:bg-slate-700\/10 { background-color: rgba(51, 65, 85, 0.1) !important; }
.dark .dark\:text-slate-700\/10,
html.dark .dark\:text-slate-700\/10 { color: rgba(51, 65, 85, 0.1) !important; }
.dark .dark\:border-slate-700\/10,
html.dark .dark\:border-slate-700\/10 { border-color: rgba(51, 65, 85, 0.1) !important; }

.dark .dark\:hover\:bg-slate-700\/10:hover,
html.dark .dark\:hover\:bg-slate-700\/10:hover { background-color: rgba(51, 65, 85, 0.1) !important; }
.dark .dark\:hover\:text-slate-700\/10:hover,
html.dark .dark\:hover\:text-slate-700\/10:hover { color: rgba(51, 65, 85, 0.1) !important; }
.dark .dark\:hover\:border-slate-700\/10:hover,
html.dark .dark\:hover\:border-slate-700\/10:hover { border-color: rgba(51, 65, 85, 0.1) !important; }

.bg-slate-700\/20 { background-color: rgba(51, 65, 85, 0.2) !important; }
.text-slate-700\/20 { color: rgba(51, 65, 85, 0.2) !important; }
.border-slate-700\/20 { border-color: rgba(51, 65, 85, 0.2) !important; }

.hover\:bg-slate-700\/20:hover { background-color: rgba(51, 65, 85, 0.2) !important; }
.hover\:text-slate-700\/20:hover { color: rgba(51, 65, 85, 0.2) !important; }
.hover\:border-slate-700\/20:hover { border-color: rgba(51, 65, 85, 0.2) !important; }

.dark .dark\:bg-slate-700\/20,
html.dark .dark\:bg-slate-700\/20 { background-color: rgba(51, 65, 85, 0.2) !important; }
.dark .dark\:text-slate-700\/20,
html.dark .dark\:text-slate-700\/20 { color: rgba(51, 65, 85, 0.2) !important; }
.dark .dark\:border-slate-700\/20,
html.dark .dark\:border-slate-700\/20 { border-color: rgba(51, 65, 85, 0.2) !important; }

.dark .dark\:hover\:bg-slate-700\/20:hover,
html.dark .dark\:hover\:bg-slate-700\/20:hover { background-color: rgba(51, 65, 85, 0.2) !important; }
.dark .dark\:hover\:text-slate-700\/20:hover,
html.dark .dark\:hover\:text-slate-700\/20:hover { color: rgba(51, 65, 85, 0.2) !important; }
.dark .dark\:hover\:border-slate-700\/20:hover,
html.dark .dark\:hover\:border-slate-700\/20:hover { border-color: rgba(51, 65, 85, 0.2) !important; }

.bg-slate-700\/25 { background-color: rgba(51, 65, 85, 0.25) !important; }
.text-slate-700\/25 { color: rgba(51, 65, 85, 0.25) !important; }
.border-slate-700\/25 { border-color: rgba(51, 65, 85, 0.25) !important; }

.hover\:bg-slate-700\/25:hover { background-color: rgba(51, 65, 85, 0.25) !important; }
.hover\:text-slate-700\/25:hover { color: rgba(51, 65, 85, 0.25) !important; }
.hover\:border-slate-700\/25:hover { border-color: rgba(51, 65, 85, 0.25) !important; }

.dark .dark\:bg-slate-700\/25,
html.dark .dark\:bg-slate-700\/25 { background-color: rgba(51, 65, 85, 0.25) !important; }
.dark .dark\:text-slate-700\/25,
html.dark .dark\:text-slate-700\/25 { color: rgba(51, 65, 85, 0.25) !important; }
.dark .dark\:border-slate-700\/25,
html.dark .dark\:border-slate-700\/25 { border-color: rgba(51, 65, 85, 0.25) !important; }

.dark .dark\:hover\:bg-slate-700\/25:hover,
html.dark .dark\:hover\:bg-slate-700\/25:hover { background-color: rgba(51, 65, 85, 0.25) !important; }
.dark .dark\:hover\:text-slate-700\/25:hover,
html.dark .dark\:hover\:text-slate-700\/25:hover { color: rgba(51, 65, 85, 0.25) !important; }
.dark .dark\:hover\:border-slate-700\/25:hover,
html.dark .dark\:hover\:border-slate-700\/25:hover { border-color: rgba(51, 65, 85, 0.25) !important; }

.bg-slate-700\/30 { background-color: rgba(51, 65, 85, 0.3) !important; }
.text-slate-700\/30 { color: rgba(51, 65, 85, 0.3) !important; }
.border-slate-700\/30 { border-color: rgba(51, 65, 85, 0.3) !important; }

.hover\:bg-slate-700\/30:hover { background-color: rgba(51, 65, 85, 0.3) !important; }
.hover\:text-slate-700\/30:hover { color: rgba(51, 65, 85, 0.3) !important; }
.hover\:border-slate-700\/30:hover { border-color: rgba(51, 65, 85, 0.3) !important; }

.dark .dark\:bg-slate-700\/30,
html.dark .dark\:bg-slate-700\/30 { background-color: rgba(51, 65, 85, 0.3) !important; }
.dark .dark\:text-slate-700\/30,
html.dark .dark\:text-slate-700\/30 { color: rgba(51, 65, 85, 0.3) !important; }
.dark .dark\:border-slate-700\/30,
html.dark .dark\:border-slate-700\/30 { border-color: rgba(51, 65, 85, 0.3) !important; }

.dark .dark\:hover\:bg-slate-700\/30:hover,
html.dark .dark\:hover\:bg-slate-700\/30:hover { background-color: rgba(51, 65, 85, 0.3) !important; }
.dark .dark\:hover\:text-slate-700\/30:hover,
html.dark .dark\:hover\:text-slate-700\/30:hover { color: rgba(51, 65, 85, 0.3) !important; }
.dark .dark\:hover\:border-slate-700\/30:hover,
html.dark .dark\:hover\:border-slate-700\/30:hover { border-color: rgba(51, 65, 85, 0.3) !important; }

.bg-slate-700\/40 { background-color: rgba(51, 65, 85, 0.4) !important; }
.text-slate-700\/40 { color: rgba(51, 65, 85, 0.4) !important; }
.border-slate-700\/40 { border-color: rgba(51, 65, 85, 0.4) !important; }

.hover\:bg-slate-700\/40:hover { background-color: rgba(51, 65, 85, 0.4) !important; }
.hover\:text-slate-700\/40:hover { color: rgba(51, 65, 85, 0.4) !important; }
.hover\:border-slate-700\/40:hover { border-color: rgba(51, 65, 85, 0.4) !important; }

.dark .dark\:bg-slate-700\/40,
html.dark .dark\:bg-slate-700\/40 { background-color: rgba(51, 65, 85, 0.4) !important; }
.dark .dark\:text-slate-700\/40,
html.dark .dark\:text-slate-700\/40 { color: rgba(51, 65, 85, 0.4) !important; }
.dark .dark\:border-slate-700\/40,
html.dark .dark\:border-slate-700\/40 { border-color: rgba(51, 65, 85, 0.4) !important; }

.dark .dark\:hover\:bg-slate-700\/40:hover,
html.dark .dark\:hover\:bg-slate-700\/40:hover { background-color: rgba(51, 65, 85, 0.4) !important; }
.dark .dark\:hover\:text-slate-700\/40:hover,
html.dark .dark\:hover\:text-slate-700\/40:hover { color: rgba(51, 65, 85, 0.4) !important; }
.dark .dark\:hover\:border-slate-700\/40:hover,
html.dark .dark\:hover\:border-slate-700\/40:hover { border-color: rgba(51, 65, 85, 0.4) !important; }

.bg-slate-700\/50 { background-color: rgba(51, 65, 85, 0.5) !important; }
.text-slate-700\/50 { color: rgba(51, 65, 85, 0.5) !important; }
.border-slate-700\/50 { border-color: rgba(51, 65, 85, 0.5) !important; }

.hover\:bg-slate-700\/50:hover { background-color: rgba(51, 65, 85, 0.5) !important; }
.hover\:text-slate-700\/50:hover { color: rgba(51, 65, 85, 0.5) !important; }
.hover\:border-slate-700\/50:hover { border-color: rgba(51, 65, 85, 0.5) !important; }

.dark .dark\:bg-slate-700\/50,
html.dark .dark\:bg-slate-700\/50 { background-color: rgba(51, 65, 85, 0.5) !important; }
.dark .dark\:text-slate-700\/50,
html.dark .dark\:text-slate-700\/50 { color: rgba(51, 65, 85, 0.5) !important; }
.dark .dark\:border-slate-700\/50,
html.dark .dark\:border-slate-700\/50 { border-color: rgba(51, 65, 85, 0.5) !important; }

.dark .dark\:hover\:bg-slate-700\/50:hover,
html.dark .dark\:hover\:bg-slate-700\/50:hover { background-color: rgba(51, 65, 85, 0.5) !important; }
.dark .dark\:hover\:text-slate-700\/50:hover,
html.dark .dark\:hover\:text-slate-700\/50:hover { color: rgba(51, 65, 85, 0.5) !important; }
.dark .dark\:hover\:border-slate-700\/50:hover,
html.dark .dark\:hover\:border-slate-700\/50:hover { border-color: rgba(51, 65, 85, 0.5) !important; }

.bg-slate-700\/60 { background-color: rgba(51, 65, 85, 0.6) !important; }
.text-slate-700\/60 { color: rgba(51, 65, 85, 0.6) !important; }
.border-slate-700\/60 { border-color: rgba(51, 65, 85, 0.6) !important; }

.hover\:bg-slate-700\/60:hover { background-color: rgba(51, 65, 85, 0.6) !important; }
.hover\:text-slate-700\/60:hover { color: rgba(51, 65, 85, 0.6) !important; }
.hover\:border-slate-700\/60:hover { border-color: rgba(51, 65, 85, 0.6) !important; }

.dark .dark\:bg-slate-700\/60,
html.dark .dark\:bg-slate-700\/60 { background-color: rgba(51, 65, 85, 0.6) !important; }
.dark .dark\:text-slate-700\/60,
html.dark .dark\:text-slate-700\/60 { color: rgba(51, 65, 85, 0.6) !important; }
.dark .dark\:border-slate-700\/60,
html.dark .dark\:border-slate-700\/60 { border-color: rgba(51, 65, 85, 0.6) !important; }

.dark .dark\:hover\:bg-slate-700\/60:hover,
html.dark .dark\:hover\:bg-slate-700\/60:hover { background-color: rgba(51, 65, 85, 0.6) !important; }
.dark .dark\:hover\:text-slate-700\/60:hover,
html.dark .dark\:hover\:text-slate-700\/60:hover { color: rgba(51, 65, 85, 0.6) !important; }
.dark .dark\:hover\:border-slate-700\/60:hover,
html.dark .dark\:hover\:border-slate-700\/60:hover { border-color: rgba(51, 65, 85, 0.6) !important; }

.bg-slate-700\/70 { background-color: rgba(51, 65, 85, 0.7) !important; }
.text-slate-700\/70 { color: rgba(51, 65, 85, 0.7) !important; }
.border-slate-700\/70 { border-color: rgba(51, 65, 85, 0.7) !important; }

.hover\:bg-slate-700\/70:hover { background-color: rgba(51, 65, 85, 0.7) !important; }
.hover\:text-slate-700\/70:hover { color: rgba(51, 65, 85, 0.7) !important; }
.hover\:border-slate-700\/70:hover { border-color: rgba(51, 65, 85, 0.7) !important; }

.dark .dark\:bg-slate-700\/70,
html.dark .dark\:bg-slate-700\/70 { background-color: rgba(51, 65, 85, 0.7) !important; }
.dark .dark\:text-slate-700\/70,
html.dark .dark\:text-slate-700\/70 { color: rgba(51, 65, 85, 0.7) !important; }
.dark .dark\:border-slate-700\/70,
html.dark .dark\:border-slate-700\/70 { border-color: rgba(51, 65, 85, 0.7) !important; }

.dark .dark\:hover\:bg-slate-700\/70:hover,
html.dark .dark\:hover\:bg-slate-700\/70:hover { background-color: rgba(51, 65, 85, 0.7) !important; }
.dark .dark\:hover\:text-slate-700\/70:hover,
html.dark .dark\:hover\:text-slate-700\/70:hover { color: rgba(51, 65, 85, 0.7) !important; }
.dark .dark\:hover\:border-slate-700\/70:hover,
html.dark .dark\:hover\:border-slate-700\/70:hover { border-color: rgba(51, 65, 85, 0.7) !important; }

.bg-slate-700\/75 { background-color: rgba(51, 65, 85, 0.75) !important; }
.text-slate-700\/75 { color: rgba(51, 65, 85, 0.75) !important; }
.border-slate-700\/75 { border-color: rgba(51, 65, 85, 0.75) !important; }

.hover\:bg-slate-700\/75:hover { background-color: rgba(51, 65, 85, 0.75) !important; }
.hover\:text-slate-700\/75:hover { color: rgba(51, 65, 85, 0.75) !important; }
.hover\:border-slate-700\/75:hover { border-color: rgba(51, 65, 85, 0.75) !important; }

.dark .dark\:bg-slate-700\/75,
html.dark .dark\:bg-slate-700\/75 { background-color: rgba(51, 65, 85, 0.75) !important; }
.dark .dark\:text-slate-700\/75,
html.dark .dark\:text-slate-700\/75 { color: rgba(51, 65, 85, 0.75) !important; }
.dark .dark\:border-slate-700\/75,
html.dark .dark\:border-slate-700\/75 { border-color: rgba(51, 65, 85, 0.75) !important; }

.dark .dark\:hover\:bg-slate-700\/75:hover,
html.dark .dark\:hover\:bg-slate-700\/75:hover { background-color: rgba(51, 65, 85, 0.75) !important; }
.dark .dark\:hover\:text-slate-700\/75:hover,
html.dark .dark\:hover\:text-slate-700\/75:hover { color: rgba(51, 65, 85, 0.75) !important; }
.dark .dark\:hover\:border-slate-700\/75:hover,
html.dark .dark\:hover\:border-slate-700\/75:hover { border-color: rgba(51, 65, 85, 0.75) !important; }

.bg-slate-700\/80 { background-color: rgba(51, 65, 85, 0.8) !important; }
.text-slate-700\/80 { color: rgba(51, 65, 85, 0.8) !important; }
.border-slate-700\/80 { border-color: rgba(51, 65, 85, 0.8) !important; }

.hover\:bg-slate-700\/80:hover { background-color: rgba(51, 65, 85, 0.8) !important; }
.hover\:text-slate-700\/80:hover { color: rgba(51, 65, 85, 0.8) !important; }
.hover\:border-slate-700\/80:hover { border-color: rgba(51, 65, 85, 0.8) !important; }

.dark .dark\:bg-slate-700\/80,
html.dark .dark\:bg-slate-700\/80 { background-color: rgba(51, 65, 85, 0.8) !important; }
.dark .dark\:text-slate-700\/80,
html.dark .dark\:text-slate-700\/80 { color: rgba(51, 65, 85, 0.8) !important; }
.dark .dark\:border-slate-700\/80,
html.dark .dark\:border-slate-700\/80 { border-color: rgba(51, 65, 85, 0.8) !important; }

.dark .dark\:hover\:bg-slate-700\/80:hover,
html.dark .dark\:hover\:bg-slate-700\/80:hover { background-color: rgba(51, 65, 85, 0.8) !important; }
.dark .dark\:hover\:text-slate-700\/80:hover,
html.dark .dark\:hover\:text-slate-700\/80:hover { color: rgba(51, 65, 85, 0.8) !important; }
.dark .dark\:hover\:border-slate-700\/80:hover,
html.dark .dark\:hover\:border-slate-700\/80:hover { border-color: rgba(51, 65, 85, 0.8) !important; }

.bg-slate-700\/90 { background-color: rgba(51, 65, 85, 0.9) !important; }
.text-slate-700\/90 { color: rgba(51, 65, 85, 0.9) !important; }
.border-slate-700\/90 { border-color: rgba(51, 65, 85, 0.9) !important; }

.hover\:bg-slate-700\/90:hover { background-color: rgba(51, 65, 85, 0.9) !important; }
.hover\:text-slate-700\/90:hover { color: rgba(51, 65, 85, 0.9) !important; }
.hover\:border-slate-700\/90:hover { border-color: rgba(51, 65, 85, 0.9) !important; }

.dark .dark\:bg-slate-700\/90,
html.dark .dark\:bg-slate-700\/90 { background-color: rgba(51, 65, 85, 0.9) !important; }
.dark .dark\:text-slate-700\/90,
html.dark .dark\:text-slate-700\/90 { color: rgba(51, 65, 85, 0.9) !important; }
.dark .dark\:border-slate-700\/90,
html.dark .dark\:border-slate-700\/90 { border-color: rgba(51, 65, 85, 0.9) !important; }

.dark .dark\:hover\:bg-slate-700\/90:hover,
html.dark .dark\:hover\:bg-slate-700\/90:hover { background-color: rgba(51, 65, 85, 0.9) !important; }
.dark .dark\:hover\:text-slate-700\/90:hover,
html.dark .dark\:hover\:text-slate-700\/90:hover { color: rgba(51, 65, 85, 0.9) !important; }
.dark .dark\:hover\:border-slate-700\/90:hover,
html.dark .dark\:hover\:border-slate-700\/90:hover { border-color: rgba(51, 65, 85, 0.9) !important; }

.bg-slate-700\/95 { background-color: rgba(51, 65, 85, 0.95) !important; }
.text-slate-700\/95 { color: rgba(51, 65, 85, 0.95) !important; }
.border-slate-700\/95 { border-color: rgba(51, 65, 85, 0.95) !important; }

.hover\:bg-slate-700\/95:hover { background-color: rgba(51, 65, 85, 0.95) !important; }
.hover\:text-slate-700\/95:hover { color: rgba(51, 65, 85, 0.95) !important; }
.hover\:border-slate-700\/95:hover { border-color: rgba(51, 65, 85, 0.95) !important; }

.dark .dark\:bg-slate-700\/95,
html.dark .dark\:bg-slate-700\/95 { background-color: rgba(51, 65, 85, 0.95) !important; }
.dark .dark\:text-slate-700\/95,
html.dark .dark\:text-slate-700\/95 { color: rgba(51, 65, 85, 0.95) !important; }
.dark .dark\:border-slate-700\/95,
html.dark .dark\:border-slate-700\/95 { border-color: rgba(51, 65, 85, 0.95) !important; }

.dark .dark\:hover\:bg-slate-700\/95:hover,
html.dark .dark\:hover\:bg-slate-700\/95:hover { background-color: rgba(51, 65, 85, 0.95) !important; }
.dark .dark\:hover\:text-slate-700\/95:hover,
html.dark .dark\:hover\:text-slate-700\/95:hover { color: rgba(51, 65, 85, 0.95) !important; }
.dark .dark\:hover\:border-slate-700\/95:hover,
html.dark .dark\:hover\:border-slate-700\/95:hover { border-color: rgba(51, 65, 85, 0.95) !important; }

.bg-slate-800 { background-color: #1e293b !important; }
.text-slate-800 { color: #1e293b !important; }
.border-slate-800 { border-color: #1e293b !important; }
.fill-slate-800 { fill: #1e293b !important; }
.stroke-slate-800 { stroke: #1e293b !important; }

/* Hover states */
.hover\:bg-slate-800:hover { background-color: #1e293b !important; }
.hover\:text-slate-800:hover { color: #1e293b !important; }
.hover\:border-slate-800:hover { border-color: #1e293b !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-800,
html.dark .dark\:bg-slate-800 { background-color: #1e293b !important; }
.dark .dark\:text-slate-800,
html.dark .dark\:text-slate-800 { color: #1e293b !important; }
.dark .dark\:border-slate-800,
html.dark .dark\:border-slate-800 { border-color: #1e293b !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-800:hover,
html.dark .dark\:hover\:bg-slate-800:hover { background-color: #1e293b !important; }
.dark .dark\:hover\:text-slate-800:hover,
html.dark .dark\:hover\:text-slate-800:hover { color: #1e293b !important; }
.dark .dark\:hover\:border-slate-800:hover,
html.dark .dark\:hover\:border-slate-800:hover { border-color: #1e293b !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-800,
html.dark .group:hover .dark\:group-hover\:text-slate-800 { color: #1e293b !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-800,
html.dark .group:hover .dark\:group-hover\:bg-slate-800 { background-color: #1e293b !important; }

.bg-slate-800\/10 { background-color: rgba(30, 41, 59, 0.1) !important; }
.text-slate-800\/10 { color: rgba(30, 41, 59, 0.1) !important; }
.border-slate-800\/10 { border-color: rgba(30, 41, 59, 0.1) !important; }

.hover\:bg-slate-800\/10:hover { background-color: rgba(30, 41, 59, 0.1) !important; }
.hover\:text-slate-800\/10:hover { color: rgba(30, 41, 59, 0.1) !important; }
.hover\:border-slate-800\/10:hover { border-color: rgba(30, 41, 59, 0.1) !important; }

.dark .dark\:bg-slate-800\/10,
html.dark .dark\:bg-slate-800\/10 { background-color: rgba(30, 41, 59, 0.1) !important; }
.dark .dark\:text-slate-800\/10,
html.dark .dark\:text-slate-800\/10 { color: rgba(30, 41, 59, 0.1) !important; }
.dark .dark\:border-slate-800\/10,
html.dark .dark\:border-slate-800\/10 { border-color: rgba(30, 41, 59, 0.1) !important; }

.dark .dark\:hover\:bg-slate-800\/10:hover,
html.dark .dark\:hover\:bg-slate-800\/10:hover { background-color: rgba(30, 41, 59, 0.1) !important; }
.dark .dark\:hover\:text-slate-800\/10:hover,
html.dark .dark\:hover\:text-slate-800\/10:hover { color: rgba(30, 41, 59, 0.1) !important; }
.dark .dark\:hover\:border-slate-800\/10:hover,
html.dark .dark\:hover\:border-slate-800\/10:hover { border-color: rgba(30, 41, 59, 0.1) !important; }

.bg-slate-800\/20 { background-color: rgba(30, 41, 59, 0.2) !important; }
.text-slate-800\/20 { color: rgba(30, 41, 59, 0.2) !important; }
.border-slate-800\/20 { border-color: rgba(30, 41, 59, 0.2) !important; }

.hover\:bg-slate-800\/20:hover { background-color: rgba(30, 41, 59, 0.2) !important; }
.hover\:text-slate-800\/20:hover { color: rgba(30, 41, 59, 0.2) !important; }
.hover\:border-slate-800\/20:hover { border-color: rgba(30, 41, 59, 0.2) !important; }

.dark .dark\:bg-slate-800\/20,
html.dark .dark\:bg-slate-800\/20 { background-color: rgba(30, 41, 59, 0.2) !important; }
.dark .dark\:text-slate-800\/20,
html.dark .dark\:text-slate-800\/20 { color: rgba(30, 41, 59, 0.2) !important; }
.dark .dark\:border-slate-800\/20,
html.dark .dark\:border-slate-800\/20 { border-color: rgba(30, 41, 59, 0.2) !important; }

.dark .dark\:hover\:bg-slate-800\/20:hover,
html.dark .dark\:hover\:bg-slate-800\/20:hover { background-color: rgba(30, 41, 59, 0.2) !important; }
.dark .dark\:hover\:text-slate-800\/20:hover,
html.dark .dark\:hover\:text-slate-800\/20:hover { color: rgba(30, 41, 59, 0.2) !important; }
.dark .dark\:hover\:border-slate-800\/20:hover,
html.dark .dark\:hover\:border-slate-800\/20:hover { border-color: rgba(30, 41, 59, 0.2) !important; }

.bg-slate-800\/25 { background-color: rgba(30, 41, 59, 0.25) !important; }
.text-slate-800\/25 { color: rgba(30, 41, 59, 0.25) !important; }
.border-slate-800\/25 { border-color: rgba(30, 41, 59, 0.25) !important; }

.hover\:bg-slate-800\/25:hover { background-color: rgba(30, 41, 59, 0.25) !important; }
.hover\:text-slate-800\/25:hover { color: rgba(30, 41, 59, 0.25) !important; }
.hover\:border-slate-800\/25:hover { border-color: rgba(30, 41, 59, 0.25) !important; }

.dark .dark\:bg-slate-800\/25,
html.dark .dark\:bg-slate-800\/25 { background-color: rgba(30, 41, 59, 0.25) !important; }
.dark .dark\:text-slate-800\/25,
html.dark .dark\:text-slate-800\/25 { color: rgba(30, 41, 59, 0.25) !important; }
.dark .dark\:border-slate-800\/25,
html.dark .dark\:border-slate-800\/25 { border-color: rgba(30, 41, 59, 0.25) !important; }

.dark .dark\:hover\:bg-slate-800\/25:hover,
html.dark .dark\:hover\:bg-slate-800\/25:hover { background-color: rgba(30, 41, 59, 0.25) !important; }
.dark .dark\:hover\:text-slate-800\/25:hover,
html.dark .dark\:hover\:text-slate-800\/25:hover { color: rgba(30, 41, 59, 0.25) !important; }
.dark .dark\:hover\:border-slate-800\/25:hover,
html.dark .dark\:hover\:border-slate-800\/25:hover { border-color: rgba(30, 41, 59, 0.25) !important; }

.bg-slate-800\/30 { background-color: rgba(30, 41, 59, 0.3) !important; }
.text-slate-800\/30 { color: rgba(30, 41, 59, 0.3) !important; }
.border-slate-800\/30 { border-color: rgba(30, 41, 59, 0.3) !important; }

.hover\:bg-slate-800\/30:hover { background-color: rgba(30, 41, 59, 0.3) !important; }
.hover\:text-slate-800\/30:hover { color: rgba(30, 41, 59, 0.3) !important; }
.hover\:border-slate-800\/30:hover { border-color: rgba(30, 41, 59, 0.3) !important; }

.dark .dark\:bg-slate-800\/30,
html.dark .dark\:bg-slate-800\/30 { background-color: rgba(30, 41, 59, 0.3) !important; }
.dark .dark\:text-slate-800\/30,
html.dark .dark\:text-slate-800\/30 { color: rgba(30, 41, 59, 0.3) !important; }
.dark .dark\:border-slate-800\/30,
html.dark .dark\:border-slate-800\/30 { border-color: rgba(30, 41, 59, 0.3) !important; }

.dark .dark\:hover\:bg-slate-800\/30:hover,
html.dark .dark\:hover\:bg-slate-800\/30:hover { background-color: rgba(30, 41, 59, 0.3) !important; }
.dark .dark\:hover\:text-slate-800\/30:hover,
html.dark .dark\:hover\:text-slate-800\/30:hover { color: rgba(30, 41, 59, 0.3) !important; }
.dark .dark\:hover\:border-slate-800\/30:hover,
html.dark .dark\:hover\:border-slate-800\/30:hover { border-color: rgba(30, 41, 59, 0.3) !important; }

.bg-slate-800\/40 { background-color: rgba(30, 41, 59, 0.4) !important; }
.text-slate-800\/40 { color: rgba(30, 41, 59, 0.4) !important; }
.border-slate-800\/40 { border-color: rgba(30, 41, 59, 0.4) !important; }

.hover\:bg-slate-800\/40:hover { background-color: rgba(30, 41, 59, 0.4) !important; }
.hover\:text-slate-800\/40:hover { color: rgba(30, 41, 59, 0.4) !important; }
.hover\:border-slate-800\/40:hover { border-color: rgba(30, 41, 59, 0.4) !important; }

.dark .dark\:bg-slate-800\/40,
html.dark .dark\:bg-slate-800\/40 { background-color: rgba(30, 41, 59, 0.4) !important; }
.dark .dark\:text-slate-800\/40,
html.dark .dark\:text-slate-800\/40 { color: rgba(30, 41, 59, 0.4) !important; }
.dark .dark\:border-slate-800\/40,
html.dark .dark\:border-slate-800\/40 { border-color: rgba(30, 41, 59, 0.4) !important; }

.dark .dark\:hover\:bg-slate-800\/40:hover,
html.dark .dark\:hover\:bg-slate-800\/40:hover { background-color: rgba(30, 41, 59, 0.4) !important; }
.dark .dark\:hover\:text-slate-800\/40:hover,
html.dark .dark\:hover\:text-slate-800\/40:hover { color: rgba(30, 41, 59, 0.4) !important; }
.dark .dark\:hover\:border-slate-800\/40:hover,
html.dark .dark\:hover\:border-slate-800\/40:hover { border-color: rgba(30, 41, 59, 0.4) !important; }

.bg-slate-800\/50 { background-color: rgba(30, 41, 59, 0.5) !important; }
.text-slate-800\/50 { color: rgba(30, 41, 59, 0.5) !important; }
.border-slate-800\/50 { border-color: rgba(30, 41, 59, 0.5) !important; }

.hover\:bg-slate-800\/50:hover { background-color: rgba(30, 41, 59, 0.5) !important; }
.hover\:text-slate-800\/50:hover { color: rgba(30, 41, 59, 0.5) !important; }
.hover\:border-slate-800\/50:hover { border-color: rgba(30, 41, 59, 0.5) !important; }

.dark .dark\:bg-slate-800\/50,
html.dark .dark\:bg-slate-800\/50 { background-color: rgba(30, 41, 59, 0.5) !important; }
.dark .dark\:text-slate-800\/50,
html.dark .dark\:text-slate-800\/50 { color: rgba(30, 41, 59, 0.5) !important; }
.dark .dark\:border-slate-800\/50,
html.dark .dark\:border-slate-800\/50 { border-color: rgba(30, 41, 59, 0.5) !important; }

.dark .dark\:hover\:bg-slate-800\/50:hover,
html.dark .dark\:hover\:bg-slate-800\/50:hover { background-color: rgba(30, 41, 59, 0.5) !important; }
.dark .dark\:hover\:text-slate-800\/50:hover,
html.dark .dark\:hover\:text-slate-800\/50:hover { color: rgba(30, 41, 59, 0.5) !important; }
.dark .dark\:hover\:border-slate-800\/50:hover,
html.dark .dark\:hover\:border-slate-800\/50:hover { border-color: rgba(30, 41, 59, 0.5) !important; }

.bg-slate-800\/60 { background-color: rgba(30, 41, 59, 0.6) !important; }
.text-slate-800\/60 { color: rgba(30, 41, 59, 0.6) !important; }
.border-slate-800\/60 { border-color: rgba(30, 41, 59, 0.6) !important; }

.hover\:bg-slate-800\/60:hover { background-color: rgba(30, 41, 59, 0.6) !important; }
.hover\:text-slate-800\/60:hover { color: rgba(30, 41, 59, 0.6) !important; }
.hover\:border-slate-800\/60:hover { border-color: rgba(30, 41, 59, 0.6) !important; }

.dark .dark\:bg-slate-800\/60,
html.dark .dark\:bg-slate-800\/60 { background-color: rgba(30, 41, 59, 0.6) !important; }
.dark .dark\:text-slate-800\/60,
html.dark .dark\:text-slate-800\/60 { color: rgba(30, 41, 59, 0.6) !important; }
.dark .dark\:border-slate-800\/60,
html.dark .dark\:border-slate-800\/60 { border-color: rgba(30, 41, 59, 0.6) !important; }

.dark .dark\:hover\:bg-slate-800\/60:hover,
html.dark .dark\:hover\:bg-slate-800\/60:hover { background-color: rgba(30, 41, 59, 0.6) !important; }
.dark .dark\:hover\:text-slate-800\/60:hover,
html.dark .dark\:hover\:text-slate-800\/60:hover { color: rgba(30, 41, 59, 0.6) !important; }
.dark .dark\:hover\:border-slate-800\/60:hover,
html.dark .dark\:hover\:border-slate-800\/60:hover { border-color: rgba(30, 41, 59, 0.6) !important; }

.bg-slate-800\/70 { background-color: rgba(30, 41, 59, 0.7) !important; }
.text-slate-800\/70 { color: rgba(30, 41, 59, 0.7) !important; }
.border-slate-800\/70 { border-color: rgba(30, 41, 59, 0.7) !important; }

.hover\:bg-slate-800\/70:hover { background-color: rgba(30, 41, 59, 0.7) !important; }
.hover\:text-slate-800\/70:hover { color: rgba(30, 41, 59, 0.7) !important; }
.hover\:border-slate-800\/70:hover { border-color: rgba(30, 41, 59, 0.7) !important; }

.dark .dark\:bg-slate-800\/70,
html.dark .dark\:bg-slate-800\/70 { background-color: rgba(30, 41, 59, 0.7) !important; }
.dark .dark\:text-slate-800\/70,
html.dark .dark\:text-slate-800\/70 { color: rgba(30, 41, 59, 0.7) !important; }
.dark .dark\:border-slate-800\/70,
html.dark .dark\:border-slate-800\/70 { border-color: rgba(30, 41, 59, 0.7) !important; }

.dark .dark\:hover\:bg-slate-800\/70:hover,
html.dark .dark\:hover\:bg-slate-800\/70:hover { background-color: rgba(30, 41, 59, 0.7) !important; }
.dark .dark\:hover\:text-slate-800\/70:hover,
html.dark .dark\:hover\:text-slate-800\/70:hover { color: rgba(30, 41, 59, 0.7) !important; }
.dark .dark\:hover\:border-slate-800\/70:hover,
html.dark .dark\:hover\:border-slate-800\/70:hover { border-color: rgba(30, 41, 59, 0.7) !important; }

.bg-slate-800\/75 { background-color: rgba(30, 41, 59, 0.75) !important; }
.text-slate-800\/75 { color: rgba(30, 41, 59, 0.75) !important; }
.border-slate-800\/75 { border-color: rgba(30, 41, 59, 0.75) !important; }

.hover\:bg-slate-800\/75:hover { background-color: rgba(30, 41, 59, 0.75) !important; }
.hover\:text-slate-800\/75:hover { color: rgba(30, 41, 59, 0.75) !important; }
.hover\:border-slate-800\/75:hover { border-color: rgba(30, 41, 59, 0.75) !important; }

.dark .dark\:bg-slate-800\/75,
html.dark .dark\:bg-slate-800\/75 { background-color: rgba(30, 41, 59, 0.75) !important; }
.dark .dark\:text-slate-800\/75,
html.dark .dark\:text-slate-800\/75 { color: rgba(30, 41, 59, 0.75) !important; }
.dark .dark\:border-slate-800\/75,
html.dark .dark\:border-slate-800\/75 { border-color: rgba(30, 41, 59, 0.75) !important; }

.dark .dark\:hover\:bg-slate-800\/75:hover,
html.dark .dark\:hover\:bg-slate-800\/75:hover { background-color: rgba(30, 41, 59, 0.75) !important; }
.dark .dark\:hover\:text-slate-800\/75:hover,
html.dark .dark\:hover\:text-slate-800\/75:hover { color: rgba(30, 41, 59, 0.75) !important; }
.dark .dark\:hover\:border-slate-800\/75:hover,
html.dark .dark\:hover\:border-slate-800\/75:hover { border-color: rgba(30, 41, 59, 0.75) !important; }

.bg-slate-800\/80 { background-color: rgba(30, 41, 59, 0.8) !important; }
.text-slate-800\/80 { color: rgba(30, 41, 59, 0.8) !important; }
.border-slate-800\/80 { border-color: rgba(30, 41, 59, 0.8) !important; }

.hover\:bg-slate-800\/80:hover { background-color: rgba(30, 41, 59, 0.8) !important; }
.hover\:text-slate-800\/80:hover { color: rgba(30, 41, 59, 0.8) !important; }
.hover\:border-slate-800\/80:hover { border-color: rgba(30, 41, 59, 0.8) !important; }

.dark .dark\:bg-slate-800\/80,
html.dark .dark\:bg-slate-800\/80 { background-color: rgba(30, 41, 59, 0.8) !important; }
.dark .dark\:text-slate-800\/80,
html.dark .dark\:text-slate-800\/80 { color: rgba(30, 41, 59, 0.8) !important; }
.dark .dark\:border-slate-800\/80,
html.dark .dark\:border-slate-800\/80 { border-color: rgba(30, 41, 59, 0.8) !important; }

.dark .dark\:hover\:bg-slate-800\/80:hover,
html.dark .dark\:hover\:bg-slate-800\/80:hover { background-color: rgba(30, 41, 59, 0.8) !important; }
.dark .dark\:hover\:text-slate-800\/80:hover,
html.dark .dark\:hover\:text-slate-800\/80:hover { color: rgba(30, 41, 59, 0.8) !important; }
.dark .dark\:hover\:border-slate-800\/80:hover,
html.dark .dark\:hover\:border-slate-800\/80:hover { border-color: rgba(30, 41, 59, 0.8) !important; }

.bg-slate-800\/90 { background-color: rgba(30, 41, 59, 0.9) !important; }
.text-slate-800\/90 { color: rgba(30, 41, 59, 0.9) !important; }
.border-slate-800\/90 { border-color: rgba(30, 41, 59, 0.9) !important; }

.hover\:bg-slate-800\/90:hover { background-color: rgba(30, 41, 59, 0.9) !important; }
.hover\:text-slate-800\/90:hover { color: rgba(30, 41, 59, 0.9) !important; }
.hover\:border-slate-800\/90:hover { border-color: rgba(30, 41, 59, 0.9) !important; }

.dark .dark\:bg-slate-800\/90,
html.dark .dark\:bg-slate-800\/90 { background-color: rgba(30, 41, 59, 0.9) !important; }
.dark .dark\:text-slate-800\/90,
html.dark .dark\:text-slate-800\/90 { color: rgba(30, 41, 59, 0.9) !important; }
.dark .dark\:border-slate-800\/90,
html.dark .dark\:border-slate-800\/90 { border-color: rgba(30, 41, 59, 0.9) !important; }

.dark .dark\:hover\:bg-slate-800\/90:hover,
html.dark .dark\:hover\:bg-slate-800\/90:hover { background-color: rgba(30, 41, 59, 0.9) !important; }
.dark .dark\:hover\:text-slate-800\/90:hover,
html.dark .dark\:hover\:text-slate-800\/90:hover { color: rgba(30, 41, 59, 0.9) !important; }
.dark .dark\:hover\:border-slate-800\/90:hover,
html.dark .dark\:hover\:border-slate-800\/90:hover { border-color: rgba(30, 41, 59, 0.9) !important; }

.bg-slate-800\/95 { background-color: rgba(30, 41, 59, 0.95) !important; }
.text-slate-800\/95 { color: rgba(30, 41, 59, 0.95) !important; }
.border-slate-800\/95 { border-color: rgba(30, 41, 59, 0.95) !important; }

.hover\:bg-slate-800\/95:hover { background-color: rgba(30, 41, 59, 0.95) !important; }
.hover\:text-slate-800\/95:hover { color: rgba(30, 41, 59, 0.95) !important; }
.hover\:border-slate-800\/95:hover { border-color: rgba(30, 41, 59, 0.95) !important; }

.dark .dark\:bg-slate-800\/95,
html.dark .dark\:bg-slate-800\/95 { background-color: rgba(30, 41, 59, 0.95) !important; }
.dark .dark\:text-slate-800\/95,
html.dark .dark\:text-slate-800\/95 { color: rgba(30, 41, 59, 0.95) !important; }
.dark .dark\:border-slate-800\/95,
html.dark .dark\:border-slate-800\/95 { border-color: rgba(30, 41, 59, 0.95) !important; }

.dark .dark\:hover\:bg-slate-800\/95:hover,
html.dark .dark\:hover\:bg-slate-800\/95:hover { background-color: rgba(30, 41, 59, 0.95) !important; }
.dark .dark\:hover\:text-slate-800\/95:hover,
html.dark .dark\:hover\:text-slate-800\/95:hover { color: rgba(30, 41, 59, 0.95) !important; }
.dark .dark\:hover\:border-slate-800\/95:hover,
html.dark .dark\:hover\:border-slate-800\/95:hover { border-color: rgba(30, 41, 59, 0.95) !important; }

.bg-slate-900 { background-color: #0f172a !important; }
.text-slate-900 { color: #0f172a !important; }
.border-slate-900 { border-color: #0f172a !important; }
.fill-slate-900 { fill: #0f172a !important; }
.stroke-slate-900 { stroke: #0f172a !important; }

/* Hover states */
.hover\:bg-slate-900:hover { background-color: #0f172a !important; }
.hover\:text-slate-900:hover { color: #0f172a !important; }
.hover\:border-slate-900:hover { border-color: #0f172a !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-900,
html.dark .dark\:bg-slate-900 { background-color: #0f172a !important; }
.dark .dark\:text-slate-900,
html.dark .dark\:text-slate-900 { color: #0f172a !important; }
.dark .dark\:border-slate-900,
html.dark .dark\:border-slate-900 { border-color: #0f172a !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-900:hover,
html.dark .dark\:hover\:bg-slate-900:hover { background-color: #0f172a !important; }
.dark .dark\:hover\:text-slate-900:hover,
html.dark .dark\:hover\:text-slate-900:hover { color: #0f172a !important; }
.dark .dark\:hover\:border-slate-900:hover,
html.dark .dark\:hover\:border-slate-900:hover { border-color: #0f172a !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-900,
html.dark .group:hover .dark\:group-hover\:text-slate-900 { color: #0f172a !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-900,
html.dark .group:hover .dark\:group-hover\:bg-slate-900 { background-color: #0f172a !important; }

.bg-slate-900\/10 { background-color: rgba(15, 23, 42, 0.1) !important; }
.text-slate-900\/10 { color: rgba(15, 23, 42, 0.1) !important; }
.border-slate-900\/10 { border-color: rgba(15, 23, 42, 0.1) !important; }

.hover\:bg-slate-900\/10:hover { background-color: rgba(15, 23, 42, 0.1) !important; }
.hover\:text-slate-900\/10:hover { color: rgba(15, 23, 42, 0.1) !important; }
.hover\:border-slate-900\/10:hover { border-color: rgba(15, 23, 42, 0.1) !important; }

.dark .dark\:bg-slate-900\/10,
html.dark .dark\:bg-slate-900\/10 { background-color: rgba(15, 23, 42, 0.1) !important; }
.dark .dark\:text-slate-900\/10,
html.dark .dark\:text-slate-900\/10 { color: rgba(15, 23, 42, 0.1) !important; }
.dark .dark\:border-slate-900\/10,
html.dark .dark\:border-slate-900\/10 { border-color: rgba(15, 23, 42, 0.1) !important; }

.dark .dark\:hover\:bg-slate-900\/10:hover,
html.dark .dark\:hover\:bg-slate-900\/10:hover { background-color: rgba(15, 23, 42, 0.1) !important; }
.dark .dark\:hover\:text-slate-900\/10:hover,
html.dark .dark\:hover\:text-slate-900\/10:hover { color: rgba(15, 23, 42, 0.1) !important; }
.dark .dark\:hover\:border-slate-900\/10:hover,
html.dark .dark\:hover\:border-slate-900\/10:hover { border-color: rgba(15, 23, 42, 0.1) !important; }

.bg-slate-900\/20 { background-color: rgba(15, 23, 42, 0.2) !important; }
.text-slate-900\/20 { color: rgba(15, 23, 42, 0.2) !important; }
.border-slate-900\/20 { border-color: rgba(15, 23, 42, 0.2) !important; }

.hover\:bg-slate-900\/20:hover { background-color: rgba(15, 23, 42, 0.2) !important; }
.hover\:text-slate-900\/20:hover { color: rgba(15, 23, 42, 0.2) !important; }
.hover\:border-slate-900\/20:hover { border-color: rgba(15, 23, 42, 0.2) !important; }

.dark .dark\:bg-slate-900\/20,
html.dark .dark\:bg-slate-900\/20 { background-color: rgba(15, 23, 42, 0.2) !important; }
.dark .dark\:text-slate-900\/20,
html.dark .dark\:text-slate-900\/20 { color: rgba(15, 23, 42, 0.2) !important; }
.dark .dark\:border-slate-900\/20,
html.dark .dark\:border-slate-900\/20 { border-color: rgba(15, 23, 42, 0.2) !important; }

.dark .dark\:hover\:bg-slate-900\/20:hover,
html.dark .dark\:hover\:bg-slate-900\/20:hover { background-color: rgba(15, 23, 42, 0.2) !important; }
.dark .dark\:hover\:text-slate-900\/20:hover,
html.dark .dark\:hover\:text-slate-900\/20:hover { color: rgba(15, 23, 42, 0.2) !important; }
.dark .dark\:hover\:border-slate-900\/20:hover,
html.dark .dark\:hover\:border-slate-900\/20:hover { border-color: rgba(15, 23, 42, 0.2) !important; }

.bg-slate-900\/25 { background-color: rgba(15, 23, 42, 0.25) !important; }
.text-slate-900\/25 { color: rgba(15, 23, 42, 0.25) !important; }
.border-slate-900\/25 { border-color: rgba(15, 23, 42, 0.25) !important; }

.hover\:bg-slate-900\/25:hover { background-color: rgba(15, 23, 42, 0.25) !important; }
.hover\:text-slate-900\/25:hover { color: rgba(15, 23, 42, 0.25) !important; }
.hover\:border-slate-900\/25:hover { border-color: rgba(15, 23, 42, 0.25) !important; }

.dark .dark\:bg-slate-900\/25,
html.dark .dark\:bg-slate-900\/25 { background-color: rgba(15, 23, 42, 0.25) !important; }
.dark .dark\:text-slate-900\/25,
html.dark .dark\:text-slate-900\/25 { color: rgba(15, 23, 42, 0.25) !important; }
.dark .dark\:border-slate-900\/25,
html.dark .dark\:border-slate-900\/25 { border-color: rgba(15, 23, 42, 0.25) !important; }

.dark .dark\:hover\:bg-slate-900\/25:hover,
html.dark .dark\:hover\:bg-slate-900\/25:hover { background-color: rgba(15, 23, 42, 0.25) !important; }
.dark .dark\:hover\:text-slate-900\/25:hover,
html.dark .dark\:hover\:text-slate-900\/25:hover { color: rgba(15, 23, 42, 0.25) !important; }
.dark .dark\:hover\:border-slate-900\/25:hover,
html.dark .dark\:hover\:border-slate-900\/25:hover { border-color: rgba(15, 23, 42, 0.25) !important; }

.bg-slate-900\/30 { background-color: rgba(15, 23, 42, 0.3) !important; }
.text-slate-900\/30 { color: rgba(15, 23, 42, 0.3) !important; }
.border-slate-900\/30 { border-color: rgba(15, 23, 42, 0.3) !important; }

.hover\:bg-slate-900\/30:hover { background-color: rgba(15, 23, 42, 0.3) !important; }
.hover\:text-slate-900\/30:hover { color: rgba(15, 23, 42, 0.3) !important; }
.hover\:border-slate-900\/30:hover { border-color: rgba(15, 23, 42, 0.3) !important; }

.dark .dark\:bg-slate-900\/30,
html.dark .dark\:bg-slate-900\/30 { background-color: rgba(15, 23, 42, 0.3) !important; }
.dark .dark\:text-slate-900\/30,
html.dark .dark\:text-slate-900\/30 { color: rgba(15, 23, 42, 0.3) !important; }
.dark .dark\:border-slate-900\/30,
html.dark .dark\:border-slate-900\/30 { border-color: rgba(15, 23, 42, 0.3) !important; }

.dark .dark\:hover\:bg-slate-900\/30:hover,
html.dark .dark\:hover\:bg-slate-900\/30:hover { background-color: rgba(15, 23, 42, 0.3) !important; }
.dark .dark\:hover\:text-slate-900\/30:hover,
html.dark .dark\:hover\:text-slate-900\/30:hover { color: rgba(15, 23, 42, 0.3) !important; }
.dark .dark\:hover\:border-slate-900\/30:hover,
html.dark .dark\:hover\:border-slate-900\/30:hover { border-color: rgba(15, 23, 42, 0.3) !important; }

.bg-slate-900\/40 { background-color: rgba(15, 23, 42, 0.4) !important; }
.text-slate-900\/40 { color: rgba(15, 23, 42, 0.4) !important; }
.border-slate-900\/40 { border-color: rgba(15, 23, 42, 0.4) !important; }

.hover\:bg-slate-900\/40:hover { background-color: rgba(15, 23, 42, 0.4) !important; }
.hover\:text-slate-900\/40:hover { color: rgba(15, 23, 42, 0.4) !important; }
.hover\:border-slate-900\/40:hover { border-color: rgba(15, 23, 42, 0.4) !important; }

.dark .dark\:bg-slate-900\/40,
html.dark .dark\:bg-slate-900\/40 { background-color: rgba(15, 23, 42, 0.4) !important; }
.dark .dark\:text-slate-900\/40,
html.dark .dark\:text-slate-900\/40 { color: rgba(15, 23, 42, 0.4) !important; }
.dark .dark\:border-slate-900\/40,
html.dark .dark\:border-slate-900\/40 { border-color: rgba(15, 23, 42, 0.4) !important; }

.dark .dark\:hover\:bg-slate-900\/40:hover,
html.dark .dark\:hover\:bg-slate-900\/40:hover { background-color: rgba(15, 23, 42, 0.4) !important; }
.dark .dark\:hover\:text-slate-900\/40:hover,
html.dark .dark\:hover\:text-slate-900\/40:hover { color: rgba(15, 23, 42, 0.4) !important; }
.dark .dark\:hover\:border-slate-900\/40:hover,
html.dark .dark\:hover\:border-slate-900\/40:hover { border-color: rgba(15, 23, 42, 0.4) !important; }

.bg-slate-900\/50 { background-color: rgba(15, 23, 42, 0.5) !important; }
.text-slate-900\/50 { color: rgba(15, 23, 42, 0.5) !important; }
.border-slate-900\/50 { border-color: rgba(15, 23, 42, 0.5) !important; }

.hover\:bg-slate-900\/50:hover { background-color: rgba(15, 23, 42, 0.5) !important; }
.hover\:text-slate-900\/50:hover { color: rgba(15, 23, 42, 0.5) !important; }
.hover\:border-slate-900\/50:hover { border-color: rgba(15, 23, 42, 0.5) !important; }

.dark .dark\:bg-slate-900\/50,
html.dark .dark\:bg-slate-900\/50 { background-color: rgba(15, 23, 42, 0.5) !important; }
.dark .dark\:text-slate-900\/50,
html.dark .dark\:text-slate-900\/50 { color: rgba(15, 23, 42, 0.5) !important; }
.dark .dark\:border-slate-900\/50,
html.dark .dark\:border-slate-900\/50 { border-color: rgba(15, 23, 42, 0.5) !important; }

.dark .dark\:hover\:bg-slate-900\/50:hover,
html.dark .dark\:hover\:bg-slate-900\/50:hover { background-color: rgba(15, 23, 42, 0.5) !important; }
.dark .dark\:hover\:text-slate-900\/50:hover,
html.dark .dark\:hover\:text-slate-900\/50:hover { color: rgba(15, 23, 42, 0.5) !important; }
.dark .dark\:hover\:border-slate-900\/50:hover,
html.dark .dark\:hover\:border-slate-900\/50:hover { border-color: rgba(15, 23, 42, 0.5) !important; }

.bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6) !important; }
.text-slate-900\/60 { color: rgba(15, 23, 42, 0.6) !important; }
.border-slate-900\/60 { border-color: rgba(15, 23, 42, 0.6) !important; }

.hover\:bg-slate-900\/60:hover { background-color: rgba(15, 23, 42, 0.6) !important; }
.hover\:text-slate-900\/60:hover { color: rgba(15, 23, 42, 0.6) !important; }
.hover\:border-slate-900\/60:hover { border-color: rgba(15, 23, 42, 0.6) !important; }

.dark .dark\:bg-slate-900\/60,
html.dark .dark\:bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6) !important; }
.dark .dark\:text-slate-900\/60,
html.dark .dark\:text-slate-900\/60 { color: rgba(15, 23, 42, 0.6) !important; }
.dark .dark\:border-slate-900\/60,
html.dark .dark\:border-slate-900\/60 { border-color: rgba(15, 23, 42, 0.6) !important; }

.dark .dark\:hover\:bg-slate-900\/60:hover,
html.dark .dark\:hover\:bg-slate-900\/60:hover { background-color: rgba(15, 23, 42, 0.6) !important; }
.dark .dark\:hover\:text-slate-900\/60:hover,
html.dark .dark\:hover\:text-slate-900\/60:hover { color: rgba(15, 23, 42, 0.6) !important; }
.dark .dark\:hover\:border-slate-900\/60:hover,
html.dark .dark\:hover\:border-slate-900\/60:hover { border-color: rgba(15, 23, 42, 0.6) !important; }

.bg-slate-900\/70 { background-color: rgba(15, 23, 42, 0.7) !important; }
.text-slate-900\/70 { color: rgba(15, 23, 42, 0.7) !important; }
.border-slate-900\/70 { border-color: rgba(15, 23, 42, 0.7) !important; }

.hover\:bg-slate-900\/70:hover { background-color: rgba(15, 23, 42, 0.7) !important; }
.hover\:text-slate-900\/70:hover { color: rgba(15, 23, 42, 0.7) !important; }
.hover\:border-slate-900\/70:hover { border-color: rgba(15, 23, 42, 0.7) !important; }

.dark .dark\:bg-slate-900\/70,
html.dark .dark\:bg-slate-900\/70 { background-color: rgba(15, 23, 42, 0.7) !important; }
.dark .dark\:text-slate-900\/70,
html.dark .dark\:text-slate-900\/70 { color: rgba(15, 23, 42, 0.7) !important; }
.dark .dark\:border-slate-900\/70,
html.dark .dark\:border-slate-900\/70 { border-color: rgba(15, 23, 42, 0.7) !important; }

.dark .dark\:hover\:bg-slate-900\/70:hover,
html.dark .dark\:hover\:bg-slate-900\/70:hover { background-color: rgba(15, 23, 42, 0.7) !important; }
.dark .dark\:hover\:text-slate-900\/70:hover,
html.dark .dark\:hover\:text-slate-900\/70:hover { color: rgba(15, 23, 42, 0.7) !important; }
.dark .dark\:hover\:border-slate-900\/70:hover,
html.dark .dark\:hover\:border-slate-900\/70:hover { border-color: rgba(15, 23, 42, 0.7) !important; }

.bg-slate-900\/75 { background-color: rgba(15, 23, 42, 0.75) !important; }
.text-slate-900\/75 { color: rgba(15, 23, 42, 0.75) !important; }
.border-slate-900\/75 { border-color: rgba(15, 23, 42, 0.75) !important; }

.hover\:bg-slate-900\/75:hover { background-color: rgba(15, 23, 42, 0.75) !important; }
.hover\:text-slate-900\/75:hover { color: rgba(15, 23, 42, 0.75) !important; }
.hover\:border-slate-900\/75:hover { border-color: rgba(15, 23, 42, 0.75) !important; }

.dark .dark\:bg-slate-900\/75,
html.dark .dark\:bg-slate-900\/75 { background-color: rgba(15, 23, 42, 0.75) !important; }
.dark .dark\:text-slate-900\/75,
html.dark .dark\:text-slate-900\/75 { color: rgba(15, 23, 42, 0.75) !important; }
.dark .dark\:border-slate-900\/75,
html.dark .dark\:border-slate-900\/75 { border-color: rgba(15, 23, 42, 0.75) !important; }

.dark .dark\:hover\:bg-slate-900\/75:hover,
html.dark .dark\:hover\:bg-slate-900\/75:hover { background-color: rgba(15, 23, 42, 0.75) !important; }
.dark .dark\:hover\:text-slate-900\/75:hover,
html.dark .dark\:hover\:text-slate-900\/75:hover { color: rgba(15, 23, 42, 0.75) !important; }
.dark .dark\:hover\:border-slate-900\/75:hover,
html.dark .dark\:hover\:border-slate-900\/75:hover { border-color: rgba(15, 23, 42, 0.75) !important; }

.bg-slate-900\/80 { background-color: rgba(15, 23, 42, 0.8) !important; }
.text-slate-900\/80 { color: rgba(15, 23, 42, 0.8) !important; }
.border-slate-900\/80 { border-color: rgba(15, 23, 42, 0.8) !important; }

.hover\:bg-slate-900\/80:hover { background-color: rgba(15, 23, 42, 0.8) !important; }
.hover\:text-slate-900\/80:hover { color: rgba(15, 23, 42, 0.8) !important; }
.hover\:border-slate-900\/80:hover { border-color: rgba(15, 23, 42, 0.8) !important; }

.dark .dark\:bg-slate-900\/80,
html.dark .dark\:bg-slate-900\/80 { background-color: rgba(15, 23, 42, 0.8) !important; }
.dark .dark\:text-slate-900\/80,
html.dark .dark\:text-slate-900\/80 { color: rgba(15, 23, 42, 0.8) !important; }
.dark .dark\:border-slate-900\/80,
html.dark .dark\:border-slate-900\/80 { border-color: rgba(15, 23, 42, 0.8) !important; }

.dark .dark\:hover\:bg-slate-900\/80:hover,
html.dark .dark\:hover\:bg-slate-900\/80:hover { background-color: rgba(15, 23, 42, 0.8) !important; }
.dark .dark\:hover\:text-slate-900\/80:hover,
html.dark .dark\:hover\:text-slate-900\/80:hover { color: rgba(15, 23, 42, 0.8) !important; }
.dark .dark\:hover\:border-slate-900\/80:hover,
html.dark .dark\:hover\:border-slate-900\/80:hover { border-color: rgba(15, 23, 42, 0.8) !important; }

.bg-slate-900\/90 { background-color: rgba(15, 23, 42, 0.9) !important; }
.text-slate-900\/90 { color: rgba(15, 23, 42, 0.9) !important; }
.border-slate-900\/90 { border-color: rgba(15, 23, 42, 0.9) !important; }

.hover\:bg-slate-900\/90:hover { background-color: rgba(15, 23, 42, 0.9) !important; }
.hover\:text-slate-900\/90:hover { color: rgba(15, 23, 42, 0.9) !important; }
.hover\:border-slate-900\/90:hover { border-color: rgba(15, 23, 42, 0.9) !important; }

.dark .dark\:bg-slate-900\/90,
html.dark .dark\:bg-slate-900\/90 { background-color: rgba(15, 23, 42, 0.9) !important; }
.dark .dark\:text-slate-900\/90,
html.dark .dark\:text-slate-900\/90 { color: rgba(15, 23, 42, 0.9) !important; }
.dark .dark\:border-slate-900\/90,
html.dark .dark\:border-slate-900\/90 { border-color: rgba(15, 23, 42, 0.9) !important; }

.dark .dark\:hover\:bg-slate-900\/90:hover,
html.dark .dark\:hover\:bg-slate-900\/90:hover { background-color: rgba(15, 23, 42, 0.9) !important; }
.dark .dark\:hover\:text-slate-900\/90:hover,
html.dark .dark\:hover\:text-slate-900\/90:hover { color: rgba(15, 23, 42, 0.9) !important; }
.dark .dark\:hover\:border-slate-900\/90:hover,
html.dark .dark\:hover\:border-slate-900\/90:hover { border-color: rgba(15, 23, 42, 0.9) !important; }

.bg-slate-900\/95 { background-color: rgba(15, 23, 42, 0.95) !important; }
.text-slate-900\/95 { color: rgba(15, 23, 42, 0.95) !important; }
.border-slate-900\/95 { border-color: rgba(15, 23, 42, 0.95) !important; }

.hover\:bg-slate-900\/95:hover { background-color: rgba(15, 23, 42, 0.95) !important; }
.hover\:text-slate-900\/95:hover { color: rgba(15, 23, 42, 0.95) !important; }
.hover\:border-slate-900\/95:hover { border-color: rgba(15, 23, 42, 0.95) !important; }

.dark .dark\:bg-slate-900\/95,
html.dark .dark\:bg-slate-900\/95 { background-color: rgba(15, 23, 42, 0.95) !important; }
.dark .dark\:text-slate-900\/95,
html.dark .dark\:text-slate-900\/95 { color: rgba(15, 23, 42, 0.95) !important; }
.dark .dark\:border-slate-900\/95,
html.dark .dark\:border-slate-900\/95 { border-color: rgba(15, 23, 42, 0.95) !important; }

.dark .dark\:hover\:bg-slate-900\/95:hover,
html.dark .dark\:hover\:bg-slate-900\/95:hover { background-color: rgba(15, 23, 42, 0.95) !important; }
.dark .dark\:hover\:text-slate-900\/95:hover,
html.dark .dark\:hover\:text-slate-900\/95:hover { color: rgba(15, 23, 42, 0.95) !important; }
.dark .dark\:hover\:border-slate-900\/95:hover,
html.dark .dark\:hover\:border-slate-900\/95:hover { border-color: rgba(15, 23, 42, 0.95) !important; }

.bg-slate-950 { background-color: #020617 !important; }
.text-slate-950 { color: #020617 !important; }
.border-slate-950 { border-color: #020617 !important; }
.fill-slate-950 { fill: #020617 !important; }
.stroke-slate-950 { stroke: #020617 !important; }

/* Hover states */
.hover\:bg-slate-950:hover { background-color: #020617 !important; }
.hover\:text-slate-950:hover { color: #020617 !important; }
.hover\:border-slate-950:hover { border-color: #020617 !important; }

/* Dark mode standard */
.dark .dark\:bg-slate-950,
html.dark .dark\:bg-slate-950 { background-color: #020617 !important; }
.dark .dark\:text-slate-950,
html.dark .dark\:text-slate-950 { color: #020617 !important; }
.dark .dark\:border-slate-950,
html.dark .dark\:border-slate-950 { border-color: #020617 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-slate-950:hover,
html.dark .dark\:hover\:bg-slate-950:hover { background-color: #020617 !important; }
.dark .dark\:hover\:text-slate-950:hover,
html.dark .dark\:hover\:text-slate-950:hover { color: #020617 !important; }
.dark .dark\:hover\:border-slate-950:hover,
html.dark .dark\:hover\:border-slate-950:hover { border-color: #020617 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-slate-950,
html.dark .group:hover .dark\:group-hover\:text-slate-950 { color: #020617 !important; }
.dark .group:hover .dark\:group-hover\:bg-slate-950,
html.dark .group:hover .dark\:group-hover\:bg-slate-950 { background-color: #020617 !important; }

.bg-slate-950\/10 { background-color: rgba(2, 6, 23, 0.1) !important; }
.text-slate-950\/10 { color: rgba(2, 6, 23, 0.1) !important; }
.border-slate-950\/10 { border-color: rgba(2, 6, 23, 0.1) !important; }

.hover\:bg-slate-950\/10:hover { background-color: rgba(2, 6, 23, 0.1) !important; }
.hover\:text-slate-950\/10:hover { color: rgba(2, 6, 23, 0.1) !important; }
.hover\:border-slate-950\/10:hover { border-color: rgba(2, 6, 23, 0.1) !important; }

.dark .dark\:bg-slate-950\/10,
html.dark .dark\:bg-slate-950\/10 { background-color: rgba(2, 6, 23, 0.1) !important; }
.dark .dark\:text-slate-950\/10,
html.dark .dark\:text-slate-950\/10 { color: rgba(2, 6, 23, 0.1) !important; }
.dark .dark\:border-slate-950\/10,
html.dark .dark\:border-slate-950\/10 { border-color: rgba(2, 6, 23, 0.1) !important; }

.dark .dark\:hover\:bg-slate-950\/10:hover,
html.dark .dark\:hover\:bg-slate-950\/10:hover { background-color: rgba(2, 6, 23, 0.1) !important; }
.dark .dark\:hover\:text-slate-950\/10:hover,
html.dark .dark\:hover\:text-slate-950\/10:hover { color: rgba(2, 6, 23, 0.1) !important; }
.dark .dark\:hover\:border-slate-950\/10:hover,
html.dark .dark\:hover\:border-slate-950\/10:hover { border-color: rgba(2, 6, 23, 0.1) !important; }

.bg-slate-950\/20 { background-color: rgba(2, 6, 23, 0.2) !important; }
.text-slate-950\/20 { color: rgba(2, 6, 23, 0.2) !important; }
.border-slate-950\/20 { border-color: rgba(2, 6, 23, 0.2) !important; }

.hover\:bg-slate-950\/20:hover { background-color: rgba(2, 6, 23, 0.2) !important; }
.hover\:text-slate-950\/20:hover { color: rgba(2, 6, 23, 0.2) !important; }
.hover\:border-slate-950\/20:hover { border-color: rgba(2, 6, 23, 0.2) !important; }

.dark .dark\:bg-slate-950\/20,
html.dark .dark\:bg-slate-950\/20 { background-color: rgba(2, 6, 23, 0.2) !important; }
.dark .dark\:text-slate-950\/20,
html.dark .dark\:text-slate-950\/20 { color: rgba(2, 6, 23, 0.2) !important; }
.dark .dark\:border-slate-950\/20,
html.dark .dark\:border-slate-950\/20 { border-color: rgba(2, 6, 23, 0.2) !important; }

.dark .dark\:hover\:bg-slate-950\/20:hover,
html.dark .dark\:hover\:bg-slate-950\/20:hover { background-color: rgba(2, 6, 23, 0.2) !important; }
.dark .dark\:hover\:text-slate-950\/20:hover,
html.dark .dark\:hover\:text-slate-950\/20:hover { color: rgba(2, 6, 23, 0.2) !important; }
.dark .dark\:hover\:border-slate-950\/20:hover,
html.dark .dark\:hover\:border-slate-950\/20:hover { border-color: rgba(2, 6, 23, 0.2) !important; }

.bg-slate-950\/25 { background-color: rgba(2, 6, 23, 0.25) !important; }
.text-slate-950\/25 { color: rgba(2, 6, 23, 0.25) !important; }
.border-slate-950\/25 { border-color: rgba(2, 6, 23, 0.25) !important; }

.hover\:bg-slate-950\/25:hover { background-color: rgba(2, 6, 23, 0.25) !important; }
.hover\:text-slate-950\/25:hover { color: rgba(2, 6, 23, 0.25) !important; }
.hover\:border-slate-950\/25:hover { border-color: rgba(2, 6, 23, 0.25) !important; }

.dark .dark\:bg-slate-950\/25,
html.dark .dark\:bg-slate-950\/25 { background-color: rgba(2, 6, 23, 0.25) !important; }
.dark .dark\:text-slate-950\/25,
html.dark .dark\:text-slate-950\/25 { color: rgba(2, 6, 23, 0.25) !important; }
.dark .dark\:border-slate-950\/25,
html.dark .dark\:border-slate-950\/25 { border-color: rgba(2, 6, 23, 0.25) !important; }

.dark .dark\:hover\:bg-slate-950\/25:hover,
html.dark .dark\:hover\:bg-slate-950\/25:hover { background-color: rgba(2, 6, 23, 0.25) !important; }
.dark .dark\:hover\:text-slate-950\/25:hover,
html.dark .dark\:hover\:text-slate-950\/25:hover { color: rgba(2, 6, 23, 0.25) !important; }
.dark .dark\:hover\:border-slate-950\/25:hover,
html.dark .dark\:hover\:border-slate-950\/25:hover { border-color: rgba(2, 6, 23, 0.25) !important; }

.bg-slate-950\/30 { background-color: rgba(2, 6, 23, 0.3) !important; }
.text-slate-950\/30 { color: rgba(2, 6, 23, 0.3) !important; }
.border-slate-950\/30 { border-color: rgba(2, 6, 23, 0.3) !important; }

.hover\:bg-slate-950\/30:hover { background-color: rgba(2, 6, 23, 0.3) !important; }
.hover\:text-slate-950\/30:hover { color: rgba(2, 6, 23, 0.3) !important; }
.hover\:border-slate-950\/30:hover { border-color: rgba(2, 6, 23, 0.3) !important; }

.dark .dark\:bg-slate-950\/30,
html.dark .dark\:bg-slate-950\/30 { background-color: rgba(2, 6, 23, 0.3) !important; }
.dark .dark\:text-slate-950\/30,
html.dark .dark\:text-slate-950\/30 { color: rgba(2, 6, 23, 0.3) !important; }
.dark .dark\:border-slate-950\/30,
html.dark .dark\:border-slate-950\/30 { border-color: rgba(2, 6, 23, 0.3) !important; }

.dark .dark\:hover\:bg-slate-950\/30:hover,
html.dark .dark\:hover\:bg-slate-950\/30:hover { background-color: rgba(2, 6, 23, 0.3) !important; }
.dark .dark\:hover\:text-slate-950\/30:hover,
html.dark .dark\:hover\:text-slate-950\/30:hover { color: rgba(2, 6, 23, 0.3) !important; }
.dark .dark\:hover\:border-slate-950\/30:hover,
html.dark .dark\:hover\:border-slate-950\/30:hover { border-color: rgba(2, 6, 23, 0.3) !important; }

.bg-slate-950\/40 { background-color: rgba(2, 6, 23, 0.4) !important; }
.text-slate-950\/40 { color: rgba(2, 6, 23, 0.4) !important; }
.border-slate-950\/40 { border-color: rgba(2, 6, 23, 0.4) !important; }

.hover\:bg-slate-950\/40:hover { background-color: rgba(2, 6, 23, 0.4) !important; }
.hover\:text-slate-950\/40:hover { color: rgba(2, 6, 23, 0.4) !important; }
.hover\:border-slate-950\/40:hover { border-color: rgba(2, 6, 23, 0.4) !important; }

.dark .dark\:bg-slate-950\/40,
html.dark .dark\:bg-slate-950\/40 { background-color: rgba(2, 6, 23, 0.4) !important; }
.dark .dark\:text-slate-950\/40,
html.dark .dark\:text-slate-950\/40 { color: rgba(2, 6, 23, 0.4) !important; }
.dark .dark\:border-slate-950\/40,
html.dark .dark\:border-slate-950\/40 { border-color: rgba(2, 6, 23, 0.4) !important; }

.dark .dark\:hover\:bg-slate-950\/40:hover,
html.dark .dark\:hover\:bg-slate-950\/40:hover { background-color: rgba(2, 6, 23, 0.4) !important; }
.dark .dark\:hover\:text-slate-950\/40:hover,
html.dark .dark\:hover\:text-slate-950\/40:hover { color: rgba(2, 6, 23, 0.4) !important; }
.dark .dark\:hover\:border-slate-950\/40:hover,
html.dark .dark\:hover\:border-slate-950\/40:hover { border-color: rgba(2, 6, 23, 0.4) !important; }

.bg-slate-950\/50 { background-color: rgba(2, 6, 23, 0.5) !important; }
.text-slate-950\/50 { color: rgba(2, 6, 23, 0.5) !important; }
.border-slate-950\/50 { border-color: rgba(2, 6, 23, 0.5) !important; }

.hover\:bg-slate-950\/50:hover { background-color: rgba(2, 6, 23, 0.5) !important; }
.hover\:text-slate-950\/50:hover { color: rgba(2, 6, 23, 0.5) !important; }
.hover\:border-slate-950\/50:hover { border-color: rgba(2, 6, 23, 0.5) !important; }

.dark .dark\:bg-slate-950\/50,
html.dark .dark\:bg-slate-950\/50 { background-color: rgba(2, 6, 23, 0.5) !important; }
.dark .dark\:text-slate-950\/50,
html.dark .dark\:text-slate-950\/50 { color: rgba(2, 6, 23, 0.5) !important; }
.dark .dark\:border-slate-950\/50,
html.dark .dark\:border-slate-950\/50 { border-color: rgba(2, 6, 23, 0.5) !important; }

.dark .dark\:hover\:bg-slate-950\/50:hover,
html.dark .dark\:hover\:bg-slate-950\/50:hover { background-color: rgba(2, 6, 23, 0.5) !important; }
.dark .dark\:hover\:text-slate-950\/50:hover,
html.dark .dark\:hover\:text-slate-950\/50:hover { color: rgba(2, 6, 23, 0.5) !important; }
.dark .dark\:hover\:border-slate-950\/50:hover,
html.dark .dark\:hover\:border-slate-950\/50:hover { border-color: rgba(2, 6, 23, 0.5) !important; }

.bg-slate-950\/60 { background-color: rgba(2, 6, 23, 0.6) !important; }
.text-slate-950\/60 { color: rgba(2, 6, 23, 0.6) !important; }
.border-slate-950\/60 { border-color: rgba(2, 6, 23, 0.6) !important; }

.hover\:bg-slate-950\/60:hover { background-color: rgba(2, 6, 23, 0.6) !important; }
.hover\:text-slate-950\/60:hover { color: rgba(2, 6, 23, 0.6) !important; }
.hover\:border-slate-950\/60:hover { border-color: rgba(2, 6, 23, 0.6) !important; }

.dark .dark\:bg-slate-950\/60,
html.dark .dark\:bg-slate-950\/60 { background-color: rgba(2, 6, 23, 0.6) !important; }
.dark .dark\:text-slate-950\/60,
html.dark .dark\:text-slate-950\/60 { color: rgba(2, 6, 23, 0.6) !important; }
.dark .dark\:border-slate-950\/60,
html.dark .dark\:border-slate-950\/60 { border-color: rgba(2, 6, 23, 0.6) !important; }

.dark .dark\:hover\:bg-slate-950\/60:hover,
html.dark .dark\:hover\:bg-slate-950\/60:hover { background-color: rgba(2, 6, 23, 0.6) !important; }
.dark .dark\:hover\:text-slate-950\/60:hover,
html.dark .dark\:hover\:text-slate-950\/60:hover { color: rgba(2, 6, 23, 0.6) !important; }
.dark .dark\:hover\:border-slate-950\/60:hover,
html.dark .dark\:hover\:border-slate-950\/60:hover { border-color: rgba(2, 6, 23, 0.6) !important; }

.bg-slate-950\/70 { background-color: rgba(2, 6, 23, 0.7) !important; }
.text-slate-950\/70 { color: rgba(2, 6, 23, 0.7) !important; }
.border-slate-950\/70 { border-color: rgba(2, 6, 23, 0.7) !important; }

.hover\:bg-slate-950\/70:hover { background-color: rgba(2, 6, 23, 0.7) !important; }
.hover\:text-slate-950\/70:hover { color: rgba(2, 6, 23, 0.7) !important; }
.hover\:border-slate-950\/70:hover { border-color: rgba(2, 6, 23, 0.7) !important; }

.dark .dark\:bg-slate-950\/70,
html.dark .dark\:bg-slate-950\/70 { background-color: rgba(2, 6, 23, 0.7) !important; }
.dark .dark\:text-slate-950\/70,
html.dark .dark\:text-slate-950\/70 { color: rgba(2, 6, 23, 0.7) !important; }
.dark .dark\:border-slate-950\/70,
html.dark .dark\:border-slate-950\/70 { border-color: rgba(2, 6, 23, 0.7) !important; }

.dark .dark\:hover\:bg-slate-950\/70:hover,
html.dark .dark\:hover\:bg-slate-950\/70:hover { background-color: rgba(2, 6, 23, 0.7) !important; }
.dark .dark\:hover\:text-slate-950\/70:hover,
html.dark .dark\:hover\:text-slate-950\/70:hover { color: rgba(2, 6, 23, 0.7) !important; }
.dark .dark\:hover\:border-slate-950\/70:hover,
html.dark .dark\:hover\:border-slate-950\/70:hover { border-color: rgba(2, 6, 23, 0.7) !important; }

.bg-slate-950\/75 { background-color: rgba(2, 6, 23, 0.75) !important; }
.text-slate-950\/75 { color: rgba(2, 6, 23, 0.75) !important; }
.border-slate-950\/75 { border-color: rgba(2, 6, 23, 0.75) !important; }

.hover\:bg-slate-950\/75:hover { background-color: rgba(2, 6, 23, 0.75) !important; }
.hover\:text-slate-950\/75:hover { color: rgba(2, 6, 23, 0.75) !important; }
.hover\:border-slate-950\/75:hover { border-color: rgba(2, 6, 23, 0.75) !important; }

.dark .dark\:bg-slate-950\/75,
html.dark .dark\:bg-slate-950\/75 { background-color: rgba(2, 6, 23, 0.75) !important; }
.dark .dark\:text-slate-950\/75,
html.dark .dark\:text-slate-950\/75 { color: rgba(2, 6, 23, 0.75) !important; }
.dark .dark\:border-slate-950\/75,
html.dark .dark\:border-slate-950\/75 { border-color: rgba(2, 6, 23, 0.75) !important; }

.dark .dark\:hover\:bg-slate-950\/75:hover,
html.dark .dark\:hover\:bg-slate-950\/75:hover { background-color: rgba(2, 6, 23, 0.75) !important; }
.dark .dark\:hover\:text-slate-950\/75:hover,
html.dark .dark\:hover\:text-slate-950\/75:hover { color: rgba(2, 6, 23, 0.75) !important; }
.dark .dark\:hover\:border-slate-950\/75:hover,
html.dark .dark\:hover\:border-slate-950\/75:hover { border-color: rgba(2, 6, 23, 0.75) !important; }

.bg-slate-950\/80 { background-color: rgba(2, 6, 23, 0.8) !important; }
.text-slate-950\/80 { color: rgba(2, 6, 23, 0.8) !important; }
.border-slate-950\/80 { border-color: rgba(2, 6, 23, 0.8) !important; }

.hover\:bg-slate-950\/80:hover { background-color: rgba(2, 6, 23, 0.8) !important; }
.hover\:text-slate-950\/80:hover { color: rgba(2, 6, 23, 0.8) !important; }
.hover\:border-slate-950\/80:hover { border-color: rgba(2, 6, 23, 0.8) !important; }

.dark .dark\:bg-slate-950\/80,
html.dark .dark\:bg-slate-950\/80 { background-color: rgba(2, 6, 23, 0.8) !important; }
.dark .dark\:text-slate-950\/80,
html.dark .dark\:text-slate-950\/80 { color: rgba(2, 6, 23, 0.8) !important; }
.dark .dark\:border-slate-950\/80,
html.dark .dark\:border-slate-950\/80 { border-color: rgba(2, 6, 23, 0.8) !important; }

.dark .dark\:hover\:bg-slate-950\/80:hover,
html.dark .dark\:hover\:bg-slate-950\/80:hover { background-color: rgba(2, 6, 23, 0.8) !important; }
.dark .dark\:hover\:text-slate-950\/80:hover,
html.dark .dark\:hover\:text-slate-950\/80:hover { color: rgba(2, 6, 23, 0.8) !important; }
.dark .dark\:hover\:border-slate-950\/80:hover,
html.dark .dark\:hover\:border-slate-950\/80:hover { border-color: rgba(2, 6, 23, 0.8) !important; }

.bg-slate-950\/90 { background-color: rgba(2, 6, 23, 0.9) !important; }
.text-slate-950\/90 { color: rgba(2, 6, 23, 0.9) !important; }
.border-slate-950\/90 { border-color: rgba(2, 6, 23, 0.9) !important; }

.hover\:bg-slate-950\/90:hover { background-color: rgba(2, 6, 23, 0.9) !important; }
.hover\:text-slate-950\/90:hover { color: rgba(2, 6, 23, 0.9) !important; }
.hover\:border-slate-950\/90:hover { border-color: rgba(2, 6, 23, 0.9) !important; }

.dark .dark\:bg-slate-950\/90,
html.dark .dark\:bg-slate-950\/90 { background-color: rgba(2, 6, 23, 0.9) !important; }
.dark .dark\:text-slate-950\/90,
html.dark .dark\:text-slate-950\/90 { color: rgba(2, 6, 23, 0.9) !important; }
.dark .dark\:border-slate-950\/90,
html.dark .dark\:border-slate-950\/90 { border-color: rgba(2, 6, 23, 0.9) !important; }

.dark .dark\:hover\:bg-slate-950\/90:hover,
html.dark .dark\:hover\:bg-slate-950\/90:hover { background-color: rgba(2, 6, 23, 0.9) !important; }
.dark .dark\:hover\:text-slate-950\/90:hover,
html.dark .dark\:hover\:text-slate-950\/90:hover { color: rgba(2, 6, 23, 0.9) !important; }
.dark .dark\:hover\:border-slate-950\/90:hover,
html.dark .dark\:hover\:border-slate-950\/90:hover { border-color: rgba(2, 6, 23, 0.9) !important; }

.bg-slate-950\/95 { background-color: rgba(2, 6, 23, 0.95) !important; }
.text-slate-950\/95 { color: rgba(2, 6, 23, 0.95) !important; }
.border-slate-950\/95 { border-color: rgba(2, 6, 23, 0.95) !important; }

.hover\:bg-slate-950\/95:hover { background-color: rgba(2, 6, 23, 0.95) !important; }
.hover\:text-slate-950\/95:hover { color: rgba(2, 6, 23, 0.95) !important; }
.hover\:border-slate-950\/95:hover { border-color: rgba(2, 6, 23, 0.95) !important; }

.dark .dark\:bg-slate-950\/95,
html.dark .dark\:bg-slate-950\/95 { background-color: rgba(2, 6, 23, 0.95) !important; }
.dark .dark\:text-slate-950\/95,
html.dark .dark\:text-slate-950\/95 { color: rgba(2, 6, 23, 0.95) !important; }
.dark .dark\:border-slate-950\/95,
html.dark .dark\:border-slate-950\/95 { border-color: rgba(2, 6, 23, 0.95) !important; }

.dark .dark\:hover\:bg-slate-950\/95:hover,
html.dark .dark\:hover\:bg-slate-950\/95:hover { background-color: rgba(2, 6, 23, 0.95) !important; }
.dark .dark\:hover\:text-slate-950\/95:hover,
html.dark .dark\:hover\:text-slate-950\/95:hover { color: rgba(2, 6, 23, 0.95) !important; }
.dark .dark\:hover\:border-slate-950\/95:hover,
html.dark .dark\:hover\:border-slate-950\/95:hover { border-color: rgba(2, 6, 23, 0.95) !important; }

.bg-gray-50 { background-color: #f9fafb !important; }
.text-gray-50 { color: #f9fafb !important; }
.border-gray-50 { border-color: #f9fafb !important; }
.fill-gray-50 { fill: #f9fafb !important; }
.stroke-gray-50 { stroke: #f9fafb !important; }

/* Hover states */
.hover\:bg-gray-50:hover { background-color: #f9fafb !important; }
.hover\:text-gray-50:hover { color: #f9fafb !important; }
.hover\:border-gray-50:hover { border-color: #f9fafb !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-50,
html.dark .dark\:bg-gray-50 { background-color: #f9fafb !important; }
.dark .dark\:text-gray-50,
html.dark .dark\:text-gray-50 { color: #f9fafb !important; }
.dark .dark\:border-gray-50,
html.dark .dark\:border-gray-50 { border-color: #f9fafb !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-50:hover,
html.dark .dark\:hover\:bg-gray-50:hover { background-color: #f9fafb !important; }
.dark .dark\:hover\:text-gray-50:hover,
html.dark .dark\:hover\:text-gray-50:hover { color: #f9fafb !important; }
.dark .dark\:hover\:border-gray-50:hover,
html.dark .dark\:hover\:border-gray-50:hover { border-color: #f9fafb !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-50,
html.dark .group:hover .dark\:group-hover\:text-gray-50 { color: #f9fafb !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-50,
html.dark .group:hover .dark\:group-hover\:bg-gray-50 { background-color: #f9fafb !important; }

.bg-gray-50\/10 { background-color: rgba(249, 250, 251, 0.1) !important; }
.text-gray-50\/10 { color: rgba(249, 250, 251, 0.1) !important; }
.border-gray-50\/10 { border-color: rgba(249, 250, 251, 0.1) !important; }

.hover\:bg-gray-50\/10:hover { background-color: rgba(249, 250, 251, 0.1) !important; }
.hover\:text-gray-50\/10:hover { color: rgba(249, 250, 251, 0.1) !important; }
.hover\:border-gray-50\/10:hover { border-color: rgba(249, 250, 251, 0.1) !important; }

.dark .dark\:bg-gray-50\/10,
html.dark .dark\:bg-gray-50\/10 { background-color: rgba(249, 250, 251, 0.1) !important; }
.dark .dark\:text-gray-50\/10,
html.dark .dark\:text-gray-50\/10 { color: rgba(249, 250, 251, 0.1) !important; }
.dark .dark\:border-gray-50\/10,
html.dark .dark\:border-gray-50\/10 { border-color: rgba(249, 250, 251, 0.1) !important; }

.dark .dark\:hover\:bg-gray-50\/10:hover,
html.dark .dark\:hover\:bg-gray-50\/10:hover { background-color: rgba(249, 250, 251, 0.1) !important; }
.dark .dark\:hover\:text-gray-50\/10:hover,
html.dark .dark\:hover\:text-gray-50\/10:hover { color: rgba(249, 250, 251, 0.1) !important; }
.dark .dark\:hover\:border-gray-50\/10:hover,
html.dark .dark\:hover\:border-gray-50\/10:hover { border-color: rgba(249, 250, 251, 0.1) !important; }

.bg-gray-50\/20 { background-color: rgba(249, 250, 251, 0.2) !important; }
.text-gray-50\/20 { color: rgba(249, 250, 251, 0.2) !important; }
.border-gray-50\/20 { border-color: rgba(249, 250, 251, 0.2) !important; }

.hover\:bg-gray-50\/20:hover { background-color: rgba(249, 250, 251, 0.2) !important; }
.hover\:text-gray-50\/20:hover { color: rgba(249, 250, 251, 0.2) !important; }
.hover\:border-gray-50\/20:hover { border-color: rgba(249, 250, 251, 0.2) !important; }

.dark .dark\:bg-gray-50\/20,
html.dark .dark\:bg-gray-50\/20 { background-color: rgba(249, 250, 251, 0.2) !important; }
.dark .dark\:text-gray-50\/20,
html.dark .dark\:text-gray-50\/20 { color: rgba(249, 250, 251, 0.2) !important; }
.dark .dark\:border-gray-50\/20,
html.dark .dark\:border-gray-50\/20 { border-color: rgba(249, 250, 251, 0.2) !important; }

.dark .dark\:hover\:bg-gray-50\/20:hover,
html.dark .dark\:hover\:bg-gray-50\/20:hover { background-color: rgba(249, 250, 251, 0.2) !important; }
.dark .dark\:hover\:text-gray-50\/20:hover,
html.dark .dark\:hover\:text-gray-50\/20:hover { color: rgba(249, 250, 251, 0.2) !important; }
.dark .dark\:hover\:border-gray-50\/20:hover,
html.dark .dark\:hover\:border-gray-50\/20:hover { border-color: rgba(249, 250, 251, 0.2) !important; }

.bg-gray-50\/25 { background-color: rgba(249, 250, 251, 0.25) !important; }
.text-gray-50\/25 { color: rgba(249, 250, 251, 0.25) !important; }
.border-gray-50\/25 { border-color: rgba(249, 250, 251, 0.25) !important; }

.hover\:bg-gray-50\/25:hover { background-color: rgba(249, 250, 251, 0.25) !important; }
.hover\:text-gray-50\/25:hover { color: rgba(249, 250, 251, 0.25) !important; }
.hover\:border-gray-50\/25:hover { border-color: rgba(249, 250, 251, 0.25) !important; }

.dark .dark\:bg-gray-50\/25,
html.dark .dark\:bg-gray-50\/25 { background-color: rgba(249, 250, 251, 0.25) !important; }
.dark .dark\:text-gray-50\/25,
html.dark .dark\:text-gray-50\/25 { color: rgba(249, 250, 251, 0.25) !important; }
.dark .dark\:border-gray-50\/25,
html.dark .dark\:border-gray-50\/25 { border-color: rgba(249, 250, 251, 0.25) !important; }

.dark .dark\:hover\:bg-gray-50\/25:hover,
html.dark .dark\:hover\:bg-gray-50\/25:hover { background-color: rgba(249, 250, 251, 0.25) !important; }
.dark .dark\:hover\:text-gray-50\/25:hover,
html.dark .dark\:hover\:text-gray-50\/25:hover { color: rgba(249, 250, 251, 0.25) !important; }
.dark .dark\:hover\:border-gray-50\/25:hover,
html.dark .dark\:hover\:border-gray-50\/25:hover { border-color: rgba(249, 250, 251, 0.25) !important; }

.bg-gray-50\/30 { background-color: rgba(249, 250, 251, 0.3) !important; }
.text-gray-50\/30 { color: rgba(249, 250, 251, 0.3) !important; }
.border-gray-50\/30 { border-color: rgba(249, 250, 251, 0.3) !important; }

.hover\:bg-gray-50\/30:hover { background-color: rgba(249, 250, 251, 0.3) !important; }
.hover\:text-gray-50\/30:hover { color: rgba(249, 250, 251, 0.3) !important; }
.hover\:border-gray-50\/30:hover { border-color: rgba(249, 250, 251, 0.3) !important; }

.dark .dark\:bg-gray-50\/30,
html.dark .dark\:bg-gray-50\/30 { background-color: rgba(249, 250, 251, 0.3) !important; }
.dark .dark\:text-gray-50\/30,
html.dark .dark\:text-gray-50\/30 { color: rgba(249, 250, 251, 0.3) !important; }
.dark .dark\:border-gray-50\/30,
html.dark .dark\:border-gray-50\/30 { border-color: rgba(249, 250, 251, 0.3) !important; }

.dark .dark\:hover\:bg-gray-50\/30:hover,
html.dark .dark\:hover\:bg-gray-50\/30:hover { background-color: rgba(249, 250, 251, 0.3) !important; }
.dark .dark\:hover\:text-gray-50\/30:hover,
html.dark .dark\:hover\:text-gray-50\/30:hover { color: rgba(249, 250, 251, 0.3) !important; }
.dark .dark\:hover\:border-gray-50\/30:hover,
html.dark .dark\:hover\:border-gray-50\/30:hover { border-color: rgba(249, 250, 251, 0.3) !important; }

.bg-gray-50\/40 { background-color: rgba(249, 250, 251, 0.4) !important; }
.text-gray-50\/40 { color: rgba(249, 250, 251, 0.4) !important; }
.border-gray-50\/40 { border-color: rgba(249, 250, 251, 0.4) !important; }

.hover\:bg-gray-50\/40:hover { background-color: rgba(249, 250, 251, 0.4) !important; }
.hover\:text-gray-50\/40:hover { color: rgba(249, 250, 251, 0.4) !important; }
.hover\:border-gray-50\/40:hover { border-color: rgba(249, 250, 251, 0.4) !important; }

.dark .dark\:bg-gray-50\/40,
html.dark .dark\:bg-gray-50\/40 { background-color: rgba(249, 250, 251, 0.4) !important; }
.dark .dark\:text-gray-50\/40,
html.dark .dark\:text-gray-50\/40 { color: rgba(249, 250, 251, 0.4) !important; }
.dark .dark\:border-gray-50\/40,
html.dark .dark\:border-gray-50\/40 { border-color: rgba(249, 250, 251, 0.4) !important; }

.dark .dark\:hover\:bg-gray-50\/40:hover,
html.dark .dark\:hover\:bg-gray-50\/40:hover { background-color: rgba(249, 250, 251, 0.4) !important; }
.dark .dark\:hover\:text-gray-50\/40:hover,
html.dark .dark\:hover\:text-gray-50\/40:hover { color: rgba(249, 250, 251, 0.4) !important; }
.dark .dark\:hover\:border-gray-50\/40:hover,
html.dark .dark\:hover\:border-gray-50\/40:hover { border-color: rgba(249, 250, 251, 0.4) !important; }

.bg-gray-50\/50 { background-color: rgba(249, 250, 251, 0.5) !important; }
.text-gray-50\/50 { color: rgba(249, 250, 251, 0.5) !important; }
.border-gray-50\/50 { border-color: rgba(249, 250, 251, 0.5) !important; }

.hover\:bg-gray-50\/50:hover { background-color: rgba(249, 250, 251, 0.5) !important; }
.hover\:text-gray-50\/50:hover { color: rgba(249, 250, 251, 0.5) !important; }
.hover\:border-gray-50\/50:hover { border-color: rgba(249, 250, 251, 0.5) !important; }

.dark .dark\:bg-gray-50\/50,
html.dark .dark\:bg-gray-50\/50 { background-color: rgba(249, 250, 251, 0.5) !important; }
.dark .dark\:text-gray-50\/50,
html.dark .dark\:text-gray-50\/50 { color: rgba(249, 250, 251, 0.5) !important; }
.dark .dark\:border-gray-50\/50,
html.dark .dark\:border-gray-50\/50 { border-color: rgba(249, 250, 251, 0.5) !important; }

.dark .dark\:hover\:bg-gray-50\/50:hover,
html.dark .dark\:hover\:bg-gray-50\/50:hover { background-color: rgba(249, 250, 251, 0.5) !important; }
.dark .dark\:hover\:text-gray-50\/50:hover,
html.dark .dark\:hover\:text-gray-50\/50:hover { color: rgba(249, 250, 251, 0.5) !important; }
.dark .dark\:hover\:border-gray-50\/50:hover,
html.dark .dark\:hover\:border-gray-50\/50:hover { border-color: rgba(249, 250, 251, 0.5) !important; }

.bg-gray-50\/60 { background-color: rgba(249, 250, 251, 0.6) !important; }
.text-gray-50\/60 { color: rgba(249, 250, 251, 0.6) !important; }
.border-gray-50\/60 { border-color: rgba(249, 250, 251, 0.6) !important; }

.hover\:bg-gray-50\/60:hover { background-color: rgba(249, 250, 251, 0.6) !important; }
.hover\:text-gray-50\/60:hover { color: rgba(249, 250, 251, 0.6) !important; }
.hover\:border-gray-50\/60:hover { border-color: rgba(249, 250, 251, 0.6) !important; }

.dark .dark\:bg-gray-50\/60,
html.dark .dark\:bg-gray-50\/60 { background-color: rgba(249, 250, 251, 0.6) !important; }
.dark .dark\:text-gray-50\/60,
html.dark .dark\:text-gray-50\/60 { color: rgba(249, 250, 251, 0.6) !important; }
.dark .dark\:border-gray-50\/60,
html.dark .dark\:border-gray-50\/60 { border-color: rgba(249, 250, 251, 0.6) !important; }

.dark .dark\:hover\:bg-gray-50\/60:hover,
html.dark .dark\:hover\:bg-gray-50\/60:hover { background-color: rgba(249, 250, 251, 0.6) !important; }
.dark .dark\:hover\:text-gray-50\/60:hover,
html.dark .dark\:hover\:text-gray-50\/60:hover { color: rgba(249, 250, 251, 0.6) !important; }
.dark .dark\:hover\:border-gray-50\/60:hover,
html.dark .dark\:hover\:border-gray-50\/60:hover { border-color: rgba(249, 250, 251, 0.6) !important; }

.bg-gray-50\/70 { background-color: rgba(249, 250, 251, 0.7) !important; }
.text-gray-50\/70 { color: rgba(249, 250, 251, 0.7) !important; }
.border-gray-50\/70 { border-color: rgba(249, 250, 251, 0.7) !important; }

.hover\:bg-gray-50\/70:hover { background-color: rgba(249, 250, 251, 0.7) !important; }
.hover\:text-gray-50\/70:hover { color: rgba(249, 250, 251, 0.7) !important; }
.hover\:border-gray-50\/70:hover { border-color: rgba(249, 250, 251, 0.7) !important; }

.dark .dark\:bg-gray-50\/70,
html.dark .dark\:bg-gray-50\/70 { background-color: rgba(249, 250, 251, 0.7) !important; }
.dark .dark\:text-gray-50\/70,
html.dark .dark\:text-gray-50\/70 { color: rgba(249, 250, 251, 0.7) !important; }
.dark .dark\:border-gray-50\/70,
html.dark .dark\:border-gray-50\/70 { border-color: rgba(249, 250, 251, 0.7) !important; }

.dark .dark\:hover\:bg-gray-50\/70:hover,
html.dark .dark\:hover\:bg-gray-50\/70:hover { background-color: rgba(249, 250, 251, 0.7) !important; }
.dark .dark\:hover\:text-gray-50\/70:hover,
html.dark .dark\:hover\:text-gray-50\/70:hover { color: rgba(249, 250, 251, 0.7) !important; }
.dark .dark\:hover\:border-gray-50\/70:hover,
html.dark .dark\:hover\:border-gray-50\/70:hover { border-color: rgba(249, 250, 251, 0.7) !important; }

.bg-gray-50\/75 { background-color: rgba(249, 250, 251, 0.75) !important; }
.text-gray-50\/75 { color: rgba(249, 250, 251, 0.75) !important; }
.border-gray-50\/75 { border-color: rgba(249, 250, 251, 0.75) !important; }

.hover\:bg-gray-50\/75:hover { background-color: rgba(249, 250, 251, 0.75) !important; }
.hover\:text-gray-50\/75:hover { color: rgba(249, 250, 251, 0.75) !important; }
.hover\:border-gray-50\/75:hover { border-color: rgba(249, 250, 251, 0.75) !important; }

.dark .dark\:bg-gray-50\/75,
html.dark .dark\:bg-gray-50\/75 { background-color: rgba(249, 250, 251, 0.75) !important; }
.dark .dark\:text-gray-50\/75,
html.dark .dark\:text-gray-50\/75 { color: rgba(249, 250, 251, 0.75) !important; }
.dark .dark\:border-gray-50\/75,
html.dark .dark\:border-gray-50\/75 { border-color: rgba(249, 250, 251, 0.75) !important; }

.dark .dark\:hover\:bg-gray-50\/75:hover,
html.dark .dark\:hover\:bg-gray-50\/75:hover { background-color: rgba(249, 250, 251, 0.75) !important; }
.dark .dark\:hover\:text-gray-50\/75:hover,
html.dark .dark\:hover\:text-gray-50\/75:hover { color: rgba(249, 250, 251, 0.75) !important; }
.dark .dark\:hover\:border-gray-50\/75:hover,
html.dark .dark\:hover\:border-gray-50\/75:hover { border-color: rgba(249, 250, 251, 0.75) !important; }

.bg-gray-50\/80 { background-color: rgba(249, 250, 251, 0.8) !important; }
.text-gray-50\/80 { color: rgba(249, 250, 251, 0.8) !important; }
.border-gray-50\/80 { border-color: rgba(249, 250, 251, 0.8) !important; }

.hover\:bg-gray-50\/80:hover { background-color: rgba(249, 250, 251, 0.8) !important; }
.hover\:text-gray-50\/80:hover { color: rgba(249, 250, 251, 0.8) !important; }
.hover\:border-gray-50\/80:hover { border-color: rgba(249, 250, 251, 0.8) !important; }

.dark .dark\:bg-gray-50\/80,
html.dark .dark\:bg-gray-50\/80 { background-color: rgba(249, 250, 251, 0.8) !important; }
.dark .dark\:text-gray-50\/80,
html.dark .dark\:text-gray-50\/80 { color: rgba(249, 250, 251, 0.8) !important; }
.dark .dark\:border-gray-50\/80,
html.dark .dark\:border-gray-50\/80 { border-color: rgba(249, 250, 251, 0.8) !important; }

.dark .dark\:hover\:bg-gray-50\/80:hover,
html.dark .dark\:hover\:bg-gray-50\/80:hover { background-color: rgba(249, 250, 251, 0.8) !important; }
.dark .dark\:hover\:text-gray-50\/80:hover,
html.dark .dark\:hover\:text-gray-50\/80:hover { color: rgba(249, 250, 251, 0.8) !important; }
.dark .dark\:hover\:border-gray-50\/80:hover,
html.dark .dark\:hover\:border-gray-50\/80:hover { border-color: rgba(249, 250, 251, 0.8) !important; }

.bg-gray-50\/90 { background-color: rgba(249, 250, 251, 0.9) !important; }
.text-gray-50\/90 { color: rgba(249, 250, 251, 0.9) !important; }
.border-gray-50\/90 { border-color: rgba(249, 250, 251, 0.9) !important; }

.hover\:bg-gray-50\/90:hover { background-color: rgba(249, 250, 251, 0.9) !important; }
.hover\:text-gray-50\/90:hover { color: rgba(249, 250, 251, 0.9) !important; }
.hover\:border-gray-50\/90:hover { border-color: rgba(249, 250, 251, 0.9) !important; }

.dark .dark\:bg-gray-50\/90,
html.dark .dark\:bg-gray-50\/90 { background-color: rgba(249, 250, 251, 0.9) !important; }
.dark .dark\:text-gray-50\/90,
html.dark .dark\:text-gray-50\/90 { color: rgba(249, 250, 251, 0.9) !important; }
.dark .dark\:border-gray-50\/90,
html.dark .dark\:border-gray-50\/90 { border-color: rgba(249, 250, 251, 0.9) !important; }

.dark .dark\:hover\:bg-gray-50\/90:hover,
html.dark .dark\:hover\:bg-gray-50\/90:hover { background-color: rgba(249, 250, 251, 0.9) !important; }
.dark .dark\:hover\:text-gray-50\/90:hover,
html.dark .dark\:hover\:text-gray-50\/90:hover { color: rgba(249, 250, 251, 0.9) !important; }
.dark .dark\:hover\:border-gray-50\/90:hover,
html.dark .dark\:hover\:border-gray-50\/90:hover { border-color: rgba(249, 250, 251, 0.9) !important; }

.bg-gray-50\/95 { background-color: rgba(249, 250, 251, 0.95) !important; }
.text-gray-50\/95 { color: rgba(249, 250, 251, 0.95) !important; }
.border-gray-50\/95 { border-color: rgba(249, 250, 251, 0.95) !important; }

.hover\:bg-gray-50\/95:hover { background-color: rgba(249, 250, 251, 0.95) !important; }
.hover\:text-gray-50\/95:hover { color: rgba(249, 250, 251, 0.95) !important; }
.hover\:border-gray-50\/95:hover { border-color: rgba(249, 250, 251, 0.95) !important; }

.dark .dark\:bg-gray-50\/95,
html.dark .dark\:bg-gray-50\/95 { background-color: rgba(249, 250, 251, 0.95) !important; }
.dark .dark\:text-gray-50\/95,
html.dark .dark\:text-gray-50\/95 { color: rgba(249, 250, 251, 0.95) !important; }
.dark .dark\:border-gray-50\/95,
html.dark .dark\:border-gray-50\/95 { border-color: rgba(249, 250, 251, 0.95) !important; }

.dark .dark\:hover\:bg-gray-50\/95:hover,
html.dark .dark\:hover\:bg-gray-50\/95:hover { background-color: rgba(249, 250, 251, 0.95) !important; }
.dark .dark\:hover\:text-gray-50\/95:hover,
html.dark .dark\:hover\:text-gray-50\/95:hover { color: rgba(249, 250, 251, 0.95) !important; }
.dark .dark\:hover\:border-gray-50\/95:hover,
html.dark .dark\:hover\:border-gray-50\/95:hover { border-color: rgba(249, 250, 251, 0.95) !important; }

.bg-gray-100 { background-color: #f3f4f6 !important; }
.text-gray-100 { color: #f3f4f6 !important; }
.border-gray-100 { border-color: #f3f4f6 !important; }
.fill-gray-100 { fill: #f3f4f6 !important; }
.stroke-gray-100 { stroke: #f3f4f6 !important; }

/* Hover states */
.hover\:bg-gray-100:hover { background-color: #f3f4f6 !important; }
.hover\:text-gray-100:hover { color: #f3f4f6 !important; }
.hover\:border-gray-100:hover { border-color: #f3f4f6 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-100,
html.dark .dark\:bg-gray-100 { background-color: #f3f4f6 !important; }
.dark .dark\:text-gray-100,
html.dark .dark\:text-gray-100 { color: #f3f4f6 !important; }
.dark .dark\:border-gray-100,
html.dark .dark\:border-gray-100 { border-color: #f3f4f6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-100:hover,
html.dark .dark\:hover\:bg-gray-100:hover { background-color: #f3f4f6 !important; }
.dark .dark\:hover\:text-gray-100:hover,
html.dark .dark\:hover\:text-gray-100:hover { color: #f3f4f6 !important; }
.dark .dark\:hover\:border-gray-100:hover,
html.dark .dark\:hover\:border-gray-100:hover { border-color: #f3f4f6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-100,
html.dark .group:hover .dark\:group-hover\:text-gray-100 { color: #f3f4f6 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-100,
html.dark .group:hover .dark\:group-hover\:bg-gray-100 { background-color: #f3f4f6 !important; }

.bg-gray-100\/10 { background-color: rgba(243, 244, 246, 0.1) !important; }
.text-gray-100\/10 { color: rgba(243, 244, 246, 0.1) !important; }
.border-gray-100\/10 { border-color: rgba(243, 244, 246, 0.1) !important; }

.hover\:bg-gray-100\/10:hover { background-color: rgba(243, 244, 246, 0.1) !important; }
.hover\:text-gray-100\/10:hover { color: rgba(243, 244, 246, 0.1) !important; }
.hover\:border-gray-100\/10:hover { border-color: rgba(243, 244, 246, 0.1) !important; }

.dark .dark\:bg-gray-100\/10,
html.dark .dark\:bg-gray-100\/10 { background-color: rgba(243, 244, 246, 0.1) !important; }
.dark .dark\:text-gray-100\/10,
html.dark .dark\:text-gray-100\/10 { color: rgba(243, 244, 246, 0.1) !important; }
.dark .dark\:border-gray-100\/10,
html.dark .dark\:border-gray-100\/10 { border-color: rgba(243, 244, 246, 0.1) !important; }

.dark .dark\:hover\:bg-gray-100\/10:hover,
html.dark .dark\:hover\:bg-gray-100\/10:hover { background-color: rgba(243, 244, 246, 0.1) !important; }
.dark .dark\:hover\:text-gray-100\/10:hover,
html.dark .dark\:hover\:text-gray-100\/10:hover { color: rgba(243, 244, 246, 0.1) !important; }
.dark .dark\:hover\:border-gray-100\/10:hover,
html.dark .dark\:hover\:border-gray-100\/10:hover { border-color: rgba(243, 244, 246, 0.1) !important; }

.bg-gray-100\/20 { background-color: rgba(243, 244, 246, 0.2) !important; }
.text-gray-100\/20 { color: rgba(243, 244, 246, 0.2) !important; }
.border-gray-100\/20 { border-color: rgba(243, 244, 246, 0.2) !important; }

.hover\:bg-gray-100\/20:hover { background-color: rgba(243, 244, 246, 0.2) !important; }
.hover\:text-gray-100\/20:hover { color: rgba(243, 244, 246, 0.2) !important; }
.hover\:border-gray-100\/20:hover { border-color: rgba(243, 244, 246, 0.2) !important; }

.dark .dark\:bg-gray-100\/20,
html.dark .dark\:bg-gray-100\/20 { background-color: rgba(243, 244, 246, 0.2) !important; }
.dark .dark\:text-gray-100\/20,
html.dark .dark\:text-gray-100\/20 { color: rgba(243, 244, 246, 0.2) !important; }
.dark .dark\:border-gray-100\/20,
html.dark .dark\:border-gray-100\/20 { border-color: rgba(243, 244, 246, 0.2) !important; }

.dark .dark\:hover\:bg-gray-100\/20:hover,
html.dark .dark\:hover\:bg-gray-100\/20:hover { background-color: rgba(243, 244, 246, 0.2) !important; }
.dark .dark\:hover\:text-gray-100\/20:hover,
html.dark .dark\:hover\:text-gray-100\/20:hover { color: rgba(243, 244, 246, 0.2) !important; }
.dark .dark\:hover\:border-gray-100\/20:hover,
html.dark .dark\:hover\:border-gray-100\/20:hover { border-color: rgba(243, 244, 246, 0.2) !important; }

.bg-gray-100\/25 { background-color: rgba(243, 244, 246, 0.25) !important; }
.text-gray-100\/25 { color: rgba(243, 244, 246, 0.25) !important; }
.border-gray-100\/25 { border-color: rgba(243, 244, 246, 0.25) !important; }

.hover\:bg-gray-100\/25:hover { background-color: rgba(243, 244, 246, 0.25) !important; }
.hover\:text-gray-100\/25:hover { color: rgba(243, 244, 246, 0.25) !important; }
.hover\:border-gray-100\/25:hover { border-color: rgba(243, 244, 246, 0.25) !important; }

.dark .dark\:bg-gray-100\/25,
html.dark .dark\:bg-gray-100\/25 { background-color: rgba(243, 244, 246, 0.25) !important; }
.dark .dark\:text-gray-100\/25,
html.dark .dark\:text-gray-100\/25 { color: rgba(243, 244, 246, 0.25) !important; }
.dark .dark\:border-gray-100\/25,
html.dark .dark\:border-gray-100\/25 { border-color: rgba(243, 244, 246, 0.25) !important; }

.dark .dark\:hover\:bg-gray-100\/25:hover,
html.dark .dark\:hover\:bg-gray-100\/25:hover { background-color: rgba(243, 244, 246, 0.25) !important; }
.dark .dark\:hover\:text-gray-100\/25:hover,
html.dark .dark\:hover\:text-gray-100\/25:hover { color: rgba(243, 244, 246, 0.25) !important; }
.dark .dark\:hover\:border-gray-100\/25:hover,
html.dark .dark\:hover\:border-gray-100\/25:hover { border-color: rgba(243, 244, 246, 0.25) !important; }

.bg-gray-100\/30 { background-color: rgba(243, 244, 246, 0.3) !important; }
.text-gray-100\/30 { color: rgba(243, 244, 246, 0.3) !important; }
.border-gray-100\/30 { border-color: rgba(243, 244, 246, 0.3) !important; }

.hover\:bg-gray-100\/30:hover { background-color: rgba(243, 244, 246, 0.3) !important; }
.hover\:text-gray-100\/30:hover { color: rgba(243, 244, 246, 0.3) !important; }
.hover\:border-gray-100\/30:hover { border-color: rgba(243, 244, 246, 0.3) !important; }

.dark .dark\:bg-gray-100\/30,
html.dark .dark\:bg-gray-100\/30 { background-color: rgba(243, 244, 246, 0.3) !important; }
.dark .dark\:text-gray-100\/30,
html.dark .dark\:text-gray-100\/30 { color: rgba(243, 244, 246, 0.3) !important; }
.dark .dark\:border-gray-100\/30,
html.dark .dark\:border-gray-100\/30 { border-color: rgba(243, 244, 246, 0.3) !important; }

.dark .dark\:hover\:bg-gray-100\/30:hover,
html.dark .dark\:hover\:bg-gray-100\/30:hover { background-color: rgba(243, 244, 246, 0.3) !important; }
.dark .dark\:hover\:text-gray-100\/30:hover,
html.dark .dark\:hover\:text-gray-100\/30:hover { color: rgba(243, 244, 246, 0.3) !important; }
.dark .dark\:hover\:border-gray-100\/30:hover,
html.dark .dark\:hover\:border-gray-100\/30:hover { border-color: rgba(243, 244, 246, 0.3) !important; }

.bg-gray-100\/40 { background-color: rgba(243, 244, 246, 0.4) !important; }
.text-gray-100\/40 { color: rgba(243, 244, 246, 0.4) !important; }
.border-gray-100\/40 { border-color: rgba(243, 244, 246, 0.4) !important; }

.hover\:bg-gray-100\/40:hover { background-color: rgba(243, 244, 246, 0.4) !important; }
.hover\:text-gray-100\/40:hover { color: rgba(243, 244, 246, 0.4) !important; }
.hover\:border-gray-100\/40:hover { border-color: rgba(243, 244, 246, 0.4) !important; }

.dark .dark\:bg-gray-100\/40,
html.dark .dark\:bg-gray-100\/40 { background-color: rgba(243, 244, 246, 0.4) !important; }
.dark .dark\:text-gray-100\/40,
html.dark .dark\:text-gray-100\/40 { color: rgba(243, 244, 246, 0.4) !important; }
.dark .dark\:border-gray-100\/40,
html.dark .dark\:border-gray-100\/40 { border-color: rgba(243, 244, 246, 0.4) !important; }

.dark .dark\:hover\:bg-gray-100\/40:hover,
html.dark .dark\:hover\:bg-gray-100\/40:hover { background-color: rgba(243, 244, 246, 0.4) !important; }
.dark .dark\:hover\:text-gray-100\/40:hover,
html.dark .dark\:hover\:text-gray-100\/40:hover { color: rgba(243, 244, 246, 0.4) !important; }
.dark .dark\:hover\:border-gray-100\/40:hover,
html.dark .dark\:hover\:border-gray-100\/40:hover { border-color: rgba(243, 244, 246, 0.4) !important; }

.bg-gray-100\/50 { background-color: rgba(243, 244, 246, 0.5) !important; }
.text-gray-100\/50 { color: rgba(243, 244, 246, 0.5) !important; }
.border-gray-100\/50 { border-color: rgba(243, 244, 246, 0.5) !important; }

.hover\:bg-gray-100\/50:hover { background-color: rgba(243, 244, 246, 0.5) !important; }
.hover\:text-gray-100\/50:hover { color: rgba(243, 244, 246, 0.5) !important; }
.hover\:border-gray-100\/50:hover { border-color: rgba(243, 244, 246, 0.5) !important; }

.dark .dark\:bg-gray-100\/50,
html.dark .dark\:bg-gray-100\/50 { background-color: rgba(243, 244, 246, 0.5) !important; }
.dark .dark\:text-gray-100\/50,
html.dark .dark\:text-gray-100\/50 { color: rgba(243, 244, 246, 0.5) !important; }
.dark .dark\:border-gray-100\/50,
html.dark .dark\:border-gray-100\/50 { border-color: rgba(243, 244, 246, 0.5) !important; }

.dark .dark\:hover\:bg-gray-100\/50:hover,
html.dark .dark\:hover\:bg-gray-100\/50:hover { background-color: rgba(243, 244, 246, 0.5) !important; }
.dark .dark\:hover\:text-gray-100\/50:hover,
html.dark .dark\:hover\:text-gray-100\/50:hover { color: rgba(243, 244, 246, 0.5) !important; }
.dark .dark\:hover\:border-gray-100\/50:hover,
html.dark .dark\:hover\:border-gray-100\/50:hover { border-color: rgba(243, 244, 246, 0.5) !important; }

.bg-gray-100\/60 { background-color: rgba(243, 244, 246, 0.6) !important; }
.text-gray-100\/60 { color: rgba(243, 244, 246, 0.6) !important; }
.border-gray-100\/60 { border-color: rgba(243, 244, 246, 0.6) !important; }

.hover\:bg-gray-100\/60:hover { background-color: rgba(243, 244, 246, 0.6) !important; }
.hover\:text-gray-100\/60:hover { color: rgba(243, 244, 246, 0.6) !important; }
.hover\:border-gray-100\/60:hover { border-color: rgba(243, 244, 246, 0.6) !important; }

.dark .dark\:bg-gray-100\/60,
html.dark .dark\:bg-gray-100\/60 { background-color: rgba(243, 244, 246, 0.6) !important; }
.dark .dark\:text-gray-100\/60,
html.dark .dark\:text-gray-100\/60 { color: rgba(243, 244, 246, 0.6) !important; }
.dark .dark\:border-gray-100\/60,
html.dark .dark\:border-gray-100\/60 { border-color: rgba(243, 244, 246, 0.6) !important; }

.dark .dark\:hover\:bg-gray-100\/60:hover,
html.dark .dark\:hover\:bg-gray-100\/60:hover { background-color: rgba(243, 244, 246, 0.6) !important; }
.dark .dark\:hover\:text-gray-100\/60:hover,
html.dark .dark\:hover\:text-gray-100\/60:hover { color: rgba(243, 244, 246, 0.6) !important; }
.dark .dark\:hover\:border-gray-100\/60:hover,
html.dark .dark\:hover\:border-gray-100\/60:hover { border-color: rgba(243, 244, 246, 0.6) !important; }

.bg-gray-100\/70 { background-color: rgba(243, 244, 246, 0.7) !important; }
.text-gray-100\/70 { color: rgba(243, 244, 246, 0.7) !important; }
.border-gray-100\/70 { border-color: rgba(243, 244, 246, 0.7) !important; }

.hover\:bg-gray-100\/70:hover { background-color: rgba(243, 244, 246, 0.7) !important; }
.hover\:text-gray-100\/70:hover { color: rgba(243, 244, 246, 0.7) !important; }
.hover\:border-gray-100\/70:hover { border-color: rgba(243, 244, 246, 0.7) !important; }

.dark .dark\:bg-gray-100\/70,
html.dark .dark\:bg-gray-100\/70 { background-color: rgba(243, 244, 246, 0.7) !important; }
.dark .dark\:text-gray-100\/70,
html.dark .dark\:text-gray-100\/70 { color: rgba(243, 244, 246, 0.7) !important; }
.dark .dark\:border-gray-100\/70,
html.dark .dark\:border-gray-100\/70 { border-color: rgba(243, 244, 246, 0.7) !important; }

.dark .dark\:hover\:bg-gray-100\/70:hover,
html.dark .dark\:hover\:bg-gray-100\/70:hover { background-color: rgba(243, 244, 246, 0.7) !important; }
.dark .dark\:hover\:text-gray-100\/70:hover,
html.dark .dark\:hover\:text-gray-100\/70:hover { color: rgba(243, 244, 246, 0.7) !important; }
.dark .dark\:hover\:border-gray-100\/70:hover,
html.dark .dark\:hover\:border-gray-100\/70:hover { border-color: rgba(243, 244, 246, 0.7) !important; }

.bg-gray-100\/75 { background-color: rgba(243, 244, 246, 0.75) !important; }
.text-gray-100\/75 { color: rgba(243, 244, 246, 0.75) !important; }
.border-gray-100\/75 { border-color: rgba(243, 244, 246, 0.75) !important; }

.hover\:bg-gray-100\/75:hover { background-color: rgba(243, 244, 246, 0.75) !important; }
.hover\:text-gray-100\/75:hover { color: rgba(243, 244, 246, 0.75) !important; }
.hover\:border-gray-100\/75:hover { border-color: rgba(243, 244, 246, 0.75) !important; }

.dark .dark\:bg-gray-100\/75,
html.dark .dark\:bg-gray-100\/75 { background-color: rgba(243, 244, 246, 0.75) !important; }
.dark .dark\:text-gray-100\/75,
html.dark .dark\:text-gray-100\/75 { color: rgba(243, 244, 246, 0.75) !important; }
.dark .dark\:border-gray-100\/75,
html.dark .dark\:border-gray-100\/75 { border-color: rgba(243, 244, 246, 0.75) !important; }

.dark .dark\:hover\:bg-gray-100\/75:hover,
html.dark .dark\:hover\:bg-gray-100\/75:hover { background-color: rgba(243, 244, 246, 0.75) !important; }
.dark .dark\:hover\:text-gray-100\/75:hover,
html.dark .dark\:hover\:text-gray-100\/75:hover { color: rgba(243, 244, 246, 0.75) !important; }
.dark .dark\:hover\:border-gray-100\/75:hover,
html.dark .dark\:hover\:border-gray-100\/75:hover { border-color: rgba(243, 244, 246, 0.75) !important; }

.bg-gray-100\/80 { background-color: rgba(243, 244, 246, 0.8) !important; }
.text-gray-100\/80 { color: rgba(243, 244, 246, 0.8) !important; }
.border-gray-100\/80 { border-color: rgba(243, 244, 246, 0.8) !important; }

.hover\:bg-gray-100\/80:hover { background-color: rgba(243, 244, 246, 0.8) !important; }
.hover\:text-gray-100\/80:hover { color: rgba(243, 244, 246, 0.8) !important; }
.hover\:border-gray-100\/80:hover { border-color: rgba(243, 244, 246, 0.8) !important; }

.dark .dark\:bg-gray-100\/80,
html.dark .dark\:bg-gray-100\/80 { background-color: rgba(243, 244, 246, 0.8) !important; }
.dark .dark\:text-gray-100\/80,
html.dark .dark\:text-gray-100\/80 { color: rgba(243, 244, 246, 0.8) !important; }
.dark .dark\:border-gray-100\/80,
html.dark .dark\:border-gray-100\/80 { border-color: rgba(243, 244, 246, 0.8) !important; }

.dark .dark\:hover\:bg-gray-100\/80:hover,
html.dark .dark\:hover\:bg-gray-100\/80:hover { background-color: rgba(243, 244, 246, 0.8) !important; }
.dark .dark\:hover\:text-gray-100\/80:hover,
html.dark .dark\:hover\:text-gray-100\/80:hover { color: rgba(243, 244, 246, 0.8) !important; }
.dark .dark\:hover\:border-gray-100\/80:hover,
html.dark .dark\:hover\:border-gray-100\/80:hover { border-color: rgba(243, 244, 246, 0.8) !important; }

.bg-gray-100\/90 { background-color: rgba(243, 244, 246, 0.9) !important; }
.text-gray-100\/90 { color: rgba(243, 244, 246, 0.9) !important; }
.border-gray-100\/90 { border-color: rgba(243, 244, 246, 0.9) !important; }

.hover\:bg-gray-100\/90:hover { background-color: rgba(243, 244, 246, 0.9) !important; }
.hover\:text-gray-100\/90:hover { color: rgba(243, 244, 246, 0.9) !important; }
.hover\:border-gray-100\/90:hover { border-color: rgba(243, 244, 246, 0.9) !important; }

.dark .dark\:bg-gray-100\/90,
html.dark .dark\:bg-gray-100\/90 { background-color: rgba(243, 244, 246, 0.9) !important; }
.dark .dark\:text-gray-100\/90,
html.dark .dark\:text-gray-100\/90 { color: rgba(243, 244, 246, 0.9) !important; }
.dark .dark\:border-gray-100\/90,
html.dark .dark\:border-gray-100\/90 { border-color: rgba(243, 244, 246, 0.9) !important; }

.dark .dark\:hover\:bg-gray-100\/90:hover,
html.dark .dark\:hover\:bg-gray-100\/90:hover { background-color: rgba(243, 244, 246, 0.9) !important; }
.dark .dark\:hover\:text-gray-100\/90:hover,
html.dark .dark\:hover\:text-gray-100\/90:hover { color: rgba(243, 244, 246, 0.9) !important; }
.dark .dark\:hover\:border-gray-100\/90:hover,
html.dark .dark\:hover\:border-gray-100\/90:hover { border-color: rgba(243, 244, 246, 0.9) !important; }

.bg-gray-100\/95 { background-color: rgba(243, 244, 246, 0.95) !important; }
.text-gray-100\/95 { color: rgba(243, 244, 246, 0.95) !important; }
.border-gray-100\/95 { border-color: rgba(243, 244, 246, 0.95) !important; }

.hover\:bg-gray-100\/95:hover { background-color: rgba(243, 244, 246, 0.95) !important; }
.hover\:text-gray-100\/95:hover { color: rgba(243, 244, 246, 0.95) !important; }
.hover\:border-gray-100\/95:hover { border-color: rgba(243, 244, 246, 0.95) !important; }

.dark .dark\:bg-gray-100\/95,
html.dark .dark\:bg-gray-100\/95 { background-color: rgba(243, 244, 246, 0.95) !important; }
.dark .dark\:text-gray-100\/95,
html.dark .dark\:text-gray-100\/95 { color: rgba(243, 244, 246, 0.95) !important; }
.dark .dark\:border-gray-100\/95,
html.dark .dark\:border-gray-100\/95 { border-color: rgba(243, 244, 246, 0.95) !important; }

.dark .dark\:hover\:bg-gray-100\/95:hover,
html.dark .dark\:hover\:bg-gray-100\/95:hover { background-color: rgba(243, 244, 246, 0.95) !important; }
.dark .dark\:hover\:text-gray-100\/95:hover,
html.dark .dark\:hover\:text-gray-100\/95:hover { color: rgba(243, 244, 246, 0.95) !important; }
.dark .dark\:hover\:border-gray-100\/95:hover,
html.dark .dark\:hover\:border-gray-100\/95:hover { border-color: rgba(243, 244, 246, 0.95) !important; }

.bg-gray-200 { background-color: #e5e7eb !important; }
.text-gray-200 { color: #e5e7eb !important; }
.border-gray-200 { border-color: #e5e7eb !important; }
.fill-gray-200 { fill: #e5e7eb !important; }
.stroke-gray-200 { stroke: #e5e7eb !important; }

/* Hover states */
.hover\:bg-gray-200:hover { background-color: #e5e7eb !important; }
.hover\:text-gray-200:hover { color: #e5e7eb !important; }
.hover\:border-gray-200:hover { border-color: #e5e7eb !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-200,
html.dark .dark\:bg-gray-200 { background-color: #e5e7eb !important; }
.dark .dark\:text-gray-200,
html.dark .dark\:text-gray-200 { color: #e5e7eb !important; }
.dark .dark\:border-gray-200,
html.dark .dark\:border-gray-200 { border-color: #e5e7eb !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-200:hover,
html.dark .dark\:hover\:bg-gray-200:hover { background-color: #e5e7eb !important; }
.dark .dark\:hover\:text-gray-200:hover,
html.dark .dark\:hover\:text-gray-200:hover { color: #e5e7eb !important; }
.dark .dark\:hover\:border-gray-200:hover,
html.dark .dark\:hover\:border-gray-200:hover { border-color: #e5e7eb !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-200,
html.dark .group:hover .dark\:group-hover\:text-gray-200 { color: #e5e7eb !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-200,
html.dark .group:hover .dark\:group-hover\:bg-gray-200 { background-color: #e5e7eb !important; }

.bg-gray-200\/10 { background-color: rgba(229, 231, 235, 0.1) !important; }
.text-gray-200\/10 { color: rgba(229, 231, 235, 0.1) !important; }
.border-gray-200\/10 { border-color: rgba(229, 231, 235, 0.1) !important; }

.hover\:bg-gray-200\/10:hover { background-color: rgba(229, 231, 235, 0.1) !important; }
.hover\:text-gray-200\/10:hover { color: rgba(229, 231, 235, 0.1) !important; }
.hover\:border-gray-200\/10:hover { border-color: rgba(229, 231, 235, 0.1) !important; }

.dark .dark\:bg-gray-200\/10,
html.dark .dark\:bg-gray-200\/10 { background-color: rgba(229, 231, 235, 0.1) !important; }
.dark .dark\:text-gray-200\/10,
html.dark .dark\:text-gray-200\/10 { color: rgba(229, 231, 235, 0.1) !important; }
.dark .dark\:border-gray-200\/10,
html.dark .dark\:border-gray-200\/10 { border-color: rgba(229, 231, 235, 0.1) !important; }

.dark .dark\:hover\:bg-gray-200\/10:hover,
html.dark .dark\:hover\:bg-gray-200\/10:hover { background-color: rgba(229, 231, 235, 0.1) !important; }
.dark .dark\:hover\:text-gray-200\/10:hover,
html.dark .dark\:hover\:text-gray-200\/10:hover { color: rgba(229, 231, 235, 0.1) !important; }
.dark .dark\:hover\:border-gray-200\/10:hover,
html.dark .dark\:hover\:border-gray-200\/10:hover { border-color: rgba(229, 231, 235, 0.1) !important; }

.bg-gray-200\/20 { background-color: rgba(229, 231, 235, 0.2) !important; }
.text-gray-200\/20 { color: rgba(229, 231, 235, 0.2) !important; }
.border-gray-200\/20 { border-color: rgba(229, 231, 235, 0.2) !important; }

.hover\:bg-gray-200\/20:hover { background-color: rgba(229, 231, 235, 0.2) !important; }
.hover\:text-gray-200\/20:hover { color: rgba(229, 231, 235, 0.2) !important; }
.hover\:border-gray-200\/20:hover { border-color: rgba(229, 231, 235, 0.2) !important; }

.dark .dark\:bg-gray-200\/20,
html.dark .dark\:bg-gray-200\/20 { background-color: rgba(229, 231, 235, 0.2) !important; }
.dark .dark\:text-gray-200\/20,
html.dark .dark\:text-gray-200\/20 { color: rgba(229, 231, 235, 0.2) !important; }
.dark .dark\:border-gray-200\/20,
html.dark .dark\:border-gray-200\/20 { border-color: rgba(229, 231, 235, 0.2) !important; }

.dark .dark\:hover\:bg-gray-200\/20:hover,
html.dark .dark\:hover\:bg-gray-200\/20:hover { background-color: rgba(229, 231, 235, 0.2) !important; }
.dark .dark\:hover\:text-gray-200\/20:hover,
html.dark .dark\:hover\:text-gray-200\/20:hover { color: rgba(229, 231, 235, 0.2) !important; }
.dark .dark\:hover\:border-gray-200\/20:hover,
html.dark .dark\:hover\:border-gray-200\/20:hover { border-color: rgba(229, 231, 235, 0.2) !important; }

.bg-gray-200\/25 { background-color: rgba(229, 231, 235, 0.25) !important; }
.text-gray-200\/25 { color: rgba(229, 231, 235, 0.25) !important; }
.border-gray-200\/25 { border-color: rgba(229, 231, 235, 0.25) !important; }

.hover\:bg-gray-200\/25:hover { background-color: rgba(229, 231, 235, 0.25) !important; }
.hover\:text-gray-200\/25:hover { color: rgba(229, 231, 235, 0.25) !important; }
.hover\:border-gray-200\/25:hover { border-color: rgba(229, 231, 235, 0.25) !important; }

.dark .dark\:bg-gray-200\/25,
html.dark .dark\:bg-gray-200\/25 { background-color: rgba(229, 231, 235, 0.25) !important; }
.dark .dark\:text-gray-200\/25,
html.dark .dark\:text-gray-200\/25 { color: rgba(229, 231, 235, 0.25) !important; }
.dark .dark\:border-gray-200\/25,
html.dark .dark\:border-gray-200\/25 { border-color: rgba(229, 231, 235, 0.25) !important; }

.dark .dark\:hover\:bg-gray-200\/25:hover,
html.dark .dark\:hover\:bg-gray-200\/25:hover { background-color: rgba(229, 231, 235, 0.25) !important; }
.dark .dark\:hover\:text-gray-200\/25:hover,
html.dark .dark\:hover\:text-gray-200\/25:hover { color: rgba(229, 231, 235, 0.25) !important; }
.dark .dark\:hover\:border-gray-200\/25:hover,
html.dark .dark\:hover\:border-gray-200\/25:hover { border-color: rgba(229, 231, 235, 0.25) !important; }

.bg-gray-200\/30 { background-color: rgba(229, 231, 235, 0.3) !important; }
.text-gray-200\/30 { color: rgba(229, 231, 235, 0.3) !important; }
.border-gray-200\/30 { border-color: rgba(229, 231, 235, 0.3) !important; }

.hover\:bg-gray-200\/30:hover { background-color: rgba(229, 231, 235, 0.3) !important; }
.hover\:text-gray-200\/30:hover { color: rgba(229, 231, 235, 0.3) !important; }
.hover\:border-gray-200\/30:hover { border-color: rgba(229, 231, 235, 0.3) !important; }

.dark .dark\:bg-gray-200\/30,
html.dark .dark\:bg-gray-200\/30 { background-color: rgba(229, 231, 235, 0.3) !important; }
.dark .dark\:text-gray-200\/30,
html.dark .dark\:text-gray-200\/30 { color: rgba(229, 231, 235, 0.3) !important; }
.dark .dark\:border-gray-200\/30,
html.dark .dark\:border-gray-200\/30 { border-color: rgba(229, 231, 235, 0.3) !important; }

.dark .dark\:hover\:bg-gray-200\/30:hover,
html.dark .dark\:hover\:bg-gray-200\/30:hover { background-color: rgba(229, 231, 235, 0.3) !important; }
.dark .dark\:hover\:text-gray-200\/30:hover,
html.dark .dark\:hover\:text-gray-200\/30:hover { color: rgba(229, 231, 235, 0.3) !important; }
.dark .dark\:hover\:border-gray-200\/30:hover,
html.dark .dark\:hover\:border-gray-200\/30:hover { border-color: rgba(229, 231, 235, 0.3) !important; }

.bg-gray-200\/40 { background-color: rgba(229, 231, 235, 0.4) !important; }
.text-gray-200\/40 { color: rgba(229, 231, 235, 0.4) !important; }
.border-gray-200\/40 { border-color: rgba(229, 231, 235, 0.4) !important; }

.hover\:bg-gray-200\/40:hover { background-color: rgba(229, 231, 235, 0.4) !important; }
.hover\:text-gray-200\/40:hover { color: rgba(229, 231, 235, 0.4) !important; }
.hover\:border-gray-200\/40:hover { border-color: rgba(229, 231, 235, 0.4) !important; }

.dark .dark\:bg-gray-200\/40,
html.dark .dark\:bg-gray-200\/40 { background-color: rgba(229, 231, 235, 0.4) !important; }
.dark .dark\:text-gray-200\/40,
html.dark .dark\:text-gray-200\/40 { color: rgba(229, 231, 235, 0.4) !important; }
.dark .dark\:border-gray-200\/40,
html.dark .dark\:border-gray-200\/40 { border-color: rgba(229, 231, 235, 0.4) !important; }

.dark .dark\:hover\:bg-gray-200\/40:hover,
html.dark .dark\:hover\:bg-gray-200\/40:hover { background-color: rgba(229, 231, 235, 0.4) !important; }
.dark .dark\:hover\:text-gray-200\/40:hover,
html.dark .dark\:hover\:text-gray-200\/40:hover { color: rgba(229, 231, 235, 0.4) !important; }
.dark .dark\:hover\:border-gray-200\/40:hover,
html.dark .dark\:hover\:border-gray-200\/40:hover { border-color: rgba(229, 231, 235, 0.4) !important; }

.bg-gray-200\/50 { background-color: rgba(229, 231, 235, 0.5) !important; }
.text-gray-200\/50 { color: rgba(229, 231, 235, 0.5) !important; }
.border-gray-200\/50 { border-color: rgba(229, 231, 235, 0.5) !important; }

.hover\:bg-gray-200\/50:hover { background-color: rgba(229, 231, 235, 0.5) !important; }
.hover\:text-gray-200\/50:hover { color: rgba(229, 231, 235, 0.5) !important; }
.hover\:border-gray-200\/50:hover { border-color: rgba(229, 231, 235, 0.5) !important; }

.dark .dark\:bg-gray-200\/50,
html.dark .dark\:bg-gray-200\/50 { background-color: rgba(229, 231, 235, 0.5) !important; }
.dark .dark\:text-gray-200\/50,
html.dark .dark\:text-gray-200\/50 { color: rgba(229, 231, 235, 0.5) !important; }
.dark .dark\:border-gray-200\/50,
html.dark .dark\:border-gray-200\/50 { border-color: rgba(229, 231, 235, 0.5) !important; }

.dark .dark\:hover\:bg-gray-200\/50:hover,
html.dark .dark\:hover\:bg-gray-200\/50:hover { background-color: rgba(229, 231, 235, 0.5) !important; }
.dark .dark\:hover\:text-gray-200\/50:hover,
html.dark .dark\:hover\:text-gray-200\/50:hover { color: rgba(229, 231, 235, 0.5) !important; }
.dark .dark\:hover\:border-gray-200\/50:hover,
html.dark .dark\:hover\:border-gray-200\/50:hover { border-color: rgba(229, 231, 235, 0.5) !important; }

.bg-gray-200\/60 { background-color: rgba(229, 231, 235, 0.6) !important; }
.text-gray-200\/60 { color: rgba(229, 231, 235, 0.6) !important; }
.border-gray-200\/60 { border-color: rgba(229, 231, 235, 0.6) !important; }

.hover\:bg-gray-200\/60:hover { background-color: rgba(229, 231, 235, 0.6) !important; }
.hover\:text-gray-200\/60:hover { color: rgba(229, 231, 235, 0.6) !important; }
.hover\:border-gray-200\/60:hover { border-color: rgba(229, 231, 235, 0.6) !important; }

.dark .dark\:bg-gray-200\/60,
html.dark .dark\:bg-gray-200\/60 { background-color: rgba(229, 231, 235, 0.6) !important; }
.dark .dark\:text-gray-200\/60,
html.dark .dark\:text-gray-200\/60 { color: rgba(229, 231, 235, 0.6) !important; }
.dark .dark\:border-gray-200\/60,
html.dark .dark\:border-gray-200\/60 { border-color: rgba(229, 231, 235, 0.6) !important; }

.dark .dark\:hover\:bg-gray-200\/60:hover,
html.dark .dark\:hover\:bg-gray-200\/60:hover { background-color: rgba(229, 231, 235, 0.6) !important; }
.dark .dark\:hover\:text-gray-200\/60:hover,
html.dark .dark\:hover\:text-gray-200\/60:hover { color: rgba(229, 231, 235, 0.6) !important; }
.dark .dark\:hover\:border-gray-200\/60:hover,
html.dark .dark\:hover\:border-gray-200\/60:hover { border-color: rgba(229, 231, 235, 0.6) !important; }

.bg-gray-200\/70 { background-color: rgba(229, 231, 235, 0.7) !important; }
.text-gray-200\/70 { color: rgba(229, 231, 235, 0.7) !important; }
.border-gray-200\/70 { border-color: rgba(229, 231, 235, 0.7) !important; }

.hover\:bg-gray-200\/70:hover { background-color: rgba(229, 231, 235, 0.7) !important; }
.hover\:text-gray-200\/70:hover { color: rgba(229, 231, 235, 0.7) !important; }
.hover\:border-gray-200\/70:hover { border-color: rgba(229, 231, 235, 0.7) !important; }

.dark .dark\:bg-gray-200\/70,
html.dark .dark\:bg-gray-200\/70 { background-color: rgba(229, 231, 235, 0.7) !important; }
.dark .dark\:text-gray-200\/70,
html.dark .dark\:text-gray-200\/70 { color: rgba(229, 231, 235, 0.7) !important; }
.dark .dark\:border-gray-200\/70,
html.dark .dark\:border-gray-200\/70 { border-color: rgba(229, 231, 235, 0.7) !important; }

.dark .dark\:hover\:bg-gray-200\/70:hover,
html.dark .dark\:hover\:bg-gray-200\/70:hover { background-color: rgba(229, 231, 235, 0.7) !important; }
.dark .dark\:hover\:text-gray-200\/70:hover,
html.dark .dark\:hover\:text-gray-200\/70:hover { color: rgba(229, 231, 235, 0.7) !important; }
.dark .dark\:hover\:border-gray-200\/70:hover,
html.dark .dark\:hover\:border-gray-200\/70:hover { border-color: rgba(229, 231, 235, 0.7) !important; }

.bg-gray-200\/75 { background-color: rgba(229, 231, 235, 0.75) !important; }
.text-gray-200\/75 { color: rgba(229, 231, 235, 0.75) !important; }
.border-gray-200\/75 { border-color: rgba(229, 231, 235, 0.75) !important; }

.hover\:bg-gray-200\/75:hover { background-color: rgba(229, 231, 235, 0.75) !important; }
.hover\:text-gray-200\/75:hover { color: rgba(229, 231, 235, 0.75) !important; }
.hover\:border-gray-200\/75:hover { border-color: rgba(229, 231, 235, 0.75) !important; }

.dark .dark\:bg-gray-200\/75,
html.dark .dark\:bg-gray-200\/75 { background-color: rgba(229, 231, 235, 0.75) !important; }
.dark .dark\:text-gray-200\/75,
html.dark .dark\:text-gray-200\/75 { color: rgba(229, 231, 235, 0.75) !important; }
.dark .dark\:border-gray-200\/75,
html.dark .dark\:border-gray-200\/75 { border-color: rgba(229, 231, 235, 0.75) !important; }

.dark .dark\:hover\:bg-gray-200\/75:hover,
html.dark .dark\:hover\:bg-gray-200\/75:hover { background-color: rgba(229, 231, 235, 0.75) !important; }
.dark .dark\:hover\:text-gray-200\/75:hover,
html.dark .dark\:hover\:text-gray-200\/75:hover { color: rgba(229, 231, 235, 0.75) !important; }
.dark .dark\:hover\:border-gray-200\/75:hover,
html.dark .dark\:hover\:border-gray-200\/75:hover { border-color: rgba(229, 231, 235, 0.75) !important; }

.bg-gray-200\/80 { background-color: rgba(229, 231, 235, 0.8) !important; }
.text-gray-200\/80 { color: rgba(229, 231, 235, 0.8) !important; }
.border-gray-200\/80 { border-color: rgba(229, 231, 235, 0.8) !important; }

.hover\:bg-gray-200\/80:hover { background-color: rgba(229, 231, 235, 0.8) !important; }
.hover\:text-gray-200\/80:hover { color: rgba(229, 231, 235, 0.8) !important; }
.hover\:border-gray-200\/80:hover { border-color: rgba(229, 231, 235, 0.8) !important; }

.dark .dark\:bg-gray-200\/80,
html.dark .dark\:bg-gray-200\/80 { background-color: rgba(229, 231, 235, 0.8) !important; }
.dark .dark\:text-gray-200\/80,
html.dark .dark\:text-gray-200\/80 { color: rgba(229, 231, 235, 0.8) !important; }
.dark .dark\:border-gray-200\/80,
html.dark .dark\:border-gray-200\/80 { border-color: rgba(229, 231, 235, 0.8) !important; }

.dark .dark\:hover\:bg-gray-200\/80:hover,
html.dark .dark\:hover\:bg-gray-200\/80:hover { background-color: rgba(229, 231, 235, 0.8) !important; }
.dark .dark\:hover\:text-gray-200\/80:hover,
html.dark .dark\:hover\:text-gray-200\/80:hover { color: rgba(229, 231, 235, 0.8) !important; }
.dark .dark\:hover\:border-gray-200\/80:hover,
html.dark .dark\:hover\:border-gray-200\/80:hover { border-color: rgba(229, 231, 235, 0.8) !important; }

.bg-gray-200\/90 { background-color: rgba(229, 231, 235, 0.9) !important; }
.text-gray-200\/90 { color: rgba(229, 231, 235, 0.9) !important; }
.border-gray-200\/90 { border-color: rgba(229, 231, 235, 0.9) !important; }

.hover\:bg-gray-200\/90:hover { background-color: rgba(229, 231, 235, 0.9) !important; }
.hover\:text-gray-200\/90:hover { color: rgba(229, 231, 235, 0.9) !important; }
.hover\:border-gray-200\/90:hover { border-color: rgba(229, 231, 235, 0.9) !important; }

.dark .dark\:bg-gray-200\/90,
html.dark .dark\:bg-gray-200\/90 { background-color: rgba(229, 231, 235, 0.9) !important; }
.dark .dark\:text-gray-200\/90,
html.dark .dark\:text-gray-200\/90 { color: rgba(229, 231, 235, 0.9) !important; }
.dark .dark\:border-gray-200\/90,
html.dark .dark\:border-gray-200\/90 { border-color: rgba(229, 231, 235, 0.9) !important; }

.dark .dark\:hover\:bg-gray-200\/90:hover,
html.dark .dark\:hover\:bg-gray-200\/90:hover { background-color: rgba(229, 231, 235, 0.9) !important; }
.dark .dark\:hover\:text-gray-200\/90:hover,
html.dark .dark\:hover\:text-gray-200\/90:hover { color: rgba(229, 231, 235, 0.9) !important; }
.dark .dark\:hover\:border-gray-200\/90:hover,
html.dark .dark\:hover\:border-gray-200\/90:hover { border-color: rgba(229, 231, 235, 0.9) !important; }

.bg-gray-200\/95 { background-color: rgba(229, 231, 235, 0.95) !important; }
.text-gray-200\/95 { color: rgba(229, 231, 235, 0.95) !important; }
.border-gray-200\/95 { border-color: rgba(229, 231, 235, 0.95) !important; }

.hover\:bg-gray-200\/95:hover { background-color: rgba(229, 231, 235, 0.95) !important; }
.hover\:text-gray-200\/95:hover { color: rgba(229, 231, 235, 0.95) !important; }
.hover\:border-gray-200\/95:hover { border-color: rgba(229, 231, 235, 0.95) !important; }

.dark .dark\:bg-gray-200\/95,
html.dark .dark\:bg-gray-200\/95 { background-color: rgba(229, 231, 235, 0.95) !important; }
.dark .dark\:text-gray-200\/95,
html.dark .dark\:text-gray-200\/95 { color: rgba(229, 231, 235, 0.95) !important; }
.dark .dark\:border-gray-200\/95,
html.dark .dark\:border-gray-200\/95 { border-color: rgba(229, 231, 235, 0.95) !important; }

.dark .dark\:hover\:bg-gray-200\/95:hover,
html.dark .dark\:hover\:bg-gray-200\/95:hover { background-color: rgba(229, 231, 235, 0.95) !important; }
.dark .dark\:hover\:text-gray-200\/95:hover,
html.dark .dark\:hover\:text-gray-200\/95:hover { color: rgba(229, 231, 235, 0.95) !important; }
.dark .dark\:hover\:border-gray-200\/95:hover,
html.dark .dark\:hover\:border-gray-200\/95:hover { border-color: rgba(229, 231, 235, 0.95) !important; }

.bg-gray-300 { background-color: #d1d5db !important; }
.text-gray-300 { color: #d1d5db !important; }
.border-gray-300 { border-color: #d1d5db !important; }
.fill-gray-300 { fill: #d1d5db !important; }
.stroke-gray-300 { stroke: #d1d5db !important; }

/* Hover states */
.hover\:bg-gray-300:hover { background-color: #d1d5db !important; }
.hover\:text-gray-300:hover { color: #d1d5db !important; }
.hover\:border-gray-300:hover { border-color: #d1d5db !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-300,
html.dark .dark\:bg-gray-300 { background-color: #d1d5db !important; }
.dark .dark\:text-gray-300,
html.dark .dark\:text-gray-300 { color: #d1d5db !important; }
.dark .dark\:border-gray-300,
html.dark .dark\:border-gray-300 { border-color: #d1d5db !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-300:hover,
html.dark .dark\:hover\:bg-gray-300:hover { background-color: #d1d5db !important; }
.dark .dark\:hover\:text-gray-300:hover,
html.dark .dark\:hover\:text-gray-300:hover { color: #d1d5db !important; }
.dark .dark\:hover\:border-gray-300:hover,
html.dark .dark\:hover\:border-gray-300:hover { border-color: #d1d5db !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-300,
html.dark .group:hover .dark\:group-hover\:text-gray-300 { color: #d1d5db !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-300,
html.dark .group:hover .dark\:group-hover\:bg-gray-300 { background-color: #d1d5db !important; }

.bg-gray-300\/10 { background-color: rgba(209, 213, 219, 0.1) !important; }
.text-gray-300\/10 { color: rgba(209, 213, 219, 0.1) !important; }
.border-gray-300\/10 { border-color: rgba(209, 213, 219, 0.1) !important; }

.hover\:bg-gray-300\/10:hover { background-color: rgba(209, 213, 219, 0.1) !important; }
.hover\:text-gray-300\/10:hover { color: rgba(209, 213, 219, 0.1) !important; }
.hover\:border-gray-300\/10:hover { border-color: rgba(209, 213, 219, 0.1) !important; }

.dark .dark\:bg-gray-300\/10,
html.dark .dark\:bg-gray-300\/10 { background-color: rgba(209, 213, 219, 0.1) !important; }
.dark .dark\:text-gray-300\/10,
html.dark .dark\:text-gray-300\/10 { color: rgba(209, 213, 219, 0.1) !important; }
.dark .dark\:border-gray-300\/10,
html.dark .dark\:border-gray-300\/10 { border-color: rgba(209, 213, 219, 0.1) !important; }

.dark .dark\:hover\:bg-gray-300\/10:hover,
html.dark .dark\:hover\:bg-gray-300\/10:hover { background-color: rgba(209, 213, 219, 0.1) !important; }
.dark .dark\:hover\:text-gray-300\/10:hover,
html.dark .dark\:hover\:text-gray-300\/10:hover { color: rgba(209, 213, 219, 0.1) !important; }
.dark .dark\:hover\:border-gray-300\/10:hover,
html.dark .dark\:hover\:border-gray-300\/10:hover { border-color: rgba(209, 213, 219, 0.1) !important; }

.bg-gray-300\/20 { background-color: rgba(209, 213, 219, 0.2) !important; }
.text-gray-300\/20 { color: rgba(209, 213, 219, 0.2) !important; }
.border-gray-300\/20 { border-color: rgba(209, 213, 219, 0.2) !important; }

.hover\:bg-gray-300\/20:hover { background-color: rgba(209, 213, 219, 0.2) !important; }
.hover\:text-gray-300\/20:hover { color: rgba(209, 213, 219, 0.2) !important; }
.hover\:border-gray-300\/20:hover { border-color: rgba(209, 213, 219, 0.2) !important; }

.dark .dark\:bg-gray-300\/20,
html.dark .dark\:bg-gray-300\/20 { background-color: rgba(209, 213, 219, 0.2) !important; }
.dark .dark\:text-gray-300\/20,
html.dark .dark\:text-gray-300\/20 { color: rgba(209, 213, 219, 0.2) !important; }
.dark .dark\:border-gray-300\/20,
html.dark .dark\:border-gray-300\/20 { border-color: rgba(209, 213, 219, 0.2) !important; }

.dark .dark\:hover\:bg-gray-300\/20:hover,
html.dark .dark\:hover\:bg-gray-300\/20:hover { background-color: rgba(209, 213, 219, 0.2) !important; }
.dark .dark\:hover\:text-gray-300\/20:hover,
html.dark .dark\:hover\:text-gray-300\/20:hover { color: rgba(209, 213, 219, 0.2) !important; }
.dark .dark\:hover\:border-gray-300\/20:hover,
html.dark .dark\:hover\:border-gray-300\/20:hover { border-color: rgba(209, 213, 219, 0.2) !important; }

.bg-gray-300\/25 { background-color: rgba(209, 213, 219, 0.25) !important; }
.text-gray-300\/25 { color: rgba(209, 213, 219, 0.25) !important; }
.border-gray-300\/25 { border-color: rgba(209, 213, 219, 0.25) !important; }

.hover\:bg-gray-300\/25:hover { background-color: rgba(209, 213, 219, 0.25) !important; }
.hover\:text-gray-300\/25:hover { color: rgba(209, 213, 219, 0.25) !important; }
.hover\:border-gray-300\/25:hover { border-color: rgba(209, 213, 219, 0.25) !important; }

.dark .dark\:bg-gray-300\/25,
html.dark .dark\:bg-gray-300\/25 { background-color: rgba(209, 213, 219, 0.25) !important; }
.dark .dark\:text-gray-300\/25,
html.dark .dark\:text-gray-300\/25 { color: rgba(209, 213, 219, 0.25) !important; }
.dark .dark\:border-gray-300\/25,
html.dark .dark\:border-gray-300\/25 { border-color: rgba(209, 213, 219, 0.25) !important; }

.dark .dark\:hover\:bg-gray-300\/25:hover,
html.dark .dark\:hover\:bg-gray-300\/25:hover { background-color: rgba(209, 213, 219, 0.25) !important; }
.dark .dark\:hover\:text-gray-300\/25:hover,
html.dark .dark\:hover\:text-gray-300\/25:hover { color: rgba(209, 213, 219, 0.25) !important; }
.dark .dark\:hover\:border-gray-300\/25:hover,
html.dark .dark\:hover\:border-gray-300\/25:hover { border-color: rgba(209, 213, 219, 0.25) !important; }

.bg-gray-300\/30 { background-color: rgba(209, 213, 219, 0.3) !important; }
.text-gray-300\/30 { color: rgba(209, 213, 219, 0.3) !important; }
.border-gray-300\/30 { border-color: rgba(209, 213, 219, 0.3) !important; }

.hover\:bg-gray-300\/30:hover { background-color: rgba(209, 213, 219, 0.3) !important; }
.hover\:text-gray-300\/30:hover { color: rgba(209, 213, 219, 0.3) !important; }
.hover\:border-gray-300\/30:hover { border-color: rgba(209, 213, 219, 0.3) !important; }

.dark .dark\:bg-gray-300\/30,
html.dark .dark\:bg-gray-300\/30 { background-color: rgba(209, 213, 219, 0.3) !important; }
.dark .dark\:text-gray-300\/30,
html.dark .dark\:text-gray-300\/30 { color: rgba(209, 213, 219, 0.3) !important; }
.dark .dark\:border-gray-300\/30,
html.dark .dark\:border-gray-300\/30 { border-color: rgba(209, 213, 219, 0.3) !important; }

.dark .dark\:hover\:bg-gray-300\/30:hover,
html.dark .dark\:hover\:bg-gray-300\/30:hover { background-color: rgba(209, 213, 219, 0.3) !important; }
.dark .dark\:hover\:text-gray-300\/30:hover,
html.dark .dark\:hover\:text-gray-300\/30:hover { color: rgba(209, 213, 219, 0.3) !important; }
.dark .dark\:hover\:border-gray-300\/30:hover,
html.dark .dark\:hover\:border-gray-300\/30:hover { border-color: rgba(209, 213, 219, 0.3) !important; }

.bg-gray-300\/40 { background-color: rgba(209, 213, 219, 0.4) !important; }
.text-gray-300\/40 { color: rgba(209, 213, 219, 0.4) !important; }
.border-gray-300\/40 { border-color: rgba(209, 213, 219, 0.4) !important; }

.hover\:bg-gray-300\/40:hover { background-color: rgba(209, 213, 219, 0.4) !important; }
.hover\:text-gray-300\/40:hover { color: rgba(209, 213, 219, 0.4) !important; }
.hover\:border-gray-300\/40:hover { border-color: rgba(209, 213, 219, 0.4) !important; }

.dark .dark\:bg-gray-300\/40,
html.dark .dark\:bg-gray-300\/40 { background-color: rgba(209, 213, 219, 0.4) !important; }
.dark .dark\:text-gray-300\/40,
html.dark .dark\:text-gray-300\/40 { color: rgba(209, 213, 219, 0.4) !important; }
.dark .dark\:border-gray-300\/40,
html.dark .dark\:border-gray-300\/40 { border-color: rgba(209, 213, 219, 0.4) !important; }

.dark .dark\:hover\:bg-gray-300\/40:hover,
html.dark .dark\:hover\:bg-gray-300\/40:hover { background-color: rgba(209, 213, 219, 0.4) !important; }
.dark .dark\:hover\:text-gray-300\/40:hover,
html.dark .dark\:hover\:text-gray-300\/40:hover { color: rgba(209, 213, 219, 0.4) !important; }
.dark .dark\:hover\:border-gray-300\/40:hover,
html.dark .dark\:hover\:border-gray-300\/40:hover { border-color: rgba(209, 213, 219, 0.4) !important; }

.bg-gray-300\/50 { background-color: rgba(209, 213, 219, 0.5) !important; }
.text-gray-300\/50 { color: rgba(209, 213, 219, 0.5) !important; }
.border-gray-300\/50 { border-color: rgba(209, 213, 219, 0.5) !important; }

.hover\:bg-gray-300\/50:hover { background-color: rgba(209, 213, 219, 0.5) !important; }
.hover\:text-gray-300\/50:hover { color: rgba(209, 213, 219, 0.5) !important; }
.hover\:border-gray-300\/50:hover { border-color: rgba(209, 213, 219, 0.5) !important; }

.dark .dark\:bg-gray-300\/50,
html.dark .dark\:bg-gray-300\/50 { background-color: rgba(209, 213, 219, 0.5) !important; }
.dark .dark\:text-gray-300\/50,
html.dark .dark\:text-gray-300\/50 { color: rgba(209, 213, 219, 0.5) !important; }
.dark .dark\:border-gray-300\/50,
html.dark .dark\:border-gray-300\/50 { border-color: rgba(209, 213, 219, 0.5) !important; }

.dark .dark\:hover\:bg-gray-300\/50:hover,
html.dark .dark\:hover\:bg-gray-300\/50:hover { background-color: rgba(209, 213, 219, 0.5) !important; }
.dark .dark\:hover\:text-gray-300\/50:hover,
html.dark .dark\:hover\:text-gray-300\/50:hover { color: rgba(209, 213, 219, 0.5) !important; }
.dark .dark\:hover\:border-gray-300\/50:hover,
html.dark .dark\:hover\:border-gray-300\/50:hover { border-color: rgba(209, 213, 219, 0.5) !important; }

.bg-gray-300\/60 { background-color: rgba(209, 213, 219, 0.6) !important; }
.text-gray-300\/60 { color: rgba(209, 213, 219, 0.6) !important; }
.border-gray-300\/60 { border-color: rgba(209, 213, 219, 0.6) !important; }

.hover\:bg-gray-300\/60:hover { background-color: rgba(209, 213, 219, 0.6) !important; }
.hover\:text-gray-300\/60:hover { color: rgba(209, 213, 219, 0.6) !important; }
.hover\:border-gray-300\/60:hover { border-color: rgba(209, 213, 219, 0.6) !important; }

.dark .dark\:bg-gray-300\/60,
html.dark .dark\:bg-gray-300\/60 { background-color: rgba(209, 213, 219, 0.6) !important; }
.dark .dark\:text-gray-300\/60,
html.dark .dark\:text-gray-300\/60 { color: rgba(209, 213, 219, 0.6) !important; }
.dark .dark\:border-gray-300\/60,
html.dark .dark\:border-gray-300\/60 { border-color: rgba(209, 213, 219, 0.6) !important; }

.dark .dark\:hover\:bg-gray-300\/60:hover,
html.dark .dark\:hover\:bg-gray-300\/60:hover { background-color: rgba(209, 213, 219, 0.6) !important; }
.dark .dark\:hover\:text-gray-300\/60:hover,
html.dark .dark\:hover\:text-gray-300\/60:hover { color: rgba(209, 213, 219, 0.6) !important; }
.dark .dark\:hover\:border-gray-300\/60:hover,
html.dark .dark\:hover\:border-gray-300\/60:hover { border-color: rgba(209, 213, 219, 0.6) !important; }

.bg-gray-300\/70 { background-color: rgba(209, 213, 219, 0.7) !important; }
.text-gray-300\/70 { color: rgba(209, 213, 219, 0.7) !important; }
.border-gray-300\/70 { border-color: rgba(209, 213, 219, 0.7) !important; }

.hover\:bg-gray-300\/70:hover { background-color: rgba(209, 213, 219, 0.7) !important; }
.hover\:text-gray-300\/70:hover { color: rgba(209, 213, 219, 0.7) !important; }
.hover\:border-gray-300\/70:hover { border-color: rgba(209, 213, 219, 0.7) !important; }

.dark .dark\:bg-gray-300\/70,
html.dark .dark\:bg-gray-300\/70 { background-color: rgba(209, 213, 219, 0.7) !important; }
.dark .dark\:text-gray-300\/70,
html.dark .dark\:text-gray-300\/70 { color: rgba(209, 213, 219, 0.7) !important; }
.dark .dark\:border-gray-300\/70,
html.dark .dark\:border-gray-300\/70 { border-color: rgba(209, 213, 219, 0.7) !important; }

.dark .dark\:hover\:bg-gray-300\/70:hover,
html.dark .dark\:hover\:bg-gray-300\/70:hover { background-color: rgba(209, 213, 219, 0.7) !important; }
.dark .dark\:hover\:text-gray-300\/70:hover,
html.dark .dark\:hover\:text-gray-300\/70:hover { color: rgba(209, 213, 219, 0.7) !important; }
.dark .dark\:hover\:border-gray-300\/70:hover,
html.dark .dark\:hover\:border-gray-300\/70:hover { border-color: rgba(209, 213, 219, 0.7) !important; }

.bg-gray-300\/75 { background-color: rgba(209, 213, 219, 0.75) !important; }
.text-gray-300\/75 { color: rgba(209, 213, 219, 0.75) !important; }
.border-gray-300\/75 { border-color: rgba(209, 213, 219, 0.75) !important; }

.hover\:bg-gray-300\/75:hover { background-color: rgba(209, 213, 219, 0.75) !important; }
.hover\:text-gray-300\/75:hover { color: rgba(209, 213, 219, 0.75) !important; }
.hover\:border-gray-300\/75:hover { border-color: rgba(209, 213, 219, 0.75) !important; }

.dark .dark\:bg-gray-300\/75,
html.dark .dark\:bg-gray-300\/75 { background-color: rgba(209, 213, 219, 0.75) !important; }
.dark .dark\:text-gray-300\/75,
html.dark .dark\:text-gray-300\/75 { color: rgba(209, 213, 219, 0.75) !important; }
.dark .dark\:border-gray-300\/75,
html.dark .dark\:border-gray-300\/75 { border-color: rgba(209, 213, 219, 0.75) !important; }

.dark .dark\:hover\:bg-gray-300\/75:hover,
html.dark .dark\:hover\:bg-gray-300\/75:hover { background-color: rgba(209, 213, 219, 0.75) !important; }
.dark .dark\:hover\:text-gray-300\/75:hover,
html.dark .dark\:hover\:text-gray-300\/75:hover { color: rgba(209, 213, 219, 0.75) !important; }
.dark .dark\:hover\:border-gray-300\/75:hover,
html.dark .dark\:hover\:border-gray-300\/75:hover { border-color: rgba(209, 213, 219, 0.75) !important; }

.bg-gray-300\/80 { background-color: rgba(209, 213, 219, 0.8) !important; }
.text-gray-300\/80 { color: rgba(209, 213, 219, 0.8) !important; }
.border-gray-300\/80 { border-color: rgba(209, 213, 219, 0.8) !important; }

.hover\:bg-gray-300\/80:hover { background-color: rgba(209, 213, 219, 0.8) !important; }
.hover\:text-gray-300\/80:hover { color: rgba(209, 213, 219, 0.8) !important; }
.hover\:border-gray-300\/80:hover { border-color: rgba(209, 213, 219, 0.8) !important; }

.dark .dark\:bg-gray-300\/80,
html.dark .dark\:bg-gray-300\/80 { background-color: rgba(209, 213, 219, 0.8) !important; }
.dark .dark\:text-gray-300\/80,
html.dark .dark\:text-gray-300\/80 { color: rgba(209, 213, 219, 0.8) !important; }
.dark .dark\:border-gray-300\/80,
html.dark .dark\:border-gray-300\/80 { border-color: rgba(209, 213, 219, 0.8) !important; }

.dark .dark\:hover\:bg-gray-300\/80:hover,
html.dark .dark\:hover\:bg-gray-300\/80:hover { background-color: rgba(209, 213, 219, 0.8) !important; }
.dark .dark\:hover\:text-gray-300\/80:hover,
html.dark .dark\:hover\:text-gray-300\/80:hover { color: rgba(209, 213, 219, 0.8) !important; }
.dark .dark\:hover\:border-gray-300\/80:hover,
html.dark .dark\:hover\:border-gray-300\/80:hover { border-color: rgba(209, 213, 219, 0.8) !important; }

.bg-gray-300\/90 { background-color: rgba(209, 213, 219, 0.9) !important; }
.text-gray-300\/90 { color: rgba(209, 213, 219, 0.9) !important; }
.border-gray-300\/90 { border-color: rgba(209, 213, 219, 0.9) !important; }

.hover\:bg-gray-300\/90:hover { background-color: rgba(209, 213, 219, 0.9) !important; }
.hover\:text-gray-300\/90:hover { color: rgba(209, 213, 219, 0.9) !important; }
.hover\:border-gray-300\/90:hover { border-color: rgba(209, 213, 219, 0.9) !important; }

.dark .dark\:bg-gray-300\/90,
html.dark .dark\:bg-gray-300\/90 { background-color: rgba(209, 213, 219, 0.9) !important; }
.dark .dark\:text-gray-300\/90,
html.dark .dark\:text-gray-300\/90 { color: rgba(209, 213, 219, 0.9) !important; }
.dark .dark\:border-gray-300\/90,
html.dark .dark\:border-gray-300\/90 { border-color: rgba(209, 213, 219, 0.9) !important; }

.dark .dark\:hover\:bg-gray-300\/90:hover,
html.dark .dark\:hover\:bg-gray-300\/90:hover { background-color: rgba(209, 213, 219, 0.9) !important; }
.dark .dark\:hover\:text-gray-300\/90:hover,
html.dark .dark\:hover\:text-gray-300\/90:hover { color: rgba(209, 213, 219, 0.9) !important; }
.dark .dark\:hover\:border-gray-300\/90:hover,
html.dark .dark\:hover\:border-gray-300\/90:hover { border-color: rgba(209, 213, 219, 0.9) !important; }

.bg-gray-300\/95 { background-color: rgba(209, 213, 219, 0.95) !important; }
.text-gray-300\/95 { color: rgba(209, 213, 219, 0.95) !important; }
.border-gray-300\/95 { border-color: rgba(209, 213, 219, 0.95) !important; }

.hover\:bg-gray-300\/95:hover { background-color: rgba(209, 213, 219, 0.95) !important; }
.hover\:text-gray-300\/95:hover { color: rgba(209, 213, 219, 0.95) !important; }
.hover\:border-gray-300\/95:hover { border-color: rgba(209, 213, 219, 0.95) !important; }

.dark .dark\:bg-gray-300\/95,
html.dark .dark\:bg-gray-300\/95 { background-color: rgba(209, 213, 219, 0.95) !important; }
.dark .dark\:text-gray-300\/95,
html.dark .dark\:text-gray-300\/95 { color: rgba(209, 213, 219, 0.95) !important; }
.dark .dark\:border-gray-300\/95,
html.dark .dark\:border-gray-300\/95 { border-color: rgba(209, 213, 219, 0.95) !important; }

.dark .dark\:hover\:bg-gray-300\/95:hover,
html.dark .dark\:hover\:bg-gray-300\/95:hover { background-color: rgba(209, 213, 219, 0.95) !important; }
.dark .dark\:hover\:text-gray-300\/95:hover,
html.dark .dark\:hover\:text-gray-300\/95:hover { color: rgba(209, 213, 219, 0.95) !important; }
.dark .dark\:hover\:border-gray-300\/95:hover,
html.dark .dark\:hover\:border-gray-300\/95:hover { border-color: rgba(209, 213, 219, 0.95) !important; }

.bg-gray-400 { background-color: #9ca3af !important; }
.text-gray-400 { color: #9ca3af !important; }
.border-gray-400 { border-color: #9ca3af !important; }
.fill-gray-400 { fill: #9ca3af !important; }
.stroke-gray-400 { stroke: #9ca3af !important; }

/* Hover states */
.hover\:bg-gray-400:hover { background-color: #9ca3af !important; }
.hover\:text-gray-400:hover { color: #9ca3af !important; }
.hover\:border-gray-400:hover { border-color: #9ca3af !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-400,
html.dark .dark\:bg-gray-400 { background-color: #9ca3af !important; }
.dark .dark\:text-gray-400,
html.dark .dark\:text-gray-400 { color: #9ca3af !important; }
.dark .dark\:border-gray-400,
html.dark .dark\:border-gray-400 { border-color: #9ca3af !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-400:hover,
html.dark .dark\:hover\:bg-gray-400:hover { background-color: #9ca3af !important; }
.dark .dark\:hover\:text-gray-400:hover,
html.dark .dark\:hover\:text-gray-400:hover { color: #9ca3af !important; }
.dark .dark\:hover\:border-gray-400:hover,
html.dark .dark\:hover\:border-gray-400:hover { border-color: #9ca3af !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-400,
html.dark .group:hover .dark\:group-hover\:text-gray-400 { color: #9ca3af !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-400,
html.dark .group:hover .dark\:group-hover\:bg-gray-400 { background-color: #9ca3af !important; }

.bg-gray-400\/10 { background-color: rgba(156, 163, 175, 0.1) !important; }
.text-gray-400\/10 { color: rgba(156, 163, 175, 0.1) !important; }
.border-gray-400\/10 { border-color: rgba(156, 163, 175, 0.1) !important; }

.hover\:bg-gray-400\/10:hover { background-color: rgba(156, 163, 175, 0.1) !important; }
.hover\:text-gray-400\/10:hover { color: rgba(156, 163, 175, 0.1) !important; }
.hover\:border-gray-400\/10:hover { border-color: rgba(156, 163, 175, 0.1) !important; }

.dark .dark\:bg-gray-400\/10,
html.dark .dark\:bg-gray-400\/10 { background-color: rgba(156, 163, 175, 0.1) !important; }
.dark .dark\:text-gray-400\/10,
html.dark .dark\:text-gray-400\/10 { color: rgba(156, 163, 175, 0.1) !important; }
.dark .dark\:border-gray-400\/10,
html.dark .dark\:border-gray-400\/10 { border-color: rgba(156, 163, 175, 0.1) !important; }

.dark .dark\:hover\:bg-gray-400\/10:hover,
html.dark .dark\:hover\:bg-gray-400\/10:hover { background-color: rgba(156, 163, 175, 0.1) !important; }
.dark .dark\:hover\:text-gray-400\/10:hover,
html.dark .dark\:hover\:text-gray-400\/10:hover { color: rgba(156, 163, 175, 0.1) !important; }
.dark .dark\:hover\:border-gray-400\/10:hover,
html.dark .dark\:hover\:border-gray-400\/10:hover { border-color: rgba(156, 163, 175, 0.1) !important; }

.bg-gray-400\/20 { background-color: rgba(156, 163, 175, 0.2) !important; }
.text-gray-400\/20 { color: rgba(156, 163, 175, 0.2) !important; }
.border-gray-400\/20 { border-color: rgba(156, 163, 175, 0.2) !important; }

.hover\:bg-gray-400\/20:hover { background-color: rgba(156, 163, 175, 0.2) !important; }
.hover\:text-gray-400\/20:hover { color: rgba(156, 163, 175, 0.2) !important; }
.hover\:border-gray-400\/20:hover { border-color: rgba(156, 163, 175, 0.2) !important; }

.dark .dark\:bg-gray-400\/20,
html.dark .dark\:bg-gray-400\/20 { background-color: rgba(156, 163, 175, 0.2) !important; }
.dark .dark\:text-gray-400\/20,
html.dark .dark\:text-gray-400\/20 { color: rgba(156, 163, 175, 0.2) !important; }
.dark .dark\:border-gray-400\/20,
html.dark .dark\:border-gray-400\/20 { border-color: rgba(156, 163, 175, 0.2) !important; }

.dark .dark\:hover\:bg-gray-400\/20:hover,
html.dark .dark\:hover\:bg-gray-400\/20:hover { background-color: rgba(156, 163, 175, 0.2) !important; }
.dark .dark\:hover\:text-gray-400\/20:hover,
html.dark .dark\:hover\:text-gray-400\/20:hover { color: rgba(156, 163, 175, 0.2) !important; }
.dark .dark\:hover\:border-gray-400\/20:hover,
html.dark .dark\:hover\:border-gray-400\/20:hover { border-color: rgba(156, 163, 175, 0.2) !important; }

.bg-gray-400\/25 { background-color: rgba(156, 163, 175, 0.25) !important; }
.text-gray-400\/25 { color: rgba(156, 163, 175, 0.25) !important; }
.border-gray-400\/25 { border-color: rgba(156, 163, 175, 0.25) !important; }

.hover\:bg-gray-400\/25:hover { background-color: rgba(156, 163, 175, 0.25) !important; }
.hover\:text-gray-400\/25:hover { color: rgba(156, 163, 175, 0.25) !important; }
.hover\:border-gray-400\/25:hover { border-color: rgba(156, 163, 175, 0.25) !important; }

.dark .dark\:bg-gray-400\/25,
html.dark .dark\:bg-gray-400\/25 { background-color: rgba(156, 163, 175, 0.25) !important; }
.dark .dark\:text-gray-400\/25,
html.dark .dark\:text-gray-400\/25 { color: rgba(156, 163, 175, 0.25) !important; }
.dark .dark\:border-gray-400\/25,
html.dark .dark\:border-gray-400\/25 { border-color: rgba(156, 163, 175, 0.25) !important; }

.dark .dark\:hover\:bg-gray-400\/25:hover,
html.dark .dark\:hover\:bg-gray-400\/25:hover { background-color: rgba(156, 163, 175, 0.25) !important; }
.dark .dark\:hover\:text-gray-400\/25:hover,
html.dark .dark\:hover\:text-gray-400\/25:hover { color: rgba(156, 163, 175, 0.25) !important; }
.dark .dark\:hover\:border-gray-400\/25:hover,
html.dark .dark\:hover\:border-gray-400\/25:hover { border-color: rgba(156, 163, 175, 0.25) !important; }

.bg-gray-400\/30 { background-color: rgba(156, 163, 175, 0.3) !important; }
.text-gray-400\/30 { color: rgba(156, 163, 175, 0.3) !important; }
.border-gray-400\/30 { border-color: rgba(156, 163, 175, 0.3) !important; }

.hover\:bg-gray-400\/30:hover { background-color: rgba(156, 163, 175, 0.3) !important; }
.hover\:text-gray-400\/30:hover { color: rgba(156, 163, 175, 0.3) !important; }
.hover\:border-gray-400\/30:hover { border-color: rgba(156, 163, 175, 0.3) !important; }

.dark .dark\:bg-gray-400\/30,
html.dark .dark\:bg-gray-400\/30 { background-color: rgba(156, 163, 175, 0.3) !important; }
.dark .dark\:text-gray-400\/30,
html.dark .dark\:text-gray-400\/30 { color: rgba(156, 163, 175, 0.3) !important; }
.dark .dark\:border-gray-400\/30,
html.dark .dark\:border-gray-400\/30 { border-color: rgba(156, 163, 175, 0.3) !important; }

.dark .dark\:hover\:bg-gray-400\/30:hover,
html.dark .dark\:hover\:bg-gray-400\/30:hover { background-color: rgba(156, 163, 175, 0.3) !important; }
.dark .dark\:hover\:text-gray-400\/30:hover,
html.dark .dark\:hover\:text-gray-400\/30:hover { color: rgba(156, 163, 175, 0.3) !important; }
.dark .dark\:hover\:border-gray-400\/30:hover,
html.dark .dark\:hover\:border-gray-400\/30:hover { border-color: rgba(156, 163, 175, 0.3) !important; }

.bg-gray-400\/40 { background-color: rgba(156, 163, 175, 0.4) !important; }
.text-gray-400\/40 { color: rgba(156, 163, 175, 0.4) !important; }
.border-gray-400\/40 { border-color: rgba(156, 163, 175, 0.4) !important; }

.hover\:bg-gray-400\/40:hover { background-color: rgba(156, 163, 175, 0.4) !important; }
.hover\:text-gray-400\/40:hover { color: rgba(156, 163, 175, 0.4) !important; }
.hover\:border-gray-400\/40:hover { border-color: rgba(156, 163, 175, 0.4) !important; }

.dark .dark\:bg-gray-400\/40,
html.dark .dark\:bg-gray-400\/40 { background-color: rgba(156, 163, 175, 0.4) !important; }
.dark .dark\:text-gray-400\/40,
html.dark .dark\:text-gray-400\/40 { color: rgba(156, 163, 175, 0.4) !important; }
.dark .dark\:border-gray-400\/40,
html.dark .dark\:border-gray-400\/40 { border-color: rgba(156, 163, 175, 0.4) !important; }

.dark .dark\:hover\:bg-gray-400\/40:hover,
html.dark .dark\:hover\:bg-gray-400\/40:hover { background-color: rgba(156, 163, 175, 0.4) !important; }
.dark .dark\:hover\:text-gray-400\/40:hover,
html.dark .dark\:hover\:text-gray-400\/40:hover { color: rgba(156, 163, 175, 0.4) !important; }
.dark .dark\:hover\:border-gray-400\/40:hover,
html.dark .dark\:hover\:border-gray-400\/40:hover { border-color: rgba(156, 163, 175, 0.4) !important; }

.bg-gray-400\/50 { background-color: rgba(156, 163, 175, 0.5) !important; }
.text-gray-400\/50 { color: rgba(156, 163, 175, 0.5) !important; }
.border-gray-400\/50 { border-color: rgba(156, 163, 175, 0.5) !important; }

.hover\:bg-gray-400\/50:hover { background-color: rgba(156, 163, 175, 0.5) !important; }
.hover\:text-gray-400\/50:hover { color: rgba(156, 163, 175, 0.5) !important; }
.hover\:border-gray-400\/50:hover { border-color: rgba(156, 163, 175, 0.5) !important; }

.dark .dark\:bg-gray-400\/50,
html.dark .dark\:bg-gray-400\/50 { background-color: rgba(156, 163, 175, 0.5) !important; }
.dark .dark\:text-gray-400\/50,
html.dark .dark\:text-gray-400\/50 { color: rgba(156, 163, 175, 0.5) !important; }
.dark .dark\:border-gray-400\/50,
html.dark .dark\:border-gray-400\/50 { border-color: rgba(156, 163, 175, 0.5) !important; }

.dark .dark\:hover\:bg-gray-400\/50:hover,
html.dark .dark\:hover\:bg-gray-400\/50:hover { background-color: rgba(156, 163, 175, 0.5) !important; }
.dark .dark\:hover\:text-gray-400\/50:hover,
html.dark .dark\:hover\:text-gray-400\/50:hover { color: rgba(156, 163, 175, 0.5) !important; }
.dark .dark\:hover\:border-gray-400\/50:hover,
html.dark .dark\:hover\:border-gray-400\/50:hover { border-color: rgba(156, 163, 175, 0.5) !important; }

.bg-gray-400\/60 { background-color: rgba(156, 163, 175, 0.6) !important; }
.text-gray-400\/60 { color: rgba(156, 163, 175, 0.6) !important; }
.border-gray-400\/60 { border-color: rgba(156, 163, 175, 0.6) !important; }

.hover\:bg-gray-400\/60:hover { background-color: rgba(156, 163, 175, 0.6) !important; }
.hover\:text-gray-400\/60:hover { color: rgba(156, 163, 175, 0.6) !important; }
.hover\:border-gray-400\/60:hover { border-color: rgba(156, 163, 175, 0.6) !important; }

.dark .dark\:bg-gray-400\/60,
html.dark .dark\:bg-gray-400\/60 { background-color: rgba(156, 163, 175, 0.6) !important; }
.dark .dark\:text-gray-400\/60,
html.dark .dark\:text-gray-400\/60 { color: rgba(156, 163, 175, 0.6) !important; }
.dark .dark\:border-gray-400\/60,
html.dark .dark\:border-gray-400\/60 { border-color: rgba(156, 163, 175, 0.6) !important; }

.dark .dark\:hover\:bg-gray-400\/60:hover,
html.dark .dark\:hover\:bg-gray-400\/60:hover { background-color: rgba(156, 163, 175, 0.6) !important; }
.dark .dark\:hover\:text-gray-400\/60:hover,
html.dark .dark\:hover\:text-gray-400\/60:hover { color: rgba(156, 163, 175, 0.6) !important; }
.dark .dark\:hover\:border-gray-400\/60:hover,
html.dark .dark\:hover\:border-gray-400\/60:hover { border-color: rgba(156, 163, 175, 0.6) !important; }

.bg-gray-400\/70 { background-color: rgba(156, 163, 175, 0.7) !important; }
.text-gray-400\/70 { color: rgba(156, 163, 175, 0.7) !important; }
.border-gray-400\/70 { border-color: rgba(156, 163, 175, 0.7) !important; }

.hover\:bg-gray-400\/70:hover { background-color: rgba(156, 163, 175, 0.7) !important; }
.hover\:text-gray-400\/70:hover { color: rgba(156, 163, 175, 0.7) !important; }
.hover\:border-gray-400\/70:hover { border-color: rgba(156, 163, 175, 0.7) !important; }

.dark .dark\:bg-gray-400\/70,
html.dark .dark\:bg-gray-400\/70 { background-color: rgba(156, 163, 175, 0.7) !important; }
.dark .dark\:text-gray-400\/70,
html.dark .dark\:text-gray-400\/70 { color: rgba(156, 163, 175, 0.7) !important; }
.dark .dark\:border-gray-400\/70,
html.dark .dark\:border-gray-400\/70 { border-color: rgba(156, 163, 175, 0.7) !important; }

.dark .dark\:hover\:bg-gray-400\/70:hover,
html.dark .dark\:hover\:bg-gray-400\/70:hover { background-color: rgba(156, 163, 175, 0.7) !important; }
.dark .dark\:hover\:text-gray-400\/70:hover,
html.dark .dark\:hover\:text-gray-400\/70:hover { color: rgba(156, 163, 175, 0.7) !important; }
.dark .dark\:hover\:border-gray-400\/70:hover,
html.dark .dark\:hover\:border-gray-400\/70:hover { border-color: rgba(156, 163, 175, 0.7) !important; }

.bg-gray-400\/75 { background-color: rgba(156, 163, 175, 0.75) !important; }
.text-gray-400\/75 { color: rgba(156, 163, 175, 0.75) !important; }
.border-gray-400\/75 { border-color: rgba(156, 163, 175, 0.75) !important; }

.hover\:bg-gray-400\/75:hover { background-color: rgba(156, 163, 175, 0.75) !important; }
.hover\:text-gray-400\/75:hover { color: rgba(156, 163, 175, 0.75) !important; }
.hover\:border-gray-400\/75:hover { border-color: rgba(156, 163, 175, 0.75) !important; }

.dark .dark\:bg-gray-400\/75,
html.dark .dark\:bg-gray-400\/75 { background-color: rgba(156, 163, 175, 0.75) !important; }
.dark .dark\:text-gray-400\/75,
html.dark .dark\:text-gray-400\/75 { color: rgba(156, 163, 175, 0.75) !important; }
.dark .dark\:border-gray-400\/75,
html.dark .dark\:border-gray-400\/75 { border-color: rgba(156, 163, 175, 0.75) !important; }

.dark .dark\:hover\:bg-gray-400\/75:hover,
html.dark .dark\:hover\:bg-gray-400\/75:hover { background-color: rgba(156, 163, 175, 0.75) !important; }
.dark .dark\:hover\:text-gray-400\/75:hover,
html.dark .dark\:hover\:text-gray-400\/75:hover { color: rgba(156, 163, 175, 0.75) !important; }
.dark .dark\:hover\:border-gray-400\/75:hover,
html.dark .dark\:hover\:border-gray-400\/75:hover { border-color: rgba(156, 163, 175, 0.75) !important; }

.bg-gray-400\/80 { background-color: rgba(156, 163, 175, 0.8) !important; }
.text-gray-400\/80 { color: rgba(156, 163, 175, 0.8) !important; }
.border-gray-400\/80 { border-color: rgba(156, 163, 175, 0.8) !important; }

.hover\:bg-gray-400\/80:hover { background-color: rgba(156, 163, 175, 0.8) !important; }
.hover\:text-gray-400\/80:hover { color: rgba(156, 163, 175, 0.8) !important; }
.hover\:border-gray-400\/80:hover { border-color: rgba(156, 163, 175, 0.8) !important; }

.dark .dark\:bg-gray-400\/80,
html.dark .dark\:bg-gray-400\/80 { background-color: rgba(156, 163, 175, 0.8) !important; }
.dark .dark\:text-gray-400\/80,
html.dark .dark\:text-gray-400\/80 { color: rgba(156, 163, 175, 0.8) !important; }
.dark .dark\:border-gray-400\/80,
html.dark .dark\:border-gray-400\/80 { border-color: rgba(156, 163, 175, 0.8) !important; }

.dark .dark\:hover\:bg-gray-400\/80:hover,
html.dark .dark\:hover\:bg-gray-400\/80:hover { background-color: rgba(156, 163, 175, 0.8) !important; }
.dark .dark\:hover\:text-gray-400\/80:hover,
html.dark .dark\:hover\:text-gray-400\/80:hover { color: rgba(156, 163, 175, 0.8) !important; }
.dark .dark\:hover\:border-gray-400\/80:hover,
html.dark .dark\:hover\:border-gray-400\/80:hover { border-color: rgba(156, 163, 175, 0.8) !important; }

.bg-gray-400\/90 { background-color: rgba(156, 163, 175, 0.9) !important; }
.text-gray-400\/90 { color: rgba(156, 163, 175, 0.9) !important; }
.border-gray-400\/90 { border-color: rgba(156, 163, 175, 0.9) !important; }

.hover\:bg-gray-400\/90:hover { background-color: rgba(156, 163, 175, 0.9) !important; }
.hover\:text-gray-400\/90:hover { color: rgba(156, 163, 175, 0.9) !important; }
.hover\:border-gray-400\/90:hover { border-color: rgba(156, 163, 175, 0.9) !important; }

.dark .dark\:bg-gray-400\/90,
html.dark .dark\:bg-gray-400\/90 { background-color: rgba(156, 163, 175, 0.9) !important; }
.dark .dark\:text-gray-400\/90,
html.dark .dark\:text-gray-400\/90 { color: rgba(156, 163, 175, 0.9) !important; }
.dark .dark\:border-gray-400\/90,
html.dark .dark\:border-gray-400\/90 { border-color: rgba(156, 163, 175, 0.9) !important; }

.dark .dark\:hover\:bg-gray-400\/90:hover,
html.dark .dark\:hover\:bg-gray-400\/90:hover { background-color: rgba(156, 163, 175, 0.9) !important; }
.dark .dark\:hover\:text-gray-400\/90:hover,
html.dark .dark\:hover\:text-gray-400\/90:hover { color: rgba(156, 163, 175, 0.9) !important; }
.dark .dark\:hover\:border-gray-400\/90:hover,
html.dark .dark\:hover\:border-gray-400\/90:hover { border-color: rgba(156, 163, 175, 0.9) !important; }

.bg-gray-400\/95 { background-color: rgba(156, 163, 175, 0.95) !important; }
.text-gray-400\/95 { color: rgba(156, 163, 175, 0.95) !important; }
.border-gray-400\/95 { border-color: rgba(156, 163, 175, 0.95) !important; }

.hover\:bg-gray-400\/95:hover { background-color: rgba(156, 163, 175, 0.95) !important; }
.hover\:text-gray-400\/95:hover { color: rgba(156, 163, 175, 0.95) !important; }
.hover\:border-gray-400\/95:hover { border-color: rgba(156, 163, 175, 0.95) !important; }

.dark .dark\:bg-gray-400\/95,
html.dark .dark\:bg-gray-400\/95 { background-color: rgba(156, 163, 175, 0.95) !important; }
.dark .dark\:text-gray-400\/95,
html.dark .dark\:text-gray-400\/95 { color: rgba(156, 163, 175, 0.95) !important; }
.dark .dark\:border-gray-400\/95,
html.dark .dark\:border-gray-400\/95 { border-color: rgba(156, 163, 175, 0.95) !important; }

.dark .dark\:hover\:bg-gray-400\/95:hover,
html.dark .dark\:hover\:bg-gray-400\/95:hover { background-color: rgba(156, 163, 175, 0.95) !important; }
.dark .dark\:hover\:text-gray-400\/95:hover,
html.dark .dark\:hover\:text-gray-400\/95:hover { color: rgba(156, 163, 175, 0.95) !important; }
.dark .dark\:hover\:border-gray-400\/95:hover,
html.dark .dark\:hover\:border-gray-400\/95:hover { border-color: rgba(156, 163, 175, 0.95) !important; }

.bg-gray-500 { background-color: #6b7280 !important; }
.text-gray-500 { color: #6b7280 !important; }
.border-gray-500 { border-color: #6b7280 !important; }
.fill-gray-500 { fill: #6b7280 !important; }
.stroke-gray-500 { stroke: #6b7280 !important; }

/* Hover states */
.hover\:bg-gray-500:hover { background-color: #6b7280 !important; }
.hover\:text-gray-500:hover { color: #6b7280 !important; }
.hover\:border-gray-500:hover { border-color: #6b7280 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-500,
html.dark .dark\:bg-gray-500 { background-color: #6b7280 !important; }
.dark .dark\:text-gray-500,
html.dark .dark\:text-gray-500 { color: #6b7280 !important; }
.dark .dark\:border-gray-500,
html.dark .dark\:border-gray-500 { border-color: #6b7280 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-500:hover,
html.dark .dark\:hover\:bg-gray-500:hover { background-color: #6b7280 !important; }
.dark .dark\:hover\:text-gray-500:hover,
html.dark .dark\:hover\:text-gray-500:hover { color: #6b7280 !important; }
.dark .dark\:hover\:border-gray-500:hover,
html.dark .dark\:hover\:border-gray-500:hover { border-color: #6b7280 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-500,
html.dark .group:hover .dark\:group-hover\:text-gray-500 { color: #6b7280 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-500,
html.dark .group:hover .dark\:group-hover\:bg-gray-500 { background-color: #6b7280 !important; }

.bg-gray-500\/10 { background-color: rgba(107, 114, 128, 0.1) !important; }
.text-gray-500\/10 { color: rgba(107, 114, 128, 0.1) !important; }
.border-gray-500\/10 { border-color: rgba(107, 114, 128, 0.1) !important; }

.hover\:bg-gray-500\/10:hover { background-color: rgba(107, 114, 128, 0.1) !important; }
.hover\:text-gray-500\/10:hover { color: rgba(107, 114, 128, 0.1) !important; }
.hover\:border-gray-500\/10:hover { border-color: rgba(107, 114, 128, 0.1) !important; }

.dark .dark\:bg-gray-500\/10,
html.dark .dark\:bg-gray-500\/10 { background-color: rgba(107, 114, 128, 0.1) !important; }
.dark .dark\:text-gray-500\/10,
html.dark .dark\:text-gray-500\/10 { color: rgba(107, 114, 128, 0.1) !important; }
.dark .dark\:border-gray-500\/10,
html.dark .dark\:border-gray-500\/10 { border-color: rgba(107, 114, 128, 0.1) !important; }

.dark .dark\:hover\:bg-gray-500\/10:hover,
html.dark .dark\:hover\:bg-gray-500\/10:hover { background-color: rgba(107, 114, 128, 0.1) !important; }
.dark .dark\:hover\:text-gray-500\/10:hover,
html.dark .dark\:hover\:text-gray-500\/10:hover { color: rgba(107, 114, 128, 0.1) !important; }
.dark .dark\:hover\:border-gray-500\/10:hover,
html.dark .dark\:hover\:border-gray-500\/10:hover { border-color: rgba(107, 114, 128, 0.1) !important; }

.bg-gray-500\/20 { background-color: rgba(107, 114, 128, 0.2) !important; }
.text-gray-500\/20 { color: rgba(107, 114, 128, 0.2) !important; }
.border-gray-500\/20 { border-color: rgba(107, 114, 128, 0.2) !important; }

.hover\:bg-gray-500\/20:hover { background-color: rgba(107, 114, 128, 0.2) !important; }
.hover\:text-gray-500\/20:hover { color: rgba(107, 114, 128, 0.2) !important; }
.hover\:border-gray-500\/20:hover { border-color: rgba(107, 114, 128, 0.2) !important; }

.dark .dark\:bg-gray-500\/20,
html.dark .dark\:bg-gray-500\/20 { background-color: rgba(107, 114, 128, 0.2) !important; }
.dark .dark\:text-gray-500\/20,
html.dark .dark\:text-gray-500\/20 { color: rgba(107, 114, 128, 0.2) !important; }
.dark .dark\:border-gray-500\/20,
html.dark .dark\:border-gray-500\/20 { border-color: rgba(107, 114, 128, 0.2) !important; }

.dark .dark\:hover\:bg-gray-500\/20:hover,
html.dark .dark\:hover\:bg-gray-500\/20:hover { background-color: rgba(107, 114, 128, 0.2) !important; }
.dark .dark\:hover\:text-gray-500\/20:hover,
html.dark .dark\:hover\:text-gray-500\/20:hover { color: rgba(107, 114, 128, 0.2) !important; }
.dark .dark\:hover\:border-gray-500\/20:hover,
html.dark .dark\:hover\:border-gray-500\/20:hover { border-color: rgba(107, 114, 128, 0.2) !important; }

.bg-gray-500\/25 { background-color: rgba(107, 114, 128, 0.25) !important; }
.text-gray-500\/25 { color: rgba(107, 114, 128, 0.25) !important; }
.border-gray-500\/25 { border-color: rgba(107, 114, 128, 0.25) !important; }

.hover\:bg-gray-500\/25:hover { background-color: rgba(107, 114, 128, 0.25) !important; }
.hover\:text-gray-500\/25:hover { color: rgba(107, 114, 128, 0.25) !important; }
.hover\:border-gray-500\/25:hover { border-color: rgba(107, 114, 128, 0.25) !important; }

.dark .dark\:bg-gray-500\/25,
html.dark .dark\:bg-gray-500\/25 { background-color: rgba(107, 114, 128, 0.25) !important; }
.dark .dark\:text-gray-500\/25,
html.dark .dark\:text-gray-500\/25 { color: rgba(107, 114, 128, 0.25) !important; }
.dark .dark\:border-gray-500\/25,
html.dark .dark\:border-gray-500\/25 { border-color: rgba(107, 114, 128, 0.25) !important; }

.dark .dark\:hover\:bg-gray-500\/25:hover,
html.dark .dark\:hover\:bg-gray-500\/25:hover { background-color: rgba(107, 114, 128, 0.25) !important; }
.dark .dark\:hover\:text-gray-500\/25:hover,
html.dark .dark\:hover\:text-gray-500\/25:hover { color: rgba(107, 114, 128, 0.25) !important; }
.dark .dark\:hover\:border-gray-500\/25:hover,
html.dark .dark\:hover\:border-gray-500\/25:hover { border-color: rgba(107, 114, 128, 0.25) !important; }

.bg-gray-500\/30 { background-color: rgba(107, 114, 128, 0.3) !important; }
.text-gray-500\/30 { color: rgba(107, 114, 128, 0.3) !important; }
.border-gray-500\/30 { border-color: rgba(107, 114, 128, 0.3) !important; }

.hover\:bg-gray-500\/30:hover { background-color: rgba(107, 114, 128, 0.3) !important; }
.hover\:text-gray-500\/30:hover { color: rgba(107, 114, 128, 0.3) !important; }
.hover\:border-gray-500\/30:hover { border-color: rgba(107, 114, 128, 0.3) !important; }

.dark .dark\:bg-gray-500\/30,
html.dark .dark\:bg-gray-500\/30 { background-color: rgba(107, 114, 128, 0.3) !important; }
.dark .dark\:text-gray-500\/30,
html.dark .dark\:text-gray-500\/30 { color: rgba(107, 114, 128, 0.3) !important; }
.dark .dark\:border-gray-500\/30,
html.dark .dark\:border-gray-500\/30 { border-color: rgba(107, 114, 128, 0.3) !important; }

.dark .dark\:hover\:bg-gray-500\/30:hover,
html.dark .dark\:hover\:bg-gray-500\/30:hover { background-color: rgba(107, 114, 128, 0.3) !important; }
.dark .dark\:hover\:text-gray-500\/30:hover,
html.dark .dark\:hover\:text-gray-500\/30:hover { color: rgba(107, 114, 128, 0.3) !important; }
.dark .dark\:hover\:border-gray-500\/30:hover,
html.dark .dark\:hover\:border-gray-500\/30:hover { border-color: rgba(107, 114, 128, 0.3) !important; }

.bg-gray-500\/40 { background-color: rgba(107, 114, 128, 0.4) !important; }
.text-gray-500\/40 { color: rgba(107, 114, 128, 0.4) !important; }
.border-gray-500\/40 { border-color: rgba(107, 114, 128, 0.4) !important; }

.hover\:bg-gray-500\/40:hover { background-color: rgba(107, 114, 128, 0.4) !important; }
.hover\:text-gray-500\/40:hover { color: rgba(107, 114, 128, 0.4) !important; }
.hover\:border-gray-500\/40:hover { border-color: rgba(107, 114, 128, 0.4) !important; }

.dark .dark\:bg-gray-500\/40,
html.dark .dark\:bg-gray-500\/40 { background-color: rgba(107, 114, 128, 0.4) !important; }
.dark .dark\:text-gray-500\/40,
html.dark .dark\:text-gray-500\/40 { color: rgba(107, 114, 128, 0.4) !important; }
.dark .dark\:border-gray-500\/40,
html.dark .dark\:border-gray-500\/40 { border-color: rgba(107, 114, 128, 0.4) !important; }

.dark .dark\:hover\:bg-gray-500\/40:hover,
html.dark .dark\:hover\:bg-gray-500\/40:hover { background-color: rgba(107, 114, 128, 0.4) !important; }
.dark .dark\:hover\:text-gray-500\/40:hover,
html.dark .dark\:hover\:text-gray-500\/40:hover { color: rgba(107, 114, 128, 0.4) !important; }
.dark .dark\:hover\:border-gray-500\/40:hover,
html.dark .dark\:hover\:border-gray-500\/40:hover { border-color: rgba(107, 114, 128, 0.4) !important; }

.bg-gray-500\/50 { background-color: rgba(107, 114, 128, 0.5) !important; }
.text-gray-500\/50 { color: rgba(107, 114, 128, 0.5) !important; }
.border-gray-500\/50 { border-color: rgba(107, 114, 128, 0.5) !important; }

.hover\:bg-gray-500\/50:hover { background-color: rgba(107, 114, 128, 0.5) !important; }
.hover\:text-gray-500\/50:hover { color: rgba(107, 114, 128, 0.5) !important; }
.hover\:border-gray-500\/50:hover { border-color: rgba(107, 114, 128, 0.5) !important; }

.dark .dark\:bg-gray-500\/50,
html.dark .dark\:bg-gray-500\/50 { background-color: rgba(107, 114, 128, 0.5) !important; }
.dark .dark\:text-gray-500\/50,
html.dark .dark\:text-gray-500\/50 { color: rgba(107, 114, 128, 0.5) !important; }
.dark .dark\:border-gray-500\/50,
html.dark .dark\:border-gray-500\/50 { border-color: rgba(107, 114, 128, 0.5) !important; }

.dark .dark\:hover\:bg-gray-500\/50:hover,
html.dark .dark\:hover\:bg-gray-500\/50:hover { background-color: rgba(107, 114, 128, 0.5) !important; }
.dark .dark\:hover\:text-gray-500\/50:hover,
html.dark .dark\:hover\:text-gray-500\/50:hover { color: rgba(107, 114, 128, 0.5) !important; }
.dark .dark\:hover\:border-gray-500\/50:hover,
html.dark .dark\:hover\:border-gray-500\/50:hover { border-color: rgba(107, 114, 128, 0.5) !important; }

.bg-gray-500\/60 { background-color: rgba(107, 114, 128, 0.6) !important; }
.text-gray-500\/60 { color: rgba(107, 114, 128, 0.6) !important; }
.border-gray-500\/60 { border-color: rgba(107, 114, 128, 0.6) !important; }

.hover\:bg-gray-500\/60:hover { background-color: rgba(107, 114, 128, 0.6) !important; }
.hover\:text-gray-500\/60:hover { color: rgba(107, 114, 128, 0.6) !important; }
.hover\:border-gray-500\/60:hover { border-color: rgba(107, 114, 128, 0.6) !important; }

.dark .dark\:bg-gray-500\/60,
html.dark .dark\:bg-gray-500\/60 { background-color: rgba(107, 114, 128, 0.6) !important; }
.dark .dark\:text-gray-500\/60,
html.dark .dark\:text-gray-500\/60 { color: rgba(107, 114, 128, 0.6) !important; }
.dark .dark\:border-gray-500\/60,
html.dark .dark\:border-gray-500\/60 { border-color: rgba(107, 114, 128, 0.6) !important; }

.dark .dark\:hover\:bg-gray-500\/60:hover,
html.dark .dark\:hover\:bg-gray-500\/60:hover { background-color: rgba(107, 114, 128, 0.6) !important; }
.dark .dark\:hover\:text-gray-500\/60:hover,
html.dark .dark\:hover\:text-gray-500\/60:hover { color: rgba(107, 114, 128, 0.6) !important; }
.dark .dark\:hover\:border-gray-500\/60:hover,
html.dark .dark\:hover\:border-gray-500\/60:hover { border-color: rgba(107, 114, 128, 0.6) !important; }

.bg-gray-500\/70 { background-color: rgba(107, 114, 128, 0.7) !important; }
.text-gray-500\/70 { color: rgba(107, 114, 128, 0.7) !important; }
.border-gray-500\/70 { border-color: rgba(107, 114, 128, 0.7) !important; }

.hover\:bg-gray-500\/70:hover { background-color: rgba(107, 114, 128, 0.7) !important; }
.hover\:text-gray-500\/70:hover { color: rgba(107, 114, 128, 0.7) !important; }
.hover\:border-gray-500\/70:hover { border-color: rgba(107, 114, 128, 0.7) !important; }

.dark .dark\:bg-gray-500\/70,
html.dark .dark\:bg-gray-500\/70 { background-color: rgba(107, 114, 128, 0.7) !important; }
.dark .dark\:text-gray-500\/70,
html.dark .dark\:text-gray-500\/70 { color: rgba(107, 114, 128, 0.7) !important; }
.dark .dark\:border-gray-500\/70,
html.dark .dark\:border-gray-500\/70 { border-color: rgba(107, 114, 128, 0.7) !important; }

.dark .dark\:hover\:bg-gray-500\/70:hover,
html.dark .dark\:hover\:bg-gray-500\/70:hover { background-color: rgba(107, 114, 128, 0.7) !important; }
.dark .dark\:hover\:text-gray-500\/70:hover,
html.dark .dark\:hover\:text-gray-500\/70:hover { color: rgba(107, 114, 128, 0.7) !important; }
.dark .dark\:hover\:border-gray-500\/70:hover,
html.dark .dark\:hover\:border-gray-500\/70:hover { border-color: rgba(107, 114, 128, 0.7) !important; }

.bg-gray-500\/75 { background-color: rgba(107, 114, 128, 0.75) !important; }
.text-gray-500\/75 { color: rgba(107, 114, 128, 0.75) !important; }
.border-gray-500\/75 { border-color: rgba(107, 114, 128, 0.75) !important; }

.hover\:bg-gray-500\/75:hover { background-color: rgba(107, 114, 128, 0.75) !important; }
.hover\:text-gray-500\/75:hover { color: rgba(107, 114, 128, 0.75) !important; }
.hover\:border-gray-500\/75:hover { border-color: rgba(107, 114, 128, 0.75) !important; }

.dark .dark\:bg-gray-500\/75,
html.dark .dark\:bg-gray-500\/75 { background-color: rgba(107, 114, 128, 0.75) !important; }
.dark .dark\:text-gray-500\/75,
html.dark .dark\:text-gray-500\/75 { color: rgba(107, 114, 128, 0.75) !important; }
.dark .dark\:border-gray-500\/75,
html.dark .dark\:border-gray-500\/75 { border-color: rgba(107, 114, 128, 0.75) !important; }

.dark .dark\:hover\:bg-gray-500\/75:hover,
html.dark .dark\:hover\:bg-gray-500\/75:hover { background-color: rgba(107, 114, 128, 0.75) !important; }
.dark .dark\:hover\:text-gray-500\/75:hover,
html.dark .dark\:hover\:text-gray-500\/75:hover { color: rgba(107, 114, 128, 0.75) !important; }
.dark .dark\:hover\:border-gray-500\/75:hover,
html.dark .dark\:hover\:border-gray-500\/75:hover { border-color: rgba(107, 114, 128, 0.75) !important; }

.bg-gray-500\/80 { background-color: rgba(107, 114, 128, 0.8) !important; }
.text-gray-500\/80 { color: rgba(107, 114, 128, 0.8) !important; }
.border-gray-500\/80 { border-color: rgba(107, 114, 128, 0.8) !important; }

.hover\:bg-gray-500\/80:hover { background-color: rgba(107, 114, 128, 0.8) !important; }
.hover\:text-gray-500\/80:hover { color: rgba(107, 114, 128, 0.8) !important; }
.hover\:border-gray-500\/80:hover { border-color: rgba(107, 114, 128, 0.8) !important; }

.dark .dark\:bg-gray-500\/80,
html.dark .dark\:bg-gray-500\/80 { background-color: rgba(107, 114, 128, 0.8) !important; }
.dark .dark\:text-gray-500\/80,
html.dark .dark\:text-gray-500\/80 { color: rgba(107, 114, 128, 0.8) !important; }
.dark .dark\:border-gray-500\/80,
html.dark .dark\:border-gray-500\/80 { border-color: rgba(107, 114, 128, 0.8) !important; }

.dark .dark\:hover\:bg-gray-500\/80:hover,
html.dark .dark\:hover\:bg-gray-500\/80:hover { background-color: rgba(107, 114, 128, 0.8) !important; }
.dark .dark\:hover\:text-gray-500\/80:hover,
html.dark .dark\:hover\:text-gray-500\/80:hover { color: rgba(107, 114, 128, 0.8) !important; }
.dark .dark\:hover\:border-gray-500\/80:hover,
html.dark .dark\:hover\:border-gray-500\/80:hover { border-color: rgba(107, 114, 128, 0.8) !important; }

.bg-gray-500\/90 { background-color: rgba(107, 114, 128, 0.9) !important; }
.text-gray-500\/90 { color: rgba(107, 114, 128, 0.9) !important; }
.border-gray-500\/90 { border-color: rgba(107, 114, 128, 0.9) !important; }

.hover\:bg-gray-500\/90:hover { background-color: rgba(107, 114, 128, 0.9) !important; }
.hover\:text-gray-500\/90:hover { color: rgba(107, 114, 128, 0.9) !important; }
.hover\:border-gray-500\/90:hover { border-color: rgba(107, 114, 128, 0.9) !important; }

.dark .dark\:bg-gray-500\/90,
html.dark .dark\:bg-gray-500\/90 { background-color: rgba(107, 114, 128, 0.9) !important; }
.dark .dark\:text-gray-500\/90,
html.dark .dark\:text-gray-500\/90 { color: rgba(107, 114, 128, 0.9) !important; }
.dark .dark\:border-gray-500\/90,
html.dark .dark\:border-gray-500\/90 { border-color: rgba(107, 114, 128, 0.9) !important; }

.dark .dark\:hover\:bg-gray-500\/90:hover,
html.dark .dark\:hover\:bg-gray-500\/90:hover { background-color: rgba(107, 114, 128, 0.9) !important; }
.dark .dark\:hover\:text-gray-500\/90:hover,
html.dark .dark\:hover\:text-gray-500\/90:hover { color: rgba(107, 114, 128, 0.9) !important; }
.dark .dark\:hover\:border-gray-500\/90:hover,
html.dark .dark\:hover\:border-gray-500\/90:hover { border-color: rgba(107, 114, 128, 0.9) !important; }

.bg-gray-500\/95 { background-color: rgba(107, 114, 128, 0.95) !important; }
.text-gray-500\/95 { color: rgba(107, 114, 128, 0.95) !important; }
.border-gray-500\/95 { border-color: rgba(107, 114, 128, 0.95) !important; }

.hover\:bg-gray-500\/95:hover { background-color: rgba(107, 114, 128, 0.95) !important; }
.hover\:text-gray-500\/95:hover { color: rgba(107, 114, 128, 0.95) !important; }
.hover\:border-gray-500\/95:hover { border-color: rgba(107, 114, 128, 0.95) !important; }

.dark .dark\:bg-gray-500\/95,
html.dark .dark\:bg-gray-500\/95 { background-color: rgba(107, 114, 128, 0.95) !important; }
.dark .dark\:text-gray-500\/95,
html.dark .dark\:text-gray-500\/95 { color: rgba(107, 114, 128, 0.95) !important; }
.dark .dark\:border-gray-500\/95,
html.dark .dark\:border-gray-500\/95 { border-color: rgba(107, 114, 128, 0.95) !important; }

.dark .dark\:hover\:bg-gray-500\/95:hover,
html.dark .dark\:hover\:bg-gray-500\/95:hover { background-color: rgba(107, 114, 128, 0.95) !important; }
.dark .dark\:hover\:text-gray-500\/95:hover,
html.dark .dark\:hover\:text-gray-500\/95:hover { color: rgba(107, 114, 128, 0.95) !important; }
.dark .dark\:hover\:border-gray-500\/95:hover,
html.dark .dark\:hover\:border-gray-500\/95:hover { border-color: rgba(107, 114, 128, 0.95) !important; }

.bg-gray-600 { background-color: #4b5563 !important; }
.text-gray-600 { color: #4b5563 !important; }
.border-gray-600 { border-color: #4b5563 !important; }
.fill-gray-600 { fill: #4b5563 !important; }
.stroke-gray-600 { stroke: #4b5563 !important; }

/* Hover states */
.hover\:bg-gray-600:hover { background-color: #4b5563 !important; }
.hover\:text-gray-600:hover { color: #4b5563 !important; }
.hover\:border-gray-600:hover { border-color: #4b5563 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-600,
html.dark .dark\:bg-gray-600 { background-color: #4b5563 !important; }
.dark .dark\:text-gray-600,
html.dark .dark\:text-gray-600 { color: #4b5563 !important; }
.dark .dark\:border-gray-600,
html.dark .dark\:border-gray-600 { border-color: #4b5563 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-600:hover,
html.dark .dark\:hover\:bg-gray-600:hover { background-color: #4b5563 !important; }
.dark .dark\:hover\:text-gray-600:hover,
html.dark .dark\:hover\:text-gray-600:hover { color: #4b5563 !important; }
.dark .dark\:hover\:border-gray-600:hover,
html.dark .dark\:hover\:border-gray-600:hover { border-color: #4b5563 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-600,
html.dark .group:hover .dark\:group-hover\:text-gray-600 { color: #4b5563 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-600,
html.dark .group:hover .dark\:group-hover\:bg-gray-600 { background-color: #4b5563 !important; }

.bg-gray-600\/10 { background-color: rgba(75, 85, 99, 0.1) !important; }
.text-gray-600\/10 { color: rgba(75, 85, 99, 0.1) !important; }
.border-gray-600\/10 { border-color: rgba(75, 85, 99, 0.1) !important; }

.hover\:bg-gray-600\/10:hover { background-color: rgba(75, 85, 99, 0.1) !important; }
.hover\:text-gray-600\/10:hover { color: rgba(75, 85, 99, 0.1) !important; }
.hover\:border-gray-600\/10:hover { border-color: rgba(75, 85, 99, 0.1) !important; }

.dark .dark\:bg-gray-600\/10,
html.dark .dark\:bg-gray-600\/10 { background-color: rgba(75, 85, 99, 0.1) !important; }
.dark .dark\:text-gray-600\/10,
html.dark .dark\:text-gray-600\/10 { color: rgba(75, 85, 99, 0.1) !important; }
.dark .dark\:border-gray-600\/10,
html.dark .dark\:border-gray-600\/10 { border-color: rgba(75, 85, 99, 0.1) !important; }

.dark .dark\:hover\:bg-gray-600\/10:hover,
html.dark .dark\:hover\:bg-gray-600\/10:hover { background-color: rgba(75, 85, 99, 0.1) !important; }
.dark .dark\:hover\:text-gray-600\/10:hover,
html.dark .dark\:hover\:text-gray-600\/10:hover { color: rgba(75, 85, 99, 0.1) !important; }
.dark .dark\:hover\:border-gray-600\/10:hover,
html.dark .dark\:hover\:border-gray-600\/10:hover { border-color: rgba(75, 85, 99, 0.1) !important; }

.bg-gray-600\/20 { background-color: rgba(75, 85, 99, 0.2) !important; }
.text-gray-600\/20 { color: rgba(75, 85, 99, 0.2) !important; }
.border-gray-600\/20 { border-color: rgba(75, 85, 99, 0.2) !important; }

.hover\:bg-gray-600\/20:hover { background-color: rgba(75, 85, 99, 0.2) !important; }
.hover\:text-gray-600\/20:hover { color: rgba(75, 85, 99, 0.2) !important; }
.hover\:border-gray-600\/20:hover { border-color: rgba(75, 85, 99, 0.2) !important; }

.dark .dark\:bg-gray-600\/20,
html.dark .dark\:bg-gray-600\/20 { background-color: rgba(75, 85, 99, 0.2) !important; }
.dark .dark\:text-gray-600\/20,
html.dark .dark\:text-gray-600\/20 { color: rgba(75, 85, 99, 0.2) !important; }
.dark .dark\:border-gray-600\/20,
html.dark .dark\:border-gray-600\/20 { border-color: rgba(75, 85, 99, 0.2) !important; }

.dark .dark\:hover\:bg-gray-600\/20:hover,
html.dark .dark\:hover\:bg-gray-600\/20:hover { background-color: rgba(75, 85, 99, 0.2) !important; }
.dark .dark\:hover\:text-gray-600\/20:hover,
html.dark .dark\:hover\:text-gray-600\/20:hover { color: rgba(75, 85, 99, 0.2) !important; }
.dark .dark\:hover\:border-gray-600\/20:hover,
html.dark .dark\:hover\:border-gray-600\/20:hover { border-color: rgba(75, 85, 99, 0.2) !important; }

.bg-gray-600\/25 { background-color: rgba(75, 85, 99, 0.25) !important; }
.text-gray-600\/25 { color: rgba(75, 85, 99, 0.25) !important; }
.border-gray-600\/25 { border-color: rgba(75, 85, 99, 0.25) !important; }

.hover\:bg-gray-600\/25:hover { background-color: rgba(75, 85, 99, 0.25) !important; }
.hover\:text-gray-600\/25:hover { color: rgba(75, 85, 99, 0.25) !important; }
.hover\:border-gray-600\/25:hover { border-color: rgba(75, 85, 99, 0.25) !important; }

.dark .dark\:bg-gray-600\/25,
html.dark .dark\:bg-gray-600\/25 { background-color: rgba(75, 85, 99, 0.25) !important; }
.dark .dark\:text-gray-600\/25,
html.dark .dark\:text-gray-600\/25 { color: rgba(75, 85, 99, 0.25) !important; }
.dark .dark\:border-gray-600\/25,
html.dark .dark\:border-gray-600\/25 { border-color: rgba(75, 85, 99, 0.25) !important; }

.dark .dark\:hover\:bg-gray-600\/25:hover,
html.dark .dark\:hover\:bg-gray-600\/25:hover { background-color: rgba(75, 85, 99, 0.25) !important; }
.dark .dark\:hover\:text-gray-600\/25:hover,
html.dark .dark\:hover\:text-gray-600\/25:hover { color: rgba(75, 85, 99, 0.25) !important; }
.dark .dark\:hover\:border-gray-600\/25:hover,
html.dark .dark\:hover\:border-gray-600\/25:hover { border-color: rgba(75, 85, 99, 0.25) !important; }

.bg-gray-600\/30 { background-color: rgba(75, 85, 99, 0.3) !important; }
.text-gray-600\/30 { color: rgba(75, 85, 99, 0.3) !important; }
.border-gray-600\/30 { border-color: rgba(75, 85, 99, 0.3) !important; }

.hover\:bg-gray-600\/30:hover { background-color: rgba(75, 85, 99, 0.3) !important; }
.hover\:text-gray-600\/30:hover { color: rgba(75, 85, 99, 0.3) !important; }
.hover\:border-gray-600\/30:hover { border-color: rgba(75, 85, 99, 0.3) !important; }

.dark .dark\:bg-gray-600\/30,
html.dark .dark\:bg-gray-600\/30 { background-color: rgba(75, 85, 99, 0.3) !important; }
.dark .dark\:text-gray-600\/30,
html.dark .dark\:text-gray-600\/30 { color: rgba(75, 85, 99, 0.3) !important; }
.dark .dark\:border-gray-600\/30,
html.dark .dark\:border-gray-600\/30 { border-color: rgba(75, 85, 99, 0.3) !important; }

.dark .dark\:hover\:bg-gray-600\/30:hover,
html.dark .dark\:hover\:bg-gray-600\/30:hover { background-color: rgba(75, 85, 99, 0.3) !important; }
.dark .dark\:hover\:text-gray-600\/30:hover,
html.dark .dark\:hover\:text-gray-600\/30:hover { color: rgba(75, 85, 99, 0.3) !important; }
.dark .dark\:hover\:border-gray-600\/30:hover,
html.dark .dark\:hover\:border-gray-600\/30:hover { border-color: rgba(75, 85, 99, 0.3) !important; }

.bg-gray-600\/40 { background-color: rgba(75, 85, 99, 0.4) !important; }
.text-gray-600\/40 { color: rgba(75, 85, 99, 0.4) !important; }
.border-gray-600\/40 { border-color: rgba(75, 85, 99, 0.4) !important; }

.hover\:bg-gray-600\/40:hover { background-color: rgba(75, 85, 99, 0.4) !important; }
.hover\:text-gray-600\/40:hover { color: rgba(75, 85, 99, 0.4) !important; }
.hover\:border-gray-600\/40:hover { border-color: rgba(75, 85, 99, 0.4) !important; }

.dark .dark\:bg-gray-600\/40,
html.dark .dark\:bg-gray-600\/40 { background-color: rgba(75, 85, 99, 0.4) !important; }
.dark .dark\:text-gray-600\/40,
html.dark .dark\:text-gray-600\/40 { color: rgba(75, 85, 99, 0.4) !important; }
.dark .dark\:border-gray-600\/40,
html.dark .dark\:border-gray-600\/40 { border-color: rgba(75, 85, 99, 0.4) !important; }

.dark .dark\:hover\:bg-gray-600\/40:hover,
html.dark .dark\:hover\:bg-gray-600\/40:hover { background-color: rgba(75, 85, 99, 0.4) !important; }
.dark .dark\:hover\:text-gray-600\/40:hover,
html.dark .dark\:hover\:text-gray-600\/40:hover { color: rgba(75, 85, 99, 0.4) !important; }
.dark .dark\:hover\:border-gray-600\/40:hover,
html.dark .dark\:hover\:border-gray-600\/40:hover { border-color: rgba(75, 85, 99, 0.4) !important; }

.bg-gray-600\/50 { background-color: rgba(75, 85, 99, 0.5) !important; }
.text-gray-600\/50 { color: rgba(75, 85, 99, 0.5) !important; }
.border-gray-600\/50 { border-color: rgba(75, 85, 99, 0.5) !important; }

.hover\:bg-gray-600\/50:hover { background-color: rgba(75, 85, 99, 0.5) !important; }
.hover\:text-gray-600\/50:hover { color: rgba(75, 85, 99, 0.5) !important; }
.hover\:border-gray-600\/50:hover { border-color: rgba(75, 85, 99, 0.5) !important; }

.dark .dark\:bg-gray-600\/50,
html.dark .dark\:bg-gray-600\/50 { background-color: rgba(75, 85, 99, 0.5) !important; }
.dark .dark\:text-gray-600\/50,
html.dark .dark\:text-gray-600\/50 { color: rgba(75, 85, 99, 0.5) !important; }
.dark .dark\:border-gray-600\/50,
html.dark .dark\:border-gray-600\/50 { border-color: rgba(75, 85, 99, 0.5) !important; }

.dark .dark\:hover\:bg-gray-600\/50:hover,
html.dark .dark\:hover\:bg-gray-600\/50:hover { background-color: rgba(75, 85, 99, 0.5) !important; }
.dark .dark\:hover\:text-gray-600\/50:hover,
html.dark .dark\:hover\:text-gray-600\/50:hover { color: rgba(75, 85, 99, 0.5) !important; }
.dark .dark\:hover\:border-gray-600\/50:hover,
html.dark .dark\:hover\:border-gray-600\/50:hover { border-color: rgba(75, 85, 99, 0.5) !important; }

.bg-gray-600\/60 { background-color: rgba(75, 85, 99, 0.6) !important; }
.text-gray-600\/60 { color: rgba(75, 85, 99, 0.6) !important; }
.border-gray-600\/60 { border-color: rgba(75, 85, 99, 0.6) !important; }

.hover\:bg-gray-600\/60:hover { background-color: rgba(75, 85, 99, 0.6) !important; }
.hover\:text-gray-600\/60:hover { color: rgba(75, 85, 99, 0.6) !important; }
.hover\:border-gray-600\/60:hover { border-color: rgba(75, 85, 99, 0.6) !important; }

.dark .dark\:bg-gray-600\/60,
html.dark .dark\:bg-gray-600\/60 { background-color: rgba(75, 85, 99, 0.6) !important; }
.dark .dark\:text-gray-600\/60,
html.dark .dark\:text-gray-600\/60 { color: rgba(75, 85, 99, 0.6) !important; }
.dark .dark\:border-gray-600\/60,
html.dark .dark\:border-gray-600\/60 { border-color: rgba(75, 85, 99, 0.6) !important; }

.dark .dark\:hover\:bg-gray-600\/60:hover,
html.dark .dark\:hover\:bg-gray-600\/60:hover { background-color: rgba(75, 85, 99, 0.6) !important; }
.dark .dark\:hover\:text-gray-600\/60:hover,
html.dark .dark\:hover\:text-gray-600\/60:hover { color: rgba(75, 85, 99, 0.6) !important; }
.dark .dark\:hover\:border-gray-600\/60:hover,
html.dark .dark\:hover\:border-gray-600\/60:hover { border-color: rgba(75, 85, 99, 0.6) !important; }

.bg-gray-600\/70 { background-color: rgba(75, 85, 99, 0.7) !important; }
.text-gray-600\/70 { color: rgba(75, 85, 99, 0.7) !important; }
.border-gray-600\/70 { border-color: rgba(75, 85, 99, 0.7) !important; }

.hover\:bg-gray-600\/70:hover { background-color: rgba(75, 85, 99, 0.7) !important; }
.hover\:text-gray-600\/70:hover { color: rgba(75, 85, 99, 0.7) !important; }
.hover\:border-gray-600\/70:hover { border-color: rgba(75, 85, 99, 0.7) !important; }

.dark .dark\:bg-gray-600\/70,
html.dark .dark\:bg-gray-600\/70 { background-color: rgba(75, 85, 99, 0.7) !important; }
.dark .dark\:text-gray-600\/70,
html.dark .dark\:text-gray-600\/70 { color: rgba(75, 85, 99, 0.7) !important; }
.dark .dark\:border-gray-600\/70,
html.dark .dark\:border-gray-600\/70 { border-color: rgba(75, 85, 99, 0.7) !important; }

.dark .dark\:hover\:bg-gray-600\/70:hover,
html.dark .dark\:hover\:bg-gray-600\/70:hover { background-color: rgba(75, 85, 99, 0.7) !important; }
.dark .dark\:hover\:text-gray-600\/70:hover,
html.dark .dark\:hover\:text-gray-600\/70:hover { color: rgba(75, 85, 99, 0.7) !important; }
.dark .dark\:hover\:border-gray-600\/70:hover,
html.dark .dark\:hover\:border-gray-600\/70:hover { border-color: rgba(75, 85, 99, 0.7) !important; }

.bg-gray-600\/75 { background-color: rgba(75, 85, 99, 0.75) !important; }
.text-gray-600\/75 { color: rgba(75, 85, 99, 0.75) !important; }
.border-gray-600\/75 { border-color: rgba(75, 85, 99, 0.75) !important; }

.hover\:bg-gray-600\/75:hover { background-color: rgba(75, 85, 99, 0.75) !important; }
.hover\:text-gray-600\/75:hover { color: rgba(75, 85, 99, 0.75) !important; }
.hover\:border-gray-600\/75:hover { border-color: rgba(75, 85, 99, 0.75) !important; }

.dark .dark\:bg-gray-600\/75,
html.dark .dark\:bg-gray-600\/75 { background-color: rgba(75, 85, 99, 0.75) !important; }
.dark .dark\:text-gray-600\/75,
html.dark .dark\:text-gray-600\/75 { color: rgba(75, 85, 99, 0.75) !important; }
.dark .dark\:border-gray-600\/75,
html.dark .dark\:border-gray-600\/75 { border-color: rgba(75, 85, 99, 0.75) !important; }

.dark .dark\:hover\:bg-gray-600\/75:hover,
html.dark .dark\:hover\:bg-gray-600\/75:hover { background-color: rgba(75, 85, 99, 0.75) !important; }
.dark .dark\:hover\:text-gray-600\/75:hover,
html.dark .dark\:hover\:text-gray-600\/75:hover { color: rgba(75, 85, 99, 0.75) !important; }
.dark .dark\:hover\:border-gray-600\/75:hover,
html.dark .dark\:hover\:border-gray-600\/75:hover { border-color: rgba(75, 85, 99, 0.75) !important; }

.bg-gray-600\/80 { background-color: rgba(75, 85, 99, 0.8) !important; }
.text-gray-600\/80 { color: rgba(75, 85, 99, 0.8) !important; }
.border-gray-600\/80 { border-color: rgba(75, 85, 99, 0.8) !important; }

.hover\:bg-gray-600\/80:hover { background-color: rgba(75, 85, 99, 0.8) !important; }
.hover\:text-gray-600\/80:hover { color: rgba(75, 85, 99, 0.8) !important; }
.hover\:border-gray-600\/80:hover { border-color: rgba(75, 85, 99, 0.8) !important; }

.dark .dark\:bg-gray-600\/80,
html.dark .dark\:bg-gray-600\/80 { background-color: rgba(75, 85, 99, 0.8) !important; }
.dark .dark\:text-gray-600\/80,
html.dark .dark\:text-gray-600\/80 { color: rgba(75, 85, 99, 0.8) !important; }
.dark .dark\:border-gray-600\/80,
html.dark .dark\:border-gray-600\/80 { border-color: rgba(75, 85, 99, 0.8) !important; }

.dark .dark\:hover\:bg-gray-600\/80:hover,
html.dark .dark\:hover\:bg-gray-600\/80:hover { background-color: rgba(75, 85, 99, 0.8) !important; }
.dark .dark\:hover\:text-gray-600\/80:hover,
html.dark .dark\:hover\:text-gray-600\/80:hover { color: rgba(75, 85, 99, 0.8) !important; }
.dark .dark\:hover\:border-gray-600\/80:hover,
html.dark .dark\:hover\:border-gray-600\/80:hover { border-color: rgba(75, 85, 99, 0.8) !important; }

.bg-gray-600\/90 { background-color: rgba(75, 85, 99, 0.9) !important; }
.text-gray-600\/90 { color: rgba(75, 85, 99, 0.9) !important; }
.border-gray-600\/90 { border-color: rgba(75, 85, 99, 0.9) !important; }

.hover\:bg-gray-600\/90:hover { background-color: rgba(75, 85, 99, 0.9) !important; }
.hover\:text-gray-600\/90:hover { color: rgba(75, 85, 99, 0.9) !important; }
.hover\:border-gray-600\/90:hover { border-color: rgba(75, 85, 99, 0.9) !important; }

.dark .dark\:bg-gray-600\/90,
html.dark .dark\:bg-gray-600\/90 { background-color: rgba(75, 85, 99, 0.9) !important; }
.dark .dark\:text-gray-600\/90,
html.dark .dark\:text-gray-600\/90 { color: rgba(75, 85, 99, 0.9) !important; }
.dark .dark\:border-gray-600\/90,
html.dark .dark\:border-gray-600\/90 { border-color: rgba(75, 85, 99, 0.9) !important; }

.dark .dark\:hover\:bg-gray-600\/90:hover,
html.dark .dark\:hover\:bg-gray-600\/90:hover { background-color: rgba(75, 85, 99, 0.9) !important; }
.dark .dark\:hover\:text-gray-600\/90:hover,
html.dark .dark\:hover\:text-gray-600\/90:hover { color: rgba(75, 85, 99, 0.9) !important; }
.dark .dark\:hover\:border-gray-600\/90:hover,
html.dark .dark\:hover\:border-gray-600\/90:hover { border-color: rgba(75, 85, 99, 0.9) !important; }

.bg-gray-600\/95 { background-color: rgba(75, 85, 99, 0.95) !important; }
.text-gray-600\/95 { color: rgba(75, 85, 99, 0.95) !important; }
.border-gray-600\/95 { border-color: rgba(75, 85, 99, 0.95) !important; }

.hover\:bg-gray-600\/95:hover { background-color: rgba(75, 85, 99, 0.95) !important; }
.hover\:text-gray-600\/95:hover { color: rgba(75, 85, 99, 0.95) !important; }
.hover\:border-gray-600\/95:hover { border-color: rgba(75, 85, 99, 0.95) !important; }

.dark .dark\:bg-gray-600\/95,
html.dark .dark\:bg-gray-600\/95 { background-color: rgba(75, 85, 99, 0.95) !important; }
.dark .dark\:text-gray-600\/95,
html.dark .dark\:text-gray-600\/95 { color: rgba(75, 85, 99, 0.95) !important; }
.dark .dark\:border-gray-600\/95,
html.dark .dark\:border-gray-600\/95 { border-color: rgba(75, 85, 99, 0.95) !important; }

.dark .dark\:hover\:bg-gray-600\/95:hover,
html.dark .dark\:hover\:bg-gray-600\/95:hover { background-color: rgba(75, 85, 99, 0.95) !important; }
.dark .dark\:hover\:text-gray-600\/95:hover,
html.dark .dark\:hover\:text-gray-600\/95:hover { color: rgba(75, 85, 99, 0.95) !important; }
.dark .dark\:hover\:border-gray-600\/95:hover,
html.dark .dark\:hover\:border-gray-600\/95:hover { border-color: rgba(75, 85, 99, 0.95) !important; }

.bg-gray-700 { background-color: #374151 !important; }
.text-gray-700 { color: #374151 !important; }
.border-gray-700 { border-color: #374151 !important; }
.fill-gray-700 { fill: #374151 !important; }
.stroke-gray-700 { stroke: #374151 !important; }

/* Hover states */
.hover\:bg-gray-700:hover { background-color: #374151 !important; }
.hover\:text-gray-700:hover { color: #374151 !important; }
.hover\:border-gray-700:hover { border-color: #374151 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-700,
html.dark .dark\:bg-gray-700 { background-color: #374151 !important; }
.dark .dark\:text-gray-700,
html.dark .dark\:text-gray-700 { color: #374151 !important; }
.dark .dark\:border-gray-700,
html.dark .dark\:border-gray-700 { border-color: #374151 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-700:hover,
html.dark .dark\:hover\:bg-gray-700:hover { background-color: #374151 !important; }
.dark .dark\:hover\:text-gray-700:hover,
html.dark .dark\:hover\:text-gray-700:hover { color: #374151 !important; }
.dark .dark\:hover\:border-gray-700:hover,
html.dark .dark\:hover\:border-gray-700:hover { border-color: #374151 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-700,
html.dark .group:hover .dark\:group-hover\:text-gray-700 { color: #374151 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-700,
html.dark .group:hover .dark\:group-hover\:bg-gray-700 { background-color: #374151 !important; }

.bg-gray-700\/10 { background-color: rgba(55, 65, 81, 0.1) !important; }
.text-gray-700\/10 { color: rgba(55, 65, 81, 0.1) !important; }
.border-gray-700\/10 { border-color: rgba(55, 65, 81, 0.1) !important; }

.hover\:bg-gray-700\/10:hover { background-color: rgba(55, 65, 81, 0.1) !important; }
.hover\:text-gray-700\/10:hover { color: rgba(55, 65, 81, 0.1) !important; }
.hover\:border-gray-700\/10:hover { border-color: rgba(55, 65, 81, 0.1) !important; }

.dark .dark\:bg-gray-700\/10,
html.dark .dark\:bg-gray-700\/10 { background-color: rgba(55, 65, 81, 0.1) !important; }
.dark .dark\:text-gray-700\/10,
html.dark .dark\:text-gray-700\/10 { color: rgba(55, 65, 81, 0.1) !important; }
.dark .dark\:border-gray-700\/10,
html.dark .dark\:border-gray-700\/10 { border-color: rgba(55, 65, 81, 0.1) !important; }

.dark .dark\:hover\:bg-gray-700\/10:hover,
html.dark .dark\:hover\:bg-gray-700\/10:hover { background-color: rgba(55, 65, 81, 0.1) !important; }
.dark .dark\:hover\:text-gray-700\/10:hover,
html.dark .dark\:hover\:text-gray-700\/10:hover { color: rgba(55, 65, 81, 0.1) !important; }
.dark .dark\:hover\:border-gray-700\/10:hover,
html.dark .dark\:hover\:border-gray-700\/10:hover { border-color: rgba(55, 65, 81, 0.1) !important; }

.bg-gray-700\/20 { background-color: rgba(55, 65, 81, 0.2) !important; }
.text-gray-700\/20 { color: rgba(55, 65, 81, 0.2) !important; }
.border-gray-700\/20 { border-color: rgba(55, 65, 81, 0.2) !important; }

.hover\:bg-gray-700\/20:hover { background-color: rgba(55, 65, 81, 0.2) !important; }
.hover\:text-gray-700\/20:hover { color: rgba(55, 65, 81, 0.2) !important; }
.hover\:border-gray-700\/20:hover { border-color: rgba(55, 65, 81, 0.2) !important; }

.dark .dark\:bg-gray-700\/20,
html.dark .dark\:bg-gray-700\/20 { background-color: rgba(55, 65, 81, 0.2) !important; }
.dark .dark\:text-gray-700\/20,
html.dark .dark\:text-gray-700\/20 { color: rgba(55, 65, 81, 0.2) !important; }
.dark .dark\:border-gray-700\/20,
html.dark .dark\:border-gray-700\/20 { border-color: rgba(55, 65, 81, 0.2) !important; }

.dark .dark\:hover\:bg-gray-700\/20:hover,
html.dark .dark\:hover\:bg-gray-700\/20:hover { background-color: rgba(55, 65, 81, 0.2) !important; }
.dark .dark\:hover\:text-gray-700\/20:hover,
html.dark .dark\:hover\:text-gray-700\/20:hover { color: rgba(55, 65, 81, 0.2) !important; }
.dark .dark\:hover\:border-gray-700\/20:hover,
html.dark .dark\:hover\:border-gray-700\/20:hover { border-color: rgba(55, 65, 81, 0.2) !important; }

.bg-gray-700\/25 { background-color: rgba(55, 65, 81, 0.25) !important; }
.text-gray-700\/25 { color: rgba(55, 65, 81, 0.25) !important; }
.border-gray-700\/25 { border-color: rgba(55, 65, 81, 0.25) !important; }

.hover\:bg-gray-700\/25:hover { background-color: rgba(55, 65, 81, 0.25) !important; }
.hover\:text-gray-700\/25:hover { color: rgba(55, 65, 81, 0.25) !important; }
.hover\:border-gray-700\/25:hover { border-color: rgba(55, 65, 81, 0.25) !important; }

.dark .dark\:bg-gray-700\/25,
html.dark .dark\:bg-gray-700\/25 { background-color: rgba(55, 65, 81, 0.25) !important; }
.dark .dark\:text-gray-700\/25,
html.dark .dark\:text-gray-700\/25 { color: rgba(55, 65, 81, 0.25) !important; }
.dark .dark\:border-gray-700\/25,
html.dark .dark\:border-gray-700\/25 { border-color: rgba(55, 65, 81, 0.25) !important; }

.dark .dark\:hover\:bg-gray-700\/25:hover,
html.dark .dark\:hover\:bg-gray-700\/25:hover { background-color: rgba(55, 65, 81, 0.25) !important; }
.dark .dark\:hover\:text-gray-700\/25:hover,
html.dark .dark\:hover\:text-gray-700\/25:hover { color: rgba(55, 65, 81, 0.25) !important; }
.dark .dark\:hover\:border-gray-700\/25:hover,
html.dark .dark\:hover\:border-gray-700\/25:hover { border-color: rgba(55, 65, 81, 0.25) !important; }

.bg-gray-700\/30 { background-color: rgba(55, 65, 81, 0.3) !important; }
.text-gray-700\/30 { color: rgba(55, 65, 81, 0.3) !important; }
.border-gray-700\/30 { border-color: rgba(55, 65, 81, 0.3) !important; }

.hover\:bg-gray-700\/30:hover { background-color: rgba(55, 65, 81, 0.3) !important; }
.hover\:text-gray-700\/30:hover { color: rgba(55, 65, 81, 0.3) !important; }
.hover\:border-gray-700\/30:hover { border-color: rgba(55, 65, 81, 0.3) !important; }

.dark .dark\:bg-gray-700\/30,
html.dark .dark\:bg-gray-700\/30 { background-color: rgba(55, 65, 81, 0.3) !important; }
.dark .dark\:text-gray-700\/30,
html.dark .dark\:text-gray-700\/30 { color: rgba(55, 65, 81, 0.3) !important; }
.dark .dark\:border-gray-700\/30,
html.dark .dark\:border-gray-700\/30 { border-color: rgba(55, 65, 81, 0.3) !important; }

.dark .dark\:hover\:bg-gray-700\/30:hover,
html.dark .dark\:hover\:bg-gray-700\/30:hover { background-color: rgba(55, 65, 81, 0.3) !important; }
.dark .dark\:hover\:text-gray-700\/30:hover,
html.dark .dark\:hover\:text-gray-700\/30:hover { color: rgba(55, 65, 81, 0.3) !important; }
.dark .dark\:hover\:border-gray-700\/30:hover,
html.dark .dark\:hover\:border-gray-700\/30:hover { border-color: rgba(55, 65, 81, 0.3) !important; }

.bg-gray-700\/40 { background-color: rgba(55, 65, 81, 0.4) !important; }
.text-gray-700\/40 { color: rgba(55, 65, 81, 0.4) !important; }
.border-gray-700\/40 { border-color: rgba(55, 65, 81, 0.4) !important; }

.hover\:bg-gray-700\/40:hover { background-color: rgba(55, 65, 81, 0.4) !important; }
.hover\:text-gray-700\/40:hover { color: rgba(55, 65, 81, 0.4) !important; }
.hover\:border-gray-700\/40:hover { border-color: rgba(55, 65, 81, 0.4) !important; }

.dark .dark\:bg-gray-700\/40,
html.dark .dark\:bg-gray-700\/40 { background-color: rgba(55, 65, 81, 0.4) !important; }
.dark .dark\:text-gray-700\/40,
html.dark .dark\:text-gray-700\/40 { color: rgba(55, 65, 81, 0.4) !important; }
.dark .dark\:border-gray-700\/40,
html.dark .dark\:border-gray-700\/40 { border-color: rgba(55, 65, 81, 0.4) !important; }

.dark .dark\:hover\:bg-gray-700\/40:hover,
html.dark .dark\:hover\:bg-gray-700\/40:hover { background-color: rgba(55, 65, 81, 0.4) !important; }
.dark .dark\:hover\:text-gray-700\/40:hover,
html.dark .dark\:hover\:text-gray-700\/40:hover { color: rgba(55, 65, 81, 0.4) !important; }
.dark .dark\:hover\:border-gray-700\/40:hover,
html.dark .dark\:hover\:border-gray-700\/40:hover { border-color: rgba(55, 65, 81, 0.4) !important; }

.bg-gray-700\/50 { background-color: rgba(55, 65, 81, 0.5) !important; }
.text-gray-700\/50 { color: rgba(55, 65, 81, 0.5) !important; }
.border-gray-700\/50 { border-color: rgba(55, 65, 81, 0.5) !important; }

.hover\:bg-gray-700\/50:hover { background-color: rgba(55, 65, 81, 0.5) !important; }
.hover\:text-gray-700\/50:hover { color: rgba(55, 65, 81, 0.5) !important; }
.hover\:border-gray-700\/50:hover { border-color: rgba(55, 65, 81, 0.5) !important; }

.dark .dark\:bg-gray-700\/50,
html.dark .dark\:bg-gray-700\/50 { background-color: rgba(55, 65, 81, 0.5) !important; }
.dark .dark\:text-gray-700\/50,
html.dark .dark\:text-gray-700\/50 { color: rgba(55, 65, 81, 0.5) !important; }
.dark .dark\:border-gray-700\/50,
html.dark .dark\:border-gray-700\/50 { border-color: rgba(55, 65, 81, 0.5) !important; }

.dark .dark\:hover\:bg-gray-700\/50:hover,
html.dark .dark\:hover\:bg-gray-700\/50:hover { background-color: rgba(55, 65, 81, 0.5) !important; }
.dark .dark\:hover\:text-gray-700\/50:hover,
html.dark .dark\:hover\:text-gray-700\/50:hover { color: rgba(55, 65, 81, 0.5) !important; }
.dark .dark\:hover\:border-gray-700\/50:hover,
html.dark .dark\:hover\:border-gray-700\/50:hover { border-color: rgba(55, 65, 81, 0.5) !important; }

.bg-gray-700\/60 { background-color: rgba(55, 65, 81, 0.6) !important; }
.text-gray-700\/60 { color: rgba(55, 65, 81, 0.6) !important; }
.border-gray-700\/60 { border-color: rgba(55, 65, 81, 0.6) !important; }

.hover\:bg-gray-700\/60:hover { background-color: rgba(55, 65, 81, 0.6) !important; }
.hover\:text-gray-700\/60:hover { color: rgba(55, 65, 81, 0.6) !important; }
.hover\:border-gray-700\/60:hover { border-color: rgba(55, 65, 81, 0.6) !important; }

.dark .dark\:bg-gray-700\/60,
html.dark .dark\:bg-gray-700\/60 { background-color: rgba(55, 65, 81, 0.6) !important; }
.dark .dark\:text-gray-700\/60,
html.dark .dark\:text-gray-700\/60 { color: rgba(55, 65, 81, 0.6) !important; }
.dark .dark\:border-gray-700\/60,
html.dark .dark\:border-gray-700\/60 { border-color: rgba(55, 65, 81, 0.6) !important; }

.dark .dark\:hover\:bg-gray-700\/60:hover,
html.dark .dark\:hover\:bg-gray-700\/60:hover { background-color: rgba(55, 65, 81, 0.6) !important; }
.dark .dark\:hover\:text-gray-700\/60:hover,
html.dark .dark\:hover\:text-gray-700\/60:hover { color: rgba(55, 65, 81, 0.6) !important; }
.dark .dark\:hover\:border-gray-700\/60:hover,
html.dark .dark\:hover\:border-gray-700\/60:hover { border-color: rgba(55, 65, 81, 0.6) !important; }

.bg-gray-700\/70 { background-color: rgba(55, 65, 81, 0.7) !important; }
.text-gray-700\/70 { color: rgba(55, 65, 81, 0.7) !important; }
.border-gray-700\/70 { border-color: rgba(55, 65, 81, 0.7) !important; }

.hover\:bg-gray-700\/70:hover { background-color: rgba(55, 65, 81, 0.7) !important; }
.hover\:text-gray-700\/70:hover { color: rgba(55, 65, 81, 0.7) !important; }
.hover\:border-gray-700\/70:hover { border-color: rgba(55, 65, 81, 0.7) !important; }

.dark .dark\:bg-gray-700\/70,
html.dark .dark\:bg-gray-700\/70 { background-color: rgba(55, 65, 81, 0.7) !important; }
.dark .dark\:text-gray-700\/70,
html.dark .dark\:text-gray-700\/70 { color: rgba(55, 65, 81, 0.7) !important; }
.dark .dark\:border-gray-700\/70,
html.dark .dark\:border-gray-700\/70 { border-color: rgba(55, 65, 81, 0.7) !important; }

.dark .dark\:hover\:bg-gray-700\/70:hover,
html.dark .dark\:hover\:bg-gray-700\/70:hover { background-color: rgba(55, 65, 81, 0.7) !important; }
.dark .dark\:hover\:text-gray-700\/70:hover,
html.dark .dark\:hover\:text-gray-700\/70:hover { color: rgba(55, 65, 81, 0.7) !important; }
.dark .dark\:hover\:border-gray-700\/70:hover,
html.dark .dark\:hover\:border-gray-700\/70:hover { border-color: rgba(55, 65, 81, 0.7) !important; }

.bg-gray-700\/75 { background-color: rgba(55, 65, 81, 0.75) !important; }
.text-gray-700\/75 { color: rgba(55, 65, 81, 0.75) !important; }
.border-gray-700\/75 { border-color: rgba(55, 65, 81, 0.75) !important; }

.hover\:bg-gray-700\/75:hover { background-color: rgba(55, 65, 81, 0.75) !important; }
.hover\:text-gray-700\/75:hover { color: rgba(55, 65, 81, 0.75) !important; }
.hover\:border-gray-700\/75:hover { border-color: rgba(55, 65, 81, 0.75) !important; }

.dark .dark\:bg-gray-700\/75,
html.dark .dark\:bg-gray-700\/75 { background-color: rgba(55, 65, 81, 0.75) !important; }
.dark .dark\:text-gray-700\/75,
html.dark .dark\:text-gray-700\/75 { color: rgba(55, 65, 81, 0.75) !important; }
.dark .dark\:border-gray-700\/75,
html.dark .dark\:border-gray-700\/75 { border-color: rgba(55, 65, 81, 0.75) !important; }

.dark .dark\:hover\:bg-gray-700\/75:hover,
html.dark .dark\:hover\:bg-gray-700\/75:hover { background-color: rgba(55, 65, 81, 0.75) !important; }
.dark .dark\:hover\:text-gray-700\/75:hover,
html.dark .dark\:hover\:text-gray-700\/75:hover { color: rgba(55, 65, 81, 0.75) !important; }
.dark .dark\:hover\:border-gray-700\/75:hover,
html.dark .dark\:hover\:border-gray-700\/75:hover { border-color: rgba(55, 65, 81, 0.75) !important; }

.bg-gray-700\/80 { background-color: rgba(55, 65, 81, 0.8) !important; }
.text-gray-700\/80 { color: rgba(55, 65, 81, 0.8) !important; }
.border-gray-700\/80 { border-color: rgba(55, 65, 81, 0.8) !important; }

.hover\:bg-gray-700\/80:hover { background-color: rgba(55, 65, 81, 0.8) !important; }
.hover\:text-gray-700\/80:hover { color: rgba(55, 65, 81, 0.8) !important; }
.hover\:border-gray-700\/80:hover { border-color: rgba(55, 65, 81, 0.8) !important; }

.dark .dark\:bg-gray-700\/80,
html.dark .dark\:bg-gray-700\/80 { background-color: rgba(55, 65, 81, 0.8) !important; }
.dark .dark\:text-gray-700\/80,
html.dark .dark\:text-gray-700\/80 { color: rgba(55, 65, 81, 0.8) !important; }
.dark .dark\:border-gray-700\/80,
html.dark .dark\:border-gray-700\/80 { border-color: rgba(55, 65, 81, 0.8) !important; }

.dark .dark\:hover\:bg-gray-700\/80:hover,
html.dark .dark\:hover\:bg-gray-700\/80:hover { background-color: rgba(55, 65, 81, 0.8) !important; }
.dark .dark\:hover\:text-gray-700\/80:hover,
html.dark .dark\:hover\:text-gray-700\/80:hover { color: rgba(55, 65, 81, 0.8) !important; }
.dark .dark\:hover\:border-gray-700\/80:hover,
html.dark .dark\:hover\:border-gray-700\/80:hover { border-color: rgba(55, 65, 81, 0.8) !important; }

.bg-gray-700\/90 { background-color: rgba(55, 65, 81, 0.9) !important; }
.text-gray-700\/90 { color: rgba(55, 65, 81, 0.9) !important; }
.border-gray-700\/90 { border-color: rgba(55, 65, 81, 0.9) !important; }

.hover\:bg-gray-700\/90:hover { background-color: rgba(55, 65, 81, 0.9) !important; }
.hover\:text-gray-700\/90:hover { color: rgba(55, 65, 81, 0.9) !important; }
.hover\:border-gray-700\/90:hover { border-color: rgba(55, 65, 81, 0.9) !important; }

.dark .dark\:bg-gray-700\/90,
html.dark .dark\:bg-gray-700\/90 { background-color: rgba(55, 65, 81, 0.9) !important; }
.dark .dark\:text-gray-700\/90,
html.dark .dark\:text-gray-700\/90 { color: rgba(55, 65, 81, 0.9) !important; }
.dark .dark\:border-gray-700\/90,
html.dark .dark\:border-gray-700\/90 { border-color: rgba(55, 65, 81, 0.9) !important; }

.dark .dark\:hover\:bg-gray-700\/90:hover,
html.dark .dark\:hover\:bg-gray-700\/90:hover { background-color: rgba(55, 65, 81, 0.9) !important; }
.dark .dark\:hover\:text-gray-700\/90:hover,
html.dark .dark\:hover\:text-gray-700\/90:hover { color: rgba(55, 65, 81, 0.9) !important; }
.dark .dark\:hover\:border-gray-700\/90:hover,
html.dark .dark\:hover\:border-gray-700\/90:hover { border-color: rgba(55, 65, 81, 0.9) !important; }

.bg-gray-700\/95 { background-color: rgba(55, 65, 81, 0.95) !important; }
.text-gray-700\/95 { color: rgba(55, 65, 81, 0.95) !important; }
.border-gray-700\/95 { border-color: rgba(55, 65, 81, 0.95) !important; }

.hover\:bg-gray-700\/95:hover { background-color: rgba(55, 65, 81, 0.95) !important; }
.hover\:text-gray-700\/95:hover { color: rgba(55, 65, 81, 0.95) !important; }
.hover\:border-gray-700\/95:hover { border-color: rgba(55, 65, 81, 0.95) !important; }

.dark .dark\:bg-gray-700\/95,
html.dark .dark\:bg-gray-700\/95 { background-color: rgba(55, 65, 81, 0.95) !important; }
.dark .dark\:text-gray-700\/95,
html.dark .dark\:text-gray-700\/95 { color: rgba(55, 65, 81, 0.95) !important; }
.dark .dark\:border-gray-700\/95,
html.dark .dark\:border-gray-700\/95 { border-color: rgba(55, 65, 81, 0.95) !important; }

.dark .dark\:hover\:bg-gray-700\/95:hover,
html.dark .dark\:hover\:bg-gray-700\/95:hover { background-color: rgba(55, 65, 81, 0.95) !important; }
.dark .dark\:hover\:text-gray-700\/95:hover,
html.dark .dark\:hover\:text-gray-700\/95:hover { color: rgba(55, 65, 81, 0.95) !important; }
.dark .dark\:hover\:border-gray-700\/95:hover,
html.dark .dark\:hover\:border-gray-700\/95:hover { border-color: rgba(55, 65, 81, 0.95) !important; }

.bg-gray-800 { background-color: #1f2937 !important; }
.text-gray-800 { color: #1f2937 !important; }
.border-gray-800 { border-color: #1f2937 !important; }
.fill-gray-800 { fill: #1f2937 !important; }
.stroke-gray-800 { stroke: #1f2937 !important; }

/* Hover states */
.hover\:bg-gray-800:hover { background-color: #1f2937 !important; }
.hover\:text-gray-800:hover { color: #1f2937 !important; }
.hover\:border-gray-800:hover { border-color: #1f2937 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-800,
html.dark .dark\:bg-gray-800 { background-color: #1f2937 !important; }
.dark .dark\:text-gray-800,
html.dark .dark\:text-gray-800 { color: #1f2937 !important; }
.dark .dark\:border-gray-800,
html.dark .dark\:border-gray-800 { border-color: #1f2937 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-800:hover,
html.dark .dark\:hover\:bg-gray-800:hover { background-color: #1f2937 !important; }
.dark .dark\:hover\:text-gray-800:hover,
html.dark .dark\:hover\:text-gray-800:hover { color: #1f2937 !important; }
.dark .dark\:hover\:border-gray-800:hover,
html.dark .dark\:hover\:border-gray-800:hover { border-color: #1f2937 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-800,
html.dark .group:hover .dark\:group-hover\:text-gray-800 { color: #1f2937 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-800,
html.dark .group:hover .dark\:group-hover\:bg-gray-800 { background-color: #1f2937 !important; }

.bg-gray-800\/10 { background-color: rgba(31, 41, 55, 0.1) !important; }
.text-gray-800\/10 { color: rgba(31, 41, 55, 0.1) !important; }
.border-gray-800\/10 { border-color: rgba(31, 41, 55, 0.1) !important; }

.hover\:bg-gray-800\/10:hover { background-color: rgba(31, 41, 55, 0.1) !important; }
.hover\:text-gray-800\/10:hover { color: rgba(31, 41, 55, 0.1) !important; }
.hover\:border-gray-800\/10:hover { border-color: rgba(31, 41, 55, 0.1) !important; }

.dark .dark\:bg-gray-800\/10,
html.dark .dark\:bg-gray-800\/10 { background-color: rgba(31, 41, 55, 0.1) !important; }
.dark .dark\:text-gray-800\/10,
html.dark .dark\:text-gray-800\/10 { color: rgba(31, 41, 55, 0.1) !important; }
.dark .dark\:border-gray-800\/10,
html.dark .dark\:border-gray-800\/10 { border-color: rgba(31, 41, 55, 0.1) !important; }

.dark .dark\:hover\:bg-gray-800\/10:hover,
html.dark .dark\:hover\:bg-gray-800\/10:hover { background-color: rgba(31, 41, 55, 0.1) !important; }
.dark .dark\:hover\:text-gray-800\/10:hover,
html.dark .dark\:hover\:text-gray-800\/10:hover { color: rgba(31, 41, 55, 0.1) !important; }
.dark .dark\:hover\:border-gray-800\/10:hover,
html.dark .dark\:hover\:border-gray-800\/10:hover { border-color: rgba(31, 41, 55, 0.1) !important; }

.bg-gray-800\/20 { background-color: rgba(31, 41, 55, 0.2) !important; }
.text-gray-800\/20 { color: rgba(31, 41, 55, 0.2) !important; }
.border-gray-800\/20 { border-color: rgba(31, 41, 55, 0.2) !important; }

.hover\:bg-gray-800\/20:hover { background-color: rgba(31, 41, 55, 0.2) !important; }
.hover\:text-gray-800\/20:hover { color: rgba(31, 41, 55, 0.2) !important; }
.hover\:border-gray-800\/20:hover { border-color: rgba(31, 41, 55, 0.2) !important; }

.dark .dark\:bg-gray-800\/20,
html.dark .dark\:bg-gray-800\/20 { background-color: rgba(31, 41, 55, 0.2) !important; }
.dark .dark\:text-gray-800\/20,
html.dark .dark\:text-gray-800\/20 { color: rgba(31, 41, 55, 0.2) !important; }
.dark .dark\:border-gray-800\/20,
html.dark .dark\:border-gray-800\/20 { border-color: rgba(31, 41, 55, 0.2) !important; }

.dark .dark\:hover\:bg-gray-800\/20:hover,
html.dark .dark\:hover\:bg-gray-800\/20:hover { background-color: rgba(31, 41, 55, 0.2) !important; }
.dark .dark\:hover\:text-gray-800\/20:hover,
html.dark .dark\:hover\:text-gray-800\/20:hover { color: rgba(31, 41, 55, 0.2) !important; }
.dark .dark\:hover\:border-gray-800\/20:hover,
html.dark .dark\:hover\:border-gray-800\/20:hover { border-color: rgba(31, 41, 55, 0.2) !important; }

.bg-gray-800\/25 { background-color: rgba(31, 41, 55, 0.25) !important; }
.text-gray-800\/25 { color: rgba(31, 41, 55, 0.25) !important; }
.border-gray-800\/25 { border-color: rgba(31, 41, 55, 0.25) !important; }

.hover\:bg-gray-800\/25:hover { background-color: rgba(31, 41, 55, 0.25) !important; }
.hover\:text-gray-800\/25:hover { color: rgba(31, 41, 55, 0.25) !important; }
.hover\:border-gray-800\/25:hover { border-color: rgba(31, 41, 55, 0.25) !important; }

.dark .dark\:bg-gray-800\/25,
html.dark .dark\:bg-gray-800\/25 { background-color: rgba(31, 41, 55, 0.25) !important; }
.dark .dark\:text-gray-800\/25,
html.dark .dark\:text-gray-800\/25 { color: rgba(31, 41, 55, 0.25) !important; }
.dark .dark\:border-gray-800\/25,
html.dark .dark\:border-gray-800\/25 { border-color: rgba(31, 41, 55, 0.25) !important; }

.dark .dark\:hover\:bg-gray-800\/25:hover,
html.dark .dark\:hover\:bg-gray-800\/25:hover { background-color: rgba(31, 41, 55, 0.25) !important; }
.dark .dark\:hover\:text-gray-800\/25:hover,
html.dark .dark\:hover\:text-gray-800\/25:hover { color: rgba(31, 41, 55, 0.25) !important; }
.dark .dark\:hover\:border-gray-800\/25:hover,
html.dark .dark\:hover\:border-gray-800\/25:hover { border-color: rgba(31, 41, 55, 0.25) !important; }

.bg-gray-800\/30 { background-color: rgba(31, 41, 55, 0.3) !important; }
.text-gray-800\/30 { color: rgba(31, 41, 55, 0.3) !important; }
.border-gray-800\/30 { border-color: rgba(31, 41, 55, 0.3) !important; }

.hover\:bg-gray-800\/30:hover { background-color: rgba(31, 41, 55, 0.3) !important; }
.hover\:text-gray-800\/30:hover { color: rgba(31, 41, 55, 0.3) !important; }
.hover\:border-gray-800\/30:hover { border-color: rgba(31, 41, 55, 0.3) !important; }

.dark .dark\:bg-gray-800\/30,
html.dark .dark\:bg-gray-800\/30 { background-color: rgba(31, 41, 55, 0.3) !important; }
.dark .dark\:text-gray-800\/30,
html.dark .dark\:text-gray-800\/30 { color: rgba(31, 41, 55, 0.3) !important; }
.dark .dark\:border-gray-800\/30,
html.dark .dark\:border-gray-800\/30 { border-color: rgba(31, 41, 55, 0.3) !important; }

.dark .dark\:hover\:bg-gray-800\/30:hover,
html.dark .dark\:hover\:bg-gray-800\/30:hover { background-color: rgba(31, 41, 55, 0.3) !important; }
.dark .dark\:hover\:text-gray-800\/30:hover,
html.dark .dark\:hover\:text-gray-800\/30:hover { color: rgba(31, 41, 55, 0.3) !important; }
.dark .dark\:hover\:border-gray-800\/30:hover,
html.dark .dark\:hover\:border-gray-800\/30:hover { border-color: rgba(31, 41, 55, 0.3) !important; }

.bg-gray-800\/40 { background-color: rgba(31, 41, 55, 0.4) !important; }
.text-gray-800\/40 { color: rgba(31, 41, 55, 0.4) !important; }
.border-gray-800\/40 { border-color: rgba(31, 41, 55, 0.4) !important; }

.hover\:bg-gray-800\/40:hover { background-color: rgba(31, 41, 55, 0.4) !important; }
.hover\:text-gray-800\/40:hover { color: rgba(31, 41, 55, 0.4) !important; }
.hover\:border-gray-800\/40:hover { border-color: rgba(31, 41, 55, 0.4) !important; }

.dark .dark\:bg-gray-800\/40,
html.dark .dark\:bg-gray-800\/40 { background-color: rgba(31, 41, 55, 0.4) !important; }
.dark .dark\:text-gray-800\/40,
html.dark .dark\:text-gray-800\/40 { color: rgba(31, 41, 55, 0.4) !important; }
.dark .dark\:border-gray-800\/40,
html.dark .dark\:border-gray-800\/40 { border-color: rgba(31, 41, 55, 0.4) !important; }

.dark .dark\:hover\:bg-gray-800\/40:hover,
html.dark .dark\:hover\:bg-gray-800\/40:hover { background-color: rgba(31, 41, 55, 0.4) !important; }
.dark .dark\:hover\:text-gray-800\/40:hover,
html.dark .dark\:hover\:text-gray-800\/40:hover { color: rgba(31, 41, 55, 0.4) !important; }
.dark .dark\:hover\:border-gray-800\/40:hover,
html.dark .dark\:hover\:border-gray-800\/40:hover { border-color: rgba(31, 41, 55, 0.4) !important; }

.bg-gray-800\/50 { background-color: rgba(31, 41, 55, 0.5) !important; }
.text-gray-800\/50 { color: rgba(31, 41, 55, 0.5) !important; }
.border-gray-800\/50 { border-color: rgba(31, 41, 55, 0.5) !important; }

.hover\:bg-gray-800\/50:hover { background-color: rgba(31, 41, 55, 0.5) !important; }
.hover\:text-gray-800\/50:hover { color: rgba(31, 41, 55, 0.5) !important; }
.hover\:border-gray-800\/50:hover { border-color: rgba(31, 41, 55, 0.5) !important; }

.dark .dark\:bg-gray-800\/50,
html.dark .dark\:bg-gray-800\/50 { background-color: rgba(31, 41, 55, 0.5) !important; }
.dark .dark\:text-gray-800\/50,
html.dark .dark\:text-gray-800\/50 { color: rgba(31, 41, 55, 0.5) !important; }
.dark .dark\:border-gray-800\/50,
html.dark .dark\:border-gray-800\/50 { border-color: rgba(31, 41, 55, 0.5) !important; }

.dark .dark\:hover\:bg-gray-800\/50:hover,
html.dark .dark\:hover\:bg-gray-800\/50:hover { background-color: rgba(31, 41, 55, 0.5) !important; }
.dark .dark\:hover\:text-gray-800\/50:hover,
html.dark .dark\:hover\:text-gray-800\/50:hover { color: rgba(31, 41, 55, 0.5) !important; }
.dark .dark\:hover\:border-gray-800\/50:hover,
html.dark .dark\:hover\:border-gray-800\/50:hover { border-color: rgba(31, 41, 55, 0.5) !important; }

.bg-gray-800\/60 { background-color: rgba(31, 41, 55, 0.6) !important; }
.text-gray-800\/60 { color: rgba(31, 41, 55, 0.6) !important; }
.border-gray-800\/60 { border-color: rgba(31, 41, 55, 0.6) !important; }

.hover\:bg-gray-800\/60:hover { background-color: rgba(31, 41, 55, 0.6) !important; }
.hover\:text-gray-800\/60:hover { color: rgba(31, 41, 55, 0.6) !important; }
.hover\:border-gray-800\/60:hover { border-color: rgba(31, 41, 55, 0.6) !important; }

.dark .dark\:bg-gray-800\/60,
html.dark .dark\:bg-gray-800\/60 { background-color: rgba(31, 41, 55, 0.6) !important; }
.dark .dark\:text-gray-800\/60,
html.dark .dark\:text-gray-800\/60 { color: rgba(31, 41, 55, 0.6) !important; }
.dark .dark\:border-gray-800\/60,
html.dark .dark\:border-gray-800\/60 { border-color: rgba(31, 41, 55, 0.6) !important; }

.dark .dark\:hover\:bg-gray-800\/60:hover,
html.dark .dark\:hover\:bg-gray-800\/60:hover { background-color: rgba(31, 41, 55, 0.6) !important; }
.dark .dark\:hover\:text-gray-800\/60:hover,
html.dark .dark\:hover\:text-gray-800\/60:hover { color: rgba(31, 41, 55, 0.6) !important; }
.dark .dark\:hover\:border-gray-800\/60:hover,
html.dark .dark\:hover\:border-gray-800\/60:hover { border-color: rgba(31, 41, 55, 0.6) !important; }

.bg-gray-800\/70 { background-color: rgba(31, 41, 55, 0.7) !important; }
.text-gray-800\/70 { color: rgba(31, 41, 55, 0.7) !important; }
.border-gray-800\/70 { border-color: rgba(31, 41, 55, 0.7) !important; }

.hover\:bg-gray-800\/70:hover { background-color: rgba(31, 41, 55, 0.7) !important; }
.hover\:text-gray-800\/70:hover { color: rgba(31, 41, 55, 0.7) !important; }
.hover\:border-gray-800\/70:hover { border-color: rgba(31, 41, 55, 0.7) !important; }

.dark .dark\:bg-gray-800\/70,
html.dark .dark\:bg-gray-800\/70 { background-color: rgba(31, 41, 55, 0.7) !important; }
.dark .dark\:text-gray-800\/70,
html.dark .dark\:text-gray-800\/70 { color: rgba(31, 41, 55, 0.7) !important; }
.dark .dark\:border-gray-800\/70,
html.dark .dark\:border-gray-800\/70 { border-color: rgba(31, 41, 55, 0.7) !important; }

.dark .dark\:hover\:bg-gray-800\/70:hover,
html.dark .dark\:hover\:bg-gray-800\/70:hover { background-color: rgba(31, 41, 55, 0.7) !important; }
.dark .dark\:hover\:text-gray-800\/70:hover,
html.dark .dark\:hover\:text-gray-800\/70:hover { color: rgba(31, 41, 55, 0.7) !important; }
.dark .dark\:hover\:border-gray-800\/70:hover,
html.dark .dark\:hover\:border-gray-800\/70:hover { border-color: rgba(31, 41, 55, 0.7) !important; }

.bg-gray-800\/75 { background-color: rgba(31, 41, 55, 0.75) !important; }
.text-gray-800\/75 { color: rgba(31, 41, 55, 0.75) !important; }
.border-gray-800\/75 { border-color: rgba(31, 41, 55, 0.75) !important; }

.hover\:bg-gray-800\/75:hover { background-color: rgba(31, 41, 55, 0.75) !important; }
.hover\:text-gray-800\/75:hover { color: rgba(31, 41, 55, 0.75) !important; }
.hover\:border-gray-800\/75:hover { border-color: rgba(31, 41, 55, 0.75) !important; }

.dark .dark\:bg-gray-800\/75,
html.dark .dark\:bg-gray-800\/75 { background-color: rgba(31, 41, 55, 0.75) !important; }
.dark .dark\:text-gray-800\/75,
html.dark .dark\:text-gray-800\/75 { color: rgba(31, 41, 55, 0.75) !important; }
.dark .dark\:border-gray-800\/75,
html.dark .dark\:border-gray-800\/75 { border-color: rgba(31, 41, 55, 0.75) !important; }

.dark .dark\:hover\:bg-gray-800\/75:hover,
html.dark .dark\:hover\:bg-gray-800\/75:hover { background-color: rgba(31, 41, 55, 0.75) !important; }
.dark .dark\:hover\:text-gray-800\/75:hover,
html.dark .dark\:hover\:text-gray-800\/75:hover { color: rgba(31, 41, 55, 0.75) !important; }
.dark .dark\:hover\:border-gray-800\/75:hover,
html.dark .dark\:hover\:border-gray-800\/75:hover { border-color: rgba(31, 41, 55, 0.75) !important; }

.bg-gray-800\/80 { background-color: rgba(31, 41, 55, 0.8) !important; }
.text-gray-800\/80 { color: rgba(31, 41, 55, 0.8) !important; }
.border-gray-800\/80 { border-color: rgba(31, 41, 55, 0.8) !important; }

.hover\:bg-gray-800\/80:hover { background-color: rgba(31, 41, 55, 0.8) !important; }
.hover\:text-gray-800\/80:hover { color: rgba(31, 41, 55, 0.8) !important; }
.hover\:border-gray-800\/80:hover { border-color: rgba(31, 41, 55, 0.8) !important; }

.dark .dark\:bg-gray-800\/80,
html.dark .dark\:bg-gray-800\/80 { background-color: rgba(31, 41, 55, 0.8) !important; }
.dark .dark\:text-gray-800\/80,
html.dark .dark\:text-gray-800\/80 { color: rgba(31, 41, 55, 0.8) !important; }
.dark .dark\:border-gray-800\/80,
html.dark .dark\:border-gray-800\/80 { border-color: rgba(31, 41, 55, 0.8) !important; }

.dark .dark\:hover\:bg-gray-800\/80:hover,
html.dark .dark\:hover\:bg-gray-800\/80:hover { background-color: rgba(31, 41, 55, 0.8) !important; }
.dark .dark\:hover\:text-gray-800\/80:hover,
html.dark .dark\:hover\:text-gray-800\/80:hover { color: rgba(31, 41, 55, 0.8) !important; }
.dark .dark\:hover\:border-gray-800\/80:hover,
html.dark .dark\:hover\:border-gray-800\/80:hover { border-color: rgba(31, 41, 55, 0.8) !important; }

.bg-gray-800\/90 { background-color: rgba(31, 41, 55, 0.9) !important; }
.text-gray-800\/90 { color: rgba(31, 41, 55, 0.9) !important; }
.border-gray-800\/90 { border-color: rgba(31, 41, 55, 0.9) !important; }

.hover\:bg-gray-800\/90:hover { background-color: rgba(31, 41, 55, 0.9) !important; }
.hover\:text-gray-800\/90:hover { color: rgba(31, 41, 55, 0.9) !important; }
.hover\:border-gray-800\/90:hover { border-color: rgba(31, 41, 55, 0.9) !important; }

.dark .dark\:bg-gray-800\/90,
html.dark .dark\:bg-gray-800\/90 { background-color: rgba(31, 41, 55, 0.9) !important; }
.dark .dark\:text-gray-800\/90,
html.dark .dark\:text-gray-800\/90 { color: rgba(31, 41, 55, 0.9) !important; }
.dark .dark\:border-gray-800\/90,
html.dark .dark\:border-gray-800\/90 { border-color: rgba(31, 41, 55, 0.9) !important; }

.dark .dark\:hover\:bg-gray-800\/90:hover,
html.dark .dark\:hover\:bg-gray-800\/90:hover { background-color: rgba(31, 41, 55, 0.9) !important; }
.dark .dark\:hover\:text-gray-800\/90:hover,
html.dark .dark\:hover\:text-gray-800\/90:hover { color: rgba(31, 41, 55, 0.9) !important; }
.dark .dark\:hover\:border-gray-800\/90:hover,
html.dark .dark\:hover\:border-gray-800\/90:hover { border-color: rgba(31, 41, 55, 0.9) !important; }

.bg-gray-800\/95 { background-color: rgba(31, 41, 55, 0.95) !important; }
.text-gray-800\/95 { color: rgba(31, 41, 55, 0.95) !important; }
.border-gray-800\/95 { border-color: rgba(31, 41, 55, 0.95) !important; }

.hover\:bg-gray-800\/95:hover { background-color: rgba(31, 41, 55, 0.95) !important; }
.hover\:text-gray-800\/95:hover { color: rgba(31, 41, 55, 0.95) !important; }
.hover\:border-gray-800\/95:hover { border-color: rgba(31, 41, 55, 0.95) !important; }

.dark .dark\:bg-gray-800\/95,
html.dark .dark\:bg-gray-800\/95 { background-color: rgba(31, 41, 55, 0.95) !important; }
.dark .dark\:text-gray-800\/95,
html.dark .dark\:text-gray-800\/95 { color: rgba(31, 41, 55, 0.95) !important; }
.dark .dark\:border-gray-800\/95,
html.dark .dark\:border-gray-800\/95 { border-color: rgba(31, 41, 55, 0.95) !important; }

.dark .dark\:hover\:bg-gray-800\/95:hover,
html.dark .dark\:hover\:bg-gray-800\/95:hover { background-color: rgba(31, 41, 55, 0.95) !important; }
.dark .dark\:hover\:text-gray-800\/95:hover,
html.dark .dark\:hover\:text-gray-800\/95:hover { color: rgba(31, 41, 55, 0.95) !important; }
.dark .dark\:hover\:border-gray-800\/95:hover,
html.dark .dark\:hover\:border-gray-800\/95:hover { border-color: rgba(31, 41, 55, 0.95) !important; }

.bg-gray-900 { background-color: #111827 !important; }
.text-gray-900 { color: #111827 !important; }
.border-gray-900 { border-color: #111827 !important; }
.fill-gray-900 { fill: #111827 !important; }
.stroke-gray-900 { stroke: #111827 !important; }

/* Hover states */
.hover\:bg-gray-900:hover { background-color: #111827 !important; }
.hover\:text-gray-900:hover { color: #111827 !important; }
.hover\:border-gray-900:hover { border-color: #111827 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-900,
html.dark .dark\:bg-gray-900 { background-color: #111827 !important; }
.dark .dark\:text-gray-900,
html.dark .dark\:text-gray-900 { color: #111827 !important; }
.dark .dark\:border-gray-900,
html.dark .dark\:border-gray-900 { border-color: #111827 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-900:hover,
html.dark .dark\:hover\:bg-gray-900:hover { background-color: #111827 !important; }
.dark .dark\:hover\:text-gray-900:hover,
html.dark .dark\:hover\:text-gray-900:hover { color: #111827 !important; }
.dark .dark\:hover\:border-gray-900:hover,
html.dark .dark\:hover\:border-gray-900:hover { border-color: #111827 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-900,
html.dark .group:hover .dark\:group-hover\:text-gray-900 { color: #111827 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-900,
html.dark .group:hover .dark\:group-hover\:bg-gray-900 { background-color: #111827 !important; }

.bg-gray-900\/10 { background-color: rgba(17, 24, 39, 0.1) !important; }
.text-gray-900\/10 { color: rgba(17, 24, 39, 0.1) !important; }
.border-gray-900\/10 { border-color: rgba(17, 24, 39, 0.1) !important; }

.hover\:bg-gray-900\/10:hover { background-color: rgba(17, 24, 39, 0.1) !important; }
.hover\:text-gray-900\/10:hover { color: rgba(17, 24, 39, 0.1) !important; }
.hover\:border-gray-900\/10:hover { border-color: rgba(17, 24, 39, 0.1) !important; }

.dark .dark\:bg-gray-900\/10,
html.dark .dark\:bg-gray-900\/10 { background-color: rgba(17, 24, 39, 0.1) !important; }
.dark .dark\:text-gray-900\/10,
html.dark .dark\:text-gray-900\/10 { color: rgba(17, 24, 39, 0.1) !important; }
.dark .dark\:border-gray-900\/10,
html.dark .dark\:border-gray-900\/10 { border-color: rgba(17, 24, 39, 0.1) !important; }

.dark .dark\:hover\:bg-gray-900\/10:hover,
html.dark .dark\:hover\:bg-gray-900\/10:hover { background-color: rgba(17, 24, 39, 0.1) !important; }
.dark .dark\:hover\:text-gray-900\/10:hover,
html.dark .dark\:hover\:text-gray-900\/10:hover { color: rgba(17, 24, 39, 0.1) !important; }
.dark .dark\:hover\:border-gray-900\/10:hover,
html.dark .dark\:hover\:border-gray-900\/10:hover { border-color: rgba(17, 24, 39, 0.1) !important; }

.bg-gray-900\/20 { background-color: rgba(17, 24, 39, 0.2) !important; }
.text-gray-900\/20 { color: rgba(17, 24, 39, 0.2) !important; }
.border-gray-900\/20 { border-color: rgba(17, 24, 39, 0.2) !important; }

.hover\:bg-gray-900\/20:hover { background-color: rgba(17, 24, 39, 0.2) !important; }
.hover\:text-gray-900\/20:hover { color: rgba(17, 24, 39, 0.2) !important; }
.hover\:border-gray-900\/20:hover { border-color: rgba(17, 24, 39, 0.2) !important; }

.dark .dark\:bg-gray-900\/20,
html.dark .dark\:bg-gray-900\/20 { background-color: rgba(17, 24, 39, 0.2) !important; }
.dark .dark\:text-gray-900\/20,
html.dark .dark\:text-gray-900\/20 { color: rgba(17, 24, 39, 0.2) !important; }
.dark .dark\:border-gray-900\/20,
html.dark .dark\:border-gray-900\/20 { border-color: rgba(17, 24, 39, 0.2) !important; }

.dark .dark\:hover\:bg-gray-900\/20:hover,
html.dark .dark\:hover\:bg-gray-900\/20:hover { background-color: rgba(17, 24, 39, 0.2) !important; }
.dark .dark\:hover\:text-gray-900\/20:hover,
html.dark .dark\:hover\:text-gray-900\/20:hover { color: rgba(17, 24, 39, 0.2) !important; }
.dark .dark\:hover\:border-gray-900\/20:hover,
html.dark .dark\:hover\:border-gray-900\/20:hover { border-color: rgba(17, 24, 39, 0.2) !important; }

.bg-gray-900\/25 { background-color: rgba(17, 24, 39, 0.25) !important; }
.text-gray-900\/25 { color: rgba(17, 24, 39, 0.25) !important; }
.border-gray-900\/25 { border-color: rgba(17, 24, 39, 0.25) !important; }

.hover\:bg-gray-900\/25:hover { background-color: rgba(17, 24, 39, 0.25) !important; }
.hover\:text-gray-900\/25:hover { color: rgba(17, 24, 39, 0.25) !important; }
.hover\:border-gray-900\/25:hover { border-color: rgba(17, 24, 39, 0.25) !important; }

.dark .dark\:bg-gray-900\/25,
html.dark .dark\:bg-gray-900\/25 { background-color: rgba(17, 24, 39, 0.25) !important; }
.dark .dark\:text-gray-900\/25,
html.dark .dark\:text-gray-900\/25 { color: rgba(17, 24, 39, 0.25) !important; }
.dark .dark\:border-gray-900\/25,
html.dark .dark\:border-gray-900\/25 { border-color: rgba(17, 24, 39, 0.25) !important; }

.dark .dark\:hover\:bg-gray-900\/25:hover,
html.dark .dark\:hover\:bg-gray-900\/25:hover { background-color: rgba(17, 24, 39, 0.25) !important; }
.dark .dark\:hover\:text-gray-900\/25:hover,
html.dark .dark\:hover\:text-gray-900\/25:hover { color: rgba(17, 24, 39, 0.25) !important; }
.dark .dark\:hover\:border-gray-900\/25:hover,
html.dark .dark\:hover\:border-gray-900\/25:hover { border-color: rgba(17, 24, 39, 0.25) !important; }

.bg-gray-900\/30 { background-color: rgba(17, 24, 39, 0.3) !important; }
.text-gray-900\/30 { color: rgba(17, 24, 39, 0.3) !important; }
.border-gray-900\/30 { border-color: rgba(17, 24, 39, 0.3) !important; }

.hover\:bg-gray-900\/30:hover { background-color: rgba(17, 24, 39, 0.3) !important; }
.hover\:text-gray-900\/30:hover { color: rgba(17, 24, 39, 0.3) !important; }
.hover\:border-gray-900\/30:hover { border-color: rgba(17, 24, 39, 0.3) !important; }

.dark .dark\:bg-gray-900\/30,
html.dark .dark\:bg-gray-900\/30 { background-color: rgba(17, 24, 39, 0.3) !important; }
.dark .dark\:text-gray-900\/30,
html.dark .dark\:text-gray-900\/30 { color: rgba(17, 24, 39, 0.3) !important; }
.dark .dark\:border-gray-900\/30,
html.dark .dark\:border-gray-900\/30 { border-color: rgba(17, 24, 39, 0.3) !important; }

.dark .dark\:hover\:bg-gray-900\/30:hover,
html.dark .dark\:hover\:bg-gray-900\/30:hover { background-color: rgba(17, 24, 39, 0.3) !important; }
.dark .dark\:hover\:text-gray-900\/30:hover,
html.dark .dark\:hover\:text-gray-900\/30:hover { color: rgba(17, 24, 39, 0.3) !important; }
.dark .dark\:hover\:border-gray-900\/30:hover,
html.dark .dark\:hover\:border-gray-900\/30:hover { border-color: rgba(17, 24, 39, 0.3) !important; }

.bg-gray-900\/40 { background-color: rgba(17, 24, 39, 0.4) !important; }
.text-gray-900\/40 { color: rgba(17, 24, 39, 0.4) !important; }
.border-gray-900\/40 { border-color: rgba(17, 24, 39, 0.4) !important; }

.hover\:bg-gray-900\/40:hover { background-color: rgba(17, 24, 39, 0.4) !important; }
.hover\:text-gray-900\/40:hover { color: rgba(17, 24, 39, 0.4) !important; }
.hover\:border-gray-900\/40:hover { border-color: rgba(17, 24, 39, 0.4) !important; }

.dark .dark\:bg-gray-900\/40,
html.dark .dark\:bg-gray-900\/40 { background-color: rgba(17, 24, 39, 0.4) !important; }
.dark .dark\:text-gray-900\/40,
html.dark .dark\:text-gray-900\/40 { color: rgba(17, 24, 39, 0.4) !important; }
.dark .dark\:border-gray-900\/40,
html.dark .dark\:border-gray-900\/40 { border-color: rgba(17, 24, 39, 0.4) !important; }

.dark .dark\:hover\:bg-gray-900\/40:hover,
html.dark .dark\:hover\:bg-gray-900\/40:hover { background-color: rgba(17, 24, 39, 0.4) !important; }
.dark .dark\:hover\:text-gray-900\/40:hover,
html.dark .dark\:hover\:text-gray-900\/40:hover { color: rgba(17, 24, 39, 0.4) !important; }
.dark .dark\:hover\:border-gray-900\/40:hover,
html.dark .dark\:hover\:border-gray-900\/40:hover { border-color: rgba(17, 24, 39, 0.4) !important; }

.bg-gray-900\/50 { background-color: rgba(17, 24, 39, 0.5) !important; }
.text-gray-900\/50 { color: rgba(17, 24, 39, 0.5) !important; }
.border-gray-900\/50 { border-color: rgba(17, 24, 39, 0.5) !important; }

.hover\:bg-gray-900\/50:hover { background-color: rgba(17, 24, 39, 0.5) !important; }
.hover\:text-gray-900\/50:hover { color: rgba(17, 24, 39, 0.5) !important; }
.hover\:border-gray-900\/50:hover { border-color: rgba(17, 24, 39, 0.5) !important; }

.dark .dark\:bg-gray-900\/50,
html.dark .dark\:bg-gray-900\/50 { background-color: rgba(17, 24, 39, 0.5) !important; }
.dark .dark\:text-gray-900\/50,
html.dark .dark\:text-gray-900\/50 { color: rgba(17, 24, 39, 0.5) !important; }
.dark .dark\:border-gray-900\/50,
html.dark .dark\:border-gray-900\/50 { border-color: rgba(17, 24, 39, 0.5) !important; }

.dark .dark\:hover\:bg-gray-900\/50:hover,
html.dark .dark\:hover\:bg-gray-900\/50:hover { background-color: rgba(17, 24, 39, 0.5) !important; }
.dark .dark\:hover\:text-gray-900\/50:hover,
html.dark .dark\:hover\:text-gray-900\/50:hover { color: rgba(17, 24, 39, 0.5) !important; }
.dark .dark\:hover\:border-gray-900\/50:hover,
html.dark .dark\:hover\:border-gray-900\/50:hover { border-color: rgba(17, 24, 39, 0.5) !important; }

.bg-gray-900\/60 { background-color: rgba(17, 24, 39, 0.6) !important; }
.text-gray-900\/60 { color: rgba(17, 24, 39, 0.6) !important; }
.border-gray-900\/60 { border-color: rgba(17, 24, 39, 0.6) !important; }

.hover\:bg-gray-900\/60:hover { background-color: rgba(17, 24, 39, 0.6) !important; }
.hover\:text-gray-900\/60:hover { color: rgba(17, 24, 39, 0.6) !important; }
.hover\:border-gray-900\/60:hover { border-color: rgba(17, 24, 39, 0.6) !important; }

.dark .dark\:bg-gray-900\/60,
html.dark .dark\:bg-gray-900\/60 { background-color: rgba(17, 24, 39, 0.6) !important; }
.dark .dark\:text-gray-900\/60,
html.dark .dark\:text-gray-900\/60 { color: rgba(17, 24, 39, 0.6) !important; }
.dark .dark\:border-gray-900\/60,
html.dark .dark\:border-gray-900\/60 { border-color: rgba(17, 24, 39, 0.6) !important; }

.dark .dark\:hover\:bg-gray-900\/60:hover,
html.dark .dark\:hover\:bg-gray-900\/60:hover { background-color: rgba(17, 24, 39, 0.6) !important; }
.dark .dark\:hover\:text-gray-900\/60:hover,
html.dark .dark\:hover\:text-gray-900\/60:hover { color: rgba(17, 24, 39, 0.6) !important; }
.dark .dark\:hover\:border-gray-900\/60:hover,
html.dark .dark\:hover\:border-gray-900\/60:hover { border-color: rgba(17, 24, 39, 0.6) !important; }

.bg-gray-900\/70 { background-color: rgba(17, 24, 39, 0.7) !important; }
.text-gray-900\/70 { color: rgba(17, 24, 39, 0.7) !important; }
.border-gray-900\/70 { border-color: rgba(17, 24, 39, 0.7) !important; }

.hover\:bg-gray-900\/70:hover { background-color: rgba(17, 24, 39, 0.7) !important; }
.hover\:text-gray-900\/70:hover { color: rgba(17, 24, 39, 0.7) !important; }
.hover\:border-gray-900\/70:hover { border-color: rgba(17, 24, 39, 0.7) !important; }

.dark .dark\:bg-gray-900\/70,
html.dark .dark\:bg-gray-900\/70 { background-color: rgba(17, 24, 39, 0.7) !important; }
.dark .dark\:text-gray-900\/70,
html.dark .dark\:text-gray-900\/70 { color: rgba(17, 24, 39, 0.7) !important; }
.dark .dark\:border-gray-900\/70,
html.dark .dark\:border-gray-900\/70 { border-color: rgba(17, 24, 39, 0.7) !important; }

.dark .dark\:hover\:bg-gray-900\/70:hover,
html.dark .dark\:hover\:bg-gray-900\/70:hover { background-color: rgba(17, 24, 39, 0.7) !important; }
.dark .dark\:hover\:text-gray-900\/70:hover,
html.dark .dark\:hover\:text-gray-900\/70:hover { color: rgba(17, 24, 39, 0.7) !important; }
.dark .dark\:hover\:border-gray-900\/70:hover,
html.dark .dark\:hover\:border-gray-900\/70:hover { border-color: rgba(17, 24, 39, 0.7) !important; }

.bg-gray-900\/75 { background-color: rgba(17, 24, 39, 0.75) !important; }
.text-gray-900\/75 { color: rgba(17, 24, 39, 0.75) !important; }
.border-gray-900\/75 { border-color: rgba(17, 24, 39, 0.75) !important; }

.hover\:bg-gray-900\/75:hover { background-color: rgba(17, 24, 39, 0.75) !important; }
.hover\:text-gray-900\/75:hover { color: rgba(17, 24, 39, 0.75) !important; }
.hover\:border-gray-900\/75:hover { border-color: rgba(17, 24, 39, 0.75) !important; }

.dark .dark\:bg-gray-900\/75,
html.dark .dark\:bg-gray-900\/75 { background-color: rgba(17, 24, 39, 0.75) !important; }
.dark .dark\:text-gray-900\/75,
html.dark .dark\:text-gray-900\/75 { color: rgba(17, 24, 39, 0.75) !important; }
.dark .dark\:border-gray-900\/75,
html.dark .dark\:border-gray-900\/75 { border-color: rgba(17, 24, 39, 0.75) !important; }

.dark .dark\:hover\:bg-gray-900\/75:hover,
html.dark .dark\:hover\:bg-gray-900\/75:hover { background-color: rgba(17, 24, 39, 0.75) !important; }
.dark .dark\:hover\:text-gray-900\/75:hover,
html.dark .dark\:hover\:text-gray-900\/75:hover { color: rgba(17, 24, 39, 0.75) !important; }
.dark .dark\:hover\:border-gray-900\/75:hover,
html.dark .dark\:hover\:border-gray-900\/75:hover { border-color: rgba(17, 24, 39, 0.75) !important; }

.bg-gray-900\/80 { background-color: rgba(17, 24, 39, 0.8) !important; }
.text-gray-900\/80 { color: rgba(17, 24, 39, 0.8) !important; }
.border-gray-900\/80 { border-color: rgba(17, 24, 39, 0.8) !important; }

.hover\:bg-gray-900\/80:hover { background-color: rgba(17, 24, 39, 0.8) !important; }
.hover\:text-gray-900\/80:hover { color: rgba(17, 24, 39, 0.8) !important; }
.hover\:border-gray-900\/80:hover { border-color: rgba(17, 24, 39, 0.8) !important; }

.dark .dark\:bg-gray-900\/80,
html.dark .dark\:bg-gray-900\/80 { background-color: rgba(17, 24, 39, 0.8) !important; }
.dark .dark\:text-gray-900\/80,
html.dark .dark\:text-gray-900\/80 { color: rgba(17, 24, 39, 0.8) !important; }
.dark .dark\:border-gray-900\/80,
html.dark .dark\:border-gray-900\/80 { border-color: rgba(17, 24, 39, 0.8) !important; }

.dark .dark\:hover\:bg-gray-900\/80:hover,
html.dark .dark\:hover\:bg-gray-900\/80:hover { background-color: rgba(17, 24, 39, 0.8) !important; }
.dark .dark\:hover\:text-gray-900\/80:hover,
html.dark .dark\:hover\:text-gray-900\/80:hover { color: rgba(17, 24, 39, 0.8) !important; }
.dark .dark\:hover\:border-gray-900\/80:hover,
html.dark .dark\:hover\:border-gray-900\/80:hover { border-color: rgba(17, 24, 39, 0.8) !important; }

.bg-gray-900\/90 { background-color: rgba(17, 24, 39, 0.9) !important; }
.text-gray-900\/90 { color: rgba(17, 24, 39, 0.9) !important; }
.border-gray-900\/90 { border-color: rgba(17, 24, 39, 0.9) !important; }

.hover\:bg-gray-900\/90:hover { background-color: rgba(17, 24, 39, 0.9) !important; }
.hover\:text-gray-900\/90:hover { color: rgba(17, 24, 39, 0.9) !important; }
.hover\:border-gray-900\/90:hover { border-color: rgba(17, 24, 39, 0.9) !important; }

.dark .dark\:bg-gray-900\/90,
html.dark .dark\:bg-gray-900\/90 { background-color: rgba(17, 24, 39, 0.9) !important; }
.dark .dark\:text-gray-900\/90,
html.dark .dark\:text-gray-900\/90 { color: rgba(17, 24, 39, 0.9) !important; }
.dark .dark\:border-gray-900\/90,
html.dark .dark\:border-gray-900\/90 { border-color: rgba(17, 24, 39, 0.9) !important; }

.dark .dark\:hover\:bg-gray-900\/90:hover,
html.dark .dark\:hover\:bg-gray-900\/90:hover { background-color: rgba(17, 24, 39, 0.9) !important; }
.dark .dark\:hover\:text-gray-900\/90:hover,
html.dark .dark\:hover\:text-gray-900\/90:hover { color: rgba(17, 24, 39, 0.9) !important; }
.dark .dark\:hover\:border-gray-900\/90:hover,
html.dark .dark\:hover\:border-gray-900\/90:hover { border-color: rgba(17, 24, 39, 0.9) !important; }

.bg-gray-900\/95 { background-color: rgba(17, 24, 39, 0.95) !important; }
.text-gray-900\/95 { color: rgba(17, 24, 39, 0.95) !important; }
.border-gray-900\/95 { border-color: rgba(17, 24, 39, 0.95) !important; }

.hover\:bg-gray-900\/95:hover { background-color: rgba(17, 24, 39, 0.95) !important; }
.hover\:text-gray-900\/95:hover { color: rgba(17, 24, 39, 0.95) !important; }
.hover\:border-gray-900\/95:hover { border-color: rgba(17, 24, 39, 0.95) !important; }

.dark .dark\:bg-gray-900\/95,
html.dark .dark\:bg-gray-900\/95 { background-color: rgba(17, 24, 39, 0.95) !important; }
.dark .dark\:text-gray-900\/95,
html.dark .dark\:text-gray-900\/95 { color: rgba(17, 24, 39, 0.95) !important; }
.dark .dark\:border-gray-900\/95,
html.dark .dark\:border-gray-900\/95 { border-color: rgba(17, 24, 39, 0.95) !important; }

.dark .dark\:hover\:bg-gray-900\/95:hover,
html.dark .dark\:hover\:bg-gray-900\/95:hover { background-color: rgba(17, 24, 39, 0.95) !important; }
.dark .dark\:hover\:text-gray-900\/95:hover,
html.dark .dark\:hover\:text-gray-900\/95:hover { color: rgba(17, 24, 39, 0.95) !important; }
.dark .dark\:hover\:border-gray-900\/95:hover,
html.dark .dark\:hover\:border-gray-900\/95:hover { border-color: rgba(17, 24, 39, 0.95) !important; }

.bg-gray-950 { background-color: #030712 !important; }
.text-gray-950 { color: #030712 !important; }
.border-gray-950 { border-color: #030712 !important; }
.fill-gray-950 { fill: #030712 !important; }
.stroke-gray-950 { stroke: #030712 !important; }

/* Hover states */
.hover\:bg-gray-950:hover { background-color: #030712 !important; }
.hover\:text-gray-950:hover { color: #030712 !important; }
.hover\:border-gray-950:hover { border-color: #030712 !important; }

/* Dark mode standard */
.dark .dark\:bg-gray-950,
html.dark .dark\:bg-gray-950 { background-color: #030712 !important; }
.dark .dark\:text-gray-950,
html.dark .dark\:text-gray-950 { color: #030712 !important; }
.dark .dark\:border-gray-950,
html.dark .dark\:border-gray-950 { border-color: #030712 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-gray-950:hover,
html.dark .dark\:hover\:bg-gray-950:hover { background-color: #030712 !important; }
.dark .dark\:hover\:text-gray-950:hover,
html.dark .dark\:hover\:text-gray-950:hover { color: #030712 !important; }
.dark .dark\:hover\:border-gray-950:hover,
html.dark .dark\:hover\:border-gray-950:hover { border-color: #030712 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-gray-950,
html.dark .group:hover .dark\:group-hover\:text-gray-950 { color: #030712 !important; }
.dark .group:hover .dark\:group-hover\:bg-gray-950,
html.dark .group:hover .dark\:group-hover\:bg-gray-950 { background-color: #030712 !important; }

.bg-gray-950\/10 { background-color: rgba(3, 7, 18, 0.1) !important; }
.text-gray-950\/10 { color: rgba(3, 7, 18, 0.1) !important; }
.border-gray-950\/10 { border-color: rgba(3, 7, 18, 0.1) !important; }

.hover\:bg-gray-950\/10:hover { background-color: rgba(3, 7, 18, 0.1) !important; }
.hover\:text-gray-950\/10:hover { color: rgba(3, 7, 18, 0.1) !important; }
.hover\:border-gray-950\/10:hover { border-color: rgba(3, 7, 18, 0.1) !important; }

.dark .dark\:bg-gray-950\/10,
html.dark .dark\:bg-gray-950\/10 { background-color: rgba(3, 7, 18, 0.1) !important; }
.dark .dark\:text-gray-950\/10,
html.dark .dark\:text-gray-950\/10 { color: rgba(3, 7, 18, 0.1) !important; }
.dark .dark\:border-gray-950\/10,
html.dark .dark\:border-gray-950\/10 { border-color: rgba(3, 7, 18, 0.1) !important; }

.dark .dark\:hover\:bg-gray-950\/10:hover,
html.dark .dark\:hover\:bg-gray-950\/10:hover { background-color: rgba(3, 7, 18, 0.1) !important; }
.dark .dark\:hover\:text-gray-950\/10:hover,
html.dark .dark\:hover\:text-gray-950\/10:hover { color: rgba(3, 7, 18, 0.1) !important; }
.dark .dark\:hover\:border-gray-950\/10:hover,
html.dark .dark\:hover\:border-gray-950\/10:hover { border-color: rgba(3, 7, 18, 0.1) !important; }

.bg-gray-950\/20 { background-color: rgba(3, 7, 18, 0.2) !important; }
.text-gray-950\/20 { color: rgba(3, 7, 18, 0.2) !important; }
.border-gray-950\/20 { border-color: rgba(3, 7, 18, 0.2) !important; }

.hover\:bg-gray-950\/20:hover { background-color: rgba(3, 7, 18, 0.2) !important; }
.hover\:text-gray-950\/20:hover { color: rgba(3, 7, 18, 0.2) !important; }
.hover\:border-gray-950\/20:hover { border-color: rgba(3, 7, 18, 0.2) !important; }

.dark .dark\:bg-gray-950\/20,
html.dark .dark\:bg-gray-950\/20 { background-color: rgba(3, 7, 18, 0.2) !important; }
.dark .dark\:text-gray-950\/20,
html.dark .dark\:text-gray-950\/20 { color: rgba(3, 7, 18, 0.2) !important; }
.dark .dark\:border-gray-950\/20,
html.dark .dark\:border-gray-950\/20 { border-color: rgba(3, 7, 18, 0.2) !important; }

.dark .dark\:hover\:bg-gray-950\/20:hover,
html.dark .dark\:hover\:bg-gray-950\/20:hover { background-color: rgba(3, 7, 18, 0.2) !important; }
.dark .dark\:hover\:text-gray-950\/20:hover,
html.dark .dark\:hover\:text-gray-950\/20:hover { color: rgba(3, 7, 18, 0.2) !important; }
.dark .dark\:hover\:border-gray-950\/20:hover,
html.dark .dark\:hover\:border-gray-950\/20:hover { border-color: rgba(3, 7, 18, 0.2) !important; }

.bg-gray-950\/25 { background-color: rgba(3, 7, 18, 0.25) !important; }
.text-gray-950\/25 { color: rgba(3, 7, 18, 0.25) !important; }
.border-gray-950\/25 { border-color: rgba(3, 7, 18, 0.25) !important; }

.hover\:bg-gray-950\/25:hover { background-color: rgba(3, 7, 18, 0.25) !important; }
.hover\:text-gray-950\/25:hover { color: rgba(3, 7, 18, 0.25) !important; }
.hover\:border-gray-950\/25:hover { border-color: rgba(3, 7, 18, 0.25) !important; }

.dark .dark\:bg-gray-950\/25,
html.dark .dark\:bg-gray-950\/25 { background-color: rgba(3, 7, 18, 0.25) !important; }
.dark .dark\:text-gray-950\/25,
html.dark .dark\:text-gray-950\/25 { color: rgba(3, 7, 18, 0.25) !important; }
.dark .dark\:border-gray-950\/25,
html.dark .dark\:border-gray-950\/25 { border-color: rgba(3, 7, 18, 0.25) !important; }

.dark .dark\:hover\:bg-gray-950\/25:hover,
html.dark .dark\:hover\:bg-gray-950\/25:hover { background-color: rgba(3, 7, 18, 0.25) !important; }
.dark .dark\:hover\:text-gray-950\/25:hover,
html.dark .dark\:hover\:text-gray-950\/25:hover { color: rgba(3, 7, 18, 0.25) !important; }
.dark .dark\:hover\:border-gray-950\/25:hover,
html.dark .dark\:hover\:border-gray-950\/25:hover { border-color: rgba(3, 7, 18, 0.25) !important; }

.bg-gray-950\/30 { background-color: rgba(3, 7, 18, 0.3) !important; }
.text-gray-950\/30 { color: rgba(3, 7, 18, 0.3) !important; }
.border-gray-950\/30 { border-color: rgba(3, 7, 18, 0.3) !important; }

.hover\:bg-gray-950\/30:hover { background-color: rgba(3, 7, 18, 0.3) !important; }
.hover\:text-gray-950\/30:hover { color: rgba(3, 7, 18, 0.3) !important; }
.hover\:border-gray-950\/30:hover { border-color: rgba(3, 7, 18, 0.3) !important; }

.dark .dark\:bg-gray-950\/30,
html.dark .dark\:bg-gray-950\/30 { background-color: rgba(3, 7, 18, 0.3) !important; }
.dark .dark\:text-gray-950\/30,
html.dark .dark\:text-gray-950\/30 { color: rgba(3, 7, 18, 0.3) !important; }
.dark .dark\:border-gray-950\/30,
html.dark .dark\:border-gray-950\/30 { border-color: rgba(3, 7, 18, 0.3) !important; }

.dark .dark\:hover\:bg-gray-950\/30:hover,
html.dark .dark\:hover\:bg-gray-950\/30:hover { background-color: rgba(3, 7, 18, 0.3) !important; }
.dark .dark\:hover\:text-gray-950\/30:hover,
html.dark .dark\:hover\:text-gray-950\/30:hover { color: rgba(3, 7, 18, 0.3) !important; }
.dark .dark\:hover\:border-gray-950\/30:hover,
html.dark .dark\:hover\:border-gray-950\/30:hover { border-color: rgba(3, 7, 18, 0.3) !important; }

.bg-gray-950\/40 { background-color: rgba(3, 7, 18, 0.4) !important; }
.text-gray-950\/40 { color: rgba(3, 7, 18, 0.4) !important; }
.border-gray-950\/40 { border-color: rgba(3, 7, 18, 0.4) !important; }

.hover\:bg-gray-950\/40:hover { background-color: rgba(3, 7, 18, 0.4) !important; }
.hover\:text-gray-950\/40:hover { color: rgba(3, 7, 18, 0.4) !important; }
.hover\:border-gray-950\/40:hover { border-color: rgba(3, 7, 18, 0.4) !important; }

.dark .dark\:bg-gray-950\/40,
html.dark .dark\:bg-gray-950\/40 { background-color: rgba(3, 7, 18, 0.4) !important; }
.dark .dark\:text-gray-950\/40,
html.dark .dark\:text-gray-950\/40 { color: rgba(3, 7, 18, 0.4) !important; }
.dark .dark\:border-gray-950\/40,
html.dark .dark\:border-gray-950\/40 { border-color: rgba(3, 7, 18, 0.4) !important; }

.dark .dark\:hover\:bg-gray-950\/40:hover,
html.dark .dark\:hover\:bg-gray-950\/40:hover { background-color: rgba(3, 7, 18, 0.4) !important; }
.dark .dark\:hover\:text-gray-950\/40:hover,
html.dark .dark\:hover\:text-gray-950\/40:hover { color: rgba(3, 7, 18, 0.4) !important; }
.dark .dark\:hover\:border-gray-950\/40:hover,
html.dark .dark\:hover\:border-gray-950\/40:hover { border-color: rgba(3, 7, 18, 0.4) !important; }

.bg-gray-950\/50 { background-color: rgba(3, 7, 18, 0.5) !important; }
.text-gray-950\/50 { color: rgba(3, 7, 18, 0.5) !important; }
.border-gray-950\/50 { border-color: rgba(3, 7, 18, 0.5) !important; }

.hover\:bg-gray-950\/50:hover { background-color: rgba(3, 7, 18, 0.5) !important; }
.hover\:text-gray-950\/50:hover { color: rgba(3, 7, 18, 0.5) !important; }
.hover\:border-gray-950\/50:hover { border-color: rgba(3, 7, 18, 0.5) !important; }

.dark .dark\:bg-gray-950\/50,
html.dark .dark\:bg-gray-950\/50 { background-color: rgba(3, 7, 18, 0.5) !important; }
.dark .dark\:text-gray-950\/50,
html.dark .dark\:text-gray-950\/50 { color: rgba(3, 7, 18, 0.5) !important; }
.dark .dark\:border-gray-950\/50,
html.dark .dark\:border-gray-950\/50 { border-color: rgba(3, 7, 18, 0.5) !important; }

.dark .dark\:hover\:bg-gray-950\/50:hover,
html.dark .dark\:hover\:bg-gray-950\/50:hover { background-color: rgba(3, 7, 18, 0.5) !important; }
.dark .dark\:hover\:text-gray-950\/50:hover,
html.dark .dark\:hover\:text-gray-950\/50:hover { color: rgba(3, 7, 18, 0.5) !important; }
.dark .dark\:hover\:border-gray-950\/50:hover,
html.dark .dark\:hover\:border-gray-950\/50:hover { border-color: rgba(3, 7, 18, 0.5) !important; }

.bg-gray-950\/60 { background-color: rgba(3, 7, 18, 0.6) !important; }
.text-gray-950\/60 { color: rgba(3, 7, 18, 0.6) !important; }
.border-gray-950\/60 { border-color: rgba(3, 7, 18, 0.6) !important; }

.hover\:bg-gray-950\/60:hover { background-color: rgba(3, 7, 18, 0.6) !important; }
.hover\:text-gray-950\/60:hover { color: rgba(3, 7, 18, 0.6) !important; }
.hover\:border-gray-950\/60:hover { border-color: rgba(3, 7, 18, 0.6) !important; }

.dark .dark\:bg-gray-950\/60,
html.dark .dark\:bg-gray-950\/60 { background-color: rgba(3, 7, 18, 0.6) !important; }
.dark .dark\:text-gray-950\/60,
html.dark .dark\:text-gray-950\/60 { color: rgba(3, 7, 18, 0.6) !important; }
.dark .dark\:border-gray-950\/60,
html.dark .dark\:border-gray-950\/60 { border-color: rgba(3, 7, 18, 0.6) !important; }

.dark .dark\:hover\:bg-gray-950\/60:hover,
html.dark .dark\:hover\:bg-gray-950\/60:hover { background-color: rgba(3, 7, 18, 0.6) !important; }
.dark .dark\:hover\:text-gray-950\/60:hover,
html.dark .dark\:hover\:text-gray-950\/60:hover { color: rgba(3, 7, 18, 0.6) !important; }
.dark .dark\:hover\:border-gray-950\/60:hover,
html.dark .dark\:hover\:border-gray-950\/60:hover { border-color: rgba(3, 7, 18, 0.6) !important; }

.bg-gray-950\/70 { background-color: rgba(3, 7, 18, 0.7) !important; }
.text-gray-950\/70 { color: rgba(3, 7, 18, 0.7) !important; }
.border-gray-950\/70 { border-color: rgba(3, 7, 18, 0.7) !important; }

.hover\:bg-gray-950\/70:hover { background-color: rgba(3, 7, 18, 0.7) !important; }
.hover\:text-gray-950\/70:hover { color: rgba(3, 7, 18, 0.7) !important; }
.hover\:border-gray-950\/70:hover { border-color: rgba(3, 7, 18, 0.7) !important; }

.dark .dark\:bg-gray-950\/70,
html.dark .dark\:bg-gray-950\/70 { background-color: rgba(3, 7, 18, 0.7) !important; }
.dark .dark\:text-gray-950\/70,
html.dark .dark\:text-gray-950\/70 { color: rgba(3, 7, 18, 0.7) !important; }
.dark .dark\:border-gray-950\/70,
html.dark .dark\:border-gray-950\/70 { border-color: rgba(3, 7, 18, 0.7) !important; }

.dark .dark\:hover\:bg-gray-950\/70:hover,
html.dark .dark\:hover\:bg-gray-950\/70:hover { background-color: rgba(3, 7, 18, 0.7) !important; }
.dark .dark\:hover\:text-gray-950\/70:hover,
html.dark .dark\:hover\:text-gray-950\/70:hover { color: rgba(3, 7, 18, 0.7) !important; }
.dark .dark\:hover\:border-gray-950\/70:hover,
html.dark .dark\:hover\:border-gray-950\/70:hover { border-color: rgba(3, 7, 18, 0.7) !important; }

.bg-gray-950\/75 { background-color: rgba(3, 7, 18, 0.75) !important; }
.text-gray-950\/75 { color: rgba(3, 7, 18, 0.75) !important; }
.border-gray-950\/75 { border-color: rgba(3, 7, 18, 0.75) !important; }

.hover\:bg-gray-950\/75:hover { background-color: rgba(3, 7, 18, 0.75) !important; }
.hover\:text-gray-950\/75:hover { color: rgba(3, 7, 18, 0.75) !important; }
.hover\:border-gray-950\/75:hover { border-color: rgba(3, 7, 18, 0.75) !important; }

.dark .dark\:bg-gray-950\/75,
html.dark .dark\:bg-gray-950\/75 { background-color: rgba(3, 7, 18, 0.75) !important; }
.dark .dark\:text-gray-950\/75,
html.dark .dark\:text-gray-950\/75 { color: rgba(3, 7, 18, 0.75) !important; }
.dark .dark\:border-gray-950\/75,
html.dark .dark\:border-gray-950\/75 { border-color: rgba(3, 7, 18, 0.75) !important; }

.dark .dark\:hover\:bg-gray-950\/75:hover,
html.dark .dark\:hover\:bg-gray-950\/75:hover { background-color: rgba(3, 7, 18, 0.75) !important; }
.dark .dark\:hover\:text-gray-950\/75:hover,
html.dark .dark\:hover\:text-gray-950\/75:hover { color: rgba(3, 7, 18, 0.75) !important; }
.dark .dark\:hover\:border-gray-950\/75:hover,
html.dark .dark\:hover\:border-gray-950\/75:hover { border-color: rgba(3, 7, 18, 0.75) !important; }

.bg-gray-950\/80 { background-color: rgba(3, 7, 18, 0.8) !important; }
.text-gray-950\/80 { color: rgba(3, 7, 18, 0.8) !important; }
.border-gray-950\/80 { border-color: rgba(3, 7, 18, 0.8) !important; }

.hover\:bg-gray-950\/80:hover { background-color: rgba(3, 7, 18, 0.8) !important; }
.hover\:text-gray-950\/80:hover { color: rgba(3, 7, 18, 0.8) !important; }
.hover\:border-gray-950\/80:hover { border-color: rgba(3, 7, 18, 0.8) !important; }

.dark .dark\:bg-gray-950\/80,
html.dark .dark\:bg-gray-950\/80 { background-color: rgba(3, 7, 18, 0.8) !important; }
.dark .dark\:text-gray-950\/80,
html.dark .dark\:text-gray-950\/80 { color: rgba(3, 7, 18, 0.8) !important; }
.dark .dark\:border-gray-950\/80,
html.dark .dark\:border-gray-950\/80 { border-color: rgba(3, 7, 18, 0.8) !important; }

.dark .dark\:hover\:bg-gray-950\/80:hover,
html.dark .dark\:hover\:bg-gray-950\/80:hover { background-color: rgba(3, 7, 18, 0.8) !important; }
.dark .dark\:hover\:text-gray-950\/80:hover,
html.dark .dark\:hover\:text-gray-950\/80:hover { color: rgba(3, 7, 18, 0.8) !important; }
.dark .dark\:hover\:border-gray-950\/80:hover,
html.dark .dark\:hover\:border-gray-950\/80:hover { border-color: rgba(3, 7, 18, 0.8) !important; }

.bg-gray-950\/90 { background-color: rgba(3, 7, 18, 0.9) !important; }
.text-gray-950\/90 { color: rgba(3, 7, 18, 0.9) !important; }
.border-gray-950\/90 { border-color: rgba(3, 7, 18, 0.9) !important; }

.hover\:bg-gray-950\/90:hover { background-color: rgba(3, 7, 18, 0.9) !important; }
.hover\:text-gray-950\/90:hover { color: rgba(3, 7, 18, 0.9) !important; }
.hover\:border-gray-950\/90:hover { border-color: rgba(3, 7, 18, 0.9) !important; }

.dark .dark\:bg-gray-950\/90,
html.dark .dark\:bg-gray-950\/90 { background-color: rgba(3, 7, 18, 0.9) !important; }
.dark .dark\:text-gray-950\/90,
html.dark .dark\:text-gray-950\/90 { color: rgba(3, 7, 18, 0.9) !important; }
.dark .dark\:border-gray-950\/90,
html.dark .dark\:border-gray-950\/90 { border-color: rgba(3, 7, 18, 0.9) !important; }

.dark .dark\:hover\:bg-gray-950\/90:hover,
html.dark .dark\:hover\:bg-gray-950\/90:hover { background-color: rgba(3, 7, 18, 0.9) !important; }
.dark .dark\:hover\:text-gray-950\/90:hover,
html.dark .dark\:hover\:text-gray-950\/90:hover { color: rgba(3, 7, 18, 0.9) !important; }
.dark .dark\:hover\:border-gray-950\/90:hover,
html.dark .dark\:hover\:border-gray-950\/90:hover { border-color: rgba(3, 7, 18, 0.9) !important; }

.bg-gray-950\/95 { background-color: rgba(3, 7, 18, 0.95) !important; }
.text-gray-950\/95 { color: rgba(3, 7, 18, 0.95) !important; }
.border-gray-950\/95 { border-color: rgba(3, 7, 18, 0.95) !important; }

.hover\:bg-gray-950\/95:hover { background-color: rgba(3, 7, 18, 0.95) !important; }
.hover\:text-gray-950\/95:hover { color: rgba(3, 7, 18, 0.95) !important; }
.hover\:border-gray-950\/95:hover { border-color: rgba(3, 7, 18, 0.95) !important; }

.dark .dark\:bg-gray-950\/95,
html.dark .dark\:bg-gray-950\/95 { background-color: rgba(3, 7, 18, 0.95) !important; }
.dark .dark\:text-gray-950\/95,
html.dark .dark\:text-gray-950\/95 { color: rgba(3, 7, 18, 0.95) !important; }
.dark .dark\:border-gray-950\/95,
html.dark .dark\:border-gray-950\/95 { border-color: rgba(3, 7, 18, 0.95) !important; }

.dark .dark\:hover\:bg-gray-950\/95:hover,
html.dark .dark\:hover\:bg-gray-950\/95:hover { background-color: rgba(3, 7, 18, 0.95) !important; }
.dark .dark\:hover\:text-gray-950\/95:hover,
html.dark .dark\:hover\:text-gray-950\/95:hover { color: rgba(3, 7, 18, 0.95) !important; }
.dark .dark\:hover\:border-gray-950\/95:hover,
html.dark .dark\:hover\:border-gray-950\/95:hover { border-color: rgba(3, 7, 18, 0.95) !important; }

.bg-indigo-50 { background-color: #eef2ff !important; }
.text-indigo-50 { color: #eef2ff !important; }
.border-indigo-50 { border-color: #eef2ff !important; }
.fill-indigo-50 { fill: #eef2ff !important; }
.stroke-indigo-50 { stroke: #eef2ff !important; }

/* Hover states */
.hover\:bg-indigo-50:hover { background-color: #eef2ff !important; }
.hover\:text-indigo-50:hover { color: #eef2ff !important; }
.hover\:border-indigo-50:hover { border-color: #eef2ff !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-50,
html.dark .dark\:bg-indigo-50 { background-color: #eef2ff !important; }
.dark .dark\:text-indigo-50,
html.dark .dark\:text-indigo-50 { color: #eef2ff !important; }
.dark .dark\:border-indigo-50,
html.dark .dark\:border-indigo-50 { border-color: #eef2ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-50:hover,
html.dark .dark\:hover\:bg-indigo-50:hover { background-color: #eef2ff !important; }
.dark .dark\:hover\:text-indigo-50:hover,
html.dark .dark\:hover\:text-indigo-50:hover { color: #eef2ff !important; }
.dark .dark\:hover\:border-indigo-50:hover,
html.dark .dark\:hover\:border-indigo-50:hover { border-color: #eef2ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-50,
html.dark .group:hover .dark\:group-hover\:text-indigo-50 { color: #eef2ff !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-50,
html.dark .group:hover .dark\:group-hover\:bg-indigo-50 { background-color: #eef2ff !important; }

.bg-indigo-50\/10 { background-color: rgba(238, 242, 255, 0.1) !important; }
.text-indigo-50\/10 { color: rgba(238, 242, 255, 0.1) !important; }
.border-indigo-50\/10 { border-color: rgba(238, 242, 255, 0.1) !important; }

.hover\:bg-indigo-50\/10:hover { background-color: rgba(238, 242, 255, 0.1) !important; }
.hover\:text-indigo-50\/10:hover { color: rgba(238, 242, 255, 0.1) !important; }
.hover\:border-indigo-50\/10:hover { border-color: rgba(238, 242, 255, 0.1) !important; }

.dark .dark\:bg-indigo-50\/10,
html.dark .dark\:bg-indigo-50\/10 { background-color: rgba(238, 242, 255, 0.1) !important; }
.dark .dark\:text-indigo-50\/10,
html.dark .dark\:text-indigo-50\/10 { color: rgba(238, 242, 255, 0.1) !important; }
.dark .dark\:border-indigo-50\/10,
html.dark .dark\:border-indigo-50\/10 { border-color: rgba(238, 242, 255, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-50\/10:hover,
html.dark .dark\:hover\:bg-indigo-50\/10:hover { background-color: rgba(238, 242, 255, 0.1) !important; }
.dark .dark\:hover\:text-indigo-50\/10:hover,
html.dark .dark\:hover\:text-indigo-50\/10:hover { color: rgba(238, 242, 255, 0.1) !important; }
.dark .dark\:hover\:border-indigo-50\/10:hover,
html.dark .dark\:hover\:border-indigo-50\/10:hover { border-color: rgba(238, 242, 255, 0.1) !important; }

.bg-indigo-50\/20 { background-color: rgba(238, 242, 255, 0.2) !important; }
.text-indigo-50\/20 { color: rgba(238, 242, 255, 0.2) !important; }
.border-indigo-50\/20 { border-color: rgba(238, 242, 255, 0.2) !important; }

.hover\:bg-indigo-50\/20:hover { background-color: rgba(238, 242, 255, 0.2) !important; }
.hover\:text-indigo-50\/20:hover { color: rgba(238, 242, 255, 0.2) !important; }
.hover\:border-indigo-50\/20:hover { border-color: rgba(238, 242, 255, 0.2) !important; }

.dark .dark\:bg-indigo-50\/20,
html.dark .dark\:bg-indigo-50\/20 { background-color: rgba(238, 242, 255, 0.2) !important; }
.dark .dark\:text-indigo-50\/20,
html.dark .dark\:text-indigo-50\/20 { color: rgba(238, 242, 255, 0.2) !important; }
.dark .dark\:border-indigo-50\/20,
html.dark .dark\:border-indigo-50\/20 { border-color: rgba(238, 242, 255, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-50\/20:hover,
html.dark .dark\:hover\:bg-indigo-50\/20:hover { background-color: rgba(238, 242, 255, 0.2) !important; }
.dark .dark\:hover\:text-indigo-50\/20:hover,
html.dark .dark\:hover\:text-indigo-50\/20:hover { color: rgba(238, 242, 255, 0.2) !important; }
.dark .dark\:hover\:border-indigo-50\/20:hover,
html.dark .dark\:hover\:border-indigo-50\/20:hover { border-color: rgba(238, 242, 255, 0.2) !important; }

.bg-indigo-50\/25 { background-color: rgba(238, 242, 255, 0.25) !important; }
.text-indigo-50\/25 { color: rgba(238, 242, 255, 0.25) !important; }
.border-indigo-50\/25 { border-color: rgba(238, 242, 255, 0.25) !important; }

.hover\:bg-indigo-50\/25:hover { background-color: rgba(238, 242, 255, 0.25) !important; }
.hover\:text-indigo-50\/25:hover { color: rgba(238, 242, 255, 0.25) !important; }
.hover\:border-indigo-50\/25:hover { border-color: rgba(238, 242, 255, 0.25) !important; }

.dark .dark\:bg-indigo-50\/25,
html.dark .dark\:bg-indigo-50\/25 { background-color: rgba(238, 242, 255, 0.25) !important; }
.dark .dark\:text-indigo-50\/25,
html.dark .dark\:text-indigo-50\/25 { color: rgba(238, 242, 255, 0.25) !important; }
.dark .dark\:border-indigo-50\/25,
html.dark .dark\:border-indigo-50\/25 { border-color: rgba(238, 242, 255, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-50\/25:hover,
html.dark .dark\:hover\:bg-indigo-50\/25:hover { background-color: rgba(238, 242, 255, 0.25) !important; }
.dark .dark\:hover\:text-indigo-50\/25:hover,
html.dark .dark\:hover\:text-indigo-50\/25:hover { color: rgba(238, 242, 255, 0.25) !important; }
.dark .dark\:hover\:border-indigo-50\/25:hover,
html.dark .dark\:hover\:border-indigo-50\/25:hover { border-color: rgba(238, 242, 255, 0.25) !important; }

.bg-indigo-50\/30 { background-color: rgba(238, 242, 255, 0.3) !important; }
.text-indigo-50\/30 { color: rgba(238, 242, 255, 0.3) !important; }
.border-indigo-50\/30 { border-color: rgba(238, 242, 255, 0.3) !important; }

.hover\:bg-indigo-50\/30:hover { background-color: rgba(238, 242, 255, 0.3) !important; }
.hover\:text-indigo-50\/30:hover { color: rgba(238, 242, 255, 0.3) !important; }
.hover\:border-indigo-50\/30:hover { border-color: rgba(238, 242, 255, 0.3) !important; }

.dark .dark\:bg-indigo-50\/30,
html.dark .dark\:bg-indigo-50\/30 { background-color: rgba(238, 242, 255, 0.3) !important; }
.dark .dark\:text-indigo-50\/30,
html.dark .dark\:text-indigo-50\/30 { color: rgba(238, 242, 255, 0.3) !important; }
.dark .dark\:border-indigo-50\/30,
html.dark .dark\:border-indigo-50\/30 { border-color: rgba(238, 242, 255, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-50\/30:hover,
html.dark .dark\:hover\:bg-indigo-50\/30:hover { background-color: rgba(238, 242, 255, 0.3) !important; }
.dark .dark\:hover\:text-indigo-50\/30:hover,
html.dark .dark\:hover\:text-indigo-50\/30:hover { color: rgba(238, 242, 255, 0.3) !important; }
.dark .dark\:hover\:border-indigo-50\/30:hover,
html.dark .dark\:hover\:border-indigo-50\/30:hover { border-color: rgba(238, 242, 255, 0.3) !important; }

.bg-indigo-50\/40 { background-color: rgba(238, 242, 255, 0.4) !important; }
.text-indigo-50\/40 { color: rgba(238, 242, 255, 0.4) !important; }
.border-indigo-50\/40 { border-color: rgba(238, 242, 255, 0.4) !important; }

.hover\:bg-indigo-50\/40:hover { background-color: rgba(238, 242, 255, 0.4) !important; }
.hover\:text-indigo-50\/40:hover { color: rgba(238, 242, 255, 0.4) !important; }
.hover\:border-indigo-50\/40:hover { border-color: rgba(238, 242, 255, 0.4) !important; }

.dark .dark\:bg-indigo-50\/40,
html.dark .dark\:bg-indigo-50\/40 { background-color: rgba(238, 242, 255, 0.4) !important; }
.dark .dark\:text-indigo-50\/40,
html.dark .dark\:text-indigo-50\/40 { color: rgba(238, 242, 255, 0.4) !important; }
.dark .dark\:border-indigo-50\/40,
html.dark .dark\:border-indigo-50\/40 { border-color: rgba(238, 242, 255, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-50\/40:hover,
html.dark .dark\:hover\:bg-indigo-50\/40:hover { background-color: rgba(238, 242, 255, 0.4) !important; }
.dark .dark\:hover\:text-indigo-50\/40:hover,
html.dark .dark\:hover\:text-indigo-50\/40:hover { color: rgba(238, 242, 255, 0.4) !important; }
.dark .dark\:hover\:border-indigo-50\/40:hover,
html.dark .dark\:hover\:border-indigo-50\/40:hover { border-color: rgba(238, 242, 255, 0.4) !important; }

.bg-indigo-50\/50 { background-color: rgba(238, 242, 255, 0.5) !important; }
.text-indigo-50\/50 { color: rgba(238, 242, 255, 0.5) !important; }
.border-indigo-50\/50 { border-color: rgba(238, 242, 255, 0.5) !important; }

.hover\:bg-indigo-50\/50:hover { background-color: rgba(238, 242, 255, 0.5) !important; }
.hover\:text-indigo-50\/50:hover { color: rgba(238, 242, 255, 0.5) !important; }
.hover\:border-indigo-50\/50:hover { border-color: rgba(238, 242, 255, 0.5) !important; }

.dark .dark\:bg-indigo-50\/50,
html.dark .dark\:bg-indigo-50\/50 { background-color: rgba(238, 242, 255, 0.5) !important; }
.dark .dark\:text-indigo-50\/50,
html.dark .dark\:text-indigo-50\/50 { color: rgba(238, 242, 255, 0.5) !important; }
.dark .dark\:border-indigo-50\/50,
html.dark .dark\:border-indigo-50\/50 { border-color: rgba(238, 242, 255, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-50\/50:hover,
html.dark .dark\:hover\:bg-indigo-50\/50:hover { background-color: rgba(238, 242, 255, 0.5) !important; }
.dark .dark\:hover\:text-indigo-50\/50:hover,
html.dark .dark\:hover\:text-indigo-50\/50:hover { color: rgba(238, 242, 255, 0.5) !important; }
.dark .dark\:hover\:border-indigo-50\/50:hover,
html.dark .dark\:hover\:border-indigo-50\/50:hover { border-color: rgba(238, 242, 255, 0.5) !important; }

.bg-indigo-50\/60 { background-color: rgba(238, 242, 255, 0.6) !important; }
.text-indigo-50\/60 { color: rgba(238, 242, 255, 0.6) !important; }
.border-indigo-50\/60 { border-color: rgba(238, 242, 255, 0.6) !important; }

.hover\:bg-indigo-50\/60:hover { background-color: rgba(238, 242, 255, 0.6) !important; }
.hover\:text-indigo-50\/60:hover { color: rgba(238, 242, 255, 0.6) !important; }
.hover\:border-indigo-50\/60:hover { border-color: rgba(238, 242, 255, 0.6) !important; }

.dark .dark\:bg-indigo-50\/60,
html.dark .dark\:bg-indigo-50\/60 { background-color: rgba(238, 242, 255, 0.6) !important; }
.dark .dark\:text-indigo-50\/60,
html.dark .dark\:text-indigo-50\/60 { color: rgba(238, 242, 255, 0.6) !important; }
.dark .dark\:border-indigo-50\/60,
html.dark .dark\:border-indigo-50\/60 { border-color: rgba(238, 242, 255, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-50\/60:hover,
html.dark .dark\:hover\:bg-indigo-50\/60:hover { background-color: rgba(238, 242, 255, 0.6) !important; }
.dark .dark\:hover\:text-indigo-50\/60:hover,
html.dark .dark\:hover\:text-indigo-50\/60:hover { color: rgba(238, 242, 255, 0.6) !important; }
.dark .dark\:hover\:border-indigo-50\/60:hover,
html.dark .dark\:hover\:border-indigo-50\/60:hover { border-color: rgba(238, 242, 255, 0.6) !important; }

.bg-indigo-50\/70 { background-color: rgba(238, 242, 255, 0.7) !important; }
.text-indigo-50\/70 { color: rgba(238, 242, 255, 0.7) !important; }
.border-indigo-50\/70 { border-color: rgba(238, 242, 255, 0.7) !important; }

.hover\:bg-indigo-50\/70:hover { background-color: rgba(238, 242, 255, 0.7) !important; }
.hover\:text-indigo-50\/70:hover { color: rgba(238, 242, 255, 0.7) !important; }
.hover\:border-indigo-50\/70:hover { border-color: rgba(238, 242, 255, 0.7) !important; }

.dark .dark\:bg-indigo-50\/70,
html.dark .dark\:bg-indigo-50\/70 { background-color: rgba(238, 242, 255, 0.7) !important; }
.dark .dark\:text-indigo-50\/70,
html.dark .dark\:text-indigo-50\/70 { color: rgba(238, 242, 255, 0.7) !important; }
.dark .dark\:border-indigo-50\/70,
html.dark .dark\:border-indigo-50\/70 { border-color: rgba(238, 242, 255, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-50\/70:hover,
html.dark .dark\:hover\:bg-indigo-50\/70:hover { background-color: rgba(238, 242, 255, 0.7) !important; }
.dark .dark\:hover\:text-indigo-50\/70:hover,
html.dark .dark\:hover\:text-indigo-50\/70:hover { color: rgba(238, 242, 255, 0.7) !important; }
.dark .dark\:hover\:border-indigo-50\/70:hover,
html.dark .dark\:hover\:border-indigo-50\/70:hover { border-color: rgba(238, 242, 255, 0.7) !important; }

.bg-indigo-50\/75 { background-color: rgba(238, 242, 255, 0.75) !important; }
.text-indigo-50\/75 { color: rgba(238, 242, 255, 0.75) !important; }
.border-indigo-50\/75 { border-color: rgba(238, 242, 255, 0.75) !important; }

.hover\:bg-indigo-50\/75:hover { background-color: rgba(238, 242, 255, 0.75) !important; }
.hover\:text-indigo-50\/75:hover { color: rgba(238, 242, 255, 0.75) !important; }
.hover\:border-indigo-50\/75:hover { border-color: rgba(238, 242, 255, 0.75) !important; }

.dark .dark\:bg-indigo-50\/75,
html.dark .dark\:bg-indigo-50\/75 { background-color: rgba(238, 242, 255, 0.75) !important; }
.dark .dark\:text-indigo-50\/75,
html.dark .dark\:text-indigo-50\/75 { color: rgba(238, 242, 255, 0.75) !important; }
.dark .dark\:border-indigo-50\/75,
html.dark .dark\:border-indigo-50\/75 { border-color: rgba(238, 242, 255, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-50\/75:hover,
html.dark .dark\:hover\:bg-indigo-50\/75:hover { background-color: rgba(238, 242, 255, 0.75) !important; }
.dark .dark\:hover\:text-indigo-50\/75:hover,
html.dark .dark\:hover\:text-indigo-50\/75:hover { color: rgba(238, 242, 255, 0.75) !important; }
.dark .dark\:hover\:border-indigo-50\/75:hover,
html.dark .dark\:hover\:border-indigo-50\/75:hover { border-color: rgba(238, 242, 255, 0.75) !important; }

.bg-indigo-50\/80 { background-color: rgba(238, 242, 255, 0.8) !important; }
.text-indigo-50\/80 { color: rgba(238, 242, 255, 0.8) !important; }
.border-indigo-50\/80 { border-color: rgba(238, 242, 255, 0.8) !important; }

.hover\:bg-indigo-50\/80:hover { background-color: rgba(238, 242, 255, 0.8) !important; }
.hover\:text-indigo-50\/80:hover { color: rgba(238, 242, 255, 0.8) !important; }
.hover\:border-indigo-50\/80:hover { border-color: rgba(238, 242, 255, 0.8) !important; }

.dark .dark\:bg-indigo-50\/80,
html.dark .dark\:bg-indigo-50\/80 { background-color: rgba(238, 242, 255, 0.8) !important; }
.dark .dark\:text-indigo-50\/80,
html.dark .dark\:text-indigo-50\/80 { color: rgba(238, 242, 255, 0.8) !important; }
.dark .dark\:border-indigo-50\/80,
html.dark .dark\:border-indigo-50\/80 { border-color: rgba(238, 242, 255, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-50\/80:hover,
html.dark .dark\:hover\:bg-indigo-50\/80:hover { background-color: rgba(238, 242, 255, 0.8) !important; }
.dark .dark\:hover\:text-indigo-50\/80:hover,
html.dark .dark\:hover\:text-indigo-50\/80:hover { color: rgba(238, 242, 255, 0.8) !important; }
.dark .dark\:hover\:border-indigo-50\/80:hover,
html.dark .dark\:hover\:border-indigo-50\/80:hover { border-color: rgba(238, 242, 255, 0.8) !important; }

.bg-indigo-50\/90 { background-color: rgba(238, 242, 255, 0.9) !important; }
.text-indigo-50\/90 { color: rgba(238, 242, 255, 0.9) !important; }
.border-indigo-50\/90 { border-color: rgba(238, 242, 255, 0.9) !important; }

.hover\:bg-indigo-50\/90:hover { background-color: rgba(238, 242, 255, 0.9) !important; }
.hover\:text-indigo-50\/90:hover { color: rgba(238, 242, 255, 0.9) !important; }
.hover\:border-indigo-50\/90:hover { border-color: rgba(238, 242, 255, 0.9) !important; }

.dark .dark\:bg-indigo-50\/90,
html.dark .dark\:bg-indigo-50\/90 { background-color: rgba(238, 242, 255, 0.9) !important; }
.dark .dark\:text-indigo-50\/90,
html.dark .dark\:text-indigo-50\/90 { color: rgba(238, 242, 255, 0.9) !important; }
.dark .dark\:border-indigo-50\/90,
html.dark .dark\:border-indigo-50\/90 { border-color: rgba(238, 242, 255, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-50\/90:hover,
html.dark .dark\:hover\:bg-indigo-50\/90:hover { background-color: rgba(238, 242, 255, 0.9) !important; }
.dark .dark\:hover\:text-indigo-50\/90:hover,
html.dark .dark\:hover\:text-indigo-50\/90:hover { color: rgba(238, 242, 255, 0.9) !important; }
.dark .dark\:hover\:border-indigo-50\/90:hover,
html.dark .dark\:hover\:border-indigo-50\/90:hover { border-color: rgba(238, 242, 255, 0.9) !important; }

.bg-indigo-50\/95 { background-color: rgba(238, 242, 255, 0.95) !important; }
.text-indigo-50\/95 { color: rgba(238, 242, 255, 0.95) !important; }
.border-indigo-50\/95 { border-color: rgba(238, 242, 255, 0.95) !important; }

.hover\:bg-indigo-50\/95:hover { background-color: rgba(238, 242, 255, 0.95) !important; }
.hover\:text-indigo-50\/95:hover { color: rgba(238, 242, 255, 0.95) !important; }
.hover\:border-indigo-50\/95:hover { border-color: rgba(238, 242, 255, 0.95) !important; }

.dark .dark\:bg-indigo-50\/95,
html.dark .dark\:bg-indigo-50\/95 { background-color: rgba(238, 242, 255, 0.95) !important; }
.dark .dark\:text-indigo-50\/95,
html.dark .dark\:text-indigo-50\/95 { color: rgba(238, 242, 255, 0.95) !important; }
.dark .dark\:border-indigo-50\/95,
html.dark .dark\:border-indigo-50\/95 { border-color: rgba(238, 242, 255, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-50\/95:hover,
html.dark .dark\:hover\:bg-indigo-50\/95:hover { background-color: rgba(238, 242, 255, 0.95) !important; }
.dark .dark\:hover\:text-indigo-50\/95:hover,
html.dark .dark\:hover\:text-indigo-50\/95:hover { color: rgba(238, 242, 255, 0.95) !important; }
.dark .dark\:hover\:border-indigo-50\/95:hover,
html.dark .dark\:hover\:border-indigo-50\/95:hover { border-color: rgba(238, 242, 255, 0.95) !important; }

.bg-indigo-100 { background-color: #e0e7ff !important; }
.text-indigo-100 { color: #e0e7ff !important; }
.border-indigo-100 { border-color: #e0e7ff !important; }
.fill-indigo-100 { fill: #e0e7ff !important; }
.stroke-indigo-100 { stroke: #e0e7ff !important; }

/* Hover states */
.hover\:bg-indigo-100:hover { background-color: #e0e7ff !important; }
.hover\:text-indigo-100:hover { color: #e0e7ff !important; }
.hover\:border-indigo-100:hover { border-color: #e0e7ff !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-100,
html.dark .dark\:bg-indigo-100 { background-color: #e0e7ff !important; }
.dark .dark\:text-indigo-100,
html.dark .dark\:text-indigo-100 { color: #e0e7ff !important; }
.dark .dark\:border-indigo-100,
html.dark .dark\:border-indigo-100 { border-color: #e0e7ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-100:hover,
html.dark .dark\:hover\:bg-indigo-100:hover { background-color: #e0e7ff !important; }
.dark .dark\:hover\:text-indigo-100:hover,
html.dark .dark\:hover\:text-indigo-100:hover { color: #e0e7ff !important; }
.dark .dark\:hover\:border-indigo-100:hover,
html.dark .dark\:hover\:border-indigo-100:hover { border-color: #e0e7ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-100,
html.dark .group:hover .dark\:group-hover\:text-indigo-100 { color: #e0e7ff !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-100,
html.dark .group:hover .dark\:group-hover\:bg-indigo-100 { background-color: #e0e7ff !important; }

.bg-indigo-100\/10 { background-color: rgba(224, 231, 255, 0.1) !important; }
.text-indigo-100\/10 { color: rgba(224, 231, 255, 0.1) !important; }
.border-indigo-100\/10 { border-color: rgba(224, 231, 255, 0.1) !important; }

.hover\:bg-indigo-100\/10:hover { background-color: rgba(224, 231, 255, 0.1) !important; }
.hover\:text-indigo-100\/10:hover { color: rgba(224, 231, 255, 0.1) !important; }
.hover\:border-indigo-100\/10:hover { border-color: rgba(224, 231, 255, 0.1) !important; }

.dark .dark\:bg-indigo-100\/10,
html.dark .dark\:bg-indigo-100\/10 { background-color: rgba(224, 231, 255, 0.1) !important; }
.dark .dark\:text-indigo-100\/10,
html.dark .dark\:text-indigo-100\/10 { color: rgba(224, 231, 255, 0.1) !important; }
.dark .dark\:border-indigo-100\/10,
html.dark .dark\:border-indigo-100\/10 { border-color: rgba(224, 231, 255, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-100\/10:hover,
html.dark .dark\:hover\:bg-indigo-100\/10:hover { background-color: rgba(224, 231, 255, 0.1) !important; }
.dark .dark\:hover\:text-indigo-100\/10:hover,
html.dark .dark\:hover\:text-indigo-100\/10:hover { color: rgba(224, 231, 255, 0.1) !important; }
.dark .dark\:hover\:border-indigo-100\/10:hover,
html.dark .dark\:hover\:border-indigo-100\/10:hover { border-color: rgba(224, 231, 255, 0.1) !important; }

.bg-indigo-100\/20 { background-color: rgba(224, 231, 255, 0.2) !important; }
.text-indigo-100\/20 { color: rgba(224, 231, 255, 0.2) !important; }
.border-indigo-100\/20 { border-color: rgba(224, 231, 255, 0.2) !important; }

.hover\:bg-indigo-100\/20:hover { background-color: rgba(224, 231, 255, 0.2) !important; }
.hover\:text-indigo-100\/20:hover { color: rgba(224, 231, 255, 0.2) !important; }
.hover\:border-indigo-100\/20:hover { border-color: rgba(224, 231, 255, 0.2) !important; }

.dark .dark\:bg-indigo-100\/20,
html.dark .dark\:bg-indigo-100\/20 { background-color: rgba(224, 231, 255, 0.2) !important; }
.dark .dark\:text-indigo-100\/20,
html.dark .dark\:text-indigo-100\/20 { color: rgba(224, 231, 255, 0.2) !important; }
.dark .dark\:border-indigo-100\/20,
html.dark .dark\:border-indigo-100\/20 { border-color: rgba(224, 231, 255, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-100\/20:hover,
html.dark .dark\:hover\:bg-indigo-100\/20:hover { background-color: rgba(224, 231, 255, 0.2) !important; }
.dark .dark\:hover\:text-indigo-100\/20:hover,
html.dark .dark\:hover\:text-indigo-100\/20:hover { color: rgba(224, 231, 255, 0.2) !important; }
.dark .dark\:hover\:border-indigo-100\/20:hover,
html.dark .dark\:hover\:border-indigo-100\/20:hover { border-color: rgba(224, 231, 255, 0.2) !important; }

.bg-indigo-100\/25 { background-color: rgba(224, 231, 255, 0.25) !important; }
.text-indigo-100\/25 { color: rgba(224, 231, 255, 0.25) !important; }
.border-indigo-100\/25 { border-color: rgba(224, 231, 255, 0.25) !important; }

.hover\:bg-indigo-100\/25:hover { background-color: rgba(224, 231, 255, 0.25) !important; }
.hover\:text-indigo-100\/25:hover { color: rgba(224, 231, 255, 0.25) !important; }
.hover\:border-indigo-100\/25:hover { border-color: rgba(224, 231, 255, 0.25) !important; }

.dark .dark\:bg-indigo-100\/25,
html.dark .dark\:bg-indigo-100\/25 { background-color: rgba(224, 231, 255, 0.25) !important; }
.dark .dark\:text-indigo-100\/25,
html.dark .dark\:text-indigo-100\/25 { color: rgba(224, 231, 255, 0.25) !important; }
.dark .dark\:border-indigo-100\/25,
html.dark .dark\:border-indigo-100\/25 { border-color: rgba(224, 231, 255, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-100\/25:hover,
html.dark .dark\:hover\:bg-indigo-100\/25:hover { background-color: rgba(224, 231, 255, 0.25) !important; }
.dark .dark\:hover\:text-indigo-100\/25:hover,
html.dark .dark\:hover\:text-indigo-100\/25:hover { color: rgba(224, 231, 255, 0.25) !important; }
.dark .dark\:hover\:border-indigo-100\/25:hover,
html.dark .dark\:hover\:border-indigo-100\/25:hover { border-color: rgba(224, 231, 255, 0.25) !important; }

.bg-indigo-100\/30 { background-color: rgba(224, 231, 255, 0.3) !important; }
.text-indigo-100\/30 { color: rgba(224, 231, 255, 0.3) !important; }
.border-indigo-100\/30 { border-color: rgba(224, 231, 255, 0.3) !important; }

.hover\:bg-indigo-100\/30:hover { background-color: rgba(224, 231, 255, 0.3) !important; }
.hover\:text-indigo-100\/30:hover { color: rgba(224, 231, 255, 0.3) !important; }
.hover\:border-indigo-100\/30:hover { border-color: rgba(224, 231, 255, 0.3) !important; }

.dark .dark\:bg-indigo-100\/30,
html.dark .dark\:bg-indigo-100\/30 { background-color: rgba(224, 231, 255, 0.3) !important; }
.dark .dark\:text-indigo-100\/30,
html.dark .dark\:text-indigo-100\/30 { color: rgba(224, 231, 255, 0.3) !important; }
.dark .dark\:border-indigo-100\/30,
html.dark .dark\:border-indigo-100\/30 { border-color: rgba(224, 231, 255, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-100\/30:hover,
html.dark .dark\:hover\:bg-indigo-100\/30:hover { background-color: rgba(224, 231, 255, 0.3) !important; }
.dark .dark\:hover\:text-indigo-100\/30:hover,
html.dark .dark\:hover\:text-indigo-100\/30:hover { color: rgba(224, 231, 255, 0.3) !important; }
.dark .dark\:hover\:border-indigo-100\/30:hover,
html.dark .dark\:hover\:border-indigo-100\/30:hover { border-color: rgba(224, 231, 255, 0.3) !important; }

.bg-indigo-100\/40 { background-color: rgba(224, 231, 255, 0.4) !important; }
.text-indigo-100\/40 { color: rgba(224, 231, 255, 0.4) !important; }
.border-indigo-100\/40 { border-color: rgba(224, 231, 255, 0.4) !important; }

.hover\:bg-indigo-100\/40:hover { background-color: rgba(224, 231, 255, 0.4) !important; }
.hover\:text-indigo-100\/40:hover { color: rgba(224, 231, 255, 0.4) !important; }
.hover\:border-indigo-100\/40:hover { border-color: rgba(224, 231, 255, 0.4) !important; }

.dark .dark\:bg-indigo-100\/40,
html.dark .dark\:bg-indigo-100\/40 { background-color: rgba(224, 231, 255, 0.4) !important; }
.dark .dark\:text-indigo-100\/40,
html.dark .dark\:text-indigo-100\/40 { color: rgba(224, 231, 255, 0.4) !important; }
.dark .dark\:border-indigo-100\/40,
html.dark .dark\:border-indigo-100\/40 { border-color: rgba(224, 231, 255, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-100\/40:hover,
html.dark .dark\:hover\:bg-indigo-100\/40:hover { background-color: rgba(224, 231, 255, 0.4) !important; }
.dark .dark\:hover\:text-indigo-100\/40:hover,
html.dark .dark\:hover\:text-indigo-100\/40:hover { color: rgba(224, 231, 255, 0.4) !important; }
.dark .dark\:hover\:border-indigo-100\/40:hover,
html.dark .dark\:hover\:border-indigo-100\/40:hover { border-color: rgba(224, 231, 255, 0.4) !important; }

.bg-indigo-100\/50 { background-color: rgba(224, 231, 255, 0.5) !important; }
.text-indigo-100\/50 { color: rgba(224, 231, 255, 0.5) !important; }
.border-indigo-100\/50 { border-color: rgba(224, 231, 255, 0.5) !important; }

.hover\:bg-indigo-100\/50:hover { background-color: rgba(224, 231, 255, 0.5) !important; }
.hover\:text-indigo-100\/50:hover { color: rgba(224, 231, 255, 0.5) !important; }
.hover\:border-indigo-100\/50:hover { border-color: rgba(224, 231, 255, 0.5) !important; }

.dark .dark\:bg-indigo-100\/50,
html.dark .dark\:bg-indigo-100\/50 { background-color: rgba(224, 231, 255, 0.5) !important; }
.dark .dark\:text-indigo-100\/50,
html.dark .dark\:text-indigo-100\/50 { color: rgba(224, 231, 255, 0.5) !important; }
.dark .dark\:border-indigo-100\/50,
html.dark .dark\:border-indigo-100\/50 { border-color: rgba(224, 231, 255, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-100\/50:hover,
html.dark .dark\:hover\:bg-indigo-100\/50:hover { background-color: rgba(224, 231, 255, 0.5) !important; }
.dark .dark\:hover\:text-indigo-100\/50:hover,
html.dark .dark\:hover\:text-indigo-100\/50:hover { color: rgba(224, 231, 255, 0.5) !important; }
.dark .dark\:hover\:border-indigo-100\/50:hover,
html.dark .dark\:hover\:border-indigo-100\/50:hover { border-color: rgba(224, 231, 255, 0.5) !important; }

.bg-indigo-100\/60 { background-color: rgba(224, 231, 255, 0.6) !important; }
.text-indigo-100\/60 { color: rgba(224, 231, 255, 0.6) !important; }
.border-indigo-100\/60 { border-color: rgba(224, 231, 255, 0.6) !important; }

.hover\:bg-indigo-100\/60:hover { background-color: rgba(224, 231, 255, 0.6) !important; }
.hover\:text-indigo-100\/60:hover { color: rgba(224, 231, 255, 0.6) !important; }
.hover\:border-indigo-100\/60:hover { border-color: rgba(224, 231, 255, 0.6) !important; }

.dark .dark\:bg-indigo-100\/60,
html.dark .dark\:bg-indigo-100\/60 { background-color: rgba(224, 231, 255, 0.6) !important; }
.dark .dark\:text-indigo-100\/60,
html.dark .dark\:text-indigo-100\/60 { color: rgba(224, 231, 255, 0.6) !important; }
.dark .dark\:border-indigo-100\/60,
html.dark .dark\:border-indigo-100\/60 { border-color: rgba(224, 231, 255, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-100\/60:hover,
html.dark .dark\:hover\:bg-indigo-100\/60:hover { background-color: rgba(224, 231, 255, 0.6) !important; }
.dark .dark\:hover\:text-indigo-100\/60:hover,
html.dark .dark\:hover\:text-indigo-100\/60:hover { color: rgba(224, 231, 255, 0.6) !important; }
.dark .dark\:hover\:border-indigo-100\/60:hover,
html.dark .dark\:hover\:border-indigo-100\/60:hover { border-color: rgba(224, 231, 255, 0.6) !important; }

.bg-indigo-100\/70 { background-color: rgba(224, 231, 255, 0.7) !important; }
.text-indigo-100\/70 { color: rgba(224, 231, 255, 0.7) !important; }
.border-indigo-100\/70 { border-color: rgba(224, 231, 255, 0.7) !important; }

.hover\:bg-indigo-100\/70:hover { background-color: rgba(224, 231, 255, 0.7) !important; }
.hover\:text-indigo-100\/70:hover { color: rgba(224, 231, 255, 0.7) !important; }
.hover\:border-indigo-100\/70:hover { border-color: rgba(224, 231, 255, 0.7) !important; }

.dark .dark\:bg-indigo-100\/70,
html.dark .dark\:bg-indigo-100\/70 { background-color: rgba(224, 231, 255, 0.7) !important; }
.dark .dark\:text-indigo-100\/70,
html.dark .dark\:text-indigo-100\/70 { color: rgba(224, 231, 255, 0.7) !important; }
.dark .dark\:border-indigo-100\/70,
html.dark .dark\:border-indigo-100\/70 { border-color: rgba(224, 231, 255, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-100\/70:hover,
html.dark .dark\:hover\:bg-indigo-100\/70:hover { background-color: rgba(224, 231, 255, 0.7) !important; }
.dark .dark\:hover\:text-indigo-100\/70:hover,
html.dark .dark\:hover\:text-indigo-100\/70:hover { color: rgba(224, 231, 255, 0.7) !important; }
.dark .dark\:hover\:border-indigo-100\/70:hover,
html.dark .dark\:hover\:border-indigo-100\/70:hover { border-color: rgba(224, 231, 255, 0.7) !important; }

.bg-indigo-100\/75 { background-color: rgba(224, 231, 255, 0.75) !important; }
.text-indigo-100\/75 { color: rgba(224, 231, 255, 0.75) !important; }
.border-indigo-100\/75 { border-color: rgba(224, 231, 255, 0.75) !important; }

.hover\:bg-indigo-100\/75:hover { background-color: rgba(224, 231, 255, 0.75) !important; }
.hover\:text-indigo-100\/75:hover { color: rgba(224, 231, 255, 0.75) !important; }
.hover\:border-indigo-100\/75:hover { border-color: rgba(224, 231, 255, 0.75) !important; }

.dark .dark\:bg-indigo-100\/75,
html.dark .dark\:bg-indigo-100\/75 { background-color: rgba(224, 231, 255, 0.75) !important; }
.dark .dark\:text-indigo-100\/75,
html.dark .dark\:text-indigo-100\/75 { color: rgba(224, 231, 255, 0.75) !important; }
.dark .dark\:border-indigo-100\/75,
html.dark .dark\:border-indigo-100\/75 { border-color: rgba(224, 231, 255, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-100\/75:hover,
html.dark .dark\:hover\:bg-indigo-100\/75:hover { background-color: rgba(224, 231, 255, 0.75) !important; }
.dark .dark\:hover\:text-indigo-100\/75:hover,
html.dark .dark\:hover\:text-indigo-100\/75:hover { color: rgba(224, 231, 255, 0.75) !important; }
.dark .dark\:hover\:border-indigo-100\/75:hover,
html.dark .dark\:hover\:border-indigo-100\/75:hover { border-color: rgba(224, 231, 255, 0.75) !important; }

.bg-indigo-100\/80 { background-color: rgba(224, 231, 255, 0.8) !important; }
.text-indigo-100\/80 { color: rgba(224, 231, 255, 0.8) !important; }
.border-indigo-100\/80 { border-color: rgba(224, 231, 255, 0.8) !important; }

.hover\:bg-indigo-100\/80:hover { background-color: rgba(224, 231, 255, 0.8) !important; }
.hover\:text-indigo-100\/80:hover { color: rgba(224, 231, 255, 0.8) !important; }
.hover\:border-indigo-100\/80:hover { border-color: rgba(224, 231, 255, 0.8) !important; }

.dark .dark\:bg-indigo-100\/80,
html.dark .dark\:bg-indigo-100\/80 { background-color: rgba(224, 231, 255, 0.8) !important; }
.dark .dark\:text-indigo-100\/80,
html.dark .dark\:text-indigo-100\/80 { color: rgba(224, 231, 255, 0.8) !important; }
.dark .dark\:border-indigo-100\/80,
html.dark .dark\:border-indigo-100\/80 { border-color: rgba(224, 231, 255, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-100\/80:hover,
html.dark .dark\:hover\:bg-indigo-100\/80:hover { background-color: rgba(224, 231, 255, 0.8) !important; }
.dark .dark\:hover\:text-indigo-100\/80:hover,
html.dark .dark\:hover\:text-indigo-100\/80:hover { color: rgba(224, 231, 255, 0.8) !important; }
.dark .dark\:hover\:border-indigo-100\/80:hover,
html.dark .dark\:hover\:border-indigo-100\/80:hover { border-color: rgba(224, 231, 255, 0.8) !important; }

.bg-indigo-100\/90 { background-color: rgba(224, 231, 255, 0.9) !important; }
.text-indigo-100\/90 { color: rgba(224, 231, 255, 0.9) !important; }
.border-indigo-100\/90 { border-color: rgba(224, 231, 255, 0.9) !important; }

.hover\:bg-indigo-100\/90:hover { background-color: rgba(224, 231, 255, 0.9) !important; }
.hover\:text-indigo-100\/90:hover { color: rgba(224, 231, 255, 0.9) !important; }
.hover\:border-indigo-100\/90:hover { border-color: rgba(224, 231, 255, 0.9) !important; }

.dark .dark\:bg-indigo-100\/90,
html.dark .dark\:bg-indigo-100\/90 { background-color: rgba(224, 231, 255, 0.9) !important; }
.dark .dark\:text-indigo-100\/90,
html.dark .dark\:text-indigo-100\/90 { color: rgba(224, 231, 255, 0.9) !important; }
.dark .dark\:border-indigo-100\/90,
html.dark .dark\:border-indigo-100\/90 { border-color: rgba(224, 231, 255, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-100\/90:hover,
html.dark .dark\:hover\:bg-indigo-100\/90:hover { background-color: rgba(224, 231, 255, 0.9) !important; }
.dark .dark\:hover\:text-indigo-100\/90:hover,
html.dark .dark\:hover\:text-indigo-100\/90:hover { color: rgba(224, 231, 255, 0.9) !important; }
.dark .dark\:hover\:border-indigo-100\/90:hover,
html.dark .dark\:hover\:border-indigo-100\/90:hover { border-color: rgba(224, 231, 255, 0.9) !important; }

.bg-indigo-100\/95 { background-color: rgba(224, 231, 255, 0.95) !important; }
.text-indigo-100\/95 { color: rgba(224, 231, 255, 0.95) !important; }
.border-indigo-100\/95 { border-color: rgba(224, 231, 255, 0.95) !important; }

.hover\:bg-indigo-100\/95:hover { background-color: rgba(224, 231, 255, 0.95) !important; }
.hover\:text-indigo-100\/95:hover { color: rgba(224, 231, 255, 0.95) !important; }
.hover\:border-indigo-100\/95:hover { border-color: rgba(224, 231, 255, 0.95) !important; }

.dark .dark\:bg-indigo-100\/95,
html.dark .dark\:bg-indigo-100\/95 { background-color: rgba(224, 231, 255, 0.95) !important; }
.dark .dark\:text-indigo-100\/95,
html.dark .dark\:text-indigo-100\/95 { color: rgba(224, 231, 255, 0.95) !important; }
.dark .dark\:border-indigo-100\/95,
html.dark .dark\:border-indigo-100\/95 { border-color: rgba(224, 231, 255, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-100\/95:hover,
html.dark .dark\:hover\:bg-indigo-100\/95:hover { background-color: rgba(224, 231, 255, 0.95) !important; }
.dark .dark\:hover\:text-indigo-100\/95:hover,
html.dark .dark\:hover\:text-indigo-100\/95:hover { color: rgba(224, 231, 255, 0.95) !important; }
.dark .dark\:hover\:border-indigo-100\/95:hover,
html.dark .dark\:hover\:border-indigo-100\/95:hover { border-color: rgba(224, 231, 255, 0.95) !important; }

.bg-indigo-200 { background-color: #c7d2fe !important; }
.text-indigo-200 { color: #c7d2fe !important; }
.border-indigo-200 { border-color: #c7d2fe !important; }
.fill-indigo-200 { fill: #c7d2fe !important; }
.stroke-indigo-200 { stroke: #c7d2fe !important; }

/* Hover states */
.hover\:bg-indigo-200:hover { background-color: #c7d2fe !important; }
.hover\:text-indigo-200:hover { color: #c7d2fe !important; }
.hover\:border-indigo-200:hover { border-color: #c7d2fe !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-200,
html.dark .dark\:bg-indigo-200 { background-color: #c7d2fe !important; }
.dark .dark\:text-indigo-200,
html.dark .dark\:text-indigo-200 { color: #c7d2fe !important; }
.dark .dark\:border-indigo-200,
html.dark .dark\:border-indigo-200 { border-color: #c7d2fe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-200:hover,
html.dark .dark\:hover\:bg-indigo-200:hover { background-color: #c7d2fe !important; }
.dark .dark\:hover\:text-indigo-200:hover,
html.dark .dark\:hover\:text-indigo-200:hover { color: #c7d2fe !important; }
.dark .dark\:hover\:border-indigo-200:hover,
html.dark .dark\:hover\:border-indigo-200:hover { border-color: #c7d2fe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-200,
html.dark .group:hover .dark\:group-hover\:text-indigo-200 { color: #c7d2fe !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-200,
html.dark .group:hover .dark\:group-hover\:bg-indigo-200 { background-color: #c7d2fe !important; }

.bg-indigo-200\/10 { background-color: rgba(199, 210, 254, 0.1) !important; }
.text-indigo-200\/10 { color: rgba(199, 210, 254, 0.1) !important; }
.border-indigo-200\/10 { border-color: rgba(199, 210, 254, 0.1) !important; }

.hover\:bg-indigo-200\/10:hover { background-color: rgba(199, 210, 254, 0.1) !important; }
.hover\:text-indigo-200\/10:hover { color: rgba(199, 210, 254, 0.1) !important; }
.hover\:border-indigo-200\/10:hover { border-color: rgba(199, 210, 254, 0.1) !important; }

.dark .dark\:bg-indigo-200\/10,
html.dark .dark\:bg-indigo-200\/10 { background-color: rgba(199, 210, 254, 0.1) !important; }
.dark .dark\:text-indigo-200\/10,
html.dark .dark\:text-indigo-200\/10 { color: rgba(199, 210, 254, 0.1) !important; }
.dark .dark\:border-indigo-200\/10,
html.dark .dark\:border-indigo-200\/10 { border-color: rgba(199, 210, 254, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-200\/10:hover,
html.dark .dark\:hover\:bg-indigo-200\/10:hover { background-color: rgba(199, 210, 254, 0.1) !important; }
.dark .dark\:hover\:text-indigo-200\/10:hover,
html.dark .dark\:hover\:text-indigo-200\/10:hover { color: rgba(199, 210, 254, 0.1) !important; }
.dark .dark\:hover\:border-indigo-200\/10:hover,
html.dark .dark\:hover\:border-indigo-200\/10:hover { border-color: rgba(199, 210, 254, 0.1) !important; }

.bg-indigo-200\/20 { background-color: rgba(199, 210, 254, 0.2) !important; }
.text-indigo-200\/20 { color: rgba(199, 210, 254, 0.2) !important; }
.border-indigo-200\/20 { border-color: rgba(199, 210, 254, 0.2) !important; }

.hover\:bg-indigo-200\/20:hover { background-color: rgba(199, 210, 254, 0.2) !important; }
.hover\:text-indigo-200\/20:hover { color: rgba(199, 210, 254, 0.2) !important; }
.hover\:border-indigo-200\/20:hover { border-color: rgba(199, 210, 254, 0.2) !important; }

.dark .dark\:bg-indigo-200\/20,
html.dark .dark\:bg-indigo-200\/20 { background-color: rgba(199, 210, 254, 0.2) !important; }
.dark .dark\:text-indigo-200\/20,
html.dark .dark\:text-indigo-200\/20 { color: rgba(199, 210, 254, 0.2) !important; }
.dark .dark\:border-indigo-200\/20,
html.dark .dark\:border-indigo-200\/20 { border-color: rgba(199, 210, 254, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-200\/20:hover,
html.dark .dark\:hover\:bg-indigo-200\/20:hover { background-color: rgba(199, 210, 254, 0.2) !important; }
.dark .dark\:hover\:text-indigo-200\/20:hover,
html.dark .dark\:hover\:text-indigo-200\/20:hover { color: rgba(199, 210, 254, 0.2) !important; }
.dark .dark\:hover\:border-indigo-200\/20:hover,
html.dark .dark\:hover\:border-indigo-200\/20:hover { border-color: rgba(199, 210, 254, 0.2) !important; }

.bg-indigo-200\/25 { background-color: rgba(199, 210, 254, 0.25) !important; }
.text-indigo-200\/25 { color: rgba(199, 210, 254, 0.25) !important; }
.border-indigo-200\/25 { border-color: rgba(199, 210, 254, 0.25) !important; }

.hover\:bg-indigo-200\/25:hover { background-color: rgba(199, 210, 254, 0.25) !important; }
.hover\:text-indigo-200\/25:hover { color: rgba(199, 210, 254, 0.25) !important; }
.hover\:border-indigo-200\/25:hover { border-color: rgba(199, 210, 254, 0.25) !important; }

.dark .dark\:bg-indigo-200\/25,
html.dark .dark\:bg-indigo-200\/25 { background-color: rgba(199, 210, 254, 0.25) !important; }
.dark .dark\:text-indigo-200\/25,
html.dark .dark\:text-indigo-200\/25 { color: rgba(199, 210, 254, 0.25) !important; }
.dark .dark\:border-indigo-200\/25,
html.dark .dark\:border-indigo-200\/25 { border-color: rgba(199, 210, 254, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-200\/25:hover,
html.dark .dark\:hover\:bg-indigo-200\/25:hover { background-color: rgba(199, 210, 254, 0.25) !important; }
.dark .dark\:hover\:text-indigo-200\/25:hover,
html.dark .dark\:hover\:text-indigo-200\/25:hover { color: rgba(199, 210, 254, 0.25) !important; }
.dark .dark\:hover\:border-indigo-200\/25:hover,
html.dark .dark\:hover\:border-indigo-200\/25:hover { border-color: rgba(199, 210, 254, 0.25) !important; }

.bg-indigo-200\/30 { background-color: rgba(199, 210, 254, 0.3) !important; }
.text-indigo-200\/30 { color: rgba(199, 210, 254, 0.3) !important; }
.border-indigo-200\/30 { border-color: rgba(199, 210, 254, 0.3) !important; }

.hover\:bg-indigo-200\/30:hover { background-color: rgba(199, 210, 254, 0.3) !important; }
.hover\:text-indigo-200\/30:hover { color: rgba(199, 210, 254, 0.3) !important; }
.hover\:border-indigo-200\/30:hover { border-color: rgba(199, 210, 254, 0.3) !important; }

.dark .dark\:bg-indigo-200\/30,
html.dark .dark\:bg-indigo-200\/30 { background-color: rgba(199, 210, 254, 0.3) !important; }
.dark .dark\:text-indigo-200\/30,
html.dark .dark\:text-indigo-200\/30 { color: rgba(199, 210, 254, 0.3) !important; }
.dark .dark\:border-indigo-200\/30,
html.dark .dark\:border-indigo-200\/30 { border-color: rgba(199, 210, 254, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-200\/30:hover,
html.dark .dark\:hover\:bg-indigo-200\/30:hover { background-color: rgba(199, 210, 254, 0.3) !important; }
.dark .dark\:hover\:text-indigo-200\/30:hover,
html.dark .dark\:hover\:text-indigo-200\/30:hover { color: rgba(199, 210, 254, 0.3) !important; }
.dark .dark\:hover\:border-indigo-200\/30:hover,
html.dark .dark\:hover\:border-indigo-200\/30:hover { border-color: rgba(199, 210, 254, 0.3) !important; }

.bg-indigo-200\/40 { background-color: rgba(199, 210, 254, 0.4) !important; }
.text-indigo-200\/40 { color: rgba(199, 210, 254, 0.4) !important; }
.border-indigo-200\/40 { border-color: rgba(199, 210, 254, 0.4) !important; }

.hover\:bg-indigo-200\/40:hover { background-color: rgba(199, 210, 254, 0.4) !important; }
.hover\:text-indigo-200\/40:hover { color: rgba(199, 210, 254, 0.4) !important; }
.hover\:border-indigo-200\/40:hover { border-color: rgba(199, 210, 254, 0.4) !important; }

.dark .dark\:bg-indigo-200\/40,
html.dark .dark\:bg-indigo-200\/40 { background-color: rgba(199, 210, 254, 0.4) !important; }
.dark .dark\:text-indigo-200\/40,
html.dark .dark\:text-indigo-200\/40 { color: rgba(199, 210, 254, 0.4) !important; }
.dark .dark\:border-indigo-200\/40,
html.dark .dark\:border-indigo-200\/40 { border-color: rgba(199, 210, 254, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-200\/40:hover,
html.dark .dark\:hover\:bg-indigo-200\/40:hover { background-color: rgba(199, 210, 254, 0.4) !important; }
.dark .dark\:hover\:text-indigo-200\/40:hover,
html.dark .dark\:hover\:text-indigo-200\/40:hover { color: rgba(199, 210, 254, 0.4) !important; }
.dark .dark\:hover\:border-indigo-200\/40:hover,
html.dark .dark\:hover\:border-indigo-200\/40:hover { border-color: rgba(199, 210, 254, 0.4) !important; }

.bg-indigo-200\/50 { background-color: rgba(199, 210, 254, 0.5) !important; }
.text-indigo-200\/50 { color: rgba(199, 210, 254, 0.5) !important; }
.border-indigo-200\/50 { border-color: rgba(199, 210, 254, 0.5) !important; }

.hover\:bg-indigo-200\/50:hover { background-color: rgba(199, 210, 254, 0.5) !important; }
.hover\:text-indigo-200\/50:hover { color: rgba(199, 210, 254, 0.5) !important; }
.hover\:border-indigo-200\/50:hover { border-color: rgba(199, 210, 254, 0.5) !important; }

.dark .dark\:bg-indigo-200\/50,
html.dark .dark\:bg-indigo-200\/50 { background-color: rgba(199, 210, 254, 0.5) !important; }
.dark .dark\:text-indigo-200\/50,
html.dark .dark\:text-indigo-200\/50 { color: rgba(199, 210, 254, 0.5) !important; }
.dark .dark\:border-indigo-200\/50,
html.dark .dark\:border-indigo-200\/50 { border-color: rgba(199, 210, 254, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-200\/50:hover,
html.dark .dark\:hover\:bg-indigo-200\/50:hover { background-color: rgba(199, 210, 254, 0.5) !important; }
.dark .dark\:hover\:text-indigo-200\/50:hover,
html.dark .dark\:hover\:text-indigo-200\/50:hover { color: rgba(199, 210, 254, 0.5) !important; }
.dark .dark\:hover\:border-indigo-200\/50:hover,
html.dark .dark\:hover\:border-indigo-200\/50:hover { border-color: rgba(199, 210, 254, 0.5) !important; }

.bg-indigo-200\/60 { background-color: rgba(199, 210, 254, 0.6) !important; }
.text-indigo-200\/60 { color: rgba(199, 210, 254, 0.6) !important; }
.border-indigo-200\/60 { border-color: rgba(199, 210, 254, 0.6) !important; }

.hover\:bg-indigo-200\/60:hover { background-color: rgba(199, 210, 254, 0.6) !important; }
.hover\:text-indigo-200\/60:hover { color: rgba(199, 210, 254, 0.6) !important; }
.hover\:border-indigo-200\/60:hover { border-color: rgba(199, 210, 254, 0.6) !important; }

.dark .dark\:bg-indigo-200\/60,
html.dark .dark\:bg-indigo-200\/60 { background-color: rgba(199, 210, 254, 0.6) !important; }
.dark .dark\:text-indigo-200\/60,
html.dark .dark\:text-indigo-200\/60 { color: rgba(199, 210, 254, 0.6) !important; }
.dark .dark\:border-indigo-200\/60,
html.dark .dark\:border-indigo-200\/60 { border-color: rgba(199, 210, 254, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-200\/60:hover,
html.dark .dark\:hover\:bg-indigo-200\/60:hover { background-color: rgba(199, 210, 254, 0.6) !important; }
.dark .dark\:hover\:text-indigo-200\/60:hover,
html.dark .dark\:hover\:text-indigo-200\/60:hover { color: rgba(199, 210, 254, 0.6) !important; }
.dark .dark\:hover\:border-indigo-200\/60:hover,
html.dark .dark\:hover\:border-indigo-200\/60:hover { border-color: rgba(199, 210, 254, 0.6) !important; }

.bg-indigo-200\/70 { background-color: rgba(199, 210, 254, 0.7) !important; }
.text-indigo-200\/70 { color: rgba(199, 210, 254, 0.7) !important; }
.border-indigo-200\/70 { border-color: rgba(199, 210, 254, 0.7) !important; }

.hover\:bg-indigo-200\/70:hover { background-color: rgba(199, 210, 254, 0.7) !important; }
.hover\:text-indigo-200\/70:hover { color: rgba(199, 210, 254, 0.7) !important; }
.hover\:border-indigo-200\/70:hover { border-color: rgba(199, 210, 254, 0.7) !important; }

.dark .dark\:bg-indigo-200\/70,
html.dark .dark\:bg-indigo-200\/70 { background-color: rgba(199, 210, 254, 0.7) !important; }
.dark .dark\:text-indigo-200\/70,
html.dark .dark\:text-indigo-200\/70 { color: rgba(199, 210, 254, 0.7) !important; }
.dark .dark\:border-indigo-200\/70,
html.dark .dark\:border-indigo-200\/70 { border-color: rgba(199, 210, 254, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-200\/70:hover,
html.dark .dark\:hover\:bg-indigo-200\/70:hover { background-color: rgba(199, 210, 254, 0.7) !important; }
.dark .dark\:hover\:text-indigo-200\/70:hover,
html.dark .dark\:hover\:text-indigo-200\/70:hover { color: rgba(199, 210, 254, 0.7) !important; }
.dark .dark\:hover\:border-indigo-200\/70:hover,
html.dark .dark\:hover\:border-indigo-200\/70:hover { border-color: rgba(199, 210, 254, 0.7) !important; }

.bg-indigo-200\/75 { background-color: rgba(199, 210, 254, 0.75) !important; }
.text-indigo-200\/75 { color: rgba(199, 210, 254, 0.75) !important; }
.border-indigo-200\/75 { border-color: rgba(199, 210, 254, 0.75) !important; }

.hover\:bg-indigo-200\/75:hover { background-color: rgba(199, 210, 254, 0.75) !important; }
.hover\:text-indigo-200\/75:hover { color: rgba(199, 210, 254, 0.75) !important; }
.hover\:border-indigo-200\/75:hover { border-color: rgba(199, 210, 254, 0.75) !important; }

.dark .dark\:bg-indigo-200\/75,
html.dark .dark\:bg-indigo-200\/75 { background-color: rgba(199, 210, 254, 0.75) !important; }
.dark .dark\:text-indigo-200\/75,
html.dark .dark\:text-indigo-200\/75 { color: rgba(199, 210, 254, 0.75) !important; }
.dark .dark\:border-indigo-200\/75,
html.dark .dark\:border-indigo-200\/75 { border-color: rgba(199, 210, 254, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-200\/75:hover,
html.dark .dark\:hover\:bg-indigo-200\/75:hover { background-color: rgba(199, 210, 254, 0.75) !important; }
.dark .dark\:hover\:text-indigo-200\/75:hover,
html.dark .dark\:hover\:text-indigo-200\/75:hover { color: rgba(199, 210, 254, 0.75) !important; }
.dark .dark\:hover\:border-indigo-200\/75:hover,
html.dark .dark\:hover\:border-indigo-200\/75:hover { border-color: rgba(199, 210, 254, 0.75) !important; }

.bg-indigo-200\/80 { background-color: rgba(199, 210, 254, 0.8) !important; }
.text-indigo-200\/80 { color: rgba(199, 210, 254, 0.8) !important; }
.border-indigo-200\/80 { border-color: rgba(199, 210, 254, 0.8) !important; }

.hover\:bg-indigo-200\/80:hover { background-color: rgba(199, 210, 254, 0.8) !important; }
.hover\:text-indigo-200\/80:hover { color: rgba(199, 210, 254, 0.8) !important; }
.hover\:border-indigo-200\/80:hover { border-color: rgba(199, 210, 254, 0.8) !important; }

.dark .dark\:bg-indigo-200\/80,
html.dark .dark\:bg-indigo-200\/80 { background-color: rgba(199, 210, 254, 0.8) !important; }
.dark .dark\:text-indigo-200\/80,
html.dark .dark\:text-indigo-200\/80 { color: rgba(199, 210, 254, 0.8) !important; }
.dark .dark\:border-indigo-200\/80,
html.dark .dark\:border-indigo-200\/80 { border-color: rgba(199, 210, 254, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-200\/80:hover,
html.dark .dark\:hover\:bg-indigo-200\/80:hover { background-color: rgba(199, 210, 254, 0.8) !important; }
.dark .dark\:hover\:text-indigo-200\/80:hover,
html.dark .dark\:hover\:text-indigo-200\/80:hover { color: rgba(199, 210, 254, 0.8) !important; }
.dark .dark\:hover\:border-indigo-200\/80:hover,
html.dark .dark\:hover\:border-indigo-200\/80:hover { border-color: rgba(199, 210, 254, 0.8) !important; }

.bg-indigo-200\/90 { background-color: rgba(199, 210, 254, 0.9) !important; }
.text-indigo-200\/90 { color: rgba(199, 210, 254, 0.9) !important; }
.border-indigo-200\/90 { border-color: rgba(199, 210, 254, 0.9) !important; }

.hover\:bg-indigo-200\/90:hover { background-color: rgba(199, 210, 254, 0.9) !important; }
.hover\:text-indigo-200\/90:hover { color: rgba(199, 210, 254, 0.9) !important; }
.hover\:border-indigo-200\/90:hover { border-color: rgba(199, 210, 254, 0.9) !important; }

.dark .dark\:bg-indigo-200\/90,
html.dark .dark\:bg-indigo-200\/90 { background-color: rgba(199, 210, 254, 0.9) !important; }
.dark .dark\:text-indigo-200\/90,
html.dark .dark\:text-indigo-200\/90 { color: rgba(199, 210, 254, 0.9) !important; }
.dark .dark\:border-indigo-200\/90,
html.dark .dark\:border-indigo-200\/90 { border-color: rgba(199, 210, 254, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-200\/90:hover,
html.dark .dark\:hover\:bg-indigo-200\/90:hover { background-color: rgba(199, 210, 254, 0.9) !important; }
.dark .dark\:hover\:text-indigo-200\/90:hover,
html.dark .dark\:hover\:text-indigo-200\/90:hover { color: rgba(199, 210, 254, 0.9) !important; }
.dark .dark\:hover\:border-indigo-200\/90:hover,
html.dark .dark\:hover\:border-indigo-200\/90:hover { border-color: rgba(199, 210, 254, 0.9) !important; }

.bg-indigo-200\/95 { background-color: rgba(199, 210, 254, 0.95) !important; }
.text-indigo-200\/95 { color: rgba(199, 210, 254, 0.95) !important; }
.border-indigo-200\/95 { border-color: rgba(199, 210, 254, 0.95) !important; }

.hover\:bg-indigo-200\/95:hover { background-color: rgba(199, 210, 254, 0.95) !important; }
.hover\:text-indigo-200\/95:hover { color: rgba(199, 210, 254, 0.95) !important; }
.hover\:border-indigo-200\/95:hover { border-color: rgba(199, 210, 254, 0.95) !important; }

.dark .dark\:bg-indigo-200\/95,
html.dark .dark\:bg-indigo-200\/95 { background-color: rgba(199, 210, 254, 0.95) !important; }
.dark .dark\:text-indigo-200\/95,
html.dark .dark\:text-indigo-200\/95 { color: rgba(199, 210, 254, 0.95) !important; }
.dark .dark\:border-indigo-200\/95,
html.dark .dark\:border-indigo-200\/95 { border-color: rgba(199, 210, 254, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-200\/95:hover,
html.dark .dark\:hover\:bg-indigo-200\/95:hover { background-color: rgba(199, 210, 254, 0.95) !important; }
.dark .dark\:hover\:text-indigo-200\/95:hover,
html.dark .dark\:hover\:text-indigo-200\/95:hover { color: rgba(199, 210, 254, 0.95) !important; }
.dark .dark\:hover\:border-indigo-200\/95:hover,
html.dark .dark\:hover\:border-indigo-200\/95:hover { border-color: rgba(199, 210, 254, 0.95) !important; }

.bg-indigo-300 { background-color: #a5b4fc !important; }
.text-indigo-300 { color: #a5b4fc !important; }
.border-indigo-300 { border-color: #a5b4fc !important; }
.fill-indigo-300 { fill: #a5b4fc !important; }
.stroke-indigo-300 { stroke: #a5b4fc !important; }

/* Hover states */
.hover\:bg-indigo-300:hover { background-color: #a5b4fc !important; }
.hover\:text-indigo-300:hover { color: #a5b4fc !important; }
.hover\:border-indigo-300:hover { border-color: #a5b4fc !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-300,
html.dark .dark\:bg-indigo-300 { background-color: #a5b4fc !important; }
.dark .dark\:text-indigo-300,
html.dark .dark\:text-indigo-300 { color: #a5b4fc !important; }
.dark .dark\:border-indigo-300,
html.dark .dark\:border-indigo-300 { border-color: #a5b4fc !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-300:hover,
html.dark .dark\:hover\:bg-indigo-300:hover { background-color: #a5b4fc !important; }
.dark .dark\:hover\:text-indigo-300:hover,
html.dark .dark\:hover\:text-indigo-300:hover { color: #a5b4fc !important; }
.dark .dark\:hover\:border-indigo-300:hover,
html.dark .dark\:hover\:border-indigo-300:hover { border-color: #a5b4fc !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-300,
html.dark .group:hover .dark\:group-hover\:text-indigo-300 { color: #a5b4fc !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-300,
html.dark .group:hover .dark\:group-hover\:bg-indigo-300 { background-color: #a5b4fc !important; }

.bg-indigo-300\/10 { background-color: rgba(165, 180, 252, 0.1) !important; }
.text-indigo-300\/10 { color: rgba(165, 180, 252, 0.1) !important; }
.border-indigo-300\/10 { border-color: rgba(165, 180, 252, 0.1) !important; }

.hover\:bg-indigo-300\/10:hover { background-color: rgba(165, 180, 252, 0.1) !important; }
.hover\:text-indigo-300\/10:hover { color: rgba(165, 180, 252, 0.1) !important; }
.hover\:border-indigo-300\/10:hover { border-color: rgba(165, 180, 252, 0.1) !important; }

.dark .dark\:bg-indigo-300\/10,
html.dark .dark\:bg-indigo-300\/10 { background-color: rgba(165, 180, 252, 0.1) !important; }
.dark .dark\:text-indigo-300\/10,
html.dark .dark\:text-indigo-300\/10 { color: rgba(165, 180, 252, 0.1) !important; }
.dark .dark\:border-indigo-300\/10,
html.dark .dark\:border-indigo-300\/10 { border-color: rgba(165, 180, 252, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-300\/10:hover,
html.dark .dark\:hover\:bg-indigo-300\/10:hover { background-color: rgba(165, 180, 252, 0.1) !important; }
.dark .dark\:hover\:text-indigo-300\/10:hover,
html.dark .dark\:hover\:text-indigo-300\/10:hover { color: rgba(165, 180, 252, 0.1) !important; }
.dark .dark\:hover\:border-indigo-300\/10:hover,
html.dark .dark\:hover\:border-indigo-300\/10:hover { border-color: rgba(165, 180, 252, 0.1) !important; }

.bg-indigo-300\/20 { background-color: rgba(165, 180, 252, 0.2) !important; }
.text-indigo-300\/20 { color: rgba(165, 180, 252, 0.2) !important; }
.border-indigo-300\/20 { border-color: rgba(165, 180, 252, 0.2) !important; }

.hover\:bg-indigo-300\/20:hover { background-color: rgba(165, 180, 252, 0.2) !important; }
.hover\:text-indigo-300\/20:hover { color: rgba(165, 180, 252, 0.2) !important; }
.hover\:border-indigo-300\/20:hover { border-color: rgba(165, 180, 252, 0.2) !important; }

.dark .dark\:bg-indigo-300\/20,
html.dark .dark\:bg-indigo-300\/20 { background-color: rgba(165, 180, 252, 0.2) !important; }
.dark .dark\:text-indigo-300\/20,
html.dark .dark\:text-indigo-300\/20 { color: rgba(165, 180, 252, 0.2) !important; }
.dark .dark\:border-indigo-300\/20,
html.dark .dark\:border-indigo-300\/20 { border-color: rgba(165, 180, 252, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-300\/20:hover,
html.dark .dark\:hover\:bg-indigo-300\/20:hover { background-color: rgba(165, 180, 252, 0.2) !important; }
.dark .dark\:hover\:text-indigo-300\/20:hover,
html.dark .dark\:hover\:text-indigo-300\/20:hover { color: rgba(165, 180, 252, 0.2) !important; }
.dark .dark\:hover\:border-indigo-300\/20:hover,
html.dark .dark\:hover\:border-indigo-300\/20:hover { border-color: rgba(165, 180, 252, 0.2) !important; }

.bg-indigo-300\/25 { background-color: rgba(165, 180, 252, 0.25) !important; }
.text-indigo-300\/25 { color: rgba(165, 180, 252, 0.25) !important; }
.border-indigo-300\/25 { border-color: rgba(165, 180, 252, 0.25) !important; }

.hover\:bg-indigo-300\/25:hover { background-color: rgba(165, 180, 252, 0.25) !important; }
.hover\:text-indigo-300\/25:hover { color: rgba(165, 180, 252, 0.25) !important; }
.hover\:border-indigo-300\/25:hover { border-color: rgba(165, 180, 252, 0.25) !important; }

.dark .dark\:bg-indigo-300\/25,
html.dark .dark\:bg-indigo-300\/25 { background-color: rgba(165, 180, 252, 0.25) !important; }
.dark .dark\:text-indigo-300\/25,
html.dark .dark\:text-indigo-300\/25 { color: rgba(165, 180, 252, 0.25) !important; }
.dark .dark\:border-indigo-300\/25,
html.dark .dark\:border-indigo-300\/25 { border-color: rgba(165, 180, 252, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-300\/25:hover,
html.dark .dark\:hover\:bg-indigo-300\/25:hover { background-color: rgba(165, 180, 252, 0.25) !important; }
.dark .dark\:hover\:text-indigo-300\/25:hover,
html.dark .dark\:hover\:text-indigo-300\/25:hover { color: rgba(165, 180, 252, 0.25) !important; }
.dark .dark\:hover\:border-indigo-300\/25:hover,
html.dark .dark\:hover\:border-indigo-300\/25:hover { border-color: rgba(165, 180, 252, 0.25) !important; }

.bg-indigo-300\/30 { background-color: rgba(165, 180, 252, 0.3) !important; }
.text-indigo-300\/30 { color: rgba(165, 180, 252, 0.3) !important; }
.border-indigo-300\/30 { border-color: rgba(165, 180, 252, 0.3) !important; }

.hover\:bg-indigo-300\/30:hover { background-color: rgba(165, 180, 252, 0.3) !important; }
.hover\:text-indigo-300\/30:hover { color: rgba(165, 180, 252, 0.3) !important; }
.hover\:border-indigo-300\/30:hover { border-color: rgba(165, 180, 252, 0.3) !important; }

.dark .dark\:bg-indigo-300\/30,
html.dark .dark\:bg-indigo-300\/30 { background-color: rgba(165, 180, 252, 0.3) !important; }
.dark .dark\:text-indigo-300\/30,
html.dark .dark\:text-indigo-300\/30 { color: rgba(165, 180, 252, 0.3) !important; }
.dark .dark\:border-indigo-300\/30,
html.dark .dark\:border-indigo-300\/30 { border-color: rgba(165, 180, 252, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-300\/30:hover,
html.dark .dark\:hover\:bg-indigo-300\/30:hover { background-color: rgba(165, 180, 252, 0.3) !important; }
.dark .dark\:hover\:text-indigo-300\/30:hover,
html.dark .dark\:hover\:text-indigo-300\/30:hover { color: rgba(165, 180, 252, 0.3) !important; }
.dark .dark\:hover\:border-indigo-300\/30:hover,
html.dark .dark\:hover\:border-indigo-300\/30:hover { border-color: rgba(165, 180, 252, 0.3) !important; }

.bg-indigo-300\/40 { background-color: rgba(165, 180, 252, 0.4) !important; }
.text-indigo-300\/40 { color: rgba(165, 180, 252, 0.4) !important; }
.border-indigo-300\/40 { border-color: rgba(165, 180, 252, 0.4) !important; }

.hover\:bg-indigo-300\/40:hover { background-color: rgba(165, 180, 252, 0.4) !important; }
.hover\:text-indigo-300\/40:hover { color: rgba(165, 180, 252, 0.4) !important; }
.hover\:border-indigo-300\/40:hover { border-color: rgba(165, 180, 252, 0.4) !important; }

.dark .dark\:bg-indigo-300\/40,
html.dark .dark\:bg-indigo-300\/40 { background-color: rgba(165, 180, 252, 0.4) !important; }
.dark .dark\:text-indigo-300\/40,
html.dark .dark\:text-indigo-300\/40 { color: rgba(165, 180, 252, 0.4) !important; }
.dark .dark\:border-indigo-300\/40,
html.dark .dark\:border-indigo-300\/40 { border-color: rgba(165, 180, 252, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-300\/40:hover,
html.dark .dark\:hover\:bg-indigo-300\/40:hover { background-color: rgba(165, 180, 252, 0.4) !important; }
.dark .dark\:hover\:text-indigo-300\/40:hover,
html.dark .dark\:hover\:text-indigo-300\/40:hover { color: rgba(165, 180, 252, 0.4) !important; }
.dark .dark\:hover\:border-indigo-300\/40:hover,
html.dark .dark\:hover\:border-indigo-300\/40:hover { border-color: rgba(165, 180, 252, 0.4) !important; }

.bg-indigo-300\/50 { background-color: rgba(165, 180, 252, 0.5) !important; }
.text-indigo-300\/50 { color: rgba(165, 180, 252, 0.5) !important; }
.border-indigo-300\/50 { border-color: rgba(165, 180, 252, 0.5) !important; }

.hover\:bg-indigo-300\/50:hover { background-color: rgba(165, 180, 252, 0.5) !important; }
.hover\:text-indigo-300\/50:hover { color: rgba(165, 180, 252, 0.5) !important; }
.hover\:border-indigo-300\/50:hover { border-color: rgba(165, 180, 252, 0.5) !important; }

.dark .dark\:bg-indigo-300\/50,
html.dark .dark\:bg-indigo-300\/50 { background-color: rgba(165, 180, 252, 0.5) !important; }
.dark .dark\:text-indigo-300\/50,
html.dark .dark\:text-indigo-300\/50 { color: rgba(165, 180, 252, 0.5) !important; }
.dark .dark\:border-indigo-300\/50,
html.dark .dark\:border-indigo-300\/50 { border-color: rgba(165, 180, 252, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-300\/50:hover,
html.dark .dark\:hover\:bg-indigo-300\/50:hover { background-color: rgba(165, 180, 252, 0.5) !important; }
.dark .dark\:hover\:text-indigo-300\/50:hover,
html.dark .dark\:hover\:text-indigo-300\/50:hover { color: rgba(165, 180, 252, 0.5) !important; }
.dark .dark\:hover\:border-indigo-300\/50:hover,
html.dark .dark\:hover\:border-indigo-300\/50:hover { border-color: rgba(165, 180, 252, 0.5) !important; }

.bg-indigo-300\/60 { background-color: rgba(165, 180, 252, 0.6) !important; }
.text-indigo-300\/60 { color: rgba(165, 180, 252, 0.6) !important; }
.border-indigo-300\/60 { border-color: rgba(165, 180, 252, 0.6) !important; }

.hover\:bg-indigo-300\/60:hover { background-color: rgba(165, 180, 252, 0.6) !important; }
.hover\:text-indigo-300\/60:hover { color: rgba(165, 180, 252, 0.6) !important; }
.hover\:border-indigo-300\/60:hover { border-color: rgba(165, 180, 252, 0.6) !important; }

.dark .dark\:bg-indigo-300\/60,
html.dark .dark\:bg-indigo-300\/60 { background-color: rgba(165, 180, 252, 0.6) !important; }
.dark .dark\:text-indigo-300\/60,
html.dark .dark\:text-indigo-300\/60 { color: rgba(165, 180, 252, 0.6) !important; }
.dark .dark\:border-indigo-300\/60,
html.dark .dark\:border-indigo-300\/60 { border-color: rgba(165, 180, 252, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-300\/60:hover,
html.dark .dark\:hover\:bg-indigo-300\/60:hover { background-color: rgba(165, 180, 252, 0.6) !important; }
.dark .dark\:hover\:text-indigo-300\/60:hover,
html.dark .dark\:hover\:text-indigo-300\/60:hover { color: rgba(165, 180, 252, 0.6) !important; }
.dark .dark\:hover\:border-indigo-300\/60:hover,
html.dark .dark\:hover\:border-indigo-300\/60:hover { border-color: rgba(165, 180, 252, 0.6) !important; }

.bg-indigo-300\/70 { background-color: rgba(165, 180, 252, 0.7) !important; }
.text-indigo-300\/70 { color: rgba(165, 180, 252, 0.7) !important; }
.border-indigo-300\/70 { border-color: rgba(165, 180, 252, 0.7) !important; }

.hover\:bg-indigo-300\/70:hover { background-color: rgba(165, 180, 252, 0.7) !important; }
.hover\:text-indigo-300\/70:hover { color: rgba(165, 180, 252, 0.7) !important; }
.hover\:border-indigo-300\/70:hover { border-color: rgba(165, 180, 252, 0.7) !important; }

.dark .dark\:bg-indigo-300\/70,
html.dark .dark\:bg-indigo-300\/70 { background-color: rgba(165, 180, 252, 0.7) !important; }
.dark .dark\:text-indigo-300\/70,
html.dark .dark\:text-indigo-300\/70 { color: rgba(165, 180, 252, 0.7) !important; }
.dark .dark\:border-indigo-300\/70,
html.dark .dark\:border-indigo-300\/70 { border-color: rgba(165, 180, 252, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-300\/70:hover,
html.dark .dark\:hover\:bg-indigo-300\/70:hover { background-color: rgba(165, 180, 252, 0.7) !important; }
.dark .dark\:hover\:text-indigo-300\/70:hover,
html.dark .dark\:hover\:text-indigo-300\/70:hover { color: rgba(165, 180, 252, 0.7) !important; }
.dark .dark\:hover\:border-indigo-300\/70:hover,
html.dark .dark\:hover\:border-indigo-300\/70:hover { border-color: rgba(165, 180, 252, 0.7) !important; }

.bg-indigo-300\/75 { background-color: rgba(165, 180, 252, 0.75) !important; }
.text-indigo-300\/75 { color: rgba(165, 180, 252, 0.75) !important; }
.border-indigo-300\/75 { border-color: rgba(165, 180, 252, 0.75) !important; }

.hover\:bg-indigo-300\/75:hover { background-color: rgba(165, 180, 252, 0.75) !important; }
.hover\:text-indigo-300\/75:hover { color: rgba(165, 180, 252, 0.75) !important; }
.hover\:border-indigo-300\/75:hover { border-color: rgba(165, 180, 252, 0.75) !important; }

.dark .dark\:bg-indigo-300\/75,
html.dark .dark\:bg-indigo-300\/75 { background-color: rgba(165, 180, 252, 0.75) !important; }
.dark .dark\:text-indigo-300\/75,
html.dark .dark\:text-indigo-300\/75 { color: rgba(165, 180, 252, 0.75) !important; }
.dark .dark\:border-indigo-300\/75,
html.dark .dark\:border-indigo-300\/75 { border-color: rgba(165, 180, 252, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-300\/75:hover,
html.dark .dark\:hover\:bg-indigo-300\/75:hover { background-color: rgba(165, 180, 252, 0.75) !important; }
.dark .dark\:hover\:text-indigo-300\/75:hover,
html.dark .dark\:hover\:text-indigo-300\/75:hover { color: rgba(165, 180, 252, 0.75) !important; }
.dark .dark\:hover\:border-indigo-300\/75:hover,
html.dark .dark\:hover\:border-indigo-300\/75:hover { border-color: rgba(165, 180, 252, 0.75) !important; }

.bg-indigo-300\/80 { background-color: rgba(165, 180, 252, 0.8) !important; }
.text-indigo-300\/80 { color: rgba(165, 180, 252, 0.8) !important; }
.border-indigo-300\/80 { border-color: rgba(165, 180, 252, 0.8) !important; }

.hover\:bg-indigo-300\/80:hover { background-color: rgba(165, 180, 252, 0.8) !important; }
.hover\:text-indigo-300\/80:hover { color: rgba(165, 180, 252, 0.8) !important; }
.hover\:border-indigo-300\/80:hover { border-color: rgba(165, 180, 252, 0.8) !important; }

.dark .dark\:bg-indigo-300\/80,
html.dark .dark\:bg-indigo-300\/80 { background-color: rgba(165, 180, 252, 0.8) !important; }
.dark .dark\:text-indigo-300\/80,
html.dark .dark\:text-indigo-300\/80 { color: rgba(165, 180, 252, 0.8) !important; }
.dark .dark\:border-indigo-300\/80,
html.dark .dark\:border-indigo-300\/80 { border-color: rgba(165, 180, 252, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-300\/80:hover,
html.dark .dark\:hover\:bg-indigo-300\/80:hover { background-color: rgba(165, 180, 252, 0.8) !important; }
.dark .dark\:hover\:text-indigo-300\/80:hover,
html.dark .dark\:hover\:text-indigo-300\/80:hover { color: rgba(165, 180, 252, 0.8) !important; }
.dark .dark\:hover\:border-indigo-300\/80:hover,
html.dark .dark\:hover\:border-indigo-300\/80:hover { border-color: rgba(165, 180, 252, 0.8) !important; }

.bg-indigo-300\/90 { background-color: rgba(165, 180, 252, 0.9) !important; }
.text-indigo-300\/90 { color: rgba(165, 180, 252, 0.9) !important; }
.border-indigo-300\/90 { border-color: rgba(165, 180, 252, 0.9) !important; }

.hover\:bg-indigo-300\/90:hover { background-color: rgba(165, 180, 252, 0.9) !important; }
.hover\:text-indigo-300\/90:hover { color: rgba(165, 180, 252, 0.9) !important; }
.hover\:border-indigo-300\/90:hover { border-color: rgba(165, 180, 252, 0.9) !important; }

.dark .dark\:bg-indigo-300\/90,
html.dark .dark\:bg-indigo-300\/90 { background-color: rgba(165, 180, 252, 0.9) !important; }
.dark .dark\:text-indigo-300\/90,
html.dark .dark\:text-indigo-300\/90 { color: rgba(165, 180, 252, 0.9) !important; }
.dark .dark\:border-indigo-300\/90,
html.dark .dark\:border-indigo-300\/90 { border-color: rgba(165, 180, 252, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-300\/90:hover,
html.dark .dark\:hover\:bg-indigo-300\/90:hover { background-color: rgba(165, 180, 252, 0.9) !important; }
.dark .dark\:hover\:text-indigo-300\/90:hover,
html.dark .dark\:hover\:text-indigo-300\/90:hover { color: rgba(165, 180, 252, 0.9) !important; }
.dark .dark\:hover\:border-indigo-300\/90:hover,
html.dark .dark\:hover\:border-indigo-300\/90:hover { border-color: rgba(165, 180, 252, 0.9) !important; }

.bg-indigo-300\/95 { background-color: rgba(165, 180, 252, 0.95) !important; }
.text-indigo-300\/95 { color: rgba(165, 180, 252, 0.95) !important; }
.border-indigo-300\/95 { border-color: rgba(165, 180, 252, 0.95) !important; }

.hover\:bg-indigo-300\/95:hover { background-color: rgba(165, 180, 252, 0.95) !important; }
.hover\:text-indigo-300\/95:hover { color: rgba(165, 180, 252, 0.95) !important; }
.hover\:border-indigo-300\/95:hover { border-color: rgba(165, 180, 252, 0.95) !important; }

.dark .dark\:bg-indigo-300\/95,
html.dark .dark\:bg-indigo-300\/95 { background-color: rgba(165, 180, 252, 0.95) !important; }
.dark .dark\:text-indigo-300\/95,
html.dark .dark\:text-indigo-300\/95 { color: rgba(165, 180, 252, 0.95) !important; }
.dark .dark\:border-indigo-300\/95,
html.dark .dark\:border-indigo-300\/95 { border-color: rgba(165, 180, 252, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-300\/95:hover,
html.dark .dark\:hover\:bg-indigo-300\/95:hover { background-color: rgba(165, 180, 252, 0.95) !important; }
.dark .dark\:hover\:text-indigo-300\/95:hover,
html.dark .dark\:hover\:text-indigo-300\/95:hover { color: rgba(165, 180, 252, 0.95) !important; }
.dark .dark\:hover\:border-indigo-300\/95:hover,
html.dark .dark\:hover\:border-indigo-300\/95:hover { border-color: rgba(165, 180, 252, 0.95) !important; }

.bg-indigo-400 { background-color: #818cf8 !important; }
.text-indigo-400 { color: #818cf8 !important; }
.border-indigo-400 { border-color: #818cf8 !important; }
.fill-indigo-400 { fill: #818cf8 !important; }
.stroke-indigo-400 { stroke: #818cf8 !important; }

/* Hover states */
.hover\:bg-indigo-400:hover { background-color: #818cf8 !important; }
.hover\:text-indigo-400:hover { color: #818cf8 !important; }
.hover\:border-indigo-400:hover { border-color: #818cf8 !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-400,
html.dark .dark\:bg-indigo-400 { background-color: #818cf8 !important; }
.dark .dark\:text-indigo-400,
html.dark .dark\:text-indigo-400 { color: #818cf8 !important; }
.dark .dark\:border-indigo-400,
html.dark .dark\:border-indigo-400 { border-color: #818cf8 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-400:hover,
html.dark .dark\:hover\:bg-indigo-400:hover { background-color: #818cf8 !important; }
.dark .dark\:hover\:text-indigo-400:hover,
html.dark .dark\:hover\:text-indigo-400:hover { color: #818cf8 !important; }
.dark .dark\:hover\:border-indigo-400:hover,
html.dark .dark\:hover\:border-indigo-400:hover { border-color: #818cf8 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-400,
html.dark .group:hover .dark\:group-hover\:text-indigo-400 { color: #818cf8 !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-400,
html.dark .group:hover .dark\:group-hover\:bg-indigo-400 { background-color: #818cf8 !important; }

.bg-indigo-400\/10 { background-color: rgba(129, 140, 248, 0.1) !important; }
.text-indigo-400\/10 { color: rgba(129, 140, 248, 0.1) !important; }
.border-indigo-400\/10 { border-color: rgba(129, 140, 248, 0.1) !important; }

.hover\:bg-indigo-400\/10:hover { background-color: rgba(129, 140, 248, 0.1) !important; }
.hover\:text-indigo-400\/10:hover { color: rgba(129, 140, 248, 0.1) !important; }
.hover\:border-indigo-400\/10:hover { border-color: rgba(129, 140, 248, 0.1) !important; }

.dark .dark\:bg-indigo-400\/10,
html.dark .dark\:bg-indigo-400\/10 { background-color: rgba(129, 140, 248, 0.1) !important; }
.dark .dark\:text-indigo-400\/10,
html.dark .dark\:text-indigo-400\/10 { color: rgba(129, 140, 248, 0.1) !important; }
.dark .dark\:border-indigo-400\/10,
html.dark .dark\:border-indigo-400\/10 { border-color: rgba(129, 140, 248, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-400\/10:hover,
html.dark .dark\:hover\:bg-indigo-400\/10:hover { background-color: rgba(129, 140, 248, 0.1) !important; }
.dark .dark\:hover\:text-indigo-400\/10:hover,
html.dark .dark\:hover\:text-indigo-400\/10:hover { color: rgba(129, 140, 248, 0.1) !important; }
.dark .dark\:hover\:border-indigo-400\/10:hover,
html.dark .dark\:hover\:border-indigo-400\/10:hover { border-color: rgba(129, 140, 248, 0.1) !important; }

.bg-indigo-400\/20 { background-color: rgba(129, 140, 248, 0.2) !important; }
.text-indigo-400\/20 { color: rgba(129, 140, 248, 0.2) !important; }
.border-indigo-400\/20 { border-color: rgba(129, 140, 248, 0.2) !important; }

.hover\:bg-indigo-400\/20:hover { background-color: rgba(129, 140, 248, 0.2) !important; }
.hover\:text-indigo-400\/20:hover { color: rgba(129, 140, 248, 0.2) !important; }
.hover\:border-indigo-400\/20:hover { border-color: rgba(129, 140, 248, 0.2) !important; }

.dark .dark\:bg-indigo-400\/20,
html.dark .dark\:bg-indigo-400\/20 { background-color: rgba(129, 140, 248, 0.2) !important; }
.dark .dark\:text-indigo-400\/20,
html.dark .dark\:text-indigo-400\/20 { color: rgba(129, 140, 248, 0.2) !important; }
.dark .dark\:border-indigo-400\/20,
html.dark .dark\:border-indigo-400\/20 { border-color: rgba(129, 140, 248, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-400\/20:hover,
html.dark .dark\:hover\:bg-indigo-400\/20:hover { background-color: rgba(129, 140, 248, 0.2) !important; }
.dark .dark\:hover\:text-indigo-400\/20:hover,
html.dark .dark\:hover\:text-indigo-400\/20:hover { color: rgba(129, 140, 248, 0.2) !important; }
.dark .dark\:hover\:border-indigo-400\/20:hover,
html.dark .dark\:hover\:border-indigo-400\/20:hover { border-color: rgba(129, 140, 248, 0.2) !important; }

.bg-indigo-400\/25 { background-color: rgba(129, 140, 248, 0.25) !important; }
.text-indigo-400\/25 { color: rgba(129, 140, 248, 0.25) !important; }
.border-indigo-400\/25 { border-color: rgba(129, 140, 248, 0.25) !important; }

.hover\:bg-indigo-400\/25:hover { background-color: rgba(129, 140, 248, 0.25) !important; }
.hover\:text-indigo-400\/25:hover { color: rgba(129, 140, 248, 0.25) !important; }
.hover\:border-indigo-400\/25:hover { border-color: rgba(129, 140, 248, 0.25) !important; }

.dark .dark\:bg-indigo-400\/25,
html.dark .dark\:bg-indigo-400\/25 { background-color: rgba(129, 140, 248, 0.25) !important; }
.dark .dark\:text-indigo-400\/25,
html.dark .dark\:text-indigo-400\/25 { color: rgba(129, 140, 248, 0.25) !important; }
.dark .dark\:border-indigo-400\/25,
html.dark .dark\:border-indigo-400\/25 { border-color: rgba(129, 140, 248, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-400\/25:hover,
html.dark .dark\:hover\:bg-indigo-400\/25:hover { background-color: rgba(129, 140, 248, 0.25) !important; }
.dark .dark\:hover\:text-indigo-400\/25:hover,
html.dark .dark\:hover\:text-indigo-400\/25:hover { color: rgba(129, 140, 248, 0.25) !important; }
.dark .dark\:hover\:border-indigo-400\/25:hover,
html.dark .dark\:hover\:border-indigo-400\/25:hover { border-color: rgba(129, 140, 248, 0.25) !important; }

.bg-indigo-400\/30 { background-color: rgba(129, 140, 248, 0.3) !important; }
.text-indigo-400\/30 { color: rgba(129, 140, 248, 0.3) !important; }
.border-indigo-400\/30 { border-color: rgba(129, 140, 248, 0.3) !important; }

.hover\:bg-indigo-400\/30:hover { background-color: rgba(129, 140, 248, 0.3) !important; }
.hover\:text-indigo-400\/30:hover { color: rgba(129, 140, 248, 0.3) !important; }
.hover\:border-indigo-400\/30:hover { border-color: rgba(129, 140, 248, 0.3) !important; }

.dark .dark\:bg-indigo-400\/30,
html.dark .dark\:bg-indigo-400\/30 { background-color: rgba(129, 140, 248, 0.3) !important; }
.dark .dark\:text-indigo-400\/30,
html.dark .dark\:text-indigo-400\/30 { color: rgba(129, 140, 248, 0.3) !important; }
.dark .dark\:border-indigo-400\/30,
html.dark .dark\:border-indigo-400\/30 { border-color: rgba(129, 140, 248, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-400\/30:hover,
html.dark .dark\:hover\:bg-indigo-400\/30:hover { background-color: rgba(129, 140, 248, 0.3) !important; }
.dark .dark\:hover\:text-indigo-400\/30:hover,
html.dark .dark\:hover\:text-indigo-400\/30:hover { color: rgba(129, 140, 248, 0.3) !important; }
.dark .dark\:hover\:border-indigo-400\/30:hover,
html.dark .dark\:hover\:border-indigo-400\/30:hover { border-color: rgba(129, 140, 248, 0.3) !important; }

.bg-indigo-400\/40 { background-color: rgba(129, 140, 248, 0.4) !important; }
.text-indigo-400\/40 { color: rgba(129, 140, 248, 0.4) !important; }
.border-indigo-400\/40 { border-color: rgba(129, 140, 248, 0.4) !important; }

.hover\:bg-indigo-400\/40:hover { background-color: rgba(129, 140, 248, 0.4) !important; }
.hover\:text-indigo-400\/40:hover { color: rgba(129, 140, 248, 0.4) !important; }
.hover\:border-indigo-400\/40:hover { border-color: rgba(129, 140, 248, 0.4) !important; }

.dark .dark\:bg-indigo-400\/40,
html.dark .dark\:bg-indigo-400\/40 { background-color: rgba(129, 140, 248, 0.4) !important; }
.dark .dark\:text-indigo-400\/40,
html.dark .dark\:text-indigo-400\/40 { color: rgba(129, 140, 248, 0.4) !important; }
.dark .dark\:border-indigo-400\/40,
html.dark .dark\:border-indigo-400\/40 { border-color: rgba(129, 140, 248, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-400\/40:hover,
html.dark .dark\:hover\:bg-indigo-400\/40:hover { background-color: rgba(129, 140, 248, 0.4) !important; }
.dark .dark\:hover\:text-indigo-400\/40:hover,
html.dark .dark\:hover\:text-indigo-400\/40:hover { color: rgba(129, 140, 248, 0.4) !important; }
.dark .dark\:hover\:border-indigo-400\/40:hover,
html.dark .dark\:hover\:border-indigo-400\/40:hover { border-color: rgba(129, 140, 248, 0.4) !important; }

.bg-indigo-400\/50 { background-color: rgba(129, 140, 248, 0.5) !important; }
.text-indigo-400\/50 { color: rgba(129, 140, 248, 0.5) !important; }
.border-indigo-400\/50 { border-color: rgba(129, 140, 248, 0.5) !important; }

.hover\:bg-indigo-400\/50:hover { background-color: rgba(129, 140, 248, 0.5) !important; }
.hover\:text-indigo-400\/50:hover { color: rgba(129, 140, 248, 0.5) !important; }
.hover\:border-indigo-400\/50:hover { border-color: rgba(129, 140, 248, 0.5) !important; }

.dark .dark\:bg-indigo-400\/50,
html.dark .dark\:bg-indigo-400\/50 { background-color: rgba(129, 140, 248, 0.5) !important; }
.dark .dark\:text-indigo-400\/50,
html.dark .dark\:text-indigo-400\/50 { color: rgba(129, 140, 248, 0.5) !important; }
.dark .dark\:border-indigo-400\/50,
html.dark .dark\:border-indigo-400\/50 { border-color: rgba(129, 140, 248, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-400\/50:hover,
html.dark .dark\:hover\:bg-indigo-400\/50:hover { background-color: rgba(129, 140, 248, 0.5) !important; }
.dark .dark\:hover\:text-indigo-400\/50:hover,
html.dark .dark\:hover\:text-indigo-400\/50:hover { color: rgba(129, 140, 248, 0.5) !important; }
.dark .dark\:hover\:border-indigo-400\/50:hover,
html.dark .dark\:hover\:border-indigo-400\/50:hover { border-color: rgba(129, 140, 248, 0.5) !important; }

.bg-indigo-400\/60 { background-color: rgba(129, 140, 248, 0.6) !important; }
.text-indigo-400\/60 { color: rgba(129, 140, 248, 0.6) !important; }
.border-indigo-400\/60 { border-color: rgba(129, 140, 248, 0.6) !important; }

.hover\:bg-indigo-400\/60:hover { background-color: rgba(129, 140, 248, 0.6) !important; }
.hover\:text-indigo-400\/60:hover { color: rgba(129, 140, 248, 0.6) !important; }
.hover\:border-indigo-400\/60:hover { border-color: rgba(129, 140, 248, 0.6) !important; }

.dark .dark\:bg-indigo-400\/60,
html.dark .dark\:bg-indigo-400\/60 { background-color: rgba(129, 140, 248, 0.6) !important; }
.dark .dark\:text-indigo-400\/60,
html.dark .dark\:text-indigo-400\/60 { color: rgba(129, 140, 248, 0.6) !important; }
.dark .dark\:border-indigo-400\/60,
html.dark .dark\:border-indigo-400\/60 { border-color: rgba(129, 140, 248, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-400\/60:hover,
html.dark .dark\:hover\:bg-indigo-400\/60:hover { background-color: rgba(129, 140, 248, 0.6) !important; }
.dark .dark\:hover\:text-indigo-400\/60:hover,
html.dark .dark\:hover\:text-indigo-400\/60:hover { color: rgba(129, 140, 248, 0.6) !important; }
.dark .dark\:hover\:border-indigo-400\/60:hover,
html.dark .dark\:hover\:border-indigo-400\/60:hover { border-color: rgba(129, 140, 248, 0.6) !important; }

.bg-indigo-400\/70 { background-color: rgba(129, 140, 248, 0.7) !important; }
.text-indigo-400\/70 { color: rgba(129, 140, 248, 0.7) !important; }
.border-indigo-400\/70 { border-color: rgba(129, 140, 248, 0.7) !important; }

.hover\:bg-indigo-400\/70:hover { background-color: rgba(129, 140, 248, 0.7) !important; }
.hover\:text-indigo-400\/70:hover { color: rgba(129, 140, 248, 0.7) !important; }
.hover\:border-indigo-400\/70:hover { border-color: rgba(129, 140, 248, 0.7) !important; }

.dark .dark\:bg-indigo-400\/70,
html.dark .dark\:bg-indigo-400\/70 { background-color: rgba(129, 140, 248, 0.7) !important; }
.dark .dark\:text-indigo-400\/70,
html.dark .dark\:text-indigo-400\/70 { color: rgba(129, 140, 248, 0.7) !important; }
.dark .dark\:border-indigo-400\/70,
html.dark .dark\:border-indigo-400\/70 { border-color: rgba(129, 140, 248, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-400\/70:hover,
html.dark .dark\:hover\:bg-indigo-400\/70:hover { background-color: rgba(129, 140, 248, 0.7) !important; }
.dark .dark\:hover\:text-indigo-400\/70:hover,
html.dark .dark\:hover\:text-indigo-400\/70:hover { color: rgba(129, 140, 248, 0.7) !important; }
.dark .dark\:hover\:border-indigo-400\/70:hover,
html.dark .dark\:hover\:border-indigo-400\/70:hover { border-color: rgba(129, 140, 248, 0.7) !important; }

.bg-indigo-400\/75 { background-color: rgba(129, 140, 248, 0.75) !important; }
.text-indigo-400\/75 { color: rgba(129, 140, 248, 0.75) !important; }
.border-indigo-400\/75 { border-color: rgba(129, 140, 248, 0.75) !important; }

.hover\:bg-indigo-400\/75:hover { background-color: rgba(129, 140, 248, 0.75) !important; }
.hover\:text-indigo-400\/75:hover { color: rgba(129, 140, 248, 0.75) !important; }
.hover\:border-indigo-400\/75:hover { border-color: rgba(129, 140, 248, 0.75) !important; }

.dark .dark\:bg-indigo-400\/75,
html.dark .dark\:bg-indigo-400\/75 { background-color: rgba(129, 140, 248, 0.75) !important; }
.dark .dark\:text-indigo-400\/75,
html.dark .dark\:text-indigo-400\/75 { color: rgba(129, 140, 248, 0.75) !important; }
.dark .dark\:border-indigo-400\/75,
html.dark .dark\:border-indigo-400\/75 { border-color: rgba(129, 140, 248, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-400\/75:hover,
html.dark .dark\:hover\:bg-indigo-400\/75:hover { background-color: rgba(129, 140, 248, 0.75) !important; }
.dark .dark\:hover\:text-indigo-400\/75:hover,
html.dark .dark\:hover\:text-indigo-400\/75:hover { color: rgba(129, 140, 248, 0.75) !important; }
.dark .dark\:hover\:border-indigo-400\/75:hover,
html.dark .dark\:hover\:border-indigo-400\/75:hover { border-color: rgba(129, 140, 248, 0.75) !important; }

.bg-indigo-400\/80 { background-color: rgba(129, 140, 248, 0.8) !important; }
.text-indigo-400\/80 { color: rgba(129, 140, 248, 0.8) !important; }
.border-indigo-400\/80 { border-color: rgba(129, 140, 248, 0.8) !important; }

.hover\:bg-indigo-400\/80:hover { background-color: rgba(129, 140, 248, 0.8) !important; }
.hover\:text-indigo-400\/80:hover { color: rgba(129, 140, 248, 0.8) !important; }
.hover\:border-indigo-400\/80:hover { border-color: rgba(129, 140, 248, 0.8) !important; }

.dark .dark\:bg-indigo-400\/80,
html.dark .dark\:bg-indigo-400\/80 { background-color: rgba(129, 140, 248, 0.8) !important; }
.dark .dark\:text-indigo-400\/80,
html.dark .dark\:text-indigo-400\/80 { color: rgba(129, 140, 248, 0.8) !important; }
.dark .dark\:border-indigo-400\/80,
html.dark .dark\:border-indigo-400\/80 { border-color: rgba(129, 140, 248, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-400\/80:hover,
html.dark .dark\:hover\:bg-indigo-400\/80:hover { background-color: rgba(129, 140, 248, 0.8) !important; }
.dark .dark\:hover\:text-indigo-400\/80:hover,
html.dark .dark\:hover\:text-indigo-400\/80:hover { color: rgba(129, 140, 248, 0.8) !important; }
.dark .dark\:hover\:border-indigo-400\/80:hover,
html.dark .dark\:hover\:border-indigo-400\/80:hover { border-color: rgba(129, 140, 248, 0.8) !important; }

.bg-indigo-400\/90 { background-color: rgba(129, 140, 248, 0.9) !important; }
.text-indigo-400\/90 { color: rgba(129, 140, 248, 0.9) !important; }
.border-indigo-400\/90 { border-color: rgba(129, 140, 248, 0.9) !important; }

.hover\:bg-indigo-400\/90:hover { background-color: rgba(129, 140, 248, 0.9) !important; }
.hover\:text-indigo-400\/90:hover { color: rgba(129, 140, 248, 0.9) !important; }
.hover\:border-indigo-400\/90:hover { border-color: rgba(129, 140, 248, 0.9) !important; }

.dark .dark\:bg-indigo-400\/90,
html.dark .dark\:bg-indigo-400\/90 { background-color: rgba(129, 140, 248, 0.9) !important; }
.dark .dark\:text-indigo-400\/90,
html.dark .dark\:text-indigo-400\/90 { color: rgba(129, 140, 248, 0.9) !important; }
.dark .dark\:border-indigo-400\/90,
html.dark .dark\:border-indigo-400\/90 { border-color: rgba(129, 140, 248, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-400\/90:hover,
html.dark .dark\:hover\:bg-indigo-400\/90:hover { background-color: rgba(129, 140, 248, 0.9) !important; }
.dark .dark\:hover\:text-indigo-400\/90:hover,
html.dark .dark\:hover\:text-indigo-400\/90:hover { color: rgba(129, 140, 248, 0.9) !important; }
.dark .dark\:hover\:border-indigo-400\/90:hover,
html.dark .dark\:hover\:border-indigo-400\/90:hover { border-color: rgba(129, 140, 248, 0.9) !important; }

.bg-indigo-400\/95 { background-color: rgba(129, 140, 248, 0.95) !important; }
.text-indigo-400\/95 { color: rgba(129, 140, 248, 0.95) !important; }
.border-indigo-400\/95 { border-color: rgba(129, 140, 248, 0.95) !important; }

.hover\:bg-indigo-400\/95:hover { background-color: rgba(129, 140, 248, 0.95) !important; }
.hover\:text-indigo-400\/95:hover { color: rgba(129, 140, 248, 0.95) !important; }
.hover\:border-indigo-400\/95:hover { border-color: rgba(129, 140, 248, 0.95) !important; }

.dark .dark\:bg-indigo-400\/95,
html.dark .dark\:bg-indigo-400\/95 { background-color: rgba(129, 140, 248, 0.95) !important; }
.dark .dark\:text-indigo-400\/95,
html.dark .dark\:text-indigo-400\/95 { color: rgba(129, 140, 248, 0.95) !important; }
.dark .dark\:border-indigo-400\/95,
html.dark .dark\:border-indigo-400\/95 { border-color: rgba(129, 140, 248, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-400\/95:hover,
html.dark .dark\:hover\:bg-indigo-400\/95:hover { background-color: rgba(129, 140, 248, 0.95) !important; }
.dark .dark\:hover\:text-indigo-400\/95:hover,
html.dark .dark\:hover\:text-indigo-400\/95:hover { color: rgba(129, 140, 248, 0.95) !important; }
.dark .dark\:hover\:border-indigo-400\/95:hover,
html.dark .dark\:hover\:border-indigo-400\/95:hover { border-color: rgba(129, 140, 248, 0.95) !important; }

.bg-indigo-500 { background-color: #6366f1 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.border-indigo-500 { border-color: #6366f1 !important; }
.fill-indigo-500 { fill: #6366f1 !important; }
.stroke-indigo-500 { stroke: #6366f1 !important; }

/* Hover states */
.hover\:bg-indigo-500:hover { background-color: #6366f1 !important; }
.hover\:text-indigo-500:hover { color: #6366f1 !important; }
.hover\:border-indigo-500:hover { border-color: #6366f1 !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-500,
html.dark .dark\:bg-indigo-500 { background-color: #6366f1 !important; }
.dark .dark\:text-indigo-500,
html.dark .dark\:text-indigo-500 { color: #6366f1 !important; }
.dark .dark\:border-indigo-500,
html.dark .dark\:border-indigo-500 { border-color: #6366f1 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-500:hover,
html.dark .dark\:hover\:bg-indigo-500:hover { background-color: #6366f1 !important; }
.dark .dark\:hover\:text-indigo-500:hover,
html.dark .dark\:hover\:text-indigo-500:hover { color: #6366f1 !important; }
.dark .dark\:hover\:border-indigo-500:hover,
html.dark .dark\:hover\:border-indigo-500:hover { border-color: #6366f1 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-500,
html.dark .group:hover .dark\:group-hover\:text-indigo-500 { color: #6366f1 !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-500,
html.dark .group:hover .dark\:group-hover\:bg-indigo-500 { background-color: #6366f1 !important; }

.bg-indigo-500\/10 { background-color: rgba(99, 102, 241, 0.1) !important; }
.text-indigo-500\/10 { color: rgba(99, 102, 241, 0.1) !important; }
.border-indigo-500\/10 { border-color: rgba(99, 102, 241, 0.1) !important; }

.hover\:bg-indigo-500\/10:hover { background-color: rgba(99, 102, 241, 0.1) !important; }
.hover\:text-indigo-500\/10:hover { color: rgba(99, 102, 241, 0.1) !important; }
.hover\:border-indigo-500\/10:hover { border-color: rgba(99, 102, 241, 0.1) !important; }

.dark .dark\:bg-indigo-500\/10,
html.dark .dark\:bg-indigo-500\/10 { background-color: rgba(99, 102, 241, 0.1) !important; }
.dark .dark\:text-indigo-500\/10,
html.dark .dark\:text-indigo-500\/10 { color: rgba(99, 102, 241, 0.1) !important; }
.dark .dark\:border-indigo-500\/10,
html.dark .dark\:border-indigo-500\/10 { border-color: rgba(99, 102, 241, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-500\/10:hover,
html.dark .dark\:hover\:bg-indigo-500\/10:hover { background-color: rgba(99, 102, 241, 0.1) !important; }
.dark .dark\:hover\:text-indigo-500\/10:hover,
html.dark .dark\:hover\:text-indigo-500\/10:hover { color: rgba(99, 102, 241, 0.1) !important; }
.dark .dark\:hover\:border-indigo-500\/10:hover,
html.dark .dark\:hover\:border-indigo-500\/10:hover { border-color: rgba(99, 102, 241, 0.1) !important; }

.bg-indigo-500\/20 { background-color: rgba(99, 102, 241, 0.2) !important; }
.text-indigo-500\/20 { color: rgba(99, 102, 241, 0.2) !important; }
.border-indigo-500\/20 { border-color: rgba(99, 102, 241, 0.2) !important; }

.hover\:bg-indigo-500\/20:hover { background-color: rgba(99, 102, 241, 0.2) !important; }
.hover\:text-indigo-500\/20:hover { color: rgba(99, 102, 241, 0.2) !important; }
.hover\:border-indigo-500\/20:hover { border-color: rgba(99, 102, 241, 0.2) !important; }

.dark .dark\:bg-indigo-500\/20,
html.dark .dark\:bg-indigo-500\/20 { background-color: rgba(99, 102, 241, 0.2) !important; }
.dark .dark\:text-indigo-500\/20,
html.dark .dark\:text-indigo-500\/20 { color: rgba(99, 102, 241, 0.2) !important; }
.dark .dark\:border-indigo-500\/20,
html.dark .dark\:border-indigo-500\/20 { border-color: rgba(99, 102, 241, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-500\/20:hover,
html.dark .dark\:hover\:bg-indigo-500\/20:hover { background-color: rgba(99, 102, 241, 0.2) !important; }
.dark .dark\:hover\:text-indigo-500\/20:hover,
html.dark .dark\:hover\:text-indigo-500\/20:hover { color: rgba(99, 102, 241, 0.2) !important; }
.dark .dark\:hover\:border-indigo-500\/20:hover,
html.dark .dark\:hover\:border-indigo-500\/20:hover { border-color: rgba(99, 102, 241, 0.2) !important; }

.bg-indigo-500\/25 { background-color: rgba(99, 102, 241, 0.25) !important; }
.text-indigo-500\/25 { color: rgba(99, 102, 241, 0.25) !important; }
.border-indigo-500\/25 { border-color: rgba(99, 102, 241, 0.25) !important; }

.hover\:bg-indigo-500\/25:hover { background-color: rgba(99, 102, 241, 0.25) !important; }
.hover\:text-indigo-500\/25:hover { color: rgba(99, 102, 241, 0.25) !important; }
.hover\:border-indigo-500\/25:hover { border-color: rgba(99, 102, 241, 0.25) !important; }

.dark .dark\:bg-indigo-500\/25,
html.dark .dark\:bg-indigo-500\/25 { background-color: rgba(99, 102, 241, 0.25) !important; }
.dark .dark\:text-indigo-500\/25,
html.dark .dark\:text-indigo-500\/25 { color: rgba(99, 102, 241, 0.25) !important; }
.dark .dark\:border-indigo-500\/25,
html.dark .dark\:border-indigo-500\/25 { border-color: rgba(99, 102, 241, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-500\/25:hover,
html.dark .dark\:hover\:bg-indigo-500\/25:hover { background-color: rgba(99, 102, 241, 0.25) !important; }
.dark .dark\:hover\:text-indigo-500\/25:hover,
html.dark .dark\:hover\:text-indigo-500\/25:hover { color: rgba(99, 102, 241, 0.25) !important; }
.dark .dark\:hover\:border-indigo-500\/25:hover,
html.dark .dark\:hover\:border-indigo-500\/25:hover { border-color: rgba(99, 102, 241, 0.25) !important; }

.bg-indigo-500\/30 { background-color: rgba(99, 102, 241, 0.3) !important; }
.text-indigo-500\/30 { color: rgba(99, 102, 241, 0.3) !important; }
.border-indigo-500\/30 { border-color: rgba(99, 102, 241, 0.3) !important; }

.hover\:bg-indigo-500\/30:hover { background-color: rgba(99, 102, 241, 0.3) !important; }
.hover\:text-indigo-500\/30:hover { color: rgba(99, 102, 241, 0.3) !important; }
.hover\:border-indigo-500\/30:hover { border-color: rgba(99, 102, 241, 0.3) !important; }

.dark .dark\:bg-indigo-500\/30,
html.dark .dark\:bg-indigo-500\/30 { background-color: rgba(99, 102, 241, 0.3) !important; }
.dark .dark\:text-indigo-500\/30,
html.dark .dark\:text-indigo-500\/30 { color: rgba(99, 102, 241, 0.3) !important; }
.dark .dark\:border-indigo-500\/30,
html.dark .dark\:border-indigo-500\/30 { border-color: rgba(99, 102, 241, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-500\/30:hover,
html.dark .dark\:hover\:bg-indigo-500\/30:hover { background-color: rgba(99, 102, 241, 0.3) !important; }
.dark .dark\:hover\:text-indigo-500\/30:hover,
html.dark .dark\:hover\:text-indigo-500\/30:hover { color: rgba(99, 102, 241, 0.3) !important; }
.dark .dark\:hover\:border-indigo-500\/30:hover,
html.dark .dark\:hover\:border-indigo-500\/30:hover { border-color: rgba(99, 102, 241, 0.3) !important; }

.bg-indigo-500\/40 { background-color: rgba(99, 102, 241, 0.4) !important; }
.text-indigo-500\/40 { color: rgba(99, 102, 241, 0.4) !important; }
.border-indigo-500\/40 { border-color: rgba(99, 102, 241, 0.4) !important; }

.hover\:bg-indigo-500\/40:hover { background-color: rgba(99, 102, 241, 0.4) !important; }
.hover\:text-indigo-500\/40:hover { color: rgba(99, 102, 241, 0.4) !important; }
.hover\:border-indigo-500\/40:hover { border-color: rgba(99, 102, 241, 0.4) !important; }

.dark .dark\:bg-indigo-500\/40,
html.dark .dark\:bg-indigo-500\/40 { background-color: rgba(99, 102, 241, 0.4) !important; }
.dark .dark\:text-indigo-500\/40,
html.dark .dark\:text-indigo-500\/40 { color: rgba(99, 102, 241, 0.4) !important; }
.dark .dark\:border-indigo-500\/40,
html.dark .dark\:border-indigo-500\/40 { border-color: rgba(99, 102, 241, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-500\/40:hover,
html.dark .dark\:hover\:bg-indigo-500\/40:hover { background-color: rgba(99, 102, 241, 0.4) !important; }
.dark .dark\:hover\:text-indigo-500\/40:hover,
html.dark .dark\:hover\:text-indigo-500\/40:hover { color: rgba(99, 102, 241, 0.4) !important; }
.dark .dark\:hover\:border-indigo-500\/40:hover,
html.dark .dark\:hover\:border-indigo-500\/40:hover { border-color: rgba(99, 102, 241, 0.4) !important; }

.bg-indigo-500\/50 { background-color: rgba(99, 102, 241, 0.5) !important; }
.text-indigo-500\/50 { color: rgba(99, 102, 241, 0.5) !important; }
.border-indigo-500\/50 { border-color: rgba(99, 102, 241, 0.5) !important; }

.hover\:bg-indigo-500\/50:hover { background-color: rgba(99, 102, 241, 0.5) !important; }
.hover\:text-indigo-500\/50:hover { color: rgba(99, 102, 241, 0.5) !important; }
.hover\:border-indigo-500\/50:hover { border-color: rgba(99, 102, 241, 0.5) !important; }

.dark .dark\:bg-indigo-500\/50,
html.dark .dark\:bg-indigo-500\/50 { background-color: rgba(99, 102, 241, 0.5) !important; }
.dark .dark\:text-indigo-500\/50,
html.dark .dark\:text-indigo-500\/50 { color: rgba(99, 102, 241, 0.5) !important; }
.dark .dark\:border-indigo-500\/50,
html.dark .dark\:border-indigo-500\/50 { border-color: rgba(99, 102, 241, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-500\/50:hover,
html.dark .dark\:hover\:bg-indigo-500\/50:hover { background-color: rgba(99, 102, 241, 0.5) !important; }
.dark .dark\:hover\:text-indigo-500\/50:hover,
html.dark .dark\:hover\:text-indigo-500\/50:hover { color: rgba(99, 102, 241, 0.5) !important; }
.dark .dark\:hover\:border-indigo-500\/50:hover,
html.dark .dark\:hover\:border-indigo-500\/50:hover { border-color: rgba(99, 102, 241, 0.5) !important; }

.bg-indigo-500\/60 { background-color: rgba(99, 102, 241, 0.6) !important; }
.text-indigo-500\/60 { color: rgba(99, 102, 241, 0.6) !important; }
.border-indigo-500\/60 { border-color: rgba(99, 102, 241, 0.6) !important; }

.hover\:bg-indigo-500\/60:hover { background-color: rgba(99, 102, 241, 0.6) !important; }
.hover\:text-indigo-500\/60:hover { color: rgba(99, 102, 241, 0.6) !important; }
.hover\:border-indigo-500\/60:hover { border-color: rgba(99, 102, 241, 0.6) !important; }

.dark .dark\:bg-indigo-500\/60,
html.dark .dark\:bg-indigo-500\/60 { background-color: rgba(99, 102, 241, 0.6) !important; }
.dark .dark\:text-indigo-500\/60,
html.dark .dark\:text-indigo-500\/60 { color: rgba(99, 102, 241, 0.6) !important; }
.dark .dark\:border-indigo-500\/60,
html.dark .dark\:border-indigo-500\/60 { border-color: rgba(99, 102, 241, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-500\/60:hover,
html.dark .dark\:hover\:bg-indigo-500\/60:hover { background-color: rgba(99, 102, 241, 0.6) !important; }
.dark .dark\:hover\:text-indigo-500\/60:hover,
html.dark .dark\:hover\:text-indigo-500\/60:hover { color: rgba(99, 102, 241, 0.6) !important; }
.dark .dark\:hover\:border-indigo-500\/60:hover,
html.dark .dark\:hover\:border-indigo-500\/60:hover { border-color: rgba(99, 102, 241, 0.6) !important; }

.bg-indigo-500\/70 { background-color: rgba(99, 102, 241, 0.7) !important; }
.text-indigo-500\/70 { color: rgba(99, 102, 241, 0.7) !important; }
.border-indigo-500\/70 { border-color: rgba(99, 102, 241, 0.7) !important; }

.hover\:bg-indigo-500\/70:hover { background-color: rgba(99, 102, 241, 0.7) !important; }
.hover\:text-indigo-500\/70:hover { color: rgba(99, 102, 241, 0.7) !important; }
.hover\:border-indigo-500\/70:hover { border-color: rgba(99, 102, 241, 0.7) !important; }

.dark .dark\:bg-indigo-500\/70,
html.dark .dark\:bg-indigo-500\/70 { background-color: rgba(99, 102, 241, 0.7) !important; }
.dark .dark\:text-indigo-500\/70,
html.dark .dark\:text-indigo-500\/70 { color: rgba(99, 102, 241, 0.7) !important; }
.dark .dark\:border-indigo-500\/70,
html.dark .dark\:border-indigo-500\/70 { border-color: rgba(99, 102, 241, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-500\/70:hover,
html.dark .dark\:hover\:bg-indigo-500\/70:hover { background-color: rgba(99, 102, 241, 0.7) !important; }
.dark .dark\:hover\:text-indigo-500\/70:hover,
html.dark .dark\:hover\:text-indigo-500\/70:hover { color: rgba(99, 102, 241, 0.7) !important; }
.dark .dark\:hover\:border-indigo-500\/70:hover,
html.dark .dark\:hover\:border-indigo-500\/70:hover { border-color: rgba(99, 102, 241, 0.7) !important; }

.bg-indigo-500\/75 { background-color: rgba(99, 102, 241, 0.75) !important; }
.text-indigo-500\/75 { color: rgba(99, 102, 241, 0.75) !important; }
.border-indigo-500\/75 { border-color: rgba(99, 102, 241, 0.75) !important; }

.hover\:bg-indigo-500\/75:hover { background-color: rgba(99, 102, 241, 0.75) !important; }
.hover\:text-indigo-500\/75:hover { color: rgba(99, 102, 241, 0.75) !important; }
.hover\:border-indigo-500\/75:hover { border-color: rgba(99, 102, 241, 0.75) !important; }

.dark .dark\:bg-indigo-500\/75,
html.dark .dark\:bg-indigo-500\/75 { background-color: rgba(99, 102, 241, 0.75) !important; }
.dark .dark\:text-indigo-500\/75,
html.dark .dark\:text-indigo-500\/75 { color: rgba(99, 102, 241, 0.75) !important; }
.dark .dark\:border-indigo-500\/75,
html.dark .dark\:border-indigo-500\/75 { border-color: rgba(99, 102, 241, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-500\/75:hover,
html.dark .dark\:hover\:bg-indigo-500\/75:hover { background-color: rgba(99, 102, 241, 0.75) !important; }
.dark .dark\:hover\:text-indigo-500\/75:hover,
html.dark .dark\:hover\:text-indigo-500\/75:hover { color: rgba(99, 102, 241, 0.75) !important; }
.dark .dark\:hover\:border-indigo-500\/75:hover,
html.dark .dark\:hover\:border-indigo-500\/75:hover { border-color: rgba(99, 102, 241, 0.75) !important; }

.bg-indigo-500\/80 { background-color: rgba(99, 102, 241, 0.8) !important; }
.text-indigo-500\/80 { color: rgba(99, 102, 241, 0.8) !important; }
.border-indigo-500\/80 { border-color: rgba(99, 102, 241, 0.8) !important; }

.hover\:bg-indigo-500\/80:hover { background-color: rgba(99, 102, 241, 0.8) !important; }
.hover\:text-indigo-500\/80:hover { color: rgba(99, 102, 241, 0.8) !important; }
.hover\:border-indigo-500\/80:hover { border-color: rgba(99, 102, 241, 0.8) !important; }

.dark .dark\:bg-indigo-500\/80,
html.dark .dark\:bg-indigo-500\/80 { background-color: rgba(99, 102, 241, 0.8) !important; }
.dark .dark\:text-indigo-500\/80,
html.dark .dark\:text-indigo-500\/80 { color: rgba(99, 102, 241, 0.8) !important; }
.dark .dark\:border-indigo-500\/80,
html.dark .dark\:border-indigo-500\/80 { border-color: rgba(99, 102, 241, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-500\/80:hover,
html.dark .dark\:hover\:bg-indigo-500\/80:hover { background-color: rgba(99, 102, 241, 0.8) !important; }
.dark .dark\:hover\:text-indigo-500\/80:hover,
html.dark .dark\:hover\:text-indigo-500\/80:hover { color: rgba(99, 102, 241, 0.8) !important; }
.dark .dark\:hover\:border-indigo-500\/80:hover,
html.dark .dark\:hover\:border-indigo-500\/80:hover { border-color: rgba(99, 102, 241, 0.8) !important; }

.bg-indigo-500\/90 { background-color: rgba(99, 102, 241, 0.9) !important; }
.text-indigo-500\/90 { color: rgba(99, 102, 241, 0.9) !important; }
.border-indigo-500\/90 { border-color: rgba(99, 102, 241, 0.9) !important; }

.hover\:bg-indigo-500\/90:hover { background-color: rgba(99, 102, 241, 0.9) !important; }
.hover\:text-indigo-500\/90:hover { color: rgba(99, 102, 241, 0.9) !important; }
.hover\:border-indigo-500\/90:hover { border-color: rgba(99, 102, 241, 0.9) !important; }

.dark .dark\:bg-indigo-500\/90,
html.dark .dark\:bg-indigo-500\/90 { background-color: rgba(99, 102, 241, 0.9) !important; }
.dark .dark\:text-indigo-500\/90,
html.dark .dark\:text-indigo-500\/90 { color: rgba(99, 102, 241, 0.9) !important; }
.dark .dark\:border-indigo-500\/90,
html.dark .dark\:border-indigo-500\/90 { border-color: rgba(99, 102, 241, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-500\/90:hover,
html.dark .dark\:hover\:bg-indigo-500\/90:hover { background-color: rgba(99, 102, 241, 0.9) !important; }
.dark .dark\:hover\:text-indigo-500\/90:hover,
html.dark .dark\:hover\:text-indigo-500\/90:hover { color: rgba(99, 102, 241, 0.9) !important; }
.dark .dark\:hover\:border-indigo-500\/90:hover,
html.dark .dark\:hover\:border-indigo-500\/90:hover { border-color: rgba(99, 102, 241, 0.9) !important; }

.bg-indigo-500\/95 { background-color: rgba(99, 102, 241, 0.95) !important; }
.text-indigo-500\/95 { color: rgba(99, 102, 241, 0.95) !important; }
.border-indigo-500\/95 { border-color: rgba(99, 102, 241, 0.95) !important; }

.hover\:bg-indigo-500\/95:hover { background-color: rgba(99, 102, 241, 0.95) !important; }
.hover\:text-indigo-500\/95:hover { color: rgba(99, 102, 241, 0.95) !important; }
.hover\:border-indigo-500\/95:hover { border-color: rgba(99, 102, 241, 0.95) !important; }

.dark .dark\:bg-indigo-500\/95,
html.dark .dark\:bg-indigo-500\/95 { background-color: rgba(99, 102, 241, 0.95) !important; }
.dark .dark\:text-indigo-500\/95,
html.dark .dark\:text-indigo-500\/95 { color: rgba(99, 102, 241, 0.95) !important; }
.dark .dark\:border-indigo-500\/95,
html.dark .dark\:border-indigo-500\/95 { border-color: rgba(99, 102, 241, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-500\/95:hover,
html.dark .dark\:hover\:bg-indigo-500\/95:hover { background-color: rgba(99, 102, 241, 0.95) !important; }
.dark .dark\:hover\:text-indigo-500\/95:hover,
html.dark .dark\:hover\:text-indigo-500\/95:hover { color: rgba(99, 102, 241, 0.95) !important; }
.dark .dark\:hover\:border-indigo-500\/95:hover,
html.dark .dark\:hover\:border-indigo-500\/95:hover { border-color: rgba(99, 102, 241, 0.95) !important; }

.bg-indigo-600 { background-color: #4f46e5 !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.border-indigo-600 { border-color: #4f46e5 !important; }
.fill-indigo-600 { fill: #4f46e5 !important; }
.stroke-indigo-600 { stroke: #4f46e5 !important; }

/* Hover states */
.hover\:bg-indigo-600:hover { background-color: #4f46e5 !important; }
.hover\:text-indigo-600:hover { color: #4f46e5 !important; }
.hover\:border-indigo-600:hover { border-color: #4f46e5 !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-600,
html.dark .dark\:bg-indigo-600 { background-color: #4f46e5 !important; }
.dark .dark\:text-indigo-600,
html.dark .dark\:text-indigo-600 { color: #4f46e5 !important; }
.dark .dark\:border-indigo-600,
html.dark .dark\:border-indigo-600 { border-color: #4f46e5 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-600:hover,
html.dark .dark\:hover\:bg-indigo-600:hover { background-color: #4f46e5 !important; }
.dark .dark\:hover\:text-indigo-600:hover,
html.dark .dark\:hover\:text-indigo-600:hover { color: #4f46e5 !important; }
.dark .dark\:hover\:border-indigo-600:hover,
html.dark .dark\:hover\:border-indigo-600:hover { border-color: #4f46e5 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-600,
html.dark .group:hover .dark\:group-hover\:text-indigo-600 { color: #4f46e5 !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-600,
html.dark .group:hover .dark\:group-hover\:bg-indigo-600 { background-color: #4f46e5 !important; }

.bg-indigo-600\/10 { background-color: rgba(79, 70, 229, 0.1) !important; }
.text-indigo-600\/10 { color: rgba(79, 70, 229, 0.1) !important; }
.border-indigo-600\/10 { border-color: rgba(79, 70, 229, 0.1) !important; }

.hover\:bg-indigo-600\/10:hover { background-color: rgba(79, 70, 229, 0.1) !important; }
.hover\:text-indigo-600\/10:hover { color: rgba(79, 70, 229, 0.1) !important; }
.hover\:border-indigo-600\/10:hover { border-color: rgba(79, 70, 229, 0.1) !important; }

.dark .dark\:bg-indigo-600\/10,
html.dark .dark\:bg-indigo-600\/10 { background-color: rgba(79, 70, 229, 0.1) !important; }
.dark .dark\:text-indigo-600\/10,
html.dark .dark\:text-indigo-600\/10 { color: rgba(79, 70, 229, 0.1) !important; }
.dark .dark\:border-indigo-600\/10,
html.dark .dark\:border-indigo-600\/10 { border-color: rgba(79, 70, 229, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-600\/10:hover,
html.dark .dark\:hover\:bg-indigo-600\/10:hover { background-color: rgba(79, 70, 229, 0.1) !important; }
.dark .dark\:hover\:text-indigo-600\/10:hover,
html.dark .dark\:hover\:text-indigo-600\/10:hover { color: rgba(79, 70, 229, 0.1) !important; }
.dark .dark\:hover\:border-indigo-600\/10:hover,
html.dark .dark\:hover\:border-indigo-600\/10:hover { border-color: rgba(79, 70, 229, 0.1) !important; }

.bg-indigo-600\/20 { background-color: rgba(79, 70, 229, 0.2) !important; }
.text-indigo-600\/20 { color: rgba(79, 70, 229, 0.2) !important; }
.border-indigo-600\/20 { border-color: rgba(79, 70, 229, 0.2) !important; }

.hover\:bg-indigo-600\/20:hover { background-color: rgba(79, 70, 229, 0.2) !important; }
.hover\:text-indigo-600\/20:hover { color: rgba(79, 70, 229, 0.2) !important; }
.hover\:border-indigo-600\/20:hover { border-color: rgba(79, 70, 229, 0.2) !important; }

.dark .dark\:bg-indigo-600\/20,
html.dark .dark\:bg-indigo-600\/20 { background-color: rgba(79, 70, 229, 0.2) !important; }
.dark .dark\:text-indigo-600\/20,
html.dark .dark\:text-indigo-600\/20 { color: rgba(79, 70, 229, 0.2) !important; }
.dark .dark\:border-indigo-600\/20,
html.dark .dark\:border-indigo-600\/20 { border-color: rgba(79, 70, 229, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-600\/20:hover,
html.dark .dark\:hover\:bg-indigo-600\/20:hover { background-color: rgba(79, 70, 229, 0.2) !important; }
.dark .dark\:hover\:text-indigo-600\/20:hover,
html.dark .dark\:hover\:text-indigo-600\/20:hover { color: rgba(79, 70, 229, 0.2) !important; }
.dark .dark\:hover\:border-indigo-600\/20:hover,
html.dark .dark\:hover\:border-indigo-600\/20:hover { border-color: rgba(79, 70, 229, 0.2) !important; }

.bg-indigo-600\/25 { background-color: rgba(79, 70, 229, 0.25) !important; }
.text-indigo-600\/25 { color: rgba(79, 70, 229, 0.25) !important; }
.border-indigo-600\/25 { border-color: rgba(79, 70, 229, 0.25) !important; }

.hover\:bg-indigo-600\/25:hover { background-color: rgba(79, 70, 229, 0.25) !important; }
.hover\:text-indigo-600\/25:hover { color: rgba(79, 70, 229, 0.25) !important; }
.hover\:border-indigo-600\/25:hover { border-color: rgba(79, 70, 229, 0.25) !important; }

.dark .dark\:bg-indigo-600\/25,
html.dark .dark\:bg-indigo-600\/25 { background-color: rgba(79, 70, 229, 0.25) !important; }
.dark .dark\:text-indigo-600\/25,
html.dark .dark\:text-indigo-600\/25 { color: rgba(79, 70, 229, 0.25) !important; }
.dark .dark\:border-indigo-600\/25,
html.dark .dark\:border-indigo-600\/25 { border-color: rgba(79, 70, 229, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-600\/25:hover,
html.dark .dark\:hover\:bg-indigo-600\/25:hover { background-color: rgba(79, 70, 229, 0.25) !important; }
.dark .dark\:hover\:text-indigo-600\/25:hover,
html.dark .dark\:hover\:text-indigo-600\/25:hover { color: rgba(79, 70, 229, 0.25) !important; }
.dark .dark\:hover\:border-indigo-600\/25:hover,
html.dark .dark\:hover\:border-indigo-600\/25:hover { border-color: rgba(79, 70, 229, 0.25) !important; }

.bg-indigo-600\/30 { background-color: rgba(79, 70, 229, 0.3) !important; }
.text-indigo-600\/30 { color: rgba(79, 70, 229, 0.3) !important; }
.border-indigo-600\/30 { border-color: rgba(79, 70, 229, 0.3) !important; }

.hover\:bg-indigo-600\/30:hover { background-color: rgba(79, 70, 229, 0.3) !important; }
.hover\:text-indigo-600\/30:hover { color: rgba(79, 70, 229, 0.3) !important; }
.hover\:border-indigo-600\/30:hover { border-color: rgba(79, 70, 229, 0.3) !important; }

.dark .dark\:bg-indigo-600\/30,
html.dark .dark\:bg-indigo-600\/30 { background-color: rgba(79, 70, 229, 0.3) !important; }
.dark .dark\:text-indigo-600\/30,
html.dark .dark\:text-indigo-600\/30 { color: rgba(79, 70, 229, 0.3) !important; }
.dark .dark\:border-indigo-600\/30,
html.dark .dark\:border-indigo-600\/30 { border-color: rgba(79, 70, 229, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-600\/30:hover,
html.dark .dark\:hover\:bg-indigo-600\/30:hover { background-color: rgba(79, 70, 229, 0.3) !important; }
.dark .dark\:hover\:text-indigo-600\/30:hover,
html.dark .dark\:hover\:text-indigo-600\/30:hover { color: rgba(79, 70, 229, 0.3) !important; }
.dark .dark\:hover\:border-indigo-600\/30:hover,
html.dark .dark\:hover\:border-indigo-600\/30:hover { border-color: rgba(79, 70, 229, 0.3) !important; }

.bg-indigo-600\/40 { background-color: rgba(79, 70, 229, 0.4) !important; }
.text-indigo-600\/40 { color: rgba(79, 70, 229, 0.4) !important; }
.border-indigo-600\/40 { border-color: rgba(79, 70, 229, 0.4) !important; }

.hover\:bg-indigo-600\/40:hover { background-color: rgba(79, 70, 229, 0.4) !important; }
.hover\:text-indigo-600\/40:hover { color: rgba(79, 70, 229, 0.4) !important; }
.hover\:border-indigo-600\/40:hover { border-color: rgba(79, 70, 229, 0.4) !important; }

.dark .dark\:bg-indigo-600\/40,
html.dark .dark\:bg-indigo-600\/40 { background-color: rgba(79, 70, 229, 0.4) !important; }
.dark .dark\:text-indigo-600\/40,
html.dark .dark\:text-indigo-600\/40 { color: rgba(79, 70, 229, 0.4) !important; }
.dark .dark\:border-indigo-600\/40,
html.dark .dark\:border-indigo-600\/40 { border-color: rgba(79, 70, 229, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-600\/40:hover,
html.dark .dark\:hover\:bg-indigo-600\/40:hover { background-color: rgba(79, 70, 229, 0.4) !important; }
.dark .dark\:hover\:text-indigo-600\/40:hover,
html.dark .dark\:hover\:text-indigo-600\/40:hover { color: rgba(79, 70, 229, 0.4) !important; }
.dark .dark\:hover\:border-indigo-600\/40:hover,
html.dark .dark\:hover\:border-indigo-600\/40:hover { border-color: rgba(79, 70, 229, 0.4) !important; }

.bg-indigo-600\/50 { background-color: rgba(79, 70, 229, 0.5) !important; }
.text-indigo-600\/50 { color: rgba(79, 70, 229, 0.5) !important; }
.border-indigo-600\/50 { border-color: rgba(79, 70, 229, 0.5) !important; }

.hover\:bg-indigo-600\/50:hover { background-color: rgba(79, 70, 229, 0.5) !important; }
.hover\:text-indigo-600\/50:hover { color: rgba(79, 70, 229, 0.5) !important; }
.hover\:border-indigo-600\/50:hover { border-color: rgba(79, 70, 229, 0.5) !important; }

.dark .dark\:bg-indigo-600\/50,
html.dark .dark\:bg-indigo-600\/50 { background-color: rgba(79, 70, 229, 0.5) !important; }
.dark .dark\:text-indigo-600\/50,
html.dark .dark\:text-indigo-600\/50 { color: rgba(79, 70, 229, 0.5) !important; }
.dark .dark\:border-indigo-600\/50,
html.dark .dark\:border-indigo-600\/50 { border-color: rgba(79, 70, 229, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-600\/50:hover,
html.dark .dark\:hover\:bg-indigo-600\/50:hover { background-color: rgba(79, 70, 229, 0.5) !important; }
.dark .dark\:hover\:text-indigo-600\/50:hover,
html.dark .dark\:hover\:text-indigo-600\/50:hover { color: rgba(79, 70, 229, 0.5) !important; }
.dark .dark\:hover\:border-indigo-600\/50:hover,
html.dark .dark\:hover\:border-indigo-600\/50:hover { border-color: rgba(79, 70, 229, 0.5) !important; }

.bg-indigo-600\/60 { background-color: rgba(79, 70, 229, 0.6) !important; }
.text-indigo-600\/60 { color: rgba(79, 70, 229, 0.6) !important; }
.border-indigo-600\/60 { border-color: rgba(79, 70, 229, 0.6) !important; }

.hover\:bg-indigo-600\/60:hover { background-color: rgba(79, 70, 229, 0.6) !important; }
.hover\:text-indigo-600\/60:hover { color: rgba(79, 70, 229, 0.6) !important; }
.hover\:border-indigo-600\/60:hover { border-color: rgba(79, 70, 229, 0.6) !important; }

.dark .dark\:bg-indigo-600\/60,
html.dark .dark\:bg-indigo-600\/60 { background-color: rgba(79, 70, 229, 0.6) !important; }
.dark .dark\:text-indigo-600\/60,
html.dark .dark\:text-indigo-600\/60 { color: rgba(79, 70, 229, 0.6) !important; }
.dark .dark\:border-indigo-600\/60,
html.dark .dark\:border-indigo-600\/60 { border-color: rgba(79, 70, 229, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-600\/60:hover,
html.dark .dark\:hover\:bg-indigo-600\/60:hover { background-color: rgba(79, 70, 229, 0.6) !important; }
.dark .dark\:hover\:text-indigo-600\/60:hover,
html.dark .dark\:hover\:text-indigo-600\/60:hover { color: rgba(79, 70, 229, 0.6) !important; }
.dark .dark\:hover\:border-indigo-600\/60:hover,
html.dark .dark\:hover\:border-indigo-600\/60:hover { border-color: rgba(79, 70, 229, 0.6) !important; }

.bg-indigo-600\/70 { background-color: rgba(79, 70, 229, 0.7) !important; }
.text-indigo-600\/70 { color: rgba(79, 70, 229, 0.7) !important; }
.border-indigo-600\/70 { border-color: rgba(79, 70, 229, 0.7) !important; }

.hover\:bg-indigo-600\/70:hover { background-color: rgba(79, 70, 229, 0.7) !important; }
.hover\:text-indigo-600\/70:hover { color: rgba(79, 70, 229, 0.7) !important; }
.hover\:border-indigo-600\/70:hover { border-color: rgba(79, 70, 229, 0.7) !important; }

.dark .dark\:bg-indigo-600\/70,
html.dark .dark\:bg-indigo-600\/70 { background-color: rgba(79, 70, 229, 0.7) !important; }
.dark .dark\:text-indigo-600\/70,
html.dark .dark\:text-indigo-600\/70 { color: rgba(79, 70, 229, 0.7) !important; }
.dark .dark\:border-indigo-600\/70,
html.dark .dark\:border-indigo-600\/70 { border-color: rgba(79, 70, 229, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-600\/70:hover,
html.dark .dark\:hover\:bg-indigo-600\/70:hover { background-color: rgba(79, 70, 229, 0.7) !important; }
.dark .dark\:hover\:text-indigo-600\/70:hover,
html.dark .dark\:hover\:text-indigo-600\/70:hover { color: rgba(79, 70, 229, 0.7) !important; }
.dark .dark\:hover\:border-indigo-600\/70:hover,
html.dark .dark\:hover\:border-indigo-600\/70:hover { border-color: rgba(79, 70, 229, 0.7) !important; }

.bg-indigo-600\/75 { background-color: rgba(79, 70, 229, 0.75) !important; }
.text-indigo-600\/75 { color: rgba(79, 70, 229, 0.75) !important; }
.border-indigo-600\/75 { border-color: rgba(79, 70, 229, 0.75) !important; }

.hover\:bg-indigo-600\/75:hover { background-color: rgba(79, 70, 229, 0.75) !important; }
.hover\:text-indigo-600\/75:hover { color: rgba(79, 70, 229, 0.75) !important; }
.hover\:border-indigo-600\/75:hover { border-color: rgba(79, 70, 229, 0.75) !important; }

.dark .dark\:bg-indigo-600\/75,
html.dark .dark\:bg-indigo-600\/75 { background-color: rgba(79, 70, 229, 0.75) !important; }
.dark .dark\:text-indigo-600\/75,
html.dark .dark\:text-indigo-600\/75 { color: rgba(79, 70, 229, 0.75) !important; }
.dark .dark\:border-indigo-600\/75,
html.dark .dark\:border-indigo-600\/75 { border-color: rgba(79, 70, 229, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-600\/75:hover,
html.dark .dark\:hover\:bg-indigo-600\/75:hover { background-color: rgba(79, 70, 229, 0.75) !important; }
.dark .dark\:hover\:text-indigo-600\/75:hover,
html.dark .dark\:hover\:text-indigo-600\/75:hover { color: rgba(79, 70, 229, 0.75) !important; }
.dark .dark\:hover\:border-indigo-600\/75:hover,
html.dark .dark\:hover\:border-indigo-600\/75:hover { border-color: rgba(79, 70, 229, 0.75) !important; }

.bg-indigo-600\/80 { background-color: rgba(79, 70, 229, 0.8) !important; }
.text-indigo-600\/80 { color: rgba(79, 70, 229, 0.8) !important; }
.border-indigo-600\/80 { border-color: rgba(79, 70, 229, 0.8) !important; }

.hover\:bg-indigo-600\/80:hover { background-color: rgba(79, 70, 229, 0.8) !important; }
.hover\:text-indigo-600\/80:hover { color: rgba(79, 70, 229, 0.8) !important; }
.hover\:border-indigo-600\/80:hover { border-color: rgba(79, 70, 229, 0.8) !important; }

.dark .dark\:bg-indigo-600\/80,
html.dark .dark\:bg-indigo-600\/80 { background-color: rgba(79, 70, 229, 0.8) !important; }
.dark .dark\:text-indigo-600\/80,
html.dark .dark\:text-indigo-600\/80 { color: rgba(79, 70, 229, 0.8) !important; }
.dark .dark\:border-indigo-600\/80,
html.dark .dark\:border-indigo-600\/80 { border-color: rgba(79, 70, 229, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-600\/80:hover,
html.dark .dark\:hover\:bg-indigo-600\/80:hover { background-color: rgba(79, 70, 229, 0.8) !important; }
.dark .dark\:hover\:text-indigo-600\/80:hover,
html.dark .dark\:hover\:text-indigo-600\/80:hover { color: rgba(79, 70, 229, 0.8) !important; }
.dark .dark\:hover\:border-indigo-600\/80:hover,
html.dark .dark\:hover\:border-indigo-600\/80:hover { border-color: rgba(79, 70, 229, 0.8) !important; }

.bg-indigo-600\/90 { background-color: rgba(79, 70, 229, 0.9) !important; }
.text-indigo-600\/90 { color: rgba(79, 70, 229, 0.9) !important; }
.border-indigo-600\/90 { border-color: rgba(79, 70, 229, 0.9) !important; }

.hover\:bg-indigo-600\/90:hover { background-color: rgba(79, 70, 229, 0.9) !important; }
.hover\:text-indigo-600\/90:hover { color: rgba(79, 70, 229, 0.9) !important; }
.hover\:border-indigo-600\/90:hover { border-color: rgba(79, 70, 229, 0.9) !important; }

.dark .dark\:bg-indigo-600\/90,
html.dark .dark\:bg-indigo-600\/90 { background-color: rgba(79, 70, 229, 0.9) !important; }
.dark .dark\:text-indigo-600\/90,
html.dark .dark\:text-indigo-600\/90 { color: rgba(79, 70, 229, 0.9) !important; }
.dark .dark\:border-indigo-600\/90,
html.dark .dark\:border-indigo-600\/90 { border-color: rgba(79, 70, 229, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-600\/90:hover,
html.dark .dark\:hover\:bg-indigo-600\/90:hover { background-color: rgba(79, 70, 229, 0.9) !important; }
.dark .dark\:hover\:text-indigo-600\/90:hover,
html.dark .dark\:hover\:text-indigo-600\/90:hover { color: rgba(79, 70, 229, 0.9) !important; }
.dark .dark\:hover\:border-indigo-600\/90:hover,
html.dark .dark\:hover\:border-indigo-600\/90:hover { border-color: rgba(79, 70, 229, 0.9) !important; }

.bg-indigo-600\/95 { background-color: rgba(79, 70, 229, 0.95) !important; }
.text-indigo-600\/95 { color: rgba(79, 70, 229, 0.95) !important; }
.border-indigo-600\/95 { border-color: rgba(79, 70, 229, 0.95) !important; }

.hover\:bg-indigo-600\/95:hover { background-color: rgba(79, 70, 229, 0.95) !important; }
.hover\:text-indigo-600\/95:hover { color: rgba(79, 70, 229, 0.95) !important; }
.hover\:border-indigo-600\/95:hover { border-color: rgba(79, 70, 229, 0.95) !important; }

.dark .dark\:bg-indigo-600\/95,
html.dark .dark\:bg-indigo-600\/95 { background-color: rgba(79, 70, 229, 0.95) !important; }
.dark .dark\:text-indigo-600\/95,
html.dark .dark\:text-indigo-600\/95 { color: rgba(79, 70, 229, 0.95) !important; }
.dark .dark\:border-indigo-600\/95,
html.dark .dark\:border-indigo-600\/95 { border-color: rgba(79, 70, 229, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-600\/95:hover,
html.dark .dark\:hover\:bg-indigo-600\/95:hover { background-color: rgba(79, 70, 229, 0.95) !important; }
.dark .dark\:hover\:text-indigo-600\/95:hover,
html.dark .dark\:hover\:text-indigo-600\/95:hover { color: rgba(79, 70, 229, 0.95) !important; }
.dark .dark\:hover\:border-indigo-600\/95:hover,
html.dark .dark\:hover\:border-indigo-600\/95:hover { border-color: rgba(79, 70, 229, 0.95) !important; }

.bg-indigo-700 { background-color: #4338ca !important; }
.text-indigo-700 { color: #4338ca !important; }
.border-indigo-700 { border-color: #4338ca !important; }
.fill-indigo-700 { fill: #4338ca !important; }
.stroke-indigo-700 { stroke: #4338ca !important; }

/* Hover states */
.hover\:bg-indigo-700:hover { background-color: #4338ca !important; }
.hover\:text-indigo-700:hover { color: #4338ca !important; }
.hover\:border-indigo-700:hover { border-color: #4338ca !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-700,
html.dark .dark\:bg-indigo-700 { background-color: #4338ca !important; }
.dark .dark\:text-indigo-700,
html.dark .dark\:text-indigo-700 { color: #4338ca !important; }
.dark .dark\:border-indigo-700,
html.dark .dark\:border-indigo-700 { border-color: #4338ca !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-700:hover,
html.dark .dark\:hover\:bg-indigo-700:hover { background-color: #4338ca !important; }
.dark .dark\:hover\:text-indigo-700:hover,
html.dark .dark\:hover\:text-indigo-700:hover { color: #4338ca !important; }
.dark .dark\:hover\:border-indigo-700:hover,
html.dark .dark\:hover\:border-indigo-700:hover { border-color: #4338ca !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-700,
html.dark .group:hover .dark\:group-hover\:text-indigo-700 { color: #4338ca !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-700,
html.dark .group:hover .dark\:group-hover\:bg-indigo-700 { background-color: #4338ca !important; }

.bg-indigo-700\/10 { background-color: rgba(67, 56, 202, 0.1) !important; }
.text-indigo-700\/10 { color: rgba(67, 56, 202, 0.1) !important; }
.border-indigo-700\/10 { border-color: rgba(67, 56, 202, 0.1) !important; }

.hover\:bg-indigo-700\/10:hover { background-color: rgba(67, 56, 202, 0.1) !important; }
.hover\:text-indigo-700\/10:hover { color: rgba(67, 56, 202, 0.1) !important; }
.hover\:border-indigo-700\/10:hover { border-color: rgba(67, 56, 202, 0.1) !important; }

.dark .dark\:bg-indigo-700\/10,
html.dark .dark\:bg-indigo-700\/10 { background-color: rgba(67, 56, 202, 0.1) !important; }
.dark .dark\:text-indigo-700\/10,
html.dark .dark\:text-indigo-700\/10 { color: rgba(67, 56, 202, 0.1) !important; }
.dark .dark\:border-indigo-700\/10,
html.dark .dark\:border-indigo-700\/10 { border-color: rgba(67, 56, 202, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-700\/10:hover,
html.dark .dark\:hover\:bg-indigo-700\/10:hover { background-color: rgba(67, 56, 202, 0.1) !important; }
.dark .dark\:hover\:text-indigo-700\/10:hover,
html.dark .dark\:hover\:text-indigo-700\/10:hover { color: rgba(67, 56, 202, 0.1) !important; }
.dark .dark\:hover\:border-indigo-700\/10:hover,
html.dark .dark\:hover\:border-indigo-700\/10:hover { border-color: rgba(67, 56, 202, 0.1) !important; }

.bg-indigo-700\/20 { background-color: rgba(67, 56, 202, 0.2) !important; }
.text-indigo-700\/20 { color: rgba(67, 56, 202, 0.2) !important; }
.border-indigo-700\/20 { border-color: rgba(67, 56, 202, 0.2) !important; }

.hover\:bg-indigo-700\/20:hover { background-color: rgba(67, 56, 202, 0.2) !important; }
.hover\:text-indigo-700\/20:hover { color: rgba(67, 56, 202, 0.2) !important; }
.hover\:border-indigo-700\/20:hover { border-color: rgba(67, 56, 202, 0.2) !important; }

.dark .dark\:bg-indigo-700\/20,
html.dark .dark\:bg-indigo-700\/20 { background-color: rgba(67, 56, 202, 0.2) !important; }
.dark .dark\:text-indigo-700\/20,
html.dark .dark\:text-indigo-700\/20 { color: rgba(67, 56, 202, 0.2) !important; }
.dark .dark\:border-indigo-700\/20,
html.dark .dark\:border-indigo-700\/20 { border-color: rgba(67, 56, 202, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-700\/20:hover,
html.dark .dark\:hover\:bg-indigo-700\/20:hover { background-color: rgba(67, 56, 202, 0.2) !important; }
.dark .dark\:hover\:text-indigo-700\/20:hover,
html.dark .dark\:hover\:text-indigo-700\/20:hover { color: rgba(67, 56, 202, 0.2) !important; }
.dark .dark\:hover\:border-indigo-700\/20:hover,
html.dark .dark\:hover\:border-indigo-700\/20:hover { border-color: rgba(67, 56, 202, 0.2) !important; }

.bg-indigo-700\/25 { background-color: rgba(67, 56, 202, 0.25) !important; }
.text-indigo-700\/25 { color: rgba(67, 56, 202, 0.25) !important; }
.border-indigo-700\/25 { border-color: rgba(67, 56, 202, 0.25) !important; }

.hover\:bg-indigo-700\/25:hover { background-color: rgba(67, 56, 202, 0.25) !important; }
.hover\:text-indigo-700\/25:hover { color: rgba(67, 56, 202, 0.25) !important; }
.hover\:border-indigo-700\/25:hover { border-color: rgba(67, 56, 202, 0.25) !important; }

.dark .dark\:bg-indigo-700\/25,
html.dark .dark\:bg-indigo-700\/25 { background-color: rgba(67, 56, 202, 0.25) !important; }
.dark .dark\:text-indigo-700\/25,
html.dark .dark\:text-indigo-700\/25 { color: rgba(67, 56, 202, 0.25) !important; }
.dark .dark\:border-indigo-700\/25,
html.dark .dark\:border-indigo-700\/25 { border-color: rgba(67, 56, 202, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-700\/25:hover,
html.dark .dark\:hover\:bg-indigo-700\/25:hover { background-color: rgba(67, 56, 202, 0.25) !important; }
.dark .dark\:hover\:text-indigo-700\/25:hover,
html.dark .dark\:hover\:text-indigo-700\/25:hover { color: rgba(67, 56, 202, 0.25) !important; }
.dark .dark\:hover\:border-indigo-700\/25:hover,
html.dark .dark\:hover\:border-indigo-700\/25:hover { border-color: rgba(67, 56, 202, 0.25) !important; }

.bg-indigo-700\/30 { background-color: rgba(67, 56, 202, 0.3) !important; }
.text-indigo-700\/30 { color: rgba(67, 56, 202, 0.3) !important; }
.border-indigo-700\/30 { border-color: rgba(67, 56, 202, 0.3) !important; }

.hover\:bg-indigo-700\/30:hover { background-color: rgba(67, 56, 202, 0.3) !important; }
.hover\:text-indigo-700\/30:hover { color: rgba(67, 56, 202, 0.3) !important; }
.hover\:border-indigo-700\/30:hover { border-color: rgba(67, 56, 202, 0.3) !important; }

.dark .dark\:bg-indigo-700\/30,
html.dark .dark\:bg-indigo-700\/30 { background-color: rgba(67, 56, 202, 0.3) !important; }
.dark .dark\:text-indigo-700\/30,
html.dark .dark\:text-indigo-700\/30 { color: rgba(67, 56, 202, 0.3) !important; }
.dark .dark\:border-indigo-700\/30,
html.dark .dark\:border-indigo-700\/30 { border-color: rgba(67, 56, 202, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-700\/30:hover,
html.dark .dark\:hover\:bg-indigo-700\/30:hover { background-color: rgba(67, 56, 202, 0.3) !important; }
.dark .dark\:hover\:text-indigo-700\/30:hover,
html.dark .dark\:hover\:text-indigo-700\/30:hover { color: rgba(67, 56, 202, 0.3) !important; }
.dark .dark\:hover\:border-indigo-700\/30:hover,
html.dark .dark\:hover\:border-indigo-700\/30:hover { border-color: rgba(67, 56, 202, 0.3) !important; }

.bg-indigo-700\/40 { background-color: rgba(67, 56, 202, 0.4) !important; }
.text-indigo-700\/40 { color: rgba(67, 56, 202, 0.4) !important; }
.border-indigo-700\/40 { border-color: rgba(67, 56, 202, 0.4) !important; }

.hover\:bg-indigo-700\/40:hover { background-color: rgba(67, 56, 202, 0.4) !important; }
.hover\:text-indigo-700\/40:hover { color: rgba(67, 56, 202, 0.4) !important; }
.hover\:border-indigo-700\/40:hover { border-color: rgba(67, 56, 202, 0.4) !important; }

.dark .dark\:bg-indigo-700\/40,
html.dark .dark\:bg-indigo-700\/40 { background-color: rgba(67, 56, 202, 0.4) !important; }
.dark .dark\:text-indigo-700\/40,
html.dark .dark\:text-indigo-700\/40 { color: rgba(67, 56, 202, 0.4) !important; }
.dark .dark\:border-indigo-700\/40,
html.dark .dark\:border-indigo-700\/40 { border-color: rgba(67, 56, 202, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-700\/40:hover,
html.dark .dark\:hover\:bg-indigo-700\/40:hover { background-color: rgba(67, 56, 202, 0.4) !important; }
.dark .dark\:hover\:text-indigo-700\/40:hover,
html.dark .dark\:hover\:text-indigo-700\/40:hover { color: rgba(67, 56, 202, 0.4) !important; }
.dark .dark\:hover\:border-indigo-700\/40:hover,
html.dark .dark\:hover\:border-indigo-700\/40:hover { border-color: rgba(67, 56, 202, 0.4) !important; }

.bg-indigo-700\/50 { background-color: rgba(67, 56, 202, 0.5) !important; }
.text-indigo-700\/50 { color: rgba(67, 56, 202, 0.5) !important; }
.border-indigo-700\/50 { border-color: rgba(67, 56, 202, 0.5) !important; }

.hover\:bg-indigo-700\/50:hover { background-color: rgba(67, 56, 202, 0.5) !important; }
.hover\:text-indigo-700\/50:hover { color: rgba(67, 56, 202, 0.5) !important; }
.hover\:border-indigo-700\/50:hover { border-color: rgba(67, 56, 202, 0.5) !important; }

.dark .dark\:bg-indigo-700\/50,
html.dark .dark\:bg-indigo-700\/50 { background-color: rgba(67, 56, 202, 0.5) !important; }
.dark .dark\:text-indigo-700\/50,
html.dark .dark\:text-indigo-700\/50 { color: rgba(67, 56, 202, 0.5) !important; }
.dark .dark\:border-indigo-700\/50,
html.dark .dark\:border-indigo-700\/50 { border-color: rgba(67, 56, 202, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-700\/50:hover,
html.dark .dark\:hover\:bg-indigo-700\/50:hover { background-color: rgba(67, 56, 202, 0.5) !important; }
.dark .dark\:hover\:text-indigo-700\/50:hover,
html.dark .dark\:hover\:text-indigo-700\/50:hover { color: rgba(67, 56, 202, 0.5) !important; }
.dark .dark\:hover\:border-indigo-700\/50:hover,
html.dark .dark\:hover\:border-indigo-700\/50:hover { border-color: rgba(67, 56, 202, 0.5) !important; }

.bg-indigo-700\/60 { background-color: rgba(67, 56, 202, 0.6) !important; }
.text-indigo-700\/60 { color: rgba(67, 56, 202, 0.6) !important; }
.border-indigo-700\/60 { border-color: rgba(67, 56, 202, 0.6) !important; }

.hover\:bg-indigo-700\/60:hover { background-color: rgba(67, 56, 202, 0.6) !important; }
.hover\:text-indigo-700\/60:hover { color: rgba(67, 56, 202, 0.6) !important; }
.hover\:border-indigo-700\/60:hover { border-color: rgba(67, 56, 202, 0.6) !important; }

.dark .dark\:bg-indigo-700\/60,
html.dark .dark\:bg-indigo-700\/60 { background-color: rgba(67, 56, 202, 0.6) !important; }
.dark .dark\:text-indigo-700\/60,
html.dark .dark\:text-indigo-700\/60 { color: rgba(67, 56, 202, 0.6) !important; }
.dark .dark\:border-indigo-700\/60,
html.dark .dark\:border-indigo-700\/60 { border-color: rgba(67, 56, 202, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-700\/60:hover,
html.dark .dark\:hover\:bg-indigo-700\/60:hover { background-color: rgba(67, 56, 202, 0.6) !important; }
.dark .dark\:hover\:text-indigo-700\/60:hover,
html.dark .dark\:hover\:text-indigo-700\/60:hover { color: rgba(67, 56, 202, 0.6) !important; }
.dark .dark\:hover\:border-indigo-700\/60:hover,
html.dark .dark\:hover\:border-indigo-700\/60:hover { border-color: rgba(67, 56, 202, 0.6) !important; }

.bg-indigo-700\/70 { background-color: rgba(67, 56, 202, 0.7) !important; }
.text-indigo-700\/70 { color: rgba(67, 56, 202, 0.7) !important; }
.border-indigo-700\/70 { border-color: rgba(67, 56, 202, 0.7) !important; }

.hover\:bg-indigo-700\/70:hover { background-color: rgba(67, 56, 202, 0.7) !important; }
.hover\:text-indigo-700\/70:hover { color: rgba(67, 56, 202, 0.7) !important; }
.hover\:border-indigo-700\/70:hover { border-color: rgba(67, 56, 202, 0.7) !important; }

.dark .dark\:bg-indigo-700\/70,
html.dark .dark\:bg-indigo-700\/70 { background-color: rgba(67, 56, 202, 0.7) !important; }
.dark .dark\:text-indigo-700\/70,
html.dark .dark\:text-indigo-700\/70 { color: rgba(67, 56, 202, 0.7) !important; }
.dark .dark\:border-indigo-700\/70,
html.dark .dark\:border-indigo-700\/70 { border-color: rgba(67, 56, 202, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-700\/70:hover,
html.dark .dark\:hover\:bg-indigo-700\/70:hover { background-color: rgba(67, 56, 202, 0.7) !important; }
.dark .dark\:hover\:text-indigo-700\/70:hover,
html.dark .dark\:hover\:text-indigo-700\/70:hover { color: rgba(67, 56, 202, 0.7) !important; }
.dark .dark\:hover\:border-indigo-700\/70:hover,
html.dark .dark\:hover\:border-indigo-700\/70:hover { border-color: rgba(67, 56, 202, 0.7) !important; }

.bg-indigo-700\/75 { background-color: rgba(67, 56, 202, 0.75) !important; }
.text-indigo-700\/75 { color: rgba(67, 56, 202, 0.75) !important; }
.border-indigo-700\/75 { border-color: rgba(67, 56, 202, 0.75) !important; }

.hover\:bg-indigo-700\/75:hover { background-color: rgba(67, 56, 202, 0.75) !important; }
.hover\:text-indigo-700\/75:hover { color: rgba(67, 56, 202, 0.75) !important; }
.hover\:border-indigo-700\/75:hover { border-color: rgba(67, 56, 202, 0.75) !important; }

.dark .dark\:bg-indigo-700\/75,
html.dark .dark\:bg-indigo-700\/75 { background-color: rgba(67, 56, 202, 0.75) !important; }
.dark .dark\:text-indigo-700\/75,
html.dark .dark\:text-indigo-700\/75 { color: rgba(67, 56, 202, 0.75) !important; }
.dark .dark\:border-indigo-700\/75,
html.dark .dark\:border-indigo-700\/75 { border-color: rgba(67, 56, 202, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-700\/75:hover,
html.dark .dark\:hover\:bg-indigo-700\/75:hover { background-color: rgba(67, 56, 202, 0.75) !important; }
.dark .dark\:hover\:text-indigo-700\/75:hover,
html.dark .dark\:hover\:text-indigo-700\/75:hover { color: rgba(67, 56, 202, 0.75) !important; }
.dark .dark\:hover\:border-indigo-700\/75:hover,
html.dark .dark\:hover\:border-indigo-700\/75:hover { border-color: rgba(67, 56, 202, 0.75) !important; }

.bg-indigo-700\/80 { background-color: rgba(67, 56, 202, 0.8) !important; }
.text-indigo-700\/80 { color: rgba(67, 56, 202, 0.8) !important; }
.border-indigo-700\/80 { border-color: rgba(67, 56, 202, 0.8) !important; }

.hover\:bg-indigo-700\/80:hover { background-color: rgba(67, 56, 202, 0.8) !important; }
.hover\:text-indigo-700\/80:hover { color: rgba(67, 56, 202, 0.8) !important; }
.hover\:border-indigo-700\/80:hover { border-color: rgba(67, 56, 202, 0.8) !important; }

.dark .dark\:bg-indigo-700\/80,
html.dark .dark\:bg-indigo-700\/80 { background-color: rgba(67, 56, 202, 0.8) !important; }
.dark .dark\:text-indigo-700\/80,
html.dark .dark\:text-indigo-700\/80 { color: rgba(67, 56, 202, 0.8) !important; }
.dark .dark\:border-indigo-700\/80,
html.dark .dark\:border-indigo-700\/80 { border-color: rgba(67, 56, 202, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-700\/80:hover,
html.dark .dark\:hover\:bg-indigo-700\/80:hover { background-color: rgba(67, 56, 202, 0.8) !important; }
.dark .dark\:hover\:text-indigo-700\/80:hover,
html.dark .dark\:hover\:text-indigo-700\/80:hover { color: rgba(67, 56, 202, 0.8) !important; }
.dark .dark\:hover\:border-indigo-700\/80:hover,
html.dark .dark\:hover\:border-indigo-700\/80:hover { border-color: rgba(67, 56, 202, 0.8) !important; }

.bg-indigo-700\/90 { background-color: rgba(67, 56, 202, 0.9) !important; }
.text-indigo-700\/90 { color: rgba(67, 56, 202, 0.9) !important; }
.border-indigo-700\/90 { border-color: rgba(67, 56, 202, 0.9) !important; }

.hover\:bg-indigo-700\/90:hover { background-color: rgba(67, 56, 202, 0.9) !important; }
.hover\:text-indigo-700\/90:hover { color: rgba(67, 56, 202, 0.9) !important; }
.hover\:border-indigo-700\/90:hover { border-color: rgba(67, 56, 202, 0.9) !important; }

.dark .dark\:bg-indigo-700\/90,
html.dark .dark\:bg-indigo-700\/90 { background-color: rgba(67, 56, 202, 0.9) !important; }
.dark .dark\:text-indigo-700\/90,
html.dark .dark\:text-indigo-700\/90 { color: rgba(67, 56, 202, 0.9) !important; }
.dark .dark\:border-indigo-700\/90,
html.dark .dark\:border-indigo-700\/90 { border-color: rgba(67, 56, 202, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-700\/90:hover,
html.dark .dark\:hover\:bg-indigo-700\/90:hover { background-color: rgba(67, 56, 202, 0.9) !important; }
.dark .dark\:hover\:text-indigo-700\/90:hover,
html.dark .dark\:hover\:text-indigo-700\/90:hover { color: rgba(67, 56, 202, 0.9) !important; }
.dark .dark\:hover\:border-indigo-700\/90:hover,
html.dark .dark\:hover\:border-indigo-700\/90:hover { border-color: rgba(67, 56, 202, 0.9) !important; }

.bg-indigo-700\/95 { background-color: rgba(67, 56, 202, 0.95) !important; }
.text-indigo-700\/95 { color: rgba(67, 56, 202, 0.95) !important; }
.border-indigo-700\/95 { border-color: rgba(67, 56, 202, 0.95) !important; }

.hover\:bg-indigo-700\/95:hover { background-color: rgba(67, 56, 202, 0.95) !important; }
.hover\:text-indigo-700\/95:hover { color: rgba(67, 56, 202, 0.95) !important; }
.hover\:border-indigo-700\/95:hover { border-color: rgba(67, 56, 202, 0.95) !important; }

.dark .dark\:bg-indigo-700\/95,
html.dark .dark\:bg-indigo-700\/95 { background-color: rgba(67, 56, 202, 0.95) !important; }
.dark .dark\:text-indigo-700\/95,
html.dark .dark\:text-indigo-700\/95 { color: rgba(67, 56, 202, 0.95) !important; }
.dark .dark\:border-indigo-700\/95,
html.dark .dark\:border-indigo-700\/95 { border-color: rgba(67, 56, 202, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-700\/95:hover,
html.dark .dark\:hover\:bg-indigo-700\/95:hover { background-color: rgba(67, 56, 202, 0.95) !important; }
.dark .dark\:hover\:text-indigo-700\/95:hover,
html.dark .dark\:hover\:text-indigo-700\/95:hover { color: rgba(67, 56, 202, 0.95) !important; }
.dark .dark\:hover\:border-indigo-700\/95:hover,
html.dark .dark\:hover\:border-indigo-700\/95:hover { border-color: rgba(67, 56, 202, 0.95) !important; }

.bg-indigo-800 { background-color: #3730a3 !important; }
.text-indigo-800 { color: #3730a3 !important; }
.border-indigo-800 { border-color: #3730a3 !important; }
.fill-indigo-800 { fill: #3730a3 !important; }
.stroke-indigo-800 { stroke: #3730a3 !important; }

/* Hover states */
.hover\:bg-indigo-800:hover { background-color: #3730a3 !important; }
.hover\:text-indigo-800:hover { color: #3730a3 !important; }
.hover\:border-indigo-800:hover { border-color: #3730a3 !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-800,
html.dark .dark\:bg-indigo-800 { background-color: #3730a3 !important; }
.dark .dark\:text-indigo-800,
html.dark .dark\:text-indigo-800 { color: #3730a3 !important; }
.dark .dark\:border-indigo-800,
html.dark .dark\:border-indigo-800 { border-color: #3730a3 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-800:hover,
html.dark .dark\:hover\:bg-indigo-800:hover { background-color: #3730a3 !important; }
.dark .dark\:hover\:text-indigo-800:hover,
html.dark .dark\:hover\:text-indigo-800:hover { color: #3730a3 !important; }
.dark .dark\:hover\:border-indigo-800:hover,
html.dark .dark\:hover\:border-indigo-800:hover { border-color: #3730a3 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-800,
html.dark .group:hover .dark\:group-hover\:text-indigo-800 { color: #3730a3 !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-800,
html.dark .group:hover .dark\:group-hover\:bg-indigo-800 { background-color: #3730a3 !important; }

.bg-indigo-800\/10 { background-color: rgba(55, 48, 163, 0.1) !important; }
.text-indigo-800\/10 { color: rgba(55, 48, 163, 0.1) !important; }
.border-indigo-800\/10 { border-color: rgba(55, 48, 163, 0.1) !important; }

.hover\:bg-indigo-800\/10:hover { background-color: rgba(55, 48, 163, 0.1) !important; }
.hover\:text-indigo-800\/10:hover { color: rgba(55, 48, 163, 0.1) !important; }
.hover\:border-indigo-800\/10:hover { border-color: rgba(55, 48, 163, 0.1) !important; }

.dark .dark\:bg-indigo-800\/10,
html.dark .dark\:bg-indigo-800\/10 { background-color: rgba(55, 48, 163, 0.1) !important; }
.dark .dark\:text-indigo-800\/10,
html.dark .dark\:text-indigo-800\/10 { color: rgba(55, 48, 163, 0.1) !important; }
.dark .dark\:border-indigo-800\/10,
html.dark .dark\:border-indigo-800\/10 { border-color: rgba(55, 48, 163, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-800\/10:hover,
html.dark .dark\:hover\:bg-indigo-800\/10:hover { background-color: rgba(55, 48, 163, 0.1) !important; }
.dark .dark\:hover\:text-indigo-800\/10:hover,
html.dark .dark\:hover\:text-indigo-800\/10:hover { color: rgba(55, 48, 163, 0.1) !important; }
.dark .dark\:hover\:border-indigo-800\/10:hover,
html.dark .dark\:hover\:border-indigo-800\/10:hover { border-color: rgba(55, 48, 163, 0.1) !important; }

.bg-indigo-800\/20 { background-color: rgba(55, 48, 163, 0.2) !important; }
.text-indigo-800\/20 { color: rgba(55, 48, 163, 0.2) !important; }
.border-indigo-800\/20 { border-color: rgba(55, 48, 163, 0.2) !important; }

.hover\:bg-indigo-800\/20:hover { background-color: rgba(55, 48, 163, 0.2) !important; }
.hover\:text-indigo-800\/20:hover { color: rgba(55, 48, 163, 0.2) !important; }
.hover\:border-indigo-800\/20:hover { border-color: rgba(55, 48, 163, 0.2) !important; }

.dark .dark\:bg-indigo-800\/20,
html.dark .dark\:bg-indigo-800\/20 { background-color: rgba(55, 48, 163, 0.2) !important; }
.dark .dark\:text-indigo-800\/20,
html.dark .dark\:text-indigo-800\/20 { color: rgba(55, 48, 163, 0.2) !important; }
.dark .dark\:border-indigo-800\/20,
html.dark .dark\:border-indigo-800\/20 { border-color: rgba(55, 48, 163, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-800\/20:hover,
html.dark .dark\:hover\:bg-indigo-800\/20:hover { background-color: rgba(55, 48, 163, 0.2) !important; }
.dark .dark\:hover\:text-indigo-800\/20:hover,
html.dark .dark\:hover\:text-indigo-800\/20:hover { color: rgba(55, 48, 163, 0.2) !important; }
.dark .dark\:hover\:border-indigo-800\/20:hover,
html.dark .dark\:hover\:border-indigo-800\/20:hover { border-color: rgba(55, 48, 163, 0.2) !important; }

.bg-indigo-800\/25 { background-color: rgba(55, 48, 163, 0.25) !important; }
.text-indigo-800\/25 { color: rgba(55, 48, 163, 0.25) !important; }
.border-indigo-800\/25 { border-color: rgba(55, 48, 163, 0.25) !important; }

.hover\:bg-indigo-800\/25:hover { background-color: rgba(55, 48, 163, 0.25) !important; }
.hover\:text-indigo-800\/25:hover { color: rgba(55, 48, 163, 0.25) !important; }
.hover\:border-indigo-800\/25:hover { border-color: rgba(55, 48, 163, 0.25) !important; }

.dark .dark\:bg-indigo-800\/25,
html.dark .dark\:bg-indigo-800\/25 { background-color: rgba(55, 48, 163, 0.25) !important; }
.dark .dark\:text-indigo-800\/25,
html.dark .dark\:text-indigo-800\/25 { color: rgba(55, 48, 163, 0.25) !important; }
.dark .dark\:border-indigo-800\/25,
html.dark .dark\:border-indigo-800\/25 { border-color: rgba(55, 48, 163, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-800\/25:hover,
html.dark .dark\:hover\:bg-indigo-800\/25:hover { background-color: rgba(55, 48, 163, 0.25) !important; }
.dark .dark\:hover\:text-indigo-800\/25:hover,
html.dark .dark\:hover\:text-indigo-800\/25:hover { color: rgba(55, 48, 163, 0.25) !important; }
.dark .dark\:hover\:border-indigo-800\/25:hover,
html.dark .dark\:hover\:border-indigo-800\/25:hover { border-color: rgba(55, 48, 163, 0.25) !important; }

.bg-indigo-800\/30 { background-color: rgba(55, 48, 163, 0.3) !important; }
.text-indigo-800\/30 { color: rgba(55, 48, 163, 0.3) !important; }
.border-indigo-800\/30 { border-color: rgba(55, 48, 163, 0.3) !important; }

.hover\:bg-indigo-800\/30:hover { background-color: rgba(55, 48, 163, 0.3) !important; }
.hover\:text-indigo-800\/30:hover { color: rgba(55, 48, 163, 0.3) !important; }
.hover\:border-indigo-800\/30:hover { border-color: rgba(55, 48, 163, 0.3) !important; }

.dark .dark\:bg-indigo-800\/30,
html.dark .dark\:bg-indigo-800\/30 { background-color: rgba(55, 48, 163, 0.3) !important; }
.dark .dark\:text-indigo-800\/30,
html.dark .dark\:text-indigo-800\/30 { color: rgba(55, 48, 163, 0.3) !important; }
.dark .dark\:border-indigo-800\/30,
html.dark .dark\:border-indigo-800\/30 { border-color: rgba(55, 48, 163, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-800\/30:hover,
html.dark .dark\:hover\:bg-indigo-800\/30:hover { background-color: rgba(55, 48, 163, 0.3) !important; }
.dark .dark\:hover\:text-indigo-800\/30:hover,
html.dark .dark\:hover\:text-indigo-800\/30:hover { color: rgba(55, 48, 163, 0.3) !important; }
.dark .dark\:hover\:border-indigo-800\/30:hover,
html.dark .dark\:hover\:border-indigo-800\/30:hover { border-color: rgba(55, 48, 163, 0.3) !important; }

.bg-indigo-800\/40 { background-color: rgba(55, 48, 163, 0.4) !important; }
.text-indigo-800\/40 { color: rgba(55, 48, 163, 0.4) !important; }
.border-indigo-800\/40 { border-color: rgba(55, 48, 163, 0.4) !important; }

.hover\:bg-indigo-800\/40:hover { background-color: rgba(55, 48, 163, 0.4) !important; }
.hover\:text-indigo-800\/40:hover { color: rgba(55, 48, 163, 0.4) !important; }
.hover\:border-indigo-800\/40:hover { border-color: rgba(55, 48, 163, 0.4) !important; }

.dark .dark\:bg-indigo-800\/40,
html.dark .dark\:bg-indigo-800\/40 { background-color: rgba(55, 48, 163, 0.4) !important; }
.dark .dark\:text-indigo-800\/40,
html.dark .dark\:text-indigo-800\/40 { color: rgba(55, 48, 163, 0.4) !important; }
.dark .dark\:border-indigo-800\/40,
html.dark .dark\:border-indigo-800\/40 { border-color: rgba(55, 48, 163, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-800\/40:hover,
html.dark .dark\:hover\:bg-indigo-800\/40:hover { background-color: rgba(55, 48, 163, 0.4) !important; }
.dark .dark\:hover\:text-indigo-800\/40:hover,
html.dark .dark\:hover\:text-indigo-800\/40:hover { color: rgba(55, 48, 163, 0.4) !important; }
.dark .dark\:hover\:border-indigo-800\/40:hover,
html.dark .dark\:hover\:border-indigo-800\/40:hover { border-color: rgba(55, 48, 163, 0.4) !important; }

.bg-indigo-800\/50 { background-color: rgba(55, 48, 163, 0.5) !important; }
.text-indigo-800\/50 { color: rgba(55, 48, 163, 0.5) !important; }
.border-indigo-800\/50 { border-color: rgba(55, 48, 163, 0.5) !important; }

.hover\:bg-indigo-800\/50:hover { background-color: rgba(55, 48, 163, 0.5) !important; }
.hover\:text-indigo-800\/50:hover { color: rgba(55, 48, 163, 0.5) !important; }
.hover\:border-indigo-800\/50:hover { border-color: rgba(55, 48, 163, 0.5) !important; }

.dark .dark\:bg-indigo-800\/50,
html.dark .dark\:bg-indigo-800\/50 { background-color: rgba(55, 48, 163, 0.5) !important; }
.dark .dark\:text-indigo-800\/50,
html.dark .dark\:text-indigo-800\/50 { color: rgba(55, 48, 163, 0.5) !important; }
.dark .dark\:border-indigo-800\/50,
html.dark .dark\:border-indigo-800\/50 { border-color: rgba(55, 48, 163, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-800\/50:hover,
html.dark .dark\:hover\:bg-indigo-800\/50:hover { background-color: rgba(55, 48, 163, 0.5) !important; }
.dark .dark\:hover\:text-indigo-800\/50:hover,
html.dark .dark\:hover\:text-indigo-800\/50:hover { color: rgba(55, 48, 163, 0.5) !important; }
.dark .dark\:hover\:border-indigo-800\/50:hover,
html.dark .dark\:hover\:border-indigo-800\/50:hover { border-color: rgba(55, 48, 163, 0.5) !important; }

.bg-indigo-800\/60 { background-color: rgba(55, 48, 163, 0.6) !important; }
.text-indigo-800\/60 { color: rgba(55, 48, 163, 0.6) !important; }
.border-indigo-800\/60 { border-color: rgba(55, 48, 163, 0.6) !important; }

.hover\:bg-indigo-800\/60:hover { background-color: rgba(55, 48, 163, 0.6) !important; }
.hover\:text-indigo-800\/60:hover { color: rgba(55, 48, 163, 0.6) !important; }
.hover\:border-indigo-800\/60:hover { border-color: rgba(55, 48, 163, 0.6) !important; }

.dark .dark\:bg-indigo-800\/60,
html.dark .dark\:bg-indigo-800\/60 { background-color: rgba(55, 48, 163, 0.6) !important; }
.dark .dark\:text-indigo-800\/60,
html.dark .dark\:text-indigo-800\/60 { color: rgba(55, 48, 163, 0.6) !important; }
.dark .dark\:border-indigo-800\/60,
html.dark .dark\:border-indigo-800\/60 { border-color: rgba(55, 48, 163, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-800\/60:hover,
html.dark .dark\:hover\:bg-indigo-800\/60:hover { background-color: rgba(55, 48, 163, 0.6) !important; }
.dark .dark\:hover\:text-indigo-800\/60:hover,
html.dark .dark\:hover\:text-indigo-800\/60:hover { color: rgba(55, 48, 163, 0.6) !important; }
.dark .dark\:hover\:border-indigo-800\/60:hover,
html.dark .dark\:hover\:border-indigo-800\/60:hover { border-color: rgba(55, 48, 163, 0.6) !important; }

.bg-indigo-800\/70 { background-color: rgba(55, 48, 163, 0.7) !important; }
.text-indigo-800\/70 { color: rgba(55, 48, 163, 0.7) !important; }
.border-indigo-800\/70 { border-color: rgba(55, 48, 163, 0.7) !important; }

.hover\:bg-indigo-800\/70:hover { background-color: rgba(55, 48, 163, 0.7) !important; }
.hover\:text-indigo-800\/70:hover { color: rgba(55, 48, 163, 0.7) !important; }
.hover\:border-indigo-800\/70:hover { border-color: rgba(55, 48, 163, 0.7) !important; }

.dark .dark\:bg-indigo-800\/70,
html.dark .dark\:bg-indigo-800\/70 { background-color: rgba(55, 48, 163, 0.7) !important; }
.dark .dark\:text-indigo-800\/70,
html.dark .dark\:text-indigo-800\/70 { color: rgba(55, 48, 163, 0.7) !important; }
.dark .dark\:border-indigo-800\/70,
html.dark .dark\:border-indigo-800\/70 { border-color: rgba(55, 48, 163, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-800\/70:hover,
html.dark .dark\:hover\:bg-indigo-800\/70:hover { background-color: rgba(55, 48, 163, 0.7) !important; }
.dark .dark\:hover\:text-indigo-800\/70:hover,
html.dark .dark\:hover\:text-indigo-800\/70:hover { color: rgba(55, 48, 163, 0.7) !important; }
.dark .dark\:hover\:border-indigo-800\/70:hover,
html.dark .dark\:hover\:border-indigo-800\/70:hover { border-color: rgba(55, 48, 163, 0.7) !important; }

.bg-indigo-800\/75 { background-color: rgba(55, 48, 163, 0.75) !important; }
.text-indigo-800\/75 { color: rgba(55, 48, 163, 0.75) !important; }
.border-indigo-800\/75 { border-color: rgba(55, 48, 163, 0.75) !important; }

.hover\:bg-indigo-800\/75:hover { background-color: rgba(55, 48, 163, 0.75) !important; }
.hover\:text-indigo-800\/75:hover { color: rgba(55, 48, 163, 0.75) !important; }
.hover\:border-indigo-800\/75:hover { border-color: rgba(55, 48, 163, 0.75) !important; }

.dark .dark\:bg-indigo-800\/75,
html.dark .dark\:bg-indigo-800\/75 { background-color: rgba(55, 48, 163, 0.75) !important; }
.dark .dark\:text-indigo-800\/75,
html.dark .dark\:text-indigo-800\/75 { color: rgba(55, 48, 163, 0.75) !important; }
.dark .dark\:border-indigo-800\/75,
html.dark .dark\:border-indigo-800\/75 { border-color: rgba(55, 48, 163, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-800\/75:hover,
html.dark .dark\:hover\:bg-indigo-800\/75:hover { background-color: rgba(55, 48, 163, 0.75) !important; }
.dark .dark\:hover\:text-indigo-800\/75:hover,
html.dark .dark\:hover\:text-indigo-800\/75:hover { color: rgba(55, 48, 163, 0.75) !important; }
.dark .dark\:hover\:border-indigo-800\/75:hover,
html.dark .dark\:hover\:border-indigo-800\/75:hover { border-color: rgba(55, 48, 163, 0.75) !important; }

.bg-indigo-800\/80 { background-color: rgba(55, 48, 163, 0.8) !important; }
.text-indigo-800\/80 { color: rgba(55, 48, 163, 0.8) !important; }
.border-indigo-800\/80 { border-color: rgba(55, 48, 163, 0.8) !important; }

.hover\:bg-indigo-800\/80:hover { background-color: rgba(55, 48, 163, 0.8) !important; }
.hover\:text-indigo-800\/80:hover { color: rgba(55, 48, 163, 0.8) !important; }
.hover\:border-indigo-800\/80:hover { border-color: rgba(55, 48, 163, 0.8) !important; }

.dark .dark\:bg-indigo-800\/80,
html.dark .dark\:bg-indigo-800\/80 { background-color: rgba(55, 48, 163, 0.8) !important; }
.dark .dark\:text-indigo-800\/80,
html.dark .dark\:text-indigo-800\/80 { color: rgba(55, 48, 163, 0.8) !important; }
.dark .dark\:border-indigo-800\/80,
html.dark .dark\:border-indigo-800\/80 { border-color: rgba(55, 48, 163, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-800\/80:hover,
html.dark .dark\:hover\:bg-indigo-800\/80:hover { background-color: rgba(55, 48, 163, 0.8) !important; }
.dark .dark\:hover\:text-indigo-800\/80:hover,
html.dark .dark\:hover\:text-indigo-800\/80:hover { color: rgba(55, 48, 163, 0.8) !important; }
.dark .dark\:hover\:border-indigo-800\/80:hover,
html.dark .dark\:hover\:border-indigo-800\/80:hover { border-color: rgba(55, 48, 163, 0.8) !important; }

.bg-indigo-800\/90 { background-color: rgba(55, 48, 163, 0.9) !important; }
.text-indigo-800\/90 { color: rgba(55, 48, 163, 0.9) !important; }
.border-indigo-800\/90 { border-color: rgba(55, 48, 163, 0.9) !important; }

.hover\:bg-indigo-800\/90:hover { background-color: rgba(55, 48, 163, 0.9) !important; }
.hover\:text-indigo-800\/90:hover { color: rgba(55, 48, 163, 0.9) !important; }
.hover\:border-indigo-800\/90:hover { border-color: rgba(55, 48, 163, 0.9) !important; }

.dark .dark\:bg-indigo-800\/90,
html.dark .dark\:bg-indigo-800\/90 { background-color: rgba(55, 48, 163, 0.9) !important; }
.dark .dark\:text-indigo-800\/90,
html.dark .dark\:text-indigo-800\/90 { color: rgba(55, 48, 163, 0.9) !important; }
.dark .dark\:border-indigo-800\/90,
html.dark .dark\:border-indigo-800\/90 { border-color: rgba(55, 48, 163, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-800\/90:hover,
html.dark .dark\:hover\:bg-indigo-800\/90:hover { background-color: rgba(55, 48, 163, 0.9) !important; }
.dark .dark\:hover\:text-indigo-800\/90:hover,
html.dark .dark\:hover\:text-indigo-800\/90:hover { color: rgba(55, 48, 163, 0.9) !important; }
.dark .dark\:hover\:border-indigo-800\/90:hover,
html.dark .dark\:hover\:border-indigo-800\/90:hover { border-color: rgba(55, 48, 163, 0.9) !important; }

.bg-indigo-800\/95 { background-color: rgba(55, 48, 163, 0.95) !important; }
.text-indigo-800\/95 { color: rgba(55, 48, 163, 0.95) !important; }
.border-indigo-800\/95 { border-color: rgba(55, 48, 163, 0.95) !important; }

.hover\:bg-indigo-800\/95:hover { background-color: rgba(55, 48, 163, 0.95) !important; }
.hover\:text-indigo-800\/95:hover { color: rgba(55, 48, 163, 0.95) !important; }
.hover\:border-indigo-800\/95:hover { border-color: rgba(55, 48, 163, 0.95) !important; }

.dark .dark\:bg-indigo-800\/95,
html.dark .dark\:bg-indigo-800\/95 { background-color: rgba(55, 48, 163, 0.95) !important; }
.dark .dark\:text-indigo-800\/95,
html.dark .dark\:text-indigo-800\/95 { color: rgba(55, 48, 163, 0.95) !important; }
.dark .dark\:border-indigo-800\/95,
html.dark .dark\:border-indigo-800\/95 { border-color: rgba(55, 48, 163, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-800\/95:hover,
html.dark .dark\:hover\:bg-indigo-800\/95:hover { background-color: rgba(55, 48, 163, 0.95) !important; }
.dark .dark\:hover\:text-indigo-800\/95:hover,
html.dark .dark\:hover\:text-indigo-800\/95:hover { color: rgba(55, 48, 163, 0.95) !important; }
.dark .dark\:hover\:border-indigo-800\/95:hover,
html.dark .dark\:hover\:border-indigo-800\/95:hover { border-color: rgba(55, 48, 163, 0.95) !important; }

.bg-indigo-900 { background-color: #312e81 !important; }
.text-indigo-900 { color: #312e81 !important; }
.border-indigo-900 { border-color: #312e81 !important; }
.fill-indigo-900 { fill: #312e81 !important; }
.stroke-indigo-900 { stroke: #312e81 !important; }

/* Hover states */
.hover\:bg-indigo-900:hover { background-color: #312e81 !important; }
.hover\:text-indigo-900:hover { color: #312e81 !important; }
.hover\:border-indigo-900:hover { border-color: #312e81 !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-900,
html.dark .dark\:bg-indigo-900 { background-color: #312e81 !important; }
.dark .dark\:text-indigo-900,
html.dark .dark\:text-indigo-900 { color: #312e81 !important; }
.dark .dark\:border-indigo-900,
html.dark .dark\:border-indigo-900 { border-color: #312e81 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-900:hover,
html.dark .dark\:hover\:bg-indigo-900:hover { background-color: #312e81 !important; }
.dark .dark\:hover\:text-indigo-900:hover,
html.dark .dark\:hover\:text-indigo-900:hover { color: #312e81 !important; }
.dark .dark\:hover\:border-indigo-900:hover,
html.dark .dark\:hover\:border-indigo-900:hover { border-color: #312e81 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-900,
html.dark .group:hover .dark\:group-hover\:text-indigo-900 { color: #312e81 !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-900,
html.dark .group:hover .dark\:group-hover\:bg-indigo-900 { background-color: #312e81 !important; }

.bg-indigo-900\/10 { background-color: rgba(49, 46, 129, 0.1) !important; }
.text-indigo-900\/10 { color: rgba(49, 46, 129, 0.1) !important; }
.border-indigo-900\/10 { border-color: rgba(49, 46, 129, 0.1) !important; }

.hover\:bg-indigo-900\/10:hover { background-color: rgba(49, 46, 129, 0.1) !important; }
.hover\:text-indigo-900\/10:hover { color: rgba(49, 46, 129, 0.1) !important; }
.hover\:border-indigo-900\/10:hover { border-color: rgba(49, 46, 129, 0.1) !important; }

.dark .dark\:bg-indigo-900\/10,
html.dark .dark\:bg-indigo-900\/10 { background-color: rgba(49, 46, 129, 0.1) !important; }
.dark .dark\:text-indigo-900\/10,
html.dark .dark\:text-indigo-900\/10 { color: rgba(49, 46, 129, 0.1) !important; }
.dark .dark\:border-indigo-900\/10,
html.dark .dark\:border-indigo-900\/10 { border-color: rgba(49, 46, 129, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-900\/10:hover,
html.dark .dark\:hover\:bg-indigo-900\/10:hover { background-color: rgba(49, 46, 129, 0.1) !important; }
.dark .dark\:hover\:text-indigo-900\/10:hover,
html.dark .dark\:hover\:text-indigo-900\/10:hover { color: rgba(49, 46, 129, 0.1) !important; }
.dark .dark\:hover\:border-indigo-900\/10:hover,
html.dark .dark\:hover\:border-indigo-900\/10:hover { border-color: rgba(49, 46, 129, 0.1) !important; }

.bg-indigo-900\/20 { background-color: rgba(49, 46, 129, 0.2) !important; }
.text-indigo-900\/20 { color: rgba(49, 46, 129, 0.2) !important; }
.border-indigo-900\/20 { border-color: rgba(49, 46, 129, 0.2) !important; }

.hover\:bg-indigo-900\/20:hover { background-color: rgba(49, 46, 129, 0.2) !important; }
.hover\:text-indigo-900\/20:hover { color: rgba(49, 46, 129, 0.2) !important; }
.hover\:border-indigo-900\/20:hover { border-color: rgba(49, 46, 129, 0.2) !important; }

.dark .dark\:bg-indigo-900\/20,
html.dark .dark\:bg-indigo-900\/20 { background-color: rgba(49, 46, 129, 0.2) !important; }
.dark .dark\:text-indigo-900\/20,
html.dark .dark\:text-indigo-900\/20 { color: rgba(49, 46, 129, 0.2) !important; }
.dark .dark\:border-indigo-900\/20,
html.dark .dark\:border-indigo-900\/20 { border-color: rgba(49, 46, 129, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-900\/20:hover,
html.dark .dark\:hover\:bg-indigo-900\/20:hover { background-color: rgba(49, 46, 129, 0.2) !important; }
.dark .dark\:hover\:text-indigo-900\/20:hover,
html.dark .dark\:hover\:text-indigo-900\/20:hover { color: rgba(49, 46, 129, 0.2) !important; }
.dark .dark\:hover\:border-indigo-900\/20:hover,
html.dark .dark\:hover\:border-indigo-900\/20:hover { border-color: rgba(49, 46, 129, 0.2) !important; }

.bg-indigo-900\/25 { background-color: rgba(49, 46, 129, 0.25) !important; }
.text-indigo-900\/25 { color: rgba(49, 46, 129, 0.25) !important; }
.border-indigo-900\/25 { border-color: rgba(49, 46, 129, 0.25) !important; }

.hover\:bg-indigo-900\/25:hover { background-color: rgba(49, 46, 129, 0.25) !important; }
.hover\:text-indigo-900\/25:hover { color: rgba(49, 46, 129, 0.25) !important; }
.hover\:border-indigo-900\/25:hover { border-color: rgba(49, 46, 129, 0.25) !important; }

.dark .dark\:bg-indigo-900\/25,
html.dark .dark\:bg-indigo-900\/25 { background-color: rgba(49, 46, 129, 0.25) !important; }
.dark .dark\:text-indigo-900\/25,
html.dark .dark\:text-indigo-900\/25 { color: rgba(49, 46, 129, 0.25) !important; }
.dark .dark\:border-indigo-900\/25,
html.dark .dark\:border-indigo-900\/25 { border-color: rgba(49, 46, 129, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-900\/25:hover,
html.dark .dark\:hover\:bg-indigo-900\/25:hover { background-color: rgba(49, 46, 129, 0.25) !important; }
.dark .dark\:hover\:text-indigo-900\/25:hover,
html.dark .dark\:hover\:text-indigo-900\/25:hover { color: rgba(49, 46, 129, 0.25) !important; }
.dark .dark\:hover\:border-indigo-900\/25:hover,
html.dark .dark\:hover\:border-indigo-900\/25:hover { border-color: rgba(49, 46, 129, 0.25) !important; }

.bg-indigo-900\/30 { background-color: rgba(49, 46, 129, 0.3) !important; }
.text-indigo-900\/30 { color: rgba(49, 46, 129, 0.3) !important; }
.border-indigo-900\/30 { border-color: rgba(49, 46, 129, 0.3) !important; }

.hover\:bg-indigo-900\/30:hover { background-color: rgba(49, 46, 129, 0.3) !important; }
.hover\:text-indigo-900\/30:hover { color: rgba(49, 46, 129, 0.3) !important; }
.hover\:border-indigo-900\/30:hover { border-color: rgba(49, 46, 129, 0.3) !important; }

.dark .dark\:bg-indigo-900\/30,
html.dark .dark\:bg-indigo-900\/30 { background-color: rgba(49, 46, 129, 0.3) !important; }
.dark .dark\:text-indigo-900\/30,
html.dark .dark\:text-indigo-900\/30 { color: rgba(49, 46, 129, 0.3) !important; }
.dark .dark\:border-indigo-900\/30,
html.dark .dark\:border-indigo-900\/30 { border-color: rgba(49, 46, 129, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-900\/30:hover,
html.dark .dark\:hover\:bg-indigo-900\/30:hover { background-color: rgba(49, 46, 129, 0.3) !important; }
.dark .dark\:hover\:text-indigo-900\/30:hover,
html.dark .dark\:hover\:text-indigo-900\/30:hover { color: rgba(49, 46, 129, 0.3) !important; }
.dark .dark\:hover\:border-indigo-900\/30:hover,
html.dark .dark\:hover\:border-indigo-900\/30:hover { border-color: rgba(49, 46, 129, 0.3) !important; }

.bg-indigo-900\/40 { background-color: rgba(49, 46, 129, 0.4) !important; }
.text-indigo-900\/40 { color: rgba(49, 46, 129, 0.4) !important; }
.border-indigo-900\/40 { border-color: rgba(49, 46, 129, 0.4) !important; }

.hover\:bg-indigo-900\/40:hover { background-color: rgba(49, 46, 129, 0.4) !important; }
.hover\:text-indigo-900\/40:hover { color: rgba(49, 46, 129, 0.4) !important; }
.hover\:border-indigo-900\/40:hover { border-color: rgba(49, 46, 129, 0.4) !important; }

.dark .dark\:bg-indigo-900\/40,
html.dark .dark\:bg-indigo-900\/40 { background-color: rgba(49, 46, 129, 0.4) !important; }
.dark .dark\:text-indigo-900\/40,
html.dark .dark\:text-indigo-900\/40 { color: rgba(49, 46, 129, 0.4) !important; }
.dark .dark\:border-indigo-900\/40,
html.dark .dark\:border-indigo-900\/40 { border-color: rgba(49, 46, 129, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-900\/40:hover,
html.dark .dark\:hover\:bg-indigo-900\/40:hover { background-color: rgba(49, 46, 129, 0.4) !important; }
.dark .dark\:hover\:text-indigo-900\/40:hover,
html.dark .dark\:hover\:text-indigo-900\/40:hover { color: rgba(49, 46, 129, 0.4) !important; }
.dark .dark\:hover\:border-indigo-900\/40:hover,
html.dark .dark\:hover\:border-indigo-900\/40:hover { border-color: rgba(49, 46, 129, 0.4) !important; }

.bg-indigo-900\/50 { background-color: rgba(49, 46, 129, 0.5) !important; }
.text-indigo-900\/50 { color: rgba(49, 46, 129, 0.5) !important; }
.border-indigo-900\/50 { border-color: rgba(49, 46, 129, 0.5) !important; }

.hover\:bg-indigo-900\/50:hover { background-color: rgba(49, 46, 129, 0.5) !important; }
.hover\:text-indigo-900\/50:hover { color: rgba(49, 46, 129, 0.5) !important; }
.hover\:border-indigo-900\/50:hover { border-color: rgba(49, 46, 129, 0.5) !important; }

.dark .dark\:bg-indigo-900\/50,
html.dark .dark\:bg-indigo-900\/50 { background-color: rgba(49, 46, 129, 0.5) !important; }
.dark .dark\:text-indigo-900\/50,
html.dark .dark\:text-indigo-900\/50 { color: rgba(49, 46, 129, 0.5) !important; }
.dark .dark\:border-indigo-900\/50,
html.dark .dark\:border-indigo-900\/50 { border-color: rgba(49, 46, 129, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-900\/50:hover,
html.dark .dark\:hover\:bg-indigo-900\/50:hover { background-color: rgba(49, 46, 129, 0.5) !important; }
.dark .dark\:hover\:text-indigo-900\/50:hover,
html.dark .dark\:hover\:text-indigo-900\/50:hover { color: rgba(49, 46, 129, 0.5) !important; }
.dark .dark\:hover\:border-indigo-900\/50:hover,
html.dark .dark\:hover\:border-indigo-900\/50:hover { border-color: rgba(49, 46, 129, 0.5) !important; }

.bg-indigo-900\/60 { background-color: rgba(49, 46, 129, 0.6) !important; }
.text-indigo-900\/60 { color: rgba(49, 46, 129, 0.6) !important; }
.border-indigo-900\/60 { border-color: rgba(49, 46, 129, 0.6) !important; }

.hover\:bg-indigo-900\/60:hover { background-color: rgba(49, 46, 129, 0.6) !important; }
.hover\:text-indigo-900\/60:hover { color: rgba(49, 46, 129, 0.6) !important; }
.hover\:border-indigo-900\/60:hover { border-color: rgba(49, 46, 129, 0.6) !important; }

.dark .dark\:bg-indigo-900\/60,
html.dark .dark\:bg-indigo-900\/60 { background-color: rgba(49, 46, 129, 0.6) !important; }
.dark .dark\:text-indigo-900\/60,
html.dark .dark\:text-indigo-900\/60 { color: rgba(49, 46, 129, 0.6) !important; }
.dark .dark\:border-indigo-900\/60,
html.dark .dark\:border-indigo-900\/60 { border-color: rgba(49, 46, 129, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-900\/60:hover,
html.dark .dark\:hover\:bg-indigo-900\/60:hover { background-color: rgba(49, 46, 129, 0.6) !important; }
.dark .dark\:hover\:text-indigo-900\/60:hover,
html.dark .dark\:hover\:text-indigo-900\/60:hover { color: rgba(49, 46, 129, 0.6) !important; }
.dark .dark\:hover\:border-indigo-900\/60:hover,
html.dark .dark\:hover\:border-indigo-900\/60:hover { border-color: rgba(49, 46, 129, 0.6) !important; }

.bg-indigo-900\/70 { background-color: rgba(49, 46, 129, 0.7) !important; }
.text-indigo-900\/70 { color: rgba(49, 46, 129, 0.7) !important; }
.border-indigo-900\/70 { border-color: rgba(49, 46, 129, 0.7) !important; }

.hover\:bg-indigo-900\/70:hover { background-color: rgba(49, 46, 129, 0.7) !important; }
.hover\:text-indigo-900\/70:hover { color: rgba(49, 46, 129, 0.7) !important; }
.hover\:border-indigo-900\/70:hover { border-color: rgba(49, 46, 129, 0.7) !important; }

.dark .dark\:bg-indigo-900\/70,
html.dark .dark\:bg-indigo-900\/70 { background-color: rgba(49, 46, 129, 0.7) !important; }
.dark .dark\:text-indigo-900\/70,
html.dark .dark\:text-indigo-900\/70 { color: rgba(49, 46, 129, 0.7) !important; }
.dark .dark\:border-indigo-900\/70,
html.dark .dark\:border-indigo-900\/70 { border-color: rgba(49, 46, 129, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-900\/70:hover,
html.dark .dark\:hover\:bg-indigo-900\/70:hover { background-color: rgba(49, 46, 129, 0.7) !important; }
.dark .dark\:hover\:text-indigo-900\/70:hover,
html.dark .dark\:hover\:text-indigo-900\/70:hover { color: rgba(49, 46, 129, 0.7) !important; }
.dark .dark\:hover\:border-indigo-900\/70:hover,
html.dark .dark\:hover\:border-indigo-900\/70:hover { border-color: rgba(49, 46, 129, 0.7) !important; }

.bg-indigo-900\/75 { background-color: rgba(49, 46, 129, 0.75) !important; }
.text-indigo-900\/75 { color: rgba(49, 46, 129, 0.75) !important; }
.border-indigo-900\/75 { border-color: rgba(49, 46, 129, 0.75) !important; }

.hover\:bg-indigo-900\/75:hover { background-color: rgba(49, 46, 129, 0.75) !important; }
.hover\:text-indigo-900\/75:hover { color: rgba(49, 46, 129, 0.75) !important; }
.hover\:border-indigo-900\/75:hover { border-color: rgba(49, 46, 129, 0.75) !important; }

.dark .dark\:bg-indigo-900\/75,
html.dark .dark\:bg-indigo-900\/75 { background-color: rgba(49, 46, 129, 0.75) !important; }
.dark .dark\:text-indigo-900\/75,
html.dark .dark\:text-indigo-900\/75 { color: rgba(49, 46, 129, 0.75) !important; }
.dark .dark\:border-indigo-900\/75,
html.dark .dark\:border-indigo-900\/75 { border-color: rgba(49, 46, 129, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-900\/75:hover,
html.dark .dark\:hover\:bg-indigo-900\/75:hover { background-color: rgba(49, 46, 129, 0.75) !important; }
.dark .dark\:hover\:text-indigo-900\/75:hover,
html.dark .dark\:hover\:text-indigo-900\/75:hover { color: rgba(49, 46, 129, 0.75) !important; }
.dark .dark\:hover\:border-indigo-900\/75:hover,
html.dark .dark\:hover\:border-indigo-900\/75:hover { border-color: rgba(49, 46, 129, 0.75) !important; }

.bg-indigo-900\/80 { background-color: rgba(49, 46, 129, 0.8) !important; }
.text-indigo-900\/80 { color: rgba(49, 46, 129, 0.8) !important; }
.border-indigo-900\/80 { border-color: rgba(49, 46, 129, 0.8) !important; }

.hover\:bg-indigo-900\/80:hover { background-color: rgba(49, 46, 129, 0.8) !important; }
.hover\:text-indigo-900\/80:hover { color: rgba(49, 46, 129, 0.8) !important; }
.hover\:border-indigo-900\/80:hover { border-color: rgba(49, 46, 129, 0.8) !important; }

.dark .dark\:bg-indigo-900\/80,
html.dark .dark\:bg-indigo-900\/80 { background-color: rgba(49, 46, 129, 0.8) !important; }
.dark .dark\:text-indigo-900\/80,
html.dark .dark\:text-indigo-900\/80 { color: rgba(49, 46, 129, 0.8) !important; }
.dark .dark\:border-indigo-900\/80,
html.dark .dark\:border-indigo-900\/80 { border-color: rgba(49, 46, 129, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-900\/80:hover,
html.dark .dark\:hover\:bg-indigo-900\/80:hover { background-color: rgba(49, 46, 129, 0.8) !important; }
.dark .dark\:hover\:text-indigo-900\/80:hover,
html.dark .dark\:hover\:text-indigo-900\/80:hover { color: rgba(49, 46, 129, 0.8) !important; }
.dark .dark\:hover\:border-indigo-900\/80:hover,
html.dark .dark\:hover\:border-indigo-900\/80:hover { border-color: rgba(49, 46, 129, 0.8) !important; }

.bg-indigo-900\/90 { background-color: rgba(49, 46, 129, 0.9) !important; }
.text-indigo-900\/90 { color: rgba(49, 46, 129, 0.9) !important; }
.border-indigo-900\/90 { border-color: rgba(49, 46, 129, 0.9) !important; }

.hover\:bg-indigo-900\/90:hover { background-color: rgba(49, 46, 129, 0.9) !important; }
.hover\:text-indigo-900\/90:hover { color: rgba(49, 46, 129, 0.9) !important; }
.hover\:border-indigo-900\/90:hover { border-color: rgba(49, 46, 129, 0.9) !important; }

.dark .dark\:bg-indigo-900\/90,
html.dark .dark\:bg-indigo-900\/90 { background-color: rgba(49, 46, 129, 0.9) !important; }
.dark .dark\:text-indigo-900\/90,
html.dark .dark\:text-indigo-900\/90 { color: rgba(49, 46, 129, 0.9) !important; }
.dark .dark\:border-indigo-900\/90,
html.dark .dark\:border-indigo-900\/90 { border-color: rgba(49, 46, 129, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-900\/90:hover,
html.dark .dark\:hover\:bg-indigo-900\/90:hover { background-color: rgba(49, 46, 129, 0.9) !important; }
.dark .dark\:hover\:text-indigo-900\/90:hover,
html.dark .dark\:hover\:text-indigo-900\/90:hover { color: rgba(49, 46, 129, 0.9) !important; }
.dark .dark\:hover\:border-indigo-900\/90:hover,
html.dark .dark\:hover\:border-indigo-900\/90:hover { border-color: rgba(49, 46, 129, 0.9) !important; }

.bg-indigo-900\/95 { background-color: rgba(49, 46, 129, 0.95) !important; }
.text-indigo-900\/95 { color: rgba(49, 46, 129, 0.95) !important; }
.border-indigo-900\/95 { border-color: rgba(49, 46, 129, 0.95) !important; }

.hover\:bg-indigo-900\/95:hover { background-color: rgba(49, 46, 129, 0.95) !important; }
.hover\:text-indigo-900\/95:hover { color: rgba(49, 46, 129, 0.95) !important; }
.hover\:border-indigo-900\/95:hover { border-color: rgba(49, 46, 129, 0.95) !important; }

.dark .dark\:bg-indigo-900\/95,
html.dark .dark\:bg-indigo-900\/95 { background-color: rgba(49, 46, 129, 0.95) !important; }
.dark .dark\:text-indigo-900\/95,
html.dark .dark\:text-indigo-900\/95 { color: rgba(49, 46, 129, 0.95) !important; }
.dark .dark\:border-indigo-900\/95,
html.dark .dark\:border-indigo-900\/95 { border-color: rgba(49, 46, 129, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-900\/95:hover,
html.dark .dark\:hover\:bg-indigo-900\/95:hover { background-color: rgba(49, 46, 129, 0.95) !important; }
.dark .dark\:hover\:text-indigo-900\/95:hover,
html.dark .dark\:hover\:text-indigo-900\/95:hover { color: rgba(49, 46, 129, 0.95) !important; }
.dark .dark\:hover\:border-indigo-900\/95:hover,
html.dark .dark\:hover\:border-indigo-900\/95:hover { border-color: rgba(49, 46, 129, 0.95) !important; }

.bg-indigo-950 { background-color: #1e1b4b !important; }
.text-indigo-950 { color: #1e1b4b !important; }
.border-indigo-950 { border-color: #1e1b4b !important; }
.fill-indigo-950 { fill: #1e1b4b !important; }
.stroke-indigo-950 { stroke: #1e1b4b !important; }

/* Hover states */
.hover\:bg-indigo-950:hover { background-color: #1e1b4b !important; }
.hover\:text-indigo-950:hover { color: #1e1b4b !important; }
.hover\:border-indigo-950:hover { border-color: #1e1b4b !important; }

/* Dark mode standard */
.dark .dark\:bg-indigo-950,
html.dark .dark\:bg-indigo-950 { background-color: #1e1b4b !important; }
.dark .dark\:text-indigo-950,
html.dark .dark\:text-indigo-950 { color: #1e1b4b !important; }
.dark .dark\:border-indigo-950,
html.dark .dark\:border-indigo-950 { border-color: #1e1b4b !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-indigo-950:hover,
html.dark .dark\:hover\:bg-indigo-950:hover { background-color: #1e1b4b !important; }
.dark .dark\:hover\:text-indigo-950:hover,
html.dark .dark\:hover\:text-indigo-950:hover { color: #1e1b4b !important; }
.dark .dark\:hover\:border-indigo-950:hover,
html.dark .dark\:hover\:border-indigo-950:hover { border-color: #1e1b4b !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-indigo-950,
html.dark .group:hover .dark\:group-hover\:text-indigo-950 { color: #1e1b4b !important; }
.dark .group:hover .dark\:group-hover\:bg-indigo-950,
html.dark .group:hover .dark\:group-hover\:bg-indigo-950 { background-color: #1e1b4b !important; }

.bg-indigo-950\/10 { background-color: rgba(30, 27, 75, 0.1) !important; }
.text-indigo-950\/10 { color: rgba(30, 27, 75, 0.1) !important; }
.border-indigo-950\/10 { border-color: rgba(30, 27, 75, 0.1) !important; }

.hover\:bg-indigo-950\/10:hover { background-color: rgba(30, 27, 75, 0.1) !important; }
.hover\:text-indigo-950\/10:hover { color: rgba(30, 27, 75, 0.1) !important; }
.hover\:border-indigo-950\/10:hover { border-color: rgba(30, 27, 75, 0.1) !important; }

.dark .dark\:bg-indigo-950\/10,
html.dark .dark\:bg-indigo-950\/10 { background-color: rgba(30, 27, 75, 0.1) !important; }
.dark .dark\:text-indigo-950\/10,
html.dark .dark\:text-indigo-950\/10 { color: rgba(30, 27, 75, 0.1) !important; }
.dark .dark\:border-indigo-950\/10,
html.dark .dark\:border-indigo-950\/10 { border-color: rgba(30, 27, 75, 0.1) !important; }

.dark .dark\:hover\:bg-indigo-950\/10:hover,
html.dark .dark\:hover\:bg-indigo-950\/10:hover { background-color: rgba(30, 27, 75, 0.1) !important; }
.dark .dark\:hover\:text-indigo-950\/10:hover,
html.dark .dark\:hover\:text-indigo-950\/10:hover { color: rgba(30, 27, 75, 0.1) !important; }
.dark .dark\:hover\:border-indigo-950\/10:hover,
html.dark .dark\:hover\:border-indigo-950\/10:hover { border-color: rgba(30, 27, 75, 0.1) !important; }

.bg-indigo-950\/20 { background-color: rgba(30, 27, 75, 0.2) !important; }
.text-indigo-950\/20 { color: rgba(30, 27, 75, 0.2) !important; }
.border-indigo-950\/20 { border-color: rgba(30, 27, 75, 0.2) !important; }

.hover\:bg-indigo-950\/20:hover { background-color: rgba(30, 27, 75, 0.2) !important; }
.hover\:text-indigo-950\/20:hover { color: rgba(30, 27, 75, 0.2) !important; }
.hover\:border-indigo-950\/20:hover { border-color: rgba(30, 27, 75, 0.2) !important; }

.dark .dark\:bg-indigo-950\/20,
html.dark .dark\:bg-indigo-950\/20 { background-color: rgba(30, 27, 75, 0.2) !important; }
.dark .dark\:text-indigo-950\/20,
html.dark .dark\:text-indigo-950\/20 { color: rgba(30, 27, 75, 0.2) !important; }
.dark .dark\:border-indigo-950\/20,
html.dark .dark\:border-indigo-950\/20 { border-color: rgba(30, 27, 75, 0.2) !important; }

.dark .dark\:hover\:bg-indigo-950\/20:hover,
html.dark .dark\:hover\:bg-indigo-950\/20:hover { background-color: rgba(30, 27, 75, 0.2) !important; }
.dark .dark\:hover\:text-indigo-950\/20:hover,
html.dark .dark\:hover\:text-indigo-950\/20:hover { color: rgba(30, 27, 75, 0.2) !important; }
.dark .dark\:hover\:border-indigo-950\/20:hover,
html.dark .dark\:hover\:border-indigo-950\/20:hover { border-color: rgba(30, 27, 75, 0.2) !important; }

.bg-indigo-950\/25 { background-color: rgba(30, 27, 75, 0.25) !important; }
.text-indigo-950\/25 { color: rgba(30, 27, 75, 0.25) !important; }
.border-indigo-950\/25 { border-color: rgba(30, 27, 75, 0.25) !important; }

.hover\:bg-indigo-950\/25:hover { background-color: rgba(30, 27, 75, 0.25) !important; }
.hover\:text-indigo-950\/25:hover { color: rgba(30, 27, 75, 0.25) !important; }
.hover\:border-indigo-950\/25:hover { border-color: rgba(30, 27, 75, 0.25) !important; }

.dark .dark\:bg-indigo-950\/25,
html.dark .dark\:bg-indigo-950\/25 { background-color: rgba(30, 27, 75, 0.25) !important; }
.dark .dark\:text-indigo-950\/25,
html.dark .dark\:text-indigo-950\/25 { color: rgba(30, 27, 75, 0.25) !important; }
.dark .dark\:border-indigo-950\/25,
html.dark .dark\:border-indigo-950\/25 { border-color: rgba(30, 27, 75, 0.25) !important; }

.dark .dark\:hover\:bg-indigo-950\/25:hover,
html.dark .dark\:hover\:bg-indigo-950\/25:hover { background-color: rgba(30, 27, 75, 0.25) !important; }
.dark .dark\:hover\:text-indigo-950\/25:hover,
html.dark .dark\:hover\:text-indigo-950\/25:hover { color: rgba(30, 27, 75, 0.25) !important; }
.dark .dark\:hover\:border-indigo-950\/25:hover,
html.dark .dark\:hover\:border-indigo-950\/25:hover { border-color: rgba(30, 27, 75, 0.25) !important; }

.bg-indigo-950\/30 { background-color: rgba(30, 27, 75, 0.3) !important; }
.text-indigo-950\/30 { color: rgba(30, 27, 75, 0.3) !important; }
.border-indigo-950\/30 { border-color: rgba(30, 27, 75, 0.3) !important; }

.hover\:bg-indigo-950\/30:hover { background-color: rgba(30, 27, 75, 0.3) !important; }
.hover\:text-indigo-950\/30:hover { color: rgba(30, 27, 75, 0.3) !important; }
.hover\:border-indigo-950\/30:hover { border-color: rgba(30, 27, 75, 0.3) !important; }

.dark .dark\:bg-indigo-950\/30,
html.dark .dark\:bg-indigo-950\/30 { background-color: rgba(30, 27, 75, 0.3) !important; }
.dark .dark\:text-indigo-950\/30,
html.dark .dark\:text-indigo-950\/30 { color: rgba(30, 27, 75, 0.3) !important; }
.dark .dark\:border-indigo-950\/30,
html.dark .dark\:border-indigo-950\/30 { border-color: rgba(30, 27, 75, 0.3) !important; }

.dark .dark\:hover\:bg-indigo-950\/30:hover,
html.dark .dark\:hover\:bg-indigo-950\/30:hover { background-color: rgba(30, 27, 75, 0.3) !important; }
.dark .dark\:hover\:text-indigo-950\/30:hover,
html.dark .dark\:hover\:text-indigo-950\/30:hover { color: rgba(30, 27, 75, 0.3) !important; }
.dark .dark\:hover\:border-indigo-950\/30:hover,
html.dark .dark\:hover\:border-indigo-950\/30:hover { border-color: rgba(30, 27, 75, 0.3) !important; }

.bg-indigo-950\/40 { background-color: rgba(30, 27, 75, 0.4) !important; }
.text-indigo-950\/40 { color: rgba(30, 27, 75, 0.4) !important; }
.border-indigo-950\/40 { border-color: rgba(30, 27, 75, 0.4) !important; }

.hover\:bg-indigo-950\/40:hover { background-color: rgba(30, 27, 75, 0.4) !important; }
.hover\:text-indigo-950\/40:hover { color: rgba(30, 27, 75, 0.4) !important; }
.hover\:border-indigo-950\/40:hover { border-color: rgba(30, 27, 75, 0.4) !important; }

.dark .dark\:bg-indigo-950\/40,
html.dark .dark\:bg-indigo-950\/40 { background-color: rgba(30, 27, 75, 0.4) !important; }
.dark .dark\:text-indigo-950\/40,
html.dark .dark\:text-indigo-950\/40 { color: rgba(30, 27, 75, 0.4) !important; }
.dark .dark\:border-indigo-950\/40,
html.dark .dark\:border-indigo-950\/40 { border-color: rgba(30, 27, 75, 0.4) !important; }

.dark .dark\:hover\:bg-indigo-950\/40:hover,
html.dark .dark\:hover\:bg-indigo-950\/40:hover { background-color: rgba(30, 27, 75, 0.4) !important; }
.dark .dark\:hover\:text-indigo-950\/40:hover,
html.dark .dark\:hover\:text-indigo-950\/40:hover { color: rgba(30, 27, 75, 0.4) !important; }
.dark .dark\:hover\:border-indigo-950\/40:hover,
html.dark .dark\:hover\:border-indigo-950\/40:hover { border-color: rgba(30, 27, 75, 0.4) !important; }

.bg-indigo-950\/50 { background-color: rgba(30, 27, 75, 0.5) !important; }
.text-indigo-950\/50 { color: rgba(30, 27, 75, 0.5) !important; }
.border-indigo-950\/50 { border-color: rgba(30, 27, 75, 0.5) !important; }

.hover\:bg-indigo-950\/50:hover { background-color: rgba(30, 27, 75, 0.5) !important; }
.hover\:text-indigo-950\/50:hover { color: rgba(30, 27, 75, 0.5) !important; }
.hover\:border-indigo-950\/50:hover { border-color: rgba(30, 27, 75, 0.5) !important; }

.dark .dark\:bg-indigo-950\/50,
html.dark .dark\:bg-indigo-950\/50 { background-color: rgba(30, 27, 75, 0.5) !important; }
.dark .dark\:text-indigo-950\/50,
html.dark .dark\:text-indigo-950\/50 { color: rgba(30, 27, 75, 0.5) !important; }
.dark .dark\:border-indigo-950\/50,
html.dark .dark\:border-indigo-950\/50 { border-color: rgba(30, 27, 75, 0.5) !important; }

.dark .dark\:hover\:bg-indigo-950\/50:hover,
html.dark .dark\:hover\:bg-indigo-950\/50:hover { background-color: rgba(30, 27, 75, 0.5) !important; }
.dark .dark\:hover\:text-indigo-950\/50:hover,
html.dark .dark\:hover\:text-indigo-950\/50:hover { color: rgba(30, 27, 75, 0.5) !important; }
.dark .dark\:hover\:border-indigo-950\/50:hover,
html.dark .dark\:hover\:border-indigo-950\/50:hover { border-color: rgba(30, 27, 75, 0.5) !important; }

.bg-indigo-950\/60 { background-color: rgba(30, 27, 75, 0.6) !important; }
.text-indigo-950\/60 { color: rgba(30, 27, 75, 0.6) !important; }
.border-indigo-950\/60 { border-color: rgba(30, 27, 75, 0.6) !important; }

.hover\:bg-indigo-950\/60:hover { background-color: rgba(30, 27, 75, 0.6) !important; }
.hover\:text-indigo-950\/60:hover { color: rgba(30, 27, 75, 0.6) !important; }
.hover\:border-indigo-950\/60:hover { border-color: rgba(30, 27, 75, 0.6) !important; }

.dark .dark\:bg-indigo-950\/60,
html.dark .dark\:bg-indigo-950\/60 { background-color: rgba(30, 27, 75, 0.6) !important; }
.dark .dark\:text-indigo-950\/60,
html.dark .dark\:text-indigo-950\/60 { color: rgba(30, 27, 75, 0.6) !important; }
.dark .dark\:border-indigo-950\/60,
html.dark .dark\:border-indigo-950\/60 { border-color: rgba(30, 27, 75, 0.6) !important; }

.dark .dark\:hover\:bg-indigo-950\/60:hover,
html.dark .dark\:hover\:bg-indigo-950\/60:hover { background-color: rgba(30, 27, 75, 0.6) !important; }
.dark .dark\:hover\:text-indigo-950\/60:hover,
html.dark .dark\:hover\:text-indigo-950\/60:hover { color: rgba(30, 27, 75, 0.6) !important; }
.dark .dark\:hover\:border-indigo-950\/60:hover,
html.dark .dark\:hover\:border-indigo-950\/60:hover { border-color: rgba(30, 27, 75, 0.6) !important; }

.bg-indigo-950\/70 { background-color: rgba(30, 27, 75, 0.7) !important; }
.text-indigo-950\/70 { color: rgba(30, 27, 75, 0.7) !important; }
.border-indigo-950\/70 { border-color: rgba(30, 27, 75, 0.7) !important; }

.hover\:bg-indigo-950\/70:hover { background-color: rgba(30, 27, 75, 0.7) !important; }
.hover\:text-indigo-950\/70:hover { color: rgba(30, 27, 75, 0.7) !important; }
.hover\:border-indigo-950\/70:hover { border-color: rgba(30, 27, 75, 0.7) !important; }

.dark .dark\:bg-indigo-950\/70,
html.dark .dark\:bg-indigo-950\/70 { background-color: rgba(30, 27, 75, 0.7) !important; }
.dark .dark\:text-indigo-950\/70,
html.dark .dark\:text-indigo-950\/70 { color: rgba(30, 27, 75, 0.7) !important; }
.dark .dark\:border-indigo-950\/70,
html.dark .dark\:border-indigo-950\/70 { border-color: rgba(30, 27, 75, 0.7) !important; }

.dark .dark\:hover\:bg-indigo-950\/70:hover,
html.dark .dark\:hover\:bg-indigo-950\/70:hover { background-color: rgba(30, 27, 75, 0.7) !important; }
.dark .dark\:hover\:text-indigo-950\/70:hover,
html.dark .dark\:hover\:text-indigo-950\/70:hover { color: rgba(30, 27, 75, 0.7) !important; }
.dark .dark\:hover\:border-indigo-950\/70:hover,
html.dark .dark\:hover\:border-indigo-950\/70:hover { border-color: rgba(30, 27, 75, 0.7) !important; }

.bg-indigo-950\/75 { background-color: rgba(30, 27, 75, 0.75) !important; }
.text-indigo-950\/75 { color: rgba(30, 27, 75, 0.75) !important; }
.border-indigo-950\/75 { border-color: rgba(30, 27, 75, 0.75) !important; }

.hover\:bg-indigo-950\/75:hover { background-color: rgba(30, 27, 75, 0.75) !important; }
.hover\:text-indigo-950\/75:hover { color: rgba(30, 27, 75, 0.75) !important; }
.hover\:border-indigo-950\/75:hover { border-color: rgba(30, 27, 75, 0.75) !important; }

.dark .dark\:bg-indigo-950\/75,
html.dark .dark\:bg-indigo-950\/75 { background-color: rgba(30, 27, 75, 0.75) !important; }
.dark .dark\:text-indigo-950\/75,
html.dark .dark\:text-indigo-950\/75 { color: rgba(30, 27, 75, 0.75) !important; }
.dark .dark\:border-indigo-950\/75,
html.dark .dark\:border-indigo-950\/75 { border-color: rgba(30, 27, 75, 0.75) !important; }

.dark .dark\:hover\:bg-indigo-950\/75:hover,
html.dark .dark\:hover\:bg-indigo-950\/75:hover { background-color: rgba(30, 27, 75, 0.75) !important; }
.dark .dark\:hover\:text-indigo-950\/75:hover,
html.dark .dark\:hover\:text-indigo-950\/75:hover { color: rgba(30, 27, 75, 0.75) !important; }
.dark .dark\:hover\:border-indigo-950\/75:hover,
html.dark .dark\:hover\:border-indigo-950\/75:hover { border-color: rgba(30, 27, 75, 0.75) !important; }

.bg-indigo-950\/80 { background-color: rgba(30, 27, 75, 0.8) !important; }
.text-indigo-950\/80 { color: rgba(30, 27, 75, 0.8) !important; }
.border-indigo-950\/80 { border-color: rgba(30, 27, 75, 0.8) !important; }

.hover\:bg-indigo-950\/80:hover { background-color: rgba(30, 27, 75, 0.8) !important; }
.hover\:text-indigo-950\/80:hover { color: rgba(30, 27, 75, 0.8) !important; }
.hover\:border-indigo-950\/80:hover { border-color: rgba(30, 27, 75, 0.8) !important; }

.dark .dark\:bg-indigo-950\/80,
html.dark .dark\:bg-indigo-950\/80 { background-color: rgba(30, 27, 75, 0.8) !important; }
.dark .dark\:text-indigo-950\/80,
html.dark .dark\:text-indigo-950\/80 { color: rgba(30, 27, 75, 0.8) !important; }
.dark .dark\:border-indigo-950\/80,
html.dark .dark\:border-indigo-950\/80 { border-color: rgba(30, 27, 75, 0.8) !important; }

.dark .dark\:hover\:bg-indigo-950\/80:hover,
html.dark .dark\:hover\:bg-indigo-950\/80:hover { background-color: rgba(30, 27, 75, 0.8) !important; }
.dark .dark\:hover\:text-indigo-950\/80:hover,
html.dark .dark\:hover\:text-indigo-950\/80:hover { color: rgba(30, 27, 75, 0.8) !important; }
.dark .dark\:hover\:border-indigo-950\/80:hover,
html.dark .dark\:hover\:border-indigo-950\/80:hover { border-color: rgba(30, 27, 75, 0.8) !important; }

.bg-indigo-950\/90 { background-color: rgba(30, 27, 75, 0.9) !important; }
.text-indigo-950\/90 { color: rgba(30, 27, 75, 0.9) !important; }
.border-indigo-950\/90 { border-color: rgba(30, 27, 75, 0.9) !important; }

.hover\:bg-indigo-950\/90:hover { background-color: rgba(30, 27, 75, 0.9) !important; }
.hover\:text-indigo-950\/90:hover { color: rgba(30, 27, 75, 0.9) !important; }
.hover\:border-indigo-950\/90:hover { border-color: rgba(30, 27, 75, 0.9) !important; }

.dark .dark\:bg-indigo-950\/90,
html.dark .dark\:bg-indigo-950\/90 { background-color: rgba(30, 27, 75, 0.9) !important; }
.dark .dark\:text-indigo-950\/90,
html.dark .dark\:text-indigo-950\/90 { color: rgba(30, 27, 75, 0.9) !important; }
.dark .dark\:border-indigo-950\/90,
html.dark .dark\:border-indigo-950\/90 { border-color: rgba(30, 27, 75, 0.9) !important; }

.dark .dark\:hover\:bg-indigo-950\/90:hover,
html.dark .dark\:hover\:bg-indigo-950\/90:hover { background-color: rgba(30, 27, 75, 0.9) !important; }
.dark .dark\:hover\:text-indigo-950\/90:hover,
html.dark .dark\:hover\:text-indigo-950\/90:hover { color: rgba(30, 27, 75, 0.9) !important; }
.dark .dark\:hover\:border-indigo-950\/90:hover,
html.dark .dark\:hover\:border-indigo-950\/90:hover { border-color: rgba(30, 27, 75, 0.9) !important; }

.bg-indigo-950\/95 { background-color: rgba(30, 27, 75, 0.95) !important; }
.text-indigo-950\/95 { color: rgba(30, 27, 75, 0.95) !important; }
.border-indigo-950\/95 { border-color: rgba(30, 27, 75, 0.95) !important; }

.hover\:bg-indigo-950\/95:hover { background-color: rgba(30, 27, 75, 0.95) !important; }
.hover\:text-indigo-950\/95:hover { color: rgba(30, 27, 75, 0.95) !important; }
.hover\:border-indigo-950\/95:hover { border-color: rgba(30, 27, 75, 0.95) !important; }

.dark .dark\:bg-indigo-950\/95,
html.dark .dark\:bg-indigo-950\/95 { background-color: rgba(30, 27, 75, 0.95) !important; }
.dark .dark\:text-indigo-950\/95,
html.dark .dark\:text-indigo-950\/95 { color: rgba(30, 27, 75, 0.95) !important; }
.dark .dark\:border-indigo-950\/95,
html.dark .dark\:border-indigo-950\/95 { border-color: rgba(30, 27, 75, 0.95) !important; }

.dark .dark\:hover\:bg-indigo-950\/95:hover,
html.dark .dark\:hover\:bg-indigo-950\/95:hover { background-color: rgba(30, 27, 75, 0.95) !important; }
.dark .dark\:hover\:text-indigo-950\/95:hover,
html.dark .dark\:hover\:text-indigo-950\/95:hover { color: rgba(30, 27, 75, 0.95) !important; }
.dark .dark\:hover\:border-indigo-950\/95:hover,
html.dark .dark\:hover\:border-indigo-950\/95:hover { border-color: rgba(30, 27, 75, 0.95) !important; }

.bg-blue-50 { background-color: #eff6ff !important; }
.text-blue-50 { color: #eff6ff !important; }
.border-blue-50 { border-color: #eff6ff !important; }
.fill-blue-50 { fill: #eff6ff !important; }
.stroke-blue-50 { stroke: #eff6ff !important; }

/* Hover states */
.hover\:bg-blue-50:hover { background-color: #eff6ff !important; }
.hover\:text-blue-50:hover { color: #eff6ff !important; }
.hover\:border-blue-50:hover { border-color: #eff6ff !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-50,
html.dark .dark\:bg-blue-50 { background-color: #eff6ff !important; }
.dark .dark\:text-blue-50,
html.dark .dark\:text-blue-50 { color: #eff6ff !important; }
.dark .dark\:border-blue-50,
html.dark .dark\:border-blue-50 { border-color: #eff6ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-50:hover,
html.dark .dark\:hover\:bg-blue-50:hover { background-color: #eff6ff !important; }
.dark .dark\:hover\:text-blue-50:hover,
html.dark .dark\:hover\:text-blue-50:hover { color: #eff6ff !important; }
.dark .dark\:hover\:border-blue-50:hover,
html.dark .dark\:hover\:border-blue-50:hover { border-color: #eff6ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-50,
html.dark .group:hover .dark\:group-hover\:text-blue-50 { color: #eff6ff !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-50,
html.dark .group:hover .dark\:group-hover\:bg-blue-50 { background-color: #eff6ff !important; }

.bg-blue-50\/10 { background-color: rgba(239, 246, 255, 0.1) !important; }
.text-blue-50\/10 { color: rgba(239, 246, 255, 0.1) !important; }
.border-blue-50\/10 { border-color: rgba(239, 246, 255, 0.1) !important; }

.hover\:bg-blue-50\/10:hover { background-color: rgba(239, 246, 255, 0.1) !important; }
.hover\:text-blue-50\/10:hover { color: rgba(239, 246, 255, 0.1) !important; }
.hover\:border-blue-50\/10:hover { border-color: rgba(239, 246, 255, 0.1) !important; }

.dark .dark\:bg-blue-50\/10,
html.dark .dark\:bg-blue-50\/10 { background-color: rgba(239, 246, 255, 0.1) !important; }
.dark .dark\:text-blue-50\/10,
html.dark .dark\:text-blue-50\/10 { color: rgba(239, 246, 255, 0.1) !important; }
.dark .dark\:border-blue-50\/10,
html.dark .dark\:border-blue-50\/10 { border-color: rgba(239, 246, 255, 0.1) !important; }

.dark .dark\:hover\:bg-blue-50\/10:hover,
html.dark .dark\:hover\:bg-blue-50\/10:hover { background-color: rgba(239, 246, 255, 0.1) !important; }
.dark .dark\:hover\:text-blue-50\/10:hover,
html.dark .dark\:hover\:text-blue-50\/10:hover { color: rgba(239, 246, 255, 0.1) !important; }
.dark .dark\:hover\:border-blue-50\/10:hover,
html.dark .dark\:hover\:border-blue-50\/10:hover { border-color: rgba(239, 246, 255, 0.1) !important; }

.bg-blue-50\/20 { background-color: rgba(239, 246, 255, 0.2) !important; }
.text-blue-50\/20 { color: rgba(239, 246, 255, 0.2) !important; }
.border-blue-50\/20 { border-color: rgba(239, 246, 255, 0.2) !important; }

.hover\:bg-blue-50\/20:hover { background-color: rgba(239, 246, 255, 0.2) !important; }
.hover\:text-blue-50\/20:hover { color: rgba(239, 246, 255, 0.2) !important; }
.hover\:border-blue-50\/20:hover { border-color: rgba(239, 246, 255, 0.2) !important; }

.dark .dark\:bg-blue-50\/20,
html.dark .dark\:bg-blue-50\/20 { background-color: rgba(239, 246, 255, 0.2) !important; }
.dark .dark\:text-blue-50\/20,
html.dark .dark\:text-blue-50\/20 { color: rgba(239, 246, 255, 0.2) !important; }
.dark .dark\:border-blue-50\/20,
html.dark .dark\:border-blue-50\/20 { border-color: rgba(239, 246, 255, 0.2) !important; }

.dark .dark\:hover\:bg-blue-50\/20:hover,
html.dark .dark\:hover\:bg-blue-50\/20:hover { background-color: rgba(239, 246, 255, 0.2) !important; }
.dark .dark\:hover\:text-blue-50\/20:hover,
html.dark .dark\:hover\:text-blue-50\/20:hover { color: rgba(239, 246, 255, 0.2) !important; }
.dark .dark\:hover\:border-blue-50\/20:hover,
html.dark .dark\:hover\:border-blue-50\/20:hover { border-color: rgba(239, 246, 255, 0.2) !important; }

.bg-blue-50\/25 { background-color: rgba(239, 246, 255, 0.25) !important; }
.text-blue-50\/25 { color: rgba(239, 246, 255, 0.25) !important; }
.border-blue-50\/25 { border-color: rgba(239, 246, 255, 0.25) !important; }

.hover\:bg-blue-50\/25:hover { background-color: rgba(239, 246, 255, 0.25) !important; }
.hover\:text-blue-50\/25:hover { color: rgba(239, 246, 255, 0.25) !important; }
.hover\:border-blue-50\/25:hover { border-color: rgba(239, 246, 255, 0.25) !important; }

.dark .dark\:bg-blue-50\/25,
html.dark .dark\:bg-blue-50\/25 { background-color: rgba(239, 246, 255, 0.25) !important; }
.dark .dark\:text-blue-50\/25,
html.dark .dark\:text-blue-50\/25 { color: rgba(239, 246, 255, 0.25) !important; }
.dark .dark\:border-blue-50\/25,
html.dark .dark\:border-blue-50\/25 { border-color: rgba(239, 246, 255, 0.25) !important; }

.dark .dark\:hover\:bg-blue-50\/25:hover,
html.dark .dark\:hover\:bg-blue-50\/25:hover { background-color: rgba(239, 246, 255, 0.25) !important; }
.dark .dark\:hover\:text-blue-50\/25:hover,
html.dark .dark\:hover\:text-blue-50\/25:hover { color: rgba(239, 246, 255, 0.25) !important; }
.dark .dark\:hover\:border-blue-50\/25:hover,
html.dark .dark\:hover\:border-blue-50\/25:hover { border-color: rgba(239, 246, 255, 0.25) !important; }

.bg-blue-50\/30 { background-color: rgba(239, 246, 255, 0.3) !important; }
.text-blue-50\/30 { color: rgba(239, 246, 255, 0.3) !important; }
.border-blue-50\/30 { border-color: rgba(239, 246, 255, 0.3) !important; }

.hover\:bg-blue-50\/30:hover { background-color: rgba(239, 246, 255, 0.3) !important; }
.hover\:text-blue-50\/30:hover { color: rgba(239, 246, 255, 0.3) !important; }
.hover\:border-blue-50\/30:hover { border-color: rgba(239, 246, 255, 0.3) !important; }

.dark .dark\:bg-blue-50\/30,
html.dark .dark\:bg-blue-50\/30 { background-color: rgba(239, 246, 255, 0.3) !important; }
.dark .dark\:text-blue-50\/30,
html.dark .dark\:text-blue-50\/30 { color: rgba(239, 246, 255, 0.3) !important; }
.dark .dark\:border-blue-50\/30,
html.dark .dark\:border-blue-50\/30 { border-color: rgba(239, 246, 255, 0.3) !important; }

.dark .dark\:hover\:bg-blue-50\/30:hover,
html.dark .dark\:hover\:bg-blue-50\/30:hover { background-color: rgba(239, 246, 255, 0.3) !important; }
.dark .dark\:hover\:text-blue-50\/30:hover,
html.dark .dark\:hover\:text-blue-50\/30:hover { color: rgba(239, 246, 255, 0.3) !important; }
.dark .dark\:hover\:border-blue-50\/30:hover,
html.dark .dark\:hover\:border-blue-50\/30:hover { border-color: rgba(239, 246, 255, 0.3) !important; }

.bg-blue-50\/40 { background-color: rgba(239, 246, 255, 0.4) !important; }
.text-blue-50\/40 { color: rgba(239, 246, 255, 0.4) !important; }
.border-blue-50\/40 { border-color: rgba(239, 246, 255, 0.4) !important; }

.hover\:bg-blue-50\/40:hover { background-color: rgba(239, 246, 255, 0.4) !important; }
.hover\:text-blue-50\/40:hover { color: rgba(239, 246, 255, 0.4) !important; }
.hover\:border-blue-50\/40:hover { border-color: rgba(239, 246, 255, 0.4) !important; }

.dark .dark\:bg-blue-50\/40,
html.dark .dark\:bg-blue-50\/40 { background-color: rgba(239, 246, 255, 0.4) !important; }
.dark .dark\:text-blue-50\/40,
html.dark .dark\:text-blue-50\/40 { color: rgba(239, 246, 255, 0.4) !important; }
.dark .dark\:border-blue-50\/40,
html.dark .dark\:border-blue-50\/40 { border-color: rgba(239, 246, 255, 0.4) !important; }

.dark .dark\:hover\:bg-blue-50\/40:hover,
html.dark .dark\:hover\:bg-blue-50\/40:hover { background-color: rgba(239, 246, 255, 0.4) !important; }
.dark .dark\:hover\:text-blue-50\/40:hover,
html.dark .dark\:hover\:text-blue-50\/40:hover { color: rgba(239, 246, 255, 0.4) !important; }
.dark .dark\:hover\:border-blue-50\/40:hover,
html.dark .dark\:hover\:border-blue-50\/40:hover { border-color: rgba(239, 246, 255, 0.4) !important; }

.bg-blue-50\/50 { background-color: rgba(239, 246, 255, 0.5) !important; }
.text-blue-50\/50 { color: rgba(239, 246, 255, 0.5) !important; }
.border-blue-50\/50 { border-color: rgba(239, 246, 255, 0.5) !important; }

.hover\:bg-blue-50\/50:hover { background-color: rgba(239, 246, 255, 0.5) !important; }
.hover\:text-blue-50\/50:hover { color: rgba(239, 246, 255, 0.5) !important; }
.hover\:border-blue-50\/50:hover { border-color: rgba(239, 246, 255, 0.5) !important; }

.dark .dark\:bg-blue-50\/50,
html.dark .dark\:bg-blue-50\/50 { background-color: rgba(239, 246, 255, 0.5) !important; }
.dark .dark\:text-blue-50\/50,
html.dark .dark\:text-blue-50\/50 { color: rgba(239, 246, 255, 0.5) !important; }
.dark .dark\:border-blue-50\/50,
html.dark .dark\:border-blue-50\/50 { border-color: rgba(239, 246, 255, 0.5) !important; }

.dark .dark\:hover\:bg-blue-50\/50:hover,
html.dark .dark\:hover\:bg-blue-50\/50:hover { background-color: rgba(239, 246, 255, 0.5) !important; }
.dark .dark\:hover\:text-blue-50\/50:hover,
html.dark .dark\:hover\:text-blue-50\/50:hover { color: rgba(239, 246, 255, 0.5) !important; }
.dark .dark\:hover\:border-blue-50\/50:hover,
html.dark .dark\:hover\:border-blue-50\/50:hover { border-color: rgba(239, 246, 255, 0.5) !important; }

.bg-blue-50\/60 { background-color: rgba(239, 246, 255, 0.6) !important; }
.text-blue-50\/60 { color: rgba(239, 246, 255, 0.6) !important; }
.border-blue-50\/60 { border-color: rgba(239, 246, 255, 0.6) !important; }

.hover\:bg-blue-50\/60:hover { background-color: rgba(239, 246, 255, 0.6) !important; }
.hover\:text-blue-50\/60:hover { color: rgba(239, 246, 255, 0.6) !important; }
.hover\:border-blue-50\/60:hover { border-color: rgba(239, 246, 255, 0.6) !important; }

.dark .dark\:bg-blue-50\/60,
html.dark .dark\:bg-blue-50\/60 { background-color: rgba(239, 246, 255, 0.6) !important; }
.dark .dark\:text-blue-50\/60,
html.dark .dark\:text-blue-50\/60 { color: rgba(239, 246, 255, 0.6) !important; }
.dark .dark\:border-blue-50\/60,
html.dark .dark\:border-blue-50\/60 { border-color: rgba(239, 246, 255, 0.6) !important; }

.dark .dark\:hover\:bg-blue-50\/60:hover,
html.dark .dark\:hover\:bg-blue-50\/60:hover { background-color: rgba(239, 246, 255, 0.6) !important; }
.dark .dark\:hover\:text-blue-50\/60:hover,
html.dark .dark\:hover\:text-blue-50\/60:hover { color: rgba(239, 246, 255, 0.6) !important; }
.dark .dark\:hover\:border-blue-50\/60:hover,
html.dark .dark\:hover\:border-blue-50\/60:hover { border-color: rgba(239, 246, 255, 0.6) !important; }

.bg-blue-50\/70 { background-color: rgba(239, 246, 255, 0.7) !important; }
.text-blue-50\/70 { color: rgba(239, 246, 255, 0.7) !important; }
.border-blue-50\/70 { border-color: rgba(239, 246, 255, 0.7) !important; }

.hover\:bg-blue-50\/70:hover { background-color: rgba(239, 246, 255, 0.7) !important; }
.hover\:text-blue-50\/70:hover { color: rgba(239, 246, 255, 0.7) !important; }
.hover\:border-blue-50\/70:hover { border-color: rgba(239, 246, 255, 0.7) !important; }

.dark .dark\:bg-blue-50\/70,
html.dark .dark\:bg-blue-50\/70 { background-color: rgba(239, 246, 255, 0.7) !important; }
.dark .dark\:text-blue-50\/70,
html.dark .dark\:text-blue-50\/70 { color: rgba(239, 246, 255, 0.7) !important; }
.dark .dark\:border-blue-50\/70,
html.dark .dark\:border-blue-50\/70 { border-color: rgba(239, 246, 255, 0.7) !important; }

.dark .dark\:hover\:bg-blue-50\/70:hover,
html.dark .dark\:hover\:bg-blue-50\/70:hover { background-color: rgba(239, 246, 255, 0.7) !important; }
.dark .dark\:hover\:text-blue-50\/70:hover,
html.dark .dark\:hover\:text-blue-50\/70:hover { color: rgba(239, 246, 255, 0.7) !important; }
.dark .dark\:hover\:border-blue-50\/70:hover,
html.dark .dark\:hover\:border-blue-50\/70:hover { border-color: rgba(239, 246, 255, 0.7) !important; }

.bg-blue-50\/75 { background-color: rgba(239, 246, 255, 0.75) !important; }
.text-blue-50\/75 { color: rgba(239, 246, 255, 0.75) !important; }
.border-blue-50\/75 { border-color: rgba(239, 246, 255, 0.75) !important; }

.hover\:bg-blue-50\/75:hover { background-color: rgba(239, 246, 255, 0.75) !important; }
.hover\:text-blue-50\/75:hover { color: rgba(239, 246, 255, 0.75) !important; }
.hover\:border-blue-50\/75:hover { border-color: rgba(239, 246, 255, 0.75) !important; }

.dark .dark\:bg-blue-50\/75,
html.dark .dark\:bg-blue-50\/75 { background-color: rgba(239, 246, 255, 0.75) !important; }
.dark .dark\:text-blue-50\/75,
html.dark .dark\:text-blue-50\/75 { color: rgba(239, 246, 255, 0.75) !important; }
.dark .dark\:border-blue-50\/75,
html.dark .dark\:border-blue-50\/75 { border-color: rgba(239, 246, 255, 0.75) !important; }

.dark .dark\:hover\:bg-blue-50\/75:hover,
html.dark .dark\:hover\:bg-blue-50\/75:hover { background-color: rgba(239, 246, 255, 0.75) !important; }
.dark .dark\:hover\:text-blue-50\/75:hover,
html.dark .dark\:hover\:text-blue-50\/75:hover { color: rgba(239, 246, 255, 0.75) !important; }
.dark .dark\:hover\:border-blue-50\/75:hover,
html.dark .dark\:hover\:border-blue-50\/75:hover { border-color: rgba(239, 246, 255, 0.75) !important; }

.bg-blue-50\/80 { background-color: rgba(239, 246, 255, 0.8) !important; }
.text-blue-50\/80 { color: rgba(239, 246, 255, 0.8) !important; }
.border-blue-50\/80 { border-color: rgba(239, 246, 255, 0.8) !important; }

.hover\:bg-blue-50\/80:hover { background-color: rgba(239, 246, 255, 0.8) !important; }
.hover\:text-blue-50\/80:hover { color: rgba(239, 246, 255, 0.8) !important; }
.hover\:border-blue-50\/80:hover { border-color: rgba(239, 246, 255, 0.8) !important; }

.dark .dark\:bg-blue-50\/80,
html.dark .dark\:bg-blue-50\/80 { background-color: rgba(239, 246, 255, 0.8) !important; }
.dark .dark\:text-blue-50\/80,
html.dark .dark\:text-blue-50\/80 { color: rgba(239, 246, 255, 0.8) !important; }
.dark .dark\:border-blue-50\/80,
html.dark .dark\:border-blue-50\/80 { border-color: rgba(239, 246, 255, 0.8) !important; }

.dark .dark\:hover\:bg-blue-50\/80:hover,
html.dark .dark\:hover\:bg-blue-50\/80:hover { background-color: rgba(239, 246, 255, 0.8) !important; }
.dark .dark\:hover\:text-blue-50\/80:hover,
html.dark .dark\:hover\:text-blue-50\/80:hover { color: rgba(239, 246, 255, 0.8) !important; }
.dark .dark\:hover\:border-blue-50\/80:hover,
html.dark .dark\:hover\:border-blue-50\/80:hover { border-color: rgba(239, 246, 255, 0.8) !important; }

.bg-blue-50\/90 { background-color: rgba(239, 246, 255, 0.9) !important; }
.text-blue-50\/90 { color: rgba(239, 246, 255, 0.9) !important; }
.border-blue-50\/90 { border-color: rgba(239, 246, 255, 0.9) !important; }

.hover\:bg-blue-50\/90:hover { background-color: rgba(239, 246, 255, 0.9) !important; }
.hover\:text-blue-50\/90:hover { color: rgba(239, 246, 255, 0.9) !important; }
.hover\:border-blue-50\/90:hover { border-color: rgba(239, 246, 255, 0.9) !important; }

.dark .dark\:bg-blue-50\/90,
html.dark .dark\:bg-blue-50\/90 { background-color: rgba(239, 246, 255, 0.9) !important; }
.dark .dark\:text-blue-50\/90,
html.dark .dark\:text-blue-50\/90 { color: rgba(239, 246, 255, 0.9) !important; }
.dark .dark\:border-blue-50\/90,
html.dark .dark\:border-blue-50\/90 { border-color: rgba(239, 246, 255, 0.9) !important; }

.dark .dark\:hover\:bg-blue-50\/90:hover,
html.dark .dark\:hover\:bg-blue-50\/90:hover { background-color: rgba(239, 246, 255, 0.9) !important; }
.dark .dark\:hover\:text-blue-50\/90:hover,
html.dark .dark\:hover\:text-blue-50\/90:hover { color: rgba(239, 246, 255, 0.9) !important; }
.dark .dark\:hover\:border-blue-50\/90:hover,
html.dark .dark\:hover\:border-blue-50\/90:hover { border-color: rgba(239, 246, 255, 0.9) !important; }

.bg-blue-50\/95 { background-color: rgba(239, 246, 255, 0.95) !important; }
.text-blue-50\/95 { color: rgba(239, 246, 255, 0.95) !important; }
.border-blue-50\/95 { border-color: rgba(239, 246, 255, 0.95) !important; }

.hover\:bg-blue-50\/95:hover { background-color: rgba(239, 246, 255, 0.95) !important; }
.hover\:text-blue-50\/95:hover { color: rgba(239, 246, 255, 0.95) !important; }
.hover\:border-blue-50\/95:hover { border-color: rgba(239, 246, 255, 0.95) !important; }

.dark .dark\:bg-blue-50\/95,
html.dark .dark\:bg-blue-50\/95 { background-color: rgba(239, 246, 255, 0.95) !important; }
.dark .dark\:text-blue-50\/95,
html.dark .dark\:text-blue-50\/95 { color: rgba(239, 246, 255, 0.95) !important; }
.dark .dark\:border-blue-50\/95,
html.dark .dark\:border-blue-50\/95 { border-color: rgba(239, 246, 255, 0.95) !important; }

.dark .dark\:hover\:bg-blue-50\/95:hover,
html.dark .dark\:hover\:bg-blue-50\/95:hover { background-color: rgba(239, 246, 255, 0.95) !important; }
.dark .dark\:hover\:text-blue-50\/95:hover,
html.dark .dark\:hover\:text-blue-50\/95:hover { color: rgba(239, 246, 255, 0.95) !important; }
.dark .dark\:hover\:border-blue-50\/95:hover,
html.dark .dark\:hover\:border-blue-50\/95:hover { border-color: rgba(239, 246, 255, 0.95) !important; }

.bg-blue-100 { background-color: #dbeafe !important; }
.text-blue-100 { color: #dbeafe !important; }
.border-blue-100 { border-color: #dbeafe !important; }
.fill-blue-100 { fill: #dbeafe !important; }
.stroke-blue-100 { stroke: #dbeafe !important; }

/* Hover states */
.hover\:bg-blue-100:hover { background-color: #dbeafe !important; }
.hover\:text-blue-100:hover { color: #dbeafe !important; }
.hover\:border-blue-100:hover { border-color: #dbeafe !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-100,
html.dark .dark\:bg-blue-100 { background-color: #dbeafe !important; }
.dark .dark\:text-blue-100,
html.dark .dark\:text-blue-100 { color: #dbeafe !important; }
.dark .dark\:border-blue-100,
html.dark .dark\:border-blue-100 { border-color: #dbeafe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-100:hover,
html.dark .dark\:hover\:bg-blue-100:hover { background-color: #dbeafe !important; }
.dark .dark\:hover\:text-blue-100:hover,
html.dark .dark\:hover\:text-blue-100:hover { color: #dbeafe !important; }
.dark .dark\:hover\:border-blue-100:hover,
html.dark .dark\:hover\:border-blue-100:hover { border-color: #dbeafe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-100,
html.dark .group:hover .dark\:group-hover\:text-blue-100 { color: #dbeafe !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-100,
html.dark .group:hover .dark\:group-hover\:bg-blue-100 { background-color: #dbeafe !important; }

.bg-blue-100\/10 { background-color: rgba(219, 234, 254, 0.1) !important; }
.text-blue-100\/10 { color: rgba(219, 234, 254, 0.1) !important; }
.border-blue-100\/10 { border-color: rgba(219, 234, 254, 0.1) !important; }

.hover\:bg-blue-100\/10:hover { background-color: rgba(219, 234, 254, 0.1) !important; }
.hover\:text-blue-100\/10:hover { color: rgba(219, 234, 254, 0.1) !important; }
.hover\:border-blue-100\/10:hover { border-color: rgba(219, 234, 254, 0.1) !important; }

.dark .dark\:bg-blue-100\/10,
html.dark .dark\:bg-blue-100\/10 { background-color: rgba(219, 234, 254, 0.1) !important; }
.dark .dark\:text-blue-100\/10,
html.dark .dark\:text-blue-100\/10 { color: rgba(219, 234, 254, 0.1) !important; }
.dark .dark\:border-blue-100\/10,
html.dark .dark\:border-blue-100\/10 { border-color: rgba(219, 234, 254, 0.1) !important; }

.dark .dark\:hover\:bg-blue-100\/10:hover,
html.dark .dark\:hover\:bg-blue-100\/10:hover { background-color: rgba(219, 234, 254, 0.1) !important; }
.dark .dark\:hover\:text-blue-100\/10:hover,
html.dark .dark\:hover\:text-blue-100\/10:hover { color: rgba(219, 234, 254, 0.1) !important; }
.dark .dark\:hover\:border-blue-100\/10:hover,
html.dark .dark\:hover\:border-blue-100\/10:hover { border-color: rgba(219, 234, 254, 0.1) !important; }

.bg-blue-100\/20 { background-color: rgba(219, 234, 254, 0.2) !important; }
.text-blue-100\/20 { color: rgba(219, 234, 254, 0.2) !important; }
.border-blue-100\/20 { border-color: rgba(219, 234, 254, 0.2) !important; }

.hover\:bg-blue-100\/20:hover { background-color: rgba(219, 234, 254, 0.2) !important; }
.hover\:text-blue-100\/20:hover { color: rgba(219, 234, 254, 0.2) !important; }
.hover\:border-blue-100\/20:hover { border-color: rgba(219, 234, 254, 0.2) !important; }

.dark .dark\:bg-blue-100\/20,
html.dark .dark\:bg-blue-100\/20 { background-color: rgba(219, 234, 254, 0.2) !important; }
.dark .dark\:text-blue-100\/20,
html.dark .dark\:text-blue-100\/20 { color: rgba(219, 234, 254, 0.2) !important; }
.dark .dark\:border-blue-100\/20,
html.dark .dark\:border-blue-100\/20 { border-color: rgba(219, 234, 254, 0.2) !important; }

.dark .dark\:hover\:bg-blue-100\/20:hover,
html.dark .dark\:hover\:bg-blue-100\/20:hover { background-color: rgba(219, 234, 254, 0.2) !important; }
.dark .dark\:hover\:text-blue-100\/20:hover,
html.dark .dark\:hover\:text-blue-100\/20:hover { color: rgba(219, 234, 254, 0.2) !important; }
.dark .dark\:hover\:border-blue-100\/20:hover,
html.dark .dark\:hover\:border-blue-100\/20:hover { border-color: rgba(219, 234, 254, 0.2) !important; }

.bg-blue-100\/25 { background-color: rgba(219, 234, 254, 0.25) !important; }
.text-blue-100\/25 { color: rgba(219, 234, 254, 0.25) !important; }
.border-blue-100\/25 { border-color: rgba(219, 234, 254, 0.25) !important; }

.hover\:bg-blue-100\/25:hover { background-color: rgba(219, 234, 254, 0.25) !important; }
.hover\:text-blue-100\/25:hover { color: rgba(219, 234, 254, 0.25) !important; }
.hover\:border-blue-100\/25:hover { border-color: rgba(219, 234, 254, 0.25) !important; }

.dark .dark\:bg-blue-100\/25,
html.dark .dark\:bg-blue-100\/25 { background-color: rgba(219, 234, 254, 0.25) !important; }
.dark .dark\:text-blue-100\/25,
html.dark .dark\:text-blue-100\/25 { color: rgba(219, 234, 254, 0.25) !important; }
.dark .dark\:border-blue-100\/25,
html.dark .dark\:border-blue-100\/25 { border-color: rgba(219, 234, 254, 0.25) !important; }

.dark .dark\:hover\:bg-blue-100\/25:hover,
html.dark .dark\:hover\:bg-blue-100\/25:hover { background-color: rgba(219, 234, 254, 0.25) !important; }
.dark .dark\:hover\:text-blue-100\/25:hover,
html.dark .dark\:hover\:text-blue-100\/25:hover { color: rgba(219, 234, 254, 0.25) !important; }
.dark .dark\:hover\:border-blue-100\/25:hover,
html.dark .dark\:hover\:border-blue-100\/25:hover { border-color: rgba(219, 234, 254, 0.25) !important; }

.bg-blue-100\/30 { background-color: rgba(219, 234, 254, 0.3) !important; }
.text-blue-100\/30 { color: rgba(219, 234, 254, 0.3) !important; }
.border-blue-100\/30 { border-color: rgba(219, 234, 254, 0.3) !important; }

.hover\:bg-blue-100\/30:hover { background-color: rgba(219, 234, 254, 0.3) !important; }
.hover\:text-blue-100\/30:hover { color: rgba(219, 234, 254, 0.3) !important; }
.hover\:border-blue-100\/30:hover { border-color: rgba(219, 234, 254, 0.3) !important; }

.dark .dark\:bg-blue-100\/30,
html.dark .dark\:bg-blue-100\/30 { background-color: rgba(219, 234, 254, 0.3) !important; }
.dark .dark\:text-blue-100\/30,
html.dark .dark\:text-blue-100\/30 { color: rgba(219, 234, 254, 0.3) !important; }
.dark .dark\:border-blue-100\/30,
html.dark .dark\:border-blue-100\/30 { border-color: rgba(219, 234, 254, 0.3) !important; }

.dark .dark\:hover\:bg-blue-100\/30:hover,
html.dark .dark\:hover\:bg-blue-100\/30:hover { background-color: rgba(219, 234, 254, 0.3) !important; }
.dark .dark\:hover\:text-blue-100\/30:hover,
html.dark .dark\:hover\:text-blue-100\/30:hover { color: rgba(219, 234, 254, 0.3) !important; }
.dark .dark\:hover\:border-blue-100\/30:hover,
html.dark .dark\:hover\:border-blue-100\/30:hover { border-color: rgba(219, 234, 254, 0.3) !important; }

.bg-blue-100\/40 { background-color: rgba(219, 234, 254, 0.4) !important; }
.text-blue-100\/40 { color: rgba(219, 234, 254, 0.4) !important; }
.border-blue-100\/40 { border-color: rgba(219, 234, 254, 0.4) !important; }

.hover\:bg-blue-100\/40:hover { background-color: rgba(219, 234, 254, 0.4) !important; }
.hover\:text-blue-100\/40:hover { color: rgba(219, 234, 254, 0.4) !important; }
.hover\:border-blue-100\/40:hover { border-color: rgba(219, 234, 254, 0.4) !important; }

.dark .dark\:bg-blue-100\/40,
html.dark .dark\:bg-blue-100\/40 { background-color: rgba(219, 234, 254, 0.4) !important; }
.dark .dark\:text-blue-100\/40,
html.dark .dark\:text-blue-100\/40 { color: rgba(219, 234, 254, 0.4) !important; }
.dark .dark\:border-blue-100\/40,
html.dark .dark\:border-blue-100\/40 { border-color: rgba(219, 234, 254, 0.4) !important; }

.dark .dark\:hover\:bg-blue-100\/40:hover,
html.dark .dark\:hover\:bg-blue-100\/40:hover { background-color: rgba(219, 234, 254, 0.4) !important; }
.dark .dark\:hover\:text-blue-100\/40:hover,
html.dark .dark\:hover\:text-blue-100\/40:hover { color: rgba(219, 234, 254, 0.4) !important; }
.dark .dark\:hover\:border-blue-100\/40:hover,
html.dark .dark\:hover\:border-blue-100\/40:hover { border-color: rgba(219, 234, 254, 0.4) !important; }

.bg-blue-100\/50 { background-color: rgba(219, 234, 254, 0.5) !important; }
.text-blue-100\/50 { color: rgba(219, 234, 254, 0.5) !important; }
.border-blue-100\/50 { border-color: rgba(219, 234, 254, 0.5) !important; }

.hover\:bg-blue-100\/50:hover { background-color: rgba(219, 234, 254, 0.5) !important; }
.hover\:text-blue-100\/50:hover { color: rgba(219, 234, 254, 0.5) !important; }
.hover\:border-blue-100\/50:hover { border-color: rgba(219, 234, 254, 0.5) !important; }

.dark .dark\:bg-blue-100\/50,
html.dark .dark\:bg-blue-100\/50 { background-color: rgba(219, 234, 254, 0.5) !important; }
.dark .dark\:text-blue-100\/50,
html.dark .dark\:text-blue-100\/50 { color: rgba(219, 234, 254, 0.5) !important; }
.dark .dark\:border-blue-100\/50,
html.dark .dark\:border-blue-100\/50 { border-color: rgba(219, 234, 254, 0.5) !important; }

.dark .dark\:hover\:bg-blue-100\/50:hover,
html.dark .dark\:hover\:bg-blue-100\/50:hover { background-color: rgba(219, 234, 254, 0.5) !important; }
.dark .dark\:hover\:text-blue-100\/50:hover,
html.dark .dark\:hover\:text-blue-100\/50:hover { color: rgba(219, 234, 254, 0.5) !important; }
.dark .dark\:hover\:border-blue-100\/50:hover,
html.dark .dark\:hover\:border-blue-100\/50:hover { border-color: rgba(219, 234, 254, 0.5) !important; }

.bg-blue-100\/60 { background-color: rgba(219, 234, 254, 0.6) !important; }
.text-blue-100\/60 { color: rgba(219, 234, 254, 0.6) !important; }
.border-blue-100\/60 { border-color: rgba(219, 234, 254, 0.6) !important; }

.hover\:bg-blue-100\/60:hover { background-color: rgba(219, 234, 254, 0.6) !important; }
.hover\:text-blue-100\/60:hover { color: rgba(219, 234, 254, 0.6) !important; }
.hover\:border-blue-100\/60:hover { border-color: rgba(219, 234, 254, 0.6) !important; }

.dark .dark\:bg-blue-100\/60,
html.dark .dark\:bg-blue-100\/60 { background-color: rgba(219, 234, 254, 0.6) !important; }
.dark .dark\:text-blue-100\/60,
html.dark .dark\:text-blue-100\/60 { color: rgba(219, 234, 254, 0.6) !important; }
.dark .dark\:border-blue-100\/60,
html.dark .dark\:border-blue-100\/60 { border-color: rgba(219, 234, 254, 0.6) !important; }

.dark .dark\:hover\:bg-blue-100\/60:hover,
html.dark .dark\:hover\:bg-blue-100\/60:hover { background-color: rgba(219, 234, 254, 0.6) !important; }
.dark .dark\:hover\:text-blue-100\/60:hover,
html.dark .dark\:hover\:text-blue-100\/60:hover { color: rgba(219, 234, 254, 0.6) !important; }
.dark .dark\:hover\:border-blue-100\/60:hover,
html.dark .dark\:hover\:border-blue-100\/60:hover { border-color: rgba(219, 234, 254, 0.6) !important; }

.bg-blue-100\/70 { background-color: rgba(219, 234, 254, 0.7) !important; }
.text-blue-100\/70 { color: rgba(219, 234, 254, 0.7) !important; }
.border-blue-100\/70 { border-color: rgba(219, 234, 254, 0.7) !important; }

.hover\:bg-blue-100\/70:hover { background-color: rgba(219, 234, 254, 0.7) !important; }
.hover\:text-blue-100\/70:hover { color: rgba(219, 234, 254, 0.7) !important; }
.hover\:border-blue-100\/70:hover { border-color: rgba(219, 234, 254, 0.7) !important; }

.dark .dark\:bg-blue-100\/70,
html.dark .dark\:bg-blue-100\/70 { background-color: rgba(219, 234, 254, 0.7) !important; }
.dark .dark\:text-blue-100\/70,
html.dark .dark\:text-blue-100\/70 { color: rgba(219, 234, 254, 0.7) !important; }
.dark .dark\:border-blue-100\/70,
html.dark .dark\:border-blue-100\/70 { border-color: rgba(219, 234, 254, 0.7) !important; }

.dark .dark\:hover\:bg-blue-100\/70:hover,
html.dark .dark\:hover\:bg-blue-100\/70:hover { background-color: rgba(219, 234, 254, 0.7) !important; }
.dark .dark\:hover\:text-blue-100\/70:hover,
html.dark .dark\:hover\:text-blue-100\/70:hover { color: rgba(219, 234, 254, 0.7) !important; }
.dark .dark\:hover\:border-blue-100\/70:hover,
html.dark .dark\:hover\:border-blue-100\/70:hover { border-color: rgba(219, 234, 254, 0.7) !important; }

.bg-blue-100\/75 { background-color: rgba(219, 234, 254, 0.75) !important; }
.text-blue-100\/75 { color: rgba(219, 234, 254, 0.75) !important; }
.border-blue-100\/75 { border-color: rgba(219, 234, 254, 0.75) !important; }

.hover\:bg-blue-100\/75:hover { background-color: rgba(219, 234, 254, 0.75) !important; }
.hover\:text-blue-100\/75:hover { color: rgba(219, 234, 254, 0.75) !important; }
.hover\:border-blue-100\/75:hover { border-color: rgba(219, 234, 254, 0.75) !important; }

.dark .dark\:bg-blue-100\/75,
html.dark .dark\:bg-blue-100\/75 { background-color: rgba(219, 234, 254, 0.75) !important; }
.dark .dark\:text-blue-100\/75,
html.dark .dark\:text-blue-100\/75 { color: rgba(219, 234, 254, 0.75) !important; }
.dark .dark\:border-blue-100\/75,
html.dark .dark\:border-blue-100\/75 { border-color: rgba(219, 234, 254, 0.75) !important; }

.dark .dark\:hover\:bg-blue-100\/75:hover,
html.dark .dark\:hover\:bg-blue-100\/75:hover { background-color: rgba(219, 234, 254, 0.75) !important; }
.dark .dark\:hover\:text-blue-100\/75:hover,
html.dark .dark\:hover\:text-blue-100\/75:hover { color: rgba(219, 234, 254, 0.75) !important; }
.dark .dark\:hover\:border-blue-100\/75:hover,
html.dark .dark\:hover\:border-blue-100\/75:hover { border-color: rgba(219, 234, 254, 0.75) !important; }

.bg-blue-100\/80 { background-color: rgba(219, 234, 254, 0.8) !important; }
.text-blue-100\/80 { color: rgba(219, 234, 254, 0.8) !important; }
.border-blue-100\/80 { border-color: rgba(219, 234, 254, 0.8) !important; }

.hover\:bg-blue-100\/80:hover { background-color: rgba(219, 234, 254, 0.8) !important; }
.hover\:text-blue-100\/80:hover { color: rgba(219, 234, 254, 0.8) !important; }
.hover\:border-blue-100\/80:hover { border-color: rgba(219, 234, 254, 0.8) !important; }

.dark .dark\:bg-blue-100\/80,
html.dark .dark\:bg-blue-100\/80 { background-color: rgba(219, 234, 254, 0.8) !important; }
.dark .dark\:text-blue-100\/80,
html.dark .dark\:text-blue-100\/80 { color: rgba(219, 234, 254, 0.8) !important; }
.dark .dark\:border-blue-100\/80,
html.dark .dark\:border-blue-100\/80 { border-color: rgba(219, 234, 254, 0.8) !important; }

.dark .dark\:hover\:bg-blue-100\/80:hover,
html.dark .dark\:hover\:bg-blue-100\/80:hover { background-color: rgba(219, 234, 254, 0.8) !important; }
.dark .dark\:hover\:text-blue-100\/80:hover,
html.dark .dark\:hover\:text-blue-100\/80:hover { color: rgba(219, 234, 254, 0.8) !important; }
.dark .dark\:hover\:border-blue-100\/80:hover,
html.dark .dark\:hover\:border-blue-100\/80:hover { border-color: rgba(219, 234, 254, 0.8) !important; }

.bg-blue-100\/90 { background-color: rgba(219, 234, 254, 0.9) !important; }
.text-blue-100\/90 { color: rgba(219, 234, 254, 0.9) !important; }
.border-blue-100\/90 { border-color: rgba(219, 234, 254, 0.9) !important; }

.hover\:bg-blue-100\/90:hover { background-color: rgba(219, 234, 254, 0.9) !important; }
.hover\:text-blue-100\/90:hover { color: rgba(219, 234, 254, 0.9) !important; }
.hover\:border-blue-100\/90:hover { border-color: rgba(219, 234, 254, 0.9) !important; }

.dark .dark\:bg-blue-100\/90,
html.dark .dark\:bg-blue-100\/90 { background-color: rgba(219, 234, 254, 0.9) !important; }
.dark .dark\:text-blue-100\/90,
html.dark .dark\:text-blue-100\/90 { color: rgba(219, 234, 254, 0.9) !important; }
.dark .dark\:border-blue-100\/90,
html.dark .dark\:border-blue-100\/90 { border-color: rgba(219, 234, 254, 0.9) !important; }

.dark .dark\:hover\:bg-blue-100\/90:hover,
html.dark .dark\:hover\:bg-blue-100\/90:hover { background-color: rgba(219, 234, 254, 0.9) !important; }
.dark .dark\:hover\:text-blue-100\/90:hover,
html.dark .dark\:hover\:text-blue-100\/90:hover { color: rgba(219, 234, 254, 0.9) !important; }
.dark .dark\:hover\:border-blue-100\/90:hover,
html.dark .dark\:hover\:border-blue-100\/90:hover { border-color: rgba(219, 234, 254, 0.9) !important; }

.bg-blue-100\/95 { background-color: rgba(219, 234, 254, 0.95) !important; }
.text-blue-100\/95 { color: rgba(219, 234, 254, 0.95) !important; }
.border-blue-100\/95 { border-color: rgba(219, 234, 254, 0.95) !important; }

.hover\:bg-blue-100\/95:hover { background-color: rgba(219, 234, 254, 0.95) !important; }
.hover\:text-blue-100\/95:hover { color: rgba(219, 234, 254, 0.95) !important; }
.hover\:border-blue-100\/95:hover { border-color: rgba(219, 234, 254, 0.95) !important; }

.dark .dark\:bg-blue-100\/95,
html.dark .dark\:bg-blue-100\/95 { background-color: rgba(219, 234, 254, 0.95) !important; }
.dark .dark\:text-blue-100\/95,
html.dark .dark\:text-blue-100\/95 { color: rgba(219, 234, 254, 0.95) !important; }
.dark .dark\:border-blue-100\/95,
html.dark .dark\:border-blue-100\/95 { border-color: rgba(219, 234, 254, 0.95) !important; }

.dark .dark\:hover\:bg-blue-100\/95:hover,
html.dark .dark\:hover\:bg-blue-100\/95:hover { background-color: rgba(219, 234, 254, 0.95) !important; }
.dark .dark\:hover\:text-blue-100\/95:hover,
html.dark .dark\:hover\:text-blue-100\/95:hover { color: rgba(219, 234, 254, 0.95) !important; }
.dark .dark\:hover\:border-blue-100\/95:hover,
html.dark .dark\:hover\:border-blue-100\/95:hover { border-color: rgba(219, 234, 254, 0.95) !important; }

.bg-blue-200 { background-color: #bfdbfe !important; }
.text-blue-200 { color: #bfdbfe !important; }
.border-blue-200 { border-color: #bfdbfe !important; }
.fill-blue-200 { fill: #bfdbfe !important; }
.stroke-blue-200 { stroke: #bfdbfe !important; }

/* Hover states */
.hover\:bg-blue-200:hover { background-color: #bfdbfe !important; }
.hover\:text-blue-200:hover { color: #bfdbfe !important; }
.hover\:border-blue-200:hover { border-color: #bfdbfe !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-200,
html.dark .dark\:bg-blue-200 { background-color: #bfdbfe !important; }
.dark .dark\:text-blue-200,
html.dark .dark\:text-blue-200 { color: #bfdbfe !important; }
.dark .dark\:border-blue-200,
html.dark .dark\:border-blue-200 { border-color: #bfdbfe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-200:hover,
html.dark .dark\:hover\:bg-blue-200:hover { background-color: #bfdbfe !important; }
.dark .dark\:hover\:text-blue-200:hover,
html.dark .dark\:hover\:text-blue-200:hover { color: #bfdbfe !important; }
.dark .dark\:hover\:border-blue-200:hover,
html.dark .dark\:hover\:border-blue-200:hover { border-color: #bfdbfe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-200,
html.dark .group:hover .dark\:group-hover\:text-blue-200 { color: #bfdbfe !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-200,
html.dark .group:hover .dark\:group-hover\:bg-blue-200 { background-color: #bfdbfe !important; }

.bg-blue-200\/10 { background-color: rgba(191, 219, 254, 0.1) !important; }
.text-blue-200\/10 { color: rgba(191, 219, 254, 0.1) !important; }
.border-blue-200\/10 { border-color: rgba(191, 219, 254, 0.1) !important; }

.hover\:bg-blue-200\/10:hover { background-color: rgba(191, 219, 254, 0.1) !important; }
.hover\:text-blue-200\/10:hover { color: rgba(191, 219, 254, 0.1) !important; }
.hover\:border-blue-200\/10:hover { border-color: rgba(191, 219, 254, 0.1) !important; }

.dark .dark\:bg-blue-200\/10,
html.dark .dark\:bg-blue-200\/10 { background-color: rgba(191, 219, 254, 0.1) !important; }
.dark .dark\:text-blue-200\/10,
html.dark .dark\:text-blue-200\/10 { color: rgba(191, 219, 254, 0.1) !important; }
.dark .dark\:border-blue-200\/10,
html.dark .dark\:border-blue-200\/10 { border-color: rgba(191, 219, 254, 0.1) !important; }

.dark .dark\:hover\:bg-blue-200\/10:hover,
html.dark .dark\:hover\:bg-blue-200\/10:hover { background-color: rgba(191, 219, 254, 0.1) !important; }
.dark .dark\:hover\:text-blue-200\/10:hover,
html.dark .dark\:hover\:text-blue-200\/10:hover { color: rgba(191, 219, 254, 0.1) !important; }
.dark .dark\:hover\:border-blue-200\/10:hover,
html.dark .dark\:hover\:border-blue-200\/10:hover { border-color: rgba(191, 219, 254, 0.1) !important; }

.bg-blue-200\/20 { background-color: rgba(191, 219, 254, 0.2) !important; }
.text-blue-200\/20 { color: rgba(191, 219, 254, 0.2) !important; }
.border-blue-200\/20 { border-color: rgba(191, 219, 254, 0.2) !important; }

.hover\:bg-blue-200\/20:hover { background-color: rgba(191, 219, 254, 0.2) !important; }
.hover\:text-blue-200\/20:hover { color: rgba(191, 219, 254, 0.2) !important; }
.hover\:border-blue-200\/20:hover { border-color: rgba(191, 219, 254, 0.2) !important; }

.dark .dark\:bg-blue-200\/20,
html.dark .dark\:bg-blue-200\/20 { background-color: rgba(191, 219, 254, 0.2) !important; }
.dark .dark\:text-blue-200\/20,
html.dark .dark\:text-blue-200\/20 { color: rgba(191, 219, 254, 0.2) !important; }
.dark .dark\:border-blue-200\/20,
html.dark .dark\:border-blue-200\/20 { border-color: rgba(191, 219, 254, 0.2) !important; }

.dark .dark\:hover\:bg-blue-200\/20:hover,
html.dark .dark\:hover\:bg-blue-200\/20:hover { background-color: rgba(191, 219, 254, 0.2) !important; }
.dark .dark\:hover\:text-blue-200\/20:hover,
html.dark .dark\:hover\:text-blue-200\/20:hover { color: rgba(191, 219, 254, 0.2) !important; }
.dark .dark\:hover\:border-blue-200\/20:hover,
html.dark .dark\:hover\:border-blue-200\/20:hover { border-color: rgba(191, 219, 254, 0.2) !important; }

.bg-blue-200\/25 { background-color: rgba(191, 219, 254, 0.25) !important; }
.text-blue-200\/25 { color: rgba(191, 219, 254, 0.25) !important; }
.border-blue-200\/25 { border-color: rgba(191, 219, 254, 0.25) !important; }

.hover\:bg-blue-200\/25:hover { background-color: rgba(191, 219, 254, 0.25) !important; }
.hover\:text-blue-200\/25:hover { color: rgba(191, 219, 254, 0.25) !important; }
.hover\:border-blue-200\/25:hover { border-color: rgba(191, 219, 254, 0.25) !important; }

.dark .dark\:bg-blue-200\/25,
html.dark .dark\:bg-blue-200\/25 { background-color: rgba(191, 219, 254, 0.25) !important; }
.dark .dark\:text-blue-200\/25,
html.dark .dark\:text-blue-200\/25 { color: rgba(191, 219, 254, 0.25) !important; }
.dark .dark\:border-blue-200\/25,
html.dark .dark\:border-blue-200\/25 { border-color: rgba(191, 219, 254, 0.25) !important; }

.dark .dark\:hover\:bg-blue-200\/25:hover,
html.dark .dark\:hover\:bg-blue-200\/25:hover { background-color: rgba(191, 219, 254, 0.25) !important; }
.dark .dark\:hover\:text-blue-200\/25:hover,
html.dark .dark\:hover\:text-blue-200\/25:hover { color: rgba(191, 219, 254, 0.25) !important; }
.dark .dark\:hover\:border-blue-200\/25:hover,
html.dark .dark\:hover\:border-blue-200\/25:hover { border-color: rgba(191, 219, 254, 0.25) !important; }

.bg-blue-200\/30 { background-color: rgba(191, 219, 254, 0.3) !important; }
.text-blue-200\/30 { color: rgba(191, 219, 254, 0.3) !important; }
.border-blue-200\/30 { border-color: rgba(191, 219, 254, 0.3) !important; }

.hover\:bg-blue-200\/30:hover { background-color: rgba(191, 219, 254, 0.3) !important; }
.hover\:text-blue-200\/30:hover { color: rgba(191, 219, 254, 0.3) !important; }
.hover\:border-blue-200\/30:hover { border-color: rgba(191, 219, 254, 0.3) !important; }

.dark .dark\:bg-blue-200\/30,
html.dark .dark\:bg-blue-200\/30 { background-color: rgba(191, 219, 254, 0.3) !important; }
.dark .dark\:text-blue-200\/30,
html.dark .dark\:text-blue-200\/30 { color: rgba(191, 219, 254, 0.3) !important; }
.dark .dark\:border-blue-200\/30,
html.dark .dark\:border-blue-200\/30 { border-color: rgba(191, 219, 254, 0.3) !important; }

.dark .dark\:hover\:bg-blue-200\/30:hover,
html.dark .dark\:hover\:bg-blue-200\/30:hover { background-color: rgba(191, 219, 254, 0.3) !important; }
.dark .dark\:hover\:text-blue-200\/30:hover,
html.dark .dark\:hover\:text-blue-200\/30:hover { color: rgba(191, 219, 254, 0.3) !important; }
.dark .dark\:hover\:border-blue-200\/30:hover,
html.dark .dark\:hover\:border-blue-200\/30:hover { border-color: rgba(191, 219, 254, 0.3) !important; }

.bg-blue-200\/40 { background-color: rgba(191, 219, 254, 0.4) !important; }
.text-blue-200\/40 { color: rgba(191, 219, 254, 0.4) !important; }
.border-blue-200\/40 { border-color: rgba(191, 219, 254, 0.4) !important; }

.hover\:bg-blue-200\/40:hover { background-color: rgba(191, 219, 254, 0.4) !important; }
.hover\:text-blue-200\/40:hover { color: rgba(191, 219, 254, 0.4) !important; }
.hover\:border-blue-200\/40:hover { border-color: rgba(191, 219, 254, 0.4) !important; }

.dark .dark\:bg-blue-200\/40,
html.dark .dark\:bg-blue-200\/40 { background-color: rgba(191, 219, 254, 0.4) !important; }
.dark .dark\:text-blue-200\/40,
html.dark .dark\:text-blue-200\/40 { color: rgba(191, 219, 254, 0.4) !important; }
.dark .dark\:border-blue-200\/40,
html.dark .dark\:border-blue-200\/40 { border-color: rgba(191, 219, 254, 0.4) !important; }

.dark .dark\:hover\:bg-blue-200\/40:hover,
html.dark .dark\:hover\:bg-blue-200\/40:hover { background-color: rgba(191, 219, 254, 0.4) !important; }
.dark .dark\:hover\:text-blue-200\/40:hover,
html.dark .dark\:hover\:text-blue-200\/40:hover { color: rgba(191, 219, 254, 0.4) !important; }
.dark .dark\:hover\:border-blue-200\/40:hover,
html.dark .dark\:hover\:border-blue-200\/40:hover { border-color: rgba(191, 219, 254, 0.4) !important; }

.bg-blue-200\/50 { background-color: rgba(191, 219, 254, 0.5) !important; }
.text-blue-200\/50 { color: rgba(191, 219, 254, 0.5) !important; }
.border-blue-200\/50 { border-color: rgba(191, 219, 254, 0.5) !important; }

.hover\:bg-blue-200\/50:hover { background-color: rgba(191, 219, 254, 0.5) !important; }
.hover\:text-blue-200\/50:hover { color: rgba(191, 219, 254, 0.5) !important; }
.hover\:border-blue-200\/50:hover { border-color: rgba(191, 219, 254, 0.5) !important; }

.dark .dark\:bg-blue-200\/50,
html.dark .dark\:bg-blue-200\/50 { background-color: rgba(191, 219, 254, 0.5) !important; }
.dark .dark\:text-blue-200\/50,
html.dark .dark\:text-blue-200\/50 { color: rgba(191, 219, 254, 0.5) !important; }
.dark .dark\:border-blue-200\/50,
html.dark .dark\:border-blue-200\/50 { border-color: rgba(191, 219, 254, 0.5) !important; }

.dark .dark\:hover\:bg-blue-200\/50:hover,
html.dark .dark\:hover\:bg-blue-200\/50:hover { background-color: rgba(191, 219, 254, 0.5) !important; }
.dark .dark\:hover\:text-blue-200\/50:hover,
html.dark .dark\:hover\:text-blue-200\/50:hover { color: rgba(191, 219, 254, 0.5) !important; }
.dark .dark\:hover\:border-blue-200\/50:hover,
html.dark .dark\:hover\:border-blue-200\/50:hover { border-color: rgba(191, 219, 254, 0.5) !important; }

.bg-blue-200\/60 { background-color: rgba(191, 219, 254, 0.6) !important; }
.text-blue-200\/60 { color: rgba(191, 219, 254, 0.6) !important; }
.border-blue-200\/60 { border-color: rgba(191, 219, 254, 0.6) !important; }

.hover\:bg-blue-200\/60:hover { background-color: rgba(191, 219, 254, 0.6) !important; }
.hover\:text-blue-200\/60:hover { color: rgba(191, 219, 254, 0.6) !important; }
.hover\:border-blue-200\/60:hover { border-color: rgba(191, 219, 254, 0.6) !important; }

.dark .dark\:bg-blue-200\/60,
html.dark .dark\:bg-blue-200\/60 { background-color: rgba(191, 219, 254, 0.6) !important; }
.dark .dark\:text-blue-200\/60,
html.dark .dark\:text-blue-200\/60 { color: rgba(191, 219, 254, 0.6) !important; }
.dark .dark\:border-blue-200\/60,
html.dark .dark\:border-blue-200\/60 { border-color: rgba(191, 219, 254, 0.6) !important; }

.dark .dark\:hover\:bg-blue-200\/60:hover,
html.dark .dark\:hover\:bg-blue-200\/60:hover { background-color: rgba(191, 219, 254, 0.6) !important; }
.dark .dark\:hover\:text-blue-200\/60:hover,
html.dark .dark\:hover\:text-blue-200\/60:hover { color: rgba(191, 219, 254, 0.6) !important; }
.dark .dark\:hover\:border-blue-200\/60:hover,
html.dark .dark\:hover\:border-blue-200\/60:hover { border-color: rgba(191, 219, 254, 0.6) !important; }

.bg-blue-200\/70 { background-color: rgba(191, 219, 254, 0.7) !important; }
.text-blue-200\/70 { color: rgba(191, 219, 254, 0.7) !important; }
.border-blue-200\/70 { border-color: rgba(191, 219, 254, 0.7) !important; }

.hover\:bg-blue-200\/70:hover { background-color: rgba(191, 219, 254, 0.7) !important; }
.hover\:text-blue-200\/70:hover { color: rgba(191, 219, 254, 0.7) !important; }
.hover\:border-blue-200\/70:hover { border-color: rgba(191, 219, 254, 0.7) !important; }

.dark .dark\:bg-blue-200\/70,
html.dark .dark\:bg-blue-200\/70 { background-color: rgba(191, 219, 254, 0.7) !important; }
.dark .dark\:text-blue-200\/70,
html.dark .dark\:text-blue-200\/70 { color: rgba(191, 219, 254, 0.7) !important; }
.dark .dark\:border-blue-200\/70,
html.dark .dark\:border-blue-200\/70 { border-color: rgba(191, 219, 254, 0.7) !important; }

.dark .dark\:hover\:bg-blue-200\/70:hover,
html.dark .dark\:hover\:bg-blue-200\/70:hover { background-color: rgba(191, 219, 254, 0.7) !important; }
.dark .dark\:hover\:text-blue-200\/70:hover,
html.dark .dark\:hover\:text-blue-200\/70:hover { color: rgba(191, 219, 254, 0.7) !important; }
.dark .dark\:hover\:border-blue-200\/70:hover,
html.dark .dark\:hover\:border-blue-200\/70:hover { border-color: rgba(191, 219, 254, 0.7) !important; }

.bg-blue-200\/75 { background-color: rgba(191, 219, 254, 0.75) !important; }
.text-blue-200\/75 { color: rgba(191, 219, 254, 0.75) !important; }
.border-blue-200\/75 { border-color: rgba(191, 219, 254, 0.75) !important; }

.hover\:bg-blue-200\/75:hover { background-color: rgba(191, 219, 254, 0.75) !important; }
.hover\:text-blue-200\/75:hover { color: rgba(191, 219, 254, 0.75) !important; }
.hover\:border-blue-200\/75:hover { border-color: rgba(191, 219, 254, 0.75) !important; }

.dark .dark\:bg-blue-200\/75,
html.dark .dark\:bg-blue-200\/75 { background-color: rgba(191, 219, 254, 0.75) !important; }
.dark .dark\:text-blue-200\/75,
html.dark .dark\:text-blue-200\/75 { color: rgba(191, 219, 254, 0.75) !important; }
.dark .dark\:border-blue-200\/75,
html.dark .dark\:border-blue-200\/75 { border-color: rgba(191, 219, 254, 0.75) !important; }

.dark .dark\:hover\:bg-blue-200\/75:hover,
html.dark .dark\:hover\:bg-blue-200\/75:hover { background-color: rgba(191, 219, 254, 0.75) !important; }
.dark .dark\:hover\:text-blue-200\/75:hover,
html.dark .dark\:hover\:text-blue-200\/75:hover { color: rgba(191, 219, 254, 0.75) !important; }
.dark .dark\:hover\:border-blue-200\/75:hover,
html.dark .dark\:hover\:border-blue-200\/75:hover { border-color: rgba(191, 219, 254, 0.75) !important; }

.bg-blue-200\/80 { background-color: rgba(191, 219, 254, 0.8) !important; }
.text-blue-200\/80 { color: rgba(191, 219, 254, 0.8) !important; }
.border-blue-200\/80 { border-color: rgba(191, 219, 254, 0.8) !important; }

.hover\:bg-blue-200\/80:hover { background-color: rgba(191, 219, 254, 0.8) !important; }
.hover\:text-blue-200\/80:hover { color: rgba(191, 219, 254, 0.8) !important; }
.hover\:border-blue-200\/80:hover { border-color: rgba(191, 219, 254, 0.8) !important; }

.dark .dark\:bg-blue-200\/80,
html.dark .dark\:bg-blue-200\/80 { background-color: rgba(191, 219, 254, 0.8) !important; }
.dark .dark\:text-blue-200\/80,
html.dark .dark\:text-blue-200\/80 { color: rgba(191, 219, 254, 0.8) !important; }
.dark .dark\:border-blue-200\/80,
html.dark .dark\:border-blue-200\/80 { border-color: rgba(191, 219, 254, 0.8) !important; }

.dark .dark\:hover\:bg-blue-200\/80:hover,
html.dark .dark\:hover\:bg-blue-200\/80:hover { background-color: rgba(191, 219, 254, 0.8) !important; }
.dark .dark\:hover\:text-blue-200\/80:hover,
html.dark .dark\:hover\:text-blue-200\/80:hover { color: rgba(191, 219, 254, 0.8) !important; }
.dark .dark\:hover\:border-blue-200\/80:hover,
html.dark .dark\:hover\:border-blue-200\/80:hover { border-color: rgba(191, 219, 254, 0.8) !important; }

.bg-blue-200\/90 { background-color: rgba(191, 219, 254, 0.9) !important; }
.text-blue-200\/90 { color: rgba(191, 219, 254, 0.9) !important; }
.border-blue-200\/90 { border-color: rgba(191, 219, 254, 0.9) !important; }

.hover\:bg-blue-200\/90:hover { background-color: rgba(191, 219, 254, 0.9) !important; }
.hover\:text-blue-200\/90:hover { color: rgba(191, 219, 254, 0.9) !important; }
.hover\:border-blue-200\/90:hover { border-color: rgba(191, 219, 254, 0.9) !important; }

.dark .dark\:bg-blue-200\/90,
html.dark .dark\:bg-blue-200\/90 { background-color: rgba(191, 219, 254, 0.9) !important; }
.dark .dark\:text-blue-200\/90,
html.dark .dark\:text-blue-200\/90 { color: rgba(191, 219, 254, 0.9) !important; }
.dark .dark\:border-blue-200\/90,
html.dark .dark\:border-blue-200\/90 { border-color: rgba(191, 219, 254, 0.9) !important; }

.dark .dark\:hover\:bg-blue-200\/90:hover,
html.dark .dark\:hover\:bg-blue-200\/90:hover { background-color: rgba(191, 219, 254, 0.9) !important; }
.dark .dark\:hover\:text-blue-200\/90:hover,
html.dark .dark\:hover\:text-blue-200\/90:hover { color: rgba(191, 219, 254, 0.9) !important; }
.dark .dark\:hover\:border-blue-200\/90:hover,
html.dark .dark\:hover\:border-blue-200\/90:hover { border-color: rgba(191, 219, 254, 0.9) !important; }

.bg-blue-200\/95 { background-color: rgba(191, 219, 254, 0.95) !important; }
.text-blue-200\/95 { color: rgba(191, 219, 254, 0.95) !important; }
.border-blue-200\/95 { border-color: rgba(191, 219, 254, 0.95) !important; }

.hover\:bg-blue-200\/95:hover { background-color: rgba(191, 219, 254, 0.95) !important; }
.hover\:text-blue-200\/95:hover { color: rgba(191, 219, 254, 0.95) !important; }
.hover\:border-blue-200\/95:hover { border-color: rgba(191, 219, 254, 0.95) !important; }

.dark .dark\:bg-blue-200\/95,
html.dark .dark\:bg-blue-200\/95 { background-color: rgba(191, 219, 254, 0.95) !important; }
.dark .dark\:text-blue-200\/95,
html.dark .dark\:text-blue-200\/95 { color: rgba(191, 219, 254, 0.95) !important; }
.dark .dark\:border-blue-200\/95,
html.dark .dark\:border-blue-200\/95 { border-color: rgba(191, 219, 254, 0.95) !important; }

.dark .dark\:hover\:bg-blue-200\/95:hover,
html.dark .dark\:hover\:bg-blue-200\/95:hover { background-color: rgba(191, 219, 254, 0.95) !important; }
.dark .dark\:hover\:text-blue-200\/95:hover,
html.dark .dark\:hover\:text-blue-200\/95:hover { color: rgba(191, 219, 254, 0.95) !important; }
.dark .dark\:hover\:border-blue-200\/95:hover,
html.dark .dark\:hover\:border-blue-200\/95:hover { border-color: rgba(191, 219, 254, 0.95) !important; }

.bg-blue-300 { background-color: #93c5fd !important; }
.text-blue-300 { color: #93c5fd !important; }
.border-blue-300 { border-color: #93c5fd !important; }
.fill-blue-300 { fill: #93c5fd !important; }
.stroke-blue-300 { stroke: #93c5fd !important; }

/* Hover states */
.hover\:bg-blue-300:hover { background-color: #93c5fd !important; }
.hover\:text-blue-300:hover { color: #93c5fd !important; }
.hover\:border-blue-300:hover { border-color: #93c5fd !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-300,
html.dark .dark\:bg-blue-300 { background-color: #93c5fd !important; }
.dark .dark\:text-blue-300,
html.dark .dark\:text-blue-300 { color: #93c5fd !important; }
.dark .dark\:border-blue-300,
html.dark .dark\:border-blue-300 { border-color: #93c5fd !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-300:hover,
html.dark .dark\:hover\:bg-blue-300:hover { background-color: #93c5fd !important; }
.dark .dark\:hover\:text-blue-300:hover,
html.dark .dark\:hover\:text-blue-300:hover { color: #93c5fd !important; }
.dark .dark\:hover\:border-blue-300:hover,
html.dark .dark\:hover\:border-blue-300:hover { border-color: #93c5fd !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-300,
html.dark .group:hover .dark\:group-hover\:text-blue-300 { color: #93c5fd !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-300,
html.dark .group:hover .dark\:group-hover\:bg-blue-300 { background-color: #93c5fd !important; }

.bg-blue-300\/10 { background-color: rgba(147, 197, 253, 0.1) !important; }
.text-blue-300\/10 { color: rgba(147, 197, 253, 0.1) !important; }
.border-blue-300\/10 { border-color: rgba(147, 197, 253, 0.1) !important; }

.hover\:bg-blue-300\/10:hover { background-color: rgba(147, 197, 253, 0.1) !important; }
.hover\:text-blue-300\/10:hover { color: rgba(147, 197, 253, 0.1) !important; }
.hover\:border-blue-300\/10:hover { border-color: rgba(147, 197, 253, 0.1) !important; }

.dark .dark\:bg-blue-300\/10,
html.dark .dark\:bg-blue-300\/10 { background-color: rgba(147, 197, 253, 0.1) !important; }
.dark .dark\:text-blue-300\/10,
html.dark .dark\:text-blue-300\/10 { color: rgba(147, 197, 253, 0.1) !important; }
.dark .dark\:border-blue-300\/10,
html.dark .dark\:border-blue-300\/10 { border-color: rgba(147, 197, 253, 0.1) !important; }

.dark .dark\:hover\:bg-blue-300\/10:hover,
html.dark .dark\:hover\:bg-blue-300\/10:hover { background-color: rgba(147, 197, 253, 0.1) !important; }
.dark .dark\:hover\:text-blue-300\/10:hover,
html.dark .dark\:hover\:text-blue-300\/10:hover { color: rgba(147, 197, 253, 0.1) !important; }
.dark .dark\:hover\:border-blue-300\/10:hover,
html.dark .dark\:hover\:border-blue-300\/10:hover { border-color: rgba(147, 197, 253, 0.1) !important; }

.bg-blue-300\/20 { background-color: rgba(147, 197, 253, 0.2) !important; }
.text-blue-300\/20 { color: rgba(147, 197, 253, 0.2) !important; }
.border-blue-300\/20 { border-color: rgba(147, 197, 253, 0.2) !important; }

.hover\:bg-blue-300\/20:hover { background-color: rgba(147, 197, 253, 0.2) !important; }
.hover\:text-blue-300\/20:hover { color: rgba(147, 197, 253, 0.2) !important; }
.hover\:border-blue-300\/20:hover { border-color: rgba(147, 197, 253, 0.2) !important; }

.dark .dark\:bg-blue-300\/20,
html.dark .dark\:bg-blue-300\/20 { background-color: rgba(147, 197, 253, 0.2) !important; }
.dark .dark\:text-blue-300\/20,
html.dark .dark\:text-blue-300\/20 { color: rgba(147, 197, 253, 0.2) !important; }
.dark .dark\:border-blue-300\/20,
html.dark .dark\:border-blue-300\/20 { border-color: rgba(147, 197, 253, 0.2) !important; }

.dark .dark\:hover\:bg-blue-300\/20:hover,
html.dark .dark\:hover\:bg-blue-300\/20:hover { background-color: rgba(147, 197, 253, 0.2) !important; }
.dark .dark\:hover\:text-blue-300\/20:hover,
html.dark .dark\:hover\:text-blue-300\/20:hover { color: rgba(147, 197, 253, 0.2) !important; }
.dark .dark\:hover\:border-blue-300\/20:hover,
html.dark .dark\:hover\:border-blue-300\/20:hover { border-color: rgba(147, 197, 253, 0.2) !important; }

.bg-blue-300\/25 { background-color: rgba(147, 197, 253, 0.25) !important; }
.text-blue-300\/25 { color: rgba(147, 197, 253, 0.25) !important; }
.border-blue-300\/25 { border-color: rgba(147, 197, 253, 0.25) !important; }

.hover\:bg-blue-300\/25:hover { background-color: rgba(147, 197, 253, 0.25) !important; }
.hover\:text-blue-300\/25:hover { color: rgba(147, 197, 253, 0.25) !important; }
.hover\:border-blue-300\/25:hover { border-color: rgba(147, 197, 253, 0.25) !important; }

.dark .dark\:bg-blue-300\/25,
html.dark .dark\:bg-blue-300\/25 { background-color: rgba(147, 197, 253, 0.25) !important; }
.dark .dark\:text-blue-300\/25,
html.dark .dark\:text-blue-300\/25 { color: rgba(147, 197, 253, 0.25) !important; }
.dark .dark\:border-blue-300\/25,
html.dark .dark\:border-blue-300\/25 { border-color: rgba(147, 197, 253, 0.25) !important; }

.dark .dark\:hover\:bg-blue-300\/25:hover,
html.dark .dark\:hover\:bg-blue-300\/25:hover { background-color: rgba(147, 197, 253, 0.25) !important; }
.dark .dark\:hover\:text-blue-300\/25:hover,
html.dark .dark\:hover\:text-blue-300\/25:hover { color: rgba(147, 197, 253, 0.25) !important; }
.dark .dark\:hover\:border-blue-300\/25:hover,
html.dark .dark\:hover\:border-blue-300\/25:hover { border-color: rgba(147, 197, 253, 0.25) !important; }

.bg-blue-300\/30 { background-color: rgba(147, 197, 253, 0.3) !important; }
.text-blue-300\/30 { color: rgba(147, 197, 253, 0.3) !important; }
.border-blue-300\/30 { border-color: rgba(147, 197, 253, 0.3) !important; }

.hover\:bg-blue-300\/30:hover { background-color: rgba(147, 197, 253, 0.3) !important; }
.hover\:text-blue-300\/30:hover { color: rgba(147, 197, 253, 0.3) !important; }
.hover\:border-blue-300\/30:hover { border-color: rgba(147, 197, 253, 0.3) !important; }

.dark .dark\:bg-blue-300\/30,
html.dark .dark\:bg-blue-300\/30 { background-color: rgba(147, 197, 253, 0.3) !important; }
.dark .dark\:text-blue-300\/30,
html.dark .dark\:text-blue-300\/30 { color: rgba(147, 197, 253, 0.3) !important; }
.dark .dark\:border-blue-300\/30,
html.dark .dark\:border-blue-300\/30 { border-color: rgba(147, 197, 253, 0.3) !important; }

.dark .dark\:hover\:bg-blue-300\/30:hover,
html.dark .dark\:hover\:bg-blue-300\/30:hover { background-color: rgba(147, 197, 253, 0.3) !important; }
.dark .dark\:hover\:text-blue-300\/30:hover,
html.dark .dark\:hover\:text-blue-300\/30:hover { color: rgba(147, 197, 253, 0.3) !important; }
.dark .dark\:hover\:border-blue-300\/30:hover,
html.dark .dark\:hover\:border-blue-300\/30:hover { border-color: rgba(147, 197, 253, 0.3) !important; }

.bg-blue-300\/40 { background-color: rgba(147, 197, 253, 0.4) !important; }
.text-blue-300\/40 { color: rgba(147, 197, 253, 0.4) !important; }
.border-blue-300\/40 { border-color: rgba(147, 197, 253, 0.4) !important; }

.hover\:bg-blue-300\/40:hover { background-color: rgba(147, 197, 253, 0.4) !important; }
.hover\:text-blue-300\/40:hover { color: rgba(147, 197, 253, 0.4) !important; }
.hover\:border-blue-300\/40:hover { border-color: rgba(147, 197, 253, 0.4) !important; }

.dark .dark\:bg-blue-300\/40,
html.dark .dark\:bg-blue-300\/40 { background-color: rgba(147, 197, 253, 0.4) !important; }
.dark .dark\:text-blue-300\/40,
html.dark .dark\:text-blue-300\/40 { color: rgba(147, 197, 253, 0.4) !important; }
.dark .dark\:border-blue-300\/40,
html.dark .dark\:border-blue-300\/40 { border-color: rgba(147, 197, 253, 0.4) !important; }

.dark .dark\:hover\:bg-blue-300\/40:hover,
html.dark .dark\:hover\:bg-blue-300\/40:hover { background-color: rgba(147, 197, 253, 0.4) !important; }
.dark .dark\:hover\:text-blue-300\/40:hover,
html.dark .dark\:hover\:text-blue-300\/40:hover { color: rgba(147, 197, 253, 0.4) !important; }
.dark .dark\:hover\:border-blue-300\/40:hover,
html.dark .dark\:hover\:border-blue-300\/40:hover { border-color: rgba(147, 197, 253, 0.4) !important; }

.bg-blue-300\/50 { background-color: rgba(147, 197, 253, 0.5) !important; }
.text-blue-300\/50 { color: rgba(147, 197, 253, 0.5) !important; }
.border-blue-300\/50 { border-color: rgba(147, 197, 253, 0.5) !important; }

.hover\:bg-blue-300\/50:hover { background-color: rgba(147, 197, 253, 0.5) !important; }
.hover\:text-blue-300\/50:hover { color: rgba(147, 197, 253, 0.5) !important; }
.hover\:border-blue-300\/50:hover { border-color: rgba(147, 197, 253, 0.5) !important; }

.dark .dark\:bg-blue-300\/50,
html.dark .dark\:bg-blue-300\/50 { background-color: rgba(147, 197, 253, 0.5) !important; }
.dark .dark\:text-blue-300\/50,
html.dark .dark\:text-blue-300\/50 { color: rgba(147, 197, 253, 0.5) !important; }
.dark .dark\:border-blue-300\/50,
html.dark .dark\:border-blue-300\/50 { border-color: rgba(147, 197, 253, 0.5) !important; }

.dark .dark\:hover\:bg-blue-300\/50:hover,
html.dark .dark\:hover\:bg-blue-300\/50:hover { background-color: rgba(147, 197, 253, 0.5) !important; }
.dark .dark\:hover\:text-blue-300\/50:hover,
html.dark .dark\:hover\:text-blue-300\/50:hover { color: rgba(147, 197, 253, 0.5) !important; }
.dark .dark\:hover\:border-blue-300\/50:hover,
html.dark .dark\:hover\:border-blue-300\/50:hover { border-color: rgba(147, 197, 253, 0.5) !important; }

.bg-blue-300\/60 { background-color: rgba(147, 197, 253, 0.6) !important; }
.text-blue-300\/60 { color: rgba(147, 197, 253, 0.6) !important; }
.border-blue-300\/60 { border-color: rgba(147, 197, 253, 0.6) !important; }

.hover\:bg-blue-300\/60:hover { background-color: rgba(147, 197, 253, 0.6) !important; }
.hover\:text-blue-300\/60:hover { color: rgba(147, 197, 253, 0.6) !important; }
.hover\:border-blue-300\/60:hover { border-color: rgba(147, 197, 253, 0.6) !important; }

.dark .dark\:bg-blue-300\/60,
html.dark .dark\:bg-blue-300\/60 { background-color: rgba(147, 197, 253, 0.6) !important; }
.dark .dark\:text-blue-300\/60,
html.dark .dark\:text-blue-300\/60 { color: rgba(147, 197, 253, 0.6) !important; }
.dark .dark\:border-blue-300\/60,
html.dark .dark\:border-blue-300\/60 { border-color: rgba(147, 197, 253, 0.6) !important; }

.dark .dark\:hover\:bg-blue-300\/60:hover,
html.dark .dark\:hover\:bg-blue-300\/60:hover { background-color: rgba(147, 197, 253, 0.6) !important; }
.dark .dark\:hover\:text-blue-300\/60:hover,
html.dark .dark\:hover\:text-blue-300\/60:hover { color: rgba(147, 197, 253, 0.6) !important; }
.dark .dark\:hover\:border-blue-300\/60:hover,
html.dark .dark\:hover\:border-blue-300\/60:hover { border-color: rgba(147, 197, 253, 0.6) !important; }

.bg-blue-300\/70 { background-color: rgba(147, 197, 253, 0.7) !important; }
.text-blue-300\/70 { color: rgba(147, 197, 253, 0.7) !important; }
.border-blue-300\/70 { border-color: rgba(147, 197, 253, 0.7) !important; }

.hover\:bg-blue-300\/70:hover { background-color: rgba(147, 197, 253, 0.7) !important; }
.hover\:text-blue-300\/70:hover { color: rgba(147, 197, 253, 0.7) !important; }
.hover\:border-blue-300\/70:hover { border-color: rgba(147, 197, 253, 0.7) !important; }

.dark .dark\:bg-blue-300\/70,
html.dark .dark\:bg-blue-300\/70 { background-color: rgba(147, 197, 253, 0.7) !important; }
.dark .dark\:text-blue-300\/70,
html.dark .dark\:text-blue-300\/70 { color: rgba(147, 197, 253, 0.7) !important; }
.dark .dark\:border-blue-300\/70,
html.dark .dark\:border-blue-300\/70 { border-color: rgba(147, 197, 253, 0.7) !important; }

.dark .dark\:hover\:bg-blue-300\/70:hover,
html.dark .dark\:hover\:bg-blue-300\/70:hover { background-color: rgba(147, 197, 253, 0.7) !important; }
.dark .dark\:hover\:text-blue-300\/70:hover,
html.dark .dark\:hover\:text-blue-300\/70:hover { color: rgba(147, 197, 253, 0.7) !important; }
.dark .dark\:hover\:border-blue-300\/70:hover,
html.dark .dark\:hover\:border-blue-300\/70:hover { border-color: rgba(147, 197, 253, 0.7) !important; }

.bg-blue-300\/75 { background-color: rgba(147, 197, 253, 0.75) !important; }
.text-blue-300\/75 { color: rgba(147, 197, 253, 0.75) !important; }
.border-blue-300\/75 { border-color: rgba(147, 197, 253, 0.75) !important; }

.hover\:bg-blue-300\/75:hover { background-color: rgba(147, 197, 253, 0.75) !important; }
.hover\:text-blue-300\/75:hover { color: rgba(147, 197, 253, 0.75) !important; }
.hover\:border-blue-300\/75:hover { border-color: rgba(147, 197, 253, 0.75) !important; }

.dark .dark\:bg-blue-300\/75,
html.dark .dark\:bg-blue-300\/75 { background-color: rgba(147, 197, 253, 0.75) !important; }
.dark .dark\:text-blue-300\/75,
html.dark .dark\:text-blue-300\/75 { color: rgba(147, 197, 253, 0.75) !important; }
.dark .dark\:border-blue-300\/75,
html.dark .dark\:border-blue-300\/75 { border-color: rgba(147, 197, 253, 0.75) !important; }

.dark .dark\:hover\:bg-blue-300\/75:hover,
html.dark .dark\:hover\:bg-blue-300\/75:hover { background-color: rgba(147, 197, 253, 0.75) !important; }
.dark .dark\:hover\:text-blue-300\/75:hover,
html.dark .dark\:hover\:text-blue-300\/75:hover { color: rgba(147, 197, 253, 0.75) !important; }
.dark .dark\:hover\:border-blue-300\/75:hover,
html.dark .dark\:hover\:border-blue-300\/75:hover { border-color: rgba(147, 197, 253, 0.75) !important; }

.bg-blue-300\/80 { background-color: rgba(147, 197, 253, 0.8) !important; }
.text-blue-300\/80 { color: rgba(147, 197, 253, 0.8) !important; }
.border-blue-300\/80 { border-color: rgba(147, 197, 253, 0.8) !important; }

.hover\:bg-blue-300\/80:hover { background-color: rgba(147, 197, 253, 0.8) !important; }
.hover\:text-blue-300\/80:hover { color: rgba(147, 197, 253, 0.8) !important; }
.hover\:border-blue-300\/80:hover { border-color: rgba(147, 197, 253, 0.8) !important; }

.dark .dark\:bg-blue-300\/80,
html.dark .dark\:bg-blue-300\/80 { background-color: rgba(147, 197, 253, 0.8) !important; }
.dark .dark\:text-blue-300\/80,
html.dark .dark\:text-blue-300\/80 { color: rgba(147, 197, 253, 0.8) !important; }
.dark .dark\:border-blue-300\/80,
html.dark .dark\:border-blue-300\/80 { border-color: rgba(147, 197, 253, 0.8) !important; }

.dark .dark\:hover\:bg-blue-300\/80:hover,
html.dark .dark\:hover\:bg-blue-300\/80:hover { background-color: rgba(147, 197, 253, 0.8) !important; }
.dark .dark\:hover\:text-blue-300\/80:hover,
html.dark .dark\:hover\:text-blue-300\/80:hover { color: rgba(147, 197, 253, 0.8) !important; }
.dark .dark\:hover\:border-blue-300\/80:hover,
html.dark .dark\:hover\:border-blue-300\/80:hover { border-color: rgba(147, 197, 253, 0.8) !important; }

.bg-blue-300\/90 { background-color: rgba(147, 197, 253, 0.9) !important; }
.text-blue-300\/90 { color: rgba(147, 197, 253, 0.9) !important; }
.border-blue-300\/90 { border-color: rgba(147, 197, 253, 0.9) !important; }

.hover\:bg-blue-300\/90:hover { background-color: rgba(147, 197, 253, 0.9) !important; }
.hover\:text-blue-300\/90:hover { color: rgba(147, 197, 253, 0.9) !important; }
.hover\:border-blue-300\/90:hover { border-color: rgba(147, 197, 253, 0.9) !important; }

.dark .dark\:bg-blue-300\/90,
html.dark .dark\:bg-blue-300\/90 { background-color: rgba(147, 197, 253, 0.9) !important; }
.dark .dark\:text-blue-300\/90,
html.dark .dark\:text-blue-300\/90 { color: rgba(147, 197, 253, 0.9) !important; }
.dark .dark\:border-blue-300\/90,
html.dark .dark\:border-blue-300\/90 { border-color: rgba(147, 197, 253, 0.9) !important; }

.dark .dark\:hover\:bg-blue-300\/90:hover,
html.dark .dark\:hover\:bg-blue-300\/90:hover { background-color: rgba(147, 197, 253, 0.9) !important; }
.dark .dark\:hover\:text-blue-300\/90:hover,
html.dark .dark\:hover\:text-blue-300\/90:hover { color: rgba(147, 197, 253, 0.9) !important; }
.dark .dark\:hover\:border-blue-300\/90:hover,
html.dark .dark\:hover\:border-blue-300\/90:hover { border-color: rgba(147, 197, 253, 0.9) !important; }

.bg-blue-300\/95 { background-color: rgba(147, 197, 253, 0.95) !important; }
.text-blue-300\/95 { color: rgba(147, 197, 253, 0.95) !important; }
.border-blue-300\/95 { border-color: rgba(147, 197, 253, 0.95) !important; }

.hover\:bg-blue-300\/95:hover { background-color: rgba(147, 197, 253, 0.95) !important; }
.hover\:text-blue-300\/95:hover { color: rgba(147, 197, 253, 0.95) !important; }
.hover\:border-blue-300\/95:hover { border-color: rgba(147, 197, 253, 0.95) !important; }

.dark .dark\:bg-blue-300\/95,
html.dark .dark\:bg-blue-300\/95 { background-color: rgba(147, 197, 253, 0.95) !important; }
.dark .dark\:text-blue-300\/95,
html.dark .dark\:text-blue-300\/95 { color: rgba(147, 197, 253, 0.95) !important; }
.dark .dark\:border-blue-300\/95,
html.dark .dark\:border-blue-300\/95 { border-color: rgba(147, 197, 253, 0.95) !important; }

.dark .dark\:hover\:bg-blue-300\/95:hover,
html.dark .dark\:hover\:bg-blue-300\/95:hover { background-color: rgba(147, 197, 253, 0.95) !important; }
.dark .dark\:hover\:text-blue-300\/95:hover,
html.dark .dark\:hover\:text-blue-300\/95:hover { color: rgba(147, 197, 253, 0.95) !important; }
.dark .dark\:hover\:border-blue-300\/95:hover,
html.dark .dark\:hover\:border-blue-300\/95:hover { border-color: rgba(147, 197, 253, 0.95) !important; }

.bg-blue-400 { background-color: #60a5fa !important; }
.text-blue-400 { color: #60a5fa !important; }
.border-blue-400 { border-color: #60a5fa !important; }
.fill-blue-400 { fill: #60a5fa !important; }
.stroke-blue-400 { stroke: #60a5fa !important; }

/* Hover states */
.hover\:bg-blue-400:hover { background-color: #60a5fa !important; }
.hover\:text-blue-400:hover { color: #60a5fa !important; }
.hover\:border-blue-400:hover { border-color: #60a5fa !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-400,
html.dark .dark\:bg-blue-400 { background-color: #60a5fa !important; }
.dark .dark\:text-blue-400,
html.dark .dark\:text-blue-400 { color: #60a5fa !important; }
.dark .dark\:border-blue-400,
html.dark .dark\:border-blue-400 { border-color: #60a5fa !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-400:hover,
html.dark .dark\:hover\:bg-blue-400:hover { background-color: #60a5fa !important; }
.dark .dark\:hover\:text-blue-400:hover,
html.dark .dark\:hover\:text-blue-400:hover { color: #60a5fa !important; }
.dark .dark\:hover\:border-blue-400:hover,
html.dark .dark\:hover\:border-blue-400:hover { border-color: #60a5fa !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-400,
html.dark .group:hover .dark\:group-hover\:text-blue-400 { color: #60a5fa !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-400,
html.dark .group:hover .dark\:group-hover\:bg-blue-400 { background-color: #60a5fa !important; }

.bg-blue-400\/10 { background-color: rgba(96, 165, 250, 0.1) !important; }
.text-blue-400\/10 { color: rgba(96, 165, 250, 0.1) !important; }
.border-blue-400\/10 { border-color: rgba(96, 165, 250, 0.1) !important; }

.hover\:bg-blue-400\/10:hover { background-color: rgba(96, 165, 250, 0.1) !important; }
.hover\:text-blue-400\/10:hover { color: rgba(96, 165, 250, 0.1) !important; }
.hover\:border-blue-400\/10:hover { border-color: rgba(96, 165, 250, 0.1) !important; }

.dark .dark\:bg-blue-400\/10,
html.dark .dark\:bg-blue-400\/10 { background-color: rgba(96, 165, 250, 0.1) !important; }
.dark .dark\:text-blue-400\/10,
html.dark .dark\:text-blue-400\/10 { color: rgba(96, 165, 250, 0.1) !important; }
.dark .dark\:border-blue-400\/10,
html.dark .dark\:border-blue-400\/10 { border-color: rgba(96, 165, 250, 0.1) !important; }

.dark .dark\:hover\:bg-blue-400\/10:hover,
html.dark .dark\:hover\:bg-blue-400\/10:hover { background-color: rgba(96, 165, 250, 0.1) !important; }
.dark .dark\:hover\:text-blue-400\/10:hover,
html.dark .dark\:hover\:text-blue-400\/10:hover { color: rgba(96, 165, 250, 0.1) !important; }
.dark .dark\:hover\:border-blue-400\/10:hover,
html.dark .dark\:hover\:border-blue-400\/10:hover { border-color: rgba(96, 165, 250, 0.1) !important; }

.bg-blue-400\/20 { background-color: rgba(96, 165, 250, 0.2) !important; }
.text-blue-400\/20 { color: rgba(96, 165, 250, 0.2) !important; }
.border-blue-400\/20 { border-color: rgba(96, 165, 250, 0.2) !important; }

.hover\:bg-blue-400\/20:hover { background-color: rgba(96, 165, 250, 0.2) !important; }
.hover\:text-blue-400\/20:hover { color: rgba(96, 165, 250, 0.2) !important; }
.hover\:border-blue-400\/20:hover { border-color: rgba(96, 165, 250, 0.2) !important; }

.dark .dark\:bg-blue-400\/20,
html.dark .dark\:bg-blue-400\/20 { background-color: rgba(96, 165, 250, 0.2) !important; }
.dark .dark\:text-blue-400\/20,
html.dark .dark\:text-blue-400\/20 { color: rgba(96, 165, 250, 0.2) !important; }
.dark .dark\:border-blue-400\/20,
html.dark .dark\:border-blue-400\/20 { border-color: rgba(96, 165, 250, 0.2) !important; }

.dark .dark\:hover\:bg-blue-400\/20:hover,
html.dark .dark\:hover\:bg-blue-400\/20:hover { background-color: rgba(96, 165, 250, 0.2) !important; }
.dark .dark\:hover\:text-blue-400\/20:hover,
html.dark .dark\:hover\:text-blue-400\/20:hover { color: rgba(96, 165, 250, 0.2) !important; }
.dark .dark\:hover\:border-blue-400\/20:hover,
html.dark .dark\:hover\:border-blue-400\/20:hover { border-color: rgba(96, 165, 250, 0.2) !important; }

.bg-blue-400\/25 { background-color: rgba(96, 165, 250, 0.25) !important; }
.text-blue-400\/25 { color: rgba(96, 165, 250, 0.25) !important; }
.border-blue-400\/25 { border-color: rgba(96, 165, 250, 0.25) !important; }

.hover\:bg-blue-400\/25:hover { background-color: rgba(96, 165, 250, 0.25) !important; }
.hover\:text-blue-400\/25:hover { color: rgba(96, 165, 250, 0.25) !important; }
.hover\:border-blue-400\/25:hover { border-color: rgba(96, 165, 250, 0.25) !important; }

.dark .dark\:bg-blue-400\/25,
html.dark .dark\:bg-blue-400\/25 { background-color: rgba(96, 165, 250, 0.25) !important; }
.dark .dark\:text-blue-400\/25,
html.dark .dark\:text-blue-400\/25 { color: rgba(96, 165, 250, 0.25) !important; }
.dark .dark\:border-blue-400\/25,
html.dark .dark\:border-blue-400\/25 { border-color: rgba(96, 165, 250, 0.25) !important; }

.dark .dark\:hover\:bg-blue-400\/25:hover,
html.dark .dark\:hover\:bg-blue-400\/25:hover { background-color: rgba(96, 165, 250, 0.25) !important; }
.dark .dark\:hover\:text-blue-400\/25:hover,
html.dark .dark\:hover\:text-blue-400\/25:hover { color: rgba(96, 165, 250, 0.25) !important; }
.dark .dark\:hover\:border-blue-400\/25:hover,
html.dark .dark\:hover\:border-blue-400\/25:hover { border-color: rgba(96, 165, 250, 0.25) !important; }

.bg-blue-400\/30 { background-color: rgba(96, 165, 250, 0.3) !important; }
.text-blue-400\/30 { color: rgba(96, 165, 250, 0.3) !important; }
.border-blue-400\/30 { border-color: rgba(96, 165, 250, 0.3) !important; }

.hover\:bg-blue-400\/30:hover { background-color: rgba(96, 165, 250, 0.3) !important; }
.hover\:text-blue-400\/30:hover { color: rgba(96, 165, 250, 0.3) !important; }
.hover\:border-blue-400\/30:hover { border-color: rgba(96, 165, 250, 0.3) !important; }

.dark .dark\:bg-blue-400\/30,
html.dark .dark\:bg-blue-400\/30 { background-color: rgba(96, 165, 250, 0.3) !important; }
.dark .dark\:text-blue-400\/30,
html.dark .dark\:text-blue-400\/30 { color: rgba(96, 165, 250, 0.3) !important; }
.dark .dark\:border-blue-400\/30,
html.dark .dark\:border-blue-400\/30 { border-color: rgba(96, 165, 250, 0.3) !important; }

.dark .dark\:hover\:bg-blue-400\/30:hover,
html.dark .dark\:hover\:bg-blue-400\/30:hover { background-color: rgba(96, 165, 250, 0.3) !important; }
.dark .dark\:hover\:text-blue-400\/30:hover,
html.dark .dark\:hover\:text-blue-400\/30:hover { color: rgba(96, 165, 250, 0.3) !important; }
.dark .dark\:hover\:border-blue-400\/30:hover,
html.dark .dark\:hover\:border-blue-400\/30:hover { border-color: rgba(96, 165, 250, 0.3) !important; }

.bg-blue-400\/40 { background-color: rgba(96, 165, 250, 0.4) !important; }
.text-blue-400\/40 { color: rgba(96, 165, 250, 0.4) !important; }
.border-blue-400\/40 { border-color: rgba(96, 165, 250, 0.4) !important; }

.hover\:bg-blue-400\/40:hover { background-color: rgba(96, 165, 250, 0.4) !important; }
.hover\:text-blue-400\/40:hover { color: rgba(96, 165, 250, 0.4) !important; }
.hover\:border-blue-400\/40:hover { border-color: rgba(96, 165, 250, 0.4) !important; }

.dark .dark\:bg-blue-400\/40,
html.dark .dark\:bg-blue-400\/40 { background-color: rgba(96, 165, 250, 0.4) !important; }
.dark .dark\:text-blue-400\/40,
html.dark .dark\:text-blue-400\/40 { color: rgba(96, 165, 250, 0.4) !important; }
.dark .dark\:border-blue-400\/40,
html.dark .dark\:border-blue-400\/40 { border-color: rgba(96, 165, 250, 0.4) !important; }

.dark .dark\:hover\:bg-blue-400\/40:hover,
html.dark .dark\:hover\:bg-blue-400\/40:hover { background-color: rgba(96, 165, 250, 0.4) !important; }
.dark .dark\:hover\:text-blue-400\/40:hover,
html.dark .dark\:hover\:text-blue-400\/40:hover { color: rgba(96, 165, 250, 0.4) !important; }
.dark .dark\:hover\:border-blue-400\/40:hover,
html.dark .dark\:hover\:border-blue-400\/40:hover { border-color: rgba(96, 165, 250, 0.4) !important; }

.bg-blue-400\/50 { background-color: rgba(96, 165, 250, 0.5) !important; }
.text-blue-400\/50 { color: rgba(96, 165, 250, 0.5) !important; }
.border-blue-400\/50 { border-color: rgba(96, 165, 250, 0.5) !important; }

.hover\:bg-blue-400\/50:hover { background-color: rgba(96, 165, 250, 0.5) !important; }
.hover\:text-blue-400\/50:hover { color: rgba(96, 165, 250, 0.5) !important; }
.hover\:border-blue-400\/50:hover { border-color: rgba(96, 165, 250, 0.5) !important; }

.dark .dark\:bg-blue-400\/50,
html.dark .dark\:bg-blue-400\/50 { background-color: rgba(96, 165, 250, 0.5) !important; }
.dark .dark\:text-blue-400\/50,
html.dark .dark\:text-blue-400\/50 { color: rgba(96, 165, 250, 0.5) !important; }
.dark .dark\:border-blue-400\/50,
html.dark .dark\:border-blue-400\/50 { border-color: rgba(96, 165, 250, 0.5) !important; }

.dark .dark\:hover\:bg-blue-400\/50:hover,
html.dark .dark\:hover\:bg-blue-400\/50:hover { background-color: rgba(96, 165, 250, 0.5) !important; }
.dark .dark\:hover\:text-blue-400\/50:hover,
html.dark .dark\:hover\:text-blue-400\/50:hover { color: rgba(96, 165, 250, 0.5) !important; }
.dark .dark\:hover\:border-blue-400\/50:hover,
html.dark .dark\:hover\:border-blue-400\/50:hover { border-color: rgba(96, 165, 250, 0.5) !important; }

.bg-blue-400\/60 { background-color: rgba(96, 165, 250, 0.6) !important; }
.text-blue-400\/60 { color: rgba(96, 165, 250, 0.6) !important; }
.border-blue-400\/60 { border-color: rgba(96, 165, 250, 0.6) !important; }

.hover\:bg-blue-400\/60:hover { background-color: rgba(96, 165, 250, 0.6) !important; }
.hover\:text-blue-400\/60:hover { color: rgba(96, 165, 250, 0.6) !important; }
.hover\:border-blue-400\/60:hover { border-color: rgba(96, 165, 250, 0.6) !important; }

.dark .dark\:bg-blue-400\/60,
html.dark .dark\:bg-blue-400\/60 { background-color: rgba(96, 165, 250, 0.6) !important; }
.dark .dark\:text-blue-400\/60,
html.dark .dark\:text-blue-400\/60 { color: rgba(96, 165, 250, 0.6) !important; }
.dark .dark\:border-blue-400\/60,
html.dark .dark\:border-blue-400\/60 { border-color: rgba(96, 165, 250, 0.6) !important; }

.dark .dark\:hover\:bg-blue-400\/60:hover,
html.dark .dark\:hover\:bg-blue-400\/60:hover { background-color: rgba(96, 165, 250, 0.6) !important; }
.dark .dark\:hover\:text-blue-400\/60:hover,
html.dark .dark\:hover\:text-blue-400\/60:hover { color: rgba(96, 165, 250, 0.6) !important; }
.dark .dark\:hover\:border-blue-400\/60:hover,
html.dark .dark\:hover\:border-blue-400\/60:hover { border-color: rgba(96, 165, 250, 0.6) !important; }

.bg-blue-400\/70 { background-color: rgba(96, 165, 250, 0.7) !important; }
.text-blue-400\/70 { color: rgba(96, 165, 250, 0.7) !important; }
.border-blue-400\/70 { border-color: rgba(96, 165, 250, 0.7) !important; }

.hover\:bg-blue-400\/70:hover { background-color: rgba(96, 165, 250, 0.7) !important; }
.hover\:text-blue-400\/70:hover { color: rgba(96, 165, 250, 0.7) !important; }
.hover\:border-blue-400\/70:hover { border-color: rgba(96, 165, 250, 0.7) !important; }

.dark .dark\:bg-blue-400\/70,
html.dark .dark\:bg-blue-400\/70 { background-color: rgba(96, 165, 250, 0.7) !important; }
.dark .dark\:text-blue-400\/70,
html.dark .dark\:text-blue-400\/70 { color: rgba(96, 165, 250, 0.7) !important; }
.dark .dark\:border-blue-400\/70,
html.dark .dark\:border-blue-400\/70 { border-color: rgba(96, 165, 250, 0.7) !important; }

.dark .dark\:hover\:bg-blue-400\/70:hover,
html.dark .dark\:hover\:bg-blue-400\/70:hover { background-color: rgba(96, 165, 250, 0.7) !important; }
.dark .dark\:hover\:text-blue-400\/70:hover,
html.dark .dark\:hover\:text-blue-400\/70:hover { color: rgba(96, 165, 250, 0.7) !important; }
.dark .dark\:hover\:border-blue-400\/70:hover,
html.dark .dark\:hover\:border-blue-400\/70:hover { border-color: rgba(96, 165, 250, 0.7) !important; }

.bg-blue-400\/75 { background-color: rgba(96, 165, 250, 0.75) !important; }
.text-blue-400\/75 { color: rgba(96, 165, 250, 0.75) !important; }
.border-blue-400\/75 { border-color: rgba(96, 165, 250, 0.75) !important; }

.hover\:bg-blue-400\/75:hover { background-color: rgba(96, 165, 250, 0.75) !important; }
.hover\:text-blue-400\/75:hover { color: rgba(96, 165, 250, 0.75) !important; }
.hover\:border-blue-400\/75:hover { border-color: rgba(96, 165, 250, 0.75) !important; }

.dark .dark\:bg-blue-400\/75,
html.dark .dark\:bg-blue-400\/75 { background-color: rgba(96, 165, 250, 0.75) !important; }
.dark .dark\:text-blue-400\/75,
html.dark .dark\:text-blue-400\/75 { color: rgba(96, 165, 250, 0.75) !important; }
.dark .dark\:border-blue-400\/75,
html.dark .dark\:border-blue-400\/75 { border-color: rgba(96, 165, 250, 0.75) !important; }

.dark .dark\:hover\:bg-blue-400\/75:hover,
html.dark .dark\:hover\:bg-blue-400\/75:hover { background-color: rgba(96, 165, 250, 0.75) !important; }
.dark .dark\:hover\:text-blue-400\/75:hover,
html.dark .dark\:hover\:text-blue-400\/75:hover { color: rgba(96, 165, 250, 0.75) !important; }
.dark .dark\:hover\:border-blue-400\/75:hover,
html.dark .dark\:hover\:border-blue-400\/75:hover { border-color: rgba(96, 165, 250, 0.75) !important; }

.bg-blue-400\/80 { background-color: rgba(96, 165, 250, 0.8) !important; }
.text-blue-400\/80 { color: rgba(96, 165, 250, 0.8) !important; }
.border-blue-400\/80 { border-color: rgba(96, 165, 250, 0.8) !important; }

.hover\:bg-blue-400\/80:hover { background-color: rgba(96, 165, 250, 0.8) !important; }
.hover\:text-blue-400\/80:hover { color: rgba(96, 165, 250, 0.8) !important; }
.hover\:border-blue-400\/80:hover { border-color: rgba(96, 165, 250, 0.8) !important; }

.dark .dark\:bg-blue-400\/80,
html.dark .dark\:bg-blue-400\/80 { background-color: rgba(96, 165, 250, 0.8) !important; }
.dark .dark\:text-blue-400\/80,
html.dark .dark\:text-blue-400\/80 { color: rgba(96, 165, 250, 0.8) !important; }
.dark .dark\:border-blue-400\/80,
html.dark .dark\:border-blue-400\/80 { border-color: rgba(96, 165, 250, 0.8) !important; }

.dark .dark\:hover\:bg-blue-400\/80:hover,
html.dark .dark\:hover\:bg-blue-400\/80:hover { background-color: rgba(96, 165, 250, 0.8) !important; }
.dark .dark\:hover\:text-blue-400\/80:hover,
html.dark .dark\:hover\:text-blue-400\/80:hover { color: rgba(96, 165, 250, 0.8) !important; }
.dark .dark\:hover\:border-blue-400\/80:hover,
html.dark .dark\:hover\:border-blue-400\/80:hover { border-color: rgba(96, 165, 250, 0.8) !important; }

.bg-blue-400\/90 { background-color: rgba(96, 165, 250, 0.9) !important; }
.text-blue-400\/90 { color: rgba(96, 165, 250, 0.9) !important; }
.border-blue-400\/90 { border-color: rgba(96, 165, 250, 0.9) !important; }

.hover\:bg-blue-400\/90:hover { background-color: rgba(96, 165, 250, 0.9) !important; }
.hover\:text-blue-400\/90:hover { color: rgba(96, 165, 250, 0.9) !important; }
.hover\:border-blue-400\/90:hover { border-color: rgba(96, 165, 250, 0.9) !important; }

.dark .dark\:bg-blue-400\/90,
html.dark .dark\:bg-blue-400\/90 { background-color: rgba(96, 165, 250, 0.9) !important; }
.dark .dark\:text-blue-400\/90,
html.dark .dark\:text-blue-400\/90 { color: rgba(96, 165, 250, 0.9) !important; }
.dark .dark\:border-blue-400\/90,
html.dark .dark\:border-blue-400\/90 { border-color: rgba(96, 165, 250, 0.9) !important; }

.dark .dark\:hover\:bg-blue-400\/90:hover,
html.dark .dark\:hover\:bg-blue-400\/90:hover { background-color: rgba(96, 165, 250, 0.9) !important; }
.dark .dark\:hover\:text-blue-400\/90:hover,
html.dark .dark\:hover\:text-blue-400\/90:hover { color: rgba(96, 165, 250, 0.9) !important; }
.dark .dark\:hover\:border-blue-400\/90:hover,
html.dark .dark\:hover\:border-blue-400\/90:hover { border-color: rgba(96, 165, 250, 0.9) !important; }

.bg-blue-400\/95 { background-color: rgba(96, 165, 250, 0.95) !important; }
.text-blue-400\/95 { color: rgba(96, 165, 250, 0.95) !important; }
.border-blue-400\/95 { border-color: rgba(96, 165, 250, 0.95) !important; }

.hover\:bg-blue-400\/95:hover { background-color: rgba(96, 165, 250, 0.95) !important; }
.hover\:text-blue-400\/95:hover { color: rgba(96, 165, 250, 0.95) !important; }
.hover\:border-blue-400\/95:hover { border-color: rgba(96, 165, 250, 0.95) !important; }

.dark .dark\:bg-blue-400\/95,
html.dark .dark\:bg-blue-400\/95 { background-color: rgba(96, 165, 250, 0.95) !important; }
.dark .dark\:text-blue-400\/95,
html.dark .dark\:text-blue-400\/95 { color: rgba(96, 165, 250, 0.95) !important; }
.dark .dark\:border-blue-400\/95,
html.dark .dark\:border-blue-400\/95 { border-color: rgba(96, 165, 250, 0.95) !important; }

.dark .dark\:hover\:bg-blue-400\/95:hover,
html.dark .dark\:hover\:bg-blue-400\/95:hover { background-color: rgba(96, 165, 250, 0.95) !important; }
.dark .dark\:hover\:text-blue-400\/95:hover,
html.dark .dark\:hover\:text-blue-400\/95:hover { color: rgba(96, 165, 250, 0.95) !important; }
.dark .dark\:hover\:border-blue-400\/95:hover,
html.dark .dark\:hover\:border-blue-400\/95:hover { border-color: rgba(96, 165, 250, 0.95) !important; }

.bg-blue-500 { background-color: #3b82f6 !important; }
.text-blue-500 { color: #3b82f6 !important; }
.border-blue-500 { border-color: #3b82f6 !important; }
.fill-blue-500 { fill: #3b82f6 !important; }
.stroke-blue-500 { stroke: #3b82f6 !important; }

/* Hover states */
.hover\:bg-blue-500:hover { background-color: #3b82f6 !important; }
.hover\:text-blue-500:hover { color: #3b82f6 !important; }
.hover\:border-blue-500:hover { border-color: #3b82f6 !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-500,
html.dark .dark\:bg-blue-500 { background-color: #3b82f6 !important; }
.dark .dark\:text-blue-500,
html.dark .dark\:text-blue-500 { color: #3b82f6 !important; }
.dark .dark\:border-blue-500,
html.dark .dark\:border-blue-500 { border-color: #3b82f6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-500:hover,
html.dark .dark\:hover\:bg-blue-500:hover { background-color: #3b82f6 !important; }
.dark .dark\:hover\:text-blue-500:hover,
html.dark .dark\:hover\:text-blue-500:hover { color: #3b82f6 !important; }
.dark .dark\:hover\:border-blue-500:hover,
html.dark .dark\:hover\:border-blue-500:hover { border-color: #3b82f6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-500,
html.dark .group:hover .dark\:group-hover\:text-blue-500 { color: #3b82f6 !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-500,
html.dark .group:hover .dark\:group-hover\:bg-blue-500 { background-color: #3b82f6 !important; }

.bg-blue-500\/10 { background-color: rgba(59, 130, 246, 0.1) !important; }
.text-blue-500\/10 { color: rgba(59, 130, 246, 0.1) !important; }
.border-blue-500\/10 { border-color: rgba(59, 130, 246, 0.1) !important; }

.hover\:bg-blue-500\/10:hover { background-color: rgba(59, 130, 246, 0.1) !important; }
.hover\:text-blue-500\/10:hover { color: rgba(59, 130, 246, 0.1) !important; }
.hover\:border-blue-500\/10:hover { border-color: rgba(59, 130, 246, 0.1) !important; }

.dark .dark\:bg-blue-500\/10,
html.dark .dark\:bg-blue-500\/10 { background-color: rgba(59, 130, 246, 0.1) !important; }
.dark .dark\:text-blue-500\/10,
html.dark .dark\:text-blue-500\/10 { color: rgba(59, 130, 246, 0.1) !important; }
.dark .dark\:border-blue-500\/10,
html.dark .dark\:border-blue-500\/10 { border-color: rgba(59, 130, 246, 0.1) !important; }

.dark .dark\:hover\:bg-blue-500\/10:hover,
html.dark .dark\:hover\:bg-blue-500\/10:hover { background-color: rgba(59, 130, 246, 0.1) !important; }
.dark .dark\:hover\:text-blue-500\/10:hover,
html.dark .dark\:hover\:text-blue-500\/10:hover { color: rgba(59, 130, 246, 0.1) !important; }
.dark .dark\:hover\:border-blue-500\/10:hover,
html.dark .dark\:hover\:border-blue-500\/10:hover { border-color: rgba(59, 130, 246, 0.1) !important; }

.bg-blue-500\/20 { background-color: rgba(59, 130, 246, 0.2) !important; }
.text-blue-500\/20 { color: rgba(59, 130, 246, 0.2) !important; }
.border-blue-500\/20 { border-color: rgba(59, 130, 246, 0.2) !important; }

.hover\:bg-blue-500\/20:hover { background-color: rgba(59, 130, 246, 0.2) !important; }
.hover\:text-blue-500\/20:hover { color: rgba(59, 130, 246, 0.2) !important; }
.hover\:border-blue-500\/20:hover { border-color: rgba(59, 130, 246, 0.2) !important; }

.dark .dark\:bg-blue-500\/20,
html.dark .dark\:bg-blue-500\/20 { background-color: rgba(59, 130, 246, 0.2) !important; }
.dark .dark\:text-blue-500\/20,
html.dark .dark\:text-blue-500\/20 { color: rgba(59, 130, 246, 0.2) !important; }
.dark .dark\:border-blue-500\/20,
html.dark .dark\:border-blue-500\/20 { border-color: rgba(59, 130, 246, 0.2) !important; }

.dark .dark\:hover\:bg-blue-500\/20:hover,
html.dark .dark\:hover\:bg-blue-500\/20:hover { background-color: rgba(59, 130, 246, 0.2) !important; }
.dark .dark\:hover\:text-blue-500\/20:hover,
html.dark .dark\:hover\:text-blue-500\/20:hover { color: rgba(59, 130, 246, 0.2) !important; }
.dark .dark\:hover\:border-blue-500\/20:hover,
html.dark .dark\:hover\:border-blue-500\/20:hover { border-color: rgba(59, 130, 246, 0.2) !important; }

.bg-blue-500\/25 { background-color: rgba(59, 130, 246, 0.25) !important; }
.text-blue-500\/25 { color: rgba(59, 130, 246, 0.25) !important; }
.border-blue-500\/25 { border-color: rgba(59, 130, 246, 0.25) !important; }

.hover\:bg-blue-500\/25:hover { background-color: rgba(59, 130, 246, 0.25) !important; }
.hover\:text-blue-500\/25:hover { color: rgba(59, 130, 246, 0.25) !important; }
.hover\:border-blue-500\/25:hover { border-color: rgba(59, 130, 246, 0.25) !important; }

.dark .dark\:bg-blue-500\/25,
html.dark .dark\:bg-blue-500\/25 { background-color: rgba(59, 130, 246, 0.25) !important; }
.dark .dark\:text-blue-500\/25,
html.dark .dark\:text-blue-500\/25 { color: rgba(59, 130, 246, 0.25) !important; }
.dark .dark\:border-blue-500\/25,
html.dark .dark\:border-blue-500\/25 { border-color: rgba(59, 130, 246, 0.25) !important; }

.dark .dark\:hover\:bg-blue-500\/25:hover,
html.dark .dark\:hover\:bg-blue-500\/25:hover { background-color: rgba(59, 130, 246, 0.25) !important; }
.dark .dark\:hover\:text-blue-500\/25:hover,
html.dark .dark\:hover\:text-blue-500\/25:hover { color: rgba(59, 130, 246, 0.25) !important; }
.dark .dark\:hover\:border-blue-500\/25:hover,
html.dark .dark\:hover\:border-blue-500\/25:hover { border-color: rgba(59, 130, 246, 0.25) !important; }

.bg-blue-500\/30 { background-color: rgba(59, 130, 246, 0.3) !important; }
.text-blue-500\/30 { color: rgba(59, 130, 246, 0.3) !important; }
.border-blue-500\/30 { border-color: rgba(59, 130, 246, 0.3) !important; }

.hover\:bg-blue-500\/30:hover { background-color: rgba(59, 130, 246, 0.3) !important; }
.hover\:text-blue-500\/30:hover { color: rgba(59, 130, 246, 0.3) !important; }
.hover\:border-blue-500\/30:hover { border-color: rgba(59, 130, 246, 0.3) !important; }

.dark .dark\:bg-blue-500\/30,
html.dark .dark\:bg-blue-500\/30 { background-color: rgba(59, 130, 246, 0.3) !important; }
.dark .dark\:text-blue-500\/30,
html.dark .dark\:text-blue-500\/30 { color: rgba(59, 130, 246, 0.3) !important; }
.dark .dark\:border-blue-500\/30,
html.dark .dark\:border-blue-500\/30 { border-color: rgba(59, 130, 246, 0.3) !important; }

.dark .dark\:hover\:bg-blue-500\/30:hover,
html.dark .dark\:hover\:bg-blue-500\/30:hover { background-color: rgba(59, 130, 246, 0.3) !important; }
.dark .dark\:hover\:text-blue-500\/30:hover,
html.dark .dark\:hover\:text-blue-500\/30:hover { color: rgba(59, 130, 246, 0.3) !important; }
.dark .dark\:hover\:border-blue-500\/30:hover,
html.dark .dark\:hover\:border-blue-500\/30:hover { border-color: rgba(59, 130, 246, 0.3) !important; }

.bg-blue-500\/40 { background-color: rgba(59, 130, 246, 0.4) !important; }
.text-blue-500\/40 { color: rgba(59, 130, 246, 0.4) !important; }
.border-blue-500\/40 { border-color: rgba(59, 130, 246, 0.4) !important; }

.hover\:bg-blue-500\/40:hover { background-color: rgba(59, 130, 246, 0.4) !important; }
.hover\:text-blue-500\/40:hover { color: rgba(59, 130, 246, 0.4) !important; }
.hover\:border-blue-500\/40:hover { border-color: rgba(59, 130, 246, 0.4) !important; }

.dark .dark\:bg-blue-500\/40,
html.dark .dark\:bg-blue-500\/40 { background-color: rgba(59, 130, 246, 0.4) !important; }
.dark .dark\:text-blue-500\/40,
html.dark .dark\:text-blue-500\/40 { color: rgba(59, 130, 246, 0.4) !important; }
.dark .dark\:border-blue-500\/40,
html.dark .dark\:border-blue-500\/40 { border-color: rgba(59, 130, 246, 0.4) !important; }

.dark .dark\:hover\:bg-blue-500\/40:hover,
html.dark .dark\:hover\:bg-blue-500\/40:hover { background-color: rgba(59, 130, 246, 0.4) !important; }
.dark .dark\:hover\:text-blue-500\/40:hover,
html.dark .dark\:hover\:text-blue-500\/40:hover { color: rgba(59, 130, 246, 0.4) !important; }
.dark .dark\:hover\:border-blue-500\/40:hover,
html.dark .dark\:hover\:border-blue-500\/40:hover { border-color: rgba(59, 130, 246, 0.4) !important; }

.bg-blue-500\/50 { background-color: rgba(59, 130, 246, 0.5) !important; }
.text-blue-500\/50 { color: rgba(59, 130, 246, 0.5) !important; }
.border-blue-500\/50 { border-color: rgba(59, 130, 246, 0.5) !important; }

.hover\:bg-blue-500\/50:hover { background-color: rgba(59, 130, 246, 0.5) !important; }
.hover\:text-blue-500\/50:hover { color: rgba(59, 130, 246, 0.5) !important; }
.hover\:border-blue-500\/50:hover { border-color: rgba(59, 130, 246, 0.5) !important; }

.dark .dark\:bg-blue-500\/50,
html.dark .dark\:bg-blue-500\/50 { background-color: rgba(59, 130, 246, 0.5) !important; }
.dark .dark\:text-blue-500\/50,
html.dark .dark\:text-blue-500\/50 { color: rgba(59, 130, 246, 0.5) !important; }
.dark .dark\:border-blue-500\/50,
html.dark .dark\:border-blue-500\/50 { border-color: rgba(59, 130, 246, 0.5) !important; }

.dark .dark\:hover\:bg-blue-500\/50:hover,
html.dark .dark\:hover\:bg-blue-500\/50:hover { background-color: rgba(59, 130, 246, 0.5) !important; }
.dark .dark\:hover\:text-blue-500\/50:hover,
html.dark .dark\:hover\:text-blue-500\/50:hover { color: rgba(59, 130, 246, 0.5) !important; }
.dark .dark\:hover\:border-blue-500\/50:hover,
html.dark .dark\:hover\:border-blue-500\/50:hover { border-color: rgba(59, 130, 246, 0.5) !important; }

.bg-blue-500\/60 { background-color: rgba(59, 130, 246, 0.6) !important; }
.text-blue-500\/60 { color: rgba(59, 130, 246, 0.6) !important; }
.border-blue-500\/60 { border-color: rgba(59, 130, 246, 0.6) !important; }

.hover\:bg-blue-500\/60:hover { background-color: rgba(59, 130, 246, 0.6) !important; }
.hover\:text-blue-500\/60:hover { color: rgba(59, 130, 246, 0.6) !important; }
.hover\:border-blue-500\/60:hover { border-color: rgba(59, 130, 246, 0.6) !important; }

.dark .dark\:bg-blue-500\/60,
html.dark .dark\:bg-blue-500\/60 { background-color: rgba(59, 130, 246, 0.6) !important; }
.dark .dark\:text-blue-500\/60,
html.dark .dark\:text-blue-500\/60 { color: rgba(59, 130, 246, 0.6) !important; }
.dark .dark\:border-blue-500\/60,
html.dark .dark\:border-blue-500\/60 { border-color: rgba(59, 130, 246, 0.6) !important; }

.dark .dark\:hover\:bg-blue-500\/60:hover,
html.dark .dark\:hover\:bg-blue-500\/60:hover { background-color: rgba(59, 130, 246, 0.6) !important; }
.dark .dark\:hover\:text-blue-500\/60:hover,
html.dark .dark\:hover\:text-blue-500\/60:hover { color: rgba(59, 130, 246, 0.6) !important; }
.dark .dark\:hover\:border-blue-500\/60:hover,
html.dark .dark\:hover\:border-blue-500\/60:hover { border-color: rgba(59, 130, 246, 0.6) !important; }

.bg-blue-500\/70 { background-color: rgba(59, 130, 246, 0.7) !important; }
.text-blue-500\/70 { color: rgba(59, 130, 246, 0.7) !important; }
.border-blue-500\/70 { border-color: rgba(59, 130, 246, 0.7) !important; }

.hover\:bg-blue-500\/70:hover { background-color: rgba(59, 130, 246, 0.7) !important; }
.hover\:text-blue-500\/70:hover { color: rgba(59, 130, 246, 0.7) !important; }
.hover\:border-blue-500\/70:hover { border-color: rgba(59, 130, 246, 0.7) !important; }

.dark .dark\:bg-blue-500\/70,
html.dark .dark\:bg-blue-500\/70 { background-color: rgba(59, 130, 246, 0.7) !important; }
.dark .dark\:text-blue-500\/70,
html.dark .dark\:text-blue-500\/70 { color: rgba(59, 130, 246, 0.7) !important; }
.dark .dark\:border-blue-500\/70,
html.dark .dark\:border-blue-500\/70 { border-color: rgba(59, 130, 246, 0.7) !important; }

.dark .dark\:hover\:bg-blue-500\/70:hover,
html.dark .dark\:hover\:bg-blue-500\/70:hover { background-color: rgba(59, 130, 246, 0.7) !important; }
.dark .dark\:hover\:text-blue-500\/70:hover,
html.dark .dark\:hover\:text-blue-500\/70:hover { color: rgba(59, 130, 246, 0.7) !important; }
.dark .dark\:hover\:border-blue-500\/70:hover,
html.dark .dark\:hover\:border-blue-500\/70:hover { border-color: rgba(59, 130, 246, 0.7) !important; }

.bg-blue-500\/75 { background-color: rgba(59, 130, 246, 0.75) !important; }
.text-blue-500\/75 { color: rgba(59, 130, 246, 0.75) !important; }
.border-blue-500\/75 { border-color: rgba(59, 130, 246, 0.75) !important; }

.hover\:bg-blue-500\/75:hover { background-color: rgba(59, 130, 246, 0.75) !important; }
.hover\:text-blue-500\/75:hover { color: rgba(59, 130, 246, 0.75) !important; }
.hover\:border-blue-500\/75:hover { border-color: rgba(59, 130, 246, 0.75) !important; }

.dark .dark\:bg-blue-500\/75,
html.dark .dark\:bg-blue-500\/75 { background-color: rgba(59, 130, 246, 0.75) !important; }
.dark .dark\:text-blue-500\/75,
html.dark .dark\:text-blue-500\/75 { color: rgba(59, 130, 246, 0.75) !important; }
.dark .dark\:border-blue-500\/75,
html.dark .dark\:border-blue-500\/75 { border-color: rgba(59, 130, 246, 0.75) !important; }

.dark .dark\:hover\:bg-blue-500\/75:hover,
html.dark .dark\:hover\:bg-blue-500\/75:hover { background-color: rgba(59, 130, 246, 0.75) !important; }
.dark .dark\:hover\:text-blue-500\/75:hover,
html.dark .dark\:hover\:text-blue-500\/75:hover { color: rgba(59, 130, 246, 0.75) !important; }
.dark .dark\:hover\:border-blue-500\/75:hover,
html.dark .dark\:hover\:border-blue-500\/75:hover { border-color: rgba(59, 130, 246, 0.75) !important; }

.bg-blue-500\/80 { background-color: rgba(59, 130, 246, 0.8) !important; }
.text-blue-500\/80 { color: rgba(59, 130, 246, 0.8) !important; }
.border-blue-500\/80 { border-color: rgba(59, 130, 246, 0.8) !important; }

.hover\:bg-blue-500\/80:hover { background-color: rgba(59, 130, 246, 0.8) !important; }
.hover\:text-blue-500\/80:hover { color: rgba(59, 130, 246, 0.8) !important; }
.hover\:border-blue-500\/80:hover { border-color: rgba(59, 130, 246, 0.8) !important; }

.dark .dark\:bg-blue-500\/80,
html.dark .dark\:bg-blue-500\/80 { background-color: rgba(59, 130, 246, 0.8) !important; }
.dark .dark\:text-blue-500\/80,
html.dark .dark\:text-blue-500\/80 { color: rgba(59, 130, 246, 0.8) !important; }
.dark .dark\:border-blue-500\/80,
html.dark .dark\:border-blue-500\/80 { border-color: rgba(59, 130, 246, 0.8) !important; }

.dark .dark\:hover\:bg-blue-500\/80:hover,
html.dark .dark\:hover\:bg-blue-500\/80:hover { background-color: rgba(59, 130, 246, 0.8) !important; }
.dark .dark\:hover\:text-blue-500\/80:hover,
html.dark .dark\:hover\:text-blue-500\/80:hover { color: rgba(59, 130, 246, 0.8) !important; }
.dark .dark\:hover\:border-blue-500\/80:hover,
html.dark .dark\:hover\:border-blue-500\/80:hover { border-color: rgba(59, 130, 246, 0.8) !important; }

.bg-blue-500\/90 { background-color: rgba(59, 130, 246, 0.9) !important; }
.text-blue-500\/90 { color: rgba(59, 130, 246, 0.9) !important; }
.border-blue-500\/90 { border-color: rgba(59, 130, 246, 0.9) !important; }

.hover\:bg-blue-500\/90:hover { background-color: rgba(59, 130, 246, 0.9) !important; }
.hover\:text-blue-500\/90:hover { color: rgba(59, 130, 246, 0.9) !important; }
.hover\:border-blue-500\/90:hover { border-color: rgba(59, 130, 246, 0.9) !important; }

.dark .dark\:bg-blue-500\/90,
html.dark .dark\:bg-blue-500\/90 { background-color: rgba(59, 130, 246, 0.9) !important; }
.dark .dark\:text-blue-500\/90,
html.dark .dark\:text-blue-500\/90 { color: rgba(59, 130, 246, 0.9) !important; }
.dark .dark\:border-blue-500\/90,
html.dark .dark\:border-blue-500\/90 { border-color: rgba(59, 130, 246, 0.9) !important; }

.dark .dark\:hover\:bg-blue-500\/90:hover,
html.dark .dark\:hover\:bg-blue-500\/90:hover { background-color: rgba(59, 130, 246, 0.9) !important; }
.dark .dark\:hover\:text-blue-500\/90:hover,
html.dark .dark\:hover\:text-blue-500\/90:hover { color: rgba(59, 130, 246, 0.9) !important; }
.dark .dark\:hover\:border-blue-500\/90:hover,
html.dark .dark\:hover\:border-blue-500\/90:hover { border-color: rgba(59, 130, 246, 0.9) !important; }

.bg-blue-500\/95 { background-color: rgba(59, 130, 246, 0.95) !important; }
.text-blue-500\/95 { color: rgba(59, 130, 246, 0.95) !important; }
.border-blue-500\/95 { border-color: rgba(59, 130, 246, 0.95) !important; }

.hover\:bg-blue-500\/95:hover { background-color: rgba(59, 130, 246, 0.95) !important; }
.hover\:text-blue-500\/95:hover { color: rgba(59, 130, 246, 0.95) !important; }
.hover\:border-blue-500\/95:hover { border-color: rgba(59, 130, 246, 0.95) !important; }

.dark .dark\:bg-blue-500\/95,
html.dark .dark\:bg-blue-500\/95 { background-color: rgba(59, 130, 246, 0.95) !important; }
.dark .dark\:text-blue-500\/95,
html.dark .dark\:text-blue-500\/95 { color: rgba(59, 130, 246, 0.95) !important; }
.dark .dark\:border-blue-500\/95,
html.dark .dark\:border-blue-500\/95 { border-color: rgba(59, 130, 246, 0.95) !important; }

.dark .dark\:hover\:bg-blue-500\/95:hover,
html.dark .dark\:hover\:bg-blue-500\/95:hover { background-color: rgba(59, 130, 246, 0.95) !important; }
.dark .dark\:hover\:text-blue-500\/95:hover,
html.dark .dark\:hover\:text-blue-500\/95:hover { color: rgba(59, 130, 246, 0.95) !important; }
.dark .dark\:hover\:border-blue-500\/95:hover,
html.dark .dark\:hover\:border-blue-500\/95:hover { border-color: rgba(59, 130, 246, 0.95) !important; }

.bg-blue-600 { background-color: #2563eb !important; }
.text-blue-600 { color: #2563eb !important; }
.border-blue-600 { border-color: #2563eb !important; }
.fill-blue-600 { fill: #2563eb !important; }
.stroke-blue-600 { stroke: #2563eb !important; }

/* Hover states */
.hover\:bg-blue-600:hover { background-color: #2563eb !important; }
.hover\:text-blue-600:hover { color: #2563eb !important; }
.hover\:border-blue-600:hover { border-color: #2563eb !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-600,
html.dark .dark\:bg-blue-600 { background-color: #2563eb !important; }
.dark .dark\:text-blue-600,
html.dark .dark\:text-blue-600 { color: #2563eb !important; }
.dark .dark\:border-blue-600,
html.dark .dark\:border-blue-600 { border-color: #2563eb !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-600:hover,
html.dark .dark\:hover\:bg-blue-600:hover { background-color: #2563eb !important; }
.dark .dark\:hover\:text-blue-600:hover,
html.dark .dark\:hover\:text-blue-600:hover { color: #2563eb !important; }
.dark .dark\:hover\:border-blue-600:hover,
html.dark .dark\:hover\:border-blue-600:hover { border-color: #2563eb !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-600,
html.dark .group:hover .dark\:group-hover\:text-blue-600 { color: #2563eb !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-600,
html.dark .group:hover .dark\:group-hover\:bg-blue-600 { background-color: #2563eb !important; }

.bg-blue-600\/10 { background-color: rgba(37, 99, 235, 0.1) !important; }
.text-blue-600\/10 { color: rgba(37, 99, 235, 0.1) !important; }
.border-blue-600\/10 { border-color: rgba(37, 99, 235, 0.1) !important; }

.hover\:bg-blue-600\/10:hover { background-color: rgba(37, 99, 235, 0.1) !important; }
.hover\:text-blue-600\/10:hover { color: rgba(37, 99, 235, 0.1) !important; }
.hover\:border-blue-600\/10:hover { border-color: rgba(37, 99, 235, 0.1) !important; }

.dark .dark\:bg-blue-600\/10,
html.dark .dark\:bg-blue-600\/10 { background-color: rgba(37, 99, 235, 0.1) !important; }
.dark .dark\:text-blue-600\/10,
html.dark .dark\:text-blue-600\/10 { color: rgba(37, 99, 235, 0.1) !important; }
.dark .dark\:border-blue-600\/10,
html.dark .dark\:border-blue-600\/10 { border-color: rgba(37, 99, 235, 0.1) !important; }

.dark .dark\:hover\:bg-blue-600\/10:hover,
html.dark .dark\:hover\:bg-blue-600\/10:hover { background-color: rgba(37, 99, 235, 0.1) !important; }
.dark .dark\:hover\:text-blue-600\/10:hover,
html.dark .dark\:hover\:text-blue-600\/10:hover { color: rgba(37, 99, 235, 0.1) !important; }
.dark .dark\:hover\:border-blue-600\/10:hover,
html.dark .dark\:hover\:border-blue-600\/10:hover { border-color: rgba(37, 99, 235, 0.1) !important; }

.bg-blue-600\/20 { background-color: rgba(37, 99, 235, 0.2) !important; }
.text-blue-600\/20 { color: rgba(37, 99, 235, 0.2) !important; }
.border-blue-600\/20 { border-color: rgba(37, 99, 235, 0.2) !important; }

.hover\:bg-blue-600\/20:hover { background-color: rgba(37, 99, 235, 0.2) !important; }
.hover\:text-blue-600\/20:hover { color: rgba(37, 99, 235, 0.2) !important; }
.hover\:border-blue-600\/20:hover { border-color: rgba(37, 99, 235, 0.2) !important; }

.dark .dark\:bg-blue-600\/20,
html.dark .dark\:bg-blue-600\/20 { background-color: rgba(37, 99, 235, 0.2) !important; }
.dark .dark\:text-blue-600\/20,
html.dark .dark\:text-blue-600\/20 { color: rgba(37, 99, 235, 0.2) !important; }
.dark .dark\:border-blue-600\/20,
html.dark .dark\:border-blue-600\/20 { border-color: rgba(37, 99, 235, 0.2) !important; }

.dark .dark\:hover\:bg-blue-600\/20:hover,
html.dark .dark\:hover\:bg-blue-600\/20:hover { background-color: rgba(37, 99, 235, 0.2) !important; }
.dark .dark\:hover\:text-blue-600\/20:hover,
html.dark .dark\:hover\:text-blue-600\/20:hover { color: rgba(37, 99, 235, 0.2) !important; }
.dark .dark\:hover\:border-blue-600\/20:hover,
html.dark .dark\:hover\:border-blue-600\/20:hover { border-color: rgba(37, 99, 235, 0.2) !important; }

.bg-blue-600\/25 { background-color: rgba(37, 99, 235, 0.25) !important; }
.text-blue-600\/25 { color: rgba(37, 99, 235, 0.25) !important; }
.border-blue-600\/25 { border-color: rgba(37, 99, 235, 0.25) !important; }

.hover\:bg-blue-600\/25:hover { background-color: rgba(37, 99, 235, 0.25) !important; }
.hover\:text-blue-600\/25:hover { color: rgba(37, 99, 235, 0.25) !important; }
.hover\:border-blue-600\/25:hover { border-color: rgba(37, 99, 235, 0.25) !important; }

.dark .dark\:bg-blue-600\/25,
html.dark .dark\:bg-blue-600\/25 { background-color: rgba(37, 99, 235, 0.25) !important; }
.dark .dark\:text-blue-600\/25,
html.dark .dark\:text-blue-600\/25 { color: rgba(37, 99, 235, 0.25) !important; }
.dark .dark\:border-blue-600\/25,
html.dark .dark\:border-blue-600\/25 { border-color: rgba(37, 99, 235, 0.25) !important; }

.dark .dark\:hover\:bg-blue-600\/25:hover,
html.dark .dark\:hover\:bg-blue-600\/25:hover { background-color: rgba(37, 99, 235, 0.25) !important; }
.dark .dark\:hover\:text-blue-600\/25:hover,
html.dark .dark\:hover\:text-blue-600\/25:hover { color: rgba(37, 99, 235, 0.25) !important; }
.dark .dark\:hover\:border-blue-600\/25:hover,
html.dark .dark\:hover\:border-blue-600\/25:hover { border-color: rgba(37, 99, 235, 0.25) !important; }

.bg-blue-600\/30 { background-color: rgba(37, 99, 235, 0.3) !important; }
.text-blue-600\/30 { color: rgba(37, 99, 235, 0.3) !important; }
.border-blue-600\/30 { border-color: rgba(37, 99, 235, 0.3) !important; }

.hover\:bg-blue-600\/30:hover { background-color: rgba(37, 99, 235, 0.3) !important; }
.hover\:text-blue-600\/30:hover { color: rgba(37, 99, 235, 0.3) !important; }
.hover\:border-blue-600\/30:hover { border-color: rgba(37, 99, 235, 0.3) !important; }

.dark .dark\:bg-blue-600\/30,
html.dark .dark\:bg-blue-600\/30 { background-color: rgba(37, 99, 235, 0.3) !important; }
.dark .dark\:text-blue-600\/30,
html.dark .dark\:text-blue-600\/30 { color: rgba(37, 99, 235, 0.3) !important; }
.dark .dark\:border-blue-600\/30,
html.dark .dark\:border-blue-600\/30 { border-color: rgba(37, 99, 235, 0.3) !important; }

.dark .dark\:hover\:bg-blue-600\/30:hover,
html.dark .dark\:hover\:bg-blue-600\/30:hover { background-color: rgba(37, 99, 235, 0.3) !important; }
.dark .dark\:hover\:text-blue-600\/30:hover,
html.dark .dark\:hover\:text-blue-600\/30:hover { color: rgba(37, 99, 235, 0.3) !important; }
.dark .dark\:hover\:border-blue-600\/30:hover,
html.dark .dark\:hover\:border-blue-600\/30:hover { border-color: rgba(37, 99, 235, 0.3) !important; }

.bg-blue-600\/40 { background-color: rgba(37, 99, 235, 0.4) !important; }
.text-blue-600\/40 { color: rgba(37, 99, 235, 0.4) !important; }
.border-blue-600\/40 { border-color: rgba(37, 99, 235, 0.4) !important; }

.hover\:bg-blue-600\/40:hover { background-color: rgba(37, 99, 235, 0.4) !important; }
.hover\:text-blue-600\/40:hover { color: rgba(37, 99, 235, 0.4) !important; }
.hover\:border-blue-600\/40:hover { border-color: rgba(37, 99, 235, 0.4) !important; }

.dark .dark\:bg-blue-600\/40,
html.dark .dark\:bg-blue-600\/40 { background-color: rgba(37, 99, 235, 0.4) !important; }
.dark .dark\:text-blue-600\/40,
html.dark .dark\:text-blue-600\/40 { color: rgba(37, 99, 235, 0.4) !important; }
.dark .dark\:border-blue-600\/40,
html.dark .dark\:border-blue-600\/40 { border-color: rgba(37, 99, 235, 0.4) !important; }

.dark .dark\:hover\:bg-blue-600\/40:hover,
html.dark .dark\:hover\:bg-blue-600\/40:hover { background-color: rgba(37, 99, 235, 0.4) !important; }
.dark .dark\:hover\:text-blue-600\/40:hover,
html.dark .dark\:hover\:text-blue-600\/40:hover { color: rgba(37, 99, 235, 0.4) !important; }
.dark .dark\:hover\:border-blue-600\/40:hover,
html.dark .dark\:hover\:border-blue-600\/40:hover { border-color: rgba(37, 99, 235, 0.4) !important; }

.bg-blue-600\/50 { background-color: rgba(37, 99, 235, 0.5) !important; }
.text-blue-600\/50 { color: rgba(37, 99, 235, 0.5) !important; }
.border-blue-600\/50 { border-color: rgba(37, 99, 235, 0.5) !important; }

.hover\:bg-blue-600\/50:hover { background-color: rgba(37, 99, 235, 0.5) !important; }
.hover\:text-blue-600\/50:hover { color: rgba(37, 99, 235, 0.5) !important; }
.hover\:border-blue-600\/50:hover { border-color: rgba(37, 99, 235, 0.5) !important; }

.dark .dark\:bg-blue-600\/50,
html.dark .dark\:bg-blue-600\/50 { background-color: rgba(37, 99, 235, 0.5) !important; }
.dark .dark\:text-blue-600\/50,
html.dark .dark\:text-blue-600\/50 { color: rgba(37, 99, 235, 0.5) !important; }
.dark .dark\:border-blue-600\/50,
html.dark .dark\:border-blue-600\/50 { border-color: rgba(37, 99, 235, 0.5) !important; }

.dark .dark\:hover\:bg-blue-600\/50:hover,
html.dark .dark\:hover\:bg-blue-600\/50:hover { background-color: rgba(37, 99, 235, 0.5) !important; }
.dark .dark\:hover\:text-blue-600\/50:hover,
html.dark .dark\:hover\:text-blue-600\/50:hover { color: rgba(37, 99, 235, 0.5) !important; }
.dark .dark\:hover\:border-blue-600\/50:hover,
html.dark .dark\:hover\:border-blue-600\/50:hover { border-color: rgba(37, 99, 235, 0.5) !important; }

.bg-blue-600\/60 { background-color: rgba(37, 99, 235, 0.6) !important; }
.text-blue-600\/60 { color: rgba(37, 99, 235, 0.6) !important; }
.border-blue-600\/60 { border-color: rgba(37, 99, 235, 0.6) !important; }

.hover\:bg-blue-600\/60:hover { background-color: rgba(37, 99, 235, 0.6) !important; }
.hover\:text-blue-600\/60:hover { color: rgba(37, 99, 235, 0.6) !important; }
.hover\:border-blue-600\/60:hover { border-color: rgba(37, 99, 235, 0.6) !important; }

.dark .dark\:bg-blue-600\/60,
html.dark .dark\:bg-blue-600\/60 { background-color: rgba(37, 99, 235, 0.6) !important; }
.dark .dark\:text-blue-600\/60,
html.dark .dark\:text-blue-600\/60 { color: rgba(37, 99, 235, 0.6) !important; }
.dark .dark\:border-blue-600\/60,
html.dark .dark\:border-blue-600\/60 { border-color: rgba(37, 99, 235, 0.6) !important; }

.dark .dark\:hover\:bg-blue-600\/60:hover,
html.dark .dark\:hover\:bg-blue-600\/60:hover { background-color: rgba(37, 99, 235, 0.6) !important; }
.dark .dark\:hover\:text-blue-600\/60:hover,
html.dark .dark\:hover\:text-blue-600\/60:hover { color: rgba(37, 99, 235, 0.6) !important; }
.dark .dark\:hover\:border-blue-600\/60:hover,
html.dark .dark\:hover\:border-blue-600\/60:hover { border-color: rgba(37, 99, 235, 0.6) !important; }

.bg-blue-600\/70 { background-color: rgba(37, 99, 235, 0.7) !important; }
.text-blue-600\/70 { color: rgba(37, 99, 235, 0.7) !important; }
.border-blue-600\/70 { border-color: rgba(37, 99, 235, 0.7) !important; }

.hover\:bg-blue-600\/70:hover { background-color: rgba(37, 99, 235, 0.7) !important; }
.hover\:text-blue-600\/70:hover { color: rgba(37, 99, 235, 0.7) !important; }
.hover\:border-blue-600\/70:hover { border-color: rgba(37, 99, 235, 0.7) !important; }

.dark .dark\:bg-blue-600\/70,
html.dark .dark\:bg-blue-600\/70 { background-color: rgba(37, 99, 235, 0.7) !important; }
.dark .dark\:text-blue-600\/70,
html.dark .dark\:text-blue-600\/70 { color: rgba(37, 99, 235, 0.7) !important; }
.dark .dark\:border-blue-600\/70,
html.dark .dark\:border-blue-600\/70 { border-color: rgba(37, 99, 235, 0.7) !important; }

.dark .dark\:hover\:bg-blue-600\/70:hover,
html.dark .dark\:hover\:bg-blue-600\/70:hover { background-color: rgba(37, 99, 235, 0.7) !important; }
.dark .dark\:hover\:text-blue-600\/70:hover,
html.dark .dark\:hover\:text-blue-600\/70:hover { color: rgba(37, 99, 235, 0.7) !important; }
.dark .dark\:hover\:border-blue-600\/70:hover,
html.dark .dark\:hover\:border-blue-600\/70:hover { border-color: rgba(37, 99, 235, 0.7) !important; }

.bg-blue-600\/75 { background-color: rgba(37, 99, 235, 0.75) !important; }
.text-blue-600\/75 { color: rgba(37, 99, 235, 0.75) !important; }
.border-blue-600\/75 { border-color: rgba(37, 99, 235, 0.75) !important; }

.hover\:bg-blue-600\/75:hover { background-color: rgba(37, 99, 235, 0.75) !important; }
.hover\:text-blue-600\/75:hover { color: rgba(37, 99, 235, 0.75) !important; }
.hover\:border-blue-600\/75:hover { border-color: rgba(37, 99, 235, 0.75) !important; }

.dark .dark\:bg-blue-600\/75,
html.dark .dark\:bg-blue-600\/75 { background-color: rgba(37, 99, 235, 0.75) !important; }
.dark .dark\:text-blue-600\/75,
html.dark .dark\:text-blue-600\/75 { color: rgba(37, 99, 235, 0.75) !important; }
.dark .dark\:border-blue-600\/75,
html.dark .dark\:border-blue-600\/75 { border-color: rgba(37, 99, 235, 0.75) !important; }

.dark .dark\:hover\:bg-blue-600\/75:hover,
html.dark .dark\:hover\:bg-blue-600\/75:hover { background-color: rgba(37, 99, 235, 0.75) !important; }
.dark .dark\:hover\:text-blue-600\/75:hover,
html.dark .dark\:hover\:text-blue-600\/75:hover { color: rgba(37, 99, 235, 0.75) !important; }
.dark .dark\:hover\:border-blue-600\/75:hover,
html.dark .dark\:hover\:border-blue-600\/75:hover { border-color: rgba(37, 99, 235, 0.75) !important; }

.bg-blue-600\/80 { background-color: rgba(37, 99, 235, 0.8) !important; }
.text-blue-600\/80 { color: rgba(37, 99, 235, 0.8) !important; }
.border-blue-600\/80 { border-color: rgba(37, 99, 235, 0.8) !important; }

.hover\:bg-blue-600\/80:hover { background-color: rgba(37, 99, 235, 0.8) !important; }
.hover\:text-blue-600\/80:hover { color: rgba(37, 99, 235, 0.8) !important; }
.hover\:border-blue-600\/80:hover { border-color: rgba(37, 99, 235, 0.8) !important; }

.dark .dark\:bg-blue-600\/80,
html.dark .dark\:bg-blue-600\/80 { background-color: rgba(37, 99, 235, 0.8) !important; }
.dark .dark\:text-blue-600\/80,
html.dark .dark\:text-blue-600\/80 { color: rgba(37, 99, 235, 0.8) !important; }
.dark .dark\:border-blue-600\/80,
html.dark .dark\:border-blue-600\/80 { border-color: rgba(37, 99, 235, 0.8) !important; }

.dark .dark\:hover\:bg-blue-600\/80:hover,
html.dark .dark\:hover\:bg-blue-600\/80:hover { background-color: rgba(37, 99, 235, 0.8) !important; }
.dark .dark\:hover\:text-blue-600\/80:hover,
html.dark .dark\:hover\:text-blue-600\/80:hover { color: rgba(37, 99, 235, 0.8) !important; }
.dark .dark\:hover\:border-blue-600\/80:hover,
html.dark .dark\:hover\:border-blue-600\/80:hover { border-color: rgba(37, 99, 235, 0.8) !important; }

.bg-blue-600\/90 { background-color: rgba(37, 99, 235, 0.9) !important; }
.text-blue-600\/90 { color: rgba(37, 99, 235, 0.9) !important; }
.border-blue-600\/90 { border-color: rgba(37, 99, 235, 0.9) !important; }

.hover\:bg-blue-600\/90:hover { background-color: rgba(37, 99, 235, 0.9) !important; }
.hover\:text-blue-600\/90:hover { color: rgba(37, 99, 235, 0.9) !important; }
.hover\:border-blue-600\/90:hover { border-color: rgba(37, 99, 235, 0.9) !important; }

.dark .dark\:bg-blue-600\/90,
html.dark .dark\:bg-blue-600\/90 { background-color: rgba(37, 99, 235, 0.9) !important; }
.dark .dark\:text-blue-600\/90,
html.dark .dark\:text-blue-600\/90 { color: rgba(37, 99, 235, 0.9) !important; }
.dark .dark\:border-blue-600\/90,
html.dark .dark\:border-blue-600\/90 { border-color: rgba(37, 99, 235, 0.9) !important; }

.dark .dark\:hover\:bg-blue-600\/90:hover,
html.dark .dark\:hover\:bg-blue-600\/90:hover { background-color: rgba(37, 99, 235, 0.9) !important; }
.dark .dark\:hover\:text-blue-600\/90:hover,
html.dark .dark\:hover\:text-blue-600\/90:hover { color: rgba(37, 99, 235, 0.9) !important; }
.dark .dark\:hover\:border-blue-600\/90:hover,
html.dark .dark\:hover\:border-blue-600\/90:hover { border-color: rgba(37, 99, 235, 0.9) !important; }

.bg-blue-600\/95 { background-color: rgba(37, 99, 235, 0.95) !important; }
.text-blue-600\/95 { color: rgba(37, 99, 235, 0.95) !important; }
.border-blue-600\/95 { border-color: rgba(37, 99, 235, 0.95) !important; }

.hover\:bg-blue-600\/95:hover { background-color: rgba(37, 99, 235, 0.95) !important; }
.hover\:text-blue-600\/95:hover { color: rgba(37, 99, 235, 0.95) !important; }
.hover\:border-blue-600\/95:hover { border-color: rgba(37, 99, 235, 0.95) !important; }

.dark .dark\:bg-blue-600\/95,
html.dark .dark\:bg-blue-600\/95 { background-color: rgba(37, 99, 235, 0.95) !important; }
.dark .dark\:text-blue-600\/95,
html.dark .dark\:text-blue-600\/95 { color: rgba(37, 99, 235, 0.95) !important; }
.dark .dark\:border-blue-600\/95,
html.dark .dark\:border-blue-600\/95 { border-color: rgba(37, 99, 235, 0.95) !important; }

.dark .dark\:hover\:bg-blue-600\/95:hover,
html.dark .dark\:hover\:bg-blue-600\/95:hover { background-color: rgba(37, 99, 235, 0.95) !important; }
.dark .dark\:hover\:text-blue-600\/95:hover,
html.dark .dark\:hover\:text-blue-600\/95:hover { color: rgba(37, 99, 235, 0.95) !important; }
.dark .dark\:hover\:border-blue-600\/95:hover,
html.dark .dark\:hover\:border-blue-600\/95:hover { border-color: rgba(37, 99, 235, 0.95) !important; }

.bg-blue-700 { background-color: #1d4ed8 !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.border-blue-700 { border-color: #1d4ed8 !important; }
.fill-blue-700 { fill: #1d4ed8 !important; }
.stroke-blue-700 { stroke: #1d4ed8 !important; }

/* Hover states */
.hover\:bg-blue-700:hover { background-color: #1d4ed8 !important; }
.hover\:text-blue-700:hover { color: #1d4ed8 !important; }
.hover\:border-blue-700:hover { border-color: #1d4ed8 !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-700,
html.dark .dark\:bg-blue-700 { background-color: #1d4ed8 !important; }
.dark .dark\:text-blue-700,
html.dark .dark\:text-blue-700 { color: #1d4ed8 !important; }
.dark .dark\:border-blue-700,
html.dark .dark\:border-blue-700 { border-color: #1d4ed8 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-700:hover,
html.dark .dark\:hover\:bg-blue-700:hover { background-color: #1d4ed8 !important; }
.dark .dark\:hover\:text-blue-700:hover,
html.dark .dark\:hover\:text-blue-700:hover { color: #1d4ed8 !important; }
.dark .dark\:hover\:border-blue-700:hover,
html.dark .dark\:hover\:border-blue-700:hover { border-color: #1d4ed8 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-700,
html.dark .group:hover .dark\:group-hover\:text-blue-700 { color: #1d4ed8 !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-700,
html.dark .group:hover .dark\:group-hover\:bg-blue-700 { background-color: #1d4ed8 !important; }

.bg-blue-700\/10 { background-color: rgba(29, 78, 216, 0.1) !important; }
.text-blue-700\/10 { color: rgba(29, 78, 216, 0.1) !important; }
.border-blue-700\/10 { border-color: rgba(29, 78, 216, 0.1) !important; }

.hover\:bg-blue-700\/10:hover { background-color: rgba(29, 78, 216, 0.1) !important; }
.hover\:text-blue-700\/10:hover { color: rgba(29, 78, 216, 0.1) !important; }
.hover\:border-blue-700\/10:hover { border-color: rgba(29, 78, 216, 0.1) !important; }

.dark .dark\:bg-blue-700\/10,
html.dark .dark\:bg-blue-700\/10 { background-color: rgba(29, 78, 216, 0.1) !important; }
.dark .dark\:text-blue-700\/10,
html.dark .dark\:text-blue-700\/10 { color: rgba(29, 78, 216, 0.1) !important; }
.dark .dark\:border-blue-700\/10,
html.dark .dark\:border-blue-700\/10 { border-color: rgba(29, 78, 216, 0.1) !important; }

.dark .dark\:hover\:bg-blue-700\/10:hover,
html.dark .dark\:hover\:bg-blue-700\/10:hover { background-color: rgba(29, 78, 216, 0.1) !important; }
.dark .dark\:hover\:text-blue-700\/10:hover,
html.dark .dark\:hover\:text-blue-700\/10:hover { color: rgba(29, 78, 216, 0.1) !important; }
.dark .dark\:hover\:border-blue-700\/10:hover,
html.dark .dark\:hover\:border-blue-700\/10:hover { border-color: rgba(29, 78, 216, 0.1) !important; }

.bg-blue-700\/20 { background-color: rgba(29, 78, 216, 0.2) !important; }
.text-blue-700\/20 { color: rgba(29, 78, 216, 0.2) !important; }
.border-blue-700\/20 { border-color: rgba(29, 78, 216, 0.2) !important; }

.hover\:bg-blue-700\/20:hover { background-color: rgba(29, 78, 216, 0.2) !important; }
.hover\:text-blue-700\/20:hover { color: rgba(29, 78, 216, 0.2) !important; }
.hover\:border-blue-700\/20:hover { border-color: rgba(29, 78, 216, 0.2) !important; }

.dark .dark\:bg-blue-700\/20,
html.dark .dark\:bg-blue-700\/20 { background-color: rgba(29, 78, 216, 0.2) !important; }
.dark .dark\:text-blue-700\/20,
html.dark .dark\:text-blue-700\/20 { color: rgba(29, 78, 216, 0.2) !important; }
.dark .dark\:border-blue-700\/20,
html.dark .dark\:border-blue-700\/20 { border-color: rgba(29, 78, 216, 0.2) !important; }

.dark .dark\:hover\:bg-blue-700\/20:hover,
html.dark .dark\:hover\:bg-blue-700\/20:hover { background-color: rgba(29, 78, 216, 0.2) !important; }
.dark .dark\:hover\:text-blue-700\/20:hover,
html.dark .dark\:hover\:text-blue-700\/20:hover { color: rgba(29, 78, 216, 0.2) !important; }
.dark .dark\:hover\:border-blue-700\/20:hover,
html.dark .dark\:hover\:border-blue-700\/20:hover { border-color: rgba(29, 78, 216, 0.2) !important; }

.bg-blue-700\/25 { background-color: rgba(29, 78, 216, 0.25) !important; }
.text-blue-700\/25 { color: rgba(29, 78, 216, 0.25) !important; }
.border-blue-700\/25 { border-color: rgba(29, 78, 216, 0.25) !important; }

.hover\:bg-blue-700\/25:hover { background-color: rgba(29, 78, 216, 0.25) !important; }
.hover\:text-blue-700\/25:hover { color: rgba(29, 78, 216, 0.25) !important; }
.hover\:border-blue-700\/25:hover { border-color: rgba(29, 78, 216, 0.25) !important; }

.dark .dark\:bg-blue-700\/25,
html.dark .dark\:bg-blue-700\/25 { background-color: rgba(29, 78, 216, 0.25) !important; }
.dark .dark\:text-blue-700\/25,
html.dark .dark\:text-blue-700\/25 { color: rgba(29, 78, 216, 0.25) !important; }
.dark .dark\:border-blue-700\/25,
html.dark .dark\:border-blue-700\/25 { border-color: rgba(29, 78, 216, 0.25) !important; }

.dark .dark\:hover\:bg-blue-700\/25:hover,
html.dark .dark\:hover\:bg-blue-700\/25:hover { background-color: rgba(29, 78, 216, 0.25) !important; }
.dark .dark\:hover\:text-blue-700\/25:hover,
html.dark .dark\:hover\:text-blue-700\/25:hover { color: rgba(29, 78, 216, 0.25) !important; }
.dark .dark\:hover\:border-blue-700\/25:hover,
html.dark .dark\:hover\:border-blue-700\/25:hover { border-color: rgba(29, 78, 216, 0.25) !important; }

.bg-blue-700\/30 { background-color: rgba(29, 78, 216, 0.3) !important; }
.text-blue-700\/30 { color: rgba(29, 78, 216, 0.3) !important; }
.border-blue-700\/30 { border-color: rgba(29, 78, 216, 0.3) !important; }

.hover\:bg-blue-700\/30:hover { background-color: rgba(29, 78, 216, 0.3) !important; }
.hover\:text-blue-700\/30:hover { color: rgba(29, 78, 216, 0.3) !important; }
.hover\:border-blue-700\/30:hover { border-color: rgba(29, 78, 216, 0.3) !important; }

.dark .dark\:bg-blue-700\/30,
html.dark .dark\:bg-blue-700\/30 { background-color: rgba(29, 78, 216, 0.3) !important; }
.dark .dark\:text-blue-700\/30,
html.dark .dark\:text-blue-700\/30 { color: rgba(29, 78, 216, 0.3) !important; }
.dark .dark\:border-blue-700\/30,
html.dark .dark\:border-blue-700\/30 { border-color: rgba(29, 78, 216, 0.3) !important; }

.dark .dark\:hover\:bg-blue-700\/30:hover,
html.dark .dark\:hover\:bg-blue-700\/30:hover { background-color: rgba(29, 78, 216, 0.3) !important; }
.dark .dark\:hover\:text-blue-700\/30:hover,
html.dark .dark\:hover\:text-blue-700\/30:hover { color: rgba(29, 78, 216, 0.3) !important; }
.dark .dark\:hover\:border-blue-700\/30:hover,
html.dark .dark\:hover\:border-blue-700\/30:hover { border-color: rgba(29, 78, 216, 0.3) !important; }

.bg-blue-700\/40 { background-color: rgba(29, 78, 216, 0.4) !important; }
.text-blue-700\/40 { color: rgba(29, 78, 216, 0.4) !important; }
.border-blue-700\/40 { border-color: rgba(29, 78, 216, 0.4) !important; }

.hover\:bg-blue-700\/40:hover { background-color: rgba(29, 78, 216, 0.4) !important; }
.hover\:text-blue-700\/40:hover { color: rgba(29, 78, 216, 0.4) !important; }
.hover\:border-blue-700\/40:hover { border-color: rgba(29, 78, 216, 0.4) !important; }

.dark .dark\:bg-blue-700\/40,
html.dark .dark\:bg-blue-700\/40 { background-color: rgba(29, 78, 216, 0.4) !important; }
.dark .dark\:text-blue-700\/40,
html.dark .dark\:text-blue-700\/40 { color: rgba(29, 78, 216, 0.4) !important; }
.dark .dark\:border-blue-700\/40,
html.dark .dark\:border-blue-700\/40 { border-color: rgba(29, 78, 216, 0.4) !important; }

.dark .dark\:hover\:bg-blue-700\/40:hover,
html.dark .dark\:hover\:bg-blue-700\/40:hover { background-color: rgba(29, 78, 216, 0.4) !important; }
.dark .dark\:hover\:text-blue-700\/40:hover,
html.dark .dark\:hover\:text-blue-700\/40:hover { color: rgba(29, 78, 216, 0.4) !important; }
.dark .dark\:hover\:border-blue-700\/40:hover,
html.dark .dark\:hover\:border-blue-700\/40:hover { border-color: rgba(29, 78, 216, 0.4) !important; }

.bg-blue-700\/50 { background-color: rgba(29, 78, 216, 0.5) !important; }
.text-blue-700\/50 { color: rgba(29, 78, 216, 0.5) !important; }
.border-blue-700\/50 { border-color: rgba(29, 78, 216, 0.5) !important; }

.hover\:bg-blue-700\/50:hover { background-color: rgba(29, 78, 216, 0.5) !important; }
.hover\:text-blue-700\/50:hover { color: rgba(29, 78, 216, 0.5) !important; }
.hover\:border-blue-700\/50:hover { border-color: rgba(29, 78, 216, 0.5) !important; }

.dark .dark\:bg-blue-700\/50,
html.dark .dark\:bg-blue-700\/50 { background-color: rgba(29, 78, 216, 0.5) !important; }
.dark .dark\:text-blue-700\/50,
html.dark .dark\:text-blue-700\/50 { color: rgba(29, 78, 216, 0.5) !important; }
.dark .dark\:border-blue-700\/50,
html.dark .dark\:border-blue-700\/50 { border-color: rgba(29, 78, 216, 0.5) !important; }

.dark .dark\:hover\:bg-blue-700\/50:hover,
html.dark .dark\:hover\:bg-blue-700\/50:hover { background-color: rgba(29, 78, 216, 0.5) !important; }
.dark .dark\:hover\:text-blue-700\/50:hover,
html.dark .dark\:hover\:text-blue-700\/50:hover { color: rgba(29, 78, 216, 0.5) !important; }
.dark .dark\:hover\:border-blue-700\/50:hover,
html.dark .dark\:hover\:border-blue-700\/50:hover { border-color: rgba(29, 78, 216, 0.5) !important; }

.bg-blue-700\/60 { background-color: rgba(29, 78, 216, 0.6) !important; }
.text-blue-700\/60 { color: rgba(29, 78, 216, 0.6) !important; }
.border-blue-700\/60 { border-color: rgba(29, 78, 216, 0.6) !important; }

.hover\:bg-blue-700\/60:hover { background-color: rgba(29, 78, 216, 0.6) !important; }
.hover\:text-blue-700\/60:hover { color: rgba(29, 78, 216, 0.6) !important; }
.hover\:border-blue-700\/60:hover { border-color: rgba(29, 78, 216, 0.6) !important; }

.dark .dark\:bg-blue-700\/60,
html.dark .dark\:bg-blue-700\/60 { background-color: rgba(29, 78, 216, 0.6) !important; }
.dark .dark\:text-blue-700\/60,
html.dark .dark\:text-blue-700\/60 { color: rgba(29, 78, 216, 0.6) !important; }
.dark .dark\:border-blue-700\/60,
html.dark .dark\:border-blue-700\/60 { border-color: rgba(29, 78, 216, 0.6) !important; }

.dark .dark\:hover\:bg-blue-700\/60:hover,
html.dark .dark\:hover\:bg-blue-700\/60:hover { background-color: rgba(29, 78, 216, 0.6) !important; }
.dark .dark\:hover\:text-blue-700\/60:hover,
html.dark .dark\:hover\:text-blue-700\/60:hover { color: rgba(29, 78, 216, 0.6) !important; }
.dark .dark\:hover\:border-blue-700\/60:hover,
html.dark .dark\:hover\:border-blue-700\/60:hover { border-color: rgba(29, 78, 216, 0.6) !important; }

.bg-blue-700\/70 { background-color: rgba(29, 78, 216, 0.7) !important; }
.text-blue-700\/70 { color: rgba(29, 78, 216, 0.7) !important; }
.border-blue-700\/70 { border-color: rgba(29, 78, 216, 0.7) !important; }

.hover\:bg-blue-700\/70:hover { background-color: rgba(29, 78, 216, 0.7) !important; }
.hover\:text-blue-700\/70:hover { color: rgba(29, 78, 216, 0.7) !important; }
.hover\:border-blue-700\/70:hover { border-color: rgba(29, 78, 216, 0.7) !important; }

.dark .dark\:bg-blue-700\/70,
html.dark .dark\:bg-blue-700\/70 { background-color: rgba(29, 78, 216, 0.7) !important; }
.dark .dark\:text-blue-700\/70,
html.dark .dark\:text-blue-700\/70 { color: rgba(29, 78, 216, 0.7) !important; }
.dark .dark\:border-blue-700\/70,
html.dark .dark\:border-blue-700\/70 { border-color: rgba(29, 78, 216, 0.7) !important; }

.dark .dark\:hover\:bg-blue-700\/70:hover,
html.dark .dark\:hover\:bg-blue-700\/70:hover { background-color: rgba(29, 78, 216, 0.7) !important; }
.dark .dark\:hover\:text-blue-700\/70:hover,
html.dark .dark\:hover\:text-blue-700\/70:hover { color: rgba(29, 78, 216, 0.7) !important; }
.dark .dark\:hover\:border-blue-700\/70:hover,
html.dark .dark\:hover\:border-blue-700\/70:hover { border-color: rgba(29, 78, 216, 0.7) !important; }

.bg-blue-700\/75 { background-color: rgba(29, 78, 216, 0.75) !important; }
.text-blue-700\/75 { color: rgba(29, 78, 216, 0.75) !important; }
.border-blue-700\/75 { border-color: rgba(29, 78, 216, 0.75) !important; }

.hover\:bg-blue-700\/75:hover { background-color: rgba(29, 78, 216, 0.75) !important; }
.hover\:text-blue-700\/75:hover { color: rgba(29, 78, 216, 0.75) !important; }
.hover\:border-blue-700\/75:hover { border-color: rgba(29, 78, 216, 0.75) !important; }

.dark .dark\:bg-blue-700\/75,
html.dark .dark\:bg-blue-700\/75 { background-color: rgba(29, 78, 216, 0.75) !important; }
.dark .dark\:text-blue-700\/75,
html.dark .dark\:text-blue-700\/75 { color: rgba(29, 78, 216, 0.75) !important; }
.dark .dark\:border-blue-700\/75,
html.dark .dark\:border-blue-700\/75 { border-color: rgba(29, 78, 216, 0.75) !important; }

.dark .dark\:hover\:bg-blue-700\/75:hover,
html.dark .dark\:hover\:bg-blue-700\/75:hover { background-color: rgba(29, 78, 216, 0.75) !important; }
.dark .dark\:hover\:text-blue-700\/75:hover,
html.dark .dark\:hover\:text-blue-700\/75:hover { color: rgba(29, 78, 216, 0.75) !important; }
.dark .dark\:hover\:border-blue-700\/75:hover,
html.dark .dark\:hover\:border-blue-700\/75:hover { border-color: rgba(29, 78, 216, 0.75) !important; }

.bg-blue-700\/80 { background-color: rgba(29, 78, 216, 0.8) !important; }
.text-blue-700\/80 { color: rgba(29, 78, 216, 0.8) !important; }
.border-blue-700\/80 { border-color: rgba(29, 78, 216, 0.8) !important; }

.hover\:bg-blue-700\/80:hover { background-color: rgba(29, 78, 216, 0.8) !important; }
.hover\:text-blue-700\/80:hover { color: rgba(29, 78, 216, 0.8) !important; }
.hover\:border-blue-700\/80:hover { border-color: rgba(29, 78, 216, 0.8) !important; }

.dark .dark\:bg-blue-700\/80,
html.dark .dark\:bg-blue-700\/80 { background-color: rgba(29, 78, 216, 0.8) !important; }
.dark .dark\:text-blue-700\/80,
html.dark .dark\:text-blue-700\/80 { color: rgba(29, 78, 216, 0.8) !important; }
.dark .dark\:border-blue-700\/80,
html.dark .dark\:border-blue-700\/80 { border-color: rgba(29, 78, 216, 0.8) !important; }

.dark .dark\:hover\:bg-blue-700\/80:hover,
html.dark .dark\:hover\:bg-blue-700\/80:hover { background-color: rgba(29, 78, 216, 0.8) !important; }
.dark .dark\:hover\:text-blue-700\/80:hover,
html.dark .dark\:hover\:text-blue-700\/80:hover { color: rgba(29, 78, 216, 0.8) !important; }
.dark .dark\:hover\:border-blue-700\/80:hover,
html.dark .dark\:hover\:border-blue-700\/80:hover { border-color: rgba(29, 78, 216, 0.8) !important; }

.bg-blue-700\/90 { background-color: rgba(29, 78, 216, 0.9) !important; }
.text-blue-700\/90 { color: rgba(29, 78, 216, 0.9) !important; }
.border-blue-700\/90 { border-color: rgba(29, 78, 216, 0.9) !important; }

.hover\:bg-blue-700\/90:hover { background-color: rgba(29, 78, 216, 0.9) !important; }
.hover\:text-blue-700\/90:hover { color: rgba(29, 78, 216, 0.9) !important; }
.hover\:border-blue-700\/90:hover { border-color: rgba(29, 78, 216, 0.9) !important; }

.dark .dark\:bg-blue-700\/90,
html.dark .dark\:bg-blue-700\/90 { background-color: rgba(29, 78, 216, 0.9) !important; }
.dark .dark\:text-blue-700\/90,
html.dark .dark\:text-blue-700\/90 { color: rgba(29, 78, 216, 0.9) !important; }
.dark .dark\:border-blue-700\/90,
html.dark .dark\:border-blue-700\/90 { border-color: rgba(29, 78, 216, 0.9) !important; }

.dark .dark\:hover\:bg-blue-700\/90:hover,
html.dark .dark\:hover\:bg-blue-700\/90:hover { background-color: rgba(29, 78, 216, 0.9) !important; }
.dark .dark\:hover\:text-blue-700\/90:hover,
html.dark .dark\:hover\:text-blue-700\/90:hover { color: rgba(29, 78, 216, 0.9) !important; }
.dark .dark\:hover\:border-blue-700\/90:hover,
html.dark .dark\:hover\:border-blue-700\/90:hover { border-color: rgba(29, 78, 216, 0.9) !important; }

.bg-blue-700\/95 { background-color: rgba(29, 78, 216, 0.95) !important; }
.text-blue-700\/95 { color: rgba(29, 78, 216, 0.95) !important; }
.border-blue-700\/95 { border-color: rgba(29, 78, 216, 0.95) !important; }

.hover\:bg-blue-700\/95:hover { background-color: rgba(29, 78, 216, 0.95) !important; }
.hover\:text-blue-700\/95:hover { color: rgba(29, 78, 216, 0.95) !important; }
.hover\:border-blue-700\/95:hover { border-color: rgba(29, 78, 216, 0.95) !important; }

.dark .dark\:bg-blue-700\/95,
html.dark .dark\:bg-blue-700\/95 { background-color: rgba(29, 78, 216, 0.95) !important; }
.dark .dark\:text-blue-700\/95,
html.dark .dark\:text-blue-700\/95 { color: rgba(29, 78, 216, 0.95) !important; }
.dark .dark\:border-blue-700\/95,
html.dark .dark\:border-blue-700\/95 { border-color: rgba(29, 78, 216, 0.95) !important; }

.dark .dark\:hover\:bg-blue-700\/95:hover,
html.dark .dark\:hover\:bg-blue-700\/95:hover { background-color: rgba(29, 78, 216, 0.95) !important; }
.dark .dark\:hover\:text-blue-700\/95:hover,
html.dark .dark\:hover\:text-blue-700\/95:hover { color: rgba(29, 78, 216, 0.95) !important; }
.dark .dark\:hover\:border-blue-700\/95:hover,
html.dark .dark\:hover\:border-blue-700\/95:hover { border-color: rgba(29, 78, 216, 0.95) !important; }

.bg-blue-800 { background-color: #1e40af !important; }
.text-blue-800 { color: #1e40af !important; }
.border-blue-800 { border-color: #1e40af !important; }
.fill-blue-800 { fill: #1e40af !important; }
.stroke-blue-800 { stroke: #1e40af !important; }

/* Hover states */
.hover\:bg-blue-800:hover { background-color: #1e40af !important; }
.hover\:text-blue-800:hover { color: #1e40af !important; }
.hover\:border-blue-800:hover { border-color: #1e40af !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-800,
html.dark .dark\:bg-blue-800 { background-color: #1e40af !important; }
.dark .dark\:text-blue-800,
html.dark .dark\:text-blue-800 { color: #1e40af !important; }
.dark .dark\:border-blue-800,
html.dark .dark\:border-blue-800 { border-color: #1e40af !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-800:hover,
html.dark .dark\:hover\:bg-blue-800:hover { background-color: #1e40af !important; }
.dark .dark\:hover\:text-blue-800:hover,
html.dark .dark\:hover\:text-blue-800:hover { color: #1e40af !important; }
.dark .dark\:hover\:border-blue-800:hover,
html.dark .dark\:hover\:border-blue-800:hover { border-color: #1e40af !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-800,
html.dark .group:hover .dark\:group-hover\:text-blue-800 { color: #1e40af !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-800,
html.dark .group:hover .dark\:group-hover\:bg-blue-800 { background-color: #1e40af !important; }

.bg-blue-800\/10 { background-color: rgba(30, 64, 175, 0.1) !important; }
.text-blue-800\/10 { color: rgba(30, 64, 175, 0.1) !important; }
.border-blue-800\/10 { border-color: rgba(30, 64, 175, 0.1) !important; }

.hover\:bg-blue-800\/10:hover { background-color: rgba(30, 64, 175, 0.1) !important; }
.hover\:text-blue-800\/10:hover { color: rgba(30, 64, 175, 0.1) !important; }
.hover\:border-blue-800\/10:hover { border-color: rgba(30, 64, 175, 0.1) !important; }

.dark .dark\:bg-blue-800\/10,
html.dark .dark\:bg-blue-800\/10 { background-color: rgba(30, 64, 175, 0.1) !important; }
.dark .dark\:text-blue-800\/10,
html.dark .dark\:text-blue-800\/10 { color: rgba(30, 64, 175, 0.1) !important; }
.dark .dark\:border-blue-800\/10,
html.dark .dark\:border-blue-800\/10 { border-color: rgba(30, 64, 175, 0.1) !important; }

.dark .dark\:hover\:bg-blue-800\/10:hover,
html.dark .dark\:hover\:bg-blue-800\/10:hover { background-color: rgba(30, 64, 175, 0.1) !important; }
.dark .dark\:hover\:text-blue-800\/10:hover,
html.dark .dark\:hover\:text-blue-800\/10:hover { color: rgba(30, 64, 175, 0.1) !important; }
.dark .dark\:hover\:border-blue-800\/10:hover,
html.dark .dark\:hover\:border-blue-800\/10:hover { border-color: rgba(30, 64, 175, 0.1) !important; }

.bg-blue-800\/20 { background-color: rgba(30, 64, 175, 0.2) !important; }
.text-blue-800\/20 { color: rgba(30, 64, 175, 0.2) !important; }
.border-blue-800\/20 { border-color: rgba(30, 64, 175, 0.2) !important; }

.hover\:bg-blue-800\/20:hover { background-color: rgba(30, 64, 175, 0.2) !important; }
.hover\:text-blue-800\/20:hover { color: rgba(30, 64, 175, 0.2) !important; }
.hover\:border-blue-800\/20:hover { border-color: rgba(30, 64, 175, 0.2) !important; }

.dark .dark\:bg-blue-800\/20,
html.dark .dark\:bg-blue-800\/20 { background-color: rgba(30, 64, 175, 0.2) !important; }
.dark .dark\:text-blue-800\/20,
html.dark .dark\:text-blue-800\/20 { color: rgba(30, 64, 175, 0.2) !important; }
.dark .dark\:border-blue-800\/20,
html.dark .dark\:border-blue-800\/20 { border-color: rgba(30, 64, 175, 0.2) !important; }

.dark .dark\:hover\:bg-blue-800\/20:hover,
html.dark .dark\:hover\:bg-blue-800\/20:hover { background-color: rgba(30, 64, 175, 0.2) !important; }
.dark .dark\:hover\:text-blue-800\/20:hover,
html.dark .dark\:hover\:text-blue-800\/20:hover { color: rgba(30, 64, 175, 0.2) !important; }
.dark .dark\:hover\:border-blue-800\/20:hover,
html.dark .dark\:hover\:border-blue-800\/20:hover { border-color: rgba(30, 64, 175, 0.2) !important; }

.bg-blue-800\/25 { background-color: rgba(30, 64, 175, 0.25) !important; }
.text-blue-800\/25 { color: rgba(30, 64, 175, 0.25) !important; }
.border-blue-800\/25 { border-color: rgba(30, 64, 175, 0.25) !important; }

.hover\:bg-blue-800\/25:hover { background-color: rgba(30, 64, 175, 0.25) !important; }
.hover\:text-blue-800\/25:hover { color: rgba(30, 64, 175, 0.25) !important; }
.hover\:border-blue-800\/25:hover { border-color: rgba(30, 64, 175, 0.25) !important; }

.dark .dark\:bg-blue-800\/25,
html.dark .dark\:bg-blue-800\/25 { background-color: rgba(30, 64, 175, 0.25) !important; }
.dark .dark\:text-blue-800\/25,
html.dark .dark\:text-blue-800\/25 { color: rgba(30, 64, 175, 0.25) !important; }
.dark .dark\:border-blue-800\/25,
html.dark .dark\:border-blue-800\/25 { border-color: rgba(30, 64, 175, 0.25) !important; }

.dark .dark\:hover\:bg-blue-800\/25:hover,
html.dark .dark\:hover\:bg-blue-800\/25:hover { background-color: rgba(30, 64, 175, 0.25) !important; }
.dark .dark\:hover\:text-blue-800\/25:hover,
html.dark .dark\:hover\:text-blue-800\/25:hover { color: rgba(30, 64, 175, 0.25) !important; }
.dark .dark\:hover\:border-blue-800\/25:hover,
html.dark .dark\:hover\:border-blue-800\/25:hover { border-color: rgba(30, 64, 175, 0.25) !important; }

.bg-blue-800\/30 { background-color: rgba(30, 64, 175, 0.3) !important; }
.text-blue-800\/30 { color: rgba(30, 64, 175, 0.3) !important; }
.border-blue-800\/30 { border-color: rgba(30, 64, 175, 0.3) !important; }

.hover\:bg-blue-800\/30:hover { background-color: rgba(30, 64, 175, 0.3) !important; }
.hover\:text-blue-800\/30:hover { color: rgba(30, 64, 175, 0.3) !important; }
.hover\:border-blue-800\/30:hover { border-color: rgba(30, 64, 175, 0.3) !important; }

.dark .dark\:bg-blue-800\/30,
html.dark .dark\:bg-blue-800\/30 { background-color: rgba(30, 64, 175, 0.3) !important; }
.dark .dark\:text-blue-800\/30,
html.dark .dark\:text-blue-800\/30 { color: rgba(30, 64, 175, 0.3) !important; }
.dark .dark\:border-blue-800\/30,
html.dark .dark\:border-blue-800\/30 { border-color: rgba(30, 64, 175, 0.3) !important; }

.dark .dark\:hover\:bg-blue-800\/30:hover,
html.dark .dark\:hover\:bg-blue-800\/30:hover { background-color: rgba(30, 64, 175, 0.3) !important; }
.dark .dark\:hover\:text-blue-800\/30:hover,
html.dark .dark\:hover\:text-blue-800\/30:hover { color: rgba(30, 64, 175, 0.3) !important; }
.dark .dark\:hover\:border-blue-800\/30:hover,
html.dark .dark\:hover\:border-blue-800\/30:hover { border-color: rgba(30, 64, 175, 0.3) !important; }

.bg-blue-800\/40 { background-color: rgba(30, 64, 175, 0.4) !important; }
.text-blue-800\/40 { color: rgba(30, 64, 175, 0.4) !important; }
.border-blue-800\/40 { border-color: rgba(30, 64, 175, 0.4) !important; }

.hover\:bg-blue-800\/40:hover { background-color: rgba(30, 64, 175, 0.4) !important; }
.hover\:text-blue-800\/40:hover { color: rgba(30, 64, 175, 0.4) !important; }
.hover\:border-blue-800\/40:hover { border-color: rgba(30, 64, 175, 0.4) !important; }

.dark .dark\:bg-blue-800\/40,
html.dark .dark\:bg-blue-800\/40 { background-color: rgba(30, 64, 175, 0.4) !important; }
.dark .dark\:text-blue-800\/40,
html.dark .dark\:text-blue-800\/40 { color: rgba(30, 64, 175, 0.4) !important; }
.dark .dark\:border-blue-800\/40,
html.dark .dark\:border-blue-800\/40 { border-color: rgba(30, 64, 175, 0.4) !important; }

.dark .dark\:hover\:bg-blue-800\/40:hover,
html.dark .dark\:hover\:bg-blue-800\/40:hover { background-color: rgba(30, 64, 175, 0.4) !important; }
.dark .dark\:hover\:text-blue-800\/40:hover,
html.dark .dark\:hover\:text-blue-800\/40:hover { color: rgba(30, 64, 175, 0.4) !important; }
.dark .dark\:hover\:border-blue-800\/40:hover,
html.dark .dark\:hover\:border-blue-800\/40:hover { border-color: rgba(30, 64, 175, 0.4) !important; }

.bg-blue-800\/50 { background-color: rgba(30, 64, 175, 0.5) !important; }
.text-blue-800\/50 { color: rgba(30, 64, 175, 0.5) !important; }
.border-blue-800\/50 { border-color: rgba(30, 64, 175, 0.5) !important; }

.hover\:bg-blue-800\/50:hover { background-color: rgba(30, 64, 175, 0.5) !important; }
.hover\:text-blue-800\/50:hover { color: rgba(30, 64, 175, 0.5) !important; }
.hover\:border-blue-800\/50:hover { border-color: rgba(30, 64, 175, 0.5) !important; }

.dark .dark\:bg-blue-800\/50,
html.dark .dark\:bg-blue-800\/50 { background-color: rgba(30, 64, 175, 0.5) !important; }
.dark .dark\:text-blue-800\/50,
html.dark .dark\:text-blue-800\/50 { color: rgba(30, 64, 175, 0.5) !important; }
.dark .dark\:border-blue-800\/50,
html.dark .dark\:border-blue-800\/50 { border-color: rgba(30, 64, 175, 0.5) !important; }

.dark .dark\:hover\:bg-blue-800\/50:hover,
html.dark .dark\:hover\:bg-blue-800\/50:hover { background-color: rgba(30, 64, 175, 0.5) !important; }
.dark .dark\:hover\:text-blue-800\/50:hover,
html.dark .dark\:hover\:text-blue-800\/50:hover { color: rgba(30, 64, 175, 0.5) !important; }
.dark .dark\:hover\:border-blue-800\/50:hover,
html.dark .dark\:hover\:border-blue-800\/50:hover { border-color: rgba(30, 64, 175, 0.5) !important; }

.bg-blue-800\/60 { background-color: rgba(30, 64, 175, 0.6) !important; }
.text-blue-800\/60 { color: rgba(30, 64, 175, 0.6) !important; }
.border-blue-800\/60 { border-color: rgba(30, 64, 175, 0.6) !important; }

.hover\:bg-blue-800\/60:hover { background-color: rgba(30, 64, 175, 0.6) !important; }
.hover\:text-blue-800\/60:hover { color: rgba(30, 64, 175, 0.6) !important; }
.hover\:border-blue-800\/60:hover { border-color: rgba(30, 64, 175, 0.6) !important; }

.dark .dark\:bg-blue-800\/60,
html.dark .dark\:bg-blue-800\/60 { background-color: rgba(30, 64, 175, 0.6) !important; }
.dark .dark\:text-blue-800\/60,
html.dark .dark\:text-blue-800\/60 { color: rgba(30, 64, 175, 0.6) !important; }
.dark .dark\:border-blue-800\/60,
html.dark .dark\:border-blue-800\/60 { border-color: rgba(30, 64, 175, 0.6) !important; }

.dark .dark\:hover\:bg-blue-800\/60:hover,
html.dark .dark\:hover\:bg-blue-800\/60:hover { background-color: rgba(30, 64, 175, 0.6) !important; }
.dark .dark\:hover\:text-blue-800\/60:hover,
html.dark .dark\:hover\:text-blue-800\/60:hover { color: rgba(30, 64, 175, 0.6) !important; }
.dark .dark\:hover\:border-blue-800\/60:hover,
html.dark .dark\:hover\:border-blue-800\/60:hover { border-color: rgba(30, 64, 175, 0.6) !important; }

.bg-blue-800\/70 { background-color: rgba(30, 64, 175, 0.7) !important; }
.text-blue-800\/70 { color: rgba(30, 64, 175, 0.7) !important; }
.border-blue-800\/70 { border-color: rgba(30, 64, 175, 0.7) !important; }

.hover\:bg-blue-800\/70:hover { background-color: rgba(30, 64, 175, 0.7) !important; }
.hover\:text-blue-800\/70:hover { color: rgba(30, 64, 175, 0.7) !important; }
.hover\:border-blue-800\/70:hover { border-color: rgba(30, 64, 175, 0.7) !important; }

.dark .dark\:bg-blue-800\/70,
html.dark .dark\:bg-blue-800\/70 { background-color: rgba(30, 64, 175, 0.7) !important; }
.dark .dark\:text-blue-800\/70,
html.dark .dark\:text-blue-800\/70 { color: rgba(30, 64, 175, 0.7) !important; }
.dark .dark\:border-blue-800\/70,
html.dark .dark\:border-blue-800\/70 { border-color: rgba(30, 64, 175, 0.7) !important; }

.dark .dark\:hover\:bg-blue-800\/70:hover,
html.dark .dark\:hover\:bg-blue-800\/70:hover { background-color: rgba(30, 64, 175, 0.7) !important; }
.dark .dark\:hover\:text-blue-800\/70:hover,
html.dark .dark\:hover\:text-blue-800\/70:hover { color: rgba(30, 64, 175, 0.7) !important; }
.dark .dark\:hover\:border-blue-800\/70:hover,
html.dark .dark\:hover\:border-blue-800\/70:hover { border-color: rgba(30, 64, 175, 0.7) !important; }

.bg-blue-800\/75 { background-color: rgba(30, 64, 175, 0.75) !important; }
.text-blue-800\/75 { color: rgba(30, 64, 175, 0.75) !important; }
.border-blue-800\/75 { border-color: rgba(30, 64, 175, 0.75) !important; }

.hover\:bg-blue-800\/75:hover { background-color: rgba(30, 64, 175, 0.75) !important; }
.hover\:text-blue-800\/75:hover { color: rgba(30, 64, 175, 0.75) !important; }
.hover\:border-blue-800\/75:hover { border-color: rgba(30, 64, 175, 0.75) !important; }

.dark .dark\:bg-blue-800\/75,
html.dark .dark\:bg-blue-800\/75 { background-color: rgba(30, 64, 175, 0.75) !important; }
.dark .dark\:text-blue-800\/75,
html.dark .dark\:text-blue-800\/75 { color: rgba(30, 64, 175, 0.75) !important; }
.dark .dark\:border-blue-800\/75,
html.dark .dark\:border-blue-800\/75 { border-color: rgba(30, 64, 175, 0.75) !important; }

.dark .dark\:hover\:bg-blue-800\/75:hover,
html.dark .dark\:hover\:bg-blue-800\/75:hover { background-color: rgba(30, 64, 175, 0.75) !important; }
.dark .dark\:hover\:text-blue-800\/75:hover,
html.dark .dark\:hover\:text-blue-800\/75:hover { color: rgba(30, 64, 175, 0.75) !important; }
.dark .dark\:hover\:border-blue-800\/75:hover,
html.dark .dark\:hover\:border-blue-800\/75:hover { border-color: rgba(30, 64, 175, 0.75) !important; }

.bg-blue-800\/80 { background-color: rgba(30, 64, 175, 0.8) !important; }
.text-blue-800\/80 { color: rgba(30, 64, 175, 0.8) !important; }
.border-blue-800\/80 { border-color: rgba(30, 64, 175, 0.8) !important; }

.hover\:bg-blue-800\/80:hover { background-color: rgba(30, 64, 175, 0.8) !important; }
.hover\:text-blue-800\/80:hover { color: rgba(30, 64, 175, 0.8) !important; }
.hover\:border-blue-800\/80:hover { border-color: rgba(30, 64, 175, 0.8) !important; }

.dark .dark\:bg-blue-800\/80,
html.dark .dark\:bg-blue-800\/80 { background-color: rgba(30, 64, 175, 0.8) !important; }
.dark .dark\:text-blue-800\/80,
html.dark .dark\:text-blue-800\/80 { color: rgba(30, 64, 175, 0.8) !important; }
.dark .dark\:border-blue-800\/80,
html.dark .dark\:border-blue-800\/80 { border-color: rgba(30, 64, 175, 0.8) !important; }

.dark .dark\:hover\:bg-blue-800\/80:hover,
html.dark .dark\:hover\:bg-blue-800\/80:hover { background-color: rgba(30, 64, 175, 0.8) !important; }
.dark .dark\:hover\:text-blue-800\/80:hover,
html.dark .dark\:hover\:text-blue-800\/80:hover { color: rgba(30, 64, 175, 0.8) !important; }
.dark .dark\:hover\:border-blue-800\/80:hover,
html.dark .dark\:hover\:border-blue-800\/80:hover { border-color: rgba(30, 64, 175, 0.8) !important; }

.bg-blue-800\/90 { background-color: rgba(30, 64, 175, 0.9) !important; }
.text-blue-800\/90 { color: rgba(30, 64, 175, 0.9) !important; }
.border-blue-800\/90 { border-color: rgba(30, 64, 175, 0.9) !important; }

.hover\:bg-blue-800\/90:hover { background-color: rgba(30, 64, 175, 0.9) !important; }
.hover\:text-blue-800\/90:hover { color: rgba(30, 64, 175, 0.9) !important; }
.hover\:border-blue-800\/90:hover { border-color: rgba(30, 64, 175, 0.9) !important; }

.dark .dark\:bg-blue-800\/90,
html.dark .dark\:bg-blue-800\/90 { background-color: rgba(30, 64, 175, 0.9) !important; }
.dark .dark\:text-blue-800\/90,
html.dark .dark\:text-blue-800\/90 { color: rgba(30, 64, 175, 0.9) !important; }
.dark .dark\:border-blue-800\/90,
html.dark .dark\:border-blue-800\/90 { border-color: rgba(30, 64, 175, 0.9) !important; }

.dark .dark\:hover\:bg-blue-800\/90:hover,
html.dark .dark\:hover\:bg-blue-800\/90:hover { background-color: rgba(30, 64, 175, 0.9) !important; }
.dark .dark\:hover\:text-blue-800\/90:hover,
html.dark .dark\:hover\:text-blue-800\/90:hover { color: rgba(30, 64, 175, 0.9) !important; }
.dark .dark\:hover\:border-blue-800\/90:hover,
html.dark .dark\:hover\:border-blue-800\/90:hover { border-color: rgba(30, 64, 175, 0.9) !important; }

.bg-blue-800\/95 { background-color: rgba(30, 64, 175, 0.95) !important; }
.text-blue-800\/95 { color: rgba(30, 64, 175, 0.95) !important; }
.border-blue-800\/95 { border-color: rgba(30, 64, 175, 0.95) !important; }

.hover\:bg-blue-800\/95:hover { background-color: rgba(30, 64, 175, 0.95) !important; }
.hover\:text-blue-800\/95:hover { color: rgba(30, 64, 175, 0.95) !important; }
.hover\:border-blue-800\/95:hover { border-color: rgba(30, 64, 175, 0.95) !important; }

.dark .dark\:bg-blue-800\/95,
html.dark .dark\:bg-blue-800\/95 { background-color: rgba(30, 64, 175, 0.95) !important; }
.dark .dark\:text-blue-800\/95,
html.dark .dark\:text-blue-800\/95 { color: rgba(30, 64, 175, 0.95) !important; }
.dark .dark\:border-blue-800\/95,
html.dark .dark\:border-blue-800\/95 { border-color: rgba(30, 64, 175, 0.95) !important; }

.dark .dark\:hover\:bg-blue-800\/95:hover,
html.dark .dark\:hover\:bg-blue-800\/95:hover { background-color: rgba(30, 64, 175, 0.95) !important; }
.dark .dark\:hover\:text-blue-800\/95:hover,
html.dark .dark\:hover\:text-blue-800\/95:hover { color: rgba(30, 64, 175, 0.95) !important; }
.dark .dark\:hover\:border-blue-800\/95:hover,
html.dark .dark\:hover\:border-blue-800\/95:hover { border-color: rgba(30, 64, 175, 0.95) !important; }

.bg-blue-900 { background-color: #1e3a8a !important; }
.text-blue-900 { color: #1e3a8a !important; }
.border-blue-900 { border-color: #1e3a8a !important; }
.fill-blue-900 { fill: #1e3a8a !important; }
.stroke-blue-900 { stroke: #1e3a8a !important; }

/* Hover states */
.hover\:bg-blue-900:hover { background-color: #1e3a8a !important; }
.hover\:text-blue-900:hover { color: #1e3a8a !important; }
.hover\:border-blue-900:hover { border-color: #1e3a8a !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-900,
html.dark .dark\:bg-blue-900 { background-color: #1e3a8a !important; }
.dark .dark\:text-blue-900,
html.dark .dark\:text-blue-900 { color: #1e3a8a !important; }
.dark .dark\:border-blue-900,
html.dark .dark\:border-blue-900 { border-color: #1e3a8a !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-900:hover,
html.dark .dark\:hover\:bg-blue-900:hover { background-color: #1e3a8a !important; }
.dark .dark\:hover\:text-blue-900:hover,
html.dark .dark\:hover\:text-blue-900:hover { color: #1e3a8a !important; }
.dark .dark\:hover\:border-blue-900:hover,
html.dark .dark\:hover\:border-blue-900:hover { border-color: #1e3a8a !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-900,
html.dark .group:hover .dark\:group-hover\:text-blue-900 { color: #1e3a8a !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-900,
html.dark .group:hover .dark\:group-hover\:bg-blue-900 { background-color: #1e3a8a !important; }

.bg-blue-900\/10 { background-color: rgba(30, 58, 138, 0.1) !important; }
.text-blue-900\/10 { color: rgba(30, 58, 138, 0.1) !important; }
.border-blue-900\/10 { border-color: rgba(30, 58, 138, 0.1) !important; }

.hover\:bg-blue-900\/10:hover { background-color: rgba(30, 58, 138, 0.1) !important; }
.hover\:text-blue-900\/10:hover { color: rgba(30, 58, 138, 0.1) !important; }
.hover\:border-blue-900\/10:hover { border-color: rgba(30, 58, 138, 0.1) !important; }

.dark .dark\:bg-blue-900\/10,
html.dark .dark\:bg-blue-900\/10 { background-color: rgba(30, 58, 138, 0.1) !important; }
.dark .dark\:text-blue-900\/10,
html.dark .dark\:text-blue-900\/10 { color: rgba(30, 58, 138, 0.1) !important; }
.dark .dark\:border-blue-900\/10,
html.dark .dark\:border-blue-900\/10 { border-color: rgba(30, 58, 138, 0.1) !important; }

.dark .dark\:hover\:bg-blue-900\/10:hover,
html.dark .dark\:hover\:bg-blue-900\/10:hover { background-color: rgba(30, 58, 138, 0.1) !important; }
.dark .dark\:hover\:text-blue-900\/10:hover,
html.dark .dark\:hover\:text-blue-900\/10:hover { color: rgba(30, 58, 138, 0.1) !important; }
.dark .dark\:hover\:border-blue-900\/10:hover,
html.dark .dark\:hover\:border-blue-900\/10:hover { border-color: rgba(30, 58, 138, 0.1) !important; }

.bg-blue-900\/20 { background-color: rgba(30, 58, 138, 0.2) !important; }
.text-blue-900\/20 { color: rgba(30, 58, 138, 0.2) !important; }
.border-blue-900\/20 { border-color: rgba(30, 58, 138, 0.2) !important; }

.hover\:bg-blue-900\/20:hover { background-color: rgba(30, 58, 138, 0.2) !important; }
.hover\:text-blue-900\/20:hover { color: rgba(30, 58, 138, 0.2) !important; }
.hover\:border-blue-900\/20:hover { border-color: rgba(30, 58, 138, 0.2) !important; }

.dark .dark\:bg-blue-900\/20,
html.dark .dark\:bg-blue-900\/20 { background-color: rgba(30, 58, 138, 0.2) !important; }
.dark .dark\:text-blue-900\/20,
html.dark .dark\:text-blue-900\/20 { color: rgba(30, 58, 138, 0.2) !important; }
.dark .dark\:border-blue-900\/20,
html.dark .dark\:border-blue-900\/20 { border-color: rgba(30, 58, 138, 0.2) !important; }

.dark .dark\:hover\:bg-blue-900\/20:hover,
html.dark .dark\:hover\:bg-blue-900\/20:hover { background-color: rgba(30, 58, 138, 0.2) !important; }
.dark .dark\:hover\:text-blue-900\/20:hover,
html.dark .dark\:hover\:text-blue-900\/20:hover { color: rgba(30, 58, 138, 0.2) !important; }
.dark .dark\:hover\:border-blue-900\/20:hover,
html.dark .dark\:hover\:border-blue-900\/20:hover { border-color: rgba(30, 58, 138, 0.2) !important; }

.bg-blue-900\/25 { background-color: rgba(30, 58, 138, 0.25) !important; }
.text-blue-900\/25 { color: rgba(30, 58, 138, 0.25) !important; }
.border-blue-900\/25 { border-color: rgba(30, 58, 138, 0.25) !important; }

.hover\:bg-blue-900\/25:hover { background-color: rgba(30, 58, 138, 0.25) !important; }
.hover\:text-blue-900\/25:hover { color: rgba(30, 58, 138, 0.25) !important; }
.hover\:border-blue-900\/25:hover { border-color: rgba(30, 58, 138, 0.25) !important; }

.dark .dark\:bg-blue-900\/25,
html.dark .dark\:bg-blue-900\/25 { background-color: rgba(30, 58, 138, 0.25) !important; }
.dark .dark\:text-blue-900\/25,
html.dark .dark\:text-blue-900\/25 { color: rgba(30, 58, 138, 0.25) !important; }
.dark .dark\:border-blue-900\/25,
html.dark .dark\:border-blue-900\/25 { border-color: rgba(30, 58, 138, 0.25) !important; }

.dark .dark\:hover\:bg-blue-900\/25:hover,
html.dark .dark\:hover\:bg-blue-900\/25:hover { background-color: rgba(30, 58, 138, 0.25) !important; }
.dark .dark\:hover\:text-blue-900\/25:hover,
html.dark .dark\:hover\:text-blue-900\/25:hover { color: rgba(30, 58, 138, 0.25) !important; }
.dark .dark\:hover\:border-blue-900\/25:hover,
html.dark .dark\:hover\:border-blue-900\/25:hover { border-color: rgba(30, 58, 138, 0.25) !important; }

.bg-blue-900\/30 { background-color: rgba(30, 58, 138, 0.3) !important; }
.text-blue-900\/30 { color: rgba(30, 58, 138, 0.3) !important; }
.border-blue-900\/30 { border-color: rgba(30, 58, 138, 0.3) !important; }

.hover\:bg-blue-900\/30:hover { background-color: rgba(30, 58, 138, 0.3) !important; }
.hover\:text-blue-900\/30:hover { color: rgba(30, 58, 138, 0.3) !important; }
.hover\:border-blue-900\/30:hover { border-color: rgba(30, 58, 138, 0.3) !important; }

.dark .dark\:bg-blue-900\/30,
html.dark .dark\:bg-blue-900\/30 { background-color: rgba(30, 58, 138, 0.3) !important; }
.dark .dark\:text-blue-900\/30,
html.dark .dark\:text-blue-900\/30 { color: rgba(30, 58, 138, 0.3) !important; }
.dark .dark\:border-blue-900\/30,
html.dark .dark\:border-blue-900\/30 { border-color: rgba(30, 58, 138, 0.3) !important; }

.dark .dark\:hover\:bg-blue-900\/30:hover,
html.dark .dark\:hover\:bg-blue-900\/30:hover { background-color: rgba(30, 58, 138, 0.3) !important; }
.dark .dark\:hover\:text-blue-900\/30:hover,
html.dark .dark\:hover\:text-blue-900\/30:hover { color: rgba(30, 58, 138, 0.3) !important; }
.dark .dark\:hover\:border-blue-900\/30:hover,
html.dark .dark\:hover\:border-blue-900\/30:hover { border-color: rgba(30, 58, 138, 0.3) !important; }

.bg-blue-900\/40 { background-color: rgba(30, 58, 138, 0.4) !important; }
.text-blue-900\/40 { color: rgba(30, 58, 138, 0.4) !important; }
.border-blue-900\/40 { border-color: rgba(30, 58, 138, 0.4) !important; }

.hover\:bg-blue-900\/40:hover { background-color: rgba(30, 58, 138, 0.4) !important; }
.hover\:text-blue-900\/40:hover { color: rgba(30, 58, 138, 0.4) !important; }
.hover\:border-blue-900\/40:hover { border-color: rgba(30, 58, 138, 0.4) !important; }

.dark .dark\:bg-blue-900\/40,
html.dark .dark\:bg-blue-900\/40 { background-color: rgba(30, 58, 138, 0.4) !important; }
.dark .dark\:text-blue-900\/40,
html.dark .dark\:text-blue-900\/40 { color: rgba(30, 58, 138, 0.4) !important; }
.dark .dark\:border-blue-900\/40,
html.dark .dark\:border-blue-900\/40 { border-color: rgba(30, 58, 138, 0.4) !important; }

.dark .dark\:hover\:bg-blue-900\/40:hover,
html.dark .dark\:hover\:bg-blue-900\/40:hover { background-color: rgba(30, 58, 138, 0.4) !important; }
.dark .dark\:hover\:text-blue-900\/40:hover,
html.dark .dark\:hover\:text-blue-900\/40:hover { color: rgba(30, 58, 138, 0.4) !important; }
.dark .dark\:hover\:border-blue-900\/40:hover,
html.dark .dark\:hover\:border-blue-900\/40:hover { border-color: rgba(30, 58, 138, 0.4) !important; }

.bg-blue-900\/50 { background-color: rgba(30, 58, 138, 0.5) !important; }
.text-blue-900\/50 { color: rgba(30, 58, 138, 0.5) !important; }
.border-blue-900\/50 { border-color: rgba(30, 58, 138, 0.5) !important; }

.hover\:bg-blue-900\/50:hover { background-color: rgba(30, 58, 138, 0.5) !important; }
.hover\:text-blue-900\/50:hover { color: rgba(30, 58, 138, 0.5) !important; }
.hover\:border-blue-900\/50:hover { border-color: rgba(30, 58, 138, 0.5) !important; }

.dark .dark\:bg-blue-900\/50,
html.dark .dark\:bg-blue-900\/50 { background-color: rgba(30, 58, 138, 0.5) !important; }
.dark .dark\:text-blue-900\/50,
html.dark .dark\:text-blue-900\/50 { color: rgba(30, 58, 138, 0.5) !important; }
.dark .dark\:border-blue-900\/50,
html.dark .dark\:border-blue-900\/50 { border-color: rgba(30, 58, 138, 0.5) !important; }

.dark .dark\:hover\:bg-blue-900\/50:hover,
html.dark .dark\:hover\:bg-blue-900\/50:hover { background-color: rgba(30, 58, 138, 0.5) !important; }
.dark .dark\:hover\:text-blue-900\/50:hover,
html.dark .dark\:hover\:text-blue-900\/50:hover { color: rgba(30, 58, 138, 0.5) !important; }
.dark .dark\:hover\:border-blue-900\/50:hover,
html.dark .dark\:hover\:border-blue-900\/50:hover { border-color: rgba(30, 58, 138, 0.5) !important; }

.bg-blue-900\/60 { background-color: rgba(30, 58, 138, 0.6) !important; }
.text-blue-900\/60 { color: rgba(30, 58, 138, 0.6) !important; }
.border-blue-900\/60 { border-color: rgba(30, 58, 138, 0.6) !important; }

.hover\:bg-blue-900\/60:hover { background-color: rgba(30, 58, 138, 0.6) !important; }
.hover\:text-blue-900\/60:hover { color: rgba(30, 58, 138, 0.6) !important; }
.hover\:border-blue-900\/60:hover { border-color: rgba(30, 58, 138, 0.6) !important; }

.dark .dark\:bg-blue-900\/60,
html.dark .dark\:bg-blue-900\/60 { background-color: rgba(30, 58, 138, 0.6) !important; }
.dark .dark\:text-blue-900\/60,
html.dark .dark\:text-blue-900\/60 { color: rgba(30, 58, 138, 0.6) !important; }
.dark .dark\:border-blue-900\/60,
html.dark .dark\:border-blue-900\/60 { border-color: rgba(30, 58, 138, 0.6) !important; }

.dark .dark\:hover\:bg-blue-900\/60:hover,
html.dark .dark\:hover\:bg-blue-900\/60:hover { background-color: rgba(30, 58, 138, 0.6) !important; }
.dark .dark\:hover\:text-blue-900\/60:hover,
html.dark .dark\:hover\:text-blue-900\/60:hover { color: rgba(30, 58, 138, 0.6) !important; }
.dark .dark\:hover\:border-blue-900\/60:hover,
html.dark .dark\:hover\:border-blue-900\/60:hover { border-color: rgba(30, 58, 138, 0.6) !important; }

.bg-blue-900\/70 { background-color: rgba(30, 58, 138, 0.7) !important; }
.text-blue-900\/70 { color: rgba(30, 58, 138, 0.7) !important; }
.border-blue-900\/70 { border-color: rgba(30, 58, 138, 0.7) !important; }

.hover\:bg-blue-900\/70:hover { background-color: rgba(30, 58, 138, 0.7) !important; }
.hover\:text-blue-900\/70:hover { color: rgba(30, 58, 138, 0.7) !important; }
.hover\:border-blue-900\/70:hover { border-color: rgba(30, 58, 138, 0.7) !important; }

.dark .dark\:bg-blue-900\/70,
html.dark .dark\:bg-blue-900\/70 { background-color: rgba(30, 58, 138, 0.7) !important; }
.dark .dark\:text-blue-900\/70,
html.dark .dark\:text-blue-900\/70 { color: rgba(30, 58, 138, 0.7) !important; }
.dark .dark\:border-blue-900\/70,
html.dark .dark\:border-blue-900\/70 { border-color: rgba(30, 58, 138, 0.7) !important; }

.dark .dark\:hover\:bg-blue-900\/70:hover,
html.dark .dark\:hover\:bg-blue-900\/70:hover { background-color: rgba(30, 58, 138, 0.7) !important; }
.dark .dark\:hover\:text-blue-900\/70:hover,
html.dark .dark\:hover\:text-blue-900\/70:hover { color: rgba(30, 58, 138, 0.7) !important; }
.dark .dark\:hover\:border-blue-900\/70:hover,
html.dark .dark\:hover\:border-blue-900\/70:hover { border-color: rgba(30, 58, 138, 0.7) !important; }

.bg-blue-900\/75 { background-color: rgba(30, 58, 138, 0.75) !important; }
.text-blue-900\/75 { color: rgba(30, 58, 138, 0.75) !important; }
.border-blue-900\/75 { border-color: rgba(30, 58, 138, 0.75) !important; }

.hover\:bg-blue-900\/75:hover { background-color: rgba(30, 58, 138, 0.75) !important; }
.hover\:text-blue-900\/75:hover { color: rgba(30, 58, 138, 0.75) !important; }
.hover\:border-blue-900\/75:hover { border-color: rgba(30, 58, 138, 0.75) !important; }

.dark .dark\:bg-blue-900\/75,
html.dark .dark\:bg-blue-900\/75 { background-color: rgba(30, 58, 138, 0.75) !important; }
.dark .dark\:text-blue-900\/75,
html.dark .dark\:text-blue-900\/75 { color: rgba(30, 58, 138, 0.75) !important; }
.dark .dark\:border-blue-900\/75,
html.dark .dark\:border-blue-900\/75 { border-color: rgba(30, 58, 138, 0.75) !important; }

.dark .dark\:hover\:bg-blue-900\/75:hover,
html.dark .dark\:hover\:bg-blue-900\/75:hover { background-color: rgba(30, 58, 138, 0.75) !important; }
.dark .dark\:hover\:text-blue-900\/75:hover,
html.dark .dark\:hover\:text-blue-900\/75:hover { color: rgba(30, 58, 138, 0.75) !important; }
.dark .dark\:hover\:border-blue-900\/75:hover,
html.dark .dark\:hover\:border-blue-900\/75:hover { border-color: rgba(30, 58, 138, 0.75) !important; }

.bg-blue-900\/80 { background-color: rgba(30, 58, 138, 0.8) !important; }
.text-blue-900\/80 { color: rgba(30, 58, 138, 0.8) !important; }
.border-blue-900\/80 { border-color: rgba(30, 58, 138, 0.8) !important; }

.hover\:bg-blue-900\/80:hover { background-color: rgba(30, 58, 138, 0.8) !important; }
.hover\:text-blue-900\/80:hover { color: rgba(30, 58, 138, 0.8) !important; }
.hover\:border-blue-900\/80:hover { border-color: rgba(30, 58, 138, 0.8) !important; }

.dark .dark\:bg-blue-900\/80,
html.dark .dark\:bg-blue-900\/80 { background-color: rgba(30, 58, 138, 0.8) !important; }
.dark .dark\:text-blue-900\/80,
html.dark .dark\:text-blue-900\/80 { color: rgba(30, 58, 138, 0.8) !important; }
.dark .dark\:border-blue-900\/80,
html.dark .dark\:border-blue-900\/80 { border-color: rgba(30, 58, 138, 0.8) !important; }

.dark .dark\:hover\:bg-blue-900\/80:hover,
html.dark .dark\:hover\:bg-blue-900\/80:hover { background-color: rgba(30, 58, 138, 0.8) !important; }
.dark .dark\:hover\:text-blue-900\/80:hover,
html.dark .dark\:hover\:text-blue-900\/80:hover { color: rgba(30, 58, 138, 0.8) !important; }
.dark .dark\:hover\:border-blue-900\/80:hover,
html.dark .dark\:hover\:border-blue-900\/80:hover { border-color: rgba(30, 58, 138, 0.8) !important; }

.bg-blue-900\/90 { background-color: rgba(30, 58, 138, 0.9) !important; }
.text-blue-900\/90 { color: rgba(30, 58, 138, 0.9) !important; }
.border-blue-900\/90 { border-color: rgba(30, 58, 138, 0.9) !important; }

.hover\:bg-blue-900\/90:hover { background-color: rgba(30, 58, 138, 0.9) !important; }
.hover\:text-blue-900\/90:hover { color: rgba(30, 58, 138, 0.9) !important; }
.hover\:border-blue-900\/90:hover { border-color: rgba(30, 58, 138, 0.9) !important; }

.dark .dark\:bg-blue-900\/90,
html.dark .dark\:bg-blue-900\/90 { background-color: rgba(30, 58, 138, 0.9) !important; }
.dark .dark\:text-blue-900\/90,
html.dark .dark\:text-blue-900\/90 { color: rgba(30, 58, 138, 0.9) !important; }
.dark .dark\:border-blue-900\/90,
html.dark .dark\:border-blue-900\/90 { border-color: rgba(30, 58, 138, 0.9) !important; }

.dark .dark\:hover\:bg-blue-900\/90:hover,
html.dark .dark\:hover\:bg-blue-900\/90:hover { background-color: rgba(30, 58, 138, 0.9) !important; }
.dark .dark\:hover\:text-blue-900\/90:hover,
html.dark .dark\:hover\:text-blue-900\/90:hover { color: rgba(30, 58, 138, 0.9) !important; }
.dark .dark\:hover\:border-blue-900\/90:hover,
html.dark .dark\:hover\:border-blue-900\/90:hover { border-color: rgba(30, 58, 138, 0.9) !important; }

.bg-blue-900\/95 { background-color: rgba(30, 58, 138, 0.95) !important; }
.text-blue-900\/95 { color: rgba(30, 58, 138, 0.95) !important; }
.border-blue-900\/95 { border-color: rgba(30, 58, 138, 0.95) !important; }

.hover\:bg-blue-900\/95:hover { background-color: rgba(30, 58, 138, 0.95) !important; }
.hover\:text-blue-900\/95:hover { color: rgba(30, 58, 138, 0.95) !important; }
.hover\:border-blue-900\/95:hover { border-color: rgba(30, 58, 138, 0.95) !important; }

.dark .dark\:bg-blue-900\/95,
html.dark .dark\:bg-blue-900\/95 { background-color: rgba(30, 58, 138, 0.95) !important; }
.dark .dark\:text-blue-900\/95,
html.dark .dark\:text-blue-900\/95 { color: rgba(30, 58, 138, 0.95) !important; }
.dark .dark\:border-blue-900\/95,
html.dark .dark\:border-blue-900\/95 { border-color: rgba(30, 58, 138, 0.95) !important; }

.dark .dark\:hover\:bg-blue-900\/95:hover,
html.dark .dark\:hover\:bg-blue-900\/95:hover { background-color: rgba(30, 58, 138, 0.95) !important; }
.dark .dark\:hover\:text-blue-900\/95:hover,
html.dark .dark\:hover\:text-blue-900\/95:hover { color: rgba(30, 58, 138, 0.95) !important; }
.dark .dark\:hover\:border-blue-900\/95:hover,
html.dark .dark\:hover\:border-blue-900\/95:hover { border-color: rgba(30, 58, 138, 0.95) !important; }

.bg-blue-950 { background-color: #172554 !important; }
.text-blue-950 { color: #172554 !important; }
.border-blue-950 { border-color: #172554 !important; }
.fill-blue-950 { fill: #172554 !important; }
.stroke-blue-950 { stroke: #172554 !important; }

/* Hover states */
.hover\:bg-blue-950:hover { background-color: #172554 !important; }
.hover\:text-blue-950:hover { color: #172554 !important; }
.hover\:border-blue-950:hover { border-color: #172554 !important; }

/* Dark mode standard */
.dark .dark\:bg-blue-950,
html.dark .dark\:bg-blue-950 { background-color: #172554 !important; }
.dark .dark\:text-blue-950,
html.dark .dark\:text-blue-950 { color: #172554 !important; }
.dark .dark\:border-blue-950,
html.dark .dark\:border-blue-950 { border-color: #172554 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-blue-950:hover,
html.dark .dark\:hover\:bg-blue-950:hover { background-color: #172554 !important; }
.dark .dark\:hover\:text-blue-950:hover,
html.dark .dark\:hover\:text-blue-950:hover { color: #172554 !important; }
.dark .dark\:hover\:border-blue-950:hover,
html.dark .dark\:hover\:border-blue-950:hover { border-color: #172554 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-blue-950,
html.dark .group:hover .dark\:group-hover\:text-blue-950 { color: #172554 !important; }
.dark .group:hover .dark\:group-hover\:bg-blue-950,
html.dark .group:hover .dark\:group-hover\:bg-blue-950 { background-color: #172554 !important; }

.bg-blue-950\/10 { background-color: rgba(23, 37, 84, 0.1) !important; }
.text-blue-950\/10 { color: rgba(23, 37, 84, 0.1) !important; }
.border-blue-950\/10 { border-color: rgba(23, 37, 84, 0.1) !important; }

.hover\:bg-blue-950\/10:hover { background-color: rgba(23, 37, 84, 0.1) !important; }
.hover\:text-blue-950\/10:hover { color: rgba(23, 37, 84, 0.1) !important; }
.hover\:border-blue-950\/10:hover { border-color: rgba(23, 37, 84, 0.1) !important; }

.dark .dark\:bg-blue-950\/10,
html.dark .dark\:bg-blue-950\/10 { background-color: rgba(23, 37, 84, 0.1) !important; }
.dark .dark\:text-blue-950\/10,
html.dark .dark\:text-blue-950\/10 { color: rgba(23, 37, 84, 0.1) !important; }
.dark .dark\:border-blue-950\/10,
html.dark .dark\:border-blue-950\/10 { border-color: rgba(23, 37, 84, 0.1) !important; }

.dark .dark\:hover\:bg-blue-950\/10:hover,
html.dark .dark\:hover\:bg-blue-950\/10:hover { background-color: rgba(23, 37, 84, 0.1) !important; }
.dark .dark\:hover\:text-blue-950\/10:hover,
html.dark .dark\:hover\:text-blue-950\/10:hover { color: rgba(23, 37, 84, 0.1) !important; }
.dark .dark\:hover\:border-blue-950\/10:hover,
html.dark .dark\:hover\:border-blue-950\/10:hover { border-color: rgba(23, 37, 84, 0.1) !important; }

.bg-blue-950\/20 { background-color: rgba(23, 37, 84, 0.2) !important; }
.text-blue-950\/20 { color: rgba(23, 37, 84, 0.2) !important; }
.border-blue-950\/20 { border-color: rgba(23, 37, 84, 0.2) !important; }

.hover\:bg-blue-950\/20:hover { background-color: rgba(23, 37, 84, 0.2) !important; }
.hover\:text-blue-950\/20:hover { color: rgba(23, 37, 84, 0.2) !important; }
.hover\:border-blue-950\/20:hover { border-color: rgba(23, 37, 84, 0.2) !important; }

.dark .dark\:bg-blue-950\/20,
html.dark .dark\:bg-blue-950\/20 { background-color: rgba(23, 37, 84, 0.2) !important; }
.dark .dark\:text-blue-950\/20,
html.dark .dark\:text-blue-950\/20 { color: rgba(23, 37, 84, 0.2) !important; }
.dark .dark\:border-blue-950\/20,
html.dark .dark\:border-blue-950\/20 { border-color: rgba(23, 37, 84, 0.2) !important; }

.dark .dark\:hover\:bg-blue-950\/20:hover,
html.dark .dark\:hover\:bg-blue-950\/20:hover { background-color: rgba(23, 37, 84, 0.2) !important; }
.dark .dark\:hover\:text-blue-950\/20:hover,
html.dark .dark\:hover\:text-blue-950\/20:hover { color: rgba(23, 37, 84, 0.2) !important; }
.dark .dark\:hover\:border-blue-950\/20:hover,
html.dark .dark\:hover\:border-blue-950\/20:hover { border-color: rgba(23, 37, 84, 0.2) !important; }

.bg-blue-950\/25 { background-color: rgba(23, 37, 84, 0.25) !important; }
.text-blue-950\/25 { color: rgba(23, 37, 84, 0.25) !important; }
.border-blue-950\/25 { border-color: rgba(23, 37, 84, 0.25) !important; }

.hover\:bg-blue-950\/25:hover { background-color: rgba(23, 37, 84, 0.25) !important; }
.hover\:text-blue-950\/25:hover { color: rgba(23, 37, 84, 0.25) !important; }
.hover\:border-blue-950\/25:hover { border-color: rgba(23, 37, 84, 0.25) !important; }

.dark .dark\:bg-blue-950\/25,
html.dark .dark\:bg-blue-950\/25 { background-color: rgba(23, 37, 84, 0.25) !important; }
.dark .dark\:text-blue-950\/25,
html.dark .dark\:text-blue-950\/25 { color: rgba(23, 37, 84, 0.25) !important; }
.dark .dark\:border-blue-950\/25,
html.dark .dark\:border-blue-950\/25 { border-color: rgba(23, 37, 84, 0.25) !important; }

.dark .dark\:hover\:bg-blue-950\/25:hover,
html.dark .dark\:hover\:bg-blue-950\/25:hover { background-color: rgba(23, 37, 84, 0.25) !important; }
.dark .dark\:hover\:text-blue-950\/25:hover,
html.dark .dark\:hover\:text-blue-950\/25:hover { color: rgba(23, 37, 84, 0.25) !important; }
.dark .dark\:hover\:border-blue-950\/25:hover,
html.dark .dark\:hover\:border-blue-950\/25:hover { border-color: rgba(23, 37, 84, 0.25) !important; }

.bg-blue-950\/30 { background-color: rgba(23, 37, 84, 0.3) !important; }
.text-blue-950\/30 { color: rgba(23, 37, 84, 0.3) !important; }
.border-blue-950\/30 { border-color: rgba(23, 37, 84, 0.3) !important; }

.hover\:bg-blue-950\/30:hover { background-color: rgba(23, 37, 84, 0.3) !important; }
.hover\:text-blue-950\/30:hover { color: rgba(23, 37, 84, 0.3) !important; }
.hover\:border-blue-950\/30:hover { border-color: rgba(23, 37, 84, 0.3) !important; }

.dark .dark\:bg-blue-950\/30,
html.dark .dark\:bg-blue-950\/30 { background-color: rgba(23, 37, 84, 0.3) !important; }
.dark .dark\:text-blue-950\/30,
html.dark .dark\:text-blue-950\/30 { color: rgba(23, 37, 84, 0.3) !important; }
.dark .dark\:border-blue-950\/30,
html.dark .dark\:border-blue-950\/30 { border-color: rgba(23, 37, 84, 0.3) !important; }

.dark .dark\:hover\:bg-blue-950\/30:hover,
html.dark .dark\:hover\:bg-blue-950\/30:hover { background-color: rgba(23, 37, 84, 0.3) !important; }
.dark .dark\:hover\:text-blue-950\/30:hover,
html.dark .dark\:hover\:text-blue-950\/30:hover { color: rgba(23, 37, 84, 0.3) !important; }
.dark .dark\:hover\:border-blue-950\/30:hover,
html.dark .dark\:hover\:border-blue-950\/30:hover { border-color: rgba(23, 37, 84, 0.3) !important; }

.bg-blue-950\/40 { background-color: rgba(23, 37, 84, 0.4) !important; }
.text-blue-950\/40 { color: rgba(23, 37, 84, 0.4) !important; }
.border-blue-950\/40 { border-color: rgba(23, 37, 84, 0.4) !important; }

.hover\:bg-blue-950\/40:hover { background-color: rgba(23, 37, 84, 0.4) !important; }
.hover\:text-blue-950\/40:hover { color: rgba(23, 37, 84, 0.4) !important; }
.hover\:border-blue-950\/40:hover { border-color: rgba(23, 37, 84, 0.4) !important; }

.dark .dark\:bg-blue-950\/40,
html.dark .dark\:bg-blue-950\/40 { background-color: rgba(23, 37, 84, 0.4) !important; }
.dark .dark\:text-blue-950\/40,
html.dark .dark\:text-blue-950\/40 { color: rgba(23, 37, 84, 0.4) !important; }
.dark .dark\:border-blue-950\/40,
html.dark .dark\:border-blue-950\/40 { border-color: rgba(23, 37, 84, 0.4) !important; }

.dark .dark\:hover\:bg-blue-950\/40:hover,
html.dark .dark\:hover\:bg-blue-950\/40:hover { background-color: rgba(23, 37, 84, 0.4) !important; }
.dark .dark\:hover\:text-blue-950\/40:hover,
html.dark .dark\:hover\:text-blue-950\/40:hover { color: rgba(23, 37, 84, 0.4) !important; }
.dark .dark\:hover\:border-blue-950\/40:hover,
html.dark .dark\:hover\:border-blue-950\/40:hover { border-color: rgba(23, 37, 84, 0.4) !important; }

.bg-blue-950\/50 { background-color: rgba(23, 37, 84, 0.5) !important; }
.text-blue-950\/50 { color: rgba(23, 37, 84, 0.5) !important; }
.border-blue-950\/50 { border-color: rgba(23, 37, 84, 0.5) !important; }

.hover\:bg-blue-950\/50:hover { background-color: rgba(23, 37, 84, 0.5) !important; }
.hover\:text-blue-950\/50:hover { color: rgba(23, 37, 84, 0.5) !important; }
.hover\:border-blue-950\/50:hover { border-color: rgba(23, 37, 84, 0.5) !important; }

.dark .dark\:bg-blue-950\/50,
html.dark .dark\:bg-blue-950\/50 { background-color: rgba(23, 37, 84, 0.5) !important; }
.dark .dark\:text-blue-950\/50,
html.dark .dark\:text-blue-950\/50 { color: rgba(23, 37, 84, 0.5) !important; }
.dark .dark\:border-blue-950\/50,
html.dark .dark\:border-blue-950\/50 { border-color: rgba(23, 37, 84, 0.5) !important; }

.dark .dark\:hover\:bg-blue-950\/50:hover,
html.dark .dark\:hover\:bg-blue-950\/50:hover { background-color: rgba(23, 37, 84, 0.5) !important; }
.dark .dark\:hover\:text-blue-950\/50:hover,
html.dark .dark\:hover\:text-blue-950\/50:hover { color: rgba(23, 37, 84, 0.5) !important; }
.dark .dark\:hover\:border-blue-950\/50:hover,
html.dark .dark\:hover\:border-blue-950\/50:hover { border-color: rgba(23, 37, 84, 0.5) !important; }

.bg-blue-950\/60 { background-color: rgba(23, 37, 84, 0.6) !important; }
.text-blue-950\/60 { color: rgba(23, 37, 84, 0.6) !important; }
.border-blue-950\/60 { border-color: rgba(23, 37, 84, 0.6) !important; }

.hover\:bg-blue-950\/60:hover { background-color: rgba(23, 37, 84, 0.6) !important; }
.hover\:text-blue-950\/60:hover { color: rgba(23, 37, 84, 0.6) !important; }
.hover\:border-blue-950\/60:hover { border-color: rgba(23, 37, 84, 0.6) !important; }

.dark .dark\:bg-blue-950\/60,
html.dark .dark\:bg-blue-950\/60 { background-color: rgba(23, 37, 84, 0.6) !important; }
.dark .dark\:text-blue-950\/60,
html.dark .dark\:text-blue-950\/60 { color: rgba(23, 37, 84, 0.6) !important; }
.dark .dark\:border-blue-950\/60,
html.dark .dark\:border-blue-950\/60 { border-color: rgba(23, 37, 84, 0.6) !important; }

.dark .dark\:hover\:bg-blue-950\/60:hover,
html.dark .dark\:hover\:bg-blue-950\/60:hover { background-color: rgba(23, 37, 84, 0.6) !important; }
.dark .dark\:hover\:text-blue-950\/60:hover,
html.dark .dark\:hover\:text-blue-950\/60:hover { color: rgba(23, 37, 84, 0.6) !important; }
.dark .dark\:hover\:border-blue-950\/60:hover,
html.dark .dark\:hover\:border-blue-950\/60:hover { border-color: rgba(23, 37, 84, 0.6) !important; }

.bg-blue-950\/70 { background-color: rgba(23, 37, 84, 0.7) !important; }
.text-blue-950\/70 { color: rgba(23, 37, 84, 0.7) !important; }
.border-blue-950\/70 { border-color: rgba(23, 37, 84, 0.7) !important; }

.hover\:bg-blue-950\/70:hover { background-color: rgba(23, 37, 84, 0.7) !important; }
.hover\:text-blue-950\/70:hover { color: rgba(23, 37, 84, 0.7) !important; }
.hover\:border-blue-950\/70:hover { border-color: rgba(23, 37, 84, 0.7) !important; }

.dark .dark\:bg-blue-950\/70,
html.dark .dark\:bg-blue-950\/70 { background-color: rgba(23, 37, 84, 0.7) !important; }
.dark .dark\:text-blue-950\/70,
html.dark .dark\:text-blue-950\/70 { color: rgba(23, 37, 84, 0.7) !important; }
.dark .dark\:border-blue-950\/70,
html.dark .dark\:border-blue-950\/70 { border-color: rgba(23, 37, 84, 0.7) !important; }

.dark .dark\:hover\:bg-blue-950\/70:hover,
html.dark .dark\:hover\:bg-blue-950\/70:hover { background-color: rgba(23, 37, 84, 0.7) !important; }
.dark .dark\:hover\:text-blue-950\/70:hover,
html.dark .dark\:hover\:text-blue-950\/70:hover { color: rgba(23, 37, 84, 0.7) !important; }
.dark .dark\:hover\:border-blue-950\/70:hover,
html.dark .dark\:hover\:border-blue-950\/70:hover { border-color: rgba(23, 37, 84, 0.7) !important; }

.bg-blue-950\/75 { background-color: rgba(23, 37, 84, 0.75) !important; }
.text-blue-950\/75 { color: rgba(23, 37, 84, 0.75) !important; }
.border-blue-950\/75 { border-color: rgba(23, 37, 84, 0.75) !important; }

.hover\:bg-blue-950\/75:hover { background-color: rgba(23, 37, 84, 0.75) !important; }
.hover\:text-blue-950\/75:hover { color: rgba(23, 37, 84, 0.75) !important; }
.hover\:border-blue-950\/75:hover { border-color: rgba(23, 37, 84, 0.75) !important; }

.dark .dark\:bg-blue-950\/75,
html.dark .dark\:bg-blue-950\/75 { background-color: rgba(23, 37, 84, 0.75) !important; }
.dark .dark\:text-blue-950\/75,
html.dark .dark\:text-blue-950\/75 { color: rgba(23, 37, 84, 0.75) !important; }
.dark .dark\:border-blue-950\/75,
html.dark .dark\:border-blue-950\/75 { border-color: rgba(23, 37, 84, 0.75) !important; }

.dark .dark\:hover\:bg-blue-950\/75:hover,
html.dark .dark\:hover\:bg-blue-950\/75:hover { background-color: rgba(23, 37, 84, 0.75) !important; }
.dark .dark\:hover\:text-blue-950\/75:hover,
html.dark .dark\:hover\:text-blue-950\/75:hover { color: rgba(23, 37, 84, 0.75) !important; }
.dark .dark\:hover\:border-blue-950\/75:hover,
html.dark .dark\:hover\:border-blue-950\/75:hover { border-color: rgba(23, 37, 84, 0.75) !important; }

.bg-blue-950\/80 { background-color: rgba(23, 37, 84, 0.8) !important; }
.text-blue-950\/80 { color: rgba(23, 37, 84, 0.8) !important; }
.border-blue-950\/80 { border-color: rgba(23, 37, 84, 0.8) !important; }

.hover\:bg-blue-950\/80:hover { background-color: rgba(23, 37, 84, 0.8) !important; }
.hover\:text-blue-950\/80:hover { color: rgba(23, 37, 84, 0.8) !important; }
.hover\:border-blue-950\/80:hover { border-color: rgba(23, 37, 84, 0.8) !important; }

.dark .dark\:bg-blue-950\/80,
html.dark .dark\:bg-blue-950\/80 { background-color: rgba(23, 37, 84, 0.8) !important; }
.dark .dark\:text-blue-950\/80,
html.dark .dark\:text-blue-950\/80 { color: rgba(23, 37, 84, 0.8) !important; }
.dark .dark\:border-blue-950\/80,
html.dark .dark\:border-blue-950\/80 { border-color: rgba(23, 37, 84, 0.8) !important; }

.dark .dark\:hover\:bg-blue-950\/80:hover,
html.dark .dark\:hover\:bg-blue-950\/80:hover { background-color: rgba(23, 37, 84, 0.8) !important; }
.dark .dark\:hover\:text-blue-950\/80:hover,
html.dark .dark\:hover\:text-blue-950\/80:hover { color: rgba(23, 37, 84, 0.8) !important; }
.dark .dark\:hover\:border-blue-950\/80:hover,
html.dark .dark\:hover\:border-blue-950\/80:hover { border-color: rgba(23, 37, 84, 0.8) !important; }

.bg-blue-950\/90 { background-color: rgba(23, 37, 84, 0.9) !important; }
.text-blue-950\/90 { color: rgba(23, 37, 84, 0.9) !important; }
.border-blue-950\/90 { border-color: rgba(23, 37, 84, 0.9) !important; }

.hover\:bg-blue-950\/90:hover { background-color: rgba(23, 37, 84, 0.9) !important; }
.hover\:text-blue-950\/90:hover { color: rgba(23, 37, 84, 0.9) !important; }
.hover\:border-blue-950\/90:hover { border-color: rgba(23, 37, 84, 0.9) !important; }

.dark .dark\:bg-blue-950\/90,
html.dark .dark\:bg-blue-950\/90 { background-color: rgba(23, 37, 84, 0.9) !important; }
.dark .dark\:text-blue-950\/90,
html.dark .dark\:text-blue-950\/90 { color: rgba(23, 37, 84, 0.9) !important; }
.dark .dark\:border-blue-950\/90,
html.dark .dark\:border-blue-950\/90 { border-color: rgba(23, 37, 84, 0.9) !important; }

.dark .dark\:hover\:bg-blue-950\/90:hover,
html.dark .dark\:hover\:bg-blue-950\/90:hover { background-color: rgba(23, 37, 84, 0.9) !important; }
.dark .dark\:hover\:text-blue-950\/90:hover,
html.dark .dark\:hover\:text-blue-950\/90:hover { color: rgba(23, 37, 84, 0.9) !important; }
.dark .dark\:hover\:border-blue-950\/90:hover,
html.dark .dark\:hover\:border-blue-950\/90:hover { border-color: rgba(23, 37, 84, 0.9) !important; }

.bg-blue-950\/95 { background-color: rgba(23, 37, 84, 0.95) !important; }
.text-blue-950\/95 { color: rgba(23, 37, 84, 0.95) !important; }
.border-blue-950\/95 { border-color: rgba(23, 37, 84, 0.95) !important; }

.hover\:bg-blue-950\/95:hover { background-color: rgba(23, 37, 84, 0.95) !important; }
.hover\:text-blue-950\/95:hover { color: rgba(23, 37, 84, 0.95) !important; }
.hover\:border-blue-950\/95:hover { border-color: rgba(23, 37, 84, 0.95) !important; }

.dark .dark\:bg-blue-950\/95,
html.dark .dark\:bg-blue-950\/95 { background-color: rgba(23, 37, 84, 0.95) !important; }
.dark .dark\:text-blue-950\/95,
html.dark .dark\:text-blue-950\/95 { color: rgba(23, 37, 84, 0.95) !important; }
.dark .dark\:border-blue-950\/95,
html.dark .dark\:border-blue-950\/95 { border-color: rgba(23, 37, 84, 0.95) !important; }

.dark .dark\:hover\:bg-blue-950\/95:hover,
html.dark .dark\:hover\:bg-blue-950\/95:hover { background-color: rgba(23, 37, 84, 0.95) !important; }
.dark .dark\:hover\:text-blue-950\/95:hover,
html.dark .dark\:hover\:text-blue-950\/95:hover { color: rgba(23, 37, 84, 0.95) !important; }
.dark .dark\:hover\:border-blue-950\/95:hover,
html.dark .dark\:hover\:border-blue-950\/95:hover { border-color: rgba(23, 37, 84, 0.95) !important; }

.bg-emerald-50 { background-color: #ecfdf5 !important; }
.text-emerald-50 { color: #ecfdf5 !important; }
.border-emerald-50 { border-color: #ecfdf5 !important; }
.fill-emerald-50 { fill: #ecfdf5 !important; }
.stroke-emerald-50 { stroke: #ecfdf5 !important; }

/* Hover states */
.hover\:bg-emerald-50:hover { background-color: #ecfdf5 !important; }
.hover\:text-emerald-50:hover { color: #ecfdf5 !important; }
.hover\:border-emerald-50:hover { border-color: #ecfdf5 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-50,
html.dark .dark\:bg-emerald-50 { background-color: #ecfdf5 !important; }
.dark .dark\:text-emerald-50,
html.dark .dark\:text-emerald-50 { color: #ecfdf5 !important; }
.dark .dark\:border-emerald-50,
html.dark .dark\:border-emerald-50 { border-color: #ecfdf5 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-50:hover,
html.dark .dark\:hover\:bg-emerald-50:hover { background-color: #ecfdf5 !important; }
.dark .dark\:hover\:text-emerald-50:hover,
html.dark .dark\:hover\:text-emerald-50:hover { color: #ecfdf5 !important; }
.dark .dark\:hover\:border-emerald-50:hover,
html.dark .dark\:hover\:border-emerald-50:hover { border-color: #ecfdf5 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-50,
html.dark .group:hover .dark\:group-hover\:text-emerald-50 { color: #ecfdf5 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-50,
html.dark .group:hover .dark\:group-hover\:bg-emerald-50 { background-color: #ecfdf5 !important; }

.bg-emerald-50\/10 { background-color: rgba(236, 253, 245, 0.1) !important; }
.text-emerald-50\/10 { color: rgba(236, 253, 245, 0.1) !important; }
.border-emerald-50\/10 { border-color: rgba(236, 253, 245, 0.1) !important; }

.hover\:bg-emerald-50\/10:hover { background-color: rgba(236, 253, 245, 0.1) !important; }
.hover\:text-emerald-50\/10:hover { color: rgba(236, 253, 245, 0.1) !important; }
.hover\:border-emerald-50\/10:hover { border-color: rgba(236, 253, 245, 0.1) !important; }

.dark .dark\:bg-emerald-50\/10,
html.dark .dark\:bg-emerald-50\/10 { background-color: rgba(236, 253, 245, 0.1) !important; }
.dark .dark\:text-emerald-50\/10,
html.dark .dark\:text-emerald-50\/10 { color: rgba(236, 253, 245, 0.1) !important; }
.dark .dark\:border-emerald-50\/10,
html.dark .dark\:border-emerald-50\/10 { border-color: rgba(236, 253, 245, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-50\/10:hover,
html.dark .dark\:hover\:bg-emerald-50\/10:hover { background-color: rgba(236, 253, 245, 0.1) !important; }
.dark .dark\:hover\:text-emerald-50\/10:hover,
html.dark .dark\:hover\:text-emerald-50\/10:hover { color: rgba(236, 253, 245, 0.1) !important; }
.dark .dark\:hover\:border-emerald-50\/10:hover,
html.dark .dark\:hover\:border-emerald-50\/10:hover { border-color: rgba(236, 253, 245, 0.1) !important; }

.bg-emerald-50\/20 { background-color: rgba(236, 253, 245, 0.2) !important; }
.text-emerald-50\/20 { color: rgba(236, 253, 245, 0.2) !important; }
.border-emerald-50\/20 { border-color: rgba(236, 253, 245, 0.2) !important; }

.hover\:bg-emerald-50\/20:hover { background-color: rgba(236, 253, 245, 0.2) !important; }
.hover\:text-emerald-50\/20:hover { color: rgba(236, 253, 245, 0.2) !important; }
.hover\:border-emerald-50\/20:hover { border-color: rgba(236, 253, 245, 0.2) !important; }

.dark .dark\:bg-emerald-50\/20,
html.dark .dark\:bg-emerald-50\/20 { background-color: rgba(236, 253, 245, 0.2) !important; }
.dark .dark\:text-emerald-50\/20,
html.dark .dark\:text-emerald-50\/20 { color: rgba(236, 253, 245, 0.2) !important; }
.dark .dark\:border-emerald-50\/20,
html.dark .dark\:border-emerald-50\/20 { border-color: rgba(236, 253, 245, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-50\/20:hover,
html.dark .dark\:hover\:bg-emerald-50\/20:hover { background-color: rgba(236, 253, 245, 0.2) !important; }
.dark .dark\:hover\:text-emerald-50\/20:hover,
html.dark .dark\:hover\:text-emerald-50\/20:hover { color: rgba(236, 253, 245, 0.2) !important; }
.dark .dark\:hover\:border-emerald-50\/20:hover,
html.dark .dark\:hover\:border-emerald-50\/20:hover { border-color: rgba(236, 253, 245, 0.2) !important; }

.bg-emerald-50\/25 { background-color: rgba(236, 253, 245, 0.25) !important; }
.text-emerald-50\/25 { color: rgba(236, 253, 245, 0.25) !important; }
.border-emerald-50\/25 { border-color: rgba(236, 253, 245, 0.25) !important; }

.hover\:bg-emerald-50\/25:hover { background-color: rgba(236, 253, 245, 0.25) !important; }
.hover\:text-emerald-50\/25:hover { color: rgba(236, 253, 245, 0.25) !important; }
.hover\:border-emerald-50\/25:hover { border-color: rgba(236, 253, 245, 0.25) !important; }

.dark .dark\:bg-emerald-50\/25,
html.dark .dark\:bg-emerald-50\/25 { background-color: rgba(236, 253, 245, 0.25) !important; }
.dark .dark\:text-emerald-50\/25,
html.dark .dark\:text-emerald-50\/25 { color: rgba(236, 253, 245, 0.25) !important; }
.dark .dark\:border-emerald-50\/25,
html.dark .dark\:border-emerald-50\/25 { border-color: rgba(236, 253, 245, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-50\/25:hover,
html.dark .dark\:hover\:bg-emerald-50\/25:hover { background-color: rgba(236, 253, 245, 0.25) !important; }
.dark .dark\:hover\:text-emerald-50\/25:hover,
html.dark .dark\:hover\:text-emerald-50\/25:hover { color: rgba(236, 253, 245, 0.25) !important; }
.dark .dark\:hover\:border-emerald-50\/25:hover,
html.dark .dark\:hover\:border-emerald-50\/25:hover { border-color: rgba(236, 253, 245, 0.25) !important; }

.bg-emerald-50\/30 { background-color: rgba(236, 253, 245, 0.3) !important; }
.text-emerald-50\/30 { color: rgba(236, 253, 245, 0.3) !important; }
.border-emerald-50\/30 { border-color: rgba(236, 253, 245, 0.3) !important; }

.hover\:bg-emerald-50\/30:hover { background-color: rgba(236, 253, 245, 0.3) !important; }
.hover\:text-emerald-50\/30:hover { color: rgba(236, 253, 245, 0.3) !important; }
.hover\:border-emerald-50\/30:hover { border-color: rgba(236, 253, 245, 0.3) !important; }

.dark .dark\:bg-emerald-50\/30,
html.dark .dark\:bg-emerald-50\/30 { background-color: rgba(236, 253, 245, 0.3) !important; }
.dark .dark\:text-emerald-50\/30,
html.dark .dark\:text-emerald-50\/30 { color: rgba(236, 253, 245, 0.3) !important; }
.dark .dark\:border-emerald-50\/30,
html.dark .dark\:border-emerald-50\/30 { border-color: rgba(236, 253, 245, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-50\/30:hover,
html.dark .dark\:hover\:bg-emerald-50\/30:hover { background-color: rgba(236, 253, 245, 0.3) !important; }
.dark .dark\:hover\:text-emerald-50\/30:hover,
html.dark .dark\:hover\:text-emerald-50\/30:hover { color: rgba(236, 253, 245, 0.3) !important; }
.dark .dark\:hover\:border-emerald-50\/30:hover,
html.dark .dark\:hover\:border-emerald-50\/30:hover { border-color: rgba(236, 253, 245, 0.3) !important; }

.bg-emerald-50\/40 { background-color: rgba(236, 253, 245, 0.4) !important; }
.text-emerald-50\/40 { color: rgba(236, 253, 245, 0.4) !important; }
.border-emerald-50\/40 { border-color: rgba(236, 253, 245, 0.4) !important; }

.hover\:bg-emerald-50\/40:hover { background-color: rgba(236, 253, 245, 0.4) !important; }
.hover\:text-emerald-50\/40:hover { color: rgba(236, 253, 245, 0.4) !important; }
.hover\:border-emerald-50\/40:hover { border-color: rgba(236, 253, 245, 0.4) !important; }

.dark .dark\:bg-emerald-50\/40,
html.dark .dark\:bg-emerald-50\/40 { background-color: rgba(236, 253, 245, 0.4) !important; }
.dark .dark\:text-emerald-50\/40,
html.dark .dark\:text-emerald-50\/40 { color: rgba(236, 253, 245, 0.4) !important; }
.dark .dark\:border-emerald-50\/40,
html.dark .dark\:border-emerald-50\/40 { border-color: rgba(236, 253, 245, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-50\/40:hover,
html.dark .dark\:hover\:bg-emerald-50\/40:hover { background-color: rgba(236, 253, 245, 0.4) !important; }
.dark .dark\:hover\:text-emerald-50\/40:hover,
html.dark .dark\:hover\:text-emerald-50\/40:hover { color: rgba(236, 253, 245, 0.4) !important; }
.dark .dark\:hover\:border-emerald-50\/40:hover,
html.dark .dark\:hover\:border-emerald-50\/40:hover { border-color: rgba(236, 253, 245, 0.4) !important; }

.bg-emerald-50\/50 { background-color: rgba(236, 253, 245, 0.5) !important; }
.text-emerald-50\/50 { color: rgba(236, 253, 245, 0.5) !important; }
.border-emerald-50\/50 { border-color: rgba(236, 253, 245, 0.5) !important; }

.hover\:bg-emerald-50\/50:hover { background-color: rgba(236, 253, 245, 0.5) !important; }
.hover\:text-emerald-50\/50:hover { color: rgba(236, 253, 245, 0.5) !important; }
.hover\:border-emerald-50\/50:hover { border-color: rgba(236, 253, 245, 0.5) !important; }

.dark .dark\:bg-emerald-50\/50,
html.dark .dark\:bg-emerald-50\/50 { background-color: rgba(236, 253, 245, 0.5) !important; }
.dark .dark\:text-emerald-50\/50,
html.dark .dark\:text-emerald-50\/50 { color: rgba(236, 253, 245, 0.5) !important; }
.dark .dark\:border-emerald-50\/50,
html.dark .dark\:border-emerald-50\/50 { border-color: rgba(236, 253, 245, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-50\/50:hover,
html.dark .dark\:hover\:bg-emerald-50\/50:hover { background-color: rgba(236, 253, 245, 0.5) !important; }
.dark .dark\:hover\:text-emerald-50\/50:hover,
html.dark .dark\:hover\:text-emerald-50\/50:hover { color: rgba(236, 253, 245, 0.5) !important; }
.dark .dark\:hover\:border-emerald-50\/50:hover,
html.dark .dark\:hover\:border-emerald-50\/50:hover { border-color: rgba(236, 253, 245, 0.5) !important; }

.bg-emerald-50\/60 { background-color: rgba(236, 253, 245, 0.6) !important; }
.text-emerald-50\/60 { color: rgba(236, 253, 245, 0.6) !important; }
.border-emerald-50\/60 { border-color: rgba(236, 253, 245, 0.6) !important; }

.hover\:bg-emerald-50\/60:hover { background-color: rgba(236, 253, 245, 0.6) !important; }
.hover\:text-emerald-50\/60:hover { color: rgba(236, 253, 245, 0.6) !important; }
.hover\:border-emerald-50\/60:hover { border-color: rgba(236, 253, 245, 0.6) !important; }

.dark .dark\:bg-emerald-50\/60,
html.dark .dark\:bg-emerald-50\/60 { background-color: rgba(236, 253, 245, 0.6) !important; }
.dark .dark\:text-emerald-50\/60,
html.dark .dark\:text-emerald-50\/60 { color: rgba(236, 253, 245, 0.6) !important; }
.dark .dark\:border-emerald-50\/60,
html.dark .dark\:border-emerald-50\/60 { border-color: rgba(236, 253, 245, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-50\/60:hover,
html.dark .dark\:hover\:bg-emerald-50\/60:hover { background-color: rgba(236, 253, 245, 0.6) !important; }
.dark .dark\:hover\:text-emerald-50\/60:hover,
html.dark .dark\:hover\:text-emerald-50\/60:hover { color: rgba(236, 253, 245, 0.6) !important; }
.dark .dark\:hover\:border-emerald-50\/60:hover,
html.dark .dark\:hover\:border-emerald-50\/60:hover { border-color: rgba(236, 253, 245, 0.6) !important; }

.bg-emerald-50\/70 { background-color: rgba(236, 253, 245, 0.7) !important; }
.text-emerald-50\/70 { color: rgba(236, 253, 245, 0.7) !important; }
.border-emerald-50\/70 { border-color: rgba(236, 253, 245, 0.7) !important; }

.hover\:bg-emerald-50\/70:hover { background-color: rgba(236, 253, 245, 0.7) !important; }
.hover\:text-emerald-50\/70:hover { color: rgba(236, 253, 245, 0.7) !important; }
.hover\:border-emerald-50\/70:hover { border-color: rgba(236, 253, 245, 0.7) !important; }

.dark .dark\:bg-emerald-50\/70,
html.dark .dark\:bg-emerald-50\/70 { background-color: rgba(236, 253, 245, 0.7) !important; }
.dark .dark\:text-emerald-50\/70,
html.dark .dark\:text-emerald-50\/70 { color: rgba(236, 253, 245, 0.7) !important; }
.dark .dark\:border-emerald-50\/70,
html.dark .dark\:border-emerald-50\/70 { border-color: rgba(236, 253, 245, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-50\/70:hover,
html.dark .dark\:hover\:bg-emerald-50\/70:hover { background-color: rgba(236, 253, 245, 0.7) !important; }
.dark .dark\:hover\:text-emerald-50\/70:hover,
html.dark .dark\:hover\:text-emerald-50\/70:hover { color: rgba(236, 253, 245, 0.7) !important; }
.dark .dark\:hover\:border-emerald-50\/70:hover,
html.dark .dark\:hover\:border-emerald-50\/70:hover { border-color: rgba(236, 253, 245, 0.7) !important; }

.bg-emerald-50\/75 { background-color: rgba(236, 253, 245, 0.75) !important; }
.text-emerald-50\/75 { color: rgba(236, 253, 245, 0.75) !important; }
.border-emerald-50\/75 { border-color: rgba(236, 253, 245, 0.75) !important; }

.hover\:bg-emerald-50\/75:hover { background-color: rgba(236, 253, 245, 0.75) !important; }
.hover\:text-emerald-50\/75:hover { color: rgba(236, 253, 245, 0.75) !important; }
.hover\:border-emerald-50\/75:hover { border-color: rgba(236, 253, 245, 0.75) !important; }

.dark .dark\:bg-emerald-50\/75,
html.dark .dark\:bg-emerald-50\/75 { background-color: rgba(236, 253, 245, 0.75) !important; }
.dark .dark\:text-emerald-50\/75,
html.dark .dark\:text-emerald-50\/75 { color: rgba(236, 253, 245, 0.75) !important; }
.dark .dark\:border-emerald-50\/75,
html.dark .dark\:border-emerald-50\/75 { border-color: rgba(236, 253, 245, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-50\/75:hover,
html.dark .dark\:hover\:bg-emerald-50\/75:hover { background-color: rgba(236, 253, 245, 0.75) !important; }
.dark .dark\:hover\:text-emerald-50\/75:hover,
html.dark .dark\:hover\:text-emerald-50\/75:hover { color: rgba(236, 253, 245, 0.75) !important; }
.dark .dark\:hover\:border-emerald-50\/75:hover,
html.dark .dark\:hover\:border-emerald-50\/75:hover { border-color: rgba(236, 253, 245, 0.75) !important; }

.bg-emerald-50\/80 { background-color: rgba(236, 253, 245, 0.8) !important; }
.text-emerald-50\/80 { color: rgba(236, 253, 245, 0.8) !important; }
.border-emerald-50\/80 { border-color: rgba(236, 253, 245, 0.8) !important; }

.hover\:bg-emerald-50\/80:hover { background-color: rgba(236, 253, 245, 0.8) !important; }
.hover\:text-emerald-50\/80:hover { color: rgba(236, 253, 245, 0.8) !important; }
.hover\:border-emerald-50\/80:hover { border-color: rgba(236, 253, 245, 0.8) !important; }

.dark .dark\:bg-emerald-50\/80,
html.dark .dark\:bg-emerald-50\/80 { background-color: rgba(236, 253, 245, 0.8) !important; }
.dark .dark\:text-emerald-50\/80,
html.dark .dark\:text-emerald-50\/80 { color: rgba(236, 253, 245, 0.8) !important; }
.dark .dark\:border-emerald-50\/80,
html.dark .dark\:border-emerald-50\/80 { border-color: rgba(236, 253, 245, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-50\/80:hover,
html.dark .dark\:hover\:bg-emerald-50\/80:hover { background-color: rgba(236, 253, 245, 0.8) !important; }
.dark .dark\:hover\:text-emerald-50\/80:hover,
html.dark .dark\:hover\:text-emerald-50\/80:hover { color: rgba(236, 253, 245, 0.8) !important; }
.dark .dark\:hover\:border-emerald-50\/80:hover,
html.dark .dark\:hover\:border-emerald-50\/80:hover { border-color: rgba(236, 253, 245, 0.8) !important; }

.bg-emerald-50\/90 { background-color: rgba(236, 253, 245, 0.9) !important; }
.text-emerald-50\/90 { color: rgba(236, 253, 245, 0.9) !important; }
.border-emerald-50\/90 { border-color: rgba(236, 253, 245, 0.9) !important; }

.hover\:bg-emerald-50\/90:hover { background-color: rgba(236, 253, 245, 0.9) !important; }
.hover\:text-emerald-50\/90:hover { color: rgba(236, 253, 245, 0.9) !important; }
.hover\:border-emerald-50\/90:hover { border-color: rgba(236, 253, 245, 0.9) !important; }

.dark .dark\:bg-emerald-50\/90,
html.dark .dark\:bg-emerald-50\/90 { background-color: rgba(236, 253, 245, 0.9) !important; }
.dark .dark\:text-emerald-50\/90,
html.dark .dark\:text-emerald-50\/90 { color: rgba(236, 253, 245, 0.9) !important; }
.dark .dark\:border-emerald-50\/90,
html.dark .dark\:border-emerald-50\/90 { border-color: rgba(236, 253, 245, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-50\/90:hover,
html.dark .dark\:hover\:bg-emerald-50\/90:hover { background-color: rgba(236, 253, 245, 0.9) !important; }
.dark .dark\:hover\:text-emerald-50\/90:hover,
html.dark .dark\:hover\:text-emerald-50\/90:hover { color: rgba(236, 253, 245, 0.9) !important; }
.dark .dark\:hover\:border-emerald-50\/90:hover,
html.dark .dark\:hover\:border-emerald-50\/90:hover { border-color: rgba(236, 253, 245, 0.9) !important; }

.bg-emerald-50\/95 { background-color: rgba(236, 253, 245, 0.95) !important; }
.text-emerald-50\/95 { color: rgba(236, 253, 245, 0.95) !important; }
.border-emerald-50\/95 { border-color: rgba(236, 253, 245, 0.95) !important; }

.hover\:bg-emerald-50\/95:hover { background-color: rgba(236, 253, 245, 0.95) !important; }
.hover\:text-emerald-50\/95:hover { color: rgba(236, 253, 245, 0.95) !important; }
.hover\:border-emerald-50\/95:hover { border-color: rgba(236, 253, 245, 0.95) !important; }

.dark .dark\:bg-emerald-50\/95,
html.dark .dark\:bg-emerald-50\/95 { background-color: rgba(236, 253, 245, 0.95) !important; }
.dark .dark\:text-emerald-50\/95,
html.dark .dark\:text-emerald-50\/95 { color: rgba(236, 253, 245, 0.95) !important; }
.dark .dark\:border-emerald-50\/95,
html.dark .dark\:border-emerald-50\/95 { border-color: rgba(236, 253, 245, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-50\/95:hover,
html.dark .dark\:hover\:bg-emerald-50\/95:hover { background-color: rgba(236, 253, 245, 0.95) !important; }
.dark .dark\:hover\:text-emerald-50\/95:hover,
html.dark .dark\:hover\:text-emerald-50\/95:hover { color: rgba(236, 253, 245, 0.95) !important; }
.dark .dark\:hover\:border-emerald-50\/95:hover,
html.dark .dark\:hover\:border-emerald-50\/95:hover { border-color: rgba(236, 253, 245, 0.95) !important; }

.bg-emerald-100 { background-color: #d1fae5 !important; }
.text-emerald-100 { color: #d1fae5 !important; }
.border-emerald-100 { border-color: #d1fae5 !important; }
.fill-emerald-100 { fill: #d1fae5 !important; }
.stroke-emerald-100 { stroke: #d1fae5 !important; }

/* Hover states */
.hover\:bg-emerald-100:hover { background-color: #d1fae5 !important; }
.hover\:text-emerald-100:hover { color: #d1fae5 !important; }
.hover\:border-emerald-100:hover { border-color: #d1fae5 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-100,
html.dark .dark\:bg-emerald-100 { background-color: #d1fae5 !important; }
.dark .dark\:text-emerald-100,
html.dark .dark\:text-emerald-100 { color: #d1fae5 !important; }
.dark .dark\:border-emerald-100,
html.dark .dark\:border-emerald-100 { border-color: #d1fae5 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-100:hover,
html.dark .dark\:hover\:bg-emerald-100:hover { background-color: #d1fae5 !important; }
.dark .dark\:hover\:text-emerald-100:hover,
html.dark .dark\:hover\:text-emerald-100:hover { color: #d1fae5 !important; }
.dark .dark\:hover\:border-emerald-100:hover,
html.dark .dark\:hover\:border-emerald-100:hover { border-color: #d1fae5 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-100,
html.dark .group:hover .dark\:group-hover\:text-emerald-100 { color: #d1fae5 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-100,
html.dark .group:hover .dark\:group-hover\:bg-emerald-100 { background-color: #d1fae5 !important; }

.bg-emerald-100\/10 { background-color: rgba(209, 250, 229, 0.1) !important; }
.text-emerald-100\/10 { color: rgba(209, 250, 229, 0.1) !important; }
.border-emerald-100\/10 { border-color: rgba(209, 250, 229, 0.1) !important; }

.hover\:bg-emerald-100\/10:hover { background-color: rgba(209, 250, 229, 0.1) !important; }
.hover\:text-emerald-100\/10:hover { color: rgba(209, 250, 229, 0.1) !important; }
.hover\:border-emerald-100\/10:hover { border-color: rgba(209, 250, 229, 0.1) !important; }

.dark .dark\:bg-emerald-100\/10,
html.dark .dark\:bg-emerald-100\/10 { background-color: rgba(209, 250, 229, 0.1) !important; }
.dark .dark\:text-emerald-100\/10,
html.dark .dark\:text-emerald-100\/10 { color: rgba(209, 250, 229, 0.1) !important; }
.dark .dark\:border-emerald-100\/10,
html.dark .dark\:border-emerald-100\/10 { border-color: rgba(209, 250, 229, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-100\/10:hover,
html.dark .dark\:hover\:bg-emerald-100\/10:hover { background-color: rgba(209, 250, 229, 0.1) !important; }
.dark .dark\:hover\:text-emerald-100\/10:hover,
html.dark .dark\:hover\:text-emerald-100\/10:hover { color: rgba(209, 250, 229, 0.1) !important; }
.dark .dark\:hover\:border-emerald-100\/10:hover,
html.dark .dark\:hover\:border-emerald-100\/10:hover { border-color: rgba(209, 250, 229, 0.1) !important; }

.bg-emerald-100\/20 { background-color: rgba(209, 250, 229, 0.2) !important; }
.text-emerald-100\/20 { color: rgba(209, 250, 229, 0.2) !important; }
.border-emerald-100\/20 { border-color: rgba(209, 250, 229, 0.2) !important; }

.hover\:bg-emerald-100\/20:hover { background-color: rgba(209, 250, 229, 0.2) !important; }
.hover\:text-emerald-100\/20:hover { color: rgba(209, 250, 229, 0.2) !important; }
.hover\:border-emerald-100\/20:hover { border-color: rgba(209, 250, 229, 0.2) !important; }

.dark .dark\:bg-emerald-100\/20,
html.dark .dark\:bg-emerald-100\/20 { background-color: rgba(209, 250, 229, 0.2) !important; }
.dark .dark\:text-emerald-100\/20,
html.dark .dark\:text-emerald-100\/20 { color: rgba(209, 250, 229, 0.2) !important; }
.dark .dark\:border-emerald-100\/20,
html.dark .dark\:border-emerald-100\/20 { border-color: rgba(209, 250, 229, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-100\/20:hover,
html.dark .dark\:hover\:bg-emerald-100\/20:hover { background-color: rgba(209, 250, 229, 0.2) !important; }
.dark .dark\:hover\:text-emerald-100\/20:hover,
html.dark .dark\:hover\:text-emerald-100\/20:hover { color: rgba(209, 250, 229, 0.2) !important; }
.dark .dark\:hover\:border-emerald-100\/20:hover,
html.dark .dark\:hover\:border-emerald-100\/20:hover { border-color: rgba(209, 250, 229, 0.2) !important; }

.bg-emerald-100\/25 { background-color: rgba(209, 250, 229, 0.25) !important; }
.text-emerald-100\/25 { color: rgba(209, 250, 229, 0.25) !important; }
.border-emerald-100\/25 { border-color: rgba(209, 250, 229, 0.25) !important; }

.hover\:bg-emerald-100\/25:hover { background-color: rgba(209, 250, 229, 0.25) !important; }
.hover\:text-emerald-100\/25:hover { color: rgba(209, 250, 229, 0.25) !important; }
.hover\:border-emerald-100\/25:hover { border-color: rgba(209, 250, 229, 0.25) !important; }

.dark .dark\:bg-emerald-100\/25,
html.dark .dark\:bg-emerald-100\/25 { background-color: rgba(209, 250, 229, 0.25) !important; }
.dark .dark\:text-emerald-100\/25,
html.dark .dark\:text-emerald-100\/25 { color: rgba(209, 250, 229, 0.25) !important; }
.dark .dark\:border-emerald-100\/25,
html.dark .dark\:border-emerald-100\/25 { border-color: rgba(209, 250, 229, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-100\/25:hover,
html.dark .dark\:hover\:bg-emerald-100\/25:hover { background-color: rgba(209, 250, 229, 0.25) !important; }
.dark .dark\:hover\:text-emerald-100\/25:hover,
html.dark .dark\:hover\:text-emerald-100\/25:hover { color: rgba(209, 250, 229, 0.25) !important; }
.dark .dark\:hover\:border-emerald-100\/25:hover,
html.dark .dark\:hover\:border-emerald-100\/25:hover { border-color: rgba(209, 250, 229, 0.25) !important; }

.bg-emerald-100\/30 { background-color: rgba(209, 250, 229, 0.3) !important; }
.text-emerald-100\/30 { color: rgba(209, 250, 229, 0.3) !important; }
.border-emerald-100\/30 { border-color: rgba(209, 250, 229, 0.3) !important; }

.hover\:bg-emerald-100\/30:hover { background-color: rgba(209, 250, 229, 0.3) !important; }
.hover\:text-emerald-100\/30:hover { color: rgba(209, 250, 229, 0.3) !important; }
.hover\:border-emerald-100\/30:hover { border-color: rgba(209, 250, 229, 0.3) !important; }

.dark .dark\:bg-emerald-100\/30,
html.dark .dark\:bg-emerald-100\/30 { background-color: rgba(209, 250, 229, 0.3) !important; }
.dark .dark\:text-emerald-100\/30,
html.dark .dark\:text-emerald-100\/30 { color: rgba(209, 250, 229, 0.3) !important; }
.dark .dark\:border-emerald-100\/30,
html.dark .dark\:border-emerald-100\/30 { border-color: rgba(209, 250, 229, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-100\/30:hover,
html.dark .dark\:hover\:bg-emerald-100\/30:hover { background-color: rgba(209, 250, 229, 0.3) !important; }
.dark .dark\:hover\:text-emerald-100\/30:hover,
html.dark .dark\:hover\:text-emerald-100\/30:hover { color: rgba(209, 250, 229, 0.3) !important; }
.dark .dark\:hover\:border-emerald-100\/30:hover,
html.dark .dark\:hover\:border-emerald-100\/30:hover { border-color: rgba(209, 250, 229, 0.3) !important; }

.bg-emerald-100\/40 { background-color: rgba(209, 250, 229, 0.4) !important; }
.text-emerald-100\/40 { color: rgba(209, 250, 229, 0.4) !important; }
.border-emerald-100\/40 { border-color: rgba(209, 250, 229, 0.4) !important; }

.hover\:bg-emerald-100\/40:hover { background-color: rgba(209, 250, 229, 0.4) !important; }
.hover\:text-emerald-100\/40:hover { color: rgba(209, 250, 229, 0.4) !important; }
.hover\:border-emerald-100\/40:hover { border-color: rgba(209, 250, 229, 0.4) !important; }

.dark .dark\:bg-emerald-100\/40,
html.dark .dark\:bg-emerald-100\/40 { background-color: rgba(209, 250, 229, 0.4) !important; }
.dark .dark\:text-emerald-100\/40,
html.dark .dark\:text-emerald-100\/40 { color: rgba(209, 250, 229, 0.4) !important; }
.dark .dark\:border-emerald-100\/40,
html.dark .dark\:border-emerald-100\/40 { border-color: rgba(209, 250, 229, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-100\/40:hover,
html.dark .dark\:hover\:bg-emerald-100\/40:hover { background-color: rgba(209, 250, 229, 0.4) !important; }
.dark .dark\:hover\:text-emerald-100\/40:hover,
html.dark .dark\:hover\:text-emerald-100\/40:hover { color: rgba(209, 250, 229, 0.4) !important; }
.dark .dark\:hover\:border-emerald-100\/40:hover,
html.dark .dark\:hover\:border-emerald-100\/40:hover { border-color: rgba(209, 250, 229, 0.4) !important; }

.bg-emerald-100\/50 { background-color: rgba(209, 250, 229, 0.5) !important; }
.text-emerald-100\/50 { color: rgba(209, 250, 229, 0.5) !important; }
.border-emerald-100\/50 { border-color: rgba(209, 250, 229, 0.5) !important; }

.hover\:bg-emerald-100\/50:hover { background-color: rgba(209, 250, 229, 0.5) !important; }
.hover\:text-emerald-100\/50:hover { color: rgba(209, 250, 229, 0.5) !important; }
.hover\:border-emerald-100\/50:hover { border-color: rgba(209, 250, 229, 0.5) !important; }

.dark .dark\:bg-emerald-100\/50,
html.dark .dark\:bg-emerald-100\/50 { background-color: rgba(209, 250, 229, 0.5) !important; }
.dark .dark\:text-emerald-100\/50,
html.dark .dark\:text-emerald-100\/50 { color: rgba(209, 250, 229, 0.5) !important; }
.dark .dark\:border-emerald-100\/50,
html.dark .dark\:border-emerald-100\/50 { border-color: rgba(209, 250, 229, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-100\/50:hover,
html.dark .dark\:hover\:bg-emerald-100\/50:hover { background-color: rgba(209, 250, 229, 0.5) !important; }
.dark .dark\:hover\:text-emerald-100\/50:hover,
html.dark .dark\:hover\:text-emerald-100\/50:hover { color: rgba(209, 250, 229, 0.5) !important; }
.dark .dark\:hover\:border-emerald-100\/50:hover,
html.dark .dark\:hover\:border-emerald-100\/50:hover { border-color: rgba(209, 250, 229, 0.5) !important; }

.bg-emerald-100\/60 { background-color: rgba(209, 250, 229, 0.6) !important; }
.text-emerald-100\/60 { color: rgba(209, 250, 229, 0.6) !important; }
.border-emerald-100\/60 { border-color: rgba(209, 250, 229, 0.6) !important; }

.hover\:bg-emerald-100\/60:hover { background-color: rgba(209, 250, 229, 0.6) !important; }
.hover\:text-emerald-100\/60:hover { color: rgba(209, 250, 229, 0.6) !important; }
.hover\:border-emerald-100\/60:hover { border-color: rgba(209, 250, 229, 0.6) !important; }

.dark .dark\:bg-emerald-100\/60,
html.dark .dark\:bg-emerald-100\/60 { background-color: rgba(209, 250, 229, 0.6) !important; }
.dark .dark\:text-emerald-100\/60,
html.dark .dark\:text-emerald-100\/60 { color: rgba(209, 250, 229, 0.6) !important; }
.dark .dark\:border-emerald-100\/60,
html.dark .dark\:border-emerald-100\/60 { border-color: rgba(209, 250, 229, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-100\/60:hover,
html.dark .dark\:hover\:bg-emerald-100\/60:hover { background-color: rgba(209, 250, 229, 0.6) !important; }
.dark .dark\:hover\:text-emerald-100\/60:hover,
html.dark .dark\:hover\:text-emerald-100\/60:hover { color: rgba(209, 250, 229, 0.6) !important; }
.dark .dark\:hover\:border-emerald-100\/60:hover,
html.dark .dark\:hover\:border-emerald-100\/60:hover { border-color: rgba(209, 250, 229, 0.6) !important; }

.bg-emerald-100\/70 { background-color: rgba(209, 250, 229, 0.7) !important; }
.text-emerald-100\/70 { color: rgba(209, 250, 229, 0.7) !important; }
.border-emerald-100\/70 { border-color: rgba(209, 250, 229, 0.7) !important; }

.hover\:bg-emerald-100\/70:hover { background-color: rgba(209, 250, 229, 0.7) !important; }
.hover\:text-emerald-100\/70:hover { color: rgba(209, 250, 229, 0.7) !important; }
.hover\:border-emerald-100\/70:hover { border-color: rgba(209, 250, 229, 0.7) !important; }

.dark .dark\:bg-emerald-100\/70,
html.dark .dark\:bg-emerald-100\/70 { background-color: rgba(209, 250, 229, 0.7) !important; }
.dark .dark\:text-emerald-100\/70,
html.dark .dark\:text-emerald-100\/70 { color: rgba(209, 250, 229, 0.7) !important; }
.dark .dark\:border-emerald-100\/70,
html.dark .dark\:border-emerald-100\/70 { border-color: rgba(209, 250, 229, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-100\/70:hover,
html.dark .dark\:hover\:bg-emerald-100\/70:hover { background-color: rgba(209, 250, 229, 0.7) !important; }
.dark .dark\:hover\:text-emerald-100\/70:hover,
html.dark .dark\:hover\:text-emerald-100\/70:hover { color: rgba(209, 250, 229, 0.7) !important; }
.dark .dark\:hover\:border-emerald-100\/70:hover,
html.dark .dark\:hover\:border-emerald-100\/70:hover { border-color: rgba(209, 250, 229, 0.7) !important; }

.bg-emerald-100\/75 { background-color: rgba(209, 250, 229, 0.75) !important; }
.text-emerald-100\/75 { color: rgba(209, 250, 229, 0.75) !important; }
.border-emerald-100\/75 { border-color: rgba(209, 250, 229, 0.75) !important; }

.hover\:bg-emerald-100\/75:hover { background-color: rgba(209, 250, 229, 0.75) !important; }
.hover\:text-emerald-100\/75:hover { color: rgba(209, 250, 229, 0.75) !important; }
.hover\:border-emerald-100\/75:hover { border-color: rgba(209, 250, 229, 0.75) !important; }

.dark .dark\:bg-emerald-100\/75,
html.dark .dark\:bg-emerald-100\/75 { background-color: rgba(209, 250, 229, 0.75) !important; }
.dark .dark\:text-emerald-100\/75,
html.dark .dark\:text-emerald-100\/75 { color: rgba(209, 250, 229, 0.75) !important; }
.dark .dark\:border-emerald-100\/75,
html.dark .dark\:border-emerald-100\/75 { border-color: rgba(209, 250, 229, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-100\/75:hover,
html.dark .dark\:hover\:bg-emerald-100\/75:hover { background-color: rgba(209, 250, 229, 0.75) !important; }
.dark .dark\:hover\:text-emerald-100\/75:hover,
html.dark .dark\:hover\:text-emerald-100\/75:hover { color: rgba(209, 250, 229, 0.75) !important; }
.dark .dark\:hover\:border-emerald-100\/75:hover,
html.dark .dark\:hover\:border-emerald-100\/75:hover { border-color: rgba(209, 250, 229, 0.75) !important; }

.bg-emerald-100\/80 { background-color: rgba(209, 250, 229, 0.8) !important; }
.text-emerald-100\/80 { color: rgba(209, 250, 229, 0.8) !important; }
.border-emerald-100\/80 { border-color: rgba(209, 250, 229, 0.8) !important; }

.hover\:bg-emerald-100\/80:hover { background-color: rgba(209, 250, 229, 0.8) !important; }
.hover\:text-emerald-100\/80:hover { color: rgba(209, 250, 229, 0.8) !important; }
.hover\:border-emerald-100\/80:hover { border-color: rgba(209, 250, 229, 0.8) !important; }

.dark .dark\:bg-emerald-100\/80,
html.dark .dark\:bg-emerald-100\/80 { background-color: rgba(209, 250, 229, 0.8) !important; }
.dark .dark\:text-emerald-100\/80,
html.dark .dark\:text-emerald-100\/80 { color: rgba(209, 250, 229, 0.8) !important; }
.dark .dark\:border-emerald-100\/80,
html.dark .dark\:border-emerald-100\/80 { border-color: rgba(209, 250, 229, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-100\/80:hover,
html.dark .dark\:hover\:bg-emerald-100\/80:hover { background-color: rgba(209, 250, 229, 0.8) !important; }
.dark .dark\:hover\:text-emerald-100\/80:hover,
html.dark .dark\:hover\:text-emerald-100\/80:hover { color: rgba(209, 250, 229, 0.8) !important; }
.dark .dark\:hover\:border-emerald-100\/80:hover,
html.dark .dark\:hover\:border-emerald-100\/80:hover { border-color: rgba(209, 250, 229, 0.8) !important; }

.bg-emerald-100\/90 { background-color: rgba(209, 250, 229, 0.9) !important; }
.text-emerald-100\/90 { color: rgba(209, 250, 229, 0.9) !important; }
.border-emerald-100\/90 { border-color: rgba(209, 250, 229, 0.9) !important; }

.hover\:bg-emerald-100\/90:hover { background-color: rgba(209, 250, 229, 0.9) !important; }
.hover\:text-emerald-100\/90:hover { color: rgba(209, 250, 229, 0.9) !important; }
.hover\:border-emerald-100\/90:hover { border-color: rgba(209, 250, 229, 0.9) !important; }

.dark .dark\:bg-emerald-100\/90,
html.dark .dark\:bg-emerald-100\/90 { background-color: rgba(209, 250, 229, 0.9) !important; }
.dark .dark\:text-emerald-100\/90,
html.dark .dark\:text-emerald-100\/90 { color: rgba(209, 250, 229, 0.9) !important; }
.dark .dark\:border-emerald-100\/90,
html.dark .dark\:border-emerald-100\/90 { border-color: rgba(209, 250, 229, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-100\/90:hover,
html.dark .dark\:hover\:bg-emerald-100\/90:hover { background-color: rgba(209, 250, 229, 0.9) !important; }
.dark .dark\:hover\:text-emerald-100\/90:hover,
html.dark .dark\:hover\:text-emerald-100\/90:hover { color: rgba(209, 250, 229, 0.9) !important; }
.dark .dark\:hover\:border-emerald-100\/90:hover,
html.dark .dark\:hover\:border-emerald-100\/90:hover { border-color: rgba(209, 250, 229, 0.9) !important; }

.bg-emerald-100\/95 { background-color: rgba(209, 250, 229, 0.95) !important; }
.text-emerald-100\/95 { color: rgba(209, 250, 229, 0.95) !important; }
.border-emerald-100\/95 { border-color: rgba(209, 250, 229, 0.95) !important; }

.hover\:bg-emerald-100\/95:hover { background-color: rgba(209, 250, 229, 0.95) !important; }
.hover\:text-emerald-100\/95:hover { color: rgba(209, 250, 229, 0.95) !important; }
.hover\:border-emerald-100\/95:hover { border-color: rgba(209, 250, 229, 0.95) !important; }

.dark .dark\:bg-emerald-100\/95,
html.dark .dark\:bg-emerald-100\/95 { background-color: rgba(209, 250, 229, 0.95) !important; }
.dark .dark\:text-emerald-100\/95,
html.dark .dark\:text-emerald-100\/95 { color: rgba(209, 250, 229, 0.95) !important; }
.dark .dark\:border-emerald-100\/95,
html.dark .dark\:border-emerald-100\/95 { border-color: rgba(209, 250, 229, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-100\/95:hover,
html.dark .dark\:hover\:bg-emerald-100\/95:hover { background-color: rgba(209, 250, 229, 0.95) !important; }
.dark .dark\:hover\:text-emerald-100\/95:hover,
html.dark .dark\:hover\:text-emerald-100\/95:hover { color: rgba(209, 250, 229, 0.95) !important; }
.dark .dark\:hover\:border-emerald-100\/95:hover,
html.dark .dark\:hover\:border-emerald-100\/95:hover { border-color: rgba(209, 250, 229, 0.95) !important; }

.bg-emerald-200 { background-color: #a7f3d0 !important; }
.text-emerald-200 { color: #a7f3d0 !important; }
.border-emerald-200 { border-color: #a7f3d0 !important; }
.fill-emerald-200 { fill: #a7f3d0 !important; }
.stroke-emerald-200 { stroke: #a7f3d0 !important; }

/* Hover states */
.hover\:bg-emerald-200:hover { background-color: #a7f3d0 !important; }
.hover\:text-emerald-200:hover { color: #a7f3d0 !important; }
.hover\:border-emerald-200:hover { border-color: #a7f3d0 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-200,
html.dark .dark\:bg-emerald-200 { background-color: #a7f3d0 !important; }
.dark .dark\:text-emerald-200,
html.dark .dark\:text-emerald-200 { color: #a7f3d0 !important; }
.dark .dark\:border-emerald-200,
html.dark .dark\:border-emerald-200 { border-color: #a7f3d0 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-200:hover,
html.dark .dark\:hover\:bg-emerald-200:hover { background-color: #a7f3d0 !important; }
.dark .dark\:hover\:text-emerald-200:hover,
html.dark .dark\:hover\:text-emerald-200:hover { color: #a7f3d0 !important; }
.dark .dark\:hover\:border-emerald-200:hover,
html.dark .dark\:hover\:border-emerald-200:hover { border-color: #a7f3d0 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-200,
html.dark .group:hover .dark\:group-hover\:text-emerald-200 { color: #a7f3d0 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-200,
html.dark .group:hover .dark\:group-hover\:bg-emerald-200 { background-color: #a7f3d0 !important; }

.bg-emerald-200\/10 { background-color: rgba(167, 243, 208, 0.1) !important; }
.text-emerald-200\/10 { color: rgba(167, 243, 208, 0.1) !important; }
.border-emerald-200\/10 { border-color: rgba(167, 243, 208, 0.1) !important; }

.hover\:bg-emerald-200\/10:hover { background-color: rgba(167, 243, 208, 0.1) !important; }
.hover\:text-emerald-200\/10:hover { color: rgba(167, 243, 208, 0.1) !important; }
.hover\:border-emerald-200\/10:hover { border-color: rgba(167, 243, 208, 0.1) !important; }

.dark .dark\:bg-emerald-200\/10,
html.dark .dark\:bg-emerald-200\/10 { background-color: rgba(167, 243, 208, 0.1) !important; }
.dark .dark\:text-emerald-200\/10,
html.dark .dark\:text-emerald-200\/10 { color: rgba(167, 243, 208, 0.1) !important; }
.dark .dark\:border-emerald-200\/10,
html.dark .dark\:border-emerald-200\/10 { border-color: rgba(167, 243, 208, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-200\/10:hover,
html.dark .dark\:hover\:bg-emerald-200\/10:hover { background-color: rgba(167, 243, 208, 0.1) !important; }
.dark .dark\:hover\:text-emerald-200\/10:hover,
html.dark .dark\:hover\:text-emerald-200\/10:hover { color: rgba(167, 243, 208, 0.1) !important; }
.dark .dark\:hover\:border-emerald-200\/10:hover,
html.dark .dark\:hover\:border-emerald-200\/10:hover { border-color: rgba(167, 243, 208, 0.1) !important; }

.bg-emerald-200\/20 { background-color: rgba(167, 243, 208, 0.2) !important; }
.text-emerald-200\/20 { color: rgba(167, 243, 208, 0.2) !important; }
.border-emerald-200\/20 { border-color: rgba(167, 243, 208, 0.2) !important; }

.hover\:bg-emerald-200\/20:hover { background-color: rgba(167, 243, 208, 0.2) !important; }
.hover\:text-emerald-200\/20:hover { color: rgba(167, 243, 208, 0.2) !important; }
.hover\:border-emerald-200\/20:hover { border-color: rgba(167, 243, 208, 0.2) !important; }

.dark .dark\:bg-emerald-200\/20,
html.dark .dark\:bg-emerald-200\/20 { background-color: rgba(167, 243, 208, 0.2) !important; }
.dark .dark\:text-emerald-200\/20,
html.dark .dark\:text-emerald-200\/20 { color: rgba(167, 243, 208, 0.2) !important; }
.dark .dark\:border-emerald-200\/20,
html.dark .dark\:border-emerald-200\/20 { border-color: rgba(167, 243, 208, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-200\/20:hover,
html.dark .dark\:hover\:bg-emerald-200\/20:hover { background-color: rgba(167, 243, 208, 0.2) !important; }
.dark .dark\:hover\:text-emerald-200\/20:hover,
html.dark .dark\:hover\:text-emerald-200\/20:hover { color: rgba(167, 243, 208, 0.2) !important; }
.dark .dark\:hover\:border-emerald-200\/20:hover,
html.dark .dark\:hover\:border-emerald-200\/20:hover { border-color: rgba(167, 243, 208, 0.2) !important; }

.bg-emerald-200\/25 { background-color: rgba(167, 243, 208, 0.25) !important; }
.text-emerald-200\/25 { color: rgba(167, 243, 208, 0.25) !important; }
.border-emerald-200\/25 { border-color: rgba(167, 243, 208, 0.25) !important; }

.hover\:bg-emerald-200\/25:hover { background-color: rgba(167, 243, 208, 0.25) !important; }
.hover\:text-emerald-200\/25:hover { color: rgba(167, 243, 208, 0.25) !important; }
.hover\:border-emerald-200\/25:hover { border-color: rgba(167, 243, 208, 0.25) !important; }

.dark .dark\:bg-emerald-200\/25,
html.dark .dark\:bg-emerald-200\/25 { background-color: rgba(167, 243, 208, 0.25) !important; }
.dark .dark\:text-emerald-200\/25,
html.dark .dark\:text-emerald-200\/25 { color: rgba(167, 243, 208, 0.25) !important; }
.dark .dark\:border-emerald-200\/25,
html.dark .dark\:border-emerald-200\/25 { border-color: rgba(167, 243, 208, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-200\/25:hover,
html.dark .dark\:hover\:bg-emerald-200\/25:hover { background-color: rgba(167, 243, 208, 0.25) !important; }
.dark .dark\:hover\:text-emerald-200\/25:hover,
html.dark .dark\:hover\:text-emerald-200\/25:hover { color: rgba(167, 243, 208, 0.25) !important; }
.dark .dark\:hover\:border-emerald-200\/25:hover,
html.dark .dark\:hover\:border-emerald-200\/25:hover { border-color: rgba(167, 243, 208, 0.25) !important; }

.bg-emerald-200\/30 { background-color: rgba(167, 243, 208, 0.3) !important; }
.text-emerald-200\/30 { color: rgba(167, 243, 208, 0.3) !important; }
.border-emerald-200\/30 { border-color: rgba(167, 243, 208, 0.3) !important; }

.hover\:bg-emerald-200\/30:hover { background-color: rgba(167, 243, 208, 0.3) !important; }
.hover\:text-emerald-200\/30:hover { color: rgba(167, 243, 208, 0.3) !important; }
.hover\:border-emerald-200\/30:hover { border-color: rgba(167, 243, 208, 0.3) !important; }

.dark .dark\:bg-emerald-200\/30,
html.dark .dark\:bg-emerald-200\/30 { background-color: rgba(167, 243, 208, 0.3) !important; }
.dark .dark\:text-emerald-200\/30,
html.dark .dark\:text-emerald-200\/30 { color: rgba(167, 243, 208, 0.3) !important; }
.dark .dark\:border-emerald-200\/30,
html.dark .dark\:border-emerald-200\/30 { border-color: rgba(167, 243, 208, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-200\/30:hover,
html.dark .dark\:hover\:bg-emerald-200\/30:hover { background-color: rgba(167, 243, 208, 0.3) !important; }
.dark .dark\:hover\:text-emerald-200\/30:hover,
html.dark .dark\:hover\:text-emerald-200\/30:hover { color: rgba(167, 243, 208, 0.3) !important; }
.dark .dark\:hover\:border-emerald-200\/30:hover,
html.dark .dark\:hover\:border-emerald-200\/30:hover { border-color: rgba(167, 243, 208, 0.3) !important; }

.bg-emerald-200\/40 { background-color: rgba(167, 243, 208, 0.4) !important; }
.text-emerald-200\/40 { color: rgba(167, 243, 208, 0.4) !important; }
.border-emerald-200\/40 { border-color: rgba(167, 243, 208, 0.4) !important; }

.hover\:bg-emerald-200\/40:hover { background-color: rgba(167, 243, 208, 0.4) !important; }
.hover\:text-emerald-200\/40:hover { color: rgba(167, 243, 208, 0.4) !important; }
.hover\:border-emerald-200\/40:hover { border-color: rgba(167, 243, 208, 0.4) !important; }

.dark .dark\:bg-emerald-200\/40,
html.dark .dark\:bg-emerald-200\/40 { background-color: rgba(167, 243, 208, 0.4) !important; }
.dark .dark\:text-emerald-200\/40,
html.dark .dark\:text-emerald-200\/40 { color: rgba(167, 243, 208, 0.4) !important; }
.dark .dark\:border-emerald-200\/40,
html.dark .dark\:border-emerald-200\/40 { border-color: rgba(167, 243, 208, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-200\/40:hover,
html.dark .dark\:hover\:bg-emerald-200\/40:hover { background-color: rgba(167, 243, 208, 0.4) !important; }
.dark .dark\:hover\:text-emerald-200\/40:hover,
html.dark .dark\:hover\:text-emerald-200\/40:hover { color: rgba(167, 243, 208, 0.4) !important; }
.dark .dark\:hover\:border-emerald-200\/40:hover,
html.dark .dark\:hover\:border-emerald-200\/40:hover { border-color: rgba(167, 243, 208, 0.4) !important; }

.bg-emerald-200\/50 { background-color: rgba(167, 243, 208, 0.5) !important; }
.text-emerald-200\/50 { color: rgba(167, 243, 208, 0.5) !important; }
.border-emerald-200\/50 { border-color: rgba(167, 243, 208, 0.5) !important; }

.hover\:bg-emerald-200\/50:hover { background-color: rgba(167, 243, 208, 0.5) !important; }
.hover\:text-emerald-200\/50:hover { color: rgba(167, 243, 208, 0.5) !important; }
.hover\:border-emerald-200\/50:hover { border-color: rgba(167, 243, 208, 0.5) !important; }

.dark .dark\:bg-emerald-200\/50,
html.dark .dark\:bg-emerald-200\/50 { background-color: rgba(167, 243, 208, 0.5) !important; }
.dark .dark\:text-emerald-200\/50,
html.dark .dark\:text-emerald-200\/50 { color: rgba(167, 243, 208, 0.5) !important; }
.dark .dark\:border-emerald-200\/50,
html.dark .dark\:border-emerald-200\/50 { border-color: rgba(167, 243, 208, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-200\/50:hover,
html.dark .dark\:hover\:bg-emerald-200\/50:hover { background-color: rgba(167, 243, 208, 0.5) !important; }
.dark .dark\:hover\:text-emerald-200\/50:hover,
html.dark .dark\:hover\:text-emerald-200\/50:hover { color: rgba(167, 243, 208, 0.5) !important; }
.dark .dark\:hover\:border-emerald-200\/50:hover,
html.dark .dark\:hover\:border-emerald-200\/50:hover { border-color: rgba(167, 243, 208, 0.5) !important; }

.bg-emerald-200\/60 { background-color: rgba(167, 243, 208, 0.6) !important; }
.text-emerald-200\/60 { color: rgba(167, 243, 208, 0.6) !important; }
.border-emerald-200\/60 { border-color: rgba(167, 243, 208, 0.6) !important; }

.hover\:bg-emerald-200\/60:hover { background-color: rgba(167, 243, 208, 0.6) !important; }
.hover\:text-emerald-200\/60:hover { color: rgba(167, 243, 208, 0.6) !important; }
.hover\:border-emerald-200\/60:hover { border-color: rgba(167, 243, 208, 0.6) !important; }

.dark .dark\:bg-emerald-200\/60,
html.dark .dark\:bg-emerald-200\/60 { background-color: rgba(167, 243, 208, 0.6) !important; }
.dark .dark\:text-emerald-200\/60,
html.dark .dark\:text-emerald-200\/60 { color: rgba(167, 243, 208, 0.6) !important; }
.dark .dark\:border-emerald-200\/60,
html.dark .dark\:border-emerald-200\/60 { border-color: rgba(167, 243, 208, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-200\/60:hover,
html.dark .dark\:hover\:bg-emerald-200\/60:hover { background-color: rgba(167, 243, 208, 0.6) !important; }
.dark .dark\:hover\:text-emerald-200\/60:hover,
html.dark .dark\:hover\:text-emerald-200\/60:hover { color: rgba(167, 243, 208, 0.6) !important; }
.dark .dark\:hover\:border-emerald-200\/60:hover,
html.dark .dark\:hover\:border-emerald-200\/60:hover { border-color: rgba(167, 243, 208, 0.6) !important; }

.bg-emerald-200\/70 { background-color: rgba(167, 243, 208, 0.7) !important; }
.text-emerald-200\/70 { color: rgba(167, 243, 208, 0.7) !important; }
.border-emerald-200\/70 { border-color: rgba(167, 243, 208, 0.7) !important; }

.hover\:bg-emerald-200\/70:hover { background-color: rgba(167, 243, 208, 0.7) !important; }
.hover\:text-emerald-200\/70:hover { color: rgba(167, 243, 208, 0.7) !important; }
.hover\:border-emerald-200\/70:hover { border-color: rgba(167, 243, 208, 0.7) !important; }

.dark .dark\:bg-emerald-200\/70,
html.dark .dark\:bg-emerald-200\/70 { background-color: rgba(167, 243, 208, 0.7) !important; }
.dark .dark\:text-emerald-200\/70,
html.dark .dark\:text-emerald-200\/70 { color: rgba(167, 243, 208, 0.7) !important; }
.dark .dark\:border-emerald-200\/70,
html.dark .dark\:border-emerald-200\/70 { border-color: rgba(167, 243, 208, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-200\/70:hover,
html.dark .dark\:hover\:bg-emerald-200\/70:hover { background-color: rgba(167, 243, 208, 0.7) !important; }
.dark .dark\:hover\:text-emerald-200\/70:hover,
html.dark .dark\:hover\:text-emerald-200\/70:hover { color: rgba(167, 243, 208, 0.7) !important; }
.dark .dark\:hover\:border-emerald-200\/70:hover,
html.dark .dark\:hover\:border-emerald-200\/70:hover { border-color: rgba(167, 243, 208, 0.7) !important; }

.bg-emerald-200\/75 { background-color: rgba(167, 243, 208, 0.75) !important; }
.text-emerald-200\/75 { color: rgba(167, 243, 208, 0.75) !important; }
.border-emerald-200\/75 { border-color: rgba(167, 243, 208, 0.75) !important; }

.hover\:bg-emerald-200\/75:hover { background-color: rgba(167, 243, 208, 0.75) !important; }
.hover\:text-emerald-200\/75:hover { color: rgba(167, 243, 208, 0.75) !important; }
.hover\:border-emerald-200\/75:hover { border-color: rgba(167, 243, 208, 0.75) !important; }

.dark .dark\:bg-emerald-200\/75,
html.dark .dark\:bg-emerald-200\/75 { background-color: rgba(167, 243, 208, 0.75) !important; }
.dark .dark\:text-emerald-200\/75,
html.dark .dark\:text-emerald-200\/75 { color: rgba(167, 243, 208, 0.75) !important; }
.dark .dark\:border-emerald-200\/75,
html.dark .dark\:border-emerald-200\/75 { border-color: rgba(167, 243, 208, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-200\/75:hover,
html.dark .dark\:hover\:bg-emerald-200\/75:hover { background-color: rgba(167, 243, 208, 0.75) !important; }
.dark .dark\:hover\:text-emerald-200\/75:hover,
html.dark .dark\:hover\:text-emerald-200\/75:hover { color: rgba(167, 243, 208, 0.75) !important; }
.dark .dark\:hover\:border-emerald-200\/75:hover,
html.dark .dark\:hover\:border-emerald-200\/75:hover { border-color: rgba(167, 243, 208, 0.75) !important; }

.bg-emerald-200\/80 { background-color: rgba(167, 243, 208, 0.8) !important; }
.text-emerald-200\/80 { color: rgba(167, 243, 208, 0.8) !important; }
.border-emerald-200\/80 { border-color: rgba(167, 243, 208, 0.8) !important; }

.hover\:bg-emerald-200\/80:hover { background-color: rgba(167, 243, 208, 0.8) !important; }
.hover\:text-emerald-200\/80:hover { color: rgba(167, 243, 208, 0.8) !important; }
.hover\:border-emerald-200\/80:hover { border-color: rgba(167, 243, 208, 0.8) !important; }

.dark .dark\:bg-emerald-200\/80,
html.dark .dark\:bg-emerald-200\/80 { background-color: rgba(167, 243, 208, 0.8) !important; }
.dark .dark\:text-emerald-200\/80,
html.dark .dark\:text-emerald-200\/80 { color: rgba(167, 243, 208, 0.8) !important; }
.dark .dark\:border-emerald-200\/80,
html.dark .dark\:border-emerald-200\/80 { border-color: rgba(167, 243, 208, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-200\/80:hover,
html.dark .dark\:hover\:bg-emerald-200\/80:hover { background-color: rgba(167, 243, 208, 0.8) !important; }
.dark .dark\:hover\:text-emerald-200\/80:hover,
html.dark .dark\:hover\:text-emerald-200\/80:hover { color: rgba(167, 243, 208, 0.8) !important; }
.dark .dark\:hover\:border-emerald-200\/80:hover,
html.dark .dark\:hover\:border-emerald-200\/80:hover { border-color: rgba(167, 243, 208, 0.8) !important; }

.bg-emerald-200\/90 { background-color: rgba(167, 243, 208, 0.9) !important; }
.text-emerald-200\/90 { color: rgba(167, 243, 208, 0.9) !important; }
.border-emerald-200\/90 { border-color: rgba(167, 243, 208, 0.9) !important; }

.hover\:bg-emerald-200\/90:hover { background-color: rgba(167, 243, 208, 0.9) !important; }
.hover\:text-emerald-200\/90:hover { color: rgba(167, 243, 208, 0.9) !important; }
.hover\:border-emerald-200\/90:hover { border-color: rgba(167, 243, 208, 0.9) !important; }

.dark .dark\:bg-emerald-200\/90,
html.dark .dark\:bg-emerald-200\/90 { background-color: rgba(167, 243, 208, 0.9) !important; }
.dark .dark\:text-emerald-200\/90,
html.dark .dark\:text-emerald-200\/90 { color: rgba(167, 243, 208, 0.9) !important; }
.dark .dark\:border-emerald-200\/90,
html.dark .dark\:border-emerald-200\/90 { border-color: rgba(167, 243, 208, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-200\/90:hover,
html.dark .dark\:hover\:bg-emerald-200\/90:hover { background-color: rgba(167, 243, 208, 0.9) !important; }
.dark .dark\:hover\:text-emerald-200\/90:hover,
html.dark .dark\:hover\:text-emerald-200\/90:hover { color: rgba(167, 243, 208, 0.9) !important; }
.dark .dark\:hover\:border-emerald-200\/90:hover,
html.dark .dark\:hover\:border-emerald-200\/90:hover { border-color: rgba(167, 243, 208, 0.9) !important; }

.bg-emerald-200\/95 { background-color: rgba(167, 243, 208, 0.95) !important; }
.text-emerald-200\/95 { color: rgba(167, 243, 208, 0.95) !important; }
.border-emerald-200\/95 { border-color: rgba(167, 243, 208, 0.95) !important; }

.hover\:bg-emerald-200\/95:hover { background-color: rgba(167, 243, 208, 0.95) !important; }
.hover\:text-emerald-200\/95:hover { color: rgba(167, 243, 208, 0.95) !important; }
.hover\:border-emerald-200\/95:hover { border-color: rgba(167, 243, 208, 0.95) !important; }

.dark .dark\:bg-emerald-200\/95,
html.dark .dark\:bg-emerald-200\/95 { background-color: rgba(167, 243, 208, 0.95) !important; }
.dark .dark\:text-emerald-200\/95,
html.dark .dark\:text-emerald-200\/95 { color: rgba(167, 243, 208, 0.95) !important; }
.dark .dark\:border-emerald-200\/95,
html.dark .dark\:border-emerald-200\/95 { border-color: rgba(167, 243, 208, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-200\/95:hover,
html.dark .dark\:hover\:bg-emerald-200\/95:hover { background-color: rgba(167, 243, 208, 0.95) !important; }
.dark .dark\:hover\:text-emerald-200\/95:hover,
html.dark .dark\:hover\:text-emerald-200\/95:hover { color: rgba(167, 243, 208, 0.95) !important; }
.dark .dark\:hover\:border-emerald-200\/95:hover,
html.dark .dark\:hover\:border-emerald-200\/95:hover { border-color: rgba(167, 243, 208, 0.95) !important; }

.bg-emerald-300 { background-color: #6ee7b7 !important; }
.text-emerald-300 { color: #6ee7b7 !important; }
.border-emerald-300 { border-color: #6ee7b7 !important; }
.fill-emerald-300 { fill: #6ee7b7 !important; }
.stroke-emerald-300 { stroke: #6ee7b7 !important; }

/* Hover states */
.hover\:bg-emerald-300:hover { background-color: #6ee7b7 !important; }
.hover\:text-emerald-300:hover { color: #6ee7b7 !important; }
.hover\:border-emerald-300:hover { border-color: #6ee7b7 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-300,
html.dark .dark\:bg-emerald-300 { background-color: #6ee7b7 !important; }
.dark .dark\:text-emerald-300,
html.dark .dark\:text-emerald-300 { color: #6ee7b7 !important; }
.dark .dark\:border-emerald-300,
html.dark .dark\:border-emerald-300 { border-color: #6ee7b7 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-300:hover,
html.dark .dark\:hover\:bg-emerald-300:hover { background-color: #6ee7b7 !important; }
.dark .dark\:hover\:text-emerald-300:hover,
html.dark .dark\:hover\:text-emerald-300:hover { color: #6ee7b7 !important; }
.dark .dark\:hover\:border-emerald-300:hover,
html.dark .dark\:hover\:border-emerald-300:hover { border-color: #6ee7b7 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-300,
html.dark .group:hover .dark\:group-hover\:text-emerald-300 { color: #6ee7b7 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-300,
html.dark .group:hover .dark\:group-hover\:bg-emerald-300 { background-color: #6ee7b7 !important; }

.bg-emerald-300\/10 { background-color: rgba(110, 231, 183, 0.1) !important; }
.text-emerald-300\/10 { color: rgba(110, 231, 183, 0.1) !important; }
.border-emerald-300\/10 { border-color: rgba(110, 231, 183, 0.1) !important; }

.hover\:bg-emerald-300\/10:hover { background-color: rgba(110, 231, 183, 0.1) !important; }
.hover\:text-emerald-300\/10:hover { color: rgba(110, 231, 183, 0.1) !important; }
.hover\:border-emerald-300\/10:hover { border-color: rgba(110, 231, 183, 0.1) !important; }

.dark .dark\:bg-emerald-300\/10,
html.dark .dark\:bg-emerald-300\/10 { background-color: rgba(110, 231, 183, 0.1) !important; }
.dark .dark\:text-emerald-300\/10,
html.dark .dark\:text-emerald-300\/10 { color: rgba(110, 231, 183, 0.1) !important; }
.dark .dark\:border-emerald-300\/10,
html.dark .dark\:border-emerald-300\/10 { border-color: rgba(110, 231, 183, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-300\/10:hover,
html.dark .dark\:hover\:bg-emerald-300\/10:hover { background-color: rgba(110, 231, 183, 0.1) !important; }
.dark .dark\:hover\:text-emerald-300\/10:hover,
html.dark .dark\:hover\:text-emerald-300\/10:hover { color: rgba(110, 231, 183, 0.1) !important; }
.dark .dark\:hover\:border-emerald-300\/10:hover,
html.dark .dark\:hover\:border-emerald-300\/10:hover { border-color: rgba(110, 231, 183, 0.1) !important; }

.bg-emerald-300\/20 { background-color: rgba(110, 231, 183, 0.2) !important; }
.text-emerald-300\/20 { color: rgba(110, 231, 183, 0.2) !important; }
.border-emerald-300\/20 { border-color: rgba(110, 231, 183, 0.2) !important; }

.hover\:bg-emerald-300\/20:hover { background-color: rgba(110, 231, 183, 0.2) !important; }
.hover\:text-emerald-300\/20:hover { color: rgba(110, 231, 183, 0.2) !important; }
.hover\:border-emerald-300\/20:hover { border-color: rgba(110, 231, 183, 0.2) !important; }

.dark .dark\:bg-emerald-300\/20,
html.dark .dark\:bg-emerald-300\/20 { background-color: rgba(110, 231, 183, 0.2) !important; }
.dark .dark\:text-emerald-300\/20,
html.dark .dark\:text-emerald-300\/20 { color: rgba(110, 231, 183, 0.2) !important; }
.dark .dark\:border-emerald-300\/20,
html.dark .dark\:border-emerald-300\/20 { border-color: rgba(110, 231, 183, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-300\/20:hover,
html.dark .dark\:hover\:bg-emerald-300\/20:hover { background-color: rgba(110, 231, 183, 0.2) !important; }
.dark .dark\:hover\:text-emerald-300\/20:hover,
html.dark .dark\:hover\:text-emerald-300\/20:hover { color: rgba(110, 231, 183, 0.2) !important; }
.dark .dark\:hover\:border-emerald-300\/20:hover,
html.dark .dark\:hover\:border-emerald-300\/20:hover { border-color: rgba(110, 231, 183, 0.2) !important; }

.bg-emerald-300\/25 { background-color: rgba(110, 231, 183, 0.25) !important; }
.text-emerald-300\/25 { color: rgba(110, 231, 183, 0.25) !important; }
.border-emerald-300\/25 { border-color: rgba(110, 231, 183, 0.25) !important; }

.hover\:bg-emerald-300\/25:hover { background-color: rgba(110, 231, 183, 0.25) !important; }
.hover\:text-emerald-300\/25:hover { color: rgba(110, 231, 183, 0.25) !important; }
.hover\:border-emerald-300\/25:hover { border-color: rgba(110, 231, 183, 0.25) !important; }

.dark .dark\:bg-emerald-300\/25,
html.dark .dark\:bg-emerald-300\/25 { background-color: rgba(110, 231, 183, 0.25) !important; }
.dark .dark\:text-emerald-300\/25,
html.dark .dark\:text-emerald-300\/25 { color: rgba(110, 231, 183, 0.25) !important; }
.dark .dark\:border-emerald-300\/25,
html.dark .dark\:border-emerald-300\/25 { border-color: rgba(110, 231, 183, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-300\/25:hover,
html.dark .dark\:hover\:bg-emerald-300\/25:hover { background-color: rgba(110, 231, 183, 0.25) !important; }
.dark .dark\:hover\:text-emerald-300\/25:hover,
html.dark .dark\:hover\:text-emerald-300\/25:hover { color: rgba(110, 231, 183, 0.25) !important; }
.dark .dark\:hover\:border-emerald-300\/25:hover,
html.dark .dark\:hover\:border-emerald-300\/25:hover { border-color: rgba(110, 231, 183, 0.25) !important; }

.bg-emerald-300\/30 { background-color: rgba(110, 231, 183, 0.3) !important; }
.text-emerald-300\/30 { color: rgba(110, 231, 183, 0.3) !important; }
.border-emerald-300\/30 { border-color: rgba(110, 231, 183, 0.3) !important; }

.hover\:bg-emerald-300\/30:hover { background-color: rgba(110, 231, 183, 0.3) !important; }
.hover\:text-emerald-300\/30:hover { color: rgba(110, 231, 183, 0.3) !important; }
.hover\:border-emerald-300\/30:hover { border-color: rgba(110, 231, 183, 0.3) !important; }

.dark .dark\:bg-emerald-300\/30,
html.dark .dark\:bg-emerald-300\/30 { background-color: rgba(110, 231, 183, 0.3) !important; }
.dark .dark\:text-emerald-300\/30,
html.dark .dark\:text-emerald-300\/30 { color: rgba(110, 231, 183, 0.3) !important; }
.dark .dark\:border-emerald-300\/30,
html.dark .dark\:border-emerald-300\/30 { border-color: rgba(110, 231, 183, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-300\/30:hover,
html.dark .dark\:hover\:bg-emerald-300\/30:hover { background-color: rgba(110, 231, 183, 0.3) !important; }
.dark .dark\:hover\:text-emerald-300\/30:hover,
html.dark .dark\:hover\:text-emerald-300\/30:hover { color: rgba(110, 231, 183, 0.3) !important; }
.dark .dark\:hover\:border-emerald-300\/30:hover,
html.dark .dark\:hover\:border-emerald-300\/30:hover { border-color: rgba(110, 231, 183, 0.3) !important; }

.bg-emerald-300\/40 { background-color: rgba(110, 231, 183, 0.4) !important; }
.text-emerald-300\/40 { color: rgba(110, 231, 183, 0.4) !important; }
.border-emerald-300\/40 { border-color: rgba(110, 231, 183, 0.4) !important; }

.hover\:bg-emerald-300\/40:hover { background-color: rgba(110, 231, 183, 0.4) !important; }
.hover\:text-emerald-300\/40:hover { color: rgba(110, 231, 183, 0.4) !important; }
.hover\:border-emerald-300\/40:hover { border-color: rgba(110, 231, 183, 0.4) !important; }

.dark .dark\:bg-emerald-300\/40,
html.dark .dark\:bg-emerald-300\/40 { background-color: rgba(110, 231, 183, 0.4) !important; }
.dark .dark\:text-emerald-300\/40,
html.dark .dark\:text-emerald-300\/40 { color: rgba(110, 231, 183, 0.4) !important; }
.dark .dark\:border-emerald-300\/40,
html.dark .dark\:border-emerald-300\/40 { border-color: rgba(110, 231, 183, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-300\/40:hover,
html.dark .dark\:hover\:bg-emerald-300\/40:hover { background-color: rgba(110, 231, 183, 0.4) !important; }
.dark .dark\:hover\:text-emerald-300\/40:hover,
html.dark .dark\:hover\:text-emerald-300\/40:hover { color: rgba(110, 231, 183, 0.4) !important; }
.dark .dark\:hover\:border-emerald-300\/40:hover,
html.dark .dark\:hover\:border-emerald-300\/40:hover { border-color: rgba(110, 231, 183, 0.4) !important; }

.bg-emerald-300\/50 { background-color: rgba(110, 231, 183, 0.5) !important; }
.text-emerald-300\/50 { color: rgba(110, 231, 183, 0.5) !important; }
.border-emerald-300\/50 { border-color: rgba(110, 231, 183, 0.5) !important; }

.hover\:bg-emerald-300\/50:hover { background-color: rgba(110, 231, 183, 0.5) !important; }
.hover\:text-emerald-300\/50:hover { color: rgba(110, 231, 183, 0.5) !important; }
.hover\:border-emerald-300\/50:hover { border-color: rgba(110, 231, 183, 0.5) !important; }

.dark .dark\:bg-emerald-300\/50,
html.dark .dark\:bg-emerald-300\/50 { background-color: rgba(110, 231, 183, 0.5) !important; }
.dark .dark\:text-emerald-300\/50,
html.dark .dark\:text-emerald-300\/50 { color: rgba(110, 231, 183, 0.5) !important; }
.dark .dark\:border-emerald-300\/50,
html.dark .dark\:border-emerald-300\/50 { border-color: rgba(110, 231, 183, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-300\/50:hover,
html.dark .dark\:hover\:bg-emerald-300\/50:hover { background-color: rgba(110, 231, 183, 0.5) !important; }
.dark .dark\:hover\:text-emerald-300\/50:hover,
html.dark .dark\:hover\:text-emerald-300\/50:hover { color: rgba(110, 231, 183, 0.5) !important; }
.dark .dark\:hover\:border-emerald-300\/50:hover,
html.dark .dark\:hover\:border-emerald-300\/50:hover { border-color: rgba(110, 231, 183, 0.5) !important; }

.bg-emerald-300\/60 { background-color: rgba(110, 231, 183, 0.6) !important; }
.text-emerald-300\/60 { color: rgba(110, 231, 183, 0.6) !important; }
.border-emerald-300\/60 { border-color: rgba(110, 231, 183, 0.6) !important; }

.hover\:bg-emerald-300\/60:hover { background-color: rgba(110, 231, 183, 0.6) !important; }
.hover\:text-emerald-300\/60:hover { color: rgba(110, 231, 183, 0.6) !important; }
.hover\:border-emerald-300\/60:hover { border-color: rgba(110, 231, 183, 0.6) !important; }

.dark .dark\:bg-emerald-300\/60,
html.dark .dark\:bg-emerald-300\/60 { background-color: rgba(110, 231, 183, 0.6) !important; }
.dark .dark\:text-emerald-300\/60,
html.dark .dark\:text-emerald-300\/60 { color: rgba(110, 231, 183, 0.6) !important; }
.dark .dark\:border-emerald-300\/60,
html.dark .dark\:border-emerald-300\/60 { border-color: rgba(110, 231, 183, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-300\/60:hover,
html.dark .dark\:hover\:bg-emerald-300\/60:hover { background-color: rgba(110, 231, 183, 0.6) !important; }
.dark .dark\:hover\:text-emerald-300\/60:hover,
html.dark .dark\:hover\:text-emerald-300\/60:hover { color: rgba(110, 231, 183, 0.6) !important; }
.dark .dark\:hover\:border-emerald-300\/60:hover,
html.dark .dark\:hover\:border-emerald-300\/60:hover { border-color: rgba(110, 231, 183, 0.6) !important; }

.bg-emerald-300\/70 { background-color: rgba(110, 231, 183, 0.7) !important; }
.text-emerald-300\/70 { color: rgba(110, 231, 183, 0.7) !important; }
.border-emerald-300\/70 { border-color: rgba(110, 231, 183, 0.7) !important; }

.hover\:bg-emerald-300\/70:hover { background-color: rgba(110, 231, 183, 0.7) !important; }
.hover\:text-emerald-300\/70:hover { color: rgba(110, 231, 183, 0.7) !important; }
.hover\:border-emerald-300\/70:hover { border-color: rgba(110, 231, 183, 0.7) !important; }

.dark .dark\:bg-emerald-300\/70,
html.dark .dark\:bg-emerald-300\/70 { background-color: rgba(110, 231, 183, 0.7) !important; }
.dark .dark\:text-emerald-300\/70,
html.dark .dark\:text-emerald-300\/70 { color: rgba(110, 231, 183, 0.7) !important; }
.dark .dark\:border-emerald-300\/70,
html.dark .dark\:border-emerald-300\/70 { border-color: rgba(110, 231, 183, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-300\/70:hover,
html.dark .dark\:hover\:bg-emerald-300\/70:hover { background-color: rgba(110, 231, 183, 0.7) !important; }
.dark .dark\:hover\:text-emerald-300\/70:hover,
html.dark .dark\:hover\:text-emerald-300\/70:hover { color: rgba(110, 231, 183, 0.7) !important; }
.dark .dark\:hover\:border-emerald-300\/70:hover,
html.dark .dark\:hover\:border-emerald-300\/70:hover { border-color: rgba(110, 231, 183, 0.7) !important; }

.bg-emerald-300\/75 { background-color: rgba(110, 231, 183, 0.75) !important; }
.text-emerald-300\/75 { color: rgba(110, 231, 183, 0.75) !important; }
.border-emerald-300\/75 { border-color: rgba(110, 231, 183, 0.75) !important; }

.hover\:bg-emerald-300\/75:hover { background-color: rgba(110, 231, 183, 0.75) !important; }
.hover\:text-emerald-300\/75:hover { color: rgba(110, 231, 183, 0.75) !important; }
.hover\:border-emerald-300\/75:hover { border-color: rgba(110, 231, 183, 0.75) !important; }

.dark .dark\:bg-emerald-300\/75,
html.dark .dark\:bg-emerald-300\/75 { background-color: rgba(110, 231, 183, 0.75) !important; }
.dark .dark\:text-emerald-300\/75,
html.dark .dark\:text-emerald-300\/75 { color: rgba(110, 231, 183, 0.75) !important; }
.dark .dark\:border-emerald-300\/75,
html.dark .dark\:border-emerald-300\/75 { border-color: rgba(110, 231, 183, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-300\/75:hover,
html.dark .dark\:hover\:bg-emerald-300\/75:hover { background-color: rgba(110, 231, 183, 0.75) !important; }
.dark .dark\:hover\:text-emerald-300\/75:hover,
html.dark .dark\:hover\:text-emerald-300\/75:hover { color: rgba(110, 231, 183, 0.75) !important; }
.dark .dark\:hover\:border-emerald-300\/75:hover,
html.dark .dark\:hover\:border-emerald-300\/75:hover { border-color: rgba(110, 231, 183, 0.75) !important; }

.bg-emerald-300\/80 { background-color: rgba(110, 231, 183, 0.8) !important; }
.text-emerald-300\/80 { color: rgba(110, 231, 183, 0.8) !important; }
.border-emerald-300\/80 { border-color: rgba(110, 231, 183, 0.8) !important; }

.hover\:bg-emerald-300\/80:hover { background-color: rgba(110, 231, 183, 0.8) !important; }
.hover\:text-emerald-300\/80:hover { color: rgba(110, 231, 183, 0.8) !important; }
.hover\:border-emerald-300\/80:hover { border-color: rgba(110, 231, 183, 0.8) !important; }

.dark .dark\:bg-emerald-300\/80,
html.dark .dark\:bg-emerald-300\/80 { background-color: rgba(110, 231, 183, 0.8) !important; }
.dark .dark\:text-emerald-300\/80,
html.dark .dark\:text-emerald-300\/80 { color: rgba(110, 231, 183, 0.8) !important; }
.dark .dark\:border-emerald-300\/80,
html.dark .dark\:border-emerald-300\/80 { border-color: rgba(110, 231, 183, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-300\/80:hover,
html.dark .dark\:hover\:bg-emerald-300\/80:hover { background-color: rgba(110, 231, 183, 0.8) !important; }
.dark .dark\:hover\:text-emerald-300\/80:hover,
html.dark .dark\:hover\:text-emerald-300\/80:hover { color: rgba(110, 231, 183, 0.8) !important; }
.dark .dark\:hover\:border-emerald-300\/80:hover,
html.dark .dark\:hover\:border-emerald-300\/80:hover { border-color: rgba(110, 231, 183, 0.8) !important; }

.bg-emerald-300\/90 { background-color: rgba(110, 231, 183, 0.9) !important; }
.text-emerald-300\/90 { color: rgba(110, 231, 183, 0.9) !important; }
.border-emerald-300\/90 { border-color: rgba(110, 231, 183, 0.9) !important; }

.hover\:bg-emerald-300\/90:hover { background-color: rgba(110, 231, 183, 0.9) !important; }
.hover\:text-emerald-300\/90:hover { color: rgba(110, 231, 183, 0.9) !important; }
.hover\:border-emerald-300\/90:hover { border-color: rgba(110, 231, 183, 0.9) !important; }

.dark .dark\:bg-emerald-300\/90,
html.dark .dark\:bg-emerald-300\/90 { background-color: rgba(110, 231, 183, 0.9) !important; }
.dark .dark\:text-emerald-300\/90,
html.dark .dark\:text-emerald-300\/90 { color: rgba(110, 231, 183, 0.9) !important; }
.dark .dark\:border-emerald-300\/90,
html.dark .dark\:border-emerald-300\/90 { border-color: rgba(110, 231, 183, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-300\/90:hover,
html.dark .dark\:hover\:bg-emerald-300\/90:hover { background-color: rgba(110, 231, 183, 0.9) !important; }
.dark .dark\:hover\:text-emerald-300\/90:hover,
html.dark .dark\:hover\:text-emerald-300\/90:hover { color: rgba(110, 231, 183, 0.9) !important; }
.dark .dark\:hover\:border-emerald-300\/90:hover,
html.dark .dark\:hover\:border-emerald-300\/90:hover { border-color: rgba(110, 231, 183, 0.9) !important; }

.bg-emerald-300\/95 { background-color: rgba(110, 231, 183, 0.95) !important; }
.text-emerald-300\/95 { color: rgba(110, 231, 183, 0.95) !important; }
.border-emerald-300\/95 { border-color: rgba(110, 231, 183, 0.95) !important; }

.hover\:bg-emerald-300\/95:hover { background-color: rgba(110, 231, 183, 0.95) !important; }
.hover\:text-emerald-300\/95:hover { color: rgba(110, 231, 183, 0.95) !important; }
.hover\:border-emerald-300\/95:hover { border-color: rgba(110, 231, 183, 0.95) !important; }

.dark .dark\:bg-emerald-300\/95,
html.dark .dark\:bg-emerald-300\/95 { background-color: rgba(110, 231, 183, 0.95) !important; }
.dark .dark\:text-emerald-300\/95,
html.dark .dark\:text-emerald-300\/95 { color: rgba(110, 231, 183, 0.95) !important; }
.dark .dark\:border-emerald-300\/95,
html.dark .dark\:border-emerald-300\/95 { border-color: rgba(110, 231, 183, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-300\/95:hover,
html.dark .dark\:hover\:bg-emerald-300\/95:hover { background-color: rgba(110, 231, 183, 0.95) !important; }
.dark .dark\:hover\:text-emerald-300\/95:hover,
html.dark .dark\:hover\:text-emerald-300\/95:hover { color: rgba(110, 231, 183, 0.95) !important; }
.dark .dark\:hover\:border-emerald-300\/95:hover,
html.dark .dark\:hover\:border-emerald-300\/95:hover { border-color: rgba(110, 231, 183, 0.95) !important; }

.bg-emerald-400 { background-color: #34d399 !important; }
.text-emerald-400 { color: #34d399 !important; }
.border-emerald-400 { border-color: #34d399 !important; }
.fill-emerald-400 { fill: #34d399 !important; }
.stroke-emerald-400 { stroke: #34d399 !important; }

/* Hover states */
.hover\:bg-emerald-400:hover { background-color: #34d399 !important; }
.hover\:text-emerald-400:hover { color: #34d399 !important; }
.hover\:border-emerald-400:hover { border-color: #34d399 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-400,
html.dark .dark\:bg-emerald-400 { background-color: #34d399 !important; }
.dark .dark\:text-emerald-400,
html.dark .dark\:text-emerald-400 { color: #34d399 !important; }
.dark .dark\:border-emerald-400,
html.dark .dark\:border-emerald-400 { border-color: #34d399 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-400:hover,
html.dark .dark\:hover\:bg-emerald-400:hover { background-color: #34d399 !important; }
.dark .dark\:hover\:text-emerald-400:hover,
html.dark .dark\:hover\:text-emerald-400:hover { color: #34d399 !important; }
.dark .dark\:hover\:border-emerald-400:hover,
html.dark .dark\:hover\:border-emerald-400:hover { border-color: #34d399 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-400,
html.dark .group:hover .dark\:group-hover\:text-emerald-400 { color: #34d399 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-400,
html.dark .group:hover .dark\:group-hover\:bg-emerald-400 { background-color: #34d399 !important; }

.bg-emerald-400\/10 { background-color: rgba(52, 211, 153, 0.1) !important; }
.text-emerald-400\/10 { color: rgba(52, 211, 153, 0.1) !important; }
.border-emerald-400\/10 { border-color: rgba(52, 211, 153, 0.1) !important; }

.hover\:bg-emerald-400\/10:hover { background-color: rgba(52, 211, 153, 0.1) !important; }
.hover\:text-emerald-400\/10:hover { color: rgba(52, 211, 153, 0.1) !important; }
.hover\:border-emerald-400\/10:hover { border-color: rgba(52, 211, 153, 0.1) !important; }

.dark .dark\:bg-emerald-400\/10,
html.dark .dark\:bg-emerald-400\/10 { background-color: rgba(52, 211, 153, 0.1) !important; }
.dark .dark\:text-emerald-400\/10,
html.dark .dark\:text-emerald-400\/10 { color: rgba(52, 211, 153, 0.1) !important; }
.dark .dark\:border-emerald-400\/10,
html.dark .dark\:border-emerald-400\/10 { border-color: rgba(52, 211, 153, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-400\/10:hover,
html.dark .dark\:hover\:bg-emerald-400\/10:hover { background-color: rgba(52, 211, 153, 0.1) !important; }
.dark .dark\:hover\:text-emerald-400\/10:hover,
html.dark .dark\:hover\:text-emerald-400\/10:hover { color: rgba(52, 211, 153, 0.1) !important; }
.dark .dark\:hover\:border-emerald-400\/10:hover,
html.dark .dark\:hover\:border-emerald-400\/10:hover { border-color: rgba(52, 211, 153, 0.1) !important; }

.bg-emerald-400\/20 { background-color: rgba(52, 211, 153, 0.2) !important; }
.text-emerald-400\/20 { color: rgba(52, 211, 153, 0.2) !important; }
.border-emerald-400\/20 { border-color: rgba(52, 211, 153, 0.2) !important; }

.hover\:bg-emerald-400\/20:hover { background-color: rgba(52, 211, 153, 0.2) !important; }
.hover\:text-emerald-400\/20:hover { color: rgba(52, 211, 153, 0.2) !important; }
.hover\:border-emerald-400\/20:hover { border-color: rgba(52, 211, 153, 0.2) !important; }

.dark .dark\:bg-emerald-400\/20,
html.dark .dark\:bg-emerald-400\/20 { background-color: rgba(52, 211, 153, 0.2) !important; }
.dark .dark\:text-emerald-400\/20,
html.dark .dark\:text-emerald-400\/20 { color: rgba(52, 211, 153, 0.2) !important; }
.dark .dark\:border-emerald-400\/20,
html.dark .dark\:border-emerald-400\/20 { border-color: rgba(52, 211, 153, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-400\/20:hover,
html.dark .dark\:hover\:bg-emerald-400\/20:hover { background-color: rgba(52, 211, 153, 0.2) !important; }
.dark .dark\:hover\:text-emerald-400\/20:hover,
html.dark .dark\:hover\:text-emerald-400\/20:hover { color: rgba(52, 211, 153, 0.2) !important; }
.dark .dark\:hover\:border-emerald-400\/20:hover,
html.dark .dark\:hover\:border-emerald-400\/20:hover { border-color: rgba(52, 211, 153, 0.2) !important; }

.bg-emerald-400\/25 { background-color: rgba(52, 211, 153, 0.25) !important; }
.text-emerald-400\/25 { color: rgba(52, 211, 153, 0.25) !important; }
.border-emerald-400\/25 { border-color: rgba(52, 211, 153, 0.25) !important; }

.hover\:bg-emerald-400\/25:hover { background-color: rgba(52, 211, 153, 0.25) !important; }
.hover\:text-emerald-400\/25:hover { color: rgba(52, 211, 153, 0.25) !important; }
.hover\:border-emerald-400\/25:hover { border-color: rgba(52, 211, 153, 0.25) !important; }

.dark .dark\:bg-emerald-400\/25,
html.dark .dark\:bg-emerald-400\/25 { background-color: rgba(52, 211, 153, 0.25) !important; }
.dark .dark\:text-emerald-400\/25,
html.dark .dark\:text-emerald-400\/25 { color: rgba(52, 211, 153, 0.25) !important; }
.dark .dark\:border-emerald-400\/25,
html.dark .dark\:border-emerald-400\/25 { border-color: rgba(52, 211, 153, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-400\/25:hover,
html.dark .dark\:hover\:bg-emerald-400\/25:hover { background-color: rgba(52, 211, 153, 0.25) !important; }
.dark .dark\:hover\:text-emerald-400\/25:hover,
html.dark .dark\:hover\:text-emerald-400\/25:hover { color: rgba(52, 211, 153, 0.25) !important; }
.dark .dark\:hover\:border-emerald-400\/25:hover,
html.dark .dark\:hover\:border-emerald-400\/25:hover { border-color: rgba(52, 211, 153, 0.25) !important; }

.bg-emerald-400\/30 { background-color: rgba(52, 211, 153, 0.3) !important; }
.text-emerald-400\/30 { color: rgba(52, 211, 153, 0.3) !important; }
.border-emerald-400\/30 { border-color: rgba(52, 211, 153, 0.3) !important; }

.hover\:bg-emerald-400\/30:hover { background-color: rgba(52, 211, 153, 0.3) !important; }
.hover\:text-emerald-400\/30:hover { color: rgba(52, 211, 153, 0.3) !important; }
.hover\:border-emerald-400\/30:hover { border-color: rgba(52, 211, 153, 0.3) !important; }

.dark .dark\:bg-emerald-400\/30,
html.dark .dark\:bg-emerald-400\/30 { background-color: rgba(52, 211, 153, 0.3) !important; }
.dark .dark\:text-emerald-400\/30,
html.dark .dark\:text-emerald-400\/30 { color: rgba(52, 211, 153, 0.3) !important; }
.dark .dark\:border-emerald-400\/30,
html.dark .dark\:border-emerald-400\/30 { border-color: rgba(52, 211, 153, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-400\/30:hover,
html.dark .dark\:hover\:bg-emerald-400\/30:hover { background-color: rgba(52, 211, 153, 0.3) !important; }
.dark .dark\:hover\:text-emerald-400\/30:hover,
html.dark .dark\:hover\:text-emerald-400\/30:hover { color: rgba(52, 211, 153, 0.3) !important; }
.dark .dark\:hover\:border-emerald-400\/30:hover,
html.dark .dark\:hover\:border-emerald-400\/30:hover { border-color: rgba(52, 211, 153, 0.3) !important; }

.bg-emerald-400\/40 { background-color: rgba(52, 211, 153, 0.4) !important; }
.text-emerald-400\/40 { color: rgba(52, 211, 153, 0.4) !important; }
.border-emerald-400\/40 { border-color: rgba(52, 211, 153, 0.4) !important; }

.hover\:bg-emerald-400\/40:hover { background-color: rgba(52, 211, 153, 0.4) !important; }
.hover\:text-emerald-400\/40:hover { color: rgba(52, 211, 153, 0.4) !important; }
.hover\:border-emerald-400\/40:hover { border-color: rgba(52, 211, 153, 0.4) !important; }

.dark .dark\:bg-emerald-400\/40,
html.dark .dark\:bg-emerald-400\/40 { background-color: rgba(52, 211, 153, 0.4) !important; }
.dark .dark\:text-emerald-400\/40,
html.dark .dark\:text-emerald-400\/40 { color: rgba(52, 211, 153, 0.4) !important; }
.dark .dark\:border-emerald-400\/40,
html.dark .dark\:border-emerald-400\/40 { border-color: rgba(52, 211, 153, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-400\/40:hover,
html.dark .dark\:hover\:bg-emerald-400\/40:hover { background-color: rgba(52, 211, 153, 0.4) !important; }
.dark .dark\:hover\:text-emerald-400\/40:hover,
html.dark .dark\:hover\:text-emerald-400\/40:hover { color: rgba(52, 211, 153, 0.4) !important; }
.dark .dark\:hover\:border-emerald-400\/40:hover,
html.dark .dark\:hover\:border-emerald-400\/40:hover { border-color: rgba(52, 211, 153, 0.4) !important; }

.bg-emerald-400\/50 { background-color: rgba(52, 211, 153, 0.5) !important; }
.text-emerald-400\/50 { color: rgba(52, 211, 153, 0.5) !important; }
.border-emerald-400\/50 { border-color: rgba(52, 211, 153, 0.5) !important; }

.hover\:bg-emerald-400\/50:hover { background-color: rgba(52, 211, 153, 0.5) !important; }
.hover\:text-emerald-400\/50:hover { color: rgba(52, 211, 153, 0.5) !important; }
.hover\:border-emerald-400\/50:hover { border-color: rgba(52, 211, 153, 0.5) !important; }

.dark .dark\:bg-emerald-400\/50,
html.dark .dark\:bg-emerald-400\/50 { background-color: rgba(52, 211, 153, 0.5) !important; }
.dark .dark\:text-emerald-400\/50,
html.dark .dark\:text-emerald-400\/50 { color: rgba(52, 211, 153, 0.5) !important; }
.dark .dark\:border-emerald-400\/50,
html.dark .dark\:border-emerald-400\/50 { border-color: rgba(52, 211, 153, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-400\/50:hover,
html.dark .dark\:hover\:bg-emerald-400\/50:hover { background-color: rgba(52, 211, 153, 0.5) !important; }
.dark .dark\:hover\:text-emerald-400\/50:hover,
html.dark .dark\:hover\:text-emerald-400\/50:hover { color: rgba(52, 211, 153, 0.5) !important; }
.dark .dark\:hover\:border-emerald-400\/50:hover,
html.dark .dark\:hover\:border-emerald-400\/50:hover { border-color: rgba(52, 211, 153, 0.5) !important; }

.bg-emerald-400\/60 { background-color: rgba(52, 211, 153, 0.6) !important; }
.text-emerald-400\/60 { color: rgba(52, 211, 153, 0.6) !important; }
.border-emerald-400\/60 { border-color: rgba(52, 211, 153, 0.6) !important; }

.hover\:bg-emerald-400\/60:hover { background-color: rgba(52, 211, 153, 0.6) !important; }
.hover\:text-emerald-400\/60:hover { color: rgba(52, 211, 153, 0.6) !important; }
.hover\:border-emerald-400\/60:hover { border-color: rgba(52, 211, 153, 0.6) !important; }

.dark .dark\:bg-emerald-400\/60,
html.dark .dark\:bg-emerald-400\/60 { background-color: rgba(52, 211, 153, 0.6) !important; }
.dark .dark\:text-emerald-400\/60,
html.dark .dark\:text-emerald-400\/60 { color: rgba(52, 211, 153, 0.6) !important; }
.dark .dark\:border-emerald-400\/60,
html.dark .dark\:border-emerald-400\/60 { border-color: rgba(52, 211, 153, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-400\/60:hover,
html.dark .dark\:hover\:bg-emerald-400\/60:hover { background-color: rgba(52, 211, 153, 0.6) !important; }
.dark .dark\:hover\:text-emerald-400\/60:hover,
html.dark .dark\:hover\:text-emerald-400\/60:hover { color: rgba(52, 211, 153, 0.6) !important; }
.dark .dark\:hover\:border-emerald-400\/60:hover,
html.dark .dark\:hover\:border-emerald-400\/60:hover { border-color: rgba(52, 211, 153, 0.6) !important; }

.bg-emerald-400\/70 { background-color: rgba(52, 211, 153, 0.7) !important; }
.text-emerald-400\/70 { color: rgba(52, 211, 153, 0.7) !important; }
.border-emerald-400\/70 { border-color: rgba(52, 211, 153, 0.7) !important; }

.hover\:bg-emerald-400\/70:hover { background-color: rgba(52, 211, 153, 0.7) !important; }
.hover\:text-emerald-400\/70:hover { color: rgba(52, 211, 153, 0.7) !important; }
.hover\:border-emerald-400\/70:hover { border-color: rgba(52, 211, 153, 0.7) !important; }

.dark .dark\:bg-emerald-400\/70,
html.dark .dark\:bg-emerald-400\/70 { background-color: rgba(52, 211, 153, 0.7) !important; }
.dark .dark\:text-emerald-400\/70,
html.dark .dark\:text-emerald-400\/70 { color: rgba(52, 211, 153, 0.7) !important; }
.dark .dark\:border-emerald-400\/70,
html.dark .dark\:border-emerald-400\/70 { border-color: rgba(52, 211, 153, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-400\/70:hover,
html.dark .dark\:hover\:bg-emerald-400\/70:hover { background-color: rgba(52, 211, 153, 0.7) !important; }
.dark .dark\:hover\:text-emerald-400\/70:hover,
html.dark .dark\:hover\:text-emerald-400\/70:hover { color: rgba(52, 211, 153, 0.7) !important; }
.dark .dark\:hover\:border-emerald-400\/70:hover,
html.dark .dark\:hover\:border-emerald-400\/70:hover { border-color: rgba(52, 211, 153, 0.7) !important; }

.bg-emerald-400\/75 { background-color: rgba(52, 211, 153, 0.75) !important; }
.text-emerald-400\/75 { color: rgba(52, 211, 153, 0.75) !important; }
.border-emerald-400\/75 { border-color: rgba(52, 211, 153, 0.75) !important; }

.hover\:bg-emerald-400\/75:hover { background-color: rgba(52, 211, 153, 0.75) !important; }
.hover\:text-emerald-400\/75:hover { color: rgba(52, 211, 153, 0.75) !important; }
.hover\:border-emerald-400\/75:hover { border-color: rgba(52, 211, 153, 0.75) !important; }

.dark .dark\:bg-emerald-400\/75,
html.dark .dark\:bg-emerald-400\/75 { background-color: rgba(52, 211, 153, 0.75) !important; }
.dark .dark\:text-emerald-400\/75,
html.dark .dark\:text-emerald-400\/75 { color: rgba(52, 211, 153, 0.75) !important; }
.dark .dark\:border-emerald-400\/75,
html.dark .dark\:border-emerald-400\/75 { border-color: rgba(52, 211, 153, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-400\/75:hover,
html.dark .dark\:hover\:bg-emerald-400\/75:hover { background-color: rgba(52, 211, 153, 0.75) !important; }
.dark .dark\:hover\:text-emerald-400\/75:hover,
html.dark .dark\:hover\:text-emerald-400\/75:hover { color: rgba(52, 211, 153, 0.75) !important; }
.dark .dark\:hover\:border-emerald-400\/75:hover,
html.dark .dark\:hover\:border-emerald-400\/75:hover { border-color: rgba(52, 211, 153, 0.75) !important; }

.bg-emerald-400\/80 { background-color: rgba(52, 211, 153, 0.8) !important; }
.text-emerald-400\/80 { color: rgba(52, 211, 153, 0.8) !important; }
.border-emerald-400\/80 { border-color: rgba(52, 211, 153, 0.8) !important; }

.hover\:bg-emerald-400\/80:hover { background-color: rgba(52, 211, 153, 0.8) !important; }
.hover\:text-emerald-400\/80:hover { color: rgba(52, 211, 153, 0.8) !important; }
.hover\:border-emerald-400\/80:hover { border-color: rgba(52, 211, 153, 0.8) !important; }

.dark .dark\:bg-emerald-400\/80,
html.dark .dark\:bg-emerald-400\/80 { background-color: rgba(52, 211, 153, 0.8) !important; }
.dark .dark\:text-emerald-400\/80,
html.dark .dark\:text-emerald-400\/80 { color: rgba(52, 211, 153, 0.8) !important; }
.dark .dark\:border-emerald-400\/80,
html.dark .dark\:border-emerald-400\/80 { border-color: rgba(52, 211, 153, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-400\/80:hover,
html.dark .dark\:hover\:bg-emerald-400\/80:hover { background-color: rgba(52, 211, 153, 0.8) !important; }
.dark .dark\:hover\:text-emerald-400\/80:hover,
html.dark .dark\:hover\:text-emerald-400\/80:hover { color: rgba(52, 211, 153, 0.8) !important; }
.dark .dark\:hover\:border-emerald-400\/80:hover,
html.dark .dark\:hover\:border-emerald-400\/80:hover { border-color: rgba(52, 211, 153, 0.8) !important; }

.bg-emerald-400\/90 { background-color: rgba(52, 211, 153, 0.9) !important; }
.text-emerald-400\/90 { color: rgba(52, 211, 153, 0.9) !important; }
.border-emerald-400\/90 { border-color: rgba(52, 211, 153, 0.9) !important; }

.hover\:bg-emerald-400\/90:hover { background-color: rgba(52, 211, 153, 0.9) !important; }
.hover\:text-emerald-400\/90:hover { color: rgba(52, 211, 153, 0.9) !important; }
.hover\:border-emerald-400\/90:hover { border-color: rgba(52, 211, 153, 0.9) !important; }

.dark .dark\:bg-emerald-400\/90,
html.dark .dark\:bg-emerald-400\/90 { background-color: rgba(52, 211, 153, 0.9) !important; }
.dark .dark\:text-emerald-400\/90,
html.dark .dark\:text-emerald-400\/90 { color: rgba(52, 211, 153, 0.9) !important; }
.dark .dark\:border-emerald-400\/90,
html.dark .dark\:border-emerald-400\/90 { border-color: rgba(52, 211, 153, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-400\/90:hover,
html.dark .dark\:hover\:bg-emerald-400\/90:hover { background-color: rgba(52, 211, 153, 0.9) !important; }
.dark .dark\:hover\:text-emerald-400\/90:hover,
html.dark .dark\:hover\:text-emerald-400\/90:hover { color: rgba(52, 211, 153, 0.9) !important; }
.dark .dark\:hover\:border-emerald-400\/90:hover,
html.dark .dark\:hover\:border-emerald-400\/90:hover { border-color: rgba(52, 211, 153, 0.9) !important; }

.bg-emerald-400\/95 { background-color: rgba(52, 211, 153, 0.95) !important; }
.text-emerald-400\/95 { color: rgba(52, 211, 153, 0.95) !important; }
.border-emerald-400\/95 { border-color: rgba(52, 211, 153, 0.95) !important; }

.hover\:bg-emerald-400\/95:hover { background-color: rgba(52, 211, 153, 0.95) !important; }
.hover\:text-emerald-400\/95:hover { color: rgba(52, 211, 153, 0.95) !important; }
.hover\:border-emerald-400\/95:hover { border-color: rgba(52, 211, 153, 0.95) !important; }

.dark .dark\:bg-emerald-400\/95,
html.dark .dark\:bg-emerald-400\/95 { background-color: rgba(52, 211, 153, 0.95) !important; }
.dark .dark\:text-emerald-400\/95,
html.dark .dark\:text-emerald-400\/95 { color: rgba(52, 211, 153, 0.95) !important; }
.dark .dark\:border-emerald-400\/95,
html.dark .dark\:border-emerald-400\/95 { border-color: rgba(52, 211, 153, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-400\/95:hover,
html.dark .dark\:hover\:bg-emerald-400\/95:hover { background-color: rgba(52, 211, 153, 0.95) !important; }
.dark .dark\:hover\:text-emerald-400\/95:hover,
html.dark .dark\:hover\:text-emerald-400\/95:hover { color: rgba(52, 211, 153, 0.95) !important; }
.dark .dark\:hover\:border-emerald-400\/95:hover,
html.dark .dark\:hover\:border-emerald-400\/95:hover { border-color: rgba(52, 211, 153, 0.95) !important; }

.bg-emerald-500 { background-color: #10b981 !important; }
.text-emerald-500 { color: #10b981 !important; }
.border-emerald-500 { border-color: #10b981 !important; }
.fill-emerald-500 { fill: #10b981 !important; }
.stroke-emerald-500 { stroke: #10b981 !important; }

/* Hover states */
.hover\:bg-emerald-500:hover { background-color: #10b981 !important; }
.hover\:text-emerald-500:hover { color: #10b981 !important; }
.hover\:border-emerald-500:hover { border-color: #10b981 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-500,
html.dark .dark\:bg-emerald-500 { background-color: #10b981 !important; }
.dark .dark\:text-emerald-500,
html.dark .dark\:text-emerald-500 { color: #10b981 !important; }
.dark .dark\:border-emerald-500,
html.dark .dark\:border-emerald-500 { border-color: #10b981 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-500:hover,
html.dark .dark\:hover\:bg-emerald-500:hover { background-color: #10b981 !important; }
.dark .dark\:hover\:text-emerald-500:hover,
html.dark .dark\:hover\:text-emerald-500:hover { color: #10b981 !important; }
.dark .dark\:hover\:border-emerald-500:hover,
html.dark .dark\:hover\:border-emerald-500:hover { border-color: #10b981 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-500,
html.dark .group:hover .dark\:group-hover\:text-emerald-500 { color: #10b981 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-500,
html.dark .group:hover .dark\:group-hover\:bg-emerald-500 { background-color: #10b981 !important; }

.bg-emerald-500\/10 { background-color: rgba(16, 185, 129, 0.1) !important; }
.text-emerald-500\/10 { color: rgba(16, 185, 129, 0.1) !important; }
.border-emerald-500\/10 { border-color: rgba(16, 185, 129, 0.1) !important; }

.hover\:bg-emerald-500\/10:hover { background-color: rgba(16, 185, 129, 0.1) !important; }
.hover\:text-emerald-500\/10:hover { color: rgba(16, 185, 129, 0.1) !important; }
.hover\:border-emerald-500\/10:hover { border-color: rgba(16, 185, 129, 0.1) !important; }

.dark .dark\:bg-emerald-500\/10,
html.dark .dark\:bg-emerald-500\/10 { background-color: rgba(16, 185, 129, 0.1) !important; }
.dark .dark\:text-emerald-500\/10,
html.dark .dark\:text-emerald-500\/10 { color: rgba(16, 185, 129, 0.1) !important; }
.dark .dark\:border-emerald-500\/10,
html.dark .dark\:border-emerald-500\/10 { border-color: rgba(16, 185, 129, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-500\/10:hover,
html.dark .dark\:hover\:bg-emerald-500\/10:hover { background-color: rgba(16, 185, 129, 0.1) !important; }
.dark .dark\:hover\:text-emerald-500\/10:hover,
html.dark .dark\:hover\:text-emerald-500\/10:hover { color: rgba(16, 185, 129, 0.1) !important; }
.dark .dark\:hover\:border-emerald-500\/10:hover,
html.dark .dark\:hover\:border-emerald-500\/10:hover { border-color: rgba(16, 185, 129, 0.1) !important; }

.bg-emerald-500\/20 { background-color: rgba(16, 185, 129, 0.2) !important; }
.text-emerald-500\/20 { color: rgba(16, 185, 129, 0.2) !important; }
.border-emerald-500\/20 { border-color: rgba(16, 185, 129, 0.2) !important; }

.hover\:bg-emerald-500\/20:hover { background-color: rgba(16, 185, 129, 0.2) !important; }
.hover\:text-emerald-500\/20:hover { color: rgba(16, 185, 129, 0.2) !important; }
.hover\:border-emerald-500\/20:hover { border-color: rgba(16, 185, 129, 0.2) !important; }

.dark .dark\:bg-emerald-500\/20,
html.dark .dark\:bg-emerald-500\/20 { background-color: rgba(16, 185, 129, 0.2) !important; }
.dark .dark\:text-emerald-500\/20,
html.dark .dark\:text-emerald-500\/20 { color: rgba(16, 185, 129, 0.2) !important; }
.dark .dark\:border-emerald-500\/20,
html.dark .dark\:border-emerald-500\/20 { border-color: rgba(16, 185, 129, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-500\/20:hover,
html.dark .dark\:hover\:bg-emerald-500\/20:hover { background-color: rgba(16, 185, 129, 0.2) !important; }
.dark .dark\:hover\:text-emerald-500\/20:hover,
html.dark .dark\:hover\:text-emerald-500\/20:hover { color: rgba(16, 185, 129, 0.2) !important; }
.dark .dark\:hover\:border-emerald-500\/20:hover,
html.dark .dark\:hover\:border-emerald-500\/20:hover { border-color: rgba(16, 185, 129, 0.2) !important; }

.bg-emerald-500\/25 { background-color: rgba(16, 185, 129, 0.25) !important; }
.text-emerald-500\/25 { color: rgba(16, 185, 129, 0.25) !important; }
.border-emerald-500\/25 { border-color: rgba(16, 185, 129, 0.25) !important; }

.hover\:bg-emerald-500\/25:hover { background-color: rgba(16, 185, 129, 0.25) !important; }
.hover\:text-emerald-500\/25:hover { color: rgba(16, 185, 129, 0.25) !important; }
.hover\:border-emerald-500\/25:hover { border-color: rgba(16, 185, 129, 0.25) !important; }

.dark .dark\:bg-emerald-500\/25,
html.dark .dark\:bg-emerald-500\/25 { background-color: rgba(16, 185, 129, 0.25) !important; }
.dark .dark\:text-emerald-500\/25,
html.dark .dark\:text-emerald-500\/25 { color: rgba(16, 185, 129, 0.25) !important; }
.dark .dark\:border-emerald-500\/25,
html.dark .dark\:border-emerald-500\/25 { border-color: rgba(16, 185, 129, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-500\/25:hover,
html.dark .dark\:hover\:bg-emerald-500\/25:hover { background-color: rgba(16, 185, 129, 0.25) !important; }
.dark .dark\:hover\:text-emerald-500\/25:hover,
html.dark .dark\:hover\:text-emerald-500\/25:hover { color: rgba(16, 185, 129, 0.25) !important; }
.dark .dark\:hover\:border-emerald-500\/25:hover,
html.dark .dark\:hover\:border-emerald-500\/25:hover { border-color: rgba(16, 185, 129, 0.25) !important; }

.bg-emerald-500\/30 { background-color: rgba(16, 185, 129, 0.3) !important; }
.text-emerald-500\/30 { color: rgba(16, 185, 129, 0.3) !important; }
.border-emerald-500\/30 { border-color: rgba(16, 185, 129, 0.3) !important; }

.hover\:bg-emerald-500\/30:hover { background-color: rgba(16, 185, 129, 0.3) !important; }
.hover\:text-emerald-500\/30:hover { color: rgba(16, 185, 129, 0.3) !important; }
.hover\:border-emerald-500\/30:hover { border-color: rgba(16, 185, 129, 0.3) !important; }

.dark .dark\:bg-emerald-500\/30,
html.dark .dark\:bg-emerald-500\/30 { background-color: rgba(16, 185, 129, 0.3) !important; }
.dark .dark\:text-emerald-500\/30,
html.dark .dark\:text-emerald-500\/30 { color: rgba(16, 185, 129, 0.3) !important; }
.dark .dark\:border-emerald-500\/30,
html.dark .dark\:border-emerald-500\/30 { border-color: rgba(16, 185, 129, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-500\/30:hover,
html.dark .dark\:hover\:bg-emerald-500\/30:hover { background-color: rgba(16, 185, 129, 0.3) !important; }
.dark .dark\:hover\:text-emerald-500\/30:hover,
html.dark .dark\:hover\:text-emerald-500\/30:hover { color: rgba(16, 185, 129, 0.3) !important; }
.dark .dark\:hover\:border-emerald-500\/30:hover,
html.dark .dark\:hover\:border-emerald-500\/30:hover { border-color: rgba(16, 185, 129, 0.3) !important; }

.bg-emerald-500\/40 { background-color: rgba(16, 185, 129, 0.4) !important; }
.text-emerald-500\/40 { color: rgba(16, 185, 129, 0.4) !important; }
.border-emerald-500\/40 { border-color: rgba(16, 185, 129, 0.4) !important; }

.hover\:bg-emerald-500\/40:hover { background-color: rgba(16, 185, 129, 0.4) !important; }
.hover\:text-emerald-500\/40:hover { color: rgba(16, 185, 129, 0.4) !important; }
.hover\:border-emerald-500\/40:hover { border-color: rgba(16, 185, 129, 0.4) !important; }

.dark .dark\:bg-emerald-500\/40,
html.dark .dark\:bg-emerald-500\/40 { background-color: rgba(16, 185, 129, 0.4) !important; }
.dark .dark\:text-emerald-500\/40,
html.dark .dark\:text-emerald-500\/40 { color: rgba(16, 185, 129, 0.4) !important; }
.dark .dark\:border-emerald-500\/40,
html.dark .dark\:border-emerald-500\/40 { border-color: rgba(16, 185, 129, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-500\/40:hover,
html.dark .dark\:hover\:bg-emerald-500\/40:hover { background-color: rgba(16, 185, 129, 0.4) !important; }
.dark .dark\:hover\:text-emerald-500\/40:hover,
html.dark .dark\:hover\:text-emerald-500\/40:hover { color: rgba(16, 185, 129, 0.4) !important; }
.dark .dark\:hover\:border-emerald-500\/40:hover,
html.dark .dark\:hover\:border-emerald-500\/40:hover { border-color: rgba(16, 185, 129, 0.4) !important; }

.bg-emerald-500\/50 { background-color: rgba(16, 185, 129, 0.5) !important; }
.text-emerald-500\/50 { color: rgba(16, 185, 129, 0.5) !important; }
.border-emerald-500\/50 { border-color: rgba(16, 185, 129, 0.5) !important; }

.hover\:bg-emerald-500\/50:hover { background-color: rgba(16, 185, 129, 0.5) !important; }
.hover\:text-emerald-500\/50:hover { color: rgba(16, 185, 129, 0.5) !important; }
.hover\:border-emerald-500\/50:hover { border-color: rgba(16, 185, 129, 0.5) !important; }

.dark .dark\:bg-emerald-500\/50,
html.dark .dark\:bg-emerald-500\/50 { background-color: rgba(16, 185, 129, 0.5) !important; }
.dark .dark\:text-emerald-500\/50,
html.dark .dark\:text-emerald-500\/50 { color: rgba(16, 185, 129, 0.5) !important; }
.dark .dark\:border-emerald-500\/50,
html.dark .dark\:border-emerald-500\/50 { border-color: rgba(16, 185, 129, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-500\/50:hover,
html.dark .dark\:hover\:bg-emerald-500\/50:hover { background-color: rgba(16, 185, 129, 0.5) !important; }
.dark .dark\:hover\:text-emerald-500\/50:hover,
html.dark .dark\:hover\:text-emerald-500\/50:hover { color: rgba(16, 185, 129, 0.5) !important; }
.dark .dark\:hover\:border-emerald-500\/50:hover,
html.dark .dark\:hover\:border-emerald-500\/50:hover { border-color: rgba(16, 185, 129, 0.5) !important; }

.bg-emerald-500\/60 { background-color: rgba(16, 185, 129, 0.6) !important; }
.text-emerald-500\/60 { color: rgba(16, 185, 129, 0.6) !important; }
.border-emerald-500\/60 { border-color: rgba(16, 185, 129, 0.6) !important; }

.hover\:bg-emerald-500\/60:hover { background-color: rgba(16, 185, 129, 0.6) !important; }
.hover\:text-emerald-500\/60:hover { color: rgba(16, 185, 129, 0.6) !important; }
.hover\:border-emerald-500\/60:hover { border-color: rgba(16, 185, 129, 0.6) !important; }

.dark .dark\:bg-emerald-500\/60,
html.dark .dark\:bg-emerald-500\/60 { background-color: rgba(16, 185, 129, 0.6) !important; }
.dark .dark\:text-emerald-500\/60,
html.dark .dark\:text-emerald-500\/60 { color: rgba(16, 185, 129, 0.6) !important; }
.dark .dark\:border-emerald-500\/60,
html.dark .dark\:border-emerald-500\/60 { border-color: rgba(16, 185, 129, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-500\/60:hover,
html.dark .dark\:hover\:bg-emerald-500\/60:hover { background-color: rgba(16, 185, 129, 0.6) !important; }
.dark .dark\:hover\:text-emerald-500\/60:hover,
html.dark .dark\:hover\:text-emerald-500\/60:hover { color: rgba(16, 185, 129, 0.6) !important; }
.dark .dark\:hover\:border-emerald-500\/60:hover,
html.dark .dark\:hover\:border-emerald-500\/60:hover { border-color: rgba(16, 185, 129, 0.6) !important; }

.bg-emerald-500\/70 { background-color: rgba(16, 185, 129, 0.7) !important; }
.text-emerald-500\/70 { color: rgba(16, 185, 129, 0.7) !important; }
.border-emerald-500\/70 { border-color: rgba(16, 185, 129, 0.7) !important; }

.hover\:bg-emerald-500\/70:hover { background-color: rgba(16, 185, 129, 0.7) !important; }
.hover\:text-emerald-500\/70:hover { color: rgba(16, 185, 129, 0.7) !important; }
.hover\:border-emerald-500\/70:hover { border-color: rgba(16, 185, 129, 0.7) !important; }

.dark .dark\:bg-emerald-500\/70,
html.dark .dark\:bg-emerald-500\/70 { background-color: rgba(16, 185, 129, 0.7) !important; }
.dark .dark\:text-emerald-500\/70,
html.dark .dark\:text-emerald-500\/70 { color: rgba(16, 185, 129, 0.7) !important; }
.dark .dark\:border-emerald-500\/70,
html.dark .dark\:border-emerald-500\/70 { border-color: rgba(16, 185, 129, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-500\/70:hover,
html.dark .dark\:hover\:bg-emerald-500\/70:hover { background-color: rgba(16, 185, 129, 0.7) !important; }
.dark .dark\:hover\:text-emerald-500\/70:hover,
html.dark .dark\:hover\:text-emerald-500\/70:hover { color: rgba(16, 185, 129, 0.7) !important; }
.dark .dark\:hover\:border-emerald-500\/70:hover,
html.dark .dark\:hover\:border-emerald-500\/70:hover { border-color: rgba(16, 185, 129, 0.7) !important; }

.bg-emerald-500\/75 { background-color: rgba(16, 185, 129, 0.75) !important; }
.text-emerald-500\/75 { color: rgba(16, 185, 129, 0.75) !important; }
.border-emerald-500\/75 { border-color: rgba(16, 185, 129, 0.75) !important; }

.hover\:bg-emerald-500\/75:hover { background-color: rgba(16, 185, 129, 0.75) !important; }
.hover\:text-emerald-500\/75:hover { color: rgba(16, 185, 129, 0.75) !important; }
.hover\:border-emerald-500\/75:hover { border-color: rgba(16, 185, 129, 0.75) !important; }

.dark .dark\:bg-emerald-500\/75,
html.dark .dark\:bg-emerald-500\/75 { background-color: rgba(16, 185, 129, 0.75) !important; }
.dark .dark\:text-emerald-500\/75,
html.dark .dark\:text-emerald-500\/75 { color: rgba(16, 185, 129, 0.75) !important; }
.dark .dark\:border-emerald-500\/75,
html.dark .dark\:border-emerald-500\/75 { border-color: rgba(16, 185, 129, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-500\/75:hover,
html.dark .dark\:hover\:bg-emerald-500\/75:hover { background-color: rgba(16, 185, 129, 0.75) !important; }
.dark .dark\:hover\:text-emerald-500\/75:hover,
html.dark .dark\:hover\:text-emerald-500\/75:hover { color: rgba(16, 185, 129, 0.75) !important; }
.dark .dark\:hover\:border-emerald-500\/75:hover,
html.dark .dark\:hover\:border-emerald-500\/75:hover { border-color: rgba(16, 185, 129, 0.75) !important; }

.bg-emerald-500\/80 { background-color: rgba(16, 185, 129, 0.8) !important; }
.text-emerald-500\/80 { color: rgba(16, 185, 129, 0.8) !important; }
.border-emerald-500\/80 { border-color: rgba(16, 185, 129, 0.8) !important; }

.hover\:bg-emerald-500\/80:hover { background-color: rgba(16, 185, 129, 0.8) !important; }
.hover\:text-emerald-500\/80:hover { color: rgba(16, 185, 129, 0.8) !important; }
.hover\:border-emerald-500\/80:hover { border-color: rgba(16, 185, 129, 0.8) !important; }

.dark .dark\:bg-emerald-500\/80,
html.dark .dark\:bg-emerald-500\/80 { background-color: rgba(16, 185, 129, 0.8) !important; }
.dark .dark\:text-emerald-500\/80,
html.dark .dark\:text-emerald-500\/80 { color: rgba(16, 185, 129, 0.8) !important; }
.dark .dark\:border-emerald-500\/80,
html.dark .dark\:border-emerald-500\/80 { border-color: rgba(16, 185, 129, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-500\/80:hover,
html.dark .dark\:hover\:bg-emerald-500\/80:hover { background-color: rgba(16, 185, 129, 0.8) !important; }
.dark .dark\:hover\:text-emerald-500\/80:hover,
html.dark .dark\:hover\:text-emerald-500\/80:hover { color: rgba(16, 185, 129, 0.8) !important; }
.dark .dark\:hover\:border-emerald-500\/80:hover,
html.dark .dark\:hover\:border-emerald-500\/80:hover { border-color: rgba(16, 185, 129, 0.8) !important; }

.bg-emerald-500\/90 { background-color: rgba(16, 185, 129, 0.9) !important; }
.text-emerald-500\/90 { color: rgba(16, 185, 129, 0.9) !important; }
.border-emerald-500\/90 { border-color: rgba(16, 185, 129, 0.9) !important; }

.hover\:bg-emerald-500\/90:hover { background-color: rgba(16, 185, 129, 0.9) !important; }
.hover\:text-emerald-500\/90:hover { color: rgba(16, 185, 129, 0.9) !important; }
.hover\:border-emerald-500\/90:hover { border-color: rgba(16, 185, 129, 0.9) !important; }

.dark .dark\:bg-emerald-500\/90,
html.dark .dark\:bg-emerald-500\/90 { background-color: rgba(16, 185, 129, 0.9) !important; }
.dark .dark\:text-emerald-500\/90,
html.dark .dark\:text-emerald-500\/90 { color: rgba(16, 185, 129, 0.9) !important; }
.dark .dark\:border-emerald-500\/90,
html.dark .dark\:border-emerald-500\/90 { border-color: rgba(16, 185, 129, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-500\/90:hover,
html.dark .dark\:hover\:bg-emerald-500\/90:hover { background-color: rgba(16, 185, 129, 0.9) !important; }
.dark .dark\:hover\:text-emerald-500\/90:hover,
html.dark .dark\:hover\:text-emerald-500\/90:hover { color: rgba(16, 185, 129, 0.9) !important; }
.dark .dark\:hover\:border-emerald-500\/90:hover,
html.dark .dark\:hover\:border-emerald-500\/90:hover { border-color: rgba(16, 185, 129, 0.9) !important; }

.bg-emerald-500\/95 { background-color: rgba(16, 185, 129, 0.95) !important; }
.text-emerald-500\/95 { color: rgba(16, 185, 129, 0.95) !important; }
.border-emerald-500\/95 { border-color: rgba(16, 185, 129, 0.95) !important; }

.hover\:bg-emerald-500\/95:hover { background-color: rgba(16, 185, 129, 0.95) !important; }
.hover\:text-emerald-500\/95:hover { color: rgba(16, 185, 129, 0.95) !important; }
.hover\:border-emerald-500\/95:hover { border-color: rgba(16, 185, 129, 0.95) !important; }

.dark .dark\:bg-emerald-500\/95,
html.dark .dark\:bg-emerald-500\/95 { background-color: rgba(16, 185, 129, 0.95) !important; }
.dark .dark\:text-emerald-500\/95,
html.dark .dark\:text-emerald-500\/95 { color: rgba(16, 185, 129, 0.95) !important; }
.dark .dark\:border-emerald-500\/95,
html.dark .dark\:border-emerald-500\/95 { border-color: rgba(16, 185, 129, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-500\/95:hover,
html.dark .dark\:hover\:bg-emerald-500\/95:hover { background-color: rgba(16, 185, 129, 0.95) !important; }
.dark .dark\:hover\:text-emerald-500\/95:hover,
html.dark .dark\:hover\:text-emerald-500\/95:hover { color: rgba(16, 185, 129, 0.95) !important; }
.dark .dark\:hover\:border-emerald-500\/95:hover,
html.dark .dark\:hover\:border-emerald-500\/95:hover { border-color: rgba(16, 185, 129, 0.95) !important; }

.bg-emerald-600 { background-color: #059669 !important; }
.text-emerald-600 { color: #059669 !important; }
.border-emerald-600 { border-color: #059669 !important; }
.fill-emerald-600 { fill: #059669 !important; }
.stroke-emerald-600 { stroke: #059669 !important; }

/* Hover states */
.hover\:bg-emerald-600:hover { background-color: #059669 !important; }
.hover\:text-emerald-600:hover { color: #059669 !important; }
.hover\:border-emerald-600:hover { border-color: #059669 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-600,
html.dark .dark\:bg-emerald-600 { background-color: #059669 !important; }
.dark .dark\:text-emerald-600,
html.dark .dark\:text-emerald-600 { color: #059669 !important; }
.dark .dark\:border-emerald-600,
html.dark .dark\:border-emerald-600 { border-color: #059669 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-600:hover,
html.dark .dark\:hover\:bg-emerald-600:hover { background-color: #059669 !important; }
.dark .dark\:hover\:text-emerald-600:hover,
html.dark .dark\:hover\:text-emerald-600:hover { color: #059669 !important; }
.dark .dark\:hover\:border-emerald-600:hover,
html.dark .dark\:hover\:border-emerald-600:hover { border-color: #059669 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-600,
html.dark .group:hover .dark\:group-hover\:text-emerald-600 { color: #059669 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-600,
html.dark .group:hover .dark\:group-hover\:bg-emerald-600 { background-color: #059669 !important; }

.bg-emerald-600\/10 { background-color: rgba(5, 150, 105, 0.1) !important; }
.text-emerald-600\/10 { color: rgba(5, 150, 105, 0.1) !important; }
.border-emerald-600\/10 { border-color: rgba(5, 150, 105, 0.1) !important; }

.hover\:bg-emerald-600\/10:hover { background-color: rgba(5, 150, 105, 0.1) !important; }
.hover\:text-emerald-600\/10:hover { color: rgba(5, 150, 105, 0.1) !important; }
.hover\:border-emerald-600\/10:hover { border-color: rgba(5, 150, 105, 0.1) !important; }

.dark .dark\:bg-emerald-600\/10,
html.dark .dark\:bg-emerald-600\/10 { background-color: rgba(5, 150, 105, 0.1) !important; }
.dark .dark\:text-emerald-600\/10,
html.dark .dark\:text-emerald-600\/10 { color: rgba(5, 150, 105, 0.1) !important; }
.dark .dark\:border-emerald-600\/10,
html.dark .dark\:border-emerald-600\/10 { border-color: rgba(5, 150, 105, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-600\/10:hover,
html.dark .dark\:hover\:bg-emerald-600\/10:hover { background-color: rgba(5, 150, 105, 0.1) !important; }
.dark .dark\:hover\:text-emerald-600\/10:hover,
html.dark .dark\:hover\:text-emerald-600\/10:hover { color: rgba(5, 150, 105, 0.1) !important; }
.dark .dark\:hover\:border-emerald-600\/10:hover,
html.dark .dark\:hover\:border-emerald-600\/10:hover { border-color: rgba(5, 150, 105, 0.1) !important; }

.bg-emerald-600\/20 { background-color: rgba(5, 150, 105, 0.2) !important; }
.text-emerald-600\/20 { color: rgba(5, 150, 105, 0.2) !important; }
.border-emerald-600\/20 { border-color: rgba(5, 150, 105, 0.2) !important; }

.hover\:bg-emerald-600\/20:hover { background-color: rgba(5, 150, 105, 0.2) !important; }
.hover\:text-emerald-600\/20:hover { color: rgba(5, 150, 105, 0.2) !important; }
.hover\:border-emerald-600\/20:hover { border-color: rgba(5, 150, 105, 0.2) !important; }

.dark .dark\:bg-emerald-600\/20,
html.dark .dark\:bg-emerald-600\/20 { background-color: rgba(5, 150, 105, 0.2) !important; }
.dark .dark\:text-emerald-600\/20,
html.dark .dark\:text-emerald-600\/20 { color: rgba(5, 150, 105, 0.2) !important; }
.dark .dark\:border-emerald-600\/20,
html.dark .dark\:border-emerald-600\/20 { border-color: rgba(5, 150, 105, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-600\/20:hover,
html.dark .dark\:hover\:bg-emerald-600\/20:hover { background-color: rgba(5, 150, 105, 0.2) !important; }
.dark .dark\:hover\:text-emerald-600\/20:hover,
html.dark .dark\:hover\:text-emerald-600\/20:hover { color: rgba(5, 150, 105, 0.2) !important; }
.dark .dark\:hover\:border-emerald-600\/20:hover,
html.dark .dark\:hover\:border-emerald-600\/20:hover { border-color: rgba(5, 150, 105, 0.2) !important; }

.bg-emerald-600\/25 { background-color: rgba(5, 150, 105, 0.25) !important; }
.text-emerald-600\/25 { color: rgba(5, 150, 105, 0.25) !important; }
.border-emerald-600\/25 { border-color: rgba(5, 150, 105, 0.25) !important; }

.hover\:bg-emerald-600\/25:hover { background-color: rgba(5, 150, 105, 0.25) !important; }
.hover\:text-emerald-600\/25:hover { color: rgba(5, 150, 105, 0.25) !important; }
.hover\:border-emerald-600\/25:hover { border-color: rgba(5, 150, 105, 0.25) !important; }

.dark .dark\:bg-emerald-600\/25,
html.dark .dark\:bg-emerald-600\/25 { background-color: rgba(5, 150, 105, 0.25) !important; }
.dark .dark\:text-emerald-600\/25,
html.dark .dark\:text-emerald-600\/25 { color: rgba(5, 150, 105, 0.25) !important; }
.dark .dark\:border-emerald-600\/25,
html.dark .dark\:border-emerald-600\/25 { border-color: rgba(5, 150, 105, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-600\/25:hover,
html.dark .dark\:hover\:bg-emerald-600\/25:hover { background-color: rgba(5, 150, 105, 0.25) !important; }
.dark .dark\:hover\:text-emerald-600\/25:hover,
html.dark .dark\:hover\:text-emerald-600\/25:hover { color: rgba(5, 150, 105, 0.25) !important; }
.dark .dark\:hover\:border-emerald-600\/25:hover,
html.dark .dark\:hover\:border-emerald-600\/25:hover { border-color: rgba(5, 150, 105, 0.25) !important; }

.bg-emerald-600\/30 { background-color: rgba(5, 150, 105, 0.3) !important; }
.text-emerald-600\/30 { color: rgba(5, 150, 105, 0.3) !important; }
.border-emerald-600\/30 { border-color: rgba(5, 150, 105, 0.3) !important; }

.hover\:bg-emerald-600\/30:hover { background-color: rgba(5, 150, 105, 0.3) !important; }
.hover\:text-emerald-600\/30:hover { color: rgba(5, 150, 105, 0.3) !important; }
.hover\:border-emerald-600\/30:hover { border-color: rgba(5, 150, 105, 0.3) !important; }

.dark .dark\:bg-emerald-600\/30,
html.dark .dark\:bg-emerald-600\/30 { background-color: rgba(5, 150, 105, 0.3) !important; }
.dark .dark\:text-emerald-600\/30,
html.dark .dark\:text-emerald-600\/30 { color: rgba(5, 150, 105, 0.3) !important; }
.dark .dark\:border-emerald-600\/30,
html.dark .dark\:border-emerald-600\/30 { border-color: rgba(5, 150, 105, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-600\/30:hover,
html.dark .dark\:hover\:bg-emerald-600\/30:hover { background-color: rgba(5, 150, 105, 0.3) !important; }
.dark .dark\:hover\:text-emerald-600\/30:hover,
html.dark .dark\:hover\:text-emerald-600\/30:hover { color: rgba(5, 150, 105, 0.3) !important; }
.dark .dark\:hover\:border-emerald-600\/30:hover,
html.dark .dark\:hover\:border-emerald-600\/30:hover { border-color: rgba(5, 150, 105, 0.3) !important; }

.bg-emerald-600\/40 { background-color: rgba(5, 150, 105, 0.4) !important; }
.text-emerald-600\/40 { color: rgba(5, 150, 105, 0.4) !important; }
.border-emerald-600\/40 { border-color: rgba(5, 150, 105, 0.4) !important; }

.hover\:bg-emerald-600\/40:hover { background-color: rgba(5, 150, 105, 0.4) !important; }
.hover\:text-emerald-600\/40:hover { color: rgba(5, 150, 105, 0.4) !important; }
.hover\:border-emerald-600\/40:hover { border-color: rgba(5, 150, 105, 0.4) !important; }

.dark .dark\:bg-emerald-600\/40,
html.dark .dark\:bg-emerald-600\/40 { background-color: rgba(5, 150, 105, 0.4) !important; }
.dark .dark\:text-emerald-600\/40,
html.dark .dark\:text-emerald-600\/40 { color: rgba(5, 150, 105, 0.4) !important; }
.dark .dark\:border-emerald-600\/40,
html.dark .dark\:border-emerald-600\/40 { border-color: rgba(5, 150, 105, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-600\/40:hover,
html.dark .dark\:hover\:bg-emerald-600\/40:hover { background-color: rgba(5, 150, 105, 0.4) !important; }
.dark .dark\:hover\:text-emerald-600\/40:hover,
html.dark .dark\:hover\:text-emerald-600\/40:hover { color: rgba(5, 150, 105, 0.4) !important; }
.dark .dark\:hover\:border-emerald-600\/40:hover,
html.dark .dark\:hover\:border-emerald-600\/40:hover { border-color: rgba(5, 150, 105, 0.4) !important; }

.bg-emerald-600\/50 { background-color: rgba(5, 150, 105, 0.5) !important; }
.text-emerald-600\/50 { color: rgba(5, 150, 105, 0.5) !important; }
.border-emerald-600\/50 { border-color: rgba(5, 150, 105, 0.5) !important; }

.hover\:bg-emerald-600\/50:hover { background-color: rgba(5, 150, 105, 0.5) !important; }
.hover\:text-emerald-600\/50:hover { color: rgba(5, 150, 105, 0.5) !important; }
.hover\:border-emerald-600\/50:hover { border-color: rgba(5, 150, 105, 0.5) !important; }

.dark .dark\:bg-emerald-600\/50,
html.dark .dark\:bg-emerald-600\/50 { background-color: rgba(5, 150, 105, 0.5) !important; }
.dark .dark\:text-emerald-600\/50,
html.dark .dark\:text-emerald-600\/50 { color: rgba(5, 150, 105, 0.5) !important; }
.dark .dark\:border-emerald-600\/50,
html.dark .dark\:border-emerald-600\/50 { border-color: rgba(5, 150, 105, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-600\/50:hover,
html.dark .dark\:hover\:bg-emerald-600\/50:hover { background-color: rgba(5, 150, 105, 0.5) !important; }
.dark .dark\:hover\:text-emerald-600\/50:hover,
html.dark .dark\:hover\:text-emerald-600\/50:hover { color: rgba(5, 150, 105, 0.5) !important; }
.dark .dark\:hover\:border-emerald-600\/50:hover,
html.dark .dark\:hover\:border-emerald-600\/50:hover { border-color: rgba(5, 150, 105, 0.5) !important; }

.bg-emerald-600\/60 { background-color: rgba(5, 150, 105, 0.6) !important; }
.text-emerald-600\/60 { color: rgba(5, 150, 105, 0.6) !important; }
.border-emerald-600\/60 { border-color: rgba(5, 150, 105, 0.6) !important; }

.hover\:bg-emerald-600\/60:hover { background-color: rgba(5, 150, 105, 0.6) !important; }
.hover\:text-emerald-600\/60:hover { color: rgba(5, 150, 105, 0.6) !important; }
.hover\:border-emerald-600\/60:hover { border-color: rgba(5, 150, 105, 0.6) !important; }

.dark .dark\:bg-emerald-600\/60,
html.dark .dark\:bg-emerald-600\/60 { background-color: rgba(5, 150, 105, 0.6) !important; }
.dark .dark\:text-emerald-600\/60,
html.dark .dark\:text-emerald-600\/60 { color: rgba(5, 150, 105, 0.6) !important; }
.dark .dark\:border-emerald-600\/60,
html.dark .dark\:border-emerald-600\/60 { border-color: rgba(5, 150, 105, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-600\/60:hover,
html.dark .dark\:hover\:bg-emerald-600\/60:hover { background-color: rgba(5, 150, 105, 0.6) !important; }
.dark .dark\:hover\:text-emerald-600\/60:hover,
html.dark .dark\:hover\:text-emerald-600\/60:hover { color: rgba(5, 150, 105, 0.6) !important; }
.dark .dark\:hover\:border-emerald-600\/60:hover,
html.dark .dark\:hover\:border-emerald-600\/60:hover { border-color: rgba(5, 150, 105, 0.6) !important; }

.bg-emerald-600\/70 { background-color: rgba(5, 150, 105, 0.7) !important; }
.text-emerald-600\/70 { color: rgba(5, 150, 105, 0.7) !important; }
.border-emerald-600\/70 { border-color: rgba(5, 150, 105, 0.7) !important; }

.hover\:bg-emerald-600\/70:hover { background-color: rgba(5, 150, 105, 0.7) !important; }
.hover\:text-emerald-600\/70:hover { color: rgba(5, 150, 105, 0.7) !important; }
.hover\:border-emerald-600\/70:hover { border-color: rgba(5, 150, 105, 0.7) !important; }

.dark .dark\:bg-emerald-600\/70,
html.dark .dark\:bg-emerald-600\/70 { background-color: rgba(5, 150, 105, 0.7) !important; }
.dark .dark\:text-emerald-600\/70,
html.dark .dark\:text-emerald-600\/70 { color: rgba(5, 150, 105, 0.7) !important; }
.dark .dark\:border-emerald-600\/70,
html.dark .dark\:border-emerald-600\/70 { border-color: rgba(5, 150, 105, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-600\/70:hover,
html.dark .dark\:hover\:bg-emerald-600\/70:hover { background-color: rgba(5, 150, 105, 0.7) !important; }
.dark .dark\:hover\:text-emerald-600\/70:hover,
html.dark .dark\:hover\:text-emerald-600\/70:hover { color: rgba(5, 150, 105, 0.7) !important; }
.dark .dark\:hover\:border-emerald-600\/70:hover,
html.dark .dark\:hover\:border-emerald-600\/70:hover { border-color: rgba(5, 150, 105, 0.7) !important; }

.bg-emerald-600\/75 { background-color: rgba(5, 150, 105, 0.75) !important; }
.text-emerald-600\/75 { color: rgba(5, 150, 105, 0.75) !important; }
.border-emerald-600\/75 { border-color: rgba(5, 150, 105, 0.75) !important; }

.hover\:bg-emerald-600\/75:hover { background-color: rgba(5, 150, 105, 0.75) !important; }
.hover\:text-emerald-600\/75:hover { color: rgba(5, 150, 105, 0.75) !important; }
.hover\:border-emerald-600\/75:hover { border-color: rgba(5, 150, 105, 0.75) !important; }

.dark .dark\:bg-emerald-600\/75,
html.dark .dark\:bg-emerald-600\/75 { background-color: rgba(5, 150, 105, 0.75) !important; }
.dark .dark\:text-emerald-600\/75,
html.dark .dark\:text-emerald-600\/75 { color: rgba(5, 150, 105, 0.75) !important; }
.dark .dark\:border-emerald-600\/75,
html.dark .dark\:border-emerald-600\/75 { border-color: rgba(5, 150, 105, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-600\/75:hover,
html.dark .dark\:hover\:bg-emerald-600\/75:hover { background-color: rgba(5, 150, 105, 0.75) !important; }
.dark .dark\:hover\:text-emerald-600\/75:hover,
html.dark .dark\:hover\:text-emerald-600\/75:hover { color: rgba(5, 150, 105, 0.75) !important; }
.dark .dark\:hover\:border-emerald-600\/75:hover,
html.dark .dark\:hover\:border-emerald-600\/75:hover { border-color: rgba(5, 150, 105, 0.75) !important; }

.bg-emerald-600\/80 { background-color: rgba(5, 150, 105, 0.8) !important; }
.text-emerald-600\/80 { color: rgba(5, 150, 105, 0.8) !important; }
.border-emerald-600\/80 { border-color: rgba(5, 150, 105, 0.8) !important; }

.hover\:bg-emerald-600\/80:hover { background-color: rgba(5, 150, 105, 0.8) !important; }
.hover\:text-emerald-600\/80:hover { color: rgba(5, 150, 105, 0.8) !important; }
.hover\:border-emerald-600\/80:hover { border-color: rgba(5, 150, 105, 0.8) !important; }

.dark .dark\:bg-emerald-600\/80,
html.dark .dark\:bg-emerald-600\/80 { background-color: rgba(5, 150, 105, 0.8) !important; }
.dark .dark\:text-emerald-600\/80,
html.dark .dark\:text-emerald-600\/80 { color: rgba(5, 150, 105, 0.8) !important; }
.dark .dark\:border-emerald-600\/80,
html.dark .dark\:border-emerald-600\/80 { border-color: rgba(5, 150, 105, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-600\/80:hover,
html.dark .dark\:hover\:bg-emerald-600\/80:hover { background-color: rgba(5, 150, 105, 0.8) !important; }
.dark .dark\:hover\:text-emerald-600\/80:hover,
html.dark .dark\:hover\:text-emerald-600\/80:hover { color: rgba(5, 150, 105, 0.8) !important; }
.dark .dark\:hover\:border-emerald-600\/80:hover,
html.dark .dark\:hover\:border-emerald-600\/80:hover { border-color: rgba(5, 150, 105, 0.8) !important; }

.bg-emerald-600\/90 { background-color: rgba(5, 150, 105, 0.9) !important; }
.text-emerald-600\/90 { color: rgba(5, 150, 105, 0.9) !important; }
.border-emerald-600\/90 { border-color: rgba(5, 150, 105, 0.9) !important; }

.hover\:bg-emerald-600\/90:hover { background-color: rgba(5, 150, 105, 0.9) !important; }
.hover\:text-emerald-600\/90:hover { color: rgba(5, 150, 105, 0.9) !important; }
.hover\:border-emerald-600\/90:hover { border-color: rgba(5, 150, 105, 0.9) !important; }

.dark .dark\:bg-emerald-600\/90,
html.dark .dark\:bg-emerald-600\/90 { background-color: rgba(5, 150, 105, 0.9) !important; }
.dark .dark\:text-emerald-600\/90,
html.dark .dark\:text-emerald-600\/90 { color: rgba(5, 150, 105, 0.9) !important; }
.dark .dark\:border-emerald-600\/90,
html.dark .dark\:border-emerald-600\/90 { border-color: rgba(5, 150, 105, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-600\/90:hover,
html.dark .dark\:hover\:bg-emerald-600\/90:hover { background-color: rgba(5, 150, 105, 0.9) !important; }
.dark .dark\:hover\:text-emerald-600\/90:hover,
html.dark .dark\:hover\:text-emerald-600\/90:hover { color: rgba(5, 150, 105, 0.9) !important; }
.dark .dark\:hover\:border-emerald-600\/90:hover,
html.dark .dark\:hover\:border-emerald-600\/90:hover { border-color: rgba(5, 150, 105, 0.9) !important; }

.bg-emerald-600\/95 { background-color: rgba(5, 150, 105, 0.95) !important; }
.text-emerald-600\/95 { color: rgba(5, 150, 105, 0.95) !important; }
.border-emerald-600\/95 { border-color: rgba(5, 150, 105, 0.95) !important; }

.hover\:bg-emerald-600\/95:hover { background-color: rgba(5, 150, 105, 0.95) !important; }
.hover\:text-emerald-600\/95:hover { color: rgba(5, 150, 105, 0.95) !important; }
.hover\:border-emerald-600\/95:hover { border-color: rgba(5, 150, 105, 0.95) !important; }

.dark .dark\:bg-emerald-600\/95,
html.dark .dark\:bg-emerald-600\/95 { background-color: rgba(5, 150, 105, 0.95) !important; }
.dark .dark\:text-emerald-600\/95,
html.dark .dark\:text-emerald-600\/95 { color: rgba(5, 150, 105, 0.95) !important; }
.dark .dark\:border-emerald-600\/95,
html.dark .dark\:border-emerald-600\/95 { border-color: rgba(5, 150, 105, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-600\/95:hover,
html.dark .dark\:hover\:bg-emerald-600\/95:hover { background-color: rgba(5, 150, 105, 0.95) !important; }
.dark .dark\:hover\:text-emerald-600\/95:hover,
html.dark .dark\:hover\:text-emerald-600\/95:hover { color: rgba(5, 150, 105, 0.95) !important; }
.dark .dark\:hover\:border-emerald-600\/95:hover,
html.dark .dark\:hover\:border-emerald-600\/95:hover { border-color: rgba(5, 150, 105, 0.95) !important; }

.bg-emerald-700 { background-color: #047857 !important; }
.text-emerald-700 { color: #047857 !important; }
.border-emerald-700 { border-color: #047857 !important; }
.fill-emerald-700 { fill: #047857 !important; }
.stroke-emerald-700 { stroke: #047857 !important; }

/* Hover states */
.hover\:bg-emerald-700:hover { background-color: #047857 !important; }
.hover\:text-emerald-700:hover { color: #047857 !important; }
.hover\:border-emerald-700:hover { border-color: #047857 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-700,
html.dark .dark\:bg-emerald-700 { background-color: #047857 !important; }
.dark .dark\:text-emerald-700,
html.dark .dark\:text-emerald-700 { color: #047857 !important; }
.dark .dark\:border-emerald-700,
html.dark .dark\:border-emerald-700 { border-color: #047857 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-700:hover,
html.dark .dark\:hover\:bg-emerald-700:hover { background-color: #047857 !important; }
.dark .dark\:hover\:text-emerald-700:hover,
html.dark .dark\:hover\:text-emerald-700:hover { color: #047857 !important; }
.dark .dark\:hover\:border-emerald-700:hover,
html.dark .dark\:hover\:border-emerald-700:hover { border-color: #047857 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-700,
html.dark .group:hover .dark\:group-hover\:text-emerald-700 { color: #047857 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-700,
html.dark .group:hover .dark\:group-hover\:bg-emerald-700 { background-color: #047857 !important; }

.bg-emerald-700\/10 { background-color: rgba(4, 120, 87, 0.1) !important; }
.text-emerald-700\/10 { color: rgba(4, 120, 87, 0.1) !important; }
.border-emerald-700\/10 { border-color: rgba(4, 120, 87, 0.1) !important; }

.hover\:bg-emerald-700\/10:hover { background-color: rgba(4, 120, 87, 0.1) !important; }
.hover\:text-emerald-700\/10:hover { color: rgba(4, 120, 87, 0.1) !important; }
.hover\:border-emerald-700\/10:hover { border-color: rgba(4, 120, 87, 0.1) !important; }

.dark .dark\:bg-emerald-700\/10,
html.dark .dark\:bg-emerald-700\/10 { background-color: rgba(4, 120, 87, 0.1) !important; }
.dark .dark\:text-emerald-700\/10,
html.dark .dark\:text-emerald-700\/10 { color: rgba(4, 120, 87, 0.1) !important; }
.dark .dark\:border-emerald-700\/10,
html.dark .dark\:border-emerald-700\/10 { border-color: rgba(4, 120, 87, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-700\/10:hover,
html.dark .dark\:hover\:bg-emerald-700\/10:hover { background-color: rgba(4, 120, 87, 0.1) !important; }
.dark .dark\:hover\:text-emerald-700\/10:hover,
html.dark .dark\:hover\:text-emerald-700\/10:hover { color: rgba(4, 120, 87, 0.1) !important; }
.dark .dark\:hover\:border-emerald-700\/10:hover,
html.dark .dark\:hover\:border-emerald-700\/10:hover { border-color: rgba(4, 120, 87, 0.1) !important; }

.bg-emerald-700\/20 { background-color: rgba(4, 120, 87, 0.2) !important; }
.text-emerald-700\/20 { color: rgba(4, 120, 87, 0.2) !important; }
.border-emerald-700\/20 { border-color: rgba(4, 120, 87, 0.2) !important; }

.hover\:bg-emerald-700\/20:hover { background-color: rgba(4, 120, 87, 0.2) !important; }
.hover\:text-emerald-700\/20:hover { color: rgba(4, 120, 87, 0.2) !important; }
.hover\:border-emerald-700\/20:hover { border-color: rgba(4, 120, 87, 0.2) !important; }

.dark .dark\:bg-emerald-700\/20,
html.dark .dark\:bg-emerald-700\/20 { background-color: rgba(4, 120, 87, 0.2) !important; }
.dark .dark\:text-emerald-700\/20,
html.dark .dark\:text-emerald-700\/20 { color: rgba(4, 120, 87, 0.2) !important; }
.dark .dark\:border-emerald-700\/20,
html.dark .dark\:border-emerald-700\/20 { border-color: rgba(4, 120, 87, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-700\/20:hover,
html.dark .dark\:hover\:bg-emerald-700\/20:hover { background-color: rgba(4, 120, 87, 0.2) !important; }
.dark .dark\:hover\:text-emerald-700\/20:hover,
html.dark .dark\:hover\:text-emerald-700\/20:hover { color: rgba(4, 120, 87, 0.2) !important; }
.dark .dark\:hover\:border-emerald-700\/20:hover,
html.dark .dark\:hover\:border-emerald-700\/20:hover { border-color: rgba(4, 120, 87, 0.2) !important; }

.bg-emerald-700\/25 { background-color: rgba(4, 120, 87, 0.25) !important; }
.text-emerald-700\/25 { color: rgba(4, 120, 87, 0.25) !important; }
.border-emerald-700\/25 { border-color: rgba(4, 120, 87, 0.25) !important; }

.hover\:bg-emerald-700\/25:hover { background-color: rgba(4, 120, 87, 0.25) !important; }
.hover\:text-emerald-700\/25:hover { color: rgba(4, 120, 87, 0.25) !important; }
.hover\:border-emerald-700\/25:hover { border-color: rgba(4, 120, 87, 0.25) !important; }

.dark .dark\:bg-emerald-700\/25,
html.dark .dark\:bg-emerald-700\/25 { background-color: rgba(4, 120, 87, 0.25) !important; }
.dark .dark\:text-emerald-700\/25,
html.dark .dark\:text-emerald-700\/25 { color: rgba(4, 120, 87, 0.25) !important; }
.dark .dark\:border-emerald-700\/25,
html.dark .dark\:border-emerald-700\/25 { border-color: rgba(4, 120, 87, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-700\/25:hover,
html.dark .dark\:hover\:bg-emerald-700\/25:hover { background-color: rgba(4, 120, 87, 0.25) !important; }
.dark .dark\:hover\:text-emerald-700\/25:hover,
html.dark .dark\:hover\:text-emerald-700\/25:hover { color: rgba(4, 120, 87, 0.25) !important; }
.dark .dark\:hover\:border-emerald-700\/25:hover,
html.dark .dark\:hover\:border-emerald-700\/25:hover { border-color: rgba(4, 120, 87, 0.25) !important; }

.bg-emerald-700\/30 { background-color: rgba(4, 120, 87, 0.3) !important; }
.text-emerald-700\/30 { color: rgba(4, 120, 87, 0.3) !important; }
.border-emerald-700\/30 { border-color: rgba(4, 120, 87, 0.3) !important; }

.hover\:bg-emerald-700\/30:hover { background-color: rgba(4, 120, 87, 0.3) !important; }
.hover\:text-emerald-700\/30:hover { color: rgba(4, 120, 87, 0.3) !important; }
.hover\:border-emerald-700\/30:hover { border-color: rgba(4, 120, 87, 0.3) !important; }

.dark .dark\:bg-emerald-700\/30,
html.dark .dark\:bg-emerald-700\/30 { background-color: rgba(4, 120, 87, 0.3) !important; }
.dark .dark\:text-emerald-700\/30,
html.dark .dark\:text-emerald-700\/30 { color: rgba(4, 120, 87, 0.3) !important; }
.dark .dark\:border-emerald-700\/30,
html.dark .dark\:border-emerald-700\/30 { border-color: rgba(4, 120, 87, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-700\/30:hover,
html.dark .dark\:hover\:bg-emerald-700\/30:hover { background-color: rgba(4, 120, 87, 0.3) !important; }
.dark .dark\:hover\:text-emerald-700\/30:hover,
html.dark .dark\:hover\:text-emerald-700\/30:hover { color: rgba(4, 120, 87, 0.3) !important; }
.dark .dark\:hover\:border-emerald-700\/30:hover,
html.dark .dark\:hover\:border-emerald-700\/30:hover { border-color: rgba(4, 120, 87, 0.3) !important; }

.bg-emerald-700\/40 { background-color: rgba(4, 120, 87, 0.4) !important; }
.text-emerald-700\/40 { color: rgba(4, 120, 87, 0.4) !important; }
.border-emerald-700\/40 { border-color: rgba(4, 120, 87, 0.4) !important; }

.hover\:bg-emerald-700\/40:hover { background-color: rgba(4, 120, 87, 0.4) !important; }
.hover\:text-emerald-700\/40:hover { color: rgba(4, 120, 87, 0.4) !important; }
.hover\:border-emerald-700\/40:hover { border-color: rgba(4, 120, 87, 0.4) !important; }

.dark .dark\:bg-emerald-700\/40,
html.dark .dark\:bg-emerald-700\/40 { background-color: rgba(4, 120, 87, 0.4) !important; }
.dark .dark\:text-emerald-700\/40,
html.dark .dark\:text-emerald-700\/40 { color: rgba(4, 120, 87, 0.4) !important; }
.dark .dark\:border-emerald-700\/40,
html.dark .dark\:border-emerald-700\/40 { border-color: rgba(4, 120, 87, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-700\/40:hover,
html.dark .dark\:hover\:bg-emerald-700\/40:hover { background-color: rgba(4, 120, 87, 0.4) !important; }
.dark .dark\:hover\:text-emerald-700\/40:hover,
html.dark .dark\:hover\:text-emerald-700\/40:hover { color: rgba(4, 120, 87, 0.4) !important; }
.dark .dark\:hover\:border-emerald-700\/40:hover,
html.dark .dark\:hover\:border-emerald-700\/40:hover { border-color: rgba(4, 120, 87, 0.4) !important; }

.bg-emerald-700\/50 { background-color: rgba(4, 120, 87, 0.5) !important; }
.text-emerald-700\/50 { color: rgba(4, 120, 87, 0.5) !important; }
.border-emerald-700\/50 { border-color: rgba(4, 120, 87, 0.5) !important; }

.hover\:bg-emerald-700\/50:hover { background-color: rgba(4, 120, 87, 0.5) !important; }
.hover\:text-emerald-700\/50:hover { color: rgba(4, 120, 87, 0.5) !important; }
.hover\:border-emerald-700\/50:hover { border-color: rgba(4, 120, 87, 0.5) !important; }

.dark .dark\:bg-emerald-700\/50,
html.dark .dark\:bg-emerald-700\/50 { background-color: rgba(4, 120, 87, 0.5) !important; }
.dark .dark\:text-emerald-700\/50,
html.dark .dark\:text-emerald-700\/50 { color: rgba(4, 120, 87, 0.5) !important; }
.dark .dark\:border-emerald-700\/50,
html.dark .dark\:border-emerald-700\/50 { border-color: rgba(4, 120, 87, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-700\/50:hover,
html.dark .dark\:hover\:bg-emerald-700\/50:hover { background-color: rgba(4, 120, 87, 0.5) !important; }
.dark .dark\:hover\:text-emerald-700\/50:hover,
html.dark .dark\:hover\:text-emerald-700\/50:hover { color: rgba(4, 120, 87, 0.5) !important; }
.dark .dark\:hover\:border-emerald-700\/50:hover,
html.dark .dark\:hover\:border-emerald-700\/50:hover { border-color: rgba(4, 120, 87, 0.5) !important; }

.bg-emerald-700\/60 { background-color: rgba(4, 120, 87, 0.6) !important; }
.text-emerald-700\/60 { color: rgba(4, 120, 87, 0.6) !important; }
.border-emerald-700\/60 { border-color: rgba(4, 120, 87, 0.6) !important; }

.hover\:bg-emerald-700\/60:hover { background-color: rgba(4, 120, 87, 0.6) !important; }
.hover\:text-emerald-700\/60:hover { color: rgba(4, 120, 87, 0.6) !important; }
.hover\:border-emerald-700\/60:hover { border-color: rgba(4, 120, 87, 0.6) !important; }

.dark .dark\:bg-emerald-700\/60,
html.dark .dark\:bg-emerald-700\/60 { background-color: rgba(4, 120, 87, 0.6) !important; }
.dark .dark\:text-emerald-700\/60,
html.dark .dark\:text-emerald-700\/60 { color: rgba(4, 120, 87, 0.6) !important; }
.dark .dark\:border-emerald-700\/60,
html.dark .dark\:border-emerald-700\/60 { border-color: rgba(4, 120, 87, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-700\/60:hover,
html.dark .dark\:hover\:bg-emerald-700\/60:hover { background-color: rgba(4, 120, 87, 0.6) !important; }
.dark .dark\:hover\:text-emerald-700\/60:hover,
html.dark .dark\:hover\:text-emerald-700\/60:hover { color: rgba(4, 120, 87, 0.6) !important; }
.dark .dark\:hover\:border-emerald-700\/60:hover,
html.dark .dark\:hover\:border-emerald-700\/60:hover { border-color: rgba(4, 120, 87, 0.6) !important; }

.bg-emerald-700\/70 { background-color: rgba(4, 120, 87, 0.7) !important; }
.text-emerald-700\/70 { color: rgba(4, 120, 87, 0.7) !important; }
.border-emerald-700\/70 { border-color: rgba(4, 120, 87, 0.7) !important; }

.hover\:bg-emerald-700\/70:hover { background-color: rgba(4, 120, 87, 0.7) !important; }
.hover\:text-emerald-700\/70:hover { color: rgba(4, 120, 87, 0.7) !important; }
.hover\:border-emerald-700\/70:hover { border-color: rgba(4, 120, 87, 0.7) !important; }

.dark .dark\:bg-emerald-700\/70,
html.dark .dark\:bg-emerald-700\/70 { background-color: rgba(4, 120, 87, 0.7) !important; }
.dark .dark\:text-emerald-700\/70,
html.dark .dark\:text-emerald-700\/70 { color: rgba(4, 120, 87, 0.7) !important; }
.dark .dark\:border-emerald-700\/70,
html.dark .dark\:border-emerald-700\/70 { border-color: rgba(4, 120, 87, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-700\/70:hover,
html.dark .dark\:hover\:bg-emerald-700\/70:hover { background-color: rgba(4, 120, 87, 0.7) !important; }
.dark .dark\:hover\:text-emerald-700\/70:hover,
html.dark .dark\:hover\:text-emerald-700\/70:hover { color: rgba(4, 120, 87, 0.7) !important; }
.dark .dark\:hover\:border-emerald-700\/70:hover,
html.dark .dark\:hover\:border-emerald-700\/70:hover { border-color: rgba(4, 120, 87, 0.7) !important; }

.bg-emerald-700\/75 { background-color: rgba(4, 120, 87, 0.75) !important; }
.text-emerald-700\/75 { color: rgba(4, 120, 87, 0.75) !important; }
.border-emerald-700\/75 { border-color: rgba(4, 120, 87, 0.75) !important; }

.hover\:bg-emerald-700\/75:hover { background-color: rgba(4, 120, 87, 0.75) !important; }
.hover\:text-emerald-700\/75:hover { color: rgba(4, 120, 87, 0.75) !important; }
.hover\:border-emerald-700\/75:hover { border-color: rgba(4, 120, 87, 0.75) !important; }

.dark .dark\:bg-emerald-700\/75,
html.dark .dark\:bg-emerald-700\/75 { background-color: rgba(4, 120, 87, 0.75) !important; }
.dark .dark\:text-emerald-700\/75,
html.dark .dark\:text-emerald-700\/75 { color: rgba(4, 120, 87, 0.75) !important; }
.dark .dark\:border-emerald-700\/75,
html.dark .dark\:border-emerald-700\/75 { border-color: rgba(4, 120, 87, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-700\/75:hover,
html.dark .dark\:hover\:bg-emerald-700\/75:hover { background-color: rgba(4, 120, 87, 0.75) !important; }
.dark .dark\:hover\:text-emerald-700\/75:hover,
html.dark .dark\:hover\:text-emerald-700\/75:hover { color: rgba(4, 120, 87, 0.75) !important; }
.dark .dark\:hover\:border-emerald-700\/75:hover,
html.dark .dark\:hover\:border-emerald-700\/75:hover { border-color: rgba(4, 120, 87, 0.75) !important; }

.bg-emerald-700\/80 { background-color: rgba(4, 120, 87, 0.8) !important; }
.text-emerald-700\/80 { color: rgba(4, 120, 87, 0.8) !important; }
.border-emerald-700\/80 { border-color: rgba(4, 120, 87, 0.8) !important; }

.hover\:bg-emerald-700\/80:hover { background-color: rgba(4, 120, 87, 0.8) !important; }
.hover\:text-emerald-700\/80:hover { color: rgba(4, 120, 87, 0.8) !important; }
.hover\:border-emerald-700\/80:hover { border-color: rgba(4, 120, 87, 0.8) !important; }

.dark .dark\:bg-emerald-700\/80,
html.dark .dark\:bg-emerald-700\/80 { background-color: rgba(4, 120, 87, 0.8) !important; }
.dark .dark\:text-emerald-700\/80,
html.dark .dark\:text-emerald-700\/80 { color: rgba(4, 120, 87, 0.8) !important; }
.dark .dark\:border-emerald-700\/80,
html.dark .dark\:border-emerald-700\/80 { border-color: rgba(4, 120, 87, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-700\/80:hover,
html.dark .dark\:hover\:bg-emerald-700\/80:hover { background-color: rgba(4, 120, 87, 0.8) !important; }
.dark .dark\:hover\:text-emerald-700\/80:hover,
html.dark .dark\:hover\:text-emerald-700\/80:hover { color: rgba(4, 120, 87, 0.8) !important; }
.dark .dark\:hover\:border-emerald-700\/80:hover,
html.dark .dark\:hover\:border-emerald-700\/80:hover { border-color: rgba(4, 120, 87, 0.8) !important; }

.bg-emerald-700\/90 { background-color: rgba(4, 120, 87, 0.9) !important; }
.text-emerald-700\/90 { color: rgba(4, 120, 87, 0.9) !important; }
.border-emerald-700\/90 { border-color: rgba(4, 120, 87, 0.9) !important; }

.hover\:bg-emerald-700\/90:hover { background-color: rgba(4, 120, 87, 0.9) !important; }
.hover\:text-emerald-700\/90:hover { color: rgba(4, 120, 87, 0.9) !important; }
.hover\:border-emerald-700\/90:hover { border-color: rgba(4, 120, 87, 0.9) !important; }

.dark .dark\:bg-emerald-700\/90,
html.dark .dark\:bg-emerald-700\/90 { background-color: rgba(4, 120, 87, 0.9) !important; }
.dark .dark\:text-emerald-700\/90,
html.dark .dark\:text-emerald-700\/90 { color: rgba(4, 120, 87, 0.9) !important; }
.dark .dark\:border-emerald-700\/90,
html.dark .dark\:border-emerald-700\/90 { border-color: rgba(4, 120, 87, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-700\/90:hover,
html.dark .dark\:hover\:bg-emerald-700\/90:hover { background-color: rgba(4, 120, 87, 0.9) !important; }
.dark .dark\:hover\:text-emerald-700\/90:hover,
html.dark .dark\:hover\:text-emerald-700\/90:hover { color: rgba(4, 120, 87, 0.9) !important; }
.dark .dark\:hover\:border-emerald-700\/90:hover,
html.dark .dark\:hover\:border-emerald-700\/90:hover { border-color: rgba(4, 120, 87, 0.9) !important; }

.bg-emerald-700\/95 { background-color: rgba(4, 120, 87, 0.95) !important; }
.text-emerald-700\/95 { color: rgba(4, 120, 87, 0.95) !important; }
.border-emerald-700\/95 { border-color: rgba(4, 120, 87, 0.95) !important; }

.hover\:bg-emerald-700\/95:hover { background-color: rgba(4, 120, 87, 0.95) !important; }
.hover\:text-emerald-700\/95:hover { color: rgba(4, 120, 87, 0.95) !important; }
.hover\:border-emerald-700\/95:hover { border-color: rgba(4, 120, 87, 0.95) !important; }

.dark .dark\:bg-emerald-700\/95,
html.dark .dark\:bg-emerald-700\/95 { background-color: rgba(4, 120, 87, 0.95) !important; }
.dark .dark\:text-emerald-700\/95,
html.dark .dark\:text-emerald-700\/95 { color: rgba(4, 120, 87, 0.95) !important; }
.dark .dark\:border-emerald-700\/95,
html.dark .dark\:border-emerald-700\/95 { border-color: rgba(4, 120, 87, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-700\/95:hover,
html.dark .dark\:hover\:bg-emerald-700\/95:hover { background-color: rgba(4, 120, 87, 0.95) !important; }
.dark .dark\:hover\:text-emerald-700\/95:hover,
html.dark .dark\:hover\:text-emerald-700\/95:hover { color: rgba(4, 120, 87, 0.95) !important; }
.dark .dark\:hover\:border-emerald-700\/95:hover,
html.dark .dark\:hover\:border-emerald-700\/95:hover { border-color: rgba(4, 120, 87, 0.95) !important; }

.bg-emerald-800 { background-color: #065f46 !important; }
.text-emerald-800 { color: #065f46 !important; }
.border-emerald-800 { border-color: #065f46 !important; }
.fill-emerald-800 { fill: #065f46 !important; }
.stroke-emerald-800 { stroke: #065f46 !important; }

/* Hover states */
.hover\:bg-emerald-800:hover { background-color: #065f46 !important; }
.hover\:text-emerald-800:hover { color: #065f46 !important; }
.hover\:border-emerald-800:hover { border-color: #065f46 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-800,
html.dark .dark\:bg-emerald-800 { background-color: #065f46 !important; }
.dark .dark\:text-emerald-800,
html.dark .dark\:text-emerald-800 { color: #065f46 !important; }
.dark .dark\:border-emerald-800,
html.dark .dark\:border-emerald-800 { border-color: #065f46 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-800:hover,
html.dark .dark\:hover\:bg-emerald-800:hover { background-color: #065f46 !important; }
.dark .dark\:hover\:text-emerald-800:hover,
html.dark .dark\:hover\:text-emerald-800:hover { color: #065f46 !important; }
.dark .dark\:hover\:border-emerald-800:hover,
html.dark .dark\:hover\:border-emerald-800:hover { border-color: #065f46 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-800,
html.dark .group:hover .dark\:group-hover\:text-emerald-800 { color: #065f46 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-800,
html.dark .group:hover .dark\:group-hover\:bg-emerald-800 { background-color: #065f46 !important; }

.bg-emerald-800\/10 { background-color: rgba(6, 95, 70, 0.1) !important; }
.text-emerald-800\/10 { color: rgba(6, 95, 70, 0.1) !important; }
.border-emerald-800\/10 { border-color: rgba(6, 95, 70, 0.1) !important; }

.hover\:bg-emerald-800\/10:hover { background-color: rgba(6, 95, 70, 0.1) !important; }
.hover\:text-emerald-800\/10:hover { color: rgba(6, 95, 70, 0.1) !important; }
.hover\:border-emerald-800\/10:hover { border-color: rgba(6, 95, 70, 0.1) !important; }

.dark .dark\:bg-emerald-800\/10,
html.dark .dark\:bg-emerald-800\/10 { background-color: rgba(6, 95, 70, 0.1) !important; }
.dark .dark\:text-emerald-800\/10,
html.dark .dark\:text-emerald-800\/10 { color: rgba(6, 95, 70, 0.1) !important; }
.dark .dark\:border-emerald-800\/10,
html.dark .dark\:border-emerald-800\/10 { border-color: rgba(6, 95, 70, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-800\/10:hover,
html.dark .dark\:hover\:bg-emerald-800\/10:hover { background-color: rgba(6, 95, 70, 0.1) !important; }
.dark .dark\:hover\:text-emerald-800\/10:hover,
html.dark .dark\:hover\:text-emerald-800\/10:hover { color: rgba(6, 95, 70, 0.1) !important; }
.dark .dark\:hover\:border-emerald-800\/10:hover,
html.dark .dark\:hover\:border-emerald-800\/10:hover { border-color: rgba(6, 95, 70, 0.1) !important; }

.bg-emerald-800\/20 { background-color: rgba(6, 95, 70, 0.2) !important; }
.text-emerald-800\/20 { color: rgba(6, 95, 70, 0.2) !important; }
.border-emerald-800\/20 { border-color: rgba(6, 95, 70, 0.2) !important; }

.hover\:bg-emerald-800\/20:hover { background-color: rgba(6, 95, 70, 0.2) !important; }
.hover\:text-emerald-800\/20:hover { color: rgba(6, 95, 70, 0.2) !important; }
.hover\:border-emerald-800\/20:hover { border-color: rgba(6, 95, 70, 0.2) !important; }

.dark .dark\:bg-emerald-800\/20,
html.dark .dark\:bg-emerald-800\/20 { background-color: rgba(6, 95, 70, 0.2) !important; }
.dark .dark\:text-emerald-800\/20,
html.dark .dark\:text-emerald-800\/20 { color: rgba(6, 95, 70, 0.2) !important; }
.dark .dark\:border-emerald-800\/20,
html.dark .dark\:border-emerald-800\/20 { border-color: rgba(6, 95, 70, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-800\/20:hover,
html.dark .dark\:hover\:bg-emerald-800\/20:hover { background-color: rgba(6, 95, 70, 0.2) !important; }
.dark .dark\:hover\:text-emerald-800\/20:hover,
html.dark .dark\:hover\:text-emerald-800\/20:hover { color: rgba(6, 95, 70, 0.2) !important; }
.dark .dark\:hover\:border-emerald-800\/20:hover,
html.dark .dark\:hover\:border-emerald-800\/20:hover { border-color: rgba(6, 95, 70, 0.2) !important; }

.bg-emerald-800\/25 { background-color: rgba(6, 95, 70, 0.25) !important; }
.text-emerald-800\/25 { color: rgba(6, 95, 70, 0.25) !important; }
.border-emerald-800\/25 { border-color: rgba(6, 95, 70, 0.25) !important; }

.hover\:bg-emerald-800\/25:hover { background-color: rgba(6, 95, 70, 0.25) !important; }
.hover\:text-emerald-800\/25:hover { color: rgba(6, 95, 70, 0.25) !important; }
.hover\:border-emerald-800\/25:hover { border-color: rgba(6, 95, 70, 0.25) !important; }

.dark .dark\:bg-emerald-800\/25,
html.dark .dark\:bg-emerald-800\/25 { background-color: rgba(6, 95, 70, 0.25) !important; }
.dark .dark\:text-emerald-800\/25,
html.dark .dark\:text-emerald-800\/25 { color: rgba(6, 95, 70, 0.25) !important; }
.dark .dark\:border-emerald-800\/25,
html.dark .dark\:border-emerald-800\/25 { border-color: rgba(6, 95, 70, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-800\/25:hover,
html.dark .dark\:hover\:bg-emerald-800\/25:hover { background-color: rgba(6, 95, 70, 0.25) !important; }
.dark .dark\:hover\:text-emerald-800\/25:hover,
html.dark .dark\:hover\:text-emerald-800\/25:hover { color: rgba(6, 95, 70, 0.25) !important; }
.dark .dark\:hover\:border-emerald-800\/25:hover,
html.dark .dark\:hover\:border-emerald-800\/25:hover { border-color: rgba(6, 95, 70, 0.25) !important; }

.bg-emerald-800\/30 { background-color: rgba(6, 95, 70, 0.3) !important; }
.text-emerald-800\/30 { color: rgba(6, 95, 70, 0.3) !important; }
.border-emerald-800\/30 { border-color: rgba(6, 95, 70, 0.3) !important; }

.hover\:bg-emerald-800\/30:hover { background-color: rgba(6, 95, 70, 0.3) !important; }
.hover\:text-emerald-800\/30:hover { color: rgba(6, 95, 70, 0.3) !important; }
.hover\:border-emerald-800\/30:hover { border-color: rgba(6, 95, 70, 0.3) !important; }

.dark .dark\:bg-emerald-800\/30,
html.dark .dark\:bg-emerald-800\/30 { background-color: rgba(6, 95, 70, 0.3) !important; }
.dark .dark\:text-emerald-800\/30,
html.dark .dark\:text-emerald-800\/30 { color: rgba(6, 95, 70, 0.3) !important; }
.dark .dark\:border-emerald-800\/30,
html.dark .dark\:border-emerald-800\/30 { border-color: rgba(6, 95, 70, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-800\/30:hover,
html.dark .dark\:hover\:bg-emerald-800\/30:hover { background-color: rgba(6, 95, 70, 0.3) !important; }
.dark .dark\:hover\:text-emerald-800\/30:hover,
html.dark .dark\:hover\:text-emerald-800\/30:hover { color: rgba(6, 95, 70, 0.3) !important; }
.dark .dark\:hover\:border-emerald-800\/30:hover,
html.dark .dark\:hover\:border-emerald-800\/30:hover { border-color: rgba(6, 95, 70, 0.3) !important; }

.bg-emerald-800\/40 { background-color: rgba(6, 95, 70, 0.4) !important; }
.text-emerald-800\/40 { color: rgba(6, 95, 70, 0.4) !important; }
.border-emerald-800\/40 { border-color: rgba(6, 95, 70, 0.4) !important; }

.hover\:bg-emerald-800\/40:hover { background-color: rgba(6, 95, 70, 0.4) !important; }
.hover\:text-emerald-800\/40:hover { color: rgba(6, 95, 70, 0.4) !important; }
.hover\:border-emerald-800\/40:hover { border-color: rgba(6, 95, 70, 0.4) !important; }

.dark .dark\:bg-emerald-800\/40,
html.dark .dark\:bg-emerald-800\/40 { background-color: rgba(6, 95, 70, 0.4) !important; }
.dark .dark\:text-emerald-800\/40,
html.dark .dark\:text-emerald-800\/40 { color: rgba(6, 95, 70, 0.4) !important; }
.dark .dark\:border-emerald-800\/40,
html.dark .dark\:border-emerald-800\/40 { border-color: rgba(6, 95, 70, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-800\/40:hover,
html.dark .dark\:hover\:bg-emerald-800\/40:hover { background-color: rgba(6, 95, 70, 0.4) !important; }
.dark .dark\:hover\:text-emerald-800\/40:hover,
html.dark .dark\:hover\:text-emerald-800\/40:hover { color: rgba(6, 95, 70, 0.4) !important; }
.dark .dark\:hover\:border-emerald-800\/40:hover,
html.dark .dark\:hover\:border-emerald-800\/40:hover { border-color: rgba(6, 95, 70, 0.4) !important; }

.bg-emerald-800\/50 { background-color: rgba(6, 95, 70, 0.5) !important; }
.text-emerald-800\/50 { color: rgba(6, 95, 70, 0.5) !important; }
.border-emerald-800\/50 { border-color: rgba(6, 95, 70, 0.5) !important; }

.hover\:bg-emerald-800\/50:hover { background-color: rgba(6, 95, 70, 0.5) !important; }
.hover\:text-emerald-800\/50:hover { color: rgba(6, 95, 70, 0.5) !important; }
.hover\:border-emerald-800\/50:hover { border-color: rgba(6, 95, 70, 0.5) !important; }

.dark .dark\:bg-emerald-800\/50,
html.dark .dark\:bg-emerald-800\/50 { background-color: rgba(6, 95, 70, 0.5) !important; }
.dark .dark\:text-emerald-800\/50,
html.dark .dark\:text-emerald-800\/50 { color: rgba(6, 95, 70, 0.5) !important; }
.dark .dark\:border-emerald-800\/50,
html.dark .dark\:border-emerald-800\/50 { border-color: rgba(6, 95, 70, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-800\/50:hover,
html.dark .dark\:hover\:bg-emerald-800\/50:hover { background-color: rgba(6, 95, 70, 0.5) !important; }
.dark .dark\:hover\:text-emerald-800\/50:hover,
html.dark .dark\:hover\:text-emerald-800\/50:hover { color: rgba(6, 95, 70, 0.5) !important; }
.dark .dark\:hover\:border-emerald-800\/50:hover,
html.dark .dark\:hover\:border-emerald-800\/50:hover { border-color: rgba(6, 95, 70, 0.5) !important; }

.bg-emerald-800\/60 { background-color: rgba(6, 95, 70, 0.6) !important; }
.text-emerald-800\/60 { color: rgba(6, 95, 70, 0.6) !important; }
.border-emerald-800\/60 { border-color: rgba(6, 95, 70, 0.6) !important; }

.hover\:bg-emerald-800\/60:hover { background-color: rgba(6, 95, 70, 0.6) !important; }
.hover\:text-emerald-800\/60:hover { color: rgba(6, 95, 70, 0.6) !important; }
.hover\:border-emerald-800\/60:hover { border-color: rgba(6, 95, 70, 0.6) !important; }

.dark .dark\:bg-emerald-800\/60,
html.dark .dark\:bg-emerald-800\/60 { background-color: rgba(6, 95, 70, 0.6) !important; }
.dark .dark\:text-emerald-800\/60,
html.dark .dark\:text-emerald-800\/60 { color: rgba(6, 95, 70, 0.6) !important; }
.dark .dark\:border-emerald-800\/60,
html.dark .dark\:border-emerald-800\/60 { border-color: rgba(6, 95, 70, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-800\/60:hover,
html.dark .dark\:hover\:bg-emerald-800\/60:hover { background-color: rgba(6, 95, 70, 0.6) !important; }
.dark .dark\:hover\:text-emerald-800\/60:hover,
html.dark .dark\:hover\:text-emerald-800\/60:hover { color: rgba(6, 95, 70, 0.6) !important; }
.dark .dark\:hover\:border-emerald-800\/60:hover,
html.dark .dark\:hover\:border-emerald-800\/60:hover { border-color: rgba(6, 95, 70, 0.6) !important; }

.bg-emerald-800\/70 { background-color: rgba(6, 95, 70, 0.7) !important; }
.text-emerald-800\/70 { color: rgba(6, 95, 70, 0.7) !important; }
.border-emerald-800\/70 { border-color: rgba(6, 95, 70, 0.7) !important; }

.hover\:bg-emerald-800\/70:hover { background-color: rgba(6, 95, 70, 0.7) !important; }
.hover\:text-emerald-800\/70:hover { color: rgba(6, 95, 70, 0.7) !important; }
.hover\:border-emerald-800\/70:hover { border-color: rgba(6, 95, 70, 0.7) !important; }

.dark .dark\:bg-emerald-800\/70,
html.dark .dark\:bg-emerald-800\/70 { background-color: rgba(6, 95, 70, 0.7) !important; }
.dark .dark\:text-emerald-800\/70,
html.dark .dark\:text-emerald-800\/70 { color: rgba(6, 95, 70, 0.7) !important; }
.dark .dark\:border-emerald-800\/70,
html.dark .dark\:border-emerald-800\/70 { border-color: rgba(6, 95, 70, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-800\/70:hover,
html.dark .dark\:hover\:bg-emerald-800\/70:hover { background-color: rgba(6, 95, 70, 0.7) !important; }
.dark .dark\:hover\:text-emerald-800\/70:hover,
html.dark .dark\:hover\:text-emerald-800\/70:hover { color: rgba(6, 95, 70, 0.7) !important; }
.dark .dark\:hover\:border-emerald-800\/70:hover,
html.dark .dark\:hover\:border-emerald-800\/70:hover { border-color: rgba(6, 95, 70, 0.7) !important; }

.bg-emerald-800\/75 { background-color: rgba(6, 95, 70, 0.75) !important; }
.text-emerald-800\/75 { color: rgba(6, 95, 70, 0.75) !important; }
.border-emerald-800\/75 { border-color: rgba(6, 95, 70, 0.75) !important; }

.hover\:bg-emerald-800\/75:hover { background-color: rgba(6, 95, 70, 0.75) !important; }
.hover\:text-emerald-800\/75:hover { color: rgba(6, 95, 70, 0.75) !important; }
.hover\:border-emerald-800\/75:hover { border-color: rgba(6, 95, 70, 0.75) !important; }

.dark .dark\:bg-emerald-800\/75,
html.dark .dark\:bg-emerald-800\/75 { background-color: rgba(6, 95, 70, 0.75) !important; }
.dark .dark\:text-emerald-800\/75,
html.dark .dark\:text-emerald-800\/75 { color: rgba(6, 95, 70, 0.75) !important; }
.dark .dark\:border-emerald-800\/75,
html.dark .dark\:border-emerald-800\/75 { border-color: rgba(6, 95, 70, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-800\/75:hover,
html.dark .dark\:hover\:bg-emerald-800\/75:hover { background-color: rgba(6, 95, 70, 0.75) !important; }
.dark .dark\:hover\:text-emerald-800\/75:hover,
html.dark .dark\:hover\:text-emerald-800\/75:hover { color: rgba(6, 95, 70, 0.75) !important; }
.dark .dark\:hover\:border-emerald-800\/75:hover,
html.dark .dark\:hover\:border-emerald-800\/75:hover { border-color: rgba(6, 95, 70, 0.75) !important; }

.bg-emerald-800\/80 { background-color: rgba(6, 95, 70, 0.8) !important; }
.text-emerald-800\/80 { color: rgba(6, 95, 70, 0.8) !important; }
.border-emerald-800\/80 { border-color: rgba(6, 95, 70, 0.8) !important; }

.hover\:bg-emerald-800\/80:hover { background-color: rgba(6, 95, 70, 0.8) !important; }
.hover\:text-emerald-800\/80:hover { color: rgba(6, 95, 70, 0.8) !important; }
.hover\:border-emerald-800\/80:hover { border-color: rgba(6, 95, 70, 0.8) !important; }

.dark .dark\:bg-emerald-800\/80,
html.dark .dark\:bg-emerald-800\/80 { background-color: rgba(6, 95, 70, 0.8) !important; }
.dark .dark\:text-emerald-800\/80,
html.dark .dark\:text-emerald-800\/80 { color: rgba(6, 95, 70, 0.8) !important; }
.dark .dark\:border-emerald-800\/80,
html.dark .dark\:border-emerald-800\/80 { border-color: rgba(6, 95, 70, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-800\/80:hover,
html.dark .dark\:hover\:bg-emerald-800\/80:hover { background-color: rgba(6, 95, 70, 0.8) !important; }
.dark .dark\:hover\:text-emerald-800\/80:hover,
html.dark .dark\:hover\:text-emerald-800\/80:hover { color: rgba(6, 95, 70, 0.8) !important; }
.dark .dark\:hover\:border-emerald-800\/80:hover,
html.dark .dark\:hover\:border-emerald-800\/80:hover { border-color: rgba(6, 95, 70, 0.8) !important; }

.bg-emerald-800\/90 { background-color: rgba(6, 95, 70, 0.9) !important; }
.text-emerald-800\/90 { color: rgba(6, 95, 70, 0.9) !important; }
.border-emerald-800\/90 { border-color: rgba(6, 95, 70, 0.9) !important; }

.hover\:bg-emerald-800\/90:hover { background-color: rgba(6, 95, 70, 0.9) !important; }
.hover\:text-emerald-800\/90:hover { color: rgba(6, 95, 70, 0.9) !important; }
.hover\:border-emerald-800\/90:hover { border-color: rgba(6, 95, 70, 0.9) !important; }

.dark .dark\:bg-emerald-800\/90,
html.dark .dark\:bg-emerald-800\/90 { background-color: rgba(6, 95, 70, 0.9) !important; }
.dark .dark\:text-emerald-800\/90,
html.dark .dark\:text-emerald-800\/90 { color: rgba(6, 95, 70, 0.9) !important; }
.dark .dark\:border-emerald-800\/90,
html.dark .dark\:border-emerald-800\/90 { border-color: rgba(6, 95, 70, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-800\/90:hover,
html.dark .dark\:hover\:bg-emerald-800\/90:hover { background-color: rgba(6, 95, 70, 0.9) !important; }
.dark .dark\:hover\:text-emerald-800\/90:hover,
html.dark .dark\:hover\:text-emerald-800\/90:hover { color: rgba(6, 95, 70, 0.9) !important; }
.dark .dark\:hover\:border-emerald-800\/90:hover,
html.dark .dark\:hover\:border-emerald-800\/90:hover { border-color: rgba(6, 95, 70, 0.9) !important; }

.bg-emerald-800\/95 { background-color: rgba(6, 95, 70, 0.95) !important; }
.text-emerald-800\/95 { color: rgba(6, 95, 70, 0.95) !important; }
.border-emerald-800\/95 { border-color: rgba(6, 95, 70, 0.95) !important; }

.hover\:bg-emerald-800\/95:hover { background-color: rgba(6, 95, 70, 0.95) !important; }
.hover\:text-emerald-800\/95:hover { color: rgba(6, 95, 70, 0.95) !important; }
.hover\:border-emerald-800\/95:hover { border-color: rgba(6, 95, 70, 0.95) !important; }

.dark .dark\:bg-emerald-800\/95,
html.dark .dark\:bg-emerald-800\/95 { background-color: rgba(6, 95, 70, 0.95) !important; }
.dark .dark\:text-emerald-800\/95,
html.dark .dark\:text-emerald-800\/95 { color: rgba(6, 95, 70, 0.95) !important; }
.dark .dark\:border-emerald-800\/95,
html.dark .dark\:border-emerald-800\/95 { border-color: rgba(6, 95, 70, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-800\/95:hover,
html.dark .dark\:hover\:bg-emerald-800\/95:hover { background-color: rgba(6, 95, 70, 0.95) !important; }
.dark .dark\:hover\:text-emerald-800\/95:hover,
html.dark .dark\:hover\:text-emerald-800\/95:hover { color: rgba(6, 95, 70, 0.95) !important; }
.dark .dark\:hover\:border-emerald-800\/95:hover,
html.dark .dark\:hover\:border-emerald-800\/95:hover { border-color: rgba(6, 95, 70, 0.95) !important; }

.bg-emerald-900 { background-color: #064e3b !important; }
.text-emerald-900 { color: #064e3b !important; }
.border-emerald-900 { border-color: #064e3b !important; }
.fill-emerald-900 { fill: #064e3b !important; }
.stroke-emerald-900 { stroke: #064e3b !important; }

/* Hover states */
.hover\:bg-emerald-900:hover { background-color: #064e3b !important; }
.hover\:text-emerald-900:hover { color: #064e3b !important; }
.hover\:border-emerald-900:hover { border-color: #064e3b !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-900,
html.dark .dark\:bg-emerald-900 { background-color: #064e3b !important; }
.dark .dark\:text-emerald-900,
html.dark .dark\:text-emerald-900 { color: #064e3b !important; }
.dark .dark\:border-emerald-900,
html.dark .dark\:border-emerald-900 { border-color: #064e3b !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-900:hover,
html.dark .dark\:hover\:bg-emerald-900:hover { background-color: #064e3b !important; }
.dark .dark\:hover\:text-emerald-900:hover,
html.dark .dark\:hover\:text-emerald-900:hover { color: #064e3b !important; }
.dark .dark\:hover\:border-emerald-900:hover,
html.dark .dark\:hover\:border-emerald-900:hover { border-color: #064e3b !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-900,
html.dark .group:hover .dark\:group-hover\:text-emerald-900 { color: #064e3b !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-900,
html.dark .group:hover .dark\:group-hover\:bg-emerald-900 { background-color: #064e3b !important; }

.bg-emerald-900\/10 { background-color: rgba(6, 78, 59, 0.1) !important; }
.text-emerald-900\/10 { color: rgba(6, 78, 59, 0.1) !important; }
.border-emerald-900\/10 { border-color: rgba(6, 78, 59, 0.1) !important; }

.hover\:bg-emerald-900\/10:hover { background-color: rgba(6, 78, 59, 0.1) !important; }
.hover\:text-emerald-900\/10:hover { color: rgba(6, 78, 59, 0.1) !important; }
.hover\:border-emerald-900\/10:hover { border-color: rgba(6, 78, 59, 0.1) !important; }

.dark .dark\:bg-emerald-900\/10,
html.dark .dark\:bg-emerald-900\/10 { background-color: rgba(6, 78, 59, 0.1) !important; }
.dark .dark\:text-emerald-900\/10,
html.dark .dark\:text-emerald-900\/10 { color: rgba(6, 78, 59, 0.1) !important; }
.dark .dark\:border-emerald-900\/10,
html.dark .dark\:border-emerald-900\/10 { border-color: rgba(6, 78, 59, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-900\/10:hover,
html.dark .dark\:hover\:bg-emerald-900\/10:hover { background-color: rgba(6, 78, 59, 0.1) !important; }
.dark .dark\:hover\:text-emerald-900\/10:hover,
html.dark .dark\:hover\:text-emerald-900\/10:hover { color: rgba(6, 78, 59, 0.1) !important; }
.dark .dark\:hover\:border-emerald-900\/10:hover,
html.dark .dark\:hover\:border-emerald-900\/10:hover { border-color: rgba(6, 78, 59, 0.1) !important; }

.bg-emerald-900\/20 { background-color: rgba(6, 78, 59, 0.2) !important; }
.text-emerald-900\/20 { color: rgba(6, 78, 59, 0.2) !important; }
.border-emerald-900\/20 { border-color: rgba(6, 78, 59, 0.2) !important; }

.hover\:bg-emerald-900\/20:hover { background-color: rgba(6, 78, 59, 0.2) !important; }
.hover\:text-emerald-900\/20:hover { color: rgba(6, 78, 59, 0.2) !important; }
.hover\:border-emerald-900\/20:hover { border-color: rgba(6, 78, 59, 0.2) !important; }

.dark .dark\:bg-emerald-900\/20,
html.dark .dark\:bg-emerald-900\/20 { background-color: rgba(6, 78, 59, 0.2) !important; }
.dark .dark\:text-emerald-900\/20,
html.dark .dark\:text-emerald-900\/20 { color: rgba(6, 78, 59, 0.2) !important; }
.dark .dark\:border-emerald-900\/20,
html.dark .dark\:border-emerald-900\/20 { border-color: rgba(6, 78, 59, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-900\/20:hover,
html.dark .dark\:hover\:bg-emerald-900\/20:hover { background-color: rgba(6, 78, 59, 0.2) !important; }
.dark .dark\:hover\:text-emerald-900\/20:hover,
html.dark .dark\:hover\:text-emerald-900\/20:hover { color: rgba(6, 78, 59, 0.2) !important; }
.dark .dark\:hover\:border-emerald-900\/20:hover,
html.dark .dark\:hover\:border-emerald-900\/20:hover { border-color: rgba(6, 78, 59, 0.2) !important; }

.bg-emerald-900\/25 { background-color: rgba(6, 78, 59, 0.25) !important; }
.text-emerald-900\/25 { color: rgba(6, 78, 59, 0.25) !important; }
.border-emerald-900\/25 { border-color: rgba(6, 78, 59, 0.25) !important; }

.hover\:bg-emerald-900\/25:hover { background-color: rgba(6, 78, 59, 0.25) !important; }
.hover\:text-emerald-900\/25:hover { color: rgba(6, 78, 59, 0.25) !important; }
.hover\:border-emerald-900\/25:hover { border-color: rgba(6, 78, 59, 0.25) !important; }

.dark .dark\:bg-emerald-900\/25,
html.dark .dark\:bg-emerald-900\/25 { background-color: rgba(6, 78, 59, 0.25) !important; }
.dark .dark\:text-emerald-900\/25,
html.dark .dark\:text-emerald-900\/25 { color: rgba(6, 78, 59, 0.25) !important; }
.dark .dark\:border-emerald-900\/25,
html.dark .dark\:border-emerald-900\/25 { border-color: rgba(6, 78, 59, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-900\/25:hover,
html.dark .dark\:hover\:bg-emerald-900\/25:hover { background-color: rgba(6, 78, 59, 0.25) !important; }
.dark .dark\:hover\:text-emerald-900\/25:hover,
html.dark .dark\:hover\:text-emerald-900\/25:hover { color: rgba(6, 78, 59, 0.25) !important; }
.dark .dark\:hover\:border-emerald-900\/25:hover,
html.dark .dark\:hover\:border-emerald-900\/25:hover { border-color: rgba(6, 78, 59, 0.25) !important; }

.bg-emerald-900\/30 { background-color: rgba(6, 78, 59, 0.3) !important; }
.text-emerald-900\/30 { color: rgba(6, 78, 59, 0.3) !important; }
.border-emerald-900\/30 { border-color: rgba(6, 78, 59, 0.3) !important; }

.hover\:bg-emerald-900\/30:hover { background-color: rgba(6, 78, 59, 0.3) !important; }
.hover\:text-emerald-900\/30:hover { color: rgba(6, 78, 59, 0.3) !important; }
.hover\:border-emerald-900\/30:hover { border-color: rgba(6, 78, 59, 0.3) !important; }

.dark .dark\:bg-emerald-900\/30,
html.dark .dark\:bg-emerald-900\/30 { background-color: rgba(6, 78, 59, 0.3) !important; }
.dark .dark\:text-emerald-900\/30,
html.dark .dark\:text-emerald-900\/30 { color: rgba(6, 78, 59, 0.3) !important; }
.dark .dark\:border-emerald-900\/30,
html.dark .dark\:border-emerald-900\/30 { border-color: rgba(6, 78, 59, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-900\/30:hover,
html.dark .dark\:hover\:bg-emerald-900\/30:hover { background-color: rgba(6, 78, 59, 0.3) !important; }
.dark .dark\:hover\:text-emerald-900\/30:hover,
html.dark .dark\:hover\:text-emerald-900\/30:hover { color: rgba(6, 78, 59, 0.3) !important; }
.dark .dark\:hover\:border-emerald-900\/30:hover,
html.dark .dark\:hover\:border-emerald-900\/30:hover { border-color: rgba(6, 78, 59, 0.3) !important; }

.bg-emerald-900\/40 { background-color: rgba(6, 78, 59, 0.4) !important; }
.text-emerald-900\/40 { color: rgba(6, 78, 59, 0.4) !important; }
.border-emerald-900\/40 { border-color: rgba(6, 78, 59, 0.4) !important; }

.hover\:bg-emerald-900\/40:hover { background-color: rgba(6, 78, 59, 0.4) !important; }
.hover\:text-emerald-900\/40:hover { color: rgba(6, 78, 59, 0.4) !important; }
.hover\:border-emerald-900\/40:hover { border-color: rgba(6, 78, 59, 0.4) !important; }

.dark .dark\:bg-emerald-900\/40,
html.dark .dark\:bg-emerald-900\/40 { background-color: rgba(6, 78, 59, 0.4) !important; }
.dark .dark\:text-emerald-900\/40,
html.dark .dark\:text-emerald-900\/40 { color: rgba(6, 78, 59, 0.4) !important; }
.dark .dark\:border-emerald-900\/40,
html.dark .dark\:border-emerald-900\/40 { border-color: rgba(6, 78, 59, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-900\/40:hover,
html.dark .dark\:hover\:bg-emerald-900\/40:hover { background-color: rgba(6, 78, 59, 0.4) !important; }
.dark .dark\:hover\:text-emerald-900\/40:hover,
html.dark .dark\:hover\:text-emerald-900\/40:hover { color: rgba(6, 78, 59, 0.4) !important; }
.dark .dark\:hover\:border-emerald-900\/40:hover,
html.dark .dark\:hover\:border-emerald-900\/40:hover { border-color: rgba(6, 78, 59, 0.4) !important; }

.bg-emerald-900\/50 { background-color: rgba(6, 78, 59, 0.5) !important; }
.text-emerald-900\/50 { color: rgba(6, 78, 59, 0.5) !important; }
.border-emerald-900\/50 { border-color: rgba(6, 78, 59, 0.5) !important; }

.hover\:bg-emerald-900\/50:hover { background-color: rgba(6, 78, 59, 0.5) !important; }
.hover\:text-emerald-900\/50:hover { color: rgba(6, 78, 59, 0.5) !important; }
.hover\:border-emerald-900\/50:hover { border-color: rgba(6, 78, 59, 0.5) !important; }

.dark .dark\:bg-emerald-900\/50,
html.dark .dark\:bg-emerald-900\/50 { background-color: rgba(6, 78, 59, 0.5) !important; }
.dark .dark\:text-emerald-900\/50,
html.dark .dark\:text-emerald-900\/50 { color: rgba(6, 78, 59, 0.5) !important; }
.dark .dark\:border-emerald-900\/50,
html.dark .dark\:border-emerald-900\/50 { border-color: rgba(6, 78, 59, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-900\/50:hover,
html.dark .dark\:hover\:bg-emerald-900\/50:hover { background-color: rgba(6, 78, 59, 0.5) !important; }
.dark .dark\:hover\:text-emerald-900\/50:hover,
html.dark .dark\:hover\:text-emerald-900\/50:hover { color: rgba(6, 78, 59, 0.5) !important; }
.dark .dark\:hover\:border-emerald-900\/50:hover,
html.dark .dark\:hover\:border-emerald-900\/50:hover { border-color: rgba(6, 78, 59, 0.5) !important; }

.bg-emerald-900\/60 { background-color: rgba(6, 78, 59, 0.6) !important; }
.text-emerald-900\/60 { color: rgba(6, 78, 59, 0.6) !important; }
.border-emerald-900\/60 { border-color: rgba(6, 78, 59, 0.6) !important; }

.hover\:bg-emerald-900\/60:hover { background-color: rgba(6, 78, 59, 0.6) !important; }
.hover\:text-emerald-900\/60:hover { color: rgba(6, 78, 59, 0.6) !important; }
.hover\:border-emerald-900\/60:hover { border-color: rgba(6, 78, 59, 0.6) !important; }

.dark .dark\:bg-emerald-900\/60,
html.dark .dark\:bg-emerald-900\/60 { background-color: rgba(6, 78, 59, 0.6) !important; }
.dark .dark\:text-emerald-900\/60,
html.dark .dark\:text-emerald-900\/60 { color: rgba(6, 78, 59, 0.6) !important; }
.dark .dark\:border-emerald-900\/60,
html.dark .dark\:border-emerald-900\/60 { border-color: rgba(6, 78, 59, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-900\/60:hover,
html.dark .dark\:hover\:bg-emerald-900\/60:hover { background-color: rgba(6, 78, 59, 0.6) !important; }
.dark .dark\:hover\:text-emerald-900\/60:hover,
html.dark .dark\:hover\:text-emerald-900\/60:hover { color: rgba(6, 78, 59, 0.6) !important; }
.dark .dark\:hover\:border-emerald-900\/60:hover,
html.dark .dark\:hover\:border-emerald-900\/60:hover { border-color: rgba(6, 78, 59, 0.6) !important; }

.bg-emerald-900\/70 { background-color: rgba(6, 78, 59, 0.7) !important; }
.text-emerald-900\/70 { color: rgba(6, 78, 59, 0.7) !important; }
.border-emerald-900\/70 { border-color: rgba(6, 78, 59, 0.7) !important; }

.hover\:bg-emerald-900\/70:hover { background-color: rgba(6, 78, 59, 0.7) !important; }
.hover\:text-emerald-900\/70:hover { color: rgba(6, 78, 59, 0.7) !important; }
.hover\:border-emerald-900\/70:hover { border-color: rgba(6, 78, 59, 0.7) !important; }

.dark .dark\:bg-emerald-900\/70,
html.dark .dark\:bg-emerald-900\/70 { background-color: rgba(6, 78, 59, 0.7) !important; }
.dark .dark\:text-emerald-900\/70,
html.dark .dark\:text-emerald-900\/70 { color: rgba(6, 78, 59, 0.7) !important; }
.dark .dark\:border-emerald-900\/70,
html.dark .dark\:border-emerald-900\/70 { border-color: rgba(6, 78, 59, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-900\/70:hover,
html.dark .dark\:hover\:bg-emerald-900\/70:hover { background-color: rgba(6, 78, 59, 0.7) !important; }
.dark .dark\:hover\:text-emerald-900\/70:hover,
html.dark .dark\:hover\:text-emerald-900\/70:hover { color: rgba(6, 78, 59, 0.7) !important; }
.dark .dark\:hover\:border-emerald-900\/70:hover,
html.dark .dark\:hover\:border-emerald-900\/70:hover { border-color: rgba(6, 78, 59, 0.7) !important; }

.bg-emerald-900\/75 { background-color: rgba(6, 78, 59, 0.75) !important; }
.text-emerald-900\/75 { color: rgba(6, 78, 59, 0.75) !important; }
.border-emerald-900\/75 { border-color: rgba(6, 78, 59, 0.75) !important; }

.hover\:bg-emerald-900\/75:hover { background-color: rgba(6, 78, 59, 0.75) !important; }
.hover\:text-emerald-900\/75:hover { color: rgba(6, 78, 59, 0.75) !important; }
.hover\:border-emerald-900\/75:hover { border-color: rgba(6, 78, 59, 0.75) !important; }

.dark .dark\:bg-emerald-900\/75,
html.dark .dark\:bg-emerald-900\/75 { background-color: rgba(6, 78, 59, 0.75) !important; }
.dark .dark\:text-emerald-900\/75,
html.dark .dark\:text-emerald-900\/75 { color: rgba(6, 78, 59, 0.75) !important; }
.dark .dark\:border-emerald-900\/75,
html.dark .dark\:border-emerald-900\/75 { border-color: rgba(6, 78, 59, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-900\/75:hover,
html.dark .dark\:hover\:bg-emerald-900\/75:hover { background-color: rgba(6, 78, 59, 0.75) !important; }
.dark .dark\:hover\:text-emerald-900\/75:hover,
html.dark .dark\:hover\:text-emerald-900\/75:hover { color: rgba(6, 78, 59, 0.75) !important; }
.dark .dark\:hover\:border-emerald-900\/75:hover,
html.dark .dark\:hover\:border-emerald-900\/75:hover { border-color: rgba(6, 78, 59, 0.75) !important; }

.bg-emerald-900\/80 { background-color: rgba(6, 78, 59, 0.8) !important; }
.text-emerald-900\/80 { color: rgba(6, 78, 59, 0.8) !important; }
.border-emerald-900\/80 { border-color: rgba(6, 78, 59, 0.8) !important; }

.hover\:bg-emerald-900\/80:hover { background-color: rgba(6, 78, 59, 0.8) !important; }
.hover\:text-emerald-900\/80:hover { color: rgba(6, 78, 59, 0.8) !important; }
.hover\:border-emerald-900\/80:hover { border-color: rgba(6, 78, 59, 0.8) !important; }

.dark .dark\:bg-emerald-900\/80,
html.dark .dark\:bg-emerald-900\/80 { background-color: rgba(6, 78, 59, 0.8) !important; }
.dark .dark\:text-emerald-900\/80,
html.dark .dark\:text-emerald-900\/80 { color: rgba(6, 78, 59, 0.8) !important; }
.dark .dark\:border-emerald-900\/80,
html.dark .dark\:border-emerald-900\/80 { border-color: rgba(6, 78, 59, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-900\/80:hover,
html.dark .dark\:hover\:bg-emerald-900\/80:hover { background-color: rgba(6, 78, 59, 0.8) !important; }
.dark .dark\:hover\:text-emerald-900\/80:hover,
html.dark .dark\:hover\:text-emerald-900\/80:hover { color: rgba(6, 78, 59, 0.8) !important; }
.dark .dark\:hover\:border-emerald-900\/80:hover,
html.dark .dark\:hover\:border-emerald-900\/80:hover { border-color: rgba(6, 78, 59, 0.8) !important; }

.bg-emerald-900\/90 { background-color: rgba(6, 78, 59, 0.9) !important; }
.text-emerald-900\/90 { color: rgba(6, 78, 59, 0.9) !important; }
.border-emerald-900\/90 { border-color: rgba(6, 78, 59, 0.9) !important; }

.hover\:bg-emerald-900\/90:hover { background-color: rgba(6, 78, 59, 0.9) !important; }
.hover\:text-emerald-900\/90:hover { color: rgba(6, 78, 59, 0.9) !important; }
.hover\:border-emerald-900\/90:hover { border-color: rgba(6, 78, 59, 0.9) !important; }

.dark .dark\:bg-emerald-900\/90,
html.dark .dark\:bg-emerald-900\/90 { background-color: rgba(6, 78, 59, 0.9) !important; }
.dark .dark\:text-emerald-900\/90,
html.dark .dark\:text-emerald-900\/90 { color: rgba(6, 78, 59, 0.9) !important; }
.dark .dark\:border-emerald-900\/90,
html.dark .dark\:border-emerald-900\/90 { border-color: rgba(6, 78, 59, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-900\/90:hover,
html.dark .dark\:hover\:bg-emerald-900\/90:hover { background-color: rgba(6, 78, 59, 0.9) !important; }
.dark .dark\:hover\:text-emerald-900\/90:hover,
html.dark .dark\:hover\:text-emerald-900\/90:hover { color: rgba(6, 78, 59, 0.9) !important; }
.dark .dark\:hover\:border-emerald-900\/90:hover,
html.dark .dark\:hover\:border-emerald-900\/90:hover { border-color: rgba(6, 78, 59, 0.9) !important; }

.bg-emerald-900\/95 { background-color: rgba(6, 78, 59, 0.95) !important; }
.text-emerald-900\/95 { color: rgba(6, 78, 59, 0.95) !important; }
.border-emerald-900\/95 { border-color: rgba(6, 78, 59, 0.95) !important; }

.hover\:bg-emerald-900\/95:hover { background-color: rgba(6, 78, 59, 0.95) !important; }
.hover\:text-emerald-900\/95:hover { color: rgba(6, 78, 59, 0.95) !important; }
.hover\:border-emerald-900\/95:hover { border-color: rgba(6, 78, 59, 0.95) !important; }

.dark .dark\:bg-emerald-900\/95,
html.dark .dark\:bg-emerald-900\/95 { background-color: rgba(6, 78, 59, 0.95) !important; }
.dark .dark\:text-emerald-900\/95,
html.dark .dark\:text-emerald-900\/95 { color: rgba(6, 78, 59, 0.95) !important; }
.dark .dark\:border-emerald-900\/95,
html.dark .dark\:border-emerald-900\/95 { border-color: rgba(6, 78, 59, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-900\/95:hover,
html.dark .dark\:hover\:bg-emerald-900\/95:hover { background-color: rgba(6, 78, 59, 0.95) !important; }
.dark .dark\:hover\:text-emerald-900\/95:hover,
html.dark .dark\:hover\:text-emerald-900\/95:hover { color: rgba(6, 78, 59, 0.95) !important; }
.dark .dark\:hover\:border-emerald-900\/95:hover,
html.dark .dark\:hover\:border-emerald-900\/95:hover { border-color: rgba(6, 78, 59, 0.95) !important; }

.bg-emerald-950 { background-color: #022c22 !important; }
.text-emerald-950 { color: #022c22 !important; }
.border-emerald-950 { border-color: #022c22 !important; }
.fill-emerald-950 { fill: #022c22 !important; }
.stroke-emerald-950 { stroke: #022c22 !important; }

/* Hover states */
.hover\:bg-emerald-950:hover { background-color: #022c22 !important; }
.hover\:text-emerald-950:hover { color: #022c22 !important; }
.hover\:border-emerald-950:hover { border-color: #022c22 !important; }

/* Dark mode standard */
.dark .dark\:bg-emerald-950,
html.dark .dark\:bg-emerald-950 { background-color: #022c22 !important; }
.dark .dark\:text-emerald-950,
html.dark .dark\:text-emerald-950 { color: #022c22 !important; }
.dark .dark\:border-emerald-950,
html.dark .dark\:border-emerald-950 { border-color: #022c22 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-emerald-950:hover,
html.dark .dark\:hover\:bg-emerald-950:hover { background-color: #022c22 !important; }
.dark .dark\:hover\:text-emerald-950:hover,
html.dark .dark\:hover\:text-emerald-950:hover { color: #022c22 !important; }
.dark .dark\:hover\:border-emerald-950:hover,
html.dark .dark\:hover\:border-emerald-950:hover { border-color: #022c22 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-emerald-950,
html.dark .group:hover .dark\:group-hover\:text-emerald-950 { color: #022c22 !important; }
.dark .group:hover .dark\:group-hover\:bg-emerald-950,
html.dark .group:hover .dark\:group-hover\:bg-emerald-950 { background-color: #022c22 !important; }

.bg-emerald-950\/10 { background-color: rgba(2, 44, 34, 0.1) !important; }
.text-emerald-950\/10 { color: rgba(2, 44, 34, 0.1) !important; }
.border-emerald-950\/10 { border-color: rgba(2, 44, 34, 0.1) !important; }

.hover\:bg-emerald-950\/10:hover { background-color: rgba(2, 44, 34, 0.1) !important; }
.hover\:text-emerald-950\/10:hover { color: rgba(2, 44, 34, 0.1) !important; }
.hover\:border-emerald-950\/10:hover { border-color: rgba(2, 44, 34, 0.1) !important; }

.dark .dark\:bg-emerald-950\/10,
html.dark .dark\:bg-emerald-950\/10 { background-color: rgba(2, 44, 34, 0.1) !important; }
.dark .dark\:text-emerald-950\/10,
html.dark .dark\:text-emerald-950\/10 { color: rgba(2, 44, 34, 0.1) !important; }
.dark .dark\:border-emerald-950\/10,
html.dark .dark\:border-emerald-950\/10 { border-color: rgba(2, 44, 34, 0.1) !important; }

.dark .dark\:hover\:bg-emerald-950\/10:hover,
html.dark .dark\:hover\:bg-emerald-950\/10:hover { background-color: rgba(2, 44, 34, 0.1) !important; }
.dark .dark\:hover\:text-emerald-950\/10:hover,
html.dark .dark\:hover\:text-emerald-950\/10:hover { color: rgba(2, 44, 34, 0.1) !important; }
.dark .dark\:hover\:border-emerald-950\/10:hover,
html.dark .dark\:hover\:border-emerald-950\/10:hover { border-color: rgba(2, 44, 34, 0.1) !important; }

.bg-emerald-950\/20 { background-color: rgba(2, 44, 34, 0.2) !important; }
.text-emerald-950\/20 { color: rgba(2, 44, 34, 0.2) !important; }
.border-emerald-950\/20 { border-color: rgba(2, 44, 34, 0.2) !important; }

.hover\:bg-emerald-950\/20:hover { background-color: rgba(2, 44, 34, 0.2) !important; }
.hover\:text-emerald-950\/20:hover { color: rgba(2, 44, 34, 0.2) !important; }
.hover\:border-emerald-950\/20:hover { border-color: rgba(2, 44, 34, 0.2) !important; }

.dark .dark\:bg-emerald-950\/20,
html.dark .dark\:bg-emerald-950\/20 { background-color: rgba(2, 44, 34, 0.2) !important; }
.dark .dark\:text-emerald-950\/20,
html.dark .dark\:text-emerald-950\/20 { color: rgba(2, 44, 34, 0.2) !important; }
.dark .dark\:border-emerald-950\/20,
html.dark .dark\:border-emerald-950\/20 { border-color: rgba(2, 44, 34, 0.2) !important; }

.dark .dark\:hover\:bg-emerald-950\/20:hover,
html.dark .dark\:hover\:bg-emerald-950\/20:hover { background-color: rgba(2, 44, 34, 0.2) !important; }
.dark .dark\:hover\:text-emerald-950\/20:hover,
html.dark .dark\:hover\:text-emerald-950\/20:hover { color: rgba(2, 44, 34, 0.2) !important; }
.dark .dark\:hover\:border-emerald-950\/20:hover,
html.dark .dark\:hover\:border-emerald-950\/20:hover { border-color: rgba(2, 44, 34, 0.2) !important; }

.bg-emerald-950\/25 { background-color: rgba(2, 44, 34, 0.25) !important; }
.text-emerald-950\/25 { color: rgba(2, 44, 34, 0.25) !important; }
.border-emerald-950\/25 { border-color: rgba(2, 44, 34, 0.25) !important; }

.hover\:bg-emerald-950\/25:hover { background-color: rgba(2, 44, 34, 0.25) !important; }
.hover\:text-emerald-950\/25:hover { color: rgba(2, 44, 34, 0.25) !important; }
.hover\:border-emerald-950\/25:hover { border-color: rgba(2, 44, 34, 0.25) !important; }

.dark .dark\:bg-emerald-950\/25,
html.dark .dark\:bg-emerald-950\/25 { background-color: rgba(2, 44, 34, 0.25) !important; }
.dark .dark\:text-emerald-950\/25,
html.dark .dark\:text-emerald-950\/25 { color: rgba(2, 44, 34, 0.25) !important; }
.dark .dark\:border-emerald-950\/25,
html.dark .dark\:border-emerald-950\/25 { border-color: rgba(2, 44, 34, 0.25) !important; }

.dark .dark\:hover\:bg-emerald-950\/25:hover,
html.dark .dark\:hover\:bg-emerald-950\/25:hover { background-color: rgba(2, 44, 34, 0.25) !important; }
.dark .dark\:hover\:text-emerald-950\/25:hover,
html.dark .dark\:hover\:text-emerald-950\/25:hover { color: rgba(2, 44, 34, 0.25) !important; }
.dark .dark\:hover\:border-emerald-950\/25:hover,
html.dark .dark\:hover\:border-emerald-950\/25:hover { border-color: rgba(2, 44, 34, 0.25) !important; }

.bg-emerald-950\/30 { background-color: rgba(2, 44, 34, 0.3) !important; }
.text-emerald-950\/30 { color: rgba(2, 44, 34, 0.3) !important; }
.border-emerald-950\/30 { border-color: rgba(2, 44, 34, 0.3) !important; }

.hover\:bg-emerald-950\/30:hover { background-color: rgba(2, 44, 34, 0.3) !important; }
.hover\:text-emerald-950\/30:hover { color: rgba(2, 44, 34, 0.3) !important; }
.hover\:border-emerald-950\/30:hover { border-color: rgba(2, 44, 34, 0.3) !important; }

.dark .dark\:bg-emerald-950\/30,
html.dark .dark\:bg-emerald-950\/30 { background-color: rgba(2, 44, 34, 0.3) !important; }
.dark .dark\:text-emerald-950\/30,
html.dark .dark\:text-emerald-950\/30 { color: rgba(2, 44, 34, 0.3) !important; }
.dark .dark\:border-emerald-950\/30,
html.dark .dark\:border-emerald-950\/30 { border-color: rgba(2, 44, 34, 0.3) !important; }

.dark .dark\:hover\:bg-emerald-950\/30:hover,
html.dark .dark\:hover\:bg-emerald-950\/30:hover { background-color: rgba(2, 44, 34, 0.3) !important; }
.dark .dark\:hover\:text-emerald-950\/30:hover,
html.dark .dark\:hover\:text-emerald-950\/30:hover { color: rgba(2, 44, 34, 0.3) !important; }
.dark .dark\:hover\:border-emerald-950\/30:hover,
html.dark .dark\:hover\:border-emerald-950\/30:hover { border-color: rgba(2, 44, 34, 0.3) !important; }

.bg-emerald-950\/40 { background-color: rgba(2, 44, 34, 0.4) !important; }
.text-emerald-950\/40 { color: rgba(2, 44, 34, 0.4) !important; }
.border-emerald-950\/40 { border-color: rgba(2, 44, 34, 0.4) !important; }

.hover\:bg-emerald-950\/40:hover { background-color: rgba(2, 44, 34, 0.4) !important; }
.hover\:text-emerald-950\/40:hover { color: rgba(2, 44, 34, 0.4) !important; }
.hover\:border-emerald-950\/40:hover { border-color: rgba(2, 44, 34, 0.4) !important; }

.dark .dark\:bg-emerald-950\/40,
html.dark .dark\:bg-emerald-950\/40 { background-color: rgba(2, 44, 34, 0.4) !important; }
.dark .dark\:text-emerald-950\/40,
html.dark .dark\:text-emerald-950\/40 { color: rgba(2, 44, 34, 0.4) !important; }
.dark .dark\:border-emerald-950\/40,
html.dark .dark\:border-emerald-950\/40 { border-color: rgba(2, 44, 34, 0.4) !important; }

.dark .dark\:hover\:bg-emerald-950\/40:hover,
html.dark .dark\:hover\:bg-emerald-950\/40:hover { background-color: rgba(2, 44, 34, 0.4) !important; }
.dark .dark\:hover\:text-emerald-950\/40:hover,
html.dark .dark\:hover\:text-emerald-950\/40:hover { color: rgba(2, 44, 34, 0.4) !important; }
.dark .dark\:hover\:border-emerald-950\/40:hover,
html.dark .dark\:hover\:border-emerald-950\/40:hover { border-color: rgba(2, 44, 34, 0.4) !important; }

.bg-emerald-950\/50 { background-color: rgba(2, 44, 34, 0.5) !important; }
.text-emerald-950\/50 { color: rgba(2, 44, 34, 0.5) !important; }
.border-emerald-950\/50 { border-color: rgba(2, 44, 34, 0.5) !important; }

.hover\:bg-emerald-950\/50:hover { background-color: rgba(2, 44, 34, 0.5) !important; }
.hover\:text-emerald-950\/50:hover { color: rgba(2, 44, 34, 0.5) !important; }
.hover\:border-emerald-950\/50:hover { border-color: rgba(2, 44, 34, 0.5) !important; }

.dark .dark\:bg-emerald-950\/50,
html.dark .dark\:bg-emerald-950\/50 { background-color: rgba(2, 44, 34, 0.5) !important; }
.dark .dark\:text-emerald-950\/50,
html.dark .dark\:text-emerald-950\/50 { color: rgba(2, 44, 34, 0.5) !important; }
.dark .dark\:border-emerald-950\/50,
html.dark .dark\:border-emerald-950\/50 { border-color: rgba(2, 44, 34, 0.5) !important; }

.dark .dark\:hover\:bg-emerald-950\/50:hover,
html.dark .dark\:hover\:bg-emerald-950\/50:hover { background-color: rgba(2, 44, 34, 0.5) !important; }
.dark .dark\:hover\:text-emerald-950\/50:hover,
html.dark .dark\:hover\:text-emerald-950\/50:hover { color: rgba(2, 44, 34, 0.5) !important; }
.dark .dark\:hover\:border-emerald-950\/50:hover,
html.dark .dark\:hover\:border-emerald-950\/50:hover { border-color: rgba(2, 44, 34, 0.5) !important; }

.bg-emerald-950\/60 { background-color: rgba(2, 44, 34, 0.6) !important; }
.text-emerald-950\/60 { color: rgba(2, 44, 34, 0.6) !important; }
.border-emerald-950\/60 { border-color: rgba(2, 44, 34, 0.6) !important; }

.hover\:bg-emerald-950\/60:hover { background-color: rgba(2, 44, 34, 0.6) !important; }
.hover\:text-emerald-950\/60:hover { color: rgba(2, 44, 34, 0.6) !important; }
.hover\:border-emerald-950\/60:hover { border-color: rgba(2, 44, 34, 0.6) !important; }

.dark .dark\:bg-emerald-950\/60,
html.dark .dark\:bg-emerald-950\/60 { background-color: rgba(2, 44, 34, 0.6) !important; }
.dark .dark\:text-emerald-950\/60,
html.dark .dark\:text-emerald-950\/60 { color: rgba(2, 44, 34, 0.6) !important; }
.dark .dark\:border-emerald-950\/60,
html.dark .dark\:border-emerald-950\/60 { border-color: rgba(2, 44, 34, 0.6) !important; }

.dark .dark\:hover\:bg-emerald-950\/60:hover,
html.dark .dark\:hover\:bg-emerald-950\/60:hover { background-color: rgba(2, 44, 34, 0.6) !important; }
.dark .dark\:hover\:text-emerald-950\/60:hover,
html.dark .dark\:hover\:text-emerald-950\/60:hover { color: rgba(2, 44, 34, 0.6) !important; }
.dark .dark\:hover\:border-emerald-950\/60:hover,
html.dark .dark\:hover\:border-emerald-950\/60:hover { border-color: rgba(2, 44, 34, 0.6) !important; }

.bg-emerald-950\/70 { background-color: rgba(2, 44, 34, 0.7) !important; }
.text-emerald-950\/70 { color: rgba(2, 44, 34, 0.7) !important; }
.border-emerald-950\/70 { border-color: rgba(2, 44, 34, 0.7) !important; }

.hover\:bg-emerald-950\/70:hover { background-color: rgba(2, 44, 34, 0.7) !important; }
.hover\:text-emerald-950\/70:hover { color: rgba(2, 44, 34, 0.7) !important; }
.hover\:border-emerald-950\/70:hover { border-color: rgba(2, 44, 34, 0.7) !important; }

.dark .dark\:bg-emerald-950\/70,
html.dark .dark\:bg-emerald-950\/70 { background-color: rgba(2, 44, 34, 0.7) !important; }
.dark .dark\:text-emerald-950\/70,
html.dark .dark\:text-emerald-950\/70 { color: rgba(2, 44, 34, 0.7) !important; }
.dark .dark\:border-emerald-950\/70,
html.dark .dark\:border-emerald-950\/70 { border-color: rgba(2, 44, 34, 0.7) !important; }

.dark .dark\:hover\:bg-emerald-950\/70:hover,
html.dark .dark\:hover\:bg-emerald-950\/70:hover { background-color: rgba(2, 44, 34, 0.7) !important; }
.dark .dark\:hover\:text-emerald-950\/70:hover,
html.dark .dark\:hover\:text-emerald-950\/70:hover { color: rgba(2, 44, 34, 0.7) !important; }
.dark .dark\:hover\:border-emerald-950\/70:hover,
html.dark .dark\:hover\:border-emerald-950\/70:hover { border-color: rgba(2, 44, 34, 0.7) !important; }

.bg-emerald-950\/75 { background-color: rgba(2, 44, 34, 0.75) !important; }
.text-emerald-950\/75 { color: rgba(2, 44, 34, 0.75) !important; }
.border-emerald-950\/75 { border-color: rgba(2, 44, 34, 0.75) !important; }

.hover\:bg-emerald-950\/75:hover { background-color: rgba(2, 44, 34, 0.75) !important; }
.hover\:text-emerald-950\/75:hover { color: rgba(2, 44, 34, 0.75) !important; }
.hover\:border-emerald-950\/75:hover { border-color: rgba(2, 44, 34, 0.75) !important; }

.dark .dark\:bg-emerald-950\/75,
html.dark .dark\:bg-emerald-950\/75 { background-color: rgba(2, 44, 34, 0.75) !important; }
.dark .dark\:text-emerald-950\/75,
html.dark .dark\:text-emerald-950\/75 { color: rgba(2, 44, 34, 0.75) !important; }
.dark .dark\:border-emerald-950\/75,
html.dark .dark\:border-emerald-950\/75 { border-color: rgba(2, 44, 34, 0.75) !important; }

.dark .dark\:hover\:bg-emerald-950\/75:hover,
html.dark .dark\:hover\:bg-emerald-950\/75:hover { background-color: rgba(2, 44, 34, 0.75) !important; }
.dark .dark\:hover\:text-emerald-950\/75:hover,
html.dark .dark\:hover\:text-emerald-950\/75:hover { color: rgba(2, 44, 34, 0.75) !important; }
.dark .dark\:hover\:border-emerald-950\/75:hover,
html.dark .dark\:hover\:border-emerald-950\/75:hover { border-color: rgba(2, 44, 34, 0.75) !important; }

.bg-emerald-950\/80 { background-color: rgba(2, 44, 34, 0.8) !important; }
.text-emerald-950\/80 { color: rgba(2, 44, 34, 0.8) !important; }
.border-emerald-950\/80 { border-color: rgba(2, 44, 34, 0.8) !important; }

.hover\:bg-emerald-950\/80:hover { background-color: rgba(2, 44, 34, 0.8) !important; }
.hover\:text-emerald-950\/80:hover { color: rgba(2, 44, 34, 0.8) !important; }
.hover\:border-emerald-950\/80:hover { border-color: rgba(2, 44, 34, 0.8) !important; }

.dark .dark\:bg-emerald-950\/80,
html.dark .dark\:bg-emerald-950\/80 { background-color: rgba(2, 44, 34, 0.8) !important; }
.dark .dark\:text-emerald-950\/80,
html.dark .dark\:text-emerald-950\/80 { color: rgba(2, 44, 34, 0.8) !important; }
.dark .dark\:border-emerald-950\/80,
html.dark .dark\:border-emerald-950\/80 { border-color: rgba(2, 44, 34, 0.8) !important; }

.dark .dark\:hover\:bg-emerald-950\/80:hover,
html.dark .dark\:hover\:bg-emerald-950\/80:hover { background-color: rgba(2, 44, 34, 0.8) !important; }
.dark .dark\:hover\:text-emerald-950\/80:hover,
html.dark .dark\:hover\:text-emerald-950\/80:hover { color: rgba(2, 44, 34, 0.8) !important; }
.dark .dark\:hover\:border-emerald-950\/80:hover,
html.dark .dark\:hover\:border-emerald-950\/80:hover { border-color: rgba(2, 44, 34, 0.8) !important; }

.bg-emerald-950\/90 { background-color: rgba(2, 44, 34, 0.9) !important; }
.text-emerald-950\/90 { color: rgba(2, 44, 34, 0.9) !important; }
.border-emerald-950\/90 { border-color: rgba(2, 44, 34, 0.9) !important; }

.hover\:bg-emerald-950\/90:hover { background-color: rgba(2, 44, 34, 0.9) !important; }
.hover\:text-emerald-950\/90:hover { color: rgba(2, 44, 34, 0.9) !important; }
.hover\:border-emerald-950\/90:hover { border-color: rgba(2, 44, 34, 0.9) !important; }

.dark .dark\:bg-emerald-950\/90,
html.dark .dark\:bg-emerald-950\/90 { background-color: rgba(2, 44, 34, 0.9) !important; }
.dark .dark\:text-emerald-950\/90,
html.dark .dark\:text-emerald-950\/90 { color: rgba(2, 44, 34, 0.9) !important; }
.dark .dark\:border-emerald-950\/90,
html.dark .dark\:border-emerald-950\/90 { border-color: rgba(2, 44, 34, 0.9) !important; }

.dark .dark\:hover\:bg-emerald-950\/90:hover,
html.dark .dark\:hover\:bg-emerald-950\/90:hover { background-color: rgba(2, 44, 34, 0.9) !important; }
.dark .dark\:hover\:text-emerald-950\/90:hover,
html.dark .dark\:hover\:text-emerald-950\/90:hover { color: rgba(2, 44, 34, 0.9) !important; }
.dark .dark\:hover\:border-emerald-950\/90:hover,
html.dark .dark\:hover\:border-emerald-950\/90:hover { border-color: rgba(2, 44, 34, 0.9) !important; }

.bg-emerald-950\/95 { background-color: rgba(2, 44, 34, 0.95) !important; }
.text-emerald-950\/95 { color: rgba(2, 44, 34, 0.95) !important; }
.border-emerald-950\/95 { border-color: rgba(2, 44, 34, 0.95) !important; }

.hover\:bg-emerald-950\/95:hover { background-color: rgba(2, 44, 34, 0.95) !important; }
.hover\:text-emerald-950\/95:hover { color: rgba(2, 44, 34, 0.95) !important; }
.hover\:border-emerald-950\/95:hover { border-color: rgba(2, 44, 34, 0.95) !important; }

.dark .dark\:bg-emerald-950\/95,
html.dark .dark\:bg-emerald-950\/95 { background-color: rgba(2, 44, 34, 0.95) !important; }
.dark .dark\:text-emerald-950\/95,
html.dark .dark\:text-emerald-950\/95 { color: rgba(2, 44, 34, 0.95) !important; }
.dark .dark\:border-emerald-950\/95,
html.dark .dark\:border-emerald-950\/95 { border-color: rgba(2, 44, 34, 0.95) !important; }

.dark .dark\:hover\:bg-emerald-950\/95:hover,
html.dark .dark\:hover\:bg-emerald-950\/95:hover { background-color: rgba(2, 44, 34, 0.95) !important; }
.dark .dark\:hover\:text-emerald-950\/95:hover,
html.dark .dark\:hover\:text-emerald-950\/95:hover { color: rgba(2, 44, 34, 0.95) !important; }
.dark .dark\:hover\:border-emerald-950\/95:hover,
html.dark .dark\:hover\:border-emerald-950\/95:hover { border-color: rgba(2, 44, 34, 0.95) !important; }

.bg-amber-50 { background-color: #fffbeb !important; }
.text-amber-50 { color: #fffbeb !important; }
.border-amber-50 { border-color: #fffbeb !important; }
.fill-amber-50 { fill: #fffbeb !important; }
.stroke-amber-50 { stroke: #fffbeb !important; }

/* Hover states */
.hover\:bg-amber-50:hover { background-color: #fffbeb !important; }
.hover\:text-amber-50:hover { color: #fffbeb !important; }
.hover\:border-amber-50:hover { border-color: #fffbeb !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-50,
html.dark .dark\:bg-amber-50 { background-color: #fffbeb !important; }
.dark .dark\:text-amber-50,
html.dark .dark\:text-amber-50 { color: #fffbeb !important; }
.dark .dark\:border-amber-50,
html.dark .dark\:border-amber-50 { border-color: #fffbeb !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-50:hover,
html.dark .dark\:hover\:bg-amber-50:hover { background-color: #fffbeb !important; }
.dark .dark\:hover\:text-amber-50:hover,
html.dark .dark\:hover\:text-amber-50:hover { color: #fffbeb !important; }
.dark .dark\:hover\:border-amber-50:hover,
html.dark .dark\:hover\:border-amber-50:hover { border-color: #fffbeb !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-50,
html.dark .group:hover .dark\:group-hover\:text-amber-50 { color: #fffbeb !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-50,
html.dark .group:hover .dark\:group-hover\:bg-amber-50 { background-color: #fffbeb !important; }

.bg-amber-50\/10 { background-color: rgba(255, 251, 235, 0.1) !important; }
.text-amber-50\/10 { color: rgba(255, 251, 235, 0.1) !important; }
.border-amber-50\/10 { border-color: rgba(255, 251, 235, 0.1) !important; }

.hover\:bg-amber-50\/10:hover { background-color: rgba(255, 251, 235, 0.1) !important; }
.hover\:text-amber-50\/10:hover { color: rgba(255, 251, 235, 0.1) !important; }
.hover\:border-amber-50\/10:hover { border-color: rgba(255, 251, 235, 0.1) !important; }

.dark .dark\:bg-amber-50\/10,
html.dark .dark\:bg-amber-50\/10 { background-color: rgba(255, 251, 235, 0.1) !important; }
.dark .dark\:text-amber-50\/10,
html.dark .dark\:text-amber-50\/10 { color: rgba(255, 251, 235, 0.1) !important; }
.dark .dark\:border-amber-50\/10,
html.dark .dark\:border-amber-50\/10 { border-color: rgba(255, 251, 235, 0.1) !important; }

.dark .dark\:hover\:bg-amber-50\/10:hover,
html.dark .dark\:hover\:bg-amber-50\/10:hover { background-color: rgba(255, 251, 235, 0.1) !important; }
.dark .dark\:hover\:text-amber-50\/10:hover,
html.dark .dark\:hover\:text-amber-50\/10:hover { color: rgba(255, 251, 235, 0.1) !important; }
.dark .dark\:hover\:border-amber-50\/10:hover,
html.dark .dark\:hover\:border-amber-50\/10:hover { border-color: rgba(255, 251, 235, 0.1) !important; }

.bg-amber-50\/20 { background-color: rgba(255, 251, 235, 0.2) !important; }
.text-amber-50\/20 { color: rgba(255, 251, 235, 0.2) !important; }
.border-amber-50\/20 { border-color: rgba(255, 251, 235, 0.2) !important; }

.hover\:bg-amber-50\/20:hover { background-color: rgba(255, 251, 235, 0.2) !important; }
.hover\:text-amber-50\/20:hover { color: rgba(255, 251, 235, 0.2) !important; }
.hover\:border-amber-50\/20:hover { border-color: rgba(255, 251, 235, 0.2) !important; }

.dark .dark\:bg-amber-50\/20,
html.dark .dark\:bg-amber-50\/20 { background-color: rgba(255, 251, 235, 0.2) !important; }
.dark .dark\:text-amber-50\/20,
html.dark .dark\:text-amber-50\/20 { color: rgba(255, 251, 235, 0.2) !important; }
.dark .dark\:border-amber-50\/20,
html.dark .dark\:border-amber-50\/20 { border-color: rgba(255, 251, 235, 0.2) !important; }

.dark .dark\:hover\:bg-amber-50\/20:hover,
html.dark .dark\:hover\:bg-amber-50\/20:hover { background-color: rgba(255, 251, 235, 0.2) !important; }
.dark .dark\:hover\:text-amber-50\/20:hover,
html.dark .dark\:hover\:text-amber-50\/20:hover { color: rgba(255, 251, 235, 0.2) !important; }
.dark .dark\:hover\:border-amber-50\/20:hover,
html.dark .dark\:hover\:border-amber-50\/20:hover { border-color: rgba(255, 251, 235, 0.2) !important; }

.bg-amber-50\/25 { background-color: rgba(255, 251, 235, 0.25) !important; }
.text-amber-50\/25 { color: rgba(255, 251, 235, 0.25) !important; }
.border-amber-50\/25 { border-color: rgba(255, 251, 235, 0.25) !important; }

.hover\:bg-amber-50\/25:hover { background-color: rgba(255, 251, 235, 0.25) !important; }
.hover\:text-amber-50\/25:hover { color: rgba(255, 251, 235, 0.25) !important; }
.hover\:border-amber-50\/25:hover { border-color: rgba(255, 251, 235, 0.25) !important; }

.dark .dark\:bg-amber-50\/25,
html.dark .dark\:bg-amber-50\/25 { background-color: rgba(255, 251, 235, 0.25) !important; }
.dark .dark\:text-amber-50\/25,
html.dark .dark\:text-amber-50\/25 { color: rgba(255, 251, 235, 0.25) !important; }
.dark .dark\:border-amber-50\/25,
html.dark .dark\:border-amber-50\/25 { border-color: rgba(255, 251, 235, 0.25) !important; }

.dark .dark\:hover\:bg-amber-50\/25:hover,
html.dark .dark\:hover\:bg-amber-50\/25:hover { background-color: rgba(255, 251, 235, 0.25) !important; }
.dark .dark\:hover\:text-amber-50\/25:hover,
html.dark .dark\:hover\:text-amber-50\/25:hover { color: rgba(255, 251, 235, 0.25) !important; }
.dark .dark\:hover\:border-amber-50\/25:hover,
html.dark .dark\:hover\:border-amber-50\/25:hover { border-color: rgba(255, 251, 235, 0.25) !important; }

.bg-amber-50\/30 { background-color: rgba(255, 251, 235, 0.3) !important; }
.text-amber-50\/30 { color: rgba(255, 251, 235, 0.3) !important; }
.border-amber-50\/30 { border-color: rgba(255, 251, 235, 0.3) !important; }

.hover\:bg-amber-50\/30:hover { background-color: rgba(255, 251, 235, 0.3) !important; }
.hover\:text-amber-50\/30:hover { color: rgba(255, 251, 235, 0.3) !important; }
.hover\:border-amber-50\/30:hover { border-color: rgba(255, 251, 235, 0.3) !important; }

.dark .dark\:bg-amber-50\/30,
html.dark .dark\:bg-amber-50\/30 { background-color: rgba(255, 251, 235, 0.3) !important; }
.dark .dark\:text-amber-50\/30,
html.dark .dark\:text-amber-50\/30 { color: rgba(255, 251, 235, 0.3) !important; }
.dark .dark\:border-amber-50\/30,
html.dark .dark\:border-amber-50\/30 { border-color: rgba(255, 251, 235, 0.3) !important; }

.dark .dark\:hover\:bg-amber-50\/30:hover,
html.dark .dark\:hover\:bg-amber-50\/30:hover { background-color: rgba(255, 251, 235, 0.3) !important; }
.dark .dark\:hover\:text-amber-50\/30:hover,
html.dark .dark\:hover\:text-amber-50\/30:hover { color: rgba(255, 251, 235, 0.3) !important; }
.dark .dark\:hover\:border-amber-50\/30:hover,
html.dark .dark\:hover\:border-amber-50\/30:hover { border-color: rgba(255, 251, 235, 0.3) !important; }

.bg-amber-50\/40 { background-color: rgba(255, 251, 235, 0.4) !important; }
.text-amber-50\/40 { color: rgba(255, 251, 235, 0.4) !important; }
.border-amber-50\/40 { border-color: rgba(255, 251, 235, 0.4) !important; }

.hover\:bg-amber-50\/40:hover { background-color: rgba(255, 251, 235, 0.4) !important; }
.hover\:text-amber-50\/40:hover { color: rgba(255, 251, 235, 0.4) !important; }
.hover\:border-amber-50\/40:hover { border-color: rgba(255, 251, 235, 0.4) !important; }

.dark .dark\:bg-amber-50\/40,
html.dark .dark\:bg-amber-50\/40 { background-color: rgba(255, 251, 235, 0.4) !important; }
.dark .dark\:text-amber-50\/40,
html.dark .dark\:text-amber-50\/40 { color: rgba(255, 251, 235, 0.4) !important; }
.dark .dark\:border-amber-50\/40,
html.dark .dark\:border-amber-50\/40 { border-color: rgba(255, 251, 235, 0.4) !important; }

.dark .dark\:hover\:bg-amber-50\/40:hover,
html.dark .dark\:hover\:bg-amber-50\/40:hover { background-color: rgba(255, 251, 235, 0.4) !important; }
.dark .dark\:hover\:text-amber-50\/40:hover,
html.dark .dark\:hover\:text-amber-50\/40:hover { color: rgba(255, 251, 235, 0.4) !important; }
.dark .dark\:hover\:border-amber-50\/40:hover,
html.dark .dark\:hover\:border-amber-50\/40:hover { border-color: rgba(255, 251, 235, 0.4) !important; }

.bg-amber-50\/50 { background-color: rgba(255, 251, 235, 0.5) !important; }
.text-amber-50\/50 { color: rgba(255, 251, 235, 0.5) !important; }
.border-amber-50\/50 { border-color: rgba(255, 251, 235, 0.5) !important; }

.hover\:bg-amber-50\/50:hover { background-color: rgba(255, 251, 235, 0.5) !important; }
.hover\:text-amber-50\/50:hover { color: rgba(255, 251, 235, 0.5) !important; }
.hover\:border-amber-50\/50:hover { border-color: rgba(255, 251, 235, 0.5) !important; }

.dark .dark\:bg-amber-50\/50,
html.dark .dark\:bg-amber-50\/50 { background-color: rgba(255, 251, 235, 0.5) !important; }
.dark .dark\:text-amber-50\/50,
html.dark .dark\:text-amber-50\/50 { color: rgba(255, 251, 235, 0.5) !important; }
.dark .dark\:border-amber-50\/50,
html.dark .dark\:border-amber-50\/50 { border-color: rgba(255, 251, 235, 0.5) !important; }

.dark .dark\:hover\:bg-amber-50\/50:hover,
html.dark .dark\:hover\:bg-amber-50\/50:hover { background-color: rgba(255, 251, 235, 0.5) !important; }
.dark .dark\:hover\:text-amber-50\/50:hover,
html.dark .dark\:hover\:text-amber-50\/50:hover { color: rgba(255, 251, 235, 0.5) !important; }
.dark .dark\:hover\:border-amber-50\/50:hover,
html.dark .dark\:hover\:border-amber-50\/50:hover { border-color: rgba(255, 251, 235, 0.5) !important; }

.bg-amber-50\/60 { background-color: rgba(255, 251, 235, 0.6) !important; }
.text-amber-50\/60 { color: rgba(255, 251, 235, 0.6) !important; }
.border-amber-50\/60 { border-color: rgba(255, 251, 235, 0.6) !important; }

.hover\:bg-amber-50\/60:hover { background-color: rgba(255, 251, 235, 0.6) !important; }
.hover\:text-amber-50\/60:hover { color: rgba(255, 251, 235, 0.6) !important; }
.hover\:border-amber-50\/60:hover { border-color: rgba(255, 251, 235, 0.6) !important; }

.dark .dark\:bg-amber-50\/60,
html.dark .dark\:bg-amber-50\/60 { background-color: rgba(255, 251, 235, 0.6) !important; }
.dark .dark\:text-amber-50\/60,
html.dark .dark\:text-amber-50\/60 { color: rgba(255, 251, 235, 0.6) !important; }
.dark .dark\:border-amber-50\/60,
html.dark .dark\:border-amber-50\/60 { border-color: rgba(255, 251, 235, 0.6) !important; }

.dark .dark\:hover\:bg-amber-50\/60:hover,
html.dark .dark\:hover\:bg-amber-50\/60:hover { background-color: rgba(255, 251, 235, 0.6) !important; }
.dark .dark\:hover\:text-amber-50\/60:hover,
html.dark .dark\:hover\:text-amber-50\/60:hover { color: rgba(255, 251, 235, 0.6) !important; }
.dark .dark\:hover\:border-amber-50\/60:hover,
html.dark .dark\:hover\:border-amber-50\/60:hover { border-color: rgba(255, 251, 235, 0.6) !important; }

.bg-amber-50\/70 { background-color: rgba(255, 251, 235, 0.7) !important; }
.text-amber-50\/70 { color: rgba(255, 251, 235, 0.7) !important; }
.border-amber-50\/70 { border-color: rgba(255, 251, 235, 0.7) !important; }

.hover\:bg-amber-50\/70:hover { background-color: rgba(255, 251, 235, 0.7) !important; }
.hover\:text-amber-50\/70:hover { color: rgba(255, 251, 235, 0.7) !important; }
.hover\:border-amber-50\/70:hover { border-color: rgba(255, 251, 235, 0.7) !important; }

.dark .dark\:bg-amber-50\/70,
html.dark .dark\:bg-amber-50\/70 { background-color: rgba(255, 251, 235, 0.7) !important; }
.dark .dark\:text-amber-50\/70,
html.dark .dark\:text-amber-50\/70 { color: rgba(255, 251, 235, 0.7) !important; }
.dark .dark\:border-amber-50\/70,
html.dark .dark\:border-amber-50\/70 { border-color: rgba(255, 251, 235, 0.7) !important; }

.dark .dark\:hover\:bg-amber-50\/70:hover,
html.dark .dark\:hover\:bg-amber-50\/70:hover { background-color: rgba(255, 251, 235, 0.7) !important; }
.dark .dark\:hover\:text-amber-50\/70:hover,
html.dark .dark\:hover\:text-amber-50\/70:hover { color: rgba(255, 251, 235, 0.7) !important; }
.dark .dark\:hover\:border-amber-50\/70:hover,
html.dark .dark\:hover\:border-amber-50\/70:hover { border-color: rgba(255, 251, 235, 0.7) !important; }

.bg-amber-50\/75 { background-color: rgba(255, 251, 235, 0.75) !important; }
.text-amber-50\/75 { color: rgba(255, 251, 235, 0.75) !important; }
.border-amber-50\/75 { border-color: rgba(255, 251, 235, 0.75) !important; }

.hover\:bg-amber-50\/75:hover { background-color: rgba(255, 251, 235, 0.75) !important; }
.hover\:text-amber-50\/75:hover { color: rgba(255, 251, 235, 0.75) !important; }
.hover\:border-amber-50\/75:hover { border-color: rgba(255, 251, 235, 0.75) !important; }

.dark .dark\:bg-amber-50\/75,
html.dark .dark\:bg-amber-50\/75 { background-color: rgba(255, 251, 235, 0.75) !important; }
.dark .dark\:text-amber-50\/75,
html.dark .dark\:text-amber-50\/75 { color: rgba(255, 251, 235, 0.75) !important; }
.dark .dark\:border-amber-50\/75,
html.dark .dark\:border-amber-50\/75 { border-color: rgba(255, 251, 235, 0.75) !important; }

.dark .dark\:hover\:bg-amber-50\/75:hover,
html.dark .dark\:hover\:bg-amber-50\/75:hover { background-color: rgba(255, 251, 235, 0.75) !important; }
.dark .dark\:hover\:text-amber-50\/75:hover,
html.dark .dark\:hover\:text-amber-50\/75:hover { color: rgba(255, 251, 235, 0.75) !important; }
.dark .dark\:hover\:border-amber-50\/75:hover,
html.dark .dark\:hover\:border-amber-50\/75:hover { border-color: rgba(255, 251, 235, 0.75) !important; }

.bg-amber-50\/80 { background-color: rgba(255, 251, 235, 0.8) !important; }
.text-amber-50\/80 { color: rgba(255, 251, 235, 0.8) !important; }
.border-amber-50\/80 { border-color: rgba(255, 251, 235, 0.8) !important; }

.hover\:bg-amber-50\/80:hover { background-color: rgba(255, 251, 235, 0.8) !important; }
.hover\:text-amber-50\/80:hover { color: rgba(255, 251, 235, 0.8) !important; }
.hover\:border-amber-50\/80:hover { border-color: rgba(255, 251, 235, 0.8) !important; }

.dark .dark\:bg-amber-50\/80,
html.dark .dark\:bg-amber-50\/80 { background-color: rgba(255, 251, 235, 0.8) !important; }
.dark .dark\:text-amber-50\/80,
html.dark .dark\:text-amber-50\/80 { color: rgba(255, 251, 235, 0.8) !important; }
.dark .dark\:border-amber-50\/80,
html.dark .dark\:border-amber-50\/80 { border-color: rgba(255, 251, 235, 0.8) !important; }

.dark .dark\:hover\:bg-amber-50\/80:hover,
html.dark .dark\:hover\:bg-amber-50\/80:hover { background-color: rgba(255, 251, 235, 0.8) !important; }
.dark .dark\:hover\:text-amber-50\/80:hover,
html.dark .dark\:hover\:text-amber-50\/80:hover { color: rgba(255, 251, 235, 0.8) !important; }
.dark .dark\:hover\:border-amber-50\/80:hover,
html.dark .dark\:hover\:border-amber-50\/80:hover { border-color: rgba(255, 251, 235, 0.8) !important; }

.bg-amber-50\/90 { background-color: rgba(255, 251, 235, 0.9) !important; }
.text-amber-50\/90 { color: rgba(255, 251, 235, 0.9) !important; }
.border-amber-50\/90 { border-color: rgba(255, 251, 235, 0.9) !important; }

.hover\:bg-amber-50\/90:hover { background-color: rgba(255, 251, 235, 0.9) !important; }
.hover\:text-amber-50\/90:hover { color: rgba(255, 251, 235, 0.9) !important; }
.hover\:border-amber-50\/90:hover { border-color: rgba(255, 251, 235, 0.9) !important; }

.dark .dark\:bg-amber-50\/90,
html.dark .dark\:bg-amber-50\/90 { background-color: rgba(255, 251, 235, 0.9) !important; }
.dark .dark\:text-amber-50\/90,
html.dark .dark\:text-amber-50\/90 { color: rgba(255, 251, 235, 0.9) !important; }
.dark .dark\:border-amber-50\/90,
html.dark .dark\:border-amber-50\/90 { border-color: rgba(255, 251, 235, 0.9) !important; }

.dark .dark\:hover\:bg-amber-50\/90:hover,
html.dark .dark\:hover\:bg-amber-50\/90:hover { background-color: rgba(255, 251, 235, 0.9) !important; }
.dark .dark\:hover\:text-amber-50\/90:hover,
html.dark .dark\:hover\:text-amber-50\/90:hover { color: rgba(255, 251, 235, 0.9) !important; }
.dark .dark\:hover\:border-amber-50\/90:hover,
html.dark .dark\:hover\:border-amber-50\/90:hover { border-color: rgba(255, 251, 235, 0.9) !important; }

.bg-amber-50\/95 { background-color: rgba(255, 251, 235, 0.95) !important; }
.text-amber-50\/95 { color: rgba(255, 251, 235, 0.95) !important; }
.border-amber-50\/95 { border-color: rgba(255, 251, 235, 0.95) !important; }

.hover\:bg-amber-50\/95:hover { background-color: rgba(255, 251, 235, 0.95) !important; }
.hover\:text-amber-50\/95:hover { color: rgba(255, 251, 235, 0.95) !important; }
.hover\:border-amber-50\/95:hover { border-color: rgba(255, 251, 235, 0.95) !important; }

.dark .dark\:bg-amber-50\/95,
html.dark .dark\:bg-amber-50\/95 { background-color: rgba(255, 251, 235, 0.95) !important; }
.dark .dark\:text-amber-50\/95,
html.dark .dark\:text-amber-50\/95 { color: rgba(255, 251, 235, 0.95) !important; }
.dark .dark\:border-amber-50\/95,
html.dark .dark\:border-amber-50\/95 { border-color: rgba(255, 251, 235, 0.95) !important; }

.dark .dark\:hover\:bg-amber-50\/95:hover,
html.dark .dark\:hover\:bg-amber-50\/95:hover { background-color: rgba(255, 251, 235, 0.95) !important; }
.dark .dark\:hover\:text-amber-50\/95:hover,
html.dark .dark\:hover\:text-amber-50\/95:hover { color: rgba(255, 251, 235, 0.95) !important; }
.dark .dark\:hover\:border-amber-50\/95:hover,
html.dark .dark\:hover\:border-amber-50\/95:hover { border-color: rgba(255, 251, 235, 0.95) !important; }

.bg-amber-100 { background-color: #fef3c7 !important; }
.text-amber-100 { color: #fef3c7 !important; }
.border-amber-100 { border-color: #fef3c7 !important; }
.fill-amber-100 { fill: #fef3c7 !important; }
.stroke-amber-100 { stroke: #fef3c7 !important; }

/* Hover states */
.hover\:bg-amber-100:hover { background-color: #fef3c7 !important; }
.hover\:text-amber-100:hover { color: #fef3c7 !important; }
.hover\:border-amber-100:hover { border-color: #fef3c7 !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-100,
html.dark .dark\:bg-amber-100 { background-color: #fef3c7 !important; }
.dark .dark\:text-amber-100,
html.dark .dark\:text-amber-100 { color: #fef3c7 !important; }
.dark .dark\:border-amber-100,
html.dark .dark\:border-amber-100 { border-color: #fef3c7 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-100:hover,
html.dark .dark\:hover\:bg-amber-100:hover { background-color: #fef3c7 !important; }
.dark .dark\:hover\:text-amber-100:hover,
html.dark .dark\:hover\:text-amber-100:hover { color: #fef3c7 !important; }
.dark .dark\:hover\:border-amber-100:hover,
html.dark .dark\:hover\:border-amber-100:hover { border-color: #fef3c7 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-100,
html.dark .group:hover .dark\:group-hover\:text-amber-100 { color: #fef3c7 !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-100,
html.dark .group:hover .dark\:group-hover\:bg-amber-100 { background-color: #fef3c7 !important; }

.bg-amber-100\/10 { background-color: rgba(254, 243, 199, 0.1) !important; }
.text-amber-100\/10 { color: rgba(254, 243, 199, 0.1) !important; }
.border-amber-100\/10 { border-color: rgba(254, 243, 199, 0.1) !important; }

.hover\:bg-amber-100\/10:hover { background-color: rgba(254, 243, 199, 0.1) !important; }
.hover\:text-amber-100\/10:hover { color: rgba(254, 243, 199, 0.1) !important; }
.hover\:border-amber-100\/10:hover { border-color: rgba(254, 243, 199, 0.1) !important; }

.dark .dark\:bg-amber-100\/10,
html.dark .dark\:bg-amber-100\/10 { background-color: rgba(254, 243, 199, 0.1) !important; }
.dark .dark\:text-amber-100\/10,
html.dark .dark\:text-amber-100\/10 { color: rgba(254, 243, 199, 0.1) !important; }
.dark .dark\:border-amber-100\/10,
html.dark .dark\:border-amber-100\/10 { border-color: rgba(254, 243, 199, 0.1) !important; }

.dark .dark\:hover\:bg-amber-100\/10:hover,
html.dark .dark\:hover\:bg-amber-100\/10:hover { background-color: rgba(254, 243, 199, 0.1) !important; }
.dark .dark\:hover\:text-amber-100\/10:hover,
html.dark .dark\:hover\:text-amber-100\/10:hover { color: rgba(254, 243, 199, 0.1) !important; }
.dark .dark\:hover\:border-amber-100\/10:hover,
html.dark .dark\:hover\:border-amber-100\/10:hover { border-color: rgba(254, 243, 199, 0.1) !important; }

.bg-amber-100\/20 { background-color: rgba(254, 243, 199, 0.2) !important; }
.text-amber-100\/20 { color: rgba(254, 243, 199, 0.2) !important; }
.border-amber-100\/20 { border-color: rgba(254, 243, 199, 0.2) !important; }

.hover\:bg-amber-100\/20:hover { background-color: rgba(254, 243, 199, 0.2) !important; }
.hover\:text-amber-100\/20:hover { color: rgba(254, 243, 199, 0.2) !important; }
.hover\:border-amber-100\/20:hover { border-color: rgba(254, 243, 199, 0.2) !important; }

.dark .dark\:bg-amber-100\/20,
html.dark .dark\:bg-amber-100\/20 { background-color: rgba(254, 243, 199, 0.2) !important; }
.dark .dark\:text-amber-100\/20,
html.dark .dark\:text-amber-100\/20 { color: rgba(254, 243, 199, 0.2) !important; }
.dark .dark\:border-amber-100\/20,
html.dark .dark\:border-amber-100\/20 { border-color: rgba(254, 243, 199, 0.2) !important; }

.dark .dark\:hover\:bg-amber-100\/20:hover,
html.dark .dark\:hover\:bg-amber-100\/20:hover { background-color: rgba(254, 243, 199, 0.2) !important; }
.dark .dark\:hover\:text-amber-100\/20:hover,
html.dark .dark\:hover\:text-amber-100\/20:hover { color: rgba(254, 243, 199, 0.2) !important; }
.dark .dark\:hover\:border-amber-100\/20:hover,
html.dark .dark\:hover\:border-amber-100\/20:hover { border-color: rgba(254, 243, 199, 0.2) !important; }

.bg-amber-100\/25 { background-color: rgba(254, 243, 199, 0.25) !important; }
.text-amber-100\/25 { color: rgba(254, 243, 199, 0.25) !important; }
.border-amber-100\/25 { border-color: rgba(254, 243, 199, 0.25) !important; }

.hover\:bg-amber-100\/25:hover { background-color: rgba(254, 243, 199, 0.25) !important; }
.hover\:text-amber-100\/25:hover { color: rgba(254, 243, 199, 0.25) !important; }
.hover\:border-amber-100\/25:hover { border-color: rgba(254, 243, 199, 0.25) !important; }

.dark .dark\:bg-amber-100\/25,
html.dark .dark\:bg-amber-100\/25 { background-color: rgba(254, 243, 199, 0.25) !important; }
.dark .dark\:text-amber-100\/25,
html.dark .dark\:text-amber-100\/25 { color: rgba(254, 243, 199, 0.25) !important; }
.dark .dark\:border-amber-100\/25,
html.dark .dark\:border-amber-100\/25 { border-color: rgba(254, 243, 199, 0.25) !important; }

.dark .dark\:hover\:bg-amber-100\/25:hover,
html.dark .dark\:hover\:bg-amber-100\/25:hover { background-color: rgba(254, 243, 199, 0.25) !important; }
.dark .dark\:hover\:text-amber-100\/25:hover,
html.dark .dark\:hover\:text-amber-100\/25:hover { color: rgba(254, 243, 199, 0.25) !important; }
.dark .dark\:hover\:border-amber-100\/25:hover,
html.dark .dark\:hover\:border-amber-100\/25:hover { border-color: rgba(254, 243, 199, 0.25) !important; }

.bg-amber-100\/30 { background-color: rgba(254, 243, 199, 0.3) !important; }
.text-amber-100\/30 { color: rgba(254, 243, 199, 0.3) !important; }
.border-amber-100\/30 { border-color: rgba(254, 243, 199, 0.3) !important; }

.hover\:bg-amber-100\/30:hover { background-color: rgba(254, 243, 199, 0.3) !important; }
.hover\:text-amber-100\/30:hover { color: rgba(254, 243, 199, 0.3) !important; }
.hover\:border-amber-100\/30:hover { border-color: rgba(254, 243, 199, 0.3) !important; }

.dark .dark\:bg-amber-100\/30,
html.dark .dark\:bg-amber-100\/30 { background-color: rgba(254, 243, 199, 0.3) !important; }
.dark .dark\:text-amber-100\/30,
html.dark .dark\:text-amber-100\/30 { color: rgba(254, 243, 199, 0.3) !important; }
.dark .dark\:border-amber-100\/30,
html.dark .dark\:border-amber-100\/30 { border-color: rgba(254, 243, 199, 0.3) !important; }

.dark .dark\:hover\:bg-amber-100\/30:hover,
html.dark .dark\:hover\:bg-amber-100\/30:hover { background-color: rgba(254, 243, 199, 0.3) !important; }
.dark .dark\:hover\:text-amber-100\/30:hover,
html.dark .dark\:hover\:text-amber-100\/30:hover { color: rgba(254, 243, 199, 0.3) !important; }
.dark .dark\:hover\:border-amber-100\/30:hover,
html.dark .dark\:hover\:border-amber-100\/30:hover { border-color: rgba(254, 243, 199, 0.3) !important; }

.bg-amber-100\/40 { background-color: rgba(254, 243, 199, 0.4) !important; }
.text-amber-100\/40 { color: rgba(254, 243, 199, 0.4) !important; }
.border-amber-100\/40 { border-color: rgba(254, 243, 199, 0.4) !important; }

.hover\:bg-amber-100\/40:hover { background-color: rgba(254, 243, 199, 0.4) !important; }
.hover\:text-amber-100\/40:hover { color: rgba(254, 243, 199, 0.4) !important; }
.hover\:border-amber-100\/40:hover { border-color: rgba(254, 243, 199, 0.4) !important; }

.dark .dark\:bg-amber-100\/40,
html.dark .dark\:bg-amber-100\/40 { background-color: rgba(254, 243, 199, 0.4) !important; }
.dark .dark\:text-amber-100\/40,
html.dark .dark\:text-amber-100\/40 { color: rgba(254, 243, 199, 0.4) !important; }
.dark .dark\:border-amber-100\/40,
html.dark .dark\:border-amber-100\/40 { border-color: rgba(254, 243, 199, 0.4) !important; }

.dark .dark\:hover\:bg-amber-100\/40:hover,
html.dark .dark\:hover\:bg-amber-100\/40:hover { background-color: rgba(254, 243, 199, 0.4) !important; }
.dark .dark\:hover\:text-amber-100\/40:hover,
html.dark .dark\:hover\:text-amber-100\/40:hover { color: rgba(254, 243, 199, 0.4) !important; }
.dark .dark\:hover\:border-amber-100\/40:hover,
html.dark .dark\:hover\:border-amber-100\/40:hover { border-color: rgba(254, 243, 199, 0.4) !important; }

.bg-amber-100\/50 { background-color: rgba(254, 243, 199, 0.5) !important; }
.text-amber-100\/50 { color: rgba(254, 243, 199, 0.5) !important; }
.border-amber-100\/50 { border-color: rgba(254, 243, 199, 0.5) !important; }

.hover\:bg-amber-100\/50:hover { background-color: rgba(254, 243, 199, 0.5) !important; }
.hover\:text-amber-100\/50:hover { color: rgba(254, 243, 199, 0.5) !important; }
.hover\:border-amber-100\/50:hover { border-color: rgba(254, 243, 199, 0.5) !important; }

.dark .dark\:bg-amber-100\/50,
html.dark .dark\:bg-amber-100\/50 { background-color: rgba(254, 243, 199, 0.5) !important; }
.dark .dark\:text-amber-100\/50,
html.dark .dark\:text-amber-100\/50 { color: rgba(254, 243, 199, 0.5) !important; }
.dark .dark\:border-amber-100\/50,
html.dark .dark\:border-amber-100\/50 { border-color: rgba(254, 243, 199, 0.5) !important; }

.dark .dark\:hover\:bg-amber-100\/50:hover,
html.dark .dark\:hover\:bg-amber-100\/50:hover { background-color: rgba(254, 243, 199, 0.5) !important; }
.dark .dark\:hover\:text-amber-100\/50:hover,
html.dark .dark\:hover\:text-amber-100\/50:hover { color: rgba(254, 243, 199, 0.5) !important; }
.dark .dark\:hover\:border-amber-100\/50:hover,
html.dark .dark\:hover\:border-amber-100\/50:hover { border-color: rgba(254, 243, 199, 0.5) !important; }

.bg-amber-100\/60 { background-color: rgba(254, 243, 199, 0.6) !important; }
.text-amber-100\/60 { color: rgba(254, 243, 199, 0.6) !important; }
.border-amber-100\/60 { border-color: rgba(254, 243, 199, 0.6) !important; }

.hover\:bg-amber-100\/60:hover { background-color: rgba(254, 243, 199, 0.6) !important; }
.hover\:text-amber-100\/60:hover { color: rgba(254, 243, 199, 0.6) !important; }
.hover\:border-amber-100\/60:hover { border-color: rgba(254, 243, 199, 0.6) !important; }

.dark .dark\:bg-amber-100\/60,
html.dark .dark\:bg-amber-100\/60 { background-color: rgba(254, 243, 199, 0.6) !important; }
.dark .dark\:text-amber-100\/60,
html.dark .dark\:text-amber-100\/60 { color: rgba(254, 243, 199, 0.6) !important; }
.dark .dark\:border-amber-100\/60,
html.dark .dark\:border-amber-100\/60 { border-color: rgba(254, 243, 199, 0.6) !important; }

.dark .dark\:hover\:bg-amber-100\/60:hover,
html.dark .dark\:hover\:bg-amber-100\/60:hover { background-color: rgba(254, 243, 199, 0.6) !important; }
.dark .dark\:hover\:text-amber-100\/60:hover,
html.dark .dark\:hover\:text-amber-100\/60:hover { color: rgba(254, 243, 199, 0.6) !important; }
.dark .dark\:hover\:border-amber-100\/60:hover,
html.dark .dark\:hover\:border-amber-100\/60:hover { border-color: rgba(254, 243, 199, 0.6) !important; }

.bg-amber-100\/70 { background-color: rgba(254, 243, 199, 0.7) !important; }
.text-amber-100\/70 { color: rgba(254, 243, 199, 0.7) !important; }
.border-amber-100\/70 { border-color: rgba(254, 243, 199, 0.7) !important; }

.hover\:bg-amber-100\/70:hover { background-color: rgba(254, 243, 199, 0.7) !important; }
.hover\:text-amber-100\/70:hover { color: rgba(254, 243, 199, 0.7) !important; }
.hover\:border-amber-100\/70:hover { border-color: rgba(254, 243, 199, 0.7) !important; }

.dark .dark\:bg-amber-100\/70,
html.dark .dark\:bg-amber-100\/70 { background-color: rgba(254, 243, 199, 0.7) !important; }
.dark .dark\:text-amber-100\/70,
html.dark .dark\:text-amber-100\/70 { color: rgba(254, 243, 199, 0.7) !important; }
.dark .dark\:border-amber-100\/70,
html.dark .dark\:border-amber-100\/70 { border-color: rgba(254, 243, 199, 0.7) !important; }

.dark .dark\:hover\:bg-amber-100\/70:hover,
html.dark .dark\:hover\:bg-amber-100\/70:hover { background-color: rgba(254, 243, 199, 0.7) !important; }
.dark .dark\:hover\:text-amber-100\/70:hover,
html.dark .dark\:hover\:text-amber-100\/70:hover { color: rgba(254, 243, 199, 0.7) !important; }
.dark .dark\:hover\:border-amber-100\/70:hover,
html.dark .dark\:hover\:border-amber-100\/70:hover { border-color: rgba(254, 243, 199, 0.7) !important; }

.bg-amber-100\/75 { background-color: rgba(254, 243, 199, 0.75) !important; }
.text-amber-100\/75 { color: rgba(254, 243, 199, 0.75) !important; }
.border-amber-100\/75 { border-color: rgba(254, 243, 199, 0.75) !important; }

.hover\:bg-amber-100\/75:hover { background-color: rgba(254, 243, 199, 0.75) !important; }
.hover\:text-amber-100\/75:hover { color: rgba(254, 243, 199, 0.75) !important; }
.hover\:border-amber-100\/75:hover { border-color: rgba(254, 243, 199, 0.75) !important; }

.dark .dark\:bg-amber-100\/75,
html.dark .dark\:bg-amber-100\/75 { background-color: rgba(254, 243, 199, 0.75) !important; }
.dark .dark\:text-amber-100\/75,
html.dark .dark\:text-amber-100\/75 { color: rgba(254, 243, 199, 0.75) !important; }
.dark .dark\:border-amber-100\/75,
html.dark .dark\:border-amber-100\/75 { border-color: rgba(254, 243, 199, 0.75) !important; }

.dark .dark\:hover\:bg-amber-100\/75:hover,
html.dark .dark\:hover\:bg-amber-100\/75:hover { background-color: rgba(254, 243, 199, 0.75) !important; }
.dark .dark\:hover\:text-amber-100\/75:hover,
html.dark .dark\:hover\:text-amber-100\/75:hover { color: rgba(254, 243, 199, 0.75) !important; }
.dark .dark\:hover\:border-amber-100\/75:hover,
html.dark .dark\:hover\:border-amber-100\/75:hover { border-color: rgba(254, 243, 199, 0.75) !important; }

.bg-amber-100\/80 { background-color: rgba(254, 243, 199, 0.8) !important; }
.text-amber-100\/80 { color: rgba(254, 243, 199, 0.8) !important; }
.border-amber-100\/80 { border-color: rgba(254, 243, 199, 0.8) !important; }

.hover\:bg-amber-100\/80:hover { background-color: rgba(254, 243, 199, 0.8) !important; }
.hover\:text-amber-100\/80:hover { color: rgba(254, 243, 199, 0.8) !important; }
.hover\:border-amber-100\/80:hover { border-color: rgba(254, 243, 199, 0.8) !important; }

.dark .dark\:bg-amber-100\/80,
html.dark .dark\:bg-amber-100\/80 { background-color: rgba(254, 243, 199, 0.8) !important; }
.dark .dark\:text-amber-100\/80,
html.dark .dark\:text-amber-100\/80 { color: rgba(254, 243, 199, 0.8) !important; }
.dark .dark\:border-amber-100\/80,
html.dark .dark\:border-amber-100\/80 { border-color: rgba(254, 243, 199, 0.8) !important; }

.dark .dark\:hover\:bg-amber-100\/80:hover,
html.dark .dark\:hover\:bg-amber-100\/80:hover { background-color: rgba(254, 243, 199, 0.8) !important; }
.dark .dark\:hover\:text-amber-100\/80:hover,
html.dark .dark\:hover\:text-amber-100\/80:hover { color: rgba(254, 243, 199, 0.8) !important; }
.dark .dark\:hover\:border-amber-100\/80:hover,
html.dark .dark\:hover\:border-amber-100\/80:hover { border-color: rgba(254, 243, 199, 0.8) !important; }

.bg-amber-100\/90 { background-color: rgba(254, 243, 199, 0.9) !important; }
.text-amber-100\/90 { color: rgba(254, 243, 199, 0.9) !important; }
.border-amber-100\/90 { border-color: rgba(254, 243, 199, 0.9) !important; }

.hover\:bg-amber-100\/90:hover { background-color: rgba(254, 243, 199, 0.9) !important; }
.hover\:text-amber-100\/90:hover { color: rgba(254, 243, 199, 0.9) !important; }
.hover\:border-amber-100\/90:hover { border-color: rgba(254, 243, 199, 0.9) !important; }

.dark .dark\:bg-amber-100\/90,
html.dark .dark\:bg-amber-100\/90 { background-color: rgba(254, 243, 199, 0.9) !important; }
.dark .dark\:text-amber-100\/90,
html.dark .dark\:text-amber-100\/90 { color: rgba(254, 243, 199, 0.9) !important; }
.dark .dark\:border-amber-100\/90,
html.dark .dark\:border-amber-100\/90 { border-color: rgba(254, 243, 199, 0.9) !important; }

.dark .dark\:hover\:bg-amber-100\/90:hover,
html.dark .dark\:hover\:bg-amber-100\/90:hover { background-color: rgba(254, 243, 199, 0.9) !important; }
.dark .dark\:hover\:text-amber-100\/90:hover,
html.dark .dark\:hover\:text-amber-100\/90:hover { color: rgba(254, 243, 199, 0.9) !important; }
.dark .dark\:hover\:border-amber-100\/90:hover,
html.dark .dark\:hover\:border-amber-100\/90:hover { border-color: rgba(254, 243, 199, 0.9) !important; }

.bg-amber-100\/95 { background-color: rgba(254, 243, 199, 0.95) !important; }
.text-amber-100\/95 { color: rgba(254, 243, 199, 0.95) !important; }
.border-amber-100\/95 { border-color: rgba(254, 243, 199, 0.95) !important; }

.hover\:bg-amber-100\/95:hover { background-color: rgba(254, 243, 199, 0.95) !important; }
.hover\:text-amber-100\/95:hover { color: rgba(254, 243, 199, 0.95) !important; }
.hover\:border-amber-100\/95:hover { border-color: rgba(254, 243, 199, 0.95) !important; }

.dark .dark\:bg-amber-100\/95,
html.dark .dark\:bg-amber-100\/95 { background-color: rgba(254, 243, 199, 0.95) !important; }
.dark .dark\:text-amber-100\/95,
html.dark .dark\:text-amber-100\/95 { color: rgba(254, 243, 199, 0.95) !important; }
.dark .dark\:border-amber-100\/95,
html.dark .dark\:border-amber-100\/95 { border-color: rgba(254, 243, 199, 0.95) !important; }

.dark .dark\:hover\:bg-amber-100\/95:hover,
html.dark .dark\:hover\:bg-amber-100\/95:hover { background-color: rgba(254, 243, 199, 0.95) !important; }
.dark .dark\:hover\:text-amber-100\/95:hover,
html.dark .dark\:hover\:text-amber-100\/95:hover { color: rgba(254, 243, 199, 0.95) !important; }
.dark .dark\:hover\:border-amber-100\/95:hover,
html.dark .dark\:hover\:border-amber-100\/95:hover { border-color: rgba(254, 243, 199, 0.95) !important; }

.bg-amber-200 { background-color: #fde68a !important; }
.text-amber-200 { color: #fde68a !important; }
.border-amber-200 { border-color: #fde68a !important; }
.fill-amber-200 { fill: #fde68a !important; }
.stroke-amber-200 { stroke: #fde68a !important; }

/* Hover states */
.hover\:bg-amber-200:hover { background-color: #fde68a !important; }
.hover\:text-amber-200:hover { color: #fde68a !important; }
.hover\:border-amber-200:hover { border-color: #fde68a !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-200,
html.dark .dark\:bg-amber-200 { background-color: #fde68a !important; }
.dark .dark\:text-amber-200,
html.dark .dark\:text-amber-200 { color: #fde68a !important; }
.dark .dark\:border-amber-200,
html.dark .dark\:border-amber-200 { border-color: #fde68a !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-200:hover,
html.dark .dark\:hover\:bg-amber-200:hover { background-color: #fde68a !important; }
.dark .dark\:hover\:text-amber-200:hover,
html.dark .dark\:hover\:text-amber-200:hover { color: #fde68a !important; }
.dark .dark\:hover\:border-amber-200:hover,
html.dark .dark\:hover\:border-amber-200:hover { border-color: #fde68a !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-200,
html.dark .group:hover .dark\:group-hover\:text-amber-200 { color: #fde68a !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-200,
html.dark .group:hover .dark\:group-hover\:bg-amber-200 { background-color: #fde68a !important; }

.bg-amber-200\/10 { background-color: rgba(253, 230, 138, 0.1) !important; }
.text-amber-200\/10 { color: rgba(253, 230, 138, 0.1) !important; }
.border-amber-200\/10 { border-color: rgba(253, 230, 138, 0.1) !important; }

.hover\:bg-amber-200\/10:hover { background-color: rgba(253, 230, 138, 0.1) !important; }
.hover\:text-amber-200\/10:hover { color: rgba(253, 230, 138, 0.1) !important; }
.hover\:border-amber-200\/10:hover { border-color: rgba(253, 230, 138, 0.1) !important; }

.dark .dark\:bg-amber-200\/10,
html.dark .dark\:bg-amber-200\/10 { background-color: rgba(253, 230, 138, 0.1) !important; }
.dark .dark\:text-amber-200\/10,
html.dark .dark\:text-amber-200\/10 { color: rgba(253, 230, 138, 0.1) !important; }
.dark .dark\:border-amber-200\/10,
html.dark .dark\:border-amber-200\/10 { border-color: rgba(253, 230, 138, 0.1) !important; }

.dark .dark\:hover\:bg-amber-200\/10:hover,
html.dark .dark\:hover\:bg-amber-200\/10:hover { background-color: rgba(253, 230, 138, 0.1) !important; }
.dark .dark\:hover\:text-amber-200\/10:hover,
html.dark .dark\:hover\:text-amber-200\/10:hover { color: rgba(253, 230, 138, 0.1) !important; }
.dark .dark\:hover\:border-amber-200\/10:hover,
html.dark .dark\:hover\:border-amber-200\/10:hover { border-color: rgba(253, 230, 138, 0.1) !important; }

.bg-amber-200\/20 { background-color: rgba(253, 230, 138, 0.2) !important; }
.text-amber-200\/20 { color: rgba(253, 230, 138, 0.2) !important; }
.border-amber-200\/20 { border-color: rgba(253, 230, 138, 0.2) !important; }

.hover\:bg-amber-200\/20:hover { background-color: rgba(253, 230, 138, 0.2) !important; }
.hover\:text-amber-200\/20:hover { color: rgba(253, 230, 138, 0.2) !important; }
.hover\:border-amber-200\/20:hover { border-color: rgba(253, 230, 138, 0.2) !important; }

.dark .dark\:bg-amber-200\/20,
html.dark .dark\:bg-amber-200\/20 { background-color: rgba(253, 230, 138, 0.2) !important; }
.dark .dark\:text-amber-200\/20,
html.dark .dark\:text-amber-200\/20 { color: rgba(253, 230, 138, 0.2) !important; }
.dark .dark\:border-amber-200\/20,
html.dark .dark\:border-amber-200\/20 { border-color: rgba(253, 230, 138, 0.2) !important; }

.dark .dark\:hover\:bg-amber-200\/20:hover,
html.dark .dark\:hover\:bg-amber-200\/20:hover { background-color: rgba(253, 230, 138, 0.2) !important; }
.dark .dark\:hover\:text-amber-200\/20:hover,
html.dark .dark\:hover\:text-amber-200\/20:hover { color: rgba(253, 230, 138, 0.2) !important; }
.dark .dark\:hover\:border-amber-200\/20:hover,
html.dark .dark\:hover\:border-amber-200\/20:hover { border-color: rgba(253, 230, 138, 0.2) !important; }

.bg-amber-200\/25 { background-color: rgba(253, 230, 138, 0.25) !important; }
.text-amber-200\/25 { color: rgba(253, 230, 138, 0.25) !important; }
.border-amber-200\/25 { border-color: rgba(253, 230, 138, 0.25) !important; }

.hover\:bg-amber-200\/25:hover { background-color: rgba(253, 230, 138, 0.25) !important; }
.hover\:text-amber-200\/25:hover { color: rgba(253, 230, 138, 0.25) !important; }
.hover\:border-amber-200\/25:hover { border-color: rgba(253, 230, 138, 0.25) !important; }

.dark .dark\:bg-amber-200\/25,
html.dark .dark\:bg-amber-200\/25 { background-color: rgba(253, 230, 138, 0.25) !important; }
.dark .dark\:text-amber-200\/25,
html.dark .dark\:text-amber-200\/25 { color: rgba(253, 230, 138, 0.25) !important; }
.dark .dark\:border-amber-200\/25,
html.dark .dark\:border-amber-200\/25 { border-color: rgba(253, 230, 138, 0.25) !important; }

.dark .dark\:hover\:bg-amber-200\/25:hover,
html.dark .dark\:hover\:bg-amber-200\/25:hover { background-color: rgba(253, 230, 138, 0.25) !important; }
.dark .dark\:hover\:text-amber-200\/25:hover,
html.dark .dark\:hover\:text-amber-200\/25:hover { color: rgba(253, 230, 138, 0.25) !important; }
.dark .dark\:hover\:border-amber-200\/25:hover,
html.dark .dark\:hover\:border-amber-200\/25:hover { border-color: rgba(253, 230, 138, 0.25) !important; }

.bg-amber-200\/30 { background-color: rgba(253, 230, 138, 0.3) !important; }
.text-amber-200\/30 { color: rgba(253, 230, 138, 0.3) !important; }
.border-amber-200\/30 { border-color: rgba(253, 230, 138, 0.3) !important; }

.hover\:bg-amber-200\/30:hover { background-color: rgba(253, 230, 138, 0.3) !important; }
.hover\:text-amber-200\/30:hover { color: rgba(253, 230, 138, 0.3) !important; }
.hover\:border-amber-200\/30:hover { border-color: rgba(253, 230, 138, 0.3) !important; }

.dark .dark\:bg-amber-200\/30,
html.dark .dark\:bg-amber-200\/30 { background-color: rgba(253, 230, 138, 0.3) !important; }
.dark .dark\:text-amber-200\/30,
html.dark .dark\:text-amber-200\/30 { color: rgba(253, 230, 138, 0.3) !important; }
.dark .dark\:border-amber-200\/30,
html.dark .dark\:border-amber-200\/30 { border-color: rgba(253, 230, 138, 0.3) !important; }

.dark .dark\:hover\:bg-amber-200\/30:hover,
html.dark .dark\:hover\:bg-amber-200\/30:hover { background-color: rgba(253, 230, 138, 0.3) !important; }
.dark .dark\:hover\:text-amber-200\/30:hover,
html.dark .dark\:hover\:text-amber-200\/30:hover { color: rgba(253, 230, 138, 0.3) !important; }
.dark .dark\:hover\:border-amber-200\/30:hover,
html.dark .dark\:hover\:border-amber-200\/30:hover { border-color: rgba(253, 230, 138, 0.3) !important; }

.bg-amber-200\/40 { background-color: rgba(253, 230, 138, 0.4) !important; }
.text-amber-200\/40 { color: rgba(253, 230, 138, 0.4) !important; }
.border-amber-200\/40 { border-color: rgba(253, 230, 138, 0.4) !important; }

.hover\:bg-amber-200\/40:hover { background-color: rgba(253, 230, 138, 0.4) !important; }
.hover\:text-amber-200\/40:hover { color: rgba(253, 230, 138, 0.4) !important; }
.hover\:border-amber-200\/40:hover { border-color: rgba(253, 230, 138, 0.4) !important; }

.dark .dark\:bg-amber-200\/40,
html.dark .dark\:bg-amber-200\/40 { background-color: rgba(253, 230, 138, 0.4) !important; }
.dark .dark\:text-amber-200\/40,
html.dark .dark\:text-amber-200\/40 { color: rgba(253, 230, 138, 0.4) !important; }
.dark .dark\:border-amber-200\/40,
html.dark .dark\:border-amber-200\/40 { border-color: rgba(253, 230, 138, 0.4) !important; }

.dark .dark\:hover\:bg-amber-200\/40:hover,
html.dark .dark\:hover\:bg-amber-200\/40:hover { background-color: rgba(253, 230, 138, 0.4) !important; }
.dark .dark\:hover\:text-amber-200\/40:hover,
html.dark .dark\:hover\:text-amber-200\/40:hover { color: rgba(253, 230, 138, 0.4) !important; }
.dark .dark\:hover\:border-amber-200\/40:hover,
html.dark .dark\:hover\:border-amber-200\/40:hover { border-color: rgba(253, 230, 138, 0.4) !important; }

.bg-amber-200\/50 { background-color: rgba(253, 230, 138, 0.5) !important; }
.text-amber-200\/50 { color: rgba(253, 230, 138, 0.5) !important; }
.border-amber-200\/50 { border-color: rgba(253, 230, 138, 0.5) !important; }

.hover\:bg-amber-200\/50:hover { background-color: rgba(253, 230, 138, 0.5) !important; }
.hover\:text-amber-200\/50:hover { color: rgba(253, 230, 138, 0.5) !important; }
.hover\:border-amber-200\/50:hover { border-color: rgba(253, 230, 138, 0.5) !important; }

.dark .dark\:bg-amber-200\/50,
html.dark .dark\:bg-amber-200\/50 { background-color: rgba(253, 230, 138, 0.5) !important; }
.dark .dark\:text-amber-200\/50,
html.dark .dark\:text-amber-200\/50 { color: rgba(253, 230, 138, 0.5) !important; }
.dark .dark\:border-amber-200\/50,
html.dark .dark\:border-amber-200\/50 { border-color: rgba(253, 230, 138, 0.5) !important; }

.dark .dark\:hover\:bg-amber-200\/50:hover,
html.dark .dark\:hover\:bg-amber-200\/50:hover { background-color: rgba(253, 230, 138, 0.5) !important; }
.dark .dark\:hover\:text-amber-200\/50:hover,
html.dark .dark\:hover\:text-amber-200\/50:hover { color: rgba(253, 230, 138, 0.5) !important; }
.dark .dark\:hover\:border-amber-200\/50:hover,
html.dark .dark\:hover\:border-amber-200\/50:hover { border-color: rgba(253, 230, 138, 0.5) !important; }

.bg-amber-200\/60 { background-color: rgba(253, 230, 138, 0.6) !important; }
.text-amber-200\/60 { color: rgba(253, 230, 138, 0.6) !important; }
.border-amber-200\/60 { border-color: rgba(253, 230, 138, 0.6) !important; }

.hover\:bg-amber-200\/60:hover { background-color: rgba(253, 230, 138, 0.6) !important; }
.hover\:text-amber-200\/60:hover { color: rgba(253, 230, 138, 0.6) !important; }
.hover\:border-amber-200\/60:hover { border-color: rgba(253, 230, 138, 0.6) !important; }

.dark .dark\:bg-amber-200\/60,
html.dark .dark\:bg-amber-200\/60 { background-color: rgba(253, 230, 138, 0.6) !important; }
.dark .dark\:text-amber-200\/60,
html.dark .dark\:text-amber-200\/60 { color: rgba(253, 230, 138, 0.6) !important; }
.dark .dark\:border-amber-200\/60,
html.dark .dark\:border-amber-200\/60 { border-color: rgba(253, 230, 138, 0.6) !important; }

.dark .dark\:hover\:bg-amber-200\/60:hover,
html.dark .dark\:hover\:bg-amber-200\/60:hover { background-color: rgba(253, 230, 138, 0.6) !important; }
.dark .dark\:hover\:text-amber-200\/60:hover,
html.dark .dark\:hover\:text-amber-200\/60:hover { color: rgba(253, 230, 138, 0.6) !important; }
.dark .dark\:hover\:border-amber-200\/60:hover,
html.dark .dark\:hover\:border-amber-200\/60:hover { border-color: rgba(253, 230, 138, 0.6) !important; }

.bg-amber-200\/70 { background-color: rgba(253, 230, 138, 0.7) !important; }
.text-amber-200\/70 { color: rgba(253, 230, 138, 0.7) !important; }
.border-amber-200\/70 { border-color: rgba(253, 230, 138, 0.7) !important; }

.hover\:bg-amber-200\/70:hover { background-color: rgba(253, 230, 138, 0.7) !important; }
.hover\:text-amber-200\/70:hover { color: rgba(253, 230, 138, 0.7) !important; }
.hover\:border-amber-200\/70:hover { border-color: rgba(253, 230, 138, 0.7) !important; }

.dark .dark\:bg-amber-200\/70,
html.dark .dark\:bg-amber-200\/70 { background-color: rgba(253, 230, 138, 0.7) !important; }
.dark .dark\:text-amber-200\/70,
html.dark .dark\:text-amber-200\/70 { color: rgba(253, 230, 138, 0.7) !important; }
.dark .dark\:border-amber-200\/70,
html.dark .dark\:border-amber-200\/70 { border-color: rgba(253, 230, 138, 0.7) !important; }

.dark .dark\:hover\:bg-amber-200\/70:hover,
html.dark .dark\:hover\:bg-amber-200\/70:hover { background-color: rgba(253, 230, 138, 0.7) !important; }
.dark .dark\:hover\:text-amber-200\/70:hover,
html.dark .dark\:hover\:text-amber-200\/70:hover { color: rgba(253, 230, 138, 0.7) !important; }
.dark .dark\:hover\:border-amber-200\/70:hover,
html.dark .dark\:hover\:border-amber-200\/70:hover { border-color: rgba(253, 230, 138, 0.7) !important; }

.bg-amber-200\/75 { background-color: rgba(253, 230, 138, 0.75) !important; }
.text-amber-200\/75 { color: rgba(253, 230, 138, 0.75) !important; }
.border-amber-200\/75 { border-color: rgba(253, 230, 138, 0.75) !important; }

.hover\:bg-amber-200\/75:hover { background-color: rgba(253, 230, 138, 0.75) !important; }
.hover\:text-amber-200\/75:hover { color: rgba(253, 230, 138, 0.75) !important; }
.hover\:border-amber-200\/75:hover { border-color: rgba(253, 230, 138, 0.75) !important; }

.dark .dark\:bg-amber-200\/75,
html.dark .dark\:bg-amber-200\/75 { background-color: rgba(253, 230, 138, 0.75) !important; }
.dark .dark\:text-amber-200\/75,
html.dark .dark\:text-amber-200\/75 { color: rgba(253, 230, 138, 0.75) !important; }
.dark .dark\:border-amber-200\/75,
html.dark .dark\:border-amber-200\/75 { border-color: rgba(253, 230, 138, 0.75) !important; }

.dark .dark\:hover\:bg-amber-200\/75:hover,
html.dark .dark\:hover\:bg-amber-200\/75:hover { background-color: rgba(253, 230, 138, 0.75) !important; }
.dark .dark\:hover\:text-amber-200\/75:hover,
html.dark .dark\:hover\:text-amber-200\/75:hover { color: rgba(253, 230, 138, 0.75) !important; }
.dark .dark\:hover\:border-amber-200\/75:hover,
html.dark .dark\:hover\:border-amber-200\/75:hover { border-color: rgba(253, 230, 138, 0.75) !important; }

.bg-amber-200\/80 { background-color: rgba(253, 230, 138, 0.8) !important; }
.text-amber-200\/80 { color: rgba(253, 230, 138, 0.8) !important; }
.border-amber-200\/80 { border-color: rgba(253, 230, 138, 0.8) !important; }

.hover\:bg-amber-200\/80:hover { background-color: rgba(253, 230, 138, 0.8) !important; }
.hover\:text-amber-200\/80:hover { color: rgba(253, 230, 138, 0.8) !important; }
.hover\:border-amber-200\/80:hover { border-color: rgba(253, 230, 138, 0.8) !important; }

.dark .dark\:bg-amber-200\/80,
html.dark .dark\:bg-amber-200\/80 { background-color: rgba(253, 230, 138, 0.8) !important; }
.dark .dark\:text-amber-200\/80,
html.dark .dark\:text-amber-200\/80 { color: rgba(253, 230, 138, 0.8) !important; }
.dark .dark\:border-amber-200\/80,
html.dark .dark\:border-amber-200\/80 { border-color: rgba(253, 230, 138, 0.8) !important; }

.dark .dark\:hover\:bg-amber-200\/80:hover,
html.dark .dark\:hover\:bg-amber-200\/80:hover { background-color: rgba(253, 230, 138, 0.8) !important; }
.dark .dark\:hover\:text-amber-200\/80:hover,
html.dark .dark\:hover\:text-amber-200\/80:hover { color: rgba(253, 230, 138, 0.8) !important; }
.dark .dark\:hover\:border-amber-200\/80:hover,
html.dark .dark\:hover\:border-amber-200\/80:hover { border-color: rgba(253, 230, 138, 0.8) !important; }

.bg-amber-200\/90 { background-color: rgba(253, 230, 138, 0.9) !important; }
.text-amber-200\/90 { color: rgba(253, 230, 138, 0.9) !important; }
.border-amber-200\/90 { border-color: rgba(253, 230, 138, 0.9) !important; }

.hover\:bg-amber-200\/90:hover { background-color: rgba(253, 230, 138, 0.9) !important; }
.hover\:text-amber-200\/90:hover { color: rgba(253, 230, 138, 0.9) !important; }
.hover\:border-amber-200\/90:hover { border-color: rgba(253, 230, 138, 0.9) !important; }

.dark .dark\:bg-amber-200\/90,
html.dark .dark\:bg-amber-200\/90 { background-color: rgba(253, 230, 138, 0.9) !important; }
.dark .dark\:text-amber-200\/90,
html.dark .dark\:text-amber-200\/90 { color: rgba(253, 230, 138, 0.9) !important; }
.dark .dark\:border-amber-200\/90,
html.dark .dark\:border-amber-200\/90 { border-color: rgba(253, 230, 138, 0.9) !important; }

.dark .dark\:hover\:bg-amber-200\/90:hover,
html.dark .dark\:hover\:bg-amber-200\/90:hover { background-color: rgba(253, 230, 138, 0.9) !important; }
.dark .dark\:hover\:text-amber-200\/90:hover,
html.dark .dark\:hover\:text-amber-200\/90:hover { color: rgba(253, 230, 138, 0.9) !important; }
.dark .dark\:hover\:border-amber-200\/90:hover,
html.dark .dark\:hover\:border-amber-200\/90:hover { border-color: rgba(253, 230, 138, 0.9) !important; }

.bg-amber-200\/95 { background-color: rgba(253, 230, 138, 0.95) !important; }
.text-amber-200\/95 { color: rgba(253, 230, 138, 0.95) !important; }
.border-amber-200\/95 { border-color: rgba(253, 230, 138, 0.95) !important; }

.hover\:bg-amber-200\/95:hover { background-color: rgba(253, 230, 138, 0.95) !important; }
.hover\:text-amber-200\/95:hover { color: rgba(253, 230, 138, 0.95) !important; }
.hover\:border-amber-200\/95:hover { border-color: rgba(253, 230, 138, 0.95) !important; }

.dark .dark\:bg-amber-200\/95,
html.dark .dark\:bg-amber-200\/95 { background-color: rgba(253, 230, 138, 0.95) !important; }
.dark .dark\:text-amber-200\/95,
html.dark .dark\:text-amber-200\/95 { color: rgba(253, 230, 138, 0.95) !important; }
.dark .dark\:border-amber-200\/95,
html.dark .dark\:border-amber-200\/95 { border-color: rgba(253, 230, 138, 0.95) !important; }

.dark .dark\:hover\:bg-amber-200\/95:hover,
html.dark .dark\:hover\:bg-amber-200\/95:hover { background-color: rgba(253, 230, 138, 0.95) !important; }
.dark .dark\:hover\:text-amber-200\/95:hover,
html.dark .dark\:hover\:text-amber-200\/95:hover { color: rgba(253, 230, 138, 0.95) !important; }
.dark .dark\:hover\:border-amber-200\/95:hover,
html.dark .dark\:hover\:border-amber-200\/95:hover { border-color: rgba(253, 230, 138, 0.95) !important; }

.bg-amber-300 { background-color: #fcd34d !important; }
.text-amber-300 { color: #fcd34d !important; }
.border-amber-300 { border-color: #fcd34d !important; }
.fill-amber-300 { fill: #fcd34d !important; }
.stroke-amber-300 { stroke: #fcd34d !important; }

/* Hover states */
.hover\:bg-amber-300:hover { background-color: #fcd34d !important; }
.hover\:text-amber-300:hover { color: #fcd34d !important; }
.hover\:border-amber-300:hover { border-color: #fcd34d !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-300,
html.dark .dark\:bg-amber-300 { background-color: #fcd34d !important; }
.dark .dark\:text-amber-300,
html.dark .dark\:text-amber-300 { color: #fcd34d !important; }
.dark .dark\:border-amber-300,
html.dark .dark\:border-amber-300 { border-color: #fcd34d !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-300:hover,
html.dark .dark\:hover\:bg-amber-300:hover { background-color: #fcd34d !important; }
.dark .dark\:hover\:text-amber-300:hover,
html.dark .dark\:hover\:text-amber-300:hover { color: #fcd34d !important; }
.dark .dark\:hover\:border-amber-300:hover,
html.dark .dark\:hover\:border-amber-300:hover { border-color: #fcd34d !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-300,
html.dark .group:hover .dark\:group-hover\:text-amber-300 { color: #fcd34d !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-300,
html.dark .group:hover .dark\:group-hover\:bg-amber-300 { background-color: #fcd34d !important; }

.bg-amber-300\/10 { background-color: rgba(252, 211, 77, 0.1) !important; }
.text-amber-300\/10 { color: rgba(252, 211, 77, 0.1) !important; }
.border-amber-300\/10 { border-color: rgba(252, 211, 77, 0.1) !important; }

.hover\:bg-amber-300\/10:hover { background-color: rgba(252, 211, 77, 0.1) !important; }
.hover\:text-amber-300\/10:hover { color: rgba(252, 211, 77, 0.1) !important; }
.hover\:border-amber-300\/10:hover { border-color: rgba(252, 211, 77, 0.1) !important; }

.dark .dark\:bg-amber-300\/10,
html.dark .dark\:bg-amber-300\/10 { background-color: rgba(252, 211, 77, 0.1) !important; }
.dark .dark\:text-amber-300\/10,
html.dark .dark\:text-amber-300\/10 { color: rgba(252, 211, 77, 0.1) !important; }
.dark .dark\:border-amber-300\/10,
html.dark .dark\:border-amber-300\/10 { border-color: rgba(252, 211, 77, 0.1) !important; }

.dark .dark\:hover\:bg-amber-300\/10:hover,
html.dark .dark\:hover\:bg-amber-300\/10:hover { background-color: rgba(252, 211, 77, 0.1) !important; }
.dark .dark\:hover\:text-amber-300\/10:hover,
html.dark .dark\:hover\:text-amber-300\/10:hover { color: rgba(252, 211, 77, 0.1) !important; }
.dark .dark\:hover\:border-amber-300\/10:hover,
html.dark .dark\:hover\:border-amber-300\/10:hover { border-color: rgba(252, 211, 77, 0.1) !important; }

.bg-amber-300\/20 { background-color: rgba(252, 211, 77, 0.2) !important; }
.text-amber-300\/20 { color: rgba(252, 211, 77, 0.2) !important; }
.border-amber-300\/20 { border-color: rgba(252, 211, 77, 0.2) !important; }

.hover\:bg-amber-300\/20:hover { background-color: rgba(252, 211, 77, 0.2) !important; }
.hover\:text-amber-300\/20:hover { color: rgba(252, 211, 77, 0.2) !important; }
.hover\:border-amber-300\/20:hover { border-color: rgba(252, 211, 77, 0.2) !important; }

.dark .dark\:bg-amber-300\/20,
html.dark .dark\:bg-amber-300\/20 { background-color: rgba(252, 211, 77, 0.2) !important; }
.dark .dark\:text-amber-300\/20,
html.dark .dark\:text-amber-300\/20 { color: rgba(252, 211, 77, 0.2) !important; }
.dark .dark\:border-amber-300\/20,
html.dark .dark\:border-amber-300\/20 { border-color: rgba(252, 211, 77, 0.2) !important; }

.dark .dark\:hover\:bg-amber-300\/20:hover,
html.dark .dark\:hover\:bg-amber-300\/20:hover { background-color: rgba(252, 211, 77, 0.2) !important; }
.dark .dark\:hover\:text-amber-300\/20:hover,
html.dark .dark\:hover\:text-amber-300\/20:hover { color: rgba(252, 211, 77, 0.2) !important; }
.dark .dark\:hover\:border-amber-300\/20:hover,
html.dark .dark\:hover\:border-amber-300\/20:hover { border-color: rgba(252, 211, 77, 0.2) !important; }

.bg-amber-300\/25 { background-color: rgba(252, 211, 77, 0.25) !important; }
.text-amber-300\/25 { color: rgba(252, 211, 77, 0.25) !important; }
.border-amber-300\/25 { border-color: rgba(252, 211, 77, 0.25) !important; }

.hover\:bg-amber-300\/25:hover { background-color: rgba(252, 211, 77, 0.25) !important; }
.hover\:text-amber-300\/25:hover { color: rgba(252, 211, 77, 0.25) !important; }
.hover\:border-amber-300\/25:hover { border-color: rgba(252, 211, 77, 0.25) !important; }

.dark .dark\:bg-amber-300\/25,
html.dark .dark\:bg-amber-300\/25 { background-color: rgba(252, 211, 77, 0.25) !important; }
.dark .dark\:text-amber-300\/25,
html.dark .dark\:text-amber-300\/25 { color: rgba(252, 211, 77, 0.25) !important; }
.dark .dark\:border-amber-300\/25,
html.dark .dark\:border-amber-300\/25 { border-color: rgba(252, 211, 77, 0.25) !important; }

.dark .dark\:hover\:bg-amber-300\/25:hover,
html.dark .dark\:hover\:bg-amber-300\/25:hover { background-color: rgba(252, 211, 77, 0.25) !important; }
.dark .dark\:hover\:text-amber-300\/25:hover,
html.dark .dark\:hover\:text-amber-300\/25:hover { color: rgba(252, 211, 77, 0.25) !important; }
.dark .dark\:hover\:border-amber-300\/25:hover,
html.dark .dark\:hover\:border-amber-300\/25:hover { border-color: rgba(252, 211, 77, 0.25) !important; }

.bg-amber-300\/30 { background-color: rgba(252, 211, 77, 0.3) !important; }
.text-amber-300\/30 { color: rgba(252, 211, 77, 0.3) !important; }
.border-amber-300\/30 { border-color: rgba(252, 211, 77, 0.3) !important; }

.hover\:bg-amber-300\/30:hover { background-color: rgba(252, 211, 77, 0.3) !important; }
.hover\:text-amber-300\/30:hover { color: rgba(252, 211, 77, 0.3) !important; }
.hover\:border-amber-300\/30:hover { border-color: rgba(252, 211, 77, 0.3) !important; }

.dark .dark\:bg-amber-300\/30,
html.dark .dark\:bg-amber-300\/30 { background-color: rgba(252, 211, 77, 0.3) !important; }
.dark .dark\:text-amber-300\/30,
html.dark .dark\:text-amber-300\/30 { color: rgba(252, 211, 77, 0.3) !important; }
.dark .dark\:border-amber-300\/30,
html.dark .dark\:border-amber-300\/30 { border-color: rgba(252, 211, 77, 0.3) !important; }

.dark .dark\:hover\:bg-amber-300\/30:hover,
html.dark .dark\:hover\:bg-amber-300\/30:hover { background-color: rgba(252, 211, 77, 0.3) !important; }
.dark .dark\:hover\:text-amber-300\/30:hover,
html.dark .dark\:hover\:text-amber-300\/30:hover { color: rgba(252, 211, 77, 0.3) !important; }
.dark .dark\:hover\:border-amber-300\/30:hover,
html.dark .dark\:hover\:border-amber-300\/30:hover { border-color: rgba(252, 211, 77, 0.3) !important; }

.bg-amber-300\/40 { background-color: rgba(252, 211, 77, 0.4) !important; }
.text-amber-300\/40 { color: rgba(252, 211, 77, 0.4) !important; }
.border-amber-300\/40 { border-color: rgba(252, 211, 77, 0.4) !important; }

.hover\:bg-amber-300\/40:hover { background-color: rgba(252, 211, 77, 0.4) !important; }
.hover\:text-amber-300\/40:hover { color: rgba(252, 211, 77, 0.4) !important; }
.hover\:border-amber-300\/40:hover { border-color: rgba(252, 211, 77, 0.4) !important; }

.dark .dark\:bg-amber-300\/40,
html.dark .dark\:bg-amber-300\/40 { background-color: rgba(252, 211, 77, 0.4) !important; }
.dark .dark\:text-amber-300\/40,
html.dark .dark\:text-amber-300\/40 { color: rgba(252, 211, 77, 0.4) !important; }
.dark .dark\:border-amber-300\/40,
html.dark .dark\:border-amber-300\/40 { border-color: rgba(252, 211, 77, 0.4) !important; }

.dark .dark\:hover\:bg-amber-300\/40:hover,
html.dark .dark\:hover\:bg-amber-300\/40:hover { background-color: rgba(252, 211, 77, 0.4) !important; }
.dark .dark\:hover\:text-amber-300\/40:hover,
html.dark .dark\:hover\:text-amber-300\/40:hover { color: rgba(252, 211, 77, 0.4) !important; }
.dark .dark\:hover\:border-amber-300\/40:hover,
html.dark .dark\:hover\:border-amber-300\/40:hover { border-color: rgba(252, 211, 77, 0.4) !important; }

.bg-amber-300\/50 { background-color: rgba(252, 211, 77, 0.5) !important; }
.text-amber-300\/50 { color: rgba(252, 211, 77, 0.5) !important; }
.border-amber-300\/50 { border-color: rgba(252, 211, 77, 0.5) !important; }

.hover\:bg-amber-300\/50:hover { background-color: rgba(252, 211, 77, 0.5) !important; }
.hover\:text-amber-300\/50:hover { color: rgba(252, 211, 77, 0.5) !important; }
.hover\:border-amber-300\/50:hover { border-color: rgba(252, 211, 77, 0.5) !important; }

.dark .dark\:bg-amber-300\/50,
html.dark .dark\:bg-amber-300\/50 { background-color: rgba(252, 211, 77, 0.5) !important; }
.dark .dark\:text-amber-300\/50,
html.dark .dark\:text-amber-300\/50 { color: rgba(252, 211, 77, 0.5) !important; }
.dark .dark\:border-amber-300\/50,
html.dark .dark\:border-amber-300\/50 { border-color: rgba(252, 211, 77, 0.5) !important; }

.dark .dark\:hover\:bg-amber-300\/50:hover,
html.dark .dark\:hover\:bg-amber-300\/50:hover { background-color: rgba(252, 211, 77, 0.5) !important; }
.dark .dark\:hover\:text-amber-300\/50:hover,
html.dark .dark\:hover\:text-amber-300\/50:hover { color: rgba(252, 211, 77, 0.5) !important; }
.dark .dark\:hover\:border-amber-300\/50:hover,
html.dark .dark\:hover\:border-amber-300\/50:hover { border-color: rgba(252, 211, 77, 0.5) !important; }

.bg-amber-300\/60 { background-color: rgba(252, 211, 77, 0.6) !important; }
.text-amber-300\/60 { color: rgba(252, 211, 77, 0.6) !important; }
.border-amber-300\/60 { border-color: rgba(252, 211, 77, 0.6) !important; }

.hover\:bg-amber-300\/60:hover { background-color: rgba(252, 211, 77, 0.6) !important; }
.hover\:text-amber-300\/60:hover { color: rgba(252, 211, 77, 0.6) !important; }
.hover\:border-amber-300\/60:hover { border-color: rgba(252, 211, 77, 0.6) !important; }

.dark .dark\:bg-amber-300\/60,
html.dark .dark\:bg-amber-300\/60 { background-color: rgba(252, 211, 77, 0.6) !important; }
.dark .dark\:text-amber-300\/60,
html.dark .dark\:text-amber-300\/60 { color: rgba(252, 211, 77, 0.6) !important; }
.dark .dark\:border-amber-300\/60,
html.dark .dark\:border-amber-300\/60 { border-color: rgba(252, 211, 77, 0.6) !important; }

.dark .dark\:hover\:bg-amber-300\/60:hover,
html.dark .dark\:hover\:bg-amber-300\/60:hover { background-color: rgba(252, 211, 77, 0.6) !important; }
.dark .dark\:hover\:text-amber-300\/60:hover,
html.dark .dark\:hover\:text-amber-300\/60:hover { color: rgba(252, 211, 77, 0.6) !important; }
.dark .dark\:hover\:border-amber-300\/60:hover,
html.dark .dark\:hover\:border-amber-300\/60:hover { border-color: rgba(252, 211, 77, 0.6) !important; }

.bg-amber-300\/70 { background-color: rgba(252, 211, 77, 0.7) !important; }
.text-amber-300\/70 { color: rgba(252, 211, 77, 0.7) !important; }
.border-amber-300\/70 { border-color: rgba(252, 211, 77, 0.7) !important; }

.hover\:bg-amber-300\/70:hover { background-color: rgba(252, 211, 77, 0.7) !important; }
.hover\:text-amber-300\/70:hover { color: rgba(252, 211, 77, 0.7) !important; }
.hover\:border-amber-300\/70:hover { border-color: rgba(252, 211, 77, 0.7) !important; }

.dark .dark\:bg-amber-300\/70,
html.dark .dark\:bg-amber-300\/70 { background-color: rgba(252, 211, 77, 0.7) !important; }
.dark .dark\:text-amber-300\/70,
html.dark .dark\:text-amber-300\/70 { color: rgba(252, 211, 77, 0.7) !important; }
.dark .dark\:border-amber-300\/70,
html.dark .dark\:border-amber-300\/70 { border-color: rgba(252, 211, 77, 0.7) !important; }

.dark .dark\:hover\:bg-amber-300\/70:hover,
html.dark .dark\:hover\:bg-amber-300\/70:hover { background-color: rgba(252, 211, 77, 0.7) !important; }
.dark .dark\:hover\:text-amber-300\/70:hover,
html.dark .dark\:hover\:text-amber-300\/70:hover { color: rgba(252, 211, 77, 0.7) !important; }
.dark .dark\:hover\:border-amber-300\/70:hover,
html.dark .dark\:hover\:border-amber-300\/70:hover { border-color: rgba(252, 211, 77, 0.7) !important; }

.bg-amber-300\/75 { background-color: rgba(252, 211, 77, 0.75) !important; }
.text-amber-300\/75 { color: rgba(252, 211, 77, 0.75) !important; }
.border-amber-300\/75 { border-color: rgba(252, 211, 77, 0.75) !important; }

.hover\:bg-amber-300\/75:hover { background-color: rgba(252, 211, 77, 0.75) !important; }
.hover\:text-amber-300\/75:hover { color: rgba(252, 211, 77, 0.75) !important; }
.hover\:border-amber-300\/75:hover { border-color: rgba(252, 211, 77, 0.75) !important; }

.dark .dark\:bg-amber-300\/75,
html.dark .dark\:bg-amber-300\/75 { background-color: rgba(252, 211, 77, 0.75) !important; }
.dark .dark\:text-amber-300\/75,
html.dark .dark\:text-amber-300\/75 { color: rgba(252, 211, 77, 0.75) !important; }
.dark .dark\:border-amber-300\/75,
html.dark .dark\:border-amber-300\/75 { border-color: rgba(252, 211, 77, 0.75) !important; }

.dark .dark\:hover\:bg-amber-300\/75:hover,
html.dark .dark\:hover\:bg-amber-300\/75:hover { background-color: rgba(252, 211, 77, 0.75) !important; }
.dark .dark\:hover\:text-amber-300\/75:hover,
html.dark .dark\:hover\:text-amber-300\/75:hover { color: rgba(252, 211, 77, 0.75) !important; }
.dark .dark\:hover\:border-amber-300\/75:hover,
html.dark .dark\:hover\:border-amber-300\/75:hover { border-color: rgba(252, 211, 77, 0.75) !important; }

.bg-amber-300\/80 { background-color: rgba(252, 211, 77, 0.8) !important; }
.text-amber-300\/80 { color: rgba(252, 211, 77, 0.8) !important; }
.border-amber-300\/80 { border-color: rgba(252, 211, 77, 0.8) !important; }

.hover\:bg-amber-300\/80:hover { background-color: rgba(252, 211, 77, 0.8) !important; }
.hover\:text-amber-300\/80:hover { color: rgba(252, 211, 77, 0.8) !important; }
.hover\:border-amber-300\/80:hover { border-color: rgba(252, 211, 77, 0.8) !important; }

.dark .dark\:bg-amber-300\/80,
html.dark .dark\:bg-amber-300\/80 { background-color: rgba(252, 211, 77, 0.8) !important; }
.dark .dark\:text-amber-300\/80,
html.dark .dark\:text-amber-300\/80 { color: rgba(252, 211, 77, 0.8) !important; }
.dark .dark\:border-amber-300\/80,
html.dark .dark\:border-amber-300\/80 { border-color: rgba(252, 211, 77, 0.8) !important; }

.dark .dark\:hover\:bg-amber-300\/80:hover,
html.dark .dark\:hover\:bg-amber-300\/80:hover { background-color: rgba(252, 211, 77, 0.8) !important; }
.dark .dark\:hover\:text-amber-300\/80:hover,
html.dark .dark\:hover\:text-amber-300\/80:hover { color: rgba(252, 211, 77, 0.8) !important; }
.dark .dark\:hover\:border-amber-300\/80:hover,
html.dark .dark\:hover\:border-amber-300\/80:hover { border-color: rgba(252, 211, 77, 0.8) !important; }

.bg-amber-300\/90 { background-color: rgba(252, 211, 77, 0.9) !important; }
.text-amber-300\/90 { color: rgba(252, 211, 77, 0.9) !important; }
.border-amber-300\/90 { border-color: rgba(252, 211, 77, 0.9) !important; }

.hover\:bg-amber-300\/90:hover { background-color: rgba(252, 211, 77, 0.9) !important; }
.hover\:text-amber-300\/90:hover { color: rgba(252, 211, 77, 0.9) !important; }
.hover\:border-amber-300\/90:hover { border-color: rgba(252, 211, 77, 0.9) !important; }

.dark .dark\:bg-amber-300\/90,
html.dark .dark\:bg-amber-300\/90 { background-color: rgba(252, 211, 77, 0.9) !important; }
.dark .dark\:text-amber-300\/90,
html.dark .dark\:text-amber-300\/90 { color: rgba(252, 211, 77, 0.9) !important; }
.dark .dark\:border-amber-300\/90,
html.dark .dark\:border-amber-300\/90 { border-color: rgba(252, 211, 77, 0.9) !important; }

.dark .dark\:hover\:bg-amber-300\/90:hover,
html.dark .dark\:hover\:bg-amber-300\/90:hover { background-color: rgba(252, 211, 77, 0.9) !important; }
.dark .dark\:hover\:text-amber-300\/90:hover,
html.dark .dark\:hover\:text-amber-300\/90:hover { color: rgba(252, 211, 77, 0.9) !important; }
.dark .dark\:hover\:border-amber-300\/90:hover,
html.dark .dark\:hover\:border-amber-300\/90:hover { border-color: rgba(252, 211, 77, 0.9) !important; }

.bg-amber-300\/95 { background-color: rgba(252, 211, 77, 0.95) !important; }
.text-amber-300\/95 { color: rgba(252, 211, 77, 0.95) !important; }
.border-amber-300\/95 { border-color: rgba(252, 211, 77, 0.95) !important; }

.hover\:bg-amber-300\/95:hover { background-color: rgba(252, 211, 77, 0.95) !important; }
.hover\:text-amber-300\/95:hover { color: rgba(252, 211, 77, 0.95) !important; }
.hover\:border-amber-300\/95:hover { border-color: rgba(252, 211, 77, 0.95) !important; }

.dark .dark\:bg-amber-300\/95,
html.dark .dark\:bg-amber-300\/95 { background-color: rgba(252, 211, 77, 0.95) !important; }
.dark .dark\:text-amber-300\/95,
html.dark .dark\:text-amber-300\/95 { color: rgba(252, 211, 77, 0.95) !important; }
.dark .dark\:border-amber-300\/95,
html.dark .dark\:border-amber-300\/95 { border-color: rgba(252, 211, 77, 0.95) !important; }

.dark .dark\:hover\:bg-amber-300\/95:hover,
html.dark .dark\:hover\:bg-amber-300\/95:hover { background-color: rgba(252, 211, 77, 0.95) !important; }
.dark .dark\:hover\:text-amber-300\/95:hover,
html.dark .dark\:hover\:text-amber-300\/95:hover { color: rgba(252, 211, 77, 0.95) !important; }
.dark .dark\:hover\:border-amber-300\/95:hover,
html.dark .dark\:hover\:border-amber-300\/95:hover { border-color: rgba(252, 211, 77, 0.95) !important; }

.bg-amber-400 { background-color: #fbbf24 !important; }
.text-amber-400 { color: #fbbf24 !important; }
.border-amber-400 { border-color: #fbbf24 !important; }
.fill-amber-400 { fill: #fbbf24 !important; }
.stroke-amber-400 { stroke: #fbbf24 !important; }

/* Hover states */
.hover\:bg-amber-400:hover { background-color: #fbbf24 !important; }
.hover\:text-amber-400:hover { color: #fbbf24 !important; }
.hover\:border-amber-400:hover { border-color: #fbbf24 !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-400,
html.dark .dark\:bg-amber-400 { background-color: #fbbf24 !important; }
.dark .dark\:text-amber-400,
html.dark .dark\:text-amber-400 { color: #fbbf24 !important; }
.dark .dark\:border-amber-400,
html.dark .dark\:border-amber-400 { border-color: #fbbf24 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-400:hover,
html.dark .dark\:hover\:bg-amber-400:hover { background-color: #fbbf24 !important; }
.dark .dark\:hover\:text-amber-400:hover,
html.dark .dark\:hover\:text-amber-400:hover { color: #fbbf24 !important; }
.dark .dark\:hover\:border-amber-400:hover,
html.dark .dark\:hover\:border-amber-400:hover { border-color: #fbbf24 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-400,
html.dark .group:hover .dark\:group-hover\:text-amber-400 { color: #fbbf24 !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-400,
html.dark .group:hover .dark\:group-hover\:bg-amber-400 { background-color: #fbbf24 !important; }

.bg-amber-400\/10 { background-color: rgba(251, 191, 36, 0.1) !important; }
.text-amber-400\/10 { color: rgba(251, 191, 36, 0.1) !important; }
.border-amber-400\/10 { border-color: rgba(251, 191, 36, 0.1) !important; }

.hover\:bg-amber-400\/10:hover { background-color: rgba(251, 191, 36, 0.1) !important; }
.hover\:text-amber-400\/10:hover { color: rgba(251, 191, 36, 0.1) !important; }
.hover\:border-amber-400\/10:hover { border-color: rgba(251, 191, 36, 0.1) !important; }

.dark .dark\:bg-amber-400\/10,
html.dark .dark\:bg-amber-400\/10 { background-color: rgba(251, 191, 36, 0.1) !important; }
.dark .dark\:text-amber-400\/10,
html.dark .dark\:text-amber-400\/10 { color: rgba(251, 191, 36, 0.1) !important; }
.dark .dark\:border-amber-400\/10,
html.dark .dark\:border-amber-400\/10 { border-color: rgba(251, 191, 36, 0.1) !important; }

.dark .dark\:hover\:bg-amber-400\/10:hover,
html.dark .dark\:hover\:bg-amber-400\/10:hover { background-color: rgba(251, 191, 36, 0.1) !important; }
.dark .dark\:hover\:text-amber-400\/10:hover,
html.dark .dark\:hover\:text-amber-400\/10:hover { color: rgba(251, 191, 36, 0.1) !important; }
.dark .dark\:hover\:border-amber-400\/10:hover,
html.dark .dark\:hover\:border-amber-400\/10:hover { border-color: rgba(251, 191, 36, 0.1) !important; }

.bg-amber-400\/20 { background-color: rgba(251, 191, 36, 0.2) !important; }
.text-amber-400\/20 { color: rgba(251, 191, 36, 0.2) !important; }
.border-amber-400\/20 { border-color: rgba(251, 191, 36, 0.2) !important; }

.hover\:bg-amber-400\/20:hover { background-color: rgba(251, 191, 36, 0.2) !important; }
.hover\:text-amber-400\/20:hover { color: rgba(251, 191, 36, 0.2) !important; }
.hover\:border-amber-400\/20:hover { border-color: rgba(251, 191, 36, 0.2) !important; }

.dark .dark\:bg-amber-400\/20,
html.dark .dark\:bg-amber-400\/20 { background-color: rgba(251, 191, 36, 0.2) !important; }
.dark .dark\:text-amber-400\/20,
html.dark .dark\:text-amber-400\/20 { color: rgba(251, 191, 36, 0.2) !important; }
.dark .dark\:border-amber-400\/20,
html.dark .dark\:border-amber-400\/20 { border-color: rgba(251, 191, 36, 0.2) !important; }

.dark .dark\:hover\:bg-amber-400\/20:hover,
html.dark .dark\:hover\:bg-amber-400\/20:hover { background-color: rgba(251, 191, 36, 0.2) !important; }
.dark .dark\:hover\:text-amber-400\/20:hover,
html.dark .dark\:hover\:text-amber-400\/20:hover { color: rgba(251, 191, 36, 0.2) !important; }
.dark .dark\:hover\:border-amber-400\/20:hover,
html.dark .dark\:hover\:border-amber-400\/20:hover { border-color: rgba(251, 191, 36, 0.2) !important; }

.bg-amber-400\/25 { background-color: rgba(251, 191, 36, 0.25) !important; }
.text-amber-400\/25 { color: rgba(251, 191, 36, 0.25) !important; }
.border-amber-400\/25 { border-color: rgba(251, 191, 36, 0.25) !important; }

.hover\:bg-amber-400\/25:hover { background-color: rgba(251, 191, 36, 0.25) !important; }
.hover\:text-amber-400\/25:hover { color: rgba(251, 191, 36, 0.25) !important; }
.hover\:border-amber-400\/25:hover { border-color: rgba(251, 191, 36, 0.25) !important; }

.dark .dark\:bg-amber-400\/25,
html.dark .dark\:bg-amber-400\/25 { background-color: rgba(251, 191, 36, 0.25) !important; }
.dark .dark\:text-amber-400\/25,
html.dark .dark\:text-amber-400\/25 { color: rgba(251, 191, 36, 0.25) !important; }
.dark .dark\:border-amber-400\/25,
html.dark .dark\:border-amber-400\/25 { border-color: rgba(251, 191, 36, 0.25) !important; }

.dark .dark\:hover\:bg-amber-400\/25:hover,
html.dark .dark\:hover\:bg-amber-400\/25:hover { background-color: rgba(251, 191, 36, 0.25) !important; }
.dark .dark\:hover\:text-amber-400\/25:hover,
html.dark .dark\:hover\:text-amber-400\/25:hover { color: rgba(251, 191, 36, 0.25) !important; }
.dark .dark\:hover\:border-amber-400\/25:hover,
html.dark .dark\:hover\:border-amber-400\/25:hover { border-color: rgba(251, 191, 36, 0.25) !important; }

.bg-amber-400\/30 { background-color: rgba(251, 191, 36, 0.3) !important; }
.text-amber-400\/30 { color: rgba(251, 191, 36, 0.3) !important; }
.border-amber-400\/30 { border-color: rgba(251, 191, 36, 0.3) !important; }

.hover\:bg-amber-400\/30:hover { background-color: rgba(251, 191, 36, 0.3) !important; }
.hover\:text-amber-400\/30:hover { color: rgba(251, 191, 36, 0.3) !important; }
.hover\:border-amber-400\/30:hover { border-color: rgba(251, 191, 36, 0.3) !important; }

.dark .dark\:bg-amber-400\/30,
html.dark .dark\:bg-amber-400\/30 { background-color: rgba(251, 191, 36, 0.3) !important; }
.dark .dark\:text-amber-400\/30,
html.dark .dark\:text-amber-400\/30 { color: rgba(251, 191, 36, 0.3) !important; }
.dark .dark\:border-amber-400\/30,
html.dark .dark\:border-amber-400\/30 { border-color: rgba(251, 191, 36, 0.3) !important; }

.dark .dark\:hover\:bg-amber-400\/30:hover,
html.dark .dark\:hover\:bg-amber-400\/30:hover { background-color: rgba(251, 191, 36, 0.3) !important; }
.dark .dark\:hover\:text-amber-400\/30:hover,
html.dark .dark\:hover\:text-amber-400\/30:hover { color: rgba(251, 191, 36, 0.3) !important; }
.dark .dark\:hover\:border-amber-400\/30:hover,
html.dark .dark\:hover\:border-amber-400\/30:hover { border-color: rgba(251, 191, 36, 0.3) !important; }

.bg-amber-400\/40 { background-color: rgba(251, 191, 36, 0.4) !important; }
.text-amber-400\/40 { color: rgba(251, 191, 36, 0.4) !important; }
.border-amber-400\/40 { border-color: rgba(251, 191, 36, 0.4) !important; }

.hover\:bg-amber-400\/40:hover { background-color: rgba(251, 191, 36, 0.4) !important; }
.hover\:text-amber-400\/40:hover { color: rgba(251, 191, 36, 0.4) !important; }
.hover\:border-amber-400\/40:hover { border-color: rgba(251, 191, 36, 0.4) !important; }

.dark .dark\:bg-amber-400\/40,
html.dark .dark\:bg-amber-400\/40 { background-color: rgba(251, 191, 36, 0.4) !important; }
.dark .dark\:text-amber-400\/40,
html.dark .dark\:text-amber-400\/40 { color: rgba(251, 191, 36, 0.4) !important; }
.dark .dark\:border-amber-400\/40,
html.dark .dark\:border-amber-400\/40 { border-color: rgba(251, 191, 36, 0.4) !important; }

.dark .dark\:hover\:bg-amber-400\/40:hover,
html.dark .dark\:hover\:bg-amber-400\/40:hover { background-color: rgba(251, 191, 36, 0.4) !important; }
.dark .dark\:hover\:text-amber-400\/40:hover,
html.dark .dark\:hover\:text-amber-400\/40:hover { color: rgba(251, 191, 36, 0.4) !important; }
.dark .dark\:hover\:border-amber-400\/40:hover,
html.dark .dark\:hover\:border-amber-400\/40:hover { border-color: rgba(251, 191, 36, 0.4) !important; }

.bg-amber-400\/50 { background-color: rgba(251, 191, 36, 0.5) !important; }
.text-amber-400\/50 { color: rgba(251, 191, 36, 0.5) !important; }
.border-amber-400\/50 { border-color: rgba(251, 191, 36, 0.5) !important; }

.hover\:bg-amber-400\/50:hover { background-color: rgba(251, 191, 36, 0.5) !important; }
.hover\:text-amber-400\/50:hover { color: rgba(251, 191, 36, 0.5) !important; }
.hover\:border-amber-400\/50:hover { border-color: rgba(251, 191, 36, 0.5) !important; }

.dark .dark\:bg-amber-400\/50,
html.dark .dark\:bg-amber-400\/50 { background-color: rgba(251, 191, 36, 0.5) !important; }
.dark .dark\:text-amber-400\/50,
html.dark .dark\:text-amber-400\/50 { color: rgba(251, 191, 36, 0.5) !important; }
.dark .dark\:border-amber-400\/50,
html.dark .dark\:border-amber-400\/50 { border-color: rgba(251, 191, 36, 0.5) !important; }

.dark .dark\:hover\:bg-amber-400\/50:hover,
html.dark .dark\:hover\:bg-amber-400\/50:hover { background-color: rgba(251, 191, 36, 0.5) !important; }
.dark .dark\:hover\:text-amber-400\/50:hover,
html.dark .dark\:hover\:text-amber-400\/50:hover { color: rgba(251, 191, 36, 0.5) !important; }
.dark .dark\:hover\:border-amber-400\/50:hover,
html.dark .dark\:hover\:border-amber-400\/50:hover { border-color: rgba(251, 191, 36, 0.5) !important; }

.bg-amber-400\/60 { background-color: rgba(251, 191, 36, 0.6) !important; }
.text-amber-400\/60 { color: rgba(251, 191, 36, 0.6) !important; }
.border-amber-400\/60 { border-color: rgba(251, 191, 36, 0.6) !important; }

.hover\:bg-amber-400\/60:hover { background-color: rgba(251, 191, 36, 0.6) !important; }
.hover\:text-amber-400\/60:hover { color: rgba(251, 191, 36, 0.6) !important; }
.hover\:border-amber-400\/60:hover { border-color: rgba(251, 191, 36, 0.6) !important; }

.dark .dark\:bg-amber-400\/60,
html.dark .dark\:bg-amber-400\/60 { background-color: rgba(251, 191, 36, 0.6) !important; }
.dark .dark\:text-amber-400\/60,
html.dark .dark\:text-amber-400\/60 { color: rgba(251, 191, 36, 0.6) !important; }
.dark .dark\:border-amber-400\/60,
html.dark .dark\:border-amber-400\/60 { border-color: rgba(251, 191, 36, 0.6) !important; }

.dark .dark\:hover\:bg-amber-400\/60:hover,
html.dark .dark\:hover\:bg-amber-400\/60:hover { background-color: rgba(251, 191, 36, 0.6) !important; }
.dark .dark\:hover\:text-amber-400\/60:hover,
html.dark .dark\:hover\:text-amber-400\/60:hover { color: rgba(251, 191, 36, 0.6) !important; }
.dark .dark\:hover\:border-amber-400\/60:hover,
html.dark .dark\:hover\:border-amber-400\/60:hover { border-color: rgba(251, 191, 36, 0.6) !important; }

.bg-amber-400\/70 { background-color: rgba(251, 191, 36, 0.7) !important; }
.text-amber-400\/70 { color: rgba(251, 191, 36, 0.7) !important; }
.border-amber-400\/70 { border-color: rgba(251, 191, 36, 0.7) !important; }

.hover\:bg-amber-400\/70:hover { background-color: rgba(251, 191, 36, 0.7) !important; }
.hover\:text-amber-400\/70:hover { color: rgba(251, 191, 36, 0.7) !important; }
.hover\:border-amber-400\/70:hover { border-color: rgba(251, 191, 36, 0.7) !important; }

.dark .dark\:bg-amber-400\/70,
html.dark .dark\:bg-amber-400\/70 { background-color: rgba(251, 191, 36, 0.7) !important; }
.dark .dark\:text-amber-400\/70,
html.dark .dark\:text-amber-400\/70 { color: rgba(251, 191, 36, 0.7) !important; }
.dark .dark\:border-amber-400\/70,
html.dark .dark\:border-amber-400\/70 { border-color: rgba(251, 191, 36, 0.7) !important; }

.dark .dark\:hover\:bg-amber-400\/70:hover,
html.dark .dark\:hover\:bg-amber-400\/70:hover { background-color: rgba(251, 191, 36, 0.7) !important; }
.dark .dark\:hover\:text-amber-400\/70:hover,
html.dark .dark\:hover\:text-amber-400\/70:hover { color: rgba(251, 191, 36, 0.7) !important; }
.dark .dark\:hover\:border-amber-400\/70:hover,
html.dark .dark\:hover\:border-amber-400\/70:hover { border-color: rgba(251, 191, 36, 0.7) !important; }

.bg-amber-400\/75 { background-color: rgba(251, 191, 36, 0.75) !important; }
.text-amber-400\/75 { color: rgba(251, 191, 36, 0.75) !important; }
.border-amber-400\/75 { border-color: rgba(251, 191, 36, 0.75) !important; }

.hover\:bg-amber-400\/75:hover { background-color: rgba(251, 191, 36, 0.75) !important; }
.hover\:text-amber-400\/75:hover { color: rgba(251, 191, 36, 0.75) !important; }
.hover\:border-amber-400\/75:hover { border-color: rgba(251, 191, 36, 0.75) !important; }

.dark .dark\:bg-amber-400\/75,
html.dark .dark\:bg-amber-400\/75 { background-color: rgba(251, 191, 36, 0.75) !important; }
.dark .dark\:text-amber-400\/75,
html.dark .dark\:text-amber-400\/75 { color: rgba(251, 191, 36, 0.75) !important; }
.dark .dark\:border-amber-400\/75,
html.dark .dark\:border-amber-400\/75 { border-color: rgba(251, 191, 36, 0.75) !important; }

.dark .dark\:hover\:bg-amber-400\/75:hover,
html.dark .dark\:hover\:bg-amber-400\/75:hover { background-color: rgba(251, 191, 36, 0.75) !important; }
.dark .dark\:hover\:text-amber-400\/75:hover,
html.dark .dark\:hover\:text-amber-400\/75:hover { color: rgba(251, 191, 36, 0.75) !important; }
.dark .dark\:hover\:border-amber-400\/75:hover,
html.dark .dark\:hover\:border-amber-400\/75:hover { border-color: rgba(251, 191, 36, 0.75) !important; }

.bg-amber-400\/80 { background-color: rgba(251, 191, 36, 0.8) !important; }
.text-amber-400\/80 { color: rgba(251, 191, 36, 0.8) !important; }
.border-amber-400\/80 { border-color: rgba(251, 191, 36, 0.8) !important; }

.hover\:bg-amber-400\/80:hover { background-color: rgba(251, 191, 36, 0.8) !important; }
.hover\:text-amber-400\/80:hover { color: rgba(251, 191, 36, 0.8) !important; }
.hover\:border-amber-400\/80:hover { border-color: rgba(251, 191, 36, 0.8) !important; }

.dark .dark\:bg-amber-400\/80,
html.dark .dark\:bg-amber-400\/80 { background-color: rgba(251, 191, 36, 0.8) !important; }
.dark .dark\:text-amber-400\/80,
html.dark .dark\:text-amber-400\/80 { color: rgba(251, 191, 36, 0.8) !important; }
.dark .dark\:border-amber-400\/80,
html.dark .dark\:border-amber-400\/80 { border-color: rgba(251, 191, 36, 0.8) !important; }

.dark .dark\:hover\:bg-amber-400\/80:hover,
html.dark .dark\:hover\:bg-amber-400\/80:hover { background-color: rgba(251, 191, 36, 0.8) !important; }
.dark .dark\:hover\:text-amber-400\/80:hover,
html.dark .dark\:hover\:text-amber-400\/80:hover { color: rgba(251, 191, 36, 0.8) !important; }
.dark .dark\:hover\:border-amber-400\/80:hover,
html.dark .dark\:hover\:border-amber-400\/80:hover { border-color: rgba(251, 191, 36, 0.8) !important; }

.bg-amber-400\/90 { background-color: rgba(251, 191, 36, 0.9) !important; }
.text-amber-400\/90 { color: rgba(251, 191, 36, 0.9) !important; }
.border-amber-400\/90 { border-color: rgba(251, 191, 36, 0.9) !important; }

.hover\:bg-amber-400\/90:hover { background-color: rgba(251, 191, 36, 0.9) !important; }
.hover\:text-amber-400\/90:hover { color: rgba(251, 191, 36, 0.9) !important; }
.hover\:border-amber-400\/90:hover { border-color: rgba(251, 191, 36, 0.9) !important; }

.dark .dark\:bg-amber-400\/90,
html.dark .dark\:bg-amber-400\/90 { background-color: rgba(251, 191, 36, 0.9) !important; }
.dark .dark\:text-amber-400\/90,
html.dark .dark\:text-amber-400\/90 { color: rgba(251, 191, 36, 0.9) !important; }
.dark .dark\:border-amber-400\/90,
html.dark .dark\:border-amber-400\/90 { border-color: rgba(251, 191, 36, 0.9) !important; }

.dark .dark\:hover\:bg-amber-400\/90:hover,
html.dark .dark\:hover\:bg-amber-400\/90:hover { background-color: rgba(251, 191, 36, 0.9) !important; }
.dark .dark\:hover\:text-amber-400\/90:hover,
html.dark .dark\:hover\:text-amber-400\/90:hover { color: rgba(251, 191, 36, 0.9) !important; }
.dark .dark\:hover\:border-amber-400\/90:hover,
html.dark .dark\:hover\:border-amber-400\/90:hover { border-color: rgba(251, 191, 36, 0.9) !important; }

.bg-amber-400\/95 { background-color: rgba(251, 191, 36, 0.95) !important; }
.text-amber-400\/95 { color: rgba(251, 191, 36, 0.95) !important; }
.border-amber-400\/95 { border-color: rgba(251, 191, 36, 0.95) !important; }

.hover\:bg-amber-400\/95:hover { background-color: rgba(251, 191, 36, 0.95) !important; }
.hover\:text-amber-400\/95:hover { color: rgba(251, 191, 36, 0.95) !important; }
.hover\:border-amber-400\/95:hover { border-color: rgba(251, 191, 36, 0.95) !important; }

.dark .dark\:bg-amber-400\/95,
html.dark .dark\:bg-amber-400\/95 { background-color: rgba(251, 191, 36, 0.95) !important; }
.dark .dark\:text-amber-400\/95,
html.dark .dark\:text-amber-400\/95 { color: rgba(251, 191, 36, 0.95) !important; }
.dark .dark\:border-amber-400\/95,
html.dark .dark\:border-amber-400\/95 { border-color: rgba(251, 191, 36, 0.95) !important; }

.dark .dark\:hover\:bg-amber-400\/95:hover,
html.dark .dark\:hover\:bg-amber-400\/95:hover { background-color: rgba(251, 191, 36, 0.95) !important; }
.dark .dark\:hover\:text-amber-400\/95:hover,
html.dark .dark\:hover\:text-amber-400\/95:hover { color: rgba(251, 191, 36, 0.95) !important; }
.dark .dark\:hover\:border-amber-400\/95:hover,
html.dark .dark\:hover\:border-amber-400\/95:hover { border-color: rgba(251, 191, 36, 0.95) !important; }

.bg-amber-500 { background-color: #f59e0b !important; }
.text-amber-500 { color: #f59e0b !important; }
.border-amber-500 { border-color: #f59e0b !important; }
.fill-amber-500 { fill: #f59e0b !important; }
.stroke-amber-500 { stroke: #f59e0b !important; }

/* Hover states */
.hover\:bg-amber-500:hover { background-color: #f59e0b !important; }
.hover\:text-amber-500:hover { color: #f59e0b !important; }
.hover\:border-amber-500:hover { border-color: #f59e0b !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-500,
html.dark .dark\:bg-amber-500 { background-color: #f59e0b !important; }
.dark .dark\:text-amber-500,
html.dark .dark\:text-amber-500 { color: #f59e0b !important; }
.dark .dark\:border-amber-500,
html.dark .dark\:border-amber-500 { border-color: #f59e0b !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-500:hover,
html.dark .dark\:hover\:bg-amber-500:hover { background-color: #f59e0b !important; }
.dark .dark\:hover\:text-amber-500:hover,
html.dark .dark\:hover\:text-amber-500:hover { color: #f59e0b !important; }
.dark .dark\:hover\:border-amber-500:hover,
html.dark .dark\:hover\:border-amber-500:hover { border-color: #f59e0b !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-500,
html.dark .group:hover .dark\:group-hover\:text-amber-500 { color: #f59e0b !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-500,
html.dark .group:hover .dark\:group-hover\:bg-amber-500 { background-color: #f59e0b !important; }

.bg-amber-500\/10 { background-color: rgba(245, 158, 11, 0.1) !important; }
.text-amber-500\/10 { color: rgba(245, 158, 11, 0.1) !important; }
.border-amber-500\/10 { border-color: rgba(245, 158, 11, 0.1) !important; }

.hover\:bg-amber-500\/10:hover { background-color: rgba(245, 158, 11, 0.1) !important; }
.hover\:text-amber-500\/10:hover { color: rgba(245, 158, 11, 0.1) !important; }
.hover\:border-amber-500\/10:hover { border-color: rgba(245, 158, 11, 0.1) !important; }

.dark .dark\:bg-amber-500\/10,
html.dark .dark\:bg-amber-500\/10 { background-color: rgba(245, 158, 11, 0.1) !important; }
.dark .dark\:text-amber-500\/10,
html.dark .dark\:text-amber-500\/10 { color: rgba(245, 158, 11, 0.1) !important; }
.dark .dark\:border-amber-500\/10,
html.dark .dark\:border-amber-500\/10 { border-color: rgba(245, 158, 11, 0.1) !important; }

.dark .dark\:hover\:bg-amber-500\/10:hover,
html.dark .dark\:hover\:bg-amber-500\/10:hover { background-color: rgba(245, 158, 11, 0.1) !important; }
.dark .dark\:hover\:text-amber-500\/10:hover,
html.dark .dark\:hover\:text-amber-500\/10:hover { color: rgba(245, 158, 11, 0.1) !important; }
.dark .dark\:hover\:border-amber-500\/10:hover,
html.dark .dark\:hover\:border-amber-500\/10:hover { border-color: rgba(245, 158, 11, 0.1) !important; }

.bg-amber-500\/20 { background-color: rgba(245, 158, 11, 0.2) !important; }
.text-amber-500\/20 { color: rgba(245, 158, 11, 0.2) !important; }
.border-amber-500\/20 { border-color: rgba(245, 158, 11, 0.2) !important; }

.hover\:bg-amber-500\/20:hover { background-color: rgba(245, 158, 11, 0.2) !important; }
.hover\:text-amber-500\/20:hover { color: rgba(245, 158, 11, 0.2) !important; }
.hover\:border-amber-500\/20:hover { border-color: rgba(245, 158, 11, 0.2) !important; }

.dark .dark\:bg-amber-500\/20,
html.dark .dark\:bg-amber-500\/20 { background-color: rgba(245, 158, 11, 0.2) !important; }
.dark .dark\:text-amber-500\/20,
html.dark .dark\:text-amber-500\/20 { color: rgba(245, 158, 11, 0.2) !important; }
.dark .dark\:border-amber-500\/20,
html.dark .dark\:border-amber-500\/20 { border-color: rgba(245, 158, 11, 0.2) !important; }

.dark .dark\:hover\:bg-amber-500\/20:hover,
html.dark .dark\:hover\:bg-amber-500\/20:hover { background-color: rgba(245, 158, 11, 0.2) !important; }
.dark .dark\:hover\:text-amber-500\/20:hover,
html.dark .dark\:hover\:text-amber-500\/20:hover { color: rgba(245, 158, 11, 0.2) !important; }
.dark .dark\:hover\:border-amber-500\/20:hover,
html.dark .dark\:hover\:border-amber-500\/20:hover { border-color: rgba(245, 158, 11, 0.2) !important; }

.bg-amber-500\/25 { background-color: rgba(245, 158, 11, 0.25) !important; }
.text-amber-500\/25 { color: rgba(245, 158, 11, 0.25) !important; }
.border-amber-500\/25 { border-color: rgba(245, 158, 11, 0.25) !important; }

.hover\:bg-amber-500\/25:hover { background-color: rgba(245, 158, 11, 0.25) !important; }
.hover\:text-amber-500\/25:hover { color: rgba(245, 158, 11, 0.25) !important; }
.hover\:border-amber-500\/25:hover { border-color: rgba(245, 158, 11, 0.25) !important; }

.dark .dark\:bg-amber-500\/25,
html.dark .dark\:bg-amber-500\/25 { background-color: rgba(245, 158, 11, 0.25) !important; }
.dark .dark\:text-amber-500\/25,
html.dark .dark\:text-amber-500\/25 { color: rgba(245, 158, 11, 0.25) !important; }
.dark .dark\:border-amber-500\/25,
html.dark .dark\:border-amber-500\/25 { border-color: rgba(245, 158, 11, 0.25) !important; }

.dark .dark\:hover\:bg-amber-500\/25:hover,
html.dark .dark\:hover\:bg-amber-500\/25:hover { background-color: rgba(245, 158, 11, 0.25) !important; }
.dark .dark\:hover\:text-amber-500\/25:hover,
html.dark .dark\:hover\:text-amber-500\/25:hover { color: rgba(245, 158, 11, 0.25) !important; }
.dark .dark\:hover\:border-amber-500\/25:hover,
html.dark .dark\:hover\:border-amber-500\/25:hover { border-color: rgba(245, 158, 11, 0.25) !important; }

.bg-amber-500\/30 { background-color: rgba(245, 158, 11, 0.3) !important; }
.text-amber-500\/30 { color: rgba(245, 158, 11, 0.3) !important; }
.border-amber-500\/30 { border-color: rgba(245, 158, 11, 0.3) !important; }

.hover\:bg-amber-500\/30:hover { background-color: rgba(245, 158, 11, 0.3) !important; }
.hover\:text-amber-500\/30:hover { color: rgba(245, 158, 11, 0.3) !important; }
.hover\:border-amber-500\/30:hover { border-color: rgba(245, 158, 11, 0.3) !important; }

.dark .dark\:bg-amber-500\/30,
html.dark .dark\:bg-amber-500\/30 { background-color: rgba(245, 158, 11, 0.3) !important; }
.dark .dark\:text-amber-500\/30,
html.dark .dark\:text-amber-500\/30 { color: rgba(245, 158, 11, 0.3) !important; }
.dark .dark\:border-amber-500\/30,
html.dark .dark\:border-amber-500\/30 { border-color: rgba(245, 158, 11, 0.3) !important; }

.dark .dark\:hover\:bg-amber-500\/30:hover,
html.dark .dark\:hover\:bg-amber-500\/30:hover { background-color: rgba(245, 158, 11, 0.3) !important; }
.dark .dark\:hover\:text-amber-500\/30:hover,
html.dark .dark\:hover\:text-amber-500\/30:hover { color: rgba(245, 158, 11, 0.3) !important; }
.dark .dark\:hover\:border-amber-500\/30:hover,
html.dark .dark\:hover\:border-amber-500\/30:hover { border-color: rgba(245, 158, 11, 0.3) !important; }

.bg-amber-500\/40 { background-color: rgba(245, 158, 11, 0.4) !important; }
.text-amber-500\/40 { color: rgba(245, 158, 11, 0.4) !important; }
.border-amber-500\/40 { border-color: rgba(245, 158, 11, 0.4) !important; }

.hover\:bg-amber-500\/40:hover { background-color: rgba(245, 158, 11, 0.4) !important; }
.hover\:text-amber-500\/40:hover { color: rgba(245, 158, 11, 0.4) !important; }
.hover\:border-amber-500\/40:hover { border-color: rgba(245, 158, 11, 0.4) !important; }

.dark .dark\:bg-amber-500\/40,
html.dark .dark\:bg-amber-500\/40 { background-color: rgba(245, 158, 11, 0.4) !important; }
.dark .dark\:text-amber-500\/40,
html.dark .dark\:text-amber-500\/40 { color: rgba(245, 158, 11, 0.4) !important; }
.dark .dark\:border-amber-500\/40,
html.dark .dark\:border-amber-500\/40 { border-color: rgba(245, 158, 11, 0.4) !important; }

.dark .dark\:hover\:bg-amber-500\/40:hover,
html.dark .dark\:hover\:bg-amber-500\/40:hover { background-color: rgba(245, 158, 11, 0.4) !important; }
.dark .dark\:hover\:text-amber-500\/40:hover,
html.dark .dark\:hover\:text-amber-500\/40:hover { color: rgba(245, 158, 11, 0.4) !important; }
.dark .dark\:hover\:border-amber-500\/40:hover,
html.dark .dark\:hover\:border-amber-500\/40:hover { border-color: rgba(245, 158, 11, 0.4) !important; }

.bg-amber-500\/50 { background-color: rgba(245, 158, 11, 0.5) !important; }
.text-amber-500\/50 { color: rgba(245, 158, 11, 0.5) !important; }
.border-amber-500\/50 { border-color: rgba(245, 158, 11, 0.5) !important; }

.hover\:bg-amber-500\/50:hover { background-color: rgba(245, 158, 11, 0.5) !important; }
.hover\:text-amber-500\/50:hover { color: rgba(245, 158, 11, 0.5) !important; }
.hover\:border-amber-500\/50:hover { border-color: rgba(245, 158, 11, 0.5) !important; }

.dark .dark\:bg-amber-500\/50,
html.dark .dark\:bg-amber-500\/50 { background-color: rgba(245, 158, 11, 0.5) !important; }
.dark .dark\:text-amber-500\/50,
html.dark .dark\:text-amber-500\/50 { color: rgba(245, 158, 11, 0.5) !important; }
.dark .dark\:border-amber-500\/50,
html.dark .dark\:border-amber-500\/50 { border-color: rgba(245, 158, 11, 0.5) !important; }

.dark .dark\:hover\:bg-amber-500\/50:hover,
html.dark .dark\:hover\:bg-amber-500\/50:hover { background-color: rgba(245, 158, 11, 0.5) !important; }
.dark .dark\:hover\:text-amber-500\/50:hover,
html.dark .dark\:hover\:text-amber-500\/50:hover { color: rgba(245, 158, 11, 0.5) !important; }
.dark .dark\:hover\:border-amber-500\/50:hover,
html.dark .dark\:hover\:border-amber-500\/50:hover { border-color: rgba(245, 158, 11, 0.5) !important; }

.bg-amber-500\/60 { background-color: rgba(245, 158, 11, 0.6) !important; }
.text-amber-500\/60 { color: rgba(245, 158, 11, 0.6) !important; }
.border-amber-500\/60 { border-color: rgba(245, 158, 11, 0.6) !important; }

.hover\:bg-amber-500\/60:hover { background-color: rgba(245, 158, 11, 0.6) !important; }
.hover\:text-amber-500\/60:hover { color: rgba(245, 158, 11, 0.6) !important; }
.hover\:border-amber-500\/60:hover { border-color: rgba(245, 158, 11, 0.6) !important; }

.dark .dark\:bg-amber-500\/60,
html.dark .dark\:bg-amber-500\/60 { background-color: rgba(245, 158, 11, 0.6) !important; }
.dark .dark\:text-amber-500\/60,
html.dark .dark\:text-amber-500\/60 { color: rgba(245, 158, 11, 0.6) !important; }
.dark .dark\:border-amber-500\/60,
html.dark .dark\:border-amber-500\/60 { border-color: rgba(245, 158, 11, 0.6) !important; }

.dark .dark\:hover\:bg-amber-500\/60:hover,
html.dark .dark\:hover\:bg-amber-500\/60:hover { background-color: rgba(245, 158, 11, 0.6) !important; }
.dark .dark\:hover\:text-amber-500\/60:hover,
html.dark .dark\:hover\:text-amber-500\/60:hover { color: rgba(245, 158, 11, 0.6) !important; }
.dark .dark\:hover\:border-amber-500\/60:hover,
html.dark .dark\:hover\:border-amber-500\/60:hover { border-color: rgba(245, 158, 11, 0.6) !important; }

.bg-amber-500\/70 { background-color: rgba(245, 158, 11, 0.7) !important; }
.text-amber-500\/70 { color: rgba(245, 158, 11, 0.7) !important; }
.border-amber-500\/70 { border-color: rgba(245, 158, 11, 0.7) !important; }

.hover\:bg-amber-500\/70:hover { background-color: rgba(245, 158, 11, 0.7) !important; }
.hover\:text-amber-500\/70:hover { color: rgba(245, 158, 11, 0.7) !important; }
.hover\:border-amber-500\/70:hover { border-color: rgba(245, 158, 11, 0.7) !important; }

.dark .dark\:bg-amber-500\/70,
html.dark .dark\:bg-amber-500\/70 { background-color: rgba(245, 158, 11, 0.7) !important; }
.dark .dark\:text-amber-500\/70,
html.dark .dark\:text-amber-500\/70 { color: rgba(245, 158, 11, 0.7) !important; }
.dark .dark\:border-amber-500\/70,
html.dark .dark\:border-amber-500\/70 { border-color: rgba(245, 158, 11, 0.7) !important; }

.dark .dark\:hover\:bg-amber-500\/70:hover,
html.dark .dark\:hover\:bg-amber-500\/70:hover { background-color: rgba(245, 158, 11, 0.7) !important; }
.dark .dark\:hover\:text-amber-500\/70:hover,
html.dark .dark\:hover\:text-amber-500\/70:hover { color: rgba(245, 158, 11, 0.7) !important; }
.dark .dark\:hover\:border-amber-500\/70:hover,
html.dark .dark\:hover\:border-amber-500\/70:hover { border-color: rgba(245, 158, 11, 0.7) !important; }

.bg-amber-500\/75 { background-color: rgba(245, 158, 11, 0.75) !important; }
.text-amber-500\/75 { color: rgba(245, 158, 11, 0.75) !important; }
.border-amber-500\/75 { border-color: rgba(245, 158, 11, 0.75) !important; }

.hover\:bg-amber-500\/75:hover { background-color: rgba(245, 158, 11, 0.75) !important; }
.hover\:text-amber-500\/75:hover { color: rgba(245, 158, 11, 0.75) !important; }
.hover\:border-amber-500\/75:hover { border-color: rgba(245, 158, 11, 0.75) !important; }

.dark .dark\:bg-amber-500\/75,
html.dark .dark\:bg-amber-500\/75 { background-color: rgba(245, 158, 11, 0.75) !important; }
.dark .dark\:text-amber-500\/75,
html.dark .dark\:text-amber-500\/75 { color: rgba(245, 158, 11, 0.75) !important; }
.dark .dark\:border-amber-500\/75,
html.dark .dark\:border-amber-500\/75 { border-color: rgba(245, 158, 11, 0.75) !important; }

.dark .dark\:hover\:bg-amber-500\/75:hover,
html.dark .dark\:hover\:bg-amber-500\/75:hover { background-color: rgba(245, 158, 11, 0.75) !important; }
.dark .dark\:hover\:text-amber-500\/75:hover,
html.dark .dark\:hover\:text-amber-500\/75:hover { color: rgba(245, 158, 11, 0.75) !important; }
.dark .dark\:hover\:border-amber-500\/75:hover,
html.dark .dark\:hover\:border-amber-500\/75:hover { border-color: rgba(245, 158, 11, 0.75) !important; }

.bg-amber-500\/80 { background-color: rgba(245, 158, 11, 0.8) !important; }
.text-amber-500\/80 { color: rgba(245, 158, 11, 0.8) !important; }
.border-amber-500\/80 { border-color: rgba(245, 158, 11, 0.8) !important; }

.hover\:bg-amber-500\/80:hover { background-color: rgba(245, 158, 11, 0.8) !important; }
.hover\:text-amber-500\/80:hover { color: rgba(245, 158, 11, 0.8) !important; }
.hover\:border-amber-500\/80:hover { border-color: rgba(245, 158, 11, 0.8) !important; }

.dark .dark\:bg-amber-500\/80,
html.dark .dark\:bg-amber-500\/80 { background-color: rgba(245, 158, 11, 0.8) !important; }
.dark .dark\:text-amber-500\/80,
html.dark .dark\:text-amber-500\/80 { color: rgba(245, 158, 11, 0.8) !important; }
.dark .dark\:border-amber-500\/80,
html.dark .dark\:border-amber-500\/80 { border-color: rgba(245, 158, 11, 0.8) !important; }

.dark .dark\:hover\:bg-amber-500\/80:hover,
html.dark .dark\:hover\:bg-amber-500\/80:hover { background-color: rgba(245, 158, 11, 0.8) !important; }
.dark .dark\:hover\:text-amber-500\/80:hover,
html.dark .dark\:hover\:text-amber-500\/80:hover { color: rgba(245, 158, 11, 0.8) !important; }
.dark .dark\:hover\:border-amber-500\/80:hover,
html.dark .dark\:hover\:border-amber-500\/80:hover { border-color: rgba(245, 158, 11, 0.8) !important; }

.bg-amber-500\/90 { background-color: rgba(245, 158, 11, 0.9) !important; }
.text-amber-500\/90 { color: rgba(245, 158, 11, 0.9) !important; }
.border-amber-500\/90 { border-color: rgba(245, 158, 11, 0.9) !important; }

.hover\:bg-amber-500\/90:hover { background-color: rgba(245, 158, 11, 0.9) !important; }
.hover\:text-amber-500\/90:hover { color: rgba(245, 158, 11, 0.9) !important; }
.hover\:border-amber-500\/90:hover { border-color: rgba(245, 158, 11, 0.9) !important; }

.dark .dark\:bg-amber-500\/90,
html.dark .dark\:bg-amber-500\/90 { background-color: rgba(245, 158, 11, 0.9) !important; }
.dark .dark\:text-amber-500\/90,
html.dark .dark\:text-amber-500\/90 { color: rgba(245, 158, 11, 0.9) !important; }
.dark .dark\:border-amber-500\/90,
html.dark .dark\:border-amber-500\/90 { border-color: rgba(245, 158, 11, 0.9) !important; }

.dark .dark\:hover\:bg-amber-500\/90:hover,
html.dark .dark\:hover\:bg-amber-500\/90:hover { background-color: rgba(245, 158, 11, 0.9) !important; }
.dark .dark\:hover\:text-amber-500\/90:hover,
html.dark .dark\:hover\:text-amber-500\/90:hover { color: rgba(245, 158, 11, 0.9) !important; }
.dark .dark\:hover\:border-amber-500\/90:hover,
html.dark .dark\:hover\:border-amber-500\/90:hover { border-color: rgba(245, 158, 11, 0.9) !important; }

.bg-amber-500\/95 { background-color: rgba(245, 158, 11, 0.95) !important; }
.text-amber-500\/95 { color: rgba(245, 158, 11, 0.95) !important; }
.border-amber-500\/95 { border-color: rgba(245, 158, 11, 0.95) !important; }

.hover\:bg-amber-500\/95:hover { background-color: rgba(245, 158, 11, 0.95) !important; }
.hover\:text-amber-500\/95:hover { color: rgba(245, 158, 11, 0.95) !important; }
.hover\:border-amber-500\/95:hover { border-color: rgba(245, 158, 11, 0.95) !important; }

.dark .dark\:bg-amber-500\/95,
html.dark .dark\:bg-amber-500\/95 { background-color: rgba(245, 158, 11, 0.95) !important; }
.dark .dark\:text-amber-500\/95,
html.dark .dark\:text-amber-500\/95 { color: rgba(245, 158, 11, 0.95) !important; }
.dark .dark\:border-amber-500\/95,
html.dark .dark\:border-amber-500\/95 { border-color: rgba(245, 158, 11, 0.95) !important; }

.dark .dark\:hover\:bg-amber-500\/95:hover,
html.dark .dark\:hover\:bg-amber-500\/95:hover { background-color: rgba(245, 158, 11, 0.95) !important; }
.dark .dark\:hover\:text-amber-500\/95:hover,
html.dark .dark\:hover\:text-amber-500\/95:hover { color: rgba(245, 158, 11, 0.95) !important; }
.dark .dark\:hover\:border-amber-500\/95:hover,
html.dark .dark\:hover\:border-amber-500\/95:hover { border-color: rgba(245, 158, 11, 0.95) !important; }

.bg-amber-600 { background-color: #d97706 !important; }
.text-amber-600 { color: #d97706 !important; }
.border-amber-600 { border-color: #d97706 !important; }
.fill-amber-600 { fill: #d97706 !important; }
.stroke-amber-600 { stroke: #d97706 !important; }

/* Hover states */
.hover\:bg-amber-600:hover { background-color: #d97706 !important; }
.hover\:text-amber-600:hover { color: #d97706 !important; }
.hover\:border-amber-600:hover { border-color: #d97706 !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-600,
html.dark .dark\:bg-amber-600 { background-color: #d97706 !important; }
.dark .dark\:text-amber-600,
html.dark .dark\:text-amber-600 { color: #d97706 !important; }
.dark .dark\:border-amber-600,
html.dark .dark\:border-amber-600 { border-color: #d97706 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-600:hover,
html.dark .dark\:hover\:bg-amber-600:hover { background-color: #d97706 !important; }
.dark .dark\:hover\:text-amber-600:hover,
html.dark .dark\:hover\:text-amber-600:hover { color: #d97706 !important; }
.dark .dark\:hover\:border-amber-600:hover,
html.dark .dark\:hover\:border-amber-600:hover { border-color: #d97706 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-600,
html.dark .group:hover .dark\:group-hover\:text-amber-600 { color: #d97706 !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-600,
html.dark .group:hover .dark\:group-hover\:bg-amber-600 { background-color: #d97706 !important; }

.bg-amber-600\/10 { background-color: rgba(217, 119, 6, 0.1) !important; }
.text-amber-600\/10 { color: rgba(217, 119, 6, 0.1) !important; }
.border-amber-600\/10 { border-color: rgba(217, 119, 6, 0.1) !important; }

.hover\:bg-amber-600\/10:hover { background-color: rgba(217, 119, 6, 0.1) !important; }
.hover\:text-amber-600\/10:hover { color: rgba(217, 119, 6, 0.1) !important; }
.hover\:border-amber-600\/10:hover { border-color: rgba(217, 119, 6, 0.1) !important; }

.dark .dark\:bg-amber-600\/10,
html.dark .dark\:bg-amber-600\/10 { background-color: rgba(217, 119, 6, 0.1) !important; }
.dark .dark\:text-amber-600\/10,
html.dark .dark\:text-amber-600\/10 { color: rgba(217, 119, 6, 0.1) !important; }
.dark .dark\:border-amber-600\/10,
html.dark .dark\:border-amber-600\/10 { border-color: rgba(217, 119, 6, 0.1) !important; }

.dark .dark\:hover\:bg-amber-600\/10:hover,
html.dark .dark\:hover\:bg-amber-600\/10:hover { background-color: rgba(217, 119, 6, 0.1) !important; }
.dark .dark\:hover\:text-amber-600\/10:hover,
html.dark .dark\:hover\:text-amber-600\/10:hover { color: rgba(217, 119, 6, 0.1) !important; }
.dark .dark\:hover\:border-amber-600\/10:hover,
html.dark .dark\:hover\:border-amber-600\/10:hover { border-color: rgba(217, 119, 6, 0.1) !important; }

.bg-amber-600\/20 { background-color: rgba(217, 119, 6, 0.2) !important; }
.text-amber-600\/20 { color: rgba(217, 119, 6, 0.2) !important; }
.border-amber-600\/20 { border-color: rgba(217, 119, 6, 0.2) !important; }

.hover\:bg-amber-600\/20:hover { background-color: rgba(217, 119, 6, 0.2) !important; }
.hover\:text-amber-600\/20:hover { color: rgba(217, 119, 6, 0.2) !important; }
.hover\:border-amber-600\/20:hover { border-color: rgba(217, 119, 6, 0.2) !important; }

.dark .dark\:bg-amber-600\/20,
html.dark .dark\:bg-amber-600\/20 { background-color: rgba(217, 119, 6, 0.2) !important; }
.dark .dark\:text-amber-600\/20,
html.dark .dark\:text-amber-600\/20 { color: rgba(217, 119, 6, 0.2) !important; }
.dark .dark\:border-amber-600\/20,
html.dark .dark\:border-amber-600\/20 { border-color: rgba(217, 119, 6, 0.2) !important; }

.dark .dark\:hover\:bg-amber-600\/20:hover,
html.dark .dark\:hover\:bg-amber-600\/20:hover { background-color: rgba(217, 119, 6, 0.2) !important; }
.dark .dark\:hover\:text-amber-600\/20:hover,
html.dark .dark\:hover\:text-amber-600\/20:hover { color: rgba(217, 119, 6, 0.2) !important; }
.dark .dark\:hover\:border-amber-600\/20:hover,
html.dark .dark\:hover\:border-amber-600\/20:hover { border-color: rgba(217, 119, 6, 0.2) !important; }

.bg-amber-600\/25 { background-color: rgba(217, 119, 6, 0.25) !important; }
.text-amber-600\/25 { color: rgba(217, 119, 6, 0.25) !important; }
.border-amber-600\/25 { border-color: rgba(217, 119, 6, 0.25) !important; }

.hover\:bg-amber-600\/25:hover { background-color: rgba(217, 119, 6, 0.25) !important; }
.hover\:text-amber-600\/25:hover { color: rgba(217, 119, 6, 0.25) !important; }
.hover\:border-amber-600\/25:hover { border-color: rgba(217, 119, 6, 0.25) !important; }

.dark .dark\:bg-amber-600\/25,
html.dark .dark\:bg-amber-600\/25 { background-color: rgba(217, 119, 6, 0.25) !important; }
.dark .dark\:text-amber-600\/25,
html.dark .dark\:text-amber-600\/25 { color: rgba(217, 119, 6, 0.25) !important; }
.dark .dark\:border-amber-600\/25,
html.dark .dark\:border-amber-600\/25 { border-color: rgba(217, 119, 6, 0.25) !important; }

.dark .dark\:hover\:bg-amber-600\/25:hover,
html.dark .dark\:hover\:bg-amber-600\/25:hover { background-color: rgba(217, 119, 6, 0.25) !important; }
.dark .dark\:hover\:text-amber-600\/25:hover,
html.dark .dark\:hover\:text-amber-600\/25:hover { color: rgba(217, 119, 6, 0.25) !important; }
.dark .dark\:hover\:border-amber-600\/25:hover,
html.dark .dark\:hover\:border-amber-600\/25:hover { border-color: rgba(217, 119, 6, 0.25) !important; }

.bg-amber-600\/30 { background-color: rgba(217, 119, 6, 0.3) !important; }
.text-amber-600\/30 { color: rgba(217, 119, 6, 0.3) !important; }
.border-amber-600\/30 { border-color: rgba(217, 119, 6, 0.3) !important; }

.hover\:bg-amber-600\/30:hover { background-color: rgba(217, 119, 6, 0.3) !important; }
.hover\:text-amber-600\/30:hover { color: rgba(217, 119, 6, 0.3) !important; }
.hover\:border-amber-600\/30:hover { border-color: rgba(217, 119, 6, 0.3) !important; }

.dark .dark\:bg-amber-600\/30,
html.dark .dark\:bg-amber-600\/30 { background-color: rgba(217, 119, 6, 0.3) !important; }
.dark .dark\:text-amber-600\/30,
html.dark .dark\:text-amber-600\/30 { color: rgba(217, 119, 6, 0.3) !important; }
.dark .dark\:border-amber-600\/30,
html.dark .dark\:border-amber-600\/30 { border-color: rgba(217, 119, 6, 0.3) !important; }

.dark .dark\:hover\:bg-amber-600\/30:hover,
html.dark .dark\:hover\:bg-amber-600\/30:hover { background-color: rgba(217, 119, 6, 0.3) !important; }
.dark .dark\:hover\:text-amber-600\/30:hover,
html.dark .dark\:hover\:text-amber-600\/30:hover { color: rgba(217, 119, 6, 0.3) !important; }
.dark .dark\:hover\:border-amber-600\/30:hover,
html.dark .dark\:hover\:border-amber-600\/30:hover { border-color: rgba(217, 119, 6, 0.3) !important; }

.bg-amber-600\/40 { background-color: rgba(217, 119, 6, 0.4) !important; }
.text-amber-600\/40 { color: rgba(217, 119, 6, 0.4) !important; }
.border-amber-600\/40 { border-color: rgba(217, 119, 6, 0.4) !important; }

.hover\:bg-amber-600\/40:hover { background-color: rgba(217, 119, 6, 0.4) !important; }
.hover\:text-amber-600\/40:hover { color: rgba(217, 119, 6, 0.4) !important; }
.hover\:border-amber-600\/40:hover { border-color: rgba(217, 119, 6, 0.4) !important; }

.dark .dark\:bg-amber-600\/40,
html.dark .dark\:bg-amber-600\/40 { background-color: rgba(217, 119, 6, 0.4) !important; }
.dark .dark\:text-amber-600\/40,
html.dark .dark\:text-amber-600\/40 { color: rgba(217, 119, 6, 0.4) !important; }
.dark .dark\:border-amber-600\/40,
html.dark .dark\:border-amber-600\/40 { border-color: rgba(217, 119, 6, 0.4) !important; }

.dark .dark\:hover\:bg-amber-600\/40:hover,
html.dark .dark\:hover\:bg-amber-600\/40:hover { background-color: rgba(217, 119, 6, 0.4) !important; }
.dark .dark\:hover\:text-amber-600\/40:hover,
html.dark .dark\:hover\:text-amber-600\/40:hover { color: rgba(217, 119, 6, 0.4) !important; }
.dark .dark\:hover\:border-amber-600\/40:hover,
html.dark .dark\:hover\:border-amber-600\/40:hover { border-color: rgba(217, 119, 6, 0.4) !important; }

.bg-amber-600\/50 { background-color: rgba(217, 119, 6, 0.5) !important; }
.text-amber-600\/50 { color: rgba(217, 119, 6, 0.5) !important; }
.border-amber-600\/50 { border-color: rgba(217, 119, 6, 0.5) !important; }

.hover\:bg-amber-600\/50:hover { background-color: rgba(217, 119, 6, 0.5) !important; }
.hover\:text-amber-600\/50:hover { color: rgba(217, 119, 6, 0.5) !important; }
.hover\:border-amber-600\/50:hover { border-color: rgba(217, 119, 6, 0.5) !important; }

.dark .dark\:bg-amber-600\/50,
html.dark .dark\:bg-amber-600\/50 { background-color: rgba(217, 119, 6, 0.5) !important; }
.dark .dark\:text-amber-600\/50,
html.dark .dark\:text-amber-600\/50 { color: rgba(217, 119, 6, 0.5) !important; }
.dark .dark\:border-amber-600\/50,
html.dark .dark\:border-amber-600\/50 { border-color: rgba(217, 119, 6, 0.5) !important; }

.dark .dark\:hover\:bg-amber-600\/50:hover,
html.dark .dark\:hover\:bg-amber-600\/50:hover { background-color: rgba(217, 119, 6, 0.5) !important; }
.dark .dark\:hover\:text-amber-600\/50:hover,
html.dark .dark\:hover\:text-amber-600\/50:hover { color: rgba(217, 119, 6, 0.5) !important; }
.dark .dark\:hover\:border-amber-600\/50:hover,
html.dark .dark\:hover\:border-amber-600\/50:hover { border-color: rgba(217, 119, 6, 0.5) !important; }

.bg-amber-600\/60 { background-color: rgba(217, 119, 6, 0.6) !important; }
.text-amber-600\/60 { color: rgba(217, 119, 6, 0.6) !important; }
.border-amber-600\/60 { border-color: rgba(217, 119, 6, 0.6) !important; }

.hover\:bg-amber-600\/60:hover { background-color: rgba(217, 119, 6, 0.6) !important; }
.hover\:text-amber-600\/60:hover { color: rgba(217, 119, 6, 0.6) !important; }
.hover\:border-amber-600\/60:hover { border-color: rgba(217, 119, 6, 0.6) !important; }

.dark .dark\:bg-amber-600\/60,
html.dark .dark\:bg-amber-600\/60 { background-color: rgba(217, 119, 6, 0.6) !important; }
.dark .dark\:text-amber-600\/60,
html.dark .dark\:text-amber-600\/60 { color: rgba(217, 119, 6, 0.6) !important; }
.dark .dark\:border-amber-600\/60,
html.dark .dark\:border-amber-600\/60 { border-color: rgba(217, 119, 6, 0.6) !important; }

.dark .dark\:hover\:bg-amber-600\/60:hover,
html.dark .dark\:hover\:bg-amber-600\/60:hover { background-color: rgba(217, 119, 6, 0.6) !important; }
.dark .dark\:hover\:text-amber-600\/60:hover,
html.dark .dark\:hover\:text-amber-600\/60:hover { color: rgba(217, 119, 6, 0.6) !important; }
.dark .dark\:hover\:border-amber-600\/60:hover,
html.dark .dark\:hover\:border-amber-600\/60:hover { border-color: rgba(217, 119, 6, 0.6) !important; }

.bg-amber-600\/70 { background-color: rgba(217, 119, 6, 0.7) !important; }
.text-amber-600\/70 { color: rgba(217, 119, 6, 0.7) !important; }
.border-amber-600\/70 { border-color: rgba(217, 119, 6, 0.7) !important; }

.hover\:bg-amber-600\/70:hover { background-color: rgba(217, 119, 6, 0.7) !important; }
.hover\:text-amber-600\/70:hover { color: rgba(217, 119, 6, 0.7) !important; }
.hover\:border-amber-600\/70:hover { border-color: rgba(217, 119, 6, 0.7) !important; }

.dark .dark\:bg-amber-600\/70,
html.dark .dark\:bg-amber-600\/70 { background-color: rgba(217, 119, 6, 0.7) !important; }
.dark .dark\:text-amber-600\/70,
html.dark .dark\:text-amber-600\/70 { color: rgba(217, 119, 6, 0.7) !important; }
.dark .dark\:border-amber-600\/70,
html.dark .dark\:border-amber-600\/70 { border-color: rgba(217, 119, 6, 0.7) !important; }

.dark .dark\:hover\:bg-amber-600\/70:hover,
html.dark .dark\:hover\:bg-amber-600\/70:hover { background-color: rgba(217, 119, 6, 0.7) !important; }
.dark .dark\:hover\:text-amber-600\/70:hover,
html.dark .dark\:hover\:text-amber-600\/70:hover { color: rgba(217, 119, 6, 0.7) !important; }
.dark .dark\:hover\:border-amber-600\/70:hover,
html.dark .dark\:hover\:border-amber-600\/70:hover { border-color: rgba(217, 119, 6, 0.7) !important; }

.bg-amber-600\/75 { background-color: rgba(217, 119, 6, 0.75) !important; }
.text-amber-600\/75 { color: rgba(217, 119, 6, 0.75) !important; }
.border-amber-600\/75 { border-color: rgba(217, 119, 6, 0.75) !important; }

.hover\:bg-amber-600\/75:hover { background-color: rgba(217, 119, 6, 0.75) !important; }
.hover\:text-amber-600\/75:hover { color: rgba(217, 119, 6, 0.75) !important; }
.hover\:border-amber-600\/75:hover { border-color: rgba(217, 119, 6, 0.75) !important; }

.dark .dark\:bg-amber-600\/75,
html.dark .dark\:bg-amber-600\/75 { background-color: rgba(217, 119, 6, 0.75) !important; }
.dark .dark\:text-amber-600\/75,
html.dark .dark\:text-amber-600\/75 { color: rgba(217, 119, 6, 0.75) !important; }
.dark .dark\:border-amber-600\/75,
html.dark .dark\:border-amber-600\/75 { border-color: rgba(217, 119, 6, 0.75) !important; }

.dark .dark\:hover\:bg-amber-600\/75:hover,
html.dark .dark\:hover\:bg-amber-600\/75:hover { background-color: rgba(217, 119, 6, 0.75) !important; }
.dark .dark\:hover\:text-amber-600\/75:hover,
html.dark .dark\:hover\:text-amber-600\/75:hover { color: rgba(217, 119, 6, 0.75) !important; }
.dark .dark\:hover\:border-amber-600\/75:hover,
html.dark .dark\:hover\:border-amber-600\/75:hover { border-color: rgba(217, 119, 6, 0.75) !important; }

.bg-amber-600\/80 { background-color: rgba(217, 119, 6, 0.8) !important; }
.text-amber-600\/80 { color: rgba(217, 119, 6, 0.8) !important; }
.border-amber-600\/80 { border-color: rgba(217, 119, 6, 0.8) !important; }

.hover\:bg-amber-600\/80:hover { background-color: rgba(217, 119, 6, 0.8) !important; }
.hover\:text-amber-600\/80:hover { color: rgba(217, 119, 6, 0.8) !important; }
.hover\:border-amber-600\/80:hover { border-color: rgba(217, 119, 6, 0.8) !important; }

.dark .dark\:bg-amber-600\/80,
html.dark .dark\:bg-amber-600\/80 { background-color: rgba(217, 119, 6, 0.8) !important; }
.dark .dark\:text-amber-600\/80,
html.dark .dark\:text-amber-600\/80 { color: rgba(217, 119, 6, 0.8) !important; }
.dark .dark\:border-amber-600\/80,
html.dark .dark\:border-amber-600\/80 { border-color: rgba(217, 119, 6, 0.8) !important; }

.dark .dark\:hover\:bg-amber-600\/80:hover,
html.dark .dark\:hover\:bg-amber-600\/80:hover { background-color: rgba(217, 119, 6, 0.8) !important; }
.dark .dark\:hover\:text-amber-600\/80:hover,
html.dark .dark\:hover\:text-amber-600\/80:hover { color: rgba(217, 119, 6, 0.8) !important; }
.dark .dark\:hover\:border-amber-600\/80:hover,
html.dark .dark\:hover\:border-amber-600\/80:hover { border-color: rgba(217, 119, 6, 0.8) !important; }

.bg-amber-600\/90 { background-color: rgba(217, 119, 6, 0.9) !important; }
.text-amber-600\/90 { color: rgba(217, 119, 6, 0.9) !important; }
.border-amber-600\/90 { border-color: rgba(217, 119, 6, 0.9) !important; }

.hover\:bg-amber-600\/90:hover { background-color: rgba(217, 119, 6, 0.9) !important; }
.hover\:text-amber-600\/90:hover { color: rgba(217, 119, 6, 0.9) !important; }
.hover\:border-amber-600\/90:hover { border-color: rgba(217, 119, 6, 0.9) !important; }

.dark .dark\:bg-amber-600\/90,
html.dark .dark\:bg-amber-600\/90 { background-color: rgba(217, 119, 6, 0.9) !important; }
.dark .dark\:text-amber-600\/90,
html.dark .dark\:text-amber-600\/90 { color: rgba(217, 119, 6, 0.9) !important; }
.dark .dark\:border-amber-600\/90,
html.dark .dark\:border-amber-600\/90 { border-color: rgba(217, 119, 6, 0.9) !important; }

.dark .dark\:hover\:bg-amber-600\/90:hover,
html.dark .dark\:hover\:bg-amber-600\/90:hover { background-color: rgba(217, 119, 6, 0.9) !important; }
.dark .dark\:hover\:text-amber-600\/90:hover,
html.dark .dark\:hover\:text-amber-600\/90:hover { color: rgba(217, 119, 6, 0.9) !important; }
.dark .dark\:hover\:border-amber-600\/90:hover,
html.dark .dark\:hover\:border-amber-600\/90:hover { border-color: rgba(217, 119, 6, 0.9) !important; }

.bg-amber-600\/95 { background-color: rgba(217, 119, 6, 0.95) !important; }
.text-amber-600\/95 { color: rgba(217, 119, 6, 0.95) !important; }
.border-amber-600\/95 { border-color: rgba(217, 119, 6, 0.95) !important; }

.hover\:bg-amber-600\/95:hover { background-color: rgba(217, 119, 6, 0.95) !important; }
.hover\:text-amber-600\/95:hover { color: rgba(217, 119, 6, 0.95) !important; }
.hover\:border-amber-600\/95:hover { border-color: rgba(217, 119, 6, 0.95) !important; }

.dark .dark\:bg-amber-600\/95,
html.dark .dark\:bg-amber-600\/95 { background-color: rgba(217, 119, 6, 0.95) !important; }
.dark .dark\:text-amber-600\/95,
html.dark .dark\:text-amber-600\/95 { color: rgba(217, 119, 6, 0.95) !important; }
.dark .dark\:border-amber-600\/95,
html.dark .dark\:border-amber-600\/95 { border-color: rgba(217, 119, 6, 0.95) !important; }

.dark .dark\:hover\:bg-amber-600\/95:hover,
html.dark .dark\:hover\:bg-amber-600\/95:hover { background-color: rgba(217, 119, 6, 0.95) !important; }
.dark .dark\:hover\:text-amber-600\/95:hover,
html.dark .dark\:hover\:text-amber-600\/95:hover { color: rgba(217, 119, 6, 0.95) !important; }
.dark .dark\:hover\:border-amber-600\/95:hover,
html.dark .dark\:hover\:border-amber-600\/95:hover { border-color: rgba(217, 119, 6, 0.95) !important; }

.bg-amber-700 { background-color: #b45309 !important; }
.text-amber-700 { color: #b45309 !important; }
.border-amber-700 { border-color: #b45309 !important; }
.fill-amber-700 { fill: #b45309 !important; }
.stroke-amber-700 { stroke: #b45309 !important; }

/* Hover states */
.hover\:bg-amber-700:hover { background-color: #b45309 !important; }
.hover\:text-amber-700:hover { color: #b45309 !important; }
.hover\:border-amber-700:hover { border-color: #b45309 !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-700,
html.dark .dark\:bg-amber-700 { background-color: #b45309 !important; }
.dark .dark\:text-amber-700,
html.dark .dark\:text-amber-700 { color: #b45309 !important; }
.dark .dark\:border-amber-700,
html.dark .dark\:border-amber-700 { border-color: #b45309 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-700:hover,
html.dark .dark\:hover\:bg-amber-700:hover { background-color: #b45309 !important; }
.dark .dark\:hover\:text-amber-700:hover,
html.dark .dark\:hover\:text-amber-700:hover { color: #b45309 !important; }
.dark .dark\:hover\:border-amber-700:hover,
html.dark .dark\:hover\:border-amber-700:hover { border-color: #b45309 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-700,
html.dark .group:hover .dark\:group-hover\:text-amber-700 { color: #b45309 !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-700,
html.dark .group:hover .dark\:group-hover\:bg-amber-700 { background-color: #b45309 !important; }

.bg-amber-700\/10 { background-color: rgba(180, 83, 9, 0.1) !important; }
.text-amber-700\/10 { color: rgba(180, 83, 9, 0.1) !important; }
.border-amber-700\/10 { border-color: rgba(180, 83, 9, 0.1) !important; }

.hover\:bg-amber-700\/10:hover { background-color: rgba(180, 83, 9, 0.1) !important; }
.hover\:text-amber-700\/10:hover { color: rgba(180, 83, 9, 0.1) !important; }
.hover\:border-amber-700\/10:hover { border-color: rgba(180, 83, 9, 0.1) !important; }

.dark .dark\:bg-amber-700\/10,
html.dark .dark\:bg-amber-700\/10 { background-color: rgba(180, 83, 9, 0.1) !important; }
.dark .dark\:text-amber-700\/10,
html.dark .dark\:text-amber-700\/10 { color: rgba(180, 83, 9, 0.1) !important; }
.dark .dark\:border-amber-700\/10,
html.dark .dark\:border-amber-700\/10 { border-color: rgba(180, 83, 9, 0.1) !important; }

.dark .dark\:hover\:bg-amber-700\/10:hover,
html.dark .dark\:hover\:bg-amber-700\/10:hover { background-color: rgba(180, 83, 9, 0.1) !important; }
.dark .dark\:hover\:text-amber-700\/10:hover,
html.dark .dark\:hover\:text-amber-700\/10:hover { color: rgba(180, 83, 9, 0.1) !important; }
.dark .dark\:hover\:border-amber-700\/10:hover,
html.dark .dark\:hover\:border-amber-700\/10:hover { border-color: rgba(180, 83, 9, 0.1) !important; }

.bg-amber-700\/20 { background-color: rgba(180, 83, 9, 0.2) !important; }
.text-amber-700\/20 { color: rgba(180, 83, 9, 0.2) !important; }
.border-amber-700\/20 { border-color: rgba(180, 83, 9, 0.2) !important; }

.hover\:bg-amber-700\/20:hover { background-color: rgba(180, 83, 9, 0.2) !important; }
.hover\:text-amber-700\/20:hover { color: rgba(180, 83, 9, 0.2) !important; }
.hover\:border-amber-700\/20:hover { border-color: rgba(180, 83, 9, 0.2) !important; }

.dark .dark\:bg-amber-700\/20,
html.dark .dark\:bg-amber-700\/20 { background-color: rgba(180, 83, 9, 0.2) !important; }
.dark .dark\:text-amber-700\/20,
html.dark .dark\:text-amber-700\/20 { color: rgba(180, 83, 9, 0.2) !important; }
.dark .dark\:border-amber-700\/20,
html.dark .dark\:border-amber-700\/20 { border-color: rgba(180, 83, 9, 0.2) !important; }

.dark .dark\:hover\:bg-amber-700\/20:hover,
html.dark .dark\:hover\:bg-amber-700\/20:hover { background-color: rgba(180, 83, 9, 0.2) !important; }
.dark .dark\:hover\:text-amber-700\/20:hover,
html.dark .dark\:hover\:text-amber-700\/20:hover { color: rgba(180, 83, 9, 0.2) !important; }
.dark .dark\:hover\:border-amber-700\/20:hover,
html.dark .dark\:hover\:border-amber-700\/20:hover { border-color: rgba(180, 83, 9, 0.2) !important; }

.bg-amber-700\/25 { background-color: rgba(180, 83, 9, 0.25) !important; }
.text-amber-700\/25 { color: rgba(180, 83, 9, 0.25) !important; }
.border-amber-700\/25 { border-color: rgba(180, 83, 9, 0.25) !important; }

.hover\:bg-amber-700\/25:hover { background-color: rgba(180, 83, 9, 0.25) !important; }
.hover\:text-amber-700\/25:hover { color: rgba(180, 83, 9, 0.25) !important; }
.hover\:border-amber-700\/25:hover { border-color: rgba(180, 83, 9, 0.25) !important; }

.dark .dark\:bg-amber-700\/25,
html.dark .dark\:bg-amber-700\/25 { background-color: rgba(180, 83, 9, 0.25) !important; }
.dark .dark\:text-amber-700\/25,
html.dark .dark\:text-amber-700\/25 { color: rgba(180, 83, 9, 0.25) !important; }
.dark .dark\:border-amber-700\/25,
html.dark .dark\:border-amber-700\/25 { border-color: rgba(180, 83, 9, 0.25) !important; }

.dark .dark\:hover\:bg-amber-700\/25:hover,
html.dark .dark\:hover\:bg-amber-700\/25:hover { background-color: rgba(180, 83, 9, 0.25) !important; }
.dark .dark\:hover\:text-amber-700\/25:hover,
html.dark .dark\:hover\:text-amber-700\/25:hover { color: rgba(180, 83, 9, 0.25) !important; }
.dark .dark\:hover\:border-amber-700\/25:hover,
html.dark .dark\:hover\:border-amber-700\/25:hover { border-color: rgba(180, 83, 9, 0.25) !important; }

.bg-amber-700\/30 { background-color: rgba(180, 83, 9, 0.3) !important; }
.text-amber-700\/30 { color: rgba(180, 83, 9, 0.3) !important; }
.border-amber-700\/30 { border-color: rgba(180, 83, 9, 0.3) !important; }

.hover\:bg-amber-700\/30:hover { background-color: rgba(180, 83, 9, 0.3) !important; }
.hover\:text-amber-700\/30:hover { color: rgba(180, 83, 9, 0.3) !important; }
.hover\:border-amber-700\/30:hover { border-color: rgba(180, 83, 9, 0.3) !important; }

.dark .dark\:bg-amber-700\/30,
html.dark .dark\:bg-amber-700\/30 { background-color: rgba(180, 83, 9, 0.3) !important; }
.dark .dark\:text-amber-700\/30,
html.dark .dark\:text-amber-700\/30 { color: rgba(180, 83, 9, 0.3) !important; }
.dark .dark\:border-amber-700\/30,
html.dark .dark\:border-amber-700\/30 { border-color: rgba(180, 83, 9, 0.3) !important; }

.dark .dark\:hover\:bg-amber-700\/30:hover,
html.dark .dark\:hover\:bg-amber-700\/30:hover { background-color: rgba(180, 83, 9, 0.3) !important; }
.dark .dark\:hover\:text-amber-700\/30:hover,
html.dark .dark\:hover\:text-amber-700\/30:hover { color: rgba(180, 83, 9, 0.3) !important; }
.dark .dark\:hover\:border-amber-700\/30:hover,
html.dark .dark\:hover\:border-amber-700\/30:hover { border-color: rgba(180, 83, 9, 0.3) !important; }

.bg-amber-700\/40 { background-color: rgba(180, 83, 9, 0.4) !important; }
.text-amber-700\/40 { color: rgba(180, 83, 9, 0.4) !important; }
.border-amber-700\/40 { border-color: rgba(180, 83, 9, 0.4) !important; }

.hover\:bg-amber-700\/40:hover { background-color: rgba(180, 83, 9, 0.4) !important; }
.hover\:text-amber-700\/40:hover { color: rgba(180, 83, 9, 0.4) !important; }
.hover\:border-amber-700\/40:hover { border-color: rgba(180, 83, 9, 0.4) !important; }

.dark .dark\:bg-amber-700\/40,
html.dark .dark\:bg-amber-700\/40 { background-color: rgba(180, 83, 9, 0.4) !important; }
.dark .dark\:text-amber-700\/40,
html.dark .dark\:text-amber-700\/40 { color: rgba(180, 83, 9, 0.4) !important; }
.dark .dark\:border-amber-700\/40,
html.dark .dark\:border-amber-700\/40 { border-color: rgba(180, 83, 9, 0.4) !important; }

.dark .dark\:hover\:bg-amber-700\/40:hover,
html.dark .dark\:hover\:bg-amber-700\/40:hover { background-color: rgba(180, 83, 9, 0.4) !important; }
.dark .dark\:hover\:text-amber-700\/40:hover,
html.dark .dark\:hover\:text-amber-700\/40:hover { color: rgba(180, 83, 9, 0.4) !important; }
.dark .dark\:hover\:border-amber-700\/40:hover,
html.dark .dark\:hover\:border-amber-700\/40:hover { border-color: rgba(180, 83, 9, 0.4) !important; }

.bg-amber-700\/50 { background-color: rgba(180, 83, 9, 0.5) !important; }
.text-amber-700\/50 { color: rgba(180, 83, 9, 0.5) !important; }
.border-amber-700\/50 { border-color: rgba(180, 83, 9, 0.5) !important; }

.hover\:bg-amber-700\/50:hover { background-color: rgba(180, 83, 9, 0.5) !important; }
.hover\:text-amber-700\/50:hover { color: rgba(180, 83, 9, 0.5) !important; }
.hover\:border-amber-700\/50:hover { border-color: rgba(180, 83, 9, 0.5) !important; }

.dark .dark\:bg-amber-700\/50,
html.dark .dark\:bg-amber-700\/50 { background-color: rgba(180, 83, 9, 0.5) !important; }
.dark .dark\:text-amber-700\/50,
html.dark .dark\:text-amber-700\/50 { color: rgba(180, 83, 9, 0.5) !important; }
.dark .dark\:border-amber-700\/50,
html.dark .dark\:border-amber-700\/50 { border-color: rgba(180, 83, 9, 0.5) !important; }

.dark .dark\:hover\:bg-amber-700\/50:hover,
html.dark .dark\:hover\:bg-amber-700\/50:hover { background-color: rgba(180, 83, 9, 0.5) !important; }
.dark .dark\:hover\:text-amber-700\/50:hover,
html.dark .dark\:hover\:text-amber-700\/50:hover { color: rgba(180, 83, 9, 0.5) !important; }
.dark .dark\:hover\:border-amber-700\/50:hover,
html.dark .dark\:hover\:border-amber-700\/50:hover { border-color: rgba(180, 83, 9, 0.5) !important; }

.bg-amber-700\/60 { background-color: rgba(180, 83, 9, 0.6) !important; }
.text-amber-700\/60 { color: rgba(180, 83, 9, 0.6) !important; }
.border-amber-700\/60 { border-color: rgba(180, 83, 9, 0.6) !important; }

.hover\:bg-amber-700\/60:hover { background-color: rgba(180, 83, 9, 0.6) !important; }
.hover\:text-amber-700\/60:hover { color: rgba(180, 83, 9, 0.6) !important; }
.hover\:border-amber-700\/60:hover { border-color: rgba(180, 83, 9, 0.6) !important; }

.dark .dark\:bg-amber-700\/60,
html.dark .dark\:bg-amber-700\/60 { background-color: rgba(180, 83, 9, 0.6) !important; }
.dark .dark\:text-amber-700\/60,
html.dark .dark\:text-amber-700\/60 { color: rgba(180, 83, 9, 0.6) !important; }
.dark .dark\:border-amber-700\/60,
html.dark .dark\:border-amber-700\/60 { border-color: rgba(180, 83, 9, 0.6) !important; }

.dark .dark\:hover\:bg-amber-700\/60:hover,
html.dark .dark\:hover\:bg-amber-700\/60:hover { background-color: rgba(180, 83, 9, 0.6) !important; }
.dark .dark\:hover\:text-amber-700\/60:hover,
html.dark .dark\:hover\:text-amber-700\/60:hover { color: rgba(180, 83, 9, 0.6) !important; }
.dark .dark\:hover\:border-amber-700\/60:hover,
html.dark .dark\:hover\:border-amber-700\/60:hover { border-color: rgba(180, 83, 9, 0.6) !important; }

.bg-amber-700\/70 { background-color: rgba(180, 83, 9, 0.7) !important; }
.text-amber-700\/70 { color: rgba(180, 83, 9, 0.7) !important; }
.border-amber-700\/70 { border-color: rgba(180, 83, 9, 0.7) !important; }

.hover\:bg-amber-700\/70:hover { background-color: rgba(180, 83, 9, 0.7) !important; }
.hover\:text-amber-700\/70:hover { color: rgba(180, 83, 9, 0.7) !important; }
.hover\:border-amber-700\/70:hover { border-color: rgba(180, 83, 9, 0.7) !important; }

.dark .dark\:bg-amber-700\/70,
html.dark .dark\:bg-amber-700\/70 { background-color: rgba(180, 83, 9, 0.7) !important; }
.dark .dark\:text-amber-700\/70,
html.dark .dark\:text-amber-700\/70 { color: rgba(180, 83, 9, 0.7) !important; }
.dark .dark\:border-amber-700\/70,
html.dark .dark\:border-amber-700\/70 { border-color: rgba(180, 83, 9, 0.7) !important; }

.dark .dark\:hover\:bg-amber-700\/70:hover,
html.dark .dark\:hover\:bg-amber-700\/70:hover { background-color: rgba(180, 83, 9, 0.7) !important; }
.dark .dark\:hover\:text-amber-700\/70:hover,
html.dark .dark\:hover\:text-amber-700\/70:hover { color: rgba(180, 83, 9, 0.7) !important; }
.dark .dark\:hover\:border-amber-700\/70:hover,
html.dark .dark\:hover\:border-amber-700\/70:hover { border-color: rgba(180, 83, 9, 0.7) !important; }

.bg-amber-700\/75 { background-color: rgba(180, 83, 9, 0.75) !important; }
.text-amber-700\/75 { color: rgba(180, 83, 9, 0.75) !important; }
.border-amber-700\/75 { border-color: rgba(180, 83, 9, 0.75) !important; }

.hover\:bg-amber-700\/75:hover { background-color: rgba(180, 83, 9, 0.75) !important; }
.hover\:text-amber-700\/75:hover { color: rgba(180, 83, 9, 0.75) !important; }
.hover\:border-amber-700\/75:hover { border-color: rgba(180, 83, 9, 0.75) !important; }

.dark .dark\:bg-amber-700\/75,
html.dark .dark\:bg-amber-700\/75 { background-color: rgba(180, 83, 9, 0.75) !important; }
.dark .dark\:text-amber-700\/75,
html.dark .dark\:text-amber-700\/75 { color: rgba(180, 83, 9, 0.75) !important; }
.dark .dark\:border-amber-700\/75,
html.dark .dark\:border-amber-700\/75 { border-color: rgba(180, 83, 9, 0.75) !important; }

.dark .dark\:hover\:bg-amber-700\/75:hover,
html.dark .dark\:hover\:bg-amber-700\/75:hover { background-color: rgba(180, 83, 9, 0.75) !important; }
.dark .dark\:hover\:text-amber-700\/75:hover,
html.dark .dark\:hover\:text-amber-700\/75:hover { color: rgba(180, 83, 9, 0.75) !important; }
.dark .dark\:hover\:border-amber-700\/75:hover,
html.dark .dark\:hover\:border-amber-700\/75:hover { border-color: rgba(180, 83, 9, 0.75) !important; }

.bg-amber-700\/80 { background-color: rgba(180, 83, 9, 0.8) !important; }
.text-amber-700\/80 { color: rgba(180, 83, 9, 0.8) !important; }
.border-amber-700\/80 { border-color: rgba(180, 83, 9, 0.8) !important; }

.hover\:bg-amber-700\/80:hover { background-color: rgba(180, 83, 9, 0.8) !important; }
.hover\:text-amber-700\/80:hover { color: rgba(180, 83, 9, 0.8) !important; }
.hover\:border-amber-700\/80:hover { border-color: rgba(180, 83, 9, 0.8) !important; }

.dark .dark\:bg-amber-700\/80,
html.dark .dark\:bg-amber-700\/80 { background-color: rgba(180, 83, 9, 0.8) !important; }
.dark .dark\:text-amber-700\/80,
html.dark .dark\:text-amber-700\/80 { color: rgba(180, 83, 9, 0.8) !important; }
.dark .dark\:border-amber-700\/80,
html.dark .dark\:border-amber-700\/80 { border-color: rgba(180, 83, 9, 0.8) !important; }

.dark .dark\:hover\:bg-amber-700\/80:hover,
html.dark .dark\:hover\:bg-amber-700\/80:hover { background-color: rgba(180, 83, 9, 0.8) !important; }
.dark .dark\:hover\:text-amber-700\/80:hover,
html.dark .dark\:hover\:text-amber-700\/80:hover { color: rgba(180, 83, 9, 0.8) !important; }
.dark .dark\:hover\:border-amber-700\/80:hover,
html.dark .dark\:hover\:border-amber-700\/80:hover { border-color: rgba(180, 83, 9, 0.8) !important; }

.bg-amber-700\/90 { background-color: rgba(180, 83, 9, 0.9) !important; }
.text-amber-700\/90 { color: rgba(180, 83, 9, 0.9) !important; }
.border-amber-700\/90 { border-color: rgba(180, 83, 9, 0.9) !important; }

.hover\:bg-amber-700\/90:hover { background-color: rgba(180, 83, 9, 0.9) !important; }
.hover\:text-amber-700\/90:hover { color: rgba(180, 83, 9, 0.9) !important; }
.hover\:border-amber-700\/90:hover { border-color: rgba(180, 83, 9, 0.9) !important; }

.dark .dark\:bg-amber-700\/90,
html.dark .dark\:bg-amber-700\/90 { background-color: rgba(180, 83, 9, 0.9) !important; }
.dark .dark\:text-amber-700\/90,
html.dark .dark\:text-amber-700\/90 { color: rgba(180, 83, 9, 0.9) !important; }
.dark .dark\:border-amber-700\/90,
html.dark .dark\:border-amber-700\/90 { border-color: rgba(180, 83, 9, 0.9) !important; }

.dark .dark\:hover\:bg-amber-700\/90:hover,
html.dark .dark\:hover\:bg-amber-700\/90:hover { background-color: rgba(180, 83, 9, 0.9) !important; }
.dark .dark\:hover\:text-amber-700\/90:hover,
html.dark .dark\:hover\:text-amber-700\/90:hover { color: rgba(180, 83, 9, 0.9) !important; }
.dark .dark\:hover\:border-amber-700\/90:hover,
html.dark .dark\:hover\:border-amber-700\/90:hover { border-color: rgba(180, 83, 9, 0.9) !important; }

.bg-amber-700\/95 { background-color: rgba(180, 83, 9, 0.95) !important; }
.text-amber-700\/95 { color: rgba(180, 83, 9, 0.95) !important; }
.border-amber-700\/95 { border-color: rgba(180, 83, 9, 0.95) !important; }

.hover\:bg-amber-700\/95:hover { background-color: rgba(180, 83, 9, 0.95) !important; }
.hover\:text-amber-700\/95:hover { color: rgba(180, 83, 9, 0.95) !important; }
.hover\:border-amber-700\/95:hover { border-color: rgba(180, 83, 9, 0.95) !important; }

.dark .dark\:bg-amber-700\/95,
html.dark .dark\:bg-amber-700\/95 { background-color: rgba(180, 83, 9, 0.95) !important; }
.dark .dark\:text-amber-700\/95,
html.dark .dark\:text-amber-700\/95 { color: rgba(180, 83, 9, 0.95) !important; }
.dark .dark\:border-amber-700\/95,
html.dark .dark\:border-amber-700\/95 { border-color: rgba(180, 83, 9, 0.95) !important; }

.dark .dark\:hover\:bg-amber-700\/95:hover,
html.dark .dark\:hover\:bg-amber-700\/95:hover { background-color: rgba(180, 83, 9, 0.95) !important; }
.dark .dark\:hover\:text-amber-700\/95:hover,
html.dark .dark\:hover\:text-amber-700\/95:hover { color: rgba(180, 83, 9, 0.95) !important; }
.dark .dark\:hover\:border-amber-700\/95:hover,
html.dark .dark\:hover\:border-amber-700\/95:hover { border-color: rgba(180, 83, 9, 0.95) !important; }

.bg-amber-800 { background-color: #92400e !important; }
.text-amber-800 { color: #92400e !important; }
.border-amber-800 { border-color: #92400e !important; }
.fill-amber-800 { fill: #92400e !important; }
.stroke-amber-800 { stroke: #92400e !important; }

/* Hover states */
.hover\:bg-amber-800:hover { background-color: #92400e !important; }
.hover\:text-amber-800:hover { color: #92400e !important; }
.hover\:border-amber-800:hover { border-color: #92400e !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-800,
html.dark .dark\:bg-amber-800 { background-color: #92400e !important; }
.dark .dark\:text-amber-800,
html.dark .dark\:text-amber-800 { color: #92400e !important; }
.dark .dark\:border-amber-800,
html.dark .dark\:border-amber-800 { border-color: #92400e !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-800:hover,
html.dark .dark\:hover\:bg-amber-800:hover { background-color: #92400e !important; }
.dark .dark\:hover\:text-amber-800:hover,
html.dark .dark\:hover\:text-amber-800:hover { color: #92400e !important; }
.dark .dark\:hover\:border-amber-800:hover,
html.dark .dark\:hover\:border-amber-800:hover { border-color: #92400e !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-800,
html.dark .group:hover .dark\:group-hover\:text-amber-800 { color: #92400e !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-800,
html.dark .group:hover .dark\:group-hover\:bg-amber-800 { background-color: #92400e !important; }

.bg-amber-800\/10 { background-color: rgba(146, 64, 14, 0.1) !important; }
.text-amber-800\/10 { color: rgba(146, 64, 14, 0.1) !important; }
.border-amber-800\/10 { border-color: rgba(146, 64, 14, 0.1) !important; }

.hover\:bg-amber-800\/10:hover { background-color: rgba(146, 64, 14, 0.1) !important; }
.hover\:text-amber-800\/10:hover { color: rgba(146, 64, 14, 0.1) !important; }
.hover\:border-amber-800\/10:hover { border-color: rgba(146, 64, 14, 0.1) !important; }

.dark .dark\:bg-amber-800\/10,
html.dark .dark\:bg-amber-800\/10 { background-color: rgba(146, 64, 14, 0.1) !important; }
.dark .dark\:text-amber-800\/10,
html.dark .dark\:text-amber-800\/10 { color: rgba(146, 64, 14, 0.1) !important; }
.dark .dark\:border-amber-800\/10,
html.dark .dark\:border-amber-800\/10 { border-color: rgba(146, 64, 14, 0.1) !important; }

.dark .dark\:hover\:bg-amber-800\/10:hover,
html.dark .dark\:hover\:bg-amber-800\/10:hover { background-color: rgba(146, 64, 14, 0.1) !important; }
.dark .dark\:hover\:text-amber-800\/10:hover,
html.dark .dark\:hover\:text-amber-800\/10:hover { color: rgba(146, 64, 14, 0.1) !important; }
.dark .dark\:hover\:border-amber-800\/10:hover,
html.dark .dark\:hover\:border-amber-800\/10:hover { border-color: rgba(146, 64, 14, 0.1) !important; }

.bg-amber-800\/20 { background-color: rgba(146, 64, 14, 0.2) !important; }
.text-amber-800\/20 { color: rgba(146, 64, 14, 0.2) !important; }
.border-amber-800\/20 { border-color: rgba(146, 64, 14, 0.2) !important; }

.hover\:bg-amber-800\/20:hover { background-color: rgba(146, 64, 14, 0.2) !important; }
.hover\:text-amber-800\/20:hover { color: rgba(146, 64, 14, 0.2) !important; }
.hover\:border-amber-800\/20:hover { border-color: rgba(146, 64, 14, 0.2) !important; }

.dark .dark\:bg-amber-800\/20,
html.dark .dark\:bg-amber-800\/20 { background-color: rgba(146, 64, 14, 0.2) !important; }
.dark .dark\:text-amber-800\/20,
html.dark .dark\:text-amber-800\/20 { color: rgba(146, 64, 14, 0.2) !important; }
.dark .dark\:border-amber-800\/20,
html.dark .dark\:border-amber-800\/20 { border-color: rgba(146, 64, 14, 0.2) !important; }

.dark .dark\:hover\:bg-amber-800\/20:hover,
html.dark .dark\:hover\:bg-amber-800\/20:hover { background-color: rgba(146, 64, 14, 0.2) !important; }
.dark .dark\:hover\:text-amber-800\/20:hover,
html.dark .dark\:hover\:text-amber-800\/20:hover { color: rgba(146, 64, 14, 0.2) !important; }
.dark .dark\:hover\:border-amber-800\/20:hover,
html.dark .dark\:hover\:border-amber-800\/20:hover { border-color: rgba(146, 64, 14, 0.2) !important; }

.bg-amber-800\/25 { background-color: rgba(146, 64, 14, 0.25) !important; }
.text-amber-800\/25 { color: rgba(146, 64, 14, 0.25) !important; }
.border-amber-800\/25 { border-color: rgba(146, 64, 14, 0.25) !important; }

.hover\:bg-amber-800\/25:hover { background-color: rgba(146, 64, 14, 0.25) !important; }
.hover\:text-amber-800\/25:hover { color: rgba(146, 64, 14, 0.25) !important; }
.hover\:border-amber-800\/25:hover { border-color: rgba(146, 64, 14, 0.25) !important; }

.dark .dark\:bg-amber-800\/25,
html.dark .dark\:bg-amber-800\/25 { background-color: rgba(146, 64, 14, 0.25) !important; }
.dark .dark\:text-amber-800\/25,
html.dark .dark\:text-amber-800\/25 { color: rgba(146, 64, 14, 0.25) !important; }
.dark .dark\:border-amber-800\/25,
html.dark .dark\:border-amber-800\/25 { border-color: rgba(146, 64, 14, 0.25) !important; }

.dark .dark\:hover\:bg-amber-800\/25:hover,
html.dark .dark\:hover\:bg-amber-800\/25:hover { background-color: rgba(146, 64, 14, 0.25) !important; }
.dark .dark\:hover\:text-amber-800\/25:hover,
html.dark .dark\:hover\:text-amber-800\/25:hover { color: rgba(146, 64, 14, 0.25) !important; }
.dark .dark\:hover\:border-amber-800\/25:hover,
html.dark .dark\:hover\:border-amber-800\/25:hover { border-color: rgba(146, 64, 14, 0.25) !important; }

.bg-amber-800\/30 { background-color: rgba(146, 64, 14, 0.3) !important; }
.text-amber-800\/30 { color: rgba(146, 64, 14, 0.3) !important; }
.border-amber-800\/30 { border-color: rgba(146, 64, 14, 0.3) !important; }

.hover\:bg-amber-800\/30:hover { background-color: rgba(146, 64, 14, 0.3) !important; }
.hover\:text-amber-800\/30:hover { color: rgba(146, 64, 14, 0.3) !important; }
.hover\:border-amber-800\/30:hover { border-color: rgba(146, 64, 14, 0.3) !important; }

.dark .dark\:bg-amber-800\/30,
html.dark .dark\:bg-amber-800\/30 { background-color: rgba(146, 64, 14, 0.3) !important; }
.dark .dark\:text-amber-800\/30,
html.dark .dark\:text-amber-800\/30 { color: rgba(146, 64, 14, 0.3) !important; }
.dark .dark\:border-amber-800\/30,
html.dark .dark\:border-amber-800\/30 { border-color: rgba(146, 64, 14, 0.3) !important; }

.dark .dark\:hover\:bg-amber-800\/30:hover,
html.dark .dark\:hover\:bg-amber-800\/30:hover { background-color: rgba(146, 64, 14, 0.3) !important; }
.dark .dark\:hover\:text-amber-800\/30:hover,
html.dark .dark\:hover\:text-amber-800\/30:hover { color: rgba(146, 64, 14, 0.3) !important; }
.dark .dark\:hover\:border-amber-800\/30:hover,
html.dark .dark\:hover\:border-amber-800\/30:hover { border-color: rgba(146, 64, 14, 0.3) !important; }

.bg-amber-800\/40 { background-color: rgba(146, 64, 14, 0.4) !important; }
.text-amber-800\/40 { color: rgba(146, 64, 14, 0.4) !important; }
.border-amber-800\/40 { border-color: rgba(146, 64, 14, 0.4) !important; }

.hover\:bg-amber-800\/40:hover { background-color: rgba(146, 64, 14, 0.4) !important; }
.hover\:text-amber-800\/40:hover { color: rgba(146, 64, 14, 0.4) !important; }
.hover\:border-amber-800\/40:hover { border-color: rgba(146, 64, 14, 0.4) !important; }

.dark .dark\:bg-amber-800\/40,
html.dark .dark\:bg-amber-800\/40 { background-color: rgba(146, 64, 14, 0.4) !important; }
.dark .dark\:text-amber-800\/40,
html.dark .dark\:text-amber-800\/40 { color: rgba(146, 64, 14, 0.4) !important; }
.dark .dark\:border-amber-800\/40,
html.dark .dark\:border-amber-800\/40 { border-color: rgba(146, 64, 14, 0.4) !important; }

.dark .dark\:hover\:bg-amber-800\/40:hover,
html.dark .dark\:hover\:bg-amber-800\/40:hover { background-color: rgba(146, 64, 14, 0.4) !important; }
.dark .dark\:hover\:text-amber-800\/40:hover,
html.dark .dark\:hover\:text-amber-800\/40:hover { color: rgba(146, 64, 14, 0.4) !important; }
.dark .dark\:hover\:border-amber-800\/40:hover,
html.dark .dark\:hover\:border-amber-800\/40:hover { border-color: rgba(146, 64, 14, 0.4) !important; }

.bg-amber-800\/50 { background-color: rgba(146, 64, 14, 0.5) !important; }
.text-amber-800\/50 { color: rgba(146, 64, 14, 0.5) !important; }
.border-amber-800\/50 { border-color: rgba(146, 64, 14, 0.5) !important; }

.hover\:bg-amber-800\/50:hover { background-color: rgba(146, 64, 14, 0.5) !important; }
.hover\:text-amber-800\/50:hover { color: rgba(146, 64, 14, 0.5) !important; }
.hover\:border-amber-800\/50:hover { border-color: rgba(146, 64, 14, 0.5) !important; }

.dark .dark\:bg-amber-800\/50,
html.dark .dark\:bg-amber-800\/50 { background-color: rgba(146, 64, 14, 0.5) !important; }
.dark .dark\:text-amber-800\/50,
html.dark .dark\:text-amber-800\/50 { color: rgba(146, 64, 14, 0.5) !important; }
.dark .dark\:border-amber-800\/50,
html.dark .dark\:border-amber-800\/50 { border-color: rgba(146, 64, 14, 0.5) !important; }

.dark .dark\:hover\:bg-amber-800\/50:hover,
html.dark .dark\:hover\:bg-amber-800\/50:hover { background-color: rgba(146, 64, 14, 0.5) !important; }
.dark .dark\:hover\:text-amber-800\/50:hover,
html.dark .dark\:hover\:text-amber-800\/50:hover { color: rgba(146, 64, 14, 0.5) !important; }
.dark .dark\:hover\:border-amber-800\/50:hover,
html.dark .dark\:hover\:border-amber-800\/50:hover { border-color: rgba(146, 64, 14, 0.5) !important; }

.bg-amber-800\/60 { background-color: rgba(146, 64, 14, 0.6) !important; }
.text-amber-800\/60 { color: rgba(146, 64, 14, 0.6) !important; }
.border-amber-800\/60 { border-color: rgba(146, 64, 14, 0.6) !important; }

.hover\:bg-amber-800\/60:hover { background-color: rgba(146, 64, 14, 0.6) !important; }
.hover\:text-amber-800\/60:hover { color: rgba(146, 64, 14, 0.6) !important; }
.hover\:border-amber-800\/60:hover { border-color: rgba(146, 64, 14, 0.6) !important; }

.dark .dark\:bg-amber-800\/60,
html.dark .dark\:bg-amber-800\/60 { background-color: rgba(146, 64, 14, 0.6) !important; }
.dark .dark\:text-amber-800\/60,
html.dark .dark\:text-amber-800\/60 { color: rgba(146, 64, 14, 0.6) !important; }
.dark .dark\:border-amber-800\/60,
html.dark .dark\:border-amber-800\/60 { border-color: rgba(146, 64, 14, 0.6) !important; }

.dark .dark\:hover\:bg-amber-800\/60:hover,
html.dark .dark\:hover\:bg-amber-800\/60:hover { background-color: rgba(146, 64, 14, 0.6) !important; }
.dark .dark\:hover\:text-amber-800\/60:hover,
html.dark .dark\:hover\:text-amber-800\/60:hover { color: rgba(146, 64, 14, 0.6) !important; }
.dark .dark\:hover\:border-amber-800\/60:hover,
html.dark .dark\:hover\:border-amber-800\/60:hover { border-color: rgba(146, 64, 14, 0.6) !important; }

.bg-amber-800\/70 { background-color: rgba(146, 64, 14, 0.7) !important; }
.text-amber-800\/70 { color: rgba(146, 64, 14, 0.7) !important; }
.border-amber-800\/70 { border-color: rgba(146, 64, 14, 0.7) !important; }

.hover\:bg-amber-800\/70:hover { background-color: rgba(146, 64, 14, 0.7) !important; }
.hover\:text-amber-800\/70:hover { color: rgba(146, 64, 14, 0.7) !important; }
.hover\:border-amber-800\/70:hover { border-color: rgba(146, 64, 14, 0.7) !important; }

.dark .dark\:bg-amber-800\/70,
html.dark .dark\:bg-amber-800\/70 { background-color: rgba(146, 64, 14, 0.7) !important; }
.dark .dark\:text-amber-800\/70,
html.dark .dark\:text-amber-800\/70 { color: rgba(146, 64, 14, 0.7) !important; }
.dark .dark\:border-amber-800\/70,
html.dark .dark\:border-amber-800\/70 { border-color: rgba(146, 64, 14, 0.7) !important; }

.dark .dark\:hover\:bg-amber-800\/70:hover,
html.dark .dark\:hover\:bg-amber-800\/70:hover { background-color: rgba(146, 64, 14, 0.7) !important; }
.dark .dark\:hover\:text-amber-800\/70:hover,
html.dark .dark\:hover\:text-amber-800\/70:hover { color: rgba(146, 64, 14, 0.7) !important; }
.dark .dark\:hover\:border-amber-800\/70:hover,
html.dark .dark\:hover\:border-amber-800\/70:hover { border-color: rgba(146, 64, 14, 0.7) !important; }

.bg-amber-800\/75 { background-color: rgba(146, 64, 14, 0.75) !important; }
.text-amber-800\/75 { color: rgba(146, 64, 14, 0.75) !important; }
.border-amber-800\/75 { border-color: rgba(146, 64, 14, 0.75) !important; }

.hover\:bg-amber-800\/75:hover { background-color: rgba(146, 64, 14, 0.75) !important; }
.hover\:text-amber-800\/75:hover { color: rgba(146, 64, 14, 0.75) !important; }
.hover\:border-amber-800\/75:hover { border-color: rgba(146, 64, 14, 0.75) !important; }

.dark .dark\:bg-amber-800\/75,
html.dark .dark\:bg-amber-800\/75 { background-color: rgba(146, 64, 14, 0.75) !important; }
.dark .dark\:text-amber-800\/75,
html.dark .dark\:text-amber-800\/75 { color: rgba(146, 64, 14, 0.75) !important; }
.dark .dark\:border-amber-800\/75,
html.dark .dark\:border-amber-800\/75 { border-color: rgba(146, 64, 14, 0.75) !important; }

.dark .dark\:hover\:bg-amber-800\/75:hover,
html.dark .dark\:hover\:bg-amber-800\/75:hover { background-color: rgba(146, 64, 14, 0.75) !important; }
.dark .dark\:hover\:text-amber-800\/75:hover,
html.dark .dark\:hover\:text-amber-800\/75:hover { color: rgba(146, 64, 14, 0.75) !important; }
.dark .dark\:hover\:border-amber-800\/75:hover,
html.dark .dark\:hover\:border-amber-800\/75:hover { border-color: rgba(146, 64, 14, 0.75) !important; }

.bg-amber-800\/80 { background-color: rgba(146, 64, 14, 0.8) !important; }
.text-amber-800\/80 { color: rgba(146, 64, 14, 0.8) !important; }
.border-amber-800\/80 { border-color: rgba(146, 64, 14, 0.8) !important; }

.hover\:bg-amber-800\/80:hover { background-color: rgba(146, 64, 14, 0.8) !important; }
.hover\:text-amber-800\/80:hover { color: rgba(146, 64, 14, 0.8) !important; }
.hover\:border-amber-800\/80:hover { border-color: rgba(146, 64, 14, 0.8) !important; }

.dark .dark\:bg-amber-800\/80,
html.dark .dark\:bg-amber-800\/80 { background-color: rgba(146, 64, 14, 0.8) !important; }
.dark .dark\:text-amber-800\/80,
html.dark .dark\:text-amber-800\/80 { color: rgba(146, 64, 14, 0.8) !important; }
.dark .dark\:border-amber-800\/80,
html.dark .dark\:border-amber-800\/80 { border-color: rgba(146, 64, 14, 0.8) !important; }

.dark .dark\:hover\:bg-amber-800\/80:hover,
html.dark .dark\:hover\:bg-amber-800\/80:hover { background-color: rgba(146, 64, 14, 0.8) !important; }
.dark .dark\:hover\:text-amber-800\/80:hover,
html.dark .dark\:hover\:text-amber-800\/80:hover { color: rgba(146, 64, 14, 0.8) !important; }
.dark .dark\:hover\:border-amber-800\/80:hover,
html.dark .dark\:hover\:border-amber-800\/80:hover { border-color: rgba(146, 64, 14, 0.8) !important; }

.bg-amber-800\/90 { background-color: rgba(146, 64, 14, 0.9) !important; }
.text-amber-800\/90 { color: rgba(146, 64, 14, 0.9) !important; }
.border-amber-800\/90 { border-color: rgba(146, 64, 14, 0.9) !important; }

.hover\:bg-amber-800\/90:hover { background-color: rgba(146, 64, 14, 0.9) !important; }
.hover\:text-amber-800\/90:hover { color: rgba(146, 64, 14, 0.9) !important; }
.hover\:border-amber-800\/90:hover { border-color: rgba(146, 64, 14, 0.9) !important; }

.dark .dark\:bg-amber-800\/90,
html.dark .dark\:bg-amber-800\/90 { background-color: rgba(146, 64, 14, 0.9) !important; }
.dark .dark\:text-amber-800\/90,
html.dark .dark\:text-amber-800\/90 { color: rgba(146, 64, 14, 0.9) !important; }
.dark .dark\:border-amber-800\/90,
html.dark .dark\:border-amber-800\/90 { border-color: rgba(146, 64, 14, 0.9) !important; }

.dark .dark\:hover\:bg-amber-800\/90:hover,
html.dark .dark\:hover\:bg-amber-800\/90:hover { background-color: rgba(146, 64, 14, 0.9) !important; }
.dark .dark\:hover\:text-amber-800\/90:hover,
html.dark .dark\:hover\:text-amber-800\/90:hover { color: rgba(146, 64, 14, 0.9) !important; }
.dark .dark\:hover\:border-amber-800\/90:hover,
html.dark .dark\:hover\:border-amber-800\/90:hover { border-color: rgba(146, 64, 14, 0.9) !important; }

.bg-amber-800\/95 { background-color: rgba(146, 64, 14, 0.95) !important; }
.text-amber-800\/95 { color: rgba(146, 64, 14, 0.95) !important; }
.border-amber-800\/95 { border-color: rgba(146, 64, 14, 0.95) !important; }

.hover\:bg-amber-800\/95:hover { background-color: rgba(146, 64, 14, 0.95) !important; }
.hover\:text-amber-800\/95:hover { color: rgba(146, 64, 14, 0.95) !important; }
.hover\:border-amber-800\/95:hover { border-color: rgba(146, 64, 14, 0.95) !important; }

.dark .dark\:bg-amber-800\/95,
html.dark .dark\:bg-amber-800\/95 { background-color: rgba(146, 64, 14, 0.95) !important; }
.dark .dark\:text-amber-800\/95,
html.dark .dark\:text-amber-800\/95 { color: rgba(146, 64, 14, 0.95) !important; }
.dark .dark\:border-amber-800\/95,
html.dark .dark\:border-amber-800\/95 { border-color: rgba(146, 64, 14, 0.95) !important; }

.dark .dark\:hover\:bg-amber-800\/95:hover,
html.dark .dark\:hover\:bg-amber-800\/95:hover { background-color: rgba(146, 64, 14, 0.95) !important; }
.dark .dark\:hover\:text-amber-800\/95:hover,
html.dark .dark\:hover\:text-amber-800\/95:hover { color: rgba(146, 64, 14, 0.95) !important; }
.dark .dark\:hover\:border-amber-800\/95:hover,
html.dark .dark\:hover\:border-amber-800\/95:hover { border-color: rgba(146, 64, 14, 0.95) !important; }

.bg-amber-900 { background-color: #78350f !important; }
.text-amber-900 { color: #78350f !important; }
.border-amber-900 { border-color: #78350f !important; }
.fill-amber-900 { fill: #78350f !important; }
.stroke-amber-900 { stroke: #78350f !important; }

/* Hover states */
.hover\:bg-amber-900:hover { background-color: #78350f !important; }
.hover\:text-amber-900:hover { color: #78350f !important; }
.hover\:border-amber-900:hover { border-color: #78350f !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-900,
html.dark .dark\:bg-amber-900 { background-color: #78350f !important; }
.dark .dark\:text-amber-900,
html.dark .dark\:text-amber-900 { color: #78350f !important; }
.dark .dark\:border-amber-900,
html.dark .dark\:border-amber-900 { border-color: #78350f !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-900:hover,
html.dark .dark\:hover\:bg-amber-900:hover { background-color: #78350f !important; }
.dark .dark\:hover\:text-amber-900:hover,
html.dark .dark\:hover\:text-amber-900:hover { color: #78350f !important; }
.dark .dark\:hover\:border-amber-900:hover,
html.dark .dark\:hover\:border-amber-900:hover { border-color: #78350f !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-900,
html.dark .group:hover .dark\:group-hover\:text-amber-900 { color: #78350f !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-900,
html.dark .group:hover .dark\:group-hover\:bg-amber-900 { background-color: #78350f !important; }

.bg-amber-900\/10 { background-color: rgba(120, 53, 15, 0.1) !important; }
.text-amber-900\/10 { color: rgba(120, 53, 15, 0.1) !important; }
.border-amber-900\/10 { border-color: rgba(120, 53, 15, 0.1) !important; }

.hover\:bg-amber-900\/10:hover { background-color: rgba(120, 53, 15, 0.1) !important; }
.hover\:text-amber-900\/10:hover { color: rgba(120, 53, 15, 0.1) !important; }
.hover\:border-amber-900\/10:hover { border-color: rgba(120, 53, 15, 0.1) !important; }

.dark .dark\:bg-amber-900\/10,
html.dark .dark\:bg-amber-900\/10 { background-color: rgba(120, 53, 15, 0.1) !important; }
.dark .dark\:text-amber-900\/10,
html.dark .dark\:text-amber-900\/10 { color: rgba(120, 53, 15, 0.1) !important; }
.dark .dark\:border-amber-900\/10,
html.dark .dark\:border-amber-900\/10 { border-color: rgba(120, 53, 15, 0.1) !important; }

.dark .dark\:hover\:bg-amber-900\/10:hover,
html.dark .dark\:hover\:bg-amber-900\/10:hover { background-color: rgba(120, 53, 15, 0.1) !important; }
.dark .dark\:hover\:text-amber-900\/10:hover,
html.dark .dark\:hover\:text-amber-900\/10:hover { color: rgba(120, 53, 15, 0.1) !important; }
.dark .dark\:hover\:border-amber-900\/10:hover,
html.dark .dark\:hover\:border-amber-900\/10:hover { border-color: rgba(120, 53, 15, 0.1) !important; }

.bg-amber-900\/20 { background-color: rgba(120, 53, 15, 0.2) !important; }
.text-amber-900\/20 { color: rgba(120, 53, 15, 0.2) !important; }
.border-amber-900\/20 { border-color: rgba(120, 53, 15, 0.2) !important; }

.hover\:bg-amber-900\/20:hover { background-color: rgba(120, 53, 15, 0.2) !important; }
.hover\:text-amber-900\/20:hover { color: rgba(120, 53, 15, 0.2) !important; }
.hover\:border-amber-900\/20:hover { border-color: rgba(120, 53, 15, 0.2) !important; }

.dark .dark\:bg-amber-900\/20,
html.dark .dark\:bg-amber-900\/20 { background-color: rgba(120, 53, 15, 0.2) !important; }
.dark .dark\:text-amber-900\/20,
html.dark .dark\:text-amber-900\/20 { color: rgba(120, 53, 15, 0.2) !important; }
.dark .dark\:border-amber-900\/20,
html.dark .dark\:border-amber-900\/20 { border-color: rgba(120, 53, 15, 0.2) !important; }

.dark .dark\:hover\:bg-amber-900\/20:hover,
html.dark .dark\:hover\:bg-amber-900\/20:hover { background-color: rgba(120, 53, 15, 0.2) !important; }
.dark .dark\:hover\:text-amber-900\/20:hover,
html.dark .dark\:hover\:text-amber-900\/20:hover { color: rgba(120, 53, 15, 0.2) !important; }
.dark .dark\:hover\:border-amber-900\/20:hover,
html.dark .dark\:hover\:border-amber-900\/20:hover { border-color: rgba(120, 53, 15, 0.2) !important; }

.bg-amber-900\/25 { background-color: rgba(120, 53, 15, 0.25) !important; }
.text-amber-900\/25 { color: rgba(120, 53, 15, 0.25) !important; }
.border-amber-900\/25 { border-color: rgba(120, 53, 15, 0.25) !important; }

.hover\:bg-amber-900\/25:hover { background-color: rgba(120, 53, 15, 0.25) !important; }
.hover\:text-amber-900\/25:hover { color: rgba(120, 53, 15, 0.25) !important; }
.hover\:border-amber-900\/25:hover { border-color: rgba(120, 53, 15, 0.25) !important; }

.dark .dark\:bg-amber-900\/25,
html.dark .dark\:bg-amber-900\/25 { background-color: rgba(120, 53, 15, 0.25) !important; }
.dark .dark\:text-amber-900\/25,
html.dark .dark\:text-amber-900\/25 { color: rgba(120, 53, 15, 0.25) !important; }
.dark .dark\:border-amber-900\/25,
html.dark .dark\:border-amber-900\/25 { border-color: rgba(120, 53, 15, 0.25) !important; }

.dark .dark\:hover\:bg-amber-900\/25:hover,
html.dark .dark\:hover\:bg-amber-900\/25:hover { background-color: rgba(120, 53, 15, 0.25) !important; }
.dark .dark\:hover\:text-amber-900\/25:hover,
html.dark .dark\:hover\:text-amber-900\/25:hover { color: rgba(120, 53, 15, 0.25) !important; }
.dark .dark\:hover\:border-amber-900\/25:hover,
html.dark .dark\:hover\:border-amber-900\/25:hover { border-color: rgba(120, 53, 15, 0.25) !important; }

.bg-amber-900\/30 { background-color: rgba(120, 53, 15, 0.3) !important; }
.text-amber-900\/30 { color: rgba(120, 53, 15, 0.3) !important; }
.border-amber-900\/30 { border-color: rgba(120, 53, 15, 0.3) !important; }

.hover\:bg-amber-900\/30:hover { background-color: rgba(120, 53, 15, 0.3) !important; }
.hover\:text-amber-900\/30:hover { color: rgba(120, 53, 15, 0.3) !important; }
.hover\:border-amber-900\/30:hover { border-color: rgba(120, 53, 15, 0.3) !important; }

.dark .dark\:bg-amber-900\/30,
html.dark .dark\:bg-amber-900\/30 { background-color: rgba(120, 53, 15, 0.3) !important; }
.dark .dark\:text-amber-900\/30,
html.dark .dark\:text-amber-900\/30 { color: rgba(120, 53, 15, 0.3) !important; }
.dark .dark\:border-amber-900\/30,
html.dark .dark\:border-amber-900\/30 { border-color: rgba(120, 53, 15, 0.3) !important; }

.dark .dark\:hover\:bg-amber-900\/30:hover,
html.dark .dark\:hover\:bg-amber-900\/30:hover { background-color: rgba(120, 53, 15, 0.3) !important; }
.dark .dark\:hover\:text-amber-900\/30:hover,
html.dark .dark\:hover\:text-amber-900\/30:hover { color: rgba(120, 53, 15, 0.3) !important; }
.dark .dark\:hover\:border-amber-900\/30:hover,
html.dark .dark\:hover\:border-amber-900\/30:hover { border-color: rgba(120, 53, 15, 0.3) !important; }

.bg-amber-900\/40 { background-color: rgba(120, 53, 15, 0.4) !important; }
.text-amber-900\/40 { color: rgba(120, 53, 15, 0.4) !important; }
.border-amber-900\/40 { border-color: rgba(120, 53, 15, 0.4) !important; }

.hover\:bg-amber-900\/40:hover { background-color: rgba(120, 53, 15, 0.4) !important; }
.hover\:text-amber-900\/40:hover { color: rgba(120, 53, 15, 0.4) !important; }
.hover\:border-amber-900\/40:hover { border-color: rgba(120, 53, 15, 0.4) !important; }

.dark .dark\:bg-amber-900\/40,
html.dark .dark\:bg-amber-900\/40 { background-color: rgba(120, 53, 15, 0.4) !important; }
.dark .dark\:text-amber-900\/40,
html.dark .dark\:text-amber-900\/40 { color: rgba(120, 53, 15, 0.4) !important; }
.dark .dark\:border-amber-900\/40,
html.dark .dark\:border-amber-900\/40 { border-color: rgba(120, 53, 15, 0.4) !important; }

.dark .dark\:hover\:bg-amber-900\/40:hover,
html.dark .dark\:hover\:bg-amber-900\/40:hover { background-color: rgba(120, 53, 15, 0.4) !important; }
.dark .dark\:hover\:text-amber-900\/40:hover,
html.dark .dark\:hover\:text-amber-900\/40:hover { color: rgba(120, 53, 15, 0.4) !important; }
.dark .dark\:hover\:border-amber-900\/40:hover,
html.dark .dark\:hover\:border-amber-900\/40:hover { border-color: rgba(120, 53, 15, 0.4) !important; }

.bg-amber-900\/50 { background-color: rgba(120, 53, 15, 0.5) !important; }
.text-amber-900\/50 { color: rgba(120, 53, 15, 0.5) !important; }
.border-amber-900\/50 { border-color: rgba(120, 53, 15, 0.5) !important; }

.hover\:bg-amber-900\/50:hover { background-color: rgba(120, 53, 15, 0.5) !important; }
.hover\:text-amber-900\/50:hover { color: rgba(120, 53, 15, 0.5) !important; }
.hover\:border-amber-900\/50:hover { border-color: rgba(120, 53, 15, 0.5) !important; }

.dark .dark\:bg-amber-900\/50,
html.dark .dark\:bg-amber-900\/50 { background-color: rgba(120, 53, 15, 0.5) !important; }
.dark .dark\:text-amber-900\/50,
html.dark .dark\:text-amber-900\/50 { color: rgba(120, 53, 15, 0.5) !important; }
.dark .dark\:border-amber-900\/50,
html.dark .dark\:border-amber-900\/50 { border-color: rgba(120, 53, 15, 0.5) !important; }

.dark .dark\:hover\:bg-amber-900\/50:hover,
html.dark .dark\:hover\:bg-amber-900\/50:hover { background-color: rgba(120, 53, 15, 0.5) !important; }
.dark .dark\:hover\:text-amber-900\/50:hover,
html.dark .dark\:hover\:text-amber-900\/50:hover { color: rgba(120, 53, 15, 0.5) !important; }
.dark .dark\:hover\:border-amber-900\/50:hover,
html.dark .dark\:hover\:border-amber-900\/50:hover { border-color: rgba(120, 53, 15, 0.5) !important; }

.bg-amber-900\/60 { background-color: rgba(120, 53, 15, 0.6) !important; }
.text-amber-900\/60 { color: rgba(120, 53, 15, 0.6) !important; }
.border-amber-900\/60 { border-color: rgba(120, 53, 15, 0.6) !important; }

.hover\:bg-amber-900\/60:hover { background-color: rgba(120, 53, 15, 0.6) !important; }
.hover\:text-amber-900\/60:hover { color: rgba(120, 53, 15, 0.6) !important; }
.hover\:border-amber-900\/60:hover { border-color: rgba(120, 53, 15, 0.6) !important; }

.dark .dark\:bg-amber-900\/60,
html.dark .dark\:bg-amber-900\/60 { background-color: rgba(120, 53, 15, 0.6) !important; }
.dark .dark\:text-amber-900\/60,
html.dark .dark\:text-amber-900\/60 { color: rgba(120, 53, 15, 0.6) !important; }
.dark .dark\:border-amber-900\/60,
html.dark .dark\:border-amber-900\/60 { border-color: rgba(120, 53, 15, 0.6) !important; }

.dark .dark\:hover\:bg-amber-900\/60:hover,
html.dark .dark\:hover\:bg-amber-900\/60:hover { background-color: rgba(120, 53, 15, 0.6) !important; }
.dark .dark\:hover\:text-amber-900\/60:hover,
html.dark .dark\:hover\:text-amber-900\/60:hover { color: rgba(120, 53, 15, 0.6) !important; }
.dark .dark\:hover\:border-amber-900\/60:hover,
html.dark .dark\:hover\:border-amber-900\/60:hover { border-color: rgba(120, 53, 15, 0.6) !important; }

.bg-amber-900\/70 { background-color: rgba(120, 53, 15, 0.7) !important; }
.text-amber-900\/70 { color: rgba(120, 53, 15, 0.7) !important; }
.border-amber-900\/70 { border-color: rgba(120, 53, 15, 0.7) !important; }

.hover\:bg-amber-900\/70:hover { background-color: rgba(120, 53, 15, 0.7) !important; }
.hover\:text-amber-900\/70:hover { color: rgba(120, 53, 15, 0.7) !important; }
.hover\:border-amber-900\/70:hover { border-color: rgba(120, 53, 15, 0.7) !important; }

.dark .dark\:bg-amber-900\/70,
html.dark .dark\:bg-amber-900\/70 { background-color: rgba(120, 53, 15, 0.7) !important; }
.dark .dark\:text-amber-900\/70,
html.dark .dark\:text-amber-900\/70 { color: rgba(120, 53, 15, 0.7) !important; }
.dark .dark\:border-amber-900\/70,
html.dark .dark\:border-amber-900\/70 { border-color: rgba(120, 53, 15, 0.7) !important; }

.dark .dark\:hover\:bg-amber-900\/70:hover,
html.dark .dark\:hover\:bg-amber-900\/70:hover { background-color: rgba(120, 53, 15, 0.7) !important; }
.dark .dark\:hover\:text-amber-900\/70:hover,
html.dark .dark\:hover\:text-amber-900\/70:hover { color: rgba(120, 53, 15, 0.7) !important; }
.dark .dark\:hover\:border-amber-900\/70:hover,
html.dark .dark\:hover\:border-amber-900\/70:hover { border-color: rgba(120, 53, 15, 0.7) !important; }

.bg-amber-900\/75 { background-color: rgba(120, 53, 15, 0.75) !important; }
.text-amber-900\/75 { color: rgba(120, 53, 15, 0.75) !important; }
.border-amber-900\/75 { border-color: rgba(120, 53, 15, 0.75) !important; }

.hover\:bg-amber-900\/75:hover { background-color: rgba(120, 53, 15, 0.75) !important; }
.hover\:text-amber-900\/75:hover { color: rgba(120, 53, 15, 0.75) !important; }
.hover\:border-amber-900\/75:hover { border-color: rgba(120, 53, 15, 0.75) !important; }

.dark .dark\:bg-amber-900\/75,
html.dark .dark\:bg-amber-900\/75 { background-color: rgba(120, 53, 15, 0.75) !important; }
.dark .dark\:text-amber-900\/75,
html.dark .dark\:text-amber-900\/75 { color: rgba(120, 53, 15, 0.75) !important; }
.dark .dark\:border-amber-900\/75,
html.dark .dark\:border-amber-900\/75 { border-color: rgba(120, 53, 15, 0.75) !important; }

.dark .dark\:hover\:bg-amber-900\/75:hover,
html.dark .dark\:hover\:bg-amber-900\/75:hover { background-color: rgba(120, 53, 15, 0.75) !important; }
.dark .dark\:hover\:text-amber-900\/75:hover,
html.dark .dark\:hover\:text-amber-900\/75:hover { color: rgba(120, 53, 15, 0.75) !important; }
.dark .dark\:hover\:border-amber-900\/75:hover,
html.dark .dark\:hover\:border-amber-900\/75:hover { border-color: rgba(120, 53, 15, 0.75) !important; }

.bg-amber-900\/80 { background-color: rgba(120, 53, 15, 0.8) !important; }
.text-amber-900\/80 { color: rgba(120, 53, 15, 0.8) !important; }
.border-amber-900\/80 { border-color: rgba(120, 53, 15, 0.8) !important; }

.hover\:bg-amber-900\/80:hover { background-color: rgba(120, 53, 15, 0.8) !important; }
.hover\:text-amber-900\/80:hover { color: rgba(120, 53, 15, 0.8) !important; }
.hover\:border-amber-900\/80:hover { border-color: rgba(120, 53, 15, 0.8) !important; }

.dark .dark\:bg-amber-900\/80,
html.dark .dark\:bg-amber-900\/80 { background-color: rgba(120, 53, 15, 0.8) !important; }
.dark .dark\:text-amber-900\/80,
html.dark .dark\:text-amber-900\/80 { color: rgba(120, 53, 15, 0.8) !important; }
.dark .dark\:border-amber-900\/80,
html.dark .dark\:border-amber-900\/80 { border-color: rgba(120, 53, 15, 0.8) !important; }

.dark .dark\:hover\:bg-amber-900\/80:hover,
html.dark .dark\:hover\:bg-amber-900\/80:hover { background-color: rgba(120, 53, 15, 0.8) !important; }
.dark .dark\:hover\:text-amber-900\/80:hover,
html.dark .dark\:hover\:text-amber-900\/80:hover { color: rgba(120, 53, 15, 0.8) !important; }
.dark .dark\:hover\:border-amber-900\/80:hover,
html.dark .dark\:hover\:border-amber-900\/80:hover { border-color: rgba(120, 53, 15, 0.8) !important; }

.bg-amber-900\/90 { background-color: rgba(120, 53, 15, 0.9) !important; }
.text-amber-900\/90 { color: rgba(120, 53, 15, 0.9) !important; }
.border-amber-900\/90 { border-color: rgba(120, 53, 15, 0.9) !important; }

.hover\:bg-amber-900\/90:hover { background-color: rgba(120, 53, 15, 0.9) !important; }
.hover\:text-amber-900\/90:hover { color: rgba(120, 53, 15, 0.9) !important; }
.hover\:border-amber-900\/90:hover { border-color: rgba(120, 53, 15, 0.9) !important; }

.dark .dark\:bg-amber-900\/90,
html.dark .dark\:bg-amber-900\/90 { background-color: rgba(120, 53, 15, 0.9) !important; }
.dark .dark\:text-amber-900\/90,
html.dark .dark\:text-amber-900\/90 { color: rgba(120, 53, 15, 0.9) !important; }
.dark .dark\:border-amber-900\/90,
html.dark .dark\:border-amber-900\/90 { border-color: rgba(120, 53, 15, 0.9) !important; }

.dark .dark\:hover\:bg-amber-900\/90:hover,
html.dark .dark\:hover\:bg-amber-900\/90:hover { background-color: rgba(120, 53, 15, 0.9) !important; }
.dark .dark\:hover\:text-amber-900\/90:hover,
html.dark .dark\:hover\:text-amber-900\/90:hover { color: rgba(120, 53, 15, 0.9) !important; }
.dark .dark\:hover\:border-amber-900\/90:hover,
html.dark .dark\:hover\:border-amber-900\/90:hover { border-color: rgba(120, 53, 15, 0.9) !important; }

.bg-amber-900\/95 { background-color: rgba(120, 53, 15, 0.95) !important; }
.text-amber-900\/95 { color: rgba(120, 53, 15, 0.95) !important; }
.border-amber-900\/95 { border-color: rgba(120, 53, 15, 0.95) !important; }

.hover\:bg-amber-900\/95:hover { background-color: rgba(120, 53, 15, 0.95) !important; }
.hover\:text-amber-900\/95:hover { color: rgba(120, 53, 15, 0.95) !important; }
.hover\:border-amber-900\/95:hover { border-color: rgba(120, 53, 15, 0.95) !important; }

.dark .dark\:bg-amber-900\/95,
html.dark .dark\:bg-amber-900\/95 { background-color: rgba(120, 53, 15, 0.95) !important; }
.dark .dark\:text-amber-900\/95,
html.dark .dark\:text-amber-900\/95 { color: rgba(120, 53, 15, 0.95) !important; }
.dark .dark\:border-amber-900\/95,
html.dark .dark\:border-amber-900\/95 { border-color: rgba(120, 53, 15, 0.95) !important; }

.dark .dark\:hover\:bg-amber-900\/95:hover,
html.dark .dark\:hover\:bg-amber-900\/95:hover { background-color: rgba(120, 53, 15, 0.95) !important; }
.dark .dark\:hover\:text-amber-900\/95:hover,
html.dark .dark\:hover\:text-amber-900\/95:hover { color: rgba(120, 53, 15, 0.95) !important; }
.dark .dark\:hover\:border-amber-900\/95:hover,
html.dark .dark\:hover\:border-amber-900\/95:hover { border-color: rgba(120, 53, 15, 0.95) !important; }

.bg-amber-950 { background-color: #451a03 !important; }
.text-amber-950 { color: #451a03 !important; }
.border-amber-950 { border-color: #451a03 !important; }
.fill-amber-950 { fill: #451a03 !important; }
.stroke-amber-950 { stroke: #451a03 !important; }

/* Hover states */
.hover\:bg-amber-950:hover { background-color: #451a03 !important; }
.hover\:text-amber-950:hover { color: #451a03 !important; }
.hover\:border-amber-950:hover { border-color: #451a03 !important; }

/* Dark mode standard */
.dark .dark\:bg-amber-950,
html.dark .dark\:bg-amber-950 { background-color: #451a03 !important; }
.dark .dark\:text-amber-950,
html.dark .dark\:text-amber-950 { color: #451a03 !important; }
.dark .dark\:border-amber-950,
html.dark .dark\:border-amber-950 { border-color: #451a03 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-amber-950:hover,
html.dark .dark\:hover\:bg-amber-950:hover { background-color: #451a03 !important; }
.dark .dark\:hover\:text-amber-950:hover,
html.dark .dark\:hover\:text-amber-950:hover { color: #451a03 !important; }
.dark .dark\:hover\:border-amber-950:hover,
html.dark .dark\:hover\:border-amber-950:hover { border-color: #451a03 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-amber-950,
html.dark .group:hover .dark\:group-hover\:text-amber-950 { color: #451a03 !important; }
.dark .group:hover .dark\:group-hover\:bg-amber-950,
html.dark .group:hover .dark\:group-hover\:bg-amber-950 { background-color: #451a03 !important; }

.bg-amber-950\/10 { background-color: rgba(69, 26, 3, 0.1) !important; }
.text-amber-950\/10 { color: rgba(69, 26, 3, 0.1) !important; }
.border-amber-950\/10 { border-color: rgba(69, 26, 3, 0.1) !important; }

.hover\:bg-amber-950\/10:hover { background-color: rgba(69, 26, 3, 0.1) !important; }
.hover\:text-amber-950\/10:hover { color: rgba(69, 26, 3, 0.1) !important; }
.hover\:border-amber-950\/10:hover { border-color: rgba(69, 26, 3, 0.1) !important; }

.dark .dark\:bg-amber-950\/10,
html.dark .dark\:bg-amber-950\/10 { background-color: rgba(69, 26, 3, 0.1) !important; }
.dark .dark\:text-amber-950\/10,
html.dark .dark\:text-amber-950\/10 { color: rgba(69, 26, 3, 0.1) !important; }
.dark .dark\:border-amber-950\/10,
html.dark .dark\:border-amber-950\/10 { border-color: rgba(69, 26, 3, 0.1) !important; }

.dark .dark\:hover\:bg-amber-950\/10:hover,
html.dark .dark\:hover\:bg-amber-950\/10:hover { background-color: rgba(69, 26, 3, 0.1) !important; }
.dark .dark\:hover\:text-amber-950\/10:hover,
html.dark .dark\:hover\:text-amber-950\/10:hover { color: rgba(69, 26, 3, 0.1) !important; }
.dark .dark\:hover\:border-amber-950\/10:hover,
html.dark .dark\:hover\:border-amber-950\/10:hover { border-color: rgba(69, 26, 3, 0.1) !important; }

.bg-amber-950\/20 { background-color: rgba(69, 26, 3, 0.2) !important; }
.text-amber-950\/20 { color: rgba(69, 26, 3, 0.2) !important; }
.border-amber-950\/20 { border-color: rgba(69, 26, 3, 0.2) !important; }

.hover\:bg-amber-950\/20:hover { background-color: rgba(69, 26, 3, 0.2) !important; }
.hover\:text-amber-950\/20:hover { color: rgba(69, 26, 3, 0.2) !important; }
.hover\:border-amber-950\/20:hover { border-color: rgba(69, 26, 3, 0.2) !important; }

.dark .dark\:bg-amber-950\/20,
html.dark .dark\:bg-amber-950\/20 { background-color: rgba(69, 26, 3, 0.2) !important; }
.dark .dark\:text-amber-950\/20,
html.dark .dark\:text-amber-950\/20 { color: rgba(69, 26, 3, 0.2) !important; }
.dark .dark\:border-amber-950\/20,
html.dark .dark\:border-amber-950\/20 { border-color: rgba(69, 26, 3, 0.2) !important; }

.dark .dark\:hover\:bg-amber-950\/20:hover,
html.dark .dark\:hover\:bg-amber-950\/20:hover { background-color: rgba(69, 26, 3, 0.2) !important; }
.dark .dark\:hover\:text-amber-950\/20:hover,
html.dark .dark\:hover\:text-amber-950\/20:hover { color: rgba(69, 26, 3, 0.2) !important; }
.dark .dark\:hover\:border-amber-950\/20:hover,
html.dark .dark\:hover\:border-amber-950\/20:hover { border-color: rgba(69, 26, 3, 0.2) !important; }

.bg-amber-950\/25 { background-color: rgba(69, 26, 3, 0.25) !important; }
.text-amber-950\/25 { color: rgba(69, 26, 3, 0.25) !important; }
.border-amber-950\/25 { border-color: rgba(69, 26, 3, 0.25) !important; }

.hover\:bg-amber-950\/25:hover { background-color: rgba(69, 26, 3, 0.25) !important; }
.hover\:text-amber-950\/25:hover { color: rgba(69, 26, 3, 0.25) !important; }
.hover\:border-amber-950\/25:hover { border-color: rgba(69, 26, 3, 0.25) !important; }

.dark .dark\:bg-amber-950\/25,
html.dark .dark\:bg-amber-950\/25 { background-color: rgba(69, 26, 3, 0.25) !important; }
.dark .dark\:text-amber-950\/25,
html.dark .dark\:text-amber-950\/25 { color: rgba(69, 26, 3, 0.25) !important; }
.dark .dark\:border-amber-950\/25,
html.dark .dark\:border-amber-950\/25 { border-color: rgba(69, 26, 3, 0.25) !important; }

.dark .dark\:hover\:bg-amber-950\/25:hover,
html.dark .dark\:hover\:bg-amber-950\/25:hover { background-color: rgba(69, 26, 3, 0.25) !important; }
.dark .dark\:hover\:text-amber-950\/25:hover,
html.dark .dark\:hover\:text-amber-950\/25:hover { color: rgba(69, 26, 3, 0.25) !important; }
.dark .dark\:hover\:border-amber-950\/25:hover,
html.dark .dark\:hover\:border-amber-950\/25:hover { border-color: rgba(69, 26, 3, 0.25) !important; }

.bg-amber-950\/30 { background-color: rgba(69, 26, 3, 0.3) !important; }
.text-amber-950\/30 { color: rgba(69, 26, 3, 0.3) !important; }
.border-amber-950\/30 { border-color: rgba(69, 26, 3, 0.3) !important; }

.hover\:bg-amber-950\/30:hover { background-color: rgba(69, 26, 3, 0.3) !important; }
.hover\:text-amber-950\/30:hover { color: rgba(69, 26, 3, 0.3) !important; }
.hover\:border-amber-950\/30:hover { border-color: rgba(69, 26, 3, 0.3) !important; }

.dark .dark\:bg-amber-950\/30,
html.dark .dark\:bg-amber-950\/30 { background-color: rgba(69, 26, 3, 0.3) !important; }
.dark .dark\:text-amber-950\/30,
html.dark .dark\:text-amber-950\/30 { color: rgba(69, 26, 3, 0.3) !important; }
.dark .dark\:border-amber-950\/30,
html.dark .dark\:border-amber-950\/30 { border-color: rgba(69, 26, 3, 0.3) !important; }

.dark .dark\:hover\:bg-amber-950\/30:hover,
html.dark .dark\:hover\:bg-amber-950\/30:hover { background-color: rgba(69, 26, 3, 0.3) !important; }
.dark .dark\:hover\:text-amber-950\/30:hover,
html.dark .dark\:hover\:text-amber-950\/30:hover { color: rgba(69, 26, 3, 0.3) !important; }
.dark .dark\:hover\:border-amber-950\/30:hover,
html.dark .dark\:hover\:border-amber-950\/30:hover { border-color: rgba(69, 26, 3, 0.3) !important; }

.bg-amber-950\/40 { background-color: rgba(69, 26, 3, 0.4) !important; }
.text-amber-950\/40 { color: rgba(69, 26, 3, 0.4) !important; }
.border-amber-950\/40 { border-color: rgba(69, 26, 3, 0.4) !important; }

.hover\:bg-amber-950\/40:hover { background-color: rgba(69, 26, 3, 0.4) !important; }
.hover\:text-amber-950\/40:hover { color: rgba(69, 26, 3, 0.4) !important; }
.hover\:border-amber-950\/40:hover { border-color: rgba(69, 26, 3, 0.4) !important; }

.dark .dark\:bg-amber-950\/40,
html.dark .dark\:bg-amber-950\/40 { background-color: rgba(69, 26, 3, 0.4) !important; }
.dark .dark\:text-amber-950\/40,
html.dark .dark\:text-amber-950\/40 { color: rgba(69, 26, 3, 0.4) !important; }
.dark .dark\:border-amber-950\/40,
html.dark .dark\:border-amber-950\/40 { border-color: rgba(69, 26, 3, 0.4) !important; }

.dark .dark\:hover\:bg-amber-950\/40:hover,
html.dark .dark\:hover\:bg-amber-950\/40:hover { background-color: rgba(69, 26, 3, 0.4) !important; }
.dark .dark\:hover\:text-amber-950\/40:hover,
html.dark .dark\:hover\:text-amber-950\/40:hover { color: rgba(69, 26, 3, 0.4) !important; }
.dark .dark\:hover\:border-amber-950\/40:hover,
html.dark .dark\:hover\:border-amber-950\/40:hover { border-color: rgba(69, 26, 3, 0.4) !important; }

.bg-amber-950\/50 { background-color: rgba(69, 26, 3, 0.5) !important; }
.text-amber-950\/50 { color: rgba(69, 26, 3, 0.5) !important; }
.border-amber-950\/50 { border-color: rgba(69, 26, 3, 0.5) !important; }

.hover\:bg-amber-950\/50:hover { background-color: rgba(69, 26, 3, 0.5) !important; }
.hover\:text-amber-950\/50:hover { color: rgba(69, 26, 3, 0.5) !important; }
.hover\:border-amber-950\/50:hover { border-color: rgba(69, 26, 3, 0.5) !important; }

.dark .dark\:bg-amber-950\/50,
html.dark .dark\:bg-amber-950\/50 { background-color: rgba(69, 26, 3, 0.5) !important; }
.dark .dark\:text-amber-950\/50,
html.dark .dark\:text-amber-950\/50 { color: rgba(69, 26, 3, 0.5) !important; }
.dark .dark\:border-amber-950\/50,
html.dark .dark\:border-amber-950\/50 { border-color: rgba(69, 26, 3, 0.5) !important; }

.dark .dark\:hover\:bg-amber-950\/50:hover,
html.dark .dark\:hover\:bg-amber-950\/50:hover { background-color: rgba(69, 26, 3, 0.5) !important; }
.dark .dark\:hover\:text-amber-950\/50:hover,
html.dark .dark\:hover\:text-amber-950\/50:hover { color: rgba(69, 26, 3, 0.5) !important; }
.dark .dark\:hover\:border-amber-950\/50:hover,
html.dark .dark\:hover\:border-amber-950\/50:hover { border-color: rgba(69, 26, 3, 0.5) !important; }

.bg-amber-950\/60 { background-color: rgba(69, 26, 3, 0.6) !important; }
.text-amber-950\/60 { color: rgba(69, 26, 3, 0.6) !important; }
.border-amber-950\/60 { border-color: rgba(69, 26, 3, 0.6) !important; }

.hover\:bg-amber-950\/60:hover { background-color: rgba(69, 26, 3, 0.6) !important; }
.hover\:text-amber-950\/60:hover { color: rgba(69, 26, 3, 0.6) !important; }
.hover\:border-amber-950\/60:hover { border-color: rgba(69, 26, 3, 0.6) !important; }

.dark .dark\:bg-amber-950\/60,
html.dark .dark\:bg-amber-950\/60 { background-color: rgba(69, 26, 3, 0.6) !important; }
.dark .dark\:text-amber-950\/60,
html.dark .dark\:text-amber-950\/60 { color: rgba(69, 26, 3, 0.6) !important; }
.dark .dark\:border-amber-950\/60,
html.dark .dark\:border-amber-950\/60 { border-color: rgba(69, 26, 3, 0.6) !important; }

.dark .dark\:hover\:bg-amber-950\/60:hover,
html.dark .dark\:hover\:bg-amber-950\/60:hover { background-color: rgba(69, 26, 3, 0.6) !important; }
.dark .dark\:hover\:text-amber-950\/60:hover,
html.dark .dark\:hover\:text-amber-950\/60:hover { color: rgba(69, 26, 3, 0.6) !important; }
.dark .dark\:hover\:border-amber-950\/60:hover,
html.dark .dark\:hover\:border-amber-950\/60:hover { border-color: rgba(69, 26, 3, 0.6) !important; }

.bg-amber-950\/70 { background-color: rgba(69, 26, 3, 0.7) !important; }
.text-amber-950\/70 { color: rgba(69, 26, 3, 0.7) !important; }
.border-amber-950\/70 { border-color: rgba(69, 26, 3, 0.7) !important; }

.hover\:bg-amber-950\/70:hover { background-color: rgba(69, 26, 3, 0.7) !important; }
.hover\:text-amber-950\/70:hover { color: rgba(69, 26, 3, 0.7) !important; }
.hover\:border-amber-950\/70:hover { border-color: rgba(69, 26, 3, 0.7) !important; }

.dark .dark\:bg-amber-950\/70,
html.dark .dark\:bg-amber-950\/70 { background-color: rgba(69, 26, 3, 0.7) !important; }
.dark .dark\:text-amber-950\/70,
html.dark .dark\:text-amber-950\/70 { color: rgba(69, 26, 3, 0.7) !important; }
.dark .dark\:border-amber-950\/70,
html.dark .dark\:border-amber-950\/70 { border-color: rgba(69, 26, 3, 0.7) !important; }

.dark .dark\:hover\:bg-amber-950\/70:hover,
html.dark .dark\:hover\:bg-amber-950\/70:hover { background-color: rgba(69, 26, 3, 0.7) !important; }
.dark .dark\:hover\:text-amber-950\/70:hover,
html.dark .dark\:hover\:text-amber-950\/70:hover { color: rgba(69, 26, 3, 0.7) !important; }
.dark .dark\:hover\:border-amber-950\/70:hover,
html.dark .dark\:hover\:border-amber-950\/70:hover { border-color: rgba(69, 26, 3, 0.7) !important; }

.bg-amber-950\/75 { background-color: rgba(69, 26, 3, 0.75) !important; }
.text-amber-950\/75 { color: rgba(69, 26, 3, 0.75) !important; }
.border-amber-950\/75 { border-color: rgba(69, 26, 3, 0.75) !important; }

.hover\:bg-amber-950\/75:hover { background-color: rgba(69, 26, 3, 0.75) !important; }
.hover\:text-amber-950\/75:hover { color: rgba(69, 26, 3, 0.75) !important; }
.hover\:border-amber-950\/75:hover { border-color: rgba(69, 26, 3, 0.75) !important; }

.dark .dark\:bg-amber-950\/75,
html.dark .dark\:bg-amber-950\/75 { background-color: rgba(69, 26, 3, 0.75) !important; }
.dark .dark\:text-amber-950\/75,
html.dark .dark\:text-amber-950\/75 { color: rgba(69, 26, 3, 0.75) !important; }
.dark .dark\:border-amber-950\/75,
html.dark .dark\:border-amber-950\/75 { border-color: rgba(69, 26, 3, 0.75) !important; }

.dark .dark\:hover\:bg-amber-950\/75:hover,
html.dark .dark\:hover\:bg-amber-950\/75:hover { background-color: rgba(69, 26, 3, 0.75) !important; }
.dark .dark\:hover\:text-amber-950\/75:hover,
html.dark .dark\:hover\:text-amber-950\/75:hover { color: rgba(69, 26, 3, 0.75) !important; }
.dark .dark\:hover\:border-amber-950\/75:hover,
html.dark .dark\:hover\:border-amber-950\/75:hover { border-color: rgba(69, 26, 3, 0.75) !important; }

.bg-amber-950\/80 { background-color: rgba(69, 26, 3, 0.8) !important; }
.text-amber-950\/80 { color: rgba(69, 26, 3, 0.8) !important; }
.border-amber-950\/80 { border-color: rgba(69, 26, 3, 0.8) !important; }

.hover\:bg-amber-950\/80:hover { background-color: rgba(69, 26, 3, 0.8) !important; }
.hover\:text-amber-950\/80:hover { color: rgba(69, 26, 3, 0.8) !important; }
.hover\:border-amber-950\/80:hover { border-color: rgba(69, 26, 3, 0.8) !important; }

.dark .dark\:bg-amber-950\/80,
html.dark .dark\:bg-amber-950\/80 { background-color: rgba(69, 26, 3, 0.8) !important; }
.dark .dark\:text-amber-950\/80,
html.dark .dark\:text-amber-950\/80 { color: rgba(69, 26, 3, 0.8) !important; }
.dark .dark\:border-amber-950\/80,
html.dark .dark\:border-amber-950\/80 { border-color: rgba(69, 26, 3, 0.8) !important; }

.dark .dark\:hover\:bg-amber-950\/80:hover,
html.dark .dark\:hover\:bg-amber-950\/80:hover { background-color: rgba(69, 26, 3, 0.8) !important; }
.dark .dark\:hover\:text-amber-950\/80:hover,
html.dark .dark\:hover\:text-amber-950\/80:hover { color: rgba(69, 26, 3, 0.8) !important; }
.dark .dark\:hover\:border-amber-950\/80:hover,
html.dark .dark\:hover\:border-amber-950\/80:hover { border-color: rgba(69, 26, 3, 0.8) !important; }

.bg-amber-950\/90 { background-color: rgba(69, 26, 3, 0.9) !important; }
.text-amber-950\/90 { color: rgba(69, 26, 3, 0.9) !important; }
.border-amber-950\/90 { border-color: rgba(69, 26, 3, 0.9) !important; }

.hover\:bg-amber-950\/90:hover { background-color: rgba(69, 26, 3, 0.9) !important; }
.hover\:text-amber-950\/90:hover { color: rgba(69, 26, 3, 0.9) !important; }
.hover\:border-amber-950\/90:hover { border-color: rgba(69, 26, 3, 0.9) !important; }

.dark .dark\:bg-amber-950\/90,
html.dark .dark\:bg-amber-950\/90 { background-color: rgba(69, 26, 3, 0.9) !important; }
.dark .dark\:text-amber-950\/90,
html.dark .dark\:text-amber-950\/90 { color: rgba(69, 26, 3, 0.9) !important; }
.dark .dark\:border-amber-950\/90,
html.dark .dark\:border-amber-950\/90 { border-color: rgba(69, 26, 3, 0.9) !important; }

.dark .dark\:hover\:bg-amber-950\/90:hover,
html.dark .dark\:hover\:bg-amber-950\/90:hover { background-color: rgba(69, 26, 3, 0.9) !important; }
.dark .dark\:hover\:text-amber-950\/90:hover,
html.dark .dark\:hover\:text-amber-950\/90:hover { color: rgba(69, 26, 3, 0.9) !important; }
.dark .dark\:hover\:border-amber-950\/90:hover,
html.dark .dark\:hover\:border-amber-950\/90:hover { border-color: rgba(69, 26, 3, 0.9) !important; }

.bg-amber-950\/95 { background-color: rgba(69, 26, 3, 0.95) !important; }
.text-amber-950\/95 { color: rgba(69, 26, 3, 0.95) !important; }
.border-amber-950\/95 { border-color: rgba(69, 26, 3, 0.95) !important; }

.hover\:bg-amber-950\/95:hover { background-color: rgba(69, 26, 3, 0.95) !important; }
.hover\:text-amber-950\/95:hover { color: rgba(69, 26, 3, 0.95) !important; }
.hover\:border-amber-950\/95:hover { border-color: rgba(69, 26, 3, 0.95) !important; }

.dark .dark\:bg-amber-950\/95,
html.dark .dark\:bg-amber-950\/95 { background-color: rgba(69, 26, 3, 0.95) !important; }
.dark .dark\:text-amber-950\/95,
html.dark .dark\:text-amber-950\/95 { color: rgba(69, 26, 3, 0.95) !important; }
.dark .dark\:border-amber-950\/95,
html.dark .dark\:border-amber-950\/95 { border-color: rgba(69, 26, 3, 0.95) !important; }

.dark .dark\:hover\:bg-amber-950\/95:hover,
html.dark .dark\:hover\:bg-amber-950\/95:hover { background-color: rgba(69, 26, 3, 0.95) !important; }
.dark .dark\:hover\:text-amber-950\/95:hover,
html.dark .dark\:hover\:text-amber-950\/95:hover { color: rgba(69, 26, 3, 0.95) !important; }
.dark .dark\:hover\:border-amber-950\/95:hover,
html.dark .dark\:hover\:border-amber-950\/95:hover { border-color: rgba(69, 26, 3, 0.95) !important; }

.bg-rose-50 { background-color: #fff1f2 !important; }
.text-rose-50 { color: #fff1f2 !important; }
.border-rose-50 { border-color: #fff1f2 !important; }
.fill-rose-50 { fill: #fff1f2 !important; }
.stroke-rose-50 { stroke: #fff1f2 !important; }

/* Hover states */
.hover\:bg-rose-50:hover { background-color: #fff1f2 !important; }
.hover\:text-rose-50:hover { color: #fff1f2 !important; }
.hover\:border-rose-50:hover { border-color: #fff1f2 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-50,
html.dark .dark\:bg-rose-50 { background-color: #fff1f2 !important; }
.dark .dark\:text-rose-50,
html.dark .dark\:text-rose-50 { color: #fff1f2 !important; }
.dark .dark\:border-rose-50,
html.dark .dark\:border-rose-50 { border-color: #fff1f2 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-50:hover,
html.dark .dark\:hover\:bg-rose-50:hover { background-color: #fff1f2 !important; }
.dark .dark\:hover\:text-rose-50:hover,
html.dark .dark\:hover\:text-rose-50:hover { color: #fff1f2 !important; }
.dark .dark\:hover\:border-rose-50:hover,
html.dark .dark\:hover\:border-rose-50:hover { border-color: #fff1f2 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-50,
html.dark .group:hover .dark\:group-hover\:text-rose-50 { color: #fff1f2 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-50,
html.dark .group:hover .dark\:group-hover\:bg-rose-50 { background-color: #fff1f2 !important; }

.bg-rose-50\/10 { background-color: rgba(255, 241, 242, 0.1) !important; }
.text-rose-50\/10 { color: rgba(255, 241, 242, 0.1) !important; }
.border-rose-50\/10 { border-color: rgba(255, 241, 242, 0.1) !important; }

.hover\:bg-rose-50\/10:hover { background-color: rgba(255, 241, 242, 0.1) !important; }
.hover\:text-rose-50\/10:hover { color: rgba(255, 241, 242, 0.1) !important; }
.hover\:border-rose-50\/10:hover { border-color: rgba(255, 241, 242, 0.1) !important; }

.dark .dark\:bg-rose-50\/10,
html.dark .dark\:bg-rose-50\/10 { background-color: rgba(255, 241, 242, 0.1) !important; }
.dark .dark\:text-rose-50\/10,
html.dark .dark\:text-rose-50\/10 { color: rgba(255, 241, 242, 0.1) !important; }
.dark .dark\:border-rose-50\/10,
html.dark .dark\:border-rose-50\/10 { border-color: rgba(255, 241, 242, 0.1) !important; }

.dark .dark\:hover\:bg-rose-50\/10:hover,
html.dark .dark\:hover\:bg-rose-50\/10:hover { background-color: rgba(255, 241, 242, 0.1) !important; }
.dark .dark\:hover\:text-rose-50\/10:hover,
html.dark .dark\:hover\:text-rose-50\/10:hover { color: rgba(255, 241, 242, 0.1) !important; }
.dark .dark\:hover\:border-rose-50\/10:hover,
html.dark .dark\:hover\:border-rose-50\/10:hover { border-color: rgba(255, 241, 242, 0.1) !important; }

.bg-rose-50\/20 { background-color: rgba(255, 241, 242, 0.2) !important; }
.text-rose-50\/20 { color: rgba(255, 241, 242, 0.2) !important; }
.border-rose-50\/20 { border-color: rgba(255, 241, 242, 0.2) !important; }

.hover\:bg-rose-50\/20:hover { background-color: rgba(255, 241, 242, 0.2) !important; }
.hover\:text-rose-50\/20:hover { color: rgba(255, 241, 242, 0.2) !important; }
.hover\:border-rose-50\/20:hover { border-color: rgba(255, 241, 242, 0.2) !important; }

.dark .dark\:bg-rose-50\/20,
html.dark .dark\:bg-rose-50\/20 { background-color: rgba(255, 241, 242, 0.2) !important; }
.dark .dark\:text-rose-50\/20,
html.dark .dark\:text-rose-50\/20 { color: rgba(255, 241, 242, 0.2) !important; }
.dark .dark\:border-rose-50\/20,
html.dark .dark\:border-rose-50\/20 { border-color: rgba(255, 241, 242, 0.2) !important; }

.dark .dark\:hover\:bg-rose-50\/20:hover,
html.dark .dark\:hover\:bg-rose-50\/20:hover { background-color: rgba(255, 241, 242, 0.2) !important; }
.dark .dark\:hover\:text-rose-50\/20:hover,
html.dark .dark\:hover\:text-rose-50\/20:hover { color: rgba(255, 241, 242, 0.2) !important; }
.dark .dark\:hover\:border-rose-50\/20:hover,
html.dark .dark\:hover\:border-rose-50\/20:hover { border-color: rgba(255, 241, 242, 0.2) !important; }

.bg-rose-50\/25 { background-color: rgba(255, 241, 242, 0.25) !important; }
.text-rose-50\/25 { color: rgba(255, 241, 242, 0.25) !important; }
.border-rose-50\/25 { border-color: rgba(255, 241, 242, 0.25) !important; }

.hover\:bg-rose-50\/25:hover { background-color: rgba(255, 241, 242, 0.25) !important; }
.hover\:text-rose-50\/25:hover { color: rgba(255, 241, 242, 0.25) !important; }
.hover\:border-rose-50\/25:hover { border-color: rgba(255, 241, 242, 0.25) !important; }

.dark .dark\:bg-rose-50\/25,
html.dark .dark\:bg-rose-50\/25 { background-color: rgba(255, 241, 242, 0.25) !important; }
.dark .dark\:text-rose-50\/25,
html.dark .dark\:text-rose-50\/25 { color: rgba(255, 241, 242, 0.25) !important; }
.dark .dark\:border-rose-50\/25,
html.dark .dark\:border-rose-50\/25 { border-color: rgba(255, 241, 242, 0.25) !important; }

.dark .dark\:hover\:bg-rose-50\/25:hover,
html.dark .dark\:hover\:bg-rose-50\/25:hover { background-color: rgba(255, 241, 242, 0.25) !important; }
.dark .dark\:hover\:text-rose-50\/25:hover,
html.dark .dark\:hover\:text-rose-50\/25:hover { color: rgba(255, 241, 242, 0.25) !important; }
.dark .dark\:hover\:border-rose-50\/25:hover,
html.dark .dark\:hover\:border-rose-50\/25:hover { border-color: rgba(255, 241, 242, 0.25) !important; }

.bg-rose-50\/30 { background-color: rgba(255, 241, 242, 0.3) !important; }
.text-rose-50\/30 { color: rgba(255, 241, 242, 0.3) !important; }
.border-rose-50\/30 { border-color: rgba(255, 241, 242, 0.3) !important; }

.hover\:bg-rose-50\/30:hover { background-color: rgba(255, 241, 242, 0.3) !important; }
.hover\:text-rose-50\/30:hover { color: rgba(255, 241, 242, 0.3) !important; }
.hover\:border-rose-50\/30:hover { border-color: rgba(255, 241, 242, 0.3) !important; }

.dark .dark\:bg-rose-50\/30,
html.dark .dark\:bg-rose-50\/30 { background-color: rgba(255, 241, 242, 0.3) !important; }
.dark .dark\:text-rose-50\/30,
html.dark .dark\:text-rose-50\/30 { color: rgba(255, 241, 242, 0.3) !important; }
.dark .dark\:border-rose-50\/30,
html.dark .dark\:border-rose-50\/30 { border-color: rgba(255, 241, 242, 0.3) !important; }

.dark .dark\:hover\:bg-rose-50\/30:hover,
html.dark .dark\:hover\:bg-rose-50\/30:hover { background-color: rgba(255, 241, 242, 0.3) !important; }
.dark .dark\:hover\:text-rose-50\/30:hover,
html.dark .dark\:hover\:text-rose-50\/30:hover { color: rgba(255, 241, 242, 0.3) !important; }
.dark .dark\:hover\:border-rose-50\/30:hover,
html.dark .dark\:hover\:border-rose-50\/30:hover { border-color: rgba(255, 241, 242, 0.3) !important; }

.bg-rose-50\/40 { background-color: rgba(255, 241, 242, 0.4) !important; }
.text-rose-50\/40 { color: rgba(255, 241, 242, 0.4) !important; }
.border-rose-50\/40 { border-color: rgba(255, 241, 242, 0.4) !important; }

.hover\:bg-rose-50\/40:hover { background-color: rgba(255, 241, 242, 0.4) !important; }
.hover\:text-rose-50\/40:hover { color: rgba(255, 241, 242, 0.4) !important; }
.hover\:border-rose-50\/40:hover { border-color: rgba(255, 241, 242, 0.4) !important; }

.dark .dark\:bg-rose-50\/40,
html.dark .dark\:bg-rose-50\/40 { background-color: rgba(255, 241, 242, 0.4) !important; }
.dark .dark\:text-rose-50\/40,
html.dark .dark\:text-rose-50\/40 { color: rgba(255, 241, 242, 0.4) !important; }
.dark .dark\:border-rose-50\/40,
html.dark .dark\:border-rose-50\/40 { border-color: rgba(255, 241, 242, 0.4) !important; }

.dark .dark\:hover\:bg-rose-50\/40:hover,
html.dark .dark\:hover\:bg-rose-50\/40:hover { background-color: rgba(255, 241, 242, 0.4) !important; }
.dark .dark\:hover\:text-rose-50\/40:hover,
html.dark .dark\:hover\:text-rose-50\/40:hover { color: rgba(255, 241, 242, 0.4) !important; }
.dark .dark\:hover\:border-rose-50\/40:hover,
html.dark .dark\:hover\:border-rose-50\/40:hover { border-color: rgba(255, 241, 242, 0.4) !important; }

.bg-rose-50\/50 { background-color: rgba(255, 241, 242, 0.5) !important; }
.text-rose-50\/50 { color: rgba(255, 241, 242, 0.5) !important; }
.border-rose-50\/50 { border-color: rgba(255, 241, 242, 0.5) !important; }

.hover\:bg-rose-50\/50:hover { background-color: rgba(255, 241, 242, 0.5) !important; }
.hover\:text-rose-50\/50:hover { color: rgba(255, 241, 242, 0.5) !important; }
.hover\:border-rose-50\/50:hover { border-color: rgba(255, 241, 242, 0.5) !important; }

.dark .dark\:bg-rose-50\/50,
html.dark .dark\:bg-rose-50\/50 { background-color: rgba(255, 241, 242, 0.5) !important; }
.dark .dark\:text-rose-50\/50,
html.dark .dark\:text-rose-50\/50 { color: rgba(255, 241, 242, 0.5) !important; }
.dark .dark\:border-rose-50\/50,
html.dark .dark\:border-rose-50\/50 { border-color: rgba(255, 241, 242, 0.5) !important; }

.dark .dark\:hover\:bg-rose-50\/50:hover,
html.dark .dark\:hover\:bg-rose-50\/50:hover { background-color: rgba(255, 241, 242, 0.5) !important; }
.dark .dark\:hover\:text-rose-50\/50:hover,
html.dark .dark\:hover\:text-rose-50\/50:hover { color: rgba(255, 241, 242, 0.5) !important; }
.dark .dark\:hover\:border-rose-50\/50:hover,
html.dark .dark\:hover\:border-rose-50\/50:hover { border-color: rgba(255, 241, 242, 0.5) !important; }

.bg-rose-50\/60 { background-color: rgba(255, 241, 242, 0.6) !important; }
.text-rose-50\/60 { color: rgba(255, 241, 242, 0.6) !important; }
.border-rose-50\/60 { border-color: rgba(255, 241, 242, 0.6) !important; }

.hover\:bg-rose-50\/60:hover { background-color: rgba(255, 241, 242, 0.6) !important; }
.hover\:text-rose-50\/60:hover { color: rgba(255, 241, 242, 0.6) !important; }
.hover\:border-rose-50\/60:hover { border-color: rgba(255, 241, 242, 0.6) !important; }

.dark .dark\:bg-rose-50\/60,
html.dark .dark\:bg-rose-50\/60 { background-color: rgba(255, 241, 242, 0.6) !important; }
.dark .dark\:text-rose-50\/60,
html.dark .dark\:text-rose-50\/60 { color: rgba(255, 241, 242, 0.6) !important; }
.dark .dark\:border-rose-50\/60,
html.dark .dark\:border-rose-50\/60 { border-color: rgba(255, 241, 242, 0.6) !important; }

.dark .dark\:hover\:bg-rose-50\/60:hover,
html.dark .dark\:hover\:bg-rose-50\/60:hover { background-color: rgba(255, 241, 242, 0.6) !important; }
.dark .dark\:hover\:text-rose-50\/60:hover,
html.dark .dark\:hover\:text-rose-50\/60:hover { color: rgba(255, 241, 242, 0.6) !important; }
.dark .dark\:hover\:border-rose-50\/60:hover,
html.dark .dark\:hover\:border-rose-50\/60:hover { border-color: rgba(255, 241, 242, 0.6) !important; }

.bg-rose-50\/70 { background-color: rgba(255, 241, 242, 0.7) !important; }
.text-rose-50\/70 { color: rgba(255, 241, 242, 0.7) !important; }
.border-rose-50\/70 { border-color: rgba(255, 241, 242, 0.7) !important; }

.hover\:bg-rose-50\/70:hover { background-color: rgba(255, 241, 242, 0.7) !important; }
.hover\:text-rose-50\/70:hover { color: rgba(255, 241, 242, 0.7) !important; }
.hover\:border-rose-50\/70:hover { border-color: rgba(255, 241, 242, 0.7) !important; }

.dark .dark\:bg-rose-50\/70,
html.dark .dark\:bg-rose-50\/70 { background-color: rgba(255, 241, 242, 0.7) !important; }
.dark .dark\:text-rose-50\/70,
html.dark .dark\:text-rose-50\/70 { color: rgba(255, 241, 242, 0.7) !important; }
.dark .dark\:border-rose-50\/70,
html.dark .dark\:border-rose-50\/70 { border-color: rgba(255, 241, 242, 0.7) !important; }

.dark .dark\:hover\:bg-rose-50\/70:hover,
html.dark .dark\:hover\:bg-rose-50\/70:hover { background-color: rgba(255, 241, 242, 0.7) !important; }
.dark .dark\:hover\:text-rose-50\/70:hover,
html.dark .dark\:hover\:text-rose-50\/70:hover { color: rgba(255, 241, 242, 0.7) !important; }
.dark .dark\:hover\:border-rose-50\/70:hover,
html.dark .dark\:hover\:border-rose-50\/70:hover { border-color: rgba(255, 241, 242, 0.7) !important; }

.bg-rose-50\/75 { background-color: rgba(255, 241, 242, 0.75) !important; }
.text-rose-50\/75 { color: rgba(255, 241, 242, 0.75) !important; }
.border-rose-50\/75 { border-color: rgba(255, 241, 242, 0.75) !important; }

.hover\:bg-rose-50\/75:hover { background-color: rgba(255, 241, 242, 0.75) !important; }
.hover\:text-rose-50\/75:hover { color: rgba(255, 241, 242, 0.75) !important; }
.hover\:border-rose-50\/75:hover { border-color: rgba(255, 241, 242, 0.75) !important; }

.dark .dark\:bg-rose-50\/75,
html.dark .dark\:bg-rose-50\/75 { background-color: rgba(255, 241, 242, 0.75) !important; }
.dark .dark\:text-rose-50\/75,
html.dark .dark\:text-rose-50\/75 { color: rgba(255, 241, 242, 0.75) !important; }
.dark .dark\:border-rose-50\/75,
html.dark .dark\:border-rose-50\/75 { border-color: rgba(255, 241, 242, 0.75) !important; }

.dark .dark\:hover\:bg-rose-50\/75:hover,
html.dark .dark\:hover\:bg-rose-50\/75:hover { background-color: rgba(255, 241, 242, 0.75) !important; }
.dark .dark\:hover\:text-rose-50\/75:hover,
html.dark .dark\:hover\:text-rose-50\/75:hover { color: rgba(255, 241, 242, 0.75) !important; }
.dark .dark\:hover\:border-rose-50\/75:hover,
html.dark .dark\:hover\:border-rose-50\/75:hover { border-color: rgba(255, 241, 242, 0.75) !important; }

.bg-rose-50\/80 { background-color: rgba(255, 241, 242, 0.8) !important; }
.text-rose-50\/80 { color: rgba(255, 241, 242, 0.8) !important; }
.border-rose-50\/80 { border-color: rgba(255, 241, 242, 0.8) !important; }

.hover\:bg-rose-50\/80:hover { background-color: rgba(255, 241, 242, 0.8) !important; }
.hover\:text-rose-50\/80:hover { color: rgba(255, 241, 242, 0.8) !important; }
.hover\:border-rose-50\/80:hover { border-color: rgba(255, 241, 242, 0.8) !important; }

.dark .dark\:bg-rose-50\/80,
html.dark .dark\:bg-rose-50\/80 { background-color: rgba(255, 241, 242, 0.8) !important; }
.dark .dark\:text-rose-50\/80,
html.dark .dark\:text-rose-50\/80 { color: rgba(255, 241, 242, 0.8) !important; }
.dark .dark\:border-rose-50\/80,
html.dark .dark\:border-rose-50\/80 { border-color: rgba(255, 241, 242, 0.8) !important; }

.dark .dark\:hover\:bg-rose-50\/80:hover,
html.dark .dark\:hover\:bg-rose-50\/80:hover { background-color: rgba(255, 241, 242, 0.8) !important; }
.dark .dark\:hover\:text-rose-50\/80:hover,
html.dark .dark\:hover\:text-rose-50\/80:hover { color: rgba(255, 241, 242, 0.8) !important; }
.dark .dark\:hover\:border-rose-50\/80:hover,
html.dark .dark\:hover\:border-rose-50\/80:hover { border-color: rgba(255, 241, 242, 0.8) !important; }

.bg-rose-50\/90 { background-color: rgba(255, 241, 242, 0.9) !important; }
.text-rose-50\/90 { color: rgba(255, 241, 242, 0.9) !important; }
.border-rose-50\/90 { border-color: rgba(255, 241, 242, 0.9) !important; }

.hover\:bg-rose-50\/90:hover { background-color: rgba(255, 241, 242, 0.9) !important; }
.hover\:text-rose-50\/90:hover { color: rgba(255, 241, 242, 0.9) !important; }
.hover\:border-rose-50\/90:hover { border-color: rgba(255, 241, 242, 0.9) !important; }

.dark .dark\:bg-rose-50\/90,
html.dark .dark\:bg-rose-50\/90 { background-color: rgba(255, 241, 242, 0.9) !important; }
.dark .dark\:text-rose-50\/90,
html.dark .dark\:text-rose-50\/90 { color: rgba(255, 241, 242, 0.9) !important; }
.dark .dark\:border-rose-50\/90,
html.dark .dark\:border-rose-50\/90 { border-color: rgba(255, 241, 242, 0.9) !important; }

.dark .dark\:hover\:bg-rose-50\/90:hover,
html.dark .dark\:hover\:bg-rose-50\/90:hover { background-color: rgba(255, 241, 242, 0.9) !important; }
.dark .dark\:hover\:text-rose-50\/90:hover,
html.dark .dark\:hover\:text-rose-50\/90:hover { color: rgba(255, 241, 242, 0.9) !important; }
.dark .dark\:hover\:border-rose-50\/90:hover,
html.dark .dark\:hover\:border-rose-50\/90:hover { border-color: rgba(255, 241, 242, 0.9) !important; }

.bg-rose-50\/95 { background-color: rgba(255, 241, 242, 0.95) !important; }
.text-rose-50\/95 { color: rgba(255, 241, 242, 0.95) !important; }
.border-rose-50\/95 { border-color: rgba(255, 241, 242, 0.95) !important; }

.hover\:bg-rose-50\/95:hover { background-color: rgba(255, 241, 242, 0.95) !important; }
.hover\:text-rose-50\/95:hover { color: rgba(255, 241, 242, 0.95) !important; }
.hover\:border-rose-50\/95:hover { border-color: rgba(255, 241, 242, 0.95) !important; }

.dark .dark\:bg-rose-50\/95,
html.dark .dark\:bg-rose-50\/95 { background-color: rgba(255, 241, 242, 0.95) !important; }
.dark .dark\:text-rose-50\/95,
html.dark .dark\:text-rose-50\/95 { color: rgba(255, 241, 242, 0.95) !important; }
.dark .dark\:border-rose-50\/95,
html.dark .dark\:border-rose-50\/95 { border-color: rgba(255, 241, 242, 0.95) !important; }

.dark .dark\:hover\:bg-rose-50\/95:hover,
html.dark .dark\:hover\:bg-rose-50\/95:hover { background-color: rgba(255, 241, 242, 0.95) !important; }
.dark .dark\:hover\:text-rose-50\/95:hover,
html.dark .dark\:hover\:text-rose-50\/95:hover { color: rgba(255, 241, 242, 0.95) !important; }
.dark .dark\:hover\:border-rose-50\/95:hover,
html.dark .dark\:hover\:border-rose-50\/95:hover { border-color: rgba(255, 241, 242, 0.95) !important; }

.bg-rose-100 { background-color: #ffe4e6 !important; }
.text-rose-100 { color: #ffe4e6 !important; }
.border-rose-100 { border-color: #ffe4e6 !important; }
.fill-rose-100 { fill: #ffe4e6 !important; }
.stroke-rose-100 { stroke: #ffe4e6 !important; }

/* Hover states */
.hover\:bg-rose-100:hover { background-color: #ffe4e6 !important; }
.hover\:text-rose-100:hover { color: #ffe4e6 !important; }
.hover\:border-rose-100:hover { border-color: #ffe4e6 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-100,
html.dark .dark\:bg-rose-100 { background-color: #ffe4e6 !important; }
.dark .dark\:text-rose-100,
html.dark .dark\:text-rose-100 { color: #ffe4e6 !important; }
.dark .dark\:border-rose-100,
html.dark .dark\:border-rose-100 { border-color: #ffe4e6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-100:hover,
html.dark .dark\:hover\:bg-rose-100:hover { background-color: #ffe4e6 !important; }
.dark .dark\:hover\:text-rose-100:hover,
html.dark .dark\:hover\:text-rose-100:hover { color: #ffe4e6 !important; }
.dark .dark\:hover\:border-rose-100:hover,
html.dark .dark\:hover\:border-rose-100:hover { border-color: #ffe4e6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-100,
html.dark .group:hover .dark\:group-hover\:text-rose-100 { color: #ffe4e6 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-100,
html.dark .group:hover .dark\:group-hover\:bg-rose-100 { background-color: #ffe4e6 !important; }

.bg-rose-100\/10 { background-color: rgba(255, 228, 230, 0.1) !important; }
.text-rose-100\/10 { color: rgba(255, 228, 230, 0.1) !important; }
.border-rose-100\/10 { border-color: rgba(255, 228, 230, 0.1) !important; }

.hover\:bg-rose-100\/10:hover { background-color: rgba(255, 228, 230, 0.1) !important; }
.hover\:text-rose-100\/10:hover { color: rgba(255, 228, 230, 0.1) !important; }
.hover\:border-rose-100\/10:hover { border-color: rgba(255, 228, 230, 0.1) !important; }

.dark .dark\:bg-rose-100\/10,
html.dark .dark\:bg-rose-100\/10 { background-color: rgba(255, 228, 230, 0.1) !important; }
.dark .dark\:text-rose-100\/10,
html.dark .dark\:text-rose-100\/10 { color: rgba(255, 228, 230, 0.1) !important; }
.dark .dark\:border-rose-100\/10,
html.dark .dark\:border-rose-100\/10 { border-color: rgba(255, 228, 230, 0.1) !important; }

.dark .dark\:hover\:bg-rose-100\/10:hover,
html.dark .dark\:hover\:bg-rose-100\/10:hover { background-color: rgba(255, 228, 230, 0.1) !important; }
.dark .dark\:hover\:text-rose-100\/10:hover,
html.dark .dark\:hover\:text-rose-100\/10:hover { color: rgba(255, 228, 230, 0.1) !important; }
.dark .dark\:hover\:border-rose-100\/10:hover,
html.dark .dark\:hover\:border-rose-100\/10:hover { border-color: rgba(255, 228, 230, 0.1) !important; }

.bg-rose-100\/20 { background-color: rgba(255, 228, 230, 0.2) !important; }
.text-rose-100\/20 { color: rgba(255, 228, 230, 0.2) !important; }
.border-rose-100\/20 { border-color: rgba(255, 228, 230, 0.2) !important; }

.hover\:bg-rose-100\/20:hover { background-color: rgba(255, 228, 230, 0.2) !important; }
.hover\:text-rose-100\/20:hover { color: rgba(255, 228, 230, 0.2) !important; }
.hover\:border-rose-100\/20:hover { border-color: rgba(255, 228, 230, 0.2) !important; }

.dark .dark\:bg-rose-100\/20,
html.dark .dark\:bg-rose-100\/20 { background-color: rgba(255, 228, 230, 0.2) !important; }
.dark .dark\:text-rose-100\/20,
html.dark .dark\:text-rose-100\/20 { color: rgba(255, 228, 230, 0.2) !important; }
.dark .dark\:border-rose-100\/20,
html.dark .dark\:border-rose-100\/20 { border-color: rgba(255, 228, 230, 0.2) !important; }

.dark .dark\:hover\:bg-rose-100\/20:hover,
html.dark .dark\:hover\:bg-rose-100\/20:hover { background-color: rgba(255, 228, 230, 0.2) !important; }
.dark .dark\:hover\:text-rose-100\/20:hover,
html.dark .dark\:hover\:text-rose-100\/20:hover { color: rgba(255, 228, 230, 0.2) !important; }
.dark .dark\:hover\:border-rose-100\/20:hover,
html.dark .dark\:hover\:border-rose-100\/20:hover { border-color: rgba(255, 228, 230, 0.2) !important; }

.bg-rose-100\/25 { background-color: rgba(255, 228, 230, 0.25) !important; }
.text-rose-100\/25 { color: rgba(255, 228, 230, 0.25) !important; }
.border-rose-100\/25 { border-color: rgba(255, 228, 230, 0.25) !important; }

.hover\:bg-rose-100\/25:hover { background-color: rgba(255, 228, 230, 0.25) !important; }
.hover\:text-rose-100\/25:hover { color: rgba(255, 228, 230, 0.25) !important; }
.hover\:border-rose-100\/25:hover { border-color: rgba(255, 228, 230, 0.25) !important; }

.dark .dark\:bg-rose-100\/25,
html.dark .dark\:bg-rose-100\/25 { background-color: rgba(255, 228, 230, 0.25) !important; }
.dark .dark\:text-rose-100\/25,
html.dark .dark\:text-rose-100\/25 { color: rgba(255, 228, 230, 0.25) !important; }
.dark .dark\:border-rose-100\/25,
html.dark .dark\:border-rose-100\/25 { border-color: rgba(255, 228, 230, 0.25) !important; }

.dark .dark\:hover\:bg-rose-100\/25:hover,
html.dark .dark\:hover\:bg-rose-100\/25:hover { background-color: rgba(255, 228, 230, 0.25) !important; }
.dark .dark\:hover\:text-rose-100\/25:hover,
html.dark .dark\:hover\:text-rose-100\/25:hover { color: rgba(255, 228, 230, 0.25) !important; }
.dark .dark\:hover\:border-rose-100\/25:hover,
html.dark .dark\:hover\:border-rose-100\/25:hover { border-color: rgba(255, 228, 230, 0.25) !important; }

.bg-rose-100\/30 { background-color: rgba(255, 228, 230, 0.3) !important; }
.text-rose-100\/30 { color: rgba(255, 228, 230, 0.3) !important; }
.border-rose-100\/30 { border-color: rgba(255, 228, 230, 0.3) !important; }

.hover\:bg-rose-100\/30:hover { background-color: rgba(255, 228, 230, 0.3) !important; }
.hover\:text-rose-100\/30:hover { color: rgba(255, 228, 230, 0.3) !important; }
.hover\:border-rose-100\/30:hover { border-color: rgba(255, 228, 230, 0.3) !important; }

.dark .dark\:bg-rose-100\/30,
html.dark .dark\:bg-rose-100\/30 { background-color: rgba(255, 228, 230, 0.3) !important; }
.dark .dark\:text-rose-100\/30,
html.dark .dark\:text-rose-100\/30 { color: rgba(255, 228, 230, 0.3) !important; }
.dark .dark\:border-rose-100\/30,
html.dark .dark\:border-rose-100\/30 { border-color: rgba(255, 228, 230, 0.3) !important; }

.dark .dark\:hover\:bg-rose-100\/30:hover,
html.dark .dark\:hover\:bg-rose-100\/30:hover { background-color: rgba(255, 228, 230, 0.3) !important; }
.dark .dark\:hover\:text-rose-100\/30:hover,
html.dark .dark\:hover\:text-rose-100\/30:hover { color: rgba(255, 228, 230, 0.3) !important; }
.dark .dark\:hover\:border-rose-100\/30:hover,
html.dark .dark\:hover\:border-rose-100\/30:hover { border-color: rgba(255, 228, 230, 0.3) !important; }

.bg-rose-100\/40 { background-color: rgba(255, 228, 230, 0.4) !important; }
.text-rose-100\/40 { color: rgba(255, 228, 230, 0.4) !important; }
.border-rose-100\/40 { border-color: rgba(255, 228, 230, 0.4) !important; }

.hover\:bg-rose-100\/40:hover { background-color: rgba(255, 228, 230, 0.4) !important; }
.hover\:text-rose-100\/40:hover { color: rgba(255, 228, 230, 0.4) !important; }
.hover\:border-rose-100\/40:hover { border-color: rgba(255, 228, 230, 0.4) !important; }

.dark .dark\:bg-rose-100\/40,
html.dark .dark\:bg-rose-100\/40 { background-color: rgba(255, 228, 230, 0.4) !important; }
.dark .dark\:text-rose-100\/40,
html.dark .dark\:text-rose-100\/40 { color: rgba(255, 228, 230, 0.4) !important; }
.dark .dark\:border-rose-100\/40,
html.dark .dark\:border-rose-100\/40 { border-color: rgba(255, 228, 230, 0.4) !important; }

.dark .dark\:hover\:bg-rose-100\/40:hover,
html.dark .dark\:hover\:bg-rose-100\/40:hover { background-color: rgba(255, 228, 230, 0.4) !important; }
.dark .dark\:hover\:text-rose-100\/40:hover,
html.dark .dark\:hover\:text-rose-100\/40:hover { color: rgba(255, 228, 230, 0.4) !important; }
.dark .dark\:hover\:border-rose-100\/40:hover,
html.dark .dark\:hover\:border-rose-100\/40:hover { border-color: rgba(255, 228, 230, 0.4) !important; }

.bg-rose-100\/50 { background-color: rgba(255, 228, 230, 0.5) !important; }
.text-rose-100\/50 { color: rgba(255, 228, 230, 0.5) !important; }
.border-rose-100\/50 { border-color: rgba(255, 228, 230, 0.5) !important; }

.hover\:bg-rose-100\/50:hover { background-color: rgba(255, 228, 230, 0.5) !important; }
.hover\:text-rose-100\/50:hover { color: rgba(255, 228, 230, 0.5) !important; }
.hover\:border-rose-100\/50:hover { border-color: rgba(255, 228, 230, 0.5) !important; }

.dark .dark\:bg-rose-100\/50,
html.dark .dark\:bg-rose-100\/50 { background-color: rgba(255, 228, 230, 0.5) !important; }
.dark .dark\:text-rose-100\/50,
html.dark .dark\:text-rose-100\/50 { color: rgba(255, 228, 230, 0.5) !important; }
.dark .dark\:border-rose-100\/50,
html.dark .dark\:border-rose-100\/50 { border-color: rgba(255, 228, 230, 0.5) !important; }

.dark .dark\:hover\:bg-rose-100\/50:hover,
html.dark .dark\:hover\:bg-rose-100\/50:hover { background-color: rgba(255, 228, 230, 0.5) !important; }
.dark .dark\:hover\:text-rose-100\/50:hover,
html.dark .dark\:hover\:text-rose-100\/50:hover { color: rgba(255, 228, 230, 0.5) !important; }
.dark .dark\:hover\:border-rose-100\/50:hover,
html.dark .dark\:hover\:border-rose-100\/50:hover { border-color: rgba(255, 228, 230, 0.5) !important; }

.bg-rose-100\/60 { background-color: rgba(255, 228, 230, 0.6) !important; }
.text-rose-100\/60 { color: rgba(255, 228, 230, 0.6) !important; }
.border-rose-100\/60 { border-color: rgba(255, 228, 230, 0.6) !important; }

.hover\:bg-rose-100\/60:hover { background-color: rgba(255, 228, 230, 0.6) !important; }
.hover\:text-rose-100\/60:hover { color: rgba(255, 228, 230, 0.6) !important; }
.hover\:border-rose-100\/60:hover { border-color: rgba(255, 228, 230, 0.6) !important; }

.dark .dark\:bg-rose-100\/60,
html.dark .dark\:bg-rose-100\/60 { background-color: rgba(255, 228, 230, 0.6) !important; }
.dark .dark\:text-rose-100\/60,
html.dark .dark\:text-rose-100\/60 { color: rgba(255, 228, 230, 0.6) !important; }
.dark .dark\:border-rose-100\/60,
html.dark .dark\:border-rose-100\/60 { border-color: rgba(255, 228, 230, 0.6) !important; }

.dark .dark\:hover\:bg-rose-100\/60:hover,
html.dark .dark\:hover\:bg-rose-100\/60:hover { background-color: rgba(255, 228, 230, 0.6) !important; }
.dark .dark\:hover\:text-rose-100\/60:hover,
html.dark .dark\:hover\:text-rose-100\/60:hover { color: rgba(255, 228, 230, 0.6) !important; }
.dark .dark\:hover\:border-rose-100\/60:hover,
html.dark .dark\:hover\:border-rose-100\/60:hover { border-color: rgba(255, 228, 230, 0.6) !important; }

.bg-rose-100\/70 { background-color: rgba(255, 228, 230, 0.7) !important; }
.text-rose-100\/70 { color: rgba(255, 228, 230, 0.7) !important; }
.border-rose-100\/70 { border-color: rgba(255, 228, 230, 0.7) !important; }

.hover\:bg-rose-100\/70:hover { background-color: rgba(255, 228, 230, 0.7) !important; }
.hover\:text-rose-100\/70:hover { color: rgba(255, 228, 230, 0.7) !important; }
.hover\:border-rose-100\/70:hover { border-color: rgba(255, 228, 230, 0.7) !important; }

.dark .dark\:bg-rose-100\/70,
html.dark .dark\:bg-rose-100\/70 { background-color: rgba(255, 228, 230, 0.7) !important; }
.dark .dark\:text-rose-100\/70,
html.dark .dark\:text-rose-100\/70 { color: rgba(255, 228, 230, 0.7) !important; }
.dark .dark\:border-rose-100\/70,
html.dark .dark\:border-rose-100\/70 { border-color: rgba(255, 228, 230, 0.7) !important; }

.dark .dark\:hover\:bg-rose-100\/70:hover,
html.dark .dark\:hover\:bg-rose-100\/70:hover { background-color: rgba(255, 228, 230, 0.7) !important; }
.dark .dark\:hover\:text-rose-100\/70:hover,
html.dark .dark\:hover\:text-rose-100\/70:hover { color: rgba(255, 228, 230, 0.7) !important; }
.dark .dark\:hover\:border-rose-100\/70:hover,
html.dark .dark\:hover\:border-rose-100\/70:hover { border-color: rgba(255, 228, 230, 0.7) !important; }

.bg-rose-100\/75 { background-color: rgba(255, 228, 230, 0.75) !important; }
.text-rose-100\/75 { color: rgba(255, 228, 230, 0.75) !important; }
.border-rose-100\/75 { border-color: rgba(255, 228, 230, 0.75) !important; }

.hover\:bg-rose-100\/75:hover { background-color: rgba(255, 228, 230, 0.75) !important; }
.hover\:text-rose-100\/75:hover { color: rgba(255, 228, 230, 0.75) !important; }
.hover\:border-rose-100\/75:hover { border-color: rgba(255, 228, 230, 0.75) !important; }

.dark .dark\:bg-rose-100\/75,
html.dark .dark\:bg-rose-100\/75 { background-color: rgba(255, 228, 230, 0.75) !important; }
.dark .dark\:text-rose-100\/75,
html.dark .dark\:text-rose-100\/75 { color: rgba(255, 228, 230, 0.75) !important; }
.dark .dark\:border-rose-100\/75,
html.dark .dark\:border-rose-100\/75 { border-color: rgba(255, 228, 230, 0.75) !important; }

.dark .dark\:hover\:bg-rose-100\/75:hover,
html.dark .dark\:hover\:bg-rose-100\/75:hover { background-color: rgba(255, 228, 230, 0.75) !important; }
.dark .dark\:hover\:text-rose-100\/75:hover,
html.dark .dark\:hover\:text-rose-100\/75:hover { color: rgba(255, 228, 230, 0.75) !important; }
.dark .dark\:hover\:border-rose-100\/75:hover,
html.dark .dark\:hover\:border-rose-100\/75:hover { border-color: rgba(255, 228, 230, 0.75) !important; }

.bg-rose-100\/80 { background-color: rgba(255, 228, 230, 0.8) !important; }
.text-rose-100\/80 { color: rgba(255, 228, 230, 0.8) !important; }
.border-rose-100\/80 { border-color: rgba(255, 228, 230, 0.8) !important; }

.hover\:bg-rose-100\/80:hover { background-color: rgba(255, 228, 230, 0.8) !important; }
.hover\:text-rose-100\/80:hover { color: rgba(255, 228, 230, 0.8) !important; }
.hover\:border-rose-100\/80:hover { border-color: rgba(255, 228, 230, 0.8) !important; }

.dark .dark\:bg-rose-100\/80,
html.dark .dark\:bg-rose-100\/80 { background-color: rgba(255, 228, 230, 0.8) !important; }
.dark .dark\:text-rose-100\/80,
html.dark .dark\:text-rose-100\/80 { color: rgba(255, 228, 230, 0.8) !important; }
.dark .dark\:border-rose-100\/80,
html.dark .dark\:border-rose-100\/80 { border-color: rgba(255, 228, 230, 0.8) !important; }

.dark .dark\:hover\:bg-rose-100\/80:hover,
html.dark .dark\:hover\:bg-rose-100\/80:hover { background-color: rgba(255, 228, 230, 0.8) !important; }
.dark .dark\:hover\:text-rose-100\/80:hover,
html.dark .dark\:hover\:text-rose-100\/80:hover { color: rgba(255, 228, 230, 0.8) !important; }
.dark .dark\:hover\:border-rose-100\/80:hover,
html.dark .dark\:hover\:border-rose-100\/80:hover { border-color: rgba(255, 228, 230, 0.8) !important; }

.bg-rose-100\/90 { background-color: rgba(255, 228, 230, 0.9) !important; }
.text-rose-100\/90 { color: rgba(255, 228, 230, 0.9) !important; }
.border-rose-100\/90 { border-color: rgba(255, 228, 230, 0.9) !important; }

.hover\:bg-rose-100\/90:hover { background-color: rgba(255, 228, 230, 0.9) !important; }
.hover\:text-rose-100\/90:hover { color: rgba(255, 228, 230, 0.9) !important; }
.hover\:border-rose-100\/90:hover { border-color: rgba(255, 228, 230, 0.9) !important; }

.dark .dark\:bg-rose-100\/90,
html.dark .dark\:bg-rose-100\/90 { background-color: rgba(255, 228, 230, 0.9) !important; }
.dark .dark\:text-rose-100\/90,
html.dark .dark\:text-rose-100\/90 { color: rgba(255, 228, 230, 0.9) !important; }
.dark .dark\:border-rose-100\/90,
html.dark .dark\:border-rose-100\/90 { border-color: rgba(255, 228, 230, 0.9) !important; }

.dark .dark\:hover\:bg-rose-100\/90:hover,
html.dark .dark\:hover\:bg-rose-100\/90:hover { background-color: rgba(255, 228, 230, 0.9) !important; }
.dark .dark\:hover\:text-rose-100\/90:hover,
html.dark .dark\:hover\:text-rose-100\/90:hover { color: rgba(255, 228, 230, 0.9) !important; }
.dark .dark\:hover\:border-rose-100\/90:hover,
html.dark .dark\:hover\:border-rose-100\/90:hover { border-color: rgba(255, 228, 230, 0.9) !important; }

.bg-rose-100\/95 { background-color: rgba(255, 228, 230, 0.95) !important; }
.text-rose-100\/95 { color: rgba(255, 228, 230, 0.95) !important; }
.border-rose-100\/95 { border-color: rgba(255, 228, 230, 0.95) !important; }

.hover\:bg-rose-100\/95:hover { background-color: rgba(255, 228, 230, 0.95) !important; }
.hover\:text-rose-100\/95:hover { color: rgba(255, 228, 230, 0.95) !important; }
.hover\:border-rose-100\/95:hover { border-color: rgba(255, 228, 230, 0.95) !important; }

.dark .dark\:bg-rose-100\/95,
html.dark .dark\:bg-rose-100\/95 { background-color: rgba(255, 228, 230, 0.95) !important; }
.dark .dark\:text-rose-100\/95,
html.dark .dark\:text-rose-100\/95 { color: rgba(255, 228, 230, 0.95) !important; }
.dark .dark\:border-rose-100\/95,
html.dark .dark\:border-rose-100\/95 { border-color: rgba(255, 228, 230, 0.95) !important; }

.dark .dark\:hover\:bg-rose-100\/95:hover,
html.dark .dark\:hover\:bg-rose-100\/95:hover { background-color: rgba(255, 228, 230, 0.95) !important; }
.dark .dark\:hover\:text-rose-100\/95:hover,
html.dark .dark\:hover\:text-rose-100\/95:hover { color: rgba(255, 228, 230, 0.95) !important; }
.dark .dark\:hover\:border-rose-100\/95:hover,
html.dark .dark\:hover\:border-rose-100\/95:hover { border-color: rgba(255, 228, 230, 0.95) !important; }

.bg-rose-200 { background-color: #fecdd3 !important; }
.text-rose-200 { color: #fecdd3 !important; }
.border-rose-200 { border-color: #fecdd3 !important; }
.fill-rose-200 { fill: #fecdd3 !important; }
.stroke-rose-200 { stroke: #fecdd3 !important; }

/* Hover states */
.hover\:bg-rose-200:hover { background-color: #fecdd3 !important; }
.hover\:text-rose-200:hover { color: #fecdd3 !important; }
.hover\:border-rose-200:hover { border-color: #fecdd3 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-200,
html.dark .dark\:bg-rose-200 { background-color: #fecdd3 !important; }
.dark .dark\:text-rose-200,
html.dark .dark\:text-rose-200 { color: #fecdd3 !important; }
.dark .dark\:border-rose-200,
html.dark .dark\:border-rose-200 { border-color: #fecdd3 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-200:hover,
html.dark .dark\:hover\:bg-rose-200:hover { background-color: #fecdd3 !important; }
.dark .dark\:hover\:text-rose-200:hover,
html.dark .dark\:hover\:text-rose-200:hover { color: #fecdd3 !important; }
.dark .dark\:hover\:border-rose-200:hover,
html.dark .dark\:hover\:border-rose-200:hover { border-color: #fecdd3 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-200,
html.dark .group:hover .dark\:group-hover\:text-rose-200 { color: #fecdd3 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-200,
html.dark .group:hover .dark\:group-hover\:bg-rose-200 { background-color: #fecdd3 !important; }

.bg-rose-200\/10 { background-color: rgba(254, 205, 211, 0.1) !important; }
.text-rose-200\/10 { color: rgba(254, 205, 211, 0.1) !important; }
.border-rose-200\/10 { border-color: rgba(254, 205, 211, 0.1) !important; }

.hover\:bg-rose-200\/10:hover { background-color: rgba(254, 205, 211, 0.1) !important; }
.hover\:text-rose-200\/10:hover { color: rgba(254, 205, 211, 0.1) !important; }
.hover\:border-rose-200\/10:hover { border-color: rgba(254, 205, 211, 0.1) !important; }

.dark .dark\:bg-rose-200\/10,
html.dark .dark\:bg-rose-200\/10 { background-color: rgba(254, 205, 211, 0.1) !important; }
.dark .dark\:text-rose-200\/10,
html.dark .dark\:text-rose-200\/10 { color: rgba(254, 205, 211, 0.1) !important; }
.dark .dark\:border-rose-200\/10,
html.dark .dark\:border-rose-200\/10 { border-color: rgba(254, 205, 211, 0.1) !important; }

.dark .dark\:hover\:bg-rose-200\/10:hover,
html.dark .dark\:hover\:bg-rose-200\/10:hover { background-color: rgba(254, 205, 211, 0.1) !important; }
.dark .dark\:hover\:text-rose-200\/10:hover,
html.dark .dark\:hover\:text-rose-200\/10:hover { color: rgba(254, 205, 211, 0.1) !important; }
.dark .dark\:hover\:border-rose-200\/10:hover,
html.dark .dark\:hover\:border-rose-200\/10:hover { border-color: rgba(254, 205, 211, 0.1) !important; }

.bg-rose-200\/20 { background-color: rgba(254, 205, 211, 0.2) !important; }
.text-rose-200\/20 { color: rgba(254, 205, 211, 0.2) !important; }
.border-rose-200\/20 { border-color: rgba(254, 205, 211, 0.2) !important; }

.hover\:bg-rose-200\/20:hover { background-color: rgba(254, 205, 211, 0.2) !important; }
.hover\:text-rose-200\/20:hover { color: rgba(254, 205, 211, 0.2) !important; }
.hover\:border-rose-200\/20:hover { border-color: rgba(254, 205, 211, 0.2) !important; }

.dark .dark\:bg-rose-200\/20,
html.dark .dark\:bg-rose-200\/20 { background-color: rgba(254, 205, 211, 0.2) !important; }
.dark .dark\:text-rose-200\/20,
html.dark .dark\:text-rose-200\/20 { color: rgba(254, 205, 211, 0.2) !important; }
.dark .dark\:border-rose-200\/20,
html.dark .dark\:border-rose-200\/20 { border-color: rgba(254, 205, 211, 0.2) !important; }

.dark .dark\:hover\:bg-rose-200\/20:hover,
html.dark .dark\:hover\:bg-rose-200\/20:hover { background-color: rgba(254, 205, 211, 0.2) !important; }
.dark .dark\:hover\:text-rose-200\/20:hover,
html.dark .dark\:hover\:text-rose-200\/20:hover { color: rgba(254, 205, 211, 0.2) !important; }
.dark .dark\:hover\:border-rose-200\/20:hover,
html.dark .dark\:hover\:border-rose-200\/20:hover { border-color: rgba(254, 205, 211, 0.2) !important; }

.bg-rose-200\/25 { background-color: rgba(254, 205, 211, 0.25) !important; }
.text-rose-200\/25 { color: rgba(254, 205, 211, 0.25) !important; }
.border-rose-200\/25 { border-color: rgba(254, 205, 211, 0.25) !important; }

.hover\:bg-rose-200\/25:hover { background-color: rgba(254, 205, 211, 0.25) !important; }
.hover\:text-rose-200\/25:hover { color: rgba(254, 205, 211, 0.25) !important; }
.hover\:border-rose-200\/25:hover { border-color: rgba(254, 205, 211, 0.25) !important; }

.dark .dark\:bg-rose-200\/25,
html.dark .dark\:bg-rose-200\/25 { background-color: rgba(254, 205, 211, 0.25) !important; }
.dark .dark\:text-rose-200\/25,
html.dark .dark\:text-rose-200\/25 { color: rgba(254, 205, 211, 0.25) !important; }
.dark .dark\:border-rose-200\/25,
html.dark .dark\:border-rose-200\/25 { border-color: rgba(254, 205, 211, 0.25) !important; }

.dark .dark\:hover\:bg-rose-200\/25:hover,
html.dark .dark\:hover\:bg-rose-200\/25:hover { background-color: rgba(254, 205, 211, 0.25) !important; }
.dark .dark\:hover\:text-rose-200\/25:hover,
html.dark .dark\:hover\:text-rose-200\/25:hover { color: rgba(254, 205, 211, 0.25) !important; }
.dark .dark\:hover\:border-rose-200\/25:hover,
html.dark .dark\:hover\:border-rose-200\/25:hover { border-color: rgba(254, 205, 211, 0.25) !important; }

.bg-rose-200\/30 { background-color: rgba(254, 205, 211, 0.3) !important; }
.text-rose-200\/30 { color: rgba(254, 205, 211, 0.3) !important; }
.border-rose-200\/30 { border-color: rgba(254, 205, 211, 0.3) !important; }

.hover\:bg-rose-200\/30:hover { background-color: rgba(254, 205, 211, 0.3) !important; }
.hover\:text-rose-200\/30:hover { color: rgba(254, 205, 211, 0.3) !important; }
.hover\:border-rose-200\/30:hover { border-color: rgba(254, 205, 211, 0.3) !important; }

.dark .dark\:bg-rose-200\/30,
html.dark .dark\:bg-rose-200\/30 { background-color: rgba(254, 205, 211, 0.3) !important; }
.dark .dark\:text-rose-200\/30,
html.dark .dark\:text-rose-200\/30 { color: rgba(254, 205, 211, 0.3) !important; }
.dark .dark\:border-rose-200\/30,
html.dark .dark\:border-rose-200\/30 { border-color: rgba(254, 205, 211, 0.3) !important; }

.dark .dark\:hover\:bg-rose-200\/30:hover,
html.dark .dark\:hover\:bg-rose-200\/30:hover { background-color: rgba(254, 205, 211, 0.3) !important; }
.dark .dark\:hover\:text-rose-200\/30:hover,
html.dark .dark\:hover\:text-rose-200\/30:hover { color: rgba(254, 205, 211, 0.3) !important; }
.dark .dark\:hover\:border-rose-200\/30:hover,
html.dark .dark\:hover\:border-rose-200\/30:hover { border-color: rgba(254, 205, 211, 0.3) !important; }

.bg-rose-200\/40 { background-color: rgba(254, 205, 211, 0.4) !important; }
.text-rose-200\/40 { color: rgba(254, 205, 211, 0.4) !important; }
.border-rose-200\/40 { border-color: rgba(254, 205, 211, 0.4) !important; }

.hover\:bg-rose-200\/40:hover { background-color: rgba(254, 205, 211, 0.4) !important; }
.hover\:text-rose-200\/40:hover { color: rgba(254, 205, 211, 0.4) !important; }
.hover\:border-rose-200\/40:hover { border-color: rgba(254, 205, 211, 0.4) !important; }

.dark .dark\:bg-rose-200\/40,
html.dark .dark\:bg-rose-200\/40 { background-color: rgba(254, 205, 211, 0.4) !important; }
.dark .dark\:text-rose-200\/40,
html.dark .dark\:text-rose-200\/40 { color: rgba(254, 205, 211, 0.4) !important; }
.dark .dark\:border-rose-200\/40,
html.dark .dark\:border-rose-200\/40 { border-color: rgba(254, 205, 211, 0.4) !important; }

.dark .dark\:hover\:bg-rose-200\/40:hover,
html.dark .dark\:hover\:bg-rose-200\/40:hover { background-color: rgba(254, 205, 211, 0.4) !important; }
.dark .dark\:hover\:text-rose-200\/40:hover,
html.dark .dark\:hover\:text-rose-200\/40:hover { color: rgba(254, 205, 211, 0.4) !important; }
.dark .dark\:hover\:border-rose-200\/40:hover,
html.dark .dark\:hover\:border-rose-200\/40:hover { border-color: rgba(254, 205, 211, 0.4) !important; }

.bg-rose-200\/50 { background-color: rgba(254, 205, 211, 0.5) !important; }
.text-rose-200\/50 { color: rgba(254, 205, 211, 0.5) !important; }
.border-rose-200\/50 { border-color: rgba(254, 205, 211, 0.5) !important; }

.hover\:bg-rose-200\/50:hover { background-color: rgba(254, 205, 211, 0.5) !important; }
.hover\:text-rose-200\/50:hover { color: rgba(254, 205, 211, 0.5) !important; }
.hover\:border-rose-200\/50:hover { border-color: rgba(254, 205, 211, 0.5) !important; }

.dark .dark\:bg-rose-200\/50,
html.dark .dark\:bg-rose-200\/50 { background-color: rgba(254, 205, 211, 0.5) !important; }
.dark .dark\:text-rose-200\/50,
html.dark .dark\:text-rose-200\/50 { color: rgba(254, 205, 211, 0.5) !important; }
.dark .dark\:border-rose-200\/50,
html.dark .dark\:border-rose-200\/50 { border-color: rgba(254, 205, 211, 0.5) !important; }

.dark .dark\:hover\:bg-rose-200\/50:hover,
html.dark .dark\:hover\:bg-rose-200\/50:hover { background-color: rgba(254, 205, 211, 0.5) !important; }
.dark .dark\:hover\:text-rose-200\/50:hover,
html.dark .dark\:hover\:text-rose-200\/50:hover { color: rgba(254, 205, 211, 0.5) !important; }
.dark .dark\:hover\:border-rose-200\/50:hover,
html.dark .dark\:hover\:border-rose-200\/50:hover { border-color: rgba(254, 205, 211, 0.5) !important; }

.bg-rose-200\/60 { background-color: rgba(254, 205, 211, 0.6) !important; }
.text-rose-200\/60 { color: rgba(254, 205, 211, 0.6) !important; }
.border-rose-200\/60 { border-color: rgba(254, 205, 211, 0.6) !important; }

.hover\:bg-rose-200\/60:hover { background-color: rgba(254, 205, 211, 0.6) !important; }
.hover\:text-rose-200\/60:hover { color: rgba(254, 205, 211, 0.6) !important; }
.hover\:border-rose-200\/60:hover { border-color: rgba(254, 205, 211, 0.6) !important; }

.dark .dark\:bg-rose-200\/60,
html.dark .dark\:bg-rose-200\/60 { background-color: rgba(254, 205, 211, 0.6) !important; }
.dark .dark\:text-rose-200\/60,
html.dark .dark\:text-rose-200\/60 { color: rgba(254, 205, 211, 0.6) !important; }
.dark .dark\:border-rose-200\/60,
html.dark .dark\:border-rose-200\/60 { border-color: rgba(254, 205, 211, 0.6) !important; }

.dark .dark\:hover\:bg-rose-200\/60:hover,
html.dark .dark\:hover\:bg-rose-200\/60:hover { background-color: rgba(254, 205, 211, 0.6) !important; }
.dark .dark\:hover\:text-rose-200\/60:hover,
html.dark .dark\:hover\:text-rose-200\/60:hover { color: rgba(254, 205, 211, 0.6) !important; }
.dark .dark\:hover\:border-rose-200\/60:hover,
html.dark .dark\:hover\:border-rose-200\/60:hover { border-color: rgba(254, 205, 211, 0.6) !important; }

.bg-rose-200\/70 { background-color: rgba(254, 205, 211, 0.7) !important; }
.text-rose-200\/70 { color: rgba(254, 205, 211, 0.7) !important; }
.border-rose-200\/70 { border-color: rgba(254, 205, 211, 0.7) !important; }

.hover\:bg-rose-200\/70:hover { background-color: rgba(254, 205, 211, 0.7) !important; }
.hover\:text-rose-200\/70:hover { color: rgba(254, 205, 211, 0.7) !important; }
.hover\:border-rose-200\/70:hover { border-color: rgba(254, 205, 211, 0.7) !important; }

.dark .dark\:bg-rose-200\/70,
html.dark .dark\:bg-rose-200\/70 { background-color: rgba(254, 205, 211, 0.7) !important; }
.dark .dark\:text-rose-200\/70,
html.dark .dark\:text-rose-200\/70 { color: rgba(254, 205, 211, 0.7) !important; }
.dark .dark\:border-rose-200\/70,
html.dark .dark\:border-rose-200\/70 { border-color: rgba(254, 205, 211, 0.7) !important; }

.dark .dark\:hover\:bg-rose-200\/70:hover,
html.dark .dark\:hover\:bg-rose-200\/70:hover { background-color: rgba(254, 205, 211, 0.7) !important; }
.dark .dark\:hover\:text-rose-200\/70:hover,
html.dark .dark\:hover\:text-rose-200\/70:hover { color: rgba(254, 205, 211, 0.7) !important; }
.dark .dark\:hover\:border-rose-200\/70:hover,
html.dark .dark\:hover\:border-rose-200\/70:hover { border-color: rgba(254, 205, 211, 0.7) !important; }

.bg-rose-200\/75 { background-color: rgba(254, 205, 211, 0.75) !important; }
.text-rose-200\/75 { color: rgba(254, 205, 211, 0.75) !important; }
.border-rose-200\/75 { border-color: rgba(254, 205, 211, 0.75) !important; }

.hover\:bg-rose-200\/75:hover { background-color: rgba(254, 205, 211, 0.75) !important; }
.hover\:text-rose-200\/75:hover { color: rgba(254, 205, 211, 0.75) !important; }
.hover\:border-rose-200\/75:hover { border-color: rgba(254, 205, 211, 0.75) !important; }

.dark .dark\:bg-rose-200\/75,
html.dark .dark\:bg-rose-200\/75 { background-color: rgba(254, 205, 211, 0.75) !important; }
.dark .dark\:text-rose-200\/75,
html.dark .dark\:text-rose-200\/75 { color: rgba(254, 205, 211, 0.75) !important; }
.dark .dark\:border-rose-200\/75,
html.dark .dark\:border-rose-200\/75 { border-color: rgba(254, 205, 211, 0.75) !important; }

.dark .dark\:hover\:bg-rose-200\/75:hover,
html.dark .dark\:hover\:bg-rose-200\/75:hover { background-color: rgba(254, 205, 211, 0.75) !important; }
.dark .dark\:hover\:text-rose-200\/75:hover,
html.dark .dark\:hover\:text-rose-200\/75:hover { color: rgba(254, 205, 211, 0.75) !important; }
.dark .dark\:hover\:border-rose-200\/75:hover,
html.dark .dark\:hover\:border-rose-200\/75:hover { border-color: rgba(254, 205, 211, 0.75) !important; }

.bg-rose-200\/80 { background-color: rgba(254, 205, 211, 0.8) !important; }
.text-rose-200\/80 { color: rgba(254, 205, 211, 0.8) !important; }
.border-rose-200\/80 { border-color: rgba(254, 205, 211, 0.8) !important; }

.hover\:bg-rose-200\/80:hover { background-color: rgba(254, 205, 211, 0.8) !important; }
.hover\:text-rose-200\/80:hover { color: rgba(254, 205, 211, 0.8) !important; }
.hover\:border-rose-200\/80:hover { border-color: rgba(254, 205, 211, 0.8) !important; }

.dark .dark\:bg-rose-200\/80,
html.dark .dark\:bg-rose-200\/80 { background-color: rgba(254, 205, 211, 0.8) !important; }
.dark .dark\:text-rose-200\/80,
html.dark .dark\:text-rose-200\/80 { color: rgba(254, 205, 211, 0.8) !important; }
.dark .dark\:border-rose-200\/80,
html.dark .dark\:border-rose-200\/80 { border-color: rgba(254, 205, 211, 0.8) !important; }

.dark .dark\:hover\:bg-rose-200\/80:hover,
html.dark .dark\:hover\:bg-rose-200\/80:hover { background-color: rgba(254, 205, 211, 0.8) !important; }
.dark .dark\:hover\:text-rose-200\/80:hover,
html.dark .dark\:hover\:text-rose-200\/80:hover { color: rgba(254, 205, 211, 0.8) !important; }
.dark .dark\:hover\:border-rose-200\/80:hover,
html.dark .dark\:hover\:border-rose-200\/80:hover { border-color: rgba(254, 205, 211, 0.8) !important; }

.bg-rose-200\/90 { background-color: rgba(254, 205, 211, 0.9) !important; }
.text-rose-200\/90 { color: rgba(254, 205, 211, 0.9) !important; }
.border-rose-200\/90 { border-color: rgba(254, 205, 211, 0.9) !important; }

.hover\:bg-rose-200\/90:hover { background-color: rgba(254, 205, 211, 0.9) !important; }
.hover\:text-rose-200\/90:hover { color: rgba(254, 205, 211, 0.9) !important; }
.hover\:border-rose-200\/90:hover { border-color: rgba(254, 205, 211, 0.9) !important; }

.dark .dark\:bg-rose-200\/90,
html.dark .dark\:bg-rose-200\/90 { background-color: rgba(254, 205, 211, 0.9) !important; }
.dark .dark\:text-rose-200\/90,
html.dark .dark\:text-rose-200\/90 { color: rgba(254, 205, 211, 0.9) !important; }
.dark .dark\:border-rose-200\/90,
html.dark .dark\:border-rose-200\/90 { border-color: rgba(254, 205, 211, 0.9) !important; }

.dark .dark\:hover\:bg-rose-200\/90:hover,
html.dark .dark\:hover\:bg-rose-200\/90:hover { background-color: rgba(254, 205, 211, 0.9) !important; }
.dark .dark\:hover\:text-rose-200\/90:hover,
html.dark .dark\:hover\:text-rose-200\/90:hover { color: rgba(254, 205, 211, 0.9) !important; }
.dark .dark\:hover\:border-rose-200\/90:hover,
html.dark .dark\:hover\:border-rose-200\/90:hover { border-color: rgba(254, 205, 211, 0.9) !important; }

.bg-rose-200\/95 { background-color: rgba(254, 205, 211, 0.95) !important; }
.text-rose-200\/95 { color: rgba(254, 205, 211, 0.95) !important; }
.border-rose-200\/95 { border-color: rgba(254, 205, 211, 0.95) !important; }

.hover\:bg-rose-200\/95:hover { background-color: rgba(254, 205, 211, 0.95) !important; }
.hover\:text-rose-200\/95:hover { color: rgba(254, 205, 211, 0.95) !important; }
.hover\:border-rose-200\/95:hover { border-color: rgba(254, 205, 211, 0.95) !important; }

.dark .dark\:bg-rose-200\/95,
html.dark .dark\:bg-rose-200\/95 { background-color: rgba(254, 205, 211, 0.95) !important; }
.dark .dark\:text-rose-200\/95,
html.dark .dark\:text-rose-200\/95 { color: rgba(254, 205, 211, 0.95) !important; }
.dark .dark\:border-rose-200\/95,
html.dark .dark\:border-rose-200\/95 { border-color: rgba(254, 205, 211, 0.95) !important; }

.dark .dark\:hover\:bg-rose-200\/95:hover,
html.dark .dark\:hover\:bg-rose-200\/95:hover { background-color: rgba(254, 205, 211, 0.95) !important; }
.dark .dark\:hover\:text-rose-200\/95:hover,
html.dark .dark\:hover\:text-rose-200\/95:hover { color: rgba(254, 205, 211, 0.95) !important; }
.dark .dark\:hover\:border-rose-200\/95:hover,
html.dark .dark\:hover\:border-rose-200\/95:hover { border-color: rgba(254, 205, 211, 0.95) !important; }

.bg-rose-300 { background-color: #fda4af !important; }
.text-rose-300 { color: #fda4af !important; }
.border-rose-300 { border-color: #fda4af !important; }
.fill-rose-300 { fill: #fda4af !important; }
.stroke-rose-300 { stroke: #fda4af !important; }

/* Hover states */
.hover\:bg-rose-300:hover { background-color: #fda4af !important; }
.hover\:text-rose-300:hover { color: #fda4af !important; }
.hover\:border-rose-300:hover { border-color: #fda4af !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-300,
html.dark .dark\:bg-rose-300 { background-color: #fda4af !important; }
.dark .dark\:text-rose-300,
html.dark .dark\:text-rose-300 { color: #fda4af !important; }
.dark .dark\:border-rose-300,
html.dark .dark\:border-rose-300 { border-color: #fda4af !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-300:hover,
html.dark .dark\:hover\:bg-rose-300:hover { background-color: #fda4af !important; }
.dark .dark\:hover\:text-rose-300:hover,
html.dark .dark\:hover\:text-rose-300:hover { color: #fda4af !important; }
.dark .dark\:hover\:border-rose-300:hover,
html.dark .dark\:hover\:border-rose-300:hover { border-color: #fda4af !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-300,
html.dark .group:hover .dark\:group-hover\:text-rose-300 { color: #fda4af !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-300,
html.dark .group:hover .dark\:group-hover\:bg-rose-300 { background-color: #fda4af !important; }

.bg-rose-300\/10 { background-color: rgba(253, 164, 175, 0.1) !important; }
.text-rose-300\/10 { color: rgba(253, 164, 175, 0.1) !important; }
.border-rose-300\/10 { border-color: rgba(253, 164, 175, 0.1) !important; }

.hover\:bg-rose-300\/10:hover { background-color: rgba(253, 164, 175, 0.1) !important; }
.hover\:text-rose-300\/10:hover { color: rgba(253, 164, 175, 0.1) !important; }
.hover\:border-rose-300\/10:hover { border-color: rgba(253, 164, 175, 0.1) !important; }

.dark .dark\:bg-rose-300\/10,
html.dark .dark\:bg-rose-300\/10 { background-color: rgba(253, 164, 175, 0.1) !important; }
.dark .dark\:text-rose-300\/10,
html.dark .dark\:text-rose-300\/10 { color: rgba(253, 164, 175, 0.1) !important; }
.dark .dark\:border-rose-300\/10,
html.dark .dark\:border-rose-300\/10 { border-color: rgba(253, 164, 175, 0.1) !important; }

.dark .dark\:hover\:bg-rose-300\/10:hover,
html.dark .dark\:hover\:bg-rose-300\/10:hover { background-color: rgba(253, 164, 175, 0.1) !important; }
.dark .dark\:hover\:text-rose-300\/10:hover,
html.dark .dark\:hover\:text-rose-300\/10:hover { color: rgba(253, 164, 175, 0.1) !important; }
.dark .dark\:hover\:border-rose-300\/10:hover,
html.dark .dark\:hover\:border-rose-300\/10:hover { border-color: rgba(253, 164, 175, 0.1) !important; }

.bg-rose-300\/20 { background-color: rgba(253, 164, 175, 0.2) !important; }
.text-rose-300\/20 { color: rgba(253, 164, 175, 0.2) !important; }
.border-rose-300\/20 { border-color: rgba(253, 164, 175, 0.2) !important; }

.hover\:bg-rose-300\/20:hover { background-color: rgba(253, 164, 175, 0.2) !important; }
.hover\:text-rose-300\/20:hover { color: rgba(253, 164, 175, 0.2) !important; }
.hover\:border-rose-300\/20:hover { border-color: rgba(253, 164, 175, 0.2) !important; }

.dark .dark\:bg-rose-300\/20,
html.dark .dark\:bg-rose-300\/20 { background-color: rgba(253, 164, 175, 0.2) !important; }
.dark .dark\:text-rose-300\/20,
html.dark .dark\:text-rose-300\/20 { color: rgba(253, 164, 175, 0.2) !important; }
.dark .dark\:border-rose-300\/20,
html.dark .dark\:border-rose-300\/20 { border-color: rgba(253, 164, 175, 0.2) !important; }

.dark .dark\:hover\:bg-rose-300\/20:hover,
html.dark .dark\:hover\:bg-rose-300\/20:hover { background-color: rgba(253, 164, 175, 0.2) !important; }
.dark .dark\:hover\:text-rose-300\/20:hover,
html.dark .dark\:hover\:text-rose-300\/20:hover { color: rgba(253, 164, 175, 0.2) !important; }
.dark .dark\:hover\:border-rose-300\/20:hover,
html.dark .dark\:hover\:border-rose-300\/20:hover { border-color: rgba(253, 164, 175, 0.2) !important; }

.bg-rose-300\/25 { background-color: rgba(253, 164, 175, 0.25) !important; }
.text-rose-300\/25 { color: rgba(253, 164, 175, 0.25) !important; }
.border-rose-300\/25 { border-color: rgba(253, 164, 175, 0.25) !important; }

.hover\:bg-rose-300\/25:hover { background-color: rgba(253, 164, 175, 0.25) !important; }
.hover\:text-rose-300\/25:hover { color: rgba(253, 164, 175, 0.25) !important; }
.hover\:border-rose-300\/25:hover { border-color: rgba(253, 164, 175, 0.25) !important; }

.dark .dark\:bg-rose-300\/25,
html.dark .dark\:bg-rose-300\/25 { background-color: rgba(253, 164, 175, 0.25) !important; }
.dark .dark\:text-rose-300\/25,
html.dark .dark\:text-rose-300\/25 { color: rgba(253, 164, 175, 0.25) !important; }
.dark .dark\:border-rose-300\/25,
html.dark .dark\:border-rose-300\/25 { border-color: rgba(253, 164, 175, 0.25) !important; }

.dark .dark\:hover\:bg-rose-300\/25:hover,
html.dark .dark\:hover\:bg-rose-300\/25:hover { background-color: rgba(253, 164, 175, 0.25) !important; }
.dark .dark\:hover\:text-rose-300\/25:hover,
html.dark .dark\:hover\:text-rose-300\/25:hover { color: rgba(253, 164, 175, 0.25) !important; }
.dark .dark\:hover\:border-rose-300\/25:hover,
html.dark .dark\:hover\:border-rose-300\/25:hover { border-color: rgba(253, 164, 175, 0.25) !important; }

.bg-rose-300\/30 { background-color: rgba(253, 164, 175, 0.3) !important; }
.text-rose-300\/30 { color: rgba(253, 164, 175, 0.3) !important; }
.border-rose-300\/30 { border-color: rgba(253, 164, 175, 0.3) !important; }

.hover\:bg-rose-300\/30:hover { background-color: rgba(253, 164, 175, 0.3) !important; }
.hover\:text-rose-300\/30:hover { color: rgba(253, 164, 175, 0.3) !important; }
.hover\:border-rose-300\/30:hover { border-color: rgba(253, 164, 175, 0.3) !important; }

.dark .dark\:bg-rose-300\/30,
html.dark .dark\:bg-rose-300\/30 { background-color: rgba(253, 164, 175, 0.3) !important; }
.dark .dark\:text-rose-300\/30,
html.dark .dark\:text-rose-300\/30 { color: rgba(253, 164, 175, 0.3) !important; }
.dark .dark\:border-rose-300\/30,
html.dark .dark\:border-rose-300\/30 { border-color: rgba(253, 164, 175, 0.3) !important; }

.dark .dark\:hover\:bg-rose-300\/30:hover,
html.dark .dark\:hover\:bg-rose-300\/30:hover { background-color: rgba(253, 164, 175, 0.3) !important; }
.dark .dark\:hover\:text-rose-300\/30:hover,
html.dark .dark\:hover\:text-rose-300\/30:hover { color: rgba(253, 164, 175, 0.3) !important; }
.dark .dark\:hover\:border-rose-300\/30:hover,
html.dark .dark\:hover\:border-rose-300\/30:hover { border-color: rgba(253, 164, 175, 0.3) !important; }

.bg-rose-300\/40 { background-color: rgba(253, 164, 175, 0.4) !important; }
.text-rose-300\/40 { color: rgba(253, 164, 175, 0.4) !important; }
.border-rose-300\/40 { border-color: rgba(253, 164, 175, 0.4) !important; }

.hover\:bg-rose-300\/40:hover { background-color: rgba(253, 164, 175, 0.4) !important; }
.hover\:text-rose-300\/40:hover { color: rgba(253, 164, 175, 0.4) !important; }
.hover\:border-rose-300\/40:hover { border-color: rgba(253, 164, 175, 0.4) !important; }

.dark .dark\:bg-rose-300\/40,
html.dark .dark\:bg-rose-300\/40 { background-color: rgba(253, 164, 175, 0.4) !important; }
.dark .dark\:text-rose-300\/40,
html.dark .dark\:text-rose-300\/40 { color: rgba(253, 164, 175, 0.4) !important; }
.dark .dark\:border-rose-300\/40,
html.dark .dark\:border-rose-300\/40 { border-color: rgba(253, 164, 175, 0.4) !important; }

.dark .dark\:hover\:bg-rose-300\/40:hover,
html.dark .dark\:hover\:bg-rose-300\/40:hover { background-color: rgba(253, 164, 175, 0.4) !important; }
.dark .dark\:hover\:text-rose-300\/40:hover,
html.dark .dark\:hover\:text-rose-300\/40:hover { color: rgba(253, 164, 175, 0.4) !important; }
.dark .dark\:hover\:border-rose-300\/40:hover,
html.dark .dark\:hover\:border-rose-300\/40:hover { border-color: rgba(253, 164, 175, 0.4) !important; }

.bg-rose-300\/50 { background-color: rgba(253, 164, 175, 0.5) !important; }
.text-rose-300\/50 { color: rgba(253, 164, 175, 0.5) !important; }
.border-rose-300\/50 { border-color: rgba(253, 164, 175, 0.5) !important; }

.hover\:bg-rose-300\/50:hover { background-color: rgba(253, 164, 175, 0.5) !important; }
.hover\:text-rose-300\/50:hover { color: rgba(253, 164, 175, 0.5) !important; }
.hover\:border-rose-300\/50:hover { border-color: rgba(253, 164, 175, 0.5) !important; }

.dark .dark\:bg-rose-300\/50,
html.dark .dark\:bg-rose-300\/50 { background-color: rgba(253, 164, 175, 0.5) !important; }
.dark .dark\:text-rose-300\/50,
html.dark .dark\:text-rose-300\/50 { color: rgba(253, 164, 175, 0.5) !important; }
.dark .dark\:border-rose-300\/50,
html.dark .dark\:border-rose-300\/50 { border-color: rgba(253, 164, 175, 0.5) !important; }

.dark .dark\:hover\:bg-rose-300\/50:hover,
html.dark .dark\:hover\:bg-rose-300\/50:hover { background-color: rgba(253, 164, 175, 0.5) !important; }
.dark .dark\:hover\:text-rose-300\/50:hover,
html.dark .dark\:hover\:text-rose-300\/50:hover { color: rgba(253, 164, 175, 0.5) !important; }
.dark .dark\:hover\:border-rose-300\/50:hover,
html.dark .dark\:hover\:border-rose-300\/50:hover { border-color: rgba(253, 164, 175, 0.5) !important; }

.bg-rose-300\/60 { background-color: rgba(253, 164, 175, 0.6) !important; }
.text-rose-300\/60 { color: rgba(253, 164, 175, 0.6) !important; }
.border-rose-300\/60 { border-color: rgba(253, 164, 175, 0.6) !important; }

.hover\:bg-rose-300\/60:hover { background-color: rgba(253, 164, 175, 0.6) !important; }
.hover\:text-rose-300\/60:hover { color: rgba(253, 164, 175, 0.6) !important; }
.hover\:border-rose-300\/60:hover { border-color: rgba(253, 164, 175, 0.6) !important; }

.dark .dark\:bg-rose-300\/60,
html.dark .dark\:bg-rose-300\/60 { background-color: rgba(253, 164, 175, 0.6) !important; }
.dark .dark\:text-rose-300\/60,
html.dark .dark\:text-rose-300\/60 { color: rgba(253, 164, 175, 0.6) !important; }
.dark .dark\:border-rose-300\/60,
html.dark .dark\:border-rose-300\/60 { border-color: rgba(253, 164, 175, 0.6) !important; }

.dark .dark\:hover\:bg-rose-300\/60:hover,
html.dark .dark\:hover\:bg-rose-300\/60:hover { background-color: rgba(253, 164, 175, 0.6) !important; }
.dark .dark\:hover\:text-rose-300\/60:hover,
html.dark .dark\:hover\:text-rose-300\/60:hover { color: rgba(253, 164, 175, 0.6) !important; }
.dark .dark\:hover\:border-rose-300\/60:hover,
html.dark .dark\:hover\:border-rose-300\/60:hover { border-color: rgba(253, 164, 175, 0.6) !important; }

.bg-rose-300\/70 { background-color: rgba(253, 164, 175, 0.7) !important; }
.text-rose-300\/70 { color: rgba(253, 164, 175, 0.7) !important; }
.border-rose-300\/70 { border-color: rgba(253, 164, 175, 0.7) !important; }

.hover\:bg-rose-300\/70:hover { background-color: rgba(253, 164, 175, 0.7) !important; }
.hover\:text-rose-300\/70:hover { color: rgba(253, 164, 175, 0.7) !important; }
.hover\:border-rose-300\/70:hover { border-color: rgba(253, 164, 175, 0.7) !important; }

.dark .dark\:bg-rose-300\/70,
html.dark .dark\:bg-rose-300\/70 { background-color: rgba(253, 164, 175, 0.7) !important; }
.dark .dark\:text-rose-300\/70,
html.dark .dark\:text-rose-300\/70 { color: rgba(253, 164, 175, 0.7) !important; }
.dark .dark\:border-rose-300\/70,
html.dark .dark\:border-rose-300\/70 { border-color: rgba(253, 164, 175, 0.7) !important; }

.dark .dark\:hover\:bg-rose-300\/70:hover,
html.dark .dark\:hover\:bg-rose-300\/70:hover { background-color: rgba(253, 164, 175, 0.7) !important; }
.dark .dark\:hover\:text-rose-300\/70:hover,
html.dark .dark\:hover\:text-rose-300\/70:hover { color: rgba(253, 164, 175, 0.7) !important; }
.dark .dark\:hover\:border-rose-300\/70:hover,
html.dark .dark\:hover\:border-rose-300\/70:hover { border-color: rgba(253, 164, 175, 0.7) !important; }

.bg-rose-300\/75 { background-color: rgba(253, 164, 175, 0.75) !important; }
.text-rose-300\/75 { color: rgba(253, 164, 175, 0.75) !important; }
.border-rose-300\/75 { border-color: rgba(253, 164, 175, 0.75) !important; }

.hover\:bg-rose-300\/75:hover { background-color: rgba(253, 164, 175, 0.75) !important; }
.hover\:text-rose-300\/75:hover { color: rgba(253, 164, 175, 0.75) !important; }
.hover\:border-rose-300\/75:hover { border-color: rgba(253, 164, 175, 0.75) !important; }

.dark .dark\:bg-rose-300\/75,
html.dark .dark\:bg-rose-300\/75 { background-color: rgba(253, 164, 175, 0.75) !important; }
.dark .dark\:text-rose-300\/75,
html.dark .dark\:text-rose-300\/75 { color: rgba(253, 164, 175, 0.75) !important; }
.dark .dark\:border-rose-300\/75,
html.dark .dark\:border-rose-300\/75 { border-color: rgba(253, 164, 175, 0.75) !important; }

.dark .dark\:hover\:bg-rose-300\/75:hover,
html.dark .dark\:hover\:bg-rose-300\/75:hover { background-color: rgba(253, 164, 175, 0.75) !important; }
.dark .dark\:hover\:text-rose-300\/75:hover,
html.dark .dark\:hover\:text-rose-300\/75:hover { color: rgba(253, 164, 175, 0.75) !important; }
.dark .dark\:hover\:border-rose-300\/75:hover,
html.dark .dark\:hover\:border-rose-300\/75:hover { border-color: rgba(253, 164, 175, 0.75) !important; }

.bg-rose-300\/80 { background-color: rgba(253, 164, 175, 0.8) !important; }
.text-rose-300\/80 { color: rgba(253, 164, 175, 0.8) !important; }
.border-rose-300\/80 { border-color: rgba(253, 164, 175, 0.8) !important; }

.hover\:bg-rose-300\/80:hover { background-color: rgba(253, 164, 175, 0.8) !important; }
.hover\:text-rose-300\/80:hover { color: rgba(253, 164, 175, 0.8) !important; }
.hover\:border-rose-300\/80:hover { border-color: rgba(253, 164, 175, 0.8) !important; }

.dark .dark\:bg-rose-300\/80,
html.dark .dark\:bg-rose-300\/80 { background-color: rgba(253, 164, 175, 0.8) !important; }
.dark .dark\:text-rose-300\/80,
html.dark .dark\:text-rose-300\/80 { color: rgba(253, 164, 175, 0.8) !important; }
.dark .dark\:border-rose-300\/80,
html.dark .dark\:border-rose-300\/80 { border-color: rgba(253, 164, 175, 0.8) !important; }

.dark .dark\:hover\:bg-rose-300\/80:hover,
html.dark .dark\:hover\:bg-rose-300\/80:hover { background-color: rgba(253, 164, 175, 0.8) !important; }
.dark .dark\:hover\:text-rose-300\/80:hover,
html.dark .dark\:hover\:text-rose-300\/80:hover { color: rgba(253, 164, 175, 0.8) !important; }
.dark .dark\:hover\:border-rose-300\/80:hover,
html.dark .dark\:hover\:border-rose-300\/80:hover { border-color: rgba(253, 164, 175, 0.8) !important; }

.bg-rose-300\/90 { background-color: rgba(253, 164, 175, 0.9) !important; }
.text-rose-300\/90 { color: rgba(253, 164, 175, 0.9) !important; }
.border-rose-300\/90 { border-color: rgba(253, 164, 175, 0.9) !important; }

.hover\:bg-rose-300\/90:hover { background-color: rgba(253, 164, 175, 0.9) !important; }
.hover\:text-rose-300\/90:hover { color: rgba(253, 164, 175, 0.9) !important; }
.hover\:border-rose-300\/90:hover { border-color: rgba(253, 164, 175, 0.9) !important; }

.dark .dark\:bg-rose-300\/90,
html.dark .dark\:bg-rose-300\/90 { background-color: rgba(253, 164, 175, 0.9) !important; }
.dark .dark\:text-rose-300\/90,
html.dark .dark\:text-rose-300\/90 { color: rgba(253, 164, 175, 0.9) !important; }
.dark .dark\:border-rose-300\/90,
html.dark .dark\:border-rose-300\/90 { border-color: rgba(253, 164, 175, 0.9) !important; }

.dark .dark\:hover\:bg-rose-300\/90:hover,
html.dark .dark\:hover\:bg-rose-300\/90:hover { background-color: rgba(253, 164, 175, 0.9) !important; }
.dark .dark\:hover\:text-rose-300\/90:hover,
html.dark .dark\:hover\:text-rose-300\/90:hover { color: rgba(253, 164, 175, 0.9) !important; }
.dark .dark\:hover\:border-rose-300\/90:hover,
html.dark .dark\:hover\:border-rose-300\/90:hover { border-color: rgba(253, 164, 175, 0.9) !important; }

.bg-rose-300\/95 { background-color: rgba(253, 164, 175, 0.95) !important; }
.text-rose-300\/95 { color: rgba(253, 164, 175, 0.95) !important; }
.border-rose-300\/95 { border-color: rgba(253, 164, 175, 0.95) !important; }

.hover\:bg-rose-300\/95:hover { background-color: rgba(253, 164, 175, 0.95) !important; }
.hover\:text-rose-300\/95:hover { color: rgba(253, 164, 175, 0.95) !important; }
.hover\:border-rose-300\/95:hover { border-color: rgba(253, 164, 175, 0.95) !important; }

.dark .dark\:bg-rose-300\/95,
html.dark .dark\:bg-rose-300\/95 { background-color: rgba(253, 164, 175, 0.95) !important; }
.dark .dark\:text-rose-300\/95,
html.dark .dark\:text-rose-300\/95 { color: rgba(253, 164, 175, 0.95) !important; }
.dark .dark\:border-rose-300\/95,
html.dark .dark\:border-rose-300\/95 { border-color: rgba(253, 164, 175, 0.95) !important; }

.dark .dark\:hover\:bg-rose-300\/95:hover,
html.dark .dark\:hover\:bg-rose-300\/95:hover { background-color: rgba(253, 164, 175, 0.95) !important; }
.dark .dark\:hover\:text-rose-300\/95:hover,
html.dark .dark\:hover\:text-rose-300\/95:hover { color: rgba(253, 164, 175, 0.95) !important; }
.dark .dark\:hover\:border-rose-300\/95:hover,
html.dark .dark\:hover\:border-rose-300\/95:hover { border-color: rgba(253, 164, 175, 0.95) !important; }

.bg-rose-400 { background-color: #fb7185 !important; }
.text-rose-400 { color: #fb7185 !important; }
.border-rose-400 { border-color: #fb7185 !important; }
.fill-rose-400 { fill: #fb7185 !important; }
.stroke-rose-400 { stroke: #fb7185 !important; }

/* Hover states */
.hover\:bg-rose-400:hover { background-color: #fb7185 !important; }
.hover\:text-rose-400:hover { color: #fb7185 !important; }
.hover\:border-rose-400:hover { border-color: #fb7185 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-400,
html.dark .dark\:bg-rose-400 { background-color: #fb7185 !important; }
.dark .dark\:text-rose-400,
html.dark .dark\:text-rose-400 { color: #fb7185 !important; }
.dark .dark\:border-rose-400,
html.dark .dark\:border-rose-400 { border-color: #fb7185 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-400:hover,
html.dark .dark\:hover\:bg-rose-400:hover { background-color: #fb7185 !important; }
.dark .dark\:hover\:text-rose-400:hover,
html.dark .dark\:hover\:text-rose-400:hover { color: #fb7185 !important; }
.dark .dark\:hover\:border-rose-400:hover,
html.dark .dark\:hover\:border-rose-400:hover { border-color: #fb7185 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-400,
html.dark .group:hover .dark\:group-hover\:text-rose-400 { color: #fb7185 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-400,
html.dark .group:hover .dark\:group-hover\:bg-rose-400 { background-color: #fb7185 !important; }

.bg-rose-400\/10 { background-color: rgba(251, 113, 133, 0.1) !important; }
.text-rose-400\/10 { color: rgba(251, 113, 133, 0.1) !important; }
.border-rose-400\/10 { border-color: rgba(251, 113, 133, 0.1) !important; }

.hover\:bg-rose-400\/10:hover { background-color: rgba(251, 113, 133, 0.1) !important; }
.hover\:text-rose-400\/10:hover { color: rgba(251, 113, 133, 0.1) !important; }
.hover\:border-rose-400\/10:hover { border-color: rgba(251, 113, 133, 0.1) !important; }

.dark .dark\:bg-rose-400\/10,
html.dark .dark\:bg-rose-400\/10 { background-color: rgba(251, 113, 133, 0.1) !important; }
.dark .dark\:text-rose-400\/10,
html.dark .dark\:text-rose-400\/10 { color: rgba(251, 113, 133, 0.1) !important; }
.dark .dark\:border-rose-400\/10,
html.dark .dark\:border-rose-400\/10 { border-color: rgba(251, 113, 133, 0.1) !important; }

.dark .dark\:hover\:bg-rose-400\/10:hover,
html.dark .dark\:hover\:bg-rose-400\/10:hover { background-color: rgba(251, 113, 133, 0.1) !important; }
.dark .dark\:hover\:text-rose-400\/10:hover,
html.dark .dark\:hover\:text-rose-400\/10:hover { color: rgba(251, 113, 133, 0.1) !important; }
.dark .dark\:hover\:border-rose-400\/10:hover,
html.dark .dark\:hover\:border-rose-400\/10:hover { border-color: rgba(251, 113, 133, 0.1) !important; }

.bg-rose-400\/20 { background-color: rgba(251, 113, 133, 0.2) !important; }
.text-rose-400\/20 { color: rgba(251, 113, 133, 0.2) !important; }
.border-rose-400\/20 { border-color: rgba(251, 113, 133, 0.2) !important; }

.hover\:bg-rose-400\/20:hover { background-color: rgba(251, 113, 133, 0.2) !important; }
.hover\:text-rose-400\/20:hover { color: rgba(251, 113, 133, 0.2) !important; }
.hover\:border-rose-400\/20:hover { border-color: rgba(251, 113, 133, 0.2) !important; }

.dark .dark\:bg-rose-400\/20,
html.dark .dark\:bg-rose-400\/20 { background-color: rgba(251, 113, 133, 0.2) !important; }
.dark .dark\:text-rose-400\/20,
html.dark .dark\:text-rose-400\/20 { color: rgba(251, 113, 133, 0.2) !important; }
.dark .dark\:border-rose-400\/20,
html.dark .dark\:border-rose-400\/20 { border-color: rgba(251, 113, 133, 0.2) !important; }

.dark .dark\:hover\:bg-rose-400\/20:hover,
html.dark .dark\:hover\:bg-rose-400\/20:hover { background-color: rgba(251, 113, 133, 0.2) !important; }
.dark .dark\:hover\:text-rose-400\/20:hover,
html.dark .dark\:hover\:text-rose-400\/20:hover { color: rgba(251, 113, 133, 0.2) !important; }
.dark .dark\:hover\:border-rose-400\/20:hover,
html.dark .dark\:hover\:border-rose-400\/20:hover { border-color: rgba(251, 113, 133, 0.2) !important; }

.bg-rose-400\/25 { background-color: rgba(251, 113, 133, 0.25) !important; }
.text-rose-400\/25 { color: rgba(251, 113, 133, 0.25) !important; }
.border-rose-400\/25 { border-color: rgba(251, 113, 133, 0.25) !important; }

.hover\:bg-rose-400\/25:hover { background-color: rgba(251, 113, 133, 0.25) !important; }
.hover\:text-rose-400\/25:hover { color: rgba(251, 113, 133, 0.25) !important; }
.hover\:border-rose-400\/25:hover { border-color: rgba(251, 113, 133, 0.25) !important; }

.dark .dark\:bg-rose-400\/25,
html.dark .dark\:bg-rose-400\/25 { background-color: rgba(251, 113, 133, 0.25) !important; }
.dark .dark\:text-rose-400\/25,
html.dark .dark\:text-rose-400\/25 { color: rgba(251, 113, 133, 0.25) !important; }
.dark .dark\:border-rose-400\/25,
html.dark .dark\:border-rose-400\/25 { border-color: rgba(251, 113, 133, 0.25) !important; }

.dark .dark\:hover\:bg-rose-400\/25:hover,
html.dark .dark\:hover\:bg-rose-400\/25:hover { background-color: rgba(251, 113, 133, 0.25) !important; }
.dark .dark\:hover\:text-rose-400\/25:hover,
html.dark .dark\:hover\:text-rose-400\/25:hover { color: rgba(251, 113, 133, 0.25) !important; }
.dark .dark\:hover\:border-rose-400\/25:hover,
html.dark .dark\:hover\:border-rose-400\/25:hover { border-color: rgba(251, 113, 133, 0.25) !important; }

.bg-rose-400\/30 { background-color: rgba(251, 113, 133, 0.3) !important; }
.text-rose-400\/30 { color: rgba(251, 113, 133, 0.3) !important; }
.border-rose-400\/30 { border-color: rgba(251, 113, 133, 0.3) !important; }

.hover\:bg-rose-400\/30:hover { background-color: rgba(251, 113, 133, 0.3) !important; }
.hover\:text-rose-400\/30:hover { color: rgba(251, 113, 133, 0.3) !important; }
.hover\:border-rose-400\/30:hover { border-color: rgba(251, 113, 133, 0.3) !important; }

.dark .dark\:bg-rose-400\/30,
html.dark .dark\:bg-rose-400\/30 { background-color: rgba(251, 113, 133, 0.3) !important; }
.dark .dark\:text-rose-400\/30,
html.dark .dark\:text-rose-400\/30 { color: rgba(251, 113, 133, 0.3) !important; }
.dark .dark\:border-rose-400\/30,
html.dark .dark\:border-rose-400\/30 { border-color: rgba(251, 113, 133, 0.3) !important; }

.dark .dark\:hover\:bg-rose-400\/30:hover,
html.dark .dark\:hover\:bg-rose-400\/30:hover { background-color: rgba(251, 113, 133, 0.3) !important; }
.dark .dark\:hover\:text-rose-400\/30:hover,
html.dark .dark\:hover\:text-rose-400\/30:hover { color: rgba(251, 113, 133, 0.3) !important; }
.dark .dark\:hover\:border-rose-400\/30:hover,
html.dark .dark\:hover\:border-rose-400\/30:hover { border-color: rgba(251, 113, 133, 0.3) !important; }

.bg-rose-400\/40 { background-color: rgba(251, 113, 133, 0.4) !important; }
.text-rose-400\/40 { color: rgba(251, 113, 133, 0.4) !important; }
.border-rose-400\/40 { border-color: rgba(251, 113, 133, 0.4) !important; }

.hover\:bg-rose-400\/40:hover { background-color: rgba(251, 113, 133, 0.4) !important; }
.hover\:text-rose-400\/40:hover { color: rgba(251, 113, 133, 0.4) !important; }
.hover\:border-rose-400\/40:hover { border-color: rgba(251, 113, 133, 0.4) !important; }

.dark .dark\:bg-rose-400\/40,
html.dark .dark\:bg-rose-400\/40 { background-color: rgba(251, 113, 133, 0.4) !important; }
.dark .dark\:text-rose-400\/40,
html.dark .dark\:text-rose-400\/40 { color: rgba(251, 113, 133, 0.4) !important; }
.dark .dark\:border-rose-400\/40,
html.dark .dark\:border-rose-400\/40 { border-color: rgba(251, 113, 133, 0.4) !important; }

.dark .dark\:hover\:bg-rose-400\/40:hover,
html.dark .dark\:hover\:bg-rose-400\/40:hover { background-color: rgba(251, 113, 133, 0.4) !important; }
.dark .dark\:hover\:text-rose-400\/40:hover,
html.dark .dark\:hover\:text-rose-400\/40:hover { color: rgba(251, 113, 133, 0.4) !important; }
.dark .dark\:hover\:border-rose-400\/40:hover,
html.dark .dark\:hover\:border-rose-400\/40:hover { border-color: rgba(251, 113, 133, 0.4) !important; }

.bg-rose-400\/50 { background-color: rgba(251, 113, 133, 0.5) !important; }
.text-rose-400\/50 { color: rgba(251, 113, 133, 0.5) !important; }
.border-rose-400\/50 { border-color: rgba(251, 113, 133, 0.5) !important; }

.hover\:bg-rose-400\/50:hover { background-color: rgba(251, 113, 133, 0.5) !important; }
.hover\:text-rose-400\/50:hover { color: rgba(251, 113, 133, 0.5) !important; }
.hover\:border-rose-400\/50:hover { border-color: rgba(251, 113, 133, 0.5) !important; }

.dark .dark\:bg-rose-400\/50,
html.dark .dark\:bg-rose-400\/50 { background-color: rgba(251, 113, 133, 0.5) !important; }
.dark .dark\:text-rose-400\/50,
html.dark .dark\:text-rose-400\/50 { color: rgba(251, 113, 133, 0.5) !important; }
.dark .dark\:border-rose-400\/50,
html.dark .dark\:border-rose-400\/50 { border-color: rgba(251, 113, 133, 0.5) !important; }

.dark .dark\:hover\:bg-rose-400\/50:hover,
html.dark .dark\:hover\:bg-rose-400\/50:hover { background-color: rgba(251, 113, 133, 0.5) !important; }
.dark .dark\:hover\:text-rose-400\/50:hover,
html.dark .dark\:hover\:text-rose-400\/50:hover { color: rgba(251, 113, 133, 0.5) !important; }
.dark .dark\:hover\:border-rose-400\/50:hover,
html.dark .dark\:hover\:border-rose-400\/50:hover { border-color: rgba(251, 113, 133, 0.5) !important; }

.bg-rose-400\/60 { background-color: rgba(251, 113, 133, 0.6) !important; }
.text-rose-400\/60 { color: rgba(251, 113, 133, 0.6) !important; }
.border-rose-400\/60 { border-color: rgba(251, 113, 133, 0.6) !important; }

.hover\:bg-rose-400\/60:hover { background-color: rgba(251, 113, 133, 0.6) !important; }
.hover\:text-rose-400\/60:hover { color: rgba(251, 113, 133, 0.6) !important; }
.hover\:border-rose-400\/60:hover { border-color: rgba(251, 113, 133, 0.6) !important; }

.dark .dark\:bg-rose-400\/60,
html.dark .dark\:bg-rose-400\/60 { background-color: rgba(251, 113, 133, 0.6) !important; }
.dark .dark\:text-rose-400\/60,
html.dark .dark\:text-rose-400\/60 { color: rgba(251, 113, 133, 0.6) !important; }
.dark .dark\:border-rose-400\/60,
html.dark .dark\:border-rose-400\/60 { border-color: rgba(251, 113, 133, 0.6) !important; }

.dark .dark\:hover\:bg-rose-400\/60:hover,
html.dark .dark\:hover\:bg-rose-400\/60:hover { background-color: rgba(251, 113, 133, 0.6) !important; }
.dark .dark\:hover\:text-rose-400\/60:hover,
html.dark .dark\:hover\:text-rose-400\/60:hover { color: rgba(251, 113, 133, 0.6) !important; }
.dark .dark\:hover\:border-rose-400\/60:hover,
html.dark .dark\:hover\:border-rose-400\/60:hover { border-color: rgba(251, 113, 133, 0.6) !important; }

.bg-rose-400\/70 { background-color: rgba(251, 113, 133, 0.7) !important; }
.text-rose-400\/70 { color: rgba(251, 113, 133, 0.7) !important; }
.border-rose-400\/70 { border-color: rgba(251, 113, 133, 0.7) !important; }

.hover\:bg-rose-400\/70:hover { background-color: rgba(251, 113, 133, 0.7) !important; }
.hover\:text-rose-400\/70:hover { color: rgba(251, 113, 133, 0.7) !important; }
.hover\:border-rose-400\/70:hover { border-color: rgba(251, 113, 133, 0.7) !important; }

.dark .dark\:bg-rose-400\/70,
html.dark .dark\:bg-rose-400\/70 { background-color: rgba(251, 113, 133, 0.7) !important; }
.dark .dark\:text-rose-400\/70,
html.dark .dark\:text-rose-400\/70 { color: rgba(251, 113, 133, 0.7) !important; }
.dark .dark\:border-rose-400\/70,
html.dark .dark\:border-rose-400\/70 { border-color: rgba(251, 113, 133, 0.7) !important; }

.dark .dark\:hover\:bg-rose-400\/70:hover,
html.dark .dark\:hover\:bg-rose-400\/70:hover { background-color: rgba(251, 113, 133, 0.7) !important; }
.dark .dark\:hover\:text-rose-400\/70:hover,
html.dark .dark\:hover\:text-rose-400\/70:hover { color: rgba(251, 113, 133, 0.7) !important; }
.dark .dark\:hover\:border-rose-400\/70:hover,
html.dark .dark\:hover\:border-rose-400\/70:hover { border-color: rgba(251, 113, 133, 0.7) !important; }

.bg-rose-400\/75 { background-color: rgba(251, 113, 133, 0.75) !important; }
.text-rose-400\/75 { color: rgba(251, 113, 133, 0.75) !important; }
.border-rose-400\/75 { border-color: rgba(251, 113, 133, 0.75) !important; }

.hover\:bg-rose-400\/75:hover { background-color: rgba(251, 113, 133, 0.75) !important; }
.hover\:text-rose-400\/75:hover { color: rgba(251, 113, 133, 0.75) !important; }
.hover\:border-rose-400\/75:hover { border-color: rgba(251, 113, 133, 0.75) !important; }

.dark .dark\:bg-rose-400\/75,
html.dark .dark\:bg-rose-400\/75 { background-color: rgba(251, 113, 133, 0.75) !important; }
.dark .dark\:text-rose-400\/75,
html.dark .dark\:text-rose-400\/75 { color: rgba(251, 113, 133, 0.75) !important; }
.dark .dark\:border-rose-400\/75,
html.dark .dark\:border-rose-400\/75 { border-color: rgba(251, 113, 133, 0.75) !important; }

.dark .dark\:hover\:bg-rose-400\/75:hover,
html.dark .dark\:hover\:bg-rose-400\/75:hover { background-color: rgba(251, 113, 133, 0.75) !important; }
.dark .dark\:hover\:text-rose-400\/75:hover,
html.dark .dark\:hover\:text-rose-400\/75:hover { color: rgba(251, 113, 133, 0.75) !important; }
.dark .dark\:hover\:border-rose-400\/75:hover,
html.dark .dark\:hover\:border-rose-400\/75:hover { border-color: rgba(251, 113, 133, 0.75) !important; }

.bg-rose-400\/80 { background-color: rgba(251, 113, 133, 0.8) !important; }
.text-rose-400\/80 { color: rgba(251, 113, 133, 0.8) !important; }
.border-rose-400\/80 { border-color: rgba(251, 113, 133, 0.8) !important; }

.hover\:bg-rose-400\/80:hover { background-color: rgba(251, 113, 133, 0.8) !important; }
.hover\:text-rose-400\/80:hover { color: rgba(251, 113, 133, 0.8) !important; }
.hover\:border-rose-400\/80:hover { border-color: rgba(251, 113, 133, 0.8) !important; }

.dark .dark\:bg-rose-400\/80,
html.dark .dark\:bg-rose-400\/80 { background-color: rgba(251, 113, 133, 0.8) !important; }
.dark .dark\:text-rose-400\/80,
html.dark .dark\:text-rose-400\/80 { color: rgba(251, 113, 133, 0.8) !important; }
.dark .dark\:border-rose-400\/80,
html.dark .dark\:border-rose-400\/80 { border-color: rgba(251, 113, 133, 0.8) !important; }

.dark .dark\:hover\:bg-rose-400\/80:hover,
html.dark .dark\:hover\:bg-rose-400\/80:hover { background-color: rgba(251, 113, 133, 0.8) !important; }
.dark .dark\:hover\:text-rose-400\/80:hover,
html.dark .dark\:hover\:text-rose-400\/80:hover { color: rgba(251, 113, 133, 0.8) !important; }
.dark .dark\:hover\:border-rose-400\/80:hover,
html.dark .dark\:hover\:border-rose-400\/80:hover { border-color: rgba(251, 113, 133, 0.8) !important; }

.bg-rose-400\/90 { background-color: rgba(251, 113, 133, 0.9) !important; }
.text-rose-400\/90 { color: rgba(251, 113, 133, 0.9) !important; }
.border-rose-400\/90 { border-color: rgba(251, 113, 133, 0.9) !important; }

.hover\:bg-rose-400\/90:hover { background-color: rgba(251, 113, 133, 0.9) !important; }
.hover\:text-rose-400\/90:hover { color: rgba(251, 113, 133, 0.9) !important; }
.hover\:border-rose-400\/90:hover { border-color: rgba(251, 113, 133, 0.9) !important; }

.dark .dark\:bg-rose-400\/90,
html.dark .dark\:bg-rose-400\/90 { background-color: rgba(251, 113, 133, 0.9) !important; }
.dark .dark\:text-rose-400\/90,
html.dark .dark\:text-rose-400\/90 { color: rgba(251, 113, 133, 0.9) !important; }
.dark .dark\:border-rose-400\/90,
html.dark .dark\:border-rose-400\/90 { border-color: rgba(251, 113, 133, 0.9) !important; }

.dark .dark\:hover\:bg-rose-400\/90:hover,
html.dark .dark\:hover\:bg-rose-400\/90:hover { background-color: rgba(251, 113, 133, 0.9) !important; }
.dark .dark\:hover\:text-rose-400\/90:hover,
html.dark .dark\:hover\:text-rose-400\/90:hover { color: rgba(251, 113, 133, 0.9) !important; }
.dark .dark\:hover\:border-rose-400\/90:hover,
html.dark .dark\:hover\:border-rose-400\/90:hover { border-color: rgba(251, 113, 133, 0.9) !important; }

.bg-rose-400\/95 { background-color: rgba(251, 113, 133, 0.95) !important; }
.text-rose-400\/95 { color: rgba(251, 113, 133, 0.95) !important; }
.border-rose-400\/95 { border-color: rgba(251, 113, 133, 0.95) !important; }

.hover\:bg-rose-400\/95:hover { background-color: rgba(251, 113, 133, 0.95) !important; }
.hover\:text-rose-400\/95:hover { color: rgba(251, 113, 133, 0.95) !important; }
.hover\:border-rose-400\/95:hover { border-color: rgba(251, 113, 133, 0.95) !important; }

.dark .dark\:bg-rose-400\/95,
html.dark .dark\:bg-rose-400\/95 { background-color: rgba(251, 113, 133, 0.95) !important; }
.dark .dark\:text-rose-400\/95,
html.dark .dark\:text-rose-400\/95 { color: rgba(251, 113, 133, 0.95) !important; }
.dark .dark\:border-rose-400\/95,
html.dark .dark\:border-rose-400\/95 { border-color: rgba(251, 113, 133, 0.95) !important; }

.dark .dark\:hover\:bg-rose-400\/95:hover,
html.dark .dark\:hover\:bg-rose-400\/95:hover { background-color: rgba(251, 113, 133, 0.95) !important; }
.dark .dark\:hover\:text-rose-400\/95:hover,
html.dark .dark\:hover\:text-rose-400\/95:hover { color: rgba(251, 113, 133, 0.95) !important; }
.dark .dark\:hover\:border-rose-400\/95:hover,
html.dark .dark\:hover\:border-rose-400\/95:hover { border-color: rgba(251, 113, 133, 0.95) !important; }

.bg-rose-500 { background-color: #f43f5e !important; }
.text-rose-500 { color: #f43f5e !important; }
.border-rose-500 { border-color: #f43f5e !important; }
.fill-rose-500 { fill: #f43f5e !important; }
.stroke-rose-500 { stroke: #f43f5e !important; }

/* Hover states */
.hover\:bg-rose-500:hover { background-color: #f43f5e !important; }
.hover\:text-rose-500:hover { color: #f43f5e !important; }
.hover\:border-rose-500:hover { border-color: #f43f5e !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-500,
html.dark .dark\:bg-rose-500 { background-color: #f43f5e !important; }
.dark .dark\:text-rose-500,
html.dark .dark\:text-rose-500 { color: #f43f5e !important; }
.dark .dark\:border-rose-500,
html.dark .dark\:border-rose-500 { border-color: #f43f5e !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-500:hover,
html.dark .dark\:hover\:bg-rose-500:hover { background-color: #f43f5e !important; }
.dark .dark\:hover\:text-rose-500:hover,
html.dark .dark\:hover\:text-rose-500:hover { color: #f43f5e !important; }
.dark .dark\:hover\:border-rose-500:hover,
html.dark .dark\:hover\:border-rose-500:hover { border-color: #f43f5e !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-500,
html.dark .group:hover .dark\:group-hover\:text-rose-500 { color: #f43f5e !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-500,
html.dark .group:hover .dark\:group-hover\:bg-rose-500 { background-color: #f43f5e !important; }

.bg-rose-500\/10 { background-color: rgba(244, 63, 94, 0.1) !important; }
.text-rose-500\/10 { color: rgba(244, 63, 94, 0.1) !important; }
.border-rose-500\/10 { border-color: rgba(244, 63, 94, 0.1) !important; }

.hover\:bg-rose-500\/10:hover { background-color: rgba(244, 63, 94, 0.1) !important; }
.hover\:text-rose-500\/10:hover { color: rgba(244, 63, 94, 0.1) !important; }
.hover\:border-rose-500\/10:hover { border-color: rgba(244, 63, 94, 0.1) !important; }

.dark .dark\:bg-rose-500\/10,
html.dark .dark\:bg-rose-500\/10 { background-color: rgba(244, 63, 94, 0.1) !important; }
.dark .dark\:text-rose-500\/10,
html.dark .dark\:text-rose-500\/10 { color: rgba(244, 63, 94, 0.1) !important; }
.dark .dark\:border-rose-500\/10,
html.dark .dark\:border-rose-500\/10 { border-color: rgba(244, 63, 94, 0.1) !important; }

.dark .dark\:hover\:bg-rose-500\/10:hover,
html.dark .dark\:hover\:bg-rose-500\/10:hover { background-color: rgba(244, 63, 94, 0.1) !important; }
.dark .dark\:hover\:text-rose-500\/10:hover,
html.dark .dark\:hover\:text-rose-500\/10:hover { color: rgba(244, 63, 94, 0.1) !important; }
.dark .dark\:hover\:border-rose-500\/10:hover,
html.dark .dark\:hover\:border-rose-500\/10:hover { border-color: rgba(244, 63, 94, 0.1) !important; }

.bg-rose-500\/20 { background-color: rgba(244, 63, 94, 0.2) !important; }
.text-rose-500\/20 { color: rgba(244, 63, 94, 0.2) !important; }
.border-rose-500\/20 { border-color: rgba(244, 63, 94, 0.2) !important; }

.hover\:bg-rose-500\/20:hover { background-color: rgba(244, 63, 94, 0.2) !important; }
.hover\:text-rose-500\/20:hover { color: rgba(244, 63, 94, 0.2) !important; }
.hover\:border-rose-500\/20:hover { border-color: rgba(244, 63, 94, 0.2) !important; }

.dark .dark\:bg-rose-500\/20,
html.dark .dark\:bg-rose-500\/20 { background-color: rgba(244, 63, 94, 0.2) !important; }
.dark .dark\:text-rose-500\/20,
html.dark .dark\:text-rose-500\/20 { color: rgba(244, 63, 94, 0.2) !important; }
.dark .dark\:border-rose-500\/20,
html.dark .dark\:border-rose-500\/20 { border-color: rgba(244, 63, 94, 0.2) !important; }

.dark .dark\:hover\:bg-rose-500\/20:hover,
html.dark .dark\:hover\:bg-rose-500\/20:hover { background-color: rgba(244, 63, 94, 0.2) !important; }
.dark .dark\:hover\:text-rose-500\/20:hover,
html.dark .dark\:hover\:text-rose-500\/20:hover { color: rgba(244, 63, 94, 0.2) !important; }
.dark .dark\:hover\:border-rose-500\/20:hover,
html.dark .dark\:hover\:border-rose-500\/20:hover { border-color: rgba(244, 63, 94, 0.2) !important; }

.bg-rose-500\/25 { background-color: rgba(244, 63, 94, 0.25) !important; }
.text-rose-500\/25 { color: rgba(244, 63, 94, 0.25) !important; }
.border-rose-500\/25 { border-color: rgba(244, 63, 94, 0.25) !important; }

.hover\:bg-rose-500\/25:hover { background-color: rgba(244, 63, 94, 0.25) !important; }
.hover\:text-rose-500\/25:hover { color: rgba(244, 63, 94, 0.25) !important; }
.hover\:border-rose-500\/25:hover { border-color: rgba(244, 63, 94, 0.25) !important; }

.dark .dark\:bg-rose-500\/25,
html.dark .dark\:bg-rose-500\/25 { background-color: rgba(244, 63, 94, 0.25) !important; }
.dark .dark\:text-rose-500\/25,
html.dark .dark\:text-rose-500\/25 { color: rgba(244, 63, 94, 0.25) !important; }
.dark .dark\:border-rose-500\/25,
html.dark .dark\:border-rose-500\/25 { border-color: rgba(244, 63, 94, 0.25) !important; }

.dark .dark\:hover\:bg-rose-500\/25:hover,
html.dark .dark\:hover\:bg-rose-500\/25:hover { background-color: rgba(244, 63, 94, 0.25) !important; }
.dark .dark\:hover\:text-rose-500\/25:hover,
html.dark .dark\:hover\:text-rose-500\/25:hover { color: rgba(244, 63, 94, 0.25) !important; }
.dark .dark\:hover\:border-rose-500\/25:hover,
html.dark .dark\:hover\:border-rose-500\/25:hover { border-color: rgba(244, 63, 94, 0.25) !important; }

.bg-rose-500\/30 { background-color: rgba(244, 63, 94, 0.3) !important; }
.text-rose-500\/30 { color: rgba(244, 63, 94, 0.3) !important; }
.border-rose-500\/30 { border-color: rgba(244, 63, 94, 0.3) !important; }

.hover\:bg-rose-500\/30:hover { background-color: rgba(244, 63, 94, 0.3) !important; }
.hover\:text-rose-500\/30:hover { color: rgba(244, 63, 94, 0.3) !important; }
.hover\:border-rose-500\/30:hover { border-color: rgba(244, 63, 94, 0.3) !important; }

.dark .dark\:bg-rose-500\/30,
html.dark .dark\:bg-rose-500\/30 { background-color: rgba(244, 63, 94, 0.3) !important; }
.dark .dark\:text-rose-500\/30,
html.dark .dark\:text-rose-500\/30 { color: rgba(244, 63, 94, 0.3) !important; }
.dark .dark\:border-rose-500\/30,
html.dark .dark\:border-rose-500\/30 { border-color: rgba(244, 63, 94, 0.3) !important; }

.dark .dark\:hover\:bg-rose-500\/30:hover,
html.dark .dark\:hover\:bg-rose-500\/30:hover { background-color: rgba(244, 63, 94, 0.3) !important; }
.dark .dark\:hover\:text-rose-500\/30:hover,
html.dark .dark\:hover\:text-rose-500\/30:hover { color: rgba(244, 63, 94, 0.3) !important; }
.dark .dark\:hover\:border-rose-500\/30:hover,
html.dark .dark\:hover\:border-rose-500\/30:hover { border-color: rgba(244, 63, 94, 0.3) !important; }

.bg-rose-500\/40 { background-color: rgba(244, 63, 94, 0.4) !important; }
.text-rose-500\/40 { color: rgba(244, 63, 94, 0.4) !important; }
.border-rose-500\/40 { border-color: rgba(244, 63, 94, 0.4) !important; }

.hover\:bg-rose-500\/40:hover { background-color: rgba(244, 63, 94, 0.4) !important; }
.hover\:text-rose-500\/40:hover { color: rgba(244, 63, 94, 0.4) !important; }
.hover\:border-rose-500\/40:hover { border-color: rgba(244, 63, 94, 0.4) !important; }

.dark .dark\:bg-rose-500\/40,
html.dark .dark\:bg-rose-500\/40 { background-color: rgba(244, 63, 94, 0.4) !important; }
.dark .dark\:text-rose-500\/40,
html.dark .dark\:text-rose-500\/40 { color: rgba(244, 63, 94, 0.4) !important; }
.dark .dark\:border-rose-500\/40,
html.dark .dark\:border-rose-500\/40 { border-color: rgba(244, 63, 94, 0.4) !important; }

.dark .dark\:hover\:bg-rose-500\/40:hover,
html.dark .dark\:hover\:bg-rose-500\/40:hover { background-color: rgba(244, 63, 94, 0.4) !important; }
.dark .dark\:hover\:text-rose-500\/40:hover,
html.dark .dark\:hover\:text-rose-500\/40:hover { color: rgba(244, 63, 94, 0.4) !important; }
.dark .dark\:hover\:border-rose-500\/40:hover,
html.dark .dark\:hover\:border-rose-500\/40:hover { border-color: rgba(244, 63, 94, 0.4) !important; }

.bg-rose-500\/50 { background-color: rgba(244, 63, 94, 0.5) !important; }
.text-rose-500\/50 { color: rgba(244, 63, 94, 0.5) !important; }
.border-rose-500\/50 { border-color: rgba(244, 63, 94, 0.5) !important; }

.hover\:bg-rose-500\/50:hover { background-color: rgba(244, 63, 94, 0.5) !important; }
.hover\:text-rose-500\/50:hover { color: rgba(244, 63, 94, 0.5) !important; }
.hover\:border-rose-500\/50:hover { border-color: rgba(244, 63, 94, 0.5) !important; }

.dark .dark\:bg-rose-500\/50,
html.dark .dark\:bg-rose-500\/50 { background-color: rgba(244, 63, 94, 0.5) !important; }
.dark .dark\:text-rose-500\/50,
html.dark .dark\:text-rose-500\/50 { color: rgba(244, 63, 94, 0.5) !important; }
.dark .dark\:border-rose-500\/50,
html.dark .dark\:border-rose-500\/50 { border-color: rgba(244, 63, 94, 0.5) !important; }

.dark .dark\:hover\:bg-rose-500\/50:hover,
html.dark .dark\:hover\:bg-rose-500\/50:hover { background-color: rgba(244, 63, 94, 0.5) !important; }
.dark .dark\:hover\:text-rose-500\/50:hover,
html.dark .dark\:hover\:text-rose-500\/50:hover { color: rgba(244, 63, 94, 0.5) !important; }
.dark .dark\:hover\:border-rose-500\/50:hover,
html.dark .dark\:hover\:border-rose-500\/50:hover { border-color: rgba(244, 63, 94, 0.5) !important; }

.bg-rose-500\/60 { background-color: rgba(244, 63, 94, 0.6) !important; }
.text-rose-500\/60 { color: rgba(244, 63, 94, 0.6) !important; }
.border-rose-500\/60 { border-color: rgba(244, 63, 94, 0.6) !important; }

.hover\:bg-rose-500\/60:hover { background-color: rgba(244, 63, 94, 0.6) !important; }
.hover\:text-rose-500\/60:hover { color: rgba(244, 63, 94, 0.6) !important; }
.hover\:border-rose-500\/60:hover { border-color: rgba(244, 63, 94, 0.6) !important; }

.dark .dark\:bg-rose-500\/60,
html.dark .dark\:bg-rose-500\/60 { background-color: rgba(244, 63, 94, 0.6) !important; }
.dark .dark\:text-rose-500\/60,
html.dark .dark\:text-rose-500\/60 { color: rgba(244, 63, 94, 0.6) !important; }
.dark .dark\:border-rose-500\/60,
html.dark .dark\:border-rose-500\/60 { border-color: rgba(244, 63, 94, 0.6) !important; }

.dark .dark\:hover\:bg-rose-500\/60:hover,
html.dark .dark\:hover\:bg-rose-500\/60:hover { background-color: rgba(244, 63, 94, 0.6) !important; }
.dark .dark\:hover\:text-rose-500\/60:hover,
html.dark .dark\:hover\:text-rose-500\/60:hover { color: rgba(244, 63, 94, 0.6) !important; }
.dark .dark\:hover\:border-rose-500\/60:hover,
html.dark .dark\:hover\:border-rose-500\/60:hover { border-color: rgba(244, 63, 94, 0.6) !important; }

.bg-rose-500\/70 { background-color: rgba(244, 63, 94, 0.7) !important; }
.text-rose-500\/70 { color: rgba(244, 63, 94, 0.7) !important; }
.border-rose-500\/70 { border-color: rgba(244, 63, 94, 0.7) !important; }

.hover\:bg-rose-500\/70:hover { background-color: rgba(244, 63, 94, 0.7) !important; }
.hover\:text-rose-500\/70:hover { color: rgba(244, 63, 94, 0.7) !important; }
.hover\:border-rose-500\/70:hover { border-color: rgba(244, 63, 94, 0.7) !important; }

.dark .dark\:bg-rose-500\/70,
html.dark .dark\:bg-rose-500\/70 { background-color: rgba(244, 63, 94, 0.7) !important; }
.dark .dark\:text-rose-500\/70,
html.dark .dark\:text-rose-500\/70 { color: rgba(244, 63, 94, 0.7) !important; }
.dark .dark\:border-rose-500\/70,
html.dark .dark\:border-rose-500\/70 { border-color: rgba(244, 63, 94, 0.7) !important; }

.dark .dark\:hover\:bg-rose-500\/70:hover,
html.dark .dark\:hover\:bg-rose-500\/70:hover { background-color: rgba(244, 63, 94, 0.7) !important; }
.dark .dark\:hover\:text-rose-500\/70:hover,
html.dark .dark\:hover\:text-rose-500\/70:hover { color: rgba(244, 63, 94, 0.7) !important; }
.dark .dark\:hover\:border-rose-500\/70:hover,
html.dark .dark\:hover\:border-rose-500\/70:hover { border-color: rgba(244, 63, 94, 0.7) !important; }

.bg-rose-500\/75 { background-color: rgba(244, 63, 94, 0.75) !important; }
.text-rose-500\/75 { color: rgba(244, 63, 94, 0.75) !important; }
.border-rose-500\/75 { border-color: rgba(244, 63, 94, 0.75) !important; }

.hover\:bg-rose-500\/75:hover { background-color: rgba(244, 63, 94, 0.75) !important; }
.hover\:text-rose-500\/75:hover { color: rgba(244, 63, 94, 0.75) !important; }
.hover\:border-rose-500\/75:hover { border-color: rgba(244, 63, 94, 0.75) !important; }

.dark .dark\:bg-rose-500\/75,
html.dark .dark\:bg-rose-500\/75 { background-color: rgba(244, 63, 94, 0.75) !important; }
.dark .dark\:text-rose-500\/75,
html.dark .dark\:text-rose-500\/75 { color: rgba(244, 63, 94, 0.75) !important; }
.dark .dark\:border-rose-500\/75,
html.dark .dark\:border-rose-500\/75 { border-color: rgba(244, 63, 94, 0.75) !important; }

.dark .dark\:hover\:bg-rose-500\/75:hover,
html.dark .dark\:hover\:bg-rose-500\/75:hover { background-color: rgba(244, 63, 94, 0.75) !important; }
.dark .dark\:hover\:text-rose-500\/75:hover,
html.dark .dark\:hover\:text-rose-500\/75:hover { color: rgba(244, 63, 94, 0.75) !important; }
.dark .dark\:hover\:border-rose-500\/75:hover,
html.dark .dark\:hover\:border-rose-500\/75:hover { border-color: rgba(244, 63, 94, 0.75) !important; }

.bg-rose-500\/80 { background-color: rgba(244, 63, 94, 0.8) !important; }
.text-rose-500\/80 { color: rgba(244, 63, 94, 0.8) !important; }
.border-rose-500\/80 { border-color: rgba(244, 63, 94, 0.8) !important; }

.hover\:bg-rose-500\/80:hover { background-color: rgba(244, 63, 94, 0.8) !important; }
.hover\:text-rose-500\/80:hover { color: rgba(244, 63, 94, 0.8) !important; }
.hover\:border-rose-500\/80:hover { border-color: rgba(244, 63, 94, 0.8) !important; }

.dark .dark\:bg-rose-500\/80,
html.dark .dark\:bg-rose-500\/80 { background-color: rgba(244, 63, 94, 0.8) !important; }
.dark .dark\:text-rose-500\/80,
html.dark .dark\:text-rose-500\/80 { color: rgba(244, 63, 94, 0.8) !important; }
.dark .dark\:border-rose-500\/80,
html.dark .dark\:border-rose-500\/80 { border-color: rgba(244, 63, 94, 0.8) !important; }

.dark .dark\:hover\:bg-rose-500\/80:hover,
html.dark .dark\:hover\:bg-rose-500\/80:hover { background-color: rgba(244, 63, 94, 0.8) !important; }
.dark .dark\:hover\:text-rose-500\/80:hover,
html.dark .dark\:hover\:text-rose-500\/80:hover { color: rgba(244, 63, 94, 0.8) !important; }
.dark .dark\:hover\:border-rose-500\/80:hover,
html.dark .dark\:hover\:border-rose-500\/80:hover { border-color: rgba(244, 63, 94, 0.8) !important; }

.bg-rose-500\/90 { background-color: rgba(244, 63, 94, 0.9) !important; }
.text-rose-500\/90 { color: rgba(244, 63, 94, 0.9) !important; }
.border-rose-500\/90 { border-color: rgba(244, 63, 94, 0.9) !important; }

.hover\:bg-rose-500\/90:hover { background-color: rgba(244, 63, 94, 0.9) !important; }
.hover\:text-rose-500\/90:hover { color: rgba(244, 63, 94, 0.9) !important; }
.hover\:border-rose-500\/90:hover { border-color: rgba(244, 63, 94, 0.9) !important; }

.dark .dark\:bg-rose-500\/90,
html.dark .dark\:bg-rose-500\/90 { background-color: rgba(244, 63, 94, 0.9) !important; }
.dark .dark\:text-rose-500\/90,
html.dark .dark\:text-rose-500\/90 { color: rgba(244, 63, 94, 0.9) !important; }
.dark .dark\:border-rose-500\/90,
html.dark .dark\:border-rose-500\/90 { border-color: rgba(244, 63, 94, 0.9) !important; }

.dark .dark\:hover\:bg-rose-500\/90:hover,
html.dark .dark\:hover\:bg-rose-500\/90:hover { background-color: rgba(244, 63, 94, 0.9) !important; }
.dark .dark\:hover\:text-rose-500\/90:hover,
html.dark .dark\:hover\:text-rose-500\/90:hover { color: rgba(244, 63, 94, 0.9) !important; }
.dark .dark\:hover\:border-rose-500\/90:hover,
html.dark .dark\:hover\:border-rose-500\/90:hover { border-color: rgba(244, 63, 94, 0.9) !important; }

.bg-rose-500\/95 { background-color: rgba(244, 63, 94, 0.95) !important; }
.text-rose-500\/95 { color: rgba(244, 63, 94, 0.95) !important; }
.border-rose-500\/95 { border-color: rgba(244, 63, 94, 0.95) !important; }

.hover\:bg-rose-500\/95:hover { background-color: rgba(244, 63, 94, 0.95) !important; }
.hover\:text-rose-500\/95:hover { color: rgba(244, 63, 94, 0.95) !important; }
.hover\:border-rose-500\/95:hover { border-color: rgba(244, 63, 94, 0.95) !important; }

.dark .dark\:bg-rose-500\/95,
html.dark .dark\:bg-rose-500\/95 { background-color: rgba(244, 63, 94, 0.95) !important; }
.dark .dark\:text-rose-500\/95,
html.dark .dark\:text-rose-500\/95 { color: rgba(244, 63, 94, 0.95) !important; }
.dark .dark\:border-rose-500\/95,
html.dark .dark\:border-rose-500\/95 { border-color: rgba(244, 63, 94, 0.95) !important; }

.dark .dark\:hover\:bg-rose-500\/95:hover,
html.dark .dark\:hover\:bg-rose-500\/95:hover { background-color: rgba(244, 63, 94, 0.95) !important; }
.dark .dark\:hover\:text-rose-500\/95:hover,
html.dark .dark\:hover\:text-rose-500\/95:hover { color: rgba(244, 63, 94, 0.95) !important; }
.dark .dark\:hover\:border-rose-500\/95:hover,
html.dark .dark\:hover\:border-rose-500\/95:hover { border-color: rgba(244, 63, 94, 0.95) !important; }

.bg-rose-600 { background-color: #e11d48 !important; }
.text-rose-600 { color: #e11d48 !important; }
.border-rose-600 { border-color: #e11d48 !important; }
.fill-rose-600 { fill: #e11d48 !important; }
.stroke-rose-600 { stroke: #e11d48 !important; }

/* Hover states */
.hover\:bg-rose-600:hover { background-color: #e11d48 !important; }
.hover\:text-rose-600:hover { color: #e11d48 !important; }
.hover\:border-rose-600:hover { border-color: #e11d48 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-600,
html.dark .dark\:bg-rose-600 { background-color: #e11d48 !important; }
.dark .dark\:text-rose-600,
html.dark .dark\:text-rose-600 { color: #e11d48 !important; }
.dark .dark\:border-rose-600,
html.dark .dark\:border-rose-600 { border-color: #e11d48 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-600:hover,
html.dark .dark\:hover\:bg-rose-600:hover { background-color: #e11d48 !important; }
.dark .dark\:hover\:text-rose-600:hover,
html.dark .dark\:hover\:text-rose-600:hover { color: #e11d48 !important; }
.dark .dark\:hover\:border-rose-600:hover,
html.dark .dark\:hover\:border-rose-600:hover { border-color: #e11d48 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-600,
html.dark .group:hover .dark\:group-hover\:text-rose-600 { color: #e11d48 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-600,
html.dark .group:hover .dark\:group-hover\:bg-rose-600 { background-color: #e11d48 !important; }

.bg-rose-600\/10 { background-color: rgba(225, 29, 72, 0.1) !important; }
.text-rose-600\/10 { color: rgba(225, 29, 72, 0.1) !important; }
.border-rose-600\/10 { border-color: rgba(225, 29, 72, 0.1) !important; }

.hover\:bg-rose-600\/10:hover { background-color: rgba(225, 29, 72, 0.1) !important; }
.hover\:text-rose-600\/10:hover { color: rgba(225, 29, 72, 0.1) !important; }
.hover\:border-rose-600\/10:hover { border-color: rgba(225, 29, 72, 0.1) !important; }

.dark .dark\:bg-rose-600\/10,
html.dark .dark\:bg-rose-600\/10 { background-color: rgba(225, 29, 72, 0.1) !important; }
.dark .dark\:text-rose-600\/10,
html.dark .dark\:text-rose-600\/10 { color: rgba(225, 29, 72, 0.1) !important; }
.dark .dark\:border-rose-600\/10,
html.dark .dark\:border-rose-600\/10 { border-color: rgba(225, 29, 72, 0.1) !important; }

.dark .dark\:hover\:bg-rose-600\/10:hover,
html.dark .dark\:hover\:bg-rose-600\/10:hover { background-color: rgba(225, 29, 72, 0.1) !important; }
.dark .dark\:hover\:text-rose-600\/10:hover,
html.dark .dark\:hover\:text-rose-600\/10:hover { color: rgba(225, 29, 72, 0.1) !important; }
.dark .dark\:hover\:border-rose-600\/10:hover,
html.dark .dark\:hover\:border-rose-600\/10:hover { border-color: rgba(225, 29, 72, 0.1) !important; }

.bg-rose-600\/20 { background-color: rgba(225, 29, 72, 0.2) !important; }
.text-rose-600\/20 { color: rgba(225, 29, 72, 0.2) !important; }
.border-rose-600\/20 { border-color: rgba(225, 29, 72, 0.2) !important; }

.hover\:bg-rose-600\/20:hover { background-color: rgba(225, 29, 72, 0.2) !important; }
.hover\:text-rose-600\/20:hover { color: rgba(225, 29, 72, 0.2) !important; }
.hover\:border-rose-600\/20:hover { border-color: rgba(225, 29, 72, 0.2) !important; }

.dark .dark\:bg-rose-600\/20,
html.dark .dark\:bg-rose-600\/20 { background-color: rgba(225, 29, 72, 0.2) !important; }
.dark .dark\:text-rose-600\/20,
html.dark .dark\:text-rose-600\/20 { color: rgba(225, 29, 72, 0.2) !important; }
.dark .dark\:border-rose-600\/20,
html.dark .dark\:border-rose-600\/20 { border-color: rgba(225, 29, 72, 0.2) !important; }

.dark .dark\:hover\:bg-rose-600\/20:hover,
html.dark .dark\:hover\:bg-rose-600\/20:hover { background-color: rgba(225, 29, 72, 0.2) !important; }
.dark .dark\:hover\:text-rose-600\/20:hover,
html.dark .dark\:hover\:text-rose-600\/20:hover { color: rgba(225, 29, 72, 0.2) !important; }
.dark .dark\:hover\:border-rose-600\/20:hover,
html.dark .dark\:hover\:border-rose-600\/20:hover { border-color: rgba(225, 29, 72, 0.2) !important; }

.bg-rose-600\/25 { background-color: rgba(225, 29, 72, 0.25) !important; }
.text-rose-600\/25 { color: rgba(225, 29, 72, 0.25) !important; }
.border-rose-600\/25 { border-color: rgba(225, 29, 72, 0.25) !important; }

.hover\:bg-rose-600\/25:hover { background-color: rgba(225, 29, 72, 0.25) !important; }
.hover\:text-rose-600\/25:hover { color: rgba(225, 29, 72, 0.25) !important; }
.hover\:border-rose-600\/25:hover { border-color: rgba(225, 29, 72, 0.25) !important; }

.dark .dark\:bg-rose-600\/25,
html.dark .dark\:bg-rose-600\/25 { background-color: rgba(225, 29, 72, 0.25) !important; }
.dark .dark\:text-rose-600\/25,
html.dark .dark\:text-rose-600\/25 { color: rgba(225, 29, 72, 0.25) !important; }
.dark .dark\:border-rose-600\/25,
html.dark .dark\:border-rose-600\/25 { border-color: rgba(225, 29, 72, 0.25) !important; }

.dark .dark\:hover\:bg-rose-600\/25:hover,
html.dark .dark\:hover\:bg-rose-600\/25:hover { background-color: rgba(225, 29, 72, 0.25) !important; }
.dark .dark\:hover\:text-rose-600\/25:hover,
html.dark .dark\:hover\:text-rose-600\/25:hover { color: rgba(225, 29, 72, 0.25) !important; }
.dark .dark\:hover\:border-rose-600\/25:hover,
html.dark .dark\:hover\:border-rose-600\/25:hover { border-color: rgba(225, 29, 72, 0.25) !important; }

.bg-rose-600\/30 { background-color: rgba(225, 29, 72, 0.3) !important; }
.text-rose-600\/30 { color: rgba(225, 29, 72, 0.3) !important; }
.border-rose-600\/30 { border-color: rgba(225, 29, 72, 0.3) !important; }

.hover\:bg-rose-600\/30:hover { background-color: rgba(225, 29, 72, 0.3) !important; }
.hover\:text-rose-600\/30:hover { color: rgba(225, 29, 72, 0.3) !important; }
.hover\:border-rose-600\/30:hover { border-color: rgba(225, 29, 72, 0.3) !important; }

.dark .dark\:bg-rose-600\/30,
html.dark .dark\:bg-rose-600\/30 { background-color: rgba(225, 29, 72, 0.3) !important; }
.dark .dark\:text-rose-600\/30,
html.dark .dark\:text-rose-600\/30 { color: rgba(225, 29, 72, 0.3) !important; }
.dark .dark\:border-rose-600\/30,
html.dark .dark\:border-rose-600\/30 { border-color: rgba(225, 29, 72, 0.3) !important; }

.dark .dark\:hover\:bg-rose-600\/30:hover,
html.dark .dark\:hover\:bg-rose-600\/30:hover { background-color: rgba(225, 29, 72, 0.3) !important; }
.dark .dark\:hover\:text-rose-600\/30:hover,
html.dark .dark\:hover\:text-rose-600\/30:hover { color: rgba(225, 29, 72, 0.3) !important; }
.dark .dark\:hover\:border-rose-600\/30:hover,
html.dark .dark\:hover\:border-rose-600\/30:hover { border-color: rgba(225, 29, 72, 0.3) !important; }

.bg-rose-600\/40 { background-color: rgba(225, 29, 72, 0.4) !important; }
.text-rose-600\/40 { color: rgba(225, 29, 72, 0.4) !important; }
.border-rose-600\/40 { border-color: rgba(225, 29, 72, 0.4) !important; }

.hover\:bg-rose-600\/40:hover { background-color: rgba(225, 29, 72, 0.4) !important; }
.hover\:text-rose-600\/40:hover { color: rgba(225, 29, 72, 0.4) !important; }
.hover\:border-rose-600\/40:hover { border-color: rgba(225, 29, 72, 0.4) !important; }

.dark .dark\:bg-rose-600\/40,
html.dark .dark\:bg-rose-600\/40 { background-color: rgba(225, 29, 72, 0.4) !important; }
.dark .dark\:text-rose-600\/40,
html.dark .dark\:text-rose-600\/40 { color: rgba(225, 29, 72, 0.4) !important; }
.dark .dark\:border-rose-600\/40,
html.dark .dark\:border-rose-600\/40 { border-color: rgba(225, 29, 72, 0.4) !important; }

.dark .dark\:hover\:bg-rose-600\/40:hover,
html.dark .dark\:hover\:bg-rose-600\/40:hover { background-color: rgba(225, 29, 72, 0.4) !important; }
.dark .dark\:hover\:text-rose-600\/40:hover,
html.dark .dark\:hover\:text-rose-600\/40:hover { color: rgba(225, 29, 72, 0.4) !important; }
.dark .dark\:hover\:border-rose-600\/40:hover,
html.dark .dark\:hover\:border-rose-600\/40:hover { border-color: rgba(225, 29, 72, 0.4) !important; }

.bg-rose-600\/50 { background-color: rgba(225, 29, 72, 0.5) !important; }
.text-rose-600\/50 { color: rgba(225, 29, 72, 0.5) !important; }
.border-rose-600\/50 { border-color: rgba(225, 29, 72, 0.5) !important; }

.hover\:bg-rose-600\/50:hover { background-color: rgba(225, 29, 72, 0.5) !important; }
.hover\:text-rose-600\/50:hover { color: rgba(225, 29, 72, 0.5) !important; }
.hover\:border-rose-600\/50:hover { border-color: rgba(225, 29, 72, 0.5) !important; }

.dark .dark\:bg-rose-600\/50,
html.dark .dark\:bg-rose-600\/50 { background-color: rgba(225, 29, 72, 0.5) !important; }
.dark .dark\:text-rose-600\/50,
html.dark .dark\:text-rose-600\/50 { color: rgba(225, 29, 72, 0.5) !important; }
.dark .dark\:border-rose-600\/50,
html.dark .dark\:border-rose-600\/50 { border-color: rgba(225, 29, 72, 0.5) !important; }

.dark .dark\:hover\:bg-rose-600\/50:hover,
html.dark .dark\:hover\:bg-rose-600\/50:hover { background-color: rgba(225, 29, 72, 0.5) !important; }
.dark .dark\:hover\:text-rose-600\/50:hover,
html.dark .dark\:hover\:text-rose-600\/50:hover { color: rgba(225, 29, 72, 0.5) !important; }
.dark .dark\:hover\:border-rose-600\/50:hover,
html.dark .dark\:hover\:border-rose-600\/50:hover { border-color: rgba(225, 29, 72, 0.5) !important; }

.bg-rose-600\/60 { background-color: rgba(225, 29, 72, 0.6) !important; }
.text-rose-600\/60 { color: rgba(225, 29, 72, 0.6) !important; }
.border-rose-600\/60 { border-color: rgba(225, 29, 72, 0.6) !important; }

.hover\:bg-rose-600\/60:hover { background-color: rgba(225, 29, 72, 0.6) !important; }
.hover\:text-rose-600\/60:hover { color: rgba(225, 29, 72, 0.6) !important; }
.hover\:border-rose-600\/60:hover { border-color: rgba(225, 29, 72, 0.6) !important; }

.dark .dark\:bg-rose-600\/60,
html.dark .dark\:bg-rose-600\/60 { background-color: rgba(225, 29, 72, 0.6) !important; }
.dark .dark\:text-rose-600\/60,
html.dark .dark\:text-rose-600\/60 { color: rgba(225, 29, 72, 0.6) !important; }
.dark .dark\:border-rose-600\/60,
html.dark .dark\:border-rose-600\/60 { border-color: rgba(225, 29, 72, 0.6) !important; }

.dark .dark\:hover\:bg-rose-600\/60:hover,
html.dark .dark\:hover\:bg-rose-600\/60:hover { background-color: rgba(225, 29, 72, 0.6) !important; }
.dark .dark\:hover\:text-rose-600\/60:hover,
html.dark .dark\:hover\:text-rose-600\/60:hover { color: rgba(225, 29, 72, 0.6) !important; }
.dark .dark\:hover\:border-rose-600\/60:hover,
html.dark .dark\:hover\:border-rose-600\/60:hover { border-color: rgba(225, 29, 72, 0.6) !important; }

.bg-rose-600\/70 { background-color: rgba(225, 29, 72, 0.7) !important; }
.text-rose-600\/70 { color: rgba(225, 29, 72, 0.7) !important; }
.border-rose-600\/70 { border-color: rgba(225, 29, 72, 0.7) !important; }

.hover\:bg-rose-600\/70:hover { background-color: rgba(225, 29, 72, 0.7) !important; }
.hover\:text-rose-600\/70:hover { color: rgba(225, 29, 72, 0.7) !important; }
.hover\:border-rose-600\/70:hover { border-color: rgba(225, 29, 72, 0.7) !important; }

.dark .dark\:bg-rose-600\/70,
html.dark .dark\:bg-rose-600\/70 { background-color: rgba(225, 29, 72, 0.7) !important; }
.dark .dark\:text-rose-600\/70,
html.dark .dark\:text-rose-600\/70 { color: rgba(225, 29, 72, 0.7) !important; }
.dark .dark\:border-rose-600\/70,
html.dark .dark\:border-rose-600\/70 { border-color: rgba(225, 29, 72, 0.7) !important; }

.dark .dark\:hover\:bg-rose-600\/70:hover,
html.dark .dark\:hover\:bg-rose-600\/70:hover { background-color: rgba(225, 29, 72, 0.7) !important; }
.dark .dark\:hover\:text-rose-600\/70:hover,
html.dark .dark\:hover\:text-rose-600\/70:hover { color: rgba(225, 29, 72, 0.7) !important; }
.dark .dark\:hover\:border-rose-600\/70:hover,
html.dark .dark\:hover\:border-rose-600\/70:hover { border-color: rgba(225, 29, 72, 0.7) !important; }

.bg-rose-600\/75 { background-color: rgba(225, 29, 72, 0.75) !important; }
.text-rose-600\/75 { color: rgba(225, 29, 72, 0.75) !important; }
.border-rose-600\/75 { border-color: rgba(225, 29, 72, 0.75) !important; }

.hover\:bg-rose-600\/75:hover { background-color: rgba(225, 29, 72, 0.75) !important; }
.hover\:text-rose-600\/75:hover { color: rgba(225, 29, 72, 0.75) !important; }
.hover\:border-rose-600\/75:hover { border-color: rgba(225, 29, 72, 0.75) !important; }

.dark .dark\:bg-rose-600\/75,
html.dark .dark\:bg-rose-600\/75 { background-color: rgba(225, 29, 72, 0.75) !important; }
.dark .dark\:text-rose-600\/75,
html.dark .dark\:text-rose-600\/75 { color: rgba(225, 29, 72, 0.75) !important; }
.dark .dark\:border-rose-600\/75,
html.dark .dark\:border-rose-600\/75 { border-color: rgba(225, 29, 72, 0.75) !important; }

.dark .dark\:hover\:bg-rose-600\/75:hover,
html.dark .dark\:hover\:bg-rose-600\/75:hover { background-color: rgba(225, 29, 72, 0.75) !important; }
.dark .dark\:hover\:text-rose-600\/75:hover,
html.dark .dark\:hover\:text-rose-600\/75:hover { color: rgba(225, 29, 72, 0.75) !important; }
.dark .dark\:hover\:border-rose-600\/75:hover,
html.dark .dark\:hover\:border-rose-600\/75:hover { border-color: rgba(225, 29, 72, 0.75) !important; }

.bg-rose-600\/80 { background-color: rgba(225, 29, 72, 0.8) !important; }
.text-rose-600\/80 { color: rgba(225, 29, 72, 0.8) !important; }
.border-rose-600\/80 { border-color: rgba(225, 29, 72, 0.8) !important; }

.hover\:bg-rose-600\/80:hover { background-color: rgba(225, 29, 72, 0.8) !important; }
.hover\:text-rose-600\/80:hover { color: rgba(225, 29, 72, 0.8) !important; }
.hover\:border-rose-600\/80:hover { border-color: rgba(225, 29, 72, 0.8) !important; }

.dark .dark\:bg-rose-600\/80,
html.dark .dark\:bg-rose-600\/80 { background-color: rgba(225, 29, 72, 0.8) !important; }
.dark .dark\:text-rose-600\/80,
html.dark .dark\:text-rose-600\/80 { color: rgba(225, 29, 72, 0.8) !important; }
.dark .dark\:border-rose-600\/80,
html.dark .dark\:border-rose-600\/80 { border-color: rgba(225, 29, 72, 0.8) !important; }

.dark .dark\:hover\:bg-rose-600\/80:hover,
html.dark .dark\:hover\:bg-rose-600\/80:hover { background-color: rgba(225, 29, 72, 0.8) !important; }
.dark .dark\:hover\:text-rose-600\/80:hover,
html.dark .dark\:hover\:text-rose-600\/80:hover { color: rgba(225, 29, 72, 0.8) !important; }
.dark .dark\:hover\:border-rose-600\/80:hover,
html.dark .dark\:hover\:border-rose-600\/80:hover { border-color: rgba(225, 29, 72, 0.8) !important; }

.bg-rose-600\/90 { background-color: rgba(225, 29, 72, 0.9) !important; }
.text-rose-600\/90 { color: rgba(225, 29, 72, 0.9) !important; }
.border-rose-600\/90 { border-color: rgba(225, 29, 72, 0.9) !important; }

.hover\:bg-rose-600\/90:hover { background-color: rgba(225, 29, 72, 0.9) !important; }
.hover\:text-rose-600\/90:hover { color: rgba(225, 29, 72, 0.9) !important; }
.hover\:border-rose-600\/90:hover { border-color: rgba(225, 29, 72, 0.9) !important; }

.dark .dark\:bg-rose-600\/90,
html.dark .dark\:bg-rose-600\/90 { background-color: rgba(225, 29, 72, 0.9) !important; }
.dark .dark\:text-rose-600\/90,
html.dark .dark\:text-rose-600\/90 { color: rgba(225, 29, 72, 0.9) !important; }
.dark .dark\:border-rose-600\/90,
html.dark .dark\:border-rose-600\/90 { border-color: rgba(225, 29, 72, 0.9) !important; }

.dark .dark\:hover\:bg-rose-600\/90:hover,
html.dark .dark\:hover\:bg-rose-600\/90:hover { background-color: rgba(225, 29, 72, 0.9) !important; }
.dark .dark\:hover\:text-rose-600\/90:hover,
html.dark .dark\:hover\:text-rose-600\/90:hover { color: rgba(225, 29, 72, 0.9) !important; }
.dark .dark\:hover\:border-rose-600\/90:hover,
html.dark .dark\:hover\:border-rose-600\/90:hover { border-color: rgba(225, 29, 72, 0.9) !important; }

.bg-rose-600\/95 { background-color: rgba(225, 29, 72, 0.95) !important; }
.text-rose-600\/95 { color: rgba(225, 29, 72, 0.95) !important; }
.border-rose-600\/95 { border-color: rgba(225, 29, 72, 0.95) !important; }

.hover\:bg-rose-600\/95:hover { background-color: rgba(225, 29, 72, 0.95) !important; }
.hover\:text-rose-600\/95:hover { color: rgba(225, 29, 72, 0.95) !important; }
.hover\:border-rose-600\/95:hover { border-color: rgba(225, 29, 72, 0.95) !important; }

.dark .dark\:bg-rose-600\/95,
html.dark .dark\:bg-rose-600\/95 { background-color: rgba(225, 29, 72, 0.95) !important; }
.dark .dark\:text-rose-600\/95,
html.dark .dark\:text-rose-600\/95 { color: rgba(225, 29, 72, 0.95) !important; }
.dark .dark\:border-rose-600\/95,
html.dark .dark\:border-rose-600\/95 { border-color: rgba(225, 29, 72, 0.95) !important; }

.dark .dark\:hover\:bg-rose-600\/95:hover,
html.dark .dark\:hover\:bg-rose-600\/95:hover { background-color: rgba(225, 29, 72, 0.95) !important; }
.dark .dark\:hover\:text-rose-600\/95:hover,
html.dark .dark\:hover\:text-rose-600\/95:hover { color: rgba(225, 29, 72, 0.95) !important; }
.dark .dark\:hover\:border-rose-600\/95:hover,
html.dark .dark\:hover\:border-rose-600\/95:hover { border-color: rgba(225, 29, 72, 0.95) !important; }

.bg-rose-700 { background-color: #be123c !important; }
.text-rose-700 { color: #be123c !important; }
.border-rose-700 { border-color: #be123c !important; }
.fill-rose-700 { fill: #be123c !important; }
.stroke-rose-700 { stroke: #be123c !important; }

/* Hover states */
.hover\:bg-rose-700:hover { background-color: #be123c !important; }
.hover\:text-rose-700:hover { color: #be123c !important; }
.hover\:border-rose-700:hover { border-color: #be123c !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-700,
html.dark .dark\:bg-rose-700 { background-color: #be123c !important; }
.dark .dark\:text-rose-700,
html.dark .dark\:text-rose-700 { color: #be123c !important; }
.dark .dark\:border-rose-700,
html.dark .dark\:border-rose-700 { border-color: #be123c !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-700:hover,
html.dark .dark\:hover\:bg-rose-700:hover { background-color: #be123c !important; }
.dark .dark\:hover\:text-rose-700:hover,
html.dark .dark\:hover\:text-rose-700:hover { color: #be123c !important; }
.dark .dark\:hover\:border-rose-700:hover,
html.dark .dark\:hover\:border-rose-700:hover { border-color: #be123c !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-700,
html.dark .group:hover .dark\:group-hover\:text-rose-700 { color: #be123c !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-700,
html.dark .group:hover .dark\:group-hover\:bg-rose-700 { background-color: #be123c !important; }

.bg-rose-700\/10 { background-color: rgba(190, 18, 60, 0.1) !important; }
.text-rose-700\/10 { color: rgba(190, 18, 60, 0.1) !important; }
.border-rose-700\/10 { border-color: rgba(190, 18, 60, 0.1) !important; }

.hover\:bg-rose-700\/10:hover { background-color: rgba(190, 18, 60, 0.1) !important; }
.hover\:text-rose-700\/10:hover { color: rgba(190, 18, 60, 0.1) !important; }
.hover\:border-rose-700\/10:hover { border-color: rgba(190, 18, 60, 0.1) !important; }

.dark .dark\:bg-rose-700\/10,
html.dark .dark\:bg-rose-700\/10 { background-color: rgba(190, 18, 60, 0.1) !important; }
.dark .dark\:text-rose-700\/10,
html.dark .dark\:text-rose-700\/10 { color: rgba(190, 18, 60, 0.1) !important; }
.dark .dark\:border-rose-700\/10,
html.dark .dark\:border-rose-700\/10 { border-color: rgba(190, 18, 60, 0.1) !important; }

.dark .dark\:hover\:bg-rose-700\/10:hover,
html.dark .dark\:hover\:bg-rose-700\/10:hover { background-color: rgba(190, 18, 60, 0.1) !important; }
.dark .dark\:hover\:text-rose-700\/10:hover,
html.dark .dark\:hover\:text-rose-700\/10:hover { color: rgba(190, 18, 60, 0.1) !important; }
.dark .dark\:hover\:border-rose-700\/10:hover,
html.dark .dark\:hover\:border-rose-700\/10:hover { border-color: rgba(190, 18, 60, 0.1) !important; }

.bg-rose-700\/20 { background-color: rgba(190, 18, 60, 0.2) !important; }
.text-rose-700\/20 { color: rgba(190, 18, 60, 0.2) !important; }
.border-rose-700\/20 { border-color: rgba(190, 18, 60, 0.2) !important; }

.hover\:bg-rose-700\/20:hover { background-color: rgba(190, 18, 60, 0.2) !important; }
.hover\:text-rose-700\/20:hover { color: rgba(190, 18, 60, 0.2) !important; }
.hover\:border-rose-700\/20:hover { border-color: rgba(190, 18, 60, 0.2) !important; }

.dark .dark\:bg-rose-700\/20,
html.dark .dark\:bg-rose-700\/20 { background-color: rgba(190, 18, 60, 0.2) !important; }
.dark .dark\:text-rose-700\/20,
html.dark .dark\:text-rose-700\/20 { color: rgba(190, 18, 60, 0.2) !important; }
.dark .dark\:border-rose-700\/20,
html.dark .dark\:border-rose-700\/20 { border-color: rgba(190, 18, 60, 0.2) !important; }

.dark .dark\:hover\:bg-rose-700\/20:hover,
html.dark .dark\:hover\:bg-rose-700\/20:hover { background-color: rgba(190, 18, 60, 0.2) !important; }
.dark .dark\:hover\:text-rose-700\/20:hover,
html.dark .dark\:hover\:text-rose-700\/20:hover { color: rgba(190, 18, 60, 0.2) !important; }
.dark .dark\:hover\:border-rose-700\/20:hover,
html.dark .dark\:hover\:border-rose-700\/20:hover { border-color: rgba(190, 18, 60, 0.2) !important; }

.bg-rose-700\/25 { background-color: rgba(190, 18, 60, 0.25) !important; }
.text-rose-700\/25 { color: rgba(190, 18, 60, 0.25) !important; }
.border-rose-700\/25 { border-color: rgba(190, 18, 60, 0.25) !important; }

.hover\:bg-rose-700\/25:hover { background-color: rgba(190, 18, 60, 0.25) !important; }
.hover\:text-rose-700\/25:hover { color: rgba(190, 18, 60, 0.25) !important; }
.hover\:border-rose-700\/25:hover { border-color: rgba(190, 18, 60, 0.25) !important; }

.dark .dark\:bg-rose-700\/25,
html.dark .dark\:bg-rose-700\/25 { background-color: rgba(190, 18, 60, 0.25) !important; }
.dark .dark\:text-rose-700\/25,
html.dark .dark\:text-rose-700\/25 { color: rgba(190, 18, 60, 0.25) !important; }
.dark .dark\:border-rose-700\/25,
html.dark .dark\:border-rose-700\/25 { border-color: rgba(190, 18, 60, 0.25) !important; }

.dark .dark\:hover\:bg-rose-700\/25:hover,
html.dark .dark\:hover\:bg-rose-700\/25:hover { background-color: rgba(190, 18, 60, 0.25) !important; }
.dark .dark\:hover\:text-rose-700\/25:hover,
html.dark .dark\:hover\:text-rose-700\/25:hover { color: rgba(190, 18, 60, 0.25) !important; }
.dark .dark\:hover\:border-rose-700\/25:hover,
html.dark .dark\:hover\:border-rose-700\/25:hover { border-color: rgba(190, 18, 60, 0.25) !important; }

.bg-rose-700\/30 { background-color: rgba(190, 18, 60, 0.3) !important; }
.text-rose-700\/30 { color: rgba(190, 18, 60, 0.3) !important; }
.border-rose-700\/30 { border-color: rgba(190, 18, 60, 0.3) !important; }

.hover\:bg-rose-700\/30:hover { background-color: rgba(190, 18, 60, 0.3) !important; }
.hover\:text-rose-700\/30:hover { color: rgba(190, 18, 60, 0.3) !important; }
.hover\:border-rose-700\/30:hover { border-color: rgba(190, 18, 60, 0.3) !important; }

.dark .dark\:bg-rose-700\/30,
html.dark .dark\:bg-rose-700\/30 { background-color: rgba(190, 18, 60, 0.3) !important; }
.dark .dark\:text-rose-700\/30,
html.dark .dark\:text-rose-700\/30 { color: rgba(190, 18, 60, 0.3) !important; }
.dark .dark\:border-rose-700\/30,
html.dark .dark\:border-rose-700\/30 { border-color: rgba(190, 18, 60, 0.3) !important; }

.dark .dark\:hover\:bg-rose-700\/30:hover,
html.dark .dark\:hover\:bg-rose-700\/30:hover { background-color: rgba(190, 18, 60, 0.3) !important; }
.dark .dark\:hover\:text-rose-700\/30:hover,
html.dark .dark\:hover\:text-rose-700\/30:hover { color: rgba(190, 18, 60, 0.3) !important; }
.dark .dark\:hover\:border-rose-700\/30:hover,
html.dark .dark\:hover\:border-rose-700\/30:hover { border-color: rgba(190, 18, 60, 0.3) !important; }

.bg-rose-700\/40 { background-color: rgba(190, 18, 60, 0.4) !important; }
.text-rose-700\/40 { color: rgba(190, 18, 60, 0.4) !important; }
.border-rose-700\/40 { border-color: rgba(190, 18, 60, 0.4) !important; }

.hover\:bg-rose-700\/40:hover { background-color: rgba(190, 18, 60, 0.4) !important; }
.hover\:text-rose-700\/40:hover { color: rgba(190, 18, 60, 0.4) !important; }
.hover\:border-rose-700\/40:hover { border-color: rgba(190, 18, 60, 0.4) !important; }

.dark .dark\:bg-rose-700\/40,
html.dark .dark\:bg-rose-700\/40 { background-color: rgba(190, 18, 60, 0.4) !important; }
.dark .dark\:text-rose-700\/40,
html.dark .dark\:text-rose-700\/40 { color: rgba(190, 18, 60, 0.4) !important; }
.dark .dark\:border-rose-700\/40,
html.dark .dark\:border-rose-700\/40 { border-color: rgba(190, 18, 60, 0.4) !important; }

.dark .dark\:hover\:bg-rose-700\/40:hover,
html.dark .dark\:hover\:bg-rose-700\/40:hover { background-color: rgba(190, 18, 60, 0.4) !important; }
.dark .dark\:hover\:text-rose-700\/40:hover,
html.dark .dark\:hover\:text-rose-700\/40:hover { color: rgba(190, 18, 60, 0.4) !important; }
.dark .dark\:hover\:border-rose-700\/40:hover,
html.dark .dark\:hover\:border-rose-700\/40:hover { border-color: rgba(190, 18, 60, 0.4) !important; }

.bg-rose-700\/50 { background-color: rgba(190, 18, 60, 0.5) !important; }
.text-rose-700\/50 { color: rgba(190, 18, 60, 0.5) !important; }
.border-rose-700\/50 { border-color: rgba(190, 18, 60, 0.5) !important; }

.hover\:bg-rose-700\/50:hover { background-color: rgba(190, 18, 60, 0.5) !important; }
.hover\:text-rose-700\/50:hover { color: rgba(190, 18, 60, 0.5) !important; }
.hover\:border-rose-700\/50:hover { border-color: rgba(190, 18, 60, 0.5) !important; }

.dark .dark\:bg-rose-700\/50,
html.dark .dark\:bg-rose-700\/50 { background-color: rgba(190, 18, 60, 0.5) !important; }
.dark .dark\:text-rose-700\/50,
html.dark .dark\:text-rose-700\/50 { color: rgba(190, 18, 60, 0.5) !important; }
.dark .dark\:border-rose-700\/50,
html.dark .dark\:border-rose-700\/50 { border-color: rgba(190, 18, 60, 0.5) !important; }

.dark .dark\:hover\:bg-rose-700\/50:hover,
html.dark .dark\:hover\:bg-rose-700\/50:hover { background-color: rgba(190, 18, 60, 0.5) !important; }
.dark .dark\:hover\:text-rose-700\/50:hover,
html.dark .dark\:hover\:text-rose-700\/50:hover { color: rgba(190, 18, 60, 0.5) !important; }
.dark .dark\:hover\:border-rose-700\/50:hover,
html.dark .dark\:hover\:border-rose-700\/50:hover { border-color: rgba(190, 18, 60, 0.5) !important; }

.bg-rose-700\/60 { background-color: rgba(190, 18, 60, 0.6) !important; }
.text-rose-700\/60 { color: rgba(190, 18, 60, 0.6) !important; }
.border-rose-700\/60 { border-color: rgba(190, 18, 60, 0.6) !important; }

.hover\:bg-rose-700\/60:hover { background-color: rgba(190, 18, 60, 0.6) !important; }
.hover\:text-rose-700\/60:hover { color: rgba(190, 18, 60, 0.6) !important; }
.hover\:border-rose-700\/60:hover { border-color: rgba(190, 18, 60, 0.6) !important; }

.dark .dark\:bg-rose-700\/60,
html.dark .dark\:bg-rose-700\/60 { background-color: rgba(190, 18, 60, 0.6) !important; }
.dark .dark\:text-rose-700\/60,
html.dark .dark\:text-rose-700\/60 { color: rgba(190, 18, 60, 0.6) !important; }
.dark .dark\:border-rose-700\/60,
html.dark .dark\:border-rose-700\/60 { border-color: rgba(190, 18, 60, 0.6) !important; }

.dark .dark\:hover\:bg-rose-700\/60:hover,
html.dark .dark\:hover\:bg-rose-700\/60:hover { background-color: rgba(190, 18, 60, 0.6) !important; }
.dark .dark\:hover\:text-rose-700\/60:hover,
html.dark .dark\:hover\:text-rose-700\/60:hover { color: rgba(190, 18, 60, 0.6) !important; }
.dark .dark\:hover\:border-rose-700\/60:hover,
html.dark .dark\:hover\:border-rose-700\/60:hover { border-color: rgba(190, 18, 60, 0.6) !important; }

.bg-rose-700\/70 { background-color: rgba(190, 18, 60, 0.7) !important; }
.text-rose-700\/70 { color: rgba(190, 18, 60, 0.7) !important; }
.border-rose-700\/70 { border-color: rgba(190, 18, 60, 0.7) !important; }

.hover\:bg-rose-700\/70:hover { background-color: rgba(190, 18, 60, 0.7) !important; }
.hover\:text-rose-700\/70:hover { color: rgba(190, 18, 60, 0.7) !important; }
.hover\:border-rose-700\/70:hover { border-color: rgba(190, 18, 60, 0.7) !important; }

.dark .dark\:bg-rose-700\/70,
html.dark .dark\:bg-rose-700\/70 { background-color: rgba(190, 18, 60, 0.7) !important; }
.dark .dark\:text-rose-700\/70,
html.dark .dark\:text-rose-700\/70 { color: rgba(190, 18, 60, 0.7) !important; }
.dark .dark\:border-rose-700\/70,
html.dark .dark\:border-rose-700\/70 { border-color: rgba(190, 18, 60, 0.7) !important; }

.dark .dark\:hover\:bg-rose-700\/70:hover,
html.dark .dark\:hover\:bg-rose-700\/70:hover { background-color: rgba(190, 18, 60, 0.7) !important; }
.dark .dark\:hover\:text-rose-700\/70:hover,
html.dark .dark\:hover\:text-rose-700\/70:hover { color: rgba(190, 18, 60, 0.7) !important; }
.dark .dark\:hover\:border-rose-700\/70:hover,
html.dark .dark\:hover\:border-rose-700\/70:hover { border-color: rgba(190, 18, 60, 0.7) !important; }

.bg-rose-700\/75 { background-color: rgba(190, 18, 60, 0.75) !important; }
.text-rose-700\/75 { color: rgba(190, 18, 60, 0.75) !important; }
.border-rose-700\/75 { border-color: rgba(190, 18, 60, 0.75) !important; }

.hover\:bg-rose-700\/75:hover { background-color: rgba(190, 18, 60, 0.75) !important; }
.hover\:text-rose-700\/75:hover { color: rgba(190, 18, 60, 0.75) !important; }
.hover\:border-rose-700\/75:hover { border-color: rgba(190, 18, 60, 0.75) !important; }

.dark .dark\:bg-rose-700\/75,
html.dark .dark\:bg-rose-700\/75 { background-color: rgba(190, 18, 60, 0.75) !important; }
.dark .dark\:text-rose-700\/75,
html.dark .dark\:text-rose-700\/75 { color: rgba(190, 18, 60, 0.75) !important; }
.dark .dark\:border-rose-700\/75,
html.dark .dark\:border-rose-700\/75 { border-color: rgba(190, 18, 60, 0.75) !important; }

.dark .dark\:hover\:bg-rose-700\/75:hover,
html.dark .dark\:hover\:bg-rose-700\/75:hover { background-color: rgba(190, 18, 60, 0.75) !important; }
.dark .dark\:hover\:text-rose-700\/75:hover,
html.dark .dark\:hover\:text-rose-700\/75:hover { color: rgba(190, 18, 60, 0.75) !important; }
.dark .dark\:hover\:border-rose-700\/75:hover,
html.dark .dark\:hover\:border-rose-700\/75:hover { border-color: rgba(190, 18, 60, 0.75) !important; }

.bg-rose-700\/80 { background-color: rgba(190, 18, 60, 0.8) !important; }
.text-rose-700\/80 { color: rgba(190, 18, 60, 0.8) !important; }
.border-rose-700\/80 { border-color: rgba(190, 18, 60, 0.8) !important; }

.hover\:bg-rose-700\/80:hover { background-color: rgba(190, 18, 60, 0.8) !important; }
.hover\:text-rose-700\/80:hover { color: rgba(190, 18, 60, 0.8) !important; }
.hover\:border-rose-700\/80:hover { border-color: rgba(190, 18, 60, 0.8) !important; }

.dark .dark\:bg-rose-700\/80,
html.dark .dark\:bg-rose-700\/80 { background-color: rgba(190, 18, 60, 0.8) !important; }
.dark .dark\:text-rose-700\/80,
html.dark .dark\:text-rose-700\/80 { color: rgba(190, 18, 60, 0.8) !important; }
.dark .dark\:border-rose-700\/80,
html.dark .dark\:border-rose-700\/80 { border-color: rgba(190, 18, 60, 0.8) !important; }

.dark .dark\:hover\:bg-rose-700\/80:hover,
html.dark .dark\:hover\:bg-rose-700\/80:hover { background-color: rgba(190, 18, 60, 0.8) !important; }
.dark .dark\:hover\:text-rose-700\/80:hover,
html.dark .dark\:hover\:text-rose-700\/80:hover { color: rgba(190, 18, 60, 0.8) !important; }
.dark .dark\:hover\:border-rose-700\/80:hover,
html.dark .dark\:hover\:border-rose-700\/80:hover { border-color: rgba(190, 18, 60, 0.8) !important; }

.bg-rose-700\/90 { background-color: rgba(190, 18, 60, 0.9) !important; }
.text-rose-700\/90 { color: rgba(190, 18, 60, 0.9) !important; }
.border-rose-700\/90 { border-color: rgba(190, 18, 60, 0.9) !important; }

.hover\:bg-rose-700\/90:hover { background-color: rgba(190, 18, 60, 0.9) !important; }
.hover\:text-rose-700\/90:hover { color: rgba(190, 18, 60, 0.9) !important; }
.hover\:border-rose-700\/90:hover { border-color: rgba(190, 18, 60, 0.9) !important; }

.dark .dark\:bg-rose-700\/90,
html.dark .dark\:bg-rose-700\/90 { background-color: rgba(190, 18, 60, 0.9) !important; }
.dark .dark\:text-rose-700\/90,
html.dark .dark\:text-rose-700\/90 { color: rgba(190, 18, 60, 0.9) !important; }
.dark .dark\:border-rose-700\/90,
html.dark .dark\:border-rose-700\/90 { border-color: rgba(190, 18, 60, 0.9) !important; }

.dark .dark\:hover\:bg-rose-700\/90:hover,
html.dark .dark\:hover\:bg-rose-700\/90:hover { background-color: rgba(190, 18, 60, 0.9) !important; }
.dark .dark\:hover\:text-rose-700\/90:hover,
html.dark .dark\:hover\:text-rose-700\/90:hover { color: rgba(190, 18, 60, 0.9) !important; }
.dark .dark\:hover\:border-rose-700\/90:hover,
html.dark .dark\:hover\:border-rose-700\/90:hover { border-color: rgba(190, 18, 60, 0.9) !important; }

.bg-rose-700\/95 { background-color: rgba(190, 18, 60, 0.95) !important; }
.text-rose-700\/95 { color: rgba(190, 18, 60, 0.95) !important; }
.border-rose-700\/95 { border-color: rgba(190, 18, 60, 0.95) !important; }

.hover\:bg-rose-700\/95:hover { background-color: rgba(190, 18, 60, 0.95) !important; }
.hover\:text-rose-700\/95:hover { color: rgba(190, 18, 60, 0.95) !important; }
.hover\:border-rose-700\/95:hover { border-color: rgba(190, 18, 60, 0.95) !important; }

.dark .dark\:bg-rose-700\/95,
html.dark .dark\:bg-rose-700\/95 { background-color: rgba(190, 18, 60, 0.95) !important; }
.dark .dark\:text-rose-700\/95,
html.dark .dark\:text-rose-700\/95 { color: rgba(190, 18, 60, 0.95) !important; }
.dark .dark\:border-rose-700\/95,
html.dark .dark\:border-rose-700\/95 { border-color: rgba(190, 18, 60, 0.95) !important; }

.dark .dark\:hover\:bg-rose-700\/95:hover,
html.dark .dark\:hover\:bg-rose-700\/95:hover { background-color: rgba(190, 18, 60, 0.95) !important; }
.dark .dark\:hover\:text-rose-700\/95:hover,
html.dark .dark\:hover\:text-rose-700\/95:hover { color: rgba(190, 18, 60, 0.95) !important; }
.dark .dark\:hover\:border-rose-700\/95:hover,
html.dark .dark\:hover\:border-rose-700\/95:hover { border-color: rgba(190, 18, 60, 0.95) !important; }

.bg-rose-800 { background-color: #9f1239 !important; }
.text-rose-800 { color: #9f1239 !important; }
.border-rose-800 { border-color: #9f1239 !important; }
.fill-rose-800 { fill: #9f1239 !important; }
.stroke-rose-800 { stroke: #9f1239 !important; }

/* Hover states */
.hover\:bg-rose-800:hover { background-color: #9f1239 !important; }
.hover\:text-rose-800:hover { color: #9f1239 !important; }
.hover\:border-rose-800:hover { border-color: #9f1239 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-800,
html.dark .dark\:bg-rose-800 { background-color: #9f1239 !important; }
.dark .dark\:text-rose-800,
html.dark .dark\:text-rose-800 { color: #9f1239 !important; }
.dark .dark\:border-rose-800,
html.dark .dark\:border-rose-800 { border-color: #9f1239 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-800:hover,
html.dark .dark\:hover\:bg-rose-800:hover { background-color: #9f1239 !important; }
.dark .dark\:hover\:text-rose-800:hover,
html.dark .dark\:hover\:text-rose-800:hover { color: #9f1239 !important; }
.dark .dark\:hover\:border-rose-800:hover,
html.dark .dark\:hover\:border-rose-800:hover { border-color: #9f1239 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-800,
html.dark .group:hover .dark\:group-hover\:text-rose-800 { color: #9f1239 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-800,
html.dark .group:hover .dark\:group-hover\:bg-rose-800 { background-color: #9f1239 !important; }

.bg-rose-800\/10 { background-color: rgba(159, 18, 57, 0.1) !important; }
.text-rose-800\/10 { color: rgba(159, 18, 57, 0.1) !important; }
.border-rose-800\/10 { border-color: rgba(159, 18, 57, 0.1) !important; }

.hover\:bg-rose-800\/10:hover { background-color: rgba(159, 18, 57, 0.1) !important; }
.hover\:text-rose-800\/10:hover { color: rgba(159, 18, 57, 0.1) !important; }
.hover\:border-rose-800\/10:hover { border-color: rgba(159, 18, 57, 0.1) !important; }

.dark .dark\:bg-rose-800\/10,
html.dark .dark\:bg-rose-800\/10 { background-color: rgba(159, 18, 57, 0.1) !important; }
.dark .dark\:text-rose-800\/10,
html.dark .dark\:text-rose-800\/10 { color: rgba(159, 18, 57, 0.1) !important; }
.dark .dark\:border-rose-800\/10,
html.dark .dark\:border-rose-800\/10 { border-color: rgba(159, 18, 57, 0.1) !important; }

.dark .dark\:hover\:bg-rose-800\/10:hover,
html.dark .dark\:hover\:bg-rose-800\/10:hover { background-color: rgba(159, 18, 57, 0.1) !important; }
.dark .dark\:hover\:text-rose-800\/10:hover,
html.dark .dark\:hover\:text-rose-800\/10:hover { color: rgba(159, 18, 57, 0.1) !important; }
.dark .dark\:hover\:border-rose-800\/10:hover,
html.dark .dark\:hover\:border-rose-800\/10:hover { border-color: rgba(159, 18, 57, 0.1) !important; }

.bg-rose-800\/20 { background-color: rgba(159, 18, 57, 0.2) !important; }
.text-rose-800\/20 { color: rgba(159, 18, 57, 0.2) !important; }
.border-rose-800\/20 { border-color: rgba(159, 18, 57, 0.2) !important; }

.hover\:bg-rose-800\/20:hover { background-color: rgba(159, 18, 57, 0.2) !important; }
.hover\:text-rose-800\/20:hover { color: rgba(159, 18, 57, 0.2) !important; }
.hover\:border-rose-800\/20:hover { border-color: rgba(159, 18, 57, 0.2) !important; }

.dark .dark\:bg-rose-800\/20,
html.dark .dark\:bg-rose-800\/20 { background-color: rgba(159, 18, 57, 0.2) !important; }
.dark .dark\:text-rose-800\/20,
html.dark .dark\:text-rose-800\/20 { color: rgba(159, 18, 57, 0.2) !important; }
.dark .dark\:border-rose-800\/20,
html.dark .dark\:border-rose-800\/20 { border-color: rgba(159, 18, 57, 0.2) !important; }

.dark .dark\:hover\:bg-rose-800\/20:hover,
html.dark .dark\:hover\:bg-rose-800\/20:hover { background-color: rgba(159, 18, 57, 0.2) !important; }
.dark .dark\:hover\:text-rose-800\/20:hover,
html.dark .dark\:hover\:text-rose-800\/20:hover { color: rgba(159, 18, 57, 0.2) !important; }
.dark .dark\:hover\:border-rose-800\/20:hover,
html.dark .dark\:hover\:border-rose-800\/20:hover { border-color: rgba(159, 18, 57, 0.2) !important; }

.bg-rose-800\/25 { background-color: rgba(159, 18, 57, 0.25) !important; }
.text-rose-800\/25 { color: rgba(159, 18, 57, 0.25) !important; }
.border-rose-800\/25 { border-color: rgba(159, 18, 57, 0.25) !important; }

.hover\:bg-rose-800\/25:hover { background-color: rgba(159, 18, 57, 0.25) !important; }
.hover\:text-rose-800\/25:hover { color: rgba(159, 18, 57, 0.25) !important; }
.hover\:border-rose-800\/25:hover { border-color: rgba(159, 18, 57, 0.25) !important; }

.dark .dark\:bg-rose-800\/25,
html.dark .dark\:bg-rose-800\/25 { background-color: rgba(159, 18, 57, 0.25) !important; }
.dark .dark\:text-rose-800\/25,
html.dark .dark\:text-rose-800\/25 { color: rgba(159, 18, 57, 0.25) !important; }
.dark .dark\:border-rose-800\/25,
html.dark .dark\:border-rose-800\/25 { border-color: rgba(159, 18, 57, 0.25) !important; }

.dark .dark\:hover\:bg-rose-800\/25:hover,
html.dark .dark\:hover\:bg-rose-800\/25:hover { background-color: rgba(159, 18, 57, 0.25) !important; }
.dark .dark\:hover\:text-rose-800\/25:hover,
html.dark .dark\:hover\:text-rose-800\/25:hover { color: rgba(159, 18, 57, 0.25) !important; }
.dark .dark\:hover\:border-rose-800\/25:hover,
html.dark .dark\:hover\:border-rose-800\/25:hover { border-color: rgba(159, 18, 57, 0.25) !important; }

.bg-rose-800\/30 { background-color: rgba(159, 18, 57, 0.3) !important; }
.text-rose-800\/30 { color: rgba(159, 18, 57, 0.3) !important; }
.border-rose-800\/30 { border-color: rgba(159, 18, 57, 0.3) !important; }

.hover\:bg-rose-800\/30:hover { background-color: rgba(159, 18, 57, 0.3) !important; }
.hover\:text-rose-800\/30:hover { color: rgba(159, 18, 57, 0.3) !important; }
.hover\:border-rose-800\/30:hover { border-color: rgba(159, 18, 57, 0.3) !important; }

.dark .dark\:bg-rose-800\/30,
html.dark .dark\:bg-rose-800\/30 { background-color: rgba(159, 18, 57, 0.3) !important; }
.dark .dark\:text-rose-800\/30,
html.dark .dark\:text-rose-800\/30 { color: rgba(159, 18, 57, 0.3) !important; }
.dark .dark\:border-rose-800\/30,
html.dark .dark\:border-rose-800\/30 { border-color: rgba(159, 18, 57, 0.3) !important; }

.dark .dark\:hover\:bg-rose-800\/30:hover,
html.dark .dark\:hover\:bg-rose-800\/30:hover { background-color: rgba(159, 18, 57, 0.3) !important; }
.dark .dark\:hover\:text-rose-800\/30:hover,
html.dark .dark\:hover\:text-rose-800\/30:hover { color: rgba(159, 18, 57, 0.3) !important; }
.dark .dark\:hover\:border-rose-800\/30:hover,
html.dark .dark\:hover\:border-rose-800\/30:hover { border-color: rgba(159, 18, 57, 0.3) !important; }

.bg-rose-800\/40 { background-color: rgba(159, 18, 57, 0.4) !important; }
.text-rose-800\/40 { color: rgba(159, 18, 57, 0.4) !important; }
.border-rose-800\/40 { border-color: rgba(159, 18, 57, 0.4) !important; }

.hover\:bg-rose-800\/40:hover { background-color: rgba(159, 18, 57, 0.4) !important; }
.hover\:text-rose-800\/40:hover { color: rgba(159, 18, 57, 0.4) !important; }
.hover\:border-rose-800\/40:hover { border-color: rgba(159, 18, 57, 0.4) !important; }

.dark .dark\:bg-rose-800\/40,
html.dark .dark\:bg-rose-800\/40 { background-color: rgba(159, 18, 57, 0.4) !important; }
.dark .dark\:text-rose-800\/40,
html.dark .dark\:text-rose-800\/40 { color: rgba(159, 18, 57, 0.4) !important; }
.dark .dark\:border-rose-800\/40,
html.dark .dark\:border-rose-800\/40 { border-color: rgba(159, 18, 57, 0.4) !important; }

.dark .dark\:hover\:bg-rose-800\/40:hover,
html.dark .dark\:hover\:bg-rose-800\/40:hover { background-color: rgba(159, 18, 57, 0.4) !important; }
.dark .dark\:hover\:text-rose-800\/40:hover,
html.dark .dark\:hover\:text-rose-800\/40:hover { color: rgba(159, 18, 57, 0.4) !important; }
.dark .dark\:hover\:border-rose-800\/40:hover,
html.dark .dark\:hover\:border-rose-800\/40:hover { border-color: rgba(159, 18, 57, 0.4) !important; }

.bg-rose-800\/50 { background-color: rgba(159, 18, 57, 0.5) !important; }
.text-rose-800\/50 { color: rgba(159, 18, 57, 0.5) !important; }
.border-rose-800\/50 { border-color: rgba(159, 18, 57, 0.5) !important; }

.hover\:bg-rose-800\/50:hover { background-color: rgba(159, 18, 57, 0.5) !important; }
.hover\:text-rose-800\/50:hover { color: rgba(159, 18, 57, 0.5) !important; }
.hover\:border-rose-800\/50:hover { border-color: rgba(159, 18, 57, 0.5) !important; }

.dark .dark\:bg-rose-800\/50,
html.dark .dark\:bg-rose-800\/50 { background-color: rgba(159, 18, 57, 0.5) !important; }
.dark .dark\:text-rose-800\/50,
html.dark .dark\:text-rose-800\/50 { color: rgba(159, 18, 57, 0.5) !important; }
.dark .dark\:border-rose-800\/50,
html.dark .dark\:border-rose-800\/50 { border-color: rgba(159, 18, 57, 0.5) !important; }

.dark .dark\:hover\:bg-rose-800\/50:hover,
html.dark .dark\:hover\:bg-rose-800\/50:hover { background-color: rgba(159, 18, 57, 0.5) !important; }
.dark .dark\:hover\:text-rose-800\/50:hover,
html.dark .dark\:hover\:text-rose-800\/50:hover { color: rgba(159, 18, 57, 0.5) !important; }
.dark .dark\:hover\:border-rose-800\/50:hover,
html.dark .dark\:hover\:border-rose-800\/50:hover { border-color: rgba(159, 18, 57, 0.5) !important; }

.bg-rose-800\/60 { background-color: rgba(159, 18, 57, 0.6) !important; }
.text-rose-800\/60 { color: rgba(159, 18, 57, 0.6) !important; }
.border-rose-800\/60 { border-color: rgba(159, 18, 57, 0.6) !important; }

.hover\:bg-rose-800\/60:hover { background-color: rgba(159, 18, 57, 0.6) !important; }
.hover\:text-rose-800\/60:hover { color: rgba(159, 18, 57, 0.6) !important; }
.hover\:border-rose-800\/60:hover { border-color: rgba(159, 18, 57, 0.6) !important; }

.dark .dark\:bg-rose-800\/60,
html.dark .dark\:bg-rose-800\/60 { background-color: rgba(159, 18, 57, 0.6) !important; }
.dark .dark\:text-rose-800\/60,
html.dark .dark\:text-rose-800\/60 { color: rgba(159, 18, 57, 0.6) !important; }
.dark .dark\:border-rose-800\/60,
html.dark .dark\:border-rose-800\/60 { border-color: rgba(159, 18, 57, 0.6) !important; }

.dark .dark\:hover\:bg-rose-800\/60:hover,
html.dark .dark\:hover\:bg-rose-800\/60:hover { background-color: rgba(159, 18, 57, 0.6) !important; }
.dark .dark\:hover\:text-rose-800\/60:hover,
html.dark .dark\:hover\:text-rose-800\/60:hover { color: rgba(159, 18, 57, 0.6) !important; }
.dark .dark\:hover\:border-rose-800\/60:hover,
html.dark .dark\:hover\:border-rose-800\/60:hover { border-color: rgba(159, 18, 57, 0.6) !important; }

.bg-rose-800\/70 { background-color: rgba(159, 18, 57, 0.7) !important; }
.text-rose-800\/70 { color: rgba(159, 18, 57, 0.7) !important; }
.border-rose-800\/70 { border-color: rgba(159, 18, 57, 0.7) !important; }

.hover\:bg-rose-800\/70:hover { background-color: rgba(159, 18, 57, 0.7) !important; }
.hover\:text-rose-800\/70:hover { color: rgba(159, 18, 57, 0.7) !important; }
.hover\:border-rose-800\/70:hover { border-color: rgba(159, 18, 57, 0.7) !important; }

.dark .dark\:bg-rose-800\/70,
html.dark .dark\:bg-rose-800\/70 { background-color: rgba(159, 18, 57, 0.7) !important; }
.dark .dark\:text-rose-800\/70,
html.dark .dark\:text-rose-800\/70 { color: rgba(159, 18, 57, 0.7) !important; }
.dark .dark\:border-rose-800\/70,
html.dark .dark\:border-rose-800\/70 { border-color: rgba(159, 18, 57, 0.7) !important; }

.dark .dark\:hover\:bg-rose-800\/70:hover,
html.dark .dark\:hover\:bg-rose-800\/70:hover { background-color: rgba(159, 18, 57, 0.7) !important; }
.dark .dark\:hover\:text-rose-800\/70:hover,
html.dark .dark\:hover\:text-rose-800\/70:hover { color: rgba(159, 18, 57, 0.7) !important; }
.dark .dark\:hover\:border-rose-800\/70:hover,
html.dark .dark\:hover\:border-rose-800\/70:hover { border-color: rgba(159, 18, 57, 0.7) !important; }

.bg-rose-800\/75 { background-color: rgba(159, 18, 57, 0.75) !important; }
.text-rose-800\/75 { color: rgba(159, 18, 57, 0.75) !important; }
.border-rose-800\/75 { border-color: rgba(159, 18, 57, 0.75) !important; }

.hover\:bg-rose-800\/75:hover { background-color: rgba(159, 18, 57, 0.75) !important; }
.hover\:text-rose-800\/75:hover { color: rgba(159, 18, 57, 0.75) !important; }
.hover\:border-rose-800\/75:hover { border-color: rgba(159, 18, 57, 0.75) !important; }

.dark .dark\:bg-rose-800\/75,
html.dark .dark\:bg-rose-800\/75 { background-color: rgba(159, 18, 57, 0.75) !important; }
.dark .dark\:text-rose-800\/75,
html.dark .dark\:text-rose-800\/75 { color: rgba(159, 18, 57, 0.75) !important; }
.dark .dark\:border-rose-800\/75,
html.dark .dark\:border-rose-800\/75 { border-color: rgba(159, 18, 57, 0.75) !important; }

.dark .dark\:hover\:bg-rose-800\/75:hover,
html.dark .dark\:hover\:bg-rose-800\/75:hover { background-color: rgba(159, 18, 57, 0.75) !important; }
.dark .dark\:hover\:text-rose-800\/75:hover,
html.dark .dark\:hover\:text-rose-800\/75:hover { color: rgba(159, 18, 57, 0.75) !important; }
.dark .dark\:hover\:border-rose-800\/75:hover,
html.dark .dark\:hover\:border-rose-800\/75:hover { border-color: rgba(159, 18, 57, 0.75) !important; }

.bg-rose-800\/80 { background-color: rgba(159, 18, 57, 0.8) !important; }
.text-rose-800\/80 { color: rgba(159, 18, 57, 0.8) !important; }
.border-rose-800\/80 { border-color: rgba(159, 18, 57, 0.8) !important; }

.hover\:bg-rose-800\/80:hover { background-color: rgba(159, 18, 57, 0.8) !important; }
.hover\:text-rose-800\/80:hover { color: rgba(159, 18, 57, 0.8) !important; }
.hover\:border-rose-800\/80:hover { border-color: rgba(159, 18, 57, 0.8) !important; }

.dark .dark\:bg-rose-800\/80,
html.dark .dark\:bg-rose-800\/80 { background-color: rgba(159, 18, 57, 0.8) !important; }
.dark .dark\:text-rose-800\/80,
html.dark .dark\:text-rose-800\/80 { color: rgba(159, 18, 57, 0.8) !important; }
.dark .dark\:border-rose-800\/80,
html.dark .dark\:border-rose-800\/80 { border-color: rgba(159, 18, 57, 0.8) !important; }

.dark .dark\:hover\:bg-rose-800\/80:hover,
html.dark .dark\:hover\:bg-rose-800\/80:hover { background-color: rgba(159, 18, 57, 0.8) !important; }
.dark .dark\:hover\:text-rose-800\/80:hover,
html.dark .dark\:hover\:text-rose-800\/80:hover { color: rgba(159, 18, 57, 0.8) !important; }
.dark .dark\:hover\:border-rose-800\/80:hover,
html.dark .dark\:hover\:border-rose-800\/80:hover { border-color: rgba(159, 18, 57, 0.8) !important; }

.bg-rose-800\/90 { background-color: rgba(159, 18, 57, 0.9) !important; }
.text-rose-800\/90 { color: rgba(159, 18, 57, 0.9) !important; }
.border-rose-800\/90 { border-color: rgba(159, 18, 57, 0.9) !important; }

.hover\:bg-rose-800\/90:hover { background-color: rgba(159, 18, 57, 0.9) !important; }
.hover\:text-rose-800\/90:hover { color: rgba(159, 18, 57, 0.9) !important; }
.hover\:border-rose-800\/90:hover { border-color: rgba(159, 18, 57, 0.9) !important; }

.dark .dark\:bg-rose-800\/90,
html.dark .dark\:bg-rose-800\/90 { background-color: rgba(159, 18, 57, 0.9) !important; }
.dark .dark\:text-rose-800\/90,
html.dark .dark\:text-rose-800\/90 { color: rgba(159, 18, 57, 0.9) !important; }
.dark .dark\:border-rose-800\/90,
html.dark .dark\:border-rose-800\/90 { border-color: rgba(159, 18, 57, 0.9) !important; }

.dark .dark\:hover\:bg-rose-800\/90:hover,
html.dark .dark\:hover\:bg-rose-800\/90:hover { background-color: rgba(159, 18, 57, 0.9) !important; }
.dark .dark\:hover\:text-rose-800\/90:hover,
html.dark .dark\:hover\:text-rose-800\/90:hover { color: rgba(159, 18, 57, 0.9) !important; }
.dark .dark\:hover\:border-rose-800\/90:hover,
html.dark .dark\:hover\:border-rose-800\/90:hover { border-color: rgba(159, 18, 57, 0.9) !important; }

.bg-rose-800\/95 { background-color: rgba(159, 18, 57, 0.95) !important; }
.text-rose-800\/95 { color: rgba(159, 18, 57, 0.95) !important; }
.border-rose-800\/95 { border-color: rgba(159, 18, 57, 0.95) !important; }

.hover\:bg-rose-800\/95:hover { background-color: rgba(159, 18, 57, 0.95) !important; }
.hover\:text-rose-800\/95:hover { color: rgba(159, 18, 57, 0.95) !important; }
.hover\:border-rose-800\/95:hover { border-color: rgba(159, 18, 57, 0.95) !important; }

.dark .dark\:bg-rose-800\/95,
html.dark .dark\:bg-rose-800\/95 { background-color: rgba(159, 18, 57, 0.95) !important; }
.dark .dark\:text-rose-800\/95,
html.dark .dark\:text-rose-800\/95 { color: rgba(159, 18, 57, 0.95) !important; }
.dark .dark\:border-rose-800\/95,
html.dark .dark\:border-rose-800\/95 { border-color: rgba(159, 18, 57, 0.95) !important; }

.dark .dark\:hover\:bg-rose-800\/95:hover,
html.dark .dark\:hover\:bg-rose-800\/95:hover { background-color: rgba(159, 18, 57, 0.95) !important; }
.dark .dark\:hover\:text-rose-800\/95:hover,
html.dark .dark\:hover\:text-rose-800\/95:hover { color: rgba(159, 18, 57, 0.95) !important; }
.dark .dark\:hover\:border-rose-800\/95:hover,
html.dark .dark\:hover\:border-rose-800\/95:hover { border-color: rgba(159, 18, 57, 0.95) !important; }

.bg-rose-900 { background-color: #881337 !important; }
.text-rose-900 { color: #881337 !important; }
.border-rose-900 { border-color: #881337 !important; }
.fill-rose-900 { fill: #881337 !important; }
.stroke-rose-900 { stroke: #881337 !important; }

/* Hover states */
.hover\:bg-rose-900:hover { background-color: #881337 !important; }
.hover\:text-rose-900:hover { color: #881337 !important; }
.hover\:border-rose-900:hover { border-color: #881337 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-900,
html.dark .dark\:bg-rose-900 { background-color: #881337 !important; }
.dark .dark\:text-rose-900,
html.dark .dark\:text-rose-900 { color: #881337 !important; }
.dark .dark\:border-rose-900,
html.dark .dark\:border-rose-900 { border-color: #881337 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-900:hover,
html.dark .dark\:hover\:bg-rose-900:hover { background-color: #881337 !important; }
.dark .dark\:hover\:text-rose-900:hover,
html.dark .dark\:hover\:text-rose-900:hover { color: #881337 !important; }
.dark .dark\:hover\:border-rose-900:hover,
html.dark .dark\:hover\:border-rose-900:hover { border-color: #881337 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-900,
html.dark .group:hover .dark\:group-hover\:text-rose-900 { color: #881337 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-900,
html.dark .group:hover .dark\:group-hover\:bg-rose-900 { background-color: #881337 !important; }

.bg-rose-900\/10 { background-color: rgba(136, 19, 55, 0.1) !important; }
.text-rose-900\/10 { color: rgba(136, 19, 55, 0.1) !important; }
.border-rose-900\/10 { border-color: rgba(136, 19, 55, 0.1) !important; }

.hover\:bg-rose-900\/10:hover { background-color: rgba(136, 19, 55, 0.1) !important; }
.hover\:text-rose-900\/10:hover { color: rgba(136, 19, 55, 0.1) !important; }
.hover\:border-rose-900\/10:hover { border-color: rgba(136, 19, 55, 0.1) !important; }

.dark .dark\:bg-rose-900\/10,
html.dark .dark\:bg-rose-900\/10 { background-color: rgba(136, 19, 55, 0.1) !important; }
.dark .dark\:text-rose-900\/10,
html.dark .dark\:text-rose-900\/10 { color: rgba(136, 19, 55, 0.1) !important; }
.dark .dark\:border-rose-900\/10,
html.dark .dark\:border-rose-900\/10 { border-color: rgba(136, 19, 55, 0.1) !important; }

.dark .dark\:hover\:bg-rose-900\/10:hover,
html.dark .dark\:hover\:bg-rose-900\/10:hover { background-color: rgba(136, 19, 55, 0.1) !important; }
.dark .dark\:hover\:text-rose-900\/10:hover,
html.dark .dark\:hover\:text-rose-900\/10:hover { color: rgba(136, 19, 55, 0.1) !important; }
.dark .dark\:hover\:border-rose-900\/10:hover,
html.dark .dark\:hover\:border-rose-900\/10:hover { border-color: rgba(136, 19, 55, 0.1) !important; }

.bg-rose-900\/20 { background-color: rgba(136, 19, 55, 0.2) !important; }
.text-rose-900\/20 { color: rgba(136, 19, 55, 0.2) !important; }
.border-rose-900\/20 { border-color: rgba(136, 19, 55, 0.2) !important; }

.hover\:bg-rose-900\/20:hover { background-color: rgba(136, 19, 55, 0.2) !important; }
.hover\:text-rose-900\/20:hover { color: rgba(136, 19, 55, 0.2) !important; }
.hover\:border-rose-900\/20:hover { border-color: rgba(136, 19, 55, 0.2) !important; }

.dark .dark\:bg-rose-900\/20,
html.dark .dark\:bg-rose-900\/20 { background-color: rgba(136, 19, 55, 0.2) !important; }
.dark .dark\:text-rose-900\/20,
html.dark .dark\:text-rose-900\/20 { color: rgba(136, 19, 55, 0.2) !important; }
.dark .dark\:border-rose-900\/20,
html.dark .dark\:border-rose-900\/20 { border-color: rgba(136, 19, 55, 0.2) !important; }

.dark .dark\:hover\:bg-rose-900\/20:hover,
html.dark .dark\:hover\:bg-rose-900\/20:hover { background-color: rgba(136, 19, 55, 0.2) !important; }
.dark .dark\:hover\:text-rose-900\/20:hover,
html.dark .dark\:hover\:text-rose-900\/20:hover { color: rgba(136, 19, 55, 0.2) !important; }
.dark .dark\:hover\:border-rose-900\/20:hover,
html.dark .dark\:hover\:border-rose-900\/20:hover { border-color: rgba(136, 19, 55, 0.2) !important; }

.bg-rose-900\/25 { background-color: rgba(136, 19, 55, 0.25) !important; }
.text-rose-900\/25 { color: rgba(136, 19, 55, 0.25) !important; }
.border-rose-900\/25 { border-color: rgba(136, 19, 55, 0.25) !important; }

.hover\:bg-rose-900\/25:hover { background-color: rgba(136, 19, 55, 0.25) !important; }
.hover\:text-rose-900\/25:hover { color: rgba(136, 19, 55, 0.25) !important; }
.hover\:border-rose-900\/25:hover { border-color: rgba(136, 19, 55, 0.25) !important; }

.dark .dark\:bg-rose-900\/25,
html.dark .dark\:bg-rose-900\/25 { background-color: rgba(136, 19, 55, 0.25) !important; }
.dark .dark\:text-rose-900\/25,
html.dark .dark\:text-rose-900\/25 { color: rgba(136, 19, 55, 0.25) !important; }
.dark .dark\:border-rose-900\/25,
html.dark .dark\:border-rose-900\/25 { border-color: rgba(136, 19, 55, 0.25) !important; }

.dark .dark\:hover\:bg-rose-900\/25:hover,
html.dark .dark\:hover\:bg-rose-900\/25:hover { background-color: rgba(136, 19, 55, 0.25) !important; }
.dark .dark\:hover\:text-rose-900\/25:hover,
html.dark .dark\:hover\:text-rose-900\/25:hover { color: rgba(136, 19, 55, 0.25) !important; }
.dark .dark\:hover\:border-rose-900\/25:hover,
html.dark .dark\:hover\:border-rose-900\/25:hover { border-color: rgba(136, 19, 55, 0.25) !important; }

.bg-rose-900\/30 { background-color: rgba(136, 19, 55, 0.3) !important; }
.text-rose-900\/30 { color: rgba(136, 19, 55, 0.3) !important; }
.border-rose-900\/30 { border-color: rgba(136, 19, 55, 0.3) !important; }

.hover\:bg-rose-900\/30:hover { background-color: rgba(136, 19, 55, 0.3) !important; }
.hover\:text-rose-900\/30:hover { color: rgba(136, 19, 55, 0.3) !important; }
.hover\:border-rose-900\/30:hover { border-color: rgba(136, 19, 55, 0.3) !important; }

.dark .dark\:bg-rose-900\/30,
html.dark .dark\:bg-rose-900\/30 { background-color: rgba(136, 19, 55, 0.3) !important; }
.dark .dark\:text-rose-900\/30,
html.dark .dark\:text-rose-900\/30 { color: rgba(136, 19, 55, 0.3) !important; }
.dark .dark\:border-rose-900\/30,
html.dark .dark\:border-rose-900\/30 { border-color: rgba(136, 19, 55, 0.3) !important; }

.dark .dark\:hover\:bg-rose-900\/30:hover,
html.dark .dark\:hover\:bg-rose-900\/30:hover { background-color: rgba(136, 19, 55, 0.3) !important; }
.dark .dark\:hover\:text-rose-900\/30:hover,
html.dark .dark\:hover\:text-rose-900\/30:hover { color: rgba(136, 19, 55, 0.3) !important; }
.dark .dark\:hover\:border-rose-900\/30:hover,
html.dark .dark\:hover\:border-rose-900\/30:hover { border-color: rgba(136, 19, 55, 0.3) !important; }

.bg-rose-900\/40 { background-color: rgba(136, 19, 55, 0.4) !important; }
.text-rose-900\/40 { color: rgba(136, 19, 55, 0.4) !important; }
.border-rose-900\/40 { border-color: rgba(136, 19, 55, 0.4) !important; }

.hover\:bg-rose-900\/40:hover { background-color: rgba(136, 19, 55, 0.4) !important; }
.hover\:text-rose-900\/40:hover { color: rgba(136, 19, 55, 0.4) !important; }
.hover\:border-rose-900\/40:hover { border-color: rgba(136, 19, 55, 0.4) !important; }

.dark .dark\:bg-rose-900\/40,
html.dark .dark\:bg-rose-900\/40 { background-color: rgba(136, 19, 55, 0.4) !important; }
.dark .dark\:text-rose-900\/40,
html.dark .dark\:text-rose-900\/40 { color: rgba(136, 19, 55, 0.4) !important; }
.dark .dark\:border-rose-900\/40,
html.dark .dark\:border-rose-900\/40 { border-color: rgba(136, 19, 55, 0.4) !important; }

.dark .dark\:hover\:bg-rose-900\/40:hover,
html.dark .dark\:hover\:bg-rose-900\/40:hover { background-color: rgba(136, 19, 55, 0.4) !important; }
.dark .dark\:hover\:text-rose-900\/40:hover,
html.dark .dark\:hover\:text-rose-900\/40:hover { color: rgba(136, 19, 55, 0.4) !important; }
.dark .dark\:hover\:border-rose-900\/40:hover,
html.dark .dark\:hover\:border-rose-900\/40:hover { border-color: rgba(136, 19, 55, 0.4) !important; }

.bg-rose-900\/50 { background-color: rgba(136, 19, 55, 0.5) !important; }
.text-rose-900\/50 { color: rgba(136, 19, 55, 0.5) !important; }
.border-rose-900\/50 { border-color: rgba(136, 19, 55, 0.5) !important; }

.hover\:bg-rose-900\/50:hover { background-color: rgba(136, 19, 55, 0.5) !important; }
.hover\:text-rose-900\/50:hover { color: rgba(136, 19, 55, 0.5) !important; }
.hover\:border-rose-900\/50:hover { border-color: rgba(136, 19, 55, 0.5) !important; }

.dark .dark\:bg-rose-900\/50,
html.dark .dark\:bg-rose-900\/50 { background-color: rgba(136, 19, 55, 0.5) !important; }
.dark .dark\:text-rose-900\/50,
html.dark .dark\:text-rose-900\/50 { color: rgba(136, 19, 55, 0.5) !important; }
.dark .dark\:border-rose-900\/50,
html.dark .dark\:border-rose-900\/50 { border-color: rgba(136, 19, 55, 0.5) !important; }

.dark .dark\:hover\:bg-rose-900\/50:hover,
html.dark .dark\:hover\:bg-rose-900\/50:hover { background-color: rgba(136, 19, 55, 0.5) !important; }
.dark .dark\:hover\:text-rose-900\/50:hover,
html.dark .dark\:hover\:text-rose-900\/50:hover { color: rgba(136, 19, 55, 0.5) !important; }
.dark .dark\:hover\:border-rose-900\/50:hover,
html.dark .dark\:hover\:border-rose-900\/50:hover { border-color: rgba(136, 19, 55, 0.5) !important; }

.bg-rose-900\/60 { background-color: rgba(136, 19, 55, 0.6) !important; }
.text-rose-900\/60 { color: rgba(136, 19, 55, 0.6) !important; }
.border-rose-900\/60 { border-color: rgba(136, 19, 55, 0.6) !important; }

.hover\:bg-rose-900\/60:hover { background-color: rgba(136, 19, 55, 0.6) !important; }
.hover\:text-rose-900\/60:hover { color: rgba(136, 19, 55, 0.6) !important; }
.hover\:border-rose-900\/60:hover { border-color: rgba(136, 19, 55, 0.6) !important; }

.dark .dark\:bg-rose-900\/60,
html.dark .dark\:bg-rose-900\/60 { background-color: rgba(136, 19, 55, 0.6) !important; }
.dark .dark\:text-rose-900\/60,
html.dark .dark\:text-rose-900\/60 { color: rgba(136, 19, 55, 0.6) !important; }
.dark .dark\:border-rose-900\/60,
html.dark .dark\:border-rose-900\/60 { border-color: rgba(136, 19, 55, 0.6) !important; }

.dark .dark\:hover\:bg-rose-900\/60:hover,
html.dark .dark\:hover\:bg-rose-900\/60:hover { background-color: rgba(136, 19, 55, 0.6) !important; }
.dark .dark\:hover\:text-rose-900\/60:hover,
html.dark .dark\:hover\:text-rose-900\/60:hover { color: rgba(136, 19, 55, 0.6) !important; }
.dark .dark\:hover\:border-rose-900\/60:hover,
html.dark .dark\:hover\:border-rose-900\/60:hover { border-color: rgba(136, 19, 55, 0.6) !important; }

.bg-rose-900\/70 { background-color: rgba(136, 19, 55, 0.7) !important; }
.text-rose-900\/70 { color: rgba(136, 19, 55, 0.7) !important; }
.border-rose-900\/70 { border-color: rgba(136, 19, 55, 0.7) !important; }

.hover\:bg-rose-900\/70:hover { background-color: rgba(136, 19, 55, 0.7) !important; }
.hover\:text-rose-900\/70:hover { color: rgba(136, 19, 55, 0.7) !important; }
.hover\:border-rose-900\/70:hover { border-color: rgba(136, 19, 55, 0.7) !important; }

.dark .dark\:bg-rose-900\/70,
html.dark .dark\:bg-rose-900\/70 { background-color: rgba(136, 19, 55, 0.7) !important; }
.dark .dark\:text-rose-900\/70,
html.dark .dark\:text-rose-900\/70 { color: rgba(136, 19, 55, 0.7) !important; }
.dark .dark\:border-rose-900\/70,
html.dark .dark\:border-rose-900\/70 { border-color: rgba(136, 19, 55, 0.7) !important; }

.dark .dark\:hover\:bg-rose-900\/70:hover,
html.dark .dark\:hover\:bg-rose-900\/70:hover { background-color: rgba(136, 19, 55, 0.7) !important; }
.dark .dark\:hover\:text-rose-900\/70:hover,
html.dark .dark\:hover\:text-rose-900\/70:hover { color: rgba(136, 19, 55, 0.7) !important; }
.dark .dark\:hover\:border-rose-900\/70:hover,
html.dark .dark\:hover\:border-rose-900\/70:hover { border-color: rgba(136, 19, 55, 0.7) !important; }

.bg-rose-900\/75 { background-color: rgba(136, 19, 55, 0.75) !important; }
.text-rose-900\/75 { color: rgba(136, 19, 55, 0.75) !important; }
.border-rose-900\/75 { border-color: rgba(136, 19, 55, 0.75) !important; }

.hover\:bg-rose-900\/75:hover { background-color: rgba(136, 19, 55, 0.75) !important; }
.hover\:text-rose-900\/75:hover { color: rgba(136, 19, 55, 0.75) !important; }
.hover\:border-rose-900\/75:hover { border-color: rgba(136, 19, 55, 0.75) !important; }

.dark .dark\:bg-rose-900\/75,
html.dark .dark\:bg-rose-900\/75 { background-color: rgba(136, 19, 55, 0.75) !important; }
.dark .dark\:text-rose-900\/75,
html.dark .dark\:text-rose-900\/75 { color: rgba(136, 19, 55, 0.75) !important; }
.dark .dark\:border-rose-900\/75,
html.dark .dark\:border-rose-900\/75 { border-color: rgba(136, 19, 55, 0.75) !important; }

.dark .dark\:hover\:bg-rose-900\/75:hover,
html.dark .dark\:hover\:bg-rose-900\/75:hover { background-color: rgba(136, 19, 55, 0.75) !important; }
.dark .dark\:hover\:text-rose-900\/75:hover,
html.dark .dark\:hover\:text-rose-900\/75:hover { color: rgba(136, 19, 55, 0.75) !important; }
.dark .dark\:hover\:border-rose-900\/75:hover,
html.dark .dark\:hover\:border-rose-900\/75:hover { border-color: rgba(136, 19, 55, 0.75) !important; }

.bg-rose-900\/80 { background-color: rgba(136, 19, 55, 0.8) !important; }
.text-rose-900\/80 { color: rgba(136, 19, 55, 0.8) !important; }
.border-rose-900\/80 { border-color: rgba(136, 19, 55, 0.8) !important; }

.hover\:bg-rose-900\/80:hover { background-color: rgba(136, 19, 55, 0.8) !important; }
.hover\:text-rose-900\/80:hover { color: rgba(136, 19, 55, 0.8) !important; }
.hover\:border-rose-900\/80:hover { border-color: rgba(136, 19, 55, 0.8) !important; }

.dark .dark\:bg-rose-900\/80,
html.dark .dark\:bg-rose-900\/80 { background-color: rgba(136, 19, 55, 0.8) !important; }
.dark .dark\:text-rose-900\/80,
html.dark .dark\:text-rose-900\/80 { color: rgba(136, 19, 55, 0.8) !important; }
.dark .dark\:border-rose-900\/80,
html.dark .dark\:border-rose-900\/80 { border-color: rgba(136, 19, 55, 0.8) !important; }

.dark .dark\:hover\:bg-rose-900\/80:hover,
html.dark .dark\:hover\:bg-rose-900\/80:hover { background-color: rgba(136, 19, 55, 0.8) !important; }
.dark .dark\:hover\:text-rose-900\/80:hover,
html.dark .dark\:hover\:text-rose-900\/80:hover { color: rgba(136, 19, 55, 0.8) !important; }
.dark .dark\:hover\:border-rose-900\/80:hover,
html.dark .dark\:hover\:border-rose-900\/80:hover { border-color: rgba(136, 19, 55, 0.8) !important; }

.bg-rose-900\/90 { background-color: rgba(136, 19, 55, 0.9) !important; }
.text-rose-900\/90 { color: rgba(136, 19, 55, 0.9) !important; }
.border-rose-900\/90 { border-color: rgba(136, 19, 55, 0.9) !important; }

.hover\:bg-rose-900\/90:hover { background-color: rgba(136, 19, 55, 0.9) !important; }
.hover\:text-rose-900\/90:hover { color: rgba(136, 19, 55, 0.9) !important; }
.hover\:border-rose-900\/90:hover { border-color: rgba(136, 19, 55, 0.9) !important; }

.dark .dark\:bg-rose-900\/90,
html.dark .dark\:bg-rose-900\/90 { background-color: rgba(136, 19, 55, 0.9) !important; }
.dark .dark\:text-rose-900\/90,
html.dark .dark\:text-rose-900\/90 { color: rgba(136, 19, 55, 0.9) !important; }
.dark .dark\:border-rose-900\/90,
html.dark .dark\:border-rose-900\/90 { border-color: rgba(136, 19, 55, 0.9) !important; }

.dark .dark\:hover\:bg-rose-900\/90:hover,
html.dark .dark\:hover\:bg-rose-900\/90:hover { background-color: rgba(136, 19, 55, 0.9) !important; }
.dark .dark\:hover\:text-rose-900\/90:hover,
html.dark .dark\:hover\:text-rose-900\/90:hover { color: rgba(136, 19, 55, 0.9) !important; }
.dark .dark\:hover\:border-rose-900\/90:hover,
html.dark .dark\:hover\:border-rose-900\/90:hover { border-color: rgba(136, 19, 55, 0.9) !important; }

.bg-rose-900\/95 { background-color: rgba(136, 19, 55, 0.95) !important; }
.text-rose-900\/95 { color: rgba(136, 19, 55, 0.95) !important; }
.border-rose-900\/95 { border-color: rgba(136, 19, 55, 0.95) !important; }

.hover\:bg-rose-900\/95:hover { background-color: rgba(136, 19, 55, 0.95) !important; }
.hover\:text-rose-900\/95:hover { color: rgba(136, 19, 55, 0.95) !important; }
.hover\:border-rose-900\/95:hover { border-color: rgba(136, 19, 55, 0.95) !important; }

.dark .dark\:bg-rose-900\/95,
html.dark .dark\:bg-rose-900\/95 { background-color: rgba(136, 19, 55, 0.95) !important; }
.dark .dark\:text-rose-900\/95,
html.dark .dark\:text-rose-900\/95 { color: rgba(136, 19, 55, 0.95) !important; }
.dark .dark\:border-rose-900\/95,
html.dark .dark\:border-rose-900\/95 { border-color: rgba(136, 19, 55, 0.95) !important; }

.dark .dark\:hover\:bg-rose-900\/95:hover,
html.dark .dark\:hover\:bg-rose-900\/95:hover { background-color: rgba(136, 19, 55, 0.95) !important; }
.dark .dark\:hover\:text-rose-900\/95:hover,
html.dark .dark\:hover\:text-rose-900\/95:hover { color: rgba(136, 19, 55, 0.95) !important; }
.dark .dark\:hover\:border-rose-900\/95:hover,
html.dark .dark\:hover\:border-rose-900\/95:hover { border-color: rgba(136, 19, 55, 0.95) !important; }

.bg-rose-950 { background-color: #4c0519 !important; }
.text-rose-950 { color: #4c0519 !important; }
.border-rose-950 { border-color: #4c0519 !important; }
.fill-rose-950 { fill: #4c0519 !important; }
.stroke-rose-950 { stroke: #4c0519 !important; }

/* Hover states */
.hover\:bg-rose-950:hover { background-color: #4c0519 !important; }
.hover\:text-rose-950:hover { color: #4c0519 !important; }
.hover\:border-rose-950:hover { border-color: #4c0519 !important; }

/* Dark mode standard */
.dark .dark\:bg-rose-950,
html.dark .dark\:bg-rose-950 { background-color: #4c0519 !important; }
.dark .dark\:text-rose-950,
html.dark .dark\:text-rose-950 { color: #4c0519 !important; }
.dark .dark\:border-rose-950,
html.dark .dark\:border-rose-950 { border-color: #4c0519 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-rose-950:hover,
html.dark .dark\:hover\:bg-rose-950:hover { background-color: #4c0519 !important; }
.dark .dark\:hover\:text-rose-950:hover,
html.dark .dark\:hover\:text-rose-950:hover { color: #4c0519 !important; }
.dark .dark\:hover\:border-rose-950:hover,
html.dark .dark\:hover\:border-rose-950:hover { border-color: #4c0519 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-rose-950,
html.dark .group:hover .dark\:group-hover\:text-rose-950 { color: #4c0519 !important; }
.dark .group:hover .dark\:group-hover\:bg-rose-950,
html.dark .group:hover .dark\:group-hover\:bg-rose-950 { background-color: #4c0519 !important; }

.bg-rose-950\/10 { background-color: rgba(76, 5, 25, 0.1) !important; }
.text-rose-950\/10 { color: rgba(76, 5, 25, 0.1) !important; }
.border-rose-950\/10 { border-color: rgba(76, 5, 25, 0.1) !important; }

.hover\:bg-rose-950\/10:hover { background-color: rgba(76, 5, 25, 0.1) !important; }
.hover\:text-rose-950\/10:hover { color: rgba(76, 5, 25, 0.1) !important; }
.hover\:border-rose-950\/10:hover { border-color: rgba(76, 5, 25, 0.1) !important; }

.dark .dark\:bg-rose-950\/10,
html.dark .dark\:bg-rose-950\/10 { background-color: rgba(76, 5, 25, 0.1) !important; }
.dark .dark\:text-rose-950\/10,
html.dark .dark\:text-rose-950\/10 { color: rgba(76, 5, 25, 0.1) !important; }
.dark .dark\:border-rose-950\/10,
html.dark .dark\:border-rose-950\/10 { border-color: rgba(76, 5, 25, 0.1) !important; }

.dark .dark\:hover\:bg-rose-950\/10:hover,
html.dark .dark\:hover\:bg-rose-950\/10:hover { background-color: rgba(76, 5, 25, 0.1) !important; }
.dark .dark\:hover\:text-rose-950\/10:hover,
html.dark .dark\:hover\:text-rose-950\/10:hover { color: rgba(76, 5, 25, 0.1) !important; }
.dark .dark\:hover\:border-rose-950\/10:hover,
html.dark .dark\:hover\:border-rose-950\/10:hover { border-color: rgba(76, 5, 25, 0.1) !important; }

.bg-rose-950\/20 { background-color: rgba(76, 5, 25, 0.2) !important; }
.text-rose-950\/20 { color: rgba(76, 5, 25, 0.2) !important; }
.border-rose-950\/20 { border-color: rgba(76, 5, 25, 0.2) !important; }

.hover\:bg-rose-950\/20:hover { background-color: rgba(76, 5, 25, 0.2) !important; }
.hover\:text-rose-950\/20:hover { color: rgba(76, 5, 25, 0.2) !important; }
.hover\:border-rose-950\/20:hover { border-color: rgba(76, 5, 25, 0.2) !important; }

.dark .dark\:bg-rose-950\/20,
html.dark .dark\:bg-rose-950\/20 { background-color: rgba(76, 5, 25, 0.2) !important; }
.dark .dark\:text-rose-950\/20,
html.dark .dark\:text-rose-950\/20 { color: rgba(76, 5, 25, 0.2) !important; }
.dark .dark\:border-rose-950\/20,
html.dark .dark\:border-rose-950\/20 { border-color: rgba(76, 5, 25, 0.2) !important; }

.dark .dark\:hover\:bg-rose-950\/20:hover,
html.dark .dark\:hover\:bg-rose-950\/20:hover { background-color: rgba(76, 5, 25, 0.2) !important; }
.dark .dark\:hover\:text-rose-950\/20:hover,
html.dark .dark\:hover\:text-rose-950\/20:hover { color: rgba(76, 5, 25, 0.2) !important; }
.dark .dark\:hover\:border-rose-950\/20:hover,
html.dark .dark\:hover\:border-rose-950\/20:hover { border-color: rgba(76, 5, 25, 0.2) !important; }

.bg-rose-950\/25 { background-color: rgba(76, 5, 25, 0.25) !important; }
.text-rose-950\/25 { color: rgba(76, 5, 25, 0.25) !important; }
.border-rose-950\/25 { border-color: rgba(76, 5, 25, 0.25) !important; }

.hover\:bg-rose-950\/25:hover { background-color: rgba(76, 5, 25, 0.25) !important; }
.hover\:text-rose-950\/25:hover { color: rgba(76, 5, 25, 0.25) !important; }
.hover\:border-rose-950\/25:hover { border-color: rgba(76, 5, 25, 0.25) !important; }

.dark .dark\:bg-rose-950\/25,
html.dark .dark\:bg-rose-950\/25 { background-color: rgba(76, 5, 25, 0.25) !important; }
.dark .dark\:text-rose-950\/25,
html.dark .dark\:text-rose-950\/25 { color: rgba(76, 5, 25, 0.25) !important; }
.dark .dark\:border-rose-950\/25,
html.dark .dark\:border-rose-950\/25 { border-color: rgba(76, 5, 25, 0.25) !important; }

.dark .dark\:hover\:bg-rose-950\/25:hover,
html.dark .dark\:hover\:bg-rose-950\/25:hover { background-color: rgba(76, 5, 25, 0.25) !important; }
.dark .dark\:hover\:text-rose-950\/25:hover,
html.dark .dark\:hover\:text-rose-950\/25:hover { color: rgba(76, 5, 25, 0.25) !important; }
.dark .dark\:hover\:border-rose-950\/25:hover,
html.dark .dark\:hover\:border-rose-950\/25:hover { border-color: rgba(76, 5, 25, 0.25) !important; }

.bg-rose-950\/30 { background-color: rgba(76, 5, 25, 0.3) !important; }
.text-rose-950\/30 { color: rgba(76, 5, 25, 0.3) !important; }
.border-rose-950\/30 { border-color: rgba(76, 5, 25, 0.3) !important; }

.hover\:bg-rose-950\/30:hover { background-color: rgba(76, 5, 25, 0.3) !important; }
.hover\:text-rose-950\/30:hover { color: rgba(76, 5, 25, 0.3) !important; }
.hover\:border-rose-950\/30:hover { border-color: rgba(76, 5, 25, 0.3) !important; }

.dark .dark\:bg-rose-950\/30,
html.dark .dark\:bg-rose-950\/30 { background-color: rgba(76, 5, 25, 0.3) !important; }
.dark .dark\:text-rose-950\/30,
html.dark .dark\:text-rose-950\/30 { color: rgba(76, 5, 25, 0.3) !important; }
.dark .dark\:border-rose-950\/30,
html.dark .dark\:border-rose-950\/30 { border-color: rgba(76, 5, 25, 0.3) !important; }

.dark .dark\:hover\:bg-rose-950\/30:hover,
html.dark .dark\:hover\:bg-rose-950\/30:hover { background-color: rgba(76, 5, 25, 0.3) !important; }
.dark .dark\:hover\:text-rose-950\/30:hover,
html.dark .dark\:hover\:text-rose-950\/30:hover { color: rgba(76, 5, 25, 0.3) !important; }
.dark .dark\:hover\:border-rose-950\/30:hover,
html.dark .dark\:hover\:border-rose-950\/30:hover { border-color: rgba(76, 5, 25, 0.3) !important; }

.bg-rose-950\/40 { background-color: rgba(76, 5, 25, 0.4) !important; }
.text-rose-950\/40 { color: rgba(76, 5, 25, 0.4) !important; }
.border-rose-950\/40 { border-color: rgba(76, 5, 25, 0.4) !important; }

.hover\:bg-rose-950\/40:hover { background-color: rgba(76, 5, 25, 0.4) !important; }
.hover\:text-rose-950\/40:hover { color: rgba(76, 5, 25, 0.4) !important; }
.hover\:border-rose-950\/40:hover { border-color: rgba(76, 5, 25, 0.4) !important; }

.dark .dark\:bg-rose-950\/40,
html.dark .dark\:bg-rose-950\/40 { background-color: rgba(76, 5, 25, 0.4) !important; }
.dark .dark\:text-rose-950\/40,
html.dark .dark\:text-rose-950\/40 { color: rgba(76, 5, 25, 0.4) !important; }
.dark .dark\:border-rose-950\/40,
html.dark .dark\:border-rose-950\/40 { border-color: rgba(76, 5, 25, 0.4) !important; }

.dark .dark\:hover\:bg-rose-950\/40:hover,
html.dark .dark\:hover\:bg-rose-950\/40:hover { background-color: rgba(76, 5, 25, 0.4) !important; }
.dark .dark\:hover\:text-rose-950\/40:hover,
html.dark .dark\:hover\:text-rose-950\/40:hover { color: rgba(76, 5, 25, 0.4) !important; }
.dark .dark\:hover\:border-rose-950\/40:hover,
html.dark .dark\:hover\:border-rose-950\/40:hover { border-color: rgba(76, 5, 25, 0.4) !important; }

.bg-rose-950\/50 { background-color: rgba(76, 5, 25, 0.5) !important; }
.text-rose-950\/50 { color: rgba(76, 5, 25, 0.5) !important; }
.border-rose-950\/50 { border-color: rgba(76, 5, 25, 0.5) !important; }

.hover\:bg-rose-950\/50:hover { background-color: rgba(76, 5, 25, 0.5) !important; }
.hover\:text-rose-950\/50:hover { color: rgba(76, 5, 25, 0.5) !important; }
.hover\:border-rose-950\/50:hover { border-color: rgba(76, 5, 25, 0.5) !important; }

.dark .dark\:bg-rose-950\/50,
html.dark .dark\:bg-rose-950\/50 { background-color: rgba(76, 5, 25, 0.5) !important; }
.dark .dark\:text-rose-950\/50,
html.dark .dark\:text-rose-950\/50 { color: rgba(76, 5, 25, 0.5) !important; }
.dark .dark\:border-rose-950\/50,
html.dark .dark\:border-rose-950\/50 { border-color: rgba(76, 5, 25, 0.5) !important; }

.dark .dark\:hover\:bg-rose-950\/50:hover,
html.dark .dark\:hover\:bg-rose-950\/50:hover { background-color: rgba(76, 5, 25, 0.5) !important; }
.dark .dark\:hover\:text-rose-950\/50:hover,
html.dark .dark\:hover\:text-rose-950\/50:hover { color: rgba(76, 5, 25, 0.5) !important; }
.dark .dark\:hover\:border-rose-950\/50:hover,
html.dark .dark\:hover\:border-rose-950\/50:hover { border-color: rgba(76, 5, 25, 0.5) !important; }

.bg-rose-950\/60 { background-color: rgba(76, 5, 25, 0.6) !important; }
.text-rose-950\/60 { color: rgba(76, 5, 25, 0.6) !important; }
.border-rose-950\/60 { border-color: rgba(76, 5, 25, 0.6) !important; }

.hover\:bg-rose-950\/60:hover { background-color: rgba(76, 5, 25, 0.6) !important; }
.hover\:text-rose-950\/60:hover { color: rgba(76, 5, 25, 0.6) !important; }
.hover\:border-rose-950\/60:hover { border-color: rgba(76, 5, 25, 0.6) !important; }

.dark .dark\:bg-rose-950\/60,
html.dark .dark\:bg-rose-950\/60 { background-color: rgba(76, 5, 25, 0.6) !important; }
.dark .dark\:text-rose-950\/60,
html.dark .dark\:text-rose-950\/60 { color: rgba(76, 5, 25, 0.6) !important; }
.dark .dark\:border-rose-950\/60,
html.dark .dark\:border-rose-950\/60 { border-color: rgba(76, 5, 25, 0.6) !important; }

.dark .dark\:hover\:bg-rose-950\/60:hover,
html.dark .dark\:hover\:bg-rose-950\/60:hover { background-color: rgba(76, 5, 25, 0.6) !important; }
.dark .dark\:hover\:text-rose-950\/60:hover,
html.dark .dark\:hover\:text-rose-950\/60:hover { color: rgba(76, 5, 25, 0.6) !important; }
.dark .dark\:hover\:border-rose-950\/60:hover,
html.dark .dark\:hover\:border-rose-950\/60:hover { border-color: rgba(76, 5, 25, 0.6) !important; }

.bg-rose-950\/70 { background-color: rgba(76, 5, 25, 0.7) !important; }
.text-rose-950\/70 { color: rgba(76, 5, 25, 0.7) !important; }
.border-rose-950\/70 { border-color: rgba(76, 5, 25, 0.7) !important; }

.hover\:bg-rose-950\/70:hover { background-color: rgba(76, 5, 25, 0.7) !important; }
.hover\:text-rose-950\/70:hover { color: rgba(76, 5, 25, 0.7) !important; }
.hover\:border-rose-950\/70:hover { border-color: rgba(76, 5, 25, 0.7) !important; }

.dark .dark\:bg-rose-950\/70,
html.dark .dark\:bg-rose-950\/70 { background-color: rgba(76, 5, 25, 0.7) !important; }
.dark .dark\:text-rose-950\/70,
html.dark .dark\:text-rose-950\/70 { color: rgba(76, 5, 25, 0.7) !important; }
.dark .dark\:border-rose-950\/70,
html.dark .dark\:border-rose-950\/70 { border-color: rgba(76, 5, 25, 0.7) !important; }

.dark .dark\:hover\:bg-rose-950\/70:hover,
html.dark .dark\:hover\:bg-rose-950\/70:hover { background-color: rgba(76, 5, 25, 0.7) !important; }
.dark .dark\:hover\:text-rose-950\/70:hover,
html.dark .dark\:hover\:text-rose-950\/70:hover { color: rgba(76, 5, 25, 0.7) !important; }
.dark .dark\:hover\:border-rose-950\/70:hover,
html.dark .dark\:hover\:border-rose-950\/70:hover { border-color: rgba(76, 5, 25, 0.7) !important; }

.bg-rose-950\/75 { background-color: rgba(76, 5, 25, 0.75) !important; }
.text-rose-950\/75 { color: rgba(76, 5, 25, 0.75) !important; }
.border-rose-950\/75 { border-color: rgba(76, 5, 25, 0.75) !important; }

.hover\:bg-rose-950\/75:hover { background-color: rgba(76, 5, 25, 0.75) !important; }
.hover\:text-rose-950\/75:hover { color: rgba(76, 5, 25, 0.75) !important; }
.hover\:border-rose-950\/75:hover { border-color: rgba(76, 5, 25, 0.75) !important; }

.dark .dark\:bg-rose-950\/75,
html.dark .dark\:bg-rose-950\/75 { background-color: rgba(76, 5, 25, 0.75) !important; }
.dark .dark\:text-rose-950\/75,
html.dark .dark\:text-rose-950\/75 { color: rgba(76, 5, 25, 0.75) !important; }
.dark .dark\:border-rose-950\/75,
html.dark .dark\:border-rose-950\/75 { border-color: rgba(76, 5, 25, 0.75) !important; }

.dark .dark\:hover\:bg-rose-950\/75:hover,
html.dark .dark\:hover\:bg-rose-950\/75:hover { background-color: rgba(76, 5, 25, 0.75) !important; }
.dark .dark\:hover\:text-rose-950\/75:hover,
html.dark .dark\:hover\:text-rose-950\/75:hover { color: rgba(76, 5, 25, 0.75) !important; }
.dark .dark\:hover\:border-rose-950\/75:hover,
html.dark .dark\:hover\:border-rose-950\/75:hover { border-color: rgba(76, 5, 25, 0.75) !important; }

.bg-rose-950\/80 { background-color: rgba(76, 5, 25, 0.8) !important; }
.text-rose-950\/80 { color: rgba(76, 5, 25, 0.8) !important; }
.border-rose-950\/80 { border-color: rgba(76, 5, 25, 0.8) !important; }

.hover\:bg-rose-950\/80:hover { background-color: rgba(76, 5, 25, 0.8) !important; }
.hover\:text-rose-950\/80:hover { color: rgba(76, 5, 25, 0.8) !important; }
.hover\:border-rose-950\/80:hover { border-color: rgba(76, 5, 25, 0.8) !important; }

.dark .dark\:bg-rose-950\/80,
html.dark .dark\:bg-rose-950\/80 { background-color: rgba(76, 5, 25, 0.8) !important; }
.dark .dark\:text-rose-950\/80,
html.dark .dark\:text-rose-950\/80 { color: rgba(76, 5, 25, 0.8) !important; }
.dark .dark\:border-rose-950\/80,
html.dark .dark\:border-rose-950\/80 { border-color: rgba(76, 5, 25, 0.8) !important; }

.dark .dark\:hover\:bg-rose-950\/80:hover,
html.dark .dark\:hover\:bg-rose-950\/80:hover { background-color: rgba(76, 5, 25, 0.8) !important; }
.dark .dark\:hover\:text-rose-950\/80:hover,
html.dark .dark\:hover\:text-rose-950\/80:hover { color: rgba(76, 5, 25, 0.8) !important; }
.dark .dark\:hover\:border-rose-950\/80:hover,
html.dark .dark\:hover\:border-rose-950\/80:hover { border-color: rgba(76, 5, 25, 0.8) !important; }

.bg-rose-950\/90 { background-color: rgba(76, 5, 25, 0.9) !important; }
.text-rose-950\/90 { color: rgba(76, 5, 25, 0.9) !important; }
.border-rose-950\/90 { border-color: rgba(76, 5, 25, 0.9) !important; }

.hover\:bg-rose-950\/90:hover { background-color: rgba(76, 5, 25, 0.9) !important; }
.hover\:text-rose-950\/90:hover { color: rgba(76, 5, 25, 0.9) !important; }
.hover\:border-rose-950\/90:hover { border-color: rgba(76, 5, 25, 0.9) !important; }

.dark .dark\:bg-rose-950\/90,
html.dark .dark\:bg-rose-950\/90 { background-color: rgba(76, 5, 25, 0.9) !important; }
.dark .dark\:text-rose-950\/90,
html.dark .dark\:text-rose-950\/90 { color: rgba(76, 5, 25, 0.9) !important; }
.dark .dark\:border-rose-950\/90,
html.dark .dark\:border-rose-950\/90 { border-color: rgba(76, 5, 25, 0.9) !important; }

.dark .dark\:hover\:bg-rose-950\/90:hover,
html.dark .dark\:hover\:bg-rose-950\/90:hover { background-color: rgba(76, 5, 25, 0.9) !important; }
.dark .dark\:hover\:text-rose-950\/90:hover,
html.dark .dark\:hover\:text-rose-950\/90:hover { color: rgba(76, 5, 25, 0.9) !important; }
.dark .dark\:hover\:border-rose-950\/90:hover,
html.dark .dark\:hover\:border-rose-950\/90:hover { border-color: rgba(76, 5, 25, 0.9) !important; }

.bg-rose-950\/95 { background-color: rgba(76, 5, 25, 0.95) !important; }
.text-rose-950\/95 { color: rgba(76, 5, 25, 0.95) !important; }
.border-rose-950\/95 { border-color: rgba(76, 5, 25, 0.95) !important; }

.hover\:bg-rose-950\/95:hover { background-color: rgba(76, 5, 25, 0.95) !important; }
.hover\:text-rose-950\/95:hover { color: rgba(76, 5, 25, 0.95) !important; }
.hover\:border-rose-950\/95:hover { border-color: rgba(76, 5, 25, 0.95) !important; }

.dark .dark\:bg-rose-950\/95,
html.dark .dark\:bg-rose-950\/95 { background-color: rgba(76, 5, 25, 0.95) !important; }
.dark .dark\:text-rose-950\/95,
html.dark .dark\:text-rose-950\/95 { color: rgba(76, 5, 25, 0.95) !important; }
.dark .dark\:border-rose-950\/95,
html.dark .dark\:border-rose-950\/95 { border-color: rgba(76, 5, 25, 0.95) !important; }

.dark .dark\:hover\:bg-rose-950\/95:hover,
html.dark .dark\:hover\:bg-rose-950\/95:hover { background-color: rgba(76, 5, 25, 0.95) !important; }
.dark .dark\:hover\:text-rose-950\/95:hover,
html.dark .dark\:hover\:text-rose-950\/95:hover { color: rgba(76, 5, 25, 0.95) !important; }
.dark .dark\:hover\:border-rose-950\/95:hover,
html.dark .dark\:hover\:border-rose-950\/95:hover { border-color: rgba(76, 5, 25, 0.95) !important; }

.bg-violet-50 { background-color: #f5f3ff !important; }
.text-violet-50 { color: #f5f3ff !important; }
.border-violet-50 { border-color: #f5f3ff !important; }
.fill-violet-50 { fill: #f5f3ff !important; }
.stroke-violet-50 { stroke: #f5f3ff !important; }

/* Hover states */
.hover\:bg-violet-50:hover { background-color: #f5f3ff !important; }
.hover\:text-violet-50:hover { color: #f5f3ff !important; }
.hover\:border-violet-50:hover { border-color: #f5f3ff !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-50,
html.dark .dark\:bg-violet-50 { background-color: #f5f3ff !important; }
.dark .dark\:text-violet-50,
html.dark .dark\:text-violet-50 { color: #f5f3ff !important; }
.dark .dark\:border-violet-50,
html.dark .dark\:border-violet-50 { border-color: #f5f3ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-50:hover,
html.dark .dark\:hover\:bg-violet-50:hover { background-color: #f5f3ff !important; }
.dark .dark\:hover\:text-violet-50:hover,
html.dark .dark\:hover\:text-violet-50:hover { color: #f5f3ff !important; }
.dark .dark\:hover\:border-violet-50:hover,
html.dark .dark\:hover\:border-violet-50:hover { border-color: #f5f3ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-50,
html.dark .group:hover .dark\:group-hover\:text-violet-50 { color: #f5f3ff !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-50,
html.dark .group:hover .dark\:group-hover\:bg-violet-50 { background-color: #f5f3ff !important; }

.bg-violet-50\/10 { background-color: rgba(245, 243, 255, 0.1) !important; }
.text-violet-50\/10 { color: rgba(245, 243, 255, 0.1) !important; }
.border-violet-50\/10 { border-color: rgba(245, 243, 255, 0.1) !important; }

.hover\:bg-violet-50\/10:hover { background-color: rgba(245, 243, 255, 0.1) !important; }
.hover\:text-violet-50\/10:hover { color: rgba(245, 243, 255, 0.1) !important; }
.hover\:border-violet-50\/10:hover { border-color: rgba(245, 243, 255, 0.1) !important; }

.dark .dark\:bg-violet-50\/10,
html.dark .dark\:bg-violet-50\/10 { background-color: rgba(245, 243, 255, 0.1) !important; }
.dark .dark\:text-violet-50\/10,
html.dark .dark\:text-violet-50\/10 { color: rgba(245, 243, 255, 0.1) !important; }
.dark .dark\:border-violet-50\/10,
html.dark .dark\:border-violet-50\/10 { border-color: rgba(245, 243, 255, 0.1) !important; }

.dark .dark\:hover\:bg-violet-50\/10:hover,
html.dark .dark\:hover\:bg-violet-50\/10:hover { background-color: rgba(245, 243, 255, 0.1) !important; }
.dark .dark\:hover\:text-violet-50\/10:hover,
html.dark .dark\:hover\:text-violet-50\/10:hover { color: rgba(245, 243, 255, 0.1) !important; }
.dark .dark\:hover\:border-violet-50\/10:hover,
html.dark .dark\:hover\:border-violet-50\/10:hover { border-color: rgba(245, 243, 255, 0.1) !important; }

.bg-violet-50\/20 { background-color: rgba(245, 243, 255, 0.2) !important; }
.text-violet-50\/20 { color: rgba(245, 243, 255, 0.2) !important; }
.border-violet-50\/20 { border-color: rgba(245, 243, 255, 0.2) !important; }

.hover\:bg-violet-50\/20:hover { background-color: rgba(245, 243, 255, 0.2) !important; }
.hover\:text-violet-50\/20:hover { color: rgba(245, 243, 255, 0.2) !important; }
.hover\:border-violet-50\/20:hover { border-color: rgba(245, 243, 255, 0.2) !important; }

.dark .dark\:bg-violet-50\/20,
html.dark .dark\:bg-violet-50\/20 { background-color: rgba(245, 243, 255, 0.2) !important; }
.dark .dark\:text-violet-50\/20,
html.dark .dark\:text-violet-50\/20 { color: rgba(245, 243, 255, 0.2) !important; }
.dark .dark\:border-violet-50\/20,
html.dark .dark\:border-violet-50\/20 { border-color: rgba(245, 243, 255, 0.2) !important; }

.dark .dark\:hover\:bg-violet-50\/20:hover,
html.dark .dark\:hover\:bg-violet-50\/20:hover { background-color: rgba(245, 243, 255, 0.2) !important; }
.dark .dark\:hover\:text-violet-50\/20:hover,
html.dark .dark\:hover\:text-violet-50\/20:hover { color: rgba(245, 243, 255, 0.2) !important; }
.dark .dark\:hover\:border-violet-50\/20:hover,
html.dark .dark\:hover\:border-violet-50\/20:hover { border-color: rgba(245, 243, 255, 0.2) !important; }

.bg-violet-50\/25 { background-color: rgba(245, 243, 255, 0.25) !important; }
.text-violet-50\/25 { color: rgba(245, 243, 255, 0.25) !important; }
.border-violet-50\/25 { border-color: rgba(245, 243, 255, 0.25) !important; }

.hover\:bg-violet-50\/25:hover { background-color: rgba(245, 243, 255, 0.25) !important; }
.hover\:text-violet-50\/25:hover { color: rgba(245, 243, 255, 0.25) !important; }
.hover\:border-violet-50\/25:hover { border-color: rgba(245, 243, 255, 0.25) !important; }

.dark .dark\:bg-violet-50\/25,
html.dark .dark\:bg-violet-50\/25 { background-color: rgba(245, 243, 255, 0.25) !important; }
.dark .dark\:text-violet-50\/25,
html.dark .dark\:text-violet-50\/25 { color: rgba(245, 243, 255, 0.25) !important; }
.dark .dark\:border-violet-50\/25,
html.dark .dark\:border-violet-50\/25 { border-color: rgba(245, 243, 255, 0.25) !important; }

.dark .dark\:hover\:bg-violet-50\/25:hover,
html.dark .dark\:hover\:bg-violet-50\/25:hover { background-color: rgba(245, 243, 255, 0.25) !important; }
.dark .dark\:hover\:text-violet-50\/25:hover,
html.dark .dark\:hover\:text-violet-50\/25:hover { color: rgba(245, 243, 255, 0.25) !important; }
.dark .dark\:hover\:border-violet-50\/25:hover,
html.dark .dark\:hover\:border-violet-50\/25:hover { border-color: rgba(245, 243, 255, 0.25) !important; }

.bg-violet-50\/30 { background-color: rgba(245, 243, 255, 0.3) !important; }
.text-violet-50\/30 { color: rgba(245, 243, 255, 0.3) !important; }
.border-violet-50\/30 { border-color: rgba(245, 243, 255, 0.3) !important; }

.hover\:bg-violet-50\/30:hover { background-color: rgba(245, 243, 255, 0.3) !important; }
.hover\:text-violet-50\/30:hover { color: rgba(245, 243, 255, 0.3) !important; }
.hover\:border-violet-50\/30:hover { border-color: rgba(245, 243, 255, 0.3) !important; }

.dark .dark\:bg-violet-50\/30,
html.dark .dark\:bg-violet-50\/30 { background-color: rgba(245, 243, 255, 0.3) !important; }
.dark .dark\:text-violet-50\/30,
html.dark .dark\:text-violet-50\/30 { color: rgba(245, 243, 255, 0.3) !important; }
.dark .dark\:border-violet-50\/30,
html.dark .dark\:border-violet-50\/30 { border-color: rgba(245, 243, 255, 0.3) !important; }

.dark .dark\:hover\:bg-violet-50\/30:hover,
html.dark .dark\:hover\:bg-violet-50\/30:hover { background-color: rgba(245, 243, 255, 0.3) !important; }
.dark .dark\:hover\:text-violet-50\/30:hover,
html.dark .dark\:hover\:text-violet-50\/30:hover { color: rgba(245, 243, 255, 0.3) !important; }
.dark .dark\:hover\:border-violet-50\/30:hover,
html.dark .dark\:hover\:border-violet-50\/30:hover { border-color: rgba(245, 243, 255, 0.3) !important; }

.bg-violet-50\/40 { background-color: rgba(245, 243, 255, 0.4) !important; }
.text-violet-50\/40 { color: rgba(245, 243, 255, 0.4) !important; }
.border-violet-50\/40 { border-color: rgba(245, 243, 255, 0.4) !important; }

.hover\:bg-violet-50\/40:hover { background-color: rgba(245, 243, 255, 0.4) !important; }
.hover\:text-violet-50\/40:hover { color: rgba(245, 243, 255, 0.4) !important; }
.hover\:border-violet-50\/40:hover { border-color: rgba(245, 243, 255, 0.4) !important; }

.dark .dark\:bg-violet-50\/40,
html.dark .dark\:bg-violet-50\/40 { background-color: rgba(245, 243, 255, 0.4) !important; }
.dark .dark\:text-violet-50\/40,
html.dark .dark\:text-violet-50\/40 { color: rgba(245, 243, 255, 0.4) !important; }
.dark .dark\:border-violet-50\/40,
html.dark .dark\:border-violet-50\/40 { border-color: rgba(245, 243, 255, 0.4) !important; }

.dark .dark\:hover\:bg-violet-50\/40:hover,
html.dark .dark\:hover\:bg-violet-50\/40:hover { background-color: rgba(245, 243, 255, 0.4) !important; }
.dark .dark\:hover\:text-violet-50\/40:hover,
html.dark .dark\:hover\:text-violet-50\/40:hover { color: rgba(245, 243, 255, 0.4) !important; }
.dark .dark\:hover\:border-violet-50\/40:hover,
html.dark .dark\:hover\:border-violet-50\/40:hover { border-color: rgba(245, 243, 255, 0.4) !important; }

.bg-violet-50\/50 { background-color: rgba(245, 243, 255, 0.5) !important; }
.text-violet-50\/50 { color: rgba(245, 243, 255, 0.5) !important; }
.border-violet-50\/50 { border-color: rgba(245, 243, 255, 0.5) !important; }

.hover\:bg-violet-50\/50:hover { background-color: rgba(245, 243, 255, 0.5) !important; }
.hover\:text-violet-50\/50:hover { color: rgba(245, 243, 255, 0.5) !important; }
.hover\:border-violet-50\/50:hover { border-color: rgba(245, 243, 255, 0.5) !important; }

.dark .dark\:bg-violet-50\/50,
html.dark .dark\:bg-violet-50\/50 { background-color: rgba(245, 243, 255, 0.5) !important; }
.dark .dark\:text-violet-50\/50,
html.dark .dark\:text-violet-50\/50 { color: rgba(245, 243, 255, 0.5) !important; }
.dark .dark\:border-violet-50\/50,
html.dark .dark\:border-violet-50\/50 { border-color: rgba(245, 243, 255, 0.5) !important; }

.dark .dark\:hover\:bg-violet-50\/50:hover,
html.dark .dark\:hover\:bg-violet-50\/50:hover { background-color: rgba(245, 243, 255, 0.5) !important; }
.dark .dark\:hover\:text-violet-50\/50:hover,
html.dark .dark\:hover\:text-violet-50\/50:hover { color: rgba(245, 243, 255, 0.5) !important; }
.dark .dark\:hover\:border-violet-50\/50:hover,
html.dark .dark\:hover\:border-violet-50\/50:hover { border-color: rgba(245, 243, 255, 0.5) !important; }

.bg-violet-50\/60 { background-color: rgba(245, 243, 255, 0.6) !important; }
.text-violet-50\/60 { color: rgba(245, 243, 255, 0.6) !important; }
.border-violet-50\/60 { border-color: rgba(245, 243, 255, 0.6) !important; }

.hover\:bg-violet-50\/60:hover { background-color: rgba(245, 243, 255, 0.6) !important; }
.hover\:text-violet-50\/60:hover { color: rgba(245, 243, 255, 0.6) !important; }
.hover\:border-violet-50\/60:hover { border-color: rgba(245, 243, 255, 0.6) !important; }

.dark .dark\:bg-violet-50\/60,
html.dark .dark\:bg-violet-50\/60 { background-color: rgba(245, 243, 255, 0.6) !important; }
.dark .dark\:text-violet-50\/60,
html.dark .dark\:text-violet-50\/60 { color: rgba(245, 243, 255, 0.6) !important; }
.dark .dark\:border-violet-50\/60,
html.dark .dark\:border-violet-50\/60 { border-color: rgba(245, 243, 255, 0.6) !important; }

.dark .dark\:hover\:bg-violet-50\/60:hover,
html.dark .dark\:hover\:bg-violet-50\/60:hover { background-color: rgba(245, 243, 255, 0.6) !important; }
.dark .dark\:hover\:text-violet-50\/60:hover,
html.dark .dark\:hover\:text-violet-50\/60:hover { color: rgba(245, 243, 255, 0.6) !important; }
.dark .dark\:hover\:border-violet-50\/60:hover,
html.dark .dark\:hover\:border-violet-50\/60:hover { border-color: rgba(245, 243, 255, 0.6) !important; }

.bg-violet-50\/70 { background-color: rgba(245, 243, 255, 0.7) !important; }
.text-violet-50\/70 { color: rgba(245, 243, 255, 0.7) !important; }
.border-violet-50\/70 { border-color: rgba(245, 243, 255, 0.7) !important; }

.hover\:bg-violet-50\/70:hover { background-color: rgba(245, 243, 255, 0.7) !important; }
.hover\:text-violet-50\/70:hover { color: rgba(245, 243, 255, 0.7) !important; }
.hover\:border-violet-50\/70:hover { border-color: rgba(245, 243, 255, 0.7) !important; }

.dark .dark\:bg-violet-50\/70,
html.dark .dark\:bg-violet-50\/70 { background-color: rgba(245, 243, 255, 0.7) !important; }
.dark .dark\:text-violet-50\/70,
html.dark .dark\:text-violet-50\/70 { color: rgba(245, 243, 255, 0.7) !important; }
.dark .dark\:border-violet-50\/70,
html.dark .dark\:border-violet-50\/70 { border-color: rgba(245, 243, 255, 0.7) !important; }

.dark .dark\:hover\:bg-violet-50\/70:hover,
html.dark .dark\:hover\:bg-violet-50\/70:hover { background-color: rgba(245, 243, 255, 0.7) !important; }
.dark .dark\:hover\:text-violet-50\/70:hover,
html.dark .dark\:hover\:text-violet-50\/70:hover { color: rgba(245, 243, 255, 0.7) !important; }
.dark .dark\:hover\:border-violet-50\/70:hover,
html.dark .dark\:hover\:border-violet-50\/70:hover { border-color: rgba(245, 243, 255, 0.7) !important; }

.bg-violet-50\/75 { background-color: rgba(245, 243, 255, 0.75) !important; }
.text-violet-50\/75 { color: rgba(245, 243, 255, 0.75) !important; }
.border-violet-50\/75 { border-color: rgba(245, 243, 255, 0.75) !important; }

.hover\:bg-violet-50\/75:hover { background-color: rgba(245, 243, 255, 0.75) !important; }
.hover\:text-violet-50\/75:hover { color: rgba(245, 243, 255, 0.75) !important; }
.hover\:border-violet-50\/75:hover { border-color: rgba(245, 243, 255, 0.75) !important; }

.dark .dark\:bg-violet-50\/75,
html.dark .dark\:bg-violet-50\/75 { background-color: rgba(245, 243, 255, 0.75) !important; }
.dark .dark\:text-violet-50\/75,
html.dark .dark\:text-violet-50\/75 { color: rgba(245, 243, 255, 0.75) !important; }
.dark .dark\:border-violet-50\/75,
html.dark .dark\:border-violet-50\/75 { border-color: rgba(245, 243, 255, 0.75) !important; }

.dark .dark\:hover\:bg-violet-50\/75:hover,
html.dark .dark\:hover\:bg-violet-50\/75:hover { background-color: rgba(245, 243, 255, 0.75) !important; }
.dark .dark\:hover\:text-violet-50\/75:hover,
html.dark .dark\:hover\:text-violet-50\/75:hover { color: rgba(245, 243, 255, 0.75) !important; }
.dark .dark\:hover\:border-violet-50\/75:hover,
html.dark .dark\:hover\:border-violet-50\/75:hover { border-color: rgba(245, 243, 255, 0.75) !important; }

.bg-violet-50\/80 { background-color: rgba(245, 243, 255, 0.8) !important; }
.text-violet-50\/80 { color: rgba(245, 243, 255, 0.8) !important; }
.border-violet-50\/80 { border-color: rgba(245, 243, 255, 0.8) !important; }

.hover\:bg-violet-50\/80:hover { background-color: rgba(245, 243, 255, 0.8) !important; }
.hover\:text-violet-50\/80:hover { color: rgba(245, 243, 255, 0.8) !important; }
.hover\:border-violet-50\/80:hover { border-color: rgba(245, 243, 255, 0.8) !important; }

.dark .dark\:bg-violet-50\/80,
html.dark .dark\:bg-violet-50\/80 { background-color: rgba(245, 243, 255, 0.8) !important; }
.dark .dark\:text-violet-50\/80,
html.dark .dark\:text-violet-50\/80 { color: rgba(245, 243, 255, 0.8) !important; }
.dark .dark\:border-violet-50\/80,
html.dark .dark\:border-violet-50\/80 { border-color: rgba(245, 243, 255, 0.8) !important; }

.dark .dark\:hover\:bg-violet-50\/80:hover,
html.dark .dark\:hover\:bg-violet-50\/80:hover { background-color: rgba(245, 243, 255, 0.8) !important; }
.dark .dark\:hover\:text-violet-50\/80:hover,
html.dark .dark\:hover\:text-violet-50\/80:hover { color: rgba(245, 243, 255, 0.8) !important; }
.dark .dark\:hover\:border-violet-50\/80:hover,
html.dark .dark\:hover\:border-violet-50\/80:hover { border-color: rgba(245, 243, 255, 0.8) !important; }

.bg-violet-50\/90 { background-color: rgba(245, 243, 255, 0.9) !important; }
.text-violet-50\/90 { color: rgba(245, 243, 255, 0.9) !important; }
.border-violet-50\/90 { border-color: rgba(245, 243, 255, 0.9) !important; }

.hover\:bg-violet-50\/90:hover { background-color: rgba(245, 243, 255, 0.9) !important; }
.hover\:text-violet-50\/90:hover { color: rgba(245, 243, 255, 0.9) !important; }
.hover\:border-violet-50\/90:hover { border-color: rgba(245, 243, 255, 0.9) !important; }

.dark .dark\:bg-violet-50\/90,
html.dark .dark\:bg-violet-50\/90 { background-color: rgba(245, 243, 255, 0.9) !important; }
.dark .dark\:text-violet-50\/90,
html.dark .dark\:text-violet-50\/90 { color: rgba(245, 243, 255, 0.9) !important; }
.dark .dark\:border-violet-50\/90,
html.dark .dark\:border-violet-50\/90 { border-color: rgba(245, 243, 255, 0.9) !important; }

.dark .dark\:hover\:bg-violet-50\/90:hover,
html.dark .dark\:hover\:bg-violet-50\/90:hover { background-color: rgba(245, 243, 255, 0.9) !important; }
.dark .dark\:hover\:text-violet-50\/90:hover,
html.dark .dark\:hover\:text-violet-50\/90:hover { color: rgba(245, 243, 255, 0.9) !important; }
.dark .dark\:hover\:border-violet-50\/90:hover,
html.dark .dark\:hover\:border-violet-50\/90:hover { border-color: rgba(245, 243, 255, 0.9) !important; }

.bg-violet-50\/95 { background-color: rgba(245, 243, 255, 0.95) !important; }
.text-violet-50\/95 { color: rgba(245, 243, 255, 0.95) !important; }
.border-violet-50\/95 { border-color: rgba(245, 243, 255, 0.95) !important; }

.hover\:bg-violet-50\/95:hover { background-color: rgba(245, 243, 255, 0.95) !important; }
.hover\:text-violet-50\/95:hover { color: rgba(245, 243, 255, 0.95) !important; }
.hover\:border-violet-50\/95:hover { border-color: rgba(245, 243, 255, 0.95) !important; }

.dark .dark\:bg-violet-50\/95,
html.dark .dark\:bg-violet-50\/95 { background-color: rgba(245, 243, 255, 0.95) !important; }
.dark .dark\:text-violet-50\/95,
html.dark .dark\:text-violet-50\/95 { color: rgba(245, 243, 255, 0.95) !important; }
.dark .dark\:border-violet-50\/95,
html.dark .dark\:border-violet-50\/95 { border-color: rgba(245, 243, 255, 0.95) !important; }

.dark .dark\:hover\:bg-violet-50\/95:hover,
html.dark .dark\:hover\:bg-violet-50\/95:hover { background-color: rgba(245, 243, 255, 0.95) !important; }
.dark .dark\:hover\:text-violet-50\/95:hover,
html.dark .dark\:hover\:text-violet-50\/95:hover { color: rgba(245, 243, 255, 0.95) !important; }
.dark .dark\:hover\:border-violet-50\/95:hover,
html.dark .dark\:hover\:border-violet-50\/95:hover { border-color: rgba(245, 243, 255, 0.95) !important; }

.bg-violet-100 { background-color: #ede9fe !important; }
.text-violet-100 { color: #ede9fe !important; }
.border-violet-100 { border-color: #ede9fe !important; }
.fill-violet-100 { fill: #ede9fe !important; }
.stroke-violet-100 { stroke: #ede9fe !important; }

/* Hover states */
.hover\:bg-violet-100:hover { background-color: #ede9fe !important; }
.hover\:text-violet-100:hover { color: #ede9fe !important; }
.hover\:border-violet-100:hover { border-color: #ede9fe !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-100,
html.dark .dark\:bg-violet-100 { background-color: #ede9fe !important; }
.dark .dark\:text-violet-100,
html.dark .dark\:text-violet-100 { color: #ede9fe !important; }
.dark .dark\:border-violet-100,
html.dark .dark\:border-violet-100 { border-color: #ede9fe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-100:hover,
html.dark .dark\:hover\:bg-violet-100:hover { background-color: #ede9fe !important; }
.dark .dark\:hover\:text-violet-100:hover,
html.dark .dark\:hover\:text-violet-100:hover { color: #ede9fe !important; }
.dark .dark\:hover\:border-violet-100:hover,
html.dark .dark\:hover\:border-violet-100:hover { border-color: #ede9fe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-100,
html.dark .group:hover .dark\:group-hover\:text-violet-100 { color: #ede9fe !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-100,
html.dark .group:hover .dark\:group-hover\:bg-violet-100 { background-color: #ede9fe !important; }

.bg-violet-100\/10 { background-color: rgba(237, 233, 254, 0.1) !important; }
.text-violet-100\/10 { color: rgba(237, 233, 254, 0.1) !important; }
.border-violet-100\/10 { border-color: rgba(237, 233, 254, 0.1) !important; }

.hover\:bg-violet-100\/10:hover { background-color: rgba(237, 233, 254, 0.1) !important; }
.hover\:text-violet-100\/10:hover { color: rgba(237, 233, 254, 0.1) !important; }
.hover\:border-violet-100\/10:hover { border-color: rgba(237, 233, 254, 0.1) !important; }

.dark .dark\:bg-violet-100\/10,
html.dark .dark\:bg-violet-100\/10 { background-color: rgba(237, 233, 254, 0.1) !important; }
.dark .dark\:text-violet-100\/10,
html.dark .dark\:text-violet-100\/10 { color: rgba(237, 233, 254, 0.1) !important; }
.dark .dark\:border-violet-100\/10,
html.dark .dark\:border-violet-100\/10 { border-color: rgba(237, 233, 254, 0.1) !important; }

.dark .dark\:hover\:bg-violet-100\/10:hover,
html.dark .dark\:hover\:bg-violet-100\/10:hover { background-color: rgba(237, 233, 254, 0.1) !important; }
.dark .dark\:hover\:text-violet-100\/10:hover,
html.dark .dark\:hover\:text-violet-100\/10:hover { color: rgba(237, 233, 254, 0.1) !important; }
.dark .dark\:hover\:border-violet-100\/10:hover,
html.dark .dark\:hover\:border-violet-100\/10:hover { border-color: rgba(237, 233, 254, 0.1) !important; }

.bg-violet-100\/20 { background-color: rgba(237, 233, 254, 0.2) !important; }
.text-violet-100\/20 { color: rgba(237, 233, 254, 0.2) !important; }
.border-violet-100\/20 { border-color: rgba(237, 233, 254, 0.2) !important; }

.hover\:bg-violet-100\/20:hover { background-color: rgba(237, 233, 254, 0.2) !important; }
.hover\:text-violet-100\/20:hover { color: rgba(237, 233, 254, 0.2) !important; }
.hover\:border-violet-100\/20:hover { border-color: rgba(237, 233, 254, 0.2) !important; }

.dark .dark\:bg-violet-100\/20,
html.dark .dark\:bg-violet-100\/20 { background-color: rgba(237, 233, 254, 0.2) !important; }
.dark .dark\:text-violet-100\/20,
html.dark .dark\:text-violet-100\/20 { color: rgba(237, 233, 254, 0.2) !important; }
.dark .dark\:border-violet-100\/20,
html.dark .dark\:border-violet-100\/20 { border-color: rgba(237, 233, 254, 0.2) !important; }

.dark .dark\:hover\:bg-violet-100\/20:hover,
html.dark .dark\:hover\:bg-violet-100\/20:hover { background-color: rgba(237, 233, 254, 0.2) !important; }
.dark .dark\:hover\:text-violet-100\/20:hover,
html.dark .dark\:hover\:text-violet-100\/20:hover { color: rgba(237, 233, 254, 0.2) !important; }
.dark .dark\:hover\:border-violet-100\/20:hover,
html.dark .dark\:hover\:border-violet-100\/20:hover { border-color: rgba(237, 233, 254, 0.2) !important; }

.bg-violet-100\/25 { background-color: rgba(237, 233, 254, 0.25) !important; }
.text-violet-100\/25 { color: rgba(237, 233, 254, 0.25) !important; }
.border-violet-100\/25 { border-color: rgba(237, 233, 254, 0.25) !important; }

.hover\:bg-violet-100\/25:hover { background-color: rgba(237, 233, 254, 0.25) !important; }
.hover\:text-violet-100\/25:hover { color: rgba(237, 233, 254, 0.25) !important; }
.hover\:border-violet-100\/25:hover { border-color: rgba(237, 233, 254, 0.25) !important; }

.dark .dark\:bg-violet-100\/25,
html.dark .dark\:bg-violet-100\/25 { background-color: rgba(237, 233, 254, 0.25) !important; }
.dark .dark\:text-violet-100\/25,
html.dark .dark\:text-violet-100\/25 { color: rgba(237, 233, 254, 0.25) !important; }
.dark .dark\:border-violet-100\/25,
html.dark .dark\:border-violet-100\/25 { border-color: rgba(237, 233, 254, 0.25) !important; }

.dark .dark\:hover\:bg-violet-100\/25:hover,
html.dark .dark\:hover\:bg-violet-100\/25:hover { background-color: rgba(237, 233, 254, 0.25) !important; }
.dark .dark\:hover\:text-violet-100\/25:hover,
html.dark .dark\:hover\:text-violet-100\/25:hover { color: rgba(237, 233, 254, 0.25) !important; }
.dark .dark\:hover\:border-violet-100\/25:hover,
html.dark .dark\:hover\:border-violet-100\/25:hover { border-color: rgba(237, 233, 254, 0.25) !important; }

.bg-violet-100\/30 { background-color: rgba(237, 233, 254, 0.3) !important; }
.text-violet-100\/30 { color: rgba(237, 233, 254, 0.3) !important; }
.border-violet-100\/30 { border-color: rgba(237, 233, 254, 0.3) !important; }

.hover\:bg-violet-100\/30:hover { background-color: rgba(237, 233, 254, 0.3) !important; }
.hover\:text-violet-100\/30:hover { color: rgba(237, 233, 254, 0.3) !important; }
.hover\:border-violet-100\/30:hover { border-color: rgba(237, 233, 254, 0.3) !important; }

.dark .dark\:bg-violet-100\/30,
html.dark .dark\:bg-violet-100\/30 { background-color: rgba(237, 233, 254, 0.3) !important; }
.dark .dark\:text-violet-100\/30,
html.dark .dark\:text-violet-100\/30 { color: rgba(237, 233, 254, 0.3) !important; }
.dark .dark\:border-violet-100\/30,
html.dark .dark\:border-violet-100\/30 { border-color: rgba(237, 233, 254, 0.3) !important; }

.dark .dark\:hover\:bg-violet-100\/30:hover,
html.dark .dark\:hover\:bg-violet-100\/30:hover { background-color: rgba(237, 233, 254, 0.3) !important; }
.dark .dark\:hover\:text-violet-100\/30:hover,
html.dark .dark\:hover\:text-violet-100\/30:hover { color: rgba(237, 233, 254, 0.3) !important; }
.dark .dark\:hover\:border-violet-100\/30:hover,
html.dark .dark\:hover\:border-violet-100\/30:hover { border-color: rgba(237, 233, 254, 0.3) !important; }

.bg-violet-100\/40 { background-color: rgba(237, 233, 254, 0.4) !important; }
.text-violet-100\/40 { color: rgba(237, 233, 254, 0.4) !important; }
.border-violet-100\/40 { border-color: rgba(237, 233, 254, 0.4) !important; }

.hover\:bg-violet-100\/40:hover { background-color: rgba(237, 233, 254, 0.4) !important; }
.hover\:text-violet-100\/40:hover { color: rgba(237, 233, 254, 0.4) !important; }
.hover\:border-violet-100\/40:hover { border-color: rgba(237, 233, 254, 0.4) !important; }

.dark .dark\:bg-violet-100\/40,
html.dark .dark\:bg-violet-100\/40 { background-color: rgba(237, 233, 254, 0.4) !important; }
.dark .dark\:text-violet-100\/40,
html.dark .dark\:text-violet-100\/40 { color: rgba(237, 233, 254, 0.4) !important; }
.dark .dark\:border-violet-100\/40,
html.dark .dark\:border-violet-100\/40 { border-color: rgba(237, 233, 254, 0.4) !important; }

.dark .dark\:hover\:bg-violet-100\/40:hover,
html.dark .dark\:hover\:bg-violet-100\/40:hover { background-color: rgba(237, 233, 254, 0.4) !important; }
.dark .dark\:hover\:text-violet-100\/40:hover,
html.dark .dark\:hover\:text-violet-100\/40:hover { color: rgba(237, 233, 254, 0.4) !important; }
.dark .dark\:hover\:border-violet-100\/40:hover,
html.dark .dark\:hover\:border-violet-100\/40:hover { border-color: rgba(237, 233, 254, 0.4) !important; }

.bg-violet-100\/50 { background-color: rgba(237, 233, 254, 0.5) !important; }
.text-violet-100\/50 { color: rgba(237, 233, 254, 0.5) !important; }
.border-violet-100\/50 { border-color: rgba(237, 233, 254, 0.5) !important; }

.hover\:bg-violet-100\/50:hover { background-color: rgba(237, 233, 254, 0.5) !important; }
.hover\:text-violet-100\/50:hover { color: rgba(237, 233, 254, 0.5) !important; }
.hover\:border-violet-100\/50:hover { border-color: rgba(237, 233, 254, 0.5) !important; }

.dark .dark\:bg-violet-100\/50,
html.dark .dark\:bg-violet-100\/50 { background-color: rgba(237, 233, 254, 0.5) !important; }
.dark .dark\:text-violet-100\/50,
html.dark .dark\:text-violet-100\/50 { color: rgba(237, 233, 254, 0.5) !important; }
.dark .dark\:border-violet-100\/50,
html.dark .dark\:border-violet-100\/50 { border-color: rgba(237, 233, 254, 0.5) !important; }

.dark .dark\:hover\:bg-violet-100\/50:hover,
html.dark .dark\:hover\:bg-violet-100\/50:hover { background-color: rgba(237, 233, 254, 0.5) !important; }
.dark .dark\:hover\:text-violet-100\/50:hover,
html.dark .dark\:hover\:text-violet-100\/50:hover { color: rgba(237, 233, 254, 0.5) !important; }
.dark .dark\:hover\:border-violet-100\/50:hover,
html.dark .dark\:hover\:border-violet-100\/50:hover { border-color: rgba(237, 233, 254, 0.5) !important; }

.bg-violet-100\/60 { background-color: rgba(237, 233, 254, 0.6) !important; }
.text-violet-100\/60 { color: rgba(237, 233, 254, 0.6) !important; }
.border-violet-100\/60 { border-color: rgba(237, 233, 254, 0.6) !important; }

.hover\:bg-violet-100\/60:hover { background-color: rgba(237, 233, 254, 0.6) !important; }
.hover\:text-violet-100\/60:hover { color: rgba(237, 233, 254, 0.6) !important; }
.hover\:border-violet-100\/60:hover { border-color: rgba(237, 233, 254, 0.6) !important; }

.dark .dark\:bg-violet-100\/60,
html.dark .dark\:bg-violet-100\/60 { background-color: rgba(237, 233, 254, 0.6) !important; }
.dark .dark\:text-violet-100\/60,
html.dark .dark\:text-violet-100\/60 { color: rgba(237, 233, 254, 0.6) !important; }
.dark .dark\:border-violet-100\/60,
html.dark .dark\:border-violet-100\/60 { border-color: rgba(237, 233, 254, 0.6) !important; }

.dark .dark\:hover\:bg-violet-100\/60:hover,
html.dark .dark\:hover\:bg-violet-100\/60:hover { background-color: rgba(237, 233, 254, 0.6) !important; }
.dark .dark\:hover\:text-violet-100\/60:hover,
html.dark .dark\:hover\:text-violet-100\/60:hover { color: rgba(237, 233, 254, 0.6) !important; }
.dark .dark\:hover\:border-violet-100\/60:hover,
html.dark .dark\:hover\:border-violet-100\/60:hover { border-color: rgba(237, 233, 254, 0.6) !important; }

.bg-violet-100\/70 { background-color: rgba(237, 233, 254, 0.7) !important; }
.text-violet-100\/70 { color: rgba(237, 233, 254, 0.7) !important; }
.border-violet-100\/70 { border-color: rgba(237, 233, 254, 0.7) !important; }

.hover\:bg-violet-100\/70:hover { background-color: rgba(237, 233, 254, 0.7) !important; }
.hover\:text-violet-100\/70:hover { color: rgba(237, 233, 254, 0.7) !important; }
.hover\:border-violet-100\/70:hover { border-color: rgba(237, 233, 254, 0.7) !important; }

.dark .dark\:bg-violet-100\/70,
html.dark .dark\:bg-violet-100\/70 { background-color: rgba(237, 233, 254, 0.7) !important; }
.dark .dark\:text-violet-100\/70,
html.dark .dark\:text-violet-100\/70 { color: rgba(237, 233, 254, 0.7) !important; }
.dark .dark\:border-violet-100\/70,
html.dark .dark\:border-violet-100\/70 { border-color: rgba(237, 233, 254, 0.7) !important; }

.dark .dark\:hover\:bg-violet-100\/70:hover,
html.dark .dark\:hover\:bg-violet-100\/70:hover { background-color: rgba(237, 233, 254, 0.7) !important; }
.dark .dark\:hover\:text-violet-100\/70:hover,
html.dark .dark\:hover\:text-violet-100\/70:hover { color: rgba(237, 233, 254, 0.7) !important; }
.dark .dark\:hover\:border-violet-100\/70:hover,
html.dark .dark\:hover\:border-violet-100\/70:hover { border-color: rgba(237, 233, 254, 0.7) !important; }

.bg-violet-100\/75 { background-color: rgba(237, 233, 254, 0.75) !important; }
.text-violet-100\/75 { color: rgba(237, 233, 254, 0.75) !important; }
.border-violet-100\/75 { border-color: rgba(237, 233, 254, 0.75) !important; }

.hover\:bg-violet-100\/75:hover { background-color: rgba(237, 233, 254, 0.75) !important; }
.hover\:text-violet-100\/75:hover { color: rgba(237, 233, 254, 0.75) !important; }
.hover\:border-violet-100\/75:hover { border-color: rgba(237, 233, 254, 0.75) !important; }

.dark .dark\:bg-violet-100\/75,
html.dark .dark\:bg-violet-100\/75 { background-color: rgba(237, 233, 254, 0.75) !important; }
.dark .dark\:text-violet-100\/75,
html.dark .dark\:text-violet-100\/75 { color: rgba(237, 233, 254, 0.75) !important; }
.dark .dark\:border-violet-100\/75,
html.dark .dark\:border-violet-100\/75 { border-color: rgba(237, 233, 254, 0.75) !important; }

.dark .dark\:hover\:bg-violet-100\/75:hover,
html.dark .dark\:hover\:bg-violet-100\/75:hover { background-color: rgba(237, 233, 254, 0.75) !important; }
.dark .dark\:hover\:text-violet-100\/75:hover,
html.dark .dark\:hover\:text-violet-100\/75:hover { color: rgba(237, 233, 254, 0.75) !important; }
.dark .dark\:hover\:border-violet-100\/75:hover,
html.dark .dark\:hover\:border-violet-100\/75:hover { border-color: rgba(237, 233, 254, 0.75) !important; }

.bg-violet-100\/80 { background-color: rgba(237, 233, 254, 0.8) !important; }
.text-violet-100\/80 { color: rgba(237, 233, 254, 0.8) !important; }
.border-violet-100\/80 { border-color: rgba(237, 233, 254, 0.8) !important; }

.hover\:bg-violet-100\/80:hover { background-color: rgba(237, 233, 254, 0.8) !important; }
.hover\:text-violet-100\/80:hover { color: rgba(237, 233, 254, 0.8) !important; }
.hover\:border-violet-100\/80:hover { border-color: rgba(237, 233, 254, 0.8) !important; }

.dark .dark\:bg-violet-100\/80,
html.dark .dark\:bg-violet-100\/80 { background-color: rgba(237, 233, 254, 0.8) !important; }
.dark .dark\:text-violet-100\/80,
html.dark .dark\:text-violet-100\/80 { color: rgba(237, 233, 254, 0.8) !important; }
.dark .dark\:border-violet-100\/80,
html.dark .dark\:border-violet-100\/80 { border-color: rgba(237, 233, 254, 0.8) !important; }

.dark .dark\:hover\:bg-violet-100\/80:hover,
html.dark .dark\:hover\:bg-violet-100\/80:hover { background-color: rgba(237, 233, 254, 0.8) !important; }
.dark .dark\:hover\:text-violet-100\/80:hover,
html.dark .dark\:hover\:text-violet-100\/80:hover { color: rgba(237, 233, 254, 0.8) !important; }
.dark .dark\:hover\:border-violet-100\/80:hover,
html.dark .dark\:hover\:border-violet-100\/80:hover { border-color: rgba(237, 233, 254, 0.8) !important; }

.bg-violet-100\/90 { background-color: rgba(237, 233, 254, 0.9) !important; }
.text-violet-100\/90 { color: rgba(237, 233, 254, 0.9) !important; }
.border-violet-100\/90 { border-color: rgba(237, 233, 254, 0.9) !important; }

.hover\:bg-violet-100\/90:hover { background-color: rgba(237, 233, 254, 0.9) !important; }
.hover\:text-violet-100\/90:hover { color: rgba(237, 233, 254, 0.9) !important; }
.hover\:border-violet-100\/90:hover { border-color: rgba(237, 233, 254, 0.9) !important; }

.dark .dark\:bg-violet-100\/90,
html.dark .dark\:bg-violet-100\/90 { background-color: rgba(237, 233, 254, 0.9) !important; }
.dark .dark\:text-violet-100\/90,
html.dark .dark\:text-violet-100\/90 { color: rgba(237, 233, 254, 0.9) !important; }
.dark .dark\:border-violet-100\/90,
html.dark .dark\:border-violet-100\/90 { border-color: rgba(237, 233, 254, 0.9) !important; }

.dark .dark\:hover\:bg-violet-100\/90:hover,
html.dark .dark\:hover\:bg-violet-100\/90:hover { background-color: rgba(237, 233, 254, 0.9) !important; }
.dark .dark\:hover\:text-violet-100\/90:hover,
html.dark .dark\:hover\:text-violet-100\/90:hover { color: rgba(237, 233, 254, 0.9) !important; }
.dark .dark\:hover\:border-violet-100\/90:hover,
html.dark .dark\:hover\:border-violet-100\/90:hover { border-color: rgba(237, 233, 254, 0.9) !important; }

.bg-violet-100\/95 { background-color: rgba(237, 233, 254, 0.95) !important; }
.text-violet-100\/95 { color: rgba(237, 233, 254, 0.95) !important; }
.border-violet-100\/95 { border-color: rgba(237, 233, 254, 0.95) !important; }

.hover\:bg-violet-100\/95:hover { background-color: rgba(237, 233, 254, 0.95) !important; }
.hover\:text-violet-100\/95:hover { color: rgba(237, 233, 254, 0.95) !important; }
.hover\:border-violet-100\/95:hover { border-color: rgba(237, 233, 254, 0.95) !important; }

.dark .dark\:bg-violet-100\/95,
html.dark .dark\:bg-violet-100\/95 { background-color: rgba(237, 233, 254, 0.95) !important; }
.dark .dark\:text-violet-100\/95,
html.dark .dark\:text-violet-100\/95 { color: rgba(237, 233, 254, 0.95) !important; }
.dark .dark\:border-violet-100\/95,
html.dark .dark\:border-violet-100\/95 { border-color: rgba(237, 233, 254, 0.95) !important; }

.dark .dark\:hover\:bg-violet-100\/95:hover,
html.dark .dark\:hover\:bg-violet-100\/95:hover { background-color: rgba(237, 233, 254, 0.95) !important; }
.dark .dark\:hover\:text-violet-100\/95:hover,
html.dark .dark\:hover\:text-violet-100\/95:hover { color: rgba(237, 233, 254, 0.95) !important; }
.dark .dark\:hover\:border-violet-100\/95:hover,
html.dark .dark\:hover\:border-violet-100\/95:hover { border-color: rgba(237, 233, 254, 0.95) !important; }

.bg-violet-200 { background-color: #ddd6fe !important; }
.text-violet-200 { color: #ddd6fe !important; }
.border-violet-200 { border-color: #ddd6fe !important; }
.fill-violet-200 { fill: #ddd6fe !important; }
.stroke-violet-200 { stroke: #ddd6fe !important; }

/* Hover states */
.hover\:bg-violet-200:hover { background-color: #ddd6fe !important; }
.hover\:text-violet-200:hover { color: #ddd6fe !important; }
.hover\:border-violet-200:hover { border-color: #ddd6fe !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-200,
html.dark .dark\:bg-violet-200 { background-color: #ddd6fe !important; }
.dark .dark\:text-violet-200,
html.dark .dark\:text-violet-200 { color: #ddd6fe !important; }
.dark .dark\:border-violet-200,
html.dark .dark\:border-violet-200 { border-color: #ddd6fe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-200:hover,
html.dark .dark\:hover\:bg-violet-200:hover { background-color: #ddd6fe !important; }
.dark .dark\:hover\:text-violet-200:hover,
html.dark .dark\:hover\:text-violet-200:hover { color: #ddd6fe !important; }
.dark .dark\:hover\:border-violet-200:hover,
html.dark .dark\:hover\:border-violet-200:hover { border-color: #ddd6fe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-200,
html.dark .group:hover .dark\:group-hover\:text-violet-200 { color: #ddd6fe !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-200,
html.dark .group:hover .dark\:group-hover\:bg-violet-200 { background-color: #ddd6fe !important; }

.bg-violet-200\/10 { background-color: rgba(221, 214, 254, 0.1) !important; }
.text-violet-200\/10 { color: rgba(221, 214, 254, 0.1) !important; }
.border-violet-200\/10 { border-color: rgba(221, 214, 254, 0.1) !important; }

.hover\:bg-violet-200\/10:hover { background-color: rgba(221, 214, 254, 0.1) !important; }
.hover\:text-violet-200\/10:hover { color: rgba(221, 214, 254, 0.1) !important; }
.hover\:border-violet-200\/10:hover { border-color: rgba(221, 214, 254, 0.1) !important; }

.dark .dark\:bg-violet-200\/10,
html.dark .dark\:bg-violet-200\/10 { background-color: rgba(221, 214, 254, 0.1) !important; }
.dark .dark\:text-violet-200\/10,
html.dark .dark\:text-violet-200\/10 { color: rgba(221, 214, 254, 0.1) !important; }
.dark .dark\:border-violet-200\/10,
html.dark .dark\:border-violet-200\/10 { border-color: rgba(221, 214, 254, 0.1) !important; }

.dark .dark\:hover\:bg-violet-200\/10:hover,
html.dark .dark\:hover\:bg-violet-200\/10:hover { background-color: rgba(221, 214, 254, 0.1) !important; }
.dark .dark\:hover\:text-violet-200\/10:hover,
html.dark .dark\:hover\:text-violet-200\/10:hover { color: rgba(221, 214, 254, 0.1) !important; }
.dark .dark\:hover\:border-violet-200\/10:hover,
html.dark .dark\:hover\:border-violet-200\/10:hover { border-color: rgba(221, 214, 254, 0.1) !important; }

.bg-violet-200\/20 { background-color: rgba(221, 214, 254, 0.2) !important; }
.text-violet-200\/20 { color: rgba(221, 214, 254, 0.2) !important; }
.border-violet-200\/20 { border-color: rgba(221, 214, 254, 0.2) !important; }

.hover\:bg-violet-200\/20:hover { background-color: rgba(221, 214, 254, 0.2) !important; }
.hover\:text-violet-200\/20:hover { color: rgba(221, 214, 254, 0.2) !important; }
.hover\:border-violet-200\/20:hover { border-color: rgba(221, 214, 254, 0.2) !important; }

.dark .dark\:bg-violet-200\/20,
html.dark .dark\:bg-violet-200\/20 { background-color: rgba(221, 214, 254, 0.2) !important; }
.dark .dark\:text-violet-200\/20,
html.dark .dark\:text-violet-200\/20 { color: rgba(221, 214, 254, 0.2) !important; }
.dark .dark\:border-violet-200\/20,
html.dark .dark\:border-violet-200\/20 { border-color: rgba(221, 214, 254, 0.2) !important; }

.dark .dark\:hover\:bg-violet-200\/20:hover,
html.dark .dark\:hover\:bg-violet-200\/20:hover { background-color: rgba(221, 214, 254, 0.2) !important; }
.dark .dark\:hover\:text-violet-200\/20:hover,
html.dark .dark\:hover\:text-violet-200\/20:hover { color: rgba(221, 214, 254, 0.2) !important; }
.dark .dark\:hover\:border-violet-200\/20:hover,
html.dark .dark\:hover\:border-violet-200\/20:hover { border-color: rgba(221, 214, 254, 0.2) !important; }

.bg-violet-200\/25 { background-color: rgba(221, 214, 254, 0.25) !important; }
.text-violet-200\/25 { color: rgba(221, 214, 254, 0.25) !important; }
.border-violet-200\/25 { border-color: rgba(221, 214, 254, 0.25) !important; }

.hover\:bg-violet-200\/25:hover { background-color: rgba(221, 214, 254, 0.25) !important; }
.hover\:text-violet-200\/25:hover { color: rgba(221, 214, 254, 0.25) !important; }
.hover\:border-violet-200\/25:hover { border-color: rgba(221, 214, 254, 0.25) !important; }

.dark .dark\:bg-violet-200\/25,
html.dark .dark\:bg-violet-200\/25 { background-color: rgba(221, 214, 254, 0.25) !important; }
.dark .dark\:text-violet-200\/25,
html.dark .dark\:text-violet-200\/25 { color: rgba(221, 214, 254, 0.25) !important; }
.dark .dark\:border-violet-200\/25,
html.dark .dark\:border-violet-200\/25 { border-color: rgba(221, 214, 254, 0.25) !important; }

.dark .dark\:hover\:bg-violet-200\/25:hover,
html.dark .dark\:hover\:bg-violet-200\/25:hover { background-color: rgba(221, 214, 254, 0.25) !important; }
.dark .dark\:hover\:text-violet-200\/25:hover,
html.dark .dark\:hover\:text-violet-200\/25:hover { color: rgba(221, 214, 254, 0.25) !important; }
.dark .dark\:hover\:border-violet-200\/25:hover,
html.dark .dark\:hover\:border-violet-200\/25:hover { border-color: rgba(221, 214, 254, 0.25) !important; }

.bg-violet-200\/30 { background-color: rgba(221, 214, 254, 0.3) !important; }
.text-violet-200\/30 { color: rgba(221, 214, 254, 0.3) !important; }
.border-violet-200\/30 { border-color: rgba(221, 214, 254, 0.3) !important; }

.hover\:bg-violet-200\/30:hover { background-color: rgba(221, 214, 254, 0.3) !important; }
.hover\:text-violet-200\/30:hover { color: rgba(221, 214, 254, 0.3) !important; }
.hover\:border-violet-200\/30:hover { border-color: rgba(221, 214, 254, 0.3) !important; }

.dark .dark\:bg-violet-200\/30,
html.dark .dark\:bg-violet-200\/30 { background-color: rgba(221, 214, 254, 0.3) !important; }
.dark .dark\:text-violet-200\/30,
html.dark .dark\:text-violet-200\/30 { color: rgba(221, 214, 254, 0.3) !important; }
.dark .dark\:border-violet-200\/30,
html.dark .dark\:border-violet-200\/30 { border-color: rgba(221, 214, 254, 0.3) !important; }

.dark .dark\:hover\:bg-violet-200\/30:hover,
html.dark .dark\:hover\:bg-violet-200\/30:hover { background-color: rgba(221, 214, 254, 0.3) !important; }
.dark .dark\:hover\:text-violet-200\/30:hover,
html.dark .dark\:hover\:text-violet-200\/30:hover { color: rgba(221, 214, 254, 0.3) !important; }
.dark .dark\:hover\:border-violet-200\/30:hover,
html.dark .dark\:hover\:border-violet-200\/30:hover { border-color: rgba(221, 214, 254, 0.3) !important; }

.bg-violet-200\/40 { background-color: rgba(221, 214, 254, 0.4) !important; }
.text-violet-200\/40 { color: rgba(221, 214, 254, 0.4) !important; }
.border-violet-200\/40 { border-color: rgba(221, 214, 254, 0.4) !important; }

.hover\:bg-violet-200\/40:hover { background-color: rgba(221, 214, 254, 0.4) !important; }
.hover\:text-violet-200\/40:hover { color: rgba(221, 214, 254, 0.4) !important; }
.hover\:border-violet-200\/40:hover { border-color: rgba(221, 214, 254, 0.4) !important; }

.dark .dark\:bg-violet-200\/40,
html.dark .dark\:bg-violet-200\/40 { background-color: rgba(221, 214, 254, 0.4) !important; }
.dark .dark\:text-violet-200\/40,
html.dark .dark\:text-violet-200\/40 { color: rgba(221, 214, 254, 0.4) !important; }
.dark .dark\:border-violet-200\/40,
html.dark .dark\:border-violet-200\/40 { border-color: rgba(221, 214, 254, 0.4) !important; }

.dark .dark\:hover\:bg-violet-200\/40:hover,
html.dark .dark\:hover\:bg-violet-200\/40:hover { background-color: rgba(221, 214, 254, 0.4) !important; }
.dark .dark\:hover\:text-violet-200\/40:hover,
html.dark .dark\:hover\:text-violet-200\/40:hover { color: rgba(221, 214, 254, 0.4) !important; }
.dark .dark\:hover\:border-violet-200\/40:hover,
html.dark .dark\:hover\:border-violet-200\/40:hover { border-color: rgba(221, 214, 254, 0.4) !important; }

.bg-violet-200\/50 { background-color: rgba(221, 214, 254, 0.5) !important; }
.text-violet-200\/50 { color: rgba(221, 214, 254, 0.5) !important; }
.border-violet-200\/50 { border-color: rgba(221, 214, 254, 0.5) !important; }

.hover\:bg-violet-200\/50:hover { background-color: rgba(221, 214, 254, 0.5) !important; }
.hover\:text-violet-200\/50:hover { color: rgba(221, 214, 254, 0.5) !important; }
.hover\:border-violet-200\/50:hover { border-color: rgba(221, 214, 254, 0.5) !important; }

.dark .dark\:bg-violet-200\/50,
html.dark .dark\:bg-violet-200\/50 { background-color: rgba(221, 214, 254, 0.5) !important; }
.dark .dark\:text-violet-200\/50,
html.dark .dark\:text-violet-200\/50 { color: rgba(221, 214, 254, 0.5) !important; }
.dark .dark\:border-violet-200\/50,
html.dark .dark\:border-violet-200\/50 { border-color: rgba(221, 214, 254, 0.5) !important; }

.dark .dark\:hover\:bg-violet-200\/50:hover,
html.dark .dark\:hover\:bg-violet-200\/50:hover { background-color: rgba(221, 214, 254, 0.5) !important; }
.dark .dark\:hover\:text-violet-200\/50:hover,
html.dark .dark\:hover\:text-violet-200\/50:hover { color: rgba(221, 214, 254, 0.5) !important; }
.dark .dark\:hover\:border-violet-200\/50:hover,
html.dark .dark\:hover\:border-violet-200\/50:hover { border-color: rgba(221, 214, 254, 0.5) !important; }

.bg-violet-200\/60 { background-color: rgba(221, 214, 254, 0.6) !important; }
.text-violet-200\/60 { color: rgba(221, 214, 254, 0.6) !important; }
.border-violet-200\/60 { border-color: rgba(221, 214, 254, 0.6) !important; }

.hover\:bg-violet-200\/60:hover { background-color: rgba(221, 214, 254, 0.6) !important; }
.hover\:text-violet-200\/60:hover { color: rgba(221, 214, 254, 0.6) !important; }
.hover\:border-violet-200\/60:hover { border-color: rgba(221, 214, 254, 0.6) !important; }

.dark .dark\:bg-violet-200\/60,
html.dark .dark\:bg-violet-200\/60 { background-color: rgba(221, 214, 254, 0.6) !important; }
.dark .dark\:text-violet-200\/60,
html.dark .dark\:text-violet-200\/60 { color: rgba(221, 214, 254, 0.6) !important; }
.dark .dark\:border-violet-200\/60,
html.dark .dark\:border-violet-200\/60 { border-color: rgba(221, 214, 254, 0.6) !important; }

.dark .dark\:hover\:bg-violet-200\/60:hover,
html.dark .dark\:hover\:bg-violet-200\/60:hover { background-color: rgba(221, 214, 254, 0.6) !important; }
.dark .dark\:hover\:text-violet-200\/60:hover,
html.dark .dark\:hover\:text-violet-200\/60:hover { color: rgba(221, 214, 254, 0.6) !important; }
.dark .dark\:hover\:border-violet-200\/60:hover,
html.dark .dark\:hover\:border-violet-200\/60:hover { border-color: rgba(221, 214, 254, 0.6) !important; }

.bg-violet-200\/70 { background-color: rgba(221, 214, 254, 0.7) !important; }
.text-violet-200\/70 { color: rgba(221, 214, 254, 0.7) !important; }
.border-violet-200\/70 { border-color: rgba(221, 214, 254, 0.7) !important; }

.hover\:bg-violet-200\/70:hover { background-color: rgba(221, 214, 254, 0.7) !important; }
.hover\:text-violet-200\/70:hover { color: rgba(221, 214, 254, 0.7) !important; }
.hover\:border-violet-200\/70:hover { border-color: rgba(221, 214, 254, 0.7) !important; }

.dark .dark\:bg-violet-200\/70,
html.dark .dark\:bg-violet-200\/70 { background-color: rgba(221, 214, 254, 0.7) !important; }
.dark .dark\:text-violet-200\/70,
html.dark .dark\:text-violet-200\/70 { color: rgba(221, 214, 254, 0.7) !important; }
.dark .dark\:border-violet-200\/70,
html.dark .dark\:border-violet-200\/70 { border-color: rgba(221, 214, 254, 0.7) !important; }

.dark .dark\:hover\:bg-violet-200\/70:hover,
html.dark .dark\:hover\:bg-violet-200\/70:hover { background-color: rgba(221, 214, 254, 0.7) !important; }
.dark .dark\:hover\:text-violet-200\/70:hover,
html.dark .dark\:hover\:text-violet-200\/70:hover { color: rgba(221, 214, 254, 0.7) !important; }
.dark .dark\:hover\:border-violet-200\/70:hover,
html.dark .dark\:hover\:border-violet-200\/70:hover { border-color: rgba(221, 214, 254, 0.7) !important; }

.bg-violet-200\/75 { background-color: rgba(221, 214, 254, 0.75) !important; }
.text-violet-200\/75 { color: rgba(221, 214, 254, 0.75) !important; }
.border-violet-200\/75 { border-color: rgba(221, 214, 254, 0.75) !important; }

.hover\:bg-violet-200\/75:hover { background-color: rgba(221, 214, 254, 0.75) !important; }
.hover\:text-violet-200\/75:hover { color: rgba(221, 214, 254, 0.75) !important; }
.hover\:border-violet-200\/75:hover { border-color: rgba(221, 214, 254, 0.75) !important; }

.dark .dark\:bg-violet-200\/75,
html.dark .dark\:bg-violet-200\/75 { background-color: rgba(221, 214, 254, 0.75) !important; }
.dark .dark\:text-violet-200\/75,
html.dark .dark\:text-violet-200\/75 { color: rgba(221, 214, 254, 0.75) !important; }
.dark .dark\:border-violet-200\/75,
html.dark .dark\:border-violet-200\/75 { border-color: rgba(221, 214, 254, 0.75) !important; }

.dark .dark\:hover\:bg-violet-200\/75:hover,
html.dark .dark\:hover\:bg-violet-200\/75:hover { background-color: rgba(221, 214, 254, 0.75) !important; }
.dark .dark\:hover\:text-violet-200\/75:hover,
html.dark .dark\:hover\:text-violet-200\/75:hover { color: rgba(221, 214, 254, 0.75) !important; }
.dark .dark\:hover\:border-violet-200\/75:hover,
html.dark .dark\:hover\:border-violet-200\/75:hover { border-color: rgba(221, 214, 254, 0.75) !important; }

.bg-violet-200\/80 { background-color: rgba(221, 214, 254, 0.8) !important; }
.text-violet-200\/80 { color: rgba(221, 214, 254, 0.8) !important; }
.border-violet-200\/80 { border-color: rgba(221, 214, 254, 0.8) !important; }

.hover\:bg-violet-200\/80:hover { background-color: rgba(221, 214, 254, 0.8) !important; }
.hover\:text-violet-200\/80:hover { color: rgba(221, 214, 254, 0.8) !important; }
.hover\:border-violet-200\/80:hover { border-color: rgba(221, 214, 254, 0.8) !important; }

.dark .dark\:bg-violet-200\/80,
html.dark .dark\:bg-violet-200\/80 { background-color: rgba(221, 214, 254, 0.8) !important; }
.dark .dark\:text-violet-200\/80,
html.dark .dark\:text-violet-200\/80 { color: rgba(221, 214, 254, 0.8) !important; }
.dark .dark\:border-violet-200\/80,
html.dark .dark\:border-violet-200\/80 { border-color: rgba(221, 214, 254, 0.8) !important; }

.dark .dark\:hover\:bg-violet-200\/80:hover,
html.dark .dark\:hover\:bg-violet-200\/80:hover { background-color: rgba(221, 214, 254, 0.8) !important; }
.dark .dark\:hover\:text-violet-200\/80:hover,
html.dark .dark\:hover\:text-violet-200\/80:hover { color: rgba(221, 214, 254, 0.8) !important; }
.dark .dark\:hover\:border-violet-200\/80:hover,
html.dark .dark\:hover\:border-violet-200\/80:hover { border-color: rgba(221, 214, 254, 0.8) !important; }

.bg-violet-200\/90 { background-color: rgba(221, 214, 254, 0.9) !important; }
.text-violet-200\/90 { color: rgba(221, 214, 254, 0.9) !important; }
.border-violet-200\/90 { border-color: rgba(221, 214, 254, 0.9) !important; }

.hover\:bg-violet-200\/90:hover { background-color: rgba(221, 214, 254, 0.9) !important; }
.hover\:text-violet-200\/90:hover { color: rgba(221, 214, 254, 0.9) !important; }
.hover\:border-violet-200\/90:hover { border-color: rgba(221, 214, 254, 0.9) !important; }

.dark .dark\:bg-violet-200\/90,
html.dark .dark\:bg-violet-200\/90 { background-color: rgba(221, 214, 254, 0.9) !important; }
.dark .dark\:text-violet-200\/90,
html.dark .dark\:text-violet-200\/90 { color: rgba(221, 214, 254, 0.9) !important; }
.dark .dark\:border-violet-200\/90,
html.dark .dark\:border-violet-200\/90 { border-color: rgba(221, 214, 254, 0.9) !important; }

.dark .dark\:hover\:bg-violet-200\/90:hover,
html.dark .dark\:hover\:bg-violet-200\/90:hover { background-color: rgba(221, 214, 254, 0.9) !important; }
.dark .dark\:hover\:text-violet-200\/90:hover,
html.dark .dark\:hover\:text-violet-200\/90:hover { color: rgba(221, 214, 254, 0.9) !important; }
.dark .dark\:hover\:border-violet-200\/90:hover,
html.dark .dark\:hover\:border-violet-200\/90:hover { border-color: rgba(221, 214, 254, 0.9) !important; }

.bg-violet-200\/95 { background-color: rgba(221, 214, 254, 0.95) !important; }
.text-violet-200\/95 { color: rgba(221, 214, 254, 0.95) !important; }
.border-violet-200\/95 { border-color: rgba(221, 214, 254, 0.95) !important; }

.hover\:bg-violet-200\/95:hover { background-color: rgba(221, 214, 254, 0.95) !important; }
.hover\:text-violet-200\/95:hover { color: rgba(221, 214, 254, 0.95) !important; }
.hover\:border-violet-200\/95:hover { border-color: rgba(221, 214, 254, 0.95) !important; }

.dark .dark\:bg-violet-200\/95,
html.dark .dark\:bg-violet-200\/95 { background-color: rgba(221, 214, 254, 0.95) !important; }
.dark .dark\:text-violet-200\/95,
html.dark .dark\:text-violet-200\/95 { color: rgba(221, 214, 254, 0.95) !important; }
.dark .dark\:border-violet-200\/95,
html.dark .dark\:border-violet-200\/95 { border-color: rgba(221, 214, 254, 0.95) !important; }

.dark .dark\:hover\:bg-violet-200\/95:hover,
html.dark .dark\:hover\:bg-violet-200\/95:hover { background-color: rgba(221, 214, 254, 0.95) !important; }
.dark .dark\:hover\:text-violet-200\/95:hover,
html.dark .dark\:hover\:text-violet-200\/95:hover { color: rgba(221, 214, 254, 0.95) !important; }
.dark .dark\:hover\:border-violet-200\/95:hover,
html.dark .dark\:hover\:border-violet-200\/95:hover { border-color: rgba(221, 214, 254, 0.95) !important; }

.bg-violet-300 { background-color: #c4b5fd !important; }
.text-violet-300 { color: #c4b5fd !important; }
.border-violet-300 { border-color: #c4b5fd !important; }
.fill-violet-300 { fill: #c4b5fd !important; }
.stroke-violet-300 { stroke: #c4b5fd !important; }

/* Hover states */
.hover\:bg-violet-300:hover { background-color: #c4b5fd !important; }
.hover\:text-violet-300:hover { color: #c4b5fd !important; }
.hover\:border-violet-300:hover { border-color: #c4b5fd !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-300,
html.dark .dark\:bg-violet-300 { background-color: #c4b5fd !important; }
.dark .dark\:text-violet-300,
html.dark .dark\:text-violet-300 { color: #c4b5fd !important; }
.dark .dark\:border-violet-300,
html.dark .dark\:border-violet-300 { border-color: #c4b5fd !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-300:hover,
html.dark .dark\:hover\:bg-violet-300:hover { background-color: #c4b5fd !important; }
.dark .dark\:hover\:text-violet-300:hover,
html.dark .dark\:hover\:text-violet-300:hover { color: #c4b5fd !important; }
.dark .dark\:hover\:border-violet-300:hover,
html.dark .dark\:hover\:border-violet-300:hover { border-color: #c4b5fd !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-300,
html.dark .group:hover .dark\:group-hover\:text-violet-300 { color: #c4b5fd !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-300,
html.dark .group:hover .dark\:group-hover\:bg-violet-300 { background-color: #c4b5fd !important; }

.bg-violet-300\/10 { background-color: rgba(196, 181, 253, 0.1) !important; }
.text-violet-300\/10 { color: rgba(196, 181, 253, 0.1) !important; }
.border-violet-300\/10 { border-color: rgba(196, 181, 253, 0.1) !important; }

.hover\:bg-violet-300\/10:hover { background-color: rgba(196, 181, 253, 0.1) !important; }
.hover\:text-violet-300\/10:hover { color: rgba(196, 181, 253, 0.1) !important; }
.hover\:border-violet-300\/10:hover { border-color: rgba(196, 181, 253, 0.1) !important; }

.dark .dark\:bg-violet-300\/10,
html.dark .dark\:bg-violet-300\/10 { background-color: rgba(196, 181, 253, 0.1) !important; }
.dark .dark\:text-violet-300\/10,
html.dark .dark\:text-violet-300\/10 { color: rgba(196, 181, 253, 0.1) !important; }
.dark .dark\:border-violet-300\/10,
html.dark .dark\:border-violet-300\/10 { border-color: rgba(196, 181, 253, 0.1) !important; }

.dark .dark\:hover\:bg-violet-300\/10:hover,
html.dark .dark\:hover\:bg-violet-300\/10:hover { background-color: rgba(196, 181, 253, 0.1) !important; }
.dark .dark\:hover\:text-violet-300\/10:hover,
html.dark .dark\:hover\:text-violet-300\/10:hover { color: rgba(196, 181, 253, 0.1) !important; }
.dark .dark\:hover\:border-violet-300\/10:hover,
html.dark .dark\:hover\:border-violet-300\/10:hover { border-color: rgba(196, 181, 253, 0.1) !important; }

.bg-violet-300\/20 { background-color: rgba(196, 181, 253, 0.2) !important; }
.text-violet-300\/20 { color: rgba(196, 181, 253, 0.2) !important; }
.border-violet-300\/20 { border-color: rgba(196, 181, 253, 0.2) !important; }

.hover\:bg-violet-300\/20:hover { background-color: rgba(196, 181, 253, 0.2) !important; }
.hover\:text-violet-300\/20:hover { color: rgba(196, 181, 253, 0.2) !important; }
.hover\:border-violet-300\/20:hover { border-color: rgba(196, 181, 253, 0.2) !important; }

.dark .dark\:bg-violet-300\/20,
html.dark .dark\:bg-violet-300\/20 { background-color: rgba(196, 181, 253, 0.2) !important; }
.dark .dark\:text-violet-300\/20,
html.dark .dark\:text-violet-300\/20 { color: rgba(196, 181, 253, 0.2) !important; }
.dark .dark\:border-violet-300\/20,
html.dark .dark\:border-violet-300\/20 { border-color: rgba(196, 181, 253, 0.2) !important; }

.dark .dark\:hover\:bg-violet-300\/20:hover,
html.dark .dark\:hover\:bg-violet-300\/20:hover { background-color: rgba(196, 181, 253, 0.2) !important; }
.dark .dark\:hover\:text-violet-300\/20:hover,
html.dark .dark\:hover\:text-violet-300\/20:hover { color: rgba(196, 181, 253, 0.2) !important; }
.dark .dark\:hover\:border-violet-300\/20:hover,
html.dark .dark\:hover\:border-violet-300\/20:hover { border-color: rgba(196, 181, 253, 0.2) !important; }

.bg-violet-300\/25 { background-color: rgba(196, 181, 253, 0.25) !important; }
.text-violet-300\/25 { color: rgba(196, 181, 253, 0.25) !important; }
.border-violet-300\/25 { border-color: rgba(196, 181, 253, 0.25) !important; }

.hover\:bg-violet-300\/25:hover { background-color: rgba(196, 181, 253, 0.25) !important; }
.hover\:text-violet-300\/25:hover { color: rgba(196, 181, 253, 0.25) !important; }
.hover\:border-violet-300\/25:hover { border-color: rgba(196, 181, 253, 0.25) !important; }

.dark .dark\:bg-violet-300\/25,
html.dark .dark\:bg-violet-300\/25 { background-color: rgba(196, 181, 253, 0.25) !important; }
.dark .dark\:text-violet-300\/25,
html.dark .dark\:text-violet-300\/25 { color: rgba(196, 181, 253, 0.25) !important; }
.dark .dark\:border-violet-300\/25,
html.dark .dark\:border-violet-300\/25 { border-color: rgba(196, 181, 253, 0.25) !important; }

.dark .dark\:hover\:bg-violet-300\/25:hover,
html.dark .dark\:hover\:bg-violet-300\/25:hover { background-color: rgba(196, 181, 253, 0.25) !important; }
.dark .dark\:hover\:text-violet-300\/25:hover,
html.dark .dark\:hover\:text-violet-300\/25:hover { color: rgba(196, 181, 253, 0.25) !important; }
.dark .dark\:hover\:border-violet-300\/25:hover,
html.dark .dark\:hover\:border-violet-300\/25:hover { border-color: rgba(196, 181, 253, 0.25) !important; }

.bg-violet-300\/30 { background-color: rgba(196, 181, 253, 0.3) !important; }
.text-violet-300\/30 { color: rgba(196, 181, 253, 0.3) !important; }
.border-violet-300\/30 { border-color: rgba(196, 181, 253, 0.3) !important; }

.hover\:bg-violet-300\/30:hover { background-color: rgba(196, 181, 253, 0.3) !important; }
.hover\:text-violet-300\/30:hover { color: rgba(196, 181, 253, 0.3) !important; }
.hover\:border-violet-300\/30:hover { border-color: rgba(196, 181, 253, 0.3) !important; }

.dark .dark\:bg-violet-300\/30,
html.dark .dark\:bg-violet-300\/30 { background-color: rgba(196, 181, 253, 0.3) !important; }
.dark .dark\:text-violet-300\/30,
html.dark .dark\:text-violet-300\/30 { color: rgba(196, 181, 253, 0.3) !important; }
.dark .dark\:border-violet-300\/30,
html.dark .dark\:border-violet-300\/30 { border-color: rgba(196, 181, 253, 0.3) !important; }

.dark .dark\:hover\:bg-violet-300\/30:hover,
html.dark .dark\:hover\:bg-violet-300\/30:hover { background-color: rgba(196, 181, 253, 0.3) !important; }
.dark .dark\:hover\:text-violet-300\/30:hover,
html.dark .dark\:hover\:text-violet-300\/30:hover { color: rgba(196, 181, 253, 0.3) !important; }
.dark .dark\:hover\:border-violet-300\/30:hover,
html.dark .dark\:hover\:border-violet-300\/30:hover { border-color: rgba(196, 181, 253, 0.3) !important; }

.bg-violet-300\/40 { background-color: rgba(196, 181, 253, 0.4) !important; }
.text-violet-300\/40 { color: rgba(196, 181, 253, 0.4) !important; }
.border-violet-300\/40 { border-color: rgba(196, 181, 253, 0.4) !important; }

.hover\:bg-violet-300\/40:hover { background-color: rgba(196, 181, 253, 0.4) !important; }
.hover\:text-violet-300\/40:hover { color: rgba(196, 181, 253, 0.4) !important; }
.hover\:border-violet-300\/40:hover { border-color: rgba(196, 181, 253, 0.4) !important; }

.dark .dark\:bg-violet-300\/40,
html.dark .dark\:bg-violet-300\/40 { background-color: rgba(196, 181, 253, 0.4) !important; }
.dark .dark\:text-violet-300\/40,
html.dark .dark\:text-violet-300\/40 { color: rgba(196, 181, 253, 0.4) !important; }
.dark .dark\:border-violet-300\/40,
html.dark .dark\:border-violet-300\/40 { border-color: rgba(196, 181, 253, 0.4) !important; }

.dark .dark\:hover\:bg-violet-300\/40:hover,
html.dark .dark\:hover\:bg-violet-300\/40:hover { background-color: rgba(196, 181, 253, 0.4) !important; }
.dark .dark\:hover\:text-violet-300\/40:hover,
html.dark .dark\:hover\:text-violet-300\/40:hover { color: rgba(196, 181, 253, 0.4) !important; }
.dark .dark\:hover\:border-violet-300\/40:hover,
html.dark .dark\:hover\:border-violet-300\/40:hover { border-color: rgba(196, 181, 253, 0.4) !important; }

.bg-violet-300\/50 { background-color: rgba(196, 181, 253, 0.5) !important; }
.text-violet-300\/50 { color: rgba(196, 181, 253, 0.5) !important; }
.border-violet-300\/50 { border-color: rgba(196, 181, 253, 0.5) !important; }

.hover\:bg-violet-300\/50:hover { background-color: rgba(196, 181, 253, 0.5) !important; }
.hover\:text-violet-300\/50:hover { color: rgba(196, 181, 253, 0.5) !important; }
.hover\:border-violet-300\/50:hover { border-color: rgba(196, 181, 253, 0.5) !important; }

.dark .dark\:bg-violet-300\/50,
html.dark .dark\:bg-violet-300\/50 { background-color: rgba(196, 181, 253, 0.5) !important; }
.dark .dark\:text-violet-300\/50,
html.dark .dark\:text-violet-300\/50 { color: rgba(196, 181, 253, 0.5) !important; }
.dark .dark\:border-violet-300\/50,
html.dark .dark\:border-violet-300\/50 { border-color: rgba(196, 181, 253, 0.5) !important; }

.dark .dark\:hover\:bg-violet-300\/50:hover,
html.dark .dark\:hover\:bg-violet-300\/50:hover { background-color: rgba(196, 181, 253, 0.5) !important; }
.dark .dark\:hover\:text-violet-300\/50:hover,
html.dark .dark\:hover\:text-violet-300\/50:hover { color: rgba(196, 181, 253, 0.5) !important; }
.dark .dark\:hover\:border-violet-300\/50:hover,
html.dark .dark\:hover\:border-violet-300\/50:hover { border-color: rgba(196, 181, 253, 0.5) !important; }

.bg-violet-300\/60 { background-color: rgba(196, 181, 253, 0.6) !important; }
.text-violet-300\/60 { color: rgba(196, 181, 253, 0.6) !important; }
.border-violet-300\/60 { border-color: rgba(196, 181, 253, 0.6) !important; }

.hover\:bg-violet-300\/60:hover { background-color: rgba(196, 181, 253, 0.6) !important; }
.hover\:text-violet-300\/60:hover { color: rgba(196, 181, 253, 0.6) !important; }
.hover\:border-violet-300\/60:hover { border-color: rgba(196, 181, 253, 0.6) !important; }

.dark .dark\:bg-violet-300\/60,
html.dark .dark\:bg-violet-300\/60 { background-color: rgba(196, 181, 253, 0.6) !important; }
.dark .dark\:text-violet-300\/60,
html.dark .dark\:text-violet-300\/60 { color: rgba(196, 181, 253, 0.6) !important; }
.dark .dark\:border-violet-300\/60,
html.dark .dark\:border-violet-300\/60 { border-color: rgba(196, 181, 253, 0.6) !important; }

.dark .dark\:hover\:bg-violet-300\/60:hover,
html.dark .dark\:hover\:bg-violet-300\/60:hover { background-color: rgba(196, 181, 253, 0.6) !important; }
.dark .dark\:hover\:text-violet-300\/60:hover,
html.dark .dark\:hover\:text-violet-300\/60:hover { color: rgba(196, 181, 253, 0.6) !important; }
.dark .dark\:hover\:border-violet-300\/60:hover,
html.dark .dark\:hover\:border-violet-300\/60:hover { border-color: rgba(196, 181, 253, 0.6) !important; }

.bg-violet-300\/70 { background-color: rgba(196, 181, 253, 0.7) !important; }
.text-violet-300\/70 { color: rgba(196, 181, 253, 0.7) !important; }
.border-violet-300\/70 { border-color: rgba(196, 181, 253, 0.7) !important; }

.hover\:bg-violet-300\/70:hover { background-color: rgba(196, 181, 253, 0.7) !important; }
.hover\:text-violet-300\/70:hover { color: rgba(196, 181, 253, 0.7) !important; }
.hover\:border-violet-300\/70:hover { border-color: rgba(196, 181, 253, 0.7) !important; }

.dark .dark\:bg-violet-300\/70,
html.dark .dark\:bg-violet-300\/70 { background-color: rgba(196, 181, 253, 0.7) !important; }
.dark .dark\:text-violet-300\/70,
html.dark .dark\:text-violet-300\/70 { color: rgba(196, 181, 253, 0.7) !important; }
.dark .dark\:border-violet-300\/70,
html.dark .dark\:border-violet-300\/70 { border-color: rgba(196, 181, 253, 0.7) !important; }

.dark .dark\:hover\:bg-violet-300\/70:hover,
html.dark .dark\:hover\:bg-violet-300\/70:hover { background-color: rgba(196, 181, 253, 0.7) !important; }
.dark .dark\:hover\:text-violet-300\/70:hover,
html.dark .dark\:hover\:text-violet-300\/70:hover { color: rgba(196, 181, 253, 0.7) !important; }
.dark .dark\:hover\:border-violet-300\/70:hover,
html.dark .dark\:hover\:border-violet-300\/70:hover { border-color: rgba(196, 181, 253, 0.7) !important; }

.bg-violet-300\/75 { background-color: rgba(196, 181, 253, 0.75) !important; }
.text-violet-300\/75 { color: rgba(196, 181, 253, 0.75) !important; }
.border-violet-300\/75 { border-color: rgba(196, 181, 253, 0.75) !important; }

.hover\:bg-violet-300\/75:hover { background-color: rgba(196, 181, 253, 0.75) !important; }
.hover\:text-violet-300\/75:hover { color: rgba(196, 181, 253, 0.75) !important; }
.hover\:border-violet-300\/75:hover { border-color: rgba(196, 181, 253, 0.75) !important; }

.dark .dark\:bg-violet-300\/75,
html.dark .dark\:bg-violet-300\/75 { background-color: rgba(196, 181, 253, 0.75) !important; }
.dark .dark\:text-violet-300\/75,
html.dark .dark\:text-violet-300\/75 { color: rgba(196, 181, 253, 0.75) !important; }
.dark .dark\:border-violet-300\/75,
html.dark .dark\:border-violet-300\/75 { border-color: rgba(196, 181, 253, 0.75) !important; }

.dark .dark\:hover\:bg-violet-300\/75:hover,
html.dark .dark\:hover\:bg-violet-300\/75:hover { background-color: rgba(196, 181, 253, 0.75) !important; }
.dark .dark\:hover\:text-violet-300\/75:hover,
html.dark .dark\:hover\:text-violet-300\/75:hover { color: rgba(196, 181, 253, 0.75) !important; }
.dark .dark\:hover\:border-violet-300\/75:hover,
html.dark .dark\:hover\:border-violet-300\/75:hover { border-color: rgba(196, 181, 253, 0.75) !important; }

.bg-violet-300\/80 { background-color: rgba(196, 181, 253, 0.8) !important; }
.text-violet-300\/80 { color: rgba(196, 181, 253, 0.8) !important; }
.border-violet-300\/80 { border-color: rgba(196, 181, 253, 0.8) !important; }

.hover\:bg-violet-300\/80:hover { background-color: rgba(196, 181, 253, 0.8) !important; }
.hover\:text-violet-300\/80:hover { color: rgba(196, 181, 253, 0.8) !important; }
.hover\:border-violet-300\/80:hover { border-color: rgba(196, 181, 253, 0.8) !important; }

.dark .dark\:bg-violet-300\/80,
html.dark .dark\:bg-violet-300\/80 { background-color: rgba(196, 181, 253, 0.8) !important; }
.dark .dark\:text-violet-300\/80,
html.dark .dark\:text-violet-300\/80 { color: rgba(196, 181, 253, 0.8) !important; }
.dark .dark\:border-violet-300\/80,
html.dark .dark\:border-violet-300\/80 { border-color: rgba(196, 181, 253, 0.8) !important; }

.dark .dark\:hover\:bg-violet-300\/80:hover,
html.dark .dark\:hover\:bg-violet-300\/80:hover { background-color: rgba(196, 181, 253, 0.8) !important; }
.dark .dark\:hover\:text-violet-300\/80:hover,
html.dark .dark\:hover\:text-violet-300\/80:hover { color: rgba(196, 181, 253, 0.8) !important; }
.dark .dark\:hover\:border-violet-300\/80:hover,
html.dark .dark\:hover\:border-violet-300\/80:hover { border-color: rgba(196, 181, 253, 0.8) !important; }

.bg-violet-300\/90 { background-color: rgba(196, 181, 253, 0.9) !important; }
.text-violet-300\/90 { color: rgba(196, 181, 253, 0.9) !important; }
.border-violet-300\/90 { border-color: rgba(196, 181, 253, 0.9) !important; }

.hover\:bg-violet-300\/90:hover { background-color: rgba(196, 181, 253, 0.9) !important; }
.hover\:text-violet-300\/90:hover { color: rgba(196, 181, 253, 0.9) !important; }
.hover\:border-violet-300\/90:hover { border-color: rgba(196, 181, 253, 0.9) !important; }

.dark .dark\:bg-violet-300\/90,
html.dark .dark\:bg-violet-300\/90 { background-color: rgba(196, 181, 253, 0.9) !important; }
.dark .dark\:text-violet-300\/90,
html.dark .dark\:text-violet-300\/90 { color: rgba(196, 181, 253, 0.9) !important; }
.dark .dark\:border-violet-300\/90,
html.dark .dark\:border-violet-300\/90 { border-color: rgba(196, 181, 253, 0.9) !important; }

.dark .dark\:hover\:bg-violet-300\/90:hover,
html.dark .dark\:hover\:bg-violet-300\/90:hover { background-color: rgba(196, 181, 253, 0.9) !important; }
.dark .dark\:hover\:text-violet-300\/90:hover,
html.dark .dark\:hover\:text-violet-300\/90:hover { color: rgba(196, 181, 253, 0.9) !important; }
.dark .dark\:hover\:border-violet-300\/90:hover,
html.dark .dark\:hover\:border-violet-300\/90:hover { border-color: rgba(196, 181, 253, 0.9) !important; }

.bg-violet-300\/95 { background-color: rgba(196, 181, 253, 0.95) !important; }
.text-violet-300\/95 { color: rgba(196, 181, 253, 0.95) !important; }
.border-violet-300\/95 { border-color: rgba(196, 181, 253, 0.95) !important; }

.hover\:bg-violet-300\/95:hover { background-color: rgba(196, 181, 253, 0.95) !important; }
.hover\:text-violet-300\/95:hover { color: rgba(196, 181, 253, 0.95) !important; }
.hover\:border-violet-300\/95:hover { border-color: rgba(196, 181, 253, 0.95) !important; }

.dark .dark\:bg-violet-300\/95,
html.dark .dark\:bg-violet-300\/95 { background-color: rgba(196, 181, 253, 0.95) !important; }
.dark .dark\:text-violet-300\/95,
html.dark .dark\:text-violet-300\/95 { color: rgba(196, 181, 253, 0.95) !important; }
.dark .dark\:border-violet-300\/95,
html.dark .dark\:border-violet-300\/95 { border-color: rgba(196, 181, 253, 0.95) !important; }

.dark .dark\:hover\:bg-violet-300\/95:hover,
html.dark .dark\:hover\:bg-violet-300\/95:hover { background-color: rgba(196, 181, 253, 0.95) !important; }
.dark .dark\:hover\:text-violet-300\/95:hover,
html.dark .dark\:hover\:text-violet-300\/95:hover { color: rgba(196, 181, 253, 0.95) !important; }
.dark .dark\:hover\:border-violet-300\/95:hover,
html.dark .dark\:hover\:border-violet-300\/95:hover { border-color: rgba(196, 181, 253, 0.95) !important; }

.bg-violet-400 { background-color: #a78bfa !important; }
.text-violet-400 { color: #a78bfa !important; }
.border-violet-400 { border-color: #a78bfa !important; }
.fill-violet-400 { fill: #a78bfa !important; }
.stroke-violet-400 { stroke: #a78bfa !important; }

/* Hover states */
.hover\:bg-violet-400:hover { background-color: #a78bfa !important; }
.hover\:text-violet-400:hover { color: #a78bfa !important; }
.hover\:border-violet-400:hover { border-color: #a78bfa !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-400,
html.dark .dark\:bg-violet-400 { background-color: #a78bfa !important; }
.dark .dark\:text-violet-400,
html.dark .dark\:text-violet-400 { color: #a78bfa !important; }
.dark .dark\:border-violet-400,
html.dark .dark\:border-violet-400 { border-color: #a78bfa !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-400:hover,
html.dark .dark\:hover\:bg-violet-400:hover { background-color: #a78bfa !important; }
.dark .dark\:hover\:text-violet-400:hover,
html.dark .dark\:hover\:text-violet-400:hover { color: #a78bfa !important; }
.dark .dark\:hover\:border-violet-400:hover,
html.dark .dark\:hover\:border-violet-400:hover { border-color: #a78bfa !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-400,
html.dark .group:hover .dark\:group-hover\:text-violet-400 { color: #a78bfa !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-400,
html.dark .group:hover .dark\:group-hover\:bg-violet-400 { background-color: #a78bfa !important; }

.bg-violet-400\/10 { background-color: rgba(167, 139, 250, 0.1) !important; }
.text-violet-400\/10 { color: rgba(167, 139, 250, 0.1) !important; }
.border-violet-400\/10 { border-color: rgba(167, 139, 250, 0.1) !important; }

.hover\:bg-violet-400\/10:hover { background-color: rgba(167, 139, 250, 0.1) !important; }
.hover\:text-violet-400\/10:hover { color: rgba(167, 139, 250, 0.1) !important; }
.hover\:border-violet-400\/10:hover { border-color: rgba(167, 139, 250, 0.1) !important; }

.dark .dark\:bg-violet-400\/10,
html.dark .dark\:bg-violet-400\/10 { background-color: rgba(167, 139, 250, 0.1) !important; }
.dark .dark\:text-violet-400\/10,
html.dark .dark\:text-violet-400\/10 { color: rgba(167, 139, 250, 0.1) !important; }
.dark .dark\:border-violet-400\/10,
html.dark .dark\:border-violet-400\/10 { border-color: rgba(167, 139, 250, 0.1) !important; }

.dark .dark\:hover\:bg-violet-400\/10:hover,
html.dark .dark\:hover\:bg-violet-400\/10:hover { background-color: rgba(167, 139, 250, 0.1) !important; }
.dark .dark\:hover\:text-violet-400\/10:hover,
html.dark .dark\:hover\:text-violet-400\/10:hover { color: rgba(167, 139, 250, 0.1) !important; }
.dark .dark\:hover\:border-violet-400\/10:hover,
html.dark .dark\:hover\:border-violet-400\/10:hover { border-color: rgba(167, 139, 250, 0.1) !important; }

.bg-violet-400\/20 { background-color: rgba(167, 139, 250, 0.2) !important; }
.text-violet-400\/20 { color: rgba(167, 139, 250, 0.2) !important; }
.border-violet-400\/20 { border-color: rgba(167, 139, 250, 0.2) !important; }

.hover\:bg-violet-400\/20:hover { background-color: rgba(167, 139, 250, 0.2) !important; }
.hover\:text-violet-400\/20:hover { color: rgba(167, 139, 250, 0.2) !important; }
.hover\:border-violet-400\/20:hover { border-color: rgba(167, 139, 250, 0.2) !important; }

.dark .dark\:bg-violet-400\/20,
html.dark .dark\:bg-violet-400\/20 { background-color: rgba(167, 139, 250, 0.2) !important; }
.dark .dark\:text-violet-400\/20,
html.dark .dark\:text-violet-400\/20 { color: rgba(167, 139, 250, 0.2) !important; }
.dark .dark\:border-violet-400\/20,
html.dark .dark\:border-violet-400\/20 { border-color: rgba(167, 139, 250, 0.2) !important; }

.dark .dark\:hover\:bg-violet-400\/20:hover,
html.dark .dark\:hover\:bg-violet-400\/20:hover { background-color: rgba(167, 139, 250, 0.2) !important; }
.dark .dark\:hover\:text-violet-400\/20:hover,
html.dark .dark\:hover\:text-violet-400\/20:hover { color: rgba(167, 139, 250, 0.2) !important; }
.dark .dark\:hover\:border-violet-400\/20:hover,
html.dark .dark\:hover\:border-violet-400\/20:hover { border-color: rgba(167, 139, 250, 0.2) !important; }

.bg-violet-400\/25 { background-color: rgba(167, 139, 250, 0.25) !important; }
.text-violet-400\/25 { color: rgba(167, 139, 250, 0.25) !important; }
.border-violet-400\/25 { border-color: rgba(167, 139, 250, 0.25) !important; }

.hover\:bg-violet-400\/25:hover { background-color: rgba(167, 139, 250, 0.25) !important; }
.hover\:text-violet-400\/25:hover { color: rgba(167, 139, 250, 0.25) !important; }
.hover\:border-violet-400\/25:hover { border-color: rgba(167, 139, 250, 0.25) !important; }

.dark .dark\:bg-violet-400\/25,
html.dark .dark\:bg-violet-400\/25 { background-color: rgba(167, 139, 250, 0.25) !important; }
.dark .dark\:text-violet-400\/25,
html.dark .dark\:text-violet-400\/25 { color: rgba(167, 139, 250, 0.25) !important; }
.dark .dark\:border-violet-400\/25,
html.dark .dark\:border-violet-400\/25 { border-color: rgba(167, 139, 250, 0.25) !important; }

.dark .dark\:hover\:bg-violet-400\/25:hover,
html.dark .dark\:hover\:bg-violet-400\/25:hover { background-color: rgba(167, 139, 250, 0.25) !important; }
.dark .dark\:hover\:text-violet-400\/25:hover,
html.dark .dark\:hover\:text-violet-400\/25:hover { color: rgba(167, 139, 250, 0.25) !important; }
.dark .dark\:hover\:border-violet-400\/25:hover,
html.dark .dark\:hover\:border-violet-400\/25:hover { border-color: rgba(167, 139, 250, 0.25) !important; }

.bg-violet-400\/30 { background-color: rgba(167, 139, 250, 0.3) !important; }
.text-violet-400\/30 { color: rgba(167, 139, 250, 0.3) !important; }
.border-violet-400\/30 { border-color: rgba(167, 139, 250, 0.3) !important; }

.hover\:bg-violet-400\/30:hover { background-color: rgba(167, 139, 250, 0.3) !important; }
.hover\:text-violet-400\/30:hover { color: rgba(167, 139, 250, 0.3) !important; }
.hover\:border-violet-400\/30:hover { border-color: rgba(167, 139, 250, 0.3) !important; }

.dark .dark\:bg-violet-400\/30,
html.dark .dark\:bg-violet-400\/30 { background-color: rgba(167, 139, 250, 0.3) !important; }
.dark .dark\:text-violet-400\/30,
html.dark .dark\:text-violet-400\/30 { color: rgba(167, 139, 250, 0.3) !important; }
.dark .dark\:border-violet-400\/30,
html.dark .dark\:border-violet-400\/30 { border-color: rgba(167, 139, 250, 0.3) !important; }

.dark .dark\:hover\:bg-violet-400\/30:hover,
html.dark .dark\:hover\:bg-violet-400\/30:hover { background-color: rgba(167, 139, 250, 0.3) !important; }
.dark .dark\:hover\:text-violet-400\/30:hover,
html.dark .dark\:hover\:text-violet-400\/30:hover { color: rgba(167, 139, 250, 0.3) !important; }
.dark .dark\:hover\:border-violet-400\/30:hover,
html.dark .dark\:hover\:border-violet-400\/30:hover { border-color: rgba(167, 139, 250, 0.3) !important; }

.bg-violet-400\/40 { background-color: rgba(167, 139, 250, 0.4) !important; }
.text-violet-400\/40 { color: rgba(167, 139, 250, 0.4) !important; }
.border-violet-400\/40 { border-color: rgba(167, 139, 250, 0.4) !important; }

.hover\:bg-violet-400\/40:hover { background-color: rgba(167, 139, 250, 0.4) !important; }
.hover\:text-violet-400\/40:hover { color: rgba(167, 139, 250, 0.4) !important; }
.hover\:border-violet-400\/40:hover { border-color: rgba(167, 139, 250, 0.4) !important; }

.dark .dark\:bg-violet-400\/40,
html.dark .dark\:bg-violet-400\/40 { background-color: rgba(167, 139, 250, 0.4) !important; }
.dark .dark\:text-violet-400\/40,
html.dark .dark\:text-violet-400\/40 { color: rgba(167, 139, 250, 0.4) !important; }
.dark .dark\:border-violet-400\/40,
html.dark .dark\:border-violet-400\/40 { border-color: rgba(167, 139, 250, 0.4) !important; }

.dark .dark\:hover\:bg-violet-400\/40:hover,
html.dark .dark\:hover\:bg-violet-400\/40:hover { background-color: rgba(167, 139, 250, 0.4) !important; }
.dark .dark\:hover\:text-violet-400\/40:hover,
html.dark .dark\:hover\:text-violet-400\/40:hover { color: rgba(167, 139, 250, 0.4) !important; }
.dark .dark\:hover\:border-violet-400\/40:hover,
html.dark .dark\:hover\:border-violet-400\/40:hover { border-color: rgba(167, 139, 250, 0.4) !important; }

.bg-violet-400\/50 { background-color: rgba(167, 139, 250, 0.5) !important; }
.text-violet-400\/50 { color: rgba(167, 139, 250, 0.5) !important; }
.border-violet-400\/50 { border-color: rgba(167, 139, 250, 0.5) !important; }

.hover\:bg-violet-400\/50:hover { background-color: rgba(167, 139, 250, 0.5) !important; }
.hover\:text-violet-400\/50:hover { color: rgba(167, 139, 250, 0.5) !important; }
.hover\:border-violet-400\/50:hover { border-color: rgba(167, 139, 250, 0.5) !important; }

.dark .dark\:bg-violet-400\/50,
html.dark .dark\:bg-violet-400\/50 { background-color: rgba(167, 139, 250, 0.5) !important; }
.dark .dark\:text-violet-400\/50,
html.dark .dark\:text-violet-400\/50 { color: rgba(167, 139, 250, 0.5) !important; }
.dark .dark\:border-violet-400\/50,
html.dark .dark\:border-violet-400\/50 { border-color: rgba(167, 139, 250, 0.5) !important; }

.dark .dark\:hover\:bg-violet-400\/50:hover,
html.dark .dark\:hover\:bg-violet-400\/50:hover { background-color: rgba(167, 139, 250, 0.5) !important; }
.dark .dark\:hover\:text-violet-400\/50:hover,
html.dark .dark\:hover\:text-violet-400\/50:hover { color: rgba(167, 139, 250, 0.5) !important; }
.dark .dark\:hover\:border-violet-400\/50:hover,
html.dark .dark\:hover\:border-violet-400\/50:hover { border-color: rgba(167, 139, 250, 0.5) !important; }

.bg-violet-400\/60 { background-color: rgba(167, 139, 250, 0.6) !important; }
.text-violet-400\/60 { color: rgba(167, 139, 250, 0.6) !important; }
.border-violet-400\/60 { border-color: rgba(167, 139, 250, 0.6) !important; }

.hover\:bg-violet-400\/60:hover { background-color: rgba(167, 139, 250, 0.6) !important; }
.hover\:text-violet-400\/60:hover { color: rgba(167, 139, 250, 0.6) !important; }
.hover\:border-violet-400\/60:hover { border-color: rgba(167, 139, 250, 0.6) !important; }

.dark .dark\:bg-violet-400\/60,
html.dark .dark\:bg-violet-400\/60 { background-color: rgba(167, 139, 250, 0.6) !important; }
.dark .dark\:text-violet-400\/60,
html.dark .dark\:text-violet-400\/60 { color: rgba(167, 139, 250, 0.6) !important; }
.dark .dark\:border-violet-400\/60,
html.dark .dark\:border-violet-400\/60 { border-color: rgba(167, 139, 250, 0.6) !important; }

.dark .dark\:hover\:bg-violet-400\/60:hover,
html.dark .dark\:hover\:bg-violet-400\/60:hover { background-color: rgba(167, 139, 250, 0.6) !important; }
.dark .dark\:hover\:text-violet-400\/60:hover,
html.dark .dark\:hover\:text-violet-400\/60:hover { color: rgba(167, 139, 250, 0.6) !important; }
.dark .dark\:hover\:border-violet-400\/60:hover,
html.dark .dark\:hover\:border-violet-400\/60:hover { border-color: rgba(167, 139, 250, 0.6) !important; }

.bg-violet-400\/70 { background-color: rgba(167, 139, 250, 0.7) !important; }
.text-violet-400\/70 { color: rgba(167, 139, 250, 0.7) !important; }
.border-violet-400\/70 { border-color: rgba(167, 139, 250, 0.7) !important; }

.hover\:bg-violet-400\/70:hover { background-color: rgba(167, 139, 250, 0.7) !important; }
.hover\:text-violet-400\/70:hover { color: rgba(167, 139, 250, 0.7) !important; }
.hover\:border-violet-400\/70:hover { border-color: rgba(167, 139, 250, 0.7) !important; }

.dark .dark\:bg-violet-400\/70,
html.dark .dark\:bg-violet-400\/70 { background-color: rgba(167, 139, 250, 0.7) !important; }
.dark .dark\:text-violet-400\/70,
html.dark .dark\:text-violet-400\/70 { color: rgba(167, 139, 250, 0.7) !important; }
.dark .dark\:border-violet-400\/70,
html.dark .dark\:border-violet-400\/70 { border-color: rgba(167, 139, 250, 0.7) !important; }

.dark .dark\:hover\:bg-violet-400\/70:hover,
html.dark .dark\:hover\:bg-violet-400\/70:hover { background-color: rgba(167, 139, 250, 0.7) !important; }
.dark .dark\:hover\:text-violet-400\/70:hover,
html.dark .dark\:hover\:text-violet-400\/70:hover { color: rgba(167, 139, 250, 0.7) !important; }
.dark .dark\:hover\:border-violet-400\/70:hover,
html.dark .dark\:hover\:border-violet-400\/70:hover { border-color: rgba(167, 139, 250, 0.7) !important; }

.bg-violet-400\/75 { background-color: rgba(167, 139, 250, 0.75) !important; }
.text-violet-400\/75 { color: rgba(167, 139, 250, 0.75) !important; }
.border-violet-400\/75 { border-color: rgba(167, 139, 250, 0.75) !important; }

.hover\:bg-violet-400\/75:hover { background-color: rgba(167, 139, 250, 0.75) !important; }
.hover\:text-violet-400\/75:hover { color: rgba(167, 139, 250, 0.75) !important; }
.hover\:border-violet-400\/75:hover { border-color: rgba(167, 139, 250, 0.75) !important; }

.dark .dark\:bg-violet-400\/75,
html.dark .dark\:bg-violet-400\/75 { background-color: rgba(167, 139, 250, 0.75) !important; }
.dark .dark\:text-violet-400\/75,
html.dark .dark\:text-violet-400\/75 { color: rgba(167, 139, 250, 0.75) !important; }
.dark .dark\:border-violet-400\/75,
html.dark .dark\:border-violet-400\/75 { border-color: rgba(167, 139, 250, 0.75) !important; }

.dark .dark\:hover\:bg-violet-400\/75:hover,
html.dark .dark\:hover\:bg-violet-400\/75:hover { background-color: rgba(167, 139, 250, 0.75) !important; }
.dark .dark\:hover\:text-violet-400\/75:hover,
html.dark .dark\:hover\:text-violet-400\/75:hover { color: rgba(167, 139, 250, 0.75) !important; }
.dark .dark\:hover\:border-violet-400\/75:hover,
html.dark .dark\:hover\:border-violet-400\/75:hover { border-color: rgba(167, 139, 250, 0.75) !important; }

.bg-violet-400\/80 { background-color: rgba(167, 139, 250, 0.8) !important; }
.text-violet-400\/80 { color: rgba(167, 139, 250, 0.8) !important; }
.border-violet-400\/80 { border-color: rgba(167, 139, 250, 0.8) !important; }

.hover\:bg-violet-400\/80:hover { background-color: rgba(167, 139, 250, 0.8) !important; }
.hover\:text-violet-400\/80:hover { color: rgba(167, 139, 250, 0.8) !important; }
.hover\:border-violet-400\/80:hover { border-color: rgba(167, 139, 250, 0.8) !important; }

.dark .dark\:bg-violet-400\/80,
html.dark .dark\:bg-violet-400\/80 { background-color: rgba(167, 139, 250, 0.8) !important; }
.dark .dark\:text-violet-400\/80,
html.dark .dark\:text-violet-400\/80 { color: rgba(167, 139, 250, 0.8) !important; }
.dark .dark\:border-violet-400\/80,
html.dark .dark\:border-violet-400\/80 { border-color: rgba(167, 139, 250, 0.8) !important; }

.dark .dark\:hover\:bg-violet-400\/80:hover,
html.dark .dark\:hover\:bg-violet-400\/80:hover { background-color: rgba(167, 139, 250, 0.8) !important; }
.dark .dark\:hover\:text-violet-400\/80:hover,
html.dark .dark\:hover\:text-violet-400\/80:hover { color: rgba(167, 139, 250, 0.8) !important; }
.dark .dark\:hover\:border-violet-400\/80:hover,
html.dark .dark\:hover\:border-violet-400\/80:hover { border-color: rgba(167, 139, 250, 0.8) !important; }

.bg-violet-400\/90 { background-color: rgba(167, 139, 250, 0.9) !important; }
.text-violet-400\/90 { color: rgba(167, 139, 250, 0.9) !important; }
.border-violet-400\/90 { border-color: rgba(167, 139, 250, 0.9) !important; }

.hover\:bg-violet-400\/90:hover { background-color: rgba(167, 139, 250, 0.9) !important; }
.hover\:text-violet-400\/90:hover { color: rgba(167, 139, 250, 0.9) !important; }
.hover\:border-violet-400\/90:hover { border-color: rgba(167, 139, 250, 0.9) !important; }

.dark .dark\:bg-violet-400\/90,
html.dark .dark\:bg-violet-400\/90 { background-color: rgba(167, 139, 250, 0.9) !important; }
.dark .dark\:text-violet-400\/90,
html.dark .dark\:text-violet-400\/90 { color: rgba(167, 139, 250, 0.9) !important; }
.dark .dark\:border-violet-400\/90,
html.dark .dark\:border-violet-400\/90 { border-color: rgba(167, 139, 250, 0.9) !important; }

.dark .dark\:hover\:bg-violet-400\/90:hover,
html.dark .dark\:hover\:bg-violet-400\/90:hover { background-color: rgba(167, 139, 250, 0.9) !important; }
.dark .dark\:hover\:text-violet-400\/90:hover,
html.dark .dark\:hover\:text-violet-400\/90:hover { color: rgba(167, 139, 250, 0.9) !important; }
.dark .dark\:hover\:border-violet-400\/90:hover,
html.dark .dark\:hover\:border-violet-400\/90:hover { border-color: rgba(167, 139, 250, 0.9) !important; }

.bg-violet-400\/95 { background-color: rgba(167, 139, 250, 0.95) !important; }
.text-violet-400\/95 { color: rgba(167, 139, 250, 0.95) !important; }
.border-violet-400\/95 { border-color: rgba(167, 139, 250, 0.95) !important; }

.hover\:bg-violet-400\/95:hover { background-color: rgba(167, 139, 250, 0.95) !important; }
.hover\:text-violet-400\/95:hover { color: rgba(167, 139, 250, 0.95) !important; }
.hover\:border-violet-400\/95:hover { border-color: rgba(167, 139, 250, 0.95) !important; }

.dark .dark\:bg-violet-400\/95,
html.dark .dark\:bg-violet-400\/95 { background-color: rgba(167, 139, 250, 0.95) !important; }
.dark .dark\:text-violet-400\/95,
html.dark .dark\:text-violet-400\/95 { color: rgba(167, 139, 250, 0.95) !important; }
.dark .dark\:border-violet-400\/95,
html.dark .dark\:border-violet-400\/95 { border-color: rgba(167, 139, 250, 0.95) !important; }

.dark .dark\:hover\:bg-violet-400\/95:hover,
html.dark .dark\:hover\:bg-violet-400\/95:hover { background-color: rgba(167, 139, 250, 0.95) !important; }
.dark .dark\:hover\:text-violet-400\/95:hover,
html.dark .dark\:hover\:text-violet-400\/95:hover { color: rgba(167, 139, 250, 0.95) !important; }
.dark .dark\:hover\:border-violet-400\/95:hover,
html.dark .dark\:hover\:border-violet-400\/95:hover { border-color: rgba(167, 139, 250, 0.95) !important; }

.bg-violet-500 { background-color: #8b5cf6 !important; }
.text-violet-500 { color: #8b5cf6 !important; }
.border-violet-500 { border-color: #8b5cf6 !important; }
.fill-violet-500 { fill: #8b5cf6 !important; }
.stroke-violet-500 { stroke: #8b5cf6 !important; }

/* Hover states */
.hover\:bg-violet-500:hover { background-color: #8b5cf6 !important; }
.hover\:text-violet-500:hover { color: #8b5cf6 !important; }
.hover\:border-violet-500:hover { border-color: #8b5cf6 !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-500,
html.dark .dark\:bg-violet-500 { background-color: #8b5cf6 !important; }
.dark .dark\:text-violet-500,
html.dark .dark\:text-violet-500 { color: #8b5cf6 !important; }
.dark .dark\:border-violet-500,
html.dark .dark\:border-violet-500 { border-color: #8b5cf6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-500:hover,
html.dark .dark\:hover\:bg-violet-500:hover { background-color: #8b5cf6 !important; }
.dark .dark\:hover\:text-violet-500:hover,
html.dark .dark\:hover\:text-violet-500:hover { color: #8b5cf6 !important; }
.dark .dark\:hover\:border-violet-500:hover,
html.dark .dark\:hover\:border-violet-500:hover { border-color: #8b5cf6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-500,
html.dark .group:hover .dark\:group-hover\:text-violet-500 { color: #8b5cf6 !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-500,
html.dark .group:hover .dark\:group-hover\:bg-violet-500 { background-color: #8b5cf6 !important; }

.bg-violet-500\/10 { background-color: rgba(139, 92, 246, 0.1) !important; }
.text-violet-500\/10 { color: rgba(139, 92, 246, 0.1) !important; }
.border-violet-500\/10 { border-color: rgba(139, 92, 246, 0.1) !important; }

.hover\:bg-violet-500\/10:hover { background-color: rgba(139, 92, 246, 0.1) !important; }
.hover\:text-violet-500\/10:hover { color: rgba(139, 92, 246, 0.1) !important; }
.hover\:border-violet-500\/10:hover { border-color: rgba(139, 92, 246, 0.1) !important; }

.dark .dark\:bg-violet-500\/10,
html.dark .dark\:bg-violet-500\/10 { background-color: rgba(139, 92, 246, 0.1) !important; }
.dark .dark\:text-violet-500\/10,
html.dark .dark\:text-violet-500\/10 { color: rgba(139, 92, 246, 0.1) !important; }
.dark .dark\:border-violet-500\/10,
html.dark .dark\:border-violet-500\/10 { border-color: rgba(139, 92, 246, 0.1) !important; }

.dark .dark\:hover\:bg-violet-500\/10:hover,
html.dark .dark\:hover\:bg-violet-500\/10:hover { background-color: rgba(139, 92, 246, 0.1) !important; }
.dark .dark\:hover\:text-violet-500\/10:hover,
html.dark .dark\:hover\:text-violet-500\/10:hover { color: rgba(139, 92, 246, 0.1) !important; }
.dark .dark\:hover\:border-violet-500\/10:hover,
html.dark .dark\:hover\:border-violet-500\/10:hover { border-color: rgba(139, 92, 246, 0.1) !important; }

.bg-violet-500\/20 { background-color: rgba(139, 92, 246, 0.2) !important; }
.text-violet-500\/20 { color: rgba(139, 92, 246, 0.2) !important; }
.border-violet-500\/20 { border-color: rgba(139, 92, 246, 0.2) !important; }

.hover\:bg-violet-500\/20:hover { background-color: rgba(139, 92, 246, 0.2) !important; }
.hover\:text-violet-500\/20:hover { color: rgba(139, 92, 246, 0.2) !important; }
.hover\:border-violet-500\/20:hover { border-color: rgba(139, 92, 246, 0.2) !important; }

.dark .dark\:bg-violet-500\/20,
html.dark .dark\:bg-violet-500\/20 { background-color: rgba(139, 92, 246, 0.2) !important; }
.dark .dark\:text-violet-500\/20,
html.dark .dark\:text-violet-500\/20 { color: rgba(139, 92, 246, 0.2) !important; }
.dark .dark\:border-violet-500\/20,
html.dark .dark\:border-violet-500\/20 { border-color: rgba(139, 92, 246, 0.2) !important; }

.dark .dark\:hover\:bg-violet-500\/20:hover,
html.dark .dark\:hover\:bg-violet-500\/20:hover { background-color: rgba(139, 92, 246, 0.2) !important; }
.dark .dark\:hover\:text-violet-500\/20:hover,
html.dark .dark\:hover\:text-violet-500\/20:hover { color: rgba(139, 92, 246, 0.2) !important; }
.dark .dark\:hover\:border-violet-500\/20:hover,
html.dark .dark\:hover\:border-violet-500\/20:hover { border-color: rgba(139, 92, 246, 0.2) !important; }

.bg-violet-500\/25 { background-color: rgba(139, 92, 246, 0.25) !important; }
.text-violet-500\/25 { color: rgba(139, 92, 246, 0.25) !important; }
.border-violet-500\/25 { border-color: rgba(139, 92, 246, 0.25) !important; }

.hover\:bg-violet-500\/25:hover { background-color: rgba(139, 92, 246, 0.25) !important; }
.hover\:text-violet-500\/25:hover { color: rgba(139, 92, 246, 0.25) !important; }
.hover\:border-violet-500\/25:hover { border-color: rgba(139, 92, 246, 0.25) !important; }

.dark .dark\:bg-violet-500\/25,
html.dark .dark\:bg-violet-500\/25 { background-color: rgba(139, 92, 246, 0.25) !important; }
.dark .dark\:text-violet-500\/25,
html.dark .dark\:text-violet-500\/25 { color: rgba(139, 92, 246, 0.25) !important; }
.dark .dark\:border-violet-500\/25,
html.dark .dark\:border-violet-500\/25 { border-color: rgba(139, 92, 246, 0.25) !important; }

.dark .dark\:hover\:bg-violet-500\/25:hover,
html.dark .dark\:hover\:bg-violet-500\/25:hover { background-color: rgba(139, 92, 246, 0.25) !important; }
.dark .dark\:hover\:text-violet-500\/25:hover,
html.dark .dark\:hover\:text-violet-500\/25:hover { color: rgba(139, 92, 246, 0.25) !important; }
.dark .dark\:hover\:border-violet-500\/25:hover,
html.dark .dark\:hover\:border-violet-500\/25:hover { border-color: rgba(139, 92, 246, 0.25) !important; }

.bg-violet-500\/30 { background-color: rgba(139, 92, 246, 0.3) !important; }
.text-violet-500\/30 { color: rgba(139, 92, 246, 0.3) !important; }
.border-violet-500\/30 { border-color: rgba(139, 92, 246, 0.3) !important; }

.hover\:bg-violet-500\/30:hover { background-color: rgba(139, 92, 246, 0.3) !important; }
.hover\:text-violet-500\/30:hover { color: rgba(139, 92, 246, 0.3) !important; }
.hover\:border-violet-500\/30:hover { border-color: rgba(139, 92, 246, 0.3) !important; }

.dark .dark\:bg-violet-500\/30,
html.dark .dark\:bg-violet-500\/30 { background-color: rgba(139, 92, 246, 0.3) !important; }
.dark .dark\:text-violet-500\/30,
html.dark .dark\:text-violet-500\/30 { color: rgba(139, 92, 246, 0.3) !important; }
.dark .dark\:border-violet-500\/30,
html.dark .dark\:border-violet-500\/30 { border-color: rgba(139, 92, 246, 0.3) !important; }

.dark .dark\:hover\:bg-violet-500\/30:hover,
html.dark .dark\:hover\:bg-violet-500\/30:hover { background-color: rgba(139, 92, 246, 0.3) !important; }
.dark .dark\:hover\:text-violet-500\/30:hover,
html.dark .dark\:hover\:text-violet-500\/30:hover { color: rgba(139, 92, 246, 0.3) !important; }
.dark .dark\:hover\:border-violet-500\/30:hover,
html.dark .dark\:hover\:border-violet-500\/30:hover { border-color: rgba(139, 92, 246, 0.3) !important; }

.bg-violet-500\/40 { background-color: rgba(139, 92, 246, 0.4) !important; }
.text-violet-500\/40 { color: rgba(139, 92, 246, 0.4) !important; }
.border-violet-500\/40 { border-color: rgba(139, 92, 246, 0.4) !important; }

.hover\:bg-violet-500\/40:hover { background-color: rgba(139, 92, 246, 0.4) !important; }
.hover\:text-violet-500\/40:hover { color: rgba(139, 92, 246, 0.4) !important; }
.hover\:border-violet-500\/40:hover { border-color: rgba(139, 92, 246, 0.4) !important; }

.dark .dark\:bg-violet-500\/40,
html.dark .dark\:bg-violet-500\/40 { background-color: rgba(139, 92, 246, 0.4) !important; }
.dark .dark\:text-violet-500\/40,
html.dark .dark\:text-violet-500\/40 { color: rgba(139, 92, 246, 0.4) !important; }
.dark .dark\:border-violet-500\/40,
html.dark .dark\:border-violet-500\/40 { border-color: rgba(139, 92, 246, 0.4) !important; }

.dark .dark\:hover\:bg-violet-500\/40:hover,
html.dark .dark\:hover\:bg-violet-500\/40:hover { background-color: rgba(139, 92, 246, 0.4) !important; }
.dark .dark\:hover\:text-violet-500\/40:hover,
html.dark .dark\:hover\:text-violet-500\/40:hover { color: rgba(139, 92, 246, 0.4) !important; }
.dark .dark\:hover\:border-violet-500\/40:hover,
html.dark .dark\:hover\:border-violet-500\/40:hover { border-color: rgba(139, 92, 246, 0.4) !important; }

.bg-violet-500\/50 { background-color: rgba(139, 92, 246, 0.5) !important; }
.text-violet-500\/50 { color: rgba(139, 92, 246, 0.5) !important; }
.border-violet-500\/50 { border-color: rgba(139, 92, 246, 0.5) !important; }

.hover\:bg-violet-500\/50:hover { background-color: rgba(139, 92, 246, 0.5) !important; }
.hover\:text-violet-500\/50:hover { color: rgba(139, 92, 246, 0.5) !important; }
.hover\:border-violet-500\/50:hover { border-color: rgba(139, 92, 246, 0.5) !important; }

.dark .dark\:bg-violet-500\/50,
html.dark .dark\:bg-violet-500\/50 { background-color: rgba(139, 92, 246, 0.5) !important; }
.dark .dark\:text-violet-500\/50,
html.dark .dark\:text-violet-500\/50 { color: rgba(139, 92, 246, 0.5) !important; }
.dark .dark\:border-violet-500\/50,
html.dark .dark\:border-violet-500\/50 { border-color: rgba(139, 92, 246, 0.5) !important; }

.dark .dark\:hover\:bg-violet-500\/50:hover,
html.dark .dark\:hover\:bg-violet-500\/50:hover { background-color: rgba(139, 92, 246, 0.5) !important; }
.dark .dark\:hover\:text-violet-500\/50:hover,
html.dark .dark\:hover\:text-violet-500\/50:hover { color: rgba(139, 92, 246, 0.5) !important; }
.dark .dark\:hover\:border-violet-500\/50:hover,
html.dark .dark\:hover\:border-violet-500\/50:hover { border-color: rgba(139, 92, 246, 0.5) !important; }

.bg-violet-500\/60 { background-color: rgba(139, 92, 246, 0.6) !important; }
.text-violet-500\/60 { color: rgba(139, 92, 246, 0.6) !important; }
.border-violet-500\/60 { border-color: rgba(139, 92, 246, 0.6) !important; }

.hover\:bg-violet-500\/60:hover { background-color: rgba(139, 92, 246, 0.6) !important; }
.hover\:text-violet-500\/60:hover { color: rgba(139, 92, 246, 0.6) !important; }
.hover\:border-violet-500\/60:hover { border-color: rgba(139, 92, 246, 0.6) !important; }

.dark .dark\:bg-violet-500\/60,
html.dark .dark\:bg-violet-500\/60 { background-color: rgba(139, 92, 246, 0.6) !important; }
.dark .dark\:text-violet-500\/60,
html.dark .dark\:text-violet-500\/60 { color: rgba(139, 92, 246, 0.6) !important; }
.dark .dark\:border-violet-500\/60,
html.dark .dark\:border-violet-500\/60 { border-color: rgba(139, 92, 246, 0.6) !important; }

.dark .dark\:hover\:bg-violet-500\/60:hover,
html.dark .dark\:hover\:bg-violet-500\/60:hover { background-color: rgba(139, 92, 246, 0.6) !important; }
.dark .dark\:hover\:text-violet-500\/60:hover,
html.dark .dark\:hover\:text-violet-500\/60:hover { color: rgba(139, 92, 246, 0.6) !important; }
.dark .dark\:hover\:border-violet-500\/60:hover,
html.dark .dark\:hover\:border-violet-500\/60:hover { border-color: rgba(139, 92, 246, 0.6) !important; }

.bg-violet-500\/70 { background-color: rgba(139, 92, 246, 0.7) !important; }
.text-violet-500\/70 { color: rgba(139, 92, 246, 0.7) !important; }
.border-violet-500\/70 { border-color: rgba(139, 92, 246, 0.7) !important; }

.hover\:bg-violet-500\/70:hover { background-color: rgba(139, 92, 246, 0.7) !important; }
.hover\:text-violet-500\/70:hover { color: rgba(139, 92, 246, 0.7) !important; }
.hover\:border-violet-500\/70:hover { border-color: rgba(139, 92, 246, 0.7) !important; }

.dark .dark\:bg-violet-500\/70,
html.dark .dark\:bg-violet-500\/70 { background-color: rgba(139, 92, 246, 0.7) !important; }
.dark .dark\:text-violet-500\/70,
html.dark .dark\:text-violet-500\/70 { color: rgba(139, 92, 246, 0.7) !important; }
.dark .dark\:border-violet-500\/70,
html.dark .dark\:border-violet-500\/70 { border-color: rgba(139, 92, 246, 0.7) !important; }

.dark .dark\:hover\:bg-violet-500\/70:hover,
html.dark .dark\:hover\:bg-violet-500\/70:hover { background-color: rgba(139, 92, 246, 0.7) !important; }
.dark .dark\:hover\:text-violet-500\/70:hover,
html.dark .dark\:hover\:text-violet-500\/70:hover { color: rgba(139, 92, 246, 0.7) !important; }
.dark .dark\:hover\:border-violet-500\/70:hover,
html.dark .dark\:hover\:border-violet-500\/70:hover { border-color: rgba(139, 92, 246, 0.7) !important; }

.bg-violet-500\/75 { background-color: rgba(139, 92, 246, 0.75) !important; }
.text-violet-500\/75 { color: rgba(139, 92, 246, 0.75) !important; }
.border-violet-500\/75 { border-color: rgba(139, 92, 246, 0.75) !important; }

.hover\:bg-violet-500\/75:hover { background-color: rgba(139, 92, 246, 0.75) !important; }
.hover\:text-violet-500\/75:hover { color: rgba(139, 92, 246, 0.75) !important; }
.hover\:border-violet-500\/75:hover { border-color: rgba(139, 92, 246, 0.75) !important; }

.dark .dark\:bg-violet-500\/75,
html.dark .dark\:bg-violet-500\/75 { background-color: rgba(139, 92, 246, 0.75) !important; }
.dark .dark\:text-violet-500\/75,
html.dark .dark\:text-violet-500\/75 { color: rgba(139, 92, 246, 0.75) !important; }
.dark .dark\:border-violet-500\/75,
html.dark .dark\:border-violet-500\/75 { border-color: rgba(139, 92, 246, 0.75) !important; }

.dark .dark\:hover\:bg-violet-500\/75:hover,
html.dark .dark\:hover\:bg-violet-500\/75:hover { background-color: rgba(139, 92, 246, 0.75) !important; }
.dark .dark\:hover\:text-violet-500\/75:hover,
html.dark .dark\:hover\:text-violet-500\/75:hover { color: rgba(139, 92, 246, 0.75) !important; }
.dark .dark\:hover\:border-violet-500\/75:hover,
html.dark .dark\:hover\:border-violet-500\/75:hover { border-color: rgba(139, 92, 246, 0.75) !important; }

.bg-violet-500\/80 { background-color: rgba(139, 92, 246, 0.8) !important; }
.text-violet-500\/80 { color: rgba(139, 92, 246, 0.8) !important; }
.border-violet-500\/80 { border-color: rgba(139, 92, 246, 0.8) !important; }

.hover\:bg-violet-500\/80:hover { background-color: rgba(139, 92, 246, 0.8) !important; }
.hover\:text-violet-500\/80:hover { color: rgba(139, 92, 246, 0.8) !important; }
.hover\:border-violet-500\/80:hover { border-color: rgba(139, 92, 246, 0.8) !important; }

.dark .dark\:bg-violet-500\/80,
html.dark .dark\:bg-violet-500\/80 { background-color: rgba(139, 92, 246, 0.8) !important; }
.dark .dark\:text-violet-500\/80,
html.dark .dark\:text-violet-500\/80 { color: rgba(139, 92, 246, 0.8) !important; }
.dark .dark\:border-violet-500\/80,
html.dark .dark\:border-violet-500\/80 { border-color: rgba(139, 92, 246, 0.8) !important; }

.dark .dark\:hover\:bg-violet-500\/80:hover,
html.dark .dark\:hover\:bg-violet-500\/80:hover { background-color: rgba(139, 92, 246, 0.8) !important; }
.dark .dark\:hover\:text-violet-500\/80:hover,
html.dark .dark\:hover\:text-violet-500\/80:hover { color: rgba(139, 92, 246, 0.8) !important; }
.dark .dark\:hover\:border-violet-500\/80:hover,
html.dark .dark\:hover\:border-violet-500\/80:hover { border-color: rgba(139, 92, 246, 0.8) !important; }

.bg-violet-500\/90 { background-color: rgba(139, 92, 246, 0.9) !important; }
.text-violet-500\/90 { color: rgba(139, 92, 246, 0.9) !important; }
.border-violet-500\/90 { border-color: rgba(139, 92, 246, 0.9) !important; }

.hover\:bg-violet-500\/90:hover { background-color: rgba(139, 92, 246, 0.9) !important; }
.hover\:text-violet-500\/90:hover { color: rgba(139, 92, 246, 0.9) !important; }
.hover\:border-violet-500\/90:hover { border-color: rgba(139, 92, 246, 0.9) !important; }

.dark .dark\:bg-violet-500\/90,
html.dark .dark\:bg-violet-500\/90 { background-color: rgba(139, 92, 246, 0.9) !important; }
.dark .dark\:text-violet-500\/90,
html.dark .dark\:text-violet-500\/90 { color: rgba(139, 92, 246, 0.9) !important; }
.dark .dark\:border-violet-500\/90,
html.dark .dark\:border-violet-500\/90 { border-color: rgba(139, 92, 246, 0.9) !important; }

.dark .dark\:hover\:bg-violet-500\/90:hover,
html.dark .dark\:hover\:bg-violet-500\/90:hover { background-color: rgba(139, 92, 246, 0.9) !important; }
.dark .dark\:hover\:text-violet-500\/90:hover,
html.dark .dark\:hover\:text-violet-500\/90:hover { color: rgba(139, 92, 246, 0.9) !important; }
.dark .dark\:hover\:border-violet-500\/90:hover,
html.dark .dark\:hover\:border-violet-500\/90:hover { border-color: rgba(139, 92, 246, 0.9) !important; }

.bg-violet-500\/95 { background-color: rgba(139, 92, 246, 0.95) !important; }
.text-violet-500\/95 { color: rgba(139, 92, 246, 0.95) !important; }
.border-violet-500\/95 { border-color: rgba(139, 92, 246, 0.95) !important; }

.hover\:bg-violet-500\/95:hover { background-color: rgba(139, 92, 246, 0.95) !important; }
.hover\:text-violet-500\/95:hover { color: rgba(139, 92, 246, 0.95) !important; }
.hover\:border-violet-500\/95:hover { border-color: rgba(139, 92, 246, 0.95) !important; }

.dark .dark\:bg-violet-500\/95,
html.dark .dark\:bg-violet-500\/95 { background-color: rgba(139, 92, 246, 0.95) !important; }
.dark .dark\:text-violet-500\/95,
html.dark .dark\:text-violet-500\/95 { color: rgba(139, 92, 246, 0.95) !important; }
.dark .dark\:border-violet-500\/95,
html.dark .dark\:border-violet-500\/95 { border-color: rgba(139, 92, 246, 0.95) !important; }

.dark .dark\:hover\:bg-violet-500\/95:hover,
html.dark .dark\:hover\:bg-violet-500\/95:hover { background-color: rgba(139, 92, 246, 0.95) !important; }
.dark .dark\:hover\:text-violet-500\/95:hover,
html.dark .dark\:hover\:text-violet-500\/95:hover { color: rgba(139, 92, 246, 0.95) !important; }
.dark .dark\:hover\:border-violet-500\/95:hover,
html.dark .dark\:hover\:border-violet-500\/95:hover { border-color: rgba(139, 92, 246, 0.95) !important; }

.bg-violet-600 { background-color: #7c3aed !important; }
.text-violet-600 { color: #7c3aed !important; }
.border-violet-600 { border-color: #7c3aed !important; }
.fill-violet-600 { fill: #7c3aed !important; }
.stroke-violet-600 { stroke: #7c3aed !important; }

/* Hover states */
.hover\:bg-violet-600:hover { background-color: #7c3aed !important; }
.hover\:text-violet-600:hover { color: #7c3aed !important; }
.hover\:border-violet-600:hover { border-color: #7c3aed !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-600,
html.dark .dark\:bg-violet-600 { background-color: #7c3aed !important; }
.dark .dark\:text-violet-600,
html.dark .dark\:text-violet-600 { color: #7c3aed !important; }
.dark .dark\:border-violet-600,
html.dark .dark\:border-violet-600 { border-color: #7c3aed !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-600:hover,
html.dark .dark\:hover\:bg-violet-600:hover { background-color: #7c3aed !important; }
.dark .dark\:hover\:text-violet-600:hover,
html.dark .dark\:hover\:text-violet-600:hover { color: #7c3aed !important; }
.dark .dark\:hover\:border-violet-600:hover,
html.dark .dark\:hover\:border-violet-600:hover { border-color: #7c3aed !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-600,
html.dark .group:hover .dark\:group-hover\:text-violet-600 { color: #7c3aed !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-600,
html.dark .group:hover .dark\:group-hover\:bg-violet-600 { background-color: #7c3aed !important; }

.bg-violet-600\/10 { background-color: rgba(124, 58, 237, 0.1) !important; }
.text-violet-600\/10 { color: rgba(124, 58, 237, 0.1) !important; }
.border-violet-600\/10 { border-color: rgba(124, 58, 237, 0.1) !important; }

.hover\:bg-violet-600\/10:hover { background-color: rgba(124, 58, 237, 0.1) !important; }
.hover\:text-violet-600\/10:hover { color: rgba(124, 58, 237, 0.1) !important; }
.hover\:border-violet-600\/10:hover { border-color: rgba(124, 58, 237, 0.1) !important; }

.dark .dark\:bg-violet-600\/10,
html.dark .dark\:bg-violet-600\/10 { background-color: rgba(124, 58, 237, 0.1) !important; }
.dark .dark\:text-violet-600\/10,
html.dark .dark\:text-violet-600\/10 { color: rgba(124, 58, 237, 0.1) !important; }
.dark .dark\:border-violet-600\/10,
html.dark .dark\:border-violet-600\/10 { border-color: rgba(124, 58, 237, 0.1) !important; }

.dark .dark\:hover\:bg-violet-600\/10:hover,
html.dark .dark\:hover\:bg-violet-600\/10:hover { background-color: rgba(124, 58, 237, 0.1) !important; }
.dark .dark\:hover\:text-violet-600\/10:hover,
html.dark .dark\:hover\:text-violet-600\/10:hover { color: rgba(124, 58, 237, 0.1) !important; }
.dark .dark\:hover\:border-violet-600\/10:hover,
html.dark .dark\:hover\:border-violet-600\/10:hover { border-color: rgba(124, 58, 237, 0.1) !important; }

.bg-violet-600\/20 { background-color: rgba(124, 58, 237, 0.2) !important; }
.text-violet-600\/20 { color: rgba(124, 58, 237, 0.2) !important; }
.border-violet-600\/20 { border-color: rgba(124, 58, 237, 0.2) !important; }

.hover\:bg-violet-600\/20:hover { background-color: rgba(124, 58, 237, 0.2) !important; }
.hover\:text-violet-600\/20:hover { color: rgba(124, 58, 237, 0.2) !important; }
.hover\:border-violet-600\/20:hover { border-color: rgba(124, 58, 237, 0.2) !important; }

.dark .dark\:bg-violet-600\/20,
html.dark .dark\:bg-violet-600\/20 { background-color: rgba(124, 58, 237, 0.2) !important; }
.dark .dark\:text-violet-600\/20,
html.dark .dark\:text-violet-600\/20 { color: rgba(124, 58, 237, 0.2) !important; }
.dark .dark\:border-violet-600\/20,
html.dark .dark\:border-violet-600\/20 { border-color: rgba(124, 58, 237, 0.2) !important; }

.dark .dark\:hover\:bg-violet-600\/20:hover,
html.dark .dark\:hover\:bg-violet-600\/20:hover { background-color: rgba(124, 58, 237, 0.2) !important; }
.dark .dark\:hover\:text-violet-600\/20:hover,
html.dark .dark\:hover\:text-violet-600\/20:hover { color: rgba(124, 58, 237, 0.2) !important; }
.dark .dark\:hover\:border-violet-600\/20:hover,
html.dark .dark\:hover\:border-violet-600\/20:hover { border-color: rgba(124, 58, 237, 0.2) !important; }

.bg-violet-600\/25 { background-color: rgba(124, 58, 237, 0.25) !important; }
.text-violet-600\/25 { color: rgba(124, 58, 237, 0.25) !important; }
.border-violet-600\/25 { border-color: rgba(124, 58, 237, 0.25) !important; }

.hover\:bg-violet-600\/25:hover { background-color: rgba(124, 58, 237, 0.25) !important; }
.hover\:text-violet-600\/25:hover { color: rgba(124, 58, 237, 0.25) !important; }
.hover\:border-violet-600\/25:hover { border-color: rgba(124, 58, 237, 0.25) !important; }

.dark .dark\:bg-violet-600\/25,
html.dark .dark\:bg-violet-600\/25 { background-color: rgba(124, 58, 237, 0.25) !important; }
.dark .dark\:text-violet-600\/25,
html.dark .dark\:text-violet-600\/25 { color: rgba(124, 58, 237, 0.25) !important; }
.dark .dark\:border-violet-600\/25,
html.dark .dark\:border-violet-600\/25 { border-color: rgba(124, 58, 237, 0.25) !important; }

.dark .dark\:hover\:bg-violet-600\/25:hover,
html.dark .dark\:hover\:bg-violet-600\/25:hover { background-color: rgba(124, 58, 237, 0.25) !important; }
.dark .dark\:hover\:text-violet-600\/25:hover,
html.dark .dark\:hover\:text-violet-600\/25:hover { color: rgba(124, 58, 237, 0.25) !important; }
.dark .dark\:hover\:border-violet-600\/25:hover,
html.dark .dark\:hover\:border-violet-600\/25:hover { border-color: rgba(124, 58, 237, 0.25) !important; }

.bg-violet-600\/30 { background-color: rgba(124, 58, 237, 0.3) !important; }
.text-violet-600\/30 { color: rgba(124, 58, 237, 0.3) !important; }
.border-violet-600\/30 { border-color: rgba(124, 58, 237, 0.3) !important; }

.hover\:bg-violet-600\/30:hover { background-color: rgba(124, 58, 237, 0.3) !important; }
.hover\:text-violet-600\/30:hover { color: rgba(124, 58, 237, 0.3) !important; }
.hover\:border-violet-600\/30:hover { border-color: rgba(124, 58, 237, 0.3) !important; }

.dark .dark\:bg-violet-600\/30,
html.dark .dark\:bg-violet-600\/30 { background-color: rgba(124, 58, 237, 0.3) !important; }
.dark .dark\:text-violet-600\/30,
html.dark .dark\:text-violet-600\/30 { color: rgba(124, 58, 237, 0.3) !important; }
.dark .dark\:border-violet-600\/30,
html.dark .dark\:border-violet-600\/30 { border-color: rgba(124, 58, 237, 0.3) !important; }

.dark .dark\:hover\:bg-violet-600\/30:hover,
html.dark .dark\:hover\:bg-violet-600\/30:hover { background-color: rgba(124, 58, 237, 0.3) !important; }
.dark .dark\:hover\:text-violet-600\/30:hover,
html.dark .dark\:hover\:text-violet-600\/30:hover { color: rgba(124, 58, 237, 0.3) !important; }
.dark .dark\:hover\:border-violet-600\/30:hover,
html.dark .dark\:hover\:border-violet-600\/30:hover { border-color: rgba(124, 58, 237, 0.3) !important; }

.bg-violet-600\/40 { background-color: rgba(124, 58, 237, 0.4) !important; }
.text-violet-600\/40 { color: rgba(124, 58, 237, 0.4) !important; }
.border-violet-600\/40 { border-color: rgba(124, 58, 237, 0.4) !important; }

.hover\:bg-violet-600\/40:hover { background-color: rgba(124, 58, 237, 0.4) !important; }
.hover\:text-violet-600\/40:hover { color: rgba(124, 58, 237, 0.4) !important; }
.hover\:border-violet-600\/40:hover { border-color: rgba(124, 58, 237, 0.4) !important; }

.dark .dark\:bg-violet-600\/40,
html.dark .dark\:bg-violet-600\/40 { background-color: rgba(124, 58, 237, 0.4) !important; }
.dark .dark\:text-violet-600\/40,
html.dark .dark\:text-violet-600\/40 { color: rgba(124, 58, 237, 0.4) !important; }
.dark .dark\:border-violet-600\/40,
html.dark .dark\:border-violet-600\/40 { border-color: rgba(124, 58, 237, 0.4) !important; }

.dark .dark\:hover\:bg-violet-600\/40:hover,
html.dark .dark\:hover\:bg-violet-600\/40:hover { background-color: rgba(124, 58, 237, 0.4) !important; }
.dark .dark\:hover\:text-violet-600\/40:hover,
html.dark .dark\:hover\:text-violet-600\/40:hover { color: rgba(124, 58, 237, 0.4) !important; }
.dark .dark\:hover\:border-violet-600\/40:hover,
html.dark .dark\:hover\:border-violet-600\/40:hover { border-color: rgba(124, 58, 237, 0.4) !important; }

.bg-violet-600\/50 { background-color: rgba(124, 58, 237, 0.5) !important; }
.text-violet-600\/50 { color: rgba(124, 58, 237, 0.5) !important; }
.border-violet-600\/50 { border-color: rgba(124, 58, 237, 0.5) !important; }

.hover\:bg-violet-600\/50:hover { background-color: rgba(124, 58, 237, 0.5) !important; }
.hover\:text-violet-600\/50:hover { color: rgba(124, 58, 237, 0.5) !important; }
.hover\:border-violet-600\/50:hover { border-color: rgba(124, 58, 237, 0.5) !important; }

.dark .dark\:bg-violet-600\/50,
html.dark .dark\:bg-violet-600\/50 { background-color: rgba(124, 58, 237, 0.5) !important; }
.dark .dark\:text-violet-600\/50,
html.dark .dark\:text-violet-600\/50 { color: rgba(124, 58, 237, 0.5) !important; }
.dark .dark\:border-violet-600\/50,
html.dark .dark\:border-violet-600\/50 { border-color: rgba(124, 58, 237, 0.5) !important; }

.dark .dark\:hover\:bg-violet-600\/50:hover,
html.dark .dark\:hover\:bg-violet-600\/50:hover { background-color: rgba(124, 58, 237, 0.5) !important; }
.dark .dark\:hover\:text-violet-600\/50:hover,
html.dark .dark\:hover\:text-violet-600\/50:hover { color: rgba(124, 58, 237, 0.5) !important; }
.dark .dark\:hover\:border-violet-600\/50:hover,
html.dark .dark\:hover\:border-violet-600\/50:hover { border-color: rgba(124, 58, 237, 0.5) !important; }

.bg-violet-600\/60 { background-color: rgba(124, 58, 237, 0.6) !important; }
.text-violet-600\/60 { color: rgba(124, 58, 237, 0.6) !important; }
.border-violet-600\/60 { border-color: rgba(124, 58, 237, 0.6) !important; }

.hover\:bg-violet-600\/60:hover { background-color: rgba(124, 58, 237, 0.6) !important; }
.hover\:text-violet-600\/60:hover { color: rgba(124, 58, 237, 0.6) !important; }
.hover\:border-violet-600\/60:hover { border-color: rgba(124, 58, 237, 0.6) !important; }

.dark .dark\:bg-violet-600\/60,
html.dark .dark\:bg-violet-600\/60 { background-color: rgba(124, 58, 237, 0.6) !important; }
.dark .dark\:text-violet-600\/60,
html.dark .dark\:text-violet-600\/60 { color: rgba(124, 58, 237, 0.6) !important; }
.dark .dark\:border-violet-600\/60,
html.dark .dark\:border-violet-600\/60 { border-color: rgba(124, 58, 237, 0.6) !important; }

.dark .dark\:hover\:bg-violet-600\/60:hover,
html.dark .dark\:hover\:bg-violet-600\/60:hover { background-color: rgba(124, 58, 237, 0.6) !important; }
.dark .dark\:hover\:text-violet-600\/60:hover,
html.dark .dark\:hover\:text-violet-600\/60:hover { color: rgba(124, 58, 237, 0.6) !important; }
.dark .dark\:hover\:border-violet-600\/60:hover,
html.dark .dark\:hover\:border-violet-600\/60:hover { border-color: rgba(124, 58, 237, 0.6) !important; }

.bg-violet-600\/70 { background-color: rgba(124, 58, 237, 0.7) !important; }
.text-violet-600\/70 { color: rgba(124, 58, 237, 0.7) !important; }
.border-violet-600\/70 { border-color: rgba(124, 58, 237, 0.7) !important; }

.hover\:bg-violet-600\/70:hover { background-color: rgba(124, 58, 237, 0.7) !important; }
.hover\:text-violet-600\/70:hover { color: rgba(124, 58, 237, 0.7) !important; }
.hover\:border-violet-600\/70:hover { border-color: rgba(124, 58, 237, 0.7) !important; }

.dark .dark\:bg-violet-600\/70,
html.dark .dark\:bg-violet-600\/70 { background-color: rgba(124, 58, 237, 0.7) !important; }
.dark .dark\:text-violet-600\/70,
html.dark .dark\:text-violet-600\/70 { color: rgba(124, 58, 237, 0.7) !important; }
.dark .dark\:border-violet-600\/70,
html.dark .dark\:border-violet-600\/70 { border-color: rgba(124, 58, 237, 0.7) !important; }

.dark .dark\:hover\:bg-violet-600\/70:hover,
html.dark .dark\:hover\:bg-violet-600\/70:hover { background-color: rgba(124, 58, 237, 0.7) !important; }
.dark .dark\:hover\:text-violet-600\/70:hover,
html.dark .dark\:hover\:text-violet-600\/70:hover { color: rgba(124, 58, 237, 0.7) !important; }
.dark .dark\:hover\:border-violet-600\/70:hover,
html.dark .dark\:hover\:border-violet-600\/70:hover { border-color: rgba(124, 58, 237, 0.7) !important; }

.bg-violet-600\/75 { background-color: rgba(124, 58, 237, 0.75) !important; }
.text-violet-600\/75 { color: rgba(124, 58, 237, 0.75) !important; }
.border-violet-600\/75 { border-color: rgba(124, 58, 237, 0.75) !important; }

.hover\:bg-violet-600\/75:hover { background-color: rgba(124, 58, 237, 0.75) !important; }
.hover\:text-violet-600\/75:hover { color: rgba(124, 58, 237, 0.75) !important; }
.hover\:border-violet-600\/75:hover { border-color: rgba(124, 58, 237, 0.75) !important; }

.dark .dark\:bg-violet-600\/75,
html.dark .dark\:bg-violet-600\/75 { background-color: rgba(124, 58, 237, 0.75) !important; }
.dark .dark\:text-violet-600\/75,
html.dark .dark\:text-violet-600\/75 { color: rgba(124, 58, 237, 0.75) !important; }
.dark .dark\:border-violet-600\/75,
html.dark .dark\:border-violet-600\/75 { border-color: rgba(124, 58, 237, 0.75) !important; }

.dark .dark\:hover\:bg-violet-600\/75:hover,
html.dark .dark\:hover\:bg-violet-600\/75:hover { background-color: rgba(124, 58, 237, 0.75) !important; }
.dark .dark\:hover\:text-violet-600\/75:hover,
html.dark .dark\:hover\:text-violet-600\/75:hover { color: rgba(124, 58, 237, 0.75) !important; }
.dark .dark\:hover\:border-violet-600\/75:hover,
html.dark .dark\:hover\:border-violet-600\/75:hover { border-color: rgba(124, 58, 237, 0.75) !important; }

.bg-violet-600\/80 { background-color: rgba(124, 58, 237, 0.8) !important; }
.text-violet-600\/80 { color: rgba(124, 58, 237, 0.8) !important; }
.border-violet-600\/80 { border-color: rgba(124, 58, 237, 0.8) !important; }

.hover\:bg-violet-600\/80:hover { background-color: rgba(124, 58, 237, 0.8) !important; }
.hover\:text-violet-600\/80:hover { color: rgba(124, 58, 237, 0.8) !important; }
.hover\:border-violet-600\/80:hover { border-color: rgba(124, 58, 237, 0.8) !important; }

.dark .dark\:bg-violet-600\/80,
html.dark .dark\:bg-violet-600\/80 { background-color: rgba(124, 58, 237, 0.8) !important; }
.dark .dark\:text-violet-600\/80,
html.dark .dark\:text-violet-600\/80 { color: rgba(124, 58, 237, 0.8) !important; }
.dark .dark\:border-violet-600\/80,
html.dark .dark\:border-violet-600\/80 { border-color: rgba(124, 58, 237, 0.8) !important; }

.dark .dark\:hover\:bg-violet-600\/80:hover,
html.dark .dark\:hover\:bg-violet-600\/80:hover { background-color: rgba(124, 58, 237, 0.8) !important; }
.dark .dark\:hover\:text-violet-600\/80:hover,
html.dark .dark\:hover\:text-violet-600\/80:hover { color: rgba(124, 58, 237, 0.8) !important; }
.dark .dark\:hover\:border-violet-600\/80:hover,
html.dark .dark\:hover\:border-violet-600\/80:hover { border-color: rgba(124, 58, 237, 0.8) !important; }

.bg-violet-600\/90 { background-color: rgba(124, 58, 237, 0.9) !important; }
.text-violet-600\/90 { color: rgba(124, 58, 237, 0.9) !important; }
.border-violet-600\/90 { border-color: rgba(124, 58, 237, 0.9) !important; }

.hover\:bg-violet-600\/90:hover { background-color: rgba(124, 58, 237, 0.9) !important; }
.hover\:text-violet-600\/90:hover { color: rgba(124, 58, 237, 0.9) !important; }
.hover\:border-violet-600\/90:hover { border-color: rgba(124, 58, 237, 0.9) !important; }

.dark .dark\:bg-violet-600\/90,
html.dark .dark\:bg-violet-600\/90 { background-color: rgba(124, 58, 237, 0.9) !important; }
.dark .dark\:text-violet-600\/90,
html.dark .dark\:text-violet-600\/90 { color: rgba(124, 58, 237, 0.9) !important; }
.dark .dark\:border-violet-600\/90,
html.dark .dark\:border-violet-600\/90 { border-color: rgba(124, 58, 237, 0.9) !important; }

.dark .dark\:hover\:bg-violet-600\/90:hover,
html.dark .dark\:hover\:bg-violet-600\/90:hover { background-color: rgba(124, 58, 237, 0.9) !important; }
.dark .dark\:hover\:text-violet-600\/90:hover,
html.dark .dark\:hover\:text-violet-600\/90:hover { color: rgba(124, 58, 237, 0.9) !important; }
.dark .dark\:hover\:border-violet-600\/90:hover,
html.dark .dark\:hover\:border-violet-600\/90:hover { border-color: rgba(124, 58, 237, 0.9) !important; }

.bg-violet-600\/95 { background-color: rgba(124, 58, 237, 0.95) !important; }
.text-violet-600\/95 { color: rgba(124, 58, 237, 0.95) !important; }
.border-violet-600\/95 { border-color: rgba(124, 58, 237, 0.95) !important; }

.hover\:bg-violet-600\/95:hover { background-color: rgba(124, 58, 237, 0.95) !important; }
.hover\:text-violet-600\/95:hover { color: rgba(124, 58, 237, 0.95) !important; }
.hover\:border-violet-600\/95:hover { border-color: rgba(124, 58, 237, 0.95) !important; }

.dark .dark\:bg-violet-600\/95,
html.dark .dark\:bg-violet-600\/95 { background-color: rgba(124, 58, 237, 0.95) !important; }
.dark .dark\:text-violet-600\/95,
html.dark .dark\:text-violet-600\/95 { color: rgba(124, 58, 237, 0.95) !important; }
.dark .dark\:border-violet-600\/95,
html.dark .dark\:border-violet-600\/95 { border-color: rgba(124, 58, 237, 0.95) !important; }

.dark .dark\:hover\:bg-violet-600\/95:hover,
html.dark .dark\:hover\:bg-violet-600\/95:hover { background-color: rgba(124, 58, 237, 0.95) !important; }
.dark .dark\:hover\:text-violet-600\/95:hover,
html.dark .dark\:hover\:text-violet-600\/95:hover { color: rgba(124, 58, 237, 0.95) !important; }
.dark .dark\:hover\:border-violet-600\/95:hover,
html.dark .dark\:hover\:border-violet-600\/95:hover { border-color: rgba(124, 58, 237, 0.95) !important; }

.bg-violet-700 { background-color: #6d28d9 !important; }
.text-violet-700 { color: #6d28d9 !important; }
.border-violet-700 { border-color: #6d28d9 !important; }
.fill-violet-700 { fill: #6d28d9 !important; }
.stroke-violet-700 { stroke: #6d28d9 !important; }

/* Hover states */
.hover\:bg-violet-700:hover { background-color: #6d28d9 !important; }
.hover\:text-violet-700:hover { color: #6d28d9 !important; }
.hover\:border-violet-700:hover { border-color: #6d28d9 !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-700,
html.dark .dark\:bg-violet-700 { background-color: #6d28d9 !important; }
.dark .dark\:text-violet-700,
html.dark .dark\:text-violet-700 { color: #6d28d9 !important; }
.dark .dark\:border-violet-700,
html.dark .dark\:border-violet-700 { border-color: #6d28d9 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-700:hover,
html.dark .dark\:hover\:bg-violet-700:hover { background-color: #6d28d9 !important; }
.dark .dark\:hover\:text-violet-700:hover,
html.dark .dark\:hover\:text-violet-700:hover { color: #6d28d9 !important; }
.dark .dark\:hover\:border-violet-700:hover,
html.dark .dark\:hover\:border-violet-700:hover { border-color: #6d28d9 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-700,
html.dark .group:hover .dark\:group-hover\:text-violet-700 { color: #6d28d9 !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-700,
html.dark .group:hover .dark\:group-hover\:bg-violet-700 { background-color: #6d28d9 !important; }

.bg-violet-700\/10 { background-color: rgba(109, 40, 217, 0.1) !important; }
.text-violet-700\/10 { color: rgba(109, 40, 217, 0.1) !important; }
.border-violet-700\/10 { border-color: rgba(109, 40, 217, 0.1) !important; }

.hover\:bg-violet-700\/10:hover { background-color: rgba(109, 40, 217, 0.1) !important; }
.hover\:text-violet-700\/10:hover { color: rgba(109, 40, 217, 0.1) !important; }
.hover\:border-violet-700\/10:hover { border-color: rgba(109, 40, 217, 0.1) !important; }

.dark .dark\:bg-violet-700\/10,
html.dark .dark\:bg-violet-700\/10 { background-color: rgba(109, 40, 217, 0.1) !important; }
.dark .dark\:text-violet-700\/10,
html.dark .dark\:text-violet-700\/10 { color: rgba(109, 40, 217, 0.1) !important; }
.dark .dark\:border-violet-700\/10,
html.dark .dark\:border-violet-700\/10 { border-color: rgba(109, 40, 217, 0.1) !important; }

.dark .dark\:hover\:bg-violet-700\/10:hover,
html.dark .dark\:hover\:bg-violet-700\/10:hover { background-color: rgba(109, 40, 217, 0.1) !important; }
.dark .dark\:hover\:text-violet-700\/10:hover,
html.dark .dark\:hover\:text-violet-700\/10:hover { color: rgba(109, 40, 217, 0.1) !important; }
.dark .dark\:hover\:border-violet-700\/10:hover,
html.dark .dark\:hover\:border-violet-700\/10:hover { border-color: rgba(109, 40, 217, 0.1) !important; }

.bg-violet-700\/20 { background-color: rgba(109, 40, 217, 0.2) !important; }
.text-violet-700\/20 { color: rgba(109, 40, 217, 0.2) !important; }
.border-violet-700\/20 { border-color: rgba(109, 40, 217, 0.2) !important; }

.hover\:bg-violet-700\/20:hover { background-color: rgba(109, 40, 217, 0.2) !important; }
.hover\:text-violet-700\/20:hover { color: rgba(109, 40, 217, 0.2) !important; }
.hover\:border-violet-700\/20:hover { border-color: rgba(109, 40, 217, 0.2) !important; }

.dark .dark\:bg-violet-700\/20,
html.dark .dark\:bg-violet-700\/20 { background-color: rgba(109, 40, 217, 0.2) !important; }
.dark .dark\:text-violet-700\/20,
html.dark .dark\:text-violet-700\/20 { color: rgba(109, 40, 217, 0.2) !important; }
.dark .dark\:border-violet-700\/20,
html.dark .dark\:border-violet-700\/20 { border-color: rgba(109, 40, 217, 0.2) !important; }

.dark .dark\:hover\:bg-violet-700\/20:hover,
html.dark .dark\:hover\:bg-violet-700\/20:hover { background-color: rgba(109, 40, 217, 0.2) !important; }
.dark .dark\:hover\:text-violet-700\/20:hover,
html.dark .dark\:hover\:text-violet-700\/20:hover { color: rgba(109, 40, 217, 0.2) !important; }
.dark .dark\:hover\:border-violet-700\/20:hover,
html.dark .dark\:hover\:border-violet-700\/20:hover { border-color: rgba(109, 40, 217, 0.2) !important; }

.bg-violet-700\/25 { background-color: rgba(109, 40, 217, 0.25) !important; }
.text-violet-700\/25 { color: rgba(109, 40, 217, 0.25) !important; }
.border-violet-700\/25 { border-color: rgba(109, 40, 217, 0.25) !important; }

.hover\:bg-violet-700\/25:hover { background-color: rgba(109, 40, 217, 0.25) !important; }
.hover\:text-violet-700\/25:hover { color: rgba(109, 40, 217, 0.25) !important; }
.hover\:border-violet-700\/25:hover { border-color: rgba(109, 40, 217, 0.25) !important; }

.dark .dark\:bg-violet-700\/25,
html.dark .dark\:bg-violet-700\/25 { background-color: rgba(109, 40, 217, 0.25) !important; }
.dark .dark\:text-violet-700\/25,
html.dark .dark\:text-violet-700\/25 { color: rgba(109, 40, 217, 0.25) !important; }
.dark .dark\:border-violet-700\/25,
html.dark .dark\:border-violet-700\/25 { border-color: rgba(109, 40, 217, 0.25) !important; }

.dark .dark\:hover\:bg-violet-700\/25:hover,
html.dark .dark\:hover\:bg-violet-700\/25:hover { background-color: rgba(109, 40, 217, 0.25) !important; }
.dark .dark\:hover\:text-violet-700\/25:hover,
html.dark .dark\:hover\:text-violet-700\/25:hover { color: rgba(109, 40, 217, 0.25) !important; }
.dark .dark\:hover\:border-violet-700\/25:hover,
html.dark .dark\:hover\:border-violet-700\/25:hover { border-color: rgba(109, 40, 217, 0.25) !important; }

.bg-violet-700\/30 { background-color: rgba(109, 40, 217, 0.3) !important; }
.text-violet-700\/30 { color: rgba(109, 40, 217, 0.3) !important; }
.border-violet-700\/30 { border-color: rgba(109, 40, 217, 0.3) !important; }

.hover\:bg-violet-700\/30:hover { background-color: rgba(109, 40, 217, 0.3) !important; }
.hover\:text-violet-700\/30:hover { color: rgba(109, 40, 217, 0.3) !important; }
.hover\:border-violet-700\/30:hover { border-color: rgba(109, 40, 217, 0.3) !important; }

.dark .dark\:bg-violet-700\/30,
html.dark .dark\:bg-violet-700\/30 { background-color: rgba(109, 40, 217, 0.3) !important; }
.dark .dark\:text-violet-700\/30,
html.dark .dark\:text-violet-700\/30 { color: rgba(109, 40, 217, 0.3) !important; }
.dark .dark\:border-violet-700\/30,
html.dark .dark\:border-violet-700\/30 { border-color: rgba(109, 40, 217, 0.3) !important; }

.dark .dark\:hover\:bg-violet-700\/30:hover,
html.dark .dark\:hover\:bg-violet-700\/30:hover { background-color: rgba(109, 40, 217, 0.3) !important; }
.dark .dark\:hover\:text-violet-700\/30:hover,
html.dark .dark\:hover\:text-violet-700\/30:hover { color: rgba(109, 40, 217, 0.3) !important; }
.dark .dark\:hover\:border-violet-700\/30:hover,
html.dark .dark\:hover\:border-violet-700\/30:hover { border-color: rgba(109, 40, 217, 0.3) !important; }

.bg-violet-700\/40 { background-color: rgba(109, 40, 217, 0.4) !important; }
.text-violet-700\/40 { color: rgba(109, 40, 217, 0.4) !important; }
.border-violet-700\/40 { border-color: rgba(109, 40, 217, 0.4) !important; }

.hover\:bg-violet-700\/40:hover { background-color: rgba(109, 40, 217, 0.4) !important; }
.hover\:text-violet-700\/40:hover { color: rgba(109, 40, 217, 0.4) !important; }
.hover\:border-violet-700\/40:hover { border-color: rgba(109, 40, 217, 0.4) !important; }

.dark .dark\:bg-violet-700\/40,
html.dark .dark\:bg-violet-700\/40 { background-color: rgba(109, 40, 217, 0.4) !important; }
.dark .dark\:text-violet-700\/40,
html.dark .dark\:text-violet-700\/40 { color: rgba(109, 40, 217, 0.4) !important; }
.dark .dark\:border-violet-700\/40,
html.dark .dark\:border-violet-700\/40 { border-color: rgba(109, 40, 217, 0.4) !important; }

.dark .dark\:hover\:bg-violet-700\/40:hover,
html.dark .dark\:hover\:bg-violet-700\/40:hover { background-color: rgba(109, 40, 217, 0.4) !important; }
.dark .dark\:hover\:text-violet-700\/40:hover,
html.dark .dark\:hover\:text-violet-700\/40:hover { color: rgba(109, 40, 217, 0.4) !important; }
.dark .dark\:hover\:border-violet-700\/40:hover,
html.dark .dark\:hover\:border-violet-700\/40:hover { border-color: rgba(109, 40, 217, 0.4) !important; }

.bg-violet-700\/50 { background-color: rgba(109, 40, 217, 0.5) !important; }
.text-violet-700\/50 { color: rgba(109, 40, 217, 0.5) !important; }
.border-violet-700\/50 { border-color: rgba(109, 40, 217, 0.5) !important; }

.hover\:bg-violet-700\/50:hover { background-color: rgba(109, 40, 217, 0.5) !important; }
.hover\:text-violet-700\/50:hover { color: rgba(109, 40, 217, 0.5) !important; }
.hover\:border-violet-700\/50:hover { border-color: rgba(109, 40, 217, 0.5) !important; }

.dark .dark\:bg-violet-700\/50,
html.dark .dark\:bg-violet-700\/50 { background-color: rgba(109, 40, 217, 0.5) !important; }
.dark .dark\:text-violet-700\/50,
html.dark .dark\:text-violet-700\/50 { color: rgba(109, 40, 217, 0.5) !important; }
.dark .dark\:border-violet-700\/50,
html.dark .dark\:border-violet-700\/50 { border-color: rgba(109, 40, 217, 0.5) !important; }

.dark .dark\:hover\:bg-violet-700\/50:hover,
html.dark .dark\:hover\:bg-violet-700\/50:hover { background-color: rgba(109, 40, 217, 0.5) !important; }
.dark .dark\:hover\:text-violet-700\/50:hover,
html.dark .dark\:hover\:text-violet-700\/50:hover { color: rgba(109, 40, 217, 0.5) !important; }
.dark .dark\:hover\:border-violet-700\/50:hover,
html.dark .dark\:hover\:border-violet-700\/50:hover { border-color: rgba(109, 40, 217, 0.5) !important; }

.bg-violet-700\/60 { background-color: rgba(109, 40, 217, 0.6) !important; }
.text-violet-700\/60 { color: rgba(109, 40, 217, 0.6) !important; }
.border-violet-700\/60 { border-color: rgba(109, 40, 217, 0.6) !important; }

.hover\:bg-violet-700\/60:hover { background-color: rgba(109, 40, 217, 0.6) !important; }
.hover\:text-violet-700\/60:hover { color: rgba(109, 40, 217, 0.6) !important; }
.hover\:border-violet-700\/60:hover { border-color: rgba(109, 40, 217, 0.6) !important; }

.dark .dark\:bg-violet-700\/60,
html.dark .dark\:bg-violet-700\/60 { background-color: rgba(109, 40, 217, 0.6) !important; }
.dark .dark\:text-violet-700\/60,
html.dark .dark\:text-violet-700\/60 { color: rgba(109, 40, 217, 0.6) !important; }
.dark .dark\:border-violet-700\/60,
html.dark .dark\:border-violet-700\/60 { border-color: rgba(109, 40, 217, 0.6) !important; }

.dark .dark\:hover\:bg-violet-700\/60:hover,
html.dark .dark\:hover\:bg-violet-700\/60:hover { background-color: rgba(109, 40, 217, 0.6) !important; }
.dark .dark\:hover\:text-violet-700\/60:hover,
html.dark .dark\:hover\:text-violet-700\/60:hover { color: rgba(109, 40, 217, 0.6) !important; }
.dark .dark\:hover\:border-violet-700\/60:hover,
html.dark .dark\:hover\:border-violet-700\/60:hover { border-color: rgba(109, 40, 217, 0.6) !important; }

.bg-violet-700\/70 { background-color: rgba(109, 40, 217, 0.7) !important; }
.text-violet-700\/70 { color: rgba(109, 40, 217, 0.7) !important; }
.border-violet-700\/70 { border-color: rgba(109, 40, 217, 0.7) !important; }

.hover\:bg-violet-700\/70:hover { background-color: rgba(109, 40, 217, 0.7) !important; }
.hover\:text-violet-700\/70:hover { color: rgba(109, 40, 217, 0.7) !important; }
.hover\:border-violet-700\/70:hover { border-color: rgba(109, 40, 217, 0.7) !important; }

.dark .dark\:bg-violet-700\/70,
html.dark .dark\:bg-violet-700\/70 { background-color: rgba(109, 40, 217, 0.7) !important; }
.dark .dark\:text-violet-700\/70,
html.dark .dark\:text-violet-700\/70 { color: rgba(109, 40, 217, 0.7) !important; }
.dark .dark\:border-violet-700\/70,
html.dark .dark\:border-violet-700\/70 { border-color: rgba(109, 40, 217, 0.7) !important; }

.dark .dark\:hover\:bg-violet-700\/70:hover,
html.dark .dark\:hover\:bg-violet-700\/70:hover { background-color: rgba(109, 40, 217, 0.7) !important; }
.dark .dark\:hover\:text-violet-700\/70:hover,
html.dark .dark\:hover\:text-violet-700\/70:hover { color: rgba(109, 40, 217, 0.7) !important; }
.dark .dark\:hover\:border-violet-700\/70:hover,
html.dark .dark\:hover\:border-violet-700\/70:hover { border-color: rgba(109, 40, 217, 0.7) !important; }

.bg-violet-700\/75 { background-color: rgba(109, 40, 217, 0.75) !important; }
.text-violet-700\/75 { color: rgba(109, 40, 217, 0.75) !important; }
.border-violet-700\/75 { border-color: rgba(109, 40, 217, 0.75) !important; }

.hover\:bg-violet-700\/75:hover { background-color: rgba(109, 40, 217, 0.75) !important; }
.hover\:text-violet-700\/75:hover { color: rgba(109, 40, 217, 0.75) !important; }
.hover\:border-violet-700\/75:hover { border-color: rgba(109, 40, 217, 0.75) !important; }

.dark .dark\:bg-violet-700\/75,
html.dark .dark\:bg-violet-700\/75 { background-color: rgba(109, 40, 217, 0.75) !important; }
.dark .dark\:text-violet-700\/75,
html.dark .dark\:text-violet-700\/75 { color: rgba(109, 40, 217, 0.75) !important; }
.dark .dark\:border-violet-700\/75,
html.dark .dark\:border-violet-700\/75 { border-color: rgba(109, 40, 217, 0.75) !important; }

.dark .dark\:hover\:bg-violet-700\/75:hover,
html.dark .dark\:hover\:bg-violet-700\/75:hover { background-color: rgba(109, 40, 217, 0.75) !important; }
.dark .dark\:hover\:text-violet-700\/75:hover,
html.dark .dark\:hover\:text-violet-700\/75:hover { color: rgba(109, 40, 217, 0.75) !important; }
.dark .dark\:hover\:border-violet-700\/75:hover,
html.dark .dark\:hover\:border-violet-700\/75:hover { border-color: rgba(109, 40, 217, 0.75) !important; }

.bg-violet-700\/80 { background-color: rgba(109, 40, 217, 0.8) !important; }
.text-violet-700\/80 { color: rgba(109, 40, 217, 0.8) !important; }
.border-violet-700\/80 { border-color: rgba(109, 40, 217, 0.8) !important; }

.hover\:bg-violet-700\/80:hover { background-color: rgba(109, 40, 217, 0.8) !important; }
.hover\:text-violet-700\/80:hover { color: rgba(109, 40, 217, 0.8) !important; }
.hover\:border-violet-700\/80:hover { border-color: rgba(109, 40, 217, 0.8) !important; }

.dark .dark\:bg-violet-700\/80,
html.dark .dark\:bg-violet-700\/80 { background-color: rgba(109, 40, 217, 0.8) !important; }
.dark .dark\:text-violet-700\/80,
html.dark .dark\:text-violet-700\/80 { color: rgba(109, 40, 217, 0.8) !important; }
.dark .dark\:border-violet-700\/80,
html.dark .dark\:border-violet-700\/80 { border-color: rgba(109, 40, 217, 0.8) !important; }

.dark .dark\:hover\:bg-violet-700\/80:hover,
html.dark .dark\:hover\:bg-violet-700\/80:hover { background-color: rgba(109, 40, 217, 0.8) !important; }
.dark .dark\:hover\:text-violet-700\/80:hover,
html.dark .dark\:hover\:text-violet-700\/80:hover { color: rgba(109, 40, 217, 0.8) !important; }
.dark .dark\:hover\:border-violet-700\/80:hover,
html.dark .dark\:hover\:border-violet-700\/80:hover { border-color: rgba(109, 40, 217, 0.8) !important; }

.bg-violet-700\/90 { background-color: rgba(109, 40, 217, 0.9) !important; }
.text-violet-700\/90 { color: rgba(109, 40, 217, 0.9) !important; }
.border-violet-700\/90 { border-color: rgba(109, 40, 217, 0.9) !important; }

.hover\:bg-violet-700\/90:hover { background-color: rgba(109, 40, 217, 0.9) !important; }
.hover\:text-violet-700\/90:hover { color: rgba(109, 40, 217, 0.9) !important; }
.hover\:border-violet-700\/90:hover { border-color: rgba(109, 40, 217, 0.9) !important; }

.dark .dark\:bg-violet-700\/90,
html.dark .dark\:bg-violet-700\/90 { background-color: rgba(109, 40, 217, 0.9) !important; }
.dark .dark\:text-violet-700\/90,
html.dark .dark\:text-violet-700\/90 { color: rgba(109, 40, 217, 0.9) !important; }
.dark .dark\:border-violet-700\/90,
html.dark .dark\:border-violet-700\/90 { border-color: rgba(109, 40, 217, 0.9) !important; }

.dark .dark\:hover\:bg-violet-700\/90:hover,
html.dark .dark\:hover\:bg-violet-700\/90:hover { background-color: rgba(109, 40, 217, 0.9) !important; }
.dark .dark\:hover\:text-violet-700\/90:hover,
html.dark .dark\:hover\:text-violet-700\/90:hover { color: rgba(109, 40, 217, 0.9) !important; }
.dark .dark\:hover\:border-violet-700\/90:hover,
html.dark .dark\:hover\:border-violet-700\/90:hover { border-color: rgba(109, 40, 217, 0.9) !important; }

.bg-violet-700\/95 { background-color: rgba(109, 40, 217, 0.95) !important; }
.text-violet-700\/95 { color: rgba(109, 40, 217, 0.95) !important; }
.border-violet-700\/95 { border-color: rgba(109, 40, 217, 0.95) !important; }

.hover\:bg-violet-700\/95:hover { background-color: rgba(109, 40, 217, 0.95) !important; }
.hover\:text-violet-700\/95:hover { color: rgba(109, 40, 217, 0.95) !important; }
.hover\:border-violet-700\/95:hover { border-color: rgba(109, 40, 217, 0.95) !important; }

.dark .dark\:bg-violet-700\/95,
html.dark .dark\:bg-violet-700\/95 { background-color: rgba(109, 40, 217, 0.95) !important; }
.dark .dark\:text-violet-700\/95,
html.dark .dark\:text-violet-700\/95 { color: rgba(109, 40, 217, 0.95) !important; }
.dark .dark\:border-violet-700\/95,
html.dark .dark\:border-violet-700\/95 { border-color: rgba(109, 40, 217, 0.95) !important; }

.dark .dark\:hover\:bg-violet-700\/95:hover,
html.dark .dark\:hover\:bg-violet-700\/95:hover { background-color: rgba(109, 40, 217, 0.95) !important; }
.dark .dark\:hover\:text-violet-700\/95:hover,
html.dark .dark\:hover\:text-violet-700\/95:hover { color: rgba(109, 40, 217, 0.95) !important; }
.dark .dark\:hover\:border-violet-700\/95:hover,
html.dark .dark\:hover\:border-violet-700\/95:hover { border-color: rgba(109, 40, 217, 0.95) !important; }

.bg-violet-800 { background-color: #5b21b6 !important; }
.text-violet-800 { color: #5b21b6 !important; }
.border-violet-800 { border-color: #5b21b6 !important; }
.fill-violet-800 { fill: #5b21b6 !important; }
.stroke-violet-800 { stroke: #5b21b6 !important; }

/* Hover states */
.hover\:bg-violet-800:hover { background-color: #5b21b6 !important; }
.hover\:text-violet-800:hover { color: #5b21b6 !important; }
.hover\:border-violet-800:hover { border-color: #5b21b6 !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-800,
html.dark .dark\:bg-violet-800 { background-color: #5b21b6 !important; }
.dark .dark\:text-violet-800,
html.dark .dark\:text-violet-800 { color: #5b21b6 !important; }
.dark .dark\:border-violet-800,
html.dark .dark\:border-violet-800 { border-color: #5b21b6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-800:hover,
html.dark .dark\:hover\:bg-violet-800:hover { background-color: #5b21b6 !important; }
.dark .dark\:hover\:text-violet-800:hover,
html.dark .dark\:hover\:text-violet-800:hover { color: #5b21b6 !important; }
.dark .dark\:hover\:border-violet-800:hover,
html.dark .dark\:hover\:border-violet-800:hover { border-color: #5b21b6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-800,
html.dark .group:hover .dark\:group-hover\:text-violet-800 { color: #5b21b6 !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-800,
html.dark .group:hover .dark\:group-hover\:bg-violet-800 { background-color: #5b21b6 !important; }

.bg-violet-800\/10 { background-color: rgba(91, 33, 182, 0.1) !important; }
.text-violet-800\/10 { color: rgba(91, 33, 182, 0.1) !important; }
.border-violet-800\/10 { border-color: rgba(91, 33, 182, 0.1) !important; }

.hover\:bg-violet-800\/10:hover { background-color: rgba(91, 33, 182, 0.1) !important; }
.hover\:text-violet-800\/10:hover { color: rgba(91, 33, 182, 0.1) !important; }
.hover\:border-violet-800\/10:hover { border-color: rgba(91, 33, 182, 0.1) !important; }

.dark .dark\:bg-violet-800\/10,
html.dark .dark\:bg-violet-800\/10 { background-color: rgba(91, 33, 182, 0.1) !important; }
.dark .dark\:text-violet-800\/10,
html.dark .dark\:text-violet-800\/10 { color: rgba(91, 33, 182, 0.1) !important; }
.dark .dark\:border-violet-800\/10,
html.dark .dark\:border-violet-800\/10 { border-color: rgba(91, 33, 182, 0.1) !important; }

.dark .dark\:hover\:bg-violet-800\/10:hover,
html.dark .dark\:hover\:bg-violet-800\/10:hover { background-color: rgba(91, 33, 182, 0.1) !important; }
.dark .dark\:hover\:text-violet-800\/10:hover,
html.dark .dark\:hover\:text-violet-800\/10:hover { color: rgba(91, 33, 182, 0.1) !important; }
.dark .dark\:hover\:border-violet-800\/10:hover,
html.dark .dark\:hover\:border-violet-800\/10:hover { border-color: rgba(91, 33, 182, 0.1) !important; }

.bg-violet-800\/20 { background-color: rgba(91, 33, 182, 0.2) !important; }
.text-violet-800\/20 { color: rgba(91, 33, 182, 0.2) !important; }
.border-violet-800\/20 { border-color: rgba(91, 33, 182, 0.2) !important; }

.hover\:bg-violet-800\/20:hover { background-color: rgba(91, 33, 182, 0.2) !important; }
.hover\:text-violet-800\/20:hover { color: rgba(91, 33, 182, 0.2) !important; }
.hover\:border-violet-800\/20:hover { border-color: rgba(91, 33, 182, 0.2) !important; }

.dark .dark\:bg-violet-800\/20,
html.dark .dark\:bg-violet-800\/20 { background-color: rgba(91, 33, 182, 0.2) !important; }
.dark .dark\:text-violet-800\/20,
html.dark .dark\:text-violet-800\/20 { color: rgba(91, 33, 182, 0.2) !important; }
.dark .dark\:border-violet-800\/20,
html.dark .dark\:border-violet-800\/20 { border-color: rgba(91, 33, 182, 0.2) !important; }

.dark .dark\:hover\:bg-violet-800\/20:hover,
html.dark .dark\:hover\:bg-violet-800\/20:hover { background-color: rgba(91, 33, 182, 0.2) !important; }
.dark .dark\:hover\:text-violet-800\/20:hover,
html.dark .dark\:hover\:text-violet-800\/20:hover { color: rgba(91, 33, 182, 0.2) !important; }
.dark .dark\:hover\:border-violet-800\/20:hover,
html.dark .dark\:hover\:border-violet-800\/20:hover { border-color: rgba(91, 33, 182, 0.2) !important; }

.bg-violet-800\/25 { background-color: rgba(91, 33, 182, 0.25) !important; }
.text-violet-800\/25 { color: rgba(91, 33, 182, 0.25) !important; }
.border-violet-800\/25 { border-color: rgba(91, 33, 182, 0.25) !important; }

.hover\:bg-violet-800\/25:hover { background-color: rgba(91, 33, 182, 0.25) !important; }
.hover\:text-violet-800\/25:hover { color: rgba(91, 33, 182, 0.25) !important; }
.hover\:border-violet-800\/25:hover { border-color: rgba(91, 33, 182, 0.25) !important; }

.dark .dark\:bg-violet-800\/25,
html.dark .dark\:bg-violet-800\/25 { background-color: rgba(91, 33, 182, 0.25) !important; }
.dark .dark\:text-violet-800\/25,
html.dark .dark\:text-violet-800\/25 { color: rgba(91, 33, 182, 0.25) !important; }
.dark .dark\:border-violet-800\/25,
html.dark .dark\:border-violet-800\/25 { border-color: rgba(91, 33, 182, 0.25) !important; }

.dark .dark\:hover\:bg-violet-800\/25:hover,
html.dark .dark\:hover\:bg-violet-800\/25:hover { background-color: rgba(91, 33, 182, 0.25) !important; }
.dark .dark\:hover\:text-violet-800\/25:hover,
html.dark .dark\:hover\:text-violet-800\/25:hover { color: rgba(91, 33, 182, 0.25) !important; }
.dark .dark\:hover\:border-violet-800\/25:hover,
html.dark .dark\:hover\:border-violet-800\/25:hover { border-color: rgba(91, 33, 182, 0.25) !important; }

.bg-violet-800\/30 { background-color: rgba(91, 33, 182, 0.3) !important; }
.text-violet-800\/30 { color: rgba(91, 33, 182, 0.3) !important; }
.border-violet-800\/30 { border-color: rgba(91, 33, 182, 0.3) !important; }

.hover\:bg-violet-800\/30:hover { background-color: rgba(91, 33, 182, 0.3) !important; }
.hover\:text-violet-800\/30:hover { color: rgba(91, 33, 182, 0.3) !important; }
.hover\:border-violet-800\/30:hover { border-color: rgba(91, 33, 182, 0.3) !important; }

.dark .dark\:bg-violet-800\/30,
html.dark .dark\:bg-violet-800\/30 { background-color: rgba(91, 33, 182, 0.3) !important; }
.dark .dark\:text-violet-800\/30,
html.dark .dark\:text-violet-800\/30 { color: rgba(91, 33, 182, 0.3) !important; }
.dark .dark\:border-violet-800\/30,
html.dark .dark\:border-violet-800\/30 { border-color: rgba(91, 33, 182, 0.3) !important; }

.dark .dark\:hover\:bg-violet-800\/30:hover,
html.dark .dark\:hover\:bg-violet-800\/30:hover { background-color: rgba(91, 33, 182, 0.3) !important; }
.dark .dark\:hover\:text-violet-800\/30:hover,
html.dark .dark\:hover\:text-violet-800\/30:hover { color: rgba(91, 33, 182, 0.3) !important; }
.dark .dark\:hover\:border-violet-800\/30:hover,
html.dark .dark\:hover\:border-violet-800\/30:hover { border-color: rgba(91, 33, 182, 0.3) !important; }

.bg-violet-800\/40 { background-color: rgba(91, 33, 182, 0.4) !important; }
.text-violet-800\/40 { color: rgba(91, 33, 182, 0.4) !important; }
.border-violet-800\/40 { border-color: rgba(91, 33, 182, 0.4) !important; }

.hover\:bg-violet-800\/40:hover { background-color: rgba(91, 33, 182, 0.4) !important; }
.hover\:text-violet-800\/40:hover { color: rgba(91, 33, 182, 0.4) !important; }
.hover\:border-violet-800\/40:hover { border-color: rgba(91, 33, 182, 0.4) !important; }

.dark .dark\:bg-violet-800\/40,
html.dark .dark\:bg-violet-800\/40 { background-color: rgba(91, 33, 182, 0.4) !important; }
.dark .dark\:text-violet-800\/40,
html.dark .dark\:text-violet-800\/40 { color: rgba(91, 33, 182, 0.4) !important; }
.dark .dark\:border-violet-800\/40,
html.dark .dark\:border-violet-800\/40 { border-color: rgba(91, 33, 182, 0.4) !important; }

.dark .dark\:hover\:bg-violet-800\/40:hover,
html.dark .dark\:hover\:bg-violet-800\/40:hover { background-color: rgba(91, 33, 182, 0.4) !important; }
.dark .dark\:hover\:text-violet-800\/40:hover,
html.dark .dark\:hover\:text-violet-800\/40:hover { color: rgba(91, 33, 182, 0.4) !important; }
.dark .dark\:hover\:border-violet-800\/40:hover,
html.dark .dark\:hover\:border-violet-800\/40:hover { border-color: rgba(91, 33, 182, 0.4) !important; }

.bg-violet-800\/50 { background-color: rgba(91, 33, 182, 0.5) !important; }
.text-violet-800\/50 { color: rgba(91, 33, 182, 0.5) !important; }
.border-violet-800\/50 { border-color: rgba(91, 33, 182, 0.5) !important; }

.hover\:bg-violet-800\/50:hover { background-color: rgba(91, 33, 182, 0.5) !important; }
.hover\:text-violet-800\/50:hover { color: rgba(91, 33, 182, 0.5) !important; }
.hover\:border-violet-800\/50:hover { border-color: rgba(91, 33, 182, 0.5) !important; }

.dark .dark\:bg-violet-800\/50,
html.dark .dark\:bg-violet-800\/50 { background-color: rgba(91, 33, 182, 0.5) !important; }
.dark .dark\:text-violet-800\/50,
html.dark .dark\:text-violet-800\/50 { color: rgba(91, 33, 182, 0.5) !important; }
.dark .dark\:border-violet-800\/50,
html.dark .dark\:border-violet-800\/50 { border-color: rgba(91, 33, 182, 0.5) !important; }

.dark .dark\:hover\:bg-violet-800\/50:hover,
html.dark .dark\:hover\:bg-violet-800\/50:hover { background-color: rgba(91, 33, 182, 0.5) !important; }
.dark .dark\:hover\:text-violet-800\/50:hover,
html.dark .dark\:hover\:text-violet-800\/50:hover { color: rgba(91, 33, 182, 0.5) !important; }
.dark .dark\:hover\:border-violet-800\/50:hover,
html.dark .dark\:hover\:border-violet-800\/50:hover { border-color: rgba(91, 33, 182, 0.5) !important; }

.bg-violet-800\/60 { background-color: rgba(91, 33, 182, 0.6) !important; }
.text-violet-800\/60 { color: rgba(91, 33, 182, 0.6) !important; }
.border-violet-800\/60 { border-color: rgba(91, 33, 182, 0.6) !important; }

.hover\:bg-violet-800\/60:hover { background-color: rgba(91, 33, 182, 0.6) !important; }
.hover\:text-violet-800\/60:hover { color: rgba(91, 33, 182, 0.6) !important; }
.hover\:border-violet-800\/60:hover { border-color: rgba(91, 33, 182, 0.6) !important; }

.dark .dark\:bg-violet-800\/60,
html.dark .dark\:bg-violet-800\/60 { background-color: rgba(91, 33, 182, 0.6) !important; }
.dark .dark\:text-violet-800\/60,
html.dark .dark\:text-violet-800\/60 { color: rgba(91, 33, 182, 0.6) !important; }
.dark .dark\:border-violet-800\/60,
html.dark .dark\:border-violet-800\/60 { border-color: rgba(91, 33, 182, 0.6) !important; }

.dark .dark\:hover\:bg-violet-800\/60:hover,
html.dark .dark\:hover\:bg-violet-800\/60:hover { background-color: rgba(91, 33, 182, 0.6) !important; }
.dark .dark\:hover\:text-violet-800\/60:hover,
html.dark .dark\:hover\:text-violet-800\/60:hover { color: rgba(91, 33, 182, 0.6) !important; }
.dark .dark\:hover\:border-violet-800\/60:hover,
html.dark .dark\:hover\:border-violet-800\/60:hover { border-color: rgba(91, 33, 182, 0.6) !important; }

.bg-violet-800\/70 { background-color: rgba(91, 33, 182, 0.7) !important; }
.text-violet-800\/70 { color: rgba(91, 33, 182, 0.7) !important; }
.border-violet-800\/70 { border-color: rgba(91, 33, 182, 0.7) !important; }

.hover\:bg-violet-800\/70:hover { background-color: rgba(91, 33, 182, 0.7) !important; }
.hover\:text-violet-800\/70:hover { color: rgba(91, 33, 182, 0.7) !important; }
.hover\:border-violet-800\/70:hover { border-color: rgba(91, 33, 182, 0.7) !important; }

.dark .dark\:bg-violet-800\/70,
html.dark .dark\:bg-violet-800\/70 { background-color: rgba(91, 33, 182, 0.7) !important; }
.dark .dark\:text-violet-800\/70,
html.dark .dark\:text-violet-800\/70 { color: rgba(91, 33, 182, 0.7) !important; }
.dark .dark\:border-violet-800\/70,
html.dark .dark\:border-violet-800\/70 { border-color: rgba(91, 33, 182, 0.7) !important; }

.dark .dark\:hover\:bg-violet-800\/70:hover,
html.dark .dark\:hover\:bg-violet-800\/70:hover { background-color: rgba(91, 33, 182, 0.7) !important; }
.dark .dark\:hover\:text-violet-800\/70:hover,
html.dark .dark\:hover\:text-violet-800\/70:hover { color: rgba(91, 33, 182, 0.7) !important; }
.dark .dark\:hover\:border-violet-800\/70:hover,
html.dark .dark\:hover\:border-violet-800\/70:hover { border-color: rgba(91, 33, 182, 0.7) !important; }

.bg-violet-800\/75 { background-color: rgba(91, 33, 182, 0.75) !important; }
.text-violet-800\/75 { color: rgba(91, 33, 182, 0.75) !important; }
.border-violet-800\/75 { border-color: rgba(91, 33, 182, 0.75) !important; }

.hover\:bg-violet-800\/75:hover { background-color: rgba(91, 33, 182, 0.75) !important; }
.hover\:text-violet-800\/75:hover { color: rgba(91, 33, 182, 0.75) !important; }
.hover\:border-violet-800\/75:hover { border-color: rgba(91, 33, 182, 0.75) !important; }

.dark .dark\:bg-violet-800\/75,
html.dark .dark\:bg-violet-800\/75 { background-color: rgba(91, 33, 182, 0.75) !important; }
.dark .dark\:text-violet-800\/75,
html.dark .dark\:text-violet-800\/75 { color: rgba(91, 33, 182, 0.75) !important; }
.dark .dark\:border-violet-800\/75,
html.dark .dark\:border-violet-800\/75 { border-color: rgba(91, 33, 182, 0.75) !important; }

.dark .dark\:hover\:bg-violet-800\/75:hover,
html.dark .dark\:hover\:bg-violet-800\/75:hover { background-color: rgba(91, 33, 182, 0.75) !important; }
.dark .dark\:hover\:text-violet-800\/75:hover,
html.dark .dark\:hover\:text-violet-800\/75:hover { color: rgba(91, 33, 182, 0.75) !important; }
.dark .dark\:hover\:border-violet-800\/75:hover,
html.dark .dark\:hover\:border-violet-800\/75:hover { border-color: rgba(91, 33, 182, 0.75) !important; }

.bg-violet-800\/80 { background-color: rgba(91, 33, 182, 0.8) !important; }
.text-violet-800\/80 { color: rgba(91, 33, 182, 0.8) !important; }
.border-violet-800\/80 { border-color: rgba(91, 33, 182, 0.8) !important; }

.hover\:bg-violet-800\/80:hover { background-color: rgba(91, 33, 182, 0.8) !important; }
.hover\:text-violet-800\/80:hover { color: rgba(91, 33, 182, 0.8) !important; }
.hover\:border-violet-800\/80:hover { border-color: rgba(91, 33, 182, 0.8) !important; }

.dark .dark\:bg-violet-800\/80,
html.dark .dark\:bg-violet-800\/80 { background-color: rgba(91, 33, 182, 0.8) !important; }
.dark .dark\:text-violet-800\/80,
html.dark .dark\:text-violet-800\/80 { color: rgba(91, 33, 182, 0.8) !important; }
.dark .dark\:border-violet-800\/80,
html.dark .dark\:border-violet-800\/80 { border-color: rgba(91, 33, 182, 0.8) !important; }

.dark .dark\:hover\:bg-violet-800\/80:hover,
html.dark .dark\:hover\:bg-violet-800\/80:hover { background-color: rgba(91, 33, 182, 0.8) !important; }
.dark .dark\:hover\:text-violet-800\/80:hover,
html.dark .dark\:hover\:text-violet-800\/80:hover { color: rgba(91, 33, 182, 0.8) !important; }
.dark .dark\:hover\:border-violet-800\/80:hover,
html.dark .dark\:hover\:border-violet-800\/80:hover { border-color: rgba(91, 33, 182, 0.8) !important; }

.bg-violet-800\/90 { background-color: rgba(91, 33, 182, 0.9) !important; }
.text-violet-800\/90 { color: rgba(91, 33, 182, 0.9) !important; }
.border-violet-800\/90 { border-color: rgba(91, 33, 182, 0.9) !important; }

.hover\:bg-violet-800\/90:hover { background-color: rgba(91, 33, 182, 0.9) !important; }
.hover\:text-violet-800\/90:hover { color: rgba(91, 33, 182, 0.9) !important; }
.hover\:border-violet-800\/90:hover { border-color: rgba(91, 33, 182, 0.9) !important; }

.dark .dark\:bg-violet-800\/90,
html.dark .dark\:bg-violet-800\/90 { background-color: rgba(91, 33, 182, 0.9) !important; }
.dark .dark\:text-violet-800\/90,
html.dark .dark\:text-violet-800\/90 { color: rgba(91, 33, 182, 0.9) !important; }
.dark .dark\:border-violet-800\/90,
html.dark .dark\:border-violet-800\/90 { border-color: rgba(91, 33, 182, 0.9) !important; }

.dark .dark\:hover\:bg-violet-800\/90:hover,
html.dark .dark\:hover\:bg-violet-800\/90:hover { background-color: rgba(91, 33, 182, 0.9) !important; }
.dark .dark\:hover\:text-violet-800\/90:hover,
html.dark .dark\:hover\:text-violet-800\/90:hover { color: rgba(91, 33, 182, 0.9) !important; }
.dark .dark\:hover\:border-violet-800\/90:hover,
html.dark .dark\:hover\:border-violet-800\/90:hover { border-color: rgba(91, 33, 182, 0.9) !important; }

.bg-violet-800\/95 { background-color: rgba(91, 33, 182, 0.95) !important; }
.text-violet-800\/95 { color: rgba(91, 33, 182, 0.95) !important; }
.border-violet-800\/95 { border-color: rgba(91, 33, 182, 0.95) !important; }

.hover\:bg-violet-800\/95:hover { background-color: rgba(91, 33, 182, 0.95) !important; }
.hover\:text-violet-800\/95:hover { color: rgba(91, 33, 182, 0.95) !important; }
.hover\:border-violet-800\/95:hover { border-color: rgba(91, 33, 182, 0.95) !important; }

.dark .dark\:bg-violet-800\/95,
html.dark .dark\:bg-violet-800\/95 { background-color: rgba(91, 33, 182, 0.95) !important; }
.dark .dark\:text-violet-800\/95,
html.dark .dark\:text-violet-800\/95 { color: rgba(91, 33, 182, 0.95) !important; }
.dark .dark\:border-violet-800\/95,
html.dark .dark\:border-violet-800\/95 { border-color: rgba(91, 33, 182, 0.95) !important; }

.dark .dark\:hover\:bg-violet-800\/95:hover,
html.dark .dark\:hover\:bg-violet-800\/95:hover { background-color: rgba(91, 33, 182, 0.95) !important; }
.dark .dark\:hover\:text-violet-800\/95:hover,
html.dark .dark\:hover\:text-violet-800\/95:hover { color: rgba(91, 33, 182, 0.95) !important; }
.dark .dark\:hover\:border-violet-800\/95:hover,
html.dark .dark\:hover\:border-violet-800\/95:hover { border-color: rgba(91, 33, 182, 0.95) !important; }

.bg-violet-900 { background-color: #4c1d95 !important; }
.text-violet-900 { color: #4c1d95 !important; }
.border-violet-900 { border-color: #4c1d95 !important; }
.fill-violet-900 { fill: #4c1d95 !important; }
.stroke-violet-900 { stroke: #4c1d95 !important; }

/* Hover states */
.hover\:bg-violet-900:hover { background-color: #4c1d95 !important; }
.hover\:text-violet-900:hover { color: #4c1d95 !important; }
.hover\:border-violet-900:hover { border-color: #4c1d95 !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-900,
html.dark .dark\:bg-violet-900 { background-color: #4c1d95 !important; }
.dark .dark\:text-violet-900,
html.dark .dark\:text-violet-900 { color: #4c1d95 !important; }
.dark .dark\:border-violet-900,
html.dark .dark\:border-violet-900 { border-color: #4c1d95 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-900:hover,
html.dark .dark\:hover\:bg-violet-900:hover { background-color: #4c1d95 !important; }
.dark .dark\:hover\:text-violet-900:hover,
html.dark .dark\:hover\:text-violet-900:hover { color: #4c1d95 !important; }
.dark .dark\:hover\:border-violet-900:hover,
html.dark .dark\:hover\:border-violet-900:hover { border-color: #4c1d95 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-900,
html.dark .group:hover .dark\:group-hover\:text-violet-900 { color: #4c1d95 !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-900,
html.dark .group:hover .dark\:group-hover\:bg-violet-900 { background-color: #4c1d95 !important; }

.bg-violet-900\/10 { background-color: rgba(76, 29, 149, 0.1) !important; }
.text-violet-900\/10 { color: rgba(76, 29, 149, 0.1) !important; }
.border-violet-900\/10 { border-color: rgba(76, 29, 149, 0.1) !important; }

.hover\:bg-violet-900\/10:hover { background-color: rgba(76, 29, 149, 0.1) !important; }
.hover\:text-violet-900\/10:hover { color: rgba(76, 29, 149, 0.1) !important; }
.hover\:border-violet-900\/10:hover { border-color: rgba(76, 29, 149, 0.1) !important; }

.dark .dark\:bg-violet-900\/10,
html.dark .dark\:bg-violet-900\/10 { background-color: rgba(76, 29, 149, 0.1) !important; }
.dark .dark\:text-violet-900\/10,
html.dark .dark\:text-violet-900\/10 { color: rgba(76, 29, 149, 0.1) !important; }
.dark .dark\:border-violet-900\/10,
html.dark .dark\:border-violet-900\/10 { border-color: rgba(76, 29, 149, 0.1) !important; }

.dark .dark\:hover\:bg-violet-900\/10:hover,
html.dark .dark\:hover\:bg-violet-900\/10:hover { background-color: rgba(76, 29, 149, 0.1) !important; }
.dark .dark\:hover\:text-violet-900\/10:hover,
html.dark .dark\:hover\:text-violet-900\/10:hover { color: rgba(76, 29, 149, 0.1) !important; }
.dark .dark\:hover\:border-violet-900\/10:hover,
html.dark .dark\:hover\:border-violet-900\/10:hover { border-color: rgba(76, 29, 149, 0.1) !important; }

.bg-violet-900\/20 { background-color: rgba(76, 29, 149, 0.2) !important; }
.text-violet-900\/20 { color: rgba(76, 29, 149, 0.2) !important; }
.border-violet-900\/20 { border-color: rgba(76, 29, 149, 0.2) !important; }

.hover\:bg-violet-900\/20:hover { background-color: rgba(76, 29, 149, 0.2) !important; }
.hover\:text-violet-900\/20:hover { color: rgba(76, 29, 149, 0.2) !important; }
.hover\:border-violet-900\/20:hover { border-color: rgba(76, 29, 149, 0.2) !important; }

.dark .dark\:bg-violet-900\/20,
html.dark .dark\:bg-violet-900\/20 { background-color: rgba(76, 29, 149, 0.2) !important; }
.dark .dark\:text-violet-900\/20,
html.dark .dark\:text-violet-900\/20 { color: rgba(76, 29, 149, 0.2) !important; }
.dark .dark\:border-violet-900\/20,
html.dark .dark\:border-violet-900\/20 { border-color: rgba(76, 29, 149, 0.2) !important; }

.dark .dark\:hover\:bg-violet-900\/20:hover,
html.dark .dark\:hover\:bg-violet-900\/20:hover { background-color: rgba(76, 29, 149, 0.2) !important; }
.dark .dark\:hover\:text-violet-900\/20:hover,
html.dark .dark\:hover\:text-violet-900\/20:hover { color: rgba(76, 29, 149, 0.2) !important; }
.dark .dark\:hover\:border-violet-900\/20:hover,
html.dark .dark\:hover\:border-violet-900\/20:hover { border-color: rgba(76, 29, 149, 0.2) !important; }

.bg-violet-900\/25 { background-color: rgba(76, 29, 149, 0.25) !important; }
.text-violet-900\/25 { color: rgba(76, 29, 149, 0.25) !important; }
.border-violet-900\/25 { border-color: rgba(76, 29, 149, 0.25) !important; }

.hover\:bg-violet-900\/25:hover { background-color: rgba(76, 29, 149, 0.25) !important; }
.hover\:text-violet-900\/25:hover { color: rgba(76, 29, 149, 0.25) !important; }
.hover\:border-violet-900\/25:hover { border-color: rgba(76, 29, 149, 0.25) !important; }

.dark .dark\:bg-violet-900\/25,
html.dark .dark\:bg-violet-900\/25 { background-color: rgba(76, 29, 149, 0.25) !important; }
.dark .dark\:text-violet-900\/25,
html.dark .dark\:text-violet-900\/25 { color: rgba(76, 29, 149, 0.25) !important; }
.dark .dark\:border-violet-900\/25,
html.dark .dark\:border-violet-900\/25 { border-color: rgba(76, 29, 149, 0.25) !important; }

.dark .dark\:hover\:bg-violet-900\/25:hover,
html.dark .dark\:hover\:bg-violet-900\/25:hover { background-color: rgba(76, 29, 149, 0.25) !important; }
.dark .dark\:hover\:text-violet-900\/25:hover,
html.dark .dark\:hover\:text-violet-900\/25:hover { color: rgba(76, 29, 149, 0.25) !important; }
.dark .dark\:hover\:border-violet-900\/25:hover,
html.dark .dark\:hover\:border-violet-900\/25:hover { border-color: rgba(76, 29, 149, 0.25) !important; }

.bg-violet-900\/30 { background-color: rgba(76, 29, 149, 0.3) !important; }
.text-violet-900\/30 { color: rgba(76, 29, 149, 0.3) !important; }
.border-violet-900\/30 { border-color: rgba(76, 29, 149, 0.3) !important; }

.hover\:bg-violet-900\/30:hover { background-color: rgba(76, 29, 149, 0.3) !important; }
.hover\:text-violet-900\/30:hover { color: rgba(76, 29, 149, 0.3) !important; }
.hover\:border-violet-900\/30:hover { border-color: rgba(76, 29, 149, 0.3) !important; }

.dark .dark\:bg-violet-900\/30,
html.dark .dark\:bg-violet-900\/30 { background-color: rgba(76, 29, 149, 0.3) !important; }
.dark .dark\:text-violet-900\/30,
html.dark .dark\:text-violet-900\/30 { color: rgba(76, 29, 149, 0.3) !important; }
.dark .dark\:border-violet-900\/30,
html.dark .dark\:border-violet-900\/30 { border-color: rgba(76, 29, 149, 0.3) !important; }

.dark .dark\:hover\:bg-violet-900\/30:hover,
html.dark .dark\:hover\:bg-violet-900\/30:hover { background-color: rgba(76, 29, 149, 0.3) !important; }
.dark .dark\:hover\:text-violet-900\/30:hover,
html.dark .dark\:hover\:text-violet-900\/30:hover { color: rgba(76, 29, 149, 0.3) !important; }
.dark .dark\:hover\:border-violet-900\/30:hover,
html.dark .dark\:hover\:border-violet-900\/30:hover { border-color: rgba(76, 29, 149, 0.3) !important; }

.bg-violet-900\/40 { background-color: rgba(76, 29, 149, 0.4) !important; }
.text-violet-900\/40 { color: rgba(76, 29, 149, 0.4) !important; }
.border-violet-900\/40 { border-color: rgba(76, 29, 149, 0.4) !important; }

.hover\:bg-violet-900\/40:hover { background-color: rgba(76, 29, 149, 0.4) !important; }
.hover\:text-violet-900\/40:hover { color: rgba(76, 29, 149, 0.4) !important; }
.hover\:border-violet-900\/40:hover { border-color: rgba(76, 29, 149, 0.4) !important; }

.dark .dark\:bg-violet-900\/40,
html.dark .dark\:bg-violet-900\/40 { background-color: rgba(76, 29, 149, 0.4) !important; }
.dark .dark\:text-violet-900\/40,
html.dark .dark\:text-violet-900\/40 { color: rgba(76, 29, 149, 0.4) !important; }
.dark .dark\:border-violet-900\/40,
html.dark .dark\:border-violet-900\/40 { border-color: rgba(76, 29, 149, 0.4) !important; }

.dark .dark\:hover\:bg-violet-900\/40:hover,
html.dark .dark\:hover\:bg-violet-900\/40:hover { background-color: rgba(76, 29, 149, 0.4) !important; }
.dark .dark\:hover\:text-violet-900\/40:hover,
html.dark .dark\:hover\:text-violet-900\/40:hover { color: rgba(76, 29, 149, 0.4) !important; }
.dark .dark\:hover\:border-violet-900\/40:hover,
html.dark .dark\:hover\:border-violet-900\/40:hover { border-color: rgba(76, 29, 149, 0.4) !important; }

.bg-violet-900\/50 { background-color: rgba(76, 29, 149, 0.5) !important; }
.text-violet-900\/50 { color: rgba(76, 29, 149, 0.5) !important; }
.border-violet-900\/50 { border-color: rgba(76, 29, 149, 0.5) !important; }

.hover\:bg-violet-900\/50:hover { background-color: rgba(76, 29, 149, 0.5) !important; }
.hover\:text-violet-900\/50:hover { color: rgba(76, 29, 149, 0.5) !important; }
.hover\:border-violet-900\/50:hover { border-color: rgba(76, 29, 149, 0.5) !important; }

.dark .dark\:bg-violet-900\/50,
html.dark .dark\:bg-violet-900\/50 { background-color: rgba(76, 29, 149, 0.5) !important; }
.dark .dark\:text-violet-900\/50,
html.dark .dark\:text-violet-900\/50 { color: rgba(76, 29, 149, 0.5) !important; }
.dark .dark\:border-violet-900\/50,
html.dark .dark\:border-violet-900\/50 { border-color: rgba(76, 29, 149, 0.5) !important; }

.dark .dark\:hover\:bg-violet-900\/50:hover,
html.dark .dark\:hover\:bg-violet-900\/50:hover { background-color: rgba(76, 29, 149, 0.5) !important; }
.dark .dark\:hover\:text-violet-900\/50:hover,
html.dark .dark\:hover\:text-violet-900\/50:hover { color: rgba(76, 29, 149, 0.5) !important; }
.dark .dark\:hover\:border-violet-900\/50:hover,
html.dark .dark\:hover\:border-violet-900\/50:hover { border-color: rgba(76, 29, 149, 0.5) !important; }

.bg-violet-900\/60 { background-color: rgba(76, 29, 149, 0.6) !important; }
.text-violet-900\/60 { color: rgba(76, 29, 149, 0.6) !important; }
.border-violet-900\/60 { border-color: rgba(76, 29, 149, 0.6) !important; }

.hover\:bg-violet-900\/60:hover { background-color: rgba(76, 29, 149, 0.6) !important; }
.hover\:text-violet-900\/60:hover { color: rgba(76, 29, 149, 0.6) !important; }
.hover\:border-violet-900\/60:hover { border-color: rgba(76, 29, 149, 0.6) !important; }

.dark .dark\:bg-violet-900\/60,
html.dark .dark\:bg-violet-900\/60 { background-color: rgba(76, 29, 149, 0.6) !important; }
.dark .dark\:text-violet-900\/60,
html.dark .dark\:text-violet-900\/60 { color: rgba(76, 29, 149, 0.6) !important; }
.dark .dark\:border-violet-900\/60,
html.dark .dark\:border-violet-900\/60 { border-color: rgba(76, 29, 149, 0.6) !important; }

.dark .dark\:hover\:bg-violet-900\/60:hover,
html.dark .dark\:hover\:bg-violet-900\/60:hover { background-color: rgba(76, 29, 149, 0.6) !important; }
.dark .dark\:hover\:text-violet-900\/60:hover,
html.dark .dark\:hover\:text-violet-900\/60:hover { color: rgba(76, 29, 149, 0.6) !important; }
.dark .dark\:hover\:border-violet-900\/60:hover,
html.dark .dark\:hover\:border-violet-900\/60:hover { border-color: rgba(76, 29, 149, 0.6) !important; }

.bg-violet-900\/70 { background-color: rgba(76, 29, 149, 0.7) !important; }
.text-violet-900\/70 { color: rgba(76, 29, 149, 0.7) !important; }
.border-violet-900\/70 { border-color: rgba(76, 29, 149, 0.7) !important; }

.hover\:bg-violet-900\/70:hover { background-color: rgba(76, 29, 149, 0.7) !important; }
.hover\:text-violet-900\/70:hover { color: rgba(76, 29, 149, 0.7) !important; }
.hover\:border-violet-900\/70:hover { border-color: rgba(76, 29, 149, 0.7) !important; }

.dark .dark\:bg-violet-900\/70,
html.dark .dark\:bg-violet-900\/70 { background-color: rgba(76, 29, 149, 0.7) !important; }
.dark .dark\:text-violet-900\/70,
html.dark .dark\:text-violet-900\/70 { color: rgba(76, 29, 149, 0.7) !important; }
.dark .dark\:border-violet-900\/70,
html.dark .dark\:border-violet-900\/70 { border-color: rgba(76, 29, 149, 0.7) !important; }

.dark .dark\:hover\:bg-violet-900\/70:hover,
html.dark .dark\:hover\:bg-violet-900\/70:hover { background-color: rgba(76, 29, 149, 0.7) !important; }
.dark .dark\:hover\:text-violet-900\/70:hover,
html.dark .dark\:hover\:text-violet-900\/70:hover { color: rgba(76, 29, 149, 0.7) !important; }
.dark .dark\:hover\:border-violet-900\/70:hover,
html.dark .dark\:hover\:border-violet-900\/70:hover { border-color: rgba(76, 29, 149, 0.7) !important; }

.bg-violet-900\/75 { background-color: rgba(76, 29, 149, 0.75) !important; }
.text-violet-900\/75 { color: rgba(76, 29, 149, 0.75) !important; }
.border-violet-900\/75 { border-color: rgba(76, 29, 149, 0.75) !important; }

.hover\:bg-violet-900\/75:hover { background-color: rgba(76, 29, 149, 0.75) !important; }
.hover\:text-violet-900\/75:hover { color: rgba(76, 29, 149, 0.75) !important; }
.hover\:border-violet-900\/75:hover { border-color: rgba(76, 29, 149, 0.75) !important; }

.dark .dark\:bg-violet-900\/75,
html.dark .dark\:bg-violet-900\/75 { background-color: rgba(76, 29, 149, 0.75) !important; }
.dark .dark\:text-violet-900\/75,
html.dark .dark\:text-violet-900\/75 { color: rgba(76, 29, 149, 0.75) !important; }
.dark .dark\:border-violet-900\/75,
html.dark .dark\:border-violet-900\/75 { border-color: rgba(76, 29, 149, 0.75) !important; }

.dark .dark\:hover\:bg-violet-900\/75:hover,
html.dark .dark\:hover\:bg-violet-900\/75:hover { background-color: rgba(76, 29, 149, 0.75) !important; }
.dark .dark\:hover\:text-violet-900\/75:hover,
html.dark .dark\:hover\:text-violet-900\/75:hover { color: rgba(76, 29, 149, 0.75) !important; }
.dark .dark\:hover\:border-violet-900\/75:hover,
html.dark .dark\:hover\:border-violet-900\/75:hover { border-color: rgba(76, 29, 149, 0.75) !important; }

.bg-violet-900\/80 { background-color: rgba(76, 29, 149, 0.8) !important; }
.text-violet-900\/80 { color: rgba(76, 29, 149, 0.8) !important; }
.border-violet-900\/80 { border-color: rgba(76, 29, 149, 0.8) !important; }

.hover\:bg-violet-900\/80:hover { background-color: rgba(76, 29, 149, 0.8) !important; }
.hover\:text-violet-900\/80:hover { color: rgba(76, 29, 149, 0.8) !important; }
.hover\:border-violet-900\/80:hover { border-color: rgba(76, 29, 149, 0.8) !important; }

.dark .dark\:bg-violet-900\/80,
html.dark .dark\:bg-violet-900\/80 { background-color: rgba(76, 29, 149, 0.8) !important; }
.dark .dark\:text-violet-900\/80,
html.dark .dark\:text-violet-900\/80 { color: rgba(76, 29, 149, 0.8) !important; }
.dark .dark\:border-violet-900\/80,
html.dark .dark\:border-violet-900\/80 { border-color: rgba(76, 29, 149, 0.8) !important; }

.dark .dark\:hover\:bg-violet-900\/80:hover,
html.dark .dark\:hover\:bg-violet-900\/80:hover { background-color: rgba(76, 29, 149, 0.8) !important; }
.dark .dark\:hover\:text-violet-900\/80:hover,
html.dark .dark\:hover\:text-violet-900\/80:hover { color: rgba(76, 29, 149, 0.8) !important; }
.dark .dark\:hover\:border-violet-900\/80:hover,
html.dark .dark\:hover\:border-violet-900\/80:hover { border-color: rgba(76, 29, 149, 0.8) !important; }

.bg-violet-900\/90 { background-color: rgba(76, 29, 149, 0.9) !important; }
.text-violet-900\/90 { color: rgba(76, 29, 149, 0.9) !important; }
.border-violet-900\/90 { border-color: rgba(76, 29, 149, 0.9) !important; }

.hover\:bg-violet-900\/90:hover { background-color: rgba(76, 29, 149, 0.9) !important; }
.hover\:text-violet-900\/90:hover { color: rgba(76, 29, 149, 0.9) !important; }
.hover\:border-violet-900\/90:hover { border-color: rgba(76, 29, 149, 0.9) !important; }

.dark .dark\:bg-violet-900\/90,
html.dark .dark\:bg-violet-900\/90 { background-color: rgba(76, 29, 149, 0.9) !important; }
.dark .dark\:text-violet-900\/90,
html.dark .dark\:text-violet-900\/90 { color: rgba(76, 29, 149, 0.9) !important; }
.dark .dark\:border-violet-900\/90,
html.dark .dark\:border-violet-900\/90 { border-color: rgba(76, 29, 149, 0.9) !important; }

.dark .dark\:hover\:bg-violet-900\/90:hover,
html.dark .dark\:hover\:bg-violet-900\/90:hover { background-color: rgba(76, 29, 149, 0.9) !important; }
.dark .dark\:hover\:text-violet-900\/90:hover,
html.dark .dark\:hover\:text-violet-900\/90:hover { color: rgba(76, 29, 149, 0.9) !important; }
.dark .dark\:hover\:border-violet-900\/90:hover,
html.dark .dark\:hover\:border-violet-900\/90:hover { border-color: rgba(76, 29, 149, 0.9) !important; }

.bg-violet-900\/95 { background-color: rgba(76, 29, 149, 0.95) !important; }
.text-violet-900\/95 { color: rgba(76, 29, 149, 0.95) !important; }
.border-violet-900\/95 { border-color: rgba(76, 29, 149, 0.95) !important; }

.hover\:bg-violet-900\/95:hover { background-color: rgba(76, 29, 149, 0.95) !important; }
.hover\:text-violet-900\/95:hover { color: rgba(76, 29, 149, 0.95) !important; }
.hover\:border-violet-900\/95:hover { border-color: rgba(76, 29, 149, 0.95) !important; }

.dark .dark\:bg-violet-900\/95,
html.dark .dark\:bg-violet-900\/95 { background-color: rgba(76, 29, 149, 0.95) !important; }
.dark .dark\:text-violet-900\/95,
html.dark .dark\:text-violet-900\/95 { color: rgba(76, 29, 149, 0.95) !important; }
.dark .dark\:border-violet-900\/95,
html.dark .dark\:border-violet-900\/95 { border-color: rgba(76, 29, 149, 0.95) !important; }

.dark .dark\:hover\:bg-violet-900\/95:hover,
html.dark .dark\:hover\:bg-violet-900\/95:hover { background-color: rgba(76, 29, 149, 0.95) !important; }
.dark .dark\:hover\:text-violet-900\/95:hover,
html.dark .dark\:hover\:text-violet-900\/95:hover { color: rgba(76, 29, 149, 0.95) !important; }
.dark .dark\:hover\:border-violet-900\/95:hover,
html.dark .dark\:hover\:border-violet-900\/95:hover { border-color: rgba(76, 29, 149, 0.95) !important; }

.bg-violet-950 { background-color: #2e1065 !important; }
.text-violet-950 { color: #2e1065 !important; }
.border-violet-950 { border-color: #2e1065 !important; }
.fill-violet-950 { fill: #2e1065 !important; }
.stroke-violet-950 { stroke: #2e1065 !important; }

/* Hover states */
.hover\:bg-violet-950:hover { background-color: #2e1065 !important; }
.hover\:text-violet-950:hover { color: #2e1065 !important; }
.hover\:border-violet-950:hover { border-color: #2e1065 !important; }

/* Dark mode standard */
.dark .dark\:bg-violet-950,
html.dark .dark\:bg-violet-950 { background-color: #2e1065 !important; }
.dark .dark\:text-violet-950,
html.dark .dark\:text-violet-950 { color: #2e1065 !important; }
.dark .dark\:border-violet-950,
html.dark .dark\:border-violet-950 { border-color: #2e1065 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-violet-950:hover,
html.dark .dark\:hover\:bg-violet-950:hover { background-color: #2e1065 !important; }
.dark .dark\:hover\:text-violet-950:hover,
html.dark .dark\:hover\:text-violet-950:hover { color: #2e1065 !important; }
.dark .dark\:hover\:border-violet-950:hover,
html.dark .dark\:hover\:border-violet-950:hover { border-color: #2e1065 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-violet-950,
html.dark .group:hover .dark\:group-hover\:text-violet-950 { color: #2e1065 !important; }
.dark .group:hover .dark\:group-hover\:bg-violet-950,
html.dark .group:hover .dark\:group-hover\:bg-violet-950 { background-color: #2e1065 !important; }

.bg-violet-950\/10 { background-color: rgba(46, 16, 101, 0.1) !important; }
.text-violet-950\/10 { color: rgba(46, 16, 101, 0.1) !important; }
.border-violet-950\/10 { border-color: rgba(46, 16, 101, 0.1) !important; }

.hover\:bg-violet-950\/10:hover { background-color: rgba(46, 16, 101, 0.1) !important; }
.hover\:text-violet-950\/10:hover { color: rgba(46, 16, 101, 0.1) !important; }
.hover\:border-violet-950\/10:hover { border-color: rgba(46, 16, 101, 0.1) !important; }

.dark .dark\:bg-violet-950\/10,
html.dark .dark\:bg-violet-950\/10 { background-color: rgba(46, 16, 101, 0.1) !important; }
.dark .dark\:text-violet-950\/10,
html.dark .dark\:text-violet-950\/10 { color: rgba(46, 16, 101, 0.1) !important; }
.dark .dark\:border-violet-950\/10,
html.dark .dark\:border-violet-950\/10 { border-color: rgba(46, 16, 101, 0.1) !important; }

.dark .dark\:hover\:bg-violet-950\/10:hover,
html.dark .dark\:hover\:bg-violet-950\/10:hover { background-color: rgba(46, 16, 101, 0.1) !important; }
.dark .dark\:hover\:text-violet-950\/10:hover,
html.dark .dark\:hover\:text-violet-950\/10:hover { color: rgba(46, 16, 101, 0.1) !important; }
.dark .dark\:hover\:border-violet-950\/10:hover,
html.dark .dark\:hover\:border-violet-950\/10:hover { border-color: rgba(46, 16, 101, 0.1) !important; }

.bg-violet-950\/20 { background-color: rgba(46, 16, 101, 0.2) !important; }
.text-violet-950\/20 { color: rgba(46, 16, 101, 0.2) !important; }
.border-violet-950\/20 { border-color: rgba(46, 16, 101, 0.2) !important; }

.hover\:bg-violet-950\/20:hover { background-color: rgba(46, 16, 101, 0.2) !important; }
.hover\:text-violet-950\/20:hover { color: rgba(46, 16, 101, 0.2) !important; }
.hover\:border-violet-950\/20:hover { border-color: rgba(46, 16, 101, 0.2) !important; }

.dark .dark\:bg-violet-950\/20,
html.dark .dark\:bg-violet-950\/20 { background-color: rgba(46, 16, 101, 0.2) !important; }
.dark .dark\:text-violet-950\/20,
html.dark .dark\:text-violet-950\/20 { color: rgba(46, 16, 101, 0.2) !important; }
.dark .dark\:border-violet-950\/20,
html.dark .dark\:border-violet-950\/20 { border-color: rgba(46, 16, 101, 0.2) !important; }

.dark .dark\:hover\:bg-violet-950\/20:hover,
html.dark .dark\:hover\:bg-violet-950\/20:hover { background-color: rgba(46, 16, 101, 0.2) !important; }
.dark .dark\:hover\:text-violet-950\/20:hover,
html.dark .dark\:hover\:text-violet-950\/20:hover { color: rgba(46, 16, 101, 0.2) !important; }
.dark .dark\:hover\:border-violet-950\/20:hover,
html.dark .dark\:hover\:border-violet-950\/20:hover { border-color: rgba(46, 16, 101, 0.2) !important; }

.bg-violet-950\/25 { background-color: rgba(46, 16, 101, 0.25) !important; }
.text-violet-950\/25 { color: rgba(46, 16, 101, 0.25) !important; }
.border-violet-950\/25 { border-color: rgba(46, 16, 101, 0.25) !important; }

.hover\:bg-violet-950\/25:hover { background-color: rgba(46, 16, 101, 0.25) !important; }
.hover\:text-violet-950\/25:hover { color: rgba(46, 16, 101, 0.25) !important; }
.hover\:border-violet-950\/25:hover { border-color: rgba(46, 16, 101, 0.25) !important; }

.dark .dark\:bg-violet-950\/25,
html.dark .dark\:bg-violet-950\/25 { background-color: rgba(46, 16, 101, 0.25) !important; }
.dark .dark\:text-violet-950\/25,
html.dark .dark\:text-violet-950\/25 { color: rgba(46, 16, 101, 0.25) !important; }
.dark .dark\:border-violet-950\/25,
html.dark .dark\:border-violet-950\/25 { border-color: rgba(46, 16, 101, 0.25) !important; }

.dark .dark\:hover\:bg-violet-950\/25:hover,
html.dark .dark\:hover\:bg-violet-950\/25:hover { background-color: rgba(46, 16, 101, 0.25) !important; }
.dark .dark\:hover\:text-violet-950\/25:hover,
html.dark .dark\:hover\:text-violet-950\/25:hover { color: rgba(46, 16, 101, 0.25) !important; }
.dark .dark\:hover\:border-violet-950\/25:hover,
html.dark .dark\:hover\:border-violet-950\/25:hover { border-color: rgba(46, 16, 101, 0.25) !important; }

.bg-violet-950\/30 { background-color: rgba(46, 16, 101, 0.3) !important; }
.text-violet-950\/30 { color: rgba(46, 16, 101, 0.3) !important; }
.border-violet-950\/30 { border-color: rgba(46, 16, 101, 0.3) !important; }

.hover\:bg-violet-950\/30:hover { background-color: rgba(46, 16, 101, 0.3) !important; }
.hover\:text-violet-950\/30:hover { color: rgba(46, 16, 101, 0.3) !important; }
.hover\:border-violet-950\/30:hover { border-color: rgba(46, 16, 101, 0.3) !important; }

.dark .dark\:bg-violet-950\/30,
html.dark .dark\:bg-violet-950\/30 { background-color: rgba(46, 16, 101, 0.3) !important; }
.dark .dark\:text-violet-950\/30,
html.dark .dark\:text-violet-950\/30 { color: rgba(46, 16, 101, 0.3) !important; }
.dark .dark\:border-violet-950\/30,
html.dark .dark\:border-violet-950\/30 { border-color: rgba(46, 16, 101, 0.3) !important; }

.dark .dark\:hover\:bg-violet-950\/30:hover,
html.dark .dark\:hover\:bg-violet-950\/30:hover { background-color: rgba(46, 16, 101, 0.3) !important; }
.dark .dark\:hover\:text-violet-950\/30:hover,
html.dark .dark\:hover\:text-violet-950\/30:hover { color: rgba(46, 16, 101, 0.3) !important; }
.dark .dark\:hover\:border-violet-950\/30:hover,
html.dark .dark\:hover\:border-violet-950\/30:hover { border-color: rgba(46, 16, 101, 0.3) !important; }

.bg-violet-950\/40 { background-color: rgba(46, 16, 101, 0.4) !important; }
.text-violet-950\/40 { color: rgba(46, 16, 101, 0.4) !important; }
.border-violet-950\/40 { border-color: rgba(46, 16, 101, 0.4) !important; }

.hover\:bg-violet-950\/40:hover { background-color: rgba(46, 16, 101, 0.4) !important; }
.hover\:text-violet-950\/40:hover { color: rgba(46, 16, 101, 0.4) !important; }
.hover\:border-violet-950\/40:hover { border-color: rgba(46, 16, 101, 0.4) !important; }

.dark .dark\:bg-violet-950\/40,
html.dark .dark\:bg-violet-950\/40 { background-color: rgba(46, 16, 101, 0.4) !important; }
.dark .dark\:text-violet-950\/40,
html.dark .dark\:text-violet-950\/40 { color: rgba(46, 16, 101, 0.4) !important; }
.dark .dark\:border-violet-950\/40,
html.dark .dark\:border-violet-950\/40 { border-color: rgba(46, 16, 101, 0.4) !important; }

.dark .dark\:hover\:bg-violet-950\/40:hover,
html.dark .dark\:hover\:bg-violet-950\/40:hover { background-color: rgba(46, 16, 101, 0.4) !important; }
.dark .dark\:hover\:text-violet-950\/40:hover,
html.dark .dark\:hover\:text-violet-950\/40:hover { color: rgba(46, 16, 101, 0.4) !important; }
.dark .dark\:hover\:border-violet-950\/40:hover,
html.dark .dark\:hover\:border-violet-950\/40:hover { border-color: rgba(46, 16, 101, 0.4) !important; }

.bg-violet-950\/50 { background-color: rgba(46, 16, 101, 0.5) !important; }
.text-violet-950\/50 { color: rgba(46, 16, 101, 0.5) !important; }
.border-violet-950\/50 { border-color: rgba(46, 16, 101, 0.5) !important; }

.hover\:bg-violet-950\/50:hover { background-color: rgba(46, 16, 101, 0.5) !important; }
.hover\:text-violet-950\/50:hover { color: rgba(46, 16, 101, 0.5) !important; }
.hover\:border-violet-950\/50:hover { border-color: rgba(46, 16, 101, 0.5) !important; }

.dark .dark\:bg-violet-950\/50,
html.dark .dark\:bg-violet-950\/50 { background-color: rgba(46, 16, 101, 0.5) !important; }
.dark .dark\:text-violet-950\/50,
html.dark .dark\:text-violet-950\/50 { color: rgba(46, 16, 101, 0.5) !important; }
.dark .dark\:border-violet-950\/50,
html.dark .dark\:border-violet-950\/50 { border-color: rgba(46, 16, 101, 0.5) !important; }

.dark .dark\:hover\:bg-violet-950\/50:hover,
html.dark .dark\:hover\:bg-violet-950\/50:hover { background-color: rgba(46, 16, 101, 0.5) !important; }
.dark .dark\:hover\:text-violet-950\/50:hover,
html.dark .dark\:hover\:text-violet-950\/50:hover { color: rgba(46, 16, 101, 0.5) !important; }
.dark .dark\:hover\:border-violet-950\/50:hover,
html.dark .dark\:hover\:border-violet-950\/50:hover { border-color: rgba(46, 16, 101, 0.5) !important; }

.bg-violet-950\/60 { background-color: rgba(46, 16, 101, 0.6) !important; }
.text-violet-950\/60 { color: rgba(46, 16, 101, 0.6) !important; }
.border-violet-950\/60 { border-color: rgba(46, 16, 101, 0.6) !important; }

.hover\:bg-violet-950\/60:hover { background-color: rgba(46, 16, 101, 0.6) !important; }
.hover\:text-violet-950\/60:hover { color: rgba(46, 16, 101, 0.6) !important; }
.hover\:border-violet-950\/60:hover { border-color: rgba(46, 16, 101, 0.6) !important; }

.dark .dark\:bg-violet-950\/60,
html.dark .dark\:bg-violet-950\/60 { background-color: rgba(46, 16, 101, 0.6) !important; }
.dark .dark\:text-violet-950\/60,
html.dark .dark\:text-violet-950\/60 { color: rgba(46, 16, 101, 0.6) !important; }
.dark .dark\:border-violet-950\/60,
html.dark .dark\:border-violet-950\/60 { border-color: rgba(46, 16, 101, 0.6) !important; }

.dark .dark\:hover\:bg-violet-950\/60:hover,
html.dark .dark\:hover\:bg-violet-950\/60:hover { background-color: rgba(46, 16, 101, 0.6) !important; }
.dark .dark\:hover\:text-violet-950\/60:hover,
html.dark .dark\:hover\:text-violet-950\/60:hover { color: rgba(46, 16, 101, 0.6) !important; }
.dark .dark\:hover\:border-violet-950\/60:hover,
html.dark .dark\:hover\:border-violet-950\/60:hover { border-color: rgba(46, 16, 101, 0.6) !important; }

.bg-violet-950\/70 { background-color: rgba(46, 16, 101, 0.7) !important; }
.text-violet-950\/70 { color: rgba(46, 16, 101, 0.7) !important; }
.border-violet-950\/70 { border-color: rgba(46, 16, 101, 0.7) !important; }

.hover\:bg-violet-950\/70:hover { background-color: rgba(46, 16, 101, 0.7) !important; }
.hover\:text-violet-950\/70:hover { color: rgba(46, 16, 101, 0.7) !important; }
.hover\:border-violet-950\/70:hover { border-color: rgba(46, 16, 101, 0.7) !important; }

.dark .dark\:bg-violet-950\/70,
html.dark .dark\:bg-violet-950\/70 { background-color: rgba(46, 16, 101, 0.7) !important; }
.dark .dark\:text-violet-950\/70,
html.dark .dark\:text-violet-950\/70 { color: rgba(46, 16, 101, 0.7) !important; }
.dark .dark\:border-violet-950\/70,
html.dark .dark\:border-violet-950\/70 { border-color: rgba(46, 16, 101, 0.7) !important; }

.dark .dark\:hover\:bg-violet-950\/70:hover,
html.dark .dark\:hover\:bg-violet-950\/70:hover { background-color: rgba(46, 16, 101, 0.7) !important; }
.dark .dark\:hover\:text-violet-950\/70:hover,
html.dark .dark\:hover\:text-violet-950\/70:hover { color: rgba(46, 16, 101, 0.7) !important; }
.dark .dark\:hover\:border-violet-950\/70:hover,
html.dark .dark\:hover\:border-violet-950\/70:hover { border-color: rgba(46, 16, 101, 0.7) !important; }

.bg-violet-950\/75 { background-color: rgba(46, 16, 101, 0.75) !important; }
.text-violet-950\/75 { color: rgba(46, 16, 101, 0.75) !important; }
.border-violet-950\/75 { border-color: rgba(46, 16, 101, 0.75) !important; }

.hover\:bg-violet-950\/75:hover { background-color: rgba(46, 16, 101, 0.75) !important; }
.hover\:text-violet-950\/75:hover { color: rgba(46, 16, 101, 0.75) !important; }
.hover\:border-violet-950\/75:hover { border-color: rgba(46, 16, 101, 0.75) !important; }

.dark .dark\:bg-violet-950\/75,
html.dark .dark\:bg-violet-950\/75 { background-color: rgba(46, 16, 101, 0.75) !important; }
.dark .dark\:text-violet-950\/75,
html.dark .dark\:text-violet-950\/75 { color: rgba(46, 16, 101, 0.75) !important; }
.dark .dark\:border-violet-950\/75,
html.dark .dark\:border-violet-950\/75 { border-color: rgba(46, 16, 101, 0.75) !important; }

.dark .dark\:hover\:bg-violet-950\/75:hover,
html.dark .dark\:hover\:bg-violet-950\/75:hover { background-color: rgba(46, 16, 101, 0.75) !important; }
.dark .dark\:hover\:text-violet-950\/75:hover,
html.dark .dark\:hover\:text-violet-950\/75:hover { color: rgba(46, 16, 101, 0.75) !important; }
.dark .dark\:hover\:border-violet-950\/75:hover,
html.dark .dark\:hover\:border-violet-950\/75:hover { border-color: rgba(46, 16, 101, 0.75) !important; }

.bg-violet-950\/80 { background-color: rgba(46, 16, 101, 0.8) !important; }
.text-violet-950\/80 { color: rgba(46, 16, 101, 0.8) !important; }
.border-violet-950\/80 { border-color: rgba(46, 16, 101, 0.8) !important; }

.hover\:bg-violet-950\/80:hover { background-color: rgba(46, 16, 101, 0.8) !important; }
.hover\:text-violet-950\/80:hover { color: rgba(46, 16, 101, 0.8) !important; }
.hover\:border-violet-950\/80:hover { border-color: rgba(46, 16, 101, 0.8) !important; }

.dark .dark\:bg-violet-950\/80,
html.dark .dark\:bg-violet-950\/80 { background-color: rgba(46, 16, 101, 0.8) !important; }
.dark .dark\:text-violet-950\/80,
html.dark .dark\:text-violet-950\/80 { color: rgba(46, 16, 101, 0.8) !important; }
.dark .dark\:border-violet-950\/80,
html.dark .dark\:border-violet-950\/80 { border-color: rgba(46, 16, 101, 0.8) !important; }

.dark .dark\:hover\:bg-violet-950\/80:hover,
html.dark .dark\:hover\:bg-violet-950\/80:hover { background-color: rgba(46, 16, 101, 0.8) !important; }
.dark .dark\:hover\:text-violet-950\/80:hover,
html.dark .dark\:hover\:text-violet-950\/80:hover { color: rgba(46, 16, 101, 0.8) !important; }
.dark .dark\:hover\:border-violet-950\/80:hover,
html.dark .dark\:hover\:border-violet-950\/80:hover { border-color: rgba(46, 16, 101, 0.8) !important; }

.bg-violet-950\/90 { background-color: rgba(46, 16, 101, 0.9) !important; }
.text-violet-950\/90 { color: rgba(46, 16, 101, 0.9) !important; }
.border-violet-950\/90 { border-color: rgba(46, 16, 101, 0.9) !important; }

.hover\:bg-violet-950\/90:hover { background-color: rgba(46, 16, 101, 0.9) !important; }
.hover\:text-violet-950\/90:hover { color: rgba(46, 16, 101, 0.9) !important; }
.hover\:border-violet-950\/90:hover { border-color: rgba(46, 16, 101, 0.9) !important; }

.dark .dark\:bg-violet-950\/90,
html.dark .dark\:bg-violet-950\/90 { background-color: rgba(46, 16, 101, 0.9) !important; }
.dark .dark\:text-violet-950\/90,
html.dark .dark\:text-violet-950\/90 { color: rgba(46, 16, 101, 0.9) !important; }
.dark .dark\:border-violet-950\/90,
html.dark .dark\:border-violet-950\/90 { border-color: rgba(46, 16, 101, 0.9) !important; }

.dark .dark\:hover\:bg-violet-950\/90:hover,
html.dark .dark\:hover\:bg-violet-950\/90:hover { background-color: rgba(46, 16, 101, 0.9) !important; }
.dark .dark\:hover\:text-violet-950\/90:hover,
html.dark .dark\:hover\:text-violet-950\/90:hover { color: rgba(46, 16, 101, 0.9) !important; }
.dark .dark\:hover\:border-violet-950\/90:hover,
html.dark .dark\:hover\:border-violet-950\/90:hover { border-color: rgba(46, 16, 101, 0.9) !important; }

.bg-violet-950\/95 { background-color: rgba(46, 16, 101, 0.95) !important; }
.text-violet-950\/95 { color: rgba(46, 16, 101, 0.95) !important; }
.border-violet-950\/95 { border-color: rgba(46, 16, 101, 0.95) !important; }

.hover\:bg-violet-950\/95:hover { background-color: rgba(46, 16, 101, 0.95) !important; }
.hover\:text-violet-950\/95:hover { color: rgba(46, 16, 101, 0.95) !important; }
.hover\:border-violet-950\/95:hover { border-color: rgba(46, 16, 101, 0.95) !important; }

.dark .dark\:bg-violet-950\/95,
html.dark .dark\:bg-violet-950\/95 { background-color: rgba(46, 16, 101, 0.95) !important; }
.dark .dark\:text-violet-950\/95,
html.dark .dark\:text-violet-950\/95 { color: rgba(46, 16, 101, 0.95) !important; }
.dark .dark\:border-violet-950\/95,
html.dark .dark\:border-violet-950\/95 { border-color: rgba(46, 16, 101, 0.95) !important; }

.dark .dark\:hover\:bg-violet-950\/95:hover,
html.dark .dark\:hover\:bg-violet-950\/95:hover { background-color: rgba(46, 16, 101, 0.95) !important; }
.dark .dark\:hover\:text-violet-950\/95:hover,
html.dark .dark\:hover\:text-violet-950\/95:hover { color: rgba(46, 16, 101, 0.95) !important; }
.dark .dark\:hover\:border-violet-950\/95:hover,
html.dark .dark\:hover\:border-violet-950\/95:hover { border-color: rgba(46, 16, 101, 0.95) !important; }

.bg-purple-50 { background-color: #faf5ff !important; }
.text-purple-50 { color: #faf5ff !important; }
.border-purple-50 { border-color: #faf5ff !important; }
.fill-purple-50 { fill: #faf5ff !important; }
.stroke-purple-50 { stroke: #faf5ff !important; }

/* Hover states */
.hover\:bg-purple-50:hover { background-color: #faf5ff !important; }
.hover\:text-purple-50:hover { color: #faf5ff !important; }
.hover\:border-purple-50:hover { border-color: #faf5ff !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-50,
html.dark .dark\:bg-purple-50 { background-color: #faf5ff !important; }
.dark .dark\:text-purple-50,
html.dark .dark\:text-purple-50 { color: #faf5ff !important; }
.dark .dark\:border-purple-50,
html.dark .dark\:border-purple-50 { border-color: #faf5ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-50:hover,
html.dark .dark\:hover\:bg-purple-50:hover { background-color: #faf5ff !important; }
.dark .dark\:hover\:text-purple-50:hover,
html.dark .dark\:hover\:text-purple-50:hover { color: #faf5ff !important; }
.dark .dark\:hover\:border-purple-50:hover,
html.dark .dark\:hover\:border-purple-50:hover { border-color: #faf5ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-50,
html.dark .group:hover .dark\:group-hover\:text-purple-50 { color: #faf5ff !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-50,
html.dark .group:hover .dark\:group-hover\:bg-purple-50 { background-color: #faf5ff !important; }

.bg-purple-50\/10 { background-color: rgba(250, 245, 255, 0.1) !important; }
.text-purple-50\/10 { color: rgba(250, 245, 255, 0.1) !important; }
.border-purple-50\/10 { border-color: rgba(250, 245, 255, 0.1) !important; }

.hover\:bg-purple-50\/10:hover { background-color: rgba(250, 245, 255, 0.1) !important; }
.hover\:text-purple-50\/10:hover { color: rgba(250, 245, 255, 0.1) !important; }
.hover\:border-purple-50\/10:hover { border-color: rgba(250, 245, 255, 0.1) !important; }

.dark .dark\:bg-purple-50\/10,
html.dark .dark\:bg-purple-50\/10 { background-color: rgba(250, 245, 255, 0.1) !important; }
.dark .dark\:text-purple-50\/10,
html.dark .dark\:text-purple-50\/10 { color: rgba(250, 245, 255, 0.1) !important; }
.dark .dark\:border-purple-50\/10,
html.dark .dark\:border-purple-50\/10 { border-color: rgba(250, 245, 255, 0.1) !important; }

.dark .dark\:hover\:bg-purple-50\/10:hover,
html.dark .dark\:hover\:bg-purple-50\/10:hover { background-color: rgba(250, 245, 255, 0.1) !important; }
.dark .dark\:hover\:text-purple-50\/10:hover,
html.dark .dark\:hover\:text-purple-50\/10:hover { color: rgba(250, 245, 255, 0.1) !important; }
.dark .dark\:hover\:border-purple-50\/10:hover,
html.dark .dark\:hover\:border-purple-50\/10:hover { border-color: rgba(250, 245, 255, 0.1) !important; }

.bg-purple-50\/20 { background-color: rgba(250, 245, 255, 0.2) !important; }
.text-purple-50\/20 { color: rgba(250, 245, 255, 0.2) !important; }
.border-purple-50\/20 { border-color: rgba(250, 245, 255, 0.2) !important; }

.hover\:bg-purple-50\/20:hover { background-color: rgba(250, 245, 255, 0.2) !important; }
.hover\:text-purple-50\/20:hover { color: rgba(250, 245, 255, 0.2) !important; }
.hover\:border-purple-50\/20:hover { border-color: rgba(250, 245, 255, 0.2) !important; }

.dark .dark\:bg-purple-50\/20,
html.dark .dark\:bg-purple-50\/20 { background-color: rgba(250, 245, 255, 0.2) !important; }
.dark .dark\:text-purple-50\/20,
html.dark .dark\:text-purple-50\/20 { color: rgba(250, 245, 255, 0.2) !important; }
.dark .dark\:border-purple-50\/20,
html.dark .dark\:border-purple-50\/20 { border-color: rgba(250, 245, 255, 0.2) !important; }

.dark .dark\:hover\:bg-purple-50\/20:hover,
html.dark .dark\:hover\:bg-purple-50\/20:hover { background-color: rgba(250, 245, 255, 0.2) !important; }
.dark .dark\:hover\:text-purple-50\/20:hover,
html.dark .dark\:hover\:text-purple-50\/20:hover { color: rgba(250, 245, 255, 0.2) !important; }
.dark .dark\:hover\:border-purple-50\/20:hover,
html.dark .dark\:hover\:border-purple-50\/20:hover { border-color: rgba(250, 245, 255, 0.2) !important; }

.bg-purple-50\/25 { background-color: rgba(250, 245, 255, 0.25) !important; }
.text-purple-50\/25 { color: rgba(250, 245, 255, 0.25) !important; }
.border-purple-50\/25 { border-color: rgba(250, 245, 255, 0.25) !important; }

.hover\:bg-purple-50\/25:hover { background-color: rgba(250, 245, 255, 0.25) !important; }
.hover\:text-purple-50\/25:hover { color: rgba(250, 245, 255, 0.25) !important; }
.hover\:border-purple-50\/25:hover { border-color: rgba(250, 245, 255, 0.25) !important; }

.dark .dark\:bg-purple-50\/25,
html.dark .dark\:bg-purple-50\/25 { background-color: rgba(250, 245, 255, 0.25) !important; }
.dark .dark\:text-purple-50\/25,
html.dark .dark\:text-purple-50\/25 { color: rgba(250, 245, 255, 0.25) !important; }
.dark .dark\:border-purple-50\/25,
html.dark .dark\:border-purple-50\/25 { border-color: rgba(250, 245, 255, 0.25) !important; }

.dark .dark\:hover\:bg-purple-50\/25:hover,
html.dark .dark\:hover\:bg-purple-50\/25:hover { background-color: rgba(250, 245, 255, 0.25) !important; }
.dark .dark\:hover\:text-purple-50\/25:hover,
html.dark .dark\:hover\:text-purple-50\/25:hover { color: rgba(250, 245, 255, 0.25) !important; }
.dark .dark\:hover\:border-purple-50\/25:hover,
html.dark .dark\:hover\:border-purple-50\/25:hover { border-color: rgba(250, 245, 255, 0.25) !important; }

.bg-purple-50\/30 { background-color: rgba(250, 245, 255, 0.3) !important; }
.text-purple-50\/30 { color: rgba(250, 245, 255, 0.3) !important; }
.border-purple-50\/30 { border-color: rgba(250, 245, 255, 0.3) !important; }

.hover\:bg-purple-50\/30:hover { background-color: rgba(250, 245, 255, 0.3) !important; }
.hover\:text-purple-50\/30:hover { color: rgba(250, 245, 255, 0.3) !important; }
.hover\:border-purple-50\/30:hover { border-color: rgba(250, 245, 255, 0.3) !important; }

.dark .dark\:bg-purple-50\/30,
html.dark .dark\:bg-purple-50\/30 { background-color: rgba(250, 245, 255, 0.3) !important; }
.dark .dark\:text-purple-50\/30,
html.dark .dark\:text-purple-50\/30 { color: rgba(250, 245, 255, 0.3) !important; }
.dark .dark\:border-purple-50\/30,
html.dark .dark\:border-purple-50\/30 { border-color: rgba(250, 245, 255, 0.3) !important; }

.dark .dark\:hover\:bg-purple-50\/30:hover,
html.dark .dark\:hover\:bg-purple-50\/30:hover { background-color: rgba(250, 245, 255, 0.3) !important; }
.dark .dark\:hover\:text-purple-50\/30:hover,
html.dark .dark\:hover\:text-purple-50\/30:hover { color: rgba(250, 245, 255, 0.3) !important; }
.dark .dark\:hover\:border-purple-50\/30:hover,
html.dark .dark\:hover\:border-purple-50\/30:hover { border-color: rgba(250, 245, 255, 0.3) !important; }

.bg-purple-50\/40 { background-color: rgba(250, 245, 255, 0.4) !important; }
.text-purple-50\/40 { color: rgba(250, 245, 255, 0.4) !important; }
.border-purple-50\/40 { border-color: rgba(250, 245, 255, 0.4) !important; }

.hover\:bg-purple-50\/40:hover { background-color: rgba(250, 245, 255, 0.4) !important; }
.hover\:text-purple-50\/40:hover { color: rgba(250, 245, 255, 0.4) !important; }
.hover\:border-purple-50\/40:hover { border-color: rgba(250, 245, 255, 0.4) !important; }

.dark .dark\:bg-purple-50\/40,
html.dark .dark\:bg-purple-50\/40 { background-color: rgba(250, 245, 255, 0.4) !important; }
.dark .dark\:text-purple-50\/40,
html.dark .dark\:text-purple-50\/40 { color: rgba(250, 245, 255, 0.4) !important; }
.dark .dark\:border-purple-50\/40,
html.dark .dark\:border-purple-50\/40 { border-color: rgba(250, 245, 255, 0.4) !important; }

.dark .dark\:hover\:bg-purple-50\/40:hover,
html.dark .dark\:hover\:bg-purple-50\/40:hover { background-color: rgba(250, 245, 255, 0.4) !important; }
.dark .dark\:hover\:text-purple-50\/40:hover,
html.dark .dark\:hover\:text-purple-50\/40:hover { color: rgba(250, 245, 255, 0.4) !important; }
.dark .dark\:hover\:border-purple-50\/40:hover,
html.dark .dark\:hover\:border-purple-50\/40:hover { border-color: rgba(250, 245, 255, 0.4) !important; }

.bg-purple-50\/50 { background-color: rgba(250, 245, 255, 0.5) !important; }
.text-purple-50\/50 { color: rgba(250, 245, 255, 0.5) !important; }
.border-purple-50\/50 { border-color: rgba(250, 245, 255, 0.5) !important; }

.hover\:bg-purple-50\/50:hover { background-color: rgba(250, 245, 255, 0.5) !important; }
.hover\:text-purple-50\/50:hover { color: rgba(250, 245, 255, 0.5) !important; }
.hover\:border-purple-50\/50:hover { border-color: rgba(250, 245, 255, 0.5) !important; }

.dark .dark\:bg-purple-50\/50,
html.dark .dark\:bg-purple-50\/50 { background-color: rgba(250, 245, 255, 0.5) !important; }
.dark .dark\:text-purple-50\/50,
html.dark .dark\:text-purple-50\/50 { color: rgba(250, 245, 255, 0.5) !important; }
.dark .dark\:border-purple-50\/50,
html.dark .dark\:border-purple-50\/50 { border-color: rgba(250, 245, 255, 0.5) !important; }

.dark .dark\:hover\:bg-purple-50\/50:hover,
html.dark .dark\:hover\:bg-purple-50\/50:hover { background-color: rgba(250, 245, 255, 0.5) !important; }
.dark .dark\:hover\:text-purple-50\/50:hover,
html.dark .dark\:hover\:text-purple-50\/50:hover { color: rgba(250, 245, 255, 0.5) !important; }
.dark .dark\:hover\:border-purple-50\/50:hover,
html.dark .dark\:hover\:border-purple-50\/50:hover { border-color: rgba(250, 245, 255, 0.5) !important; }

.bg-purple-50\/60 { background-color: rgba(250, 245, 255, 0.6) !important; }
.text-purple-50\/60 { color: rgba(250, 245, 255, 0.6) !important; }
.border-purple-50\/60 { border-color: rgba(250, 245, 255, 0.6) !important; }

.hover\:bg-purple-50\/60:hover { background-color: rgba(250, 245, 255, 0.6) !important; }
.hover\:text-purple-50\/60:hover { color: rgba(250, 245, 255, 0.6) !important; }
.hover\:border-purple-50\/60:hover { border-color: rgba(250, 245, 255, 0.6) !important; }

.dark .dark\:bg-purple-50\/60,
html.dark .dark\:bg-purple-50\/60 { background-color: rgba(250, 245, 255, 0.6) !important; }
.dark .dark\:text-purple-50\/60,
html.dark .dark\:text-purple-50\/60 { color: rgba(250, 245, 255, 0.6) !important; }
.dark .dark\:border-purple-50\/60,
html.dark .dark\:border-purple-50\/60 { border-color: rgba(250, 245, 255, 0.6) !important; }

.dark .dark\:hover\:bg-purple-50\/60:hover,
html.dark .dark\:hover\:bg-purple-50\/60:hover { background-color: rgba(250, 245, 255, 0.6) !important; }
.dark .dark\:hover\:text-purple-50\/60:hover,
html.dark .dark\:hover\:text-purple-50\/60:hover { color: rgba(250, 245, 255, 0.6) !important; }
.dark .dark\:hover\:border-purple-50\/60:hover,
html.dark .dark\:hover\:border-purple-50\/60:hover { border-color: rgba(250, 245, 255, 0.6) !important; }

.bg-purple-50\/70 { background-color: rgba(250, 245, 255, 0.7) !important; }
.text-purple-50\/70 { color: rgba(250, 245, 255, 0.7) !important; }
.border-purple-50\/70 { border-color: rgba(250, 245, 255, 0.7) !important; }

.hover\:bg-purple-50\/70:hover { background-color: rgba(250, 245, 255, 0.7) !important; }
.hover\:text-purple-50\/70:hover { color: rgba(250, 245, 255, 0.7) !important; }
.hover\:border-purple-50\/70:hover { border-color: rgba(250, 245, 255, 0.7) !important; }

.dark .dark\:bg-purple-50\/70,
html.dark .dark\:bg-purple-50\/70 { background-color: rgba(250, 245, 255, 0.7) !important; }
.dark .dark\:text-purple-50\/70,
html.dark .dark\:text-purple-50\/70 { color: rgba(250, 245, 255, 0.7) !important; }
.dark .dark\:border-purple-50\/70,
html.dark .dark\:border-purple-50\/70 { border-color: rgba(250, 245, 255, 0.7) !important; }

.dark .dark\:hover\:bg-purple-50\/70:hover,
html.dark .dark\:hover\:bg-purple-50\/70:hover { background-color: rgba(250, 245, 255, 0.7) !important; }
.dark .dark\:hover\:text-purple-50\/70:hover,
html.dark .dark\:hover\:text-purple-50\/70:hover { color: rgba(250, 245, 255, 0.7) !important; }
.dark .dark\:hover\:border-purple-50\/70:hover,
html.dark .dark\:hover\:border-purple-50\/70:hover { border-color: rgba(250, 245, 255, 0.7) !important; }

.bg-purple-50\/75 { background-color: rgba(250, 245, 255, 0.75) !important; }
.text-purple-50\/75 { color: rgba(250, 245, 255, 0.75) !important; }
.border-purple-50\/75 { border-color: rgba(250, 245, 255, 0.75) !important; }

.hover\:bg-purple-50\/75:hover { background-color: rgba(250, 245, 255, 0.75) !important; }
.hover\:text-purple-50\/75:hover { color: rgba(250, 245, 255, 0.75) !important; }
.hover\:border-purple-50\/75:hover { border-color: rgba(250, 245, 255, 0.75) !important; }

.dark .dark\:bg-purple-50\/75,
html.dark .dark\:bg-purple-50\/75 { background-color: rgba(250, 245, 255, 0.75) !important; }
.dark .dark\:text-purple-50\/75,
html.dark .dark\:text-purple-50\/75 { color: rgba(250, 245, 255, 0.75) !important; }
.dark .dark\:border-purple-50\/75,
html.dark .dark\:border-purple-50\/75 { border-color: rgba(250, 245, 255, 0.75) !important; }

.dark .dark\:hover\:bg-purple-50\/75:hover,
html.dark .dark\:hover\:bg-purple-50\/75:hover { background-color: rgba(250, 245, 255, 0.75) !important; }
.dark .dark\:hover\:text-purple-50\/75:hover,
html.dark .dark\:hover\:text-purple-50\/75:hover { color: rgba(250, 245, 255, 0.75) !important; }
.dark .dark\:hover\:border-purple-50\/75:hover,
html.dark .dark\:hover\:border-purple-50\/75:hover { border-color: rgba(250, 245, 255, 0.75) !important; }

.bg-purple-50\/80 { background-color: rgba(250, 245, 255, 0.8) !important; }
.text-purple-50\/80 { color: rgba(250, 245, 255, 0.8) !important; }
.border-purple-50\/80 { border-color: rgba(250, 245, 255, 0.8) !important; }

.hover\:bg-purple-50\/80:hover { background-color: rgba(250, 245, 255, 0.8) !important; }
.hover\:text-purple-50\/80:hover { color: rgba(250, 245, 255, 0.8) !important; }
.hover\:border-purple-50\/80:hover { border-color: rgba(250, 245, 255, 0.8) !important; }

.dark .dark\:bg-purple-50\/80,
html.dark .dark\:bg-purple-50\/80 { background-color: rgba(250, 245, 255, 0.8) !important; }
.dark .dark\:text-purple-50\/80,
html.dark .dark\:text-purple-50\/80 { color: rgba(250, 245, 255, 0.8) !important; }
.dark .dark\:border-purple-50\/80,
html.dark .dark\:border-purple-50\/80 { border-color: rgba(250, 245, 255, 0.8) !important; }

.dark .dark\:hover\:bg-purple-50\/80:hover,
html.dark .dark\:hover\:bg-purple-50\/80:hover { background-color: rgba(250, 245, 255, 0.8) !important; }
.dark .dark\:hover\:text-purple-50\/80:hover,
html.dark .dark\:hover\:text-purple-50\/80:hover { color: rgba(250, 245, 255, 0.8) !important; }
.dark .dark\:hover\:border-purple-50\/80:hover,
html.dark .dark\:hover\:border-purple-50\/80:hover { border-color: rgba(250, 245, 255, 0.8) !important; }

.bg-purple-50\/90 { background-color: rgba(250, 245, 255, 0.9) !important; }
.text-purple-50\/90 { color: rgba(250, 245, 255, 0.9) !important; }
.border-purple-50\/90 { border-color: rgba(250, 245, 255, 0.9) !important; }

.hover\:bg-purple-50\/90:hover { background-color: rgba(250, 245, 255, 0.9) !important; }
.hover\:text-purple-50\/90:hover { color: rgba(250, 245, 255, 0.9) !important; }
.hover\:border-purple-50\/90:hover { border-color: rgba(250, 245, 255, 0.9) !important; }

.dark .dark\:bg-purple-50\/90,
html.dark .dark\:bg-purple-50\/90 { background-color: rgba(250, 245, 255, 0.9) !important; }
.dark .dark\:text-purple-50\/90,
html.dark .dark\:text-purple-50\/90 { color: rgba(250, 245, 255, 0.9) !important; }
.dark .dark\:border-purple-50\/90,
html.dark .dark\:border-purple-50\/90 { border-color: rgba(250, 245, 255, 0.9) !important; }

.dark .dark\:hover\:bg-purple-50\/90:hover,
html.dark .dark\:hover\:bg-purple-50\/90:hover { background-color: rgba(250, 245, 255, 0.9) !important; }
.dark .dark\:hover\:text-purple-50\/90:hover,
html.dark .dark\:hover\:text-purple-50\/90:hover { color: rgba(250, 245, 255, 0.9) !important; }
.dark .dark\:hover\:border-purple-50\/90:hover,
html.dark .dark\:hover\:border-purple-50\/90:hover { border-color: rgba(250, 245, 255, 0.9) !important; }

.bg-purple-50\/95 { background-color: rgba(250, 245, 255, 0.95) !important; }
.text-purple-50\/95 { color: rgba(250, 245, 255, 0.95) !important; }
.border-purple-50\/95 { border-color: rgba(250, 245, 255, 0.95) !important; }

.hover\:bg-purple-50\/95:hover { background-color: rgba(250, 245, 255, 0.95) !important; }
.hover\:text-purple-50\/95:hover { color: rgba(250, 245, 255, 0.95) !important; }
.hover\:border-purple-50\/95:hover { border-color: rgba(250, 245, 255, 0.95) !important; }

.dark .dark\:bg-purple-50\/95,
html.dark .dark\:bg-purple-50\/95 { background-color: rgba(250, 245, 255, 0.95) !important; }
.dark .dark\:text-purple-50\/95,
html.dark .dark\:text-purple-50\/95 { color: rgba(250, 245, 255, 0.95) !important; }
.dark .dark\:border-purple-50\/95,
html.dark .dark\:border-purple-50\/95 { border-color: rgba(250, 245, 255, 0.95) !important; }

.dark .dark\:hover\:bg-purple-50\/95:hover,
html.dark .dark\:hover\:bg-purple-50\/95:hover { background-color: rgba(250, 245, 255, 0.95) !important; }
.dark .dark\:hover\:text-purple-50\/95:hover,
html.dark .dark\:hover\:text-purple-50\/95:hover { color: rgba(250, 245, 255, 0.95) !important; }
.dark .dark\:hover\:border-purple-50\/95:hover,
html.dark .dark\:hover\:border-purple-50\/95:hover { border-color: rgba(250, 245, 255, 0.95) !important; }

.bg-purple-100 { background-color: #f3e8ff !important; }
.text-purple-100 { color: #f3e8ff !important; }
.border-purple-100 { border-color: #f3e8ff !important; }
.fill-purple-100 { fill: #f3e8ff !important; }
.stroke-purple-100 { stroke: #f3e8ff !important; }

/* Hover states */
.hover\:bg-purple-100:hover { background-color: #f3e8ff !important; }
.hover\:text-purple-100:hover { color: #f3e8ff !important; }
.hover\:border-purple-100:hover { border-color: #f3e8ff !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-100,
html.dark .dark\:bg-purple-100 { background-color: #f3e8ff !important; }
.dark .dark\:text-purple-100,
html.dark .dark\:text-purple-100 { color: #f3e8ff !important; }
.dark .dark\:border-purple-100,
html.dark .dark\:border-purple-100 { border-color: #f3e8ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-100:hover,
html.dark .dark\:hover\:bg-purple-100:hover { background-color: #f3e8ff !important; }
.dark .dark\:hover\:text-purple-100:hover,
html.dark .dark\:hover\:text-purple-100:hover { color: #f3e8ff !important; }
.dark .dark\:hover\:border-purple-100:hover,
html.dark .dark\:hover\:border-purple-100:hover { border-color: #f3e8ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-100,
html.dark .group:hover .dark\:group-hover\:text-purple-100 { color: #f3e8ff !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-100,
html.dark .group:hover .dark\:group-hover\:bg-purple-100 { background-color: #f3e8ff !important; }

.bg-purple-100\/10 { background-color: rgba(243, 232, 255, 0.1) !important; }
.text-purple-100\/10 { color: rgba(243, 232, 255, 0.1) !important; }
.border-purple-100\/10 { border-color: rgba(243, 232, 255, 0.1) !important; }

.hover\:bg-purple-100\/10:hover { background-color: rgba(243, 232, 255, 0.1) !important; }
.hover\:text-purple-100\/10:hover { color: rgba(243, 232, 255, 0.1) !important; }
.hover\:border-purple-100\/10:hover { border-color: rgba(243, 232, 255, 0.1) !important; }

.dark .dark\:bg-purple-100\/10,
html.dark .dark\:bg-purple-100\/10 { background-color: rgba(243, 232, 255, 0.1) !important; }
.dark .dark\:text-purple-100\/10,
html.dark .dark\:text-purple-100\/10 { color: rgba(243, 232, 255, 0.1) !important; }
.dark .dark\:border-purple-100\/10,
html.dark .dark\:border-purple-100\/10 { border-color: rgba(243, 232, 255, 0.1) !important; }

.dark .dark\:hover\:bg-purple-100\/10:hover,
html.dark .dark\:hover\:bg-purple-100\/10:hover { background-color: rgba(243, 232, 255, 0.1) !important; }
.dark .dark\:hover\:text-purple-100\/10:hover,
html.dark .dark\:hover\:text-purple-100\/10:hover { color: rgba(243, 232, 255, 0.1) !important; }
.dark .dark\:hover\:border-purple-100\/10:hover,
html.dark .dark\:hover\:border-purple-100\/10:hover { border-color: rgba(243, 232, 255, 0.1) !important; }

.bg-purple-100\/20 { background-color: rgba(243, 232, 255, 0.2) !important; }
.text-purple-100\/20 { color: rgba(243, 232, 255, 0.2) !important; }
.border-purple-100\/20 { border-color: rgba(243, 232, 255, 0.2) !important; }

.hover\:bg-purple-100\/20:hover { background-color: rgba(243, 232, 255, 0.2) !important; }
.hover\:text-purple-100\/20:hover { color: rgba(243, 232, 255, 0.2) !important; }
.hover\:border-purple-100\/20:hover { border-color: rgba(243, 232, 255, 0.2) !important; }

.dark .dark\:bg-purple-100\/20,
html.dark .dark\:bg-purple-100\/20 { background-color: rgba(243, 232, 255, 0.2) !important; }
.dark .dark\:text-purple-100\/20,
html.dark .dark\:text-purple-100\/20 { color: rgba(243, 232, 255, 0.2) !important; }
.dark .dark\:border-purple-100\/20,
html.dark .dark\:border-purple-100\/20 { border-color: rgba(243, 232, 255, 0.2) !important; }

.dark .dark\:hover\:bg-purple-100\/20:hover,
html.dark .dark\:hover\:bg-purple-100\/20:hover { background-color: rgba(243, 232, 255, 0.2) !important; }
.dark .dark\:hover\:text-purple-100\/20:hover,
html.dark .dark\:hover\:text-purple-100\/20:hover { color: rgba(243, 232, 255, 0.2) !important; }
.dark .dark\:hover\:border-purple-100\/20:hover,
html.dark .dark\:hover\:border-purple-100\/20:hover { border-color: rgba(243, 232, 255, 0.2) !important; }

.bg-purple-100\/25 { background-color: rgba(243, 232, 255, 0.25) !important; }
.text-purple-100\/25 { color: rgba(243, 232, 255, 0.25) !important; }
.border-purple-100\/25 { border-color: rgba(243, 232, 255, 0.25) !important; }

.hover\:bg-purple-100\/25:hover { background-color: rgba(243, 232, 255, 0.25) !important; }
.hover\:text-purple-100\/25:hover { color: rgba(243, 232, 255, 0.25) !important; }
.hover\:border-purple-100\/25:hover { border-color: rgba(243, 232, 255, 0.25) !important; }

.dark .dark\:bg-purple-100\/25,
html.dark .dark\:bg-purple-100\/25 { background-color: rgba(243, 232, 255, 0.25) !important; }
.dark .dark\:text-purple-100\/25,
html.dark .dark\:text-purple-100\/25 { color: rgba(243, 232, 255, 0.25) !important; }
.dark .dark\:border-purple-100\/25,
html.dark .dark\:border-purple-100\/25 { border-color: rgba(243, 232, 255, 0.25) !important; }

.dark .dark\:hover\:bg-purple-100\/25:hover,
html.dark .dark\:hover\:bg-purple-100\/25:hover { background-color: rgba(243, 232, 255, 0.25) !important; }
.dark .dark\:hover\:text-purple-100\/25:hover,
html.dark .dark\:hover\:text-purple-100\/25:hover { color: rgba(243, 232, 255, 0.25) !important; }
.dark .dark\:hover\:border-purple-100\/25:hover,
html.dark .dark\:hover\:border-purple-100\/25:hover { border-color: rgba(243, 232, 255, 0.25) !important; }

.bg-purple-100\/30 { background-color: rgba(243, 232, 255, 0.3) !important; }
.text-purple-100\/30 { color: rgba(243, 232, 255, 0.3) !important; }
.border-purple-100\/30 { border-color: rgba(243, 232, 255, 0.3) !important; }

.hover\:bg-purple-100\/30:hover { background-color: rgba(243, 232, 255, 0.3) !important; }
.hover\:text-purple-100\/30:hover { color: rgba(243, 232, 255, 0.3) !important; }
.hover\:border-purple-100\/30:hover { border-color: rgba(243, 232, 255, 0.3) !important; }

.dark .dark\:bg-purple-100\/30,
html.dark .dark\:bg-purple-100\/30 { background-color: rgba(243, 232, 255, 0.3) !important; }
.dark .dark\:text-purple-100\/30,
html.dark .dark\:text-purple-100\/30 { color: rgba(243, 232, 255, 0.3) !important; }
.dark .dark\:border-purple-100\/30,
html.dark .dark\:border-purple-100\/30 { border-color: rgba(243, 232, 255, 0.3) !important; }

.dark .dark\:hover\:bg-purple-100\/30:hover,
html.dark .dark\:hover\:bg-purple-100\/30:hover { background-color: rgba(243, 232, 255, 0.3) !important; }
.dark .dark\:hover\:text-purple-100\/30:hover,
html.dark .dark\:hover\:text-purple-100\/30:hover { color: rgba(243, 232, 255, 0.3) !important; }
.dark .dark\:hover\:border-purple-100\/30:hover,
html.dark .dark\:hover\:border-purple-100\/30:hover { border-color: rgba(243, 232, 255, 0.3) !important; }

.bg-purple-100\/40 { background-color: rgba(243, 232, 255, 0.4) !important; }
.text-purple-100\/40 { color: rgba(243, 232, 255, 0.4) !important; }
.border-purple-100\/40 { border-color: rgba(243, 232, 255, 0.4) !important; }

.hover\:bg-purple-100\/40:hover { background-color: rgba(243, 232, 255, 0.4) !important; }
.hover\:text-purple-100\/40:hover { color: rgba(243, 232, 255, 0.4) !important; }
.hover\:border-purple-100\/40:hover { border-color: rgba(243, 232, 255, 0.4) !important; }

.dark .dark\:bg-purple-100\/40,
html.dark .dark\:bg-purple-100\/40 { background-color: rgba(243, 232, 255, 0.4) !important; }
.dark .dark\:text-purple-100\/40,
html.dark .dark\:text-purple-100\/40 { color: rgba(243, 232, 255, 0.4) !important; }
.dark .dark\:border-purple-100\/40,
html.dark .dark\:border-purple-100\/40 { border-color: rgba(243, 232, 255, 0.4) !important; }

.dark .dark\:hover\:bg-purple-100\/40:hover,
html.dark .dark\:hover\:bg-purple-100\/40:hover { background-color: rgba(243, 232, 255, 0.4) !important; }
.dark .dark\:hover\:text-purple-100\/40:hover,
html.dark .dark\:hover\:text-purple-100\/40:hover { color: rgba(243, 232, 255, 0.4) !important; }
.dark .dark\:hover\:border-purple-100\/40:hover,
html.dark .dark\:hover\:border-purple-100\/40:hover { border-color: rgba(243, 232, 255, 0.4) !important; }

.bg-purple-100\/50 { background-color: rgba(243, 232, 255, 0.5) !important; }
.text-purple-100\/50 { color: rgba(243, 232, 255, 0.5) !important; }
.border-purple-100\/50 { border-color: rgba(243, 232, 255, 0.5) !important; }

.hover\:bg-purple-100\/50:hover { background-color: rgba(243, 232, 255, 0.5) !important; }
.hover\:text-purple-100\/50:hover { color: rgba(243, 232, 255, 0.5) !important; }
.hover\:border-purple-100\/50:hover { border-color: rgba(243, 232, 255, 0.5) !important; }

.dark .dark\:bg-purple-100\/50,
html.dark .dark\:bg-purple-100\/50 { background-color: rgba(243, 232, 255, 0.5) !important; }
.dark .dark\:text-purple-100\/50,
html.dark .dark\:text-purple-100\/50 { color: rgba(243, 232, 255, 0.5) !important; }
.dark .dark\:border-purple-100\/50,
html.dark .dark\:border-purple-100\/50 { border-color: rgba(243, 232, 255, 0.5) !important; }

.dark .dark\:hover\:bg-purple-100\/50:hover,
html.dark .dark\:hover\:bg-purple-100\/50:hover { background-color: rgba(243, 232, 255, 0.5) !important; }
.dark .dark\:hover\:text-purple-100\/50:hover,
html.dark .dark\:hover\:text-purple-100\/50:hover { color: rgba(243, 232, 255, 0.5) !important; }
.dark .dark\:hover\:border-purple-100\/50:hover,
html.dark .dark\:hover\:border-purple-100\/50:hover { border-color: rgba(243, 232, 255, 0.5) !important; }

.bg-purple-100\/60 { background-color: rgba(243, 232, 255, 0.6) !important; }
.text-purple-100\/60 { color: rgba(243, 232, 255, 0.6) !important; }
.border-purple-100\/60 { border-color: rgba(243, 232, 255, 0.6) !important; }

.hover\:bg-purple-100\/60:hover { background-color: rgba(243, 232, 255, 0.6) !important; }
.hover\:text-purple-100\/60:hover { color: rgba(243, 232, 255, 0.6) !important; }
.hover\:border-purple-100\/60:hover { border-color: rgba(243, 232, 255, 0.6) !important; }

.dark .dark\:bg-purple-100\/60,
html.dark .dark\:bg-purple-100\/60 { background-color: rgba(243, 232, 255, 0.6) !important; }
.dark .dark\:text-purple-100\/60,
html.dark .dark\:text-purple-100\/60 { color: rgba(243, 232, 255, 0.6) !important; }
.dark .dark\:border-purple-100\/60,
html.dark .dark\:border-purple-100\/60 { border-color: rgba(243, 232, 255, 0.6) !important; }

.dark .dark\:hover\:bg-purple-100\/60:hover,
html.dark .dark\:hover\:bg-purple-100\/60:hover { background-color: rgba(243, 232, 255, 0.6) !important; }
.dark .dark\:hover\:text-purple-100\/60:hover,
html.dark .dark\:hover\:text-purple-100\/60:hover { color: rgba(243, 232, 255, 0.6) !important; }
.dark .dark\:hover\:border-purple-100\/60:hover,
html.dark .dark\:hover\:border-purple-100\/60:hover { border-color: rgba(243, 232, 255, 0.6) !important; }

.bg-purple-100\/70 { background-color: rgba(243, 232, 255, 0.7) !important; }
.text-purple-100\/70 { color: rgba(243, 232, 255, 0.7) !important; }
.border-purple-100\/70 { border-color: rgba(243, 232, 255, 0.7) !important; }

.hover\:bg-purple-100\/70:hover { background-color: rgba(243, 232, 255, 0.7) !important; }
.hover\:text-purple-100\/70:hover { color: rgba(243, 232, 255, 0.7) !important; }
.hover\:border-purple-100\/70:hover { border-color: rgba(243, 232, 255, 0.7) !important; }

.dark .dark\:bg-purple-100\/70,
html.dark .dark\:bg-purple-100\/70 { background-color: rgba(243, 232, 255, 0.7) !important; }
.dark .dark\:text-purple-100\/70,
html.dark .dark\:text-purple-100\/70 { color: rgba(243, 232, 255, 0.7) !important; }
.dark .dark\:border-purple-100\/70,
html.dark .dark\:border-purple-100\/70 { border-color: rgba(243, 232, 255, 0.7) !important; }

.dark .dark\:hover\:bg-purple-100\/70:hover,
html.dark .dark\:hover\:bg-purple-100\/70:hover { background-color: rgba(243, 232, 255, 0.7) !important; }
.dark .dark\:hover\:text-purple-100\/70:hover,
html.dark .dark\:hover\:text-purple-100\/70:hover { color: rgba(243, 232, 255, 0.7) !important; }
.dark .dark\:hover\:border-purple-100\/70:hover,
html.dark .dark\:hover\:border-purple-100\/70:hover { border-color: rgba(243, 232, 255, 0.7) !important; }

.bg-purple-100\/75 { background-color: rgba(243, 232, 255, 0.75) !important; }
.text-purple-100\/75 { color: rgba(243, 232, 255, 0.75) !important; }
.border-purple-100\/75 { border-color: rgba(243, 232, 255, 0.75) !important; }

.hover\:bg-purple-100\/75:hover { background-color: rgba(243, 232, 255, 0.75) !important; }
.hover\:text-purple-100\/75:hover { color: rgba(243, 232, 255, 0.75) !important; }
.hover\:border-purple-100\/75:hover { border-color: rgba(243, 232, 255, 0.75) !important; }

.dark .dark\:bg-purple-100\/75,
html.dark .dark\:bg-purple-100\/75 { background-color: rgba(243, 232, 255, 0.75) !important; }
.dark .dark\:text-purple-100\/75,
html.dark .dark\:text-purple-100\/75 { color: rgba(243, 232, 255, 0.75) !important; }
.dark .dark\:border-purple-100\/75,
html.dark .dark\:border-purple-100\/75 { border-color: rgba(243, 232, 255, 0.75) !important; }

.dark .dark\:hover\:bg-purple-100\/75:hover,
html.dark .dark\:hover\:bg-purple-100\/75:hover { background-color: rgba(243, 232, 255, 0.75) !important; }
.dark .dark\:hover\:text-purple-100\/75:hover,
html.dark .dark\:hover\:text-purple-100\/75:hover { color: rgba(243, 232, 255, 0.75) !important; }
.dark .dark\:hover\:border-purple-100\/75:hover,
html.dark .dark\:hover\:border-purple-100\/75:hover { border-color: rgba(243, 232, 255, 0.75) !important; }

.bg-purple-100\/80 { background-color: rgba(243, 232, 255, 0.8) !important; }
.text-purple-100\/80 { color: rgba(243, 232, 255, 0.8) !important; }
.border-purple-100\/80 { border-color: rgba(243, 232, 255, 0.8) !important; }

.hover\:bg-purple-100\/80:hover { background-color: rgba(243, 232, 255, 0.8) !important; }
.hover\:text-purple-100\/80:hover { color: rgba(243, 232, 255, 0.8) !important; }
.hover\:border-purple-100\/80:hover { border-color: rgba(243, 232, 255, 0.8) !important; }

.dark .dark\:bg-purple-100\/80,
html.dark .dark\:bg-purple-100\/80 { background-color: rgba(243, 232, 255, 0.8) !important; }
.dark .dark\:text-purple-100\/80,
html.dark .dark\:text-purple-100\/80 { color: rgba(243, 232, 255, 0.8) !important; }
.dark .dark\:border-purple-100\/80,
html.dark .dark\:border-purple-100\/80 { border-color: rgba(243, 232, 255, 0.8) !important; }

.dark .dark\:hover\:bg-purple-100\/80:hover,
html.dark .dark\:hover\:bg-purple-100\/80:hover { background-color: rgba(243, 232, 255, 0.8) !important; }
.dark .dark\:hover\:text-purple-100\/80:hover,
html.dark .dark\:hover\:text-purple-100\/80:hover { color: rgba(243, 232, 255, 0.8) !important; }
.dark .dark\:hover\:border-purple-100\/80:hover,
html.dark .dark\:hover\:border-purple-100\/80:hover { border-color: rgba(243, 232, 255, 0.8) !important; }

.bg-purple-100\/90 { background-color: rgba(243, 232, 255, 0.9) !important; }
.text-purple-100\/90 { color: rgba(243, 232, 255, 0.9) !important; }
.border-purple-100\/90 { border-color: rgba(243, 232, 255, 0.9) !important; }

.hover\:bg-purple-100\/90:hover { background-color: rgba(243, 232, 255, 0.9) !important; }
.hover\:text-purple-100\/90:hover { color: rgba(243, 232, 255, 0.9) !important; }
.hover\:border-purple-100\/90:hover { border-color: rgba(243, 232, 255, 0.9) !important; }

.dark .dark\:bg-purple-100\/90,
html.dark .dark\:bg-purple-100\/90 { background-color: rgba(243, 232, 255, 0.9) !important; }
.dark .dark\:text-purple-100\/90,
html.dark .dark\:text-purple-100\/90 { color: rgba(243, 232, 255, 0.9) !important; }
.dark .dark\:border-purple-100\/90,
html.dark .dark\:border-purple-100\/90 { border-color: rgba(243, 232, 255, 0.9) !important; }

.dark .dark\:hover\:bg-purple-100\/90:hover,
html.dark .dark\:hover\:bg-purple-100\/90:hover { background-color: rgba(243, 232, 255, 0.9) !important; }
.dark .dark\:hover\:text-purple-100\/90:hover,
html.dark .dark\:hover\:text-purple-100\/90:hover { color: rgba(243, 232, 255, 0.9) !important; }
.dark .dark\:hover\:border-purple-100\/90:hover,
html.dark .dark\:hover\:border-purple-100\/90:hover { border-color: rgba(243, 232, 255, 0.9) !important; }

.bg-purple-100\/95 { background-color: rgba(243, 232, 255, 0.95) !important; }
.text-purple-100\/95 { color: rgba(243, 232, 255, 0.95) !important; }
.border-purple-100\/95 { border-color: rgba(243, 232, 255, 0.95) !important; }

.hover\:bg-purple-100\/95:hover { background-color: rgba(243, 232, 255, 0.95) !important; }
.hover\:text-purple-100\/95:hover { color: rgba(243, 232, 255, 0.95) !important; }
.hover\:border-purple-100\/95:hover { border-color: rgba(243, 232, 255, 0.95) !important; }

.dark .dark\:bg-purple-100\/95,
html.dark .dark\:bg-purple-100\/95 { background-color: rgba(243, 232, 255, 0.95) !important; }
.dark .dark\:text-purple-100\/95,
html.dark .dark\:text-purple-100\/95 { color: rgba(243, 232, 255, 0.95) !important; }
.dark .dark\:border-purple-100\/95,
html.dark .dark\:border-purple-100\/95 { border-color: rgba(243, 232, 255, 0.95) !important; }

.dark .dark\:hover\:bg-purple-100\/95:hover,
html.dark .dark\:hover\:bg-purple-100\/95:hover { background-color: rgba(243, 232, 255, 0.95) !important; }
.dark .dark\:hover\:text-purple-100\/95:hover,
html.dark .dark\:hover\:text-purple-100\/95:hover { color: rgba(243, 232, 255, 0.95) !important; }
.dark .dark\:hover\:border-purple-100\/95:hover,
html.dark .dark\:hover\:border-purple-100\/95:hover { border-color: rgba(243, 232, 255, 0.95) !important; }

.bg-purple-200 { background-color: #e9d5ff !important; }
.text-purple-200 { color: #e9d5ff !important; }
.border-purple-200 { border-color: #e9d5ff !important; }
.fill-purple-200 { fill: #e9d5ff !important; }
.stroke-purple-200 { stroke: #e9d5ff !important; }

/* Hover states */
.hover\:bg-purple-200:hover { background-color: #e9d5ff !important; }
.hover\:text-purple-200:hover { color: #e9d5ff !important; }
.hover\:border-purple-200:hover { border-color: #e9d5ff !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-200,
html.dark .dark\:bg-purple-200 { background-color: #e9d5ff !important; }
.dark .dark\:text-purple-200,
html.dark .dark\:text-purple-200 { color: #e9d5ff !important; }
.dark .dark\:border-purple-200,
html.dark .dark\:border-purple-200 { border-color: #e9d5ff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-200:hover,
html.dark .dark\:hover\:bg-purple-200:hover { background-color: #e9d5ff !important; }
.dark .dark\:hover\:text-purple-200:hover,
html.dark .dark\:hover\:text-purple-200:hover { color: #e9d5ff !important; }
.dark .dark\:hover\:border-purple-200:hover,
html.dark .dark\:hover\:border-purple-200:hover { border-color: #e9d5ff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-200,
html.dark .group:hover .dark\:group-hover\:text-purple-200 { color: #e9d5ff !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-200,
html.dark .group:hover .dark\:group-hover\:bg-purple-200 { background-color: #e9d5ff !important; }

.bg-purple-200\/10 { background-color: rgba(233, 213, 255, 0.1) !important; }
.text-purple-200\/10 { color: rgba(233, 213, 255, 0.1) !important; }
.border-purple-200\/10 { border-color: rgba(233, 213, 255, 0.1) !important; }

.hover\:bg-purple-200\/10:hover { background-color: rgba(233, 213, 255, 0.1) !important; }
.hover\:text-purple-200\/10:hover { color: rgba(233, 213, 255, 0.1) !important; }
.hover\:border-purple-200\/10:hover { border-color: rgba(233, 213, 255, 0.1) !important; }

.dark .dark\:bg-purple-200\/10,
html.dark .dark\:bg-purple-200\/10 { background-color: rgba(233, 213, 255, 0.1) !important; }
.dark .dark\:text-purple-200\/10,
html.dark .dark\:text-purple-200\/10 { color: rgba(233, 213, 255, 0.1) !important; }
.dark .dark\:border-purple-200\/10,
html.dark .dark\:border-purple-200\/10 { border-color: rgba(233, 213, 255, 0.1) !important; }

.dark .dark\:hover\:bg-purple-200\/10:hover,
html.dark .dark\:hover\:bg-purple-200\/10:hover { background-color: rgba(233, 213, 255, 0.1) !important; }
.dark .dark\:hover\:text-purple-200\/10:hover,
html.dark .dark\:hover\:text-purple-200\/10:hover { color: rgba(233, 213, 255, 0.1) !important; }
.dark .dark\:hover\:border-purple-200\/10:hover,
html.dark .dark\:hover\:border-purple-200\/10:hover { border-color: rgba(233, 213, 255, 0.1) !important; }

.bg-purple-200\/20 { background-color: rgba(233, 213, 255, 0.2) !important; }
.text-purple-200\/20 { color: rgba(233, 213, 255, 0.2) !important; }
.border-purple-200\/20 { border-color: rgba(233, 213, 255, 0.2) !important; }

.hover\:bg-purple-200\/20:hover { background-color: rgba(233, 213, 255, 0.2) !important; }
.hover\:text-purple-200\/20:hover { color: rgba(233, 213, 255, 0.2) !important; }
.hover\:border-purple-200\/20:hover { border-color: rgba(233, 213, 255, 0.2) !important; }

.dark .dark\:bg-purple-200\/20,
html.dark .dark\:bg-purple-200\/20 { background-color: rgba(233, 213, 255, 0.2) !important; }
.dark .dark\:text-purple-200\/20,
html.dark .dark\:text-purple-200\/20 { color: rgba(233, 213, 255, 0.2) !important; }
.dark .dark\:border-purple-200\/20,
html.dark .dark\:border-purple-200\/20 { border-color: rgba(233, 213, 255, 0.2) !important; }

.dark .dark\:hover\:bg-purple-200\/20:hover,
html.dark .dark\:hover\:bg-purple-200\/20:hover { background-color: rgba(233, 213, 255, 0.2) !important; }
.dark .dark\:hover\:text-purple-200\/20:hover,
html.dark .dark\:hover\:text-purple-200\/20:hover { color: rgba(233, 213, 255, 0.2) !important; }
.dark .dark\:hover\:border-purple-200\/20:hover,
html.dark .dark\:hover\:border-purple-200\/20:hover { border-color: rgba(233, 213, 255, 0.2) !important; }

.bg-purple-200\/25 { background-color: rgba(233, 213, 255, 0.25) !important; }
.text-purple-200\/25 { color: rgba(233, 213, 255, 0.25) !important; }
.border-purple-200\/25 { border-color: rgba(233, 213, 255, 0.25) !important; }

.hover\:bg-purple-200\/25:hover { background-color: rgba(233, 213, 255, 0.25) !important; }
.hover\:text-purple-200\/25:hover { color: rgba(233, 213, 255, 0.25) !important; }
.hover\:border-purple-200\/25:hover { border-color: rgba(233, 213, 255, 0.25) !important; }

.dark .dark\:bg-purple-200\/25,
html.dark .dark\:bg-purple-200\/25 { background-color: rgba(233, 213, 255, 0.25) !important; }
.dark .dark\:text-purple-200\/25,
html.dark .dark\:text-purple-200\/25 { color: rgba(233, 213, 255, 0.25) !important; }
.dark .dark\:border-purple-200\/25,
html.dark .dark\:border-purple-200\/25 { border-color: rgba(233, 213, 255, 0.25) !important; }

.dark .dark\:hover\:bg-purple-200\/25:hover,
html.dark .dark\:hover\:bg-purple-200\/25:hover { background-color: rgba(233, 213, 255, 0.25) !important; }
.dark .dark\:hover\:text-purple-200\/25:hover,
html.dark .dark\:hover\:text-purple-200\/25:hover { color: rgba(233, 213, 255, 0.25) !important; }
.dark .dark\:hover\:border-purple-200\/25:hover,
html.dark .dark\:hover\:border-purple-200\/25:hover { border-color: rgba(233, 213, 255, 0.25) !important; }

.bg-purple-200\/30 { background-color: rgba(233, 213, 255, 0.3) !important; }
.text-purple-200\/30 { color: rgba(233, 213, 255, 0.3) !important; }
.border-purple-200\/30 { border-color: rgba(233, 213, 255, 0.3) !important; }

.hover\:bg-purple-200\/30:hover { background-color: rgba(233, 213, 255, 0.3) !important; }
.hover\:text-purple-200\/30:hover { color: rgba(233, 213, 255, 0.3) !important; }
.hover\:border-purple-200\/30:hover { border-color: rgba(233, 213, 255, 0.3) !important; }

.dark .dark\:bg-purple-200\/30,
html.dark .dark\:bg-purple-200\/30 { background-color: rgba(233, 213, 255, 0.3) !important; }
.dark .dark\:text-purple-200\/30,
html.dark .dark\:text-purple-200\/30 { color: rgba(233, 213, 255, 0.3) !important; }
.dark .dark\:border-purple-200\/30,
html.dark .dark\:border-purple-200\/30 { border-color: rgba(233, 213, 255, 0.3) !important; }

.dark .dark\:hover\:bg-purple-200\/30:hover,
html.dark .dark\:hover\:bg-purple-200\/30:hover { background-color: rgba(233, 213, 255, 0.3) !important; }
.dark .dark\:hover\:text-purple-200\/30:hover,
html.dark .dark\:hover\:text-purple-200\/30:hover { color: rgba(233, 213, 255, 0.3) !important; }
.dark .dark\:hover\:border-purple-200\/30:hover,
html.dark .dark\:hover\:border-purple-200\/30:hover { border-color: rgba(233, 213, 255, 0.3) !important; }

.bg-purple-200\/40 { background-color: rgba(233, 213, 255, 0.4) !important; }
.text-purple-200\/40 { color: rgba(233, 213, 255, 0.4) !important; }
.border-purple-200\/40 { border-color: rgba(233, 213, 255, 0.4) !important; }

.hover\:bg-purple-200\/40:hover { background-color: rgba(233, 213, 255, 0.4) !important; }
.hover\:text-purple-200\/40:hover { color: rgba(233, 213, 255, 0.4) !important; }
.hover\:border-purple-200\/40:hover { border-color: rgba(233, 213, 255, 0.4) !important; }

.dark .dark\:bg-purple-200\/40,
html.dark .dark\:bg-purple-200\/40 { background-color: rgba(233, 213, 255, 0.4) !important; }
.dark .dark\:text-purple-200\/40,
html.dark .dark\:text-purple-200\/40 { color: rgba(233, 213, 255, 0.4) !important; }
.dark .dark\:border-purple-200\/40,
html.dark .dark\:border-purple-200\/40 { border-color: rgba(233, 213, 255, 0.4) !important; }

.dark .dark\:hover\:bg-purple-200\/40:hover,
html.dark .dark\:hover\:bg-purple-200\/40:hover { background-color: rgba(233, 213, 255, 0.4) !important; }
.dark .dark\:hover\:text-purple-200\/40:hover,
html.dark .dark\:hover\:text-purple-200\/40:hover { color: rgba(233, 213, 255, 0.4) !important; }
.dark .dark\:hover\:border-purple-200\/40:hover,
html.dark .dark\:hover\:border-purple-200\/40:hover { border-color: rgba(233, 213, 255, 0.4) !important; }

.bg-purple-200\/50 { background-color: rgba(233, 213, 255, 0.5) !important; }
.text-purple-200\/50 { color: rgba(233, 213, 255, 0.5) !important; }
.border-purple-200\/50 { border-color: rgba(233, 213, 255, 0.5) !important; }

.hover\:bg-purple-200\/50:hover { background-color: rgba(233, 213, 255, 0.5) !important; }
.hover\:text-purple-200\/50:hover { color: rgba(233, 213, 255, 0.5) !important; }
.hover\:border-purple-200\/50:hover { border-color: rgba(233, 213, 255, 0.5) !important; }

.dark .dark\:bg-purple-200\/50,
html.dark .dark\:bg-purple-200\/50 { background-color: rgba(233, 213, 255, 0.5) !important; }
.dark .dark\:text-purple-200\/50,
html.dark .dark\:text-purple-200\/50 { color: rgba(233, 213, 255, 0.5) !important; }
.dark .dark\:border-purple-200\/50,
html.dark .dark\:border-purple-200\/50 { border-color: rgba(233, 213, 255, 0.5) !important; }

.dark .dark\:hover\:bg-purple-200\/50:hover,
html.dark .dark\:hover\:bg-purple-200\/50:hover { background-color: rgba(233, 213, 255, 0.5) !important; }
.dark .dark\:hover\:text-purple-200\/50:hover,
html.dark .dark\:hover\:text-purple-200\/50:hover { color: rgba(233, 213, 255, 0.5) !important; }
.dark .dark\:hover\:border-purple-200\/50:hover,
html.dark .dark\:hover\:border-purple-200\/50:hover { border-color: rgba(233, 213, 255, 0.5) !important; }

.bg-purple-200\/60 { background-color: rgba(233, 213, 255, 0.6) !important; }
.text-purple-200\/60 { color: rgba(233, 213, 255, 0.6) !important; }
.border-purple-200\/60 { border-color: rgba(233, 213, 255, 0.6) !important; }

.hover\:bg-purple-200\/60:hover { background-color: rgba(233, 213, 255, 0.6) !important; }
.hover\:text-purple-200\/60:hover { color: rgba(233, 213, 255, 0.6) !important; }
.hover\:border-purple-200\/60:hover { border-color: rgba(233, 213, 255, 0.6) !important; }

.dark .dark\:bg-purple-200\/60,
html.dark .dark\:bg-purple-200\/60 { background-color: rgba(233, 213, 255, 0.6) !important; }
.dark .dark\:text-purple-200\/60,
html.dark .dark\:text-purple-200\/60 { color: rgba(233, 213, 255, 0.6) !important; }
.dark .dark\:border-purple-200\/60,
html.dark .dark\:border-purple-200\/60 { border-color: rgba(233, 213, 255, 0.6) !important; }

.dark .dark\:hover\:bg-purple-200\/60:hover,
html.dark .dark\:hover\:bg-purple-200\/60:hover { background-color: rgba(233, 213, 255, 0.6) !important; }
.dark .dark\:hover\:text-purple-200\/60:hover,
html.dark .dark\:hover\:text-purple-200\/60:hover { color: rgba(233, 213, 255, 0.6) !important; }
.dark .dark\:hover\:border-purple-200\/60:hover,
html.dark .dark\:hover\:border-purple-200\/60:hover { border-color: rgba(233, 213, 255, 0.6) !important; }

.bg-purple-200\/70 { background-color: rgba(233, 213, 255, 0.7) !important; }
.text-purple-200\/70 { color: rgba(233, 213, 255, 0.7) !important; }
.border-purple-200\/70 { border-color: rgba(233, 213, 255, 0.7) !important; }

.hover\:bg-purple-200\/70:hover { background-color: rgba(233, 213, 255, 0.7) !important; }
.hover\:text-purple-200\/70:hover { color: rgba(233, 213, 255, 0.7) !important; }
.hover\:border-purple-200\/70:hover { border-color: rgba(233, 213, 255, 0.7) !important; }

.dark .dark\:bg-purple-200\/70,
html.dark .dark\:bg-purple-200\/70 { background-color: rgba(233, 213, 255, 0.7) !important; }
.dark .dark\:text-purple-200\/70,
html.dark .dark\:text-purple-200\/70 { color: rgba(233, 213, 255, 0.7) !important; }
.dark .dark\:border-purple-200\/70,
html.dark .dark\:border-purple-200\/70 { border-color: rgba(233, 213, 255, 0.7) !important; }

.dark .dark\:hover\:bg-purple-200\/70:hover,
html.dark .dark\:hover\:bg-purple-200\/70:hover { background-color: rgba(233, 213, 255, 0.7) !important; }
.dark .dark\:hover\:text-purple-200\/70:hover,
html.dark .dark\:hover\:text-purple-200\/70:hover { color: rgba(233, 213, 255, 0.7) !important; }
.dark .dark\:hover\:border-purple-200\/70:hover,
html.dark .dark\:hover\:border-purple-200\/70:hover { border-color: rgba(233, 213, 255, 0.7) !important; }

.bg-purple-200\/75 { background-color: rgba(233, 213, 255, 0.75) !important; }
.text-purple-200\/75 { color: rgba(233, 213, 255, 0.75) !important; }
.border-purple-200\/75 { border-color: rgba(233, 213, 255, 0.75) !important; }

.hover\:bg-purple-200\/75:hover { background-color: rgba(233, 213, 255, 0.75) !important; }
.hover\:text-purple-200\/75:hover { color: rgba(233, 213, 255, 0.75) !important; }
.hover\:border-purple-200\/75:hover { border-color: rgba(233, 213, 255, 0.75) !important; }

.dark .dark\:bg-purple-200\/75,
html.dark .dark\:bg-purple-200\/75 { background-color: rgba(233, 213, 255, 0.75) !important; }
.dark .dark\:text-purple-200\/75,
html.dark .dark\:text-purple-200\/75 { color: rgba(233, 213, 255, 0.75) !important; }
.dark .dark\:border-purple-200\/75,
html.dark .dark\:border-purple-200\/75 { border-color: rgba(233, 213, 255, 0.75) !important; }

.dark .dark\:hover\:bg-purple-200\/75:hover,
html.dark .dark\:hover\:bg-purple-200\/75:hover { background-color: rgba(233, 213, 255, 0.75) !important; }
.dark .dark\:hover\:text-purple-200\/75:hover,
html.dark .dark\:hover\:text-purple-200\/75:hover { color: rgba(233, 213, 255, 0.75) !important; }
.dark .dark\:hover\:border-purple-200\/75:hover,
html.dark .dark\:hover\:border-purple-200\/75:hover { border-color: rgba(233, 213, 255, 0.75) !important; }

.bg-purple-200\/80 { background-color: rgba(233, 213, 255, 0.8) !important; }
.text-purple-200\/80 { color: rgba(233, 213, 255, 0.8) !important; }
.border-purple-200\/80 { border-color: rgba(233, 213, 255, 0.8) !important; }

.hover\:bg-purple-200\/80:hover { background-color: rgba(233, 213, 255, 0.8) !important; }
.hover\:text-purple-200\/80:hover { color: rgba(233, 213, 255, 0.8) !important; }
.hover\:border-purple-200\/80:hover { border-color: rgba(233, 213, 255, 0.8) !important; }

.dark .dark\:bg-purple-200\/80,
html.dark .dark\:bg-purple-200\/80 { background-color: rgba(233, 213, 255, 0.8) !important; }
.dark .dark\:text-purple-200\/80,
html.dark .dark\:text-purple-200\/80 { color: rgba(233, 213, 255, 0.8) !important; }
.dark .dark\:border-purple-200\/80,
html.dark .dark\:border-purple-200\/80 { border-color: rgba(233, 213, 255, 0.8) !important; }

.dark .dark\:hover\:bg-purple-200\/80:hover,
html.dark .dark\:hover\:bg-purple-200\/80:hover { background-color: rgba(233, 213, 255, 0.8) !important; }
.dark .dark\:hover\:text-purple-200\/80:hover,
html.dark .dark\:hover\:text-purple-200\/80:hover { color: rgba(233, 213, 255, 0.8) !important; }
.dark .dark\:hover\:border-purple-200\/80:hover,
html.dark .dark\:hover\:border-purple-200\/80:hover { border-color: rgba(233, 213, 255, 0.8) !important; }

.bg-purple-200\/90 { background-color: rgba(233, 213, 255, 0.9) !important; }
.text-purple-200\/90 { color: rgba(233, 213, 255, 0.9) !important; }
.border-purple-200\/90 { border-color: rgba(233, 213, 255, 0.9) !important; }

.hover\:bg-purple-200\/90:hover { background-color: rgba(233, 213, 255, 0.9) !important; }
.hover\:text-purple-200\/90:hover { color: rgba(233, 213, 255, 0.9) !important; }
.hover\:border-purple-200\/90:hover { border-color: rgba(233, 213, 255, 0.9) !important; }

.dark .dark\:bg-purple-200\/90,
html.dark .dark\:bg-purple-200\/90 { background-color: rgba(233, 213, 255, 0.9) !important; }
.dark .dark\:text-purple-200\/90,
html.dark .dark\:text-purple-200\/90 { color: rgba(233, 213, 255, 0.9) !important; }
.dark .dark\:border-purple-200\/90,
html.dark .dark\:border-purple-200\/90 { border-color: rgba(233, 213, 255, 0.9) !important; }

.dark .dark\:hover\:bg-purple-200\/90:hover,
html.dark .dark\:hover\:bg-purple-200\/90:hover { background-color: rgba(233, 213, 255, 0.9) !important; }
.dark .dark\:hover\:text-purple-200\/90:hover,
html.dark .dark\:hover\:text-purple-200\/90:hover { color: rgba(233, 213, 255, 0.9) !important; }
.dark .dark\:hover\:border-purple-200\/90:hover,
html.dark .dark\:hover\:border-purple-200\/90:hover { border-color: rgba(233, 213, 255, 0.9) !important; }

.bg-purple-200\/95 { background-color: rgba(233, 213, 255, 0.95) !important; }
.text-purple-200\/95 { color: rgba(233, 213, 255, 0.95) !important; }
.border-purple-200\/95 { border-color: rgba(233, 213, 255, 0.95) !important; }

.hover\:bg-purple-200\/95:hover { background-color: rgba(233, 213, 255, 0.95) !important; }
.hover\:text-purple-200\/95:hover { color: rgba(233, 213, 255, 0.95) !important; }
.hover\:border-purple-200\/95:hover { border-color: rgba(233, 213, 255, 0.95) !important; }

.dark .dark\:bg-purple-200\/95,
html.dark .dark\:bg-purple-200\/95 { background-color: rgba(233, 213, 255, 0.95) !important; }
.dark .dark\:text-purple-200\/95,
html.dark .dark\:text-purple-200\/95 { color: rgba(233, 213, 255, 0.95) !important; }
.dark .dark\:border-purple-200\/95,
html.dark .dark\:border-purple-200\/95 { border-color: rgba(233, 213, 255, 0.95) !important; }

.dark .dark\:hover\:bg-purple-200\/95:hover,
html.dark .dark\:hover\:bg-purple-200\/95:hover { background-color: rgba(233, 213, 255, 0.95) !important; }
.dark .dark\:hover\:text-purple-200\/95:hover,
html.dark .dark\:hover\:text-purple-200\/95:hover { color: rgba(233, 213, 255, 0.95) !important; }
.dark .dark\:hover\:border-purple-200\/95:hover,
html.dark .dark\:hover\:border-purple-200\/95:hover { border-color: rgba(233, 213, 255, 0.95) !important; }

.bg-purple-300 { background-color: #d8b4fe !important; }
.text-purple-300 { color: #d8b4fe !important; }
.border-purple-300 { border-color: #d8b4fe !important; }
.fill-purple-300 { fill: #d8b4fe !important; }
.stroke-purple-300 { stroke: #d8b4fe !important; }

/* Hover states */
.hover\:bg-purple-300:hover { background-color: #d8b4fe !important; }
.hover\:text-purple-300:hover { color: #d8b4fe !important; }
.hover\:border-purple-300:hover { border-color: #d8b4fe !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-300,
html.dark .dark\:bg-purple-300 { background-color: #d8b4fe !important; }
.dark .dark\:text-purple-300,
html.dark .dark\:text-purple-300 { color: #d8b4fe !important; }
.dark .dark\:border-purple-300,
html.dark .dark\:border-purple-300 { border-color: #d8b4fe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-300:hover,
html.dark .dark\:hover\:bg-purple-300:hover { background-color: #d8b4fe !important; }
.dark .dark\:hover\:text-purple-300:hover,
html.dark .dark\:hover\:text-purple-300:hover { color: #d8b4fe !important; }
.dark .dark\:hover\:border-purple-300:hover,
html.dark .dark\:hover\:border-purple-300:hover { border-color: #d8b4fe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-300,
html.dark .group:hover .dark\:group-hover\:text-purple-300 { color: #d8b4fe !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-300,
html.dark .group:hover .dark\:group-hover\:bg-purple-300 { background-color: #d8b4fe !important; }

.bg-purple-300\/10 { background-color: rgba(216, 180, 254, 0.1) !important; }
.text-purple-300\/10 { color: rgba(216, 180, 254, 0.1) !important; }
.border-purple-300\/10 { border-color: rgba(216, 180, 254, 0.1) !important; }

.hover\:bg-purple-300\/10:hover { background-color: rgba(216, 180, 254, 0.1) !important; }
.hover\:text-purple-300\/10:hover { color: rgba(216, 180, 254, 0.1) !important; }
.hover\:border-purple-300\/10:hover { border-color: rgba(216, 180, 254, 0.1) !important; }

.dark .dark\:bg-purple-300\/10,
html.dark .dark\:bg-purple-300\/10 { background-color: rgba(216, 180, 254, 0.1) !important; }
.dark .dark\:text-purple-300\/10,
html.dark .dark\:text-purple-300\/10 { color: rgba(216, 180, 254, 0.1) !important; }
.dark .dark\:border-purple-300\/10,
html.dark .dark\:border-purple-300\/10 { border-color: rgba(216, 180, 254, 0.1) !important; }

.dark .dark\:hover\:bg-purple-300\/10:hover,
html.dark .dark\:hover\:bg-purple-300\/10:hover { background-color: rgba(216, 180, 254, 0.1) !important; }
.dark .dark\:hover\:text-purple-300\/10:hover,
html.dark .dark\:hover\:text-purple-300\/10:hover { color: rgba(216, 180, 254, 0.1) !important; }
.dark .dark\:hover\:border-purple-300\/10:hover,
html.dark .dark\:hover\:border-purple-300\/10:hover { border-color: rgba(216, 180, 254, 0.1) !important; }

.bg-purple-300\/20 { background-color: rgba(216, 180, 254, 0.2) !important; }
.text-purple-300\/20 { color: rgba(216, 180, 254, 0.2) !important; }
.border-purple-300\/20 { border-color: rgba(216, 180, 254, 0.2) !important; }

.hover\:bg-purple-300\/20:hover { background-color: rgba(216, 180, 254, 0.2) !important; }
.hover\:text-purple-300\/20:hover { color: rgba(216, 180, 254, 0.2) !important; }
.hover\:border-purple-300\/20:hover { border-color: rgba(216, 180, 254, 0.2) !important; }

.dark .dark\:bg-purple-300\/20,
html.dark .dark\:bg-purple-300\/20 { background-color: rgba(216, 180, 254, 0.2) !important; }
.dark .dark\:text-purple-300\/20,
html.dark .dark\:text-purple-300\/20 { color: rgba(216, 180, 254, 0.2) !important; }
.dark .dark\:border-purple-300\/20,
html.dark .dark\:border-purple-300\/20 { border-color: rgba(216, 180, 254, 0.2) !important; }

.dark .dark\:hover\:bg-purple-300\/20:hover,
html.dark .dark\:hover\:bg-purple-300\/20:hover { background-color: rgba(216, 180, 254, 0.2) !important; }
.dark .dark\:hover\:text-purple-300\/20:hover,
html.dark .dark\:hover\:text-purple-300\/20:hover { color: rgba(216, 180, 254, 0.2) !important; }
.dark .dark\:hover\:border-purple-300\/20:hover,
html.dark .dark\:hover\:border-purple-300\/20:hover { border-color: rgba(216, 180, 254, 0.2) !important; }

.bg-purple-300\/25 { background-color: rgba(216, 180, 254, 0.25) !important; }
.text-purple-300\/25 { color: rgba(216, 180, 254, 0.25) !important; }
.border-purple-300\/25 { border-color: rgba(216, 180, 254, 0.25) !important; }

.hover\:bg-purple-300\/25:hover { background-color: rgba(216, 180, 254, 0.25) !important; }
.hover\:text-purple-300\/25:hover { color: rgba(216, 180, 254, 0.25) !important; }
.hover\:border-purple-300\/25:hover { border-color: rgba(216, 180, 254, 0.25) !important; }

.dark .dark\:bg-purple-300\/25,
html.dark .dark\:bg-purple-300\/25 { background-color: rgba(216, 180, 254, 0.25) !important; }
.dark .dark\:text-purple-300\/25,
html.dark .dark\:text-purple-300\/25 { color: rgba(216, 180, 254, 0.25) !important; }
.dark .dark\:border-purple-300\/25,
html.dark .dark\:border-purple-300\/25 { border-color: rgba(216, 180, 254, 0.25) !important; }

.dark .dark\:hover\:bg-purple-300\/25:hover,
html.dark .dark\:hover\:bg-purple-300\/25:hover { background-color: rgba(216, 180, 254, 0.25) !important; }
.dark .dark\:hover\:text-purple-300\/25:hover,
html.dark .dark\:hover\:text-purple-300\/25:hover { color: rgba(216, 180, 254, 0.25) !important; }
.dark .dark\:hover\:border-purple-300\/25:hover,
html.dark .dark\:hover\:border-purple-300\/25:hover { border-color: rgba(216, 180, 254, 0.25) !important; }

.bg-purple-300\/30 { background-color: rgba(216, 180, 254, 0.3) !important; }
.text-purple-300\/30 { color: rgba(216, 180, 254, 0.3) !important; }
.border-purple-300\/30 { border-color: rgba(216, 180, 254, 0.3) !important; }

.hover\:bg-purple-300\/30:hover { background-color: rgba(216, 180, 254, 0.3) !important; }
.hover\:text-purple-300\/30:hover { color: rgba(216, 180, 254, 0.3) !important; }
.hover\:border-purple-300\/30:hover { border-color: rgba(216, 180, 254, 0.3) !important; }

.dark .dark\:bg-purple-300\/30,
html.dark .dark\:bg-purple-300\/30 { background-color: rgba(216, 180, 254, 0.3) !important; }
.dark .dark\:text-purple-300\/30,
html.dark .dark\:text-purple-300\/30 { color: rgba(216, 180, 254, 0.3) !important; }
.dark .dark\:border-purple-300\/30,
html.dark .dark\:border-purple-300\/30 { border-color: rgba(216, 180, 254, 0.3) !important; }

.dark .dark\:hover\:bg-purple-300\/30:hover,
html.dark .dark\:hover\:bg-purple-300\/30:hover { background-color: rgba(216, 180, 254, 0.3) !important; }
.dark .dark\:hover\:text-purple-300\/30:hover,
html.dark .dark\:hover\:text-purple-300\/30:hover { color: rgba(216, 180, 254, 0.3) !important; }
.dark .dark\:hover\:border-purple-300\/30:hover,
html.dark .dark\:hover\:border-purple-300\/30:hover { border-color: rgba(216, 180, 254, 0.3) !important; }

.bg-purple-300\/40 { background-color: rgba(216, 180, 254, 0.4) !important; }
.text-purple-300\/40 { color: rgba(216, 180, 254, 0.4) !important; }
.border-purple-300\/40 { border-color: rgba(216, 180, 254, 0.4) !important; }

.hover\:bg-purple-300\/40:hover { background-color: rgba(216, 180, 254, 0.4) !important; }
.hover\:text-purple-300\/40:hover { color: rgba(216, 180, 254, 0.4) !important; }
.hover\:border-purple-300\/40:hover { border-color: rgba(216, 180, 254, 0.4) !important; }

.dark .dark\:bg-purple-300\/40,
html.dark .dark\:bg-purple-300\/40 { background-color: rgba(216, 180, 254, 0.4) !important; }
.dark .dark\:text-purple-300\/40,
html.dark .dark\:text-purple-300\/40 { color: rgba(216, 180, 254, 0.4) !important; }
.dark .dark\:border-purple-300\/40,
html.dark .dark\:border-purple-300\/40 { border-color: rgba(216, 180, 254, 0.4) !important; }

.dark .dark\:hover\:bg-purple-300\/40:hover,
html.dark .dark\:hover\:bg-purple-300\/40:hover { background-color: rgba(216, 180, 254, 0.4) !important; }
.dark .dark\:hover\:text-purple-300\/40:hover,
html.dark .dark\:hover\:text-purple-300\/40:hover { color: rgba(216, 180, 254, 0.4) !important; }
.dark .dark\:hover\:border-purple-300\/40:hover,
html.dark .dark\:hover\:border-purple-300\/40:hover { border-color: rgba(216, 180, 254, 0.4) !important; }

.bg-purple-300\/50 { background-color: rgba(216, 180, 254, 0.5) !important; }
.text-purple-300\/50 { color: rgba(216, 180, 254, 0.5) !important; }
.border-purple-300\/50 { border-color: rgba(216, 180, 254, 0.5) !important; }

.hover\:bg-purple-300\/50:hover { background-color: rgba(216, 180, 254, 0.5) !important; }
.hover\:text-purple-300\/50:hover { color: rgba(216, 180, 254, 0.5) !important; }
.hover\:border-purple-300\/50:hover { border-color: rgba(216, 180, 254, 0.5) !important; }

.dark .dark\:bg-purple-300\/50,
html.dark .dark\:bg-purple-300\/50 { background-color: rgba(216, 180, 254, 0.5) !important; }
.dark .dark\:text-purple-300\/50,
html.dark .dark\:text-purple-300\/50 { color: rgba(216, 180, 254, 0.5) !important; }
.dark .dark\:border-purple-300\/50,
html.dark .dark\:border-purple-300\/50 { border-color: rgba(216, 180, 254, 0.5) !important; }

.dark .dark\:hover\:bg-purple-300\/50:hover,
html.dark .dark\:hover\:bg-purple-300\/50:hover { background-color: rgba(216, 180, 254, 0.5) !important; }
.dark .dark\:hover\:text-purple-300\/50:hover,
html.dark .dark\:hover\:text-purple-300\/50:hover { color: rgba(216, 180, 254, 0.5) !important; }
.dark .dark\:hover\:border-purple-300\/50:hover,
html.dark .dark\:hover\:border-purple-300\/50:hover { border-color: rgba(216, 180, 254, 0.5) !important; }

.bg-purple-300\/60 { background-color: rgba(216, 180, 254, 0.6) !important; }
.text-purple-300\/60 { color: rgba(216, 180, 254, 0.6) !important; }
.border-purple-300\/60 { border-color: rgba(216, 180, 254, 0.6) !important; }

.hover\:bg-purple-300\/60:hover { background-color: rgba(216, 180, 254, 0.6) !important; }
.hover\:text-purple-300\/60:hover { color: rgba(216, 180, 254, 0.6) !important; }
.hover\:border-purple-300\/60:hover { border-color: rgba(216, 180, 254, 0.6) !important; }

.dark .dark\:bg-purple-300\/60,
html.dark .dark\:bg-purple-300\/60 { background-color: rgba(216, 180, 254, 0.6) !important; }
.dark .dark\:text-purple-300\/60,
html.dark .dark\:text-purple-300\/60 { color: rgba(216, 180, 254, 0.6) !important; }
.dark .dark\:border-purple-300\/60,
html.dark .dark\:border-purple-300\/60 { border-color: rgba(216, 180, 254, 0.6) !important; }

.dark .dark\:hover\:bg-purple-300\/60:hover,
html.dark .dark\:hover\:bg-purple-300\/60:hover { background-color: rgba(216, 180, 254, 0.6) !important; }
.dark .dark\:hover\:text-purple-300\/60:hover,
html.dark .dark\:hover\:text-purple-300\/60:hover { color: rgba(216, 180, 254, 0.6) !important; }
.dark .dark\:hover\:border-purple-300\/60:hover,
html.dark .dark\:hover\:border-purple-300\/60:hover { border-color: rgba(216, 180, 254, 0.6) !important; }

.bg-purple-300\/70 { background-color: rgba(216, 180, 254, 0.7) !important; }
.text-purple-300\/70 { color: rgba(216, 180, 254, 0.7) !important; }
.border-purple-300\/70 { border-color: rgba(216, 180, 254, 0.7) !important; }

.hover\:bg-purple-300\/70:hover { background-color: rgba(216, 180, 254, 0.7) !important; }
.hover\:text-purple-300\/70:hover { color: rgba(216, 180, 254, 0.7) !important; }
.hover\:border-purple-300\/70:hover { border-color: rgba(216, 180, 254, 0.7) !important; }

.dark .dark\:bg-purple-300\/70,
html.dark .dark\:bg-purple-300\/70 { background-color: rgba(216, 180, 254, 0.7) !important; }
.dark .dark\:text-purple-300\/70,
html.dark .dark\:text-purple-300\/70 { color: rgba(216, 180, 254, 0.7) !important; }
.dark .dark\:border-purple-300\/70,
html.dark .dark\:border-purple-300\/70 { border-color: rgba(216, 180, 254, 0.7) !important; }

.dark .dark\:hover\:bg-purple-300\/70:hover,
html.dark .dark\:hover\:bg-purple-300\/70:hover { background-color: rgba(216, 180, 254, 0.7) !important; }
.dark .dark\:hover\:text-purple-300\/70:hover,
html.dark .dark\:hover\:text-purple-300\/70:hover { color: rgba(216, 180, 254, 0.7) !important; }
.dark .dark\:hover\:border-purple-300\/70:hover,
html.dark .dark\:hover\:border-purple-300\/70:hover { border-color: rgba(216, 180, 254, 0.7) !important; }

.bg-purple-300\/75 { background-color: rgba(216, 180, 254, 0.75) !important; }
.text-purple-300\/75 { color: rgba(216, 180, 254, 0.75) !important; }
.border-purple-300\/75 { border-color: rgba(216, 180, 254, 0.75) !important; }

.hover\:bg-purple-300\/75:hover { background-color: rgba(216, 180, 254, 0.75) !important; }
.hover\:text-purple-300\/75:hover { color: rgba(216, 180, 254, 0.75) !important; }
.hover\:border-purple-300\/75:hover { border-color: rgba(216, 180, 254, 0.75) !important; }

.dark .dark\:bg-purple-300\/75,
html.dark .dark\:bg-purple-300\/75 { background-color: rgba(216, 180, 254, 0.75) !important; }
.dark .dark\:text-purple-300\/75,
html.dark .dark\:text-purple-300\/75 { color: rgba(216, 180, 254, 0.75) !important; }
.dark .dark\:border-purple-300\/75,
html.dark .dark\:border-purple-300\/75 { border-color: rgba(216, 180, 254, 0.75) !important; }

.dark .dark\:hover\:bg-purple-300\/75:hover,
html.dark .dark\:hover\:bg-purple-300\/75:hover { background-color: rgba(216, 180, 254, 0.75) !important; }
.dark .dark\:hover\:text-purple-300\/75:hover,
html.dark .dark\:hover\:text-purple-300\/75:hover { color: rgba(216, 180, 254, 0.75) !important; }
.dark .dark\:hover\:border-purple-300\/75:hover,
html.dark .dark\:hover\:border-purple-300\/75:hover { border-color: rgba(216, 180, 254, 0.75) !important; }

.bg-purple-300\/80 { background-color: rgba(216, 180, 254, 0.8) !important; }
.text-purple-300\/80 { color: rgba(216, 180, 254, 0.8) !important; }
.border-purple-300\/80 { border-color: rgba(216, 180, 254, 0.8) !important; }

.hover\:bg-purple-300\/80:hover { background-color: rgba(216, 180, 254, 0.8) !important; }
.hover\:text-purple-300\/80:hover { color: rgba(216, 180, 254, 0.8) !important; }
.hover\:border-purple-300\/80:hover { border-color: rgba(216, 180, 254, 0.8) !important; }

.dark .dark\:bg-purple-300\/80,
html.dark .dark\:bg-purple-300\/80 { background-color: rgba(216, 180, 254, 0.8) !important; }
.dark .dark\:text-purple-300\/80,
html.dark .dark\:text-purple-300\/80 { color: rgba(216, 180, 254, 0.8) !important; }
.dark .dark\:border-purple-300\/80,
html.dark .dark\:border-purple-300\/80 { border-color: rgba(216, 180, 254, 0.8) !important; }

.dark .dark\:hover\:bg-purple-300\/80:hover,
html.dark .dark\:hover\:bg-purple-300\/80:hover { background-color: rgba(216, 180, 254, 0.8) !important; }
.dark .dark\:hover\:text-purple-300\/80:hover,
html.dark .dark\:hover\:text-purple-300\/80:hover { color: rgba(216, 180, 254, 0.8) !important; }
.dark .dark\:hover\:border-purple-300\/80:hover,
html.dark .dark\:hover\:border-purple-300\/80:hover { border-color: rgba(216, 180, 254, 0.8) !important; }

.bg-purple-300\/90 { background-color: rgba(216, 180, 254, 0.9) !important; }
.text-purple-300\/90 { color: rgba(216, 180, 254, 0.9) !important; }
.border-purple-300\/90 { border-color: rgba(216, 180, 254, 0.9) !important; }

.hover\:bg-purple-300\/90:hover { background-color: rgba(216, 180, 254, 0.9) !important; }
.hover\:text-purple-300\/90:hover { color: rgba(216, 180, 254, 0.9) !important; }
.hover\:border-purple-300\/90:hover { border-color: rgba(216, 180, 254, 0.9) !important; }

.dark .dark\:bg-purple-300\/90,
html.dark .dark\:bg-purple-300\/90 { background-color: rgba(216, 180, 254, 0.9) !important; }
.dark .dark\:text-purple-300\/90,
html.dark .dark\:text-purple-300\/90 { color: rgba(216, 180, 254, 0.9) !important; }
.dark .dark\:border-purple-300\/90,
html.dark .dark\:border-purple-300\/90 { border-color: rgba(216, 180, 254, 0.9) !important; }

.dark .dark\:hover\:bg-purple-300\/90:hover,
html.dark .dark\:hover\:bg-purple-300\/90:hover { background-color: rgba(216, 180, 254, 0.9) !important; }
.dark .dark\:hover\:text-purple-300\/90:hover,
html.dark .dark\:hover\:text-purple-300\/90:hover { color: rgba(216, 180, 254, 0.9) !important; }
.dark .dark\:hover\:border-purple-300\/90:hover,
html.dark .dark\:hover\:border-purple-300\/90:hover { border-color: rgba(216, 180, 254, 0.9) !important; }

.bg-purple-300\/95 { background-color: rgba(216, 180, 254, 0.95) !important; }
.text-purple-300\/95 { color: rgba(216, 180, 254, 0.95) !important; }
.border-purple-300\/95 { border-color: rgba(216, 180, 254, 0.95) !important; }

.hover\:bg-purple-300\/95:hover { background-color: rgba(216, 180, 254, 0.95) !important; }
.hover\:text-purple-300\/95:hover { color: rgba(216, 180, 254, 0.95) !important; }
.hover\:border-purple-300\/95:hover { border-color: rgba(216, 180, 254, 0.95) !important; }

.dark .dark\:bg-purple-300\/95,
html.dark .dark\:bg-purple-300\/95 { background-color: rgba(216, 180, 254, 0.95) !important; }
.dark .dark\:text-purple-300\/95,
html.dark .dark\:text-purple-300\/95 { color: rgba(216, 180, 254, 0.95) !important; }
.dark .dark\:border-purple-300\/95,
html.dark .dark\:border-purple-300\/95 { border-color: rgba(216, 180, 254, 0.95) !important; }

.dark .dark\:hover\:bg-purple-300\/95:hover,
html.dark .dark\:hover\:bg-purple-300\/95:hover { background-color: rgba(216, 180, 254, 0.95) !important; }
.dark .dark\:hover\:text-purple-300\/95:hover,
html.dark .dark\:hover\:text-purple-300\/95:hover { color: rgba(216, 180, 254, 0.95) !important; }
.dark .dark\:hover\:border-purple-300\/95:hover,
html.dark .dark\:hover\:border-purple-300\/95:hover { border-color: rgba(216, 180, 254, 0.95) !important; }

.bg-purple-400 { background-color: #c084fc !important; }
.text-purple-400 { color: #c084fc !important; }
.border-purple-400 { border-color: #c084fc !important; }
.fill-purple-400 { fill: #c084fc !important; }
.stroke-purple-400 { stroke: #c084fc !important; }

/* Hover states */
.hover\:bg-purple-400:hover { background-color: #c084fc !important; }
.hover\:text-purple-400:hover { color: #c084fc !important; }
.hover\:border-purple-400:hover { border-color: #c084fc !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-400,
html.dark .dark\:bg-purple-400 { background-color: #c084fc !important; }
.dark .dark\:text-purple-400,
html.dark .dark\:text-purple-400 { color: #c084fc !important; }
.dark .dark\:border-purple-400,
html.dark .dark\:border-purple-400 { border-color: #c084fc !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-400:hover,
html.dark .dark\:hover\:bg-purple-400:hover { background-color: #c084fc !important; }
.dark .dark\:hover\:text-purple-400:hover,
html.dark .dark\:hover\:text-purple-400:hover { color: #c084fc !important; }
.dark .dark\:hover\:border-purple-400:hover,
html.dark .dark\:hover\:border-purple-400:hover { border-color: #c084fc !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-400,
html.dark .group:hover .dark\:group-hover\:text-purple-400 { color: #c084fc !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-400,
html.dark .group:hover .dark\:group-hover\:bg-purple-400 { background-color: #c084fc !important; }

.bg-purple-400\/10 { background-color: rgba(192, 132, 252, 0.1) !important; }
.text-purple-400\/10 { color: rgba(192, 132, 252, 0.1) !important; }
.border-purple-400\/10 { border-color: rgba(192, 132, 252, 0.1) !important; }

.hover\:bg-purple-400\/10:hover { background-color: rgba(192, 132, 252, 0.1) !important; }
.hover\:text-purple-400\/10:hover { color: rgba(192, 132, 252, 0.1) !important; }
.hover\:border-purple-400\/10:hover { border-color: rgba(192, 132, 252, 0.1) !important; }

.dark .dark\:bg-purple-400\/10,
html.dark .dark\:bg-purple-400\/10 { background-color: rgba(192, 132, 252, 0.1) !important; }
.dark .dark\:text-purple-400\/10,
html.dark .dark\:text-purple-400\/10 { color: rgba(192, 132, 252, 0.1) !important; }
.dark .dark\:border-purple-400\/10,
html.dark .dark\:border-purple-400\/10 { border-color: rgba(192, 132, 252, 0.1) !important; }

.dark .dark\:hover\:bg-purple-400\/10:hover,
html.dark .dark\:hover\:bg-purple-400\/10:hover { background-color: rgba(192, 132, 252, 0.1) !important; }
.dark .dark\:hover\:text-purple-400\/10:hover,
html.dark .dark\:hover\:text-purple-400\/10:hover { color: rgba(192, 132, 252, 0.1) !important; }
.dark .dark\:hover\:border-purple-400\/10:hover,
html.dark .dark\:hover\:border-purple-400\/10:hover { border-color: rgba(192, 132, 252, 0.1) !important; }

.bg-purple-400\/20 { background-color: rgba(192, 132, 252, 0.2) !important; }
.text-purple-400\/20 { color: rgba(192, 132, 252, 0.2) !important; }
.border-purple-400\/20 { border-color: rgba(192, 132, 252, 0.2) !important; }

.hover\:bg-purple-400\/20:hover { background-color: rgba(192, 132, 252, 0.2) !important; }
.hover\:text-purple-400\/20:hover { color: rgba(192, 132, 252, 0.2) !important; }
.hover\:border-purple-400\/20:hover { border-color: rgba(192, 132, 252, 0.2) !important; }

.dark .dark\:bg-purple-400\/20,
html.dark .dark\:bg-purple-400\/20 { background-color: rgba(192, 132, 252, 0.2) !important; }
.dark .dark\:text-purple-400\/20,
html.dark .dark\:text-purple-400\/20 { color: rgba(192, 132, 252, 0.2) !important; }
.dark .dark\:border-purple-400\/20,
html.dark .dark\:border-purple-400\/20 { border-color: rgba(192, 132, 252, 0.2) !important; }

.dark .dark\:hover\:bg-purple-400\/20:hover,
html.dark .dark\:hover\:bg-purple-400\/20:hover { background-color: rgba(192, 132, 252, 0.2) !important; }
.dark .dark\:hover\:text-purple-400\/20:hover,
html.dark .dark\:hover\:text-purple-400\/20:hover { color: rgba(192, 132, 252, 0.2) !important; }
.dark .dark\:hover\:border-purple-400\/20:hover,
html.dark .dark\:hover\:border-purple-400\/20:hover { border-color: rgba(192, 132, 252, 0.2) !important; }

.bg-purple-400\/25 { background-color: rgba(192, 132, 252, 0.25) !important; }
.text-purple-400\/25 { color: rgba(192, 132, 252, 0.25) !important; }
.border-purple-400\/25 { border-color: rgba(192, 132, 252, 0.25) !important; }

.hover\:bg-purple-400\/25:hover { background-color: rgba(192, 132, 252, 0.25) !important; }
.hover\:text-purple-400\/25:hover { color: rgba(192, 132, 252, 0.25) !important; }
.hover\:border-purple-400\/25:hover { border-color: rgba(192, 132, 252, 0.25) !important; }

.dark .dark\:bg-purple-400\/25,
html.dark .dark\:bg-purple-400\/25 { background-color: rgba(192, 132, 252, 0.25) !important; }
.dark .dark\:text-purple-400\/25,
html.dark .dark\:text-purple-400\/25 { color: rgba(192, 132, 252, 0.25) !important; }
.dark .dark\:border-purple-400\/25,
html.dark .dark\:border-purple-400\/25 { border-color: rgba(192, 132, 252, 0.25) !important; }

.dark .dark\:hover\:bg-purple-400\/25:hover,
html.dark .dark\:hover\:bg-purple-400\/25:hover { background-color: rgba(192, 132, 252, 0.25) !important; }
.dark .dark\:hover\:text-purple-400\/25:hover,
html.dark .dark\:hover\:text-purple-400\/25:hover { color: rgba(192, 132, 252, 0.25) !important; }
.dark .dark\:hover\:border-purple-400\/25:hover,
html.dark .dark\:hover\:border-purple-400\/25:hover { border-color: rgba(192, 132, 252, 0.25) !important; }

.bg-purple-400\/30 { background-color: rgba(192, 132, 252, 0.3) !important; }
.text-purple-400\/30 { color: rgba(192, 132, 252, 0.3) !important; }
.border-purple-400\/30 { border-color: rgba(192, 132, 252, 0.3) !important; }

.hover\:bg-purple-400\/30:hover { background-color: rgba(192, 132, 252, 0.3) !important; }
.hover\:text-purple-400\/30:hover { color: rgba(192, 132, 252, 0.3) !important; }
.hover\:border-purple-400\/30:hover { border-color: rgba(192, 132, 252, 0.3) !important; }

.dark .dark\:bg-purple-400\/30,
html.dark .dark\:bg-purple-400\/30 { background-color: rgba(192, 132, 252, 0.3) !important; }
.dark .dark\:text-purple-400\/30,
html.dark .dark\:text-purple-400\/30 { color: rgba(192, 132, 252, 0.3) !important; }
.dark .dark\:border-purple-400\/30,
html.dark .dark\:border-purple-400\/30 { border-color: rgba(192, 132, 252, 0.3) !important; }

.dark .dark\:hover\:bg-purple-400\/30:hover,
html.dark .dark\:hover\:bg-purple-400\/30:hover { background-color: rgba(192, 132, 252, 0.3) !important; }
.dark .dark\:hover\:text-purple-400\/30:hover,
html.dark .dark\:hover\:text-purple-400\/30:hover { color: rgba(192, 132, 252, 0.3) !important; }
.dark .dark\:hover\:border-purple-400\/30:hover,
html.dark .dark\:hover\:border-purple-400\/30:hover { border-color: rgba(192, 132, 252, 0.3) !important; }

.bg-purple-400\/40 { background-color: rgba(192, 132, 252, 0.4) !important; }
.text-purple-400\/40 { color: rgba(192, 132, 252, 0.4) !important; }
.border-purple-400\/40 { border-color: rgba(192, 132, 252, 0.4) !important; }

.hover\:bg-purple-400\/40:hover { background-color: rgba(192, 132, 252, 0.4) !important; }
.hover\:text-purple-400\/40:hover { color: rgba(192, 132, 252, 0.4) !important; }
.hover\:border-purple-400\/40:hover { border-color: rgba(192, 132, 252, 0.4) !important; }

.dark .dark\:bg-purple-400\/40,
html.dark .dark\:bg-purple-400\/40 { background-color: rgba(192, 132, 252, 0.4) !important; }
.dark .dark\:text-purple-400\/40,
html.dark .dark\:text-purple-400\/40 { color: rgba(192, 132, 252, 0.4) !important; }
.dark .dark\:border-purple-400\/40,
html.dark .dark\:border-purple-400\/40 { border-color: rgba(192, 132, 252, 0.4) !important; }

.dark .dark\:hover\:bg-purple-400\/40:hover,
html.dark .dark\:hover\:bg-purple-400\/40:hover { background-color: rgba(192, 132, 252, 0.4) !important; }
.dark .dark\:hover\:text-purple-400\/40:hover,
html.dark .dark\:hover\:text-purple-400\/40:hover { color: rgba(192, 132, 252, 0.4) !important; }
.dark .dark\:hover\:border-purple-400\/40:hover,
html.dark .dark\:hover\:border-purple-400\/40:hover { border-color: rgba(192, 132, 252, 0.4) !important; }

.bg-purple-400\/50 { background-color: rgba(192, 132, 252, 0.5) !important; }
.text-purple-400\/50 { color: rgba(192, 132, 252, 0.5) !important; }
.border-purple-400\/50 { border-color: rgba(192, 132, 252, 0.5) !important; }

.hover\:bg-purple-400\/50:hover { background-color: rgba(192, 132, 252, 0.5) !important; }
.hover\:text-purple-400\/50:hover { color: rgba(192, 132, 252, 0.5) !important; }
.hover\:border-purple-400\/50:hover { border-color: rgba(192, 132, 252, 0.5) !important; }

.dark .dark\:bg-purple-400\/50,
html.dark .dark\:bg-purple-400\/50 { background-color: rgba(192, 132, 252, 0.5) !important; }
.dark .dark\:text-purple-400\/50,
html.dark .dark\:text-purple-400\/50 { color: rgba(192, 132, 252, 0.5) !important; }
.dark .dark\:border-purple-400\/50,
html.dark .dark\:border-purple-400\/50 { border-color: rgba(192, 132, 252, 0.5) !important; }

.dark .dark\:hover\:bg-purple-400\/50:hover,
html.dark .dark\:hover\:bg-purple-400\/50:hover { background-color: rgba(192, 132, 252, 0.5) !important; }
.dark .dark\:hover\:text-purple-400\/50:hover,
html.dark .dark\:hover\:text-purple-400\/50:hover { color: rgba(192, 132, 252, 0.5) !important; }
.dark .dark\:hover\:border-purple-400\/50:hover,
html.dark .dark\:hover\:border-purple-400\/50:hover { border-color: rgba(192, 132, 252, 0.5) !important; }

.bg-purple-400\/60 { background-color: rgba(192, 132, 252, 0.6) !important; }
.text-purple-400\/60 { color: rgba(192, 132, 252, 0.6) !important; }
.border-purple-400\/60 { border-color: rgba(192, 132, 252, 0.6) !important; }

.hover\:bg-purple-400\/60:hover { background-color: rgba(192, 132, 252, 0.6) !important; }
.hover\:text-purple-400\/60:hover { color: rgba(192, 132, 252, 0.6) !important; }
.hover\:border-purple-400\/60:hover { border-color: rgba(192, 132, 252, 0.6) !important; }

.dark .dark\:bg-purple-400\/60,
html.dark .dark\:bg-purple-400\/60 { background-color: rgba(192, 132, 252, 0.6) !important; }
.dark .dark\:text-purple-400\/60,
html.dark .dark\:text-purple-400\/60 { color: rgba(192, 132, 252, 0.6) !important; }
.dark .dark\:border-purple-400\/60,
html.dark .dark\:border-purple-400\/60 { border-color: rgba(192, 132, 252, 0.6) !important; }

.dark .dark\:hover\:bg-purple-400\/60:hover,
html.dark .dark\:hover\:bg-purple-400\/60:hover { background-color: rgba(192, 132, 252, 0.6) !important; }
.dark .dark\:hover\:text-purple-400\/60:hover,
html.dark .dark\:hover\:text-purple-400\/60:hover { color: rgba(192, 132, 252, 0.6) !important; }
.dark .dark\:hover\:border-purple-400\/60:hover,
html.dark .dark\:hover\:border-purple-400\/60:hover { border-color: rgba(192, 132, 252, 0.6) !important; }

.bg-purple-400\/70 { background-color: rgba(192, 132, 252, 0.7) !important; }
.text-purple-400\/70 { color: rgba(192, 132, 252, 0.7) !important; }
.border-purple-400\/70 { border-color: rgba(192, 132, 252, 0.7) !important; }

.hover\:bg-purple-400\/70:hover { background-color: rgba(192, 132, 252, 0.7) !important; }
.hover\:text-purple-400\/70:hover { color: rgba(192, 132, 252, 0.7) !important; }
.hover\:border-purple-400\/70:hover { border-color: rgba(192, 132, 252, 0.7) !important; }

.dark .dark\:bg-purple-400\/70,
html.dark .dark\:bg-purple-400\/70 { background-color: rgba(192, 132, 252, 0.7) !important; }
.dark .dark\:text-purple-400\/70,
html.dark .dark\:text-purple-400\/70 { color: rgba(192, 132, 252, 0.7) !important; }
.dark .dark\:border-purple-400\/70,
html.dark .dark\:border-purple-400\/70 { border-color: rgba(192, 132, 252, 0.7) !important; }

.dark .dark\:hover\:bg-purple-400\/70:hover,
html.dark .dark\:hover\:bg-purple-400\/70:hover { background-color: rgba(192, 132, 252, 0.7) !important; }
.dark .dark\:hover\:text-purple-400\/70:hover,
html.dark .dark\:hover\:text-purple-400\/70:hover { color: rgba(192, 132, 252, 0.7) !important; }
.dark .dark\:hover\:border-purple-400\/70:hover,
html.dark .dark\:hover\:border-purple-400\/70:hover { border-color: rgba(192, 132, 252, 0.7) !important; }

.bg-purple-400\/75 { background-color: rgba(192, 132, 252, 0.75) !important; }
.text-purple-400\/75 { color: rgba(192, 132, 252, 0.75) !important; }
.border-purple-400\/75 { border-color: rgba(192, 132, 252, 0.75) !important; }

.hover\:bg-purple-400\/75:hover { background-color: rgba(192, 132, 252, 0.75) !important; }
.hover\:text-purple-400\/75:hover { color: rgba(192, 132, 252, 0.75) !important; }
.hover\:border-purple-400\/75:hover { border-color: rgba(192, 132, 252, 0.75) !important; }

.dark .dark\:bg-purple-400\/75,
html.dark .dark\:bg-purple-400\/75 { background-color: rgba(192, 132, 252, 0.75) !important; }
.dark .dark\:text-purple-400\/75,
html.dark .dark\:text-purple-400\/75 { color: rgba(192, 132, 252, 0.75) !important; }
.dark .dark\:border-purple-400\/75,
html.dark .dark\:border-purple-400\/75 { border-color: rgba(192, 132, 252, 0.75) !important; }

.dark .dark\:hover\:bg-purple-400\/75:hover,
html.dark .dark\:hover\:bg-purple-400\/75:hover { background-color: rgba(192, 132, 252, 0.75) !important; }
.dark .dark\:hover\:text-purple-400\/75:hover,
html.dark .dark\:hover\:text-purple-400\/75:hover { color: rgba(192, 132, 252, 0.75) !important; }
.dark .dark\:hover\:border-purple-400\/75:hover,
html.dark .dark\:hover\:border-purple-400\/75:hover { border-color: rgba(192, 132, 252, 0.75) !important; }

.bg-purple-400\/80 { background-color: rgba(192, 132, 252, 0.8) !important; }
.text-purple-400\/80 { color: rgba(192, 132, 252, 0.8) !important; }
.border-purple-400\/80 { border-color: rgba(192, 132, 252, 0.8) !important; }

.hover\:bg-purple-400\/80:hover { background-color: rgba(192, 132, 252, 0.8) !important; }
.hover\:text-purple-400\/80:hover { color: rgba(192, 132, 252, 0.8) !important; }
.hover\:border-purple-400\/80:hover { border-color: rgba(192, 132, 252, 0.8) !important; }

.dark .dark\:bg-purple-400\/80,
html.dark .dark\:bg-purple-400\/80 { background-color: rgba(192, 132, 252, 0.8) !important; }
.dark .dark\:text-purple-400\/80,
html.dark .dark\:text-purple-400\/80 { color: rgba(192, 132, 252, 0.8) !important; }
.dark .dark\:border-purple-400\/80,
html.dark .dark\:border-purple-400\/80 { border-color: rgba(192, 132, 252, 0.8) !important; }

.dark .dark\:hover\:bg-purple-400\/80:hover,
html.dark .dark\:hover\:bg-purple-400\/80:hover { background-color: rgba(192, 132, 252, 0.8) !important; }
.dark .dark\:hover\:text-purple-400\/80:hover,
html.dark .dark\:hover\:text-purple-400\/80:hover { color: rgba(192, 132, 252, 0.8) !important; }
.dark .dark\:hover\:border-purple-400\/80:hover,
html.dark .dark\:hover\:border-purple-400\/80:hover { border-color: rgba(192, 132, 252, 0.8) !important; }

.bg-purple-400\/90 { background-color: rgba(192, 132, 252, 0.9) !important; }
.text-purple-400\/90 { color: rgba(192, 132, 252, 0.9) !important; }
.border-purple-400\/90 { border-color: rgba(192, 132, 252, 0.9) !important; }

.hover\:bg-purple-400\/90:hover { background-color: rgba(192, 132, 252, 0.9) !important; }
.hover\:text-purple-400\/90:hover { color: rgba(192, 132, 252, 0.9) !important; }
.hover\:border-purple-400\/90:hover { border-color: rgba(192, 132, 252, 0.9) !important; }

.dark .dark\:bg-purple-400\/90,
html.dark .dark\:bg-purple-400\/90 { background-color: rgba(192, 132, 252, 0.9) !important; }
.dark .dark\:text-purple-400\/90,
html.dark .dark\:text-purple-400\/90 { color: rgba(192, 132, 252, 0.9) !important; }
.dark .dark\:border-purple-400\/90,
html.dark .dark\:border-purple-400\/90 { border-color: rgba(192, 132, 252, 0.9) !important; }

.dark .dark\:hover\:bg-purple-400\/90:hover,
html.dark .dark\:hover\:bg-purple-400\/90:hover { background-color: rgba(192, 132, 252, 0.9) !important; }
.dark .dark\:hover\:text-purple-400\/90:hover,
html.dark .dark\:hover\:text-purple-400\/90:hover { color: rgba(192, 132, 252, 0.9) !important; }
.dark .dark\:hover\:border-purple-400\/90:hover,
html.dark .dark\:hover\:border-purple-400\/90:hover { border-color: rgba(192, 132, 252, 0.9) !important; }

.bg-purple-400\/95 { background-color: rgba(192, 132, 252, 0.95) !important; }
.text-purple-400\/95 { color: rgba(192, 132, 252, 0.95) !important; }
.border-purple-400\/95 { border-color: rgba(192, 132, 252, 0.95) !important; }

.hover\:bg-purple-400\/95:hover { background-color: rgba(192, 132, 252, 0.95) !important; }
.hover\:text-purple-400\/95:hover { color: rgba(192, 132, 252, 0.95) !important; }
.hover\:border-purple-400\/95:hover { border-color: rgba(192, 132, 252, 0.95) !important; }

.dark .dark\:bg-purple-400\/95,
html.dark .dark\:bg-purple-400\/95 { background-color: rgba(192, 132, 252, 0.95) !important; }
.dark .dark\:text-purple-400\/95,
html.dark .dark\:text-purple-400\/95 { color: rgba(192, 132, 252, 0.95) !important; }
.dark .dark\:border-purple-400\/95,
html.dark .dark\:border-purple-400\/95 { border-color: rgba(192, 132, 252, 0.95) !important; }

.dark .dark\:hover\:bg-purple-400\/95:hover,
html.dark .dark\:hover\:bg-purple-400\/95:hover { background-color: rgba(192, 132, 252, 0.95) !important; }
.dark .dark\:hover\:text-purple-400\/95:hover,
html.dark .dark\:hover\:text-purple-400\/95:hover { color: rgba(192, 132, 252, 0.95) !important; }
.dark .dark\:hover\:border-purple-400\/95:hover,
html.dark .dark\:hover\:border-purple-400\/95:hover { border-color: rgba(192, 132, 252, 0.95) !important; }

.bg-purple-500 { background-color: #a855f7 !important; }
.text-purple-500 { color: #a855f7 !important; }
.border-purple-500 { border-color: #a855f7 !important; }
.fill-purple-500 { fill: #a855f7 !important; }
.stroke-purple-500 { stroke: #a855f7 !important; }

/* Hover states */
.hover\:bg-purple-500:hover { background-color: #a855f7 !important; }
.hover\:text-purple-500:hover { color: #a855f7 !important; }
.hover\:border-purple-500:hover { border-color: #a855f7 !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-500,
html.dark .dark\:bg-purple-500 { background-color: #a855f7 !important; }
.dark .dark\:text-purple-500,
html.dark .dark\:text-purple-500 { color: #a855f7 !important; }
.dark .dark\:border-purple-500,
html.dark .dark\:border-purple-500 { border-color: #a855f7 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-500:hover,
html.dark .dark\:hover\:bg-purple-500:hover { background-color: #a855f7 !important; }
.dark .dark\:hover\:text-purple-500:hover,
html.dark .dark\:hover\:text-purple-500:hover { color: #a855f7 !important; }
.dark .dark\:hover\:border-purple-500:hover,
html.dark .dark\:hover\:border-purple-500:hover { border-color: #a855f7 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-500,
html.dark .group:hover .dark\:group-hover\:text-purple-500 { color: #a855f7 !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-500,
html.dark .group:hover .dark\:group-hover\:bg-purple-500 { background-color: #a855f7 !important; }

.bg-purple-500\/10 { background-color: rgba(168, 85, 247, 0.1) !important; }
.text-purple-500\/10 { color: rgba(168, 85, 247, 0.1) !important; }
.border-purple-500\/10 { border-color: rgba(168, 85, 247, 0.1) !important; }

.hover\:bg-purple-500\/10:hover { background-color: rgba(168, 85, 247, 0.1) !important; }
.hover\:text-purple-500\/10:hover { color: rgba(168, 85, 247, 0.1) !important; }
.hover\:border-purple-500\/10:hover { border-color: rgba(168, 85, 247, 0.1) !important; }

.dark .dark\:bg-purple-500\/10,
html.dark .dark\:bg-purple-500\/10 { background-color: rgba(168, 85, 247, 0.1) !important; }
.dark .dark\:text-purple-500\/10,
html.dark .dark\:text-purple-500\/10 { color: rgba(168, 85, 247, 0.1) !important; }
.dark .dark\:border-purple-500\/10,
html.dark .dark\:border-purple-500\/10 { border-color: rgba(168, 85, 247, 0.1) !important; }

.dark .dark\:hover\:bg-purple-500\/10:hover,
html.dark .dark\:hover\:bg-purple-500\/10:hover { background-color: rgba(168, 85, 247, 0.1) !important; }
.dark .dark\:hover\:text-purple-500\/10:hover,
html.dark .dark\:hover\:text-purple-500\/10:hover { color: rgba(168, 85, 247, 0.1) !important; }
.dark .dark\:hover\:border-purple-500\/10:hover,
html.dark .dark\:hover\:border-purple-500\/10:hover { border-color: rgba(168, 85, 247, 0.1) !important; }

.bg-purple-500\/20 { background-color: rgba(168, 85, 247, 0.2) !important; }
.text-purple-500\/20 { color: rgba(168, 85, 247, 0.2) !important; }
.border-purple-500\/20 { border-color: rgba(168, 85, 247, 0.2) !important; }

.hover\:bg-purple-500\/20:hover { background-color: rgba(168, 85, 247, 0.2) !important; }
.hover\:text-purple-500\/20:hover { color: rgba(168, 85, 247, 0.2) !important; }
.hover\:border-purple-500\/20:hover { border-color: rgba(168, 85, 247, 0.2) !important; }

.dark .dark\:bg-purple-500\/20,
html.dark .dark\:bg-purple-500\/20 { background-color: rgba(168, 85, 247, 0.2) !important; }
.dark .dark\:text-purple-500\/20,
html.dark .dark\:text-purple-500\/20 { color: rgba(168, 85, 247, 0.2) !important; }
.dark .dark\:border-purple-500\/20,
html.dark .dark\:border-purple-500\/20 { border-color: rgba(168, 85, 247, 0.2) !important; }

.dark .dark\:hover\:bg-purple-500\/20:hover,
html.dark .dark\:hover\:bg-purple-500\/20:hover { background-color: rgba(168, 85, 247, 0.2) !important; }
.dark .dark\:hover\:text-purple-500\/20:hover,
html.dark .dark\:hover\:text-purple-500\/20:hover { color: rgba(168, 85, 247, 0.2) !important; }
.dark .dark\:hover\:border-purple-500\/20:hover,
html.dark .dark\:hover\:border-purple-500\/20:hover { border-color: rgba(168, 85, 247, 0.2) !important; }

.bg-purple-500\/25 { background-color: rgba(168, 85, 247, 0.25) !important; }
.text-purple-500\/25 { color: rgba(168, 85, 247, 0.25) !important; }
.border-purple-500\/25 { border-color: rgba(168, 85, 247, 0.25) !important; }

.hover\:bg-purple-500\/25:hover { background-color: rgba(168, 85, 247, 0.25) !important; }
.hover\:text-purple-500\/25:hover { color: rgba(168, 85, 247, 0.25) !important; }
.hover\:border-purple-500\/25:hover { border-color: rgba(168, 85, 247, 0.25) !important; }

.dark .dark\:bg-purple-500\/25,
html.dark .dark\:bg-purple-500\/25 { background-color: rgba(168, 85, 247, 0.25) !important; }
.dark .dark\:text-purple-500\/25,
html.dark .dark\:text-purple-500\/25 { color: rgba(168, 85, 247, 0.25) !important; }
.dark .dark\:border-purple-500\/25,
html.dark .dark\:border-purple-500\/25 { border-color: rgba(168, 85, 247, 0.25) !important; }

.dark .dark\:hover\:bg-purple-500\/25:hover,
html.dark .dark\:hover\:bg-purple-500\/25:hover { background-color: rgba(168, 85, 247, 0.25) !important; }
.dark .dark\:hover\:text-purple-500\/25:hover,
html.dark .dark\:hover\:text-purple-500\/25:hover { color: rgba(168, 85, 247, 0.25) !important; }
.dark .dark\:hover\:border-purple-500\/25:hover,
html.dark .dark\:hover\:border-purple-500\/25:hover { border-color: rgba(168, 85, 247, 0.25) !important; }

.bg-purple-500\/30 { background-color: rgba(168, 85, 247, 0.3) !important; }
.text-purple-500\/30 { color: rgba(168, 85, 247, 0.3) !important; }
.border-purple-500\/30 { border-color: rgba(168, 85, 247, 0.3) !important; }

.hover\:bg-purple-500\/30:hover { background-color: rgba(168, 85, 247, 0.3) !important; }
.hover\:text-purple-500\/30:hover { color: rgba(168, 85, 247, 0.3) !important; }
.hover\:border-purple-500\/30:hover { border-color: rgba(168, 85, 247, 0.3) !important; }

.dark .dark\:bg-purple-500\/30,
html.dark .dark\:bg-purple-500\/30 { background-color: rgba(168, 85, 247, 0.3) !important; }
.dark .dark\:text-purple-500\/30,
html.dark .dark\:text-purple-500\/30 { color: rgba(168, 85, 247, 0.3) !important; }
.dark .dark\:border-purple-500\/30,
html.dark .dark\:border-purple-500\/30 { border-color: rgba(168, 85, 247, 0.3) !important; }

.dark .dark\:hover\:bg-purple-500\/30:hover,
html.dark .dark\:hover\:bg-purple-500\/30:hover { background-color: rgba(168, 85, 247, 0.3) !important; }
.dark .dark\:hover\:text-purple-500\/30:hover,
html.dark .dark\:hover\:text-purple-500\/30:hover { color: rgba(168, 85, 247, 0.3) !important; }
.dark .dark\:hover\:border-purple-500\/30:hover,
html.dark .dark\:hover\:border-purple-500\/30:hover { border-color: rgba(168, 85, 247, 0.3) !important; }

.bg-purple-500\/40 { background-color: rgba(168, 85, 247, 0.4) !important; }
.text-purple-500\/40 { color: rgba(168, 85, 247, 0.4) !important; }
.border-purple-500\/40 { border-color: rgba(168, 85, 247, 0.4) !important; }

.hover\:bg-purple-500\/40:hover { background-color: rgba(168, 85, 247, 0.4) !important; }
.hover\:text-purple-500\/40:hover { color: rgba(168, 85, 247, 0.4) !important; }
.hover\:border-purple-500\/40:hover { border-color: rgba(168, 85, 247, 0.4) !important; }

.dark .dark\:bg-purple-500\/40,
html.dark .dark\:bg-purple-500\/40 { background-color: rgba(168, 85, 247, 0.4) !important; }
.dark .dark\:text-purple-500\/40,
html.dark .dark\:text-purple-500\/40 { color: rgba(168, 85, 247, 0.4) !important; }
.dark .dark\:border-purple-500\/40,
html.dark .dark\:border-purple-500\/40 { border-color: rgba(168, 85, 247, 0.4) !important; }

.dark .dark\:hover\:bg-purple-500\/40:hover,
html.dark .dark\:hover\:bg-purple-500\/40:hover { background-color: rgba(168, 85, 247, 0.4) !important; }
.dark .dark\:hover\:text-purple-500\/40:hover,
html.dark .dark\:hover\:text-purple-500\/40:hover { color: rgba(168, 85, 247, 0.4) !important; }
.dark .dark\:hover\:border-purple-500\/40:hover,
html.dark .dark\:hover\:border-purple-500\/40:hover { border-color: rgba(168, 85, 247, 0.4) !important; }

.bg-purple-500\/50 { background-color: rgba(168, 85, 247, 0.5) !important; }
.text-purple-500\/50 { color: rgba(168, 85, 247, 0.5) !important; }
.border-purple-500\/50 { border-color: rgba(168, 85, 247, 0.5) !important; }

.hover\:bg-purple-500\/50:hover { background-color: rgba(168, 85, 247, 0.5) !important; }
.hover\:text-purple-500\/50:hover { color: rgba(168, 85, 247, 0.5) !important; }
.hover\:border-purple-500\/50:hover { border-color: rgba(168, 85, 247, 0.5) !important; }

.dark .dark\:bg-purple-500\/50,
html.dark .dark\:bg-purple-500\/50 { background-color: rgba(168, 85, 247, 0.5) !important; }
.dark .dark\:text-purple-500\/50,
html.dark .dark\:text-purple-500\/50 { color: rgba(168, 85, 247, 0.5) !important; }
.dark .dark\:border-purple-500\/50,
html.dark .dark\:border-purple-500\/50 { border-color: rgba(168, 85, 247, 0.5) !important; }

.dark .dark\:hover\:bg-purple-500\/50:hover,
html.dark .dark\:hover\:bg-purple-500\/50:hover { background-color: rgba(168, 85, 247, 0.5) !important; }
.dark .dark\:hover\:text-purple-500\/50:hover,
html.dark .dark\:hover\:text-purple-500\/50:hover { color: rgba(168, 85, 247, 0.5) !important; }
.dark .dark\:hover\:border-purple-500\/50:hover,
html.dark .dark\:hover\:border-purple-500\/50:hover { border-color: rgba(168, 85, 247, 0.5) !important; }

.bg-purple-500\/60 { background-color: rgba(168, 85, 247, 0.6) !important; }
.text-purple-500\/60 { color: rgba(168, 85, 247, 0.6) !important; }
.border-purple-500\/60 { border-color: rgba(168, 85, 247, 0.6) !important; }

.hover\:bg-purple-500\/60:hover { background-color: rgba(168, 85, 247, 0.6) !important; }
.hover\:text-purple-500\/60:hover { color: rgba(168, 85, 247, 0.6) !important; }
.hover\:border-purple-500\/60:hover { border-color: rgba(168, 85, 247, 0.6) !important; }

.dark .dark\:bg-purple-500\/60,
html.dark .dark\:bg-purple-500\/60 { background-color: rgba(168, 85, 247, 0.6) !important; }
.dark .dark\:text-purple-500\/60,
html.dark .dark\:text-purple-500\/60 { color: rgba(168, 85, 247, 0.6) !important; }
.dark .dark\:border-purple-500\/60,
html.dark .dark\:border-purple-500\/60 { border-color: rgba(168, 85, 247, 0.6) !important; }

.dark .dark\:hover\:bg-purple-500\/60:hover,
html.dark .dark\:hover\:bg-purple-500\/60:hover { background-color: rgba(168, 85, 247, 0.6) !important; }
.dark .dark\:hover\:text-purple-500\/60:hover,
html.dark .dark\:hover\:text-purple-500\/60:hover { color: rgba(168, 85, 247, 0.6) !important; }
.dark .dark\:hover\:border-purple-500\/60:hover,
html.dark .dark\:hover\:border-purple-500\/60:hover { border-color: rgba(168, 85, 247, 0.6) !important; }

.bg-purple-500\/70 { background-color: rgba(168, 85, 247, 0.7) !important; }
.text-purple-500\/70 { color: rgba(168, 85, 247, 0.7) !important; }
.border-purple-500\/70 { border-color: rgba(168, 85, 247, 0.7) !important; }

.hover\:bg-purple-500\/70:hover { background-color: rgba(168, 85, 247, 0.7) !important; }
.hover\:text-purple-500\/70:hover { color: rgba(168, 85, 247, 0.7) !important; }
.hover\:border-purple-500\/70:hover { border-color: rgba(168, 85, 247, 0.7) !important; }

.dark .dark\:bg-purple-500\/70,
html.dark .dark\:bg-purple-500\/70 { background-color: rgba(168, 85, 247, 0.7) !important; }
.dark .dark\:text-purple-500\/70,
html.dark .dark\:text-purple-500\/70 { color: rgba(168, 85, 247, 0.7) !important; }
.dark .dark\:border-purple-500\/70,
html.dark .dark\:border-purple-500\/70 { border-color: rgba(168, 85, 247, 0.7) !important; }

.dark .dark\:hover\:bg-purple-500\/70:hover,
html.dark .dark\:hover\:bg-purple-500\/70:hover { background-color: rgba(168, 85, 247, 0.7) !important; }
.dark .dark\:hover\:text-purple-500\/70:hover,
html.dark .dark\:hover\:text-purple-500\/70:hover { color: rgba(168, 85, 247, 0.7) !important; }
.dark .dark\:hover\:border-purple-500\/70:hover,
html.dark .dark\:hover\:border-purple-500\/70:hover { border-color: rgba(168, 85, 247, 0.7) !important; }

.bg-purple-500\/75 { background-color: rgba(168, 85, 247, 0.75) !important; }
.text-purple-500\/75 { color: rgba(168, 85, 247, 0.75) !important; }
.border-purple-500\/75 { border-color: rgba(168, 85, 247, 0.75) !important; }

.hover\:bg-purple-500\/75:hover { background-color: rgba(168, 85, 247, 0.75) !important; }
.hover\:text-purple-500\/75:hover { color: rgba(168, 85, 247, 0.75) !important; }
.hover\:border-purple-500\/75:hover { border-color: rgba(168, 85, 247, 0.75) !important; }

.dark .dark\:bg-purple-500\/75,
html.dark .dark\:bg-purple-500\/75 { background-color: rgba(168, 85, 247, 0.75) !important; }
.dark .dark\:text-purple-500\/75,
html.dark .dark\:text-purple-500\/75 { color: rgba(168, 85, 247, 0.75) !important; }
.dark .dark\:border-purple-500\/75,
html.dark .dark\:border-purple-500\/75 { border-color: rgba(168, 85, 247, 0.75) !important; }

.dark .dark\:hover\:bg-purple-500\/75:hover,
html.dark .dark\:hover\:bg-purple-500\/75:hover { background-color: rgba(168, 85, 247, 0.75) !important; }
.dark .dark\:hover\:text-purple-500\/75:hover,
html.dark .dark\:hover\:text-purple-500\/75:hover { color: rgba(168, 85, 247, 0.75) !important; }
.dark .dark\:hover\:border-purple-500\/75:hover,
html.dark .dark\:hover\:border-purple-500\/75:hover { border-color: rgba(168, 85, 247, 0.75) !important; }

.bg-purple-500\/80 { background-color: rgba(168, 85, 247, 0.8) !important; }
.text-purple-500\/80 { color: rgba(168, 85, 247, 0.8) !important; }
.border-purple-500\/80 { border-color: rgba(168, 85, 247, 0.8) !important; }

.hover\:bg-purple-500\/80:hover { background-color: rgba(168, 85, 247, 0.8) !important; }
.hover\:text-purple-500\/80:hover { color: rgba(168, 85, 247, 0.8) !important; }
.hover\:border-purple-500\/80:hover { border-color: rgba(168, 85, 247, 0.8) !important; }

.dark .dark\:bg-purple-500\/80,
html.dark .dark\:bg-purple-500\/80 { background-color: rgba(168, 85, 247, 0.8) !important; }
.dark .dark\:text-purple-500\/80,
html.dark .dark\:text-purple-500\/80 { color: rgba(168, 85, 247, 0.8) !important; }
.dark .dark\:border-purple-500\/80,
html.dark .dark\:border-purple-500\/80 { border-color: rgba(168, 85, 247, 0.8) !important; }

.dark .dark\:hover\:bg-purple-500\/80:hover,
html.dark .dark\:hover\:bg-purple-500\/80:hover { background-color: rgba(168, 85, 247, 0.8) !important; }
.dark .dark\:hover\:text-purple-500\/80:hover,
html.dark .dark\:hover\:text-purple-500\/80:hover { color: rgba(168, 85, 247, 0.8) !important; }
.dark .dark\:hover\:border-purple-500\/80:hover,
html.dark .dark\:hover\:border-purple-500\/80:hover { border-color: rgba(168, 85, 247, 0.8) !important; }

.bg-purple-500\/90 { background-color: rgba(168, 85, 247, 0.9) !important; }
.text-purple-500\/90 { color: rgba(168, 85, 247, 0.9) !important; }
.border-purple-500\/90 { border-color: rgba(168, 85, 247, 0.9) !important; }

.hover\:bg-purple-500\/90:hover { background-color: rgba(168, 85, 247, 0.9) !important; }
.hover\:text-purple-500\/90:hover { color: rgba(168, 85, 247, 0.9) !important; }
.hover\:border-purple-500\/90:hover { border-color: rgba(168, 85, 247, 0.9) !important; }

.dark .dark\:bg-purple-500\/90,
html.dark .dark\:bg-purple-500\/90 { background-color: rgba(168, 85, 247, 0.9) !important; }
.dark .dark\:text-purple-500\/90,
html.dark .dark\:text-purple-500\/90 { color: rgba(168, 85, 247, 0.9) !important; }
.dark .dark\:border-purple-500\/90,
html.dark .dark\:border-purple-500\/90 { border-color: rgba(168, 85, 247, 0.9) !important; }

.dark .dark\:hover\:bg-purple-500\/90:hover,
html.dark .dark\:hover\:bg-purple-500\/90:hover { background-color: rgba(168, 85, 247, 0.9) !important; }
.dark .dark\:hover\:text-purple-500\/90:hover,
html.dark .dark\:hover\:text-purple-500\/90:hover { color: rgba(168, 85, 247, 0.9) !important; }
.dark .dark\:hover\:border-purple-500\/90:hover,
html.dark .dark\:hover\:border-purple-500\/90:hover { border-color: rgba(168, 85, 247, 0.9) !important; }

.bg-purple-500\/95 { background-color: rgba(168, 85, 247, 0.95) !important; }
.text-purple-500\/95 { color: rgba(168, 85, 247, 0.95) !important; }
.border-purple-500\/95 { border-color: rgba(168, 85, 247, 0.95) !important; }

.hover\:bg-purple-500\/95:hover { background-color: rgba(168, 85, 247, 0.95) !important; }
.hover\:text-purple-500\/95:hover { color: rgba(168, 85, 247, 0.95) !important; }
.hover\:border-purple-500\/95:hover { border-color: rgba(168, 85, 247, 0.95) !important; }

.dark .dark\:bg-purple-500\/95,
html.dark .dark\:bg-purple-500\/95 { background-color: rgba(168, 85, 247, 0.95) !important; }
.dark .dark\:text-purple-500\/95,
html.dark .dark\:text-purple-500\/95 { color: rgba(168, 85, 247, 0.95) !important; }
.dark .dark\:border-purple-500\/95,
html.dark .dark\:border-purple-500\/95 { border-color: rgba(168, 85, 247, 0.95) !important; }

.dark .dark\:hover\:bg-purple-500\/95:hover,
html.dark .dark\:hover\:bg-purple-500\/95:hover { background-color: rgba(168, 85, 247, 0.95) !important; }
.dark .dark\:hover\:text-purple-500\/95:hover,
html.dark .dark\:hover\:text-purple-500\/95:hover { color: rgba(168, 85, 247, 0.95) !important; }
.dark .dark\:hover\:border-purple-500\/95:hover,
html.dark .dark\:hover\:border-purple-500\/95:hover { border-color: rgba(168, 85, 247, 0.95) !important; }

.bg-purple-600 { background-color: #9333ea !important; }
.text-purple-600 { color: #9333ea !important; }
.border-purple-600 { border-color: #9333ea !important; }
.fill-purple-600 { fill: #9333ea !important; }
.stroke-purple-600 { stroke: #9333ea !important; }

/* Hover states */
.hover\:bg-purple-600:hover { background-color: #9333ea !important; }
.hover\:text-purple-600:hover { color: #9333ea !important; }
.hover\:border-purple-600:hover { border-color: #9333ea !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-600,
html.dark .dark\:bg-purple-600 { background-color: #9333ea !important; }
.dark .dark\:text-purple-600,
html.dark .dark\:text-purple-600 { color: #9333ea !important; }
.dark .dark\:border-purple-600,
html.dark .dark\:border-purple-600 { border-color: #9333ea !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-600:hover,
html.dark .dark\:hover\:bg-purple-600:hover { background-color: #9333ea !important; }
.dark .dark\:hover\:text-purple-600:hover,
html.dark .dark\:hover\:text-purple-600:hover { color: #9333ea !important; }
.dark .dark\:hover\:border-purple-600:hover,
html.dark .dark\:hover\:border-purple-600:hover { border-color: #9333ea !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-600,
html.dark .group:hover .dark\:group-hover\:text-purple-600 { color: #9333ea !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-600,
html.dark .group:hover .dark\:group-hover\:bg-purple-600 { background-color: #9333ea !important; }

.bg-purple-600\/10 { background-color: rgba(147, 51, 234, 0.1) !important; }
.text-purple-600\/10 { color: rgba(147, 51, 234, 0.1) !important; }
.border-purple-600\/10 { border-color: rgba(147, 51, 234, 0.1) !important; }

.hover\:bg-purple-600\/10:hover { background-color: rgba(147, 51, 234, 0.1) !important; }
.hover\:text-purple-600\/10:hover { color: rgba(147, 51, 234, 0.1) !important; }
.hover\:border-purple-600\/10:hover { border-color: rgba(147, 51, 234, 0.1) !important; }

.dark .dark\:bg-purple-600\/10,
html.dark .dark\:bg-purple-600\/10 { background-color: rgba(147, 51, 234, 0.1) !important; }
.dark .dark\:text-purple-600\/10,
html.dark .dark\:text-purple-600\/10 { color: rgba(147, 51, 234, 0.1) !important; }
.dark .dark\:border-purple-600\/10,
html.dark .dark\:border-purple-600\/10 { border-color: rgba(147, 51, 234, 0.1) !important; }

.dark .dark\:hover\:bg-purple-600\/10:hover,
html.dark .dark\:hover\:bg-purple-600\/10:hover { background-color: rgba(147, 51, 234, 0.1) !important; }
.dark .dark\:hover\:text-purple-600\/10:hover,
html.dark .dark\:hover\:text-purple-600\/10:hover { color: rgba(147, 51, 234, 0.1) !important; }
.dark .dark\:hover\:border-purple-600\/10:hover,
html.dark .dark\:hover\:border-purple-600\/10:hover { border-color: rgba(147, 51, 234, 0.1) !important; }

.bg-purple-600\/20 { background-color: rgba(147, 51, 234, 0.2) !important; }
.text-purple-600\/20 { color: rgba(147, 51, 234, 0.2) !important; }
.border-purple-600\/20 { border-color: rgba(147, 51, 234, 0.2) !important; }

.hover\:bg-purple-600\/20:hover { background-color: rgba(147, 51, 234, 0.2) !important; }
.hover\:text-purple-600\/20:hover { color: rgba(147, 51, 234, 0.2) !important; }
.hover\:border-purple-600\/20:hover { border-color: rgba(147, 51, 234, 0.2) !important; }

.dark .dark\:bg-purple-600\/20,
html.dark .dark\:bg-purple-600\/20 { background-color: rgba(147, 51, 234, 0.2) !important; }
.dark .dark\:text-purple-600\/20,
html.dark .dark\:text-purple-600\/20 { color: rgba(147, 51, 234, 0.2) !important; }
.dark .dark\:border-purple-600\/20,
html.dark .dark\:border-purple-600\/20 { border-color: rgba(147, 51, 234, 0.2) !important; }

.dark .dark\:hover\:bg-purple-600\/20:hover,
html.dark .dark\:hover\:bg-purple-600\/20:hover { background-color: rgba(147, 51, 234, 0.2) !important; }
.dark .dark\:hover\:text-purple-600\/20:hover,
html.dark .dark\:hover\:text-purple-600\/20:hover { color: rgba(147, 51, 234, 0.2) !important; }
.dark .dark\:hover\:border-purple-600\/20:hover,
html.dark .dark\:hover\:border-purple-600\/20:hover { border-color: rgba(147, 51, 234, 0.2) !important; }

.bg-purple-600\/25 { background-color: rgba(147, 51, 234, 0.25) !important; }
.text-purple-600\/25 { color: rgba(147, 51, 234, 0.25) !important; }
.border-purple-600\/25 { border-color: rgba(147, 51, 234, 0.25) !important; }

.hover\:bg-purple-600\/25:hover { background-color: rgba(147, 51, 234, 0.25) !important; }
.hover\:text-purple-600\/25:hover { color: rgba(147, 51, 234, 0.25) !important; }
.hover\:border-purple-600\/25:hover { border-color: rgba(147, 51, 234, 0.25) !important; }

.dark .dark\:bg-purple-600\/25,
html.dark .dark\:bg-purple-600\/25 { background-color: rgba(147, 51, 234, 0.25) !important; }
.dark .dark\:text-purple-600\/25,
html.dark .dark\:text-purple-600\/25 { color: rgba(147, 51, 234, 0.25) !important; }
.dark .dark\:border-purple-600\/25,
html.dark .dark\:border-purple-600\/25 { border-color: rgba(147, 51, 234, 0.25) !important; }

.dark .dark\:hover\:bg-purple-600\/25:hover,
html.dark .dark\:hover\:bg-purple-600\/25:hover { background-color: rgba(147, 51, 234, 0.25) !important; }
.dark .dark\:hover\:text-purple-600\/25:hover,
html.dark .dark\:hover\:text-purple-600\/25:hover { color: rgba(147, 51, 234, 0.25) !important; }
.dark .dark\:hover\:border-purple-600\/25:hover,
html.dark .dark\:hover\:border-purple-600\/25:hover { border-color: rgba(147, 51, 234, 0.25) !important; }

.bg-purple-600\/30 { background-color: rgba(147, 51, 234, 0.3) !important; }
.text-purple-600\/30 { color: rgba(147, 51, 234, 0.3) !important; }
.border-purple-600\/30 { border-color: rgba(147, 51, 234, 0.3) !important; }

.hover\:bg-purple-600\/30:hover { background-color: rgba(147, 51, 234, 0.3) !important; }
.hover\:text-purple-600\/30:hover { color: rgba(147, 51, 234, 0.3) !important; }
.hover\:border-purple-600\/30:hover { border-color: rgba(147, 51, 234, 0.3) !important; }

.dark .dark\:bg-purple-600\/30,
html.dark .dark\:bg-purple-600\/30 { background-color: rgba(147, 51, 234, 0.3) !important; }
.dark .dark\:text-purple-600\/30,
html.dark .dark\:text-purple-600\/30 { color: rgba(147, 51, 234, 0.3) !important; }
.dark .dark\:border-purple-600\/30,
html.dark .dark\:border-purple-600\/30 { border-color: rgba(147, 51, 234, 0.3) !important; }

.dark .dark\:hover\:bg-purple-600\/30:hover,
html.dark .dark\:hover\:bg-purple-600\/30:hover { background-color: rgba(147, 51, 234, 0.3) !important; }
.dark .dark\:hover\:text-purple-600\/30:hover,
html.dark .dark\:hover\:text-purple-600\/30:hover { color: rgba(147, 51, 234, 0.3) !important; }
.dark .dark\:hover\:border-purple-600\/30:hover,
html.dark .dark\:hover\:border-purple-600\/30:hover { border-color: rgba(147, 51, 234, 0.3) !important; }

.bg-purple-600\/40 { background-color: rgba(147, 51, 234, 0.4) !important; }
.text-purple-600\/40 { color: rgba(147, 51, 234, 0.4) !important; }
.border-purple-600\/40 { border-color: rgba(147, 51, 234, 0.4) !important; }

.hover\:bg-purple-600\/40:hover { background-color: rgba(147, 51, 234, 0.4) !important; }
.hover\:text-purple-600\/40:hover { color: rgba(147, 51, 234, 0.4) !important; }
.hover\:border-purple-600\/40:hover { border-color: rgba(147, 51, 234, 0.4) !important; }

.dark .dark\:bg-purple-600\/40,
html.dark .dark\:bg-purple-600\/40 { background-color: rgba(147, 51, 234, 0.4) !important; }
.dark .dark\:text-purple-600\/40,
html.dark .dark\:text-purple-600\/40 { color: rgba(147, 51, 234, 0.4) !important; }
.dark .dark\:border-purple-600\/40,
html.dark .dark\:border-purple-600\/40 { border-color: rgba(147, 51, 234, 0.4) !important; }

.dark .dark\:hover\:bg-purple-600\/40:hover,
html.dark .dark\:hover\:bg-purple-600\/40:hover { background-color: rgba(147, 51, 234, 0.4) !important; }
.dark .dark\:hover\:text-purple-600\/40:hover,
html.dark .dark\:hover\:text-purple-600\/40:hover { color: rgba(147, 51, 234, 0.4) !important; }
.dark .dark\:hover\:border-purple-600\/40:hover,
html.dark .dark\:hover\:border-purple-600\/40:hover { border-color: rgba(147, 51, 234, 0.4) !important; }

.bg-purple-600\/50 { background-color: rgba(147, 51, 234, 0.5) !important; }
.text-purple-600\/50 { color: rgba(147, 51, 234, 0.5) !important; }
.border-purple-600\/50 { border-color: rgba(147, 51, 234, 0.5) !important; }

.hover\:bg-purple-600\/50:hover { background-color: rgba(147, 51, 234, 0.5) !important; }
.hover\:text-purple-600\/50:hover { color: rgba(147, 51, 234, 0.5) !important; }
.hover\:border-purple-600\/50:hover { border-color: rgba(147, 51, 234, 0.5) !important; }

.dark .dark\:bg-purple-600\/50,
html.dark .dark\:bg-purple-600\/50 { background-color: rgba(147, 51, 234, 0.5) !important; }
.dark .dark\:text-purple-600\/50,
html.dark .dark\:text-purple-600\/50 { color: rgba(147, 51, 234, 0.5) !important; }
.dark .dark\:border-purple-600\/50,
html.dark .dark\:border-purple-600\/50 { border-color: rgba(147, 51, 234, 0.5) !important; }

.dark .dark\:hover\:bg-purple-600\/50:hover,
html.dark .dark\:hover\:bg-purple-600\/50:hover { background-color: rgba(147, 51, 234, 0.5) !important; }
.dark .dark\:hover\:text-purple-600\/50:hover,
html.dark .dark\:hover\:text-purple-600\/50:hover { color: rgba(147, 51, 234, 0.5) !important; }
.dark .dark\:hover\:border-purple-600\/50:hover,
html.dark .dark\:hover\:border-purple-600\/50:hover { border-color: rgba(147, 51, 234, 0.5) !important; }

.bg-purple-600\/60 { background-color: rgba(147, 51, 234, 0.6) !important; }
.text-purple-600\/60 { color: rgba(147, 51, 234, 0.6) !important; }
.border-purple-600\/60 { border-color: rgba(147, 51, 234, 0.6) !important; }

.hover\:bg-purple-600\/60:hover { background-color: rgba(147, 51, 234, 0.6) !important; }
.hover\:text-purple-600\/60:hover { color: rgba(147, 51, 234, 0.6) !important; }
.hover\:border-purple-600\/60:hover { border-color: rgba(147, 51, 234, 0.6) !important; }

.dark .dark\:bg-purple-600\/60,
html.dark .dark\:bg-purple-600\/60 { background-color: rgba(147, 51, 234, 0.6) !important; }
.dark .dark\:text-purple-600\/60,
html.dark .dark\:text-purple-600\/60 { color: rgba(147, 51, 234, 0.6) !important; }
.dark .dark\:border-purple-600\/60,
html.dark .dark\:border-purple-600\/60 { border-color: rgba(147, 51, 234, 0.6) !important; }

.dark .dark\:hover\:bg-purple-600\/60:hover,
html.dark .dark\:hover\:bg-purple-600\/60:hover { background-color: rgba(147, 51, 234, 0.6) !important; }
.dark .dark\:hover\:text-purple-600\/60:hover,
html.dark .dark\:hover\:text-purple-600\/60:hover { color: rgba(147, 51, 234, 0.6) !important; }
.dark .dark\:hover\:border-purple-600\/60:hover,
html.dark .dark\:hover\:border-purple-600\/60:hover { border-color: rgba(147, 51, 234, 0.6) !important; }

.bg-purple-600\/70 { background-color: rgba(147, 51, 234, 0.7) !important; }
.text-purple-600\/70 { color: rgba(147, 51, 234, 0.7) !important; }
.border-purple-600\/70 { border-color: rgba(147, 51, 234, 0.7) !important; }

.hover\:bg-purple-600\/70:hover { background-color: rgba(147, 51, 234, 0.7) !important; }
.hover\:text-purple-600\/70:hover { color: rgba(147, 51, 234, 0.7) !important; }
.hover\:border-purple-600\/70:hover { border-color: rgba(147, 51, 234, 0.7) !important; }

.dark .dark\:bg-purple-600\/70,
html.dark .dark\:bg-purple-600\/70 { background-color: rgba(147, 51, 234, 0.7) !important; }
.dark .dark\:text-purple-600\/70,
html.dark .dark\:text-purple-600\/70 { color: rgba(147, 51, 234, 0.7) !important; }
.dark .dark\:border-purple-600\/70,
html.dark .dark\:border-purple-600\/70 { border-color: rgba(147, 51, 234, 0.7) !important; }

.dark .dark\:hover\:bg-purple-600\/70:hover,
html.dark .dark\:hover\:bg-purple-600\/70:hover { background-color: rgba(147, 51, 234, 0.7) !important; }
.dark .dark\:hover\:text-purple-600\/70:hover,
html.dark .dark\:hover\:text-purple-600\/70:hover { color: rgba(147, 51, 234, 0.7) !important; }
.dark .dark\:hover\:border-purple-600\/70:hover,
html.dark .dark\:hover\:border-purple-600\/70:hover { border-color: rgba(147, 51, 234, 0.7) !important; }

.bg-purple-600\/75 { background-color: rgba(147, 51, 234, 0.75) !important; }
.text-purple-600\/75 { color: rgba(147, 51, 234, 0.75) !important; }
.border-purple-600\/75 { border-color: rgba(147, 51, 234, 0.75) !important; }

.hover\:bg-purple-600\/75:hover { background-color: rgba(147, 51, 234, 0.75) !important; }
.hover\:text-purple-600\/75:hover { color: rgba(147, 51, 234, 0.75) !important; }
.hover\:border-purple-600\/75:hover { border-color: rgba(147, 51, 234, 0.75) !important; }

.dark .dark\:bg-purple-600\/75,
html.dark .dark\:bg-purple-600\/75 { background-color: rgba(147, 51, 234, 0.75) !important; }
.dark .dark\:text-purple-600\/75,
html.dark .dark\:text-purple-600\/75 { color: rgba(147, 51, 234, 0.75) !important; }
.dark .dark\:border-purple-600\/75,
html.dark .dark\:border-purple-600\/75 { border-color: rgba(147, 51, 234, 0.75) !important; }

.dark .dark\:hover\:bg-purple-600\/75:hover,
html.dark .dark\:hover\:bg-purple-600\/75:hover { background-color: rgba(147, 51, 234, 0.75) !important; }
.dark .dark\:hover\:text-purple-600\/75:hover,
html.dark .dark\:hover\:text-purple-600\/75:hover { color: rgba(147, 51, 234, 0.75) !important; }
.dark .dark\:hover\:border-purple-600\/75:hover,
html.dark .dark\:hover\:border-purple-600\/75:hover { border-color: rgba(147, 51, 234, 0.75) !important; }

.bg-purple-600\/80 { background-color: rgba(147, 51, 234, 0.8) !important; }
.text-purple-600\/80 { color: rgba(147, 51, 234, 0.8) !important; }
.border-purple-600\/80 { border-color: rgba(147, 51, 234, 0.8) !important; }

.hover\:bg-purple-600\/80:hover { background-color: rgba(147, 51, 234, 0.8) !important; }
.hover\:text-purple-600\/80:hover { color: rgba(147, 51, 234, 0.8) !important; }
.hover\:border-purple-600\/80:hover { border-color: rgba(147, 51, 234, 0.8) !important; }

.dark .dark\:bg-purple-600\/80,
html.dark .dark\:bg-purple-600\/80 { background-color: rgba(147, 51, 234, 0.8) !important; }
.dark .dark\:text-purple-600\/80,
html.dark .dark\:text-purple-600\/80 { color: rgba(147, 51, 234, 0.8) !important; }
.dark .dark\:border-purple-600\/80,
html.dark .dark\:border-purple-600\/80 { border-color: rgba(147, 51, 234, 0.8) !important; }

.dark .dark\:hover\:bg-purple-600\/80:hover,
html.dark .dark\:hover\:bg-purple-600\/80:hover { background-color: rgba(147, 51, 234, 0.8) !important; }
.dark .dark\:hover\:text-purple-600\/80:hover,
html.dark .dark\:hover\:text-purple-600\/80:hover { color: rgba(147, 51, 234, 0.8) !important; }
.dark .dark\:hover\:border-purple-600\/80:hover,
html.dark .dark\:hover\:border-purple-600\/80:hover { border-color: rgba(147, 51, 234, 0.8) !important; }

.bg-purple-600\/90 { background-color: rgba(147, 51, 234, 0.9) !important; }
.text-purple-600\/90 { color: rgba(147, 51, 234, 0.9) !important; }
.border-purple-600\/90 { border-color: rgba(147, 51, 234, 0.9) !important; }

.hover\:bg-purple-600\/90:hover { background-color: rgba(147, 51, 234, 0.9) !important; }
.hover\:text-purple-600\/90:hover { color: rgba(147, 51, 234, 0.9) !important; }
.hover\:border-purple-600\/90:hover { border-color: rgba(147, 51, 234, 0.9) !important; }

.dark .dark\:bg-purple-600\/90,
html.dark .dark\:bg-purple-600\/90 { background-color: rgba(147, 51, 234, 0.9) !important; }
.dark .dark\:text-purple-600\/90,
html.dark .dark\:text-purple-600\/90 { color: rgba(147, 51, 234, 0.9) !important; }
.dark .dark\:border-purple-600\/90,
html.dark .dark\:border-purple-600\/90 { border-color: rgba(147, 51, 234, 0.9) !important; }

.dark .dark\:hover\:bg-purple-600\/90:hover,
html.dark .dark\:hover\:bg-purple-600\/90:hover { background-color: rgba(147, 51, 234, 0.9) !important; }
.dark .dark\:hover\:text-purple-600\/90:hover,
html.dark .dark\:hover\:text-purple-600\/90:hover { color: rgba(147, 51, 234, 0.9) !important; }
.dark .dark\:hover\:border-purple-600\/90:hover,
html.dark .dark\:hover\:border-purple-600\/90:hover { border-color: rgba(147, 51, 234, 0.9) !important; }

.bg-purple-600\/95 { background-color: rgba(147, 51, 234, 0.95) !important; }
.text-purple-600\/95 { color: rgba(147, 51, 234, 0.95) !important; }
.border-purple-600\/95 { border-color: rgba(147, 51, 234, 0.95) !important; }

.hover\:bg-purple-600\/95:hover { background-color: rgba(147, 51, 234, 0.95) !important; }
.hover\:text-purple-600\/95:hover { color: rgba(147, 51, 234, 0.95) !important; }
.hover\:border-purple-600\/95:hover { border-color: rgba(147, 51, 234, 0.95) !important; }

.dark .dark\:bg-purple-600\/95,
html.dark .dark\:bg-purple-600\/95 { background-color: rgba(147, 51, 234, 0.95) !important; }
.dark .dark\:text-purple-600\/95,
html.dark .dark\:text-purple-600\/95 { color: rgba(147, 51, 234, 0.95) !important; }
.dark .dark\:border-purple-600\/95,
html.dark .dark\:border-purple-600\/95 { border-color: rgba(147, 51, 234, 0.95) !important; }

.dark .dark\:hover\:bg-purple-600\/95:hover,
html.dark .dark\:hover\:bg-purple-600\/95:hover { background-color: rgba(147, 51, 234, 0.95) !important; }
.dark .dark\:hover\:text-purple-600\/95:hover,
html.dark .dark\:hover\:text-purple-600\/95:hover { color: rgba(147, 51, 234, 0.95) !important; }
.dark .dark\:hover\:border-purple-600\/95:hover,
html.dark .dark\:hover\:border-purple-600\/95:hover { border-color: rgba(147, 51, 234, 0.95) !important; }

.bg-purple-700 { background-color: #7e22ce !important; }
.text-purple-700 { color: #7e22ce !important; }
.border-purple-700 { border-color: #7e22ce !important; }
.fill-purple-700 { fill: #7e22ce !important; }
.stroke-purple-700 { stroke: #7e22ce !important; }

/* Hover states */
.hover\:bg-purple-700:hover { background-color: #7e22ce !important; }
.hover\:text-purple-700:hover { color: #7e22ce !important; }
.hover\:border-purple-700:hover { border-color: #7e22ce !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-700,
html.dark .dark\:bg-purple-700 { background-color: #7e22ce !important; }
.dark .dark\:text-purple-700,
html.dark .dark\:text-purple-700 { color: #7e22ce !important; }
.dark .dark\:border-purple-700,
html.dark .dark\:border-purple-700 { border-color: #7e22ce !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-700:hover,
html.dark .dark\:hover\:bg-purple-700:hover { background-color: #7e22ce !important; }
.dark .dark\:hover\:text-purple-700:hover,
html.dark .dark\:hover\:text-purple-700:hover { color: #7e22ce !important; }
.dark .dark\:hover\:border-purple-700:hover,
html.dark .dark\:hover\:border-purple-700:hover { border-color: #7e22ce !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-700,
html.dark .group:hover .dark\:group-hover\:text-purple-700 { color: #7e22ce !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-700,
html.dark .group:hover .dark\:group-hover\:bg-purple-700 { background-color: #7e22ce !important; }

.bg-purple-700\/10 { background-color: rgba(126, 34, 206, 0.1) !important; }
.text-purple-700\/10 { color: rgba(126, 34, 206, 0.1) !important; }
.border-purple-700\/10 { border-color: rgba(126, 34, 206, 0.1) !important; }

.hover\:bg-purple-700\/10:hover { background-color: rgba(126, 34, 206, 0.1) !important; }
.hover\:text-purple-700\/10:hover { color: rgba(126, 34, 206, 0.1) !important; }
.hover\:border-purple-700\/10:hover { border-color: rgba(126, 34, 206, 0.1) !important; }

.dark .dark\:bg-purple-700\/10,
html.dark .dark\:bg-purple-700\/10 { background-color: rgba(126, 34, 206, 0.1) !important; }
.dark .dark\:text-purple-700\/10,
html.dark .dark\:text-purple-700\/10 { color: rgba(126, 34, 206, 0.1) !important; }
.dark .dark\:border-purple-700\/10,
html.dark .dark\:border-purple-700\/10 { border-color: rgba(126, 34, 206, 0.1) !important; }

.dark .dark\:hover\:bg-purple-700\/10:hover,
html.dark .dark\:hover\:bg-purple-700\/10:hover { background-color: rgba(126, 34, 206, 0.1) !important; }
.dark .dark\:hover\:text-purple-700\/10:hover,
html.dark .dark\:hover\:text-purple-700\/10:hover { color: rgba(126, 34, 206, 0.1) !important; }
.dark .dark\:hover\:border-purple-700\/10:hover,
html.dark .dark\:hover\:border-purple-700\/10:hover { border-color: rgba(126, 34, 206, 0.1) !important; }

.bg-purple-700\/20 { background-color: rgba(126, 34, 206, 0.2) !important; }
.text-purple-700\/20 { color: rgba(126, 34, 206, 0.2) !important; }
.border-purple-700\/20 { border-color: rgba(126, 34, 206, 0.2) !important; }

.hover\:bg-purple-700\/20:hover { background-color: rgba(126, 34, 206, 0.2) !important; }
.hover\:text-purple-700\/20:hover { color: rgba(126, 34, 206, 0.2) !important; }
.hover\:border-purple-700\/20:hover { border-color: rgba(126, 34, 206, 0.2) !important; }

.dark .dark\:bg-purple-700\/20,
html.dark .dark\:bg-purple-700\/20 { background-color: rgba(126, 34, 206, 0.2) !important; }
.dark .dark\:text-purple-700\/20,
html.dark .dark\:text-purple-700\/20 { color: rgba(126, 34, 206, 0.2) !important; }
.dark .dark\:border-purple-700\/20,
html.dark .dark\:border-purple-700\/20 { border-color: rgba(126, 34, 206, 0.2) !important; }

.dark .dark\:hover\:bg-purple-700\/20:hover,
html.dark .dark\:hover\:bg-purple-700\/20:hover { background-color: rgba(126, 34, 206, 0.2) !important; }
.dark .dark\:hover\:text-purple-700\/20:hover,
html.dark .dark\:hover\:text-purple-700\/20:hover { color: rgba(126, 34, 206, 0.2) !important; }
.dark .dark\:hover\:border-purple-700\/20:hover,
html.dark .dark\:hover\:border-purple-700\/20:hover { border-color: rgba(126, 34, 206, 0.2) !important; }

.bg-purple-700\/25 { background-color: rgba(126, 34, 206, 0.25) !important; }
.text-purple-700\/25 { color: rgba(126, 34, 206, 0.25) !important; }
.border-purple-700\/25 { border-color: rgba(126, 34, 206, 0.25) !important; }

.hover\:bg-purple-700\/25:hover { background-color: rgba(126, 34, 206, 0.25) !important; }
.hover\:text-purple-700\/25:hover { color: rgba(126, 34, 206, 0.25) !important; }
.hover\:border-purple-700\/25:hover { border-color: rgba(126, 34, 206, 0.25) !important; }

.dark .dark\:bg-purple-700\/25,
html.dark .dark\:bg-purple-700\/25 { background-color: rgba(126, 34, 206, 0.25) !important; }
.dark .dark\:text-purple-700\/25,
html.dark .dark\:text-purple-700\/25 { color: rgba(126, 34, 206, 0.25) !important; }
.dark .dark\:border-purple-700\/25,
html.dark .dark\:border-purple-700\/25 { border-color: rgba(126, 34, 206, 0.25) !important; }

.dark .dark\:hover\:bg-purple-700\/25:hover,
html.dark .dark\:hover\:bg-purple-700\/25:hover { background-color: rgba(126, 34, 206, 0.25) !important; }
.dark .dark\:hover\:text-purple-700\/25:hover,
html.dark .dark\:hover\:text-purple-700\/25:hover { color: rgba(126, 34, 206, 0.25) !important; }
.dark .dark\:hover\:border-purple-700\/25:hover,
html.dark .dark\:hover\:border-purple-700\/25:hover { border-color: rgba(126, 34, 206, 0.25) !important; }

.bg-purple-700\/30 { background-color: rgba(126, 34, 206, 0.3) !important; }
.text-purple-700\/30 { color: rgba(126, 34, 206, 0.3) !important; }
.border-purple-700\/30 { border-color: rgba(126, 34, 206, 0.3) !important; }

.hover\:bg-purple-700\/30:hover { background-color: rgba(126, 34, 206, 0.3) !important; }
.hover\:text-purple-700\/30:hover { color: rgba(126, 34, 206, 0.3) !important; }
.hover\:border-purple-700\/30:hover { border-color: rgba(126, 34, 206, 0.3) !important; }

.dark .dark\:bg-purple-700\/30,
html.dark .dark\:bg-purple-700\/30 { background-color: rgba(126, 34, 206, 0.3) !important; }
.dark .dark\:text-purple-700\/30,
html.dark .dark\:text-purple-700\/30 { color: rgba(126, 34, 206, 0.3) !important; }
.dark .dark\:border-purple-700\/30,
html.dark .dark\:border-purple-700\/30 { border-color: rgba(126, 34, 206, 0.3) !important; }

.dark .dark\:hover\:bg-purple-700\/30:hover,
html.dark .dark\:hover\:bg-purple-700\/30:hover { background-color: rgba(126, 34, 206, 0.3) !important; }
.dark .dark\:hover\:text-purple-700\/30:hover,
html.dark .dark\:hover\:text-purple-700\/30:hover { color: rgba(126, 34, 206, 0.3) !important; }
.dark .dark\:hover\:border-purple-700\/30:hover,
html.dark .dark\:hover\:border-purple-700\/30:hover { border-color: rgba(126, 34, 206, 0.3) !important; }

.bg-purple-700\/40 { background-color: rgba(126, 34, 206, 0.4) !important; }
.text-purple-700\/40 { color: rgba(126, 34, 206, 0.4) !important; }
.border-purple-700\/40 { border-color: rgba(126, 34, 206, 0.4) !important; }

.hover\:bg-purple-700\/40:hover { background-color: rgba(126, 34, 206, 0.4) !important; }
.hover\:text-purple-700\/40:hover { color: rgba(126, 34, 206, 0.4) !important; }
.hover\:border-purple-700\/40:hover { border-color: rgba(126, 34, 206, 0.4) !important; }

.dark .dark\:bg-purple-700\/40,
html.dark .dark\:bg-purple-700\/40 { background-color: rgba(126, 34, 206, 0.4) !important; }
.dark .dark\:text-purple-700\/40,
html.dark .dark\:text-purple-700\/40 { color: rgba(126, 34, 206, 0.4) !important; }
.dark .dark\:border-purple-700\/40,
html.dark .dark\:border-purple-700\/40 { border-color: rgba(126, 34, 206, 0.4) !important; }

.dark .dark\:hover\:bg-purple-700\/40:hover,
html.dark .dark\:hover\:bg-purple-700\/40:hover { background-color: rgba(126, 34, 206, 0.4) !important; }
.dark .dark\:hover\:text-purple-700\/40:hover,
html.dark .dark\:hover\:text-purple-700\/40:hover { color: rgba(126, 34, 206, 0.4) !important; }
.dark .dark\:hover\:border-purple-700\/40:hover,
html.dark .dark\:hover\:border-purple-700\/40:hover { border-color: rgba(126, 34, 206, 0.4) !important; }

.bg-purple-700\/50 { background-color: rgba(126, 34, 206, 0.5) !important; }
.text-purple-700\/50 { color: rgba(126, 34, 206, 0.5) !important; }
.border-purple-700\/50 { border-color: rgba(126, 34, 206, 0.5) !important; }

.hover\:bg-purple-700\/50:hover { background-color: rgba(126, 34, 206, 0.5) !important; }
.hover\:text-purple-700\/50:hover { color: rgba(126, 34, 206, 0.5) !important; }
.hover\:border-purple-700\/50:hover { border-color: rgba(126, 34, 206, 0.5) !important; }

.dark .dark\:bg-purple-700\/50,
html.dark .dark\:bg-purple-700\/50 { background-color: rgba(126, 34, 206, 0.5) !important; }
.dark .dark\:text-purple-700\/50,
html.dark .dark\:text-purple-700\/50 { color: rgba(126, 34, 206, 0.5) !important; }
.dark .dark\:border-purple-700\/50,
html.dark .dark\:border-purple-700\/50 { border-color: rgba(126, 34, 206, 0.5) !important; }

.dark .dark\:hover\:bg-purple-700\/50:hover,
html.dark .dark\:hover\:bg-purple-700\/50:hover { background-color: rgba(126, 34, 206, 0.5) !important; }
.dark .dark\:hover\:text-purple-700\/50:hover,
html.dark .dark\:hover\:text-purple-700\/50:hover { color: rgba(126, 34, 206, 0.5) !important; }
.dark .dark\:hover\:border-purple-700\/50:hover,
html.dark .dark\:hover\:border-purple-700\/50:hover { border-color: rgba(126, 34, 206, 0.5) !important; }

.bg-purple-700\/60 { background-color: rgba(126, 34, 206, 0.6) !important; }
.text-purple-700\/60 { color: rgba(126, 34, 206, 0.6) !important; }
.border-purple-700\/60 { border-color: rgba(126, 34, 206, 0.6) !important; }

.hover\:bg-purple-700\/60:hover { background-color: rgba(126, 34, 206, 0.6) !important; }
.hover\:text-purple-700\/60:hover { color: rgba(126, 34, 206, 0.6) !important; }
.hover\:border-purple-700\/60:hover { border-color: rgba(126, 34, 206, 0.6) !important; }

.dark .dark\:bg-purple-700\/60,
html.dark .dark\:bg-purple-700\/60 { background-color: rgba(126, 34, 206, 0.6) !important; }
.dark .dark\:text-purple-700\/60,
html.dark .dark\:text-purple-700\/60 { color: rgba(126, 34, 206, 0.6) !important; }
.dark .dark\:border-purple-700\/60,
html.dark .dark\:border-purple-700\/60 { border-color: rgba(126, 34, 206, 0.6) !important; }

.dark .dark\:hover\:bg-purple-700\/60:hover,
html.dark .dark\:hover\:bg-purple-700\/60:hover { background-color: rgba(126, 34, 206, 0.6) !important; }
.dark .dark\:hover\:text-purple-700\/60:hover,
html.dark .dark\:hover\:text-purple-700\/60:hover { color: rgba(126, 34, 206, 0.6) !important; }
.dark .dark\:hover\:border-purple-700\/60:hover,
html.dark .dark\:hover\:border-purple-700\/60:hover { border-color: rgba(126, 34, 206, 0.6) !important; }

.bg-purple-700\/70 { background-color: rgba(126, 34, 206, 0.7) !important; }
.text-purple-700\/70 { color: rgba(126, 34, 206, 0.7) !important; }
.border-purple-700\/70 { border-color: rgba(126, 34, 206, 0.7) !important; }

.hover\:bg-purple-700\/70:hover { background-color: rgba(126, 34, 206, 0.7) !important; }
.hover\:text-purple-700\/70:hover { color: rgba(126, 34, 206, 0.7) !important; }
.hover\:border-purple-700\/70:hover { border-color: rgba(126, 34, 206, 0.7) !important; }

.dark .dark\:bg-purple-700\/70,
html.dark .dark\:bg-purple-700\/70 { background-color: rgba(126, 34, 206, 0.7) !important; }
.dark .dark\:text-purple-700\/70,
html.dark .dark\:text-purple-700\/70 { color: rgba(126, 34, 206, 0.7) !important; }
.dark .dark\:border-purple-700\/70,
html.dark .dark\:border-purple-700\/70 { border-color: rgba(126, 34, 206, 0.7) !important; }

.dark .dark\:hover\:bg-purple-700\/70:hover,
html.dark .dark\:hover\:bg-purple-700\/70:hover { background-color: rgba(126, 34, 206, 0.7) !important; }
.dark .dark\:hover\:text-purple-700\/70:hover,
html.dark .dark\:hover\:text-purple-700\/70:hover { color: rgba(126, 34, 206, 0.7) !important; }
.dark .dark\:hover\:border-purple-700\/70:hover,
html.dark .dark\:hover\:border-purple-700\/70:hover { border-color: rgba(126, 34, 206, 0.7) !important; }

.bg-purple-700\/75 { background-color: rgba(126, 34, 206, 0.75) !important; }
.text-purple-700\/75 { color: rgba(126, 34, 206, 0.75) !important; }
.border-purple-700\/75 { border-color: rgba(126, 34, 206, 0.75) !important; }

.hover\:bg-purple-700\/75:hover { background-color: rgba(126, 34, 206, 0.75) !important; }
.hover\:text-purple-700\/75:hover { color: rgba(126, 34, 206, 0.75) !important; }
.hover\:border-purple-700\/75:hover { border-color: rgba(126, 34, 206, 0.75) !important; }

.dark .dark\:bg-purple-700\/75,
html.dark .dark\:bg-purple-700\/75 { background-color: rgba(126, 34, 206, 0.75) !important; }
.dark .dark\:text-purple-700\/75,
html.dark .dark\:text-purple-700\/75 { color: rgba(126, 34, 206, 0.75) !important; }
.dark .dark\:border-purple-700\/75,
html.dark .dark\:border-purple-700\/75 { border-color: rgba(126, 34, 206, 0.75) !important; }

.dark .dark\:hover\:bg-purple-700\/75:hover,
html.dark .dark\:hover\:bg-purple-700\/75:hover { background-color: rgba(126, 34, 206, 0.75) !important; }
.dark .dark\:hover\:text-purple-700\/75:hover,
html.dark .dark\:hover\:text-purple-700\/75:hover { color: rgba(126, 34, 206, 0.75) !important; }
.dark .dark\:hover\:border-purple-700\/75:hover,
html.dark .dark\:hover\:border-purple-700\/75:hover { border-color: rgba(126, 34, 206, 0.75) !important; }

.bg-purple-700\/80 { background-color: rgba(126, 34, 206, 0.8) !important; }
.text-purple-700\/80 { color: rgba(126, 34, 206, 0.8) !important; }
.border-purple-700\/80 { border-color: rgba(126, 34, 206, 0.8) !important; }

.hover\:bg-purple-700\/80:hover { background-color: rgba(126, 34, 206, 0.8) !important; }
.hover\:text-purple-700\/80:hover { color: rgba(126, 34, 206, 0.8) !important; }
.hover\:border-purple-700\/80:hover { border-color: rgba(126, 34, 206, 0.8) !important; }

.dark .dark\:bg-purple-700\/80,
html.dark .dark\:bg-purple-700\/80 { background-color: rgba(126, 34, 206, 0.8) !important; }
.dark .dark\:text-purple-700\/80,
html.dark .dark\:text-purple-700\/80 { color: rgba(126, 34, 206, 0.8) !important; }
.dark .dark\:border-purple-700\/80,
html.dark .dark\:border-purple-700\/80 { border-color: rgba(126, 34, 206, 0.8) !important; }

.dark .dark\:hover\:bg-purple-700\/80:hover,
html.dark .dark\:hover\:bg-purple-700\/80:hover { background-color: rgba(126, 34, 206, 0.8) !important; }
.dark .dark\:hover\:text-purple-700\/80:hover,
html.dark .dark\:hover\:text-purple-700\/80:hover { color: rgba(126, 34, 206, 0.8) !important; }
.dark .dark\:hover\:border-purple-700\/80:hover,
html.dark .dark\:hover\:border-purple-700\/80:hover { border-color: rgba(126, 34, 206, 0.8) !important; }

.bg-purple-700\/90 { background-color: rgba(126, 34, 206, 0.9) !important; }
.text-purple-700\/90 { color: rgba(126, 34, 206, 0.9) !important; }
.border-purple-700\/90 { border-color: rgba(126, 34, 206, 0.9) !important; }

.hover\:bg-purple-700\/90:hover { background-color: rgba(126, 34, 206, 0.9) !important; }
.hover\:text-purple-700\/90:hover { color: rgba(126, 34, 206, 0.9) !important; }
.hover\:border-purple-700\/90:hover { border-color: rgba(126, 34, 206, 0.9) !important; }

.dark .dark\:bg-purple-700\/90,
html.dark .dark\:bg-purple-700\/90 { background-color: rgba(126, 34, 206, 0.9) !important; }
.dark .dark\:text-purple-700\/90,
html.dark .dark\:text-purple-700\/90 { color: rgba(126, 34, 206, 0.9) !important; }
.dark .dark\:border-purple-700\/90,
html.dark .dark\:border-purple-700\/90 { border-color: rgba(126, 34, 206, 0.9) !important; }

.dark .dark\:hover\:bg-purple-700\/90:hover,
html.dark .dark\:hover\:bg-purple-700\/90:hover { background-color: rgba(126, 34, 206, 0.9) !important; }
.dark .dark\:hover\:text-purple-700\/90:hover,
html.dark .dark\:hover\:text-purple-700\/90:hover { color: rgba(126, 34, 206, 0.9) !important; }
.dark .dark\:hover\:border-purple-700\/90:hover,
html.dark .dark\:hover\:border-purple-700\/90:hover { border-color: rgba(126, 34, 206, 0.9) !important; }

.bg-purple-700\/95 { background-color: rgba(126, 34, 206, 0.95) !important; }
.text-purple-700\/95 { color: rgba(126, 34, 206, 0.95) !important; }
.border-purple-700\/95 { border-color: rgba(126, 34, 206, 0.95) !important; }

.hover\:bg-purple-700\/95:hover { background-color: rgba(126, 34, 206, 0.95) !important; }
.hover\:text-purple-700\/95:hover { color: rgba(126, 34, 206, 0.95) !important; }
.hover\:border-purple-700\/95:hover { border-color: rgba(126, 34, 206, 0.95) !important; }

.dark .dark\:bg-purple-700\/95,
html.dark .dark\:bg-purple-700\/95 { background-color: rgba(126, 34, 206, 0.95) !important; }
.dark .dark\:text-purple-700\/95,
html.dark .dark\:text-purple-700\/95 { color: rgba(126, 34, 206, 0.95) !important; }
.dark .dark\:border-purple-700\/95,
html.dark .dark\:border-purple-700\/95 { border-color: rgba(126, 34, 206, 0.95) !important; }

.dark .dark\:hover\:bg-purple-700\/95:hover,
html.dark .dark\:hover\:bg-purple-700\/95:hover { background-color: rgba(126, 34, 206, 0.95) !important; }
.dark .dark\:hover\:text-purple-700\/95:hover,
html.dark .dark\:hover\:text-purple-700\/95:hover { color: rgba(126, 34, 206, 0.95) !important; }
.dark .dark\:hover\:border-purple-700\/95:hover,
html.dark .dark\:hover\:border-purple-700\/95:hover { border-color: rgba(126, 34, 206, 0.95) !important; }

.bg-purple-800 { background-color: #6b21a8 !important; }
.text-purple-800 { color: #6b21a8 !important; }
.border-purple-800 { border-color: #6b21a8 !important; }
.fill-purple-800 { fill: #6b21a8 !important; }
.stroke-purple-800 { stroke: #6b21a8 !important; }

/* Hover states */
.hover\:bg-purple-800:hover { background-color: #6b21a8 !important; }
.hover\:text-purple-800:hover { color: #6b21a8 !important; }
.hover\:border-purple-800:hover { border-color: #6b21a8 !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-800,
html.dark .dark\:bg-purple-800 { background-color: #6b21a8 !important; }
.dark .dark\:text-purple-800,
html.dark .dark\:text-purple-800 { color: #6b21a8 !important; }
.dark .dark\:border-purple-800,
html.dark .dark\:border-purple-800 { border-color: #6b21a8 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-800:hover,
html.dark .dark\:hover\:bg-purple-800:hover { background-color: #6b21a8 !important; }
.dark .dark\:hover\:text-purple-800:hover,
html.dark .dark\:hover\:text-purple-800:hover { color: #6b21a8 !important; }
.dark .dark\:hover\:border-purple-800:hover,
html.dark .dark\:hover\:border-purple-800:hover { border-color: #6b21a8 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-800,
html.dark .group:hover .dark\:group-hover\:text-purple-800 { color: #6b21a8 !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-800,
html.dark .group:hover .dark\:group-hover\:bg-purple-800 { background-color: #6b21a8 !important; }

.bg-purple-800\/10 { background-color: rgba(107, 33, 168, 0.1) !important; }
.text-purple-800\/10 { color: rgba(107, 33, 168, 0.1) !important; }
.border-purple-800\/10 { border-color: rgba(107, 33, 168, 0.1) !important; }

.hover\:bg-purple-800\/10:hover { background-color: rgba(107, 33, 168, 0.1) !important; }
.hover\:text-purple-800\/10:hover { color: rgba(107, 33, 168, 0.1) !important; }
.hover\:border-purple-800\/10:hover { border-color: rgba(107, 33, 168, 0.1) !important; }

.dark .dark\:bg-purple-800\/10,
html.dark .dark\:bg-purple-800\/10 { background-color: rgba(107, 33, 168, 0.1) !important; }
.dark .dark\:text-purple-800\/10,
html.dark .dark\:text-purple-800\/10 { color: rgba(107, 33, 168, 0.1) !important; }
.dark .dark\:border-purple-800\/10,
html.dark .dark\:border-purple-800\/10 { border-color: rgba(107, 33, 168, 0.1) !important; }

.dark .dark\:hover\:bg-purple-800\/10:hover,
html.dark .dark\:hover\:bg-purple-800\/10:hover { background-color: rgba(107, 33, 168, 0.1) !important; }
.dark .dark\:hover\:text-purple-800\/10:hover,
html.dark .dark\:hover\:text-purple-800\/10:hover { color: rgba(107, 33, 168, 0.1) !important; }
.dark .dark\:hover\:border-purple-800\/10:hover,
html.dark .dark\:hover\:border-purple-800\/10:hover { border-color: rgba(107, 33, 168, 0.1) !important; }

.bg-purple-800\/20 { background-color: rgba(107, 33, 168, 0.2) !important; }
.text-purple-800\/20 { color: rgba(107, 33, 168, 0.2) !important; }
.border-purple-800\/20 { border-color: rgba(107, 33, 168, 0.2) !important; }

.hover\:bg-purple-800\/20:hover { background-color: rgba(107, 33, 168, 0.2) !important; }
.hover\:text-purple-800\/20:hover { color: rgba(107, 33, 168, 0.2) !important; }
.hover\:border-purple-800\/20:hover { border-color: rgba(107, 33, 168, 0.2) !important; }

.dark .dark\:bg-purple-800\/20,
html.dark .dark\:bg-purple-800\/20 { background-color: rgba(107, 33, 168, 0.2) !important; }
.dark .dark\:text-purple-800\/20,
html.dark .dark\:text-purple-800\/20 { color: rgba(107, 33, 168, 0.2) !important; }
.dark .dark\:border-purple-800\/20,
html.dark .dark\:border-purple-800\/20 { border-color: rgba(107, 33, 168, 0.2) !important; }

.dark .dark\:hover\:bg-purple-800\/20:hover,
html.dark .dark\:hover\:bg-purple-800\/20:hover { background-color: rgba(107, 33, 168, 0.2) !important; }
.dark .dark\:hover\:text-purple-800\/20:hover,
html.dark .dark\:hover\:text-purple-800\/20:hover { color: rgba(107, 33, 168, 0.2) !important; }
.dark .dark\:hover\:border-purple-800\/20:hover,
html.dark .dark\:hover\:border-purple-800\/20:hover { border-color: rgba(107, 33, 168, 0.2) !important; }

.bg-purple-800\/25 { background-color: rgba(107, 33, 168, 0.25) !important; }
.text-purple-800\/25 { color: rgba(107, 33, 168, 0.25) !important; }
.border-purple-800\/25 { border-color: rgba(107, 33, 168, 0.25) !important; }

.hover\:bg-purple-800\/25:hover { background-color: rgba(107, 33, 168, 0.25) !important; }
.hover\:text-purple-800\/25:hover { color: rgba(107, 33, 168, 0.25) !important; }
.hover\:border-purple-800\/25:hover { border-color: rgba(107, 33, 168, 0.25) !important; }

.dark .dark\:bg-purple-800\/25,
html.dark .dark\:bg-purple-800\/25 { background-color: rgba(107, 33, 168, 0.25) !important; }
.dark .dark\:text-purple-800\/25,
html.dark .dark\:text-purple-800\/25 { color: rgba(107, 33, 168, 0.25) !important; }
.dark .dark\:border-purple-800\/25,
html.dark .dark\:border-purple-800\/25 { border-color: rgba(107, 33, 168, 0.25) !important; }

.dark .dark\:hover\:bg-purple-800\/25:hover,
html.dark .dark\:hover\:bg-purple-800\/25:hover { background-color: rgba(107, 33, 168, 0.25) !important; }
.dark .dark\:hover\:text-purple-800\/25:hover,
html.dark .dark\:hover\:text-purple-800\/25:hover { color: rgba(107, 33, 168, 0.25) !important; }
.dark .dark\:hover\:border-purple-800\/25:hover,
html.dark .dark\:hover\:border-purple-800\/25:hover { border-color: rgba(107, 33, 168, 0.25) !important; }

.bg-purple-800\/30 { background-color: rgba(107, 33, 168, 0.3) !important; }
.text-purple-800\/30 { color: rgba(107, 33, 168, 0.3) !important; }
.border-purple-800\/30 { border-color: rgba(107, 33, 168, 0.3) !important; }

.hover\:bg-purple-800\/30:hover { background-color: rgba(107, 33, 168, 0.3) !important; }
.hover\:text-purple-800\/30:hover { color: rgba(107, 33, 168, 0.3) !important; }
.hover\:border-purple-800\/30:hover { border-color: rgba(107, 33, 168, 0.3) !important; }

.dark .dark\:bg-purple-800\/30,
html.dark .dark\:bg-purple-800\/30 { background-color: rgba(107, 33, 168, 0.3) !important; }
.dark .dark\:text-purple-800\/30,
html.dark .dark\:text-purple-800\/30 { color: rgba(107, 33, 168, 0.3) !important; }
.dark .dark\:border-purple-800\/30,
html.dark .dark\:border-purple-800\/30 { border-color: rgba(107, 33, 168, 0.3) !important; }

.dark .dark\:hover\:bg-purple-800\/30:hover,
html.dark .dark\:hover\:bg-purple-800\/30:hover { background-color: rgba(107, 33, 168, 0.3) !important; }
.dark .dark\:hover\:text-purple-800\/30:hover,
html.dark .dark\:hover\:text-purple-800\/30:hover { color: rgba(107, 33, 168, 0.3) !important; }
.dark .dark\:hover\:border-purple-800\/30:hover,
html.dark .dark\:hover\:border-purple-800\/30:hover { border-color: rgba(107, 33, 168, 0.3) !important; }

.bg-purple-800\/40 { background-color: rgba(107, 33, 168, 0.4) !important; }
.text-purple-800\/40 { color: rgba(107, 33, 168, 0.4) !important; }
.border-purple-800\/40 { border-color: rgba(107, 33, 168, 0.4) !important; }

.hover\:bg-purple-800\/40:hover { background-color: rgba(107, 33, 168, 0.4) !important; }
.hover\:text-purple-800\/40:hover { color: rgba(107, 33, 168, 0.4) !important; }
.hover\:border-purple-800\/40:hover { border-color: rgba(107, 33, 168, 0.4) !important; }

.dark .dark\:bg-purple-800\/40,
html.dark .dark\:bg-purple-800\/40 { background-color: rgba(107, 33, 168, 0.4) !important; }
.dark .dark\:text-purple-800\/40,
html.dark .dark\:text-purple-800\/40 { color: rgba(107, 33, 168, 0.4) !important; }
.dark .dark\:border-purple-800\/40,
html.dark .dark\:border-purple-800\/40 { border-color: rgba(107, 33, 168, 0.4) !important; }

.dark .dark\:hover\:bg-purple-800\/40:hover,
html.dark .dark\:hover\:bg-purple-800\/40:hover { background-color: rgba(107, 33, 168, 0.4) !important; }
.dark .dark\:hover\:text-purple-800\/40:hover,
html.dark .dark\:hover\:text-purple-800\/40:hover { color: rgba(107, 33, 168, 0.4) !important; }
.dark .dark\:hover\:border-purple-800\/40:hover,
html.dark .dark\:hover\:border-purple-800\/40:hover { border-color: rgba(107, 33, 168, 0.4) !important; }

.bg-purple-800\/50 { background-color: rgba(107, 33, 168, 0.5) !important; }
.text-purple-800\/50 { color: rgba(107, 33, 168, 0.5) !important; }
.border-purple-800\/50 { border-color: rgba(107, 33, 168, 0.5) !important; }

.hover\:bg-purple-800\/50:hover { background-color: rgba(107, 33, 168, 0.5) !important; }
.hover\:text-purple-800\/50:hover { color: rgba(107, 33, 168, 0.5) !important; }
.hover\:border-purple-800\/50:hover { border-color: rgba(107, 33, 168, 0.5) !important; }

.dark .dark\:bg-purple-800\/50,
html.dark .dark\:bg-purple-800\/50 { background-color: rgba(107, 33, 168, 0.5) !important; }
.dark .dark\:text-purple-800\/50,
html.dark .dark\:text-purple-800\/50 { color: rgba(107, 33, 168, 0.5) !important; }
.dark .dark\:border-purple-800\/50,
html.dark .dark\:border-purple-800\/50 { border-color: rgba(107, 33, 168, 0.5) !important; }

.dark .dark\:hover\:bg-purple-800\/50:hover,
html.dark .dark\:hover\:bg-purple-800\/50:hover { background-color: rgba(107, 33, 168, 0.5) !important; }
.dark .dark\:hover\:text-purple-800\/50:hover,
html.dark .dark\:hover\:text-purple-800\/50:hover { color: rgba(107, 33, 168, 0.5) !important; }
.dark .dark\:hover\:border-purple-800\/50:hover,
html.dark .dark\:hover\:border-purple-800\/50:hover { border-color: rgba(107, 33, 168, 0.5) !important; }

.bg-purple-800\/60 { background-color: rgba(107, 33, 168, 0.6) !important; }
.text-purple-800\/60 { color: rgba(107, 33, 168, 0.6) !important; }
.border-purple-800\/60 { border-color: rgba(107, 33, 168, 0.6) !important; }

.hover\:bg-purple-800\/60:hover { background-color: rgba(107, 33, 168, 0.6) !important; }
.hover\:text-purple-800\/60:hover { color: rgba(107, 33, 168, 0.6) !important; }
.hover\:border-purple-800\/60:hover { border-color: rgba(107, 33, 168, 0.6) !important; }

.dark .dark\:bg-purple-800\/60,
html.dark .dark\:bg-purple-800\/60 { background-color: rgba(107, 33, 168, 0.6) !important; }
.dark .dark\:text-purple-800\/60,
html.dark .dark\:text-purple-800\/60 { color: rgba(107, 33, 168, 0.6) !important; }
.dark .dark\:border-purple-800\/60,
html.dark .dark\:border-purple-800\/60 { border-color: rgba(107, 33, 168, 0.6) !important; }

.dark .dark\:hover\:bg-purple-800\/60:hover,
html.dark .dark\:hover\:bg-purple-800\/60:hover { background-color: rgba(107, 33, 168, 0.6) !important; }
.dark .dark\:hover\:text-purple-800\/60:hover,
html.dark .dark\:hover\:text-purple-800\/60:hover { color: rgba(107, 33, 168, 0.6) !important; }
.dark .dark\:hover\:border-purple-800\/60:hover,
html.dark .dark\:hover\:border-purple-800\/60:hover { border-color: rgba(107, 33, 168, 0.6) !important; }

.bg-purple-800\/70 { background-color: rgba(107, 33, 168, 0.7) !important; }
.text-purple-800\/70 { color: rgba(107, 33, 168, 0.7) !important; }
.border-purple-800\/70 { border-color: rgba(107, 33, 168, 0.7) !important; }

.hover\:bg-purple-800\/70:hover { background-color: rgba(107, 33, 168, 0.7) !important; }
.hover\:text-purple-800\/70:hover { color: rgba(107, 33, 168, 0.7) !important; }
.hover\:border-purple-800\/70:hover { border-color: rgba(107, 33, 168, 0.7) !important; }

.dark .dark\:bg-purple-800\/70,
html.dark .dark\:bg-purple-800\/70 { background-color: rgba(107, 33, 168, 0.7) !important; }
.dark .dark\:text-purple-800\/70,
html.dark .dark\:text-purple-800\/70 { color: rgba(107, 33, 168, 0.7) !important; }
.dark .dark\:border-purple-800\/70,
html.dark .dark\:border-purple-800\/70 { border-color: rgba(107, 33, 168, 0.7) !important; }

.dark .dark\:hover\:bg-purple-800\/70:hover,
html.dark .dark\:hover\:bg-purple-800\/70:hover { background-color: rgba(107, 33, 168, 0.7) !important; }
.dark .dark\:hover\:text-purple-800\/70:hover,
html.dark .dark\:hover\:text-purple-800\/70:hover { color: rgba(107, 33, 168, 0.7) !important; }
.dark .dark\:hover\:border-purple-800\/70:hover,
html.dark .dark\:hover\:border-purple-800\/70:hover { border-color: rgba(107, 33, 168, 0.7) !important; }

.bg-purple-800\/75 { background-color: rgba(107, 33, 168, 0.75) !important; }
.text-purple-800\/75 { color: rgba(107, 33, 168, 0.75) !important; }
.border-purple-800\/75 { border-color: rgba(107, 33, 168, 0.75) !important; }

.hover\:bg-purple-800\/75:hover { background-color: rgba(107, 33, 168, 0.75) !important; }
.hover\:text-purple-800\/75:hover { color: rgba(107, 33, 168, 0.75) !important; }
.hover\:border-purple-800\/75:hover { border-color: rgba(107, 33, 168, 0.75) !important; }

.dark .dark\:bg-purple-800\/75,
html.dark .dark\:bg-purple-800\/75 { background-color: rgba(107, 33, 168, 0.75) !important; }
.dark .dark\:text-purple-800\/75,
html.dark .dark\:text-purple-800\/75 { color: rgba(107, 33, 168, 0.75) !important; }
.dark .dark\:border-purple-800\/75,
html.dark .dark\:border-purple-800\/75 { border-color: rgba(107, 33, 168, 0.75) !important; }

.dark .dark\:hover\:bg-purple-800\/75:hover,
html.dark .dark\:hover\:bg-purple-800\/75:hover { background-color: rgba(107, 33, 168, 0.75) !important; }
.dark .dark\:hover\:text-purple-800\/75:hover,
html.dark .dark\:hover\:text-purple-800\/75:hover { color: rgba(107, 33, 168, 0.75) !important; }
.dark .dark\:hover\:border-purple-800\/75:hover,
html.dark .dark\:hover\:border-purple-800\/75:hover { border-color: rgba(107, 33, 168, 0.75) !important; }

.bg-purple-800\/80 { background-color: rgba(107, 33, 168, 0.8) !important; }
.text-purple-800\/80 { color: rgba(107, 33, 168, 0.8) !important; }
.border-purple-800\/80 { border-color: rgba(107, 33, 168, 0.8) !important; }

.hover\:bg-purple-800\/80:hover { background-color: rgba(107, 33, 168, 0.8) !important; }
.hover\:text-purple-800\/80:hover { color: rgba(107, 33, 168, 0.8) !important; }
.hover\:border-purple-800\/80:hover { border-color: rgba(107, 33, 168, 0.8) !important; }

.dark .dark\:bg-purple-800\/80,
html.dark .dark\:bg-purple-800\/80 { background-color: rgba(107, 33, 168, 0.8) !important; }
.dark .dark\:text-purple-800\/80,
html.dark .dark\:text-purple-800\/80 { color: rgba(107, 33, 168, 0.8) !important; }
.dark .dark\:border-purple-800\/80,
html.dark .dark\:border-purple-800\/80 { border-color: rgba(107, 33, 168, 0.8) !important; }

.dark .dark\:hover\:bg-purple-800\/80:hover,
html.dark .dark\:hover\:bg-purple-800\/80:hover { background-color: rgba(107, 33, 168, 0.8) !important; }
.dark .dark\:hover\:text-purple-800\/80:hover,
html.dark .dark\:hover\:text-purple-800\/80:hover { color: rgba(107, 33, 168, 0.8) !important; }
.dark .dark\:hover\:border-purple-800\/80:hover,
html.dark .dark\:hover\:border-purple-800\/80:hover { border-color: rgba(107, 33, 168, 0.8) !important; }

.bg-purple-800\/90 { background-color: rgba(107, 33, 168, 0.9) !important; }
.text-purple-800\/90 { color: rgba(107, 33, 168, 0.9) !important; }
.border-purple-800\/90 { border-color: rgba(107, 33, 168, 0.9) !important; }

.hover\:bg-purple-800\/90:hover { background-color: rgba(107, 33, 168, 0.9) !important; }
.hover\:text-purple-800\/90:hover { color: rgba(107, 33, 168, 0.9) !important; }
.hover\:border-purple-800\/90:hover { border-color: rgba(107, 33, 168, 0.9) !important; }

.dark .dark\:bg-purple-800\/90,
html.dark .dark\:bg-purple-800\/90 { background-color: rgba(107, 33, 168, 0.9) !important; }
.dark .dark\:text-purple-800\/90,
html.dark .dark\:text-purple-800\/90 { color: rgba(107, 33, 168, 0.9) !important; }
.dark .dark\:border-purple-800\/90,
html.dark .dark\:border-purple-800\/90 { border-color: rgba(107, 33, 168, 0.9) !important; }

.dark .dark\:hover\:bg-purple-800\/90:hover,
html.dark .dark\:hover\:bg-purple-800\/90:hover { background-color: rgba(107, 33, 168, 0.9) !important; }
.dark .dark\:hover\:text-purple-800\/90:hover,
html.dark .dark\:hover\:text-purple-800\/90:hover { color: rgba(107, 33, 168, 0.9) !important; }
.dark .dark\:hover\:border-purple-800\/90:hover,
html.dark .dark\:hover\:border-purple-800\/90:hover { border-color: rgba(107, 33, 168, 0.9) !important; }

.bg-purple-800\/95 { background-color: rgba(107, 33, 168, 0.95) !important; }
.text-purple-800\/95 { color: rgba(107, 33, 168, 0.95) !important; }
.border-purple-800\/95 { border-color: rgba(107, 33, 168, 0.95) !important; }

.hover\:bg-purple-800\/95:hover { background-color: rgba(107, 33, 168, 0.95) !important; }
.hover\:text-purple-800\/95:hover { color: rgba(107, 33, 168, 0.95) !important; }
.hover\:border-purple-800\/95:hover { border-color: rgba(107, 33, 168, 0.95) !important; }

.dark .dark\:bg-purple-800\/95,
html.dark .dark\:bg-purple-800\/95 { background-color: rgba(107, 33, 168, 0.95) !important; }
.dark .dark\:text-purple-800\/95,
html.dark .dark\:text-purple-800\/95 { color: rgba(107, 33, 168, 0.95) !important; }
.dark .dark\:border-purple-800\/95,
html.dark .dark\:border-purple-800\/95 { border-color: rgba(107, 33, 168, 0.95) !important; }

.dark .dark\:hover\:bg-purple-800\/95:hover,
html.dark .dark\:hover\:bg-purple-800\/95:hover { background-color: rgba(107, 33, 168, 0.95) !important; }
.dark .dark\:hover\:text-purple-800\/95:hover,
html.dark .dark\:hover\:text-purple-800\/95:hover { color: rgba(107, 33, 168, 0.95) !important; }
.dark .dark\:hover\:border-purple-800\/95:hover,
html.dark .dark\:hover\:border-purple-800\/95:hover { border-color: rgba(107, 33, 168, 0.95) !important; }

.bg-purple-900 { background-color: #581c87 !important; }
.text-purple-900 { color: #581c87 !important; }
.border-purple-900 { border-color: #581c87 !important; }
.fill-purple-900 { fill: #581c87 !important; }
.stroke-purple-900 { stroke: #581c87 !important; }

/* Hover states */
.hover\:bg-purple-900:hover { background-color: #581c87 !important; }
.hover\:text-purple-900:hover { color: #581c87 !important; }
.hover\:border-purple-900:hover { border-color: #581c87 !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-900,
html.dark .dark\:bg-purple-900 { background-color: #581c87 !important; }
.dark .dark\:text-purple-900,
html.dark .dark\:text-purple-900 { color: #581c87 !important; }
.dark .dark\:border-purple-900,
html.dark .dark\:border-purple-900 { border-color: #581c87 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-900:hover,
html.dark .dark\:hover\:bg-purple-900:hover { background-color: #581c87 !important; }
.dark .dark\:hover\:text-purple-900:hover,
html.dark .dark\:hover\:text-purple-900:hover { color: #581c87 !important; }
.dark .dark\:hover\:border-purple-900:hover,
html.dark .dark\:hover\:border-purple-900:hover { border-color: #581c87 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-900,
html.dark .group:hover .dark\:group-hover\:text-purple-900 { color: #581c87 !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-900,
html.dark .group:hover .dark\:group-hover\:bg-purple-900 { background-color: #581c87 !important; }

.bg-purple-900\/10 { background-color: rgba(88, 28, 135, 0.1) !important; }
.text-purple-900\/10 { color: rgba(88, 28, 135, 0.1) !important; }
.border-purple-900\/10 { border-color: rgba(88, 28, 135, 0.1) !important; }

.hover\:bg-purple-900\/10:hover { background-color: rgba(88, 28, 135, 0.1) !important; }
.hover\:text-purple-900\/10:hover { color: rgba(88, 28, 135, 0.1) !important; }
.hover\:border-purple-900\/10:hover { border-color: rgba(88, 28, 135, 0.1) !important; }

.dark .dark\:bg-purple-900\/10,
html.dark .dark\:bg-purple-900\/10 { background-color: rgba(88, 28, 135, 0.1) !important; }
.dark .dark\:text-purple-900\/10,
html.dark .dark\:text-purple-900\/10 { color: rgba(88, 28, 135, 0.1) !important; }
.dark .dark\:border-purple-900\/10,
html.dark .dark\:border-purple-900\/10 { border-color: rgba(88, 28, 135, 0.1) !important; }

.dark .dark\:hover\:bg-purple-900\/10:hover,
html.dark .dark\:hover\:bg-purple-900\/10:hover { background-color: rgba(88, 28, 135, 0.1) !important; }
.dark .dark\:hover\:text-purple-900\/10:hover,
html.dark .dark\:hover\:text-purple-900\/10:hover { color: rgba(88, 28, 135, 0.1) !important; }
.dark .dark\:hover\:border-purple-900\/10:hover,
html.dark .dark\:hover\:border-purple-900\/10:hover { border-color: rgba(88, 28, 135, 0.1) !important; }

.bg-purple-900\/20 { background-color: rgba(88, 28, 135, 0.2) !important; }
.text-purple-900\/20 { color: rgba(88, 28, 135, 0.2) !important; }
.border-purple-900\/20 { border-color: rgba(88, 28, 135, 0.2) !important; }

.hover\:bg-purple-900\/20:hover { background-color: rgba(88, 28, 135, 0.2) !important; }
.hover\:text-purple-900\/20:hover { color: rgba(88, 28, 135, 0.2) !important; }
.hover\:border-purple-900\/20:hover { border-color: rgba(88, 28, 135, 0.2) !important; }

.dark .dark\:bg-purple-900\/20,
html.dark .dark\:bg-purple-900\/20 { background-color: rgba(88, 28, 135, 0.2) !important; }
.dark .dark\:text-purple-900\/20,
html.dark .dark\:text-purple-900\/20 { color: rgba(88, 28, 135, 0.2) !important; }
.dark .dark\:border-purple-900\/20,
html.dark .dark\:border-purple-900\/20 { border-color: rgba(88, 28, 135, 0.2) !important; }

.dark .dark\:hover\:bg-purple-900\/20:hover,
html.dark .dark\:hover\:bg-purple-900\/20:hover { background-color: rgba(88, 28, 135, 0.2) !important; }
.dark .dark\:hover\:text-purple-900\/20:hover,
html.dark .dark\:hover\:text-purple-900\/20:hover { color: rgba(88, 28, 135, 0.2) !important; }
.dark .dark\:hover\:border-purple-900\/20:hover,
html.dark .dark\:hover\:border-purple-900\/20:hover { border-color: rgba(88, 28, 135, 0.2) !important; }

.bg-purple-900\/25 { background-color: rgba(88, 28, 135, 0.25) !important; }
.text-purple-900\/25 { color: rgba(88, 28, 135, 0.25) !important; }
.border-purple-900\/25 { border-color: rgba(88, 28, 135, 0.25) !important; }

.hover\:bg-purple-900\/25:hover { background-color: rgba(88, 28, 135, 0.25) !important; }
.hover\:text-purple-900\/25:hover { color: rgba(88, 28, 135, 0.25) !important; }
.hover\:border-purple-900\/25:hover { border-color: rgba(88, 28, 135, 0.25) !important; }

.dark .dark\:bg-purple-900\/25,
html.dark .dark\:bg-purple-900\/25 { background-color: rgba(88, 28, 135, 0.25) !important; }
.dark .dark\:text-purple-900\/25,
html.dark .dark\:text-purple-900\/25 { color: rgba(88, 28, 135, 0.25) !important; }
.dark .dark\:border-purple-900\/25,
html.dark .dark\:border-purple-900\/25 { border-color: rgba(88, 28, 135, 0.25) !important; }

.dark .dark\:hover\:bg-purple-900\/25:hover,
html.dark .dark\:hover\:bg-purple-900\/25:hover { background-color: rgba(88, 28, 135, 0.25) !important; }
.dark .dark\:hover\:text-purple-900\/25:hover,
html.dark .dark\:hover\:text-purple-900\/25:hover { color: rgba(88, 28, 135, 0.25) !important; }
.dark .dark\:hover\:border-purple-900\/25:hover,
html.dark .dark\:hover\:border-purple-900\/25:hover { border-color: rgba(88, 28, 135, 0.25) !important; }

.bg-purple-900\/30 { background-color: rgba(88, 28, 135, 0.3) !important; }
.text-purple-900\/30 { color: rgba(88, 28, 135, 0.3) !important; }
.border-purple-900\/30 { border-color: rgba(88, 28, 135, 0.3) !important; }

.hover\:bg-purple-900\/30:hover { background-color: rgba(88, 28, 135, 0.3) !important; }
.hover\:text-purple-900\/30:hover { color: rgba(88, 28, 135, 0.3) !important; }
.hover\:border-purple-900\/30:hover { border-color: rgba(88, 28, 135, 0.3) !important; }

.dark .dark\:bg-purple-900\/30,
html.dark .dark\:bg-purple-900\/30 { background-color: rgba(88, 28, 135, 0.3) !important; }
.dark .dark\:text-purple-900\/30,
html.dark .dark\:text-purple-900\/30 { color: rgba(88, 28, 135, 0.3) !important; }
.dark .dark\:border-purple-900\/30,
html.dark .dark\:border-purple-900\/30 { border-color: rgba(88, 28, 135, 0.3) !important; }

.dark .dark\:hover\:bg-purple-900\/30:hover,
html.dark .dark\:hover\:bg-purple-900\/30:hover { background-color: rgba(88, 28, 135, 0.3) !important; }
.dark .dark\:hover\:text-purple-900\/30:hover,
html.dark .dark\:hover\:text-purple-900\/30:hover { color: rgba(88, 28, 135, 0.3) !important; }
.dark .dark\:hover\:border-purple-900\/30:hover,
html.dark .dark\:hover\:border-purple-900\/30:hover { border-color: rgba(88, 28, 135, 0.3) !important; }

.bg-purple-900\/40 { background-color: rgba(88, 28, 135, 0.4) !important; }
.text-purple-900\/40 { color: rgba(88, 28, 135, 0.4) !important; }
.border-purple-900\/40 { border-color: rgba(88, 28, 135, 0.4) !important; }

.hover\:bg-purple-900\/40:hover { background-color: rgba(88, 28, 135, 0.4) !important; }
.hover\:text-purple-900\/40:hover { color: rgba(88, 28, 135, 0.4) !important; }
.hover\:border-purple-900\/40:hover { border-color: rgba(88, 28, 135, 0.4) !important; }

.dark .dark\:bg-purple-900\/40,
html.dark .dark\:bg-purple-900\/40 { background-color: rgba(88, 28, 135, 0.4) !important; }
.dark .dark\:text-purple-900\/40,
html.dark .dark\:text-purple-900\/40 { color: rgba(88, 28, 135, 0.4) !important; }
.dark .dark\:border-purple-900\/40,
html.dark .dark\:border-purple-900\/40 { border-color: rgba(88, 28, 135, 0.4) !important; }

.dark .dark\:hover\:bg-purple-900\/40:hover,
html.dark .dark\:hover\:bg-purple-900\/40:hover { background-color: rgba(88, 28, 135, 0.4) !important; }
.dark .dark\:hover\:text-purple-900\/40:hover,
html.dark .dark\:hover\:text-purple-900\/40:hover { color: rgba(88, 28, 135, 0.4) !important; }
.dark .dark\:hover\:border-purple-900\/40:hover,
html.dark .dark\:hover\:border-purple-900\/40:hover { border-color: rgba(88, 28, 135, 0.4) !important; }

.bg-purple-900\/50 { background-color: rgba(88, 28, 135, 0.5) !important; }
.text-purple-900\/50 { color: rgba(88, 28, 135, 0.5) !important; }
.border-purple-900\/50 { border-color: rgba(88, 28, 135, 0.5) !important; }

.hover\:bg-purple-900\/50:hover { background-color: rgba(88, 28, 135, 0.5) !important; }
.hover\:text-purple-900\/50:hover { color: rgba(88, 28, 135, 0.5) !important; }
.hover\:border-purple-900\/50:hover { border-color: rgba(88, 28, 135, 0.5) !important; }

.dark .dark\:bg-purple-900\/50,
html.dark .dark\:bg-purple-900\/50 { background-color: rgba(88, 28, 135, 0.5) !important; }
.dark .dark\:text-purple-900\/50,
html.dark .dark\:text-purple-900\/50 { color: rgba(88, 28, 135, 0.5) !important; }
.dark .dark\:border-purple-900\/50,
html.dark .dark\:border-purple-900\/50 { border-color: rgba(88, 28, 135, 0.5) !important; }

.dark .dark\:hover\:bg-purple-900\/50:hover,
html.dark .dark\:hover\:bg-purple-900\/50:hover { background-color: rgba(88, 28, 135, 0.5) !important; }
.dark .dark\:hover\:text-purple-900\/50:hover,
html.dark .dark\:hover\:text-purple-900\/50:hover { color: rgba(88, 28, 135, 0.5) !important; }
.dark .dark\:hover\:border-purple-900\/50:hover,
html.dark .dark\:hover\:border-purple-900\/50:hover { border-color: rgba(88, 28, 135, 0.5) !important; }

.bg-purple-900\/60 { background-color: rgba(88, 28, 135, 0.6) !important; }
.text-purple-900\/60 { color: rgba(88, 28, 135, 0.6) !important; }
.border-purple-900\/60 { border-color: rgba(88, 28, 135, 0.6) !important; }

.hover\:bg-purple-900\/60:hover { background-color: rgba(88, 28, 135, 0.6) !important; }
.hover\:text-purple-900\/60:hover { color: rgba(88, 28, 135, 0.6) !important; }
.hover\:border-purple-900\/60:hover { border-color: rgba(88, 28, 135, 0.6) !important; }

.dark .dark\:bg-purple-900\/60,
html.dark .dark\:bg-purple-900\/60 { background-color: rgba(88, 28, 135, 0.6) !important; }
.dark .dark\:text-purple-900\/60,
html.dark .dark\:text-purple-900\/60 { color: rgba(88, 28, 135, 0.6) !important; }
.dark .dark\:border-purple-900\/60,
html.dark .dark\:border-purple-900\/60 { border-color: rgba(88, 28, 135, 0.6) !important; }

.dark .dark\:hover\:bg-purple-900\/60:hover,
html.dark .dark\:hover\:bg-purple-900\/60:hover { background-color: rgba(88, 28, 135, 0.6) !important; }
.dark .dark\:hover\:text-purple-900\/60:hover,
html.dark .dark\:hover\:text-purple-900\/60:hover { color: rgba(88, 28, 135, 0.6) !important; }
.dark .dark\:hover\:border-purple-900\/60:hover,
html.dark .dark\:hover\:border-purple-900\/60:hover { border-color: rgba(88, 28, 135, 0.6) !important; }

.bg-purple-900\/70 { background-color: rgba(88, 28, 135, 0.7) !important; }
.text-purple-900\/70 { color: rgba(88, 28, 135, 0.7) !important; }
.border-purple-900\/70 { border-color: rgba(88, 28, 135, 0.7) !important; }

.hover\:bg-purple-900\/70:hover { background-color: rgba(88, 28, 135, 0.7) !important; }
.hover\:text-purple-900\/70:hover { color: rgba(88, 28, 135, 0.7) !important; }
.hover\:border-purple-900\/70:hover { border-color: rgba(88, 28, 135, 0.7) !important; }

.dark .dark\:bg-purple-900\/70,
html.dark .dark\:bg-purple-900\/70 { background-color: rgba(88, 28, 135, 0.7) !important; }
.dark .dark\:text-purple-900\/70,
html.dark .dark\:text-purple-900\/70 { color: rgba(88, 28, 135, 0.7) !important; }
.dark .dark\:border-purple-900\/70,
html.dark .dark\:border-purple-900\/70 { border-color: rgba(88, 28, 135, 0.7) !important; }

.dark .dark\:hover\:bg-purple-900\/70:hover,
html.dark .dark\:hover\:bg-purple-900\/70:hover { background-color: rgba(88, 28, 135, 0.7) !important; }
.dark .dark\:hover\:text-purple-900\/70:hover,
html.dark .dark\:hover\:text-purple-900\/70:hover { color: rgba(88, 28, 135, 0.7) !important; }
.dark .dark\:hover\:border-purple-900\/70:hover,
html.dark .dark\:hover\:border-purple-900\/70:hover { border-color: rgba(88, 28, 135, 0.7) !important; }

.bg-purple-900\/75 { background-color: rgba(88, 28, 135, 0.75) !important; }
.text-purple-900\/75 { color: rgba(88, 28, 135, 0.75) !important; }
.border-purple-900\/75 { border-color: rgba(88, 28, 135, 0.75) !important; }

.hover\:bg-purple-900\/75:hover { background-color: rgba(88, 28, 135, 0.75) !important; }
.hover\:text-purple-900\/75:hover { color: rgba(88, 28, 135, 0.75) !important; }
.hover\:border-purple-900\/75:hover { border-color: rgba(88, 28, 135, 0.75) !important; }

.dark .dark\:bg-purple-900\/75,
html.dark .dark\:bg-purple-900\/75 { background-color: rgba(88, 28, 135, 0.75) !important; }
.dark .dark\:text-purple-900\/75,
html.dark .dark\:text-purple-900\/75 { color: rgba(88, 28, 135, 0.75) !important; }
.dark .dark\:border-purple-900\/75,
html.dark .dark\:border-purple-900\/75 { border-color: rgba(88, 28, 135, 0.75) !important; }

.dark .dark\:hover\:bg-purple-900\/75:hover,
html.dark .dark\:hover\:bg-purple-900\/75:hover { background-color: rgba(88, 28, 135, 0.75) !important; }
.dark .dark\:hover\:text-purple-900\/75:hover,
html.dark .dark\:hover\:text-purple-900\/75:hover { color: rgba(88, 28, 135, 0.75) !important; }
.dark .dark\:hover\:border-purple-900\/75:hover,
html.dark .dark\:hover\:border-purple-900\/75:hover { border-color: rgba(88, 28, 135, 0.75) !important; }

.bg-purple-900\/80 { background-color: rgba(88, 28, 135, 0.8) !important; }
.text-purple-900\/80 { color: rgba(88, 28, 135, 0.8) !important; }
.border-purple-900\/80 { border-color: rgba(88, 28, 135, 0.8) !important; }

.hover\:bg-purple-900\/80:hover { background-color: rgba(88, 28, 135, 0.8) !important; }
.hover\:text-purple-900\/80:hover { color: rgba(88, 28, 135, 0.8) !important; }
.hover\:border-purple-900\/80:hover { border-color: rgba(88, 28, 135, 0.8) !important; }

.dark .dark\:bg-purple-900\/80,
html.dark .dark\:bg-purple-900\/80 { background-color: rgba(88, 28, 135, 0.8) !important; }
.dark .dark\:text-purple-900\/80,
html.dark .dark\:text-purple-900\/80 { color: rgba(88, 28, 135, 0.8) !important; }
.dark .dark\:border-purple-900\/80,
html.dark .dark\:border-purple-900\/80 { border-color: rgba(88, 28, 135, 0.8) !important; }

.dark .dark\:hover\:bg-purple-900\/80:hover,
html.dark .dark\:hover\:bg-purple-900\/80:hover { background-color: rgba(88, 28, 135, 0.8) !important; }
.dark .dark\:hover\:text-purple-900\/80:hover,
html.dark .dark\:hover\:text-purple-900\/80:hover { color: rgba(88, 28, 135, 0.8) !important; }
.dark .dark\:hover\:border-purple-900\/80:hover,
html.dark .dark\:hover\:border-purple-900\/80:hover { border-color: rgba(88, 28, 135, 0.8) !important; }

.bg-purple-900\/90 { background-color: rgba(88, 28, 135, 0.9) !important; }
.text-purple-900\/90 { color: rgba(88, 28, 135, 0.9) !important; }
.border-purple-900\/90 { border-color: rgba(88, 28, 135, 0.9) !important; }

.hover\:bg-purple-900\/90:hover { background-color: rgba(88, 28, 135, 0.9) !important; }
.hover\:text-purple-900\/90:hover { color: rgba(88, 28, 135, 0.9) !important; }
.hover\:border-purple-900\/90:hover { border-color: rgba(88, 28, 135, 0.9) !important; }

.dark .dark\:bg-purple-900\/90,
html.dark .dark\:bg-purple-900\/90 { background-color: rgba(88, 28, 135, 0.9) !important; }
.dark .dark\:text-purple-900\/90,
html.dark .dark\:text-purple-900\/90 { color: rgba(88, 28, 135, 0.9) !important; }
.dark .dark\:border-purple-900\/90,
html.dark .dark\:border-purple-900\/90 { border-color: rgba(88, 28, 135, 0.9) !important; }

.dark .dark\:hover\:bg-purple-900\/90:hover,
html.dark .dark\:hover\:bg-purple-900\/90:hover { background-color: rgba(88, 28, 135, 0.9) !important; }
.dark .dark\:hover\:text-purple-900\/90:hover,
html.dark .dark\:hover\:text-purple-900\/90:hover { color: rgba(88, 28, 135, 0.9) !important; }
.dark .dark\:hover\:border-purple-900\/90:hover,
html.dark .dark\:hover\:border-purple-900\/90:hover { border-color: rgba(88, 28, 135, 0.9) !important; }

.bg-purple-900\/95 { background-color: rgba(88, 28, 135, 0.95) !important; }
.text-purple-900\/95 { color: rgba(88, 28, 135, 0.95) !important; }
.border-purple-900\/95 { border-color: rgba(88, 28, 135, 0.95) !important; }

.hover\:bg-purple-900\/95:hover { background-color: rgba(88, 28, 135, 0.95) !important; }
.hover\:text-purple-900\/95:hover { color: rgba(88, 28, 135, 0.95) !important; }
.hover\:border-purple-900\/95:hover { border-color: rgba(88, 28, 135, 0.95) !important; }

.dark .dark\:bg-purple-900\/95,
html.dark .dark\:bg-purple-900\/95 { background-color: rgba(88, 28, 135, 0.95) !important; }
.dark .dark\:text-purple-900\/95,
html.dark .dark\:text-purple-900\/95 { color: rgba(88, 28, 135, 0.95) !important; }
.dark .dark\:border-purple-900\/95,
html.dark .dark\:border-purple-900\/95 { border-color: rgba(88, 28, 135, 0.95) !important; }

.dark .dark\:hover\:bg-purple-900\/95:hover,
html.dark .dark\:hover\:bg-purple-900\/95:hover { background-color: rgba(88, 28, 135, 0.95) !important; }
.dark .dark\:hover\:text-purple-900\/95:hover,
html.dark .dark\:hover\:text-purple-900\/95:hover { color: rgba(88, 28, 135, 0.95) !important; }
.dark .dark\:hover\:border-purple-900\/95:hover,
html.dark .dark\:hover\:border-purple-900\/95:hover { border-color: rgba(88, 28, 135, 0.95) !important; }

.bg-purple-950 { background-color: #3b0764 !important; }
.text-purple-950 { color: #3b0764 !important; }
.border-purple-950 { border-color: #3b0764 !important; }
.fill-purple-950 { fill: #3b0764 !important; }
.stroke-purple-950 { stroke: #3b0764 !important; }

/* Hover states */
.hover\:bg-purple-950:hover { background-color: #3b0764 !important; }
.hover\:text-purple-950:hover { color: #3b0764 !important; }
.hover\:border-purple-950:hover { border-color: #3b0764 !important; }

/* Dark mode standard */
.dark .dark\:bg-purple-950,
html.dark .dark\:bg-purple-950 { background-color: #3b0764 !important; }
.dark .dark\:text-purple-950,
html.dark .dark\:text-purple-950 { color: #3b0764 !important; }
.dark .dark\:border-purple-950,
html.dark .dark\:border-purple-950 { border-color: #3b0764 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-purple-950:hover,
html.dark .dark\:hover\:bg-purple-950:hover { background-color: #3b0764 !important; }
.dark .dark\:hover\:text-purple-950:hover,
html.dark .dark\:hover\:text-purple-950:hover { color: #3b0764 !important; }
.dark .dark\:hover\:border-purple-950:hover,
html.dark .dark\:hover\:border-purple-950:hover { border-color: #3b0764 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-purple-950,
html.dark .group:hover .dark\:group-hover\:text-purple-950 { color: #3b0764 !important; }
.dark .group:hover .dark\:group-hover\:bg-purple-950,
html.dark .group:hover .dark\:group-hover\:bg-purple-950 { background-color: #3b0764 !important; }

.bg-purple-950\/10 { background-color: rgba(59, 7, 100, 0.1) !important; }
.text-purple-950\/10 { color: rgba(59, 7, 100, 0.1) !important; }
.border-purple-950\/10 { border-color: rgba(59, 7, 100, 0.1) !important; }

.hover\:bg-purple-950\/10:hover { background-color: rgba(59, 7, 100, 0.1) !important; }
.hover\:text-purple-950\/10:hover { color: rgba(59, 7, 100, 0.1) !important; }
.hover\:border-purple-950\/10:hover { border-color: rgba(59, 7, 100, 0.1) !important; }

.dark .dark\:bg-purple-950\/10,
html.dark .dark\:bg-purple-950\/10 { background-color: rgba(59, 7, 100, 0.1) !important; }
.dark .dark\:text-purple-950\/10,
html.dark .dark\:text-purple-950\/10 { color: rgba(59, 7, 100, 0.1) !important; }
.dark .dark\:border-purple-950\/10,
html.dark .dark\:border-purple-950\/10 { border-color: rgba(59, 7, 100, 0.1) !important; }

.dark .dark\:hover\:bg-purple-950\/10:hover,
html.dark .dark\:hover\:bg-purple-950\/10:hover { background-color: rgba(59, 7, 100, 0.1) !important; }
.dark .dark\:hover\:text-purple-950\/10:hover,
html.dark .dark\:hover\:text-purple-950\/10:hover { color: rgba(59, 7, 100, 0.1) !important; }
.dark .dark\:hover\:border-purple-950\/10:hover,
html.dark .dark\:hover\:border-purple-950\/10:hover { border-color: rgba(59, 7, 100, 0.1) !important; }

.bg-purple-950\/20 { background-color: rgba(59, 7, 100, 0.2) !important; }
.text-purple-950\/20 { color: rgba(59, 7, 100, 0.2) !important; }
.border-purple-950\/20 { border-color: rgba(59, 7, 100, 0.2) !important; }

.hover\:bg-purple-950\/20:hover { background-color: rgba(59, 7, 100, 0.2) !important; }
.hover\:text-purple-950\/20:hover { color: rgba(59, 7, 100, 0.2) !important; }
.hover\:border-purple-950\/20:hover { border-color: rgba(59, 7, 100, 0.2) !important; }

.dark .dark\:bg-purple-950\/20,
html.dark .dark\:bg-purple-950\/20 { background-color: rgba(59, 7, 100, 0.2) !important; }
.dark .dark\:text-purple-950\/20,
html.dark .dark\:text-purple-950\/20 { color: rgba(59, 7, 100, 0.2) !important; }
.dark .dark\:border-purple-950\/20,
html.dark .dark\:border-purple-950\/20 { border-color: rgba(59, 7, 100, 0.2) !important; }

.dark .dark\:hover\:bg-purple-950\/20:hover,
html.dark .dark\:hover\:bg-purple-950\/20:hover { background-color: rgba(59, 7, 100, 0.2) !important; }
.dark .dark\:hover\:text-purple-950\/20:hover,
html.dark .dark\:hover\:text-purple-950\/20:hover { color: rgba(59, 7, 100, 0.2) !important; }
.dark .dark\:hover\:border-purple-950\/20:hover,
html.dark .dark\:hover\:border-purple-950\/20:hover { border-color: rgba(59, 7, 100, 0.2) !important; }

.bg-purple-950\/25 { background-color: rgba(59, 7, 100, 0.25) !important; }
.text-purple-950\/25 { color: rgba(59, 7, 100, 0.25) !important; }
.border-purple-950\/25 { border-color: rgba(59, 7, 100, 0.25) !important; }

.hover\:bg-purple-950\/25:hover { background-color: rgba(59, 7, 100, 0.25) !important; }
.hover\:text-purple-950\/25:hover { color: rgba(59, 7, 100, 0.25) !important; }
.hover\:border-purple-950\/25:hover { border-color: rgba(59, 7, 100, 0.25) !important; }

.dark .dark\:bg-purple-950\/25,
html.dark .dark\:bg-purple-950\/25 { background-color: rgba(59, 7, 100, 0.25) !important; }
.dark .dark\:text-purple-950\/25,
html.dark .dark\:text-purple-950\/25 { color: rgba(59, 7, 100, 0.25) !important; }
.dark .dark\:border-purple-950\/25,
html.dark .dark\:border-purple-950\/25 { border-color: rgba(59, 7, 100, 0.25) !important; }

.dark .dark\:hover\:bg-purple-950\/25:hover,
html.dark .dark\:hover\:bg-purple-950\/25:hover { background-color: rgba(59, 7, 100, 0.25) !important; }
.dark .dark\:hover\:text-purple-950\/25:hover,
html.dark .dark\:hover\:text-purple-950\/25:hover { color: rgba(59, 7, 100, 0.25) !important; }
.dark .dark\:hover\:border-purple-950\/25:hover,
html.dark .dark\:hover\:border-purple-950\/25:hover { border-color: rgba(59, 7, 100, 0.25) !important; }

.bg-purple-950\/30 { background-color: rgba(59, 7, 100, 0.3) !important; }
.text-purple-950\/30 { color: rgba(59, 7, 100, 0.3) !important; }
.border-purple-950\/30 { border-color: rgba(59, 7, 100, 0.3) !important; }

.hover\:bg-purple-950\/30:hover { background-color: rgba(59, 7, 100, 0.3) !important; }
.hover\:text-purple-950\/30:hover { color: rgba(59, 7, 100, 0.3) !important; }
.hover\:border-purple-950\/30:hover { border-color: rgba(59, 7, 100, 0.3) !important; }

.dark .dark\:bg-purple-950\/30,
html.dark .dark\:bg-purple-950\/30 { background-color: rgba(59, 7, 100, 0.3) !important; }
.dark .dark\:text-purple-950\/30,
html.dark .dark\:text-purple-950\/30 { color: rgba(59, 7, 100, 0.3) !important; }
.dark .dark\:border-purple-950\/30,
html.dark .dark\:border-purple-950\/30 { border-color: rgba(59, 7, 100, 0.3) !important; }

.dark .dark\:hover\:bg-purple-950\/30:hover,
html.dark .dark\:hover\:bg-purple-950\/30:hover { background-color: rgba(59, 7, 100, 0.3) !important; }
.dark .dark\:hover\:text-purple-950\/30:hover,
html.dark .dark\:hover\:text-purple-950\/30:hover { color: rgba(59, 7, 100, 0.3) !important; }
.dark .dark\:hover\:border-purple-950\/30:hover,
html.dark .dark\:hover\:border-purple-950\/30:hover { border-color: rgba(59, 7, 100, 0.3) !important; }

.bg-purple-950\/40 { background-color: rgba(59, 7, 100, 0.4) !important; }
.text-purple-950\/40 { color: rgba(59, 7, 100, 0.4) !important; }
.border-purple-950\/40 { border-color: rgba(59, 7, 100, 0.4) !important; }

.hover\:bg-purple-950\/40:hover { background-color: rgba(59, 7, 100, 0.4) !important; }
.hover\:text-purple-950\/40:hover { color: rgba(59, 7, 100, 0.4) !important; }
.hover\:border-purple-950\/40:hover { border-color: rgba(59, 7, 100, 0.4) !important; }

.dark .dark\:bg-purple-950\/40,
html.dark .dark\:bg-purple-950\/40 { background-color: rgba(59, 7, 100, 0.4) !important; }
.dark .dark\:text-purple-950\/40,
html.dark .dark\:text-purple-950\/40 { color: rgba(59, 7, 100, 0.4) !important; }
.dark .dark\:border-purple-950\/40,
html.dark .dark\:border-purple-950\/40 { border-color: rgba(59, 7, 100, 0.4) !important; }

.dark .dark\:hover\:bg-purple-950\/40:hover,
html.dark .dark\:hover\:bg-purple-950\/40:hover { background-color: rgba(59, 7, 100, 0.4) !important; }
.dark .dark\:hover\:text-purple-950\/40:hover,
html.dark .dark\:hover\:text-purple-950\/40:hover { color: rgba(59, 7, 100, 0.4) !important; }
.dark .dark\:hover\:border-purple-950\/40:hover,
html.dark .dark\:hover\:border-purple-950\/40:hover { border-color: rgba(59, 7, 100, 0.4) !important; }

.bg-purple-950\/50 { background-color: rgba(59, 7, 100, 0.5) !important; }
.text-purple-950\/50 { color: rgba(59, 7, 100, 0.5) !important; }
.border-purple-950\/50 { border-color: rgba(59, 7, 100, 0.5) !important; }

.hover\:bg-purple-950\/50:hover { background-color: rgba(59, 7, 100, 0.5) !important; }
.hover\:text-purple-950\/50:hover { color: rgba(59, 7, 100, 0.5) !important; }
.hover\:border-purple-950\/50:hover { border-color: rgba(59, 7, 100, 0.5) !important; }

.dark .dark\:bg-purple-950\/50,
html.dark .dark\:bg-purple-950\/50 { background-color: rgba(59, 7, 100, 0.5) !important; }
.dark .dark\:text-purple-950\/50,
html.dark .dark\:text-purple-950\/50 { color: rgba(59, 7, 100, 0.5) !important; }
.dark .dark\:border-purple-950\/50,
html.dark .dark\:border-purple-950\/50 { border-color: rgba(59, 7, 100, 0.5) !important; }

.dark .dark\:hover\:bg-purple-950\/50:hover,
html.dark .dark\:hover\:bg-purple-950\/50:hover { background-color: rgba(59, 7, 100, 0.5) !important; }
.dark .dark\:hover\:text-purple-950\/50:hover,
html.dark .dark\:hover\:text-purple-950\/50:hover { color: rgba(59, 7, 100, 0.5) !important; }
.dark .dark\:hover\:border-purple-950\/50:hover,
html.dark .dark\:hover\:border-purple-950\/50:hover { border-color: rgba(59, 7, 100, 0.5) !important; }

.bg-purple-950\/60 { background-color: rgba(59, 7, 100, 0.6) !important; }
.text-purple-950\/60 { color: rgba(59, 7, 100, 0.6) !important; }
.border-purple-950\/60 { border-color: rgba(59, 7, 100, 0.6) !important; }

.hover\:bg-purple-950\/60:hover { background-color: rgba(59, 7, 100, 0.6) !important; }
.hover\:text-purple-950\/60:hover { color: rgba(59, 7, 100, 0.6) !important; }
.hover\:border-purple-950\/60:hover { border-color: rgba(59, 7, 100, 0.6) !important; }

.dark .dark\:bg-purple-950\/60,
html.dark .dark\:bg-purple-950\/60 { background-color: rgba(59, 7, 100, 0.6) !important; }
.dark .dark\:text-purple-950\/60,
html.dark .dark\:text-purple-950\/60 { color: rgba(59, 7, 100, 0.6) !important; }
.dark .dark\:border-purple-950\/60,
html.dark .dark\:border-purple-950\/60 { border-color: rgba(59, 7, 100, 0.6) !important; }

.dark .dark\:hover\:bg-purple-950\/60:hover,
html.dark .dark\:hover\:bg-purple-950\/60:hover { background-color: rgba(59, 7, 100, 0.6) !important; }
.dark .dark\:hover\:text-purple-950\/60:hover,
html.dark .dark\:hover\:text-purple-950\/60:hover { color: rgba(59, 7, 100, 0.6) !important; }
.dark .dark\:hover\:border-purple-950\/60:hover,
html.dark .dark\:hover\:border-purple-950\/60:hover { border-color: rgba(59, 7, 100, 0.6) !important; }

.bg-purple-950\/70 { background-color: rgba(59, 7, 100, 0.7) !important; }
.text-purple-950\/70 { color: rgba(59, 7, 100, 0.7) !important; }
.border-purple-950\/70 { border-color: rgba(59, 7, 100, 0.7) !important; }

.hover\:bg-purple-950\/70:hover { background-color: rgba(59, 7, 100, 0.7) !important; }
.hover\:text-purple-950\/70:hover { color: rgba(59, 7, 100, 0.7) !important; }
.hover\:border-purple-950\/70:hover { border-color: rgba(59, 7, 100, 0.7) !important; }

.dark .dark\:bg-purple-950\/70,
html.dark .dark\:bg-purple-950\/70 { background-color: rgba(59, 7, 100, 0.7) !important; }
.dark .dark\:text-purple-950\/70,
html.dark .dark\:text-purple-950\/70 { color: rgba(59, 7, 100, 0.7) !important; }
.dark .dark\:border-purple-950\/70,
html.dark .dark\:border-purple-950\/70 { border-color: rgba(59, 7, 100, 0.7) !important; }

.dark .dark\:hover\:bg-purple-950\/70:hover,
html.dark .dark\:hover\:bg-purple-950\/70:hover { background-color: rgba(59, 7, 100, 0.7) !important; }
.dark .dark\:hover\:text-purple-950\/70:hover,
html.dark .dark\:hover\:text-purple-950\/70:hover { color: rgba(59, 7, 100, 0.7) !important; }
.dark .dark\:hover\:border-purple-950\/70:hover,
html.dark .dark\:hover\:border-purple-950\/70:hover { border-color: rgba(59, 7, 100, 0.7) !important; }

.bg-purple-950\/75 { background-color: rgba(59, 7, 100, 0.75) !important; }
.text-purple-950\/75 { color: rgba(59, 7, 100, 0.75) !important; }
.border-purple-950\/75 { border-color: rgba(59, 7, 100, 0.75) !important; }

.hover\:bg-purple-950\/75:hover { background-color: rgba(59, 7, 100, 0.75) !important; }
.hover\:text-purple-950\/75:hover { color: rgba(59, 7, 100, 0.75) !important; }
.hover\:border-purple-950\/75:hover { border-color: rgba(59, 7, 100, 0.75) !important; }

.dark .dark\:bg-purple-950\/75,
html.dark .dark\:bg-purple-950\/75 { background-color: rgba(59, 7, 100, 0.75) !important; }
.dark .dark\:text-purple-950\/75,
html.dark .dark\:text-purple-950\/75 { color: rgba(59, 7, 100, 0.75) !important; }
.dark .dark\:border-purple-950\/75,
html.dark .dark\:border-purple-950\/75 { border-color: rgba(59, 7, 100, 0.75) !important; }

.dark .dark\:hover\:bg-purple-950\/75:hover,
html.dark .dark\:hover\:bg-purple-950\/75:hover { background-color: rgba(59, 7, 100, 0.75) !important; }
.dark .dark\:hover\:text-purple-950\/75:hover,
html.dark .dark\:hover\:text-purple-950\/75:hover { color: rgba(59, 7, 100, 0.75) !important; }
.dark .dark\:hover\:border-purple-950\/75:hover,
html.dark .dark\:hover\:border-purple-950\/75:hover { border-color: rgba(59, 7, 100, 0.75) !important; }

.bg-purple-950\/80 { background-color: rgba(59, 7, 100, 0.8) !important; }
.text-purple-950\/80 { color: rgba(59, 7, 100, 0.8) !important; }
.border-purple-950\/80 { border-color: rgba(59, 7, 100, 0.8) !important; }

.hover\:bg-purple-950\/80:hover { background-color: rgba(59, 7, 100, 0.8) !important; }
.hover\:text-purple-950\/80:hover { color: rgba(59, 7, 100, 0.8) !important; }
.hover\:border-purple-950\/80:hover { border-color: rgba(59, 7, 100, 0.8) !important; }

.dark .dark\:bg-purple-950\/80,
html.dark .dark\:bg-purple-950\/80 { background-color: rgba(59, 7, 100, 0.8) !important; }
.dark .dark\:text-purple-950\/80,
html.dark .dark\:text-purple-950\/80 { color: rgba(59, 7, 100, 0.8) !important; }
.dark .dark\:border-purple-950\/80,
html.dark .dark\:border-purple-950\/80 { border-color: rgba(59, 7, 100, 0.8) !important; }

.dark .dark\:hover\:bg-purple-950\/80:hover,
html.dark .dark\:hover\:bg-purple-950\/80:hover { background-color: rgba(59, 7, 100, 0.8) !important; }
.dark .dark\:hover\:text-purple-950\/80:hover,
html.dark .dark\:hover\:text-purple-950\/80:hover { color: rgba(59, 7, 100, 0.8) !important; }
.dark .dark\:hover\:border-purple-950\/80:hover,
html.dark .dark\:hover\:border-purple-950\/80:hover { border-color: rgba(59, 7, 100, 0.8) !important; }

.bg-purple-950\/90 { background-color: rgba(59, 7, 100, 0.9) !important; }
.text-purple-950\/90 { color: rgba(59, 7, 100, 0.9) !important; }
.border-purple-950\/90 { border-color: rgba(59, 7, 100, 0.9) !important; }

.hover\:bg-purple-950\/90:hover { background-color: rgba(59, 7, 100, 0.9) !important; }
.hover\:text-purple-950\/90:hover { color: rgba(59, 7, 100, 0.9) !important; }
.hover\:border-purple-950\/90:hover { border-color: rgba(59, 7, 100, 0.9) !important; }

.dark .dark\:bg-purple-950\/90,
html.dark .dark\:bg-purple-950\/90 { background-color: rgba(59, 7, 100, 0.9) !important; }
.dark .dark\:text-purple-950\/90,
html.dark .dark\:text-purple-950\/90 { color: rgba(59, 7, 100, 0.9) !important; }
.dark .dark\:border-purple-950\/90,
html.dark .dark\:border-purple-950\/90 { border-color: rgba(59, 7, 100, 0.9) !important; }

.dark .dark\:hover\:bg-purple-950\/90:hover,
html.dark .dark\:hover\:bg-purple-950\/90:hover { background-color: rgba(59, 7, 100, 0.9) !important; }
.dark .dark\:hover\:text-purple-950\/90:hover,
html.dark .dark\:hover\:text-purple-950\/90:hover { color: rgba(59, 7, 100, 0.9) !important; }
.dark .dark\:hover\:border-purple-950\/90:hover,
html.dark .dark\:hover\:border-purple-950\/90:hover { border-color: rgba(59, 7, 100, 0.9) !important; }

.bg-purple-950\/95 { background-color: rgba(59, 7, 100, 0.95) !important; }
.text-purple-950\/95 { color: rgba(59, 7, 100, 0.95) !important; }
.border-purple-950\/95 { border-color: rgba(59, 7, 100, 0.95) !important; }

.hover\:bg-purple-950\/95:hover { background-color: rgba(59, 7, 100, 0.95) !important; }
.hover\:text-purple-950\/95:hover { color: rgba(59, 7, 100, 0.95) !important; }
.hover\:border-purple-950\/95:hover { border-color: rgba(59, 7, 100, 0.95) !important; }

.dark .dark\:bg-purple-950\/95,
html.dark .dark\:bg-purple-950\/95 { background-color: rgba(59, 7, 100, 0.95) !important; }
.dark .dark\:text-purple-950\/95,
html.dark .dark\:text-purple-950\/95 { color: rgba(59, 7, 100, 0.95) !important; }
.dark .dark\:border-purple-950\/95,
html.dark .dark\:border-purple-950\/95 { border-color: rgba(59, 7, 100, 0.95) !important; }

.dark .dark\:hover\:bg-purple-950\/95:hover,
html.dark .dark\:hover\:bg-purple-950\/95:hover { background-color: rgba(59, 7, 100, 0.95) !important; }
.dark .dark\:hover\:text-purple-950\/95:hover,
html.dark .dark\:hover\:text-purple-950\/95:hover { color: rgba(59, 7, 100, 0.95) !important; }
.dark .dark\:hover\:border-purple-950\/95:hover,
html.dark .dark\:hover\:border-purple-950\/95:hover { border-color: rgba(59, 7, 100, 0.95) !important; }

.bg-teal-50 { background-color: #f0fdfa !important; }
.text-teal-50 { color: #f0fdfa !important; }
.border-teal-50 { border-color: #f0fdfa !important; }
.fill-teal-50 { fill: #f0fdfa !important; }
.stroke-teal-50 { stroke: #f0fdfa !important; }

/* Hover states */
.hover\:bg-teal-50:hover { background-color: #f0fdfa !important; }
.hover\:text-teal-50:hover { color: #f0fdfa !important; }
.hover\:border-teal-50:hover { border-color: #f0fdfa !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-50,
html.dark .dark\:bg-teal-50 { background-color: #f0fdfa !important; }
.dark .dark\:text-teal-50,
html.dark .dark\:text-teal-50 { color: #f0fdfa !important; }
.dark .dark\:border-teal-50,
html.dark .dark\:border-teal-50 { border-color: #f0fdfa !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-50:hover,
html.dark .dark\:hover\:bg-teal-50:hover { background-color: #f0fdfa !important; }
.dark .dark\:hover\:text-teal-50:hover,
html.dark .dark\:hover\:text-teal-50:hover { color: #f0fdfa !important; }
.dark .dark\:hover\:border-teal-50:hover,
html.dark .dark\:hover\:border-teal-50:hover { border-color: #f0fdfa !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-50,
html.dark .group:hover .dark\:group-hover\:text-teal-50 { color: #f0fdfa !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-50,
html.dark .group:hover .dark\:group-hover\:bg-teal-50 { background-color: #f0fdfa !important; }

.bg-teal-50\/10 { background-color: rgba(240, 253, 250, 0.1) !important; }
.text-teal-50\/10 { color: rgba(240, 253, 250, 0.1) !important; }
.border-teal-50\/10 { border-color: rgba(240, 253, 250, 0.1) !important; }

.hover\:bg-teal-50\/10:hover { background-color: rgba(240, 253, 250, 0.1) !important; }
.hover\:text-teal-50\/10:hover { color: rgba(240, 253, 250, 0.1) !important; }
.hover\:border-teal-50\/10:hover { border-color: rgba(240, 253, 250, 0.1) !important; }

.dark .dark\:bg-teal-50\/10,
html.dark .dark\:bg-teal-50\/10 { background-color: rgba(240, 253, 250, 0.1) !important; }
.dark .dark\:text-teal-50\/10,
html.dark .dark\:text-teal-50\/10 { color: rgba(240, 253, 250, 0.1) !important; }
.dark .dark\:border-teal-50\/10,
html.dark .dark\:border-teal-50\/10 { border-color: rgba(240, 253, 250, 0.1) !important; }

.dark .dark\:hover\:bg-teal-50\/10:hover,
html.dark .dark\:hover\:bg-teal-50\/10:hover { background-color: rgba(240, 253, 250, 0.1) !important; }
.dark .dark\:hover\:text-teal-50\/10:hover,
html.dark .dark\:hover\:text-teal-50\/10:hover { color: rgba(240, 253, 250, 0.1) !important; }
.dark .dark\:hover\:border-teal-50\/10:hover,
html.dark .dark\:hover\:border-teal-50\/10:hover { border-color: rgba(240, 253, 250, 0.1) !important; }

.bg-teal-50\/20 { background-color: rgba(240, 253, 250, 0.2) !important; }
.text-teal-50\/20 { color: rgba(240, 253, 250, 0.2) !important; }
.border-teal-50\/20 { border-color: rgba(240, 253, 250, 0.2) !important; }

.hover\:bg-teal-50\/20:hover { background-color: rgba(240, 253, 250, 0.2) !important; }
.hover\:text-teal-50\/20:hover { color: rgba(240, 253, 250, 0.2) !important; }
.hover\:border-teal-50\/20:hover { border-color: rgba(240, 253, 250, 0.2) !important; }

.dark .dark\:bg-teal-50\/20,
html.dark .dark\:bg-teal-50\/20 { background-color: rgba(240, 253, 250, 0.2) !important; }
.dark .dark\:text-teal-50\/20,
html.dark .dark\:text-teal-50\/20 { color: rgba(240, 253, 250, 0.2) !important; }
.dark .dark\:border-teal-50\/20,
html.dark .dark\:border-teal-50\/20 { border-color: rgba(240, 253, 250, 0.2) !important; }

.dark .dark\:hover\:bg-teal-50\/20:hover,
html.dark .dark\:hover\:bg-teal-50\/20:hover { background-color: rgba(240, 253, 250, 0.2) !important; }
.dark .dark\:hover\:text-teal-50\/20:hover,
html.dark .dark\:hover\:text-teal-50\/20:hover { color: rgba(240, 253, 250, 0.2) !important; }
.dark .dark\:hover\:border-teal-50\/20:hover,
html.dark .dark\:hover\:border-teal-50\/20:hover { border-color: rgba(240, 253, 250, 0.2) !important; }

.bg-teal-50\/25 { background-color: rgba(240, 253, 250, 0.25) !important; }
.text-teal-50\/25 { color: rgba(240, 253, 250, 0.25) !important; }
.border-teal-50\/25 { border-color: rgba(240, 253, 250, 0.25) !important; }

.hover\:bg-teal-50\/25:hover { background-color: rgba(240, 253, 250, 0.25) !important; }
.hover\:text-teal-50\/25:hover { color: rgba(240, 253, 250, 0.25) !important; }
.hover\:border-teal-50\/25:hover { border-color: rgba(240, 253, 250, 0.25) !important; }

.dark .dark\:bg-teal-50\/25,
html.dark .dark\:bg-teal-50\/25 { background-color: rgba(240, 253, 250, 0.25) !important; }
.dark .dark\:text-teal-50\/25,
html.dark .dark\:text-teal-50\/25 { color: rgba(240, 253, 250, 0.25) !important; }
.dark .dark\:border-teal-50\/25,
html.dark .dark\:border-teal-50\/25 { border-color: rgba(240, 253, 250, 0.25) !important; }

.dark .dark\:hover\:bg-teal-50\/25:hover,
html.dark .dark\:hover\:bg-teal-50\/25:hover { background-color: rgba(240, 253, 250, 0.25) !important; }
.dark .dark\:hover\:text-teal-50\/25:hover,
html.dark .dark\:hover\:text-teal-50\/25:hover { color: rgba(240, 253, 250, 0.25) !important; }
.dark .dark\:hover\:border-teal-50\/25:hover,
html.dark .dark\:hover\:border-teal-50\/25:hover { border-color: rgba(240, 253, 250, 0.25) !important; }

.bg-teal-50\/30 { background-color: rgba(240, 253, 250, 0.3) !important; }
.text-teal-50\/30 { color: rgba(240, 253, 250, 0.3) !important; }
.border-teal-50\/30 { border-color: rgba(240, 253, 250, 0.3) !important; }

.hover\:bg-teal-50\/30:hover { background-color: rgba(240, 253, 250, 0.3) !important; }
.hover\:text-teal-50\/30:hover { color: rgba(240, 253, 250, 0.3) !important; }
.hover\:border-teal-50\/30:hover { border-color: rgba(240, 253, 250, 0.3) !important; }

.dark .dark\:bg-teal-50\/30,
html.dark .dark\:bg-teal-50\/30 { background-color: rgba(240, 253, 250, 0.3) !important; }
.dark .dark\:text-teal-50\/30,
html.dark .dark\:text-teal-50\/30 { color: rgba(240, 253, 250, 0.3) !important; }
.dark .dark\:border-teal-50\/30,
html.dark .dark\:border-teal-50\/30 { border-color: rgba(240, 253, 250, 0.3) !important; }

.dark .dark\:hover\:bg-teal-50\/30:hover,
html.dark .dark\:hover\:bg-teal-50\/30:hover { background-color: rgba(240, 253, 250, 0.3) !important; }
.dark .dark\:hover\:text-teal-50\/30:hover,
html.dark .dark\:hover\:text-teal-50\/30:hover { color: rgba(240, 253, 250, 0.3) !important; }
.dark .dark\:hover\:border-teal-50\/30:hover,
html.dark .dark\:hover\:border-teal-50\/30:hover { border-color: rgba(240, 253, 250, 0.3) !important; }

.bg-teal-50\/40 { background-color: rgba(240, 253, 250, 0.4) !important; }
.text-teal-50\/40 { color: rgba(240, 253, 250, 0.4) !important; }
.border-teal-50\/40 { border-color: rgba(240, 253, 250, 0.4) !important; }

.hover\:bg-teal-50\/40:hover { background-color: rgba(240, 253, 250, 0.4) !important; }
.hover\:text-teal-50\/40:hover { color: rgba(240, 253, 250, 0.4) !important; }
.hover\:border-teal-50\/40:hover { border-color: rgba(240, 253, 250, 0.4) !important; }

.dark .dark\:bg-teal-50\/40,
html.dark .dark\:bg-teal-50\/40 { background-color: rgba(240, 253, 250, 0.4) !important; }
.dark .dark\:text-teal-50\/40,
html.dark .dark\:text-teal-50\/40 { color: rgba(240, 253, 250, 0.4) !important; }
.dark .dark\:border-teal-50\/40,
html.dark .dark\:border-teal-50\/40 { border-color: rgba(240, 253, 250, 0.4) !important; }

.dark .dark\:hover\:bg-teal-50\/40:hover,
html.dark .dark\:hover\:bg-teal-50\/40:hover { background-color: rgba(240, 253, 250, 0.4) !important; }
.dark .dark\:hover\:text-teal-50\/40:hover,
html.dark .dark\:hover\:text-teal-50\/40:hover { color: rgba(240, 253, 250, 0.4) !important; }
.dark .dark\:hover\:border-teal-50\/40:hover,
html.dark .dark\:hover\:border-teal-50\/40:hover { border-color: rgba(240, 253, 250, 0.4) !important; }

.bg-teal-50\/50 { background-color: rgba(240, 253, 250, 0.5) !important; }
.text-teal-50\/50 { color: rgba(240, 253, 250, 0.5) !important; }
.border-teal-50\/50 { border-color: rgba(240, 253, 250, 0.5) !important; }

.hover\:bg-teal-50\/50:hover { background-color: rgba(240, 253, 250, 0.5) !important; }
.hover\:text-teal-50\/50:hover { color: rgba(240, 253, 250, 0.5) !important; }
.hover\:border-teal-50\/50:hover { border-color: rgba(240, 253, 250, 0.5) !important; }

.dark .dark\:bg-teal-50\/50,
html.dark .dark\:bg-teal-50\/50 { background-color: rgba(240, 253, 250, 0.5) !important; }
.dark .dark\:text-teal-50\/50,
html.dark .dark\:text-teal-50\/50 { color: rgba(240, 253, 250, 0.5) !important; }
.dark .dark\:border-teal-50\/50,
html.dark .dark\:border-teal-50\/50 { border-color: rgba(240, 253, 250, 0.5) !important; }

.dark .dark\:hover\:bg-teal-50\/50:hover,
html.dark .dark\:hover\:bg-teal-50\/50:hover { background-color: rgba(240, 253, 250, 0.5) !important; }
.dark .dark\:hover\:text-teal-50\/50:hover,
html.dark .dark\:hover\:text-teal-50\/50:hover { color: rgba(240, 253, 250, 0.5) !important; }
.dark .dark\:hover\:border-teal-50\/50:hover,
html.dark .dark\:hover\:border-teal-50\/50:hover { border-color: rgba(240, 253, 250, 0.5) !important; }

.bg-teal-50\/60 { background-color: rgba(240, 253, 250, 0.6) !important; }
.text-teal-50\/60 { color: rgba(240, 253, 250, 0.6) !important; }
.border-teal-50\/60 { border-color: rgba(240, 253, 250, 0.6) !important; }

.hover\:bg-teal-50\/60:hover { background-color: rgba(240, 253, 250, 0.6) !important; }
.hover\:text-teal-50\/60:hover { color: rgba(240, 253, 250, 0.6) !important; }
.hover\:border-teal-50\/60:hover { border-color: rgba(240, 253, 250, 0.6) !important; }

.dark .dark\:bg-teal-50\/60,
html.dark .dark\:bg-teal-50\/60 { background-color: rgba(240, 253, 250, 0.6) !important; }
.dark .dark\:text-teal-50\/60,
html.dark .dark\:text-teal-50\/60 { color: rgba(240, 253, 250, 0.6) !important; }
.dark .dark\:border-teal-50\/60,
html.dark .dark\:border-teal-50\/60 { border-color: rgba(240, 253, 250, 0.6) !important; }

.dark .dark\:hover\:bg-teal-50\/60:hover,
html.dark .dark\:hover\:bg-teal-50\/60:hover { background-color: rgba(240, 253, 250, 0.6) !important; }
.dark .dark\:hover\:text-teal-50\/60:hover,
html.dark .dark\:hover\:text-teal-50\/60:hover { color: rgba(240, 253, 250, 0.6) !important; }
.dark .dark\:hover\:border-teal-50\/60:hover,
html.dark .dark\:hover\:border-teal-50\/60:hover { border-color: rgba(240, 253, 250, 0.6) !important; }

.bg-teal-50\/70 { background-color: rgba(240, 253, 250, 0.7) !important; }
.text-teal-50\/70 { color: rgba(240, 253, 250, 0.7) !important; }
.border-teal-50\/70 { border-color: rgba(240, 253, 250, 0.7) !important; }

.hover\:bg-teal-50\/70:hover { background-color: rgba(240, 253, 250, 0.7) !important; }
.hover\:text-teal-50\/70:hover { color: rgba(240, 253, 250, 0.7) !important; }
.hover\:border-teal-50\/70:hover { border-color: rgba(240, 253, 250, 0.7) !important; }

.dark .dark\:bg-teal-50\/70,
html.dark .dark\:bg-teal-50\/70 { background-color: rgba(240, 253, 250, 0.7) !important; }
.dark .dark\:text-teal-50\/70,
html.dark .dark\:text-teal-50\/70 { color: rgba(240, 253, 250, 0.7) !important; }
.dark .dark\:border-teal-50\/70,
html.dark .dark\:border-teal-50\/70 { border-color: rgba(240, 253, 250, 0.7) !important; }

.dark .dark\:hover\:bg-teal-50\/70:hover,
html.dark .dark\:hover\:bg-teal-50\/70:hover { background-color: rgba(240, 253, 250, 0.7) !important; }
.dark .dark\:hover\:text-teal-50\/70:hover,
html.dark .dark\:hover\:text-teal-50\/70:hover { color: rgba(240, 253, 250, 0.7) !important; }
.dark .dark\:hover\:border-teal-50\/70:hover,
html.dark .dark\:hover\:border-teal-50\/70:hover { border-color: rgba(240, 253, 250, 0.7) !important; }

.bg-teal-50\/75 { background-color: rgba(240, 253, 250, 0.75) !important; }
.text-teal-50\/75 { color: rgba(240, 253, 250, 0.75) !important; }
.border-teal-50\/75 { border-color: rgba(240, 253, 250, 0.75) !important; }

.hover\:bg-teal-50\/75:hover { background-color: rgba(240, 253, 250, 0.75) !important; }
.hover\:text-teal-50\/75:hover { color: rgba(240, 253, 250, 0.75) !important; }
.hover\:border-teal-50\/75:hover { border-color: rgba(240, 253, 250, 0.75) !important; }

.dark .dark\:bg-teal-50\/75,
html.dark .dark\:bg-teal-50\/75 { background-color: rgba(240, 253, 250, 0.75) !important; }
.dark .dark\:text-teal-50\/75,
html.dark .dark\:text-teal-50\/75 { color: rgba(240, 253, 250, 0.75) !important; }
.dark .dark\:border-teal-50\/75,
html.dark .dark\:border-teal-50\/75 { border-color: rgba(240, 253, 250, 0.75) !important; }

.dark .dark\:hover\:bg-teal-50\/75:hover,
html.dark .dark\:hover\:bg-teal-50\/75:hover { background-color: rgba(240, 253, 250, 0.75) !important; }
.dark .dark\:hover\:text-teal-50\/75:hover,
html.dark .dark\:hover\:text-teal-50\/75:hover { color: rgba(240, 253, 250, 0.75) !important; }
.dark .dark\:hover\:border-teal-50\/75:hover,
html.dark .dark\:hover\:border-teal-50\/75:hover { border-color: rgba(240, 253, 250, 0.75) !important; }

.bg-teal-50\/80 { background-color: rgba(240, 253, 250, 0.8) !important; }
.text-teal-50\/80 { color: rgba(240, 253, 250, 0.8) !important; }
.border-teal-50\/80 { border-color: rgba(240, 253, 250, 0.8) !important; }

.hover\:bg-teal-50\/80:hover { background-color: rgba(240, 253, 250, 0.8) !important; }
.hover\:text-teal-50\/80:hover { color: rgba(240, 253, 250, 0.8) !important; }
.hover\:border-teal-50\/80:hover { border-color: rgba(240, 253, 250, 0.8) !important; }

.dark .dark\:bg-teal-50\/80,
html.dark .dark\:bg-teal-50\/80 { background-color: rgba(240, 253, 250, 0.8) !important; }
.dark .dark\:text-teal-50\/80,
html.dark .dark\:text-teal-50\/80 { color: rgba(240, 253, 250, 0.8) !important; }
.dark .dark\:border-teal-50\/80,
html.dark .dark\:border-teal-50\/80 { border-color: rgba(240, 253, 250, 0.8) !important; }

.dark .dark\:hover\:bg-teal-50\/80:hover,
html.dark .dark\:hover\:bg-teal-50\/80:hover { background-color: rgba(240, 253, 250, 0.8) !important; }
.dark .dark\:hover\:text-teal-50\/80:hover,
html.dark .dark\:hover\:text-teal-50\/80:hover { color: rgba(240, 253, 250, 0.8) !important; }
.dark .dark\:hover\:border-teal-50\/80:hover,
html.dark .dark\:hover\:border-teal-50\/80:hover { border-color: rgba(240, 253, 250, 0.8) !important; }

.bg-teal-50\/90 { background-color: rgba(240, 253, 250, 0.9) !important; }
.text-teal-50\/90 { color: rgba(240, 253, 250, 0.9) !important; }
.border-teal-50\/90 { border-color: rgba(240, 253, 250, 0.9) !important; }

.hover\:bg-teal-50\/90:hover { background-color: rgba(240, 253, 250, 0.9) !important; }
.hover\:text-teal-50\/90:hover { color: rgba(240, 253, 250, 0.9) !important; }
.hover\:border-teal-50\/90:hover { border-color: rgba(240, 253, 250, 0.9) !important; }

.dark .dark\:bg-teal-50\/90,
html.dark .dark\:bg-teal-50\/90 { background-color: rgba(240, 253, 250, 0.9) !important; }
.dark .dark\:text-teal-50\/90,
html.dark .dark\:text-teal-50\/90 { color: rgba(240, 253, 250, 0.9) !important; }
.dark .dark\:border-teal-50\/90,
html.dark .dark\:border-teal-50\/90 { border-color: rgba(240, 253, 250, 0.9) !important; }

.dark .dark\:hover\:bg-teal-50\/90:hover,
html.dark .dark\:hover\:bg-teal-50\/90:hover { background-color: rgba(240, 253, 250, 0.9) !important; }
.dark .dark\:hover\:text-teal-50\/90:hover,
html.dark .dark\:hover\:text-teal-50\/90:hover { color: rgba(240, 253, 250, 0.9) !important; }
.dark .dark\:hover\:border-teal-50\/90:hover,
html.dark .dark\:hover\:border-teal-50\/90:hover { border-color: rgba(240, 253, 250, 0.9) !important; }

.bg-teal-50\/95 { background-color: rgba(240, 253, 250, 0.95) !important; }
.text-teal-50\/95 { color: rgba(240, 253, 250, 0.95) !important; }
.border-teal-50\/95 { border-color: rgba(240, 253, 250, 0.95) !important; }

.hover\:bg-teal-50\/95:hover { background-color: rgba(240, 253, 250, 0.95) !important; }
.hover\:text-teal-50\/95:hover { color: rgba(240, 253, 250, 0.95) !important; }
.hover\:border-teal-50\/95:hover { border-color: rgba(240, 253, 250, 0.95) !important; }

.dark .dark\:bg-teal-50\/95,
html.dark .dark\:bg-teal-50\/95 { background-color: rgba(240, 253, 250, 0.95) !important; }
.dark .dark\:text-teal-50\/95,
html.dark .dark\:text-teal-50\/95 { color: rgba(240, 253, 250, 0.95) !important; }
.dark .dark\:border-teal-50\/95,
html.dark .dark\:border-teal-50\/95 { border-color: rgba(240, 253, 250, 0.95) !important; }

.dark .dark\:hover\:bg-teal-50\/95:hover,
html.dark .dark\:hover\:bg-teal-50\/95:hover { background-color: rgba(240, 253, 250, 0.95) !important; }
.dark .dark\:hover\:text-teal-50\/95:hover,
html.dark .dark\:hover\:text-teal-50\/95:hover { color: rgba(240, 253, 250, 0.95) !important; }
.dark .dark\:hover\:border-teal-50\/95:hover,
html.dark .dark\:hover\:border-teal-50\/95:hover { border-color: rgba(240, 253, 250, 0.95) !important; }

.bg-teal-100 { background-color: #ccfbf1 !important; }
.text-teal-100 { color: #ccfbf1 !important; }
.border-teal-100 { border-color: #ccfbf1 !important; }
.fill-teal-100 { fill: #ccfbf1 !important; }
.stroke-teal-100 { stroke: #ccfbf1 !important; }

/* Hover states */
.hover\:bg-teal-100:hover { background-color: #ccfbf1 !important; }
.hover\:text-teal-100:hover { color: #ccfbf1 !important; }
.hover\:border-teal-100:hover { border-color: #ccfbf1 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-100,
html.dark .dark\:bg-teal-100 { background-color: #ccfbf1 !important; }
.dark .dark\:text-teal-100,
html.dark .dark\:text-teal-100 { color: #ccfbf1 !important; }
.dark .dark\:border-teal-100,
html.dark .dark\:border-teal-100 { border-color: #ccfbf1 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-100:hover,
html.dark .dark\:hover\:bg-teal-100:hover { background-color: #ccfbf1 !important; }
.dark .dark\:hover\:text-teal-100:hover,
html.dark .dark\:hover\:text-teal-100:hover { color: #ccfbf1 !important; }
.dark .dark\:hover\:border-teal-100:hover,
html.dark .dark\:hover\:border-teal-100:hover { border-color: #ccfbf1 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-100,
html.dark .group:hover .dark\:group-hover\:text-teal-100 { color: #ccfbf1 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-100,
html.dark .group:hover .dark\:group-hover\:bg-teal-100 { background-color: #ccfbf1 !important; }

.bg-teal-100\/10 { background-color: rgba(204, 251, 241, 0.1) !important; }
.text-teal-100\/10 { color: rgba(204, 251, 241, 0.1) !important; }
.border-teal-100\/10 { border-color: rgba(204, 251, 241, 0.1) !important; }

.hover\:bg-teal-100\/10:hover { background-color: rgba(204, 251, 241, 0.1) !important; }
.hover\:text-teal-100\/10:hover { color: rgba(204, 251, 241, 0.1) !important; }
.hover\:border-teal-100\/10:hover { border-color: rgba(204, 251, 241, 0.1) !important; }

.dark .dark\:bg-teal-100\/10,
html.dark .dark\:bg-teal-100\/10 { background-color: rgba(204, 251, 241, 0.1) !important; }
.dark .dark\:text-teal-100\/10,
html.dark .dark\:text-teal-100\/10 { color: rgba(204, 251, 241, 0.1) !important; }
.dark .dark\:border-teal-100\/10,
html.dark .dark\:border-teal-100\/10 { border-color: rgba(204, 251, 241, 0.1) !important; }

.dark .dark\:hover\:bg-teal-100\/10:hover,
html.dark .dark\:hover\:bg-teal-100\/10:hover { background-color: rgba(204, 251, 241, 0.1) !important; }
.dark .dark\:hover\:text-teal-100\/10:hover,
html.dark .dark\:hover\:text-teal-100\/10:hover { color: rgba(204, 251, 241, 0.1) !important; }
.dark .dark\:hover\:border-teal-100\/10:hover,
html.dark .dark\:hover\:border-teal-100\/10:hover { border-color: rgba(204, 251, 241, 0.1) !important; }

.bg-teal-100\/20 { background-color: rgba(204, 251, 241, 0.2) !important; }
.text-teal-100\/20 { color: rgba(204, 251, 241, 0.2) !important; }
.border-teal-100\/20 { border-color: rgba(204, 251, 241, 0.2) !important; }

.hover\:bg-teal-100\/20:hover { background-color: rgba(204, 251, 241, 0.2) !important; }
.hover\:text-teal-100\/20:hover { color: rgba(204, 251, 241, 0.2) !important; }
.hover\:border-teal-100\/20:hover { border-color: rgba(204, 251, 241, 0.2) !important; }

.dark .dark\:bg-teal-100\/20,
html.dark .dark\:bg-teal-100\/20 { background-color: rgba(204, 251, 241, 0.2) !important; }
.dark .dark\:text-teal-100\/20,
html.dark .dark\:text-teal-100\/20 { color: rgba(204, 251, 241, 0.2) !important; }
.dark .dark\:border-teal-100\/20,
html.dark .dark\:border-teal-100\/20 { border-color: rgba(204, 251, 241, 0.2) !important; }

.dark .dark\:hover\:bg-teal-100\/20:hover,
html.dark .dark\:hover\:bg-teal-100\/20:hover { background-color: rgba(204, 251, 241, 0.2) !important; }
.dark .dark\:hover\:text-teal-100\/20:hover,
html.dark .dark\:hover\:text-teal-100\/20:hover { color: rgba(204, 251, 241, 0.2) !important; }
.dark .dark\:hover\:border-teal-100\/20:hover,
html.dark .dark\:hover\:border-teal-100\/20:hover { border-color: rgba(204, 251, 241, 0.2) !important; }

.bg-teal-100\/25 { background-color: rgba(204, 251, 241, 0.25) !important; }
.text-teal-100\/25 { color: rgba(204, 251, 241, 0.25) !important; }
.border-teal-100\/25 { border-color: rgba(204, 251, 241, 0.25) !important; }

.hover\:bg-teal-100\/25:hover { background-color: rgba(204, 251, 241, 0.25) !important; }
.hover\:text-teal-100\/25:hover { color: rgba(204, 251, 241, 0.25) !important; }
.hover\:border-teal-100\/25:hover { border-color: rgba(204, 251, 241, 0.25) !important; }

.dark .dark\:bg-teal-100\/25,
html.dark .dark\:bg-teal-100\/25 { background-color: rgba(204, 251, 241, 0.25) !important; }
.dark .dark\:text-teal-100\/25,
html.dark .dark\:text-teal-100\/25 { color: rgba(204, 251, 241, 0.25) !important; }
.dark .dark\:border-teal-100\/25,
html.dark .dark\:border-teal-100\/25 { border-color: rgba(204, 251, 241, 0.25) !important; }

.dark .dark\:hover\:bg-teal-100\/25:hover,
html.dark .dark\:hover\:bg-teal-100\/25:hover { background-color: rgba(204, 251, 241, 0.25) !important; }
.dark .dark\:hover\:text-teal-100\/25:hover,
html.dark .dark\:hover\:text-teal-100\/25:hover { color: rgba(204, 251, 241, 0.25) !important; }
.dark .dark\:hover\:border-teal-100\/25:hover,
html.dark .dark\:hover\:border-teal-100\/25:hover { border-color: rgba(204, 251, 241, 0.25) !important; }

.bg-teal-100\/30 { background-color: rgba(204, 251, 241, 0.3) !important; }
.text-teal-100\/30 { color: rgba(204, 251, 241, 0.3) !important; }
.border-teal-100\/30 { border-color: rgba(204, 251, 241, 0.3) !important; }

.hover\:bg-teal-100\/30:hover { background-color: rgba(204, 251, 241, 0.3) !important; }
.hover\:text-teal-100\/30:hover { color: rgba(204, 251, 241, 0.3) !important; }
.hover\:border-teal-100\/30:hover { border-color: rgba(204, 251, 241, 0.3) !important; }

.dark .dark\:bg-teal-100\/30,
html.dark .dark\:bg-teal-100\/30 { background-color: rgba(204, 251, 241, 0.3) !important; }
.dark .dark\:text-teal-100\/30,
html.dark .dark\:text-teal-100\/30 { color: rgba(204, 251, 241, 0.3) !important; }
.dark .dark\:border-teal-100\/30,
html.dark .dark\:border-teal-100\/30 { border-color: rgba(204, 251, 241, 0.3) !important; }

.dark .dark\:hover\:bg-teal-100\/30:hover,
html.dark .dark\:hover\:bg-teal-100\/30:hover { background-color: rgba(204, 251, 241, 0.3) !important; }
.dark .dark\:hover\:text-teal-100\/30:hover,
html.dark .dark\:hover\:text-teal-100\/30:hover { color: rgba(204, 251, 241, 0.3) !important; }
.dark .dark\:hover\:border-teal-100\/30:hover,
html.dark .dark\:hover\:border-teal-100\/30:hover { border-color: rgba(204, 251, 241, 0.3) !important; }

.bg-teal-100\/40 { background-color: rgba(204, 251, 241, 0.4) !important; }
.text-teal-100\/40 { color: rgba(204, 251, 241, 0.4) !important; }
.border-teal-100\/40 { border-color: rgba(204, 251, 241, 0.4) !important; }

.hover\:bg-teal-100\/40:hover { background-color: rgba(204, 251, 241, 0.4) !important; }
.hover\:text-teal-100\/40:hover { color: rgba(204, 251, 241, 0.4) !important; }
.hover\:border-teal-100\/40:hover { border-color: rgba(204, 251, 241, 0.4) !important; }

.dark .dark\:bg-teal-100\/40,
html.dark .dark\:bg-teal-100\/40 { background-color: rgba(204, 251, 241, 0.4) !important; }
.dark .dark\:text-teal-100\/40,
html.dark .dark\:text-teal-100\/40 { color: rgba(204, 251, 241, 0.4) !important; }
.dark .dark\:border-teal-100\/40,
html.dark .dark\:border-teal-100\/40 { border-color: rgba(204, 251, 241, 0.4) !important; }

.dark .dark\:hover\:bg-teal-100\/40:hover,
html.dark .dark\:hover\:bg-teal-100\/40:hover { background-color: rgba(204, 251, 241, 0.4) !important; }
.dark .dark\:hover\:text-teal-100\/40:hover,
html.dark .dark\:hover\:text-teal-100\/40:hover { color: rgba(204, 251, 241, 0.4) !important; }
.dark .dark\:hover\:border-teal-100\/40:hover,
html.dark .dark\:hover\:border-teal-100\/40:hover { border-color: rgba(204, 251, 241, 0.4) !important; }

.bg-teal-100\/50 { background-color: rgba(204, 251, 241, 0.5) !important; }
.text-teal-100\/50 { color: rgba(204, 251, 241, 0.5) !important; }
.border-teal-100\/50 { border-color: rgba(204, 251, 241, 0.5) !important; }

.hover\:bg-teal-100\/50:hover { background-color: rgba(204, 251, 241, 0.5) !important; }
.hover\:text-teal-100\/50:hover { color: rgba(204, 251, 241, 0.5) !important; }
.hover\:border-teal-100\/50:hover { border-color: rgba(204, 251, 241, 0.5) !important; }

.dark .dark\:bg-teal-100\/50,
html.dark .dark\:bg-teal-100\/50 { background-color: rgba(204, 251, 241, 0.5) !important; }
.dark .dark\:text-teal-100\/50,
html.dark .dark\:text-teal-100\/50 { color: rgba(204, 251, 241, 0.5) !important; }
.dark .dark\:border-teal-100\/50,
html.dark .dark\:border-teal-100\/50 { border-color: rgba(204, 251, 241, 0.5) !important; }

.dark .dark\:hover\:bg-teal-100\/50:hover,
html.dark .dark\:hover\:bg-teal-100\/50:hover { background-color: rgba(204, 251, 241, 0.5) !important; }
.dark .dark\:hover\:text-teal-100\/50:hover,
html.dark .dark\:hover\:text-teal-100\/50:hover { color: rgba(204, 251, 241, 0.5) !important; }
.dark .dark\:hover\:border-teal-100\/50:hover,
html.dark .dark\:hover\:border-teal-100\/50:hover { border-color: rgba(204, 251, 241, 0.5) !important; }

.bg-teal-100\/60 { background-color: rgba(204, 251, 241, 0.6) !important; }
.text-teal-100\/60 { color: rgba(204, 251, 241, 0.6) !important; }
.border-teal-100\/60 { border-color: rgba(204, 251, 241, 0.6) !important; }

.hover\:bg-teal-100\/60:hover { background-color: rgba(204, 251, 241, 0.6) !important; }
.hover\:text-teal-100\/60:hover { color: rgba(204, 251, 241, 0.6) !important; }
.hover\:border-teal-100\/60:hover { border-color: rgba(204, 251, 241, 0.6) !important; }

.dark .dark\:bg-teal-100\/60,
html.dark .dark\:bg-teal-100\/60 { background-color: rgba(204, 251, 241, 0.6) !important; }
.dark .dark\:text-teal-100\/60,
html.dark .dark\:text-teal-100\/60 { color: rgba(204, 251, 241, 0.6) !important; }
.dark .dark\:border-teal-100\/60,
html.dark .dark\:border-teal-100\/60 { border-color: rgba(204, 251, 241, 0.6) !important; }

.dark .dark\:hover\:bg-teal-100\/60:hover,
html.dark .dark\:hover\:bg-teal-100\/60:hover { background-color: rgba(204, 251, 241, 0.6) !important; }
.dark .dark\:hover\:text-teal-100\/60:hover,
html.dark .dark\:hover\:text-teal-100\/60:hover { color: rgba(204, 251, 241, 0.6) !important; }
.dark .dark\:hover\:border-teal-100\/60:hover,
html.dark .dark\:hover\:border-teal-100\/60:hover { border-color: rgba(204, 251, 241, 0.6) !important; }

.bg-teal-100\/70 { background-color: rgba(204, 251, 241, 0.7) !important; }
.text-teal-100\/70 { color: rgba(204, 251, 241, 0.7) !important; }
.border-teal-100\/70 { border-color: rgba(204, 251, 241, 0.7) !important; }

.hover\:bg-teal-100\/70:hover { background-color: rgba(204, 251, 241, 0.7) !important; }
.hover\:text-teal-100\/70:hover { color: rgba(204, 251, 241, 0.7) !important; }
.hover\:border-teal-100\/70:hover { border-color: rgba(204, 251, 241, 0.7) !important; }

.dark .dark\:bg-teal-100\/70,
html.dark .dark\:bg-teal-100\/70 { background-color: rgba(204, 251, 241, 0.7) !important; }
.dark .dark\:text-teal-100\/70,
html.dark .dark\:text-teal-100\/70 { color: rgba(204, 251, 241, 0.7) !important; }
.dark .dark\:border-teal-100\/70,
html.dark .dark\:border-teal-100\/70 { border-color: rgba(204, 251, 241, 0.7) !important; }

.dark .dark\:hover\:bg-teal-100\/70:hover,
html.dark .dark\:hover\:bg-teal-100\/70:hover { background-color: rgba(204, 251, 241, 0.7) !important; }
.dark .dark\:hover\:text-teal-100\/70:hover,
html.dark .dark\:hover\:text-teal-100\/70:hover { color: rgba(204, 251, 241, 0.7) !important; }
.dark .dark\:hover\:border-teal-100\/70:hover,
html.dark .dark\:hover\:border-teal-100\/70:hover { border-color: rgba(204, 251, 241, 0.7) !important; }

.bg-teal-100\/75 { background-color: rgba(204, 251, 241, 0.75) !important; }
.text-teal-100\/75 { color: rgba(204, 251, 241, 0.75) !important; }
.border-teal-100\/75 { border-color: rgba(204, 251, 241, 0.75) !important; }

.hover\:bg-teal-100\/75:hover { background-color: rgba(204, 251, 241, 0.75) !important; }
.hover\:text-teal-100\/75:hover { color: rgba(204, 251, 241, 0.75) !important; }
.hover\:border-teal-100\/75:hover { border-color: rgba(204, 251, 241, 0.75) !important; }

.dark .dark\:bg-teal-100\/75,
html.dark .dark\:bg-teal-100\/75 { background-color: rgba(204, 251, 241, 0.75) !important; }
.dark .dark\:text-teal-100\/75,
html.dark .dark\:text-teal-100\/75 { color: rgba(204, 251, 241, 0.75) !important; }
.dark .dark\:border-teal-100\/75,
html.dark .dark\:border-teal-100\/75 { border-color: rgba(204, 251, 241, 0.75) !important; }

.dark .dark\:hover\:bg-teal-100\/75:hover,
html.dark .dark\:hover\:bg-teal-100\/75:hover { background-color: rgba(204, 251, 241, 0.75) !important; }
.dark .dark\:hover\:text-teal-100\/75:hover,
html.dark .dark\:hover\:text-teal-100\/75:hover { color: rgba(204, 251, 241, 0.75) !important; }
.dark .dark\:hover\:border-teal-100\/75:hover,
html.dark .dark\:hover\:border-teal-100\/75:hover { border-color: rgba(204, 251, 241, 0.75) !important; }

.bg-teal-100\/80 { background-color: rgba(204, 251, 241, 0.8) !important; }
.text-teal-100\/80 { color: rgba(204, 251, 241, 0.8) !important; }
.border-teal-100\/80 { border-color: rgba(204, 251, 241, 0.8) !important; }

.hover\:bg-teal-100\/80:hover { background-color: rgba(204, 251, 241, 0.8) !important; }
.hover\:text-teal-100\/80:hover { color: rgba(204, 251, 241, 0.8) !important; }
.hover\:border-teal-100\/80:hover { border-color: rgba(204, 251, 241, 0.8) !important; }

.dark .dark\:bg-teal-100\/80,
html.dark .dark\:bg-teal-100\/80 { background-color: rgba(204, 251, 241, 0.8) !important; }
.dark .dark\:text-teal-100\/80,
html.dark .dark\:text-teal-100\/80 { color: rgba(204, 251, 241, 0.8) !important; }
.dark .dark\:border-teal-100\/80,
html.dark .dark\:border-teal-100\/80 { border-color: rgba(204, 251, 241, 0.8) !important; }

.dark .dark\:hover\:bg-teal-100\/80:hover,
html.dark .dark\:hover\:bg-teal-100\/80:hover { background-color: rgba(204, 251, 241, 0.8) !important; }
.dark .dark\:hover\:text-teal-100\/80:hover,
html.dark .dark\:hover\:text-teal-100\/80:hover { color: rgba(204, 251, 241, 0.8) !important; }
.dark .dark\:hover\:border-teal-100\/80:hover,
html.dark .dark\:hover\:border-teal-100\/80:hover { border-color: rgba(204, 251, 241, 0.8) !important; }

.bg-teal-100\/90 { background-color: rgba(204, 251, 241, 0.9) !important; }
.text-teal-100\/90 { color: rgba(204, 251, 241, 0.9) !important; }
.border-teal-100\/90 { border-color: rgba(204, 251, 241, 0.9) !important; }

.hover\:bg-teal-100\/90:hover { background-color: rgba(204, 251, 241, 0.9) !important; }
.hover\:text-teal-100\/90:hover { color: rgba(204, 251, 241, 0.9) !important; }
.hover\:border-teal-100\/90:hover { border-color: rgba(204, 251, 241, 0.9) !important; }

.dark .dark\:bg-teal-100\/90,
html.dark .dark\:bg-teal-100\/90 { background-color: rgba(204, 251, 241, 0.9) !important; }
.dark .dark\:text-teal-100\/90,
html.dark .dark\:text-teal-100\/90 { color: rgba(204, 251, 241, 0.9) !important; }
.dark .dark\:border-teal-100\/90,
html.dark .dark\:border-teal-100\/90 { border-color: rgba(204, 251, 241, 0.9) !important; }

.dark .dark\:hover\:bg-teal-100\/90:hover,
html.dark .dark\:hover\:bg-teal-100\/90:hover { background-color: rgba(204, 251, 241, 0.9) !important; }
.dark .dark\:hover\:text-teal-100\/90:hover,
html.dark .dark\:hover\:text-teal-100\/90:hover { color: rgba(204, 251, 241, 0.9) !important; }
.dark .dark\:hover\:border-teal-100\/90:hover,
html.dark .dark\:hover\:border-teal-100\/90:hover { border-color: rgba(204, 251, 241, 0.9) !important; }

.bg-teal-100\/95 { background-color: rgba(204, 251, 241, 0.95) !important; }
.text-teal-100\/95 { color: rgba(204, 251, 241, 0.95) !important; }
.border-teal-100\/95 { border-color: rgba(204, 251, 241, 0.95) !important; }

.hover\:bg-teal-100\/95:hover { background-color: rgba(204, 251, 241, 0.95) !important; }
.hover\:text-teal-100\/95:hover { color: rgba(204, 251, 241, 0.95) !important; }
.hover\:border-teal-100\/95:hover { border-color: rgba(204, 251, 241, 0.95) !important; }

.dark .dark\:bg-teal-100\/95,
html.dark .dark\:bg-teal-100\/95 { background-color: rgba(204, 251, 241, 0.95) !important; }
.dark .dark\:text-teal-100\/95,
html.dark .dark\:text-teal-100\/95 { color: rgba(204, 251, 241, 0.95) !important; }
.dark .dark\:border-teal-100\/95,
html.dark .dark\:border-teal-100\/95 { border-color: rgba(204, 251, 241, 0.95) !important; }

.dark .dark\:hover\:bg-teal-100\/95:hover,
html.dark .dark\:hover\:bg-teal-100\/95:hover { background-color: rgba(204, 251, 241, 0.95) !important; }
.dark .dark\:hover\:text-teal-100\/95:hover,
html.dark .dark\:hover\:text-teal-100\/95:hover { color: rgba(204, 251, 241, 0.95) !important; }
.dark .dark\:hover\:border-teal-100\/95:hover,
html.dark .dark\:hover\:border-teal-100\/95:hover { border-color: rgba(204, 251, 241, 0.95) !important; }

.bg-teal-200 { background-color: #99f6e4 !important; }
.text-teal-200 { color: #99f6e4 !important; }
.border-teal-200 { border-color: #99f6e4 !important; }
.fill-teal-200 { fill: #99f6e4 !important; }
.stroke-teal-200 { stroke: #99f6e4 !important; }

/* Hover states */
.hover\:bg-teal-200:hover { background-color: #99f6e4 !important; }
.hover\:text-teal-200:hover { color: #99f6e4 !important; }
.hover\:border-teal-200:hover { border-color: #99f6e4 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-200,
html.dark .dark\:bg-teal-200 { background-color: #99f6e4 !important; }
.dark .dark\:text-teal-200,
html.dark .dark\:text-teal-200 { color: #99f6e4 !important; }
.dark .dark\:border-teal-200,
html.dark .dark\:border-teal-200 { border-color: #99f6e4 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-200:hover,
html.dark .dark\:hover\:bg-teal-200:hover { background-color: #99f6e4 !important; }
.dark .dark\:hover\:text-teal-200:hover,
html.dark .dark\:hover\:text-teal-200:hover { color: #99f6e4 !important; }
.dark .dark\:hover\:border-teal-200:hover,
html.dark .dark\:hover\:border-teal-200:hover { border-color: #99f6e4 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-200,
html.dark .group:hover .dark\:group-hover\:text-teal-200 { color: #99f6e4 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-200,
html.dark .group:hover .dark\:group-hover\:bg-teal-200 { background-color: #99f6e4 !important; }

.bg-teal-200\/10 { background-color: rgba(153, 246, 228, 0.1) !important; }
.text-teal-200\/10 { color: rgba(153, 246, 228, 0.1) !important; }
.border-teal-200\/10 { border-color: rgba(153, 246, 228, 0.1) !important; }

.hover\:bg-teal-200\/10:hover { background-color: rgba(153, 246, 228, 0.1) !important; }
.hover\:text-teal-200\/10:hover { color: rgba(153, 246, 228, 0.1) !important; }
.hover\:border-teal-200\/10:hover { border-color: rgba(153, 246, 228, 0.1) !important; }

.dark .dark\:bg-teal-200\/10,
html.dark .dark\:bg-teal-200\/10 { background-color: rgba(153, 246, 228, 0.1) !important; }
.dark .dark\:text-teal-200\/10,
html.dark .dark\:text-teal-200\/10 { color: rgba(153, 246, 228, 0.1) !important; }
.dark .dark\:border-teal-200\/10,
html.dark .dark\:border-teal-200\/10 { border-color: rgba(153, 246, 228, 0.1) !important; }

.dark .dark\:hover\:bg-teal-200\/10:hover,
html.dark .dark\:hover\:bg-teal-200\/10:hover { background-color: rgba(153, 246, 228, 0.1) !important; }
.dark .dark\:hover\:text-teal-200\/10:hover,
html.dark .dark\:hover\:text-teal-200\/10:hover { color: rgba(153, 246, 228, 0.1) !important; }
.dark .dark\:hover\:border-teal-200\/10:hover,
html.dark .dark\:hover\:border-teal-200\/10:hover { border-color: rgba(153, 246, 228, 0.1) !important; }

.bg-teal-200\/20 { background-color: rgba(153, 246, 228, 0.2) !important; }
.text-teal-200\/20 { color: rgba(153, 246, 228, 0.2) !important; }
.border-teal-200\/20 { border-color: rgba(153, 246, 228, 0.2) !important; }

.hover\:bg-teal-200\/20:hover { background-color: rgba(153, 246, 228, 0.2) !important; }
.hover\:text-teal-200\/20:hover { color: rgba(153, 246, 228, 0.2) !important; }
.hover\:border-teal-200\/20:hover { border-color: rgba(153, 246, 228, 0.2) !important; }

.dark .dark\:bg-teal-200\/20,
html.dark .dark\:bg-teal-200\/20 { background-color: rgba(153, 246, 228, 0.2) !important; }
.dark .dark\:text-teal-200\/20,
html.dark .dark\:text-teal-200\/20 { color: rgba(153, 246, 228, 0.2) !important; }
.dark .dark\:border-teal-200\/20,
html.dark .dark\:border-teal-200\/20 { border-color: rgba(153, 246, 228, 0.2) !important; }

.dark .dark\:hover\:bg-teal-200\/20:hover,
html.dark .dark\:hover\:bg-teal-200\/20:hover { background-color: rgba(153, 246, 228, 0.2) !important; }
.dark .dark\:hover\:text-teal-200\/20:hover,
html.dark .dark\:hover\:text-teal-200\/20:hover { color: rgba(153, 246, 228, 0.2) !important; }
.dark .dark\:hover\:border-teal-200\/20:hover,
html.dark .dark\:hover\:border-teal-200\/20:hover { border-color: rgba(153, 246, 228, 0.2) !important; }

.bg-teal-200\/25 { background-color: rgba(153, 246, 228, 0.25) !important; }
.text-teal-200\/25 { color: rgba(153, 246, 228, 0.25) !important; }
.border-teal-200\/25 { border-color: rgba(153, 246, 228, 0.25) !important; }

.hover\:bg-teal-200\/25:hover { background-color: rgba(153, 246, 228, 0.25) !important; }
.hover\:text-teal-200\/25:hover { color: rgba(153, 246, 228, 0.25) !important; }
.hover\:border-teal-200\/25:hover { border-color: rgba(153, 246, 228, 0.25) !important; }

.dark .dark\:bg-teal-200\/25,
html.dark .dark\:bg-teal-200\/25 { background-color: rgba(153, 246, 228, 0.25) !important; }
.dark .dark\:text-teal-200\/25,
html.dark .dark\:text-teal-200\/25 { color: rgba(153, 246, 228, 0.25) !important; }
.dark .dark\:border-teal-200\/25,
html.dark .dark\:border-teal-200\/25 { border-color: rgba(153, 246, 228, 0.25) !important; }

.dark .dark\:hover\:bg-teal-200\/25:hover,
html.dark .dark\:hover\:bg-teal-200\/25:hover { background-color: rgba(153, 246, 228, 0.25) !important; }
.dark .dark\:hover\:text-teal-200\/25:hover,
html.dark .dark\:hover\:text-teal-200\/25:hover { color: rgba(153, 246, 228, 0.25) !important; }
.dark .dark\:hover\:border-teal-200\/25:hover,
html.dark .dark\:hover\:border-teal-200\/25:hover { border-color: rgba(153, 246, 228, 0.25) !important; }

.bg-teal-200\/30 { background-color: rgba(153, 246, 228, 0.3) !important; }
.text-teal-200\/30 { color: rgba(153, 246, 228, 0.3) !important; }
.border-teal-200\/30 { border-color: rgba(153, 246, 228, 0.3) !important; }

.hover\:bg-teal-200\/30:hover { background-color: rgba(153, 246, 228, 0.3) !important; }
.hover\:text-teal-200\/30:hover { color: rgba(153, 246, 228, 0.3) !important; }
.hover\:border-teal-200\/30:hover { border-color: rgba(153, 246, 228, 0.3) !important; }

.dark .dark\:bg-teal-200\/30,
html.dark .dark\:bg-teal-200\/30 { background-color: rgba(153, 246, 228, 0.3) !important; }
.dark .dark\:text-teal-200\/30,
html.dark .dark\:text-teal-200\/30 { color: rgba(153, 246, 228, 0.3) !important; }
.dark .dark\:border-teal-200\/30,
html.dark .dark\:border-teal-200\/30 { border-color: rgba(153, 246, 228, 0.3) !important; }

.dark .dark\:hover\:bg-teal-200\/30:hover,
html.dark .dark\:hover\:bg-teal-200\/30:hover { background-color: rgba(153, 246, 228, 0.3) !important; }
.dark .dark\:hover\:text-teal-200\/30:hover,
html.dark .dark\:hover\:text-teal-200\/30:hover { color: rgba(153, 246, 228, 0.3) !important; }
.dark .dark\:hover\:border-teal-200\/30:hover,
html.dark .dark\:hover\:border-teal-200\/30:hover { border-color: rgba(153, 246, 228, 0.3) !important; }

.bg-teal-200\/40 { background-color: rgba(153, 246, 228, 0.4) !important; }
.text-teal-200\/40 { color: rgba(153, 246, 228, 0.4) !important; }
.border-teal-200\/40 { border-color: rgba(153, 246, 228, 0.4) !important; }

.hover\:bg-teal-200\/40:hover { background-color: rgba(153, 246, 228, 0.4) !important; }
.hover\:text-teal-200\/40:hover { color: rgba(153, 246, 228, 0.4) !important; }
.hover\:border-teal-200\/40:hover { border-color: rgba(153, 246, 228, 0.4) !important; }

.dark .dark\:bg-teal-200\/40,
html.dark .dark\:bg-teal-200\/40 { background-color: rgba(153, 246, 228, 0.4) !important; }
.dark .dark\:text-teal-200\/40,
html.dark .dark\:text-teal-200\/40 { color: rgba(153, 246, 228, 0.4) !important; }
.dark .dark\:border-teal-200\/40,
html.dark .dark\:border-teal-200\/40 { border-color: rgba(153, 246, 228, 0.4) !important; }

.dark .dark\:hover\:bg-teal-200\/40:hover,
html.dark .dark\:hover\:bg-teal-200\/40:hover { background-color: rgba(153, 246, 228, 0.4) !important; }
.dark .dark\:hover\:text-teal-200\/40:hover,
html.dark .dark\:hover\:text-teal-200\/40:hover { color: rgba(153, 246, 228, 0.4) !important; }
.dark .dark\:hover\:border-teal-200\/40:hover,
html.dark .dark\:hover\:border-teal-200\/40:hover { border-color: rgba(153, 246, 228, 0.4) !important; }

.bg-teal-200\/50 { background-color: rgba(153, 246, 228, 0.5) !important; }
.text-teal-200\/50 { color: rgba(153, 246, 228, 0.5) !important; }
.border-teal-200\/50 { border-color: rgba(153, 246, 228, 0.5) !important; }

.hover\:bg-teal-200\/50:hover { background-color: rgba(153, 246, 228, 0.5) !important; }
.hover\:text-teal-200\/50:hover { color: rgba(153, 246, 228, 0.5) !important; }
.hover\:border-teal-200\/50:hover { border-color: rgba(153, 246, 228, 0.5) !important; }

.dark .dark\:bg-teal-200\/50,
html.dark .dark\:bg-teal-200\/50 { background-color: rgba(153, 246, 228, 0.5) !important; }
.dark .dark\:text-teal-200\/50,
html.dark .dark\:text-teal-200\/50 { color: rgba(153, 246, 228, 0.5) !important; }
.dark .dark\:border-teal-200\/50,
html.dark .dark\:border-teal-200\/50 { border-color: rgba(153, 246, 228, 0.5) !important; }

.dark .dark\:hover\:bg-teal-200\/50:hover,
html.dark .dark\:hover\:bg-teal-200\/50:hover { background-color: rgba(153, 246, 228, 0.5) !important; }
.dark .dark\:hover\:text-teal-200\/50:hover,
html.dark .dark\:hover\:text-teal-200\/50:hover { color: rgba(153, 246, 228, 0.5) !important; }
.dark .dark\:hover\:border-teal-200\/50:hover,
html.dark .dark\:hover\:border-teal-200\/50:hover { border-color: rgba(153, 246, 228, 0.5) !important; }

.bg-teal-200\/60 { background-color: rgba(153, 246, 228, 0.6) !important; }
.text-teal-200\/60 { color: rgba(153, 246, 228, 0.6) !important; }
.border-teal-200\/60 { border-color: rgba(153, 246, 228, 0.6) !important; }

.hover\:bg-teal-200\/60:hover { background-color: rgba(153, 246, 228, 0.6) !important; }
.hover\:text-teal-200\/60:hover { color: rgba(153, 246, 228, 0.6) !important; }
.hover\:border-teal-200\/60:hover { border-color: rgba(153, 246, 228, 0.6) !important; }

.dark .dark\:bg-teal-200\/60,
html.dark .dark\:bg-teal-200\/60 { background-color: rgba(153, 246, 228, 0.6) !important; }
.dark .dark\:text-teal-200\/60,
html.dark .dark\:text-teal-200\/60 { color: rgba(153, 246, 228, 0.6) !important; }
.dark .dark\:border-teal-200\/60,
html.dark .dark\:border-teal-200\/60 { border-color: rgba(153, 246, 228, 0.6) !important; }

.dark .dark\:hover\:bg-teal-200\/60:hover,
html.dark .dark\:hover\:bg-teal-200\/60:hover { background-color: rgba(153, 246, 228, 0.6) !important; }
.dark .dark\:hover\:text-teal-200\/60:hover,
html.dark .dark\:hover\:text-teal-200\/60:hover { color: rgba(153, 246, 228, 0.6) !important; }
.dark .dark\:hover\:border-teal-200\/60:hover,
html.dark .dark\:hover\:border-teal-200\/60:hover { border-color: rgba(153, 246, 228, 0.6) !important; }

.bg-teal-200\/70 { background-color: rgba(153, 246, 228, 0.7) !important; }
.text-teal-200\/70 { color: rgba(153, 246, 228, 0.7) !important; }
.border-teal-200\/70 { border-color: rgba(153, 246, 228, 0.7) !important; }

.hover\:bg-teal-200\/70:hover { background-color: rgba(153, 246, 228, 0.7) !important; }
.hover\:text-teal-200\/70:hover { color: rgba(153, 246, 228, 0.7) !important; }
.hover\:border-teal-200\/70:hover { border-color: rgba(153, 246, 228, 0.7) !important; }

.dark .dark\:bg-teal-200\/70,
html.dark .dark\:bg-teal-200\/70 { background-color: rgba(153, 246, 228, 0.7) !important; }
.dark .dark\:text-teal-200\/70,
html.dark .dark\:text-teal-200\/70 { color: rgba(153, 246, 228, 0.7) !important; }
.dark .dark\:border-teal-200\/70,
html.dark .dark\:border-teal-200\/70 { border-color: rgba(153, 246, 228, 0.7) !important; }

.dark .dark\:hover\:bg-teal-200\/70:hover,
html.dark .dark\:hover\:bg-teal-200\/70:hover { background-color: rgba(153, 246, 228, 0.7) !important; }
.dark .dark\:hover\:text-teal-200\/70:hover,
html.dark .dark\:hover\:text-teal-200\/70:hover { color: rgba(153, 246, 228, 0.7) !important; }
.dark .dark\:hover\:border-teal-200\/70:hover,
html.dark .dark\:hover\:border-teal-200\/70:hover { border-color: rgba(153, 246, 228, 0.7) !important; }

.bg-teal-200\/75 { background-color: rgba(153, 246, 228, 0.75) !important; }
.text-teal-200\/75 { color: rgba(153, 246, 228, 0.75) !important; }
.border-teal-200\/75 { border-color: rgba(153, 246, 228, 0.75) !important; }

.hover\:bg-teal-200\/75:hover { background-color: rgba(153, 246, 228, 0.75) !important; }
.hover\:text-teal-200\/75:hover { color: rgba(153, 246, 228, 0.75) !important; }
.hover\:border-teal-200\/75:hover { border-color: rgba(153, 246, 228, 0.75) !important; }

.dark .dark\:bg-teal-200\/75,
html.dark .dark\:bg-teal-200\/75 { background-color: rgba(153, 246, 228, 0.75) !important; }
.dark .dark\:text-teal-200\/75,
html.dark .dark\:text-teal-200\/75 { color: rgba(153, 246, 228, 0.75) !important; }
.dark .dark\:border-teal-200\/75,
html.dark .dark\:border-teal-200\/75 { border-color: rgba(153, 246, 228, 0.75) !important; }

.dark .dark\:hover\:bg-teal-200\/75:hover,
html.dark .dark\:hover\:bg-teal-200\/75:hover { background-color: rgba(153, 246, 228, 0.75) !important; }
.dark .dark\:hover\:text-teal-200\/75:hover,
html.dark .dark\:hover\:text-teal-200\/75:hover { color: rgba(153, 246, 228, 0.75) !important; }
.dark .dark\:hover\:border-teal-200\/75:hover,
html.dark .dark\:hover\:border-teal-200\/75:hover { border-color: rgba(153, 246, 228, 0.75) !important; }

.bg-teal-200\/80 { background-color: rgba(153, 246, 228, 0.8) !important; }
.text-teal-200\/80 { color: rgba(153, 246, 228, 0.8) !important; }
.border-teal-200\/80 { border-color: rgba(153, 246, 228, 0.8) !important; }

.hover\:bg-teal-200\/80:hover { background-color: rgba(153, 246, 228, 0.8) !important; }
.hover\:text-teal-200\/80:hover { color: rgba(153, 246, 228, 0.8) !important; }
.hover\:border-teal-200\/80:hover { border-color: rgba(153, 246, 228, 0.8) !important; }

.dark .dark\:bg-teal-200\/80,
html.dark .dark\:bg-teal-200\/80 { background-color: rgba(153, 246, 228, 0.8) !important; }
.dark .dark\:text-teal-200\/80,
html.dark .dark\:text-teal-200\/80 { color: rgba(153, 246, 228, 0.8) !important; }
.dark .dark\:border-teal-200\/80,
html.dark .dark\:border-teal-200\/80 { border-color: rgba(153, 246, 228, 0.8) !important; }

.dark .dark\:hover\:bg-teal-200\/80:hover,
html.dark .dark\:hover\:bg-teal-200\/80:hover { background-color: rgba(153, 246, 228, 0.8) !important; }
.dark .dark\:hover\:text-teal-200\/80:hover,
html.dark .dark\:hover\:text-teal-200\/80:hover { color: rgba(153, 246, 228, 0.8) !important; }
.dark .dark\:hover\:border-teal-200\/80:hover,
html.dark .dark\:hover\:border-teal-200\/80:hover { border-color: rgba(153, 246, 228, 0.8) !important; }

.bg-teal-200\/90 { background-color: rgba(153, 246, 228, 0.9) !important; }
.text-teal-200\/90 { color: rgba(153, 246, 228, 0.9) !important; }
.border-teal-200\/90 { border-color: rgba(153, 246, 228, 0.9) !important; }

.hover\:bg-teal-200\/90:hover { background-color: rgba(153, 246, 228, 0.9) !important; }
.hover\:text-teal-200\/90:hover { color: rgba(153, 246, 228, 0.9) !important; }
.hover\:border-teal-200\/90:hover { border-color: rgba(153, 246, 228, 0.9) !important; }

.dark .dark\:bg-teal-200\/90,
html.dark .dark\:bg-teal-200\/90 { background-color: rgba(153, 246, 228, 0.9) !important; }
.dark .dark\:text-teal-200\/90,
html.dark .dark\:text-teal-200\/90 { color: rgba(153, 246, 228, 0.9) !important; }
.dark .dark\:border-teal-200\/90,
html.dark .dark\:border-teal-200\/90 { border-color: rgba(153, 246, 228, 0.9) !important; }

.dark .dark\:hover\:bg-teal-200\/90:hover,
html.dark .dark\:hover\:bg-teal-200\/90:hover { background-color: rgba(153, 246, 228, 0.9) !important; }
.dark .dark\:hover\:text-teal-200\/90:hover,
html.dark .dark\:hover\:text-teal-200\/90:hover { color: rgba(153, 246, 228, 0.9) !important; }
.dark .dark\:hover\:border-teal-200\/90:hover,
html.dark .dark\:hover\:border-teal-200\/90:hover { border-color: rgba(153, 246, 228, 0.9) !important; }

.bg-teal-200\/95 { background-color: rgba(153, 246, 228, 0.95) !important; }
.text-teal-200\/95 { color: rgba(153, 246, 228, 0.95) !important; }
.border-teal-200\/95 { border-color: rgba(153, 246, 228, 0.95) !important; }

.hover\:bg-teal-200\/95:hover { background-color: rgba(153, 246, 228, 0.95) !important; }
.hover\:text-teal-200\/95:hover { color: rgba(153, 246, 228, 0.95) !important; }
.hover\:border-teal-200\/95:hover { border-color: rgba(153, 246, 228, 0.95) !important; }

.dark .dark\:bg-teal-200\/95,
html.dark .dark\:bg-teal-200\/95 { background-color: rgba(153, 246, 228, 0.95) !important; }
.dark .dark\:text-teal-200\/95,
html.dark .dark\:text-teal-200\/95 { color: rgba(153, 246, 228, 0.95) !important; }
.dark .dark\:border-teal-200\/95,
html.dark .dark\:border-teal-200\/95 { border-color: rgba(153, 246, 228, 0.95) !important; }

.dark .dark\:hover\:bg-teal-200\/95:hover,
html.dark .dark\:hover\:bg-teal-200\/95:hover { background-color: rgba(153, 246, 228, 0.95) !important; }
.dark .dark\:hover\:text-teal-200\/95:hover,
html.dark .dark\:hover\:text-teal-200\/95:hover { color: rgba(153, 246, 228, 0.95) !important; }
.dark .dark\:hover\:border-teal-200\/95:hover,
html.dark .dark\:hover\:border-teal-200\/95:hover { border-color: rgba(153, 246, 228, 0.95) !important; }

.bg-teal-300 { background-color: #5eead4 !important; }
.text-teal-300 { color: #5eead4 !important; }
.border-teal-300 { border-color: #5eead4 !important; }
.fill-teal-300 { fill: #5eead4 !important; }
.stroke-teal-300 { stroke: #5eead4 !important; }

/* Hover states */
.hover\:bg-teal-300:hover { background-color: #5eead4 !important; }
.hover\:text-teal-300:hover { color: #5eead4 !important; }
.hover\:border-teal-300:hover { border-color: #5eead4 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-300,
html.dark .dark\:bg-teal-300 { background-color: #5eead4 !important; }
.dark .dark\:text-teal-300,
html.dark .dark\:text-teal-300 { color: #5eead4 !important; }
.dark .dark\:border-teal-300,
html.dark .dark\:border-teal-300 { border-color: #5eead4 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-300:hover,
html.dark .dark\:hover\:bg-teal-300:hover { background-color: #5eead4 !important; }
.dark .dark\:hover\:text-teal-300:hover,
html.dark .dark\:hover\:text-teal-300:hover { color: #5eead4 !important; }
.dark .dark\:hover\:border-teal-300:hover,
html.dark .dark\:hover\:border-teal-300:hover { border-color: #5eead4 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-300,
html.dark .group:hover .dark\:group-hover\:text-teal-300 { color: #5eead4 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-300,
html.dark .group:hover .dark\:group-hover\:bg-teal-300 { background-color: #5eead4 !important; }

.bg-teal-300\/10 { background-color: rgba(94, 234, 212, 0.1) !important; }
.text-teal-300\/10 { color: rgba(94, 234, 212, 0.1) !important; }
.border-teal-300\/10 { border-color: rgba(94, 234, 212, 0.1) !important; }

.hover\:bg-teal-300\/10:hover { background-color: rgba(94, 234, 212, 0.1) !important; }
.hover\:text-teal-300\/10:hover { color: rgba(94, 234, 212, 0.1) !important; }
.hover\:border-teal-300\/10:hover { border-color: rgba(94, 234, 212, 0.1) !important; }

.dark .dark\:bg-teal-300\/10,
html.dark .dark\:bg-teal-300\/10 { background-color: rgba(94, 234, 212, 0.1) !important; }
.dark .dark\:text-teal-300\/10,
html.dark .dark\:text-teal-300\/10 { color: rgba(94, 234, 212, 0.1) !important; }
.dark .dark\:border-teal-300\/10,
html.dark .dark\:border-teal-300\/10 { border-color: rgba(94, 234, 212, 0.1) !important; }

.dark .dark\:hover\:bg-teal-300\/10:hover,
html.dark .dark\:hover\:bg-teal-300\/10:hover { background-color: rgba(94, 234, 212, 0.1) !important; }
.dark .dark\:hover\:text-teal-300\/10:hover,
html.dark .dark\:hover\:text-teal-300\/10:hover { color: rgba(94, 234, 212, 0.1) !important; }
.dark .dark\:hover\:border-teal-300\/10:hover,
html.dark .dark\:hover\:border-teal-300\/10:hover { border-color: rgba(94, 234, 212, 0.1) !important; }

.bg-teal-300\/20 { background-color: rgba(94, 234, 212, 0.2) !important; }
.text-teal-300\/20 { color: rgba(94, 234, 212, 0.2) !important; }
.border-teal-300\/20 { border-color: rgba(94, 234, 212, 0.2) !important; }

.hover\:bg-teal-300\/20:hover { background-color: rgba(94, 234, 212, 0.2) !important; }
.hover\:text-teal-300\/20:hover { color: rgba(94, 234, 212, 0.2) !important; }
.hover\:border-teal-300\/20:hover { border-color: rgba(94, 234, 212, 0.2) !important; }

.dark .dark\:bg-teal-300\/20,
html.dark .dark\:bg-teal-300\/20 { background-color: rgba(94, 234, 212, 0.2) !important; }
.dark .dark\:text-teal-300\/20,
html.dark .dark\:text-teal-300\/20 { color: rgba(94, 234, 212, 0.2) !important; }
.dark .dark\:border-teal-300\/20,
html.dark .dark\:border-teal-300\/20 { border-color: rgba(94, 234, 212, 0.2) !important; }

.dark .dark\:hover\:bg-teal-300\/20:hover,
html.dark .dark\:hover\:bg-teal-300\/20:hover { background-color: rgba(94, 234, 212, 0.2) !important; }
.dark .dark\:hover\:text-teal-300\/20:hover,
html.dark .dark\:hover\:text-teal-300\/20:hover { color: rgba(94, 234, 212, 0.2) !important; }
.dark .dark\:hover\:border-teal-300\/20:hover,
html.dark .dark\:hover\:border-teal-300\/20:hover { border-color: rgba(94, 234, 212, 0.2) !important; }

.bg-teal-300\/25 { background-color: rgba(94, 234, 212, 0.25) !important; }
.text-teal-300\/25 { color: rgba(94, 234, 212, 0.25) !important; }
.border-teal-300\/25 { border-color: rgba(94, 234, 212, 0.25) !important; }

.hover\:bg-teal-300\/25:hover { background-color: rgba(94, 234, 212, 0.25) !important; }
.hover\:text-teal-300\/25:hover { color: rgba(94, 234, 212, 0.25) !important; }
.hover\:border-teal-300\/25:hover { border-color: rgba(94, 234, 212, 0.25) !important; }

.dark .dark\:bg-teal-300\/25,
html.dark .dark\:bg-teal-300\/25 { background-color: rgba(94, 234, 212, 0.25) !important; }
.dark .dark\:text-teal-300\/25,
html.dark .dark\:text-teal-300\/25 { color: rgba(94, 234, 212, 0.25) !important; }
.dark .dark\:border-teal-300\/25,
html.dark .dark\:border-teal-300\/25 { border-color: rgba(94, 234, 212, 0.25) !important; }

.dark .dark\:hover\:bg-teal-300\/25:hover,
html.dark .dark\:hover\:bg-teal-300\/25:hover { background-color: rgba(94, 234, 212, 0.25) !important; }
.dark .dark\:hover\:text-teal-300\/25:hover,
html.dark .dark\:hover\:text-teal-300\/25:hover { color: rgba(94, 234, 212, 0.25) !important; }
.dark .dark\:hover\:border-teal-300\/25:hover,
html.dark .dark\:hover\:border-teal-300\/25:hover { border-color: rgba(94, 234, 212, 0.25) !important; }

.bg-teal-300\/30 { background-color: rgba(94, 234, 212, 0.3) !important; }
.text-teal-300\/30 { color: rgba(94, 234, 212, 0.3) !important; }
.border-teal-300\/30 { border-color: rgba(94, 234, 212, 0.3) !important; }

.hover\:bg-teal-300\/30:hover { background-color: rgba(94, 234, 212, 0.3) !important; }
.hover\:text-teal-300\/30:hover { color: rgba(94, 234, 212, 0.3) !important; }
.hover\:border-teal-300\/30:hover { border-color: rgba(94, 234, 212, 0.3) !important; }

.dark .dark\:bg-teal-300\/30,
html.dark .dark\:bg-teal-300\/30 { background-color: rgba(94, 234, 212, 0.3) !important; }
.dark .dark\:text-teal-300\/30,
html.dark .dark\:text-teal-300\/30 { color: rgba(94, 234, 212, 0.3) !important; }
.dark .dark\:border-teal-300\/30,
html.dark .dark\:border-teal-300\/30 { border-color: rgba(94, 234, 212, 0.3) !important; }

.dark .dark\:hover\:bg-teal-300\/30:hover,
html.dark .dark\:hover\:bg-teal-300\/30:hover { background-color: rgba(94, 234, 212, 0.3) !important; }
.dark .dark\:hover\:text-teal-300\/30:hover,
html.dark .dark\:hover\:text-teal-300\/30:hover { color: rgba(94, 234, 212, 0.3) !important; }
.dark .dark\:hover\:border-teal-300\/30:hover,
html.dark .dark\:hover\:border-teal-300\/30:hover { border-color: rgba(94, 234, 212, 0.3) !important; }

.bg-teal-300\/40 { background-color: rgba(94, 234, 212, 0.4) !important; }
.text-teal-300\/40 { color: rgba(94, 234, 212, 0.4) !important; }
.border-teal-300\/40 { border-color: rgba(94, 234, 212, 0.4) !important; }

.hover\:bg-teal-300\/40:hover { background-color: rgba(94, 234, 212, 0.4) !important; }
.hover\:text-teal-300\/40:hover { color: rgba(94, 234, 212, 0.4) !important; }
.hover\:border-teal-300\/40:hover { border-color: rgba(94, 234, 212, 0.4) !important; }

.dark .dark\:bg-teal-300\/40,
html.dark .dark\:bg-teal-300\/40 { background-color: rgba(94, 234, 212, 0.4) !important; }
.dark .dark\:text-teal-300\/40,
html.dark .dark\:text-teal-300\/40 { color: rgba(94, 234, 212, 0.4) !important; }
.dark .dark\:border-teal-300\/40,
html.dark .dark\:border-teal-300\/40 { border-color: rgba(94, 234, 212, 0.4) !important; }

.dark .dark\:hover\:bg-teal-300\/40:hover,
html.dark .dark\:hover\:bg-teal-300\/40:hover { background-color: rgba(94, 234, 212, 0.4) !important; }
.dark .dark\:hover\:text-teal-300\/40:hover,
html.dark .dark\:hover\:text-teal-300\/40:hover { color: rgba(94, 234, 212, 0.4) !important; }
.dark .dark\:hover\:border-teal-300\/40:hover,
html.dark .dark\:hover\:border-teal-300\/40:hover { border-color: rgba(94, 234, 212, 0.4) !important; }

.bg-teal-300\/50 { background-color: rgba(94, 234, 212, 0.5) !important; }
.text-teal-300\/50 { color: rgba(94, 234, 212, 0.5) !important; }
.border-teal-300\/50 { border-color: rgba(94, 234, 212, 0.5) !important; }

.hover\:bg-teal-300\/50:hover { background-color: rgba(94, 234, 212, 0.5) !important; }
.hover\:text-teal-300\/50:hover { color: rgba(94, 234, 212, 0.5) !important; }
.hover\:border-teal-300\/50:hover { border-color: rgba(94, 234, 212, 0.5) !important; }

.dark .dark\:bg-teal-300\/50,
html.dark .dark\:bg-teal-300\/50 { background-color: rgba(94, 234, 212, 0.5) !important; }
.dark .dark\:text-teal-300\/50,
html.dark .dark\:text-teal-300\/50 { color: rgba(94, 234, 212, 0.5) !important; }
.dark .dark\:border-teal-300\/50,
html.dark .dark\:border-teal-300\/50 { border-color: rgba(94, 234, 212, 0.5) !important; }

.dark .dark\:hover\:bg-teal-300\/50:hover,
html.dark .dark\:hover\:bg-teal-300\/50:hover { background-color: rgba(94, 234, 212, 0.5) !important; }
.dark .dark\:hover\:text-teal-300\/50:hover,
html.dark .dark\:hover\:text-teal-300\/50:hover { color: rgba(94, 234, 212, 0.5) !important; }
.dark .dark\:hover\:border-teal-300\/50:hover,
html.dark .dark\:hover\:border-teal-300\/50:hover { border-color: rgba(94, 234, 212, 0.5) !important; }

.bg-teal-300\/60 { background-color: rgba(94, 234, 212, 0.6) !important; }
.text-teal-300\/60 { color: rgba(94, 234, 212, 0.6) !important; }
.border-teal-300\/60 { border-color: rgba(94, 234, 212, 0.6) !important; }

.hover\:bg-teal-300\/60:hover { background-color: rgba(94, 234, 212, 0.6) !important; }
.hover\:text-teal-300\/60:hover { color: rgba(94, 234, 212, 0.6) !important; }
.hover\:border-teal-300\/60:hover { border-color: rgba(94, 234, 212, 0.6) !important; }

.dark .dark\:bg-teal-300\/60,
html.dark .dark\:bg-teal-300\/60 { background-color: rgba(94, 234, 212, 0.6) !important; }
.dark .dark\:text-teal-300\/60,
html.dark .dark\:text-teal-300\/60 { color: rgba(94, 234, 212, 0.6) !important; }
.dark .dark\:border-teal-300\/60,
html.dark .dark\:border-teal-300\/60 { border-color: rgba(94, 234, 212, 0.6) !important; }

.dark .dark\:hover\:bg-teal-300\/60:hover,
html.dark .dark\:hover\:bg-teal-300\/60:hover { background-color: rgba(94, 234, 212, 0.6) !important; }
.dark .dark\:hover\:text-teal-300\/60:hover,
html.dark .dark\:hover\:text-teal-300\/60:hover { color: rgba(94, 234, 212, 0.6) !important; }
.dark .dark\:hover\:border-teal-300\/60:hover,
html.dark .dark\:hover\:border-teal-300\/60:hover { border-color: rgba(94, 234, 212, 0.6) !important; }

.bg-teal-300\/70 { background-color: rgba(94, 234, 212, 0.7) !important; }
.text-teal-300\/70 { color: rgba(94, 234, 212, 0.7) !important; }
.border-teal-300\/70 { border-color: rgba(94, 234, 212, 0.7) !important; }

.hover\:bg-teal-300\/70:hover { background-color: rgba(94, 234, 212, 0.7) !important; }
.hover\:text-teal-300\/70:hover { color: rgba(94, 234, 212, 0.7) !important; }
.hover\:border-teal-300\/70:hover { border-color: rgba(94, 234, 212, 0.7) !important; }

.dark .dark\:bg-teal-300\/70,
html.dark .dark\:bg-teal-300\/70 { background-color: rgba(94, 234, 212, 0.7) !important; }
.dark .dark\:text-teal-300\/70,
html.dark .dark\:text-teal-300\/70 { color: rgba(94, 234, 212, 0.7) !important; }
.dark .dark\:border-teal-300\/70,
html.dark .dark\:border-teal-300\/70 { border-color: rgba(94, 234, 212, 0.7) !important; }

.dark .dark\:hover\:bg-teal-300\/70:hover,
html.dark .dark\:hover\:bg-teal-300\/70:hover { background-color: rgba(94, 234, 212, 0.7) !important; }
.dark .dark\:hover\:text-teal-300\/70:hover,
html.dark .dark\:hover\:text-teal-300\/70:hover { color: rgba(94, 234, 212, 0.7) !important; }
.dark .dark\:hover\:border-teal-300\/70:hover,
html.dark .dark\:hover\:border-teal-300\/70:hover { border-color: rgba(94, 234, 212, 0.7) !important; }

.bg-teal-300\/75 { background-color: rgba(94, 234, 212, 0.75) !important; }
.text-teal-300\/75 { color: rgba(94, 234, 212, 0.75) !important; }
.border-teal-300\/75 { border-color: rgba(94, 234, 212, 0.75) !important; }

.hover\:bg-teal-300\/75:hover { background-color: rgba(94, 234, 212, 0.75) !important; }
.hover\:text-teal-300\/75:hover { color: rgba(94, 234, 212, 0.75) !important; }
.hover\:border-teal-300\/75:hover { border-color: rgba(94, 234, 212, 0.75) !important; }

.dark .dark\:bg-teal-300\/75,
html.dark .dark\:bg-teal-300\/75 { background-color: rgba(94, 234, 212, 0.75) !important; }
.dark .dark\:text-teal-300\/75,
html.dark .dark\:text-teal-300\/75 { color: rgba(94, 234, 212, 0.75) !important; }
.dark .dark\:border-teal-300\/75,
html.dark .dark\:border-teal-300\/75 { border-color: rgba(94, 234, 212, 0.75) !important; }

.dark .dark\:hover\:bg-teal-300\/75:hover,
html.dark .dark\:hover\:bg-teal-300\/75:hover { background-color: rgba(94, 234, 212, 0.75) !important; }
.dark .dark\:hover\:text-teal-300\/75:hover,
html.dark .dark\:hover\:text-teal-300\/75:hover { color: rgba(94, 234, 212, 0.75) !important; }
.dark .dark\:hover\:border-teal-300\/75:hover,
html.dark .dark\:hover\:border-teal-300\/75:hover { border-color: rgba(94, 234, 212, 0.75) !important; }

.bg-teal-300\/80 { background-color: rgba(94, 234, 212, 0.8) !important; }
.text-teal-300\/80 { color: rgba(94, 234, 212, 0.8) !important; }
.border-teal-300\/80 { border-color: rgba(94, 234, 212, 0.8) !important; }

.hover\:bg-teal-300\/80:hover { background-color: rgba(94, 234, 212, 0.8) !important; }
.hover\:text-teal-300\/80:hover { color: rgba(94, 234, 212, 0.8) !important; }
.hover\:border-teal-300\/80:hover { border-color: rgba(94, 234, 212, 0.8) !important; }

.dark .dark\:bg-teal-300\/80,
html.dark .dark\:bg-teal-300\/80 { background-color: rgba(94, 234, 212, 0.8) !important; }
.dark .dark\:text-teal-300\/80,
html.dark .dark\:text-teal-300\/80 { color: rgba(94, 234, 212, 0.8) !important; }
.dark .dark\:border-teal-300\/80,
html.dark .dark\:border-teal-300\/80 { border-color: rgba(94, 234, 212, 0.8) !important; }

.dark .dark\:hover\:bg-teal-300\/80:hover,
html.dark .dark\:hover\:bg-teal-300\/80:hover { background-color: rgba(94, 234, 212, 0.8) !important; }
.dark .dark\:hover\:text-teal-300\/80:hover,
html.dark .dark\:hover\:text-teal-300\/80:hover { color: rgba(94, 234, 212, 0.8) !important; }
.dark .dark\:hover\:border-teal-300\/80:hover,
html.dark .dark\:hover\:border-teal-300\/80:hover { border-color: rgba(94, 234, 212, 0.8) !important; }

.bg-teal-300\/90 { background-color: rgba(94, 234, 212, 0.9) !important; }
.text-teal-300\/90 { color: rgba(94, 234, 212, 0.9) !important; }
.border-teal-300\/90 { border-color: rgba(94, 234, 212, 0.9) !important; }

.hover\:bg-teal-300\/90:hover { background-color: rgba(94, 234, 212, 0.9) !important; }
.hover\:text-teal-300\/90:hover { color: rgba(94, 234, 212, 0.9) !important; }
.hover\:border-teal-300\/90:hover { border-color: rgba(94, 234, 212, 0.9) !important; }

.dark .dark\:bg-teal-300\/90,
html.dark .dark\:bg-teal-300\/90 { background-color: rgba(94, 234, 212, 0.9) !important; }
.dark .dark\:text-teal-300\/90,
html.dark .dark\:text-teal-300\/90 { color: rgba(94, 234, 212, 0.9) !important; }
.dark .dark\:border-teal-300\/90,
html.dark .dark\:border-teal-300\/90 { border-color: rgba(94, 234, 212, 0.9) !important; }

.dark .dark\:hover\:bg-teal-300\/90:hover,
html.dark .dark\:hover\:bg-teal-300\/90:hover { background-color: rgba(94, 234, 212, 0.9) !important; }
.dark .dark\:hover\:text-teal-300\/90:hover,
html.dark .dark\:hover\:text-teal-300\/90:hover { color: rgba(94, 234, 212, 0.9) !important; }
.dark .dark\:hover\:border-teal-300\/90:hover,
html.dark .dark\:hover\:border-teal-300\/90:hover { border-color: rgba(94, 234, 212, 0.9) !important; }

.bg-teal-300\/95 { background-color: rgba(94, 234, 212, 0.95) !important; }
.text-teal-300\/95 { color: rgba(94, 234, 212, 0.95) !important; }
.border-teal-300\/95 { border-color: rgba(94, 234, 212, 0.95) !important; }

.hover\:bg-teal-300\/95:hover { background-color: rgba(94, 234, 212, 0.95) !important; }
.hover\:text-teal-300\/95:hover { color: rgba(94, 234, 212, 0.95) !important; }
.hover\:border-teal-300\/95:hover { border-color: rgba(94, 234, 212, 0.95) !important; }

.dark .dark\:bg-teal-300\/95,
html.dark .dark\:bg-teal-300\/95 { background-color: rgba(94, 234, 212, 0.95) !important; }
.dark .dark\:text-teal-300\/95,
html.dark .dark\:text-teal-300\/95 { color: rgba(94, 234, 212, 0.95) !important; }
.dark .dark\:border-teal-300\/95,
html.dark .dark\:border-teal-300\/95 { border-color: rgba(94, 234, 212, 0.95) !important; }

.dark .dark\:hover\:bg-teal-300\/95:hover,
html.dark .dark\:hover\:bg-teal-300\/95:hover { background-color: rgba(94, 234, 212, 0.95) !important; }
.dark .dark\:hover\:text-teal-300\/95:hover,
html.dark .dark\:hover\:text-teal-300\/95:hover { color: rgba(94, 234, 212, 0.95) !important; }
.dark .dark\:hover\:border-teal-300\/95:hover,
html.dark .dark\:hover\:border-teal-300\/95:hover { border-color: rgba(94, 234, 212, 0.95) !important; }

.bg-teal-400 { background-color: #2dd4bf !important; }
.text-teal-400 { color: #2dd4bf !important; }
.border-teal-400 { border-color: #2dd4bf !important; }
.fill-teal-400 { fill: #2dd4bf !important; }
.stroke-teal-400 { stroke: #2dd4bf !important; }

/* Hover states */
.hover\:bg-teal-400:hover { background-color: #2dd4bf !important; }
.hover\:text-teal-400:hover { color: #2dd4bf !important; }
.hover\:border-teal-400:hover { border-color: #2dd4bf !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-400,
html.dark .dark\:bg-teal-400 { background-color: #2dd4bf !important; }
.dark .dark\:text-teal-400,
html.dark .dark\:text-teal-400 { color: #2dd4bf !important; }
.dark .dark\:border-teal-400,
html.dark .dark\:border-teal-400 { border-color: #2dd4bf !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-400:hover,
html.dark .dark\:hover\:bg-teal-400:hover { background-color: #2dd4bf !important; }
.dark .dark\:hover\:text-teal-400:hover,
html.dark .dark\:hover\:text-teal-400:hover { color: #2dd4bf !important; }
.dark .dark\:hover\:border-teal-400:hover,
html.dark .dark\:hover\:border-teal-400:hover { border-color: #2dd4bf !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-400,
html.dark .group:hover .dark\:group-hover\:text-teal-400 { color: #2dd4bf !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-400,
html.dark .group:hover .dark\:group-hover\:bg-teal-400 { background-color: #2dd4bf !important; }

.bg-teal-400\/10 { background-color: rgba(45, 212, 191, 0.1) !important; }
.text-teal-400\/10 { color: rgba(45, 212, 191, 0.1) !important; }
.border-teal-400\/10 { border-color: rgba(45, 212, 191, 0.1) !important; }

.hover\:bg-teal-400\/10:hover { background-color: rgba(45, 212, 191, 0.1) !important; }
.hover\:text-teal-400\/10:hover { color: rgba(45, 212, 191, 0.1) !important; }
.hover\:border-teal-400\/10:hover { border-color: rgba(45, 212, 191, 0.1) !important; }

.dark .dark\:bg-teal-400\/10,
html.dark .dark\:bg-teal-400\/10 { background-color: rgba(45, 212, 191, 0.1) !important; }
.dark .dark\:text-teal-400\/10,
html.dark .dark\:text-teal-400\/10 { color: rgba(45, 212, 191, 0.1) !important; }
.dark .dark\:border-teal-400\/10,
html.dark .dark\:border-teal-400\/10 { border-color: rgba(45, 212, 191, 0.1) !important; }

.dark .dark\:hover\:bg-teal-400\/10:hover,
html.dark .dark\:hover\:bg-teal-400\/10:hover { background-color: rgba(45, 212, 191, 0.1) !important; }
.dark .dark\:hover\:text-teal-400\/10:hover,
html.dark .dark\:hover\:text-teal-400\/10:hover { color: rgba(45, 212, 191, 0.1) !important; }
.dark .dark\:hover\:border-teal-400\/10:hover,
html.dark .dark\:hover\:border-teal-400\/10:hover { border-color: rgba(45, 212, 191, 0.1) !important; }

.bg-teal-400\/20 { background-color: rgba(45, 212, 191, 0.2) !important; }
.text-teal-400\/20 { color: rgba(45, 212, 191, 0.2) !important; }
.border-teal-400\/20 { border-color: rgba(45, 212, 191, 0.2) !important; }

.hover\:bg-teal-400\/20:hover { background-color: rgba(45, 212, 191, 0.2) !important; }
.hover\:text-teal-400\/20:hover { color: rgba(45, 212, 191, 0.2) !important; }
.hover\:border-teal-400\/20:hover { border-color: rgba(45, 212, 191, 0.2) !important; }

.dark .dark\:bg-teal-400\/20,
html.dark .dark\:bg-teal-400\/20 { background-color: rgba(45, 212, 191, 0.2) !important; }
.dark .dark\:text-teal-400\/20,
html.dark .dark\:text-teal-400\/20 { color: rgba(45, 212, 191, 0.2) !important; }
.dark .dark\:border-teal-400\/20,
html.dark .dark\:border-teal-400\/20 { border-color: rgba(45, 212, 191, 0.2) !important; }

.dark .dark\:hover\:bg-teal-400\/20:hover,
html.dark .dark\:hover\:bg-teal-400\/20:hover { background-color: rgba(45, 212, 191, 0.2) !important; }
.dark .dark\:hover\:text-teal-400\/20:hover,
html.dark .dark\:hover\:text-teal-400\/20:hover { color: rgba(45, 212, 191, 0.2) !important; }
.dark .dark\:hover\:border-teal-400\/20:hover,
html.dark .dark\:hover\:border-teal-400\/20:hover { border-color: rgba(45, 212, 191, 0.2) !important; }

.bg-teal-400\/25 { background-color: rgba(45, 212, 191, 0.25) !important; }
.text-teal-400\/25 { color: rgba(45, 212, 191, 0.25) !important; }
.border-teal-400\/25 { border-color: rgba(45, 212, 191, 0.25) !important; }

.hover\:bg-teal-400\/25:hover { background-color: rgba(45, 212, 191, 0.25) !important; }
.hover\:text-teal-400\/25:hover { color: rgba(45, 212, 191, 0.25) !important; }
.hover\:border-teal-400\/25:hover { border-color: rgba(45, 212, 191, 0.25) !important; }

.dark .dark\:bg-teal-400\/25,
html.dark .dark\:bg-teal-400\/25 { background-color: rgba(45, 212, 191, 0.25) !important; }
.dark .dark\:text-teal-400\/25,
html.dark .dark\:text-teal-400\/25 { color: rgba(45, 212, 191, 0.25) !important; }
.dark .dark\:border-teal-400\/25,
html.dark .dark\:border-teal-400\/25 { border-color: rgba(45, 212, 191, 0.25) !important; }

.dark .dark\:hover\:bg-teal-400\/25:hover,
html.dark .dark\:hover\:bg-teal-400\/25:hover { background-color: rgba(45, 212, 191, 0.25) !important; }
.dark .dark\:hover\:text-teal-400\/25:hover,
html.dark .dark\:hover\:text-teal-400\/25:hover { color: rgba(45, 212, 191, 0.25) !important; }
.dark .dark\:hover\:border-teal-400\/25:hover,
html.dark .dark\:hover\:border-teal-400\/25:hover { border-color: rgba(45, 212, 191, 0.25) !important; }

.bg-teal-400\/30 { background-color: rgba(45, 212, 191, 0.3) !important; }
.text-teal-400\/30 { color: rgba(45, 212, 191, 0.3) !important; }
.border-teal-400\/30 { border-color: rgba(45, 212, 191, 0.3) !important; }

.hover\:bg-teal-400\/30:hover { background-color: rgba(45, 212, 191, 0.3) !important; }
.hover\:text-teal-400\/30:hover { color: rgba(45, 212, 191, 0.3) !important; }
.hover\:border-teal-400\/30:hover { border-color: rgba(45, 212, 191, 0.3) !important; }

.dark .dark\:bg-teal-400\/30,
html.dark .dark\:bg-teal-400\/30 { background-color: rgba(45, 212, 191, 0.3) !important; }
.dark .dark\:text-teal-400\/30,
html.dark .dark\:text-teal-400\/30 { color: rgba(45, 212, 191, 0.3) !important; }
.dark .dark\:border-teal-400\/30,
html.dark .dark\:border-teal-400\/30 { border-color: rgba(45, 212, 191, 0.3) !important; }

.dark .dark\:hover\:bg-teal-400\/30:hover,
html.dark .dark\:hover\:bg-teal-400\/30:hover { background-color: rgba(45, 212, 191, 0.3) !important; }
.dark .dark\:hover\:text-teal-400\/30:hover,
html.dark .dark\:hover\:text-teal-400\/30:hover { color: rgba(45, 212, 191, 0.3) !important; }
.dark .dark\:hover\:border-teal-400\/30:hover,
html.dark .dark\:hover\:border-teal-400\/30:hover { border-color: rgba(45, 212, 191, 0.3) !important; }

.bg-teal-400\/40 { background-color: rgba(45, 212, 191, 0.4) !important; }
.text-teal-400\/40 { color: rgba(45, 212, 191, 0.4) !important; }
.border-teal-400\/40 { border-color: rgba(45, 212, 191, 0.4) !important; }

.hover\:bg-teal-400\/40:hover { background-color: rgba(45, 212, 191, 0.4) !important; }
.hover\:text-teal-400\/40:hover { color: rgba(45, 212, 191, 0.4) !important; }
.hover\:border-teal-400\/40:hover { border-color: rgba(45, 212, 191, 0.4) !important; }

.dark .dark\:bg-teal-400\/40,
html.dark .dark\:bg-teal-400\/40 { background-color: rgba(45, 212, 191, 0.4) !important; }
.dark .dark\:text-teal-400\/40,
html.dark .dark\:text-teal-400\/40 { color: rgba(45, 212, 191, 0.4) !important; }
.dark .dark\:border-teal-400\/40,
html.dark .dark\:border-teal-400\/40 { border-color: rgba(45, 212, 191, 0.4) !important; }

.dark .dark\:hover\:bg-teal-400\/40:hover,
html.dark .dark\:hover\:bg-teal-400\/40:hover { background-color: rgba(45, 212, 191, 0.4) !important; }
.dark .dark\:hover\:text-teal-400\/40:hover,
html.dark .dark\:hover\:text-teal-400\/40:hover { color: rgba(45, 212, 191, 0.4) !important; }
.dark .dark\:hover\:border-teal-400\/40:hover,
html.dark .dark\:hover\:border-teal-400\/40:hover { border-color: rgba(45, 212, 191, 0.4) !important; }

.bg-teal-400\/50 { background-color: rgba(45, 212, 191, 0.5) !important; }
.text-teal-400\/50 { color: rgba(45, 212, 191, 0.5) !important; }
.border-teal-400\/50 { border-color: rgba(45, 212, 191, 0.5) !important; }

.hover\:bg-teal-400\/50:hover { background-color: rgba(45, 212, 191, 0.5) !important; }
.hover\:text-teal-400\/50:hover { color: rgba(45, 212, 191, 0.5) !important; }
.hover\:border-teal-400\/50:hover { border-color: rgba(45, 212, 191, 0.5) !important; }

.dark .dark\:bg-teal-400\/50,
html.dark .dark\:bg-teal-400\/50 { background-color: rgba(45, 212, 191, 0.5) !important; }
.dark .dark\:text-teal-400\/50,
html.dark .dark\:text-teal-400\/50 { color: rgba(45, 212, 191, 0.5) !important; }
.dark .dark\:border-teal-400\/50,
html.dark .dark\:border-teal-400\/50 { border-color: rgba(45, 212, 191, 0.5) !important; }

.dark .dark\:hover\:bg-teal-400\/50:hover,
html.dark .dark\:hover\:bg-teal-400\/50:hover { background-color: rgba(45, 212, 191, 0.5) !important; }
.dark .dark\:hover\:text-teal-400\/50:hover,
html.dark .dark\:hover\:text-teal-400\/50:hover { color: rgba(45, 212, 191, 0.5) !important; }
.dark .dark\:hover\:border-teal-400\/50:hover,
html.dark .dark\:hover\:border-teal-400\/50:hover { border-color: rgba(45, 212, 191, 0.5) !important; }

.bg-teal-400\/60 { background-color: rgba(45, 212, 191, 0.6) !important; }
.text-teal-400\/60 { color: rgba(45, 212, 191, 0.6) !important; }
.border-teal-400\/60 { border-color: rgba(45, 212, 191, 0.6) !important; }

.hover\:bg-teal-400\/60:hover { background-color: rgba(45, 212, 191, 0.6) !important; }
.hover\:text-teal-400\/60:hover { color: rgba(45, 212, 191, 0.6) !important; }
.hover\:border-teal-400\/60:hover { border-color: rgba(45, 212, 191, 0.6) !important; }

.dark .dark\:bg-teal-400\/60,
html.dark .dark\:bg-teal-400\/60 { background-color: rgba(45, 212, 191, 0.6) !important; }
.dark .dark\:text-teal-400\/60,
html.dark .dark\:text-teal-400\/60 { color: rgba(45, 212, 191, 0.6) !important; }
.dark .dark\:border-teal-400\/60,
html.dark .dark\:border-teal-400\/60 { border-color: rgba(45, 212, 191, 0.6) !important; }

.dark .dark\:hover\:bg-teal-400\/60:hover,
html.dark .dark\:hover\:bg-teal-400\/60:hover { background-color: rgba(45, 212, 191, 0.6) !important; }
.dark .dark\:hover\:text-teal-400\/60:hover,
html.dark .dark\:hover\:text-teal-400\/60:hover { color: rgba(45, 212, 191, 0.6) !important; }
.dark .dark\:hover\:border-teal-400\/60:hover,
html.dark .dark\:hover\:border-teal-400\/60:hover { border-color: rgba(45, 212, 191, 0.6) !important; }

.bg-teal-400\/70 { background-color: rgba(45, 212, 191, 0.7) !important; }
.text-teal-400\/70 { color: rgba(45, 212, 191, 0.7) !important; }
.border-teal-400\/70 { border-color: rgba(45, 212, 191, 0.7) !important; }

.hover\:bg-teal-400\/70:hover { background-color: rgba(45, 212, 191, 0.7) !important; }
.hover\:text-teal-400\/70:hover { color: rgba(45, 212, 191, 0.7) !important; }
.hover\:border-teal-400\/70:hover { border-color: rgba(45, 212, 191, 0.7) !important; }

.dark .dark\:bg-teal-400\/70,
html.dark .dark\:bg-teal-400\/70 { background-color: rgba(45, 212, 191, 0.7) !important; }
.dark .dark\:text-teal-400\/70,
html.dark .dark\:text-teal-400\/70 { color: rgba(45, 212, 191, 0.7) !important; }
.dark .dark\:border-teal-400\/70,
html.dark .dark\:border-teal-400\/70 { border-color: rgba(45, 212, 191, 0.7) !important; }

.dark .dark\:hover\:bg-teal-400\/70:hover,
html.dark .dark\:hover\:bg-teal-400\/70:hover { background-color: rgba(45, 212, 191, 0.7) !important; }
.dark .dark\:hover\:text-teal-400\/70:hover,
html.dark .dark\:hover\:text-teal-400\/70:hover { color: rgba(45, 212, 191, 0.7) !important; }
.dark .dark\:hover\:border-teal-400\/70:hover,
html.dark .dark\:hover\:border-teal-400\/70:hover { border-color: rgba(45, 212, 191, 0.7) !important; }

.bg-teal-400\/75 { background-color: rgba(45, 212, 191, 0.75) !important; }
.text-teal-400\/75 { color: rgba(45, 212, 191, 0.75) !important; }
.border-teal-400\/75 { border-color: rgba(45, 212, 191, 0.75) !important; }

.hover\:bg-teal-400\/75:hover { background-color: rgba(45, 212, 191, 0.75) !important; }
.hover\:text-teal-400\/75:hover { color: rgba(45, 212, 191, 0.75) !important; }
.hover\:border-teal-400\/75:hover { border-color: rgba(45, 212, 191, 0.75) !important; }

.dark .dark\:bg-teal-400\/75,
html.dark .dark\:bg-teal-400\/75 { background-color: rgba(45, 212, 191, 0.75) !important; }
.dark .dark\:text-teal-400\/75,
html.dark .dark\:text-teal-400\/75 { color: rgba(45, 212, 191, 0.75) !important; }
.dark .dark\:border-teal-400\/75,
html.dark .dark\:border-teal-400\/75 { border-color: rgba(45, 212, 191, 0.75) !important; }

.dark .dark\:hover\:bg-teal-400\/75:hover,
html.dark .dark\:hover\:bg-teal-400\/75:hover { background-color: rgba(45, 212, 191, 0.75) !important; }
.dark .dark\:hover\:text-teal-400\/75:hover,
html.dark .dark\:hover\:text-teal-400\/75:hover { color: rgba(45, 212, 191, 0.75) !important; }
.dark .dark\:hover\:border-teal-400\/75:hover,
html.dark .dark\:hover\:border-teal-400\/75:hover { border-color: rgba(45, 212, 191, 0.75) !important; }

.bg-teal-400\/80 { background-color: rgba(45, 212, 191, 0.8) !important; }
.text-teal-400\/80 { color: rgba(45, 212, 191, 0.8) !important; }
.border-teal-400\/80 { border-color: rgba(45, 212, 191, 0.8) !important; }

.hover\:bg-teal-400\/80:hover { background-color: rgba(45, 212, 191, 0.8) !important; }
.hover\:text-teal-400\/80:hover { color: rgba(45, 212, 191, 0.8) !important; }
.hover\:border-teal-400\/80:hover { border-color: rgba(45, 212, 191, 0.8) !important; }

.dark .dark\:bg-teal-400\/80,
html.dark .dark\:bg-teal-400\/80 { background-color: rgba(45, 212, 191, 0.8) !important; }
.dark .dark\:text-teal-400\/80,
html.dark .dark\:text-teal-400\/80 { color: rgba(45, 212, 191, 0.8) !important; }
.dark .dark\:border-teal-400\/80,
html.dark .dark\:border-teal-400\/80 { border-color: rgba(45, 212, 191, 0.8) !important; }

.dark .dark\:hover\:bg-teal-400\/80:hover,
html.dark .dark\:hover\:bg-teal-400\/80:hover { background-color: rgba(45, 212, 191, 0.8) !important; }
.dark .dark\:hover\:text-teal-400\/80:hover,
html.dark .dark\:hover\:text-teal-400\/80:hover { color: rgba(45, 212, 191, 0.8) !important; }
.dark .dark\:hover\:border-teal-400\/80:hover,
html.dark .dark\:hover\:border-teal-400\/80:hover { border-color: rgba(45, 212, 191, 0.8) !important; }

.bg-teal-400\/90 { background-color: rgba(45, 212, 191, 0.9) !important; }
.text-teal-400\/90 { color: rgba(45, 212, 191, 0.9) !important; }
.border-teal-400\/90 { border-color: rgba(45, 212, 191, 0.9) !important; }

.hover\:bg-teal-400\/90:hover { background-color: rgba(45, 212, 191, 0.9) !important; }
.hover\:text-teal-400\/90:hover { color: rgba(45, 212, 191, 0.9) !important; }
.hover\:border-teal-400\/90:hover { border-color: rgba(45, 212, 191, 0.9) !important; }

.dark .dark\:bg-teal-400\/90,
html.dark .dark\:bg-teal-400\/90 { background-color: rgba(45, 212, 191, 0.9) !important; }
.dark .dark\:text-teal-400\/90,
html.dark .dark\:text-teal-400\/90 { color: rgba(45, 212, 191, 0.9) !important; }
.dark .dark\:border-teal-400\/90,
html.dark .dark\:border-teal-400\/90 { border-color: rgba(45, 212, 191, 0.9) !important; }

.dark .dark\:hover\:bg-teal-400\/90:hover,
html.dark .dark\:hover\:bg-teal-400\/90:hover { background-color: rgba(45, 212, 191, 0.9) !important; }
.dark .dark\:hover\:text-teal-400\/90:hover,
html.dark .dark\:hover\:text-teal-400\/90:hover { color: rgba(45, 212, 191, 0.9) !important; }
.dark .dark\:hover\:border-teal-400\/90:hover,
html.dark .dark\:hover\:border-teal-400\/90:hover { border-color: rgba(45, 212, 191, 0.9) !important; }

.bg-teal-400\/95 { background-color: rgba(45, 212, 191, 0.95) !important; }
.text-teal-400\/95 { color: rgba(45, 212, 191, 0.95) !important; }
.border-teal-400\/95 { border-color: rgba(45, 212, 191, 0.95) !important; }

.hover\:bg-teal-400\/95:hover { background-color: rgba(45, 212, 191, 0.95) !important; }
.hover\:text-teal-400\/95:hover { color: rgba(45, 212, 191, 0.95) !important; }
.hover\:border-teal-400\/95:hover { border-color: rgba(45, 212, 191, 0.95) !important; }

.dark .dark\:bg-teal-400\/95,
html.dark .dark\:bg-teal-400\/95 { background-color: rgba(45, 212, 191, 0.95) !important; }
.dark .dark\:text-teal-400\/95,
html.dark .dark\:text-teal-400\/95 { color: rgba(45, 212, 191, 0.95) !important; }
.dark .dark\:border-teal-400\/95,
html.dark .dark\:border-teal-400\/95 { border-color: rgba(45, 212, 191, 0.95) !important; }

.dark .dark\:hover\:bg-teal-400\/95:hover,
html.dark .dark\:hover\:bg-teal-400\/95:hover { background-color: rgba(45, 212, 191, 0.95) !important; }
.dark .dark\:hover\:text-teal-400\/95:hover,
html.dark .dark\:hover\:text-teal-400\/95:hover { color: rgba(45, 212, 191, 0.95) !important; }
.dark .dark\:hover\:border-teal-400\/95:hover,
html.dark .dark\:hover\:border-teal-400\/95:hover { border-color: rgba(45, 212, 191, 0.95) !important; }

.bg-teal-500 { background-color: #14b8a6 !important; }
.text-teal-500 { color: #14b8a6 !important; }
.border-teal-500 { border-color: #14b8a6 !important; }
.fill-teal-500 { fill: #14b8a6 !important; }
.stroke-teal-500 { stroke: #14b8a6 !important; }

/* Hover states */
.hover\:bg-teal-500:hover { background-color: #14b8a6 !important; }
.hover\:text-teal-500:hover { color: #14b8a6 !important; }
.hover\:border-teal-500:hover { border-color: #14b8a6 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-500,
html.dark .dark\:bg-teal-500 { background-color: #14b8a6 !important; }
.dark .dark\:text-teal-500,
html.dark .dark\:text-teal-500 { color: #14b8a6 !important; }
.dark .dark\:border-teal-500,
html.dark .dark\:border-teal-500 { border-color: #14b8a6 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-500:hover,
html.dark .dark\:hover\:bg-teal-500:hover { background-color: #14b8a6 !important; }
.dark .dark\:hover\:text-teal-500:hover,
html.dark .dark\:hover\:text-teal-500:hover { color: #14b8a6 !important; }
.dark .dark\:hover\:border-teal-500:hover,
html.dark .dark\:hover\:border-teal-500:hover { border-color: #14b8a6 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-500,
html.dark .group:hover .dark\:group-hover\:text-teal-500 { color: #14b8a6 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-500,
html.dark .group:hover .dark\:group-hover\:bg-teal-500 { background-color: #14b8a6 !important; }

.bg-teal-500\/10 { background-color: rgba(20, 184, 166, 0.1) !important; }
.text-teal-500\/10 { color: rgba(20, 184, 166, 0.1) !important; }
.border-teal-500\/10 { border-color: rgba(20, 184, 166, 0.1) !important; }

.hover\:bg-teal-500\/10:hover { background-color: rgba(20, 184, 166, 0.1) !important; }
.hover\:text-teal-500\/10:hover { color: rgba(20, 184, 166, 0.1) !important; }
.hover\:border-teal-500\/10:hover { border-color: rgba(20, 184, 166, 0.1) !important; }

.dark .dark\:bg-teal-500\/10,
html.dark .dark\:bg-teal-500\/10 { background-color: rgba(20, 184, 166, 0.1) !important; }
.dark .dark\:text-teal-500\/10,
html.dark .dark\:text-teal-500\/10 { color: rgba(20, 184, 166, 0.1) !important; }
.dark .dark\:border-teal-500\/10,
html.dark .dark\:border-teal-500\/10 { border-color: rgba(20, 184, 166, 0.1) !important; }

.dark .dark\:hover\:bg-teal-500\/10:hover,
html.dark .dark\:hover\:bg-teal-500\/10:hover { background-color: rgba(20, 184, 166, 0.1) !important; }
.dark .dark\:hover\:text-teal-500\/10:hover,
html.dark .dark\:hover\:text-teal-500\/10:hover { color: rgba(20, 184, 166, 0.1) !important; }
.dark .dark\:hover\:border-teal-500\/10:hover,
html.dark .dark\:hover\:border-teal-500\/10:hover { border-color: rgba(20, 184, 166, 0.1) !important; }

.bg-teal-500\/20 { background-color: rgba(20, 184, 166, 0.2) !important; }
.text-teal-500\/20 { color: rgba(20, 184, 166, 0.2) !important; }
.border-teal-500\/20 { border-color: rgba(20, 184, 166, 0.2) !important; }

.hover\:bg-teal-500\/20:hover { background-color: rgba(20, 184, 166, 0.2) !important; }
.hover\:text-teal-500\/20:hover { color: rgba(20, 184, 166, 0.2) !important; }
.hover\:border-teal-500\/20:hover { border-color: rgba(20, 184, 166, 0.2) !important; }

.dark .dark\:bg-teal-500\/20,
html.dark .dark\:bg-teal-500\/20 { background-color: rgba(20, 184, 166, 0.2) !important; }
.dark .dark\:text-teal-500\/20,
html.dark .dark\:text-teal-500\/20 { color: rgba(20, 184, 166, 0.2) !important; }
.dark .dark\:border-teal-500\/20,
html.dark .dark\:border-teal-500\/20 { border-color: rgba(20, 184, 166, 0.2) !important; }

.dark .dark\:hover\:bg-teal-500\/20:hover,
html.dark .dark\:hover\:bg-teal-500\/20:hover { background-color: rgba(20, 184, 166, 0.2) !important; }
.dark .dark\:hover\:text-teal-500\/20:hover,
html.dark .dark\:hover\:text-teal-500\/20:hover { color: rgba(20, 184, 166, 0.2) !important; }
.dark .dark\:hover\:border-teal-500\/20:hover,
html.dark .dark\:hover\:border-teal-500\/20:hover { border-color: rgba(20, 184, 166, 0.2) !important; }

.bg-teal-500\/25 { background-color: rgba(20, 184, 166, 0.25) !important; }
.text-teal-500\/25 { color: rgba(20, 184, 166, 0.25) !important; }
.border-teal-500\/25 { border-color: rgba(20, 184, 166, 0.25) !important; }

.hover\:bg-teal-500\/25:hover { background-color: rgba(20, 184, 166, 0.25) !important; }
.hover\:text-teal-500\/25:hover { color: rgba(20, 184, 166, 0.25) !important; }
.hover\:border-teal-500\/25:hover { border-color: rgba(20, 184, 166, 0.25) !important; }

.dark .dark\:bg-teal-500\/25,
html.dark .dark\:bg-teal-500\/25 { background-color: rgba(20, 184, 166, 0.25) !important; }
.dark .dark\:text-teal-500\/25,
html.dark .dark\:text-teal-500\/25 { color: rgba(20, 184, 166, 0.25) !important; }
.dark .dark\:border-teal-500\/25,
html.dark .dark\:border-teal-500\/25 { border-color: rgba(20, 184, 166, 0.25) !important; }

.dark .dark\:hover\:bg-teal-500\/25:hover,
html.dark .dark\:hover\:bg-teal-500\/25:hover { background-color: rgba(20, 184, 166, 0.25) !important; }
.dark .dark\:hover\:text-teal-500\/25:hover,
html.dark .dark\:hover\:text-teal-500\/25:hover { color: rgba(20, 184, 166, 0.25) !important; }
.dark .dark\:hover\:border-teal-500\/25:hover,
html.dark .dark\:hover\:border-teal-500\/25:hover { border-color: rgba(20, 184, 166, 0.25) !important; }

.bg-teal-500\/30 { background-color: rgba(20, 184, 166, 0.3) !important; }
.text-teal-500\/30 { color: rgba(20, 184, 166, 0.3) !important; }
.border-teal-500\/30 { border-color: rgba(20, 184, 166, 0.3) !important; }

.hover\:bg-teal-500\/30:hover { background-color: rgba(20, 184, 166, 0.3) !important; }
.hover\:text-teal-500\/30:hover { color: rgba(20, 184, 166, 0.3) !important; }
.hover\:border-teal-500\/30:hover { border-color: rgba(20, 184, 166, 0.3) !important; }

.dark .dark\:bg-teal-500\/30,
html.dark .dark\:bg-teal-500\/30 { background-color: rgba(20, 184, 166, 0.3) !important; }
.dark .dark\:text-teal-500\/30,
html.dark .dark\:text-teal-500\/30 { color: rgba(20, 184, 166, 0.3) !important; }
.dark .dark\:border-teal-500\/30,
html.dark .dark\:border-teal-500\/30 { border-color: rgba(20, 184, 166, 0.3) !important; }

.dark .dark\:hover\:bg-teal-500\/30:hover,
html.dark .dark\:hover\:bg-teal-500\/30:hover { background-color: rgba(20, 184, 166, 0.3) !important; }
.dark .dark\:hover\:text-teal-500\/30:hover,
html.dark .dark\:hover\:text-teal-500\/30:hover { color: rgba(20, 184, 166, 0.3) !important; }
.dark .dark\:hover\:border-teal-500\/30:hover,
html.dark .dark\:hover\:border-teal-500\/30:hover { border-color: rgba(20, 184, 166, 0.3) !important; }

.bg-teal-500\/40 { background-color: rgba(20, 184, 166, 0.4) !important; }
.text-teal-500\/40 { color: rgba(20, 184, 166, 0.4) !important; }
.border-teal-500\/40 { border-color: rgba(20, 184, 166, 0.4) !important; }

.hover\:bg-teal-500\/40:hover { background-color: rgba(20, 184, 166, 0.4) !important; }
.hover\:text-teal-500\/40:hover { color: rgba(20, 184, 166, 0.4) !important; }
.hover\:border-teal-500\/40:hover { border-color: rgba(20, 184, 166, 0.4) !important; }

.dark .dark\:bg-teal-500\/40,
html.dark .dark\:bg-teal-500\/40 { background-color: rgba(20, 184, 166, 0.4) !important; }
.dark .dark\:text-teal-500\/40,
html.dark .dark\:text-teal-500\/40 { color: rgba(20, 184, 166, 0.4) !important; }
.dark .dark\:border-teal-500\/40,
html.dark .dark\:border-teal-500\/40 { border-color: rgba(20, 184, 166, 0.4) !important; }

.dark .dark\:hover\:bg-teal-500\/40:hover,
html.dark .dark\:hover\:bg-teal-500\/40:hover { background-color: rgba(20, 184, 166, 0.4) !important; }
.dark .dark\:hover\:text-teal-500\/40:hover,
html.dark .dark\:hover\:text-teal-500\/40:hover { color: rgba(20, 184, 166, 0.4) !important; }
.dark .dark\:hover\:border-teal-500\/40:hover,
html.dark .dark\:hover\:border-teal-500\/40:hover { border-color: rgba(20, 184, 166, 0.4) !important; }

.bg-teal-500\/50 { background-color: rgba(20, 184, 166, 0.5) !important; }
.text-teal-500\/50 { color: rgba(20, 184, 166, 0.5) !important; }
.border-teal-500\/50 { border-color: rgba(20, 184, 166, 0.5) !important; }

.hover\:bg-teal-500\/50:hover { background-color: rgba(20, 184, 166, 0.5) !important; }
.hover\:text-teal-500\/50:hover { color: rgba(20, 184, 166, 0.5) !important; }
.hover\:border-teal-500\/50:hover { border-color: rgba(20, 184, 166, 0.5) !important; }

.dark .dark\:bg-teal-500\/50,
html.dark .dark\:bg-teal-500\/50 { background-color: rgba(20, 184, 166, 0.5) !important; }
.dark .dark\:text-teal-500\/50,
html.dark .dark\:text-teal-500\/50 { color: rgba(20, 184, 166, 0.5) !important; }
.dark .dark\:border-teal-500\/50,
html.dark .dark\:border-teal-500\/50 { border-color: rgba(20, 184, 166, 0.5) !important; }

.dark .dark\:hover\:bg-teal-500\/50:hover,
html.dark .dark\:hover\:bg-teal-500\/50:hover { background-color: rgba(20, 184, 166, 0.5) !important; }
.dark .dark\:hover\:text-teal-500\/50:hover,
html.dark .dark\:hover\:text-teal-500\/50:hover { color: rgba(20, 184, 166, 0.5) !important; }
.dark .dark\:hover\:border-teal-500\/50:hover,
html.dark .dark\:hover\:border-teal-500\/50:hover { border-color: rgba(20, 184, 166, 0.5) !important; }

.bg-teal-500\/60 { background-color: rgba(20, 184, 166, 0.6) !important; }
.text-teal-500\/60 { color: rgba(20, 184, 166, 0.6) !important; }
.border-teal-500\/60 { border-color: rgba(20, 184, 166, 0.6) !important; }

.hover\:bg-teal-500\/60:hover { background-color: rgba(20, 184, 166, 0.6) !important; }
.hover\:text-teal-500\/60:hover { color: rgba(20, 184, 166, 0.6) !important; }
.hover\:border-teal-500\/60:hover { border-color: rgba(20, 184, 166, 0.6) !important; }

.dark .dark\:bg-teal-500\/60,
html.dark .dark\:bg-teal-500\/60 { background-color: rgba(20, 184, 166, 0.6) !important; }
.dark .dark\:text-teal-500\/60,
html.dark .dark\:text-teal-500\/60 { color: rgba(20, 184, 166, 0.6) !important; }
.dark .dark\:border-teal-500\/60,
html.dark .dark\:border-teal-500\/60 { border-color: rgba(20, 184, 166, 0.6) !important; }

.dark .dark\:hover\:bg-teal-500\/60:hover,
html.dark .dark\:hover\:bg-teal-500\/60:hover { background-color: rgba(20, 184, 166, 0.6) !important; }
.dark .dark\:hover\:text-teal-500\/60:hover,
html.dark .dark\:hover\:text-teal-500\/60:hover { color: rgba(20, 184, 166, 0.6) !important; }
.dark .dark\:hover\:border-teal-500\/60:hover,
html.dark .dark\:hover\:border-teal-500\/60:hover { border-color: rgba(20, 184, 166, 0.6) !important; }

.bg-teal-500\/70 { background-color: rgba(20, 184, 166, 0.7) !important; }
.text-teal-500\/70 { color: rgba(20, 184, 166, 0.7) !important; }
.border-teal-500\/70 { border-color: rgba(20, 184, 166, 0.7) !important; }

.hover\:bg-teal-500\/70:hover { background-color: rgba(20, 184, 166, 0.7) !important; }
.hover\:text-teal-500\/70:hover { color: rgba(20, 184, 166, 0.7) !important; }
.hover\:border-teal-500\/70:hover { border-color: rgba(20, 184, 166, 0.7) !important; }

.dark .dark\:bg-teal-500\/70,
html.dark .dark\:bg-teal-500\/70 { background-color: rgba(20, 184, 166, 0.7) !important; }
.dark .dark\:text-teal-500\/70,
html.dark .dark\:text-teal-500\/70 { color: rgba(20, 184, 166, 0.7) !important; }
.dark .dark\:border-teal-500\/70,
html.dark .dark\:border-teal-500\/70 { border-color: rgba(20, 184, 166, 0.7) !important; }

.dark .dark\:hover\:bg-teal-500\/70:hover,
html.dark .dark\:hover\:bg-teal-500\/70:hover { background-color: rgba(20, 184, 166, 0.7) !important; }
.dark .dark\:hover\:text-teal-500\/70:hover,
html.dark .dark\:hover\:text-teal-500\/70:hover { color: rgba(20, 184, 166, 0.7) !important; }
.dark .dark\:hover\:border-teal-500\/70:hover,
html.dark .dark\:hover\:border-teal-500\/70:hover { border-color: rgba(20, 184, 166, 0.7) !important; }

.bg-teal-500\/75 { background-color: rgba(20, 184, 166, 0.75) !important; }
.text-teal-500\/75 { color: rgba(20, 184, 166, 0.75) !important; }
.border-teal-500\/75 { border-color: rgba(20, 184, 166, 0.75) !important; }

.hover\:bg-teal-500\/75:hover { background-color: rgba(20, 184, 166, 0.75) !important; }
.hover\:text-teal-500\/75:hover { color: rgba(20, 184, 166, 0.75) !important; }
.hover\:border-teal-500\/75:hover { border-color: rgba(20, 184, 166, 0.75) !important; }

.dark .dark\:bg-teal-500\/75,
html.dark .dark\:bg-teal-500\/75 { background-color: rgba(20, 184, 166, 0.75) !important; }
.dark .dark\:text-teal-500\/75,
html.dark .dark\:text-teal-500\/75 { color: rgba(20, 184, 166, 0.75) !important; }
.dark .dark\:border-teal-500\/75,
html.dark .dark\:border-teal-500\/75 { border-color: rgba(20, 184, 166, 0.75) !important; }

.dark .dark\:hover\:bg-teal-500\/75:hover,
html.dark .dark\:hover\:bg-teal-500\/75:hover { background-color: rgba(20, 184, 166, 0.75) !important; }
.dark .dark\:hover\:text-teal-500\/75:hover,
html.dark .dark\:hover\:text-teal-500\/75:hover { color: rgba(20, 184, 166, 0.75) !important; }
.dark .dark\:hover\:border-teal-500\/75:hover,
html.dark .dark\:hover\:border-teal-500\/75:hover { border-color: rgba(20, 184, 166, 0.75) !important; }

.bg-teal-500\/80 { background-color: rgba(20, 184, 166, 0.8) !important; }
.text-teal-500\/80 { color: rgba(20, 184, 166, 0.8) !important; }
.border-teal-500\/80 { border-color: rgba(20, 184, 166, 0.8) !important; }

.hover\:bg-teal-500\/80:hover { background-color: rgba(20, 184, 166, 0.8) !important; }
.hover\:text-teal-500\/80:hover { color: rgba(20, 184, 166, 0.8) !important; }
.hover\:border-teal-500\/80:hover { border-color: rgba(20, 184, 166, 0.8) !important; }

.dark .dark\:bg-teal-500\/80,
html.dark .dark\:bg-teal-500\/80 { background-color: rgba(20, 184, 166, 0.8) !important; }
.dark .dark\:text-teal-500\/80,
html.dark .dark\:text-teal-500\/80 { color: rgba(20, 184, 166, 0.8) !important; }
.dark .dark\:border-teal-500\/80,
html.dark .dark\:border-teal-500\/80 { border-color: rgba(20, 184, 166, 0.8) !important; }

.dark .dark\:hover\:bg-teal-500\/80:hover,
html.dark .dark\:hover\:bg-teal-500\/80:hover { background-color: rgba(20, 184, 166, 0.8) !important; }
.dark .dark\:hover\:text-teal-500\/80:hover,
html.dark .dark\:hover\:text-teal-500\/80:hover { color: rgba(20, 184, 166, 0.8) !important; }
.dark .dark\:hover\:border-teal-500\/80:hover,
html.dark .dark\:hover\:border-teal-500\/80:hover { border-color: rgba(20, 184, 166, 0.8) !important; }

.bg-teal-500\/90 { background-color: rgba(20, 184, 166, 0.9) !important; }
.text-teal-500\/90 { color: rgba(20, 184, 166, 0.9) !important; }
.border-teal-500\/90 { border-color: rgba(20, 184, 166, 0.9) !important; }

.hover\:bg-teal-500\/90:hover { background-color: rgba(20, 184, 166, 0.9) !important; }
.hover\:text-teal-500\/90:hover { color: rgba(20, 184, 166, 0.9) !important; }
.hover\:border-teal-500\/90:hover { border-color: rgba(20, 184, 166, 0.9) !important; }

.dark .dark\:bg-teal-500\/90,
html.dark .dark\:bg-teal-500\/90 { background-color: rgba(20, 184, 166, 0.9) !important; }
.dark .dark\:text-teal-500\/90,
html.dark .dark\:text-teal-500\/90 { color: rgba(20, 184, 166, 0.9) !important; }
.dark .dark\:border-teal-500\/90,
html.dark .dark\:border-teal-500\/90 { border-color: rgba(20, 184, 166, 0.9) !important; }

.dark .dark\:hover\:bg-teal-500\/90:hover,
html.dark .dark\:hover\:bg-teal-500\/90:hover { background-color: rgba(20, 184, 166, 0.9) !important; }
.dark .dark\:hover\:text-teal-500\/90:hover,
html.dark .dark\:hover\:text-teal-500\/90:hover { color: rgba(20, 184, 166, 0.9) !important; }
.dark .dark\:hover\:border-teal-500\/90:hover,
html.dark .dark\:hover\:border-teal-500\/90:hover { border-color: rgba(20, 184, 166, 0.9) !important; }

.bg-teal-500\/95 { background-color: rgba(20, 184, 166, 0.95) !important; }
.text-teal-500\/95 { color: rgba(20, 184, 166, 0.95) !important; }
.border-teal-500\/95 { border-color: rgba(20, 184, 166, 0.95) !important; }

.hover\:bg-teal-500\/95:hover { background-color: rgba(20, 184, 166, 0.95) !important; }
.hover\:text-teal-500\/95:hover { color: rgba(20, 184, 166, 0.95) !important; }
.hover\:border-teal-500\/95:hover { border-color: rgba(20, 184, 166, 0.95) !important; }

.dark .dark\:bg-teal-500\/95,
html.dark .dark\:bg-teal-500\/95 { background-color: rgba(20, 184, 166, 0.95) !important; }
.dark .dark\:text-teal-500\/95,
html.dark .dark\:text-teal-500\/95 { color: rgba(20, 184, 166, 0.95) !important; }
.dark .dark\:border-teal-500\/95,
html.dark .dark\:border-teal-500\/95 { border-color: rgba(20, 184, 166, 0.95) !important; }

.dark .dark\:hover\:bg-teal-500\/95:hover,
html.dark .dark\:hover\:bg-teal-500\/95:hover { background-color: rgba(20, 184, 166, 0.95) !important; }
.dark .dark\:hover\:text-teal-500\/95:hover,
html.dark .dark\:hover\:text-teal-500\/95:hover { color: rgba(20, 184, 166, 0.95) !important; }
.dark .dark\:hover\:border-teal-500\/95:hover,
html.dark .dark\:hover\:border-teal-500\/95:hover { border-color: rgba(20, 184, 166, 0.95) !important; }

.bg-teal-600 { background-color: #0d9488 !important; }
.text-teal-600 { color: #0d9488 !important; }
.border-teal-600 { border-color: #0d9488 !important; }
.fill-teal-600 { fill: #0d9488 !important; }
.stroke-teal-600 { stroke: #0d9488 !important; }

/* Hover states */
.hover\:bg-teal-600:hover { background-color: #0d9488 !important; }
.hover\:text-teal-600:hover { color: #0d9488 !important; }
.hover\:border-teal-600:hover { border-color: #0d9488 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-600,
html.dark .dark\:bg-teal-600 { background-color: #0d9488 !important; }
.dark .dark\:text-teal-600,
html.dark .dark\:text-teal-600 { color: #0d9488 !important; }
.dark .dark\:border-teal-600,
html.dark .dark\:border-teal-600 { border-color: #0d9488 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-600:hover,
html.dark .dark\:hover\:bg-teal-600:hover { background-color: #0d9488 !important; }
.dark .dark\:hover\:text-teal-600:hover,
html.dark .dark\:hover\:text-teal-600:hover { color: #0d9488 !important; }
.dark .dark\:hover\:border-teal-600:hover,
html.dark .dark\:hover\:border-teal-600:hover { border-color: #0d9488 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-600,
html.dark .group:hover .dark\:group-hover\:text-teal-600 { color: #0d9488 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-600,
html.dark .group:hover .dark\:group-hover\:bg-teal-600 { background-color: #0d9488 !important; }

.bg-teal-600\/10 { background-color: rgba(13, 148, 136, 0.1) !important; }
.text-teal-600\/10 { color: rgba(13, 148, 136, 0.1) !important; }
.border-teal-600\/10 { border-color: rgba(13, 148, 136, 0.1) !important; }

.hover\:bg-teal-600\/10:hover { background-color: rgba(13, 148, 136, 0.1) !important; }
.hover\:text-teal-600\/10:hover { color: rgba(13, 148, 136, 0.1) !important; }
.hover\:border-teal-600\/10:hover { border-color: rgba(13, 148, 136, 0.1) !important; }

.dark .dark\:bg-teal-600\/10,
html.dark .dark\:bg-teal-600\/10 { background-color: rgba(13, 148, 136, 0.1) !important; }
.dark .dark\:text-teal-600\/10,
html.dark .dark\:text-teal-600\/10 { color: rgba(13, 148, 136, 0.1) !important; }
.dark .dark\:border-teal-600\/10,
html.dark .dark\:border-teal-600\/10 { border-color: rgba(13, 148, 136, 0.1) !important; }

.dark .dark\:hover\:bg-teal-600\/10:hover,
html.dark .dark\:hover\:bg-teal-600\/10:hover { background-color: rgba(13, 148, 136, 0.1) !important; }
.dark .dark\:hover\:text-teal-600\/10:hover,
html.dark .dark\:hover\:text-teal-600\/10:hover { color: rgba(13, 148, 136, 0.1) !important; }
.dark .dark\:hover\:border-teal-600\/10:hover,
html.dark .dark\:hover\:border-teal-600\/10:hover { border-color: rgba(13, 148, 136, 0.1) !important; }

.bg-teal-600\/20 { background-color: rgba(13, 148, 136, 0.2) !important; }
.text-teal-600\/20 { color: rgba(13, 148, 136, 0.2) !important; }
.border-teal-600\/20 { border-color: rgba(13, 148, 136, 0.2) !important; }

.hover\:bg-teal-600\/20:hover { background-color: rgba(13, 148, 136, 0.2) !important; }
.hover\:text-teal-600\/20:hover { color: rgba(13, 148, 136, 0.2) !important; }
.hover\:border-teal-600\/20:hover { border-color: rgba(13, 148, 136, 0.2) !important; }

.dark .dark\:bg-teal-600\/20,
html.dark .dark\:bg-teal-600\/20 { background-color: rgba(13, 148, 136, 0.2) !important; }
.dark .dark\:text-teal-600\/20,
html.dark .dark\:text-teal-600\/20 { color: rgba(13, 148, 136, 0.2) !important; }
.dark .dark\:border-teal-600\/20,
html.dark .dark\:border-teal-600\/20 { border-color: rgba(13, 148, 136, 0.2) !important; }

.dark .dark\:hover\:bg-teal-600\/20:hover,
html.dark .dark\:hover\:bg-teal-600\/20:hover { background-color: rgba(13, 148, 136, 0.2) !important; }
.dark .dark\:hover\:text-teal-600\/20:hover,
html.dark .dark\:hover\:text-teal-600\/20:hover { color: rgba(13, 148, 136, 0.2) !important; }
.dark .dark\:hover\:border-teal-600\/20:hover,
html.dark .dark\:hover\:border-teal-600\/20:hover { border-color: rgba(13, 148, 136, 0.2) !important; }

.bg-teal-600\/25 { background-color: rgba(13, 148, 136, 0.25) !important; }
.text-teal-600\/25 { color: rgba(13, 148, 136, 0.25) !important; }
.border-teal-600\/25 { border-color: rgba(13, 148, 136, 0.25) !important; }

.hover\:bg-teal-600\/25:hover { background-color: rgba(13, 148, 136, 0.25) !important; }
.hover\:text-teal-600\/25:hover { color: rgba(13, 148, 136, 0.25) !important; }
.hover\:border-teal-600\/25:hover { border-color: rgba(13, 148, 136, 0.25) !important; }

.dark .dark\:bg-teal-600\/25,
html.dark .dark\:bg-teal-600\/25 { background-color: rgba(13, 148, 136, 0.25) !important; }
.dark .dark\:text-teal-600\/25,
html.dark .dark\:text-teal-600\/25 { color: rgba(13, 148, 136, 0.25) !important; }
.dark .dark\:border-teal-600\/25,
html.dark .dark\:border-teal-600\/25 { border-color: rgba(13, 148, 136, 0.25) !important; }

.dark .dark\:hover\:bg-teal-600\/25:hover,
html.dark .dark\:hover\:bg-teal-600\/25:hover { background-color: rgba(13, 148, 136, 0.25) !important; }
.dark .dark\:hover\:text-teal-600\/25:hover,
html.dark .dark\:hover\:text-teal-600\/25:hover { color: rgba(13, 148, 136, 0.25) !important; }
.dark .dark\:hover\:border-teal-600\/25:hover,
html.dark .dark\:hover\:border-teal-600\/25:hover { border-color: rgba(13, 148, 136, 0.25) !important; }

.bg-teal-600\/30 { background-color: rgba(13, 148, 136, 0.3) !important; }
.text-teal-600\/30 { color: rgba(13, 148, 136, 0.3) !important; }
.border-teal-600\/30 { border-color: rgba(13, 148, 136, 0.3) !important; }

.hover\:bg-teal-600\/30:hover { background-color: rgba(13, 148, 136, 0.3) !important; }
.hover\:text-teal-600\/30:hover { color: rgba(13, 148, 136, 0.3) !important; }
.hover\:border-teal-600\/30:hover { border-color: rgba(13, 148, 136, 0.3) !important; }

.dark .dark\:bg-teal-600\/30,
html.dark .dark\:bg-teal-600\/30 { background-color: rgba(13, 148, 136, 0.3) !important; }
.dark .dark\:text-teal-600\/30,
html.dark .dark\:text-teal-600\/30 { color: rgba(13, 148, 136, 0.3) !important; }
.dark .dark\:border-teal-600\/30,
html.dark .dark\:border-teal-600\/30 { border-color: rgba(13, 148, 136, 0.3) !important; }

.dark .dark\:hover\:bg-teal-600\/30:hover,
html.dark .dark\:hover\:bg-teal-600\/30:hover { background-color: rgba(13, 148, 136, 0.3) !important; }
.dark .dark\:hover\:text-teal-600\/30:hover,
html.dark .dark\:hover\:text-teal-600\/30:hover { color: rgba(13, 148, 136, 0.3) !important; }
.dark .dark\:hover\:border-teal-600\/30:hover,
html.dark .dark\:hover\:border-teal-600\/30:hover { border-color: rgba(13, 148, 136, 0.3) !important; }

.bg-teal-600\/40 { background-color: rgba(13, 148, 136, 0.4) !important; }
.text-teal-600\/40 { color: rgba(13, 148, 136, 0.4) !important; }
.border-teal-600\/40 { border-color: rgba(13, 148, 136, 0.4) !important; }

.hover\:bg-teal-600\/40:hover { background-color: rgba(13, 148, 136, 0.4) !important; }
.hover\:text-teal-600\/40:hover { color: rgba(13, 148, 136, 0.4) !important; }
.hover\:border-teal-600\/40:hover { border-color: rgba(13, 148, 136, 0.4) !important; }

.dark .dark\:bg-teal-600\/40,
html.dark .dark\:bg-teal-600\/40 { background-color: rgba(13, 148, 136, 0.4) !important; }
.dark .dark\:text-teal-600\/40,
html.dark .dark\:text-teal-600\/40 { color: rgba(13, 148, 136, 0.4) !important; }
.dark .dark\:border-teal-600\/40,
html.dark .dark\:border-teal-600\/40 { border-color: rgba(13, 148, 136, 0.4) !important; }

.dark .dark\:hover\:bg-teal-600\/40:hover,
html.dark .dark\:hover\:bg-teal-600\/40:hover { background-color: rgba(13, 148, 136, 0.4) !important; }
.dark .dark\:hover\:text-teal-600\/40:hover,
html.dark .dark\:hover\:text-teal-600\/40:hover { color: rgba(13, 148, 136, 0.4) !important; }
.dark .dark\:hover\:border-teal-600\/40:hover,
html.dark .dark\:hover\:border-teal-600\/40:hover { border-color: rgba(13, 148, 136, 0.4) !important; }

.bg-teal-600\/50 { background-color: rgba(13, 148, 136, 0.5) !important; }
.text-teal-600\/50 { color: rgba(13, 148, 136, 0.5) !important; }
.border-teal-600\/50 { border-color: rgba(13, 148, 136, 0.5) !important; }

.hover\:bg-teal-600\/50:hover { background-color: rgba(13, 148, 136, 0.5) !important; }
.hover\:text-teal-600\/50:hover { color: rgba(13, 148, 136, 0.5) !important; }
.hover\:border-teal-600\/50:hover { border-color: rgba(13, 148, 136, 0.5) !important; }

.dark .dark\:bg-teal-600\/50,
html.dark .dark\:bg-teal-600\/50 { background-color: rgba(13, 148, 136, 0.5) !important; }
.dark .dark\:text-teal-600\/50,
html.dark .dark\:text-teal-600\/50 { color: rgba(13, 148, 136, 0.5) !important; }
.dark .dark\:border-teal-600\/50,
html.dark .dark\:border-teal-600\/50 { border-color: rgba(13, 148, 136, 0.5) !important; }

.dark .dark\:hover\:bg-teal-600\/50:hover,
html.dark .dark\:hover\:bg-teal-600\/50:hover { background-color: rgba(13, 148, 136, 0.5) !important; }
.dark .dark\:hover\:text-teal-600\/50:hover,
html.dark .dark\:hover\:text-teal-600\/50:hover { color: rgba(13, 148, 136, 0.5) !important; }
.dark .dark\:hover\:border-teal-600\/50:hover,
html.dark .dark\:hover\:border-teal-600\/50:hover { border-color: rgba(13, 148, 136, 0.5) !important; }

.bg-teal-600\/60 { background-color: rgba(13, 148, 136, 0.6) !important; }
.text-teal-600\/60 { color: rgba(13, 148, 136, 0.6) !important; }
.border-teal-600\/60 { border-color: rgba(13, 148, 136, 0.6) !important; }

.hover\:bg-teal-600\/60:hover { background-color: rgba(13, 148, 136, 0.6) !important; }
.hover\:text-teal-600\/60:hover { color: rgba(13, 148, 136, 0.6) !important; }
.hover\:border-teal-600\/60:hover { border-color: rgba(13, 148, 136, 0.6) !important; }

.dark .dark\:bg-teal-600\/60,
html.dark .dark\:bg-teal-600\/60 { background-color: rgba(13, 148, 136, 0.6) !important; }
.dark .dark\:text-teal-600\/60,
html.dark .dark\:text-teal-600\/60 { color: rgba(13, 148, 136, 0.6) !important; }
.dark .dark\:border-teal-600\/60,
html.dark .dark\:border-teal-600\/60 { border-color: rgba(13, 148, 136, 0.6) !important; }

.dark .dark\:hover\:bg-teal-600\/60:hover,
html.dark .dark\:hover\:bg-teal-600\/60:hover { background-color: rgba(13, 148, 136, 0.6) !important; }
.dark .dark\:hover\:text-teal-600\/60:hover,
html.dark .dark\:hover\:text-teal-600\/60:hover { color: rgba(13, 148, 136, 0.6) !important; }
.dark .dark\:hover\:border-teal-600\/60:hover,
html.dark .dark\:hover\:border-teal-600\/60:hover { border-color: rgba(13, 148, 136, 0.6) !important; }

.bg-teal-600\/70 { background-color: rgba(13, 148, 136, 0.7) !important; }
.text-teal-600\/70 { color: rgba(13, 148, 136, 0.7) !important; }
.border-teal-600\/70 { border-color: rgba(13, 148, 136, 0.7) !important; }

.hover\:bg-teal-600\/70:hover { background-color: rgba(13, 148, 136, 0.7) !important; }
.hover\:text-teal-600\/70:hover { color: rgba(13, 148, 136, 0.7) !important; }
.hover\:border-teal-600\/70:hover { border-color: rgba(13, 148, 136, 0.7) !important; }

.dark .dark\:bg-teal-600\/70,
html.dark .dark\:bg-teal-600\/70 { background-color: rgba(13, 148, 136, 0.7) !important; }
.dark .dark\:text-teal-600\/70,
html.dark .dark\:text-teal-600\/70 { color: rgba(13, 148, 136, 0.7) !important; }
.dark .dark\:border-teal-600\/70,
html.dark .dark\:border-teal-600\/70 { border-color: rgba(13, 148, 136, 0.7) !important; }

.dark .dark\:hover\:bg-teal-600\/70:hover,
html.dark .dark\:hover\:bg-teal-600\/70:hover { background-color: rgba(13, 148, 136, 0.7) !important; }
.dark .dark\:hover\:text-teal-600\/70:hover,
html.dark .dark\:hover\:text-teal-600\/70:hover { color: rgba(13, 148, 136, 0.7) !important; }
.dark .dark\:hover\:border-teal-600\/70:hover,
html.dark .dark\:hover\:border-teal-600\/70:hover { border-color: rgba(13, 148, 136, 0.7) !important; }

.bg-teal-600\/75 { background-color: rgba(13, 148, 136, 0.75) !important; }
.text-teal-600\/75 { color: rgba(13, 148, 136, 0.75) !important; }
.border-teal-600\/75 { border-color: rgba(13, 148, 136, 0.75) !important; }

.hover\:bg-teal-600\/75:hover { background-color: rgba(13, 148, 136, 0.75) !important; }
.hover\:text-teal-600\/75:hover { color: rgba(13, 148, 136, 0.75) !important; }
.hover\:border-teal-600\/75:hover { border-color: rgba(13, 148, 136, 0.75) !important; }

.dark .dark\:bg-teal-600\/75,
html.dark .dark\:bg-teal-600\/75 { background-color: rgba(13, 148, 136, 0.75) !important; }
.dark .dark\:text-teal-600\/75,
html.dark .dark\:text-teal-600\/75 { color: rgba(13, 148, 136, 0.75) !important; }
.dark .dark\:border-teal-600\/75,
html.dark .dark\:border-teal-600\/75 { border-color: rgba(13, 148, 136, 0.75) !important; }

.dark .dark\:hover\:bg-teal-600\/75:hover,
html.dark .dark\:hover\:bg-teal-600\/75:hover { background-color: rgba(13, 148, 136, 0.75) !important; }
.dark .dark\:hover\:text-teal-600\/75:hover,
html.dark .dark\:hover\:text-teal-600\/75:hover { color: rgba(13, 148, 136, 0.75) !important; }
.dark .dark\:hover\:border-teal-600\/75:hover,
html.dark .dark\:hover\:border-teal-600\/75:hover { border-color: rgba(13, 148, 136, 0.75) !important; }

.bg-teal-600\/80 { background-color: rgba(13, 148, 136, 0.8) !important; }
.text-teal-600\/80 { color: rgba(13, 148, 136, 0.8) !important; }
.border-teal-600\/80 { border-color: rgba(13, 148, 136, 0.8) !important; }

.hover\:bg-teal-600\/80:hover { background-color: rgba(13, 148, 136, 0.8) !important; }
.hover\:text-teal-600\/80:hover { color: rgba(13, 148, 136, 0.8) !important; }
.hover\:border-teal-600\/80:hover { border-color: rgba(13, 148, 136, 0.8) !important; }

.dark .dark\:bg-teal-600\/80,
html.dark .dark\:bg-teal-600\/80 { background-color: rgba(13, 148, 136, 0.8) !important; }
.dark .dark\:text-teal-600\/80,
html.dark .dark\:text-teal-600\/80 { color: rgba(13, 148, 136, 0.8) !important; }
.dark .dark\:border-teal-600\/80,
html.dark .dark\:border-teal-600\/80 { border-color: rgba(13, 148, 136, 0.8) !important; }

.dark .dark\:hover\:bg-teal-600\/80:hover,
html.dark .dark\:hover\:bg-teal-600\/80:hover { background-color: rgba(13, 148, 136, 0.8) !important; }
.dark .dark\:hover\:text-teal-600\/80:hover,
html.dark .dark\:hover\:text-teal-600\/80:hover { color: rgba(13, 148, 136, 0.8) !important; }
.dark .dark\:hover\:border-teal-600\/80:hover,
html.dark .dark\:hover\:border-teal-600\/80:hover { border-color: rgba(13, 148, 136, 0.8) !important; }

.bg-teal-600\/90 { background-color: rgba(13, 148, 136, 0.9) !important; }
.text-teal-600\/90 { color: rgba(13, 148, 136, 0.9) !important; }
.border-teal-600\/90 { border-color: rgba(13, 148, 136, 0.9) !important; }

.hover\:bg-teal-600\/90:hover { background-color: rgba(13, 148, 136, 0.9) !important; }
.hover\:text-teal-600\/90:hover { color: rgba(13, 148, 136, 0.9) !important; }
.hover\:border-teal-600\/90:hover { border-color: rgba(13, 148, 136, 0.9) !important; }

.dark .dark\:bg-teal-600\/90,
html.dark .dark\:bg-teal-600\/90 { background-color: rgba(13, 148, 136, 0.9) !important; }
.dark .dark\:text-teal-600\/90,
html.dark .dark\:text-teal-600\/90 { color: rgba(13, 148, 136, 0.9) !important; }
.dark .dark\:border-teal-600\/90,
html.dark .dark\:border-teal-600\/90 { border-color: rgba(13, 148, 136, 0.9) !important; }

.dark .dark\:hover\:bg-teal-600\/90:hover,
html.dark .dark\:hover\:bg-teal-600\/90:hover { background-color: rgba(13, 148, 136, 0.9) !important; }
.dark .dark\:hover\:text-teal-600\/90:hover,
html.dark .dark\:hover\:text-teal-600\/90:hover { color: rgba(13, 148, 136, 0.9) !important; }
.dark .dark\:hover\:border-teal-600\/90:hover,
html.dark .dark\:hover\:border-teal-600\/90:hover { border-color: rgba(13, 148, 136, 0.9) !important; }

.bg-teal-600\/95 { background-color: rgba(13, 148, 136, 0.95) !important; }
.text-teal-600\/95 { color: rgba(13, 148, 136, 0.95) !important; }
.border-teal-600\/95 { border-color: rgba(13, 148, 136, 0.95) !important; }

.hover\:bg-teal-600\/95:hover { background-color: rgba(13, 148, 136, 0.95) !important; }
.hover\:text-teal-600\/95:hover { color: rgba(13, 148, 136, 0.95) !important; }
.hover\:border-teal-600\/95:hover { border-color: rgba(13, 148, 136, 0.95) !important; }

.dark .dark\:bg-teal-600\/95,
html.dark .dark\:bg-teal-600\/95 { background-color: rgba(13, 148, 136, 0.95) !important; }
.dark .dark\:text-teal-600\/95,
html.dark .dark\:text-teal-600\/95 { color: rgba(13, 148, 136, 0.95) !important; }
.dark .dark\:border-teal-600\/95,
html.dark .dark\:border-teal-600\/95 { border-color: rgba(13, 148, 136, 0.95) !important; }

.dark .dark\:hover\:bg-teal-600\/95:hover,
html.dark .dark\:hover\:bg-teal-600\/95:hover { background-color: rgba(13, 148, 136, 0.95) !important; }
.dark .dark\:hover\:text-teal-600\/95:hover,
html.dark .dark\:hover\:text-teal-600\/95:hover { color: rgba(13, 148, 136, 0.95) !important; }
.dark .dark\:hover\:border-teal-600\/95:hover,
html.dark .dark\:hover\:border-teal-600\/95:hover { border-color: rgba(13, 148, 136, 0.95) !important; }

.bg-teal-700 { background-color: #0f766e !important; }
.text-teal-700 { color: #0f766e !important; }
.border-teal-700 { border-color: #0f766e !important; }
.fill-teal-700 { fill: #0f766e !important; }
.stroke-teal-700 { stroke: #0f766e !important; }

/* Hover states */
.hover\:bg-teal-700:hover { background-color: #0f766e !important; }
.hover\:text-teal-700:hover { color: #0f766e !important; }
.hover\:border-teal-700:hover { border-color: #0f766e !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-700,
html.dark .dark\:bg-teal-700 { background-color: #0f766e !important; }
.dark .dark\:text-teal-700,
html.dark .dark\:text-teal-700 { color: #0f766e !important; }
.dark .dark\:border-teal-700,
html.dark .dark\:border-teal-700 { border-color: #0f766e !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-700:hover,
html.dark .dark\:hover\:bg-teal-700:hover { background-color: #0f766e !important; }
.dark .dark\:hover\:text-teal-700:hover,
html.dark .dark\:hover\:text-teal-700:hover { color: #0f766e !important; }
.dark .dark\:hover\:border-teal-700:hover,
html.dark .dark\:hover\:border-teal-700:hover { border-color: #0f766e !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-700,
html.dark .group:hover .dark\:group-hover\:text-teal-700 { color: #0f766e !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-700,
html.dark .group:hover .dark\:group-hover\:bg-teal-700 { background-color: #0f766e !important; }

.bg-teal-700\/10 { background-color: rgba(15, 118, 110, 0.1) !important; }
.text-teal-700\/10 { color: rgba(15, 118, 110, 0.1) !important; }
.border-teal-700\/10 { border-color: rgba(15, 118, 110, 0.1) !important; }

.hover\:bg-teal-700\/10:hover { background-color: rgba(15, 118, 110, 0.1) !important; }
.hover\:text-teal-700\/10:hover { color: rgba(15, 118, 110, 0.1) !important; }
.hover\:border-teal-700\/10:hover { border-color: rgba(15, 118, 110, 0.1) !important; }

.dark .dark\:bg-teal-700\/10,
html.dark .dark\:bg-teal-700\/10 { background-color: rgba(15, 118, 110, 0.1) !important; }
.dark .dark\:text-teal-700\/10,
html.dark .dark\:text-teal-700\/10 { color: rgba(15, 118, 110, 0.1) !important; }
.dark .dark\:border-teal-700\/10,
html.dark .dark\:border-teal-700\/10 { border-color: rgba(15, 118, 110, 0.1) !important; }

.dark .dark\:hover\:bg-teal-700\/10:hover,
html.dark .dark\:hover\:bg-teal-700\/10:hover { background-color: rgba(15, 118, 110, 0.1) !important; }
.dark .dark\:hover\:text-teal-700\/10:hover,
html.dark .dark\:hover\:text-teal-700\/10:hover { color: rgba(15, 118, 110, 0.1) !important; }
.dark .dark\:hover\:border-teal-700\/10:hover,
html.dark .dark\:hover\:border-teal-700\/10:hover { border-color: rgba(15, 118, 110, 0.1) !important; }

.bg-teal-700\/20 { background-color: rgba(15, 118, 110, 0.2) !important; }
.text-teal-700\/20 { color: rgba(15, 118, 110, 0.2) !important; }
.border-teal-700\/20 { border-color: rgba(15, 118, 110, 0.2) !important; }

.hover\:bg-teal-700\/20:hover { background-color: rgba(15, 118, 110, 0.2) !important; }
.hover\:text-teal-700\/20:hover { color: rgba(15, 118, 110, 0.2) !important; }
.hover\:border-teal-700\/20:hover { border-color: rgba(15, 118, 110, 0.2) !important; }

.dark .dark\:bg-teal-700\/20,
html.dark .dark\:bg-teal-700\/20 { background-color: rgba(15, 118, 110, 0.2) !important; }
.dark .dark\:text-teal-700\/20,
html.dark .dark\:text-teal-700\/20 { color: rgba(15, 118, 110, 0.2) !important; }
.dark .dark\:border-teal-700\/20,
html.dark .dark\:border-teal-700\/20 { border-color: rgba(15, 118, 110, 0.2) !important; }

.dark .dark\:hover\:bg-teal-700\/20:hover,
html.dark .dark\:hover\:bg-teal-700\/20:hover { background-color: rgba(15, 118, 110, 0.2) !important; }
.dark .dark\:hover\:text-teal-700\/20:hover,
html.dark .dark\:hover\:text-teal-700\/20:hover { color: rgba(15, 118, 110, 0.2) !important; }
.dark .dark\:hover\:border-teal-700\/20:hover,
html.dark .dark\:hover\:border-teal-700\/20:hover { border-color: rgba(15, 118, 110, 0.2) !important; }

.bg-teal-700\/25 { background-color: rgba(15, 118, 110, 0.25) !important; }
.text-teal-700\/25 { color: rgba(15, 118, 110, 0.25) !important; }
.border-teal-700\/25 { border-color: rgba(15, 118, 110, 0.25) !important; }

.hover\:bg-teal-700\/25:hover { background-color: rgba(15, 118, 110, 0.25) !important; }
.hover\:text-teal-700\/25:hover { color: rgba(15, 118, 110, 0.25) !important; }
.hover\:border-teal-700\/25:hover { border-color: rgba(15, 118, 110, 0.25) !important; }

.dark .dark\:bg-teal-700\/25,
html.dark .dark\:bg-teal-700\/25 { background-color: rgba(15, 118, 110, 0.25) !important; }
.dark .dark\:text-teal-700\/25,
html.dark .dark\:text-teal-700\/25 { color: rgba(15, 118, 110, 0.25) !important; }
.dark .dark\:border-teal-700\/25,
html.dark .dark\:border-teal-700\/25 { border-color: rgba(15, 118, 110, 0.25) !important; }

.dark .dark\:hover\:bg-teal-700\/25:hover,
html.dark .dark\:hover\:bg-teal-700\/25:hover { background-color: rgba(15, 118, 110, 0.25) !important; }
.dark .dark\:hover\:text-teal-700\/25:hover,
html.dark .dark\:hover\:text-teal-700\/25:hover { color: rgba(15, 118, 110, 0.25) !important; }
.dark .dark\:hover\:border-teal-700\/25:hover,
html.dark .dark\:hover\:border-teal-700\/25:hover { border-color: rgba(15, 118, 110, 0.25) !important; }

.bg-teal-700\/30 { background-color: rgba(15, 118, 110, 0.3) !important; }
.text-teal-700\/30 { color: rgba(15, 118, 110, 0.3) !important; }
.border-teal-700\/30 { border-color: rgba(15, 118, 110, 0.3) !important; }

.hover\:bg-teal-700\/30:hover { background-color: rgba(15, 118, 110, 0.3) !important; }
.hover\:text-teal-700\/30:hover { color: rgba(15, 118, 110, 0.3) !important; }
.hover\:border-teal-700\/30:hover { border-color: rgba(15, 118, 110, 0.3) !important; }

.dark .dark\:bg-teal-700\/30,
html.dark .dark\:bg-teal-700\/30 { background-color: rgba(15, 118, 110, 0.3) !important; }
.dark .dark\:text-teal-700\/30,
html.dark .dark\:text-teal-700\/30 { color: rgba(15, 118, 110, 0.3) !important; }
.dark .dark\:border-teal-700\/30,
html.dark .dark\:border-teal-700\/30 { border-color: rgba(15, 118, 110, 0.3) !important; }

.dark .dark\:hover\:bg-teal-700\/30:hover,
html.dark .dark\:hover\:bg-teal-700\/30:hover { background-color: rgba(15, 118, 110, 0.3) !important; }
.dark .dark\:hover\:text-teal-700\/30:hover,
html.dark .dark\:hover\:text-teal-700\/30:hover { color: rgba(15, 118, 110, 0.3) !important; }
.dark .dark\:hover\:border-teal-700\/30:hover,
html.dark .dark\:hover\:border-teal-700\/30:hover { border-color: rgba(15, 118, 110, 0.3) !important; }

.bg-teal-700\/40 { background-color: rgba(15, 118, 110, 0.4) !important; }
.text-teal-700\/40 { color: rgba(15, 118, 110, 0.4) !important; }
.border-teal-700\/40 { border-color: rgba(15, 118, 110, 0.4) !important; }

.hover\:bg-teal-700\/40:hover { background-color: rgba(15, 118, 110, 0.4) !important; }
.hover\:text-teal-700\/40:hover { color: rgba(15, 118, 110, 0.4) !important; }
.hover\:border-teal-700\/40:hover { border-color: rgba(15, 118, 110, 0.4) !important; }

.dark .dark\:bg-teal-700\/40,
html.dark .dark\:bg-teal-700\/40 { background-color: rgba(15, 118, 110, 0.4) !important; }
.dark .dark\:text-teal-700\/40,
html.dark .dark\:text-teal-700\/40 { color: rgba(15, 118, 110, 0.4) !important; }
.dark .dark\:border-teal-700\/40,
html.dark .dark\:border-teal-700\/40 { border-color: rgba(15, 118, 110, 0.4) !important; }

.dark .dark\:hover\:bg-teal-700\/40:hover,
html.dark .dark\:hover\:bg-teal-700\/40:hover { background-color: rgba(15, 118, 110, 0.4) !important; }
.dark .dark\:hover\:text-teal-700\/40:hover,
html.dark .dark\:hover\:text-teal-700\/40:hover { color: rgba(15, 118, 110, 0.4) !important; }
.dark .dark\:hover\:border-teal-700\/40:hover,
html.dark .dark\:hover\:border-teal-700\/40:hover { border-color: rgba(15, 118, 110, 0.4) !important; }

.bg-teal-700\/50 { background-color: rgba(15, 118, 110, 0.5) !important; }
.text-teal-700\/50 { color: rgba(15, 118, 110, 0.5) !important; }
.border-teal-700\/50 { border-color: rgba(15, 118, 110, 0.5) !important; }

.hover\:bg-teal-700\/50:hover { background-color: rgba(15, 118, 110, 0.5) !important; }
.hover\:text-teal-700\/50:hover { color: rgba(15, 118, 110, 0.5) !important; }
.hover\:border-teal-700\/50:hover { border-color: rgba(15, 118, 110, 0.5) !important; }

.dark .dark\:bg-teal-700\/50,
html.dark .dark\:bg-teal-700\/50 { background-color: rgba(15, 118, 110, 0.5) !important; }
.dark .dark\:text-teal-700\/50,
html.dark .dark\:text-teal-700\/50 { color: rgba(15, 118, 110, 0.5) !important; }
.dark .dark\:border-teal-700\/50,
html.dark .dark\:border-teal-700\/50 { border-color: rgba(15, 118, 110, 0.5) !important; }

.dark .dark\:hover\:bg-teal-700\/50:hover,
html.dark .dark\:hover\:bg-teal-700\/50:hover { background-color: rgba(15, 118, 110, 0.5) !important; }
.dark .dark\:hover\:text-teal-700\/50:hover,
html.dark .dark\:hover\:text-teal-700\/50:hover { color: rgba(15, 118, 110, 0.5) !important; }
.dark .dark\:hover\:border-teal-700\/50:hover,
html.dark .dark\:hover\:border-teal-700\/50:hover { border-color: rgba(15, 118, 110, 0.5) !important; }

.bg-teal-700\/60 { background-color: rgba(15, 118, 110, 0.6) !important; }
.text-teal-700\/60 { color: rgba(15, 118, 110, 0.6) !important; }
.border-teal-700\/60 { border-color: rgba(15, 118, 110, 0.6) !important; }

.hover\:bg-teal-700\/60:hover { background-color: rgba(15, 118, 110, 0.6) !important; }
.hover\:text-teal-700\/60:hover { color: rgba(15, 118, 110, 0.6) !important; }
.hover\:border-teal-700\/60:hover { border-color: rgba(15, 118, 110, 0.6) !important; }

.dark .dark\:bg-teal-700\/60,
html.dark .dark\:bg-teal-700\/60 { background-color: rgba(15, 118, 110, 0.6) !important; }
.dark .dark\:text-teal-700\/60,
html.dark .dark\:text-teal-700\/60 { color: rgba(15, 118, 110, 0.6) !important; }
.dark .dark\:border-teal-700\/60,
html.dark .dark\:border-teal-700\/60 { border-color: rgba(15, 118, 110, 0.6) !important; }

.dark .dark\:hover\:bg-teal-700\/60:hover,
html.dark .dark\:hover\:bg-teal-700\/60:hover { background-color: rgba(15, 118, 110, 0.6) !important; }
.dark .dark\:hover\:text-teal-700\/60:hover,
html.dark .dark\:hover\:text-teal-700\/60:hover { color: rgba(15, 118, 110, 0.6) !important; }
.dark .dark\:hover\:border-teal-700\/60:hover,
html.dark .dark\:hover\:border-teal-700\/60:hover { border-color: rgba(15, 118, 110, 0.6) !important; }

.bg-teal-700\/70 { background-color: rgba(15, 118, 110, 0.7) !important; }
.text-teal-700\/70 { color: rgba(15, 118, 110, 0.7) !important; }
.border-teal-700\/70 { border-color: rgba(15, 118, 110, 0.7) !important; }

.hover\:bg-teal-700\/70:hover { background-color: rgba(15, 118, 110, 0.7) !important; }
.hover\:text-teal-700\/70:hover { color: rgba(15, 118, 110, 0.7) !important; }
.hover\:border-teal-700\/70:hover { border-color: rgba(15, 118, 110, 0.7) !important; }

.dark .dark\:bg-teal-700\/70,
html.dark .dark\:bg-teal-700\/70 { background-color: rgba(15, 118, 110, 0.7) !important; }
.dark .dark\:text-teal-700\/70,
html.dark .dark\:text-teal-700\/70 { color: rgba(15, 118, 110, 0.7) !important; }
.dark .dark\:border-teal-700\/70,
html.dark .dark\:border-teal-700\/70 { border-color: rgba(15, 118, 110, 0.7) !important; }

.dark .dark\:hover\:bg-teal-700\/70:hover,
html.dark .dark\:hover\:bg-teal-700\/70:hover { background-color: rgba(15, 118, 110, 0.7) !important; }
.dark .dark\:hover\:text-teal-700\/70:hover,
html.dark .dark\:hover\:text-teal-700\/70:hover { color: rgba(15, 118, 110, 0.7) !important; }
.dark .dark\:hover\:border-teal-700\/70:hover,
html.dark .dark\:hover\:border-teal-700\/70:hover { border-color: rgba(15, 118, 110, 0.7) !important; }

.bg-teal-700\/75 { background-color: rgba(15, 118, 110, 0.75) !important; }
.text-teal-700\/75 { color: rgba(15, 118, 110, 0.75) !important; }
.border-teal-700\/75 { border-color: rgba(15, 118, 110, 0.75) !important; }

.hover\:bg-teal-700\/75:hover { background-color: rgba(15, 118, 110, 0.75) !important; }
.hover\:text-teal-700\/75:hover { color: rgba(15, 118, 110, 0.75) !important; }
.hover\:border-teal-700\/75:hover { border-color: rgba(15, 118, 110, 0.75) !important; }

.dark .dark\:bg-teal-700\/75,
html.dark .dark\:bg-teal-700\/75 { background-color: rgba(15, 118, 110, 0.75) !important; }
.dark .dark\:text-teal-700\/75,
html.dark .dark\:text-teal-700\/75 { color: rgba(15, 118, 110, 0.75) !important; }
.dark .dark\:border-teal-700\/75,
html.dark .dark\:border-teal-700\/75 { border-color: rgba(15, 118, 110, 0.75) !important; }

.dark .dark\:hover\:bg-teal-700\/75:hover,
html.dark .dark\:hover\:bg-teal-700\/75:hover { background-color: rgba(15, 118, 110, 0.75) !important; }
.dark .dark\:hover\:text-teal-700\/75:hover,
html.dark .dark\:hover\:text-teal-700\/75:hover { color: rgba(15, 118, 110, 0.75) !important; }
.dark .dark\:hover\:border-teal-700\/75:hover,
html.dark .dark\:hover\:border-teal-700\/75:hover { border-color: rgba(15, 118, 110, 0.75) !important; }

.bg-teal-700\/80 { background-color: rgba(15, 118, 110, 0.8) !important; }
.text-teal-700\/80 { color: rgba(15, 118, 110, 0.8) !important; }
.border-teal-700\/80 { border-color: rgba(15, 118, 110, 0.8) !important; }

.hover\:bg-teal-700\/80:hover { background-color: rgba(15, 118, 110, 0.8) !important; }
.hover\:text-teal-700\/80:hover { color: rgba(15, 118, 110, 0.8) !important; }
.hover\:border-teal-700\/80:hover { border-color: rgba(15, 118, 110, 0.8) !important; }

.dark .dark\:bg-teal-700\/80,
html.dark .dark\:bg-teal-700\/80 { background-color: rgba(15, 118, 110, 0.8) !important; }
.dark .dark\:text-teal-700\/80,
html.dark .dark\:text-teal-700\/80 { color: rgba(15, 118, 110, 0.8) !important; }
.dark .dark\:border-teal-700\/80,
html.dark .dark\:border-teal-700\/80 { border-color: rgba(15, 118, 110, 0.8) !important; }

.dark .dark\:hover\:bg-teal-700\/80:hover,
html.dark .dark\:hover\:bg-teal-700\/80:hover { background-color: rgba(15, 118, 110, 0.8) !important; }
.dark .dark\:hover\:text-teal-700\/80:hover,
html.dark .dark\:hover\:text-teal-700\/80:hover { color: rgba(15, 118, 110, 0.8) !important; }
.dark .dark\:hover\:border-teal-700\/80:hover,
html.dark .dark\:hover\:border-teal-700\/80:hover { border-color: rgba(15, 118, 110, 0.8) !important; }

.bg-teal-700\/90 { background-color: rgba(15, 118, 110, 0.9) !important; }
.text-teal-700\/90 { color: rgba(15, 118, 110, 0.9) !important; }
.border-teal-700\/90 { border-color: rgba(15, 118, 110, 0.9) !important; }

.hover\:bg-teal-700\/90:hover { background-color: rgba(15, 118, 110, 0.9) !important; }
.hover\:text-teal-700\/90:hover { color: rgba(15, 118, 110, 0.9) !important; }
.hover\:border-teal-700\/90:hover { border-color: rgba(15, 118, 110, 0.9) !important; }

.dark .dark\:bg-teal-700\/90,
html.dark .dark\:bg-teal-700\/90 { background-color: rgba(15, 118, 110, 0.9) !important; }
.dark .dark\:text-teal-700\/90,
html.dark .dark\:text-teal-700\/90 { color: rgba(15, 118, 110, 0.9) !important; }
.dark .dark\:border-teal-700\/90,
html.dark .dark\:border-teal-700\/90 { border-color: rgba(15, 118, 110, 0.9) !important; }

.dark .dark\:hover\:bg-teal-700\/90:hover,
html.dark .dark\:hover\:bg-teal-700\/90:hover { background-color: rgba(15, 118, 110, 0.9) !important; }
.dark .dark\:hover\:text-teal-700\/90:hover,
html.dark .dark\:hover\:text-teal-700\/90:hover { color: rgba(15, 118, 110, 0.9) !important; }
.dark .dark\:hover\:border-teal-700\/90:hover,
html.dark .dark\:hover\:border-teal-700\/90:hover { border-color: rgba(15, 118, 110, 0.9) !important; }

.bg-teal-700\/95 { background-color: rgba(15, 118, 110, 0.95) !important; }
.text-teal-700\/95 { color: rgba(15, 118, 110, 0.95) !important; }
.border-teal-700\/95 { border-color: rgba(15, 118, 110, 0.95) !important; }

.hover\:bg-teal-700\/95:hover { background-color: rgba(15, 118, 110, 0.95) !important; }
.hover\:text-teal-700\/95:hover { color: rgba(15, 118, 110, 0.95) !important; }
.hover\:border-teal-700\/95:hover { border-color: rgba(15, 118, 110, 0.95) !important; }

.dark .dark\:bg-teal-700\/95,
html.dark .dark\:bg-teal-700\/95 { background-color: rgba(15, 118, 110, 0.95) !important; }
.dark .dark\:text-teal-700\/95,
html.dark .dark\:text-teal-700\/95 { color: rgba(15, 118, 110, 0.95) !important; }
.dark .dark\:border-teal-700\/95,
html.dark .dark\:border-teal-700\/95 { border-color: rgba(15, 118, 110, 0.95) !important; }

.dark .dark\:hover\:bg-teal-700\/95:hover,
html.dark .dark\:hover\:bg-teal-700\/95:hover { background-color: rgba(15, 118, 110, 0.95) !important; }
.dark .dark\:hover\:text-teal-700\/95:hover,
html.dark .dark\:hover\:text-teal-700\/95:hover { color: rgba(15, 118, 110, 0.95) !important; }
.dark .dark\:hover\:border-teal-700\/95:hover,
html.dark .dark\:hover\:border-teal-700\/95:hover { border-color: rgba(15, 118, 110, 0.95) !important; }

.bg-teal-800 { background-color: #115e59 !important; }
.text-teal-800 { color: #115e59 !important; }
.border-teal-800 { border-color: #115e59 !important; }
.fill-teal-800 { fill: #115e59 !important; }
.stroke-teal-800 { stroke: #115e59 !important; }

/* Hover states */
.hover\:bg-teal-800:hover { background-color: #115e59 !important; }
.hover\:text-teal-800:hover { color: #115e59 !important; }
.hover\:border-teal-800:hover { border-color: #115e59 !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-800,
html.dark .dark\:bg-teal-800 { background-color: #115e59 !important; }
.dark .dark\:text-teal-800,
html.dark .dark\:text-teal-800 { color: #115e59 !important; }
.dark .dark\:border-teal-800,
html.dark .dark\:border-teal-800 { border-color: #115e59 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-800:hover,
html.dark .dark\:hover\:bg-teal-800:hover { background-color: #115e59 !important; }
.dark .dark\:hover\:text-teal-800:hover,
html.dark .dark\:hover\:text-teal-800:hover { color: #115e59 !important; }
.dark .dark\:hover\:border-teal-800:hover,
html.dark .dark\:hover\:border-teal-800:hover { border-color: #115e59 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-800,
html.dark .group:hover .dark\:group-hover\:text-teal-800 { color: #115e59 !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-800,
html.dark .group:hover .dark\:group-hover\:bg-teal-800 { background-color: #115e59 !important; }

.bg-teal-800\/10 { background-color: rgba(17, 94, 89, 0.1) !important; }
.text-teal-800\/10 { color: rgba(17, 94, 89, 0.1) !important; }
.border-teal-800\/10 { border-color: rgba(17, 94, 89, 0.1) !important; }

.hover\:bg-teal-800\/10:hover { background-color: rgba(17, 94, 89, 0.1) !important; }
.hover\:text-teal-800\/10:hover { color: rgba(17, 94, 89, 0.1) !important; }
.hover\:border-teal-800\/10:hover { border-color: rgba(17, 94, 89, 0.1) !important; }

.dark .dark\:bg-teal-800\/10,
html.dark .dark\:bg-teal-800\/10 { background-color: rgba(17, 94, 89, 0.1) !important; }
.dark .dark\:text-teal-800\/10,
html.dark .dark\:text-teal-800\/10 { color: rgba(17, 94, 89, 0.1) !important; }
.dark .dark\:border-teal-800\/10,
html.dark .dark\:border-teal-800\/10 { border-color: rgba(17, 94, 89, 0.1) !important; }

.dark .dark\:hover\:bg-teal-800\/10:hover,
html.dark .dark\:hover\:bg-teal-800\/10:hover { background-color: rgba(17, 94, 89, 0.1) !important; }
.dark .dark\:hover\:text-teal-800\/10:hover,
html.dark .dark\:hover\:text-teal-800\/10:hover { color: rgba(17, 94, 89, 0.1) !important; }
.dark .dark\:hover\:border-teal-800\/10:hover,
html.dark .dark\:hover\:border-teal-800\/10:hover { border-color: rgba(17, 94, 89, 0.1) !important; }

.bg-teal-800\/20 { background-color: rgba(17, 94, 89, 0.2) !important; }
.text-teal-800\/20 { color: rgba(17, 94, 89, 0.2) !important; }
.border-teal-800\/20 { border-color: rgba(17, 94, 89, 0.2) !important; }

.hover\:bg-teal-800\/20:hover { background-color: rgba(17, 94, 89, 0.2) !important; }
.hover\:text-teal-800\/20:hover { color: rgba(17, 94, 89, 0.2) !important; }
.hover\:border-teal-800\/20:hover { border-color: rgba(17, 94, 89, 0.2) !important; }

.dark .dark\:bg-teal-800\/20,
html.dark .dark\:bg-teal-800\/20 { background-color: rgba(17, 94, 89, 0.2) !important; }
.dark .dark\:text-teal-800\/20,
html.dark .dark\:text-teal-800\/20 { color: rgba(17, 94, 89, 0.2) !important; }
.dark .dark\:border-teal-800\/20,
html.dark .dark\:border-teal-800\/20 { border-color: rgba(17, 94, 89, 0.2) !important; }

.dark .dark\:hover\:bg-teal-800\/20:hover,
html.dark .dark\:hover\:bg-teal-800\/20:hover { background-color: rgba(17, 94, 89, 0.2) !important; }
.dark .dark\:hover\:text-teal-800\/20:hover,
html.dark .dark\:hover\:text-teal-800\/20:hover { color: rgba(17, 94, 89, 0.2) !important; }
.dark .dark\:hover\:border-teal-800\/20:hover,
html.dark .dark\:hover\:border-teal-800\/20:hover { border-color: rgba(17, 94, 89, 0.2) !important; }

.bg-teal-800\/25 { background-color: rgba(17, 94, 89, 0.25) !important; }
.text-teal-800\/25 { color: rgba(17, 94, 89, 0.25) !important; }
.border-teal-800\/25 { border-color: rgba(17, 94, 89, 0.25) !important; }

.hover\:bg-teal-800\/25:hover { background-color: rgba(17, 94, 89, 0.25) !important; }
.hover\:text-teal-800\/25:hover { color: rgba(17, 94, 89, 0.25) !important; }
.hover\:border-teal-800\/25:hover { border-color: rgba(17, 94, 89, 0.25) !important; }

.dark .dark\:bg-teal-800\/25,
html.dark .dark\:bg-teal-800\/25 { background-color: rgba(17, 94, 89, 0.25) !important; }
.dark .dark\:text-teal-800\/25,
html.dark .dark\:text-teal-800\/25 { color: rgba(17, 94, 89, 0.25) !important; }
.dark .dark\:border-teal-800\/25,
html.dark .dark\:border-teal-800\/25 { border-color: rgba(17, 94, 89, 0.25) !important; }

.dark .dark\:hover\:bg-teal-800\/25:hover,
html.dark .dark\:hover\:bg-teal-800\/25:hover { background-color: rgba(17, 94, 89, 0.25) !important; }
.dark .dark\:hover\:text-teal-800\/25:hover,
html.dark .dark\:hover\:text-teal-800\/25:hover { color: rgba(17, 94, 89, 0.25) !important; }
.dark .dark\:hover\:border-teal-800\/25:hover,
html.dark .dark\:hover\:border-teal-800\/25:hover { border-color: rgba(17, 94, 89, 0.25) !important; }

.bg-teal-800\/30 { background-color: rgba(17, 94, 89, 0.3) !important; }
.text-teal-800\/30 { color: rgba(17, 94, 89, 0.3) !important; }
.border-teal-800\/30 { border-color: rgba(17, 94, 89, 0.3) !important; }

.hover\:bg-teal-800\/30:hover { background-color: rgba(17, 94, 89, 0.3) !important; }
.hover\:text-teal-800\/30:hover { color: rgba(17, 94, 89, 0.3) !important; }
.hover\:border-teal-800\/30:hover { border-color: rgba(17, 94, 89, 0.3) !important; }

.dark .dark\:bg-teal-800\/30,
html.dark .dark\:bg-teal-800\/30 { background-color: rgba(17, 94, 89, 0.3) !important; }
.dark .dark\:text-teal-800\/30,
html.dark .dark\:text-teal-800\/30 { color: rgba(17, 94, 89, 0.3) !important; }
.dark .dark\:border-teal-800\/30,
html.dark .dark\:border-teal-800\/30 { border-color: rgba(17, 94, 89, 0.3) !important; }

.dark .dark\:hover\:bg-teal-800\/30:hover,
html.dark .dark\:hover\:bg-teal-800\/30:hover { background-color: rgba(17, 94, 89, 0.3) !important; }
.dark .dark\:hover\:text-teal-800\/30:hover,
html.dark .dark\:hover\:text-teal-800\/30:hover { color: rgba(17, 94, 89, 0.3) !important; }
.dark .dark\:hover\:border-teal-800\/30:hover,
html.dark .dark\:hover\:border-teal-800\/30:hover { border-color: rgba(17, 94, 89, 0.3) !important; }

.bg-teal-800\/40 { background-color: rgba(17, 94, 89, 0.4) !important; }
.text-teal-800\/40 { color: rgba(17, 94, 89, 0.4) !important; }
.border-teal-800\/40 { border-color: rgba(17, 94, 89, 0.4) !important; }

.hover\:bg-teal-800\/40:hover { background-color: rgba(17, 94, 89, 0.4) !important; }
.hover\:text-teal-800\/40:hover { color: rgba(17, 94, 89, 0.4) !important; }
.hover\:border-teal-800\/40:hover { border-color: rgba(17, 94, 89, 0.4) !important; }

.dark .dark\:bg-teal-800\/40,
html.dark .dark\:bg-teal-800\/40 { background-color: rgba(17, 94, 89, 0.4) !important; }
.dark .dark\:text-teal-800\/40,
html.dark .dark\:text-teal-800\/40 { color: rgba(17, 94, 89, 0.4) !important; }
.dark .dark\:border-teal-800\/40,
html.dark .dark\:border-teal-800\/40 { border-color: rgba(17, 94, 89, 0.4) !important; }

.dark .dark\:hover\:bg-teal-800\/40:hover,
html.dark .dark\:hover\:bg-teal-800\/40:hover { background-color: rgba(17, 94, 89, 0.4) !important; }
.dark .dark\:hover\:text-teal-800\/40:hover,
html.dark .dark\:hover\:text-teal-800\/40:hover { color: rgba(17, 94, 89, 0.4) !important; }
.dark .dark\:hover\:border-teal-800\/40:hover,
html.dark .dark\:hover\:border-teal-800\/40:hover { border-color: rgba(17, 94, 89, 0.4) !important; }

.bg-teal-800\/50 { background-color: rgba(17, 94, 89, 0.5) !important; }
.text-teal-800\/50 { color: rgba(17, 94, 89, 0.5) !important; }
.border-teal-800\/50 { border-color: rgba(17, 94, 89, 0.5) !important; }

.hover\:bg-teal-800\/50:hover { background-color: rgba(17, 94, 89, 0.5) !important; }
.hover\:text-teal-800\/50:hover { color: rgba(17, 94, 89, 0.5) !important; }
.hover\:border-teal-800\/50:hover { border-color: rgba(17, 94, 89, 0.5) !important; }

.dark .dark\:bg-teal-800\/50,
html.dark .dark\:bg-teal-800\/50 { background-color: rgba(17, 94, 89, 0.5) !important; }
.dark .dark\:text-teal-800\/50,
html.dark .dark\:text-teal-800\/50 { color: rgba(17, 94, 89, 0.5) !important; }
.dark .dark\:border-teal-800\/50,
html.dark .dark\:border-teal-800\/50 { border-color: rgba(17, 94, 89, 0.5) !important; }

.dark .dark\:hover\:bg-teal-800\/50:hover,
html.dark .dark\:hover\:bg-teal-800\/50:hover { background-color: rgba(17, 94, 89, 0.5) !important; }
.dark .dark\:hover\:text-teal-800\/50:hover,
html.dark .dark\:hover\:text-teal-800\/50:hover { color: rgba(17, 94, 89, 0.5) !important; }
.dark .dark\:hover\:border-teal-800\/50:hover,
html.dark .dark\:hover\:border-teal-800\/50:hover { border-color: rgba(17, 94, 89, 0.5) !important; }

.bg-teal-800\/60 { background-color: rgba(17, 94, 89, 0.6) !important; }
.text-teal-800\/60 { color: rgba(17, 94, 89, 0.6) !important; }
.border-teal-800\/60 { border-color: rgba(17, 94, 89, 0.6) !important; }

.hover\:bg-teal-800\/60:hover { background-color: rgba(17, 94, 89, 0.6) !important; }
.hover\:text-teal-800\/60:hover { color: rgba(17, 94, 89, 0.6) !important; }
.hover\:border-teal-800\/60:hover { border-color: rgba(17, 94, 89, 0.6) !important; }

.dark .dark\:bg-teal-800\/60,
html.dark .dark\:bg-teal-800\/60 { background-color: rgba(17, 94, 89, 0.6) !important; }
.dark .dark\:text-teal-800\/60,
html.dark .dark\:text-teal-800\/60 { color: rgba(17, 94, 89, 0.6) !important; }
.dark .dark\:border-teal-800\/60,
html.dark .dark\:border-teal-800\/60 { border-color: rgba(17, 94, 89, 0.6) !important; }

.dark .dark\:hover\:bg-teal-800\/60:hover,
html.dark .dark\:hover\:bg-teal-800\/60:hover { background-color: rgba(17, 94, 89, 0.6) !important; }
.dark .dark\:hover\:text-teal-800\/60:hover,
html.dark .dark\:hover\:text-teal-800\/60:hover { color: rgba(17, 94, 89, 0.6) !important; }
.dark .dark\:hover\:border-teal-800\/60:hover,
html.dark .dark\:hover\:border-teal-800\/60:hover { border-color: rgba(17, 94, 89, 0.6) !important; }

.bg-teal-800\/70 { background-color: rgba(17, 94, 89, 0.7) !important; }
.text-teal-800\/70 { color: rgba(17, 94, 89, 0.7) !important; }
.border-teal-800\/70 { border-color: rgba(17, 94, 89, 0.7) !important; }

.hover\:bg-teal-800\/70:hover { background-color: rgba(17, 94, 89, 0.7) !important; }
.hover\:text-teal-800\/70:hover { color: rgba(17, 94, 89, 0.7) !important; }
.hover\:border-teal-800\/70:hover { border-color: rgba(17, 94, 89, 0.7) !important; }

.dark .dark\:bg-teal-800\/70,
html.dark .dark\:bg-teal-800\/70 { background-color: rgba(17, 94, 89, 0.7) !important; }
.dark .dark\:text-teal-800\/70,
html.dark .dark\:text-teal-800\/70 { color: rgba(17, 94, 89, 0.7) !important; }
.dark .dark\:border-teal-800\/70,
html.dark .dark\:border-teal-800\/70 { border-color: rgba(17, 94, 89, 0.7) !important; }

.dark .dark\:hover\:bg-teal-800\/70:hover,
html.dark .dark\:hover\:bg-teal-800\/70:hover { background-color: rgba(17, 94, 89, 0.7) !important; }
.dark .dark\:hover\:text-teal-800\/70:hover,
html.dark .dark\:hover\:text-teal-800\/70:hover { color: rgba(17, 94, 89, 0.7) !important; }
.dark .dark\:hover\:border-teal-800\/70:hover,
html.dark .dark\:hover\:border-teal-800\/70:hover { border-color: rgba(17, 94, 89, 0.7) !important; }

.bg-teal-800\/75 { background-color: rgba(17, 94, 89, 0.75) !important; }
.text-teal-800\/75 { color: rgba(17, 94, 89, 0.75) !important; }
.border-teal-800\/75 { border-color: rgba(17, 94, 89, 0.75) !important; }

.hover\:bg-teal-800\/75:hover { background-color: rgba(17, 94, 89, 0.75) !important; }
.hover\:text-teal-800\/75:hover { color: rgba(17, 94, 89, 0.75) !important; }
.hover\:border-teal-800\/75:hover { border-color: rgba(17, 94, 89, 0.75) !important; }

.dark .dark\:bg-teal-800\/75,
html.dark .dark\:bg-teal-800\/75 { background-color: rgba(17, 94, 89, 0.75) !important; }
.dark .dark\:text-teal-800\/75,
html.dark .dark\:text-teal-800\/75 { color: rgba(17, 94, 89, 0.75) !important; }
.dark .dark\:border-teal-800\/75,
html.dark .dark\:border-teal-800\/75 { border-color: rgba(17, 94, 89, 0.75) !important; }

.dark .dark\:hover\:bg-teal-800\/75:hover,
html.dark .dark\:hover\:bg-teal-800\/75:hover { background-color: rgba(17, 94, 89, 0.75) !important; }
.dark .dark\:hover\:text-teal-800\/75:hover,
html.dark .dark\:hover\:text-teal-800\/75:hover { color: rgba(17, 94, 89, 0.75) !important; }
.dark .dark\:hover\:border-teal-800\/75:hover,
html.dark .dark\:hover\:border-teal-800\/75:hover { border-color: rgba(17, 94, 89, 0.75) !important; }

.bg-teal-800\/80 { background-color: rgba(17, 94, 89, 0.8) !important; }
.text-teal-800\/80 { color: rgba(17, 94, 89, 0.8) !important; }
.border-teal-800\/80 { border-color: rgba(17, 94, 89, 0.8) !important; }

.hover\:bg-teal-800\/80:hover { background-color: rgba(17, 94, 89, 0.8) !important; }
.hover\:text-teal-800\/80:hover { color: rgba(17, 94, 89, 0.8) !important; }
.hover\:border-teal-800\/80:hover { border-color: rgba(17, 94, 89, 0.8) !important; }

.dark .dark\:bg-teal-800\/80,
html.dark .dark\:bg-teal-800\/80 { background-color: rgba(17, 94, 89, 0.8) !important; }
.dark .dark\:text-teal-800\/80,
html.dark .dark\:text-teal-800\/80 { color: rgba(17, 94, 89, 0.8) !important; }
.dark .dark\:border-teal-800\/80,
html.dark .dark\:border-teal-800\/80 { border-color: rgba(17, 94, 89, 0.8) !important; }

.dark .dark\:hover\:bg-teal-800\/80:hover,
html.dark .dark\:hover\:bg-teal-800\/80:hover { background-color: rgba(17, 94, 89, 0.8) !important; }
.dark .dark\:hover\:text-teal-800\/80:hover,
html.dark .dark\:hover\:text-teal-800\/80:hover { color: rgba(17, 94, 89, 0.8) !important; }
.dark .dark\:hover\:border-teal-800\/80:hover,
html.dark .dark\:hover\:border-teal-800\/80:hover { border-color: rgba(17, 94, 89, 0.8) !important; }

.bg-teal-800\/90 { background-color: rgba(17, 94, 89, 0.9) !important; }
.text-teal-800\/90 { color: rgba(17, 94, 89, 0.9) !important; }
.border-teal-800\/90 { border-color: rgba(17, 94, 89, 0.9) !important; }

.hover\:bg-teal-800\/90:hover { background-color: rgba(17, 94, 89, 0.9) !important; }
.hover\:text-teal-800\/90:hover { color: rgba(17, 94, 89, 0.9) !important; }
.hover\:border-teal-800\/90:hover { border-color: rgba(17, 94, 89, 0.9) !important; }

.dark .dark\:bg-teal-800\/90,
html.dark .dark\:bg-teal-800\/90 { background-color: rgba(17, 94, 89, 0.9) !important; }
.dark .dark\:text-teal-800\/90,
html.dark .dark\:text-teal-800\/90 { color: rgba(17, 94, 89, 0.9) !important; }
.dark .dark\:border-teal-800\/90,
html.dark .dark\:border-teal-800\/90 { border-color: rgba(17, 94, 89, 0.9) !important; }

.dark .dark\:hover\:bg-teal-800\/90:hover,
html.dark .dark\:hover\:bg-teal-800\/90:hover { background-color: rgba(17, 94, 89, 0.9) !important; }
.dark .dark\:hover\:text-teal-800\/90:hover,
html.dark .dark\:hover\:text-teal-800\/90:hover { color: rgba(17, 94, 89, 0.9) !important; }
.dark .dark\:hover\:border-teal-800\/90:hover,
html.dark .dark\:hover\:border-teal-800\/90:hover { border-color: rgba(17, 94, 89, 0.9) !important; }

.bg-teal-800\/95 { background-color: rgba(17, 94, 89, 0.95) !important; }
.text-teal-800\/95 { color: rgba(17, 94, 89, 0.95) !important; }
.border-teal-800\/95 { border-color: rgba(17, 94, 89, 0.95) !important; }

.hover\:bg-teal-800\/95:hover { background-color: rgba(17, 94, 89, 0.95) !important; }
.hover\:text-teal-800\/95:hover { color: rgba(17, 94, 89, 0.95) !important; }
.hover\:border-teal-800\/95:hover { border-color: rgba(17, 94, 89, 0.95) !important; }

.dark .dark\:bg-teal-800\/95,
html.dark .dark\:bg-teal-800\/95 { background-color: rgba(17, 94, 89, 0.95) !important; }
.dark .dark\:text-teal-800\/95,
html.dark .dark\:text-teal-800\/95 { color: rgba(17, 94, 89, 0.95) !important; }
.dark .dark\:border-teal-800\/95,
html.dark .dark\:border-teal-800\/95 { border-color: rgba(17, 94, 89, 0.95) !important; }

.dark .dark\:hover\:bg-teal-800\/95:hover,
html.dark .dark\:hover\:bg-teal-800\/95:hover { background-color: rgba(17, 94, 89, 0.95) !important; }
.dark .dark\:hover\:text-teal-800\/95:hover,
html.dark .dark\:hover\:text-teal-800\/95:hover { color: rgba(17, 94, 89, 0.95) !important; }
.dark .dark\:hover\:border-teal-800\/95:hover,
html.dark .dark\:hover\:border-teal-800\/95:hover { border-color: rgba(17, 94, 89, 0.95) !important; }

.bg-teal-900 { background-color: #134e4a !important; }
.text-teal-900 { color: #134e4a !important; }
.border-teal-900 { border-color: #134e4a !important; }
.fill-teal-900 { fill: #134e4a !important; }
.stroke-teal-900 { stroke: #134e4a !important; }

/* Hover states */
.hover\:bg-teal-900:hover { background-color: #134e4a !important; }
.hover\:text-teal-900:hover { color: #134e4a !important; }
.hover\:border-teal-900:hover { border-color: #134e4a !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-900,
html.dark .dark\:bg-teal-900 { background-color: #134e4a !important; }
.dark .dark\:text-teal-900,
html.dark .dark\:text-teal-900 { color: #134e4a !important; }
.dark .dark\:border-teal-900,
html.dark .dark\:border-teal-900 { border-color: #134e4a !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-900:hover,
html.dark .dark\:hover\:bg-teal-900:hover { background-color: #134e4a !important; }
.dark .dark\:hover\:text-teal-900:hover,
html.dark .dark\:hover\:text-teal-900:hover { color: #134e4a !important; }
.dark .dark\:hover\:border-teal-900:hover,
html.dark .dark\:hover\:border-teal-900:hover { border-color: #134e4a !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-900,
html.dark .group:hover .dark\:group-hover\:text-teal-900 { color: #134e4a !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-900,
html.dark .group:hover .dark\:group-hover\:bg-teal-900 { background-color: #134e4a !important; }

.bg-teal-900\/10 { background-color: rgba(19, 78, 74, 0.1) !important; }
.text-teal-900\/10 { color: rgba(19, 78, 74, 0.1) !important; }
.border-teal-900\/10 { border-color: rgba(19, 78, 74, 0.1) !important; }

.hover\:bg-teal-900\/10:hover { background-color: rgba(19, 78, 74, 0.1) !important; }
.hover\:text-teal-900\/10:hover { color: rgba(19, 78, 74, 0.1) !important; }
.hover\:border-teal-900\/10:hover { border-color: rgba(19, 78, 74, 0.1) !important; }

.dark .dark\:bg-teal-900\/10,
html.dark .dark\:bg-teal-900\/10 { background-color: rgba(19, 78, 74, 0.1) !important; }
.dark .dark\:text-teal-900\/10,
html.dark .dark\:text-teal-900\/10 { color: rgba(19, 78, 74, 0.1) !important; }
.dark .dark\:border-teal-900\/10,
html.dark .dark\:border-teal-900\/10 { border-color: rgba(19, 78, 74, 0.1) !important; }

.dark .dark\:hover\:bg-teal-900\/10:hover,
html.dark .dark\:hover\:bg-teal-900\/10:hover { background-color: rgba(19, 78, 74, 0.1) !important; }
.dark .dark\:hover\:text-teal-900\/10:hover,
html.dark .dark\:hover\:text-teal-900\/10:hover { color: rgba(19, 78, 74, 0.1) !important; }
.dark .dark\:hover\:border-teal-900\/10:hover,
html.dark .dark\:hover\:border-teal-900\/10:hover { border-color: rgba(19, 78, 74, 0.1) !important; }

.bg-teal-900\/20 { background-color: rgba(19, 78, 74, 0.2) !important; }
.text-teal-900\/20 { color: rgba(19, 78, 74, 0.2) !important; }
.border-teal-900\/20 { border-color: rgba(19, 78, 74, 0.2) !important; }

.hover\:bg-teal-900\/20:hover { background-color: rgba(19, 78, 74, 0.2) !important; }
.hover\:text-teal-900\/20:hover { color: rgba(19, 78, 74, 0.2) !important; }
.hover\:border-teal-900\/20:hover { border-color: rgba(19, 78, 74, 0.2) !important; }

.dark .dark\:bg-teal-900\/20,
html.dark .dark\:bg-teal-900\/20 { background-color: rgba(19, 78, 74, 0.2) !important; }
.dark .dark\:text-teal-900\/20,
html.dark .dark\:text-teal-900\/20 { color: rgba(19, 78, 74, 0.2) !important; }
.dark .dark\:border-teal-900\/20,
html.dark .dark\:border-teal-900\/20 { border-color: rgba(19, 78, 74, 0.2) !important; }

.dark .dark\:hover\:bg-teal-900\/20:hover,
html.dark .dark\:hover\:bg-teal-900\/20:hover { background-color: rgba(19, 78, 74, 0.2) !important; }
.dark .dark\:hover\:text-teal-900\/20:hover,
html.dark .dark\:hover\:text-teal-900\/20:hover { color: rgba(19, 78, 74, 0.2) !important; }
.dark .dark\:hover\:border-teal-900\/20:hover,
html.dark .dark\:hover\:border-teal-900\/20:hover { border-color: rgba(19, 78, 74, 0.2) !important; }

.bg-teal-900\/25 { background-color: rgba(19, 78, 74, 0.25) !important; }
.text-teal-900\/25 { color: rgba(19, 78, 74, 0.25) !important; }
.border-teal-900\/25 { border-color: rgba(19, 78, 74, 0.25) !important; }

.hover\:bg-teal-900\/25:hover { background-color: rgba(19, 78, 74, 0.25) !important; }
.hover\:text-teal-900\/25:hover { color: rgba(19, 78, 74, 0.25) !important; }
.hover\:border-teal-900\/25:hover { border-color: rgba(19, 78, 74, 0.25) !important; }

.dark .dark\:bg-teal-900\/25,
html.dark .dark\:bg-teal-900\/25 { background-color: rgba(19, 78, 74, 0.25) !important; }
.dark .dark\:text-teal-900\/25,
html.dark .dark\:text-teal-900\/25 { color: rgba(19, 78, 74, 0.25) !important; }
.dark .dark\:border-teal-900\/25,
html.dark .dark\:border-teal-900\/25 { border-color: rgba(19, 78, 74, 0.25) !important; }

.dark .dark\:hover\:bg-teal-900\/25:hover,
html.dark .dark\:hover\:bg-teal-900\/25:hover { background-color: rgba(19, 78, 74, 0.25) !important; }
.dark .dark\:hover\:text-teal-900\/25:hover,
html.dark .dark\:hover\:text-teal-900\/25:hover { color: rgba(19, 78, 74, 0.25) !important; }
.dark .dark\:hover\:border-teal-900\/25:hover,
html.dark .dark\:hover\:border-teal-900\/25:hover { border-color: rgba(19, 78, 74, 0.25) !important; }

.bg-teal-900\/30 { background-color: rgba(19, 78, 74, 0.3) !important; }
.text-teal-900\/30 { color: rgba(19, 78, 74, 0.3) !important; }
.border-teal-900\/30 { border-color: rgba(19, 78, 74, 0.3) !important; }

.hover\:bg-teal-900\/30:hover { background-color: rgba(19, 78, 74, 0.3) !important; }
.hover\:text-teal-900\/30:hover { color: rgba(19, 78, 74, 0.3) !important; }
.hover\:border-teal-900\/30:hover { border-color: rgba(19, 78, 74, 0.3) !important; }

.dark .dark\:bg-teal-900\/30,
html.dark .dark\:bg-teal-900\/30 { background-color: rgba(19, 78, 74, 0.3) !important; }
.dark .dark\:text-teal-900\/30,
html.dark .dark\:text-teal-900\/30 { color: rgba(19, 78, 74, 0.3) !important; }
.dark .dark\:border-teal-900\/30,
html.dark .dark\:border-teal-900\/30 { border-color: rgba(19, 78, 74, 0.3) !important; }

.dark .dark\:hover\:bg-teal-900\/30:hover,
html.dark .dark\:hover\:bg-teal-900\/30:hover { background-color: rgba(19, 78, 74, 0.3) !important; }
.dark .dark\:hover\:text-teal-900\/30:hover,
html.dark .dark\:hover\:text-teal-900\/30:hover { color: rgba(19, 78, 74, 0.3) !important; }
.dark .dark\:hover\:border-teal-900\/30:hover,
html.dark .dark\:hover\:border-teal-900\/30:hover { border-color: rgba(19, 78, 74, 0.3) !important; }

.bg-teal-900\/40 { background-color: rgba(19, 78, 74, 0.4) !important; }
.text-teal-900\/40 { color: rgba(19, 78, 74, 0.4) !important; }
.border-teal-900\/40 { border-color: rgba(19, 78, 74, 0.4) !important; }

.hover\:bg-teal-900\/40:hover { background-color: rgba(19, 78, 74, 0.4) !important; }
.hover\:text-teal-900\/40:hover { color: rgba(19, 78, 74, 0.4) !important; }
.hover\:border-teal-900\/40:hover { border-color: rgba(19, 78, 74, 0.4) !important; }

.dark .dark\:bg-teal-900\/40,
html.dark .dark\:bg-teal-900\/40 { background-color: rgba(19, 78, 74, 0.4) !important; }
.dark .dark\:text-teal-900\/40,
html.dark .dark\:text-teal-900\/40 { color: rgba(19, 78, 74, 0.4) !important; }
.dark .dark\:border-teal-900\/40,
html.dark .dark\:border-teal-900\/40 { border-color: rgba(19, 78, 74, 0.4) !important; }

.dark .dark\:hover\:bg-teal-900\/40:hover,
html.dark .dark\:hover\:bg-teal-900\/40:hover { background-color: rgba(19, 78, 74, 0.4) !important; }
.dark .dark\:hover\:text-teal-900\/40:hover,
html.dark .dark\:hover\:text-teal-900\/40:hover { color: rgba(19, 78, 74, 0.4) !important; }
.dark .dark\:hover\:border-teal-900\/40:hover,
html.dark .dark\:hover\:border-teal-900\/40:hover { border-color: rgba(19, 78, 74, 0.4) !important; }

.bg-teal-900\/50 { background-color: rgba(19, 78, 74, 0.5) !important; }
.text-teal-900\/50 { color: rgba(19, 78, 74, 0.5) !important; }
.border-teal-900\/50 { border-color: rgba(19, 78, 74, 0.5) !important; }

.hover\:bg-teal-900\/50:hover { background-color: rgba(19, 78, 74, 0.5) !important; }
.hover\:text-teal-900\/50:hover { color: rgba(19, 78, 74, 0.5) !important; }
.hover\:border-teal-900\/50:hover { border-color: rgba(19, 78, 74, 0.5) !important; }

.dark .dark\:bg-teal-900\/50,
html.dark .dark\:bg-teal-900\/50 { background-color: rgba(19, 78, 74, 0.5) !important; }
.dark .dark\:text-teal-900\/50,
html.dark .dark\:text-teal-900\/50 { color: rgba(19, 78, 74, 0.5) !important; }
.dark .dark\:border-teal-900\/50,
html.dark .dark\:border-teal-900\/50 { border-color: rgba(19, 78, 74, 0.5) !important; }

.dark .dark\:hover\:bg-teal-900\/50:hover,
html.dark .dark\:hover\:bg-teal-900\/50:hover { background-color: rgba(19, 78, 74, 0.5) !important; }
.dark .dark\:hover\:text-teal-900\/50:hover,
html.dark .dark\:hover\:text-teal-900\/50:hover { color: rgba(19, 78, 74, 0.5) !important; }
.dark .dark\:hover\:border-teal-900\/50:hover,
html.dark .dark\:hover\:border-teal-900\/50:hover { border-color: rgba(19, 78, 74, 0.5) !important; }

.bg-teal-900\/60 { background-color: rgba(19, 78, 74, 0.6) !important; }
.text-teal-900\/60 { color: rgba(19, 78, 74, 0.6) !important; }
.border-teal-900\/60 { border-color: rgba(19, 78, 74, 0.6) !important; }

.hover\:bg-teal-900\/60:hover { background-color: rgba(19, 78, 74, 0.6) !important; }
.hover\:text-teal-900\/60:hover { color: rgba(19, 78, 74, 0.6) !important; }
.hover\:border-teal-900\/60:hover { border-color: rgba(19, 78, 74, 0.6) !important; }

.dark .dark\:bg-teal-900\/60,
html.dark .dark\:bg-teal-900\/60 { background-color: rgba(19, 78, 74, 0.6) !important; }
.dark .dark\:text-teal-900\/60,
html.dark .dark\:text-teal-900\/60 { color: rgba(19, 78, 74, 0.6) !important; }
.dark .dark\:border-teal-900\/60,
html.dark .dark\:border-teal-900\/60 { border-color: rgba(19, 78, 74, 0.6) !important; }

.dark .dark\:hover\:bg-teal-900\/60:hover,
html.dark .dark\:hover\:bg-teal-900\/60:hover { background-color: rgba(19, 78, 74, 0.6) !important; }
.dark .dark\:hover\:text-teal-900\/60:hover,
html.dark .dark\:hover\:text-teal-900\/60:hover { color: rgba(19, 78, 74, 0.6) !important; }
.dark .dark\:hover\:border-teal-900\/60:hover,
html.dark .dark\:hover\:border-teal-900\/60:hover { border-color: rgba(19, 78, 74, 0.6) !important; }

.bg-teal-900\/70 { background-color: rgba(19, 78, 74, 0.7) !important; }
.text-teal-900\/70 { color: rgba(19, 78, 74, 0.7) !important; }
.border-teal-900\/70 { border-color: rgba(19, 78, 74, 0.7) !important; }

.hover\:bg-teal-900\/70:hover { background-color: rgba(19, 78, 74, 0.7) !important; }
.hover\:text-teal-900\/70:hover { color: rgba(19, 78, 74, 0.7) !important; }
.hover\:border-teal-900\/70:hover { border-color: rgba(19, 78, 74, 0.7) !important; }

.dark .dark\:bg-teal-900\/70,
html.dark .dark\:bg-teal-900\/70 { background-color: rgba(19, 78, 74, 0.7) !important; }
.dark .dark\:text-teal-900\/70,
html.dark .dark\:text-teal-900\/70 { color: rgba(19, 78, 74, 0.7) !important; }
.dark .dark\:border-teal-900\/70,
html.dark .dark\:border-teal-900\/70 { border-color: rgba(19, 78, 74, 0.7) !important; }

.dark .dark\:hover\:bg-teal-900\/70:hover,
html.dark .dark\:hover\:bg-teal-900\/70:hover { background-color: rgba(19, 78, 74, 0.7) !important; }
.dark .dark\:hover\:text-teal-900\/70:hover,
html.dark .dark\:hover\:text-teal-900\/70:hover { color: rgba(19, 78, 74, 0.7) !important; }
.dark .dark\:hover\:border-teal-900\/70:hover,
html.dark .dark\:hover\:border-teal-900\/70:hover { border-color: rgba(19, 78, 74, 0.7) !important; }

.bg-teal-900\/75 { background-color: rgba(19, 78, 74, 0.75) !important; }
.text-teal-900\/75 { color: rgba(19, 78, 74, 0.75) !important; }
.border-teal-900\/75 { border-color: rgba(19, 78, 74, 0.75) !important; }

.hover\:bg-teal-900\/75:hover { background-color: rgba(19, 78, 74, 0.75) !important; }
.hover\:text-teal-900\/75:hover { color: rgba(19, 78, 74, 0.75) !important; }
.hover\:border-teal-900\/75:hover { border-color: rgba(19, 78, 74, 0.75) !important; }

.dark .dark\:bg-teal-900\/75,
html.dark .dark\:bg-teal-900\/75 { background-color: rgba(19, 78, 74, 0.75) !important; }
.dark .dark\:text-teal-900\/75,
html.dark .dark\:text-teal-900\/75 { color: rgba(19, 78, 74, 0.75) !important; }
.dark .dark\:border-teal-900\/75,
html.dark .dark\:border-teal-900\/75 { border-color: rgba(19, 78, 74, 0.75) !important; }

.dark .dark\:hover\:bg-teal-900\/75:hover,
html.dark .dark\:hover\:bg-teal-900\/75:hover { background-color: rgba(19, 78, 74, 0.75) !important; }
.dark .dark\:hover\:text-teal-900\/75:hover,
html.dark .dark\:hover\:text-teal-900\/75:hover { color: rgba(19, 78, 74, 0.75) !important; }
.dark .dark\:hover\:border-teal-900\/75:hover,
html.dark .dark\:hover\:border-teal-900\/75:hover { border-color: rgba(19, 78, 74, 0.75) !important; }

.bg-teal-900\/80 { background-color: rgba(19, 78, 74, 0.8) !important; }
.text-teal-900\/80 { color: rgba(19, 78, 74, 0.8) !important; }
.border-teal-900\/80 { border-color: rgba(19, 78, 74, 0.8) !important; }

.hover\:bg-teal-900\/80:hover { background-color: rgba(19, 78, 74, 0.8) !important; }
.hover\:text-teal-900\/80:hover { color: rgba(19, 78, 74, 0.8) !important; }
.hover\:border-teal-900\/80:hover { border-color: rgba(19, 78, 74, 0.8) !important; }

.dark .dark\:bg-teal-900\/80,
html.dark .dark\:bg-teal-900\/80 { background-color: rgba(19, 78, 74, 0.8) !important; }
.dark .dark\:text-teal-900\/80,
html.dark .dark\:text-teal-900\/80 { color: rgba(19, 78, 74, 0.8) !important; }
.dark .dark\:border-teal-900\/80,
html.dark .dark\:border-teal-900\/80 { border-color: rgba(19, 78, 74, 0.8) !important; }

.dark .dark\:hover\:bg-teal-900\/80:hover,
html.dark .dark\:hover\:bg-teal-900\/80:hover { background-color: rgba(19, 78, 74, 0.8) !important; }
.dark .dark\:hover\:text-teal-900\/80:hover,
html.dark .dark\:hover\:text-teal-900\/80:hover { color: rgba(19, 78, 74, 0.8) !important; }
.dark .dark\:hover\:border-teal-900\/80:hover,
html.dark .dark\:hover\:border-teal-900\/80:hover { border-color: rgba(19, 78, 74, 0.8) !important; }

.bg-teal-900\/90 { background-color: rgba(19, 78, 74, 0.9) !important; }
.text-teal-900\/90 { color: rgba(19, 78, 74, 0.9) !important; }
.border-teal-900\/90 { border-color: rgba(19, 78, 74, 0.9) !important; }

.hover\:bg-teal-900\/90:hover { background-color: rgba(19, 78, 74, 0.9) !important; }
.hover\:text-teal-900\/90:hover { color: rgba(19, 78, 74, 0.9) !important; }
.hover\:border-teal-900\/90:hover { border-color: rgba(19, 78, 74, 0.9) !important; }

.dark .dark\:bg-teal-900\/90,
html.dark .dark\:bg-teal-900\/90 { background-color: rgba(19, 78, 74, 0.9) !important; }
.dark .dark\:text-teal-900\/90,
html.dark .dark\:text-teal-900\/90 { color: rgba(19, 78, 74, 0.9) !important; }
.dark .dark\:border-teal-900\/90,
html.dark .dark\:border-teal-900\/90 { border-color: rgba(19, 78, 74, 0.9) !important; }

.dark .dark\:hover\:bg-teal-900\/90:hover,
html.dark .dark\:hover\:bg-teal-900\/90:hover { background-color: rgba(19, 78, 74, 0.9) !important; }
.dark .dark\:hover\:text-teal-900\/90:hover,
html.dark .dark\:hover\:text-teal-900\/90:hover { color: rgba(19, 78, 74, 0.9) !important; }
.dark .dark\:hover\:border-teal-900\/90:hover,
html.dark .dark\:hover\:border-teal-900\/90:hover { border-color: rgba(19, 78, 74, 0.9) !important; }

.bg-teal-900\/95 { background-color: rgba(19, 78, 74, 0.95) !important; }
.text-teal-900\/95 { color: rgba(19, 78, 74, 0.95) !important; }
.border-teal-900\/95 { border-color: rgba(19, 78, 74, 0.95) !important; }

.hover\:bg-teal-900\/95:hover { background-color: rgba(19, 78, 74, 0.95) !important; }
.hover\:text-teal-900\/95:hover { color: rgba(19, 78, 74, 0.95) !important; }
.hover\:border-teal-900\/95:hover { border-color: rgba(19, 78, 74, 0.95) !important; }

.dark .dark\:bg-teal-900\/95,
html.dark .dark\:bg-teal-900\/95 { background-color: rgba(19, 78, 74, 0.95) !important; }
.dark .dark\:text-teal-900\/95,
html.dark .dark\:text-teal-900\/95 { color: rgba(19, 78, 74, 0.95) !important; }
.dark .dark\:border-teal-900\/95,
html.dark .dark\:border-teal-900\/95 { border-color: rgba(19, 78, 74, 0.95) !important; }

.dark .dark\:hover\:bg-teal-900\/95:hover,
html.dark .dark\:hover\:bg-teal-900\/95:hover { background-color: rgba(19, 78, 74, 0.95) !important; }
.dark .dark\:hover\:text-teal-900\/95:hover,
html.dark .dark\:hover\:text-teal-900\/95:hover { color: rgba(19, 78, 74, 0.95) !important; }
.dark .dark\:hover\:border-teal-900\/95:hover,
html.dark .dark\:hover\:border-teal-900\/95:hover { border-color: rgba(19, 78, 74, 0.95) !important; }

.bg-teal-950 { background-color: #042f2e !important; }
.text-teal-950 { color: #042f2e !important; }
.border-teal-950 { border-color: #042f2e !important; }
.fill-teal-950 { fill: #042f2e !important; }
.stroke-teal-950 { stroke: #042f2e !important; }

/* Hover states */
.hover\:bg-teal-950:hover { background-color: #042f2e !important; }
.hover\:text-teal-950:hover { color: #042f2e !important; }
.hover\:border-teal-950:hover { border-color: #042f2e !important; }

/* Dark mode standard */
.dark .dark\:bg-teal-950,
html.dark .dark\:bg-teal-950 { background-color: #042f2e !important; }
.dark .dark\:text-teal-950,
html.dark .dark\:text-teal-950 { color: #042f2e !important; }
.dark .dark\:border-teal-950,
html.dark .dark\:border-teal-950 { border-color: #042f2e !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-teal-950:hover,
html.dark .dark\:hover\:bg-teal-950:hover { background-color: #042f2e !important; }
.dark .dark\:hover\:text-teal-950:hover,
html.dark .dark\:hover\:text-teal-950:hover { color: #042f2e !important; }
.dark .dark\:hover\:border-teal-950:hover,
html.dark .dark\:hover\:border-teal-950:hover { border-color: #042f2e !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-teal-950,
html.dark .group:hover .dark\:group-hover\:text-teal-950 { color: #042f2e !important; }
.dark .group:hover .dark\:group-hover\:bg-teal-950,
html.dark .group:hover .dark\:group-hover\:bg-teal-950 { background-color: #042f2e !important; }

.bg-teal-950\/10 { background-color: rgba(4, 47, 46, 0.1) !important; }
.text-teal-950\/10 { color: rgba(4, 47, 46, 0.1) !important; }
.border-teal-950\/10 { border-color: rgba(4, 47, 46, 0.1) !important; }

.hover\:bg-teal-950\/10:hover { background-color: rgba(4, 47, 46, 0.1) !important; }
.hover\:text-teal-950\/10:hover { color: rgba(4, 47, 46, 0.1) !important; }
.hover\:border-teal-950\/10:hover { border-color: rgba(4, 47, 46, 0.1) !important; }

.dark .dark\:bg-teal-950\/10,
html.dark .dark\:bg-teal-950\/10 { background-color: rgba(4, 47, 46, 0.1) !important; }
.dark .dark\:text-teal-950\/10,
html.dark .dark\:text-teal-950\/10 { color: rgba(4, 47, 46, 0.1) !important; }
.dark .dark\:border-teal-950\/10,
html.dark .dark\:border-teal-950\/10 { border-color: rgba(4, 47, 46, 0.1) !important; }

.dark .dark\:hover\:bg-teal-950\/10:hover,
html.dark .dark\:hover\:bg-teal-950\/10:hover { background-color: rgba(4, 47, 46, 0.1) !important; }
.dark .dark\:hover\:text-teal-950\/10:hover,
html.dark .dark\:hover\:text-teal-950\/10:hover { color: rgba(4, 47, 46, 0.1) !important; }
.dark .dark\:hover\:border-teal-950\/10:hover,
html.dark .dark\:hover\:border-teal-950\/10:hover { border-color: rgba(4, 47, 46, 0.1) !important; }

.bg-teal-950\/20 { background-color: rgba(4, 47, 46, 0.2) !important; }
.text-teal-950\/20 { color: rgba(4, 47, 46, 0.2) !important; }
.border-teal-950\/20 { border-color: rgba(4, 47, 46, 0.2) !important; }

.hover\:bg-teal-950\/20:hover { background-color: rgba(4, 47, 46, 0.2) !important; }
.hover\:text-teal-950\/20:hover { color: rgba(4, 47, 46, 0.2) !important; }
.hover\:border-teal-950\/20:hover { border-color: rgba(4, 47, 46, 0.2) !important; }

.dark .dark\:bg-teal-950\/20,
html.dark .dark\:bg-teal-950\/20 { background-color: rgba(4, 47, 46, 0.2) !important; }
.dark .dark\:text-teal-950\/20,
html.dark .dark\:text-teal-950\/20 { color: rgba(4, 47, 46, 0.2) !important; }
.dark .dark\:border-teal-950\/20,
html.dark .dark\:border-teal-950\/20 { border-color: rgba(4, 47, 46, 0.2) !important; }

.dark .dark\:hover\:bg-teal-950\/20:hover,
html.dark .dark\:hover\:bg-teal-950\/20:hover { background-color: rgba(4, 47, 46, 0.2) !important; }
.dark .dark\:hover\:text-teal-950\/20:hover,
html.dark .dark\:hover\:text-teal-950\/20:hover { color: rgba(4, 47, 46, 0.2) !important; }
.dark .dark\:hover\:border-teal-950\/20:hover,
html.dark .dark\:hover\:border-teal-950\/20:hover { border-color: rgba(4, 47, 46, 0.2) !important; }

.bg-teal-950\/25 { background-color: rgba(4, 47, 46, 0.25) !important; }
.text-teal-950\/25 { color: rgba(4, 47, 46, 0.25) !important; }
.border-teal-950\/25 { border-color: rgba(4, 47, 46, 0.25) !important; }

.hover\:bg-teal-950\/25:hover { background-color: rgba(4, 47, 46, 0.25) !important; }
.hover\:text-teal-950\/25:hover { color: rgba(4, 47, 46, 0.25) !important; }
.hover\:border-teal-950\/25:hover { border-color: rgba(4, 47, 46, 0.25) !important; }

.dark .dark\:bg-teal-950\/25,
html.dark .dark\:bg-teal-950\/25 { background-color: rgba(4, 47, 46, 0.25) !important; }
.dark .dark\:text-teal-950\/25,
html.dark .dark\:text-teal-950\/25 { color: rgba(4, 47, 46, 0.25) !important; }
.dark .dark\:border-teal-950\/25,
html.dark .dark\:border-teal-950\/25 { border-color: rgba(4, 47, 46, 0.25) !important; }

.dark .dark\:hover\:bg-teal-950\/25:hover,
html.dark .dark\:hover\:bg-teal-950\/25:hover { background-color: rgba(4, 47, 46, 0.25) !important; }
.dark .dark\:hover\:text-teal-950\/25:hover,
html.dark .dark\:hover\:text-teal-950\/25:hover { color: rgba(4, 47, 46, 0.25) !important; }
.dark .dark\:hover\:border-teal-950\/25:hover,
html.dark .dark\:hover\:border-teal-950\/25:hover { border-color: rgba(4, 47, 46, 0.25) !important; }

.bg-teal-950\/30 { background-color: rgba(4, 47, 46, 0.3) !important; }
.text-teal-950\/30 { color: rgba(4, 47, 46, 0.3) !important; }
.border-teal-950\/30 { border-color: rgba(4, 47, 46, 0.3) !important; }

.hover\:bg-teal-950\/30:hover { background-color: rgba(4, 47, 46, 0.3) !important; }
.hover\:text-teal-950\/30:hover { color: rgba(4, 47, 46, 0.3) !important; }
.hover\:border-teal-950\/30:hover { border-color: rgba(4, 47, 46, 0.3) !important; }

.dark .dark\:bg-teal-950\/30,
html.dark .dark\:bg-teal-950\/30 { background-color: rgba(4, 47, 46, 0.3) !important; }
.dark .dark\:text-teal-950\/30,
html.dark .dark\:text-teal-950\/30 { color: rgba(4, 47, 46, 0.3) !important; }
.dark .dark\:border-teal-950\/30,
html.dark .dark\:border-teal-950\/30 { border-color: rgba(4, 47, 46, 0.3) !important; }

.dark .dark\:hover\:bg-teal-950\/30:hover,
html.dark .dark\:hover\:bg-teal-950\/30:hover { background-color: rgba(4, 47, 46, 0.3) !important; }
.dark .dark\:hover\:text-teal-950\/30:hover,
html.dark .dark\:hover\:text-teal-950\/30:hover { color: rgba(4, 47, 46, 0.3) !important; }
.dark .dark\:hover\:border-teal-950\/30:hover,
html.dark .dark\:hover\:border-teal-950\/30:hover { border-color: rgba(4, 47, 46, 0.3) !important; }

.bg-teal-950\/40 { background-color: rgba(4, 47, 46, 0.4) !important; }
.text-teal-950\/40 { color: rgba(4, 47, 46, 0.4) !important; }
.border-teal-950\/40 { border-color: rgba(4, 47, 46, 0.4) !important; }

.hover\:bg-teal-950\/40:hover { background-color: rgba(4, 47, 46, 0.4) !important; }
.hover\:text-teal-950\/40:hover { color: rgba(4, 47, 46, 0.4) !important; }
.hover\:border-teal-950\/40:hover { border-color: rgba(4, 47, 46, 0.4) !important; }

.dark .dark\:bg-teal-950\/40,
html.dark .dark\:bg-teal-950\/40 { background-color: rgba(4, 47, 46, 0.4) !important; }
.dark .dark\:text-teal-950\/40,
html.dark .dark\:text-teal-950\/40 { color: rgba(4, 47, 46, 0.4) !important; }
.dark .dark\:border-teal-950\/40,
html.dark .dark\:border-teal-950\/40 { border-color: rgba(4, 47, 46, 0.4) !important; }

.dark .dark\:hover\:bg-teal-950\/40:hover,
html.dark .dark\:hover\:bg-teal-950\/40:hover { background-color: rgba(4, 47, 46, 0.4) !important; }
.dark .dark\:hover\:text-teal-950\/40:hover,
html.dark .dark\:hover\:text-teal-950\/40:hover { color: rgba(4, 47, 46, 0.4) !important; }
.dark .dark\:hover\:border-teal-950\/40:hover,
html.dark .dark\:hover\:border-teal-950\/40:hover { border-color: rgba(4, 47, 46, 0.4) !important; }

.bg-teal-950\/50 { background-color: rgba(4, 47, 46, 0.5) !important; }
.text-teal-950\/50 { color: rgba(4, 47, 46, 0.5) !important; }
.border-teal-950\/50 { border-color: rgba(4, 47, 46, 0.5) !important; }

.hover\:bg-teal-950\/50:hover { background-color: rgba(4, 47, 46, 0.5) !important; }
.hover\:text-teal-950\/50:hover { color: rgba(4, 47, 46, 0.5) !important; }
.hover\:border-teal-950\/50:hover { border-color: rgba(4, 47, 46, 0.5) !important; }

.dark .dark\:bg-teal-950\/50,
html.dark .dark\:bg-teal-950\/50 { background-color: rgba(4, 47, 46, 0.5) !important; }
.dark .dark\:text-teal-950\/50,
html.dark .dark\:text-teal-950\/50 { color: rgba(4, 47, 46, 0.5) !important; }
.dark .dark\:border-teal-950\/50,
html.dark .dark\:border-teal-950\/50 { border-color: rgba(4, 47, 46, 0.5) !important; }

.dark .dark\:hover\:bg-teal-950\/50:hover,
html.dark .dark\:hover\:bg-teal-950\/50:hover { background-color: rgba(4, 47, 46, 0.5) !important; }
.dark .dark\:hover\:text-teal-950\/50:hover,
html.dark .dark\:hover\:text-teal-950\/50:hover { color: rgba(4, 47, 46, 0.5) !important; }
.dark .dark\:hover\:border-teal-950\/50:hover,
html.dark .dark\:hover\:border-teal-950\/50:hover { border-color: rgba(4, 47, 46, 0.5) !important; }

.bg-teal-950\/60 { background-color: rgba(4, 47, 46, 0.6) !important; }
.text-teal-950\/60 { color: rgba(4, 47, 46, 0.6) !important; }
.border-teal-950\/60 { border-color: rgba(4, 47, 46, 0.6) !important; }

.hover\:bg-teal-950\/60:hover { background-color: rgba(4, 47, 46, 0.6) !important; }
.hover\:text-teal-950\/60:hover { color: rgba(4, 47, 46, 0.6) !important; }
.hover\:border-teal-950\/60:hover { border-color: rgba(4, 47, 46, 0.6) !important; }

.dark .dark\:bg-teal-950\/60,
html.dark .dark\:bg-teal-950\/60 { background-color: rgba(4, 47, 46, 0.6) !important; }
.dark .dark\:text-teal-950\/60,
html.dark .dark\:text-teal-950\/60 { color: rgba(4, 47, 46, 0.6) !important; }
.dark .dark\:border-teal-950\/60,
html.dark .dark\:border-teal-950\/60 { border-color: rgba(4, 47, 46, 0.6) !important; }

.dark .dark\:hover\:bg-teal-950\/60:hover,
html.dark .dark\:hover\:bg-teal-950\/60:hover { background-color: rgba(4, 47, 46, 0.6) !important; }
.dark .dark\:hover\:text-teal-950\/60:hover,
html.dark .dark\:hover\:text-teal-950\/60:hover { color: rgba(4, 47, 46, 0.6) !important; }
.dark .dark\:hover\:border-teal-950\/60:hover,
html.dark .dark\:hover\:border-teal-950\/60:hover { border-color: rgba(4, 47, 46, 0.6) !important; }

.bg-teal-950\/70 { background-color: rgba(4, 47, 46, 0.7) !important; }
.text-teal-950\/70 { color: rgba(4, 47, 46, 0.7) !important; }
.border-teal-950\/70 { border-color: rgba(4, 47, 46, 0.7) !important; }

.hover\:bg-teal-950\/70:hover { background-color: rgba(4, 47, 46, 0.7) !important; }
.hover\:text-teal-950\/70:hover { color: rgba(4, 47, 46, 0.7) !important; }
.hover\:border-teal-950\/70:hover { border-color: rgba(4, 47, 46, 0.7) !important; }

.dark .dark\:bg-teal-950\/70,
html.dark .dark\:bg-teal-950\/70 { background-color: rgba(4, 47, 46, 0.7) !important; }
.dark .dark\:text-teal-950\/70,
html.dark .dark\:text-teal-950\/70 { color: rgba(4, 47, 46, 0.7) !important; }
.dark .dark\:border-teal-950\/70,
html.dark .dark\:border-teal-950\/70 { border-color: rgba(4, 47, 46, 0.7) !important; }

.dark .dark\:hover\:bg-teal-950\/70:hover,
html.dark .dark\:hover\:bg-teal-950\/70:hover { background-color: rgba(4, 47, 46, 0.7) !important; }
.dark .dark\:hover\:text-teal-950\/70:hover,
html.dark .dark\:hover\:text-teal-950\/70:hover { color: rgba(4, 47, 46, 0.7) !important; }
.dark .dark\:hover\:border-teal-950\/70:hover,
html.dark .dark\:hover\:border-teal-950\/70:hover { border-color: rgba(4, 47, 46, 0.7) !important; }

.bg-teal-950\/75 { background-color: rgba(4, 47, 46, 0.75) !important; }
.text-teal-950\/75 { color: rgba(4, 47, 46, 0.75) !important; }
.border-teal-950\/75 { border-color: rgba(4, 47, 46, 0.75) !important; }

.hover\:bg-teal-950\/75:hover { background-color: rgba(4, 47, 46, 0.75) !important; }
.hover\:text-teal-950\/75:hover { color: rgba(4, 47, 46, 0.75) !important; }
.hover\:border-teal-950\/75:hover { border-color: rgba(4, 47, 46, 0.75) !important; }

.dark .dark\:bg-teal-950\/75,
html.dark .dark\:bg-teal-950\/75 { background-color: rgba(4, 47, 46, 0.75) !important; }
.dark .dark\:text-teal-950\/75,
html.dark .dark\:text-teal-950\/75 { color: rgba(4, 47, 46, 0.75) !important; }
.dark .dark\:border-teal-950\/75,
html.dark .dark\:border-teal-950\/75 { border-color: rgba(4, 47, 46, 0.75) !important; }

.dark .dark\:hover\:bg-teal-950\/75:hover,
html.dark .dark\:hover\:bg-teal-950\/75:hover { background-color: rgba(4, 47, 46, 0.75) !important; }
.dark .dark\:hover\:text-teal-950\/75:hover,
html.dark .dark\:hover\:text-teal-950\/75:hover { color: rgba(4, 47, 46, 0.75) !important; }
.dark .dark\:hover\:border-teal-950\/75:hover,
html.dark .dark\:hover\:border-teal-950\/75:hover { border-color: rgba(4, 47, 46, 0.75) !important; }

.bg-teal-950\/80 { background-color: rgba(4, 47, 46, 0.8) !important; }
.text-teal-950\/80 { color: rgba(4, 47, 46, 0.8) !important; }
.border-teal-950\/80 { border-color: rgba(4, 47, 46, 0.8) !important; }

.hover\:bg-teal-950\/80:hover { background-color: rgba(4, 47, 46, 0.8) !important; }
.hover\:text-teal-950\/80:hover { color: rgba(4, 47, 46, 0.8) !important; }
.hover\:border-teal-950\/80:hover { border-color: rgba(4, 47, 46, 0.8) !important; }

.dark .dark\:bg-teal-950\/80,
html.dark .dark\:bg-teal-950\/80 { background-color: rgba(4, 47, 46, 0.8) !important; }
.dark .dark\:text-teal-950\/80,
html.dark .dark\:text-teal-950\/80 { color: rgba(4, 47, 46, 0.8) !important; }
.dark .dark\:border-teal-950\/80,
html.dark .dark\:border-teal-950\/80 { border-color: rgba(4, 47, 46, 0.8) !important; }

.dark .dark\:hover\:bg-teal-950\/80:hover,
html.dark .dark\:hover\:bg-teal-950\/80:hover { background-color: rgba(4, 47, 46, 0.8) !important; }
.dark .dark\:hover\:text-teal-950\/80:hover,
html.dark .dark\:hover\:text-teal-950\/80:hover { color: rgba(4, 47, 46, 0.8) !important; }
.dark .dark\:hover\:border-teal-950\/80:hover,
html.dark .dark\:hover\:border-teal-950\/80:hover { border-color: rgba(4, 47, 46, 0.8) !important; }

.bg-teal-950\/90 { background-color: rgba(4, 47, 46, 0.9) !important; }
.text-teal-950\/90 { color: rgba(4, 47, 46, 0.9) !important; }
.border-teal-950\/90 { border-color: rgba(4, 47, 46, 0.9) !important; }

.hover\:bg-teal-950\/90:hover { background-color: rgba(4, 47, 46, 0.9) !important; }
.hover\:text-teal-950\/90:hover { color: rgba(4, 47, 46, 0.9) !important; }
.hover\:border-teal-950\/90:hover { border-color: rgba(4, 47, 46, 0.9) !important; }

.dark .dark\:bg-teal-950\/90,
html.dark .dark\:bg-teal-950\/90 { background-color: rgba(4, 47, 46, 0.9) !important; }
.dark .dark\:text-teal-950\/90,
html.dark .dark\:text-teal-950\/90 { color: rgba(4, 47, 46, 0.9) !important; }
.dark .dark\:border-teal-950\/90,
html.dark .dark\:border-teal-950\/90 { border-color: rgba(4, 47, 46, 0.9) !important; }

.dark .dark\:hover\:bg-teal-950\/90:hover,
html.dark .dark\:hover\:bg-teal-950\/90:hover { background-color: rgba(4, 47, 46, 0.9) !important; }
.dark .dark\:hover\:text-teal-950\/90:hover,
html.dark .dark\:hover\:text-teal-950\/90:hover { color: rgba(4, 47, 46, 0.9) !important; }
.dark .dark\:hover\:border-teal-950\/90:hover,
html.dark .dark\:hover\:border-teal-950\/90:hover { border-color: rgba(4, 47, 46, 0.9) !important; }

.bg-teal-950\/95 { background-color: rgba(4, 47, 46, 0.95) !important; }
.text-teal-950\/95 { color: rgba(4, 47, 46, 0.95) !important; }
.border-teal-950\/95 { border-color: rgba(4, 47, 46, 0.95) !important; }

.hover\:bg-teal-950\/95:hover { background-color: rgba(4, 47, 46, 0.95) !important; }
.hover\:text-teal-950\/95:hover { color: rgba(4, 47, 46, 0.95) !important; }
.hover\:border-teal-950\/95:hover { border-color: rgba(4, 47, 46, 0.95) !important; }

.dark .dark\:bg-teal-950\/95,
html.dark .dark\:bg-teal-950\/95 { background-color: rgba(4, 47, 46, 0.95) !important; }
.dark .dark\:text-teal-950\/95,
html.dark .dark\:text-teal-950\/95 { color: rgba(4, 47, 46, 0.95) !important; }
.dark .dark\:border-teal-950\/95,
html.dark .dark\:border-teal-950\/95 { border-color: rgba(4, 47, 46, 0.95) !important; }

.dark .dark\:hover\:bg-teal-950\/95:hover,
html.dark .dark\:hover\:bg-teal-950\/95:hover { background-color: rgba(4, 47, 46, 0.95) !important; }
.dark .dark\:hover\:text-teal-950\/95:hover,
html.dark .dark\:hover\:text-teal-950\/95:hover { color: rgba(4, 47, 46, 0.95) !important; }
.dark .dark\:hover\:border-teal-950\/95:hover,
html.dark .dark\:hover\:border-teal-950\/95:hover { border-color: rgba(4, 47, 46, 0.95) !important; }

.bg-cyan-50 { background-color: #ecfeff !important; }
.text-cyan-50 { color: #ecfeff !important; }
.border-cyan-50 { border-color: #ecfeff !important; }
.fill-cyan-50 { fill: #ecfeff !important; }
.stroke-cyan-50 { stroke: #ecfeff !important; }

/* Hover states */
.hover\:bg-cyan-50:hover { background-color: #ecfeff !important; }
.hover\:text-cyan-50:hover { color: #ecfeff !important; }
.hover\:border-cyan-50:hover { border-color: #ecfeff !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-50,
html.dark .dark\:bg-cyan-50 { background-color: #ecfeff !important; }
.dark .dark\:text-cyan-50,
html.dark .dark\:text-cyan-50 { color: #ecfeff !important; }
.dark .dark\:border-cyan-50,
html.dark .dark\:border-cyan-50 { border-color: #ecfeff !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-50:hover,
html.dark .dark\:hover\:bg-cyan-50:hover { background-color: #ecfeff !important; }
.dark .dark\:hover\:text-cyan-50:hover,
html.dark .dark\:hover\:text-cyan-50:hover { color: #ecfeff !important; }
.dark .dark\:hover\:border-cyan-50:hover,
html.dark .dark\:hover\:border-cyan-50:hover { border-color: #ecfeff !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-50,
html.dark .group:hover .dark\:group-hover\:text-cyan-50 { color: #ecfeff !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-50,
html.dark .group:hover .dark\:group-hover\:bg-cyan-50 { background-color: #ecfeff !important; }

.bg-cyan-50\/10 { background-color: rgba(236, 254, 255, 0.1) !important; }
.text-cyan-50\/10 { color: rgba(236, 254, 255, 0.1) !important; }
.border-cyan-50\/10 { border-color: rgba(236, 254, 255, 0.1) !important; }

.hover\:bg-cyan-50\/10:hover { background-color: rgba(236, 254, 255, 0.1) !important; }
.hover\:text-cyan-50\/10:hover { color: rgba(236, 254, 255, 0.1) !important; }
.hover\:border-cyan-50\/10:hover { border-color: rgba(236, 254, 255, 0.1) !important; }

.dark .dark\:bg-cyan-50\/10,
html.dark .dark\:bg-cyan-50\/10 { background-color: rgba(236, 254, 255, 0.1) !important; }
.dark .dark\:text-cyan-50\/10,
html.dark .dark\:text-cyan-50\/10 { color: rgba(236, 254, 255, 0.1) !important; }
.dark .dark\:border-cyan-50\/10,
html.dark .dark\:border-cyan-50\/10 { border-color: rgba(236, 254, 255, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-50\/10:hover,
html.dark .dark\:hover\:bg-cyan-50\/10:hover { background-color: rgba(236, 254, 255, 0.1) !important; }
.dark .dark\:hover\:text-cyan-50\/10:hover,
html.dark .dark\:hover\:text-cyan-50\/10:hover { color: rgba(236, 254, 255, 0.1) !important; }
.dark .dark\:hover\:border-cyan-50\/10:hover,
html.dark .dark\:hover\:border-cyan-50\/10:hover { border-color: rgba(236, 254, 255, 0.1) !important; }

.bg-cyan-50\/20 { background-color: rgba(236, 254, 255, 0.2) !important; }
.text-cyan-50\/20 { color: rgba(236, 254, 255, 0.2) !important; }
.border-cyan-50\/20 { border-color: rgba(236, 254, 255, 0.2) !important; }

.hover\:bg-cyan-50\/20:hover { background-color: rgba(236, 254, 255, 0.2) !important; }
.hover\:text-cyan-50\/20:hover { color: rgba(236, 254, 255, 0.2) !important; }
.hover\:border-cyan-50\/20:hover { border-color: rgba(236, 254, 255, 0.2) !important; }

.dark .dark\:bg-cyan-50\/20,
html.dark .dark\:bg-cyan-50\/20 { background-color: rgba(236, 254, 255, 0.2) !important; }
.dark .dark\:text-cyan-50\/20,
html.dark .dark\:text-cyan-50\/20 { color: rgba(236, 254, 255, 0.2) !important; }
.dark .dark\:border-cyan-50\/20,
html.dark .dark\:border-cyan-50\/20 { border-color: rgba(236, 254, 255, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-50\/20:hover,
html.dark .dark\:hover\:bg-cyan-50\/20:hover { background-color: rgba(236, 254, 255, 0.2) !important; }
.dark .dark\:hover\:text-cyan-50\/20:hover,
html.dark .dark\:hover\:text-cyan-50\/20:hover { color: rgba(236, 254, 255, 0.2) !important; }
.dark .dark\:hover\:border-cyan-50\/20:hover,
html.dark .dark\:hover\:border-cyan-50\/20:hover { border-color: rgba(236, 254, 255, 0.2) !important; }

.bg-cyan-50\/25 { background-color: rgba(236, 254, 255, 0.25) !important; }
.text-cyan-50\/25 { color: rgba(236, 254, 255, 0.25) !important; }
.border-cyan-50\/25 { border-color: rgba(236, 254, 255, 0.25) !important; }

.hover\:bg-cyan-50\/25:hover { background-color: rgba(236, 254, 255, 0.25) !important; }
.hover\:text-cyan-50\/25:hover { color: rgba(236, 254, 255, 0.25) !important; }
.hover\:border-cyan-50\/25:hover { border-color: rgba(236, 254, 255, 0.25) !important; }

.dark .dark\:bg-cyan-50\/25,
html.dark .dark\:bg-cyan-50\/25 { background-color: rgba(236, 254, 255, 0.25) !important; }
.dark .dark\:text-cyan-50\/25,
html.dark .dark\:text-cyan-50\/25 { color: rgba(236, 254, 255, 0.25) !important; }
.dark .dark\:border-cyan-50\/25,
html.dark .dark\:border-cyan-50\/25 { border-color: rgba(236, 254, 255, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-50\/25:hover,
html.dark .dark\:hover\:bg-cyan-50\/25:hover { background-color: rgba(236, 254, 255, 0.25) !important; }
.dark .dark\:hover\:text-cyan-50\/25:hover,
html.dark .dark\:hover\:text-cyan-50\/25:hover { color: rgba(236, 254, 255, 0.25) !important; }
.dark .dark\:hover\:border-cyan-50\/25:hover,
html.dark .dark\:hover\:border-cyan-50\/25:hover { border-color: rgba(236, 254, 255, 0.25) !important; }

.bg-cyan-50\/30 { background-color: rgba(236, 254, 255, 0.3) !important; }
.text-cyan-50\/30 { color: rgba(236, 254, 255, 0.3) !important; }
.border-cyan-50\/30 { border-color: rgba(236, 254, 255, 0.3) !important; }

.hover\:bg-cyan-50\/30:hover { background-color: rgba(236, 254, 255, 0.3) !important; }
.hover\:text-cyan-50\/30:hover { color: rgba(236, 254, 255, 0.3) !important; }
.hover\:border-cyan-50\/30:hover { border-color: rgba(236, 254, 255, 0.3) !important; }

.dark .dark\:bg-cyan-50\/30,
html.dark .dark\:bg-cyan-50\/30 { background-color: rgba(236, 254, 255, 0.3) !important; }
.dark .dark\:text-cyan-50\/30,
html.dark .dark\:text-cyan-50\/30 { color: rgba(236, 254, 255, 0.3) !important; }
.dark .dark\:border-cyan-50\/30,
html.dark .dark\:border-cyan-50\/30 { border-color: rgba(236, 254, 255, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-50\/30:hover,
html.dark .dark\:hover\:bg-cyan-50\/30:hover { background-color: rgba(236, 254, 255, 0.3) !important; }
.dark .dark\:hover\:text-cyan-50\/30:hover,
html.dark .dark\:hover\:text-cyan-50\/30:hover { color: rgba(236, 254, 255, 0.3) !important; }
.dark .dark\:hover\:border-cyan-50\/30:hover,
html.dark .dark\:hover\:border-cyan-50\/30:hover { border-color: rgba(236, 254, 255, 0.3) !important; }

.bg-cyan-50\/40 { background-color: rgba(236, 254, 255, 0.4) !important; }
.text-cyan-50\/40 { color: rgba(236, 254, 255, 0.4) !important; }
.border-cyan-50\/40 { border-color: rgba(236, 254, 255, 0.4) !important; }

.hover\:bg-cyan-50\/40:hover { background-color: rgba(236, 254, 255, 0.4) !important; }
.hover\:text-cyan-50\/40:hover { color: rgba(236, 254, 255, 0.4) !important; }
.hover\:border-cyan-50\/40:hover { border-color: rgba(236, 254, 255, 0.4) !important; }

.dark .dark\:bg-cyan-50\/40,
html.dark .dark\:bg-cyan-50\/40 { background-color: rgba(236, 254, 255, 0.4) !important; }
.dark .dark\:text-cyan-50\/40,
html.dark .dark\:text-cyan-50\/40 { color: rgba(236, 254, 255, 0.4) !important; }
.dark .dark\:border-cyan-50\/40,
html.dark .dark\:border-cyan-50\/40 { border-color: rgba(236, 254, 255, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-50\/40:hover,
html.dark .dark\:hover\:bg-cyan-50\/40:hover { background-color: rgba(236, 254, 255, 0.4) !important; }
.dark .dark\:hover\:text-cyan-50\/40:hover,
html.dark .dark\:hover\:text-cyan-50\/40:hover { color: rgba(236, 254, 255, 0.4) !important; }
.dark .dark\:hover\:border-cyan-50\/40:hover,
html.dark .dark\:hover\:border-cyan-50\/40:hover { border-color: rgba(236, 254, 255, 0.4) !important; }

.bg-cyan-50\/50 { background-color: rgba(236, 254, 255, 0.5) !important; }
.text-cyan-50\/50 { color: rgba(236, 254, 255, 0.5) !important; }
.border-cyan-50\/50 { border-color: rgba(236, 254, 255, 0.5) !important; }

.hover\:bg-cyan-50\/50:hover { background-color: rgba(236, 254, 255, 0.5) !important; }
.hover\:text-cyan-50\/50:hover { color: rgba(236, 254, 255, 0.5) !important; }
.hover\:border-cyan-50\/50:hover { border-color: rgba(236, 254, 255, 0.5) !important; }

.dark .dark\:bg-cyan-50\/50,
html.dark .dark\:bg-cyan-50\/50 { background-color: rgba(236, 254, 255, 0.5) !important; }
.dark .dark\:text-cyan-50\/50,
html.dark .dark\:text-cyan-50\/50 { color: rgba(236, 254, 255, 0.5) !important; }
.dark .dark\:border-cyan-50\/50,
html.dark .dark\:border-cyan-50\/50 { border-color: rgba(236, 254, 255, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-50\/50:hover,
html.dark .dark\:hover\:bg-cyan-50\/50:hover { background-color: rgba(236, 254, 255, 0.5) !important; }
.dark .dark\:hover\:text-cyan-50\/50:hover,
html.dark .dark\:hover\:text-cyan-50\/50:hover { color: rgba(236, 254, 255, 0.5) !important; }
.dark .dark\:hover\:border-cyan-50\/50:hover,
html.dark .dark\:hover\:border-cyan-50\/50:hover { border-color: rgba(236, 254, 255, 0.5) !important; }

.bg-cyan-50\/60 { background-color: rgba(236, 254, 255, 0.6) !important; }
.text-cyan-50\/60 { color: rgba(236, 254, 255, 0.6) !important; }
.border-cyan-50\/60 { border-color: rgba(236, 254, 255, 0.6) !important; }

.hover\:bg-cyan-50\/60:hover { background-color: rgba(236, 254, 255, 0.6) !important; }
.hover\:text-cyan-50\/60:hover { color: rgba(236, 254, 255, 0.6) !important; }
.hover\:border-cyan-50\/60:hover { border-color: rgba(236, 254, 255, 0.6) !important; }

.dark .dark\:bg-cyan-50\/60,
html.dark .dark\:bg-cyan-50\/60 { background-color: rgba(236, 254, 255, 0.6) !important; }
.dark .dark\:text-cyan-50\/60,
html.dark .dark\:text-cyan-50\/60 { color: rgba(236, 254, 255, 0.6) !important; }
.dark .dark\:border-cyan-50\/60,
html.dark .dark\:border-cyan-50\/60 { border-color: rgba(236, 254, 255, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-50\/60:hover,
html.dark .dark\:hover\:bg-cyan-50\/60:hover { background-color: rgba(236, 254, 255, 0.6) !important; }
.dark .dark\:hover\:text-cyan-50\/60:hover,
html.dark .dark\:hover\:text-cyan-50\/60:hover { color: rgba(236, 254, 255, 0.6) !important; }
.dark .dark\:hover\:border-cyan-50\/60:hover,
html.dark .dark\:hover\:border-cyan-50\/60:hover { border-color: rgba(236, 254, 255, 0.6) !important; }

.bg-cyan-50\/70 { background-color: rgba(236, 254, 255, 0.7) !important; }
.text-cyan-50\/70 { color: rgba(236, 254, 255, 0.7) !important; }
.border-cyan-50\/70 { border-color: rgba(236, 254, 255, 0.7) !important; }

.hover\:bg-cyan-50\/70:hover { background-color: rgba(236, 254, 255, 0.7) !important; }
.hover\:text-cyan-50\/70:hover { color: rgba(236, 254, 255, 0.7) !important; }
.hover\:border-cyan-50\/70:hover { border-color: rgba(236, 254, 255, 0.7) !important; }

.dark .dark\:bg-cyan-50\/70,
html.dark .dark\:bg-cyan-50\/70 { background-color: rgba(236, 254, 255, 0.7) !important; }
.dark .dark\:text-cyan-50\/70,
html.dark .dark\:text-cyan-50\/70 { color: rgba(236, 254, 255, 0.7) !important; }
.dark .dark\:border-cyan-50\/70,
html.dark .dark\:border-cyan-50\/70 { border-color: rgba(236, 254, 255, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-50\/70:hover,
html.dark .dark\:hover\:bg-cyan-50\/70:hover { background-color: rgba(236, 254, 255, 0.7) !important; }
.dark .dark\:hover\:text-cyan-50\/70:hover,
html.dark .dark\:hover\:text-cyan-50\/70:hover { color: rgba(236, 254, 255, 0.7) !important; }
.dark .dark\:hover\:border-cyan-50\/70:hover,
html.dark .dark\:hover\:border-cyan-50\/70:hover { border-color: rgba(236, 254, 255, 0.7) !important; }

.bg-cyan-50\/75 { background-color: rgba(236, 254, 255, 0.75) !important; }
.text-cyan-50\/75 { color: rgba(236, 254, 255, 0.75) !important; }
.border-cyan-50\/75 { border-color: rgba(236, 254, 255, 0.75) !important; }

.hover\:bg-cyan-50\/75:hover { background-color: rgba(236, 254, 255, 0.75) !important; }
.hover\:text-cyan-50\/75:hover { color: rgba(236, 254, 255, 0.75) !important; }
.hover\:border-cyan-50\/75:hover { border-color: rgba(236, 254, 255, 0.75) !important; }

.dark .dark\:bg-cyan-50\/75,
html.dark .dark\:bg-cyan-50\/75 { background-color: rgba(236, 254, 255, 0.75) !important; }
.dark .dark\:text-cyan-50\/75,
html.dark .dark\:text-cyan-50\/75 { color: rgba(236, 254, 255, 0.75) !important; }
.dark .dark\:border-cyan-50\/75,
html.dark .dark\:border-cyan-50\/75 { border-color: rgba(236, 254, 255, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-50\/75:hover,
html.dark .dark\:hover\:bg-cyan-50\/75:hover { background-color: rgba(236, 254, 255, 0.75) !important; }
.dark .dark\:hover\:text-cyan-50\/75:hover,
html.dark .dark\:hover\:text-cyan-50\/75:hover { color: rgba(236, 254, 255, 0.75) !important; }
.dark .dark\:hover\:border-cyan-50\/75:hover,
html.dark .dark\:hover\:border-cyan-50\/75:hover { border-color: rgba(236, 254, 255, 0.75) !important; }

.bg-cyan-50\/80 { background-color: rgba(236, 254, 255, 0.8) !important; }
.text-cyan-50\/80 { color: rgba(236, 254, 255, 0.8) !important; }
.border-cyan-50\/80 { border-color: rgba(236, 254, 255, 0.8) !important; }

.hover\:bg-cyan-50\/80:hover { background-color: rgba(236, 254, 255, 0.8) !important; }
.hover\:text-cyan-50\/80:hover { color: rgba(236, 254, 255, 0.8) !important; }
.hover\:border-cyan-50\/80:hover { border-color: rgba(236, 254, 255, 0.8) !important; }

.dark .dark\:bg-cyan-50\/80,
html.dark .dark\:bg-cyan-50\/80 { background-color: rgba(236, 254, 255, 0.8) !important; }
.dark .dark\:text-cyan-50\/80,
html.dark .dark\:text-cyan-50\/80 { color: rgba(236, 254, 255, 0.8) !important; }
.dark .dark\:border-cyan-50\/80,
html.dark .dark\:border-cyan-50\/80 { border-color: rgba(236, 254, 255, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-50\/80:hover,
html.dark .dark\:hover\:bg-cyan-50\/80:hover { background-color: rgba(236, 254, 255, 0.8) !important; }
.dark .dark\:hover\:text-cyan-50\/80:hover,
html.dark .dark\:hover\:text-cyan-50\/80:hover { color: rgba(236, 254, 255, 0.8) !important; }
.dark .dark\:hover\:border-cyan-50\/80:hover,
html.dark .dark\:hover\:border-cyan-50\/80:hover { border-color: rgba(236, 254, 255, 0.8) !important; }

.bg-cyan-50\/90 { background-color: rgba(236, 254, 255, 0.9) !important; }
.text-cyan-50\/90 { color: rgba(236, 254, 255, 0.9) !important; }
.border-cyan-50\/90 { border-color: rgba(236, 254, 255, 0.9) !important; }

.hover\:bg-cyan-50\/90:hover { background-color: rgba(236, 254, 255, 0.9) !important; }
.hover\:text-cyan-50\/90:hover { color: rgba(236, 254, 255, 0.9) !important; }
.hover\:border-cyan-50\/90:hover { border-color: rgba(236, 254, 255, 0.9) !important; }

.dark .dark\:bg-cyan-50\/90,
html.dark .dark\:bg-cyan-50\/90 { background-color: rgba(236, 254, 255, 0.9) !important; }
.dark .dark\:text-cyan-50\/90,
html.dark .dark\:text-cyan-50\/90 { color: rgba(236, 254, 255, 0.9) !important; }
.dark .dark\:border-cyan-50\/90,
html.dark .dark\:border-cyan-50\/90 { border-color: rgba(236, 254, 255, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-50\/90:hover,
html.dark .dark\:hover\:bg-cyan-50\/90:hover { background-color: rgba(236, 254, 255, 0.9) !important; }
.dark .dark\:hover\:text-cyan-50\/90:hover,
html.dark .dark\:hover\:text-cyan-50\/90:hover { color: rgba(236, 254, 255, 0.9) !important; }
.dark .dark\:hover\:border-cyan-50\/90:hover,
html.dark .dark\:hover\:border-cyan-50\/90:hover { border-color: rgba(236, 254, 255, 0.9) !important; }

.bg-cyan-50\/95 { background-color: rgba(236, 254, 255, 0.95) !important; }
.text-cyan-50\/95 { color: rgba(236, 254, 255, 0.95) !important; }
.border-cyan-50\/95 { border-color: rgba(236, 254, 255, 0.95) !important; }

.hover\:bg-cyan-50\/95:hover { background-color: rgba(236, 254, 255, 0.95) !important; }
.hover\:text-cyan-50\/95:hover { color: rgba(236, 254, 255, 0.95) !important; }
.hover\:border-cyan-50\/95:hover { border-color: rgba(236, 254, 255, 0.95) !important; }

.dark .dark\:bg-cyan-50\/95,
html.dark .dark\:bg-cyan-50\/95 { background-color: rgba(236, 254, 255, 0.95) !important; }
.dark .dark\:text-cyan-50\/95,
html.dark .dark\:text-cyan-50\/95 { color: rgba(236, 254, 255, 0.95) !important; }
.dark .dark\:border-cyan-50\/95,
html.dark .dark\:border-cyan-50\/95 { border-color: rgba(236, 254, 255, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-50\/95:hover,
html.dark .dark\:hover\:bg-cyan-50\/95:hover { background-color: rgba(236, 254, 255, 0.95) !important; }
.dark .dark\:hover\:text-cyan-50\/95:hover,
html.dark .dark\:hover\:text-cyan-50\/95:hover { color: rgba(236, 254, 255, 0.95) !important; }
.dark .dark\:hover\:border-cyan-50\/95:hover,
html.dark .dark\:hover\:border-cyan-50\/95:hover { border-color: rgba(236, 254, 255, 0.95) !important; }

.bg-cyan-100 { background-color: #cffafe !important; }
.text-cyan-100 { color: #cffafe !important; }
.border-cyan-100 { border-color: #cffafe !important; }
.fill-cyan-100 { fill: #cffafe !important; }
.stroke-cyan-100 { stroke: #cffafe !important; }

/* Hover states */
.hover\:bg-cyan-100:hover { background-color: #cffafe !important; }
.hover\:text-cyan-100:hover { color: #cffafe !important; }
.hover\:border-cyan-100:hover { border-color: #cffafe !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-100,
html.dark .dark\:bg-cyan-100 { background-color: #cffafe !important; }
.dark .dark\:text-cyan-100,
html.dark .dark\:text-cyan-100 { color: #cffafe !important; }
.dark .dark\:border-cyan-100,
html.dark .dark\:border-cyan-100 { border-color: #cffafe !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-100:hover,
html.dark .dark\:hover\:bg-cyan-100:hover { background-color: #cffafe !important; }
.dark .dark\:hover\:text-cyan-100:hover,
html.dark .dark\:hover\:text-cyan-100:hover { color: #cffafe !important; }
.dark .dark\:hover\:border-cyan-100:hover,
html.dark .dark\:hover\:border-cyan-100:hover { border-color: #cffafe !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-100,
html.dark .group:hover .dark\:group-hover\:text-cyan-100 { color: #cffafe !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-100,
html.dark .group:hover .dark\:group-hover\:bg-cyan-100 { background-color: #cffafe !important; }

.bg-cyan-100\/10 { background-color: rgba(207, 250, 254, 0.1) !important; }
.text-cyan-100\/10 { color: rgba(207, 250, 254, 0.1) !important; }
.border-cyan-100\/10 { border-color: rgba(207, 250, 254, 0.1) !important; }

.hover\:bg-cyan-100\/10:hover { background-color: rgba(207, 250, 254, 0.1) !important; }
.hover\:text-cyan-100\/10:hover { color: rgba(207, 250, 254, 0.1) !important; }
.hover\:border-cyan-100\/10:hover { border-color: rgba(207, 250, 254, 0.1) !important; }

.dark .dark\:bg-cyan-100\/10,
html.dark .dark\:bg-cyan-100\/10 { background-color: rgba(207, 250, 254, 0.1) !important; }
.dark .dark\:text-cyan-100\/10,
html.dark .dark\:text-cyan-100\/10 { color: rgba(207, 250, 254, 0.1) !important; }
.dark .dark\:border-cyan-100\/10,
html.dark .dark\:border-cyan-100\/10 { border-color: rgba(207, 250, 254, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-100\/10:hover,
html.dark .dark\:hover\:bg-cyan-100\/10:hover { background-color: rgba(207, 250, 254, 0.1) !important; }
.dark .dark\:hover\:text-cyan-100\/10:hover,
html.dark .dark\:hover\:text-cyan-100\/10:hover { color: rgba(207, 250, 254, 0.1) !important; }
.dark .dark\:hover\:border-cyan-100\/10:hover,
html.dark .dark\:hover\:border-cyan-100\/10:hover { border-color: rgba(207, 250, 254, 0.1) !important; }

.bg-cyan-100\/20 { background-color: rgba(207, 250, 254, 0.2) !important; }
.text-cyan-100\/20 { color: rgba(207, 250, 254, 0.2) !important; }
.border-cyan-100\/20 { border-color: rgba(207, 250, 254, 0.2) !important; }

.hover\:bg-cyan-100\/20:hover { background-color: rgba(207, 250, 254, 0.2) !important; }
.hover\:text-cyan-100\/20:hover { color: rgba(207, 250, 254, 0.2) !important; }
.hover\:border-cyan-100\/20:hover { border-color: rgba(207, 250, 254, 0.2) !important; }

.dark .dark\:bg-cyan-100\/20,
html.dark .dark\:bg-cyan-100\/20 { background-color: rgba(207, 250, 254, 0.2) !important; }
.dark .dark\:text-cyan-100\/20,
html.dark .dark\:text-cyan-100\/20 { color: rgba(207, 250, 254, 0.2) !important; }
.dark .dark\:border-cyan-100\/20,
html.dark .dark\:border-cyan-100\/20 { border-color: rgba(207, 250, 254, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-100\/20:hover,
html.dark .dark\:hover\:bg-cyan-100\/20:hover { background-color: rgba(207, 250, 254, 0.2) !important; }
.dark .dark\:hover\:text-cyan-100\/20:hover,
html.dark .dark\:hover\:text-cyan-100\/20:hover { color: rgba(207, 250, 254, 0.2) !important; }
.dark .dark\:hover\:border-cyan-100\/20:hover,
html.dark .dark\:hover\:border-cyan-100\/20:hover { border-color: rgba(207, 250, 254, 0.2) !important; }

.bg-cyan-100\/25 { background-color: rgba(207, 250, 254, 0.25) !important; }
.text-cyan-100\/25 { color: rgba(207, 250, 254, 0.25) !important; }
.border-cyan-100\/25 { border-color: rgba(207, 250, 254, 0.25) !important; }

.hover\:bg-cyan-100\/25:hover { background-color: rgba(207, 250, 254, 0.25) !important; }
.hover\:text-cyan-100\/25:hover { color: rgba(207, 250, 254, 0.25) !important; }
.hover\:border-cyan-100\/25:hover { border-color: rgba(207, 250, 254, 0.25) !important; }

.dark .dark\:bg-cyan-100\/25,
html.dark .dark\:bg-cyan-100\/25 { background-color: rgba(207, 250, 254, 0.25) !important; }
.dark .dark\:text-cyan-100\/25,
html.dark .dark\:text-cyan-100\/25 { color: rgba(207, 250, 254, 0.25) !important; }
.dark .dark\:border-cyan-100\/25,
html.dark .dark\:border-cyan-100\/25 { border-color: rgba(207, 250, 254, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-100\/25:hover,
html.dark .dark\:hover\:bg-cyan-100\/25:hover { background-color: rgba(207, 250, 254, 0.25) !important; }
.dark .dark\:hover\:text-cyan-100\/25:hover,
html.dark .dark\:hover\:text-cyan-100\/25:hover { color: rgba(207, 250, 254, 0.25) !important; }
.dark .dark\:hover\:border-cyan-100\/25:hover,
html.dark .dark\:hover\:border-cyan-100\/25:hover { border-color: rgba(207, 250, 254, 0.25) !important; }

.bg-cyan-100\/30 { background-color: rgba(207, 250, 254, 0.3) !important; }
.text-cyan-100\/30 { color: rgba(207, 250, 254, 0.3) !important; }
.border-cyan-100\/30 { border-color: rgba(207, 250, 254, 0.3) !important; }

.hover\:bg-cyan-100\/30:hover { background-color: rgba(207, 250, 254, 0.3) !important; }
.hover\:text-cyan-100\/30:hover { color: rgba(207, 250, 254, 0.3) !important; }
.hover\:border-cyan-100\/30:hover { border-color: rgba(207, 250, 254, 0.3) !important; }

.dark .dark\:bg-cyan-100\/30,
html.dark .dark\:bg-cyan-100\/30 { background-color: rgba(207, 250, 254, 0.3) !important; }
.dark .dark\:text-cyan-100\/30,
html.dark .dark\:text-cyan-100\/30 { color: rgba(207, 250, 254, 0.3) !important; }
.dark .dark\:border-cyan-100\/30,
html.dark .dark\:border-cyan-100\/30 { border-color: rgba(207, 250, 254, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-100\/30:hover,
html.dark .dark\:hover\:bg-cyan-100\/30:hover { background-color: rgba(207, 250, 254, 0.3) !important; }
.dark .dark\:hover\:text-cyan-100\/30:hover,
html.dark .dark\:hover\:text-cyan-100\/30:hover { color: rgba(207, 250, 254, 0.3) !important; }
.dark .dark\:hover\:border-cyan-100\/30:hover,
html.dark .dark\:hover\:border-cyan-100\/30:hover { border-color: rgba(207, 250, 254, 0.3) !important; }

.bg-cyan-100\/40 { background-color: rgba(207, 250, 254, 0.4) !important; }
.text-cyan-100\/40 { color: rgba(207, 250, 254, 0.4) !important; }
.border-cyan-100\/40 { border-color: rgba(207, 250, 254, 0.4) !important; }

.hover\:bg-cyan-100\/40:hover { background-color: rgba(207, 250, 254, 0.4) !important; }
.hover\:text-cyan-100\/40:hover { color: rgba(207, 250, 254, 0.4) !important; }
.hover\:border-cyan-100\/40:hover { border-color: rgba(207, 250, 254, 0.4) !important; }

.dark .dark\:bg-cyan-100\/40,
html.dark .dark\:bg-cyan-100\/40 { background-color: rgba(207, 250, 254, 0.4) !important; }
.dark .dark\:text-cyan-100\/40,
html.dark .dark\:text-cyan-100\/40 { color: rgba(207, 250, 254, 0.4) !important; }
.dark .dark\:border-cyan-100\/40,
html.dark .dark\:border-cyan-100\/40 { border-color: rgba(207, 250, 254, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-100\/40:hover,
html.dark .dark\:hover\:bg-cyan-100\/40:hover { background-color: rgba(207, 250, 254, 0.4) !important; }
.dark .dark\:hover\:text-cyan-100\/40:hover,
html.dark .dark\:hover\:text-cyan-100\/40:hover { color: rgba(207, 250, 254, 0.4) !important; }
.dark .dark\:hover\:border-cyan-100\/40:hover,
html.dark .dark\:hover\:border-cyan-100\/40:hover { border-color: rgba(207, 250, 254, 0.4) !important; }

.bg-cyan-100\/50 { background-color: rgba(207, 250, 254, 0.5) !important; }
.text-cyan-100\/50 { color: rgba(207, 250, 254, 0.5) !important; }
.border-cyan-100\/50 { border-color: rgba(207, 250, 254, 0.5) !important; }

.hover\:bg-cyan-100\/50:hover { background-color: rgba(207, 250, 254, 0.5) !important; }
.hover\:text-cyan-100\/50:hover { color: rgba(207, 250, 254, 0.5) !important; }
.hover\:border-cyan-100\/50:hover { border-color: rgba(207, 250, 254, 0.5) !important; }

.dark .dark\:bg-cyan-100\/50,
html.dark .dark\:bg-cyan-100\/50 { background-color: rgba(207, 250, 254, 0.5) !important; }
.dark .dark\:text-cyan-100\/50,
html.dark .dark\:text-cyan-100\/50 { color: rgba(207, 250, 254, 0.5) !important; }
.dark .dark\:border-cyan-100\/50,
html.dark .dark\:border-cyan-100\/50 { border-color: rgba(207, 250, 254, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-100\/50:hover,
html.dark .dark\:hover\:bg-cyan-100\/50:hover { background-color: rgba(207, 250, 254, 0.5) !important; }
.dark .dark\:hover\:text-cyan-100\/50:hover,
html.dark .dark\:hover\:text-cyan-100\/50:hover { color: rgba(207, 250, 254, 0.5) !important; }
.dark .dark\:hover\:border-cyan-100\/50:hover,
html.dark .dark\:hover\:border-cyan-100\/50:hover { border-color: rgba(207, 250, 254, 0.5) !important; }

.bg-cyan-100\/60 { background-color: rgba(207, 250, 254, 0.6) !important; }
.text-cyan-100\/60 { color: rgba(207, 250, 254, 0.6) !important; }
.border-cyan-100\/60 { border-color: rgba(207, 250, 254, 0.6) !important; }

.hover\:bg-cyan-100\/60:hover { background-color: rgba(207, 250, 254, 0.6) !important; }
.hover\:text-cyan-100\/60:hover { color: rgba(207, 250, 254, 0.6) !important; }
.hover\:border-cyan-100\/60:hover { border-color: rgba(207, 250, 254, 0.6) !important; }

.dark .dark\:bg-cyan-100\/60,
html.dark .dark\:bg-cyan-100\/60 { background-color: rgba(207, 250, 254, 0.6) !important; }
.dark .dark\:text-cyan-100\/60,
html.dark .dark\:text-cyan-100\/60 { color: rgba(207, 250, 254, 0.6) !important; }
.dark .dark\:border-cyan-100\/60,
html.dark .dark\:border-cyan-100\/60 { border-color: rgba(207, 250, 254, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-100\/60:hover,
html.dark .dark\:hover\:bg-cyan-100\/60:hover { background-color: rgba(207, 250, 254, 0.6) !important; }
.dark .dark\:hover\:text-cyan-100\/60:hover,
html.dark .dark\:hover\:text-cyan-100\/60:hover { color: rgba(207, 250, 254, 0.6) !important; }
.dark .dark\:hover\:border-cyan-100\/60:hover,
html.dark .dark\:hover\:border-cyan-100\/60:hover { border-color: rgba(207, 250, 254, 0.6) !important; }

.bg-cyan-100\/70 { background-color: rgba(207, 250, 254, 0.7) !important; }
.text-cyan-100\/70 { color: rgba(207, 250, 254, 0.7) !important; }
.border-cyan-100\/70 { border-color: rgba(207, 250, 254, 0.7) !important; }

.hover\:bg-cyan-100\/70:hover { background-color: rgba(207, 250, 254, 0.7) !important; }
.hover\:text-cyan-100\/70:hover { color: rgba(207, 250, 254, 0.7) !important; }
.hover\:border-cyan-100\/70:hover { border-color: rgba(207, 250, 254, 0.7) !important; }

.dark .dark\:bg-cyan-100\/70,
html.dark .dark\:bg-cyan-100\/70 { background-color: rgba(207, 250, 254, 0.7) !important; }
.dark .dark\:text-cyan-100\/70,
html.dark .dark\:text-cyan-100\/70 { color: rgba(207, 250, 254, 0.7) !important; }
.dark .dark\:border-cyan-100\/70,
html.dark .dark\:border-cyan-100\/70 { border-color: rgba(207, 250, 254, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-100\/70:hover,
html.dark .dark\:hover\:bg-cyan-100\/70:hover { background-color: rgba(207, 250, 254, 0.7) !important; }
.dark .dark\:hover\:text-cyan-100\/70:hover,
html.dark .dark\:hover\:text-cyan-100\/70:hover { color: rgba(207, 250, 254, 0.7) !important; }
.dark .dark\:hover\:border-cyan-100\/70:hover,
html.dark .dark\:hover\:border-cyan-100\/70:hover { border-color: rgba(207, 250, 254, 0.7) !important; }

.bg-cyan-100\/75 { background-color: rgba(207, 250, 254, 0.75) !important; }
.text-cyan-100\/75 { color: rgba(207, 250, 254, 0.75) !important; }
.border-cyan-100\/75 { border-color: rgba(207, 250, 254, 0.75) !important; }

.hover\:bg-cyan-100\/75:hover { background-color: rgba(207, 250, 254, 0.75) !important; }
.hover\:text-cyan-100\/75:hover { color: rgba(207, 250, 254, 0.75) !important; }
.hover\:border-cyan-100\/75:hover { border-color: rgba(207, 250, 254, 0.75) !important; }

.dark .dark\:bg-cyan-100\/75,
html.dark .dark\:bg-cyan-100\/75 { background-color: rgba(207, 250, 254, 0.75) !important; }
.dark .dark\:text-cyan-100\/75,
html.dark .dark\:text-cyan-100\/75 { color: rgba(207, 250, 254, 0.75) !important; }
.dark .dark\:border-cyan-100\/75,
html.dark .dark\:border-cyan-100\/75 { border-color: rgba(207, 250, 254, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-100\/75:hover,
html.dark .dark\:hover\:bg-cyan-100\/75:hover { background-color: rgba(207, 250, 254, 0.75) !important; }
.dark .dark\:hover\:text-cyan-100\/75:hover,
html.dark .dark\:hover\:text-cyan-100\/75:hover { color: rgba(207, 250, 254, 0.75) !important; }
.dark .dark\:hover\:border-cyan-100\/75:hover,
html.dark .dark\:hover\:border-cyan-100\/75:hover { border-color: rgba(207, 250, 254, 0.75) !important; }

.bg-cyan-100\/80 { background-color: rgba(207, 250, 254, 0.8) !important; }
.text-cyan-100\/80 { color: rgba(207, 250, 254, 0.8) !important; }
.border-cyan-100\/80 { border-color: rgba(207, 250, 254, 0.8) !important; }

.hover\:bg-cyan-100\/80:hover { background-color: rgba(207, 250, 254, 0.8) !important; }
.hover\:text-cyan-100\/80:hover { color: rgba(207, 250, 254, 0.8) !important; }
.hover\:border-cyan-100\/80:hover { border-color: rgba(207, 250, 254, 0.8) !important; }

.dark .dark\:bg-cyan-100\/80,
html.dark .dark\:bg-cyan-100\/80 { background-color: rgba(207, 250, 254, 0.8) !important; }
.dark .dark\:text-cyan-100\/80,
html.dark .dark\:text-cyan-100\/80 { color: rgba(207, 250, 254, 0.8) !important; }
.dark .dark\:border-cyan-100\/80,
html.dark .dark\:border-cyan-100\/80 { border-color: rgba(207, 250, 254, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-100\/80:hover,
html.dark .dark\:hover\:bg-cyan-100\/80:hover { background-color: rgba(207, 250, 254, 0.8) !important; }
.dark .dark\:hover\:text-cyan-100\/80:hover,
html.dark .dark\:hover\:text-cyan-100\/80:hover { color: rgba(207, 250, 254, 0.8) !important; }
.dark .dark\:hover\:border-cyan-100\/80:hover,
html.dark .dark\:hover\:border-cyan-100\/80:hover { border-color: rgba(207, 250, 254, 0.8) !important; }

.bg-cyan-100\/90 { background-color: rgba(207, 250, 254, 0.9) !important; }
.text-cyan-100\/90 { color: rgba(207, 250, 254, 0.9) !important; }
.border-cyan-100\/90 { border-color: rgba(207, 250, 254, 0.9) !important; }

.hover\:bg-cyan-100\/90:hover { background-color: rgba(207, 250, 254, 0.9) !important; }
.hover\:text-cyan-100\/90:hover { color: rgba(207, 250, 254, 0.9) !important; }
.hover\:border-cyan-100\/90:hover { border-color: rgba(207, 250, 254, 0.9) !important; }

.dark .dark\:bg-cyan-100\/90,
html.dark .dark\:bg-cyan-100\/90 { background-color: rgba(207, 250, 254, 0.9) !important; }
.dark .dark\:text-cyan-100\/90,
html.dark .dark\:text-cyan-100\/90 { color: rgba(207, 250, 254, 0.9) !important; }
.dark .dark\:border-cyan-100\/90,
html.dark .dark\:border-cyan-100\/90 { border-color: rgba(207, 250, 254, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-100\/90:hover,
html.dark .dark\:hover\:bg-cyan-100\/90:hover { background-color: rgba(207, 250, 254, 0.9) !important; }
.dark .dark\:hover\:text-cyan-100\/90:hover,
html.dark .dark\:hover\:text-cyan-100\/90:hover { color: rgba(207, 250, 254, 0.9) !important; }
.dark .dark\:hover\:border-cyan-100\/90:hover,
html.dark .dark\:hover\:border-cyan-100\/90:hover { border-color: rgba(207, 250, 254, 0.9) !important; }

.bg-cyan-100\/95 { background-color: rgba(207, 250, 254, 0.95) !important; }
.text-cyan-100\/95 { color: rgba(207, 250, 254, 0.95) !important; }
.border-cyan-100\/95 { border-color: rgba(207, 250, 254, 0.95) !important; }

.hover\:bg-cyan-100\/95:hover { background-color: rgba(207, 250, 254, 0.95) !important; }
.hover\:text-cyan-100\/95:hover { color: rgba(207, 250, 254, 0.95) !important; }
.hover\:border-cyan-100\/95:hover { border-color: rgba(207, 250, 254, 0.95) !important; }

.dark .dark\:bg-cyan-100\/95,
html.dark .dark\:bg-cyan-100\/95 { background-color: rgba(207, 250, 254, 0.95) !important; }
.dark .dark\:text-cyan-100\/95,
html.dark .dark\:text-cyan-100\/95 { color: rgba(207, 250, 254, 0.95) !important; }
.dark .dark\:border-cyan-100\/95,
html.dark .dark\:border-cyan-100\/95 { border-color: rgba(207, 250, 254, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-100\/95:hover,
html.dark .dark\:hover\:bg-cyan-100\/95:hover { background-color: rgba(207, 250, 254, 0.95) !important; }
.dark .dark\:hover\:text-cyan-100\/95:hover,
html.dark .dark\:hover\:text-cyan-100\/95:hover { color: rgba(207, 250, 254, 0.95) !important; }
.dark .dark\:hover\:border-cyan-100\/95:hover,
html.dark .dark\:hover\:border-cyan-100\/95:hover { border-color: rgba(207, 250, 254, 0.95) !important; }

.bg-cyan-200 { background-color: #a5f3fc !important; }
.text-cyan-200 { color: #a5f3fc !important; }
.border-cyan-200 { border-color: #a5f3fc !important; }
.fill-cyan-200 { fill: #a5f3fc !important; }
.stroke-cyan-200 { stroke: #a5f3fc !important; }

/* Hover states */
.hover\:bg-cyan-200:hover { background-color: #a5f3fc !important; }
.hover\:text-cyan-200:hover { color: #a5f3fc !important; }
.hover\:border-cyan-200:hover { border-color: #a5f3fc !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-200,
html.dark .dark\:bg-cyan-200 { background-color: #a5f3fc !important; }
.dark .dark\:text-cyan-200,
html.dark .dark\:text-cyan-200 { color: #a5f3fc !important; }
.dark .dark\:border-cyan-200,
html.dark .dark\:border-cyan-200 { border-color: #a5f3fc !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-200:hover,
html.dark .dark\:hover\:bg-cyan-200:hover { background-color: #a5f3fc !important; }
.dark .dark\:hover\:text-cyan-200:hover,
html.dark .dark\:hover\:text-cyan-200:hover { color: #a5f3fc !important; }
.dark .dark\:hover\:border-cyan-200:hover,
html.dark .dark\:hover\:border-cyan-200:hover { border-color: #a5f3fc !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-200,
html.dark .group:hover .dark\:group-hover\:text-cyan-200 { color: #a5f3fc !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-200,
html.dark .group:hover .dark\:group-hover\:bg-cyan-200 { background-color: #a5f3fc !important; }

.bg-cyan-200\/10 { background-color: rgba(165, 243, 252, 0.1) !important; }
.text-cyan-200\/10 { color: rgba(165, 243, 252, 0.1) !important; }
.border-cyan-200\/10 { border-color: rgba(165, 243, 252, 0.1) !important; }

.hover\:bg-cyan-200\/10:hover { background-color: rgba(165, 243, 252, 0.1) !important; }
.hover\:text-cyan-200\/10:hover { color: rgba(165, 243, 252, 0.1) !important; }
.hover\:border-cyan-200\/10:hover { border-color: rgba(165, 243, 252, 0.1) !important; }

.dark .dark\:bg-cyan-200\/10,
html.dark .dark\:bg-cyan-200\/10 { background-color: rgba(165, 243, 252, 0.1) !important; }
.dark .dark\:text-cyan-200\/10,
html.dark .dark\:text-cyan-200\/10 { color: rgba(165, 243, 252, 0.1) !important; }
.dark .dark\:border-cyan-200\/10,
html.dark .dark\:border-cyan-200\/10 { border-color: rgba(165, 243, 252, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-200\/10:hover,
html.dark .dark\:hover\:bg-cyan-200\/10:hover { background-color: rgba(165, 243, 252, 0.1) !important; }
.dark .dark\:hover\:text-cyan-200\/10:hover,
html.dark .dark\:hover\:text-cyan-200\/10:hover { color: rgba(165, 243, 252, 0.1) !important; }
.dark .dark\:hover\:border-cyan-200\/10:hover,
html.dark .dark\:hover\:border-cyan-200\/10:hover { border-color: rgba(165, 243, 252, 0.1) !important; }

.bg-cyan-200\/20 { background-color: rgba(165, 243, 252, 0.2) !important; }
.text-cyan-200\/20 { color: rgba(165, 243, 252, 0.2) !important; }
.border-cyan-200\/20 { border-color: rgba(165, 243, 252, 0.2) !important; }

.hover\:bg-cyan-200\/20:hover { background-color: rgba(165, 243, 252, 0.2) !important; }
.hover\:text-cyan-200\/20:hover { color: rgba(165, 243, 252, 0.2) !important; }
.hover\:border-cyan-200\/20:hover { border-color: rgba(165, 243, 252, 0.2) !important; }

.dark .dark\:bg-cyan-200\/20,
html.dark .dark\:bg-cyan-200\/20 { background-color: rgba(165, 243, 252, 0.2) !important; }
.dark .dark\:text-cyan-200\/20,
html.dark .dark\:text-cyan-200\/20 { color: rgba(165, 243, 252, 0.2) !important; }
.dark .dark\:border-cyan-200\/20,
html.dark .dark\:border-cyan-200\/20 { border-color: rgba(165, 243, 252, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-200\/20:hover,
html.dark .dark\:hover\:bg-cyan-200\/20:hover { background-color: rgba(165, 243, 252, 0.2) !important; }
.dark .dark\:hover\:text-cyan-200\/20:hover,
html.dark .dark\:hover\:text-cyan-200\/20:hover { color: rgba(165, 243, 252, 0.2) !important; }
.dark .dark\:hover\:border-cyan-200\/20:hover,
html.dark .dark\:hover\:border-cyan-200\/20:hover { border-color: rgba(165, 243, 252, 0.2) !important; }

.bg-cyan-200\/25 { background-color: rgba(165, 243, 252, 0.25) !important; }
.text-cyan-200\/25 { color: rgba(165, 243, 252, 0.25) !important; }
.border-cyan-200\/25 { border-color: rgba(165, 243, 252, 0.25) !important; }

.hover\:bg-cyan-200\/25:hover { background-color: rgba(165, 243, 252, 0.25) !important; }
.hover\:text-cyan-200\/25:hover { color: rgba(165, 243, 252, 0.25) !important; }
.hover\:border-cyan-200\/25:hover { border-color: rgba(165, 243, 252, 0.25) !important; }

.dark .dark\:bg-cyan-200\/25,
html.dark .dark\:bg-cyan-200\/25 { background-color: rgba(165, 243, 252, 0.25) !important; }
.dark .dark\:text-cyan-200\/25,
html.dark .dark\:text-cyan-200\/25 { color: rgba(165, 243, 252, 0.25) !important; }
.dark .dark\:border-cyan-200\/25,
html.dark .dark\:border-cyan-200\/25 { border-color: rgba(165, 243, 252, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-200\/25:hover,
html.dark .dark\:hover\:bg-cyan-200\/25:hover { background-color: rgba(165, 243, 252, 0.25) !important; }
.dark .dark\:hover\:text-cyan-200\/25:hover,
html.dark .dark\:hover\:text-cyan-200\/25:hover { color: rgba(165, 243, 252, 0.25) !important; }
.dark .dark\:hover\:border-cyan-200\/25:hover,
html.dark .dark\:hover\:border-cyan-200\/25:hover { border-color: rgba(165, 243, 252, 0.25) !important; }

.bg-cyan-200\/30 { background-color: rgba(165, 243, 252, 0.3) !important; }
.text-cyan-200\/30 { color: rgba(165, 243, 252, 0.3) !important; }
.border-cyan-200\/30 { border-color: rgba(165, 243, 252, 0.3) !important; }

.hover\:bg-cyan-200\/30:hover { background-color: rgba(165, 243, 252, 0.3) !important; }
.hover\:text-cyan-200\/30:hover { color: rgba(165, 243, 252, 0.3) !important; }
.hover\:border-cyan-200\/30:hover { border-color: rgba(165, 243, 252, 0.3) !important; }

.dark .dark\:bg-cyan-200\/30,
html.dark .dark\:bg-cyan-200\/30 { background-color: rgba(165, 243, 252, 0.3) !important; }
.dark .dark\:text-cyan-200\/30,
html.dark .dark\:text-cyan-200\/30 { color: rgba(165, 243, 252, 0.3) !important; }
.dark .dark\:border-cyan-200\/30,
html.dark .dark\:border-cyan-200\/30 { border-color: rgba(165, 243, 252, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-200\/30:hover,
html.dark .dark\:hover\:bg-cyan-200\/30:hover { background-color: rgba(165, 243, 252, 0.3) !important; }
.dark .dark\:hover\:text-cyan-200\/30:hover,
html.dark .dark\:hover\:text-cyan-200\/30:hover { color: rgba(165, 243, 252, 0.3) !important; }
.dark .dark\:hover\:border-cyan-200\/30:hover,
html.dark .dark\:hover\:border-cyan-200\/30:hover { border-color: rgba(165, 243, 252, 0.3) !important; }

.bg-cyan-200\/40 { background-color: rgba(165, 243, 252, 0.4) !important; }
.text-cyan-200\/40 { color: rgba(165, 243, 252, 0.4) !important; }
.border-cyan-200\/40 { border-color: rgba(165, 243, 252, 0.4) !important; }

.hover\:bg-cyan-200\/40:hover { background-color: rgba(165, 243, 252, 0.4) !important; }
.hover\:text-cyan-200\/40:hover { color: rgba(165, 243, 252, 0.4) !important; }
.hover\:border-cyan-200\/40:hover { border-color: rgba(165, 243, 252, 0.4) !important; }

.dark .dark\:bg-cyan-200\/40,
html.dark .dark\:bg-cyan-200\/40 { background-color: rgba(165, 243, 252, 0.4) !important; }
.dark .dark\:text-cyan-200\/40,
html.dark .dark\:text-cyan-200\/40 { color: rgba(165, 243, 252, 0.4) !important; }
.dark .dark\:border-cyan-200\/40,
html.dark .dark\:border-cyan-200\/40 { border-color: rgba(165, 243, 252, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-200\/40:hover,
html.dark .dark\:hover\:bg-cyan-200\/40:hover { background-color: rgba(165, 243, 252, 0.4) !important; }
.dark .dark\:hover\:text-cyan-200\/40:hover,
html.dark .dark\:hover\:text-cyan-200\/40:hover { color: rgba(165, 243, 252, 0.4) !important; }
.dark .dark\:hover\:border-cyan-200\/40:hover,
html.dark .dark\:hover\:border-cyan-200\/40:hover { border-color: rgba(165, 243, 252, 0.4) !important; }

.bg-cyan-200\/50 { background-color: rgba(165, 243, 252, 0.5) !important; }
.text-cyan-200\/50 { color: rgba(165, 243, 252, 0.5) !important; }
.border-cyan-200\/50 { border-color: rgba(165, 243, 252, 0.5) !important; }

.hover\:bg-cyan-200\/50:hover { background-color: rgba(165, 243, 252, 0.5) !important; }
.hover\:text-cyan-200\/50:hover { color: rgba(165, 243, 252, 0.5) !important; }
.hover\:border-cyan-200\/50:hover { border-color: rgba(165, 243, 252, 0.5) !important; }

.dark .dark\:bg-cyan-200\/50,
html.dark .dark\:bg-cyan-200\/50 { background-color: rgba(165, 243, 252, 0.5) !important; }
.dark .dark\:text-cyan-200\/50,
html.dark .dark\:text-cyan-200\/50 { color: rgba(165, 243, 252, 0.5) !important; }
.dark .dark\:border-cyan-200\/50,
html.dark .dark\:border-cyan-200\/50 { border-color: rgba(165, 243, 252, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-200\/50:hover,
html.dark .dark\:hover\:bg-cyan-200\/50:hover { background-color: rgba(165, 243, 252, 0.5) !important; }
.dark .dark\:hover\:text-cyan-200\/50:hover,
html.dark .dark\:hover\:text-cyan-200\/50:hover { color: rgba(165, 243, 252, 0.5) !important; }
.dark .dark\:hover\:border-cyan-200\/50:hover,
html.dark .dark\:hover\:border-cyan-200\/50:hover { border-color: rgba(165, 243, 252, 0.5) !important; }

.bg-cyan-200\/60 { background-color: rgba(165, 243, 252, 0.6) !important; }
.text-cyan-200\/60 { color: rgba(165, 243, 252, 0.6) !important; }
.border-cyan-200\/60 { border-color: rgba(165, 243, 252, 0.6) !important; }

.hover\:bg-cyan-200\/60:hover { background-color: rgba(165, 243, 252, 0.6) !important; }
.hover\:text-cyan-200\/60:hover { color: rgba(165, 243, 252, 0.6) !important; }
.hover\:border-cyan-200\/60:hover { border-color: rgba(165, 243, 252, 0.6) !important; }

.dark .dark\:bg-cyan-200\/60,
html.dark .dark\:bg-cyan-200\/60 { background-color: rgba(165, 243, 252, 0.6) !important; }
.dark .dark\:text-cyan-200\/60,
html.dark .dark\:text-cyan-200\/60 { color: rgba(165, 243, 252, 0.6) !important; }
.dark .dark\:border-cyan-200\/60,
html.dark .dark\:border-cyan-200\/60 { border-color: rgba(165, 243, 252, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-200\/60:hover,
html.dark .dark\:hover\:bg-cyan-200\/60:hover { background-color: rgba(165, 243, 252, 0.6) !important; }
.dark .dark\:hover\:text-cyan-200\/60:hover,
html.dark .dark\:hover\:text-cyan-200\/60:hover { color: rgba(165, 243, 252, 0.6) !important; }
.dark .dark\:hover\:border-cyan-200\/60:hover,
html.dark .dark\:hover\:border-cyan-200\/60:hover { border-color: rgba(165, 243, 252, 0.6) !important; }

.bg-cyan-200\/70 { background-color: rgba(165, 243, 252, 0.7) !important; }
.text-cyan-200\/70 { color: rgba(165, 243, 252, 0.7) !important; }
.border-cyan-200\/70 { border-color: rgba(165, 243, 252, 0.7) !important; }

.hover\:bg-cyan-200\/70:hover { background-color: rgba(165, 243, 252, 0.7) !important; }
.hover\:text-cyan-200\/70:hover { color: rgba(165, 243, 252, 0.7) !important; }
.hover\:border-cyan-200\/70:hover { border-color: rgba(165, 243, 252, 0.7) !important; }

.dark .dark\:bg-cyan-200\/70,
html.dark .dark\:bg-cyan-200\/70 { background-color: rgba(165, 243, 252, 0.7) !important; }
.dark .dark\:text-cyan-200\/70,
html.dark .dark\:text-cyan-200\/70 { color: rgba(165, 243, 252, 0.7) !important; }
.dark .dark\:border-cyan-200\/70,
html.dark .dark\:border-cyan-200\/70 { border-color: rgba(165, 243, 252, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-200\/70:hover,
html.dark .dark\:hover\:bg-cyan-200\/70:hover { background-color: rgba(165, 243, 252, 0.7) !important; }
.dark .dark\:hover\:text-cyan-200\/70:hover,
html.dark .dark\:hover\:text-cyan-200\/70:hover { color: rgba(165, 243, 252, 0.7) !important; }
.dark .dark\:hover\:border-cyan-200\/70:hover,
html.dark .dark\:hover\:border-cyan-200\/70:hover { border-color: rgba(165, 243, 252, 0.7) !important; }

.bg-cyan-200\/75 { background-color: rgba(165, 243, 252, 0.75) !important; }
.text-cyan-200\/75 { color: rgba(165, 243, 252, 0.75) !important; }
.border-cyan-200\/75 { border-color: rgba(165, 243, 252, 0.75) !important; }

.hover\:bg-cyan-200\/75:hover { background-color: rgba(165, 243, 252, 0.75) !important; }
.hover\:text-cyan-200\/75:hover { color: rgba(165, 243, 252, 0.75) !important; }
.hover\:border-cyan-200\/75:hover { border-color: rgba(165, 243, 252, 0.75) !important; }

.dark .dark\:bg-cyan-200\/75,
html.dark .dark\:bg-cyan-200\/75 { background-color: rgba(165, 243, 252, 0.75) !important; }
.dark .dark\:text-cyan-200\/75,
html.dark .dark\:text-cyan-200\/75 { color: rgba(165, 243, 252, 0.75) !important; }
.dark .dark\:border-cyan-200\/75,
html.dark .dark\:border-cyan-200\/75 { border-color: rgba(165, 243, 252, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-200\/75:hover,
html.dark .dark\:hover\:bg-cyan-200\/75:hover { background-color: rgba(165, 243, 252, 0.75) !important; }
.dark .dark\:hover\:text-cyan-200\/75:hover,
html.dark .dark\:hover\:text-cyan-200\/75:hover { color: rgba(165, 243, 252, 0.75) !important; }
.dark .dark\:hover\:border-cyan-200\/75:hover,
html.dark .dark\:hover\:border-cyan-200\/75:hover { border-color: rgba(165, 243, 252, 0.75) !important; }

.bg-cyan-200\/80 { background-color: rgba(165, 243, 252, 0.8) !important; }
.text-cyan-200\/80 { color: rgba(165, 243, 252, 0.8) !important; }
.border-cyan-200\/80 { border-color: rgba(165, 243, 252, 0.8) !important; }

.hover\:bg-cyan-200\/80:hover { background-color: rgba(165, 243, 252, 0.8) !important; }
.hover\:text-cyan-200\/80:hover { color: rgba(165, 243, 252, 0.8) !important; }
.hover\:border-cyan-200\/80:hover { border-color: rgba(165, 243, 252, 0.8) !important; }

.dark .dark\:bg-cyan-200\/80,
html.dark .dark\:bg-cyan-200\/80 { background-color: rgba(165, 243, 252, 0.8) !important; }
.dark .dark\:text-cyan-200\/80,
html.dark .dark\:text-cyan-200\/80 { color: rgba(165, 243, 252, 0.8) !important; }
.dark .dark\:border-cyan-200\/80,
html.dark .dark\:border-cyan-200\/80 { border-color: rgba(165, 243, 252, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-200\/80:hover,
html.dark .dark\:hover\:bg-cyan-200\/80:hover { background-color: rgba(165, 243, 252, 0.8) !important; }
.dark .dark\:hover\:text-cyan-200\/80:hover,
html.dark .dark\:hover\:text-cyan-200\/80:hover { color: rgba(165, 243, 252, 0.8) !important; }
.dark .dark\:hover\:border-cyan-200\/80:hover,
html.dark .dark\:hover\:border-cyan-200\/80:hover { border-color: rgba(165, 243, 252, 0.8) !important; }

.bg-cyan-200\/90 { background-color: rgba(165, 243, 252, 0.9) !important; }
.text-cyan-200\/90 { color: rgba(165, 243, 252, 0.9) !important; }
.border-cyan-200\/90 { border-color: rgba(165, 243, 252, 0.9) !important; }

.hover\:bg-cyan-200\/90:hover { background-color: rgba(165, 243, 252, 0.9) !important; }
.hover\:text-cyan-200\/90:hover { color: rgba(165, 243, 252, 0.9) !important; }
.hover\:border-cyan-200\/90:hover { border-color: rgba(165, 243, 252, 0.9) !important; }

.dark .dark\:bg-cyan-200\/90,
html.dark .dark\:bg-cyan-200\/90 { background-color: rgba(165, 243, 252, 0.9) !important; }
.dark .dark\:text-cyan-200\/90,
html.dark .dark\:text-cyan-200\/90 { color: rgba(165, 243, 252, 0.9) !important; }
.dark .dark\:border-cyan-200\/90,
html.dark .dark\:border-cyan-200\/90 { border-color: rgba(165, 243, 252, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-200\/90:hover,
html.dark .dark\:hover\:bg-cyan-200\/90:hover { background-color: rgba(165, 243, 252, 0.9) !important; }
.dark .dark\:hover\:text-cyan-200\/90:hover,
html.dark .dark\:hover\:text-cyan-200\/90:hover { color: rgba(165, 243, 252, 0.9) !important; }
.dark .dark\:hover\:border-cyan-200\/90:hover,
html.dark .dark\:hover\:border-cyan-200\/90:hover { border-color: rgba(165, 243, 252, 0.9) !important; }

.bg-cyan-200\/95 { background-color: rgba(165, 243, 252, 0.95) !important; }
.text-cyan-200\/95 { color: rgba(165, 243, 252, 0.95) !important; }
.border-cyan-200\/95 { border-color: rgba(165, 243, 252, 0.95) !important; }

.hover\:bg-cyan-200\/95:hover { background-color: rgba(165, 243, 252, 0.95) !important; }
.hover\:text-cyan-200\/95:hover { color: rgba(165, 243, 252, 0.95) !important; }
.hover\:border-cyan-200\/95:hover { border-color: rgba(165, 243, 252, 0.95) !important; }

.dark .dark\:bg-cyan-200\/95,
html.dark .dark\:bg-cyan-200\/95 { background-color: rgba(165, 243, 252, 0.95) !important; }
.dark .dark\:text-cyan-200\/95,
html.dark .dark\:text-cyan-200\/95 { color: rgba(165, 243, 252, 0.95) !important; }
.dark .dark\:border-cyan-200\/95,
html.dark .dark\:border-cyan-200\/95 { border-color: rgba(165, 243, 252, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-200\/95:hover,
html.dark .dark\:hover\:bg-cyan-200\/95:hover { background-color: rgba(165, 243, 252, 0.95) !important; }
.dark .dark\:hover\:text-cyan-200\/95:hover,
html.dark .dark\:hover\:text-cyan-200\/95:hover { color: rgba(165, 243, 252, 0.95) !important; }
.dark .dark\:hover\:border-cyan-200\/95:hover,
html.dark .dark\:hover\:border-cyan-200\/95:hover { border-color: rgba(165, 243, 252, 0.95) !important; }

.bg-cyan-300 { background-color: #67e8f9 !important; }
.text-cyan-300 { color: #67e8f9 !important; }
.border-cyan-300 { border-color: #67e8f9 !important; }
.fill-cyan-300 { fill: #67e8f9 !important; }
.stroke-cyan-300 { stroke: #67e8f9 !important; }

/* Hover states */
.hover\:bg-cyan-300:hover { background-color: #67e8f9 !important; }
.hover\:text-cyan-300:hover { color: #67e8f9 !important; }
.hover\:border-cyan-300:hover { border-color: #67e8f9 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-300,
html.dark .dark\:bg-cyan-300 { background-color: #67e8f9 !important; }
.dark .dark\:text-cyan-300,
html.dark .dark\:text-cyan-300 { color: #67e8f9 !important; }
.dark .dark\:border-cyan-300,
html.dark .dark\:border-cyan-300 { border-color: #67e8f9 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-300:hover,
html.dark .dark\:hover\:bg-cyan-300:hover { background-color: #67e8f9 !important; }
.dark .dark\:hover\:text-cyan-300:hover,
html.dark .dark\:hover\:text-cyan-300:hover { color: #67e8f9 !important; }
.dark .dark\:hover\:border-cyan-300:hover,
html.dark .dark\:hover\:border-cyan-300:hover { border-color: #67e8f9 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-300,
html.dark .group:hover .dark\:group-hover\:text-cyan-300 { color: #67e8f9 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-300,
html.dark .group:hover .dark\:group-hover\:bg-cyan-300 { background-color: #67e8f9 !important; }

.bg-cyan-300\/10 { background-color: rgba(103, 232, 249, 0.1) !important; }
.text-cyan-300\/10 { color: rgba(103, 232, 249, 0.1) !important; }
.border-cyan-300\/10 { border-color: rgba(103, 232, 249, 0.1) !important; }

.hover\:bg-cyan-300\/10:hover { background-color: rgba(103, 232, 249, 0.1) !important; }
.hover\:text-cyan-300\/10:hover { color: rgba(103, 232, 249, 0.1) !important; }
.hover\:border-cyan-300\/10:hover { border-color: rgba(103, 232, 249, 0.1) !important; }

.dark .dark\:bg-cyan-300\/10,
html.dark .dark\:bg-cyan-300\/10 { background-color: rgba(103, 232, 249, 0.1) !important; }
.dark .dark\:text-cyan-300\/10,
html.dark .dark\:text-cyan-300\/10 { color: rgba(103, 232, 249, 0.1) !important; }
.dark .dark\:border-cyan-300\/10,
html.dark .dark\:border-cyan-300\/10 { border-color: rgba(103, 232, 249, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-300\/10:hover,
html.dark .dark\:hover\:bg-cyan-300\/10:hover { background-color: rgba(103, 232, 249, 0.1) !important; }
.dark .dark\:hover\:text-cyan-300\/10:hover,
html.dark .dark\:hover\:text-cyan-300\/10:hover { color: rgba(103, 232, 249, 0.1) !important; }
.dark .dark\:hover\:border-cyan-300\/10:hover,
html.dark .dark\:hover\:border-cyan-300\/10:hover { border-color: rgba(103, 232, 249, 0.1) !important; }

.bg-cyan-300\/20 { background-color: rgba(103, 232, 249, 0.2) !important; }
.text-cyan-300\/20 { color: rgba(103, 232, 249, 0.2) !important; }
.border-cyan-300\/20 { border-color: rgba(103, 232, 249, 0.2) !important; }

.hover\:bg-cyan-300\/20:hover { background-color: rgba(103, 232, 249, 0.2) !important; }
.hover\:text-cyan-300\/20:hover { color: rgba(103, 232, 249, 0.2) !important; }
.hover\:border-cyan-300\/20:hover { border-color: rgba(103, 232, 249, 0.2) !important; }

.dark .dark\:bg-cyan-300\/20,
html.dark .dark\:bg-cyan-300\/20 { background-color: rgba(103, 232, 249, 0.2) !important; }
.dark .dark\:text-cyan-300\/20,
html.dark .dark\:text-cyan-300\/20 { color: rgba(103, 232, 249, 0.2) !important; }
.dark .dark\:border-cyan-300\/20,
html.dark .dark\:border-cyan-300\/20 { border-color: rgba(103, 232, 249, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-300\/20:hover,
html.dark .dark\:hover\:bg-cyan-300\/20:hover { background-color: rgba(103, 232, 249, 0.2) !important; }
.dark .dark\:hover\:text-cyan-300\/20:hover,
html.dark .dark\:hover\:text-cyan-300\/20:hover { color: rgba(103, 232, 249, 0.2) !important; }
.dark .dark\:hover\:border-cyan-300\/20:hover,
html.dark .dark\:hover\:border-cyan-300\/20:hover { border-color: rgba(103, 232, 249, 0.2) !important; }

.bg-cyan-300\/25 { background-color: rgba(103, 232, 249, 0.25) !important; }
.text-cyan-300\/25 { color: rgba(103, 232, 249, 0.25) !important; }
.border-cyan-300\/25 { border-color: rgba(103, 232, 249, 0.25) !important; }

.hover\:bg-cyan-300\/25:hover { background-color: rgba(103, 232, 249, 0.25) !important; }
.hover\:text-cyan-300\/25:hover { color: rgba(103, 232, 249, 0.25) !important; }
.hover\:border-cyan-300\/25:hover { border-color: rgba(103, 232, 249, 0.25) !important; }

.dark .dark\:bg-cyan-300\/25,
html.dark .dark\:bg-cyan-300\/25 { background-color: rgba(103, 232, 249, 0.25) !important; }
.dark .dark\:text-cyan-300\/25,
html.dark .dark\:text-cyan-300\/25 { color: rgba(103, 232, 249, 0.25) !important; }
.dark .dark\:border-cyan-300\/25,
html.dark .dark\:border-cyan-300\/25 { border-color: rgba(103, 232, 249, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-300\/25:hover,
html.dark .dark\:hover\:bg-cyan-300\/25:hover { background-color: rgba(103, 232, 249, 0.25) !important; }
.dark .dark\:hover\:text-cyan-300\/25:hover,
html.dark .dark\:hover\:text-cyan-300\/25:hover { color: rgba(103, 232, 249, 0.25) !important; }
.dark .dark\:hover\:border-cyan-300\/25:hover,
html.dark .dark\:hover\:border-cyan-300\/25:hover { border-color: rgba(103, 232, 249, 0.25) !important; }

.bg-cyan-300\/30 { background-color: rgba(103, 232, 249, 0.3) !important; }
.text-cyan-300\/30 { color: rgba(103, 232, 249, 0.3) !important; }
.border-cyan-300\/30 { border-color: rgba(103, 232, 249, 0.3) !important; }

.hover\:bg-cyan-300\/30:hover { background-color: rgba(103, 232, 249, 0.3) !important; }
.hover\:text-cyan-300\/30:hover { color: rgba(103, 232, 249, 0.3) !important; }
.hover\:border-cyan-300\/30:hover { border-color: rgba(103, 232, 249, 0.3) !important; }

.dark .dark\:bg-cyan-300\/30,
html.dark .dark\:bg-cyan-300\/30 { background-color: rgba(103, 232, 249, 0.3) !important; }
.dark .dark\:text-cyan-300\/30,
html.dark .dark\:text-cyan-300\/30 { color: rgba(103, 232, 249, 0.3) !important; }
.dark .dark\:border-cyan-300\/30,
html.dark .dark\:border-cyan-300\/30 { border-color: rgba(103, 232, 249, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-300\/30:hover,
html.dark .dark\:hover\:bg-cyan-300\/30:hover { background-color: rgba(103, 232, 249, 0.3) !important; }
.dark .dark\:hover\:text-cyan-300\/30:hover,
html.dark .dark\:hover\:text-cyan-300\/30:hover { color: rgba(103, 232, 249, 0.3) !important; }
.dark .dark\:hover\:border-cyan-300\/30:hover,
html.dark .dark\:hover\:border-cyan-300\/30:hover { border-color: rgba(103, 232, 249, 0.3) !important; }

.bg-cyan-300\/40 { background-color: rgba(103, 232, 249, 0.4) !important; }
.text-cyan-300\/40 { color: rgba(103, 232, 249, 0.4) !important; }
.border-cyan-300\/40 { border-color: rgba(103, 232, 249, 0.4) !important; }

.hover\:bg-cyan-300\/40:hover { background-color: rgba(103, 232, 249, 0.4) !important; }
.hover\:text-cyan-300\/40:hover { color: rgba(103, 232, 249, 0.4) !important; }
.hover\:border-cyan-300\/40:hover { border-color: rgba(103, 232, 249, 0.4) !important; }

.dark .dark\:bg-cyan-300\/40,
html.dark .dark\:bg-cyan-300\/40 { background-color: rgba(103, 232, 249, 0.4) !important; }
.dark .dark\:text-cyan-300\/40,
html.dark .dark\:text-cyan-300\/40 { color: rgba(103, 232, 249, 0.4) !important; }
.dark .dark\:border-cyan-300\/40,
html.dark .dark\:border-cyan-300\/40 { border-color: rgba(103, 232, 249, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-300\/40:hover,
html.dark .dark\:hover\:bg-cyan-300\/40:hover { background-color: rgba(103, 232, 249, 0.4) !important; }
.dark .dark\:hover\:text-cyan-300\/40:hover,
html.dark .dark\:hover\:text-cyan-300\/40:hover { color: rgba(103, 232, 249, 0.4) !important; }
.dark .dark\:hover\:border-cyan-300\/40:hover,
html.dark .dark\:hover\:border-cyan-300\/40:hover { border-color: rgba(103, 232, 249, 0.4) !important; }

.bg-cyan-300\/50 { background-color: rgba(103, 232, 249, 0.5) !important; }
.text-cyan-300\/50 { color: rgba(103, 232, 249, 0.5) !important; }
.border-cyan-300\/50 { border-color: rgba(103, 232, 249, 0.5) !important; }

.hover\:bg-cyan-300\/50:hover { background-color: rgba(103, 232, 249, 0.5) !important; }
.hover\:text-cyan-300\/50:hover { color: rgba(103, 232, 249, 0.5) !important; }
.hover\:border-cyan-300\/50:hover { border-color: rgba(103, 232, 249, 0.5) !important; }

.dark .dark\:bg-cyan-300\/50,
html.dark .dark\:bg-cyan-300\/50 { background-color: rgba(103, 232, 249, 0.5) !important; }
.dark .dark\:text-cyan-300\/50,
html.dark .dark\:text-cyan-300\/50 { color: rgba(103, 232, 249, 0.5) !important; }
.dark .dark\:border-cyan-300\/50,
html.dark .dark\:border-cyan-300\/50 { border-color: rgba(103, 232, 249, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-300\/50:hover,
html.dark .dark\:hover\:bg-cyan-300\/50:hover { background-color: rgba(103, 232, 249, 0.5) !important; }
.dark .dark\:hover\:text-cyan-300\/50:hover,
html.dark .dark\:hover\:text-cyan-300\/50:hover { color: rgba(103, 232, 249, 0.5) !important; }
.dark .dark\:hover\:border-cyan-300\/50:hover,
html.dark .dark\:hover\:border-cyan-300\/50:hover { border-color: rgba(103, 232, 249, 0.5) !important; }

.bg-cyan-300\/60 { background-color: rgba(103, 232, 249, 0.6) !important; }
.text-cyan-300\/60 { color: rgba(103, 232, 249, 0.6) !important; }
.border-cyan-300\/60 { border-color: rgba(103, 232, 249, 0.6) !important; }

.hover\:bg-cyan-300\/60:hover { background-color: rgba(103, 232, 249, 0.6) !important; }
.hover\:text-cyan-300\/60:hover { color: rgba(103, 232, 249, 0.6) !important; }
.hover\:border-cyan-300\/60:hover { border-color: rgba(103, 232, 249, 0.6) !important; }

.dark .dark\:bg-cyan-300\/60,
html.dark .dark\:bg-cyan-300\/60 { background-color: rgba(103, 232, 249, 0.6) !important; }
.dark .dark\:text-cyan-300\/60,
html.dark .dark\:text-cyan-300\/60 { color: rgba(103, 232, 249, 0.6) !important; }
.dark .dark\:border-cyan-300\/60,
html.dark .dark\:border-cyan-300\/60 { border-color: rgba(103, 232, 249, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-300\/60:hover,
html.dark .dark\:hover\:bg-cyan-300\/60:hover { background-color: rgba(103, 232, 249, 0.6) !important; }
.dark .dark\:hover\:text-cyan-300\/60:hover,
html.dark .dark\:hover\:text-cyan-300\/60:hover { color: rgba(103, 232, 249, 0.6) !important; }
.dark .dark\:hover\:border-cyan-300\/60:hover,
html.dark .dark\:hover\:border-cyan-300\/60:hover { border-color: rgba(103, 232, 249, 0.6) !important; }

.bg-cyan-300\/70 { background-color: rgba(103, 232, 249, 0.7) !important; }
.text-cyan-300\/70 { color: rgba(103, 232, 249, 0.7) !important; }
.border-cyan-300\/70 { border-color: rgba(103, 232, 249, 0.7) !important; }

.hover\:bg-cyan-300\/70:hover { background-color: rgba(103, 232, 249, 0.7) !important; }
.hover\:text-cyan-300\/70:hover { color: rgba(103, 232, 249, 0.7) !important; }
.hover\:border-cyan-300\/70:hover { border-color: rgba(103, 232, 249, 0.7) !important; }

.dark .dark\:bg-cyan-300\/70,
html.dark .dark\:bg-cyan-300\/70 { background-color: rgba(103, 232, 249, 0.7) !important; }
.dark .dark\:text-cyan-300\/70,
html.dark .dark\:text-cyan-300\/70 { color: rgba(103, 232, 249, 0.7) !important; }
.dark .dark\:border-cyan-300\/70,
html.dark .dark\:border-cyan-300\/70 { border-color: rgba(103, 232, 249, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-300\/70:hover,
html.dark .dark\:hover\:bg-cyan-300\/70:hover { background-color: rgba(103, 232, 249, 0.7) !important; }
.dark .dark\:hover\:text-cyan-300\/70:hover,
html.dark .dark\:hover\:text-cyan-300\/70:hover { color: rgba(103, 232, 249, 0.7) !important; }
.dark .dark\:hover\:border-cyan-300\/70:hover,
html.dark .dark\:hover\:border-cyan-300\/70:hover { border-color: rgba(103, 232, 249, 0.7) !important; }

.bg-cyan-300\/75 { background-color: rgba(103, 232, 249, 0.75) !important; }
.text-cyan-300\/75 { color: rgba(103, 232, 249, 0.75) !important; }
.border-cyan-300\/75 { border-color: rgba(103, 232, 249, 0.75) !important; }

.hover\:bg-cyan-300\/75:hover { background-color: rgba(103, 232, 249, 0.75) !important; }
.hover\:text-cyan-300\/75:hover { color: rgba(103, 232, 249, 0.75) !important; }
.hover\:border-cyan-300\/75:hover { border-color: rgba(103, 232, 249, 0.75) !important; }

.dark .dark\:bg-cyan-300\/75,
html.dark .dark\:bg-cyan-300\/75 { background-color: rgba(103, 232, 249, 0.75) !important; }
.dark .dark\:text-cyan-300\/75,
html.dark .dark\:text-cyan-300\/75 { color: rgba(103, 232, 249, 0.75) !important; }
.dark .dark\:border-cyan-300\/75,
html.dark .dark\:border-cyan-300\/75 { border-color: rgba(103, 232, 249, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-300\/75:hover,
html.dark .dark\:hover\:bg-cyan-300\/75:hover { background-color: rgba(103, 232, 249, 0.75) !important; }
.dark .dark\:hover\:text-cyan-300\/75:hover,
html.dark .dark\:hover\:text-cyan-300\/75:hover { color: rgba(103, 232, 249, 0.75) !important; }
.dark .dark\:hover\:border-cyan-300\/75:hover,
html.dark .dark\:hover\:border-cyan-300\/75:hover { border-color: rgba(103, 232, 249, 0.75) !important; }

.bg-cyan-300\/80 { background-color: rgba(103, 232, 249, 0.8) !important; }
.text-cyan-300\/80 { color: rgba(103, 232, 249, 0.8) !important; }
.border-cyan-300\/80 { border-color: rgba(103, 232, 249, 0.8) !important; }

.hover\:bg-cyan-300\/80:hover { background-color: rgba(103, 232, 249, 0.8) !important; }
.hover\:text-cyan-300\/80:hover { color: rgba(103, 232, 249, 0.8) !important; }
.hover\:border-cyan-300\/80:hover { border-color: rgba(103, 232, 249, 0.8) !important; }

.dark .dark\:bg-cyan-300\/80,
html.dark .dark\:bg-cyan-300\/80 { background-color: rgba(103, 232, 249, 0.8) !important; }
.dark .dark\:text-cyan-300\/80,
html.dark .dark\:text-cyan-300\/80 { color: rgba(103, 232, 249, 0.8) !important; }
.dark .dark\:border-cyan-300\/80,
html.dark .dark\:border-cyan-300\/80 { border-color: rgba(103, 232, 249, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-300\/80:hover,
html.dark .dark\:hover\:bg-cyan-300\/80:hover { background-color: rgba(103, 232, 249, 0.8) !important; }
.dark .dark\:hover\:text-cyan-300\/80:hover,
html.dark .dark\:hover\:text-cyan-300\/80:hover { color: rgba(103, 232, 249, 0.8) !important; }
.dark .dark\:hover\:border-cyan-300\/80:hover,
html.dark .dark\:hover\:border-cyan-300\/80:hover { border-color: rgba(103, 232, 249, 0.8) !important; }

.bg-cyan-300\/90 { background-color: rgba(103, 232, 249, 0.9) !important; }
.text-cyan-300\/90 { color: rgba(103, 232, 249, 0.9) !important; }
.border-cyan-300\/90 { border-color: rgba(103, 232, 249, 0.9) !important; }

.hover\:bg-cyan-300\/90:hover { background-color: rgba(103, 232, 249, 0.9) !important; }
.hover\:text-cyan-300\/90:hover { color: rgba(103, 232, 249, 0.9) !important; }
.hover\:border-cyan-300\/90:hover { border-color: rgba(103, 232, 249, 0.9) !important; }

.dark .dark\:bg-cyan-300\/90,
html.dark .dark\:bg-cyan-300\/90 { background-color: rgba(103, 232, 249, 0.9) !important; }
.dark .dark\:text-cyan-300\/90,
html.dark .dark\:text-cyan-300\/90 { color: rgba(103, 232, 249, 0.9) !important; }
.dark .dark\:border-cyan-300\/90,
html.dark .dark\:border-cyan-300\/90 { border-color: rgba(103, 232, 249, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-300\/90:hover,
html.dark .dark\:hover\:bg-cyan-300\/90:hover { background-color: rgba(103, 232, 249, 0.9) !important; }
.dark .dark\:hover\:text-cyan-300\/90:hover,
html.dark .dark\:hover\:text-cyan-300\/90:hover { color: rgba(103, 232, 249, 0.9) !important; }
.dark .dark\:hover\:border-cyan-300\/90:hover,
html.dark .dark\:hover\:border-cyan-300\/90:hover { border-color: rgba(103, 232, 249, 0.9) !important; }

.bg-cyan-300\/95 { background-color: rgba(103, 232, 249, 0.95) !important; }
.text-cyan-300\/95 { color: rgba(103, 232, 249, 0.95) !important; }
.border-cyan-300\/95 { border-color: rgba(103, 232, 249, 0.95) !important; }

.hover\:bg-cyan-300\/95:hover { background-color: rgba(103, 232, 249, 0.95) !important; }
.hover\:text-cyan-300\/95:hover { color: rgba(103, 232, 249, 0.95) !important; }
.hover\:border-cyan-300\/95:hover { border-color: rgba(103, 232, 249, 0.95) !important; }

.dark .dark\:bg-cyan-300\/95,
html.dark .dark\:bg-cyan-300\/95 { background-color: rgba(103, 232, 249, 0.95) !important; }
.dark .dark\:text-cyan-300\/95,
html.dark .dark\:text-cyan-300\/95 { color: rgba(103, 232, 249, 0.95) !important; }
.dark .dark\:border-cyan-300\/95,
html.dark .dark\:border-cyan-300\/95 { border-color: rgba(103, 232, 249, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-300\/95:hover,
html.dark .dark\:hover\:bg-cyan-300\/95:hover { background-color: rgba(103, 232, 249, 0.95) !important; }
.dark .dark\:hover\:text-cyan-300\/95:hover,
html.dark .dark\:hover\:text-cyan-300\/95:hover { color: rgba(103, 232, 249, 0.95) !important; }
.dark .dark\:hover\:border-cyan-300\/95:hover,
html.dark .dark\:hover\:border-cyan-300\/95:hover { border-color: rgba(103, 232, 249, 0.95) !important; }

.bg-cyan-400 { background-color: #22d3ee !important; }
.text-cyan-400 { color: #22d3ee !important; }
.border-cyan-400 { border-color: #22d3ee !important; }
.fill-cyan-400 { fill: #22d3ee !important; }
.stroke-cyan-400 { stroke: #22d3ee !important; }

/* Hover states */
.hover\:bg-cyan-400:hover { background-color: #22d3ee !important; }
.hover\:text-cyan-400:hover { color: #22d3ee !important; }
.hover\:border-cyan-400:hover { border-color: #22d3ee !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-400,
html.dark .dark\:bg-cyan-400 { background-color: #22d3ee !important; }
.dark .dark\:text-cyan-400,
html.dark .dark\:text-cyan-400 { color: #22d3ee !important; }
.dark .dark\:border-cyan-400,
html.dark .dark\:border-cyan-400 { border-color: #22d3ee !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-400:hover,
html.dark .dark\:hover\:bg-cyan-400:hover { background-color: #22d3ee !important; }
.dark .dark\:hover\:text-cyan-400:hover,
html.dark .dark\:hover\:text-cyan-400:hover { color: #22d3ee !important; }
.dark .dark\:hover\:border-cyan-400:hover,
html.dark .dark\:hover\:border-cyan-400:hover { border-color: #22d3ee !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-400,
html.dark .group:hover .dark\:group-hover\:text-cyan-400 { color: #22d3ee !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-400,
html.dark .group:hover .dark\:group-hover\:bg-cyan-400 { background-color: #22d3ee !important; }

.bg-cyan-400\/10 { background-color: rgba(34, 211, 238, 0.1) !important; }
.text-cyan-400\/10 { color: rgba(34, 211, 238, 0.1) !important; }
.border-cyan-400\/10 { border-color: rgba(34, 211, 238, 0.1) !important; }

.hover\:bg-cyan-400\/10:hover { background-color: rgba(34, 211, 238, 0.1) !important; }
.hover\:text-cyan-400\/10:hover { color: rgba(34, 211, 238, 0.1) !important; }
.hover\:border-cyan-400\/10:hover { border-color: rgba(34, 211, 238, 0.1) !important; }

.dark .dark\:bg-cyan-400\/10,
html.dark .dark\:bg-cyan-400\/10 { background-color: rgba(34, 211, 238, 0.1) !important; }
.dark .dark\:text-cyan-400\/10,
html.dark .dark\:text-cyan-400\/10 { color: rgba(34, 211, 238, 0.1) !important; }
.dark .dark\:border-cyan-400\/10,
html.dark .dark\:border-cyan-400\/10 { border-color: rgba(34, 211, 238, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-400\/10:hover,
html.dark .dark\:hover\:bg-cyan-400\/10:hover { background-color: rgba(34, 211, 238, 0.1) !important; }
.dark .dark\:hover\:text-cyan-400\/10:hover,
html.dark .dark\:hover\:text-cyan-400\/10:hover { color: rgba(34, 211, 238, 0.1) !important; }
.dark .dark\:hover\:border-cyan-400\/10:hover,
html.dark .dark\:hover\:border-cyan-400\/10:hover { border-color: rgba(34, 211, 238, 0.1) !important; }

.bg-cyan-400\/20 { background-color: rgba(34, 211, 238, 0.2) !important; }
.text-cyan-400\/20 { color: rgba(34, 211, 238, 0.2) !important; }
.border-cyan-400\/20 { border-color: rgba(34, 211, 238, 0.2) !important; }

.hover\:bg-cyan-400\/20:hover { background-color: rgba(34, 211, 238, 0.2) !important; }
.hover\:text-cyan-400\/20:hover { color: rgba(34, 211, 238, 0.2) !important; }
.hover\:border-cyan-400\/20:hover { border-color: rgba(34, 211, 238, 0.2) !important; }

.dark .dark\:bg-cyan-400\/20,
html.dark .dark\:bg-cyan-400\/20 { background-color: rgba(34, 211, 238, 0.2) !important; }
.dark .dark\:text-cyan-400\/20,
html.dark .dark\:text-cyan-400\/20 { color: rgba(34, 211, 238, 0.2) !important; }
.dark .dark\:border-cyan-400\/20,
html.dark .dark\:border-cyan-400\/20 { border-color: rgba(34, 211, 238, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-400\/20:hover,
html.dark .dark\:hover\:bg-cyan-400\/20:hover { background-color: rgba(34, 211, 238, 0.2) !important; }
.dark .dark\:hover\:text-cyan-400\/20:hover,
html.dark .dark\:hover\:text-cyan-400\/20:hover { color: rgba(34, 211, 238, 0.2) !important; }
.dark .dark\:hover\:border-cyan-400\/20:hover,
html.dark .dark\:hover\:border-cyan-400\/20:hover { border-color: rgba(34, 211, 238, 0.2) !important; }

.bg-cyan-400\/25 { background-color: rgba(34, 211, 238, 0.25) !important; }
.text-cyan-400\/25 { color: rgba(34, 211, 238, 0.25) !important; }
.border-cyan-400\/25 { border-color: rgba(34, 211, 238, 0.25) !important; }

.hover\:bg-cyan-400\/25:hover { background-color: rgba(34, 211, 238, 0.25) !important; }
.hover\:text-cyan-400\/25:hover { color: rgba(34, 211, 238, 0.25) !important; }
.hover\:border-cyan-400\/25:hover { border-color: rgba(34, 211, 238, 0.25) !important; }

.dark .dark\:bg-cyan-400\/25,
html.dark .dark\:bg-cyan-400\/25 { background-color: rgba(34, 211, 238, 0.25) !important; }
.dark .dark\:text-cyan-400\/25,
html.dark .dark\:text-cyan-400\/25 { color: rgba(34, 211, 238, 0.25) !important; }
.dark .dark\:border-cyan-400\/25,
html.dark .dark\:border-cyan-400\/25 { border-color: rgba(34, 211, 238, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-400\/25:hover,
html.dark .dark\:hover\:bg-cyan-400\/25:hover { background-color: rgba(34, 211, 238, 0.25) !important; }
.dark .dark\:hover\:text-cyan-400\/25:hover,
html.dark .dark\:hover\:text-cyan-400\/25:hover { color: rgba(34, 211, 238, 0.25) !important; }
.dark .dark\:hover\:border-cyan-400\/25:hover,
html.dark .dark\:hover\:border-cyan-400\/25:hover { border-color: rgba(34, 211, 238, 0.25) !important; }

.bg-cyan-400\/30 { background-color: rgba(34, 211, 238, 0.3) !important; }
.text-cyan-400\/30 { color: rgba(34, 211, 238, 0.3) !important; }
.border-cyan-400\/30 { border-color: rgba(34, 211, 238, 0.3) !important; }

.hover\:bg-cyan-400\/30:hover { background-color: rgba(34, 211, 238, 0.3) !important; }
.hover\:text-cyan-400\/30:hover { color: rgba(34, 211, 238, 0.3) !important; }
.hover\:border-cyan-400\/30:hover { border-color: rgba(34, 211, 238, 0.3) !important; }

.dark .dark\:bg-cyan-400\/30,
html.dark .dark\:bg-cyan-400\/30 { background-color: rgba(34, 211, 238, 0.3) !important; }
.dark .dark\:text-cyan-400\/30,
html.dark .dark\:text-cyan-400\/30 { color: rgba(34, 211, 238, 0.3) !important; }
.dark .dark\:border-cyan-400\/30,
html.dark .dark\:border-cyan-400\/30 { border-color: rgba(34, 211, 238, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-400\/30:hover,
html.dark .dark\:hover\:bg-cyan-400\/30:hover { background-color: rgba(34, 211, 238, 0.3) !important; }
.dark .dark\:hover\:text-cyan-400\/30:hover,
html.dark .dark\:hover\:text-cyan-400\/30:hover { color: rgba(34, 211, 238, 0.3) !important; }
.dark .dark\:hover\:border-cyan-400\/30:hover,
html.dark .dark\:hover\:border-cyan-400\/30:hover { border-color: rgba(34, 211, 238, 0.3) !important; }

.bg-cyan-400\/40 { background-color: rgba(34, 211, 238, 0.4) !important; }
.text-cyan-400\/40 { color: rgba(34, 211, 238, 0.4) !important; }
.border-cyan-400\/40 { border-color: rgba(34, 211, 238, 0.4) !important; }

.hover\:bg-cyan-400\/40:hover { background-color: rgba(34, 211, 238, 0.4) !important; }
.hover\:text-cyan-400\/40:hover { color: rgba(34, 211, 238, 0.4) !important; }
.hover\:border-cyan-400\/40:hover { border-color: rgba(34, 211, 238, 0.4) !important; }

.dark .dark\:bg-cyan-400\/40,
html.dark .dark\:bg-cyan-400\/40 { background-color: rgba(34, 211, 238, 0.4) !important; }
.dark .dark\:text-cyan-400\/40,
html.dark .dark\:text-cyan-400\/40 { color: rgba(34, 211, 238, 0.4) !important; }
.dark .dark\:border-cyan-400\/40,
html.dark .dark\:border-cyan-400\/40 { border-color: rgba(34, 211, 238, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-400\/40:hover,
html.dark .dark\:hover\:bg-cyan-400\/40:hover { background-color: rgba(34, 211, 238, 0.4) !important; }
.dark .dark\:hover\:text-cyan-400\/40:hover,
html.dark .dark\:hover\:text-cyan-400\/40:hover { color: rgba(34, 211, 238, 0.4) !important; }
.dark .dark\:hover\:border-cyan-400\/40:hover,
html.dark .dark\:hover\:border-cyan-400\/40:hover { border-color: rgba(34, 211, 238, 0.4) !important; }

.bg-cyan-400\/50 { background-color: rgba(34, 211, 238, 0.5) !important; }
.text-cyan-400\/50 { color: rgba(34, 211, 238, 0.5) !important; }
.border-cyan-400\/50 { border-color: rgba(34, 211, 238, 0.5) !important; }

.hover\:bg-cyan-400\/50:hover { background-color: rgba(34, 211, 238, 0.5) !important; }
.hover\:text-cyan-400\/50:hover { color: rgba(34, 211, 238, 0.5) !important; }
.hover\:border-cyan-400\/50:hover { border-color: rgba(34, 211, 238, 0.5) !important; }

.dark .dark\:bg-cyan-400\/50,
html.dark .dark\:bg-cyan-400\/50 { background-color: rgba(34, 211, 238, 0.5) !important; }
.dark .dark\:text-cyan-400\/50,
html.dark .dark\:text-cyan-400\/50 { color: rgba(34, 211, 238, 0.5) !important; }
.dark .dark\:border-cyan-400\/50,
html.dark .dark\:border-cyan-400\/50 { border-color: rgba(34, 211, 238, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-400\/50:hover,
html.dark .dark\:hover\:bg-cyan-400\/50:hover { background-color: rgba(34, 211, 238, 0.5) !important; }
.dark .dark\:hover\:text-cyan-400\/50:hover,
html.dark .dark\:hover\:text-cyan-400\/50:hover { color: rgba(34, 211, 238, 0.5) !important; }
.dark .dark\:hover\:border-cyan-400\/50:hover,
html.dark .dark\:hover\:border-cyan-400\/50:hover { border-color: rgba(34, 211, 238, 0.5) !important; }

.bg-cyan-400\/60 { background-color: rgba(34, 211, 238, 0.6) !important; }
.text-cyan-400\/60 { color: rgba(34, 211, 238, 0.6) !important; }
.border-cyan-400\/60 { border-color: rgba(34, 211, 238, 0.6) !important; }

.hover\:bg-cyan-400\/60:hover { background-color: rgba(34, 211, 238, 0.6) !important; }
.hover\:text-cyan-400\/60:hover { color: rgba(34, 211, 238, 0.6) !important; }
.hover\:border-cyan-400\/60:hover { border-color: rgba(34, 211, 238, 0.6) !important; }

.dark .dark\:bg-cyan-400\/60,
html.dark .dark\:bg-cyan-400\/60 { background-color: rgba(34, 211, 238, 0.6) !important; }
.dark .dark\:text-cyan-400\/60,
html.dark .dark\:text-cyan-400\/60 { color: rgba(34, 211, 238, 0.6) !important; }
.dark .dark\:border-cyan-400\/60,
html.dark .dark\:border-cyan-400\/60 { border-color: rgba(34, 211, 238, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-400\/60:hover,
html.dark .dark\:hover\:bg-cyan-400\/60:hover { background-color: rgba(34, 211, 238, 0.6) !important; }
.dark .dark\:hover\:text-cyan-400\/60:hover,
html.dark .dark\:hover\:text-cyan-400\/60:hover { color: rgba(34, 211, 238, 0.6) !important; }
.dark .dark\:hover\:border-cyan-400\/60:hover,
html.dark .dark\:hover\:border-cyan-400\/60:hover { border-color: rgba(34, 211, 238, 0.6) !important; }

.bg-cyan-400\/70 { background-color: rgba(34, 211, 238, 0.7) !important; }
.text-cyan-400\/70 { color: rgba(34, 211, 238, 0.7) !important; }
.border-cyan-400\/70 { border-color: rgba(34, 211, 238, 0.7) !important; }

.hover\:bg-cyan-400\/70:hover { background-color: rgba(34, 211, 238, 0.7) !important; }
.hover\:text-cyan-400\/70:hover { color: rgba(34, 211, 238, 0.7) !important; }
.hover\:border-cyan-400\/70:hover { border-color: rgba(34, 211, 238, 0.7) !important; }

.dark .dark\:bg-cyan-400\/70,
html.dark .dark\:bg-cyan-400\/70 { background-color: rgba(34, 211, 238, 0.7) !important; }
.dark .dark\:text-cyan-400\/70,
html.dark .dark\:text-cyan-400\/70 { color: rgba(34, 211, 238, 0.7) !important; }
.dark .dark\:border-cyan-400\/70,
html.dark .dark\:border-cyan-400\/70 { border-color: rgba(34, 211, 238, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-400\/70:hover,
html.dark .dark\:hover\:bg-cyan-400\/70:hover { background-color: rgba(34, 211, 238, 0.7) !important; }
.dark .dark\:hover\:text-cyan-400\/70:hover,
html.dark .dark\:hover\:text-cyan-400\/70:hover { color: rgba(34, 211, 238, 0.7) !important; }
.dark .dark\:hover\:border-cyan-400\/70:hover,
html.dark .dark\:hover\:border-cyan-400\/70:hover { border-color: rgba(34, 211, 238, 0.7) !important; }

.bg-cyan-400\/75 { background-color: rgba(34, 211, 238, 0.75) !important; }
.text-cyan-400\/75 { color: rgba(34, 211, 238, 0.75) !important; }
.border-cyan-400\/75 { border-color: rgba(34, 211, 238, 0.75) !important; }

.hover\:bg-cyan-400\/75:hover { background-color: rgba(34, 211, 238, 0.75) !important; }
.hover\:text-cyan-400\/75:hover { color: rgba(34, 211, 238, 0.75) !important; }
.hover\:border-cyan-400\/75:hover { border-color: rgba(34, 211, 238, 0.75) !important; }

.dark .dark\:bg-cyan-400\/75,
html.dark .dark\:bg-cyan-400\/75 { background-color: rgba(34, 211, 238, 0.75) !important; }
.dark .dark\:text-cyan-400\/75,
html.dark .dark\:text-cyan-400\/75 { color: rgba(34, 211, 238, 0.75) !important; }
.dark .dark\:border-cyan-400\/75,
html.dark .dark\:border-cyan-400\/75 { border-color: rgba(34, 211, 238, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-400\/75:hover,
html.dark .dark\:hover\:bg-cyan-400\/75:hover { background-color: rgba(34, 211, 238, 0.75) !important; }
.dark .dark\:hover\:text-cyan-400\/75:hover,
html.dark .dark\:hover\:text-cyan-400\/75:hover { color: rgba(34, 211, 238, 0.75) !important; }
.dark .dark\:hover\:border-cyan-400\/75:hover,
html.dark .dark\:hover\:border-cyan-400\/75:hover { border-color: rgba(34, 211, 238, 0.75) !important; }

.bg-cyan-400\/80 { background-color: rgba(34, 211, 238, 0.8) !important; }
.text-cyan-400\/80 { color: rgba(34, 211, 238, 0.8) !important; }
.border-cyan-400\/80 { border-color: rgba(34, 211, 238, 0.8) !important; }

.hover\:bg-cyan-400\/80:hover { background-color: rgba(34, 211, 238, 0.8) !important; }
.hover\:text-cyan-400\/80:hover { color: rgba(34, 211, 238, 0.8) !important; }
.hover\:border-cyan-400\/80:hover { border-color: rgba(34, 211, 238, 0.8) !important; }

.dark .dark\:bg-cyan-400\/80,
html.dark .dark\:bg-cyan-400\/80 { background-color: rgba(34, 211, 238, 0.8) !important; }
.dark .dark\:text-cyan-400\/80,
html.dark .dark\:text-cyan-400\/80 { color: rgba(34, 211, 238, 0.8) !important; }
.dark .dark\:border-cyan-400\/80,
html.dark .dark\:border-cyan-400\/80 { border-color: rgba(34, 211, 238, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-400\/80:hover,
html.dark .dark\:hover\:bg-cyan-400\/80:hover { background-color: rgba(34, 211, 238, 0.8) !important; }
.dark .dark\:hover\:text-cyan-400\/80:hover,
html.dark .dark\:hover\:text-cyan-400\/80:hover { color: rgba(34, 211, 238, 0.8) !important; }
.dark .dark\:hover\:border-cyan-400\/80:hover,
html.dark .dark\:hover\:border-cyan-400\/80:hover { border-color: rgba(34, 211, 238, 0.8) !important; }

.bg-cyan-400\/90 { background-color: rgba(34, 211, 238, 0.9) !important; }
.text-cyan-400\/90 { color: rgba(34, 211, 238, 0.9) !important; }
.border-cyan-400\/90 { border-color: rgba(34, 211, 238, 0.9) !important; }

.hover\:bg-cyan-400\/90:hover { background-color: rgba(34, 211, 238, 0.9) !important; }
.hover\:text-cyan-400\/90:hover { color: rgba(34, 211, 238, 0.9) !important; }
.hover\:border-cyan-400\/90:hover { border-color: rgba(34, 211, 238, 0.9) !important; }

.dark .dark\:bg-cyan-400\/90,
html.dark .dark\:bg-cyan-400\/90 { background-color: rgba(34, 211, 238, 0.9) !important; }
.dark .dark\:text-cyan-400\/90,
html.dark .dark\:text-cyan-400\/90 { color: rgba(34, 211, 238, 0.9) !important; }
.dark .dark\:border-cyan-400\/90,
html.dark .dark\:border-cyan-400\/90 { border-color: rgba(34, 211, 238, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-400\/90:hover,
html.dark .dark\:hover\:bg-cyan-400\/90:hover { background-color: rgba(34, 211, 238, 0.9) !important; }
.dark .dark\:hover\:text-cyan-400\/90:hover,
html.dark .dark\:hover\:text-cyan-400\/90:hover { color: rgba(34, 211, 238, 0.9) !important; }
.dark .dark\:hover\:border-cyan-400\/90:hover,
html.dark .dark\:hover\:border-cyan-400\/90:hover { border-color: rgba(34, 211, 238, 0.9) !important; }

.bg-cyan-400\/95 { background-color: rgba(34, 211, 238, 0.95) !important; }
.text-cyan-400\/95 { color: rgba(34, 211, 238, 0.95) !important; }
.border-cyan-400\/95 { border-color: rgba(34, 211, 238, 0.95) !important; }

.hover\:bg-cyan-400\/95:hover { background-color: rgba(34, 211, 238, 0.95) !important; }
.hover\:text-cyan-400\/95:hover { color: rgba(34, 211, 238, 0.95) !important; }
.hover\:border-cyan-400\/95:hover { border-color: rgba(34, 211, 238, 0.95) !important; }

.dark .dark\:bg-cyan-400\/95,
html.dark .dark\:bg-cyan-400\/95 { background-color: rgba(34, 211, 238, 0.95) !important; }
.dark .dark\:text-cyan-400\/95,
html.dark .dark\:text-cyan-400\/95 { color: rgba(34, 211, 238, 0.95) !important; }
.dark .dark\:border-cyan-400\/95,
html.dark .dark\:border-cyan-400\/95 { border-color: rgba(34, 211, 238, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-400\/95:hover,
html.dark .dark\:hover\:bg-cyan-400\/95:hover { background-color: rgba(34, 211, 238, 0.95) !important; }
.dark .dark\:hover\:text-cyan-400\/95:hover,
html.dark .dark\:hover\:text-cyan-400\/95:hover { color: rgba(34, 211, 238, 0.95) !important; }
.dark .dark\:hover\:border-cyan-400\/95:hover,
html.dark .dark\:hover\:border-cyan-400\/95:hover { border-color: rgba(34, 211, 238, 0.95) !important; }

.bg-cyan-500 { background-color: #06b6d4 !important; }
.text-cyan-500 { color: #06b6d4 !important; }
.border-cyan-500 { border-color: #06b6d4 !important; }
.fill-cyan-500 { fill: #06b6d4 !important; }
.stroke-cyan-500 { stroke: #06b6d4 !important; }

/* Hover states */
.hover\:bg-cyan-500:hover { background-color: #06b6d4 !important; }
.hover\:text-cyan-500:hover { color: #06b6d4 !important; }
.hover\:border-cyan-500:hover { border-color: #06b6d4 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-500,
html.dark .dark\:bg-cyan-500 { background-color: #06b6d4 !important; }
.dark .dark\:text-cyan-500,
html.dark .dark\:text-cyan-500 { color: #06b6d4 !important; }
.dark .dark\:border-cyan-500,
html.dark .dark\:border-cyan-500 { border-color: #06b6d4 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-500:hover,
html.dark .dark\:hover\:bg-cyan-500:hover { background-color: #06b6d4 !important; }
.dark .dark\:hover\:text-cyan-500:hover,
html.dark .dark\:hover\:text-cyan-500:hover { color: #06b6d4 !important; }
.dark .dark\:hover\:border-cyan-500:hover,
html.dark .dark\:hover\:border-cyan-500:hover { border-color: #06b6d4 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-500,
html.dark .group:hover .dark\:group-hover\:text-cyan-500 { color: #06b6d4 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-500,
html.dark .group:hover .dark\:group-hover\:bg-cyan-500 { background-color: #06b6d4 !important; }

.bg-cyan-500\/10 { background-color: rgba(6, 182, 212, 0.1) !important; }
.text-cyan-500\/10 { color: rgba(6, 182, 212, 0.1) !important; }
.border-cyan-500\/10 { border-color: rgba(6, 182, 212, 0.1) !important; }

.hover\:bg-cyan-500\/10:hover { background-color: rgba(6, 182, 212, 0.1) !important; }
.hover\:text-cyan-500\/10:hover { color: rgba(6, 182, 212, 0.1) !important; }
.hover\:border-cyan-500\/10:hover { border-color: rgba(6, 182, 212, 0.1) !important; }

.dark .dark\:bg-cyan-500\/10,
html.dark .dark\:bg-cyan-500\/10 { background-color: rgba(6, 182, 212, 0.1) !important; }
.dark .dark\:text-cyan-500\/10,
html.dark .dark\:text-cyan-500\/10 { color: rgba(6, 182, 212, 0.1) !important; }
.dark .dark\:border-cyan-500\/10,
html.dark .dark\:border-cyan-500\/10 { border-color: rgba(6, 182, 212, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-500\/10:hover,
html.dark .dark\:hover\:bg-cyan-500\/10:hover { background-color: rgba(6, 182, 212, 0.1) !important; }
.dark .dark\:hover\:text-cyan-500\/10:hover,
html.dark .dark\:hover\:text-cyan-500\/10:hover { color: rgba(6, 182, 212, 0.1) !important; }
.dark .dark\:hover\:border-cyan-500\/10:hover,
html.dark .dark\:hover\:border-cyan-500\/10:hover { border-color: rgba(6, 182, 212, 0.1) !important; }

.bg-cyan-500\/20 { background-color: rgba(6, 182, 212, 0.2) !important; }
.text-cyan-500\/20 { color: rgba(6, 182, 212, 0.2) !important; }
.border-cyan-500\/20 { border-color: rgba(6, 182, 212, 0.2) !important; }

.hover\:bg-cyan-500\/20:hover { background-color: rgba(6, 182, 212, 0.2) !important; }
.hover\:text-cyan-500\/20:hover { color: rgba(6, 182, 212, 0.2) !important; }
.hover\:border-cyan-500\/20:hover { border-color: rgba(6, 182, 212, 0.2) !important; }

.dark .dark\:bg-cyan-500\/20,
html.dark .dark\:bg-cyan-500\/20 { background-color: rgba(6, 182, 212, 0.2) !important; }
.dark .dark\:text-cyan-500\/20,
html.dark .dark\:text-cyan-500\/20 { color: rgba(6, 182, 212, 0.2) !important; }
.dark .dark\:border-cyan-500\/20,
html.dark .dark\:border-cyan-500\/20 { border-color: rgba(6, 182, 212, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-500\/20:hover,
html.dark .dark\:hover\:bg-cyan-500\/20:hover { background-color: rgba(6, 182, 212, 0.2) !important; }
.dark .dark\:hover\:text-cyan-500\/20:hover,
html.dark .dark\:hover\:text-cyan-500\/20:hover { color: rgba(6, 182, 212, 0.2) !important; }
.dark .dark\:hover\:border-cyan-500\/20:hover,
html.dark .dark\:hover\:border-cyan-500\/20:hover { border-color: rgba(6, 182, 212, 0.2) !important; }

.bg-cyan-500\/25 { background-color: rgba(6, 182, 212, 0.25) !important; }
.text-cyan-500\/25 { color: rgba(6, 182, 212, 0.25) !important; }
.border-cyan-500\/25 { border-color: rgba(6, 182, 212, 0.25) !important; }

.hover\:bg-cyan-500\/25:hover { background-color: rgba(6, 182, 212, 0.25) !important; }
.hover\:text-cyan-500\/25:hover { color: rgba(6, 182, 212, 0.25) !important; }
.hover\:border-cyan-500\/25:hover { border-color: rgba(6, 182, 212, 0.25) !important; }

.dark .dark\:bg-cyan-500\/25,
html.dark .dark\:bg-cyan-500\/25 { background-color: rgba(6, 182, 212, 0.25) !important; }
.dark .dark\:text-cyan-500\/25,
html.dark .dark\:text-cyan-500\/25 { color: rgba(6, 182, 212, 0.25) !important; }
.dark .dark\:border-cyan-500\/25,
html.dark .dark\:border-cyan-500\/25 { border-color: rgba(6, 182, 212, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-500\/25:hover,
html.dark .dark\:hover\:bg-cyan-500\/25:hover { background-color: rgba(6, 182, 212, 0.25) !important; }
.dark .dark\:hover\:text-cyan-500\/25:hover,
html.dark .dark\:hover\:text-cyan-500\/25:hover { color: rgba(6, 182, 212, 0.25) !important; }
.dark .dark\:hover\:border-cyan-500\/25:hover,
html.dark .dark\:hover\:border-cyan-500\/25:hover { border-color: rgba(6, 182, 212, 0.25) !important; }

.bg-cyan-500\/30 { background-color: rgba(6, 182, 212, 0.3) !important; }
.text-cyan-500\/30 { color: rgba(6, 182, 212, 0.3) !important; }
.border-cyan-500\/30 { border-color: rgba(6, 182, 212, 0.3) !important; }

.hover\:bg-cyan-500\/30:hover { background-color: rgba(6, 182, 212, 0.3) !important; }
.hover\:text-cyan-500\/30:hover { color: rgba(6, 182, 212, 0.3) !important; }
.hover\:border-cyan-500\/30:hover { border-color: rgba(6, 182, 212, 0.3) !important; }

.dark .dark\:bg-cyan-500\/30,
html.dark .dark\:bg-cyan-500\/30 { background-color: rgba(6, 182, 212, 0.3) !important; }
.dark .dark\:text-cyan-500\/30,
html.dark .dark\:text-cyan-500\/30 { color: rgba(6, 182, 212, 0.3) !important; }
.dark .dark\:border-cyan-500\/30,
html.dark .dark\:border-cyan-500\/30 { border-color: rgba(6, 182, 212, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-500\/30:hover,
html.dark .dark\:hover\:bg-cyan-500\/30:hover { background-color: rgba(6, 182, 212, 0.3) !important; }
.dark .dark\:hover\:text-cyan-500\/30:hover,
html.dark .dark\:hover\:text-cyan-500\/30:hover { color: rgba(6, 182, 212, 0.3) !important; }
.dark .dark\:hover\:border-cyan-500\/30:hover,
html.dark .dark\:hover\:border-cyan-500\/30:hover { border-color: rgba(6, 182, 212, 0.3) !important; }

.bg-cyan-500\/40 { background-color: rgba(6, 182, 212, 0.4) !important; }
.text-cyan-500\/40 { color: rgba(6, 182, 212, 0.4) !important; }
.border-cyan-500\/40 { border-color: rgba(6, 182, 212, 0.4) !important; }

.hover\:bg-cyan-500\/40:hover { background-color: rgba(6, 182, 212, 0.4) !important; }
.hover\:text-cyan-500\/40:hover { color: rgba(6, 182, 212, 0.4) !important; }
.hover\:border-cyan-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }

.dark .dark\:bg-cyan-500\/40,
html.dark .dark\:bg-cyan-500\/40 { background-color: rgba(6, 182, 212, 0.4) !important; }
.dark .dark\:text-cyan-500\/40,
html.dark .dark\:text-cyan-500\/40 { color: rgba(6, 182, 212, 0.4) !important; }
.dark .dark\:border-cyan-500\/40,
html.dark .dark\:border-cyan-500\/40 { border-color: rgba(6, 182, 212, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-500\/40:hover,
html.dark .dark\:hover\:bg-cyan-500\/40:hover { background-color: rgba(6, 182, 212, 0.4) !important; }
.dark .dark\:hover\:text-cyan-500\/40:hover,
html.dark .dark\:hover\:text-cyan-500\/40:hover { color: rgba(6, 182, 212, 0.4) !important; }
.dark .dark\:hover\:border-cyan-500\/40:hover,
html.dark .dark\:hover\:border-cyan-500\/40:hover { border-color: rgba(6, 182, 212, 0.4) !important; }

.bg-cyan-500\/50 { background-color: rgba(6, 182, 212, 0.5) !important; }
.text-cyan-500\/50 { color: rgba(6, 182, 212, 0.5) !important; }
.border-cyan-500\/50 { border-color: rgba(6, 182, 212, 0.5) !important; }

.hover\:bg-cyan-500\/50:hover { background-color: rgba(6, 182, 212, 0.5) !important; }
.hover\:text-cyan-500\/50:hover { color: rgba(6, 182, 212, 0.5) !important; }
.hover\:border-cyan-500\/50:hover { border-color: rgba(6, 182, 212, 0.5) !important; }

.dark .dark\:bg-cyan-500\/50,
html.dark .dark\:bg-cyan-500\/50 { background-color: rgba(6, 182, 212, 0.5) !important; }
.dark .dark\:text-cyan-500\/50,
html.dark .dark\:text-cyan-500\/50 { color: rgba(6, 182, 212, 0.5) !important; }
.dark .dark\:border-cyan-500\/50,
html.dark .dark\:border-cyan-500\/50 { border-color: rgba(6, 182, 212, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-500\/50:hover,
html.dark .dark\:hover\:bg-cyan-500\/50:hover { background-color: rgba(6, 182, 212, 0.5) !important; }
.dark .dark\:hover\:text-cyan-500\/50:hover,
html.dark .dark\:hover\:text-cyan-500\/50:hover { color: rgba(6, 182, 212, 0.5) !important; }
.dark .dark\:hover\:border-cyan-500\/50:hover,
html.dark .dark\:hover\:border-cyan-500\/50:hover { border-color: rgba(6, 182, 212, 0.5) !important; }

.bg-cyan-500\/60 { background-color: rgba(6, 182, 212, 0.6) !important; }
.text-cyan-500\/60 { color: rgba(6, 182, 212, 0.6) !important; }
.border-cyan-500\/60 { border-color: rgba(6, 182, 212, 0.6) !important; }

.hover\:bg-cyan-500\/60:hover { background-color: rgba(6, 182, 212, 0.6) !important; }
.hover\:text-cyan-500\/60:hover { color: rgba(6, 182, 212, 0.6) !important; }
.hover\:border-cyan-500\/60:hover { border-color: rgba(6, 182, 212, 0.6) !important; }

.dark .dark\:bg-cyan-500\/60,
html.dark .dark\:bg-cyan-500\/60 { background-color: rgba(6, 182, 212, 0.6) !important; }
.dark .dark\:text-cyan-500\/60,
html.dark .dark\:text-cyan-500\/60 { color: rgba(6, 182, 212, 0.6) !important; }
.dark .dark\:border-cyan-500\/60,
html.dark .dark\:border-cyan-500\/60 { border-color: rgba(6, 182, 212, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-500\/60:hover,
html.dark .dark\:hover\:bg-cyan-500\/60:hover { background-color: rgba(6, 182, 212, 0.6) !important; }
.dark .dark\:hover\:text-cyan-500\/60:hover,
html.dark .dark\:hover\:text-cyan-500\/60:hover { color: rgba(6, 182, 212, 0.6) !important; }
.dark .dark\:hover\:border-cyan-500\/60:hover,
html.dark .dark\:hover\:border-cyan-500\/60:hover { border-color: rgba(6, 182, 212, 0.6) !important; }

.bg-cyan-500\/70 { background-color: rgba(6, 182, 212, 0.7) !important; }
.text-cyan-500\/70 { color: rgba(6, 182, 212, 0.7) !important; }
.border-cyan-500\/70 { border-color: rgba(6, 182, 212, 0.7) !important; }

.hover\:bg-cyan-500\/70:hover { background-color: rgba(6, 182, 212, 0.7) !important; }
.hover\:text-cyan-500\/70:hover { color: rgba(6, 182, 212, 0.7) !important; }
.hover\:border-cyan-500\/70:hover { border-color: rgba(6, 182, 212, 0.7) !important; }

.dark .dark\:bg-cyan-500\/70,
html.dark .dark\:bg-cyan-500\/70 { background-color: rgba(6, 182, 212, 0.7) !important; }
.dark .dark\:text-cyan-500\/70,
html.dark .dark\:text-cyan-500\/70 { color: rgba(6, 182, 212, 0.7) !important; }
.dark .dark\:border-cyan-500\/70,
html.dark .dark\:border-cyan-500\/70 { border-color: rgba(6, 182, 212, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-500\/70:hover,
html.dark .dark\:hover\:bg-cyan-500\/70:hover { background-color: rgba(6, 182, 212, 0.7) !important; }
.dark .dark\:hover\:text-cyan-500\/70:hover,
html.dark .dark\:hover\:text-cyan-500\/70:hover { color: rgba(6, 182, 212, 0.7) !important; }
.dark .dark\:hover\:border-cyan-500\/70:hover,
html.dark .dark\:hover\:border-cyan-500\/70:hover { border-color: rgba(6, 182, 212, 0.7) !important; }

.bg-cyan-500\/75 { background-color: rgba(6, 182, 212, 0.75) !important; }
.text-cyan-500\/75 { color: rgba(6, 182, 212, 0.75) !important; }
.border-cyan-500\/75 { border-color: rgba(6, 182, 212, 0.75) !important; }

.hover\:bg-cyan-500\/75:hover { background-color: rgba(6, 182, 212, 0.75) !important; }
.hover\:text-cyan-500\/75:hover { color: rgba(6, 182, 212, 0.75) !important; }
.hover\:border-cyan-500\/75:hover { border-color: rgba(6, 182, 212, 0.75) !important; }

.dark .dark\:bg-cyan-500\/75,
html.dark .dark\:bg-cyan-500\/75 { background-color: rgba(6, 182, 212, 0.75) !important; }
.dark .dark\:text-cyan-500\/75,
html.dark .dark\:text-cyan-500\/75 { color: rgba(6, 182, 212, 0.75) !important; }
.dark .dark\:border-cyan-500\/75,
html.dark .dark\:border-cyan-500\/75 { border-color: rgba(6, 182, 212, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-500\/75:hover,
html.dark .dark\:hover\:bg-cyan-500\/75:hover { background-color: rgba(6, 182, 212, 0.75) !important; }
.dark .dark\:hover\:text-cyan-500\/75:hover,
html.dark .dark\:hover\:text-cyan-500\/75:hover { color: rgba(6, 182, 212, 0.75) !important; }
.dark .dark\:hover\:border-cyan-500\/75:hover,
html.dark .dark\:hover\:border-cyan-500\/75:hover { border-color: rgba(6, 182, 212, 0.75) !important; }

.bg-cyan-500\/80 { background-color: rgba(6, 182, 212, 0.8) !important; }
.text-cyan-500\/80 { color: rgba(6, 182, 212, 0.8) !important; }
.border-cyan-500\/80 { border-color: rgba(6, 182, 212, 0.8) !important; }

.hover\:bg-cyan-500\/80:hover { background-color: rgba(6, 182, 212, 0.8) !important; }
.hover\:text-cyan-500\/80:hover { color: rgba(6, 182, 212, 0.8) !important; }
.hover\:border-cyan-500\/80:hover { border-color: rgba(6, 182, 212, 0.8) !important; }

.dark .dark\:bg-cyan-500\/80,
html.dark .dark\:bg-cyan-500\/80 { background-color: rgba(6, 182, 212, 0.8) !important; }
.dark .dark\:text-cyan-500\/80,
html.dark .dark\:text-cyan-500\/80 { color: rgba(6, 182, 212, 0.8) !important; }
.dark .dark\:border-cyan-500\/80,
html.dark .dark\:border-cyan-500\/80 { border-color: rgba(6, 182, 212, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-500\/80:hover,
html.dark .dark\:hover\:bg-cyan-500\/80:hover { background-color: rgba(6, 182, 212, 0.8) !important; }
.dark .dark\:hover\:text-cyan-500\/80:hover,
html.dark .dark\:hover\:text-cyan-500\/80:hover { color: rgba(6, 182, 212, 0.8) !important; }
.dark .dark\:hover\:border-cyan-500\/80:hover,
html.dark .dark\:hover\:border-cyan-500\/80:hover { border-color: rgba(6, 182, 212, 0.8) !important; }

.bg-cyan-500\/90 { background-color: rgba(6, 182, 212, 0.9) !important; }
.text-cyan-500\/90 { color: rgba(6, 182, 212, 0.9) !important; }
.border-cyan-500\/90 { border-color: rgba(6, 182, 212, 0.9) !important; }

.hover\:bg-cyan-500\/90:hover { background-color: rgba(6, 182, 212, 0.9) !important; }
.hover\:text-cyan-500\/90:hover { color: rgba(6, 182, 212, 0.9) !important; }
.hover\:border-cyan-500\/90:hover { border-color: rgba(6, 182, 212, 0.9) !important; }

.dark .dark\:bg-cyan-500\/90,
html.dark .dark\:bg-cyan-500\/90 { background-color: rgba(6, 182, 212, 0.9) !important; }
.dark .dark\:text-cyan-500\/90,
html.dark .dark\:text-cyan-500\/90 { color: rgba(6, 182, 212, 0.9) !important; }
.dark .dark\:border-cyan-500\/90,
html.dark .dark\:border-cyan-500\/90 { border-color: rgba(6, 182, 212, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-500\/90:hover,
html.dark .dark\:hover\:bg-cyan-500\/90:hover { background-color: rgba(6, 182, 212, 0.9) !important; }
.dark .dark\:hover\:text-cyan-500\/90:hover,
html.dark .dark\:hover\:text-cyan-500\/90:hover { color: rgba(6, 182, 212, 0.9) !important; }
.dark .dark\:hover\:border-cyan-500\/90:hover,
html.dark .dark\:hover\:border-cyan-500\/90:hover { border-color: rgba(6, 182, 212, 0.9) !important; }

.bg-cyan-500\/95 { background-color: rgba(6, 182, 212, 0.95) !important; }
.text-cyan-500\/95 { color: rgba(6, 182, 212, 0.95) !important; }
.border-cyan-500\/95 { border-color: rgba(6, 182, 212, 0.95) !important; }

.hover\:bg-cyan-500\/95:hover { background-color: rgba(6, 182, 212, 0.95) !important; }
.hover\:text-cyan-500\/95:hover { color: rgba(6, 182, 212, 0.95) !important; }
.hover\:border-cyan-500\/95:hover { border-color: rgba(6, 182, 212, 0.95) !important; }

.dark .dark\:bg-cyan-500\/95,
html.dark .dark\:bg-cyan-500\/95 { background-color: rgba(6, 182, 212, 0.95) !important; }
.dark .dark\:text-cyan-500\/95,
html.dark .dark\:text-cyan-500\/95 { color: rgba(6, 182, 212, 0.95) !important; }
.dark .dark\:border-cyan-500\/95,
html.dark .dark\:border-cyan-500\/95 { border-color: rgba(6, 182, 212, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-500\/95:hover,
html.dark .dark\:hover\:bg-cyan-500\/95:hover { background-color: rgba(6, 182, 212, 0.95) !important; }
.dark .dark\:hover\:text-cyan-500\/95:hover,
html.dark .dark\:hover\:text-cyan-500\/95:hover { color: rgba(6, 182, 212, 0.95) !important; }
.dark .dark\:hover\:border-cyan-500\/95:hover,
html.dark .dark\:hover\:border-cyan-500\/95:hover { border-color: rgba(6, 182, 212, 0.95) !important; }

.bg-cyan-600 { background-color: #0891b2 !important; }
.text-cyan-600 { color: #0891b2 !important; }
.border-cyan-600 { border-color: #0891b2 !important; }
.fill-cyan-600 { fill: #0891b2 !important; }
.stroke-cyan-600 { stroke: #0891b2 !important; }

/* Hover states */
.hover\:bg-cyan-600:hover { background-color: #0891b2 !important; }
.hover\:text-cyan-600:hover { color: #0891b2 !important; }
.hover\:border-cyan-600:hover { border-color: #0891b2 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-600,
html.dark .dark\:bg-cyan-600 { background-color: #0891b2 !important; }
.dark .dark\:text-cyan-600,
html.dark .dark\:text-cyan-600 { color: #0891b2 !important; }
.dark .dark\:border-cyan-600,
html.dark .dark\:border-cyan-600 { border-color: #0891b2 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-600:hover,
html.dark .dark\:hover\:bg-cyan-600:hover { background-color: #0891b2 !important; }
.dark .dark\:hover\:text-cyan-600:hover,
html.dark .dark\:hover\:text-cyan-600:hover { color: #0891b2 !important; }
.dark .dark\:hover\:border-cyan-600:hover,
html.dark .dark\:hover\:border-cyan-600:hover { border-color: #0891b2 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-600,
html.dark .group:hover .dark\:group-hover\:text-cyan-600 { color: #0891b2 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-600,
html.dark .group:hover .dark\:group-hover\:bg-cyan-600 { background-color: #0891b2 !important; }

.bg-cyan-600\/10 { background-color: rgba(8, 145, 178, 0.1) !important; }
.text-cyan-600\/10 { color: rgba(8, 145, 178, 0.1) !important; }
.border-cyan-600\/10 { border-color: rgba(8, 145, 178, 0.1) !important; }

.hover\:bg-cyan-600\/10:hover { background-color: rgba(8, 145, 178, 0.1) !important; }
.hover\:text-cyan-600\/10:hover { color: rgba(8, 145, 178, 0.1) !important; }
.hover\:border-cyan-600\/10:hover { border-color: rgba(8, 145, 178, 0.1) !important; }

.dark .dark\:bg-cyan-600\/10,
html.dark .dark\:bg-cyan-600\/10 { background-color: rgba(8, 145, 178, 0.1) !important; }
.dark .dark\:text-cyan-600\/10,
html.dark .dark\:text-cyan-600\/10 { color: rgba(8, 145, 178, 0.1) !important; }
.dark .dark\:border-cyan-600\/10,
html.dark .dark\:border-cyan-600\/10 { border-color: rgba(8, 145, 178, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-600\/10:hover,
html.dark .dark\:hover\:bg-cyan-600\/10:hover { background-color: rgba(8, 145, 178, 0.1) !important; }
.dark .dark\:hover\:text-cyan-600\/10:hover,
html.dark .dark\:hover\:text-cyan-600\/10:hover { color: rgba(8, 145, 178, 0.1) !important; }
.dark .dark\:hover\:border-cyan-600\/10:hover,
html.dark .dark\:hover\:border-cyan-600\/10:hover { border-color: rgba(8, 145, 178, 0.1) !important; }

.bg-cyan-600\/20 { background-color: rgba(8, 145, 178, 0.2) !important; }
.text-cyan-600\/20 { color: rgba(8, 145, 178, 0.2) !important; }
.border-cyan-600\/20 { border-color: rgba(8, 145, 178, 0.2) !important; }

.hover\:bg-cyan-600\/20:hover { background-color: rgba(8, 145, 178, 0.2) !important; }
.hover\:text-cyan-600\/20:hover { color: rgba(8, 145, 178, 0.2) !important; }
.hover\:border-cyan-600\/20:hover { border-color: rgba(8, 145, 178, 0.2) !important; }

.dark .dark\:bg-cyan-600\/20,
html.dark .dark\:bg-cyan-600\/20 { background-color: rgba(8, 145, 178, 0.2) !important; }
.dark .dark\:text-cyan-600\/20,
html.dark .dark\:text-cyan-600\/20 { color: rgba(8, 145, 178, 0.2) !important; }
.dark .dark\:border-cyan-600\/20,
html.dark .dark\:border-cyan-600\/20 { border-color: rgba(8, 145, 178, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-600\/20:hover,
html.dark .dark\:hover\:bg-cyan-600\/20:hover { background-color: rgba(8, 145, 178, 0.2) !important; }
.dark .dark\:hover\:text-cyan-600\/20:hover,
html.dark .dark\:hover\:text-cyan-600\/20:hover { color: rgba(8, 145, 178, 0.2) !important; }
.dark .dark\:hover\:border-cyan-600\/20:hover,
html.dark .dark\:hover\:border-cyan-600\/20:hover { border-color: rgba(8, 145, 178, 0.2) !important; }

.bg-cyan-600\/25 { background-color: rgba(8, 145, 178, 0.25) !important; }
.text-cyan-600\/25 { color: rgba(8, 145, 178, 0.25) !important; }
.border-cyan-600\/25 { border-color: rgba(8, 145, 178, 0.25) !important; }

.hover\:bg-cyan-600\/25:hover { background-color: rgba(8, 145, 178, 0.25) !important; }
.hover\:text-cyan-600\/25:hover { color: rgba(8, 145, 178, 0.25) !important; }
.hover\:border-cyan-600\/25:hover { border-color: rgba(8, 145, 178, 0.25) !important; }

.dark .dark\:bg-cyan-600\/25,
html.dark .dark\:bg-cyan-600\/25 { background-color: rgba(8, 145, 178, 0.25) !important; }
.dark .dark\:text-cyan-600\/25,
html.dark .dark\:text-cyan-600\/25 { color: rgba(8, 145, 178, 0.25) !important; }
.dark .dark\:border-cyan-600\/25,
html.dark .dark\:border-cyan-600\/25 { border-color: rgba(8, 145, 178, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-600\/25:hover,
html.dark .dark\:hover\:bg-cyan-600\/25:hover { background-color: rgba(8, 145, 178, 0.25) !important; }
.dark .dark\:hover\:text-cyan-600\/25:hover,
html.dark .dark\:hover\:text-cyan-600\/25:hover { color: rgba(8, 145, 178, 0.25) !important; }
.dark .dark\:hover\:border-cyan-600\/25:hover,
html.dark .dark\:hover\:border-cyan-600\/25:hover { border-color: rgba(8, 145, 178, 0.25) !important; }

.bg-cyan-600\/30 { background-color: rgba(8, 145, 178, 0.3) !important; }
.text-cyan-600\/30 { color: rgba(8, 145, 178, 0.3) !important; }
.border-cyan-600\/30 { border-color: rgba(8, 145, 178, 0.3) !important; }

.hover\:bg-cyan-600\/30:hover { background-color: rgba(8, 145, 178, 0.3) !important; }
.hover\:text-cyan-600\/30:hover { color: rgba(8, 145, 178, 0.3) !important; }
.hover\:border-cyan-600\/30:hover { border-color: rgba(8, 145, 178, 0.3) !important; }

.dark .dark\:bg-cyan-600\/30,
html.dark .dark\:bg-cyan-600\/30 { background-color: rgba(8, 145, 178, 0.3) !important; }
.dark .dark\:text-cyan-600\/30,
html.dark .dark\:text-cyan-600\/30 { color: rgba(8, 145, 178, 0.3) !important; }
.dark .dark\:border-cyan-600\/30,
html.dark .dark\:border-cyan-600\/30 { border-color: rgba(8, 145, 178, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-600\/30:hover,
html.dark .dark\:hover\:bg-cyan-600\/30:hover { background-color: rgba(8, 145, 178, 0.3) !important; }
.dark .dark\:hover\:text-cyan-600\/30:hover,
html.dark .dark\:hover\:text-cyan-600\/30:hover { color: rgba(8, 145, 178, 0.3) !important; }
.dark .dark\:hover\:border-cyan-600\/30:hover,
html.dark .dark\:hover\:border-cyan-600\/30:hover { border-color: rgba(8, 145, 178, 0.3) !important; }

.bg-cyan-600\/40 { background-color: rgba(8, 145, 178, 0.4) !important; }
.text-cyan-600\/40 { color: rgba(8, 145, 178, 0.4) !important; }
.border-cyan-600\/40 { border-color: rgba(8, 145, 178, 0.4) !important; }

.hover\:bg-cyan-600\/40:hover { background-color: rgba(8, 145, 178, 0.4) !important; }
.hover\:text-cyan-600\/40:hover { color: rgba(8, 145, 178, 0.4) !important; }
.hover\:border-cyan-600\/40:hover { border-color: rgba(8, 145, 178, 0.4) !important; }

.dark .dark\:bg-cyan-600\/40,
html.dark .dark\:bg-cyan-600\/40 { background-color: rgba(8, 145, 178, 0.4) !important; }
.dark .dark\:text-cyan-600\/40,
html.dark .dark\:text-cyan-600\/40 { color: rgba(8, 145, 178, 0.4) !important; }
.dark .dark\:border-cyan-600\/40,
html.dark .dark\:border-cyan-600\/40 { border-color: rgba(8, 145, 178, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-600\/40:hover,
html.dark .dark\:hover\:bg-cyan-600\/40:hover { background-color: rgba(8, 145, 178, 0.4) !important; }
.dark .dark\:hover\:text-cyan-600\/40:hover,
html.dark .dark\:hover\:text-cyan-600\/40:hover { color: rgba(8, 145, 178, 0.4) !important; }
.dark .dark\:hover\:border-cyan-600\/40:hover,
html.dark .dark\:hover\:border-cyan-600\/40:hover { border-color: rgba(8, 145, 178, 0.4) !important; }

.bg-cyan-600\/50 { background-color: rgba(8, 145, 178, 0.5) !important; }
.text-cyan-600\/50 { color: rgba(8, 145, 178, 0.5) !important; }
.border-cyan-600\/50 { border-color: rgba(8, 145, 178, 0.5) !important; }

.hover\:bg-cyan-600\/50:hover { background-color: rgba(8, 145, 178, 0.5) !important; }
.hover\:text-cyan-600\/50:hover { color: rgba(8, 145, 178, 0.5) !important; }
.hover\:border-cyan-600\/50:hover { border-color: rgba(8, 145, 178, 0.5) !important; }

.dark .dark\:bg-cyan-600\/50,
html.dark .dark\:bg-cyan-600\/50 { background-color: rgba(8, 145, 178, 0.5) !important; }
.dark .dark\:text-cyan-600\/50,
html.dark .dark\:text-cyan-600\/50 { color: rgba(8, 145, 178, 0.5) !important; }
.dark .dark\:border-cyan-600\/50,
html.dark .dark\:border-cyan-600\/50 { border-color: rgba(8, 145, 178, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-600\/50:hover,
html.dark .dark\:hover\:bg-cyan-600\/50:hover { background-color: rgba(8, 145, 178, 0.5) !important; }
.dark .dark\:hover\:text-cyan-600\/50:hover,
html.dark .dark\:hover\:text-cyan-600\/50:hover { color: rgba(8, 145, 178, 0.5) !important; }
.dark .dark\:hover\:border-cyan-600\/50:hover,
html.dark .dark\:hover\:border-cyan-600\/50:hover { border-color: rgba(8, 145, 178, 0.5) !important; }

.bg-cyan-600\/60 { background-color: rgba(8, 145, 178, 0.6) !important; }
.text-cyan-600\/60 { color: rgba(8, 145, 178, 0.6) !important; }
.border-cyan-600\/60 { border-color: rgba(8, 145, 178, 0.6) !important; }

.hover\:bg-cyan-600\/60:hover { background-color: rgba(8, 145, 178, 0.6) !important; }
.hover\:text-cyan-600\/60:hover { color: rgba(8, 145, 178, 0.6) !important; }
.hover\:border-cyan-600\/60:hover { border-color: rgba(8, 145, 178, 0.6) !important; }

.dark .dark\:bg-cyan-600\/60,
html.dark .dark\:bg-cyan-600\/60 { background-color: rgba(8, 145, 178, 0.6) !important; }
.dark .dark\:text-cyan-600\/60,
html.dark .dark\:text-cyan-600\/60 { color: rgba(8, 145, 178, 0.6) !important; }
.dark .dark\:border-cyan-600\/60,
html.dark .dark\:border-cyan-600\/60 { border-color: rgba(8, 145, 178, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-600\/60:hover,
html.dark .dark\:hover\:bg-cyan-600\/60:hover { background-color: rgba(8, 145, 178, 0.6) !important; }
.dark .dark\:hover\:text-cyan-600\/60:hover,
html.dark .dark\:hover\:text-cyan-600\/60:hover { color: rgba(8, 145, 178, 0.6) !important; }
.dark .dark\:hover\:border-cyan-600\/60:hover,
html.dark .dark\:hover\:border-cyan-600\/60:hover { border-color: rgba(8, 145, 178, 0.6) !important; }

.bg-cyan-600\/70 { background-color: rgba(8, 145, 178, 0.7) !important; }
.text-cyan-600\/70 { color: rgba(8, 145, 178, 0.7) !important; }
.border-cyan-600\/70 { border-color: rgba(8, 145, 178, 0.7) !important; }

.hover\:bg-cyan-600\/70:hover { background-color: rgba(8, 145, 178, 0.7) !important; }
.hover\:text-cyan-600\/70:hover { color: rgba(8, 145, 178, 0.7) !important; }
.hover\:border-cyan-600\/70:hover { border-color: rgba(8, 145, 178, 0.7) !important; }

.dark .dark\:bg-cyan-600\/70,
html.dark .dark\:bg-cyan-600\/70 { background-color: rgba(8, 145, 178, 0.7) !important; }
.dark .dark\:text-cyan-600\/70,
html.dark .dark\:text-cyan-600\/70 { color: rgba(8, 145, 178, 0.7) !important; }
.dark .dark\:border-cyan-600\/70,
html.dark .dark\:border-cyan-600\/70 { border-color: rgba(8, 145, 178, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-600\/70:hover,
html.dark .dark\:hover\:bg-cyan-600\/70:hover { background-color: rgba(8, 145, 178, 0.7) !important; }
.dark .dark\:hover\:text-cyan-600\/70:hover,
html.dark .dark\:hover\:text-cyan-600\/70:hover { color: rgba(8, 145, 178, 0.7) !important; }
.dark .dark\:hover\:border-cyan-600\/70:hover,
html.dark .dark\:hover\:border-cyan-600\/70:hover { border-color: rgba(8, 145, 178, 0.7) !important; }

.bg-cyan-600\/75 { background-color: rgba(8, 145, 178, 0.75) !important; }
.text-cyan-600\/75 { color: rgba(8, 145, 178, 0.75) !important; }
.border-cyan-600\/75 { border-color: rgba(8, 145, 178, 0.75) !important; }

.hover\:bg-cyan-600\/75:hover { background-color: rgba(8, 145, 178, 0.75) !important; }
.hover\:text-cyan-600\/75:hover { color: rgba(8, 145, 178, 0.75) !important; }
.hover\:border-cyan-600\/75:hover { border-color: rgba(8, 145, 178, 0.75) !important; }

.dark .dark\:bg-cyan-600\/75,
html.dark .dark\:bg-cyan-600\/75 { background-color: rgba(8, 145, 178, 0.75) !important; }
.dark .dark\:text-cyan-600\/75,
html.dark .dark\:text-cyan-600\/75 { color: rgba(8, 145, 178, 0.75) !important; }
.dark .dark\:border-cyan-600\/75,
html.dark .dark\:border-cyan-600\/75 { border-color: rgba(8, 145, 178, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-600\/75:hover,
html.dark .dark\:hover\:bg-cyan-600\/75:hover { background-color: rgba(8, 145, 178, 0.75) !important; }
.dark .dark\:hover\:text-cyan-600\/75:hover,
html.dark .dark\:hover\:text-cyan-600\/75:hover { color: rgba(8, 145, 178, 0.75) !important; }
.dark .dark\:hover\:border-cyan-600\/75:hover,
html.dark .dark\:hover\:border-cyan-600\/75:hover { border-color: rgba(8, 145, 178, 0.75) !important; }

.bg-cyan-600\/80 { background-color: rgba(8, 145, 178, 0.8) !important; }
.text-cyan-600\/80 { color: rgba(8, 145, 178, 0.8) !important; }
.border-cyan-600\/80 { border-color: rgba(8, 145, 178, 0.8) !important; }

.hover\:bg-cyan-600\/80:hover { background-color: rgba(8, 145, 178, 0.8) !important; }
.hover\:text-cyan-600\/80:hover { color: rgba(8, 145, 178, 0.8) !important; }
.hover\:border-cyan-600\/80:hover { border-color: rgba(8, 145, 178, 0.8) !important; }

.dark .dark\:bg-cyan-600\/80,
html.dark .dark\:bg-cyan-600\/80 { background-color: rgba(8, 145, 178, 0.8) !important; }
.dark .dark\:text-cyan-600\/80,
html.dark .dark\:text-cyan-600\/80 { color: rgba(8, 145, 178, 0.8) !important; }
.dark .dark\:border-cyan-600\/80,
html.dark .dark\:border-cyan-600\/80 { border-color: rgba(8, 145, 178, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-600\/80:hover,
html.dark .dark\:hover\:bg-cyan-600\/80:hover { background-color: rgba(8, 145, 178, 0.8) !important; }
.dark .dark\:hover\:text-cyan-600\/80:hover,
html.dark .dark\:hover\:text-cyan-600\/80:hover { color: rgba(8, 145, 178, 0.8) !important; }
.dark .dark\:hover\:border-cyan-600\/80:hover,
html.dark .dark\:hover\:border-cyan-600\/80:hover { border-color: rgba(8, 145, 178, 0.8) !important; }

.bg-cyan-600\/90 { background-color: rgba(8, 145, 178, 0.9) !important; }
.text-cyan-600\/90 { color: rgba(8, 145, 178, 0.9) !important; }
.border-cyan-600\/90 { border-color: rgba(8, 145, 178, 0.9) !important; }

.hover\:bg-cyan-600\/90:hover { background-color: rgba(8, 145, 178, 0.9) !important; }
.hover\:text-cyan-600\/90:hover { color: rgba(8, 145, 178, 0.9) !important; }
.hover\:border-cyan-600\/90:hover { border-color: rgba(8, 145, 178, 0.9) !important; }

.dark .dark\:bg-cyan-600\/90,
html.dark .dark\:bg-cyan-600\/90 { background-color: rgba(8, 145, 178, 0.9) !important; }
.dark .dark\:text-cyan-600\/90,
html.dark .dark\:text-cyan-600\/90 { color: rgba(8, 145, 178, 0.9) !important; }
.dark .dark\:border-cyan-600\/90,
html.dark .dark\:border-cyan-600\/90 { border-color: rgba(8, 145, 178, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-600\/90:hover,
html.dark .dark\:hover\:bg-cyan-600\/90:hover { background-color: rgba(8, 145, 178, 0.9) !important; }
.dark .dark\:hover\:text-cyan-600\/90:hover,
html.dark .dark\:hover\:text-cyan-600\/90:hover { color: rgba(8, 145, 178, 0.9) !important; }
.dark .dark\:hover\:border-cyan-600\/90:hover,
html.dark .dark\:hover\:border-cyan-600\/90:hover { border-color: rgba(8, 145, 178, 0.9) !important; }

.bg-cyan-600\/95 { background-color: rgba(8, 145, 178, 0.95) !important; }
.text-cyan-600\/95 { color: rgba(8, 145, 178, 0.95) !important; }
.border-cyan-600\/95 { border-color: rgba(8, 145, 178, 0.95) !important; }

.hover\:bg-cyan-600\/95:hover { background-color: rgba(8, 145, 178, 0.95) !important; }
.hover\:text-cyan-600\/95:hover { color: rgba(8, 145, 178, 0.95) !important; }
.hover\:border-cyan-600\/95:hover { border-color: rgba(8, 145, 178, 0.95) !important; }

.dark .dark\:bg-cyan-600\/95,
html.dark .dark\:bg-cyan-600\/95 { background-color: rgba(8, 145, 178, 0.95) !important; }
.dark .dark\:text-cyan-600\/95,
html.dark .dark\:text-cyan-600\/95 { color: rgba(8, 145, 178, 0.95) !important; }
.dark .dark\:border-cyan-600\/95,
html.dark .dark\:border-cyan-600\/95 { border-color: rgba(8, 145, 178, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-600\/95:hover,
html.dark .dark\:hover\:bg-cyan-600\/95:hover { background-color: rgba(8, 145, 178, 0.95) !important; }
.dark .dark\:hover\:text-cyan-600\/95:hover,
html.dark .dark\:hover\:text-cyan-600\/95:hover { color: rgba(8, 145, 178, 0.95) !important; }
.dark .dark\:hover\:border-cyan-600\/95:hover,
html.dark .dark\:hover\:border-cyan-600\/95:hover { border-color: rgba(8, 145, 178, 0.95) !important; }

.bg-cyan-700 { background-color: #0e7490 !important; }
.text-cyan-700 { color: #0e7490 !important; }
.border-cyan-700 { border-color: #0e7490 !important; }
.fill-cyan-700 { fill: #0e7490 !important; }
.stroke-cyan-700 { stroke: #0e7490 !important; }

/* Hover states */
.hover\:bg-cyan-700:hover { background-color: #0e7490 !important; }
.hover\:text-cyan-700:hover { color: #0e7490 !important; }
.hover\:border-cyan-700:hover { border-color: #0e7490 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-700,
html.dark .dark\:bg-cyan-700 { background-color: #0e7490 !important; }
.dark .dark\:text-cyan-700,
html.dark .dark\:text-cyan-700 { color: #0e7490 !important; }
.dark .dark\:border-cyan-700,
html.dark .dark\:border-cyan-700 { border-color: #0e7490 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-700:hover,
html.dark .dark\:hover\:bg-cyan-700:hover { background-color: #0e7490 !important; }
.dark .dark\:hover\:text-cyan-700:hover,
html.dark .dark\:hover\:text-cyan-700:hover { color: #0e7490 !important; }
.dark .dark\:hover\:border-cyan-700:hover,
html.dark .dark\:hover\:border-cyan-700:hover { border-color: #0e7490 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-700,
html.dark .group:hover .dark\:group-hover\:text-cyan-700 { color: #0e7490 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-700,
html.dark .group:hover .dark\:group-hover\:bg-cyan-700 { background-color: #0e7490 !important; }

.bg-cyan-700\/10 { background-color: rgba(14, 116, 144, 0.1) !important; }
.text-cyan-700\/10 { color: rgba(14, 116, 144, 0.1) !important; }
.border-cyan-700\/10 { border-color: rgba(14, 116, 144, 0.1) !important; }

.hover\:bg-cyan-700\/10:hover { background-color: rgba(14, 116, 144, 0.1) !important; }
.hover\:text-cyan-700\/10:hover { color: rgba(14, 116, 144, 0.1) !important; }
.hover\:border-cyan-700\/10:hover { border-color: rgba(14, 116, 144, 0.1) !important; }

.dark .dark\:bg-cyan-700\/10,
html.dark .dark\:bg-cyan-700\/10 { background-color: rgba(14, 116, 144, 0.1) !important; }
.dark .dark\:text-cyan-700\/10,
html.dark .dark\:text-cyan-700\/10 { color: rgba(14, 116, 144, 0.1) !important; }
.dark .dark\:border-cyan-700\/10,
html.dark .dark\:border-cyan-700\/10 { border-color: rgba(14, 116, 144, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-700\/10:hover,
html.dark .dark\:hover\:bg-cyan-700\/10:hover { background-color: rgba(14, 116, 144, 0.1) !important; }
.dark .dark\:hover\:text-cyan-700\/10:hover,
html.dark .dark\:hover\:text-cyan-700\/10:hover { color: rgba(14, 116, 144, 0.1) !important; }
.dark .dark\:hover\:border-cyan-700\/10:hover,
html.dark .dark\:hover\:border-cyan-700\/10:hover { border-color: rgba(14, 116, 144, 0.1) !important; }

.bg-cyan-700\/20 { background-color: rgba(14, 116, 144, 0.2) !important; }
.text-cyan-700\/20 { color: rgba(14, 116, 144, 0.2) !important; }
.border-cyan-700\/20 { border-color: rgba(14, 116, 144, 0.2) !important; }

.hover\:bg-cyan-700\/20:hover { background-color: rgba(14, 116, 144, 0.2) !important; }
.hover\:text-cyan-700\/20:hover { color: rgba(14, 116, 144, 0.2) !important; }
.hover\:border-cyan-700\/20:hover { border-color: rgba(14, 116, 144, 0.2) !important; }

.dark .dark\:bg-cyan-700\/20,
html.dark .dark\:bg-cyan-700\/20 { background-color: rgba(14, 116, 144, 0.2) !important; }
.dark .dark\:text-cyan-700\/20,
html.dark .dark\:text-cyan-700\/20 { color: rgba(14, 116, 144, 0.2) !important; }
.dark .dark\:border-cyan-700\/20,
html.dark .dark\:border-cyan-700\/20 { border-color: rgba(14, 116, 144, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-700\/20:hover,
html.dark .dark\:hover\:bg-cyan-700\/20:hover { background-color: rgba(14, 116, 144, 0.2) !important; }
.dark .dark\:hover\:text-cyan-700\/20:hover,
html.dark .dark\:hover\:text-cyan-700\/20:hover { color: rgba(14, 116, 144, 0.2) !important; }
.dark .dark\:hover\:border-cyan-700\/20:hover,
html.dark .dark\:hover\:border-cyan-700\/20:hover { border-color: rgba(14, 116, 144, 0.2) !important; }

.bg-cyan-700\/25 { background-color: rgba(14, 116, 144, 0.25) !important; }
.text-cyan-700\/25 { color: rgba(14, 116, 144, 0.25) !important; }
.border-cyan-700\/25 { border-color: rgba(14, 116, 144, 0.25) !important; }

.hover\:bg-cyan-700\/25:hover { background-color: rgba(14, 116, 144, 0.25) !important; }
.hover\:text-cyan-700\/25:hover { color: rgba(14, 116, 144, 0.25) !important; }
.hover\:border-cyan-700\/25:hover { border-color: rgba(14, 116, 144, 0.25) !important; }

.dark .dark\:bg-cyan-700\/25,
html.dark .dark\:bg-cyan-700\/25 { background-color: rgba(14, 116, 144, 0.25) !important; }
.dark .dark\:text-cyan-700\/25,
html.dark .dark\:text-cyan-700\/25 { color: rgba(14, 116, 144, 0.25) !important; }
.dark .dark\:border-cyan-700\/25,
html.dark .dark\:border-cyan-700\/25 { border-color: rgba(14, 116, 144, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-700\/25:hover,
html.dark .dark\:hover\:bg-cyan-700\/25:hover { background-color: rgba(14, 116, 144, 0.25) !important; }
.dark .dark\:hover\:text-cyan-700\/25:hover,
html.dark .dark\:hover\:text-cyan-700\/25:hover { color: rgba(14, 116, 144, 0.25) !important; }
.dark .dark\:hover\:border-cyan-700\/25:hover,
html.dark .dark\:hover\:border-cyan-700\/25:hover { border-color: rgba(14, 116, 144, 0.25) !important; }

.bg-cyan-700\/30 { background-color: rgba(14, 116, 144, 0.3) !important; }
.text-cyan-700\/30 { color: rgba(14, 116, 144, 0.3) !important; }
.border-cyan-700\/30 { border-color: rgba(14, 116, 144, 0.3) !important; }

.hover\:bg-cyan-700\/30:hover { background-color: rgba(14, 116, 144, 0.3) !important; }
.hover\:text-cyan-700\/30:hover { color: rgba(14, 116, 144, 0.3) !important; }
.hover\:border-cyan-700\/30:hover { border-color: rgba(14, 116, 144, 0.3) !important; }

.dark .dark\:bg-cyan-700\/30,
html.dark .dark\:bg-cyan-700\/30 { background-color: rgba(14, 116, 144, 0.3) !important; }
.dark .dark\:text-cyan-700\/30,
html.dark .dark\:text-cyan-700\/30 { color: rgba(14, 116, 144, 0.3) !important; }
.dark .dark\:border-cyan-700\/30,
html.dark .dark\:border-cyan-700\/30 { border-color: rgba(14, 116, 144, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-700\/30:hover,
html.dark .dark\:hover\:bg-cyan-700\/30:hover { background-color: rgba(14, 116, 144, 0.3) !important; }
.dark .dark\:hover\:text-cyan-700\/30:hover,
html.dark .dark\:hover\:text-cyan-700\/30:hover { color: rgba(14, 116, 144, 0.3) !important; }
.dark .dark\:hover\:border-cyan-700\/30:hover,
html.dark .dark\:hover\:border-cyan-700\/30:hover { border-color: rgba(14, 116, 144, 0.3) !important; }

.bg-cyan-700\/40 { background-color: rgba(14, 116, 144, 0.4) !important; }
.text-cyan-700\/40 { color: rgba(14, 116, 144, 0.4) !important; }
.border-cyan-700\/40 { border-color: rgba(14, 116, 144, 0.4) !important; }

.hover\:bg-cyan-700\/40:hover { background-color: rgba(14, 116, 144, 0.4) !important; }
.hover\:text-cyan-700\/40:hover { color: rgba(14, 116, 144, 0.4) !important; }
.hover\:border-cyan-700\/40:hover { border-color: rgba(14, 116, 144, 0.4) !important; }

.dark .dark\:bg-cyan-700\/40,
html.dark .dark\:bg-cyan-700\/40 { background-color: rgba(14, 116, 144, 0.4) !important; }
.dark .dark\:text-cyan-700\/40,
html.dark .dark\:text-cyan-700\/40 { color: rgba(14, 116, 144, 0.4) !important; }
.dark .dark\:border-cyan-700\/40,
html.dark .dark\:border-cyan-700\/40 { border-color: rgba(14, 116, 144, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-700\/40:hover,
html.dark .dark\:hover\:bg-cyan-700\/40:hover { background-color: rgba(14, 116, 144, 0.4) !important; }
.dark .dark\:hover\:text-cyan-700\/40:hover,
html.dark .dark\:hover\:text-cyan-700\/40:hover { color: rgba(14, 116, 144, 0.4) !important; }
.dark .dark\:hover\:border-cyan-700\/40:hover,
html.dark .dark\:hover\:border-cyan-700\/40:hover { border-color: rgba(14, 116, 144, 0.4) !important; }

.bg-cyan-700\/50 { background-color: rgba(14, 116, 144, 0.5) !important; }
.text-cyan-700\/50 { color: rgba(14, 116, 144, 0.5) !important; }
.border-cyan-700\/50 { border-color: rgba(14, 116, 144, 0.5) !important; }

.hover\:bg-cyan-700\/50:hover { background-color: rgba(14, 116, 144, 0.5) !important; }
.hover\:text-cyan-700\/50:hover { color: rgba(14, 116, 144, 0.5) !important; }
.hover\:border-cyan-700\/50:hover { border-color: rgba(14, 116, 144, 0.5) !important; }

.dark .dark\:bg-cyan-700\/50,
html.dark .dark\:bg-cyan-700\/50 { background-color: rgba(14, 116, 144, 0.5) !important; }
.dark .dark\:text-cyan-700\/50,
html.dark .dark\:text-cyan-700\/50 { color: rgba(14, 116, 144, 0.5) !important; }
.dark .dark\:border-cyan-700\/50,
html.dark .dark\:border-cyan-700\/50 { border-color: rgba(14, 116, 144, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-700\/50:hover,
html.dark .dark\:hover\:bg-cyan-700\/50:hover { background-color: rgba(14, 116, 144, 0.5) !important; }
.dark .dark\:hover\:text-cyan-700\/50:hover,
html.dark .dark\:hover\:text-cyan-700\/50:hover { color: rgba(14, 116, 144, 0.5) !important; }
.dark .dark\:hover\:border-cyan-700\/50:hover,
html.dark .dark\:hover\:border-cyan-700\/50:hover { border-color: rgba(14, 116, 144, 0.5) !important; }

.bg-cyan-700\/60 { background-color: rgba(14, 116, 144, 0.6) !important; }
.text-cyan-700\/60 { color: rgba(14, 116, 144, 0.6) !important; }
.border-cyan-700\/60 { border-color: rgba(14, 116, 144, 0.6) !important; }

.hover\:bg-cyan-700\/60:hover { background-color: rgba(14, 116, 144, 0.6) !important; }
.hover\:text-cyan-700\/60:hover { color: rgba(14, 116, 144, 0.6) !important; }
.hover\:border-cyan-700\/60:hover { border-color: rgba(14, 116, 144, 0.6) !important; }

.dark .dark\:bg-cyan-700\/60,
html.dark .dark\:bg-cyan-700\/60 { background-color: rgba(14, 116, 144, 0.6) !important; }
.dark .dark\:text-cyan-700\/60,
html.dark .dark\:text-cyan-700\/60 { color: rgba(14, 116, 144, 0.6) !important; }
.dark .dark\:border-cyan-700\/60,
html.dark .dark\:border-cyan-700\/60 { border-color: rgba(14, 116, 144, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-700\/60:hover,
html.dark .dark\:hover\:bg-cyan-700\/60:hover { background-color: rgba(14, 116, 144, 0.6) !important; }
.dark .dark\:hover\:text-cyan-700\/60:hover,
html.dark .dark\:hover\:text-cyan-700\/60:hover { color: rgba(14, 116, 144, 0.6) !important; }
.dark .dark\:hover\:border-cyan-700\/60:hover,
html.dark .dark\:hover\:border-cyan-700\/60:hover { border-color: rgba(14, 116, 144, 0.6) !important; }

.bg-cyan-700\/70 { background-color: rgba(14, 116, 144, 0.7) !important; }
.text-cyan-700\/70 { color: rgba(14, 116, 144, 0.7) !important; }
.border-cyan-700\/70 { border-color: rgba(14, 116, 144, 0.7) !important; }

.hover\:bg-cyan-700\/70:hover { background-color: rgba(14, 116, 144, 0.7) !important; }
.hover\:text-cyan-700\/70:hover { color: rgba(14, 116, 144, 0.7) !important; }
.hover\:border-cyan-700\/70:hover { border-color: rgba(14, 116, 144, 0.7) !important; }

.dark .dark\:bg-cyan-700\/70,
html.dark .dark\:bg-cyan-700\/70 { background-color: rgba(14, 116, 144, 0.7) !important; }
.dark .dark\:text-cyan-700\/70,
html.dark .dark\:text-cyan-700\/70 { color: rgba(14, 116, 144, 0.7) !important; }
.dark .dark\:border-cyan-700\/70,
html.dark .dark\:border-cyan-700\/70 { border-color: rgba(14, 116, 144, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-700\/70:hover,
html.dark .dark\:hover\:bg-cyan-700\/70:hover { background-color: rgba(14, 116, 144, 0.7) !important; }
.dark .dark\:hover\:text-cyan-700\/70:hover,
html.dark .dark\:hover\:text-cyan-700\/70:hover { color: rgba(14, 116, 144, 0.7) !important; }
.dark .dark\:hover\:border-cyan-700\/70:hover,
html.dark .dark\:hover\:border-cyan-700\/70:hover { border-color: rgba(14, 116, 144, 0.7) !important; }

.bg-cyan-700\/75 { background-color: rgba(14, 116, 144, 0.75) !important; }
.text-cyan-700\/75 { color: rgba(14, 116, 144, 0.75) !important; }
.border-cyan-700\/75 { border-color: rgba(14, 116, 144, 0.75) !important; }

.hover\:bg-cyan-700\/75:hover { background-color: rgba(14, 116, 144, 0.75) !important; }
.hover\:text-cyan-700\/75:hover { color: rgba(14, 116, 144, 0.75) !important; }
.hover\:border-cyan-700\/75:hover { border-color: rgba(14, 116, 144, 0.75) !important; }

.dark .dark\:bg-cyan-700\/75,
html.dark .dark\:bg-cyan-700\/75 { background-color: rgba(14, 116, 144, 0.75) !important; }
.dark .dark\:text-cyan-700\/75,
html.dark .dark\:text-cyan-700\/75 { color: rgba(14, 116, 144, 0.75) !important; }
.dark .dark\:border-cyan-700\/75,
html.dark .dark\:border-cyan-700\/75 { border-color: rgba(14, 116, 144, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-700\/75:hover,
html.dark .dark\:hover\:bg-cyan-700\/75:hover { background-color: rgba(14, 116, 144, 0.75) !important; }
.dark .dark\:hover\:text-cyan-700\/75:hover,
html.dark .dark\:hover\:text-cyan-700\/75:hover { color: rgba(14, 116, 144, 0.75) !important; }
.dark .dark\:hover\:border-cyan-700\/75:hover,
html.dark .dark\:hover\:border-cyan-700\/75:hover { border-color: rgba(14, 116, 144, 0.75) !important; }

.bg-cyan-700\/80 { background-color: rgba(14, 116, 144, 0.8) !important; }
.text-cyan-700\/80 { color: rgba(14, 116, 144, 0.8) !important; }
.border-cyan-700\/80 { border-color: rgba(14, 116, 144, 0.8) !important; }

.hover\:bg-cyan-700\/80:hover { background-color: rgba(14, 116, 144, 0.8) !important; }
.hover\:text-cyan-700\/80:hover { color: rgba(14, 116, 144, 0.8) !important; }
.hover\:border-cyan-700\/80:hover { border-color: rgba(14, 116, 144, 0.8) !important; }

.dark .dark\:bg-cyan-700\/80,
html.dark .dark\:bg-cyan-700\/80 { background-color: rgba(14, 116, 144, 0.8) !important; }
.dark .dark\:text-cyan-700\/80,
html.dark .dark\:text-cyan-700\/80 { color: rgba(14, 116, 144, 0.8) !important; }
.dark .dark\:border-cyan-700\/80,
html.dark .dark\:border-cyan-700\/80 { border-color: rgba(14, 116, 144, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-700\/80:hover,
html.dark .dark\:hover\:bg-cyan-700\/80:hover { background-color: rgba(14, 116, 144, 0.8) !important; }
.dark .dark\:hover\:text-cyan-700\/80:hover,
html.dark .dark\:hover\:text-cyan-700\/80:hover { color: rgba(14, 116, 144, 0.8) !important; }
.dark .dark\:hover\:border-cyan-700\/80:hover,
html.dark .dark\:hover\:border-cyan-700\/80:hover { border-color: rgba(14, 116, 144, 0.8) !important; }

.bg-cyan-700\/90 { background-color: rgba(14, 116, 144, 0.9) !important; }
.text-cyan-700\/90 { color: rgba(14, 116, 144, 0.9) !important; }
.border-cyan-700\/90 { border-color: rgba(14, 116, 144, 0.9) !important; }

.hover\:bg-cyan-700\/90:hover { background-color: rgba(14, 116, 144, 0.9) !important; }
.hover\:text-cyan-700\/90:hover { color: rgba(14, 116, 144, 0.9) !important; }
.hover\:border-cyan-700\/90:hover { border-color: rgba(14, 116, 144, 0.9) !important; }

.dark .dark\:bg-cyan-700\/90,
html.dark .dark\:bg-cyan-700\/90 { background-color: rgba(14, 116, 144, 0.9) !important; }
.dark .dark\:text-cyan-700\/90,
html.dark .dark\:text-cyan-700\/90 { color: rgba(14, 116, 144, 0.9) !important; }
.dark .dark\:border-cyan-700\/90,
html.dark .dark\:border-cyan-700\/90 { border-color: rgba(14, 116, 144, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-700\/90:hover,
html.dark .dark\:hover\:bg-cyan-700\/90:hover { background-color: rgba(14, 116, 144, 0.9) !important; }
.dark .dark\:hover\:text-cyan-700\/90:hover,
html.dark .dark\:hover\:text-cyan-700\/90:hover { color: rgba(14, 116, 144, 0.9) !important; }
.dark .dark\:hover\:border-cyan-700\/90:hover,
html.dark .dark\:hover\:border-cyan-700\/90:hover { border-color: rgba(14, 116, 144, 0.9) !important; }

.bg-cyan-700\/95 { background-color: rgba(14, 116, 144, 0.95) !important; }
.text-cyan-700\/95 { color: rgba(14, 116, 144, 0.95) !important; }
.border-cyan-700\/95 { border-color: rgba(14, 116, 144, 0.95) !important; }

.hover\:bg-cyan-700\/95:hover { background-color: rgba(14, 116, 144, 0.95) !important; }
.hover\:text-cyan-700\/95:hover { color: rgba(14, 116, 144, 0.95) !important; }
.hover\:border-cyan-700\/95:hover { border-color: rgba(14, 116, 144, 0.95) !important; }

.dark .dark\:bg-cyan-700\/95,
html.dark .dark\:bg-cyan-700\/95 { background-color: rgba(14, 116, 144, 0.95) !important; }
.dark .dark\:text-cyan-700\/95,
html.dark .dark\:text-cyan-700\/95 { color: rgba(14, 116, 144, 0.95) !important; }
.dark .dark\:border-cyan-700\/95,
html.dark .dark\:border-cyan-700\/95 { border-color: rgba(14, 116, 144, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-700\/95:hover,
html.dark .dark\:hover\:bg-cyan-700\/95:hover { background-color: rgba(14, 116, 144, 0.95) !important; }
.dark .dark\:hover\:text-cyan-700\/95:hover,
html.dark .dark\:hover\:text-cyan-700\/95:hover { color: rgba(14, 116, 144, 0.95) !important; }
.dark .dark\:hover\:border-cyan-700\/95:hover,
html.dark .dark\:hover\:border-cyan-700\/95:hover { border-color: rgba(14, 116, 144, 0.95) !important; }

.bg-cyan-800 { background-color: #155e75 !important; }
.text-cyan-800 { color: #155e75 !important; }
.border-cyan-800 { border-color: #155e75 !important; }
.fill-cyan-800 { fill: #155e75 !important; }
.stroke-cyan-800 { stroke: #155e75 !important; }

/* Hover states */
.hover\:bg-cyan-800:hover { background-color: #155e75 !important; }
.hover\:text-cyan-800:hover { color: #155e75 !important; }
.hover\:border-cyan-800:hover { border-color: #155e75 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-800,
html.dark .dark\:bg-cyan-800 { background-color: #155e75 !important; }
.dark .dark\:text-cyan-800,
html.dark .dark\:text-cyan-800 { color: #155e75 !important; }
.dark .dark\:border-cyan-800,
html.dark .dark\:border-cyan-800 { border-color: #155e75 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-800:hover,
html.dark .dark\:hover\:bg-cyan-800:hover { background-color: #155e75 !important; }
.dark .dark\:hover\:text-cyan-800:hover,
html.dark .dark\:hover\:text-cyan-800:hover { color: #155e75 !important; }
.dark .dark\:hover\:border-cyan-800:hover,
html.dark .dark\:hover\:border-cyan-800:hover { border-color: #155e75 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-800,
html.dark .group:hover .dark\:group-hover\:text-cyan-800 { color: #155e75 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-800,
html.dark .group:hover .dark\:group-hover\:bg-cyan-800 { background-color: #155e75 !important; }

.bg-cyan-800\/10 { background-color: rgba(21, 94, 117, 0.1) !important; }
.text-cyan-800\/10 { color: rgba(21, 94, 117, 0.1) !important; }
.border-cyan-800\/10 { border-color: rgba(21, 94, 117, 0.1) !important; }

.hover\:bg-cyan-800\/10:hover { background-color: rgba(21, 94, 117, 0.1) !important; }
.hover\:text-cyan-800\/10:hover { color: rgba(21, 94, 117, 0.1) !important; }
.hover\:border-cyan-800\/10:hover { border-color: rgba(21, 94, 117, 0.1) !important; }

.dark .dark\:bg-cyan-800\/10,
html.dark .dark\:bg-cyan-800\/10 { background-color: rgba(21, 94, 117, 0.1) !important; }
.dark .dark\:text-cyan-800\/10,
html.dark .dark\:text-cyan-800\/10 { color: rgba(21, 94, 117, 0.1) !important; }
.dark .dark\:border-cyan-800\/10,
html.dark .dark\:border-cyan-800\/10 { border-color: rgba(21, 94, 117, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-800\/10:hover,
html.dark .dark\:hover\:bg-cyan-800\/10:hover { background-color: rgba(21, 94, 117, 0.1) !important; }
.dark .dark\:hover\:text-cyan-800\/10:hover,
html.dark .dark\:hover\:text-cyan-800\/10:hover { color: rgba(21, 94, 117, 0.1) !important; }
.dark .dark\:hover\:border-cyan-800\/10:hover,
html.dark .dark\:hover\:border-cyan-800\/10:hover { border-color: rgba(21, 94, 117, 0.1) !important; }

.bg-cyan-800\/20 { background-color: rgba(21, 94, 117, 0.2) !important; }
.text-cyan-800\/20 { color: rgba(21, 94, 117, 0.2) !important; }
.border-cyan-800\/20 { border-color: rgba(21, 94, 117, 0.2) !important; }

.hover\:bg-cyan-800\/20:hover { background-color: rgba(21, 94, 117, 0.2) !important; }
.hover\:text-cyan-800\/20:hover { color: rgba(21, 94, 117, 0.2) !important; }
.hover\:border-cyan-800\/20:hover { border-color: rgba(21, 94, 117, 0.2) !important; }

.dark .dark\:bg-cyan-800\/20,
html.dark .dark\:bg-cyan-800\/20 { background-color: rgba(21, 94, 117, 0.2) !important; }
.dark .dark\:text-cyan-800\/20,
html.dark .dark\:text-cyan-800\/20 { color: rgba(21, 94, 117, 0.2) !important; }
.dark .dark\:border-cyan-800\/20,
html.dark .dark\:border-cyan-800\/20 { border-color: rgba(21, 94, 117, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-800\/20:hover,
html.dark .dark\:hover\:bg-cyan-800\/20:hover { background-color: rgba(21, 94, 117, 0.2) !important; }
.dark .dark\:hover\:text-cyan-800\/20:hover,
html.dark .dark\:hover\:text-cyan-800\/20:hover { color: rgba(21, 94, 117, 0.2) !important; }
.dark .dark\:hover\:border-cyan-800\/20:hover,
html.dark .dark\:hover\:border-cyan-800\/20:hover { border-color: rgba(21, 94, 117, 0.2) !important; }

.bg-cyan-800\/25 { background-color: rgba(21, 94, 117, 0.25) !important; }
.text-cyan-800\/25 { color: rgba(21, 94, 117, 0.25) !important; }
.border-cyan-800\/25 { border-color: rgba(21, 94, 117, 0.25) !important; }

.hover\:bg-cyan-800\/25:hover { background-color: rgba(21, 94, 117, 0.25) !important; }
.hover\:text-cyan-800\/25:hover { color: rgba(21, 94, 117, 0.25) !important; }
.hover\:border-cyan-800\/25:hover { border-color: rgba(21, 94, 117, 0.25) !important; }

.dark .dark\:bg-cyan-800\/25,
html.dark .dark\:bg-cyan-800\/25 { background-color: rgba(21, 94, 117, 0.25) !important; }
.dark .dark\:text-cyan-800\/25,
html.dark .dark\:text-cyan-800\/25 { color: rgba(21, 94, 117, 0.25) !important; }
.dark .dark\:border-cyan-800\/25,
html.dark .dark\:border-cyan-800\/25 { border-color: rgba(21, 94, 117, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-800\/25:hover,
html.dark .dark\:hover\:bg-cyan-800\/25:hover { background-color: rgba(21, 94, 117, 0.25) !important; }
.dark .dark\:hover\:text-cyan-800\/25:hover,
html.dark .dark\:hover\:text-cyan-800\/25:hover { color: rgba(21, 94, 117, 0.25) !important; }
.dark .dark\:hover\:border-cyan-800\/25:hover,
html.dark .dark\:hover\:border-cyan-800\/25:hover { border-color: rgba(21, 94, 117, 0.25) !important; }

.bg-cyan-800\/30 { background-color: rgba(21, 94, 117, 0.3) !important; }
.text-cyan-800\/30 { color: rgba(21, 94, 117, 0.3) !important; }
.border-cyan-800\/30 { border-color: rgba(21, 94, 117, 0.3) !important; }

.hover\:bg-cyan-800\/30:hover { background-color: rgba(21, 94, 117, 0.3) !important; }
.hover\:text-cyan-800\/30:hover { color: rgba(21, 94, 117, 0.3) !important; }
.hover\:border-cyan-800\/30:hover { border-color: rgba(21, 94, 117, 0.3) !important; }

.dark .dark\:bg-cyan-800\/30,
html.dark .dark\:bg-cyan-800\/30 { background-color: rgba(21, 94, 117, 0.3) !important; }
.dark .dark\:text-cyan-800\/30,
html.dark .dark\:text-cyan-800\/30 { color: rgba(21, 94, 117, 0.3) !important; }
.dark .dark\:border-cyan-800\/30,
html.dark .dark\:border-cyan-800\/30 { border-color: rgba(21, 94, 117, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-800\/30:hover,
html.dark .dark\:hover\:bg-cyan-800\/30:hover { background-color: rgba(21, 94, 117, 0.3) !important; }
.dark .dark\:hover\:text-cyan-800\/30:hover,
html.dark .dark\:hover\:text-cyan-800\/30:hover { color: rgba(21, 94, 117, 0.3) !important; }
.dark .dark\:hover\:border-cyan-800\/30:hover,
html.dark .dark\:hover\:border-cyan-800\/30:hover { border-color: rgba(21, 94, 117, 0.3) !important; }

.bg-cyan-800\/40 { background-color: rgba(21, 94, 117, 0.4) !important; }
.text-cyan-800\/40 { color: rgba(21, 94, 117, 0.4) !important; }
.border-cyan-800\/40 { border-color: rgba(21, 94, 117, 0.4) !important; }

.hover\:bg-cyan-800\/40:hover { background-color: rgba(21, 94, 117, 0.4) !important; }
.hover\:text-cyan-800\/40:hover { color: rgba(21, 94, 117, 0.4) !important; }
.hover\:border-cyan-800\/40:hover { border-color: rgba(21, 94, 117, 0.4) !important; }

.dark .dark\:bg-cyan-800\/40,
html.dark .dark\:bg-cyan-800\/40 { background-color: rgba(21, 94, 117, 0.4) !important; }
.dark .dark\:text-cyan-800\/40,
html.dark .dark\:text-cyan-800\/40 { color: rgba(21, 94, 117, 0.4) !important; }
.dark .dark\:border-cyan-800\/40,
html.dark .dark\:border-cyan-800\/40 { border-color: rgba(21, 94, 117, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-800\/40:hover,
html.dark .dark\:hover\:bg-cyan-800\/40:hover { background-color: rgba(21, 94, 117, 0.4) !important; }
.dark .dark\:hover\:text-cyan-800\/40:hover,
html.dark .dark\:hover\:text-cyan-800\/40:hover { color: rgba(21, 94, 117, 0.4) !important; }
.dark .dark\:hover\:border-cyan-800\/40:hover,
html.dark .dark\:hover\:border-cyan-800\/40:hover { border-color: rgba(21, 94, 117, 0.4) !important; }

.bg-cyan-800\/50 { background-color: rgba(21, 94, 117, 0.5) !important; }
.text-cyan-800\/50 { color: rgba(21, 94, 117, 0.5) !important; }
.border-cyan-800\/50 { border-color: rgba(21, 94, 117, 0.5) !important; }

.hover\:bg-cyan-800\/50:hover { background-color: rgba(21, 94, 117, 0.5) !important; }
.hover\:text-cyan-800\/50:hover { color: rgba(21, 94, 117, 0.5) !important; }
.hover\:border-cyan-800\/50:hover { border-color: rgba(21, 94, 117, 0.5) !important; }

.dark .dark\:bg-cyan-800\/50,
html.dark .dark\:bg-cyan-800\/50 { background-color: rgba(21, 94, 117, 0.5) !important; }
.dark .dark\:text-cyan-800\/50,
html.dark .dark\:text-cyan-800\/50 { color: rgba(21, 94, 117, 0.5) !important; }
.dark .dark\:border-cyan-800\/50,
html.dark .dark\:border-cyan-800\/50 { border-color: rgba(21, 94, 117, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-800\/50:hover,
html.dark .dark\:hover\:bg-cyan-800\/50:hover { background-color: rgba(21, 94, 117, 0.5) !important; }
.dark .dark\:hover\:text-cyan-800\/50:hover,
html.dark .dark\:hover\:text-cyan-800\/50:hover { color: rgba(21, 94, 117, 0.5) !important; }
.dark .dark\:hover\:border-cyan-800\/50:hover,
html.dark .dark\:hover\:border-cyan-800\/50:hover { border-color: rgba(21, 94, 117, 0.5) !important; }

.bg-cyan-800\/60 { background-color: rgba(21, 94, 117, 0.6) !important; }
.text-cyan-800\/60 { color: rgba(21, 94, 117, 0.6) !important; }
.border-cyan-800\/60 { border-color: rgba(21, 94, 117, 0.6) !important; }

.hover\:bg-cyan-800\/60:hover { background-color: rgba(21, 94, 117, 0.6) !important; }
.hover\:text-cyan-800\/60:hover { color: rgba(21, 94, 117, 0.6) !important; }
.hover\:border-cyan-800\/60:hover { border-color: rgba(21, 94, 117, 0.6) !important; }

.dark .dark\:bg-cyan-800\/60,
html.dark .dark\:bg-cyan-800\/60 { background-color: rgba(21, 94, 117, 0.6) !important; }
.dark .dark\:text-cyan-800\/60,
html.dark .dark\:text-cyan-800\/60 { color: rgba(21, 94, 117, 0.6) !important; }
.dark .dark\:border-cyan-800\/60,
html.dark .dark\:border-cyan-800\/60 { border-color: rgba(21, 94, 117, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-800\/60:hover,
html.dark .dark\:hover\:bg-cyan-800\/60:hover { background-color: rgba(21, 94, 117, 0.6) !important; }
.dark .dark\:hover\:text-cyan-800\/60:hover,
html.dark .dark\:hover\:text-cyan-800\/60:hover { color: rgba(21, 94, 117, 0.6) !important; }
.dark .dark\:hover\:border-cyan-800\/60:hover,
html.dark .dark\:hover\:border-cyan-800\/60:hover { border-color: rgba(21, 94, 117, 0.6) !important; }

.bg-cyan-800\/70 { background-color: rgba(21, 94, 117, 0.7) !important; }
.text-cyan-800\/70 { color: rgba(21, 94, 117, 0.7) !important; }
.border-cyan-800\/70 { border-color: rgba(21, 94, 117, 0.7) !important; }

.hover\:bg-cyan-800\/70:hover { background-color: rgba(21, 94, 117, 0.7) !important; }
.hover\:text-cyan-800\/70:hover { color: rgba(21, 94, 117, 0.7) !important; }
.hover\:border-cyan-800\/70:hover { border-color: rgba(21, 94, 117, 0.7) !important; }

.dark .dark\:bg-cyan-800\/70,
html.dark .dark\:bg-cyan-800\/70 { background-color: rgba(21, 94, 117, 0.7) !important; }
.dark .dark\:text-cyan-800\/70,
html.dark .dark\:text-cyan-800\/70 { color: rgba(21, 94, 117, 0.7) !important; }
.dark .dark\:border-cyan-800\/70,
html.dark .dark\:border-cyan-800\/70 { border-color: rgba(21, 94, 117, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-800\/70:hover,
html.dark .dark\:hover\:bg-cyan-800\/70:hover { background-color: rgba(21, 94, 117, 0.7) !important; }
.dark .dark\:hover\:text-cyan-800\/70:hover,
html.dark .dark\:hover\:text-cyan-800\/70:hover { color: rgba(21, 94, 117, 0.7) !important; }
.dark .dark\:hover\:border-cyan-800\/70:hover,
html.dark .dark\:hover\:border-cyan-800\/70:hover { border-color: rgba(21, 94, 117, 0.7) !important; }

.bg-cyan-800\/75 { background-color: rgba(21, 94, 117, 0.75) !important; }
.text-cyan-800\/75 { color: rgba(21, 94, 117, 0.75) !important; }
.border-cyan-800\/75 { border-color: rgba(21, 94, 117, 0.75) !important; }

.hover\:bg-cyan-800\/75:hover { background-color: rgba(21, 94, 117, 0.75) !important; }
.hover\:text-cyan-800\/75:hover { color: rgba(21, 94, 117, 0.75) !important; }
.hover\:border-cyan-800\/75:hover { border-color: rgba(21, 94, 117, 0.75) !important; }

.dark .dark\:bg-cyan-800\/75,
html.dark .dark\:bg-cyan-800\/75 { background-color: rgba(21, 94, 117, 0.75) !important; }
.dark .dark\:text-cyan-800\/75,
html.dark .dark\:text-cyan-800\/75 { color: rgba(21, 94, 117, 0.75) !important; }
.dark .dark\:border-cyan-800\/75,
html.dark .dark\:border-cyan-800\/75 { border-color: rgba(21, 94, 117, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-800\/75:hover,
html.dark .dark\:hover\:bg-cyan-800\/75:hover { background-color: rgba(21, 94, 117, 0.75) !important; }
.dark .dark\:hover\:text-cyan-800\/75:hover,
html.dark .dark\:hover\:text-cyan-800\/75:hover { color: rgba(21, 94, 117, 0.75) !important; }
.dark .dark\:hover\:border-cyan-800\/75:hover,
html.dark .dark\:hover\:border-cyan-800\/75:hover { border-color: rgba(21, 94, 117, 0.75) !important; }

.bg-cyan-800\/80 { background-color: rgba(21, 94, 117, 0.8) !important; }
.text-cyan-800\/80 { color: rgba(21, 94, 117, 0.8) !important; }
.border-cyan-800\/80 { border-color: rgba(21, 94, 117, 0.8) !important; }

.hover\:bg-cyan-800\/80:hover { background-color: rgba(21, 94, 117, 0.8) !important; }
.hover\:text-cyan-800\/80:hover { color: rgba(21, 94, 117, 0.8) !important; }
.hover\:border-cyan-800\/80:hover { border-color: rgba(21, 94, 117, 0.8) !important; }

.dark .dark\:bg-cyan-800\/80,
html.dark .dark\:bg-cyan-800\/80 { background-color: rgba(21, 94, 117, 0.8) !important; }
.dark .dark\:text-cyan-800\/80,
html.dark .dark\:text-cyan-800\/80 { color: rgba(21, 94, 117, 0.8) !important; }
.dark .dark\:border-cyan-800\/80,
html.dark .dark\:border-cyan-800\/80 { border-color: rgba(21, 94, 117, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-800\/80:hover,
html.dark .dark\:hover\:bg-cyan-800\/80:hover { background-color: rgba(21, 94, 117, 0.8) !important; }
.dark .dark\:hover\:text-cyan-800\/80:hover,
html.dark .dark\:hover\:text-cyan-800\/80:hover { color: rgba(21, 94, 117, 0.8) !important; }
.dark .dark\:hover\:border-cyan-800\/80:hover,
html.dark .dark\:hover\:border-cyan-800\/80:hover { border-color: rgba(21, 94, 117, 0.8) !important; }

.bg-cyan-800\/90 { background-color: rgba(21, 94, 117, 0.9) !important; }
.text-cyan-800\/90 { color: rgba(21, 94, 117, 0.9) !important; }
.border-cyan-800\/90 { border-color: rgba(21, 94, 117, 0.9) !important; }

.hover\:bg-cyan-800\/90:hover { background-color: rgba(21, 94, 117, 0.9) !important; }
.hover\:text-cyan-800\/90:hover { color: rgba(21, 94, 117, 0.9) !important; }
.hover\:border-cyan-800\/90:hover { border-color: rgba(21, 94, 117, 0.9) !important; }

.dark .dark\:bg-cyan-800\/90,
html.dark .dark\:bg-cyan-800\/90 { background-color: rgba(21, 94, 117, 0.9) !important; }
.dark .dark\:text-cyan-800\/90,
html.dark .dark\:text-cyan-800\/90 { color: rgba(21, 94, 117, 0.9) !important; }
.dark .dark\:border-cyan-800\/90,
html.dark .dark\:border-cyan-800\/90 { border-color: rgba(21, 94, 117, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-800\/90:hover,
html.dark .dark\:hover\:bg-cyan-800\/90:hover { background-color: rgba(21, 94, 117, 0.9) !important; }
.dark .dark\:hover\:text-cyan-800\/90:hover,
html.dark .dark\:hover\:text-cyan-800\/90:hover { color: rgba(21, 94, 117, 0.9) !important; }
.dark .dark\:hover\:border-cyan-800\/90:hover,
html.dark .dark\:hover\:border-cyan-800\/90:hover { border-color: rgba(21, 94, 117, 0.9) !important; }

.bg-cyan-800\/95 { background-color: rgba(21, 94, 117, 0.95) !important; }
.text-cyan-800\/95 { color: rgba(21, 94, 117, 0.95) !important; }
.border-cyan-800\/95 { border-color: rgba(21, 94, 117, 0.95) !important; }

.hover\:bg-cyan-800\/95:hover { background-color: rgba(21, 94, 117, 0.95) !important; }
.hover\:text-cyan-800\/95:hover { color: rgba(21, 94, 117, 0.95) !important; }
.hover\:border-cyan-800\/95:hover { border-color: rgba(21, 94, 117, 0.95) !important; }

.dark .dark\:bg-cyan-800\/95,
html.dark .dark\:bg-cyan-800\/95 { background-color: rgba(21, 94, 117, 0.95) !important; }
.dark .dark\:text-cyan-800\/95,
html.dark .dark\:text-cyan-800\/95 { color: rgba(21, 94, 117, 0.95) !important; }
.dark .dark\:border-cyan-800\/95,
html.dark .dark\:border-cyan-800\/95 { border-color: rgba(21, 94, 117, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-800\/95:hover,
html.dark .dark\:hover\:bg-cyan-800\/95:hover { background-color: rgba(21, 94, 117, 0.95) !important; }
.dark .dark\:hover\:text-cyan-800\/95:hover,
html.dark .dark\:hover\:text-cyan-800\/95:hover { color: rgba(21, 94, 117, 0.95) !important; }
.dark .dark\:hover\:border-cyan-800\/95:hover,
html.dark .dark\:hover\:border-cyan-800\/95:hover { border-color: rgba(21, 94, 117, 0.95) !important; }

.bg-cyan-900 { background-color: #164e63 !important; }
.text-cyan-900 { color: #164e63 !important; }
.border-cyan-900 { border-color: #164e63 !important; }
.fill-cyan-900 { fill: #164e63 !important; }
.stroke-cyan-900 { stroke: #164e63 !important; }

/* Hover states */
.hover\:bg-cyan-900:hover { background-color: #164e63 !important; }
.hover\:text-cyan-900:hover { color: #164e63 !important; }
.hover\:border-cyan-900:hover { border-color: #164e63 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-900,
html.dark .dark\:bg-cyan-900 { background-color: #164e63 !important; }
.dark .dark\:text-cyan-900,
html.dark .dark\:text-cyan-900 { color: #164e63 !important; }
.dark .dark\:border-cyan-900,
html.dark .dark\:border-cyan-900 { border-color: #164e63 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-900:hover,
html.dark .dark\:hover\:bg-cyan-900:hover { background-color: #164e63 !important; }
.dark .dark\:hover\:text-cyan-900:hover,
html.dark .dark\:hover\:text-cyan-900:hover { color: #164e63 !important; }
.dark .dark\:hover\:border-cyan-900:hover,
html.dark .dark\:hover\:border-cyan-900:hover { border-color: #164e63 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-900,
html.dark .group:hover .dark\:group-hover\:text-cyan-900 { color: #164e63 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-900,
html.dark .group:hover .dark\:group-hover\:bg-cyan-900 { background-color: #164e63 !important; }

.bg-cyan-900\/10 { background-color: rgba(22, 78, 99, 0.1) !important; }
.text-cyan-900\/10 { color: rgba(22, 78, 99, 0.1) !important; }
.border-cyan-900\/10 { border-color: rgba(22, 78, 99, 0.1) !important; }

.hover\:bg-cyan-900\/10:hover { background-color: rgba(22, 78, 99, 0.1) !important; }
.hover\:text-cyan-900\/10:hover { color: rgba(22, 78, 99, 0.1) !important; }
.hover\:border-cyan-900\/10:hover { border-color: rgba(22, 78, 99, 0.1) !important; }

.dark .dark\:bg-cyan-900\/10,
html.dark .dark\:bg-cyan-900\/10 { background-color: rgba(22, 78, 99, 0.1) !important; }
.dark .dark\:text-cyan-900\/10,
html.dark .dark\:text-cyan-900\/10 { color: rgba(22, 78, 99, 0.1) !important; }
.dark .dark\:border-cyan-900\/10,
html.dark .dark\:border-cyan-900\/10 { border-color: rgba(22, 78, 99, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-900\/10:hover,
html.dark .dark\:hover\:bg-cyan-900\/10:hover { background-color: rgba(22, 78, 99, 0.1) !important; }
.dark .dark\:hover\:text-cyan-900\/10:hover,
html.dark .dark\:hover\:text-cyan-900\/10:hover { color: rgba(22, 78, 99, 0.1) !important; }
.dark .dark\:hover\:border-cyan-900\/10:hover,
html.dark .dark\:hover\:border-cyan-900\/10:hover { border-color: rgba(22, 78, 99, 0.1) !important; }

.bg-cyan-900\/20 { background-color: rgba(22, 78, 99, 0.2) !important; }
.text-cyan-900\/20 { color: rgba(22, 78, 99, 0.2) !important; }
.border-cyan-900\/20 { border-color: rgba(22, 78, 99, 0.2) !important; }

.hover\:bg-cyan-900\/20:hover { background-color: rgba(22, 78, 99, 0.2) !important; }
.hover\:text-cyan-900\/20:hover { color: rgba(22, 78, 99, 0.2) !important; }
.hover\:border-cyan-900\/20:hover { border-color: rgba(22, 78, 99, 0.2) !important; }

.dark .dark\:bg-cyan-900\/20,
html.dark .dark\:bg-cyan-900\/20 { background-color: rgba(22, 78, 99, 0.2) !important; }
.dark .dark\:text-cyan-900\/20,
html.dark .dark\:text-cyan-900\/20 { color: rgba(22, 78, 99, 0.2) !important; }
.dark .dark\:border-cyan-900\/20,
html.dark .dark\:border-cyan-900\/20 { border-color: rgba(22, 78, 99, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-900\/20:hover,
html.dark .dark\:hover\:bg-cyan-900\/20:hover { background-color: rgba(22, 78, 99, 0.2) !important; }
.dark .dark\:hover\:text-cyan-900\/20:hover,
html.dark .dark\:hover\:text-cyan-900\/20:hover { color: rgba(22, 78, 99, 0.2) !important; }
.dark .dark\:hover\:border-cyan-900\/20:hover,
html.dark .dark\:hover\:border-cyan-900\/20:hover { border-color: rgba(22, 78, 99, 0.2) !important; }

.bg-cyan-900\/25 { background-color: rgba(22, 78, 99, 0.25) !important; }
.text-cyan-900\/25 { color: rgba(22, 78, 99, 0.25) !important; }
.border-cyan-900\/25 { border-color: rgba(22, 78, 99, 0.25) !important; }

.hover\:bg-cyan-900\/25:hover { background-color: rgba(22, 78, 99, 0.25) !important; }
.hover\:text-cyan-900\/25:hover { color: rgba(22, 78, 99, 0.25) !important; }
.hover\:border-cyan-900\/25:hover { border-color: rgba(22, 78, 99, 0.25) !important; }

.dark .dark\:bg-cyan-900\/25,
html.dark .dark\:bg-cyan-900\/25 { background-color: rgba(22, 78, 99, 0.25) !important; }
.dark .dark\:text-cyan-900\/25,
html.dark .dark\:text-cyan-900\/25 { color: rgba(22, 78, 99, 0.25) !important; }
.dark .dark\:border-cyan-900\/25,
html.dark .dark\:border-cyan-900\/25 { border-color: rgba(22, 78, 99, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-900\/25:hover,
html.dark .dark\:hover\:bg-cyan-900\/25:hover { background-color: rgba(22, 78, 99, 0.25) !important; }
.dark .dark\:hover\:text-cyan-900\/25:hover,
html.dark .dark\:hover\:text-cyan-900\/25:hover { color: rgba(22, 78, 99, 0.25) !important; }
.dark .dark\:hover\:border-cyan-900\/25:hover,
html.dark .dark\:hover\:border-cyan-900\/25:hover { border-color: rgba(22, 78, 99, 0.25) !important; }

.bg-cyan-900\/30 { background-color: rgba(22, 78, 99, 0.3) !important; }
.text-cyan-900\/30 { color: rgba(22, 78, 99, 0.3) !important; }
.border-cyan-900\/30 { border-color: rgba(22, 78, 99, 0.3) !important; }

.hover\:bg-cyan-900\/30:hover { background-color: rgba(22, 78, 99, 0.3) !important; }
.hover\:text-cyan-900\/30:hover { color: rgba(22, 78, 99, 0.3) !important; }
.hover\:border-cyan-900\/30:hover { border-color: rgba(22, 78, 99, 0.3) !important; }

.dark .dark\:bg-cyan-900\/30,
html.dark .dark\:bg-cyan-900\/30 { background-color: rgba(22, 78, 99, 0.3) !important; }
.dark .dark\:text-cyan-900\/30,
html.dark .dark\:text-cyan-900\/30 { color: rgba(22, 78, 99, 0.3) !important; }
.dark .dark\:border-cyan-900\/30,
html.dark .dark\:border-cyan-900\/30 { border-color: rgba(22, 78, 99, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-900\/30:hover,
html.dark .dark\:hover\:bg-cyan-900\/30:hover { background-color: rgba(22, 78, 99, 0.3) !important; }
.dark .dark\:hover\:text-cyan-900\/30:hover,
html.dark .dark\:hover\:text-cyan-900\/30:hover { color: rgba(22, 78, 99, 0.3) !important; }
.dark .dark\:hover\:border-cyan-900\/30:hover,
html.dark .dark\:hover\:border-cyan-900\/30:hover { border-color: rgba(22, 78, 99, 0.3) !important; }

.bg-cyan-900\/40 { background-color: rgba(22, 78, 99, 0.4) !important; }
.text-cyan-900\/40 { color: rgba(22, 78, 99, 0.4) !important; }
.border-cyan-900\/40 { border-color: rgba(22, 78, 99, 0.4) !important; }

.hover\:bg-cyan-900\/40:hover { background-color: rgba(22, 78, 99, 0.4) !important; }
.hover\:text-cyan-900\/40:hover { color: rgba(22, 78, 99, 0.4) !important; }
.hover\:border-cyan-900\/40:hover { border-color: rgba(22, 78, 99, 0.4) !important; }

.dark .dark\:bg-cyan-900\/40,
html.dark .dark\:bg-cyan-900\/40 { background-color: rgba(22, 78, 99, 0.4) !important; }
.dark .dark\:text-cyan-900\/40,
html.dark .dark\:text-cyan-900\/40 { color: rgba(22, 78, 99, 0.4) !important; }
.dark .dark\:border-cyan-900\/40,
html.dark .dark\:border-cyan-900\/40 { border-color: rgba(22, 78, 99, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-900\/40:hover,
html.dark .dark\:hover\:bg-cyan-900\/40:hover { background-color: rgba(22, 78, 99, 0.4) !important; }
.dark .dark\:hover\:text-cyan-900\/40:hover,
html.dark .dark\:hover\:text-cyan-900\/40:hover { color: rgba(22, 78, 99, 0.4) !important; }
.dark .dark\:hover\:border-cyan-900\/40:hover,
html.dark .dark\:hover\:border-cyan-900\/40:hover { border-color: rgba(22, 78, 99, 0.4) !important; }

.bg-cyan-900\/50 { background-color: rgba(22, 78, 99, 0.5) !important; }
.text-cyan-900\/50 { color: rgba(22, 78, 99, 0.5) !important; }
.border-cyan-900\/50 { border-color: rgba(22, 78, 99, 0.5) !important; }

.hover\:bg-cyan-900\/50:hover { background-color: rgba(22, 78, 99, 0.5) !important; }
.hover\:text-cyan-900\/50:hover { color: rgba(22, 78, 99, 0.5) !important; }
.hover\:border-cyan-900\/50:hover { border-color: rgba(22, 78, 99, 0.5) !important; }

.dark .dark\:bg-cyan-900\/50,
html.dark .dark\:bg-cyan-900\/50 { background-color: rgba(22, 78, 99, 0.5) !important; }
.dark .dark\:text-cyan-900\/50,
html.dark .dark\:text-cyan-900\/50 { color: rgba(22, 78, 99, 0.5) !important; }
.dark .dark\:border-cyan-900\/50,
html.dark .dark\:border-cyan-900\/50 { border-color: rgba(22, 78, 99, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-900\/50:hover,
html.dark .dark\:hover\:bg-cyan-900\/50:hover { background-color: rgba(22, 78, 99, 0.5) !important; }
.dark .dark\:hover\:text-cyan-900\/50:hover,
html.dark .dark\:hover\:text-cyan-900\/50:hover { color: rgba(22, 78, 99, 0.5) !important; }
.dark .dark\:hover\:border-cyan-900\/50:hover,
html.dark .dark\:hover\:border-cyan-900\/50:hover { border-color: rgba(22, 78, 99, 0.5) !important; }

.bg-cyan-900\/60 { background-color: rgba(22, 78, 99, 0.6) !important; }
.text-cyan-900\/60 { color: rgba(22, 78, 99, 0.6) !important; }
.border-cyan-900\/60 { border-color: rgba(22, 78, 99, 0.6) !important; }

.hover\:bg-cyan-900\/60:hover { background-color: rgba(22, 78, 99, 0.6) !important; }
.hover\:text-cyan-900\/60:hover { color: rgba(22, 78, 99, 0.6) !important; }
.hover\:border-cyan-900\/60:hover { border-color: rgba(22, 78, 99, 0.6) !important; }

.dark .dark\:bg-cyan-900\/60,
html.dark .dark\:bg-cyan-900\/60 { background-color: rgba(22, 78, 99, 0.6) !important; }
.dark .dark\:text-cyan-900\/60,
html.dark .dark\:text-cyan-900\/60 { color: rgba(22, 78, 99, 0.6) !important; }
.dark .dark\:border-cyan-900\/60,
html.dark .dark\:border-cyan-900\/60 { border-color: rgba(22, 78, 99, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-900\/60:hover,
html.dark .dark\:hover\:bg-cyan-900\/60:hover { background-color: rgba(22, 78, 99, 0.6) !important; }
.dark .dark\:hover\:text-cyan-900\/60:hover,
html.dark .dark\:hover\:text-cyan-900\/60:hover { color: rgba(22, 78, 99, 0.6) !important; }
.dark .dark\:hover\:border-cyan-900\/60:hover,
html.dark .dark\:hover\:border-cyan-900\/60:hover { border-color: rgba(22, 78, 99, 0.6) !important; }

.bg-cyan-900\/70 { background-color: rgba(22, 78, 99, 0.7) !important; }
.text-cyan-900\/70 { color: rgba(22, 78, 99, 0.7) !important; }
.border-cyan-900\/70 { border-color: rgba(22, 78, 99, 0.7) !important; }

.hover\:bg-cyan-900\/70:hover { background-color: rgba(22, 78, 99, 0.7) !important; }
.hover\:text-cyan-900\/70:hover { color: rgba(22, 78, 99, 0.7) !important; }
.hover\:border-cyan-900\/70:hover { border-color: rgba(22, 78, 99, 0.7) !important; }

.dark .dark\:bg-cyan-900\/70,
html.dark .dark\:bg-cyan-900\/70 { background-color: rgba(22, 78, 99, 0.7) !important; }
.dark .dark\:text-cyan-900\/70,
html.dark .dark\:text-cyan-900\/70 { color: rgba(22, 78, 99, 0.7) !important; }
.dark .dark\:border-cyan-900\/70,
html.dark .dark\:border-cyan-900\/70 { border-color: rgba(22, 78, 99, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-900\/70:hover,
html.dark .dark\:hover\:bg-cyan-900\/70:hover { background-color: rgba(22, 78, 99, 0.7) !important; }
.dark .dark\:hover\:text-cyan-900\/70:hover,
html.dark .dark\:hover\:text-cyan-900\/70:hover { color: rgba(22, 78, 99, 0.7) !important; }
.dark .dark\:hover\:border-cyan-900\/70:hover,
html.dark .dark\:hover\:border-cyan-900\/70:hover { border-color: rgba(22, 78, 99, 0.7) !important; }

.bg-cyan-900\/75 { background-color: rgba(22, 78, 99, 0.75) !important; }
.text-cyan-900\/75 { color: rgba(22, 78, 99, 0.75) !important; }
.border-cyan-900\/75 { border-color: rgba(22, 78, 99, 0.75) !important; }

.hover\:bg-cyan-900\/75:hover { background-color: rgba(22, 78, 99, 0.75) !important; }
.hover\:text-cyan-900\/75:hover { color: rgba(22, 78, 99, 0.75) !important; }
.hover\:border-cyan-900\/75:hover { border-color: rgba(22, 78, 99, 0.75) !important; }

.dark .dark\:bg-cyan-900\/75,
html.dark .dark\:bg-cyan-900\/75 { background-color: rgba(22, 78, 99, 0.75) !important; }
.dark .dark\:text-cyan-900\/75,
html.dark .dark\:text-cyan-900\/75 { color: rgba(22, 78, 99, 0.75) !important; }
.dark .dark\:border-cyan-900\/75,
html.dark .dark\:border-cyan-900\/75 { border-color: rgba(22, 78, 99, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-900\/75:hover,
html.dark .dark\:hover\:bg-cyan-900\/75:hover { background-color: rgba(22, 78, 99, 0.75) !important; }
.dark .dark\:hover\:text-cyan-900\/75:hover,
html.dark .dark\:hover\:text-cyan-900\/75:hover { color: rgba(22, 78, 99, 0.75) !important; }
.dark .dark\:hover\:border-cyan-900\/75:hover,
html.dark .dark\:hover\:border-cyan-900\/75:hover { border-color: rgba(22, 78, 99, 0.75) !important; }

.bg-cyan-900\/80 { background-color: rgba(22, 78, 99, 0.8) !important; }
.text-cyan-900\/80 { color: rgba(22, 78, 99, 0.8) !important; }
.border-cyan-900\/80 { border-color: rgba(22, 78, 99, 0.8) !important; }

.hover\:bg-cyan-900\/80:hover { background-color: rgba(22, 78, 99, 0.8) !important; }
.hover\:text-cyan-900\/80:hover { color: rgba(22, 78, 99, 0.8) !important; }
.hover\:border-cyan-900\/80:hover { border-color: rgba(22, 78, 99, 0.8) !important; }

.dark .dark\:bg-cyan-900\/80,
html.dark .dark\:bg-cyan-900\/80 { background-color: rgba(22, 78, 99, 0.8) !important; }
.dark .dark\:text-cyan-900\/80,
html.dark .dark\:text-cyan-900\/80 { color: rgba(22, 78, 99, 0.8) !important; }
.dark .dark\:border-cyan-900\/80,
html.dark .dark\:border-cyan-900\/80 { border-color: rgba(22, 78, 99, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-900\/80:hover,
html.dark .dark\:hover\:bg-cyan-900\/80:hover { background-color: rgba(22, 78, 99, 0.8) !important; }
.dark .dark\:hover\:text-cyan-900\/80:hover,
html.dark .dark\:hover\:text-cyan-900\/80:hover { color: rgba(22, 78, 99, 0.8) !important; }
.dark .dark\:hover\:border-cyan-900\/80:hover,
html.dark .dark\:hover\:border-cyan-900\/80:hover { border-color: rgba(22, 78, 99, 0.8) !important; }

.bg-cyan-900\/90 { background-color: rgba(22, 78, 99, 0.9) !important; }
.text-cyan-900\/90 { color: rgba(22, 78, 99, 0.9) !important; }
.border-cyan-900\/90 { border-color: rgba(22, 78, 99, 0.9) !important; }

.hover\:bg-cyan-900\/90:hover { background-color: rgba(22, 78, 99, 0.9) !important; }
.hover\:text-cyan-900\/90:hover { color: rgba(22, 78, 99, 0.9) !important; }
.hover\:border-cyan-900\/90:hover { border-color: rgba(22, 78, 99, 0.9) !important; }

.dark .dark\:bg-cyan-900\/90,
html.dark .dark\:bg-cyan-900\/90 { background-color: rgba(22, 78, 99, 0.9) !important; }
.dark .dark\:text-cyan-900\/90,
html.dark .dark\:text-cyan-900\/90 { color: rgba(22, 78, 99, 0.9) !important; }
.dark .dark\:border-cyan-900\/90,
html.dark .dark\:border-cyan-900\/90 { border-color: rgba(22, 78, 99, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-900\/90:hover,
html.dark .dark\:hover\:bg-cyan-900\/90:hover { background-color: rgba(22, 78, 99, 0.9) !important; }
.dark .dark\:hover\:text-cyan-900\/90:hover,
html.dark .dark\:hover\:text-cyan-900\/90:hover { color: rgba(22, 78, 99, 0.9) !important; }
.dark .dark\:hover\:border-cyan-900\/90:hover,
html.dark .dark\:hover\:border-cyan-900\/90:hover { border-color: rgba(22, 78, 99, 0.9) !important; }

.bg-cyan-900\/95 { background-color: rgba(22, 78, 99, 0.95) !important; }
.text-cyan-900\/95 { color: rgba(22, 78, 99, 0.95) !important; }
.border-cyan-900\/95 { border-color: rgba(22, 78, 99, 0.95) !important; }

.hover\:bg-cyan-900\/95:hover { background-color: rgba(22, 78, 99, 0.95) !important; }
.hover\:text-cyan-900\/95:hover { color: rgba(22, 78, 99, 0.95) !important; }
.hover\:border-cyan-900\/95:hover { border-color: rgba(22, 78, 99, 0.95) !important; }

.dark .dark\:bg-cyan-900\/95,
html.dark .dark\:bg-cyan-900\/95 { background-color: rgba(22, 78, 99, 0.95) !important; }
.dark .dark\:text-cyan-900\/95,
html.dark .dark\:text-cyan-900\/95 { color: rgba(22, 78, 99, 0.95) !important; }
.dark .dark\:border-cyan-900\/95,
html.dark .dark\:border-cyan-900\/95 { border-color: rgba(22, 78, 99, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-900\/95:hover,
html.dark .dark\:hover\:bg-cyan-900\/95:hover { background-color: rgba(22, 78, 99, 0.95) !important; }
.dark .dark\:hover\:text-cyan-900\/95:hover,
html.dark .dark\:hover\:text-cyan-900\/95:hover { color: rgba(22, 78, 99, 0.95) !important; }
.dark .dark\:hover\:border-cyan-900\/95:hover,
html.dark .dark\:hover\:border-cyan-900\/95:hover { border-color: rgba(22, 78, 99, 0.95) !important; }

.bg-cyan-950 { background-color: #083344 !important; }
.text-cyan-950 { color: #083344 !important; }
.border-cyan-950 { border-color: #083344 !important; }
.fill-cyan-950 { fill: #083344 !important; }
.stroke-cyan-950 { stroke: #083344 !important; }

/* Hover states */
.hover\:bg-cyan-950:hover { background-color: #083344 !important; }
.hover\:text-cyan-950:hover { color: #083344 !important; }
.hover\:border-cyan-950:hover { border-color: #083344 !important; }

/* Dark mode standard */
.dark .dark\:bg-cyan-950,
html.dark .dark\:bg-cyan-950 { background-color: #083344 !important; }
.dark .dark\:text-cyan-950,
html.dark .dark\:text-cyan-950 { color: #083344 !important; }
.dark .dark\:border-cyan-950,
html.dark .dark\:border-cyan-950 { border-color: #083344 !important; }

/* Dark mode hover states */
.dark .dark\:hover\:bg-cyan-950:hover,
html.dark .dark\:hover\:bg-cyan-950:hover { background-color: #083344 !important; }
.dark .dark\:hover\:text-cyan-950:hover,
html.dark .dark\:hover\:text-cyan-950:hover { color: #083344 !important; }
.dark .dark\:hover\:border-cyan-950:hover,
html.dark .dark\:hover\:border-cyan-950:hover { border-color: #083344 !important; }

/* Dark mode group hover states */
.dark .group:hover .dark\:group-hover\:text-cyan-950,
html.dark .group:hover .dark\:group-hover\:text-cyan-950 { color: #083344 !important; }
.dark .group:hover .dark\:group-hover\:bg-cyan-950,
html.dark .group:hover .dark\:group-hover\:bg-cyan-950 { background-color: #083344 !important; }

.bg-cyan-950\/10 { background-color: rgba(8, 51, 68, 0.1) !important; }
.text-cyan-950\/10 { color: rgba(8, 51, 68, 0.1) !important; }
.border-cyan-950\/10 { border-color: rgba(8, 51, 68, 0.1) !important; }

.hover\:bg-cyan-950\/10:hover { background-color: rgba(8, 51, 68, 0.1) !important; }
.hover\:text-cyan-950\/10:hover { color: rgba(8, 51, 68, 0.1) !important; }
.hover\:border-cyan-950\/10:hover { border-color: rgba(8, 51, 68, 0.1) !important; }

.dark .dark\:bg-cyan-950\/10,
html.dark .dark\:bg-cyan-950\/10 { background-color: rgba(8, 51, 68, 0.1) !important; }
.dark .dark\:text-cyan-950\/10,
html.dark .dark\:text-cyan-950\/10 { color: rgba(8, 51, 68, 0.1) !important; }
.dark .dark\:border-cyan-950\/10,
html.dark .dark\:border-cyan-950\/10 { border-color: rgba(8, 51, 68, 0.1) !important; }

.dark .dark\:hover\:bg-cyan-950\/10:hover,
html.dark .dark\:hover\:bg-cyan-950\/10:hover { background-color: rgba(8, 51, 68, 0.1) !important; }
.dark .dark\:hover\:text-cyan-950\/10:hover,
html.dark .dark\:hover\:text-cyan-950\/10:hover { color: rgba(8, 51, 68, 0.1) !important; }
.dark .dark\:hover\:border-cyan-950\/10:hover,
html.dark .dark\:hover\:border-cyan-950\/10:hover { border-color: rgba(8, 51, 68, 0.1) !important; }

.bg-cyan-950\/20 { background-color: rgba(8, 51, 68, 0.2) !important; }
.text-cyan-950\/20 { color: rgba(8, 51, 68, 0.2) !important; }
.border-cyan-950\/20 { border-color: rgba(8, 51, 68, 0.2) !important; }

.hover\:bg-cyan-950\/20:hover { background-color: rgba(8, 51, 68, 0.2) !important; }
.hover\:text-cyan-950\/20:hover { color: rgba(8, 51, 68, 0.2) !important; }
.hover\:border-cyan-950\/20:hover { border-color: rgba(8, 51, 68, 0.2) !important; }

.dark .dark\:bg-cyan-950\/20,
html.dark .dark\:bg-cyan-950\/20 { background-color: rgba(8, 51, 68, 0.2) !important; }
.dark .dark\:text-cyan-950\/20,
html.dark .dark\:text-cyan-950\/20 { color: rgba(8, 51, 68, 0.2) !important; }
.dark .dark\:border-cyan-950\/20,
html.dark .dark\:border-cyan-950\/20 { border-color: rgba(8, 51, 68, 0.2) !important; }

.dark .dark\:hover\:bg-cyan-950\/20:hover,
html.dark .dark\:hover\:bg-cyan-950\/20:hover { background-color: rgba(8, 51, 68, 0.2) !important; }
.dark .dark\:hover\:text-cyan-950\/20:hover,
html.dark .dark\:hover\:text-cyan-950\/20:hover { color: rgba(8, 51, 68, 0.2) !important; }
.dark .dark\:hover\:border-cyan-950\/20:hover,
html.dark .dark\:hover\:border-cyan-950\/20:hover { border-color: rgba(8, 51, 68, 0.2) !important; }

.bg-cyan-950\/25 { background-color: rgba(8, 51, 68, 0.25) !important; }
.text-cyan-950\/25 { color: rgba(8, 51, 68, 0.25) !important; }
.border-cyan-950\/25 { border-color: rgba(8, 51, 68, 0.25) !important; }

.hover\:bg-cyan-950\/25:hover { background-color: rgba(8, 51, 68, 0.25) !important; }
.hover\:text-cyan-950\/25:hover { color: rgba(8, 51, 68, 0.25) !important; }
.hover\:border-cyan-950\/25:hover { border-color: rgba(8, 51, 68, 0.25) !important; }

.dark .dark\:bg-cyan-950\/25,
html.dark .dark\:bg-cyan-950\/25 { background-color: rgba(8, 51, 68, 0.25) !important; }
.dark .dark\:text-cyan-950\/25,
html.dark .dark\:text-cyan-950\/25 { color: rgba(8, 51, 68, 0.25) !important; }
.dark .dark\:border-cyan-950\/25,
html.dark .dark\:border-cyan-950\/25 { border-color: rgba(8, 51, 68, 0.25) !important; }

.dark .dark\:hover\:bg-cyan-950\/25:hover,
html.dark .dark\:hover\:bg-cyan-950\/25:hover { background-color: rgba(8, 51, 68, 0.25) !important; }
.dark .dark\:hover\:text-cyan-950\/25:hover,
html.dark .dark\:hover\:text-cyan-950\/25:hover { color: rgba(8, 51, 68, 0.25) !important; }
.dark .dark\:hover\:border-cyan-950\/25:hover,
html.dark .dark\:hover\:border-cyan-950\/25:hover { border-color: rgba(8, 51, 68, 0.25) !important; }

.bg-cyan-950\/30 { background-color: rgba(8, 51, 68, 0.3) !important; }
.text-cyan-950\/30 { color: rgba(8, 51, 68, 0.3) !important; }
.border-cyan-950\/30 { border-color: rgba(8, 51, 68, 0.3) !important; }

.hover\:bg-cyan-950\/30:hover { background-color: rgba(8, 51, 68, 0.3) !important; }
.hover\:text-cyan-950\/30:hover { color: rgba(8, 51, 68, 0.3) !important; }
.hover\:border-cyan-950\/30:hover { border-color: rgba(8, 51, 68, 0.3) !important; }

.dark .dark\:bg-cyan-950\/30,
html.dark .dark\:bg-cyan-950\/30 { background-color: rgba(8, 51, 68, 0.3) !important; }
.dark .dark\:text-cyan-950\/30,
html.dark .dark\:text-cyan-950\/30 { color: rgba(8, 51, 68, 0.3) !important; }
.dark .dark\:border-cyan-950\/30,
html.dark .dark\:border-cyan-950\/30 { border-color: rgba(8, 51, 68, 0.3) !important; }

.dark .dark\:hover\:bg-cyan-950\/30:hover,
html.dark .dark\:hover\:bg-cyan-950\/30:hover { background-color: rgba(8, 51, 68, 0.3) !important; }
.dark .dark\:hover\:text-cyan-950\/30:hover,
html.dark .dark\:hover\:text-cyan-950\/30:hover { color: rgba(8, 51, 68, 0.3) !important; }
.dark .dark\:hover\:border-cyan-950\/30:hover,
html.dark .dark\:hover\:border-cyan-950\/30:hover { border-color: rgba(8, 51, 68, 0.3) !important; }

.bg-cyan-950\/40 { background-color: rgba(8, 51, 68, 0.4) !important; }
.text-cyan-950\/40 { color: rgba(8, 51, 68, 0.4) !important; }
.border-cyan-950\/40 { border-color: rgba(8, 51, 68, 0.4) !important; }

.hover\:bg-cyan-950\/40:hover { background-color: rgba(8, 51, 68, 0.4) !important; }
.hover\:text-cyan-950\/40:hover { color: rgba(8, 51, 68, 0.4) !important; }
.hover\:border-cyan-950\/40:hover { border-color: rgba(8, 51, 68, 0.4) !important; }

.dark .dark\:bg-cyan-950\/40,
html.dark .dark\:bg-cyan-950\/40 { background-color: rgba(8, 51, 68, 0.4) !important; }
.dark .dark\:text-cyan-950\/40,
html.dark .dark\:text-cyan-950\/40 { color: rgba(8, 51, 68, 0.4) !important; }
.dark .dark\:border-cyan-950\/40,
html.dark .dark\:border-cyan-950\/40 { border-color: rgba(8, 51, 68, 0.4) !important; }

.dark .dark\:hover\:bg-cyan-950\/40:hover,
html.dark .dark\:hover\:bg-cyan-950\/40:hover { background-color: rgba(8, 51, 68, 0.4) !important; }
.dark .dark\:hover\:text-cyan-950\/40:hover,
html.dark .dark\:hover\:text-cyan-950\/40:hover { color: rgba(8, 51, 68, 0.4) !important; }
.dark .dark\:hover\:border-cyan-950\/40:hover,
html.dark .dark\:hover\:border-cyan-950\/40:hover { border-color: rgba(8, 51, 68, 0.4) !important; }

.bg-cyan-950\/50 { background-color: rgba(8, 51, 68, 0.5) !important; }
.text-cyan-950\/50 { color: rgba(8, 51, 68, 0.5) !important; }
.border-cyan-950\/50 { border-color: rgba(8, 51, 68, 0.5) !important; }

.hover\:bg-cyan-950\/50:hover { background-color: rgba(8, 51, 68, 0.5) !important; }
.hover\:text-cyan-950\/50:hover { color: rgba(8, 51, 68, 0.5) !important; }
.hover\:border-cyan-950\/50:hover { border-color: rgba(8, 51, 68, 0.5) !important; }

.dark .dark\:bg-cyan-950\/50,
html.dark .dark\:bg-cyan-950\/50 { background-color: rgba(8, 51, 68, 0.5) !important; }
.dark .dark\:text-cyan-950\/50,
html.dark .dark\:text-cyan-950\/50 { color: rgba(8, 51, 68, 0.5) !important; }
.dark .dark\:border-cyan-950\/50,
html.dark .dark\:border-cyan-950\/50 { border-color: rgba(8, 51, 68, 0.5) !important; }

.dark .dark\:hover\:bg-cyan-950\/50:hover,
html.dark .dark\:hover\:bg-cyan-950\/50:hover { background-color: rgba(8, 51, 68, 0.5) !important; }
.dark .dark\:hover\:text-cyan-950\/50:hover,
html.dark .dark\:hover\:text-cyan-950\/50:hover { color: rgba(8, 51, 68, 0.5) !important; }
.dark .dark\:hover\:border-cyan-950\/50:hover,
html.dark .dark\:hover\:border-cyan-950\/50:hover { border-color: rgba(8, 51, 68, 0.5) !important; }

.bg-cyan-950\/60 { background-color: rgba(8, 51, 68, 0.6) !important; }
.text-cyan-950\/60 { color: rgba(8, 51, 68, 0.6) !important; }
.border-cyan-950\/60 { border-color: rgba(8, 51, 68, 0.6) !important; }

.hover\:bg-cyan-950\/60:hover { background-color: rgba(8, 51, 68, 0.6) !important; }
.hover\:text-cyan-950\/60:hover { color: rgba(8, 51, 68, 0.6) !important; }
.hover\:border-cyan-950\/60:hover { border-color: rgba(8, 51, 68, 0.6) !important; }

.dark .dark\:bg-cyan-950\/60,
html.dark .dark\:bg-cyan-950\/60 { background-color: rgba(8, 51, 68, 0.6) !important; }
.dark .dark\:text-cyan-950\/60,
html.dark .dark\:text-cyan-950\/60 { color: rgba(8, 51, 68, 0.6) !important; }
.dark .dark\:border-cyan-950\/60,
html.dark .dark\:border-cyan-950\/60 { border-color: rgba(8, 51, 68, 0.6) !important; }

.dark .dark\:hover\:bg-cyan-950\/60:hover,
html.dark .dark\:hover\:bg-cyan-950\/60:hover { background-color: rgba(8, 51, 68, 0.6) !important; }
.dark .dark\:hover\:text-cyan-950\/60:hover,
html.dark .dark\:hover\:text-cyan-950\/60:hover { color: rgba(8, 51, 68, 0.6) !important; }
.dark .dark\:hover\:border-cyan-950\/60:hover,
html.dark .dark\:hover\:border-cyan-950\/60:hover { border-color: rgba(8, 51, 68, 0.6) !important; }

.bg-cyan-950\/70 { background-color: rgba(8, 51, 68, 0.7) !important; }
.text-cyan-950\/70 { color: rgba(8, 51, 68, 0.7) !important; }
.border-cyan-950\/70 { border-color: rgba(8, 51, 68, 0.7) !important; }

.hover\:bg-cyan-950\/70:hover { background-color: rgba(8, 51, 68, 0.7) !important; }
.hover\:text-cyan-950\/70:hover { color: rgba(8, 51, 68, 0.7) !important; }
.hover\:border-cyan-950\/70:hover { border-color: rgba(8, 51, 68, 0.7) !important; }

.dark .dark\:bg-cyan-950\/70,
html.dark .dark\:bg-cyan-950\/70 { background-color: rgba(8, 51, 68, 0.7) !important; }
.dark .dark\:text-cyan-950\/70,
html.dark .dark\:text-cyan-950\/70 { color: rgba(8, 51, 68, 0.7) !important; }
.dark .dark\:border-cyan-950\/70,
html.dark .dark\:border-cyan-950\/70 { border-color: rgba(8, 51, 68, 0.7) !important; }

.dark .dark\:hover\:bg-cyan-950\/70:hover,
html.dark .dark\:hover\:bg-cyan-950\/70:hover { background-color: rgba(8, 51, 68, 0.7) !important; }
.dark .dark\:hover\:text-cyan-950\/70:hover,
html.dark .dark\:hover\:text-cyan-950\/70:hover { color: rgba(8, 51, 68, 0.7) !important; }
.dark .dark\:hover\:border-cyan-950\/70:hover,
html.dark .dark\:hover\:border-cyan-950\/70:hover { border-color: rgba(8, 51, 68, 0.7) !important; }

.bg-cyan-950\/75 { background-color: rgba(8, 51, 68, 0.75) !important; }
.text-cyan-950\/75 { color: rgba(8, 51, 68, 0.75) !important; }
.border-cyan-950\/75 { border-color: rgba(8, 51, 68, 0.75) !important; }

.hover\:bg-cyan-950\/75:hover { background-color: rgba(8, 51, 68, 0.75) !important; }
.hover\:text-cyan-950\/75:hover { color: rgba(8, 51, 68, 0.75) !important; }
.hover\:border-cyan-950\/75:hover { border-color: rgba(8, 51, 68, 0.75) !important; }

.dark .dark\:bg-cyan-950\/75,
html.dark .dark\:bg-cyan-950\/75 { background-color: rgba(8, 51, 68, 0.75) !important; }
.dark .dark\:text-cyan-950\/75,
html.dark .dark\:text-cyan-950\/75 { color: rgba(8, 51, 68, 0.75) !important; }
.dark .dark\:border-cyan-950\/75,
html.dark .dark\:border-cyan-950\/75 { border-color: rgba(8, 51, 68, 0.75) !important; }

.dark .dark\:hover\:bg-cyan-950\/75:hover,
html.dark .dark\:hover\:bg-cyan-950\/75:hover { background-color: rgba(8, 51, 68, 0.75) !important; }
.dark .dark\:hover\:text-cyan-950\/75:hover,
html.dark .dark\:hover\:text-cyan-950\/75:hover { color: rgba(8, 51, 68, 0.75) !important; }
.dark .dark\:hover\:border-cyan-950\/75:hover,
html.dark .dark\:hover\:border-cyan-950\/75:hover { border-color: rgba(8, 51, 68, 0.75) !important; }

.bg-cyan-950\/80 { background-color: rgba(8, 51, 68, 0.8) !important; }
.text-cyan-950\/80 { color: rgba(8, 51, 68, 0.8) !important; }
.border-cyan-950\/80 { border-color: rgba(8, 51, 68, 0.8) !important; }

.hover\:bg-cyan-950\/80:hover { background-color: rgba(8, 51, 68, 0.8) !important; }
.hover\:text-cyan-950\/80:hover { color: rgba(8, 51, 68, 0.8) !important; }
.hover\:border-cyan-950\/80:hover { border-color: rgba(8, 51, 68, 0.8) !important; }

.dark .dark\:bg-cyan-950\/80,
html.dark .dark\:bg-cyan-950\/80 { background-color: rgba(8, 51, 68, 0.8) !important; }
.dark .dark\:text-cyan-950\/80,
html.dark .dark\:text-cyan-950\/80 { color: rgba(8, 51, 68, 0.8) !important; }
.dark .dark\:border-cyan-950\/80,
html.dark .dark\:border-cyan-950\/80 { border-color: rgba(8, 51, 68, 0.8) !important; }

.dark .dark\:hover\:bg-cyan-950\/80:hover,
html.dark .dark\:hover\:bg-cyan-950\/80:hover { background-color: rgba(8, 51, 68, 0.8) !important; }
.dark .dark\:hover\:text-cyan-950\/80:hover,
html.dark .dark\:hover\:text-cyan-950\/80:hover { color: rgba(8, 51, 68, 0.8) !important; }
.dark .dark\:hover\:border-cyan-950\/80:hover,
html.dark .dark\:hover\:border-cyan-950\/80:hover { border-color: rgba(8, 51, 68, 0.8) !important; }

.bg-cyan-950\/90 { background-color: rgba(8, 51, 68, 0.9) !important; }
.text-cyan-950\/90 { color: rgba(8, 51, 68, 0.9) !important; }
.border-cyan-950\/90 { border-color: rgba(8, 51, 68, 0.9) !important; }

.hover\:bg-cyan-950\/90:hover { background-color: rgba(8, 51, 68, 0.9) !important; }
.hover\:text-cyan-950\/90:hover { color: rgba(8, 51, 68, 0.9) !important; }
.hover\:border-cyan-950\/90:hover { border-color: rgba(8, 51, 68, 0.9) !important; }

.dark .dark\:bg-cyan-950\/90,
html.dark .dark\:bg-cyan-950\/90 { background-color: rgba(8, 51, 68, 0.9) !important; }
.dark .dark\:text-cyan-950\/90,
html.dark .dark\:text-cyan-950\/90 { color: rgba(8, 51, 68, 0.9) !important; }
.dark .dark\:border-cyan-950\/90,
html.dark .dark\:border-cyan-950\/90 { border-color: rgba(8, 51, 68, 0.9) !important; }

.dark .dark\:hover\:bg-cyan-950\/90:hover,
html.dark .dark\:hover\:bg-cyan-950\/90:hover { background-color: rgba(8, 51, 68, 0.9) !important; }
.dark .dark\:hover\:text-cyan-950\/90:hover,
html.dark .dark\:hover\:text-cyan-950\/90:hover { color: rgba(8, 51, 68, 0.9) !important; }
.dark .dark\:hover\:border-cyan-950\/90:hover,
html.dark .dark\:hover\:border-cyan-950\/90:hover { border-color: rgba(8, 51, 68, 0.9) !important; }

.bg-cyan-950\/95 { background-color: rgba(8, 51, 68, 0.95) !important; }
.text-cyan-950\/95 { color: rgba(8, 51, 68, 0.95) !important; }
.border-cyan-950\/95 { border-color: rgba(8, 51, 68, 0.95) !important; }

.hover\:bg-cyan-950\/95:hover { background-color: rgba(8, 51, 68, 0.95) !important; }
.hover\:text-cyan-950\/95:hover { color: rgba(8, 51, 68, 0.95) !important; }
.hover\:border-cyan-950\/95:hover { border-color: rgba(8, 51, 68, 0.95) !important; }

.dark .dark\:bg-cyan-950\/95,
html.dark .dark\:bg-cyan-950\/95 { background-color: rgba(8, 51, 68, 0.95) !important; }
.dark .dark\:text-cyan-950\/95,
html.dark .dark\:text-cyan-950\/95 { color: rgba(8, 51, 68, 0.95) !important; }
.dark .dark\:border-cyan-950\/95,
html.dark .dark\:border-cyan-950\/95 { border-color: rgba(8, 51, 68, 0.95) !important; }

.dark .dark\:hover\:bg-cyan-950\/95:hover,
html.dark .dark\:hover\:bg-cyan-950\/95:hover { background-color: rgba(8, 51, 68, 0.95) !important; }
.dark .dark\:hover\:text-cyan-950\/95:hover,
html.dark .dark\:hover\:text-cyan-950\/95:hover { color: rgba(8, 51, 68, 0.95) !important; }
.dark .dark\:hover\:border-cyan-950\/95:hover,
html.dark .dark\:hover\:border-cyan-950\/95:hover { border-color: rgba(8, 51, 68, 0.95) !important; }

/* ==========================================================================
   Global Dark Mode Interaction Contrast Protection
   ========================================================================== */
html.dark [class*="hover:bg-slate-50"]:not([class*="dark:hover:bg-"]):hover,
html.dark [class*="hover:bg-slate-100"]:not([class*="dark:hover:bg-"]):hover,
html.dark [class*="hover:bg-gray-50"]:not([class*="dark:hover:bg-"]):hover,
html.dark [class*="hover:bg-gray-100"]:not([class*="dark:hover:bg-"]):hover {
  background-color: #1e293b !important;
}

html.dark [class*="hover:bg-slate-200"]:not([class*="dark:hover:bg-"]):hover,
html.dark [class*="hover:bg-gray-200"]:not([class*="dark:hover:bg-"]):hover {
  background-color: #334155 !important;
}

html.dark [class*="hover:text-slate-900"]:not([class*="dark:hover:text-"]):hover,
html.dark [class*="hover:text-slate-800"]:not([class*="dark:hover:text-"]):hover,
html.dark [class*="hover:text-slate-700"]:not([class*="dark:hover:text-"]):hover,
html.dark [class*="hover:text-gray-900"]:not([class*="dark:hover:text-"]):hover,
html.dark [class*="hover:text-gray-800"]:not([class*="dark:hover:text-"]):hover,
html.dark [class*="hover:text-black"]:not([class*="dark:hover:text-"]):hover {
  color: #ffffff !important;
}

html.dark [class*="group-hover:text-slate-900"]:not([class*="dark:group-hover:text-"]),
html.dark [class*="group-hover:text-slate-800"]:not([class*="dark:group-hover:text-"]),
html.dark [class*="group-hover:text-slate-700"]:not([class*="dark:group-hover:text-"]),
html.dark [class*="group-hover:text-gray-900"]:not([class*="dark:group-hover:text-"]),
html.dark [class*="group-hover:text-gray-800"]:not([class*="dark:group-hover:text-"]),
html.dark [class*="group-hover:text-black"]:not([class*="dark:group-hover:text-"]) {
  color: #ffffff !important;
}

/* Black & White utilities */
.bg-white { background-color: #ffffff !important; }
.text-white { color: #ffffff !important; }
.border-white { border-color: #ffffff !important; }
.bg-black { background-color: #000000 !important; }
.text-black { color: #000000 !important; }
.border-black { border-color: #000000 !important; }
.bg-transparent { background-color: transparent !important; }
.border-transparent { border-color: transparent !important; }

/* Dark mode white/black overrides */
.dark .dark\:bg-white { background-color: #ffffff !important; }
.dark .dark\:text-white { color: #ffffff !important; }
.dark .dark\:text-black { color: #000000 !important; }
.dark .dark\:border-white { border-color: #ffffff !important; }
.dark .dark\:border-transparent { border-color: transparent !important; }

/* Opacity white variants */
.bg-white\/95 { background-color: rgba(255, 255, 255, 0.95) !important; }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9) !important; }
.bg-white\/80 { background-color: rgba(255, 255, 255, 0.8) !important; }
.bg-white\/70 { background-color: rgba(255, 255, 255, 0.7) !important; }
.bg-white\/50 { background-color: rgba(255, 255, 255, 0.5) !important; }
.bg-white\/20 { background-color: rgba(255, 255, 255, 0.2) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1) !important; }
.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05) !important; }

/* Opacity black variants */
.bg-black\/90 { background-color: rgba(0, 0, 0, 0.9) !important; }
.bg-black\/80 { background-color: rgba(0, 0, 0, 0.8) !important; }
.bg-black\/70 { background-color: rgba(0, 0, 0, 0.7) !important; }
.bg-black\/60 { background-color: rgba(0, 0, 0, 0.6) !important; }
.bg-black\/50 { background-color: rgba(0, 0, 0, 0.5) !important; }
.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4) !important; }
.bg-black\/30 { background-color: rgba(0, 0, 0, 0.3) !important; }
.bg-black\/20 { background-color: rgba(0, 0, 0, 0.2) !important; }

/* Sticky Header Engine */
header.sticky,
.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 { top: 0px !important; }
.z-50 { z-index: 50 !important; }
.z-40 { z-index: 40 !important; }
.z-30 { z-index: 30 !important; }
.z-20 { z-index: 20 !important; }
.z-10 { z-index: 10 !important; }

/* Backdrop Blur */
.backdrop-blur-none { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.backdrop-blur-sm { backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
.backdrop-blur { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }
.backdrop-blur-md { backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
.backdrop-blur-lg { backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; }
.backdrop-blur-xl { backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; }
.backdrop-blur-2xl { backdrop-filter: blur(40px) !important; -webkit-backdrop-filter: blur(40px) !important; }

/* Rounded Borders */
.rounded-none { border-radius: 0px; }
.rounded-xs { border-radius: 0.125rem; }
.rounded-sm { border-radius: 0.125rem; }
.rounded { border-radius: 0.25rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-full { border-radius: 9999px; }

/* Shadows */
.shadow-2xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow-xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.shadow-none { box-shadow: none; }

/* Transitions & Animations */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

.duration-75 { transition-duration: 75ms; }
.duration-100 { transition-duration: 100ms; }
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }

/* Scale & Transforms */
.scale-95 { transform: scale(.95); }
.scale-98 { transform: scale(.98); }
.scale-100 { transform: scale(1); }
.scale-105 { transform: scale(1.05); }
.hover\:scale-105:hover { transform: scale(1.05); }
.hover\:scale-102:hover { transform: scale(1.02); }
.hover\:-translate-y-0\.5:hover { transform: translateY(-0.125rem); }
.hover\:-translate-y-1:hover { transform: translateY(-0.25rem); }
.hover\:translate-y-0:hover { transform: translateY(0); }
.active\:scale-98:active { transform: scale(.98); }
.active\:scale-95:active { transform: scale(.95); }

/* Rotate */
.rotate-180 { transform: rotate(180deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-45 { transform: rotate(45deg); }
.-rotate-90 { transform: rotate(-90deg); }

/* Gradients */
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
.bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
.bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); }
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); }
.bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--tw-gradient-stops)); }

.from-indigo-600 { --tw-gradient-from: #4f46e5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); }
.to-blue-600 { --tw-gradient-to: #2563eb; }
.to-purple-600 { --tw-gradient-to: #9333ea; }
.to-indigo-800 { --tw-gradient-to: #3730a3; }
.from-slate-900 { --tw-gradient-from: #0f172a; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15, 23, 42, 0)); }
.to-slate-950 { --tw-gradient-to: #020617; }
.from-slate-950 { --tw-gradient-from: #020617; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 6, 23, 0)); }
.to-indigo-950 { --tw-gradient-to: #1e1b4b; }
.from-amber-500 { --tw-gradient-from: #f59e0b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)); }
.to-orange-500 { --tw-gradient-to: #f97316; }
.from-emerald-500 { --tw-gradient-from: #10b981; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0)); }
.to-teal-600 { --tw-gradient-to: #0d9488; }
.from-rose-500 { --tw-gradient-from: #f43f5e; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 63, 94, 0)); }
.to-pink-600 { --tw-gradient-to: #db2777; }

/* Dark mode gradients */
.dark .dark\:from-slate-900 { --tw-gradient-from: #0f172a !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15, 23, 42, 0)) !important; }
.dark .dark\:to-slate-950 { --tw-gradient-to: #020617 !important; }
.dark .dark\:from-slate-950 { --tw-gradient-from: #020617 !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(2, 6, 23, 0)) !important; }
.dark .dark\:to-slate-900 { --tw-gradient-to: #0f172a !important; }
.dark .dark\:via-slate-900 { --tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to, rgba(15, 23, 42, 0)) !important; }
.dark .dark\:from-indigo-950\/50 { --tw-gradient-from: rgba(30, 27, 75, 0.5) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 27, 75, 0)) !important; }
.dark .dark\:to-slate-900\/50 { --tw-gradient-to: rgba(15, 23, 42, 0.5) !important; }