:root{--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--green-400:#4ade80;--green-300:#86efac;--green-600:#16a34a;--green-700:#15803d;--blue-400:#60a5fa;--blue-300:#93c5fd;--purple-400:#a78bfa;--purple-600:#9333ea;--purple-700:#7c3aed;--red-400:#f87171;--red-300:#fca5a5;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-700:#a16207;--yellow-900:#451a03}.min-h-screen{min-height:100vh}.bg-slate-900{background-color:#0f172a;background-color:var(--slate-900)}.bg-slate-800{background-color:#1e293b;background-color:var(--slate-800)}.bg-slate-700{background-color:#334155;background-color:var(--slate-700)}.text-slate-100{color:#f1f5f9;color:var(--slate-100)}.text-slate-200{color:#e2e8f0;color:var(--slate-200)}.text-slate-300{color:#cbd5e1;color:var(--slate-300)}.text-slate-400{color:#94a3b8;color:var(--slate-400)}.text-slate-500{color:#64748b;color:var(--slate-500)}.text-primary-400{color:#60a5fa;color:var(--primary-400)}.text-green-400{color:#4ade80;color:var(--green-400)}.text-blue-400{color:#60a5fa;color:var(--blue-400)}.text-purple-400{color:#a78bfa;color:var(--purple-400)}.text-yellow-300{color:#fde047;color:var(--yellow-300)}.text-yellow-400{color:#facc15;color:var(--yellow-400)}.container{margin:0 auto;max-width:1200px;width:100%}.mx-auto{margin-left:auto;margin-right:auto}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.space-x-1>*+*{margin-left:.25rem}.space-x-3>*+*{margin-left:.75rem}.space-y-6>*+*{margin-top:1.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.mb-1{margin-bottom:.25rem}.mr-3{margin-right:.75rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.border-b{border-bottom-width:1px}.border-slate-700{border-color:#334155;border-color:var(--slate-700)}.border-yellow-700{border-color:#a16207;border-color:var(--yellow-700)}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-12{width:3rem}.max-w-md{max-width:28rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-semibold{font-weight:600}.text-center{text-align:center}.bg-primary-600{background-color:#2563eb;background-color:var(--primary-600)}.bg-primary-700{background-color:#1d4ed8;background-color:var(--primary-700)}.bg-transparent{background-color:initial}.bg-slate-600{background-color:#475569;background-color:var(--slate-600)}.bg-slate-500{background-color:#64748b;background-color:var(--slate-500)}.bg-green-600{background-color:#16a34a;background-color:var(--green-600)}.bg-green-700{background-color:#15803d;background-color:var(--green-700)}.text-red-400{color:#f87171;color:var(--red-400)}.text-red-300{color:#fca5a5;color:var(--red-300)}.text-blue-300{color:#93c5fd;color:var(--blue-300)}.text-green-300{color:#86efac;color:var(--green-300)}.hover\:bg-primary-700:hover{background-color:#1d4ed8;background-color:var(--primary-700)}.hover\:bg-slate-700:hover{background-color:#334155;background-color:var(--slate-700)}.hover\:bg-slate-600:hover{background-color:#475569;background-color:var(--slate-600)}.hover\:bg-slate-500:hover{background-color:#64748b;background-color:var(--slate-500)}.hover\:bg-green-700:hover{background-color:#15803d;background-color:var(--green-700)}.hover\:text-white:hover{color:#fff}.hover\:text-blue-300:hover{color:#93c5fd;color:var(--blue-300)}.hover\:text-red-300:hover{color:#fca5a5;color:var(--red-300)}.hover\:text-primary-400:hover{color:#60a5fa;color:var(--primary-400)}.hover\:text-primary-300:hover{color:#93c5fd;color:var(--primary-300)}.hover\:text-green-300:hover{color:#86efac;color:var(--green-300)}.hover\:text-yellow-300:hover{color:#fde047;color:var(--yellow-300)}.transition-colors{transition-property:color,background-color,border-color}.duration-200{transition-duration:.2s}.animate-spin{animation:spin 1s linear infinite}.border-b-2{border-bottom-width:2px}.border-primary-500{border-color:#3b82f6;border-color:var(--primary-500)}.bg-yellow-900\/30{background-color:#78350f4d}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-left{text-align:left}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.left-3{left:.75rem}.top-1\/2{top:50%}.transform{transform:var(--tw-transform)}.-translate-y-1\/2{transform:translateY(-50%)}.z-10{z-index:10}.z-50{z-index:50}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.opacity-50{opacity:.5}.bg-opacity-50{background-color:#00000080}.bg-black{background-color:#000}.divide-y>*+*{border-top-width:1px}.divide-slate-700>*+*{border-color:#334155;border-color:var(--slate-700)}.hover\:bg-slate-700\/50:hover{background-color:#33415580}.focus\:ring-2:focus,.focus\:ring-primary-500:focus{box-shadow:0 0 0 2px #3b82f6;box-shadow:0 0 0 2px var(--primary-500)}.focus\:border-transparent:focus{border-color:#0000}.placeholder-slate-400::placeholder{color:#94a3b8;color:var(--slate-400)}.border-slate-600{border-color:#475569;border-color:var(--slate-600)}.border-transparent{border-color:#0000}.border-none{border:none}.rounded{border-radius:.25rem}.colspan-6{grid-column:span 6/span 6}table{border-collapse:collapse}td,th{padding:.75rem;text-align:left}tbody tr:hover{background-color:#33415580}@media (max-width:768px){.container{padding-left:1rem;padding-right:1rem}.mobile-grid{grid-template-columns:1fr}.mobile-space>*+*{margin-left:0;margin-top:.25rem}.text-3xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.125rem;line-height:1.5rem}.navbar-mobile{align-items:stretch;flex-direction:column}.navbar-mobile .space-x-1{flex-direction:column;gap:.5rem}.navbar-mobile .space-x-1>*+*{margin-left:0}.btn-group-mobile{flex-direction:column;gap:.5rem}.btn-group-mobile>*{width:100%}}.card-hover{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-hover:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}button.flex.items-center{background:none!important;background-color:initial!important;border:none!important;box-shadow:none!important;text-shadow:none!important;transition:all .2s ease-in-out!important}button.flex.items-center:hover{background-color:#4755694d!important;border-radius:4px!important;transform:translateX(2px)!important}.btn{border-radius:.375rem;transition:all .2s ease-in-out}.btn-primary{background-color:#2563eb;background-color:var(--primary-600)}.btn-primary:hover{background-color:#3b82f6;background-color:var(--primary-500);transform:translateY(-1px)}.btn-secondary{background-color:#334155;background-color:var(--slate-700);color:#e2e8f0;color:var(--slate-200)}.btn-secondary:hover{background-color:#475569;background-color:var(--slate-600)}.bg-purple-600{background-color:#9333ea!important;background-color:var(--purple-600)!important}.bg-slate-600{background-color:#475569!important;background-color:var(--slate-600)!important}.text-slate-200{color:#e2e8f0!important;color:var(--slate-200)!important}.input{background-color:#1e293b;background-color:var(--slate-800);border:1px solid #334155;border:1px solid var(--slate-700);border-radius:.375rem;color:#f1f5f9;color:var(--slate-100);font-size:.875rem;padding:.75rem;width:100%}.input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #334155;border-bottom:1px solid var(--slate-700);padding:.75rem;text-align:left}.table th{color:#e2e8f0;color:var(--slate-200);font-weight:600}.table th,.table tr:hover{background-color:#1e293b;background-color:var(--slate-800)}.spinner{animation:spin 1s linear infinite;border:2px solid #334155;border-top:2px solid #3b82f6;border:2px solid var(--slate-700);border-radius:50%;border-top-color:var(--primary-500);height:2rem;width:2rem}input[type=date]{background-color:#334155!important;background-color:var(--slate-700)!important;border:1px solid #475569!important;border:1px solid var(--slate-600)!important;color:#f1f5f9!important;color:var(--slate-100)!important;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;border-radius:3px;cursor:pointer;filter:brightness(0) invert(1);opacity:.8}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=date]::-webkit-datetime-edit{color:#f1f5f9!important;color:var(--slate-100)!important}input[type=date]::-webkit-datetime-edit-fields-wrapper{background-color:initial!important}input[type=date]::-webkit-datetime-edit-text{color:#cbd5e1!important;color:var(--slate-300)!important}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field{background-color:initial!important;color:#f1f5f9!important;color:var(--slate-100)!important}::-webkit-scrollbar-track{background:var(--slate-800)}::-webkit-scrollbar-thumb{background:var(--slate-600)}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thumb-slate-600::-webkit-scrollbar-thumb{background:#475569;background:var(--slate-600);border-radius:4px}.scrollbar-track-slate-800::-webkit-scrollbar-track{background:#1e293b;background:var(--slate-800)}.hover\:scrollbar-thumb-slate-500:hover::-webkit-scrollbar-thumb{background:#64748b;background:var(--slate-500)}.overflow-y-auto{overflow-y:auto!important;scrollbar-color:#475569 #1e293b;scrollbar-color:var(--slate-600) var(--slate-800)}.overflow-y-auto,.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-slate-600,.scrollbar-track-slate-800{scrollbar-color:#475569 #1e293b}.hover\:scrollbar-thumb-slate-500:hover{scrollbar-color:#64748b #1e293b}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}*{scrollbar-color:#475569 #1e293b;scrollbar-width:thin}img{display:block!important;opacity:1!important;visibility:visible!important}.thumbnail-container{align-items:center;background-color:#475569!important;display:flex!important;height:72px!important;justify-content:center;width:96px!important}.thumbnail-container img{background-color:#475569!important;height:100%!important;object-fit:cover!important;width:100%!important}.bg-background-darker{background-color:#0a0a1a}.bg-background-card{background-color:#1a1a2e}.text-secondary{color:#a1a1aa}.text-white{color:#fff}.text-accent-green{color:#10b981}.bg-accent-green{background-color:#10b981}.bg-accent-green\/20{background-color:#10b98133}.hover\:bg-accent-green\/80:hover{background-color:#10b981cc}.bg-red-500{background-color:#ef4444}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.disabled\:opacity-50:disabled{opacity:.5}.space-x-2>*+*{margin-left:.5rem}.border-border-color{border-color:#27272a}.focus\:ring-primary-purple:focus{--tw-ring-color:#6366f1;box-shadow:0 0 0 3px #6366f14d}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #6366f14d}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-6{gap:1.5rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.w-full{width:100%}.h-6{height:1.5rem}.w-6{width:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem}.md\:col-span-2{grid-column:span 2/span 2}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}select{border:1px solid #27272a!important}select,select option{background-color:#0a0a1a!important;color:#fff!important}select option{padding:8px!important}select option:checked{background-color:#6366f1!important;color:#fff!important}select option:hover{background-color:#1a1a2e!important;color:#fff!important}.bg-background-darker{background-color:#0a0a1a!important}input[type=text].bg-background-darker,input[type=time].bg-background-darker,select.bg-background-darker{background-color:#0a0a1a!important;border:1px solid #27272a!important;color:#fff!important}input[type=text].bg-background-darker:focus,input[type=time].bg-background-darker:focus,select.bg-background-darker:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f14d!important;outline:none!important}input::placeholder{color:#a1a1aa!important;opacity:1!important}.text-white,input,label.text-white,select,textarea{color:#fff!important}.text-text-secondary{color:#a1a1aa!important}@media (max-width:640px){.modal-container{padding:12px!important}.modal-content{border-radius:16px!important;margin:0 auto!important;max-width:95vw!important;padding:20px!important}.modal-title{font-size:20px!important}.modal-buttons{gap:8px!important}.modal-button{font-size:14px!important;padding:12px 20px!important}}@media (max-width:480px){.modal-content{border-radius:12px!important;padding:16px!important}.modal-title{font-size:18px!important}}.modal-button-primary{overflow:hidden;position:relative}.modal-button-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-button-primary:hover:before{left:100%}input[type=checkbox]{cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:hover{transform:scale(1.1)}input[type=checkbox]:checked{animation:checkboxPulse .3s ease}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.musicas-list::-webkit-scrollbar{width:6px}.musicas-list::-webkit-scrollbar-track{background:var(--background-darker);border-radius:3px}.musicas-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.musicas-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification{align-items:flex-start;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:.75rem;max-width:400px;min-width:300px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease-in-out;z-index:1000}.notification-success{background-color:#f0fdf4;border-left:4px solid;border-color:#bbf7d0}.notification-success .notification-icon{color:#10b981}.notification-error{background-color:#fef2f2;border-left:4px solid;border-color:#fecaca}.notification-error .notification-icon{color:#ef4444}.notification-warning{background-color:#fffbeb;border-left:4px solid;border-color:#fed7aa}.notification-warning .notification-icon{color:#f59e0b}.notification-info{background-color:#eff6ff;border-left:4px solid;border-color:#bfdbfe}.notification-info .notification-icon{color:#3b82f6}.notification-icon{flex-shrink:0;margin-top:.125rem}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:.875rem;font-weight:600;line-height:1.25;margin-bottom:.25rem}.notification-message{word-wrap:break-word;color:#6b7280;font-size:.875rem;line-height:1.4}.notification-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.notification-action{align-items:center;background:none;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;outline:none;padding:.375rem .75rem;transition:all .15s ease-in-out}.notification-action:focus{outline:2px solid #3b82f6;outline-offset:2px}.notification-action.primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.notification-action.primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.notification-action.secondary{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.notification-action.secondary:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.notification-action.ghost{color:#6b7280}.notification-action.ghost:hover:not(:disabled){background-color:#f9fafb;color:#374151}.notification-action:disabled{cursor:not-allowed;opacity:.5}.notification-action-icon{flex-shrink:0}.notification-close{background:none;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;flex-shrink:0;margin-right:-.25rem;margin-top:-.125rem;padding:.25rem;transition:all .15s ease-in-out}.notification-close:hover{background-color:#f9fafb;color:#6b7280}.notification-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.notification-container{pointer-events:none;position:fixed;z-index:9999}.notification-position-top-right{right:1rem;top:1rem}.notification-position-top-left{left:1rem;top:1rem}.notification-position-top-center{left:50%;top:1rem;transform:translateX(-50%)}.notification-position-bottom-right{bottom:1rem;right:1rem}.notification-position-bottom-left{bottom:1rem;left:1rem}.notification-position-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.notification-position-top-full{border-top:none;top:0}.notification-position-bottom-full,.notification-position-top-full{border-left:none;border-radius:0;border-right:none;left:0;max-width:none;right:0}.notification-position-bottom-full{border-bottom:none;bottom:0}.notification-container{display:flex;flex-direction:column;gap:.75rem}.notification-container .notification{pointer-events:auto}.notification-banner{border-radius:0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;max-width:none;min-width:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInCenter{0%{opacity:0;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes slideOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slideOutCenter{0%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.95)}}.notification-entering.notification-position-bottom-right,.notification-entering.notification-position-top-right{animation:slideInRight .3s ease-out}.notification-entering.notification-position-bottom-left,.notification-entering.notification-position-top-left{animation:slideInLeft .3s ease-out}.notification-entering.notification-position-bottom-center,.notification-entering.notification-position-top-center{animation:slideInCenter .3s ease-out}.notification-entering.notification-position-top-full{animation:slideInTop .3s ease-out}.notification-entering.notification-position-bottom-full{animation:slideInBottom .3s ease-out}.notification-exiting.notification-position-bottom-right,.notification-exiting.notification-position-top-right{animation:slideOutRight .3s ease-in}.notification-exiting.notification-position-bottom-left,.notification-exiting.notification-position-top-left{animation:slideOutLeft .3s ease-in}.notification-exiting.notification-position-bottom-center,.notification-exiting.notification-position-top-center{animation:slideOutCenter .3s ease-in}.notification-exiting.notification-position-top-full{animation:slideOutTop .3s ease-in}.notification-exiting.notification-position-bottom-full{animation:slideOutBottom .3s ease-in}@media (prefers-color-scheme:dark){.notification{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-success{background-color:#064e3b;border-color:#065f46}.notification-error{background-color:#7f1d1d;border-color:#991b1b}.notification-warning{background-color:#78350f;border-color:#92400e}.notification-info{background-color:#1e3a8a;border-color:#1e40af}.notification-action.secondary{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.notification-action.secondary:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.notification-action.ghost{color:#d1d5db}.notification-action.ghost:hover:not(:disabled){background-color:#374151;color:#f9fafb}.notification-close{color:#9ca3af}.notification-close:hover{background-color:#374151;color:#d1d5db}}@media (max-width:768px){.notification{margin:0 1rem;max-width:calc(100vw - 2rem);min-width:calc(100vw - 2rem)}.notification-position-top-center,.notification-position-top-left,.notification-position-top-right{left:0;right:0;top:1rem;transform:none}.notification-position-bottom-center,.notification-position-bottom-left,.notification-position-bottom-right{bottom:1rem;left:0;right:0;transform:none}.notification-container{left:0;right:0}.notification-actions{flex-direction:column}.notification-action,.notification-close{justify-content:center;min-height:44px}.notification-close{align-items:center;display:flex;min-width:44px}.notification{padding:1.25rem}.notification-title{font-size:1rem}.notification-message{font-size:.9375rem}}@media (prefers-contrast:high){.notification{border-width:2px}.notification-error,.notification-info,.notification-success,.notification-warning{border-left-width:6px}.notification-action{border-width:2px}.notification-close{border:2px solid #0000}.notification-close:focus{border-color:#000}}@media print{.notification-container{display:none}}@media (prefers-reduced-motion:reduce){.notification-entering,.notification-exiting{animation:none}.notification,.notification-action,.notification-close{transition:none}}.login-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-container{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-color,#fff);border-radius:12px;box-shadow:0 20px 40px #00000026;margin:20px;max-width:400px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.login-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#fff3}.login-form{padding:30px}.form-group input,.form-group label{color:#333;color:var(--text-color,#333)}.form-group input{background:#fff;background:var(--input-bg,#fff);border:2px solid #e1e5e9;box-sizing:border-box;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-top:1px solid #e1e5e9;border-top:1px solid var(--border-color,#e1e5e9);padding:20px 30px;text-align:center}.login-footer p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:5px;text-decoration:underline}.toggle-btn:hover{color:#764ba2}[data-theme=dark] .login-container{--bg-color:#2d3748;--bg-secondary:#1a202c;--text-color:#e2e8f0;--text-secondary:#a0aec0;--input-bg:#4a5568;--border-color:#4a5568}[data-theme=dark] .form-group input{border-color:#4a5568}[data-theme=dark] .form-group input:focus{border-color:#667eea}[data-theme=dark] .error-message{background:#742a2a;border-color:#9b2c2c;color:#feb2b2}@media (max-width:480px){.login-container{margin:10px;max-width:none}.login-form{padding:20px}.login-footer{padding:15px 20px}}.theme-toggle-dropdown{display:inline-block;position:relative}.theme-toggle-button,.theme-toggle-simple{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-color,#475569);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.theme-toggle-button:hover,.theme-toggle-simple:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0);border-color:#cbd5e1;border-color:var(--border-hover,#cbd5e1);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.theme-toggle-button:active,.theme-toggle-simple:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.theme-toggle-small{font-size:.75rem;padding:6px 8px}.theme-toggle-small .chevron-icon,.theme-toggle-small .theme-icon{height:14px;width:14px}.theme-toggle-medium{font-size:.875rem;padding:8px 12px}.theme-toggle-medium .chevron-icon,.theme-toggle-medium .theme-icon{height:16px;width:16px}.theme-toggle-large{font-size:1rem;padding:10px 16px}.theme-toggle-large .chevron-icon,.theme-toggle-large .theme-icon{height:18px;width:18px}.chevron-icon,.theme-icon{flex-shrink:0;transition:transform .2s ease}.chevron-icon{margin-left:auto;opacity:.7}.theme-toggle-button[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.theme-label{-webkit-user-select:none;user-select:none;white-space:nowrap}.theme-options{animation:slideDown .15s ease-out;background:#fff;background:var(--bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-option{align-items:center;background:none;border:none;color:#475569;color:var(--text-color,#475569);cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:background-color .15s ease;width:100%}.theme-option:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc)}.theme-option.active{background:#e0e7ff;background:var(--bg-active,#e0e7ff);color:#3730a3;color:var(--text-active,#3730a3)}.option-icon{flex-shrink:0;height:16px;width:16px}.active-indicator{background:#3b82f6;background:var(--accent-color,#3b82f6);border-radius:50%;height:6px;position:absolute;right:16px;width:6px}.theme-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}[data-theme=dark] .theme-toggle-button,[data-theme=dark] .theme-toggle-simple{--bg-secondary:#374151;--bg-hover:#4b5563;--bg-elevated:#1f2937;--bg-active:#312e81;--border-color:#4b5563;--border-hover:#6b7280;--text-color:#d1d5db;--text-active:#a5b4fc;--accent-color:#6366f1}[data-theme=dark] .theme-options{--bg-elevated:#1f2937;--border-color:#374151}[data-theme=dark] .theme-option:hover{--bg-hover:#374151}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.theme-option:focus,.theme-toggle-button:focus,.theme-toggle-simple:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-color,#3b82f6);outline-offset:2px}@media (max-width:768px){.theme-options{left:auto;min-width:160px;right:0}.theme-label{display:none}.theme-toggle-button,.theme-toggle-simple{padding:8px}}@media (prefers-contrast:high){.theme-options,.theme-toggle-button,.theme-toggle-simple{border-width:2px}}@media (prefers-reduced-motion:reduce){.chevron-icon,.theme-icon,.theme-options,.theme-toggle-button,.theme-toggle-simple{animation:none;transition:none}}.responsive-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.responsive-modal{animation:modalSlideIn .3s ease-out;background:#1a1a2e;background:var(--background-card,#1a1a2e);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;width:100%}@media (min-width:1025px){.responsive-modal{max-height:80vh;max-width:600px}.responsive-modal.large{max-width:800px}.responsive-modal.small{max-width:400px}}@media (max-width:1024px) and (min-width:769px){.responsive-modal-overlay{padding:20px}.responsive-modal{max-height:85vh;max-width:85vw}.responsive-modal.large{max-width:90vw}}@media (max-width:768px) and (min-width:481px){.responsive-modal-overlay{padding:16px}.responsive-modal{border-radius:8px;max-height:90vh;max-width:95vw}}@media (max-width:480px){.responsive-modal-overlay{align-items:flex-end;padding:8px}.responsive-modal{animation:modalSlideUp .3s ease-out;border-radius:16px 16px 0 0;max-height:95vh;max-width:100vw;width:100%}.responsive-modal.fullscreen{border-radius:0;max-height:100vh}}.responsive-modal-header{align-items:center;background:#1a1a2e;background:var(--background-card,#1a1a2e);border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color,#27272a);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.responsive-modal-title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:18px;font-weight:600;margin:0;padding-right:16px}.responsive-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .2s ease}.responsive-modal-close:hover{background:#0a0a1a;background:var(--background-darker,#0a0a1a);color:#fff;color:var(--text-primary,#fff)}.responsive-modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.responsive-modal-footer{background:#1a1a2e;background:var(--background-card,#1a1a2e);border-top:1px solid #27272a;border-top:1px solid var(--border-color,#27272a);bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}@media (max-width:1024px) and (min-width:481px){.responsive-modal-header{padding:16px 20px}.responsive-modal-title{font-size:16px}.responsive-modal-body{max-height:calc(85vh - 120px);padding:20px}.responsive-modal-footer{flex-wrap:wrap;padding:12px 20px}}@media (max-width:480px){.responsive-modal-header{padding:16px;position:relative}.responsive-modal-header:before{background:#71717a;background:var(--text-muted,#71717a);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.responsive-modal-title{font-size:16px;padding-right:0;text-align:center}.responsive-modal-close{min-height:36px;min-width:36px;position:absolute;right:16px;top:16px}.responsive-modal-body{max-height:calc(95vh - 120px);padding:16px}.responsive-modal-footer{flex-direction:column;gap:8px;padding:16px}.responsive-modal-footer button{font-size:16px;min-height:44px;width:100%}}.responsive-modal-form{display:flex;flex-direction:column;gap:16px}.responsive-modal-form-group{display:flex;flex-direction:column;gap:6px}.responsive-modal-form-label{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:14px;font-weight:500}.responsive-modal-form-input{background:#0a0a1a;background:var(--background-darker,#0a0a1a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:12px;transition:all .2s ease}.responsive-modal-form-input:focus{border-color:#6366f1;border-color:var(--primary-purple,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.responsive-modal-form-textarea{min-height:100px;resize:vertical}@media (max-width:480px){.responsive-modal-form{gap:12px}.responsive-modal-form-input{font-size:16px;padding:14px 12px}.responsive-modal-form-textarea{min-height:120px}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.responsive-modal.closing{animation:modalSlideOut .2s ease-in}@media (max-width:480px){.responsive-modal.closing{animation:modalSlideDown .2s ease-in}}.responsive-modal-body::-webkit-scrollbar{width:6px}.responsive-modal-body::-webkit-scrollbar-track{background:#0a0a1a;background:var(--background-darker,#0a0a1a);border-radius:3px}.responsive-modal-body::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-purple,#6366f1);border-radius:3px}.responsive-modal-body::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-purple-dark,#4f46e5)}.modal-backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-no-scroll{overflow:hidden}@media (max-width:480px){.responsive-modal{touch-action:pan-y}.responsive-modal-header{cursor:grab;touch-action:none}.responsive-modal-header:active{cursor:grabbing}}.responsive-modal-loading{pointer-events:none;position:relative}.responsive-modal-loading:after{align-items:center;background:#00000080;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.responsive-modal-loading:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#6366f1;border-top:2px solid var(--primary-purple,#6366f1);content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:1001}@media (prefers-reduced-motion:reduce){.responsive-modal,.responsive-modal-loading:before,.responsive-modal.closing{animation:none}}@media (prefers-contrast:high){.responsive-modal{border:2px solid #fff;border:2px solid var(--text-primary,#fff)}.responsive-modal-footer,.responsive-modal-header{border-color:#fff;border-color:var(--text-primary,#fff)}}.loading-container{gap:12px}.loading-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}[data-theme=dark] .loading-overlay{background:#2d3748e6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-message{color:#4a5568;color:var(--text-color,#4a5568);font-size:.9rem;font-weight:500;margin-top:8px;text-align:center}[data-theme=dark] .loading-message{color:#e2e8f0;color:var(--text-color,#e2e8f0)}.loading-small{transform:scale(.7)}.loading-medium{transform:scale(1)}.loading-large{transform:scale(1.5)}.loading-primary{--loading-color:#667eea}.loading-white{--loading-color:#fff}.loading-secondary{--loading-color:#718096}.loading-success{--loading-color:#48bb78}.loading-warning{--loading-color:#ed8936}.loading-error{--loading-color:#f56565}.loading-spinner,.spinner-ring{display:inline-block;position:relative}.spinner-ring{height:40px;width:40px}.spinner-ring div{animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#667eea;border-color:var(--loading-color,#667eea) #0000 #0000 #0000;box-sizing:border-box;display:block;height:32px;margin:4px;position:absolute;width:32px}.spinner-ring div:first-child{animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-dots{align-items:center;display:flex;gap:4px}.loading-dots .dot{animation:dots-bounce 1.4s ease-in-out infinite both;background-color:#667eea;background-color:var(--loading-color,#667eea);border-radius:50%;height:8px;width:8px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes dots-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-pulse{display:inline-block;position:relative}.pulse-circle{animation:pulse-scale 1.5s ease-in-out infinite;background-color:#667eea;background-color:var(--loading-color,#667eea);border-radius:50%;height:40px;width:40px}@keyframes pulse-scale{0%{opacity:1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}.loading-bars{align-items:end;display:flex;gap:3px;height:40px}.loading-bars .bar{animation:bars-stretch 1.2s ease-in-out infinite;background-color:#667eea;background-color:var(--loading-color,#667eea);border-radius:2px;width:4px}.loading-bars .bar:first-child{animation-delay:-.4s}.loading-bars .bar:nth-child(2){animation-delay:-.3s}.loading-bars .bar:nth-child(3){animation-delay:-.2s}.loading-bars .bar:nth-child(4){animation-delay:-.1s}.loading-bars .bar:nth-child(5){animation-delay:0s}@keyframes bars-stretch{0%,40%,to{height:12px;opacity:.7}20%{height:32px;opacity:1}}.section-loading{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}[data-theme=dark] .section-loading{background:#2d3748;background:var(--bg-secondary,#2d3748)}@media (max-width:768px){.loading-large{transform:scale(1.2)}.loading-message{font-size:.8rem}.section-loading{margin:15px 0;padding:30px 15px}}.btn-loading{pointer-events:none;position:relative}.btn-loading .loading-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-loading .btn-text{opacity:0}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#4a5568 25%,#2d3748 50%,#4a5568 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-avatar{border-radius:50%;height:40px;width:40px}.skeleton-card{border-radius:8px;height:200px}:root{--primary-purple:#6366f1;--primary-purple-dark:#4f46e5;--primary-purple-light:#8b5cf6;--background-dark:#0f0f23;--background-darker:#0a0a1a;--background-card:#1a1a2e;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#27272a;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-orange:#f59e0b}*{margin:0;padding:0}body{background:#0f0f23;background:var(--background-dark);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.dashboard-domee{background:linear-gradient(135deg,#0f0f23,#0a0a1a);background:linear-gradient(135deg,var(--background-dark) 0,var(--background-darker) 100%);min-height:100vh;overflow:hidden;position:relative}.dashboard-domee:before{background-image:radial-gradient(circle at 20% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 60%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header{border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color);padding:20px 0;position:relative;z-index:10}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.logo{color:#fff;color:var(--text-primary);font-size:24px;font-weight:700;text-decoration:none}.nav{gap:40px}.nav,.nav-links{align-items:center;display:flex}.nav-links{gap:32px;list-style:none}.nav-link{color:#a1a1aa;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fff;color:var(--text-primary)}.sign-up-btn{background:#6366f1;background:var(--primary-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.sign-up-btn:hover{background:#4f46e5;background:var(--primary-purple-dark);transform:translateY(-1px)}.settings-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#a1a1aa;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.settings-button:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 15px #ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.settings-button:active{transform:translateY(0)}.hero{margin:0 auto;max-width:1200px;padding:80px 24px 40px;position:relative;text-align:center;z-index:5}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:#a1a1aa;color:var(--text-secondary);font-size:18px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.get-started-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-light) 100%);border:none;border-radius:12px;box-shadow:0 8px 32px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.get-started-btn:hover{box-shadow:0 12px 40px #6366f166;transform:translateY(-2px)}.features{margin:0 auto;max-width:1200px;padding:80px 24px;position:relative;z-index:5}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:60px}.feature-card{background:#1a1a2e;background:var(--background-card);border:1px solid #27272a;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#6366f1,#0000);background:linear-gradient(90deg,#0000,var(--primary-purple),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{border-color:#6366f1;border-color:var(--primary-purple);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin-bottom:24px;width:64px}.feature-icon.cpu{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--accent-blue) 0,var(--primary-purple) 100%)}.feature-icon.cloud{background:linear-gradient(135deg,#10b981,#3b82f6);background:linear-gradient(135deg,var(--accent-green) 0,var(--accent-blue) 100%)}.feature-icon.server{background:linear-gradient(135deg,#f59e0b,#10b981);background:linear-gradient(135deg,var(--accent-orange) 0,var(--accent-green) 100%)}.feature-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.feature-description{line-height:1.6;margin-bottom:24px}.feature-description,.learn-more-btn{color:#a1a1aa;color:var(--text-secondary);font-size:14px}.learn-more-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-weight:500;gap:8px;transition:color .3s ease}.learn-more-btn:hover{color:#6366f1;color:var(--primary-purple)}.ministries-section,.musicians-section,.rehearsals-section{margin:60px 0;padding:0 20px}.section-title{color:var(--text-light);font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.musicians-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.musician-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;display:flex;gap:16px}.musician-card:hover{border-color:#6366f1;border-color:var(--primary-purple);box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-5px)}.musician-avatar{background:linear-gradient(135deg,#6366f1,#3b82f6);background:linear-gradient(135deg,var(--primary-purple),var(--accent-blue));border-radius:12px;color:#fff;font-size:18px;font-weight:700}.musician-info{flex:1 1}.musician-name{color:var(--text-light);font-size:1.1rem}.musician-instrument{color:#6366f1;color:var(--primary-purple);font-weight:500;margin-bottom:2px}.musician-experience{color:#71717a;color:var(--text-muted);font-size:.9rem}.availability-badge{font-size:.8rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.availability-badge.disponível{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.availability-badge.ocupada{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.rehearsals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.rehearsal-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.rehearsal-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 10px 30px #3b82f64d;transform:translateY(-5px)}.rehearsal-card.active{background:#22c55e1a;border-color:#10b981;border-color:var(--accent-green)}.rehearsal-date{min-width:80px;text-align:center}.rehearsal-date .day{color:var(--text-light);display:block;font-size:2rem;font-weight:700;line-height:1}.rehearsal-date .month{color:#6366f1;color:var(--primary-purple);display:block;font-size:.9rem;font-weight:600;text-transform:uppercase}.rehearsal-date .weekday{color:#71717a;color:var(--text-muted);display:block;font-size:.8rem;margin-top:4px}.rehearsal-info{flex:1 1}.rehearsal-type{color:var(--text-light);font-size:1.2rem;font-weight:600;margin-bottom:4px}.rehearsal-time{color:#71717a;color:var(--text-muted);font-size:.9rem}.rehearsal-actions{color:#3b82f6;color:var(--accent-blue)}.ministries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.ministry-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.ministry-card:hover{border-color:#f59e0b;border-color:var(--accent-orange);box-shadow:0 10px 30px #fb923c4d;transform:translateY(-5px)}.ministry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ministry-name{color:var(--text-light);font-size:1.2rem;font-weight:600}.ministry-members{color:#71717a;color:var(--text-muted);font-size:.9rem}.ministry-info{margin:12px 0}.ministry-description{color:#71717a;color:var(--text-muted);font-size:.9rem;margin:0 0 8px}.ministry-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-item{align-items:center;background:#ffffff0d;border-radius:6px;color:var(--text-light);display:flex;font-size:.8rem;gap:4px;padding:4px 8px}.stat-item svg{opacity:.7}.ministry-progress{align-items:center;display:flex;gap:12px}.progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.teal{background:linear-gradient(90deg,#3b82f6,#6366f1);background:linear-gradient(90deg,var(--accent-blue),var(--primary-purple))}.progress-fill.orange{background:linear-gradient(90deg,#f59e0b,#f59e0b);background:linear-gradient(90deg,var(--accent-orange),#f59e0b)}.progress-fill.purple{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary-purple),#8b5cf6)}.progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.progress-fill.green{background:linear-gradient(90deg,#10b981,#059669)}.progress-text{color:var(--text-light);font-size:.9rem;font-weight:600;min-width:40px}.loading-state{color:var(--text-light);font-size:1.1rem}.empty-state,.loading-state{align-items:center;display:flex;justify-content:center;padding:40px}.empty-state{background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;color:#71717a;color:var(--text-muted);flex-direction:column;font-size:1rem;grid-column:1/-1}.empty-state .empty-icon{margin-bottom:12px;opacity:.5}.empty-state p{font-weight:500;margin:0 0 4px}.empty-state span{font-size:.9rem;opacity:.7}@media (min-width:1200px){.features,.header-container,.hero,.kpis-section{max-width:1400px}.features-grid{grid-template-columns:repeat(3,1fr)}.kpis-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:769px){.header-container{padding:0 24px}.hero{padding:60px 24px 40px}.hero-title{font-size:3.5rem}.features{padding:60px 24px}.features-grid{gap:28px}.features-grid,.kpis-grid{grid-template-columns:repeat(2,1fr)}.kpis-grid{gap:20px}.nav-links{gap:24px}}@media (max-width:768px) and (min-width:481px){.header-container{flex-wrap:wrap;gap:16px;padding:0 20px}.nav{justify-content:center;order:3;width:100%}.nav-links{gap:20px}.hero{padding:60px 20px 50px}.hero-title{font-size:3rem;line-height:1.2}.hero-subtitle{font-size:17px;margin-bottom:32px}.get-started-btn{font-size:15px;padding:14px 28px}.features{padding:50px 20px}.features-grid,.ministries-grid,.musicians-grid,.rehearsals-grid{gap:24px;grid-template-columns:1fr}.feature-card,.ministry-card,.musician-card,.rehearsal-card{padding:24px}.kpis-section{padding:32px 20px}.kpis-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media (max-width:480px){.header-container{align-items:center;flex-direction:column;gap:12px;padding:0 16px}.nav-links{display:none}.sign-up-btn{font-size:13px;min-height:44px;padding:8px 16px}.hero{padding:40px 16px;text-align:center}.hero-title{font-size:2.2rem;line-height:1.1;margin-bottom:20px}.hero-subtitle{font-size:16px;line-height:1.5;margin-bottom:28px}.get-started-btn{border-radius:10px;font-size:16px;min-height:48px;padding:16px 32px}.features{padding:40px 16px}.features-grid,.ministries-grid,.musicians-grid,.rehearsals-grid{gap:20px;grid-template-columns:1fr}.feature-card,.ministry-card,.musician-card,.rehearsal-card{padding:20px}.feature-icon{font-size:20px;height:56px;margin-bottom:20px;width:56px}.feature-title{font-size:18px;margin-bottom:12px}.feature-description{font-size:14px;line-height:1.6}.ministries-section,.musicians-section,.rehearsals-section{margin:32px 0;padding:0 16px}.kpis-section{padding:24px 16px}.section-title{font-size:1.8rem;margin-bottom:24px;text-align:center}}@media (max-width:320px){.header-container{padding:0 12px}.hero{padding:32px 12px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:14px}.get-started-btn{font-size:15px;padding:14px 24px}.features{padding:32px 12px}.feature-card,.ministry-card,.musician-card,.rehearsal-card{padding:16px}.feature-icon{font-size:18px;height:48px;width:48px}.feature-title{font-size:16px}.feature-description{font-size:13px}.kpis-section{padding:20px 12px}.section-title{font-size:1.6rem}}.kpis-section{margin:0 auto;max-width:1200px;padding:40px 24px;position:relative;z-index:5}.kpis-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.kpi-card{align-items:center;background:#1a1a2e;background:var(--background-card);border:1px solid #27272a;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.kpi-card:before{background:linear-gradient(135deg,#6366f10d,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kpi-card:hover{border-color:#6366f1;border-color:var(--primary-purple);box-shadow:0 20px 40px #6366f11a;transform:translateY(-4px)}.kpi-card:hover:before{opacity:1}.kpi-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;position:relative;width:48px;z-index:1}.kpi-icon.music{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.kpi-icon.executions{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.kpi-icon.rehearsals{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.kpi-icon.planning{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.kpi-content{flex:1 1;position:relative;z-index:1}.kpi-value{font-size:32px;font-weight:700;line-height:1;margin:0}.kpi-label,.kpi-value{color:#fff;color:var(--text-primary)}.kpi-label{font-size:16px;font-weight:600;margin:4px 0 2px}.kpi-subtitle{color:#a1a1aa;color:var(--text-secondary);font-size:12px;font-weight:500}.mobile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color);display:none;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:1000}.mobile-header-container{align-items:center;display:flex;justify-content:space-between}.mobile-logo{font-size:18px;font-weight:700;text-decoration:none}.mobile-logo,.mobile-menu-toggle{color:#fff;color:var(--text-primary)}.mobile-menu-toggle{background:none;border:none;border-radius:6px;cursor:pointer;padding:8px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:999}.mobile-menu.open{transform:translateX(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:32px;list-style:none;text-align:center}.mobile-nav-link{border-radius:12px;color:#a1a1aa;color:var(--text-secondary);font-size:24px;font-weight:600;padding:16px 24px;text-decoration:none;transition:color .3s ease;transition:all .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background:#6366f133;color:#fff;color:var(--text-primary)}.mobile-menu-close{background:none;border:none;border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:background-color .3s ease}.mobile-menu-close:hover{background:#ffffff1a}@media (max-width:768px){.header{display:none}.mobile-header{display:block}.dashboard-domee{padding-top:70px}.kpis-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-card{padding:20px}.kpi-value{font-size:28px}}@media (max-width:480px){.hero-title{font-size:32px}.kpis-grid{grid-template-columns:1fr}.kpi-card{padding:16px}.kpi-value{font-size:24px}}.modal-overlay{animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;z-index:9999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:400px;overflow:hidden;padding:0;position:relative;width:90%}.modal-header{justify-content:space-between;padding:16px 20px 12px}.modal-header,.modal-icon{align-items:center;display:flex}.modal-icon{border-radius:50%;color:#fff;height:32px;justify-content:center;width:32px}.modal-info .modal-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.modal-success .modal-icon{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.modal-confirm .modal-icon,.modal-warning .modal-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.modal-error .modal-icon{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.modal-close{background:none;border:none;border-radius:50%;color:#a1a1aa;min-height:40px;min-width:40px;padding:8px;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:16px 20px;text-align:center}.modal-title{color:#fff;font-size:1.1rem;margin:0 0 10px}.modal-message{color:#a1a1aa;font-size:.9rem;line-height:1.4;margin:0}.modal-footer{gap:10px;justify-content:center;padding:12px 20px 20px}.modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;color:#fff}.modal-footer .btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.modal-footer .btn-success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff}.modal-footer .btn-success:hover{box-shadow:0 8px 25px #56ab2f66;transform:translateY(-2px)}.modal-footer .btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.modal-footer .btn-warning:hover{box-shadow:0 8px 25px #f093fb66;transform:translateY(-2px)}.modal-footer .btn-secondary{background:#ffffff26;border:1px solid #ffffff4d;color:#e2e8f0;font-weight:600}.modal-footer .btn-secondary:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 15px #ffffff1a;color:#fff;transform:translateY(-2px)}@media (max-width:768px) and (min-width:481px){.modal-content{margin:20px;max-width:500px;width:95%}.modal-header{padding:18px 24px 14px}.modal-body{padding:18px 24px}.modal-footer{flex-direction:column;gap:12px;padding:14px 24px 20px}.modal-footer .btn{font-size:16px;min-height:44px;width:100%}}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:12px}.modal-content{animation:modalSlideUp .3s ease-out;border-radius:20px 20px 0 0;margin:0;max-height:95vh;max-width:100%;width:100%}.modal-header{padding:20px 20px 16px;position:relative}.modal-header:before{background:#71717a;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.modal-close{min-height:44px;min-width:44px;padding:12px;position:absolute;right:20px;top:20px}.modal-body{max-height:calc(95vh - 140px);overflow-y:auto;padding:16px 20px}.modal-title{font-size:1.2rem;margin-bottom:12px;text-align:center}.modal-message{font-size:1rem;line-height:1.5;text-align:center}.modal-footer{background:#1a1a2e;border-top:1px solid #ffffff1a;bottom:0;flex-direction:column;gap:12px;padding:16px 20px 20px;position:-webkit-sticky;position:sticky}.modal-footer .btn{border-radius:12px;font-size:16px;font-weight:600;min-height:48px;width:100%}}@media (max-width:320px){.modal-overlay{padding:8px}.modal-content{max-height:98vh}.modal-header{padding:16px 16px 12px}.modal-close{min-height:40px;min-width:40px;padding:10px;right:16px;top:16px}.modal-body{max-height:calc(98vh - 130px);padding:12px 16px}.modal-footer{padding:12px 16px 16px}.modal-footer .btn{font-size:15px;min-height:44px}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{touch-action:pan-y}.modal-header{cursor:grab;touch-action:none}.modal-header:active{cursor:grabbing}}.musician-card{background:#1e293bcc;border:1px solid #4755694d;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.musician-card:before{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.musician-card:hover{border-color:#3b82f680;box-shadow:0 20px 40px #0000004d,0 0 0 1px #3b82f633;transform:translateY(-8px)}.musician-card:hover:before{opacity:1}.musician-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.musician-avatar,.musician-info{position:relative;z-index:1}.musician-name{color:#f1f5f9;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:4px}.musician-instrument{color:#94a3b8;font-size:14px;margin-bottom:12px}.availability-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:16px;padding:4px 12px}.availability-badge.available{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.availability-badge.busy{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.availability-badge.partial{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.musician-actions{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.musician-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.musician-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff}.musician-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.musician-actions .btn-secondary{background:#475569cc;border:1px solid #47556980;color:#cbd5e1}.musician-actions .btn-secondary:hover{background:#475569;color:#f1f5f9;transform:translateY(-1px)}.musician-actions .btn-danger{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.musician-actions .btn-danger:hover{background:#ef44444d;transform:translateY(-1px)}.empty-state{color:#64748b;padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-state p{color:#94a3b8;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state span{color:#64748b;font-size:14px}.search-section{margin:0 auto 40px;max-width:1200px;padding:0 24px}.search-section .feature-card{padding:20px}.search-section .search-container{margin:0 auto;max-width:500px;position:relative}.search-section input{background:#1e293bcc;border:1px solid #4755694d;border-radius:12px;color:#f1f5f9;font-size:16px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.search-section input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-section .search-icon{color:#64748b;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.sort-selector{margin-bottom:24px}.sort-selector select{background:#1e293bcc;border:1px solid #4755694d;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:14px;padding:8px 12px}.sort-selector select:focus{border-color:#3b82f680;outline:none}@media (min-width:1025px){.musician-actions{flex-wrap:wrap;justify-content:flex-start}.musician-actions button{flex:0 0 auto;margin-bottom:4px}}@media (max-width:1024px) and (min-width:769px){.musician-card{padding:20px}.musician-avatar{height:56px;width:56px}.musician-name{font-size:17px}.musician-actions{gap:6px}.musician-actions button{font-size:13px;min-height:44px;padding:10px 14px}.search-section{padding:0 20px}}@media (max-width:768px) and (min-width:481px){.musician-card{padding:18px}.musician-avatar{height:52px;margin-bottom:14px;width:52px}.musician-name{font-size:16px}.musician-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;max-width:100%}.musician-actions button{align-items:center;border-radius:8px;display:flex;flex:0 0 auto;font-size:13px;height:40px;justify-content:center;min-width:40px;padding:10px;width:40px}.mobile-vertical-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%}.mobile-vertical-actions button{flex:1 1;gap:6px;height:36px;justify-content:center;min-width:120px;padding:8px 12px}.search-section{padding:0 16px}.search-section input{font-size:16px}}@media (max-width:480px){.musician-card{margin-bottom:16px;padding:16px}.musician-avatar{height:48px;margin-bottom:12px;width:48px}.musician-name{font-size:16px;line-height:1.3}.musician-instrument{font-size:13px;margin-bottom:16px}.musician-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;max-width:100%}.musician-actions button{align-items:center;border-radius:8px;display:flex;flex:0 0 auto;font-size:12px;height:36px;justify-content:center;min-width:36px;padding:8px;width:36px}.mobile-vertical-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:8px;width:100%}.mobile-vertical-actions button{flex:1 1;font-size:12px;gap:4px;height:34px;justify-content:center;min-width:100px;padding:6px 8px}.search-section{margin-bottom:24px;padding:0 12px}.search-section input{border-radius:10px;font-size:16px;padding:14px 16px 14px 48px}.search-section .search-icon{left:16px}.filter-buttons{gap:6px;justify-content:center}.filter-button{border-radius:22px;font-size:13px;min-height:44px;padding:8px 14px}.sort-selector select{border-radius:10px;font-size:16px;min-height:44px;padding:12px 16px}.empty-state{padding:40px 16px}.empty-icon{height:64px;margin-bottom:16px;width:64px}.empty-state p{font-size:16px}.empty-state span{font-size:13px}}@media (max-width:320px){.musician-card{margin-bottom:12px;padding:12px}.musician-avatar{height:40px;margin-bottom:10px;width:40px}.musician-name{font-size:15px}.musician-instrument{font-size:12px}.musician-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;max-width:100%}.musician-actions button{align-items:center;border-radius:6px;display:flex;flex:0 0 auto;font-size:11px;height:32px;justify-content:center;min-width:32px;padding:6px;width:32px}.mobile-vertical-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:6px;width:100%}.mobile-vertical-actions button{flex:1 1;font-size:11px;gap:3px;height:32px;justify-content:center;min-width:80px;padding:4px 6px}.search-section{padding:0 8px}.search-section input{padding:12px 14px 12px 44px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-card{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#9333ea);box-shadow:0 4px 12px #3b82f64d;color:#fff}.filter-button:not(.active){background:#47556980;border:1px solid #4755694d;color:#cbd5e1}.filter-button:not(.active):hover{background:#475569cc;color:#f1f5f9}.custom-scrollbar{scrollbar-color:#475569 #334155;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#334155;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#475569;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.custom-scrollbar::-webkit-scrollbar-thumb:active{background:#94a3b8}.modal-overlay{animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;padding:1rem}.modal-container{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 1.5rem 1rem;position:relative}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:2.5rem}.modal-close:hover{background:#fff3;border-color:#ffffff4d;color:#f1f5f9;transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-button:hover:before{left:100%}.modal-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.modal-button-primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.modal-button-secondary{background:#ffffff1a;border:1px solid #fff3;color:#cbd5e1}.modal-button-secondary:hover{background:#fff3;color:#f1f5f9;transform:translateY(-1px)}.modal-button-danger{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 15px #fa709a66;color:#fff}.modal-button-danger:hover{box-shadow:0 8px 25px #fa709a99;transform:translateY(-2px)}.modal-form{gap:1rem}.modal-form,.modal-form-group{display:flex;flex-direction:column}.modal-form-group{gap:.5rem}.modal-form-label{color:#cbd5e1;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modal-form-input,.modal-form-select,.modal-form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;font-size:.875rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-form-input:focus,.modal-form-select:focus,.modal-form-textarea:focus{background:#ffffff1a;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.modal-form-input::placeholder,.modal-form-textarea::placeholder{color:#64748b}.modal-form-textarea{min-height:100px;resize:vertical}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay.closing{animation:modalOverlayFadeOut .2s cubic-bezier(.4,0,.2,1)}.modal-container.closing{animation:modalSlideOut .2s cubic-bezier(.4,0,.2,1)}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}@media (max-width:1024px) and (min-width:641px){.modal-container{margin:2rem;max-height:calc(100vh - 4rem);max-width:calc(100vw - 4rem)}.modal-header{padding:1.5rem 2rem 1rem}.modal-body{max-height:calc(100vh - 12rem);padding:0 2rem 1rem}.modal-footer{gap:.75rem;padding:1rem 2rem 1.5rem}.modal-button{font-size:.9rem;min-height:44px;padding:.75rem 1.5rem}}@media (max-width:640px) and (min-width:481px){.modal-container{margin:1.5rem;max-height:calc(100vh - 3rem);max-width:calc(100vw - 3rem)}.modal-header{padding:1.25rem 1.5rem .75rem}.modal-title{font-size:1.25rem}.modal-body{max-height:calc(100vh - 10rem);padding:0 1.5rem .75rem}.modal-footer{flex-direction:column;gap:.5rem;padding:.75rem 1.5rem 1.25rem}.modal-button{font-size:.9rem;justify-content:center;min-height:48px;padding:.875rem 1rem;width:100%}.modal-form-input,.modal-form-select,.modal-form-textarea{font-size:16px;min-height:48px;padding:.875rem 1rem}}@media (max-width:480px){.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.modal-container{border-radius:12px;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 4rem);max-width:100%;min-height:auto;width:100%}.modal-header{flex-shrink:0;padding:1rem 1rem .75rem;position:relative}.modal-title{font-size:1.125rem;line-height:1.3;padding-right:3rem}.modal-close{background:#ffffff26;border:1px solid #ffffff40;height:36px;padding:0;position:absolute;right:1rem;top:1rem;width:36px;z-index:10}.modal-body{flex:1 1;max-height:calc(100vh - 12rem);overflow-y:auto;padding:0 1rem}.modal-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-top:1px solid #ffffff1a;bottom:0;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem;position:-webkit-sticky;position:sticky}.modal-button{border-radius:10px;font-size:1rem;justify-content:center;min-height:48px;padding:1rem;width:100%}.modal-button-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;color:#fff}.modal-button-secondary{background:#1e293b;background:var(--background-card,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.modal-button-danger{background:#ef4444;border:none;color:#fff}.modal-button-danger:hover{background:#dc2626}.modal-form-group{margin-bottom:1rem}.modal-form-label{font-size:.9rem;margin-bottom:.5rem}.modal-form-input,.modal-form-select,.modal-form-textarea{border-radius:10px;font-size:16px;min-height:48px;padding:1rem}.modal-form-textarea{min-height:120px;resize:vertical}.modal-alert{border-radius:10px;font-size:.9rem;margin-bottom:.875rem;padding:.875rem}}@media (max-width:320px){.modal-overlay{padding:1.5rem .25rem .25rem}.modal-container{margin:0;max-height:calc(100vh - 3rem);max-width:100%;width:100%}.modal-header{padding:.875rem .875rem .75rem}.modal-title{font-size:1rem;padding-right:2.5rem}.modal-close{height:32px;position:absolute;right:.875rem;top:.875rem;width:32px}.modal-body{max-height:calc(100vh - 10rem);padding:0 .875rem}.modal-footer{padding:.875rem}.modal-button{font-size:.9rem;min-height:44px;padding:.875rem}.modal-form-input,.modal-form-select,.modal-form-textarea{font-size:16px;min-height:44px;padding:.875rem}.modal-form-textarea{min-height:100px}}.modal-button.loading{color:#0000;pointer-events:none;position:relative}.modal-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;color:#fff;content:"";height:1rem;left:50%;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;width:1rem}.modal-alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:8px;margin-bottom:1rem;padding:1rem}.modal-alert.success{background:#43e97b1a;border-color:#43e97b4d;color:#86efac}.modal-alert.error{background:#fa709a1a;border-color:#fa709a4d;color:#fca5a5}.modal-alert.warning{background:#fbbf241a;border-color:#fbbf244d;color:#fde047}.modal-alert.info{background:#667eea1a;border-color:#667eea4d;color:#93c5fd}@media (prefers-reduced-motion:reduce){.modal-button,.modal-container,.modal-form-input,.modal-form-select,.modal-form-textarea,.modal-overlay{animation:none;transition:none}}.modal-container:focus{outline:2px solid #667eea;outline-offset:2px}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;width:100%}.responsive-table{background:#1a1a2e;background:var(--background-card,#1a1a2e);border-collapse:collapse;border-radius:8px;min-width:600px;overflow:hidden;width:100%}.responsive-table td,.responsive-table th{border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color,#27272a);padding:12px 16px;text-align:left}.responsive-table th{background:#6366f11a;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:12px;font-weight:600;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.responsive-table tbody tr{transition:background-color .2s ease}.responsive-table tbody tr:hover{background:#6366f10d}@media (max-width:1199px) and (min-width:769px){.table-responsive{margin:0 -12px}.responsive-table{min-width:700px}.responsive-table td,.responsive-table th{font-size:14px;padding:10px 12px}.hide-on-tablet{display:none}}@media (max-width:768px) and (min-width:481px){.table-responsive{border-radius:0;margin:0 -16px}.responsive-table{min-width:500px}.responsive-table td,.responsive-table th{font-size:13px;padding:8px 10px}.hide-on-small-tablet{display:none}}@media (max-width:480px){.table-responsive{box-shadow:none;margin:0;overflow:visible}.responsive-table{display:none}.mobile-cards{display:block;gap:12px}.mobile-card{background:#1a1a2e;background:var(--background-card,#1a1a2e);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.mobile-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mobile-card-header{align-items:flex-start;border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color,#27272a);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.mobile-card-title{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0}.mobile-card-subtitle{color:#71717a;color:var(--text-muted,#71717a);font-size:12px;margin:2px 0 0}.mobile-card-actions{display:flex;flex-shrink:0;gap:8px}.mobile-card-body{grid-gap:8px;display:grid;gap:8px}.mobile-card-field{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.mobile-card-label{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.mobile-card-value{color:#fff;color:var(--text-primary,#fff);font-size:14px;max-width:60%;text-align:right;word-break:break-word}.mobile-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.mobile-status-active{background:#10b98133;color:#10b981}.mobile-status-inactive{background:#ef444433;color:#ef4444}.mobile-status-pending{background:#f59e0b33;color:#f59e0b}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#0a0a1a;background:var(--background-darker,#0a0a1a);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-purple,#6366f1);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.table-responsive::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-purple-dark,#4f46e5)}.table-scroll-indicator{position:relative}.table-scroll-indicator:after{background:linear-gradient(270deg,#1a1a2e,#0000);background:linear-gradient(to left,var(--background-card,#1a1a2e),#0000);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:20px}.table-scroll-indicator.has-scroll:after{opacity:1}@media (max-width:480px){.mobile-cards{animation:fadeInUp .3s ease-out}.mobile-card{animation:slideInUp .3s ease-out;animation-fill-mode:both}.mobile-card:first-child{animation-delay:.05s}.mobile-card:nth-child(2){animation-delay:.1s}.mobile-card:nth-child(3){animation-delay:.15s}.mobile-card:nth-child(4){animation-delay:.2s}.mobile-card:nth-child(5){animation-delay:.25s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.show-desktop{display:block}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}@media (max-width:1024px) and (min-width:769px){.hide-tablet{display:none}.show-tablet{display:block}.show-desktop{display:none}}@media (min-width:1025px){.hide-desktop,.show-mobile,.show-tablet{display:none}}.table-loading{overflow:hidden;position:relative}.table-loading:after{animation:tableShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes tableShimmer{0%{left:-100%}to{left:100%}}.bot-config{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.bot-config h1{color:#fff;font-size:2.5rem;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000004d}.bot-config-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.config-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:25px;transition:all .3s ease}.config-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-5px)}.config-card h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:10px;margin-bottom:20px}.config-card h2 svg{color:gold}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.checkbox-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.2);width:auto}.checkbox-group label{cursor:pointer;margin:0}.btn{border:none;border-radius:8px;font-size:1rem;font-weight:600;gap:8px;margin-bottom:10px;margin-right:10px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff}.btn-success:hover{box-shadow:0 8px 25px #56ab2f66;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-warning:hover{box-shadow:0 8px 25px #f093fb66;transform:translateY(-2px)}.btn-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-info:hover{box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.btn:disabled{opacity:.6;transform:none}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:15px;padding:8px 16px}.status-connected{background:#56ab2f33;border:1px solid #56ab2f4d;color:#56ab2f}.status-disconnected{background:#f5576c33;border:1px solid #f5576c4d;color:#f5576c}.dashboard-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-item{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:15px;text-align:center}.stat-value{color:gold;display:block;font-size:2rem;font-weight:700}.stat-label{color:#fffc;font-size:.9rem;margin-top:5px}.test-message-area{margin-top:20px}.test-message-area textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;min-height:100px;padding:15px;resize:vertical;width:100%}.test-message-area textarea::placeholder{color:#fff9}.test-message-area textarea:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:20px;padding:15px}.alert-success{background:#56ab2f33;border-color:#56ab2f4d;color:#56ab2f}.alert-error{background:#f5576c33;border-color:#f5576c4d;color:#f5576c}.loading{align-items:center;display:inline-flex;gap:8px}.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.bot-config{padding:15px}.bot-config h1{font-size:2rem}.bot-config-grid{gap:20px;grid-template-columns:1fr}.config-card{padding:20px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.btn{justify-content:center;margin-right:0;width:100%}}@media (max-width:480px){.bot-config{padding:10px}.config-card{padding:15px}.dashboard-stats{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.auth-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-background{max-width:450px;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl);padding:2.5rem;transition:all .3s ease}.auth-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:var(--primary-color);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem}.auth-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.05em;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500;letter-spacing:.025em}.form-group input{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus{background:var(--input-bg-focus);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-group input:disabled{background:var(--input-bg-disabled);cursor:not-allowed;opacity:.6}.form-group input.error{background:var(--error-bg);border-color:var(--error-color)}.form-group input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px var(--error-color-alpha)}.error-message{align-items:center;color:var(--error-color);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.25rem}.error-message:before{content:"⚠";font-size:.9rem}.general-error{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.general-error:before{content:"❌";margin-right:.5rem}.auth-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 14px 0 #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.025em;margin-top:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:before{left:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb);box-shadow:0 8px 25px 0 #3b82f666,0 4px 10px 0 #0000001a;transform:translateY(-2px)}.auth-button:active:not(:disabled){box-shadow:0 4px 14px 0 #3b82f64d;transform:translateY(-1px)}.auth-button:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-button:disabled:before{display:none}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.auth-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:var(--secondary-color);text-decoration:underline}.loading-container{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-container p{color:var(--text-secondary);font-size:1rem;margin:0}.access-denied{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.access-denied-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;text-align:center}.access-denied-content h2{align-items:center;color:var(--error-color);display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.access-denied-content h2:before{content:"🚫"}.access-denied-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.access-denied-content .btn{margin-top:1.5rem}@media (max-width:768px){.auth-container{padding:1rem .5rem}.auth-card{margin:0 .5rem;padding:2rem 1.5rem}.auth-header h1{font-size:1.25rem}.auth-header h2{font-size:1.75rem}.form-group input{font-size:16px;padding:.75rem}.auth-button{padding:.875rem 1.25rem}}@media (max-width:480px){.auth-card{padding:1.5rem 1rem}.access-denied-content{padding:2rem 1.5rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:slideInUp .6s ease-out}.dark .auth-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .auth-card{background:#1e1e2ef2;border-color:#ffffff1a}.dark .general-error{background:#ef44441a;border-color:#ef44444d}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-hover:#334155;--bg-active:#475569;--bg-overlay:#000000b3;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-primary:#334155;--border-secondary:#475569;--border-focus:#60a5fa;--primary-50:#1e3a8a;--primary-100:#1e40af;--primary-200:#1d4ed8;--primary-300:#2563eb;--primary-400:#3b82f6;--primary-500:#60a5fa;--primary-600:#93c5fd;--primary-700:#bfdbfe;--primary-800:#dbeafe;--primary-900:#eff6ff;--success-50:#14532d;--success-500:#22c55e;--success-600:#4ade80;--warning-50:#451a03;--warning-500:#f59e0b;--warning-600:#fbbf24;--error-50:#7f1d1d;--error-500:#ef4444;--error-600:#f87171;--info-50:#164e63;--info-500:#06b6d4;--info-600:#22d3ee;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);--gradient-secondary:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 100%)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .2s ease,color .2s ease}*,:after,:before{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-transitioning *,.theme-transitioning :after,.theme-transitioning :before{transition:none!important}.bg-primary{background-color:#0f172a;background-color:var(--bg-primary)}.bg-secondary{background-color:#1e293b;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#334155;background-color:var(--bg-tertiary)}.bg-elevated{background-color:#1e293b;background-color:var(--bg-elevated)}.text-primary{color:#f8fafc;color:var(--text-primary)}.text-secondary{color:#e2e8f0;color:var(--text-secondary)}.text-tertiary{color:#cbd5e1;color:var(--text-tertiary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-inverse{color:#0f172a;color:var(--text-inverse)}.border-primary{border-color:#334155;border-color:var(--border-primary)}.border-secondary{border-color:#475569;border-color:var(--border-secondary)}.border-focus{border-color:#60a5fa;border-color:var(--border-focus)}.shadow-sm{box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl)}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#93c5fd,#60a5fa);background:var(--gradient-primary);border-color:#93c5fd;border-color:var(--primary-600);color:#0f172a;color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);background:var(--gradient-secondary);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#1e293b;background-color:var(--bg-secondary);border-color:#334155;border-color:var(--border-primary);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#334155;background-color:var(--bg-hover);border-color:#475569;border-color:var(--border-secondary)}.btn-outline{background-color:initial;border-color:#93c5fd;border-color:var(--primary-600);color:#93c5fd;color:var(--primary-600)}.btn-outline:hover:not(:disabled){background-color:#1e3a8a;background-color:var(--primary-50);color:#bfdbfe;color:var(--primary-700)}[data-theme=dark] .btn-outline:hover:not(:disabled){background-color:#eff6ff;background-color:var(--primary-900);color:#3b82f6;color:var(--primary-400)}.card{background-color:#1e293b;background-color:var(--bg-elevated);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:1.5rem 1.5rem 0}.card-body{padding:1.5rem}.card-footer{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1rem}.form-label{color:#e2e8f0;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#0f172a;background-color:var(--bg-primary);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:.5rem;color:#f8fafc;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#60a5fa;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-muted)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;background-color:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1e293b;background-color:var(--bg-elevated);border-radius:.75rem;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;overflow:auto}@media (max-width:768px){.btn{font-size:.875rem;padding:.625rem 1rem}.card-body{padding:1rem}.form-input{padding:.625rem .875rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.card,.form-input{border-width:2px}}.btn:focus-visible,.form-input:focus-visible{outline:2px solid #60a5fa;outline:2px solid var(--border-focus);outline-offset:2px}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--touch-target-min:44px;--touch-target-mobile:48px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{overflow-x:hidden}body{-webkit-overflow-scrolling:touch}img{display:block}img,video{height:auto;max-width:100%}table{display:block;overflow-x:auto;white-space:nowrap;width:100%}@media (max-width:768px){table{font-size:14px}td,th{padding:8px 4px}}.container-responsive{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}@media (max-width:1024px){.container-responsive{padding:0 20px}}@media (max-width:768px){.container-responsive{padding:0 16px}}@media (max-width:480px){.container-responsive{padding:0 12px}}.grid-responsive{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:1024px){.grid-responsive{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.grid-responsive{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.grid-responsive{gap:12px}}.btn-responsive{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:12px 24px;transition:all .2s ease}@media (max-width:768px){.btn-responsive{border-radius:10px;font-size:15px;min-height:48px;min-height:var(--touch-target-mobile);padding:14px 20px}}@media (max-width:480px){.btn-responsive{font-size:16px;min-height:48px;min-height:var(--touch-target-mobile);padding:16px 24px;width:100%}}.input-responsive{border-radius:8px;font-size:14px;min-height:44px;min-height:var(--touch-target-min);padding:12px 16px;transition:all .2s ease;width:100%}@media (max-width:768px){.input-responsive{border-radius:10px;font-size:16px;min-height:48px;min-height:var(--touch-target-mobile);padding:14px 16px}}.card-responsive{border-radius:16px;padding:24px;transition:all .3s ease}@media (max-width:1024px){.card-responsive{border-radius:14px;padding:20px}}@media (max-width:768px){.card-responsive{border-radius:12px;padding:18px}}@media (max-width:480px){.card-responsive{border-radius:10px;padding:16px}}@media (max-width:320px){.card-responsive{border-radius:8px;padding:12px}}.text-responsive-xl{font-size:2.5rem;line-height:1.2}.text-responsive-lg{font-size:2rem;line-height:1.3}.text-responsive-md{font-size:1.5rem;line-height:1.4}.text-responsive-sm{font-size:1.125rem;line-height:1.5}@media (max-width:768px){.text-responsive-xl{font-size:2rem}.text-responsive-lg{font-size:1.75rem}.text-responsive-md{font-size:1.25rem}.text-responsive-sm{font-size:1rem}}@media (max-width:480px){.text-responsive-xl{font-size:1.75rem}.text-responsive-lg{font-size:1.5rem}.text-responsive-md{font-size:1.125rem}.text-responsive-sm{font-size:.9rem}}.spacing-responsive-sm{margin:.5rem;margin:var(--spacing-sm)}.spacing-responsive-md{margin:1rem;margin:var(--spacing-md)}.spacing-responsive-lg{margin:1.5rem;margin:var(--spacing-lg)}.spacing-responsive-xl{margin:2rem;margin:var(--spacing-xl)}@media (max-width:768px){.spacing-responsive-sm{margin:.375rem;margin:calc(var(--spacing-sm)*.75)}.spacing-responsive-md{margin:.75rem;margin:calc(var(--spacing-md)*.75)}.spacing-responsive-lg{margin:1.125rem;margin:calc(var(--spacing-lg)*.75)}.spacing-responsive-xl{margin:1.5rem;margin:calc(var(--spacing-xl)*.75)}}@media (max-width:480px){.spacing-responsive-sm{margin:.25rem;margin:calc(var(--spacing-sm)*.5)}.spacing-responsive-md{margin:.5rem;margin:calc(var(--spacing-md)*.5)}.spacing-responsive-lg{margin:.75rem;margin:calc(var(--spacing-lg)*.5)}.spacing-responsive-xl{margin:1rem;margin:calc(var(--spacing-xl)*.5)}}.hide-desktop,.hide-mobile,.hide-tablet{display:block}.show-desktop,.show-mobile,.show-tablet{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (max-width:1024px) and (min-width:769px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.flex-responsive{align-items:center;display:flex;gap:16px}@media (max-width:768px){.flex-responsive{align-items:stretch;flex-direction:column;gap:12px}}.flex-responsive-wrap{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:768px){.flex-responsive-wrap{gap:12px}}@media (max-width:480px){.flex-responsive-wrap{gap:8px}}.scroll-horizontal{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.scroll-horizontal::-webkit-scrollbar{height:6px}.scroll-horizontal::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.scroll-horizontal::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.scroll-horizontal::-webkit-scrollbar-thumb:hover{background:#00000080}@media (max-width:768px){.scroll-horizontal{gap:12px;padding-bottom:12px}a{align-items:center;display:inline-flex;min-height:44px;min-height:var(--touch-target-min)}body{line-height:1.6}input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.btn-responsive,.card-responsive{transform:translateZ(0);will-change:transform}.card-responsive{box-shadow:0 2px 8px #0000001a}}@media (orientation:landscape) and (max-height:500px){.modal-container{max-height:90vh;overflow-y:auto}.hero{padding-bottom:20px;padding-top:20px}}@supports (padding:max(0px)){.container-responsive{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.header{padding-top:max(20px,env(safe-area-inset-top))}}@media (prefers-color-scheme:dark){@media (max-width:768px){body{background-color:#000}.card-responsive{border:1px solid #ffffff1a}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.btn-responsive,.card-responsive{border-width:.5px}}
/*# sourceMappingURL=main.0b6941fb.css.map*/