.gradient-text {
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f97316 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html.dark body {
    background-color: #030712;
    color: #f3f4f6;
}

html.dark .border-gray-200 { border-color: #1f2937; }
html.dark .bg-white { background-color: #111827; }
html.dark .bg-gray-50 { background-color: #0f172a; }
html.dark .text-gray-500 { color: #9ca3af; }
html.dark .text-gray-900 { color: #f3f4f6; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(100,100,100,.3); border-radius: 4px; }

.toast {
    position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 9999;
    padding: .75rem 1.25rem; border-radius: .75rem; font-size: .875rem;
    background: #111827; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.2);
    transform: translateY(120%); transition: transform .3s;
}
.toast.show { transform: translateY(0); }
.toast.error { background: #dc2626; }