@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f8f9fa,#fff);color:#111827;min-height:100vh;transition:background-color .3s ease,color .3s ease}.dark body{background:linear-gradient(180deg,#0f172a,#1e293b);color:#f1f5f9}.dark{background-color:#0f172a}.music-gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.glass{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark .glass{background:#0f172ad9}.card-shadow{box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 40px -5px #00000008}.dark .card-shadow{box-shadow:0 4px 6px -1px #0000004d,0 10px 15px -3px #0006,0 20px 40px -5px #00000080}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slide-in-from-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation:fade-in .3s ease-out}.animate-in.zoom-in{animation:fade-in .3s ease-out,zoom-in .3s ease-out}.animate-in.slide-in-from-top{animation:fade-in .3s ease-out,slide-in-from-top .3s ease-out}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}::selection{background-color:#667eea;color:#fff}.dark .dark-bg-primary{background-color:#0f172a}.dark .dark-bg-secondary{background-color:#1e293b}.dark .dark-bg-tertiary{background-color:#334155}.dark .dark-text-primary{color:#f1f5f9}.dark .dark-text-secondary{color:#cbd5e1}.dark .dark-border{border-color:#334155}.dark label{color:#94a3b8}.dark input,.dark textarea,.dark select{background-color:#1e293b;color:#f1f5f9;border-color:#334155}.dark button:disabled{background-color:#475569;color:#94a3b8}.dark{background-color:#0f172a;color:#f1f5f9}.dark nav.glass{background:#0f172ae6;border-color:#33415580}.dark .bg-white{background-color:#1e293b!important}.dark .bg-gray-50,.dark .bg-gray-100{background-color:#334155!important}.dark .border-gray-100,.dark .border-gray-200{border-color:#334155!important}.dark .text-gray-900{color:#f1f5f9!important}.dark .text-gray-800{color:#e2e8f0!important}.dark .text-gray-700{color:#cbd5e1!important}.dark .text-gray-600{color:#94a3b8!important}.dark .text-gray-500{color:#64748b!important}.dark .text-gray-400{color:#475569!important}.dark input,.dark textarea,.dark select{background-color:#1e293b;color:#f1f5f9;border-color:#475569}.dark input::placeholder,.dark textarea::placeholder{color:#64748b}.dark input:focus,.dark textarea:focus{background-color:#334155;border-color:#3b82f6}.dark button{transition:all .2s ease}.dark button:disabled{background-color:#475569!important;color:#94a3b8!important;cursor:not-allowed}.dark .bg-gray-100{background-color:#334155!important}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#1e293b}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.dark div[class*="bg-#1c1c1e"]{background-color:#0a0a0a!important}.dark .group{background-color:#1e293b}.dark .bg-blue-50{background-color:#3b82f61a!important}.dark .bg-green-50{background-color:#22c55e1a!important}.dark .bg-yellow-50{background-color:#eab3081a!important}.dark .bg-indigo-50{background-color:#6366f11a!important}.dark div[class*=bg-black]{background-color:#000c!important}.dark div[class*=bg-blue-50]{background-color:#3b82f60d!important}.dark .border-blue-100{border-color:#3b82f633!important}.dark .border-t,.dark .border-b{border-color:#334155!important}.dark .bg-white.rounded-2xl{background-color:#1e293b!important;border-color:#334155!important}.dark div[class*=bg-black]{background-color:#000000b3!important}.dark .bg-blue-100{background-color:#3b82f633!important}.dark .hover\\:bg-gray-50:hover{background-color:#334155!important}.dark .hover\\:bg-blue-50:hover{background-color:#3b82f61a!important}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:#1e293b}.dark ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}