body.dark-mode {
    background-color: #0f0f17;
    color: #e2e0eb;
    transition: background-color 0.25s, color 0.25s;
}

body.dark-mode .glass-effect {
    background: rgba(22, 22, 31, 0.92);
    backdrop-filter: blur(16px);
}

body.dark-mode .gradient-purple {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
}

body.dark-mode nav {
    background: linear-gradient(to right, #16161f, #1a1a28, #16161f) !important;
    background-image: none;
}

body.dark-mode nav.bg-gradient-to-r,
body.dark-mode nav[class*="from-primary"],
body.dark-mode nav[class*="via-primary"] {
    --tw-gradient-from: #16161f !important;
    --tw-gradient-via: #1a1a28 !important;
    --tw-gradient-to: #16161f !important;
}

body.dark-mode nav .opacity-5 {
    opacity: 0.03 !important;
}

body.dark-mode footer {
    background: linear-gradient(to right, #16161f, #1a1a28, #16161f) !important;
}

body.dark-mode footer.bg-gradient-to-r,
body.dark-mode footer[class*="from-primary"],
body.dark-mode footer[class*="via-primary"] {
    --tw-gradient-from: #16161f !important;
    --tw-gradient-via: #1a1a28 !important;
    --tw-gradient-to: #16161f !important;
}

body.dark-mode .bg-white {
    background-color: #16161f !important;
}

body.dark-mode .bg-white.bg-opacity-5,
body.dark-mode .bg-white.bg-opacity-10,
body.dark-mode .bg-white.bg-opacity-20,
body.dark-mode .bg-white.bg-opacity-30,
body.dark-mode .bg-white.bg-opacity-60,
body.dark-mode .bg-white.bg-opacity-70 {
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}

body.dark-mode nav a.backdrop-blur-sm:not(:hover),
body.dark-mode nav button.backdrop-blur-sm:not(:hover) {
    background-color: transparent !important;
}

body.dark-mode nav a.backdrop-blur-sm:hover,
body.dark-mode nav button.backdrop-blur-sm:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.nav-dropdown {
    background-color: #ffffff;
    border-color: #f3f4f6;
}

body.dark-mode .nav-dropdown {
    background-color: #1e1e2e !important;
    border-color: #2a2a3d !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 0 1px #2a2a3d !important;
}

body.dark-mode .nav-dropdown a {
    color: #b0adc0 !important;
}

body.dark-mode .nav-dropdown a:hover {
    background-color: #252538 !important;
    background-image: none !important;
    color: #e2e0eb !important;
}

body.dark-mode .nav-dropdown a.text-red-600 {
    color: #fca5a5 !important;
}

body.dark-mode .nav-dropdown a.text-red-600:hover {
    background-color: rgba(239, 68, 68, 0.1) !important;
    color: #fca5a5 !important;
}

body.dark-mode .nav-dropdown .h-px {
    background-color: #2a2a3d !important;
}

body.dark-mode .nav-dropdown .bg-gradient-to-r {
    --tw-gradient-from: #1e1035 !important;
    --tw-gradient-to: #141428 !important;
}

body.dark-mode nav a.text-white,
body.dark-mode nav button.text-white,
body.dark-mode nav span.text-white {
    color: #e2e0eb !important;
}

body.dark-mode nav .border-white {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode nav .bg-white.bg-opacity-30,
body.dark-mode nav .bg-white.bg-opacity-20 {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-mode .bg-gray-50 { background-color: #0f0f17 !important; }
body.dark-mode .bg-gray-100 { background-color: #16161f !important; }
body.dark-mode .bg-gray-200 { background-color: #1e1e2e !important; }
body.dark-mode .bg-gray-300 { background-color: #2a2a3d !important; }

body.dark-mode .from-white,
body.dark-mode [class*="from-white"] { --tw-gradient-from: #16161f !important; }
body.dark-mode .to-white,
body.dark-mode [class*="to-white"] { --tw-gradient-to: #16161f !important; }
body.dark-mode .via-white,
body.dark-mode [class*="via-white"] { --tw-gradient-via: #16161f !important; }

body.dark-mode [class*="bg-gradient"][class*="to-white"] {
    --tw-gradient-to: #16161f !important;
}
body.dark-mode [class*="bg-gradient"][class*="via-white"] {
    --tw-gradient-via: #16161f !important;
}
body.dark-mode [class*="bg-gradient"][class*="to-primary-50"] {
    --tw-gradient-to: rgba(124, 58, 237, 0.05) !important;
}

body.dark-mode .min-h-screen[class*="bg-gradient"] {
    --tw-gradient-from: #0f0f17 !important;
    --tw-gradient-via: #0f0f17 !important;
    --tw-gradient-to: #0f0f17 !important;
    background: #0f0f17 !important;
}
body.dark-mode [class*="from-gray-50"] { --tw-gradient-from: #0f0f17 !important; }
body.dark-mode [class*="to-gray-50"] { --tw-gradient-to: #0f0f17 !important; }
body.dark-mode [class*="from-gray-100"] { --tw-gradient-from: #16161f !important; }
body.dark-mode [class*="to-gray-100"] { --tw-gradient-to: #16161f !important; }
body.dark-mode [class*="via-gray-100"] { --tw-gradient-via: #16161f !important; }

body.dark-mode .text-gray-900,
body.dark-mode .text-gray-800,
body.dark-mode .text-dark-900 { color: #e2e0eb !important; }
body.dark-mode .text-gray-700 { color: #b0adc0 !important; }
body.dark-mode .text-gray-600 { color: #7a7890 !important; }
body.dark-mode .text-gray-500 { color: #5c5a70 !important; }
body.dark-mode .text-gray-400 { color: #4a4860 !important; }
body.dark-mode .text-gray-300 { color: #3d3b50 !important; }
body.dark-mode .text-black { color: #e2e0eb !important; }

body.dark-mode .border-gray-100 { border-color: #1e1e2e !important; }
body.dark-mode .border-gray-200 { border-color: #2a2a3d !important; }
body.dark-mode .border-gray-300 { border-color: #353548 !important; }
body.dark-mode .border-2 { border-color: #2a2a3d; }
body.dark-mode .divide-gray-100 > * + * { border-color: #1e1e2e !important; }
body.dark-mode .divide-gray-200 > * + * { border-color: #2a2a3d !important; }
body.dark-mode .ring-gray-100 { --tw-ring-color: #1e1e2e !important; }
body.dark-mode .ring-gray-200 { --tw-ring-color: #2a2a3d !important; }
body.dark-mode .border-t { border-color: #1e1e2e; }
body.dark-mode .h-px { background-color: #1e1e2e !important; }
body.dark-mode span.bg-white { background-color: #16161f !important; }

body.dark-mode .bg-blue-50,
body.dark-mode .bg-blue-100 { background-color: rgba(96, 165, 250, 0.1) !important; }
body.dark-mode .bg-green-50,
body.dark-mode .bg-green-100 { background-color: rgba(16, 185, 129, 0.1) !important; }
body.dark-mode .bg-red-50,
body.dark-mode .bg-red-100 { background-color: rgba(239, 68, 68, 0.1) !important; }
body.dark-mode .bg-yellow-50,
body.dark-mode .bg-yellow-100 { background-color: rgba(245, 158, 11, 0.1) !important; }
body.dark-mode .bg-amber-50,
body.dark-mode .bg-amber-100 { background-color: rgba(245, 158, 11, 0.1) !important; }
body.dark-mode .bg-purple-50,
body.dark-mode .bg-purple-100 { background-color: rgba(168, 85, 247, 0.12) !important; }
body.dark-mode .bg-indigo-50,
body.dark-mode .bg-indigo-100 { background-color: rgba(129, 140, 248, 0.1) !important; }
body.dark-mode .bg-orange-50,
body.dark-mode .bg-orange-100 { background-color: rgba(251, 146, 60, 0.1) !important; }
body.dark-mode .bg-pink-50,
body.dark-mode .bg-pink-100 { background-color: rgba(236, 72, 153, 0.1) !important; }
body.dark-mode .bg-emerald-50,
body.dark-mode .bg-emerald-100 { background-color: rgba(16, 185, 129, 0.1) !important; }
body.dark-mode .bg-teal-50,
body.dark-mode .bg-teal-100 { background-color: rgba(45, 212, 191, 0.1) !important; }
body.dark-mode .bg-cyan-50 { background-color: rgba(34, 211, 238, 0.1) !important; }
body.dark-mode .bg-slate-50,
body.dark-mode .bg-slate-100 { background-color: rgba(148, 163, 184, 0.08) !important; }
body.dark-mode .bg-violet-50,
body.dark-mode .bg-violet-100 { background-color: rgba(167, 139, 250, 0.1) !important; }
body.dark-mode .bg-rose-50,
body.dark-mode .bg-rose-100 { background-color: rgba(251, 113, 133, 0.1) !important; }
body.dark-mode .bg-primary-50,
body.dark-mode .bg-primary-100 { background-color: rgba(168, 85, 247, 0.12) !important; }

body.dark-mode .bg-blue-200 { background-color: rgba(96, 165, 250, 0.15) !important; }
body.dark-mode .bg-green-200 { background-color: rgba(16, 185, 129, 0.15) !important; }
body.dark-mode .bg-red-200 { background-color: rgba(239, 68, 68, 0.15) !important; }
body.dark-mode .bg-amber-200 { background-color: rgba(245, 158, 11, 0.15) !important; }
body.dark-mode .bg-purple-200 { background-color: rgba(168, 85, 247, 0.18) !important; }
body.dark-mode .bg-indigo-200 { background-color: rgba(129, 140, 248, 0.15) !important; }
body.dark-mode .bg-emerald-200 { background-color: rgba(16, 185, 129, 0.15) !important; }
body.dark-mode .bg-teal-200 { background-color: rgba(45, 212, 191, 0.15) !important; }
body.dark-mode .bg-slate-200 { background-color: rgba(148, 163, 184, 0.12) !important; }
body.dark-mode .bg-pink-200 { background-color: rgba(236, 72, 153, 0.15) !important; }
body.dark-mode .bg-orange-200 { background-color: rgba(251, 146, 60, 0.15) !important; }

body.dark-mode [class*="from-blue-50"],
body.dark-mode [class*="from-green-50"],
body.dark-mode [class*="from-red-50"],
body.dark-mode [class*="from-amber-50"],
body.dark-mode [class*="from-purple-50"],
body.dark-mode [class*="from-indigo-50"],
body.dark-mode [class*="from-pink-50"],
body.dark-mode [class*="from-emerald-50"],
body.dark-mode [class*="from-teal-50"],
body.dark-mode [class*="from-slate-50"],
body.dark-mode [class*="from-orange-50"],
body.dark-mode [class*="from-violet-50"],
body.dark-mode [class*="from-rose-50"],
body.dark-mode [class*="from-cyan-50"],
body.dark-mode [class*="from-primary-50"] {
    --tw-gradient-from: rgba(124, 58, 237, 0.05) !important;
}

body.dark-mode [class*="to-blue-50"],
body.dark-mode [class*="to-green-50"],
body.dark-mode [class*="to-red-50"],
body.dark-mode [class*="to-amber-50"],
body.dark-mode [class*="to-purple-50"],
body.dark-mode [class*="to-indigo-50"],
body.dark-mode [class*="to-pink-50"],
body.dark-mode [class*="to-emerald-50"],
body.dark-mode [class*="to-teal-50"],
body.dark-mode [class*="to-slate-50"],
body.dark-mode [class*="to-orange-50"],
body.dark-mode [class*="to-violet-50"],
body.dark-mode [class*="to-rose-50"],
body.dark-mode [class*="to-cyan-50"],
body.dark-mode [class*="to-primary-50"] {
    --tw-gradient-to: rgba(124, 58, 237, 0.05) !important;
}

body.dark-mode [class*="border-blue-100"],
body.dark-mode [class*="border-blue-200"] { border-color: rgba(96, 165, 250, 0.2) !important; }
body.dark-mode [class*="border-blue-300"] { border-color: rgba(96, 165, 250, 0.3) !important; }
body.dark-mode [class*="border-green-100"],
body.dark-mode [class*="border-green-200"] { border-color: rgba(16, 185, 129, 0.2) !important; }
body.dark-mode [class*="border-red-100"],
body.dark-mode [class*="border-red-200"] { border-color: rgba(239, 68, 68, 0.2) !important; }
body.dark-mode [class*="border-yellow-200"] { border-color: rgba(245, 158, 11, 0.2) !important; }
body.dark-mode [class*="border-amber-200"],
body.dark-mode [class*="border-amber-400"] { border-color: rgba(245, 158, 11, 0.25) !important; }
body.dark-mode [class*="border-purple-100"],
body.dark-mode [class*="border-purple-200"] { border-color: rgba(168, 85, 247, 0.2) !important; }
body.dark-mode [class*="border-indigo-200"] { border-color: rgba(129, 140, 248, 0.2) !important; }
body.dark-mode [class*="border-orange-200"] { border-color: rgba(251, 146, 60, 0.2) !important; }
body.dark-mode [class*="border-pink-200"] { border-color: rgba(236, 72, 153, 0.2) !important; }
body.dark-mode [class*="border-emerald-200"] { border-color: rgba(16, 185, 129, 0.2) !important; }
body.dark-mode [class*="border-teal-200"] { border-color: rgba(45, 212, 191, 0.2) !important; }
body.dark-mode [class*="border-primary-300"] { border-color: rgba(168, 85, 247, 0.3) !important; }

body.dark-mode .text-blue-600,
body.dark-mode .text-blue-700,
body.dark-mode .text-blue-800,
body.dark-mode .text-blue-900,
body.dark-mode a.text-blue-600,
body.dark-mode a.text-blue-700,
body.dark-mode a.text-blue-800 { color: #93c5fd !important; }

body.dark-mode .text-green-600,
body.dark-mode .text-green-700,
body.dark-mode .text-green-800,
body.dark-mode .text-green-900 { color: #6ee7b7 !important; }

body.dark-mode .text-red-600,
body.dark-mode .text-red-700,
body.dark-mode .text-red-800 { color: #fca5a5 !important; }

body.dark-mode .text-amber-600,
body.dark-mode .text-amber-700,
body.dark-mode .text-amber-800,
body.dark-mode .text-amber-900 { color: #fcd34d !important; }

body.dark-mode .text-purple-600,
body.dark-mode .text-purple-700,
body.dark-mode .text-purple-800 { color: #c4b5fd !important; }

body.dark-mode .text-orange-600,
body.dark-mode .text-orange-700 { color: #fdba74 !important; }

body.dark-mode .text-pink-600,
body.dark-mode .text-pink-700 { color: #f9a8d4 !important; }

body.dark-mode .text-indigo-600,
body.dark-mode .text-indigo-700 { color: #a5b4fc !important; }

body.dark-mode .text-emerald-600,
body.dark-mode .text-emerald-700,
body.dark-mode .text-emerald-800,
body.dark-mode .text-emerald-900 { color: #6ee7b7 !important; }

body.dark-mode .text-teal-600,
body.dark-mode .text-teal-700 { color: #5eead4 !important; }

body.dark-mode .text-slate-600,
body.dark-mode .text-slate-700 { color: #7a7890 !important; }

body.dark-mode .text-primary-600,
body.dark-mode .text-primary-700 { color: #c4b5fd !important; }

body.dark-mode .text-violet-600,
body.dark-mode .text-violet-700 { color: #c4b5fd !important; }

body.dark-mode .text-rose-600,
body.dark-mode .text-rose-700 { color: #fda4af !important; }

body.dark-mode .text-cyan-600,
body.dark-mode .text-cyan-700 { color: #67e8f9 !important; }

body.dark-mode .hover\:bg-gray-50:hover { background-color: #1e1e2e !important; }
body.dark-mode .hover\:bg-gray-100:hover { background-color: #252538 !important; }
body.dark-mode .hover\:bg-gray-200:hover { background-color: #2a2a3d !important; }
body.dark-mode .hover\:bg-red-50:hover { background-color: rgba(239, 68, 68, 0.1) !important; }
body.dark-mode .hover\:bg-indigo-50:hover { background-color: rgba(129, 140, 248, 0.1) !important; }

body.dark-mode [class*="hover:from-emerald-50"]:hover,
body.dark-mode [class*="hover:from-teal-50"]:hover,
body.dark-mode [class*="hover:from-amber-50"]:hover,
body.dark-mode [class*="hover:from-purple-50"]:hover,
body.dark-mode [class*="hover:from-indigo-50"]:hover,
body.dark-mode [class*="hover:from-blue-50"]:hover,
body.dark-mode [class*="hover:from-pink-50"]:hover,
body.dark-mode [class*="hover:from-slate-50"]:hover,
body.dark-mode [class*="hover:from-primary-50"]:hover,
body.dark-mode [class*="hover:from-orange-50"]:hover,
body.dark-mode [class*="hover:from-rose-50"]:hover,
body.dark-mode [class*="hover:from-violet-50"]:hover {
    background-color: #1e1e2e !important;
    background-image: none !important;
}

body.dark-mode [class*="hover:bg-gradient-to-r"]:hover {
    background-image: none !important;
    background-color: #1e1e2e !important;
}

body.dark-mode [class*="hover:border-primary"]:hover,
body.dark-mode [class*="hover:border-purple"]:hover,
body.dark-mode [class*="hover:border-indigo"]:hover { border-color: rgba(168, 85, 247, 0.4) !important; }
body.dark-mode [class*="hover:border-green"]:hover { border-color: rgba(16, 185, 129, 0.4) !important; }
body.dark-mode [class*="hover:border-amber"]:hover { border-color: rgba(245, 158, 11, 0.4) !important; }
body.dark-mode [class*="hover:border-red"]:hover { border-color: rgba(239, 68, 68, 0.4) !important; }
body.dark-mode [class*="hover:border-blue"]:hover { border-color: rgba(96, 165, 250, 0.4) !important; }

body.dark-mode [class*="hover:text-emerald"]:hover { color: #6ee7b7 !important; }
body.dark-mode [class*="hover:text-teal"]:hover { color: #5eead4 !important; }
body.dark-mode [class*="hover:text-amber"]:hover { color: #fcd34d !important; }
body.dark-mode [class*="hover:text-purple"]:hover { color: #c4b5fd !important; }
body.dark-mode [class*="hover:text-indigo"]:hover { color: #a5b4fc !important; }
body.dark-mode [class*="hover:text-blue"]:hover { color: #93c5fd !important; }
body.dark-mode [class*="hover:text-pink"]:hover { color: #f9a8d4 !important; }
body.dark-mode [class*="hover:text-slate"]:hover { color: #7a7890 !important; }
body.dark-mode [class*="hover:text-primary"]:hover { color: #c4b5fd !important; }
body.dark-mode [class*="hover:text-gray-700"]:hover { color: #b0adc0 !important; }

body.dark-mode [class*="group-hover:bg-emerald-200"],
body.dark-mode [class*="group-hover:bg-teal-200"],
body.dark-mode [class*="group-hover:bg-amber-200"],
body.dark-mode [class*="group-hover:bg-purple-200"],
body.dark-mode [class*="group-hover:bg-indigo-200"],
body.dark-mode [class*="group-hover:bg-blue-200"],
body.dark-mode [class*="group-hover:bg-pink-200"],
body.dark-mode [class*="group-hover:bg-slate-200"],
body.dark-mode [class*="group-hover:bg-primary-100"],
body.dark-mode [class*="group-hover:bg-red-200"],
body.dark-mode [class*="group-hover:bg-orange-200"] {
    background-color: #252538 !important;
}

body.dark-mode [class*="group-hover:text-primary"] { color: #c4b5fd !important; }
body.dark-mode [class*="group-hover:text-emerald"] { color: #6ee7b7 !important; }
body.dark-mode [class*="group-hover:text-blue"] { color: #93c5fd !important; }
body.dark-mode [class*="group-hover:text-red"] { color: #fca5a5 !important; }

body.dark-mode .focus\:ring-indigo-200:focus { --tw-ring-color: rgba(129, 140, 248, 0.2) !important; }
body.dark-mode .focus\:ring-primary-200:focus { --tw-ring-color: rgba(168, 85, 247, 0.2) !important; }
body.dark-mode .focus\:border-indigo-500:focus { border-color: rgba(129, 140, 248, 0.5) !important; }
body.dark-mode .focus\:border-primary-500:focus { border-color: rgba(168, 85, 247, 0.5) !important; }

body.dark-mode .shadow-sm { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important; }
body.dark-mode .shadow-md { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; }
body.dark-mode .shadow-lg { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important; }
body.dark-mode .shadow-xl { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important; }
body.dark-mode .shadow-2xl { box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important; }
body.dark-mode .hover\:shadow-md:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important; }
body.dark-mode .hover\:shadow-xl:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important; }

body.dark-mode .card-hover:hover {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
}

body.dark-mode input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
body.dark-mode textarea,
body.dark-mode select {
    background-color: #1a1a26 !important;
    color: #e2e0eb !important;
    border-color: #2a2a3d !important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #4a4860 !important;
}
body.dark-mode input:focus:not([type="checkbox"]):not([type="radio"]),
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.2) !important;
    outline: none !important;
}

body.dark-mode table { border-collapse: separate; border-spacing: 0; }
body.dark-mode table thead th {
    background-color: #16161f !important;
    color: #7a7890 !important;
    border-bottom: 1px solid #1e1e2e !important;
}
body.dark-mode table tbody td {
    border-bottom: 1px solid #1e1e2e !important;
    color: #b0adc0 !important;
}
body.dark-mode table tbody tr:hover td {
    background-color: #1e1e2e !important;
}

body.dark-mode .tab-button,
body.dark-mode .server-tab-button {
    color: #7a7890 !important;
}
body.dark-mode .tab-button.active {
    color: #a5b4fc !important;
    border-color: #a5b4fc !important;
}
body.dark-mode .tab-button:hover:not(.active) {
    color: #b0adc0 !important;
    background-color: #1e1e2e !important;
}
body.dark-mode .server-tab-button.active {
    color: #6ee7b7 !important;
    border-color: #6ee7b7 !important;
}
body.dark-mode .server-tab-button:nth-child(2).active {
    color: #93c5fd !important;
    border-color: #93c5fd !important;
}
body.dark-mode .server-tab-button:hover:not(.active) {
    color: #b0adc0 !important;
    background-color: #1e1e2e !important;
}

body.dark-mode [class*="bg-gradient"][class*="from-gray-50"],
body.dark-mode [class*="bg-gradient"][class*="from-white"] {
    --tw-gradient-from: #0f0f17 !important;
    --tw-gradient-to: #16161f !important;
}

body.dark-mode ::selection {
    background: rgba(168, 85, 247, 0.3);
    color: #e2e0eb;
}

body.dark-mode ::-webkit-scrollbar { width: 8px; height: 8px; }
body.dark-mode ::-webkit-scrollbar-track { background: #0f0f17; }
body.dark-mode ::-webkit-scrollbar-thumb { background: #2a2a3d; border-radius: 4px; }
body.dark-mode ::-webkit-scrollbar-thumb:hover { background: #353548; }

body.dark-mode .bg-opacity-20 { --tw-bg-opacity: 0.12 !important; }

body.dark-mode [class*="bg-gradient-to-br"][class*="to-white"],
body.dark-mode [class*="bg-gradient-to-r"][class*="to-white"] {
    --tw-gradient-to: #16161f !important;
}

body.dark-mode [class*="border-primary-200"],
body.dark-mode [class*="border-primary-100"] {
    border-color: rgba(168, 85, 247, 0.2) !important;
}

body.dark-mode [class*="border-teal-200"] { border-color: rgba(45, 212, 191, 0.2) !important; }
body.dark-mode [class*="border-orange-100"] { border-color: rgba(251, 146, 60, 0.2) !important; }
body.dark-mode [class*="border-indigo-100"] { border-color: rgba(129, 140, 248, 0.2) !important; }
body.dark-mode [class*="border-pink-100"] { border-color: rgba(236, 72, 153, 0.2) !important; }
body.dark-mode [class*="border-teal-100"] { border-color: rgba(45, 212, 191, 0.2) !important; }

body.dark-mode [class*="bg-gradient-to-br"][class*="from-primary-500"],
body.dark-mode [class*="bg-gradient-to-r"][class*="from-primary-500"],
body.dark-mode [class*="bg-gradient-to-br"][class*="from-primary-600"],
body.dark-mode [class*="bg-gradient-to-r"][class*="from-primary-600"] {
    --tw-gradient-from: #1e1035 !important;
    --tw-gradient-via: #1a1a28 !important;
    --tw-gradient-to: #141428 !important;
}

body.dark-mode [class*="bg-gradient-to-r"][class*="from-primary-500"][class*="to-primary-600"] {
    --tw-gradient-from: #1e1035 !important;
    --tw-gradient-to: #141428 !important;
}

body.dark-mode [class*="bg-gradient"] .bg-white:not(.bg-opacity-20):not(.bg-opacity-10) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode [class*="bg-gradient"] .opacity-10,
body.dark-mode [class*="bg-gradient"] .opacity-5 {
    opacity: 0.03 !important;
}

body.dark-mode .bg-gradient-to-r.from-amber-500,
body.dark-mode [class*="bg-gradient"][class*="from-amber-500"] {
    --tw-gradient-from: rgba(245, 158, 11, 0.15) !important;
    --tw-gradient-to: rgba(249, 115, 22, 0.15) !important;
    background-color: rgba(245, 158, 11, 0.1) !important;
    background-image: none !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}

body.dark-mode [class*="from-\[#5865F2\]"] {
    --tw-gradient-from: #2d3380 !important;
    --tw-gradient-to: #3a4490 !important;
}

body.dark-mode [class*="from-\[#4752C4\]"] {
    --tw-gradient-from: #252b6e !important;
    --tw-gradient-to: #2d3580 !important;
}

body.dark-mode [class*="from-\[#1b2838\]"] {
    --tw-gradient-from: #0f1620 !important;
    --tw-gradient-to: #162030 !important;
}

body.dark-mode .ring-offset-2 {
    --tw-ring-offset-color: #16161f !important;
}

body.dark-mode .border-2.border-white,
body.dark-mode .border-white {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode [class*="bg-gradient"] .border-2.border-white,
body.dark-mode [class*="bg-gradient"] .border-white {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .ring-\[\#5865F2\] {
    --tw-ring-color: #2d3380 !important;
}

body.dark-mode .ring-\[\#1b2838\] {
    --tw-ring-color: #0f1620 !important;
}

body.dark-mode .bg-green-500.rounded-full.border-2.border-white {
    border-color: #16161f !important;
}

#theme-toggle { cursor: pointer; }