.bg-gray-50 { background-color: #f9fafb; }
.text-gray-50 { color: #f9fafb; }
.bg-gray-100 { background-color: #f3f4f6; }
.text-gray-100 { color: #f3f4f6; }
.bg-gray-200 { background-color: #e5e7eb; }
.text-gray-200 { color: #e5e7eb; }
.bg-gray-300 { background-color: #d1d5db; }
.text-gray-300 { color: #d1d5db; }
.bg-gray-400 { background-color: #9ca3af; }
.text-gray-400 { color: #9ca3af; }
.bg-gray-500 { background-color: #6b7280; }
.text-gray-500 { color: #6b7280; }
.bg-gray-600 { background-color: #4b5563; }
.text-gray-600 { color: #4b5563; }
.bg-gray-700 { background-color: #374151; }
.text-gray-700 { color: #374151; }
.bg-gray-800 { background-color: #1f2937; }
.text-gray-800 { color: #1f2937; }
.bg-gray-900 { background-color: #111827; }
.text-gray-900 { color: #111827; }
.bg-red-50 { background-color: #fef2f2; }
.text-red-50 { color: #fef2f2; }
.bg-red-100 { background-color: #fee2e2; }
.text-red-100 { color: #fee2e2; }
.bg-red-200 { background-color: #fecaca; }
.text-red-200 { color: #fecaca; }
.bg-red-300 { background-color: #fca5a5; }
.text-red-300 { color: #fca5a5; }
.bg-red-400 { background-color: #f87171; }
.text-red-400 { color: #f87171; }
.bg-red-500 { background-color: #ef4444; }
.text-red-500 { color: #ef4444; }
.bg-red-600 { background-color: #dc2626; }
.text-red-600 { color: #dc2626; }
.bg-red-700 { background-color: #b91c1c; }
.text-red-700 { color: #b91c1c; }
.bg-red-800 { background-color: #991b1b; }
.text-red-800 { color: #991b1b; }
.bg-red-900 { background-color: #7f1d1d; }
.text-red-900 { color: #7f1d1d; }
.bg-yellow-50 { background-color: #fffbeb; }
.text-yellow-50 { color: #fffbeb; }
.bg-yellow-100 { background-color: #fef3c7; }
.text-yellow-100 { color: #fef3c7; }
.bg-yellow-200 { background-color: #fde68a; }
.text-yellow-200 { color: #fde68a; }
.bg-yellow-300 { background-color: #fcd34d; }
.text-yellow-300 { color: #fcd34d; }
.bg-yellow-400 { background-color: #fbbf24; }
.text-yellow-400 { color: #fbbf24; }
.bg-yellow-500 { background-color: #f59e0b; }
.text-yellow-500 { color: #f59e0b; }
.bg-yellow-600 { background-color: #d97706; }
.text-yellow-600 { color: #d97706; }
.bg-yellow-700 { background-color: #b45309; }
.text-yellow-700 { color: #b45309; }
.bg-yellow-800 { background-color: #92400e; }
.text-yellow-800 { color: #92400e; }
.bg-yellow-900 { background-color: #78350f; }
.text-yellow-900 { color: #78350f; }
.bg-green-50 { background-color: #f0fdf4; }
.text-green-50 { color: #f0fdf4; }
.bg-green-100 { background-color: #dcfce7; }
.text-green-100 { color: #dcfce7; }
.bg-green-200 { background-color: #bbf7d0; }
.text-green-200 { color: #bbf7d0; }
.bg-green-300 { background-color: #86efac; }
.text-green-300 { color: #86efac; }
.bg-green-400 { background-color: #4ade80; }
.text-green-400 { color: #4ade80; }
.bg-green-500 { background-color: #22c55e; }
.text-green-500 { color: #22c55e; }
.bg-green-600 { background-color: #16a34a; }
.text-green-600 { color: #16a34a; }
.bg-green-700 { background-color: #15803d; }
.text-green-700 { color: #15803d; }
.bg-green-800 { background-color: #166534; }
.text-green-800 { color: #166534; }
.bg-green-900 { background-color: #14532d; }
.text-green-900 { color: #14532d; }
.bg-blue-50 { background-color: #eff6ff; }
.text-blue-50 { color: #eff6ff; }
.bg-blue-100 { background-color: #dbeafe; }
.text-blue-100 { color: #dbeafe; }
.bg-blue-200 { background-color: #bfdbfe; }
.text-blue-200 { color: #bfdbfe; }
.bg-blue-300 { background-color: #93c5fd; }
.text-blue-300 { color: #93c5fd; }
.bg-blue-400 { background-color: #60a5fa; }
.text-blue-400 { color: #60a5fa; }
.bg-blue-500 { background-color: #3b82f6; }
.text-blue-500 { color: #3b82f6; }
.bg-blue-600 { background-color: #2563eb; }
.text-blue-600 { color: #2563eb; }
.bg-blue-700 { background-color: #1d4ed8; }
.text-blue-700 { color: #1d4ed8; }
.bg-blue-800 { background-color: #1e40af; }
.text-blue-800 { color: #1e40af; }
.bg-blue-900 { background-color: #1e3a8a; }
.text-blue-900 { color: #1e3a8a; }
.bg-indigo-50 { background-color: #eef2ff; }
.text-indigo-50 { color: #eef2ff; }
.bg-indigo-100 { background-color: #e0e7ff; }
.text-indigo-100 { color: #e0e7ff; }
.bg-indigo-200 { background-color: #c7d2fe; }
.text-indigo-200 { color: #c7d2fe; }
.bg-indigo-300 { background-color: #a5b4fc; }
.text-indigo-300 { color: #a5b4fc; }
.bg-indigo-400 { background-color: #818cf8; }
.text-indigo-400 { color: #818cf8; }
.bg-indigo-500 { background-color: #6366f1; }
.text-indigo-500 { color: #6366f1; }
.bg-indigo-600 { background-color: #4f46e5; }
.text-indigo-600 { color: #4f46e5; }
.bg-indigo-700 { background-color: #4338ca; }
.text-indigo-700 { color: #4338ca; }
.bg-indigo-800 { background-color: #3730a3; }
.text-indigo-800 { color: #3730a3; }
.bg-indigo-900 { background-color: #312e81; }
.text-indigo-900 { color: #312e81; }
.bg-purple-50 { background-color: #f5f3ff; }
.text-purple-50 { color: #f5f3ff; }
.bg-purple-100 { background-color: #ede9fe; }
.text-purple-100 { color: #ede9fe; }
.bg-purple-200 { background-color: #ddd6fe; }
.text-purple-200 { color: #ddd6fe; }
.bg-purple-300 { background-color: #c4b5fd; }
.text-purple-300 { color: #c4b5fd; }
.bg-purple-400 { background-color: #a78bfa; }
.text-purple-400 { color: #a78bfa; }
.bg-purple-500 { background-color: #8b5cf6; }
.text-purple-500 { color: #8b5cf6; }
.bg-purple-600 { background-color: #7c3aed; }
.text-purple-600 { color: #7c3aed; }
.bg-purple-700 { background-color: #6d28d9; }
.text-purple-700 { color: #6d28d9; }
.bg-purple-800 { background-color: #5b21b6; }
.text-purple-800 { color: #5b21b6; }
.bg-purple-900 { background-color: #4c1d95; }
.text-purple-900 { color: #4c1d95; }
.bg-pink-50 { background-color: #fdf2f8; }
.text-pink-50 { color: #fdf2f8; }
.bg-pink-100 { background-color: #fce7f3; }
.text-pink-100 { color: #fce7f3; }
.bg-pink-200 { background-color: #fbcfe8; }
.text-pink-200 { color: #fbcfe8; }
.bg-pink-300 { background-color: #f9a8d4; }
.text-pink-300 { color: #f9a8d4; }
.bg-pink-400 { background-color: #f472b6; }
.text-pink-400 { color: #f472b6; }
.bg-pink-500 { background-color: #ec4899; }
.text-pink-500 { color: #ec4899; }
.bg-pink-600 { background-color: #db2777; }
.text-pink-600 { color: #db2777; }
.bg-pink-700 { background-color: #be185d; }
.text-pink-700 { color: #be185d; }
.bg-pink-800 { background-color: #9d174d; }
.text-pink-800 { color: #9d174d; }
.bg-pink-900 { background-color: #831843; }
.text-pink-900 { color: #831843; }
.bg-orange-50 { background-color: #fff7ed; }
.text-orange-50 { color: #fff7ed; }
.bg-orange-100 { background-color: #ffedd5; }
.text-orange-100 { color: #ffedd5; }
.bg-orange-200 { background-color: #fed7aa; }
.text-orange-200 { color: #fed7aa; }
.bg-orange-300 { background-color: #fdba74; }
.text-orange-300 { color: #fdba74; }
.bg-orange-400 { background-color: #fb923c; }
.text-orange-400 { color: #fb923c; }
.bg-orange-500 { background-color: #f97316; }
.text-orange-500 { color: #f97316; }
.bg-orange-600 { background-color: #ea580c; }
.text-orange-600 { color: #ea580c; }
.bg-orange-700 { background-color: #c2410c; }
.text-orange-700 { color: #c2410c; }
.bg-orange-800 { background-color: #9a3412; }
.text-orange-800 { color: #9a3412; }
.bg-orange-900 { background-color: #7c2d12; }
.text-orange-900 { color: #7c2d12; }
.bg-teal-50 { background-color: #f0fdfa; }
.text-teal-50 { color: #f0fdfa; }
.bg-teal-100 { background-color: #ccfbf1; }
.text-teal-100 { color: #ccfbf1; }
.bg-teal-200 { background-color: #99f6e4; }
.text-teal-200 { color: #99f6e4; }
.bg-teal-300 { background-color: #5eead4; }
.text-teal-300 { color: #5eead4; }
.bg-teal-400 { background-color: #2dd4bf; }
.text-teal-400 { color: #2dd4bf; }
.bg-teal-500 { background-color: #14b8a6; }
.text-teal-500 { color: #14b8a6; }
.bg-teal-600 { background-color: #0d9488; }
.text-teal-600 { color: #0d9488; }
.bg-teal-700 { background-color: #0f766e; }
.text-teal-700 { color: #0f766e; }
.bg-teal-800 { background-color: #115e59; }
.text-teal-800 { color: #115e59; }
.bg-teal-900 { background-color: #134e4a; }
.text-teal-900 { color: #134e4a; }
.border-gray-50 { border-color: #f9fafb; }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-gray-400 { border-color: #9ca3af; }
.border-gray-500 { border-color: #6b7280; }
.border-gray-600 { border-color: #4b5563; }
.border-gray-700 { border-color: #374151; }
.border-gray-800 { border-color: #1f2937; }
.border-gray-900 { border-color: #111827; }
.border-red-50 { border-color: #fef2f2; }
.border-red-100 { border-color: #fee2e2; }
.border-red-200 { border-color: #fecaca; }
.border-red-300 { border-color: #fca5a5; }
.border-red-400 { border-color: #f87171; }
.border-red-500 { border-color: #ef4444; }
.border-red-600 { border-color: #dc2626; }
.border-red-700 { border-color: #b91c1c; }
.border-red-800 { border-color: #991b1b; }
.border-red-900 { border-color: #7f1d1d; }
.border-yellow-50 { border-color: #fffbeb; }
.border-yellow-100 { border-color: #fef3c7; }
.border-yellow-200 { border-color: #fde68a; }
.border-yellow-300 { border-color: #fcd34d; }
.border-yellow-400 { border-color: #fbbf24; }
.border-yellow-500 { border-color: #f59e0b; }
.border-yellow-600 { border-color: #d97706; }
.border-yellow-700 { border-color: #b45309; }
.border-yellow-800 { border-color: #92400e; }
.border-yellow-900 { border-color: #78350f; }
.border-green-50 { border-color: #f0fdf4; }
.border-green-100 { border-color: #dcfce7; }
.border-green-200 { border-color: #bbf7d0; }
.border-green-300 { border-color: #86efac; }
.border-green-400 { border-color: #4ade80; }
.border-green-500 { border-color: #22c55e; }
.border-green-600 { border-color: #16a34a; }
.border-green-700 { border-color: #15803d; }
.border-green-800 { border-color: #166534; }
.border-green-900 { border-color: #14532d; }
.border-blue-50 { border-color: #eff6ff; }
.border-blue-100 { border-color: #dbeafe; }
.border-blue-200 { border-color: #bfdbfe; }
.border-blue-300 { border-color: #93c5fd; }
.border-blue-400 { border-color: #60a5fa; }
.border-blue-500 { border-color: #3b82f6; }
.border-blue-600 { border-color: #2563eb; }
.border-blue-700 { border-color: #1d4ed8; }
.border-blue-800 { border-color: #1e40af; }
.border-blue-900 { border-color: #1e3a8a; }
.border-indigo-50 { border-color: #eef2ff; }
.border-indigo-100 { border-color: #e0e7ff; }
.border-indigo-200 { border-color: #c7d2fe; }
.border-indigo-300 { border-color: #a5b4fc; }
.border-indigo-400 { border-color: #818cf8; }
.border-indigo-500 { border-color: #6366f1; }
.border-indigo-600 { border-color: #4f46e5; }
.border-indigo-700 { border-color: #4338ca; }
.border-indigo-800 { border-color: #3730a3; }
.border-indigo-900 { border-color: #312e81; }
.border-purple-50 { border-color: #f5f3ff; }
.border-purple-100 { border-color: #ede9fe; }
.border-purple-200 { border-color: #ddd6fe; }
.border-purple-300 { border-color: #c4b5fd; }
.border-purple-400 { border-color: #a78bfa; }
.border-purple-500 { border-color: #8b5cf6; }
.border-purple-600 { border-color: #7c3aed; }
.border-purple-700 { border-color: #6d28d9; }
.border-purple-800 { border-color: #5b21b6; }
.border-purple-900 { border-color: #4c1d95; }
.border-pink-50 { border-color: #fdf2f8; }
.border-pink-100 { border-color: #fce7f3; }
.border-pink-200 { border-color: #fbcfe8; }
.border-pink-300 { border-color: #f9a8d4; }
.border-pink-400 { border-color: #f472b6; }
.border-pink-500 { border-color: #ec4899; }
.border-pink-600 { border-color: #db2777; }
.border-pink-700 { border-color: #be185d; }
.border-pink-800 { border-color: #9d174d; }
.border-pink-900 { border-color: #831843; }
.border-orange-50 { border-color: #fff7ed; }
.border-orange-100 { border-color: #ffedd5; }
.border-orange-200 { border-color: #fed7aa; }
.border-orange-300 { border-color: #fdba74; }
.border-orange-400 { border-color: #fb923c; }
.border-orange-500 { border-color: #f97316; }
.border-orange-600 { border-color: #ea580c; }
.border-orange-700 { border-color: #c2410c; }
.border-orange-800 { border-color: #9a3412; }
.border-orange-900 { border-color: #7c2d12; }
.border-teal-50 { border-color: #f0fdfa; }
.border-teal-100 { border-color: #ccfbf1; }
.border-teal-200 { border-color: #99f6e4; }
.border-teal-300 { border-color: #5eead4; }
.border-teal-400 { border-color: #2dd4bf; }
.border-teal-500 { border-color: #14b8a6; }
.border-teal-600 { border-color: #0d9488; }
.border-teal-700 { border-color: #0f766e; }
.border-teal-800 { border-color: #115e59; }
.border-teal-900 { border-color: #134e4a; }
.selector select {
    background-image: none;
    flex-grow: 1;
    width: 100%;
    height: 300px;
}
@media (min-width: 96rem) {
    .container {
        max-width: 90%;
    }
}

.sidebar-scroll-indicator {
    transition: box-shadow 0.3s ease-in-out;
    border-radius: 4px;
}

nav[aria-label="Sidebar"] {
    scroll-behavior: smooth;
}

nav[aria-label="Sidebar"] a[aria-current="page"],
nav[aria-label="Sidebar"] .active,
.active-menu-item {
    position: relative;
    background-color: rgba(59, 130, 246, 0.1) !important;
    border-left: 5px solid #3b82f6 !important;
    color: #2563eb !important;
    font-weight: 600 !important;
    margin-left: -5px !important;
}

nav[aria-label="Sidebar"] a[aria-current="page"]:before,
nav[aria-label="Sidebar"] .active:before,
.active-menu-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.active-menu-item:hover {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #1d4ed8 !important;
}

.simplebar-content-wrapper a[href^="/admin/"]:hover {
    background-color: rgba(59, 130, 246, 0.05);
    color: #3b82f6;
    transition: all 0.2s ease;
}

.simplebar-content-wrapper a[href^="/admin/"] {
    transition: all 0.2s ease;
    border-radius: 6px;
}

.active-menu-item {
    border-radius: 6px !important;
}