body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#667eea80}img.emoji{display:inline-block;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;width:1em}.home-container{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#111827);min-height:100vh;overflow-x:hidden}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.hero-background{z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.5;position:absolute}.gradient-orb-1{background:radial-gradient(circle,#6366f1 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.gradient-orb-2{animation-delay:-5s;background:radial-gradient(circle,#a855f7 0,#0000 70%);bottom:-150px;height:500px;right:-150px;width:500px}.gradient-orb-3{animation-delay:-10s;background:radial-gradient(circle,#ec4899 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.hero-content{animation:slideUp 1s ease-out;max-width:900px}.hero-title{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(3rem,8vw,5rem);font-weight:900;gap:1rem;justify-content:center;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899)}.hero-emoji{animation:bounce 2s ease-in-out infinite;font-size:4rem}.hero-subtitle{color:#94a3b8;font-size:1.5rem;line-height:1.6;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-hero{align-items:center;border-radius:50px;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.btn-hero-primary{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 20px 40px #6366f14d;color:#fff}.btn-hero-primary:hover{box-shadow:0 25px 50px #6366f166;transform:translateY(-3px)}.btn-hero-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:2px solid #6366f14d;color:#818cf8}.btn-hero-secondary:hover{background:#6366f133;border-color:#818cf8;transform:translateY(-3px)}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #6366f133;border-radius:1.5rem;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:2rem}.stat-number{background:linear-gradient(135deg,#6366f1,#a855f7);font-size:2.5rem}.stat-divider{background:linear-gradient(180deg,#0000,#475569,#0000);height:60px;width:1px}.scroll-indicator{animation:scroll-bounce 2s ease-in-out infinite;bottom:2rem;color:#64748b;font-size:1.5rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes scroll-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.section-title{display:block;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 auto 4rem;position:relative;text-align:center!important;width:100%}.section-title .gradient-text{display:inline-block;position:relative}.section-title .gradient-text:after{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-section{padding:6rem 2rem;position:relative;text-align:center}.features-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #6366f11a;border-radius:1.5rem;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:1rem;box-shadow:0 10px 30px #6366f14d;color:#fff;font-size:2rem;height:80px;margin:0 auto 1.5rem;position:relative;width:80px}.feature-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#94a3b8;line-height:1.6}.artists-section{background:#0f172a80;padding:6rem 2rem;text-align:center}.artists-grid{grid-gap:2rem;gap:2rem;margin:0 auto;max-width:1200px}.artist-card{border:1px solid #6366f11a;border-radius:1.5rem;padding:2rem;position:relative;text-align:center;text-decoration:none}.artist-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #6366f133;transform:translateY(-5px) scale(1.02)}.live-badge{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);gap:.3rem;padding:.3rem .8rem;right:1rem}.live-dot{animation:blink 1.5s ease-in-out infinite}.artist-avatar{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;box-shadow:0 15px 35px #6366f14d;flex-shrink:0;font-size:2rem;height:80px!important;margin:0 auto 1rem;transition:all .3s ease;width:80px!important}.artist-card:hover .artist-avatar{transform:scale(1.1) rotate(5deg)}.artist-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.artist-role{background:#6366f133;border-radius:20px;color:#818cf8;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding:.3rem 1rem;text-transform:uppercase}.artist-followers{align-items:center;color:#94a3b8;display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.artist-view-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 2rem;transition:all .3s ease}.artist-view-btn:hover{transform:translateX(5px)}.cta-section{background:linear-gradient(135deg,#6366f11a,#a855f71a);overflow:hidden;padding:8rem 2rem;position:relative}.cta-section:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center}.cta-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}.cta-subtitle{color:#94a3b8;font-size:1.25rem;margin-bottom:2rem}.btn-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50px;box-shadow:0 20px 40px #6366f14d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1.2rem 3rem;text-decoration:none;transition:all .3s ease}.btn-cta:hover{box-shadow:0 25px 50px #6366f166;transform:translateY(-3px)}.how-it-works{padding:6rem 2rem;text-align:center}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b66;border:1px solid #6366f11a;border-radius:1.5rem;flex:1 1;min-width:250px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{border-color:#6366f14d;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 10px 30px #6366f14d;font-size:1.5rem;font-weight:900;height:60px;margin:0 auto 1.5rem;width:60px}.step-content h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.step-connector{animation:slide-right 2s ease-in-out infinite;color:#6366f1;font-size:2rem}@keyframes slide-right{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.home-footer{background:#0f172acc;border-top:1px solid #6366f11a;padding:3rem 2rem 2rem}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-brand{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:2rem}.footer-brand i{color:#6366f1}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#818cf8}.footer-social{gap:1.5rem;margin-bottom:2rem}.footer-social,.footer-social a{display:flex;justify-content:center}.footer-social a{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50%;color:#818cf8;height:40px;transition:all .3s ease;width:40px}.footer-social a:hover{background:#6366f133;transform:translateY(-3px)}.footer-copyright{border-top:1px solid #6366f10d;color:#64748b;font-size:.875rem;padding-top:2rem}@media (max-width:768px){.hero-stats{gap:1.5rem}.stat-divider{display:none}.steps-container{flex-direction:column}.step-connector{transform:rotate(90deg)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{margin-bottom:3rem}.section-title .gradient-text:after{width:60px}.live-badge{border-radius:12px;font-size:.58rem;gap:.25rem;padding:.18rem .5rem;right:.5rem;top:.5rem;white-space:nowrap}.cta-section{padding:4rem 1.5rem}.btn-cta{font-size:.95rem;padding:.8rem 1.6rem;white-space:nowrap}.live-dot{height:6px;width:6px}.artists-grid{gap:1rem;grid-template-columns:1fr;padding:0 1rem}.artist-card{min-width:0}.artist-view-btn{box-sizing:border-box;justify-content:center;width:100%}.artist-followers{flex-wrap:wrap;justify-content:center}}[data-theme=light] .home-container{background:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#faf5ff)!important}[data-theme=light] .home-container .gradient-orb{opacity:.22}[data-theme=light] .home-container .artist-card,[data-theme=light] .home-container .feature-card,[data-theme=light] .home-container .hero-stats,[data-theme=light] .home-container .step-card{background:#fff!important;border-color:#6366f126!important;box-shadow:0 8px 24px #6366f114!important}[data-theme=light] .home-container .artist-card:hover,[data-theme=light] .home-container .feature-card:hover,[data-theme=light] .home-container .step-card:hover{box-shadow:0 20px 40px #6366f126!important}[data-theme=light] .home-container .artists-section{background:#eef2ff99!important}[data-theme=light] .home-container .cta-section{background:linear-gradient(135deg,#6366f114,#a855f714)!important}[data-theme=light] .home-container .home-footer{background:#fff!important;border-top-color:#6366f126!important}[data-theme=light] .home-container .artist-name,[data-theme=light] .home-container .cta-title,[data-theme=light] .home-container .feature-card h3,[data-theme=light] .home-container .footer-brand,[data-theme=light] .home-container .step-content h3{color:#1e293b!important}[data-theme=light] .home-container .artist-followers,[data-theme=light] .home-container .cta-subtitle,[data-theme=light] .home-container .feature-card p,[data-theme=light] .home-container .footer-copyright,[data-theme=light] .home-container .footer-links a,[data-theme=light] .home-container .hero-subtitle,[data-theme=light] .home-container .stat-label,[data-theme=light] .home-container .step-content p{color:#64748b!important}[data-theme=light] .home-container .artist-role{color:#6366f1!important}.hero-emoji{background:linear-gradient(135deg,#6366f1,#a855f7);display:inline-block;font-size:0;height:4rem;-webkit-mask:url(https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1f3b5.svg) center/contain no-repeat;mask:url(https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/1f3b5.svg) center/contain no-repeat;width:4rem}[data-theme=light] .home-container .btn-hero-secondary{-webkit-text-fill-color:#4338ca!important;background:#6366f11a!important;border-color:#6366f173!important;color:#4338ca!important}.floating-lang-selector{bottom:24px;left:24px;position:fixed;z-index:1000}.floating-lang-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #6366f14d;border-radius:50px;box-shadow:0 4px 20px #0000004d;color:#f1f5f9;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px;transition:all .3s ease}.floating-lang-btn:hover{border-color:#6366f199;box-shadow:0 6px 25px #6366f133;transform:translateY(-2px)}.floating-lang-btn.active{border-color:#667eea;box-shadow:0 6px 25px #6366f14d}.floating-lang-btn .lang-flag{font-size:1.25rem}.floating-lang-btn .lang-code{font-weight:600;letter-spacing:.5px}.floating-lang-btn i{color:#94a3b8;font-size:.7rem;transition:transform .3s ease}.floating-lang-dropdown{animation:slideUp .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bfa,#0f172afa);border:1px solid #6366f14d;border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 10px 40px #0006;left:0;min-width:180px;padding:8px;position:absolute}.lang-option{align-items:center;background:#0000;border:none;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.lang-option:hover{background:#6366f126}.lang-option.active{background:#6366f133;color:#a5b4fc}.lang-option .lang-flag{font-size:1.3rem}.lang-option .lang-name{flex:1 1;font-weight:500}.lang-option i{color:#667eea;font-size:.85rem}.floating-lang-selector.right{left:auto;right:24px}.floating-lang-selector.right .floating-lang-dropdown{left:auto;right:0}@media (max-width:768px){.floating-lang-selector{bottom:16px;left:16px}.floating-lang-btn{font-size:.85rem;padding:10px 14px}.floating-lang-btn .lang-flag{font-size:1.1rem}.floating-lang-dropdown{min-width:160px}.lang-option{font-size:.9rem;padding:10px 12px}}@media (max-width:360px){.floating-lang-btn .lang-code{display:none}}.modal-overlay{animation:fadeIn .2s ease}.forgot-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border:1px solid #6366f133;border-radius:1.5rem;box-shadow:0 25px 60px #00000080;max-width:420px;padding:2rem;position:relative;width:100%}.modal-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px}.modal-close-btn:hover{background:#ef444433;border-color:#ef44444d;color:#f87171}.forgot-modal-header{margin-bottom:1.5rem;text-align:center}.forgot-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 30px #667eea66;color:#fff;display:flex;font-size:1.75rem;height:70px;justify-content:center;margin:0 auto 1.25rem;width:70px}.forgot-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.forgot-modal-header p{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}.forgot-modal-form{display:flex;flex-direction:column;gap:1.25rem}.forgot-modal-form .form-group{margin:0}.forgot-modal-form .form-group label{color:#e2e8f0;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.forgot-modal-form .form-group label i{color:#667eea;margin-right:.5rem}.forgot-modal-form .form-group input{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;color:#fff;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.forgot-modal-form .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.forgot-modal-form .form-group input::placeholder{color:#64748b}.forgot-modal-form .form-group input:disabled{cursor:not-allowed;opacity:.6}.forgot-modal .alert{align-items:center;border-radius:.75rem;display:flex;font-size:.9rem;gap:.5rem;padding:.875rem}.forgot-modal .alert-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.forgot-modal .btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1.5rem;transition:all .3s ease}.forgot-modal .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.forgot-modal .btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.forgot-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.forgot-modal .btn-secondary{background:#6366f126;border:1px solid #6366f133;color:#a5b4fc}.forgot-modal .btn-secondary:hover{background:#6366f140}.forgot-modal .btn-block{width:100%}.forgot-modal-footer{border-top:1px solid #6366f11a;margin-top:1rem;padding-top:1rem;text-align:center}.back-link{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;transition:color .3s ease}.back-link:hover{color:#667eea}.success-state{padding:.5rem 0}.success-icon-wrapper{align-items:center;animation:successPop .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 40px #10b98166;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.25rem;width:80px}.success-state h2{font-size:1.4rem;margin:0 0 .75rem}.success-state p{font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.success-state p strong{color:#a5b4fc}.success-hint{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;color:#10b981;font-size:.85rem;gap:.5rem;margin:1rem 0;padding:.75rem}.success-actions,.success-hint{display:flex;justify-content:center}.success-actions{gap:.75rem;margin-top:1.25rem}@media (max-width:480px){.forgot-modal{margin:.5rem;padding:1.5rem}.forgot-modal-header h2{font-size:1.25rem}.success-actions{flex-direction:column}.success-actions .btn{width:100%}}.tfa-verify-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.tfa-verify-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #6366f14d;border-radius:1.5rem;box-shadow:0 25px 50px #00000080;max-width:420px;padding:2rem;width:100%}.tfa-verify-header{margin-bottom:1.5rem;text-align:center}.tfa-verify-icon{animation:pulse 2s infinite;font-size:3.5rem;margin-bottom:1rem}.tfa-verify-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.tfa-verify-header p{color:#94a3b8;font-size:.95rem;margin:0}.tfa-verify-error{animation:shake .5s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:.5rem;color:#fca5a5}.tfa-verify-error,.tfa-verify-success{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}.tfa-verify-success{background:#10b98126;border:1px solid #10b9814d;border-radius:.5rem;color:#6ee7b7}.code-inputs,.tfa-verify-body{margin-bottom:1.5rem}.code-inputs{display:flex;gap:.5rem;justify-content:center}.code-digit{background:#0f172acc;border:2px solid #6366f14d;border-radius:.75rem;color:#f1f5f9;font-family:monospace;font-size:1.75rem;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s;width:48px}.code-digit:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.code-digit.filled{background:#6366f11a;border-color:#667eea}.code-digit.error{animation:shake .3s ease;border-color:#ef4444}.code-digit:disabled{opacity:.5}.backup-code-input{display:flex;justify-content:center;margin-bottom:1.5rem}.backup-input{background:#0f172acc;border:2px solid #6366f14d;border-radius:.75rem;color:#f1f5f9;font-family:monospace;font-size:1.25rem;letter-spacing:.2rem;max-width:200px;outline:none;padding:1rem;text-align:center;text-transform:uppercase;transition:border-color .2s;width:100%}.backup-input:focus{border-color:#667eea}.trust-device{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;justify-content:center}.trust-device input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.trust-device span{-webkit-user-select:none;user-select:none}.tfa-verify-actions{display:flex;gap:1rem;margin-bottom:1rem}.tfa-verify-actions .btn-cancel{background:#0000;border:1px solid #94a3b84d;border-radius:.75rem;color:#94a3b8;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .2s}.tfa-verify-actions .btn-cancel:hover:not(:disabled){background:#94a3b81a}.tfa-verify-actions .btn-verify{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.tfa-verify-actions .btn-verify:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.tfa-verify-actions .btn-verify:disabled{cursor:not-allowed;opacity:.5;transform:none}.tfa-verify-alternatives{border-top:1px solid #6366f133;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.alt-btn{align-items:center;background:#0000;border:1px solid #6366f133;border-radius:.5rem;color:#a5b4fc;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.alt-btn:hover:not(:disabled){background:#6366f11a}.alt-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.tfa-verify-modal{margin:.5rem;padding:1.5rem}.code-digit{font-size:1.5rem;height:50px;width:42px}.code-inputs{gap:.35rem}.tfa-verify-header h2{font-size:1.25rem}.tfa-verify-actions{flex-direction:column-reverse}.tfa-verify-actions .btn-cancel,.tfa-verify-actions .btn-verify{flex:none}}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#111827);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{display:flex;gap:4rem;max-width:1100px;width:100%}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #6366f133;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;max-width:450px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.login-subtitle{color:#94a3b8;font-size:1rem}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-login-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:all .3s ease;width:100%}.social-login-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.social-login-btn.google{background:#4285f41a;border-color:#4285f44d}.social-login-btn.google:hover{background:#4285f433;box-shadow:0 10px 30px #4285f433}.social-login-btn.facebook{background:#1877f21a;border-color:#1877f24d}.social-login-btn.facebook:hover{background:#1877f233;box-shadow:0 10px 30px #1877f233}.social-login-btn img{height:20px;width:20px}.social-login-btn i{font-size:1.1rem}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#6366f133;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#1e293bcc;color:#64748b;font-size:.85rem;padding:0 1rem;position:relative}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-options{justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#94a3b8;cursor:pointer;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.forgot-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;transition:color .3s ease}.forgot-link:hover{color:#818cf8;text-decoration:underline}.login-footer{border-top:1px solid #6366f11a;color:#94a3b8;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-features{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.login-features h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;margin-bottom:2rem}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.feature:hover{border-color:#6366f14d;box-shadow:0 10px 30px #6366f133;transform:translateY(-5px)}.feature i{color:#667eea;font-size:2rem;margin-bottom:1rem}.feature h3{color:#fff;font-size:1.05rem;margin-bottom:.5rem}.feature p{color:#94a3b8;font-size:.9rem;margin:0}@media (max-width:1024px){.login-container{align-items:center;flex-direction:column}.login-features{max-width:450px;width:100%}}@media (max-width:640px){.login-page{padding:1rem}.login-box{padding:1.5rem}.login-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}}.animated-blob,.animated-circle,.bg-blob,.bg-circle,.bg-orb,.blob,.blob-1,.blob-2,.blob-3,.circle,.circle-1,.circle-2,.circle-3,.floating-blob,.floating-circle,.gradient-blob,.gradient-circle,.login-page .animated-bg,.login-page .background-shapes,.login-page .bg-animation,.login-page .floating-shapes,.login-page .login-background,.login-page .overlay,.orb,.shape,.shape-1,.shape-2,.shape-3{display:none!important;opacity:0!important;visibility:hidden!important}#root:after,#root:before,.App:after,.App:before,.login-box:after,.login-box:before,.login-container:after,.login-container:before,.login-page:after,.login-page:before,body:after,body:before{background:none!important;content:none!important;display:none!important;opacity:0!important}.login-page div[class*=animated-bg],.login-page div[class*=blob],.login-page div[class*=circle],.login-page div[class*=floating]:not(.floating-lang-selector):not(.floating-lang-dropdown),.login-page div[class*=orb],.login-page div[class*=shape]{display:none!important}.oauth-notice{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.5rem;color:#fbbf24;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.oauth-notice i{font-size:1rem}.oauth-notice a{color:#60a5fa;text-decoration:underline}.google-login-wrapper{min-height:44px;position:relative;width:100%}.google-login-wrapper>div{width:100%!important}.google-login-wrapper iframe{border-radius:.75rem!important;width:100%!important}.social-loading-overlay{align-items:center;background:#1e293be6;border-radius:.75rem;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.social-loading-overlay i{color:#a855f7;font-size:1.5rem}.google-login-wrapper>div>div{width:100%!important}.social-login-btn.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.social-login-btn.disabled:hover{background:#ffffff0d;box-shadow:none;transform:none}.config-warning{color:#fbbf24;font-size:.9rem;margin-left:auto}.social-login-btn .fa-spinner{animation:spin 1s linear infinite}.social-login-btn span{flex:1 1;text-align:left}.alert-error{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:.75rem;color:#fca5a5;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem}.alert-error i{color:#f87171}.login-page .floating-lang-dropdown,.login-page .floating-lang-selector{display:block!important;opacity:1!important;visibility:visible!important}.login-page .floating-lang-selector{bottom:24px!important;left:24px!important;position:fixed!important;z-index:9999!important}.login-page .floating-lang-dropdown{position:absolute!important;z-index:10000!important}.register-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#111827);display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-container{display:flex;gap:4rem;max-width:1100px;width:100%}.register-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #6366f133;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:2.5rem;width:100%}.register-header{margin-bottom:2rem;text-align:center}.register-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.register-subtitle{color:#94a3b8;font-size:1rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label i{margin-right:.5rem}.form-input{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;color:#fff;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{background:#0f172acc;border-color:#667eea;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder{color:#64748b}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-select option{background:#1e293b;color:#fff}.password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#667eea}.alert{align-items:flex-start;border-radius:.75rem}.alert-info{background:#6366f11a}.alert-info i{color:#667eea;font-size:1.1rem;margin-top:.1rem}.alert-info ul{font-size:.9rem;margin:.5rem 0 0 1.25rem;padding:0}.alert-info li{margin-bottom:.25rem}.btn{border-radius:.75rem}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d}.btn-lg{font-size:1.05rem!important;margin-top:.5rem;padding:1rem 2rem!important}.btn:disabled{cursor:not-allowed;opacity:.7}.register-footer{border-top:1px solid #6366f11a;color:#94a3b8;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.link-primary{color:#667eea;font-weight:600;text-decoration:none}.link-primary:hover{color:#818cf8;text-decoration:underline}.register-features{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.register-features h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;margin-bottom:2rem}.features-list{display:flex;flex-direction:column;gap:1.25rem}.feature-item{grid-gap:1rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;display:grid;gap:1rem;grid-template-columns:50px 1fr;min-height:90px;padding:1.25rem;transition:all .3s ease}.feature-item:hover{border-color:#6366f14d;box-shadow:0 10px 30px #6366f133;transform:translateX(10px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:.75rem;display:flex;flex-shrink:0;height:50px;justify-content:center;justify-self:center;width:50px}.feature-icon i{color:#667eea;font-size:1.5rem}.feature-content{display:flex;flex-direction:column;justify-content:center}.feature-content h3{color:#fff;font-size:1rem;margin:0 0 .25rem}.feature-content p{color:#94a3b8;font-size:.9rem;margin:0}@media (max-width:1024px){.register-container{align-items:center;flex-direction:column}.register-features{max-width:480px;width:100%}}@media (max-width:640px){.register-page{padding:1rem}.register-box{padding:1.5rem}.register-title{font-size:1.75rem}.feature-item{grid-template-columns:40px 1fr;min-height:80px;padding:1rem}.feature-icon{height:40px;width:40px}.feature-icon i{font-size:1.25rem}}.fa-spin{animation:spin 1s linear infinite}.reset-password-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.reset-password-container{max-width:450px;position:relative;width:100%;z-index:1}.reset-password-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #6366f133;border-radius:1.5rem;box-shadow:0 20px 60px #0006;padding:2.5rem}.reset-header{margin-bottom:2rem;text-align:center}.reset-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;margin-bottom:1rem}.reset-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.reset-header p{color:#94a3b8;font-size:.95rem}.reset-form{gap:1.5rem}.form-group,.reset-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input{background:#0f172a99;border:1px solid #6366f133;border-radius:12px;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#64748b}.form-group input:disabled{cursor:not-allowed;opacity:.6}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.toggle-password{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.toggle-password:hover{color:#667eea}.password-hint{color:#64748b;font-size:.8rem;margin-top:.25rem}.alert{font-weight:500}.alert-error i{font-size:1.1rem}.btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #667eea66}.btn-block{width:100%}.reset-footer{margin-top:.5rem;text-align:center}.back-to-login{align-items:center;color:#94a3b8;display:inline-flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .3s ease}.back-to-login:hover{color:#667eea}.success-state{padding:1rem 0;text-align:center}.success-icon{animation:successPop .5s ease;color:#10b981;display:block;font-size:5rem;margin-bottom:1.5rem}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-state h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.success-state p{color:#94a3b8;margin-bottom:.5rem}.redirect-text{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;color:#10b981;font-size:.9rem;margin:1.5rem 0;padding:1rem}.background-shapes{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:400px;right:-100px;top:-100px;width:400px}.shape-2{animation-delay:-5s;bottom:-50px;height:300px;left:-50px;width:300px}.shape-3{animation-delay:-10s;height:200px;left:10%;width:200px}@media (max-width:480px){.reset-password-page{padding:1rem}.reset-password-card{padding:1.5rem}.reset-header h1{font-size:1.5rem}.reset-icon{font-size:2.5rem}}.user-badge{align-items:center;cursor:help;display:inline-flex;gap:.25rem;justify-content:center;transition:all .3s ease}.badge-verified{color:#3b82f6}.badge-verified i{filter:drop-shadow(0 0 3px rgba(59,130,246,.5))}.badge-verified:hover{color:#60a5fa;transform:scale(1.1)}.badge-verified:hover i{filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}.badge-diamond{position:relative}.badge-diamond,.badge-diamond i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899,#3b82f6);-webkit-background-clip:text;background-clip:text}.badge-diamond i{animation:diamond-shine 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(168,85,247,.5))}.badge-diamond:hover{transform:scale(1.15)}.badge-diamond:hover i{animation:diamond-pulse .5s ease-in-out;filter:drop-shadow(0 0 10px rgba(168,85,247,.8))}@keyframes diamond-shine{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.5))}50%{filter:drop-shadow(0 0 8px rgba(236,72,153,.7))}}@keyframes diamond-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.badge-small,.badge-small i{font-size:.75rem}.badge-medium,.badge-medium i{font-size:1rem}.badge-large{gap:.4rem}.badge-large,.badge-large i{font-size:1.25rem}.badge-large .badge-label{font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-verified.badge-large .badge-label{-webkit-text-fill-color:#3b82f6;color:#3b82f6}.badge-diamond.badge-large .badge-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text}.name-with-badge{align-items:center;display:inline-flex;gap:.5rem}.name-with-badge .user-badge{flex-shrink:0}.live-locked-indicator{align-items:center;background:#64748b33;border:1px solid #64748b4d;border-radius:12px;color:#94a3b8;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem}.live-locked-indicator i{color:#64748b;font-size:1.1rem}.live-progress-bar{background:#64748b4d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.live-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;height:100%;transition:width .5s ease}.live-progress-text{color:#64748b;font-size:.8rem;white-space:nowrap}.verified-badge{background:#3b82f6;border-radius:50%;color:#fff!important;filter:drop-shadow(0 0 4px rgba(59,130,246,.5));font-size:1rem;margin-left:.3rem;padding:2px;vertical-align:middle}.block-mute-menu-wrapper{display:inline-block;position:relative}.block-mute-trigger{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.block-mute-trigger:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.block-mute-trigger.active{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.block-mute-dropdown{animation:dropdownFadeIn .15s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14141ef2;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 8px 32px #0006;min-width:240px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.block-mute-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:12px;padding:10px 14px;position:relative;text-align:left;transition:all .15s ease;width:100%}.block-mute-item:hover{background:#ffffff0f;color:#fff}.block-mute-item i{font-size:1rem;text-align:center;width:18px}.block-mute-item.danger{color:#fca5a5}.block-mute-item.danger:hover{background:#ef44441f;color:#ef4444}.block-mute-item.success:hover{background:#10b9811f;color:#10b981}.block-mute-separator{background:#ffffff14;height:1px;margin:6px 4px}.block-mute-item .submenu-arrow{font-size:.75rem;margin-left:auto;opacity:.5}.block-mute-submenu{margin-top:2px;padding-left:32px}.block-mute-submenu-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.block-mute-submenu-item:hover{background:#8b5cf61a;color:#c4b5fd}.block-mute-item.loading{opacity:.6;pointer-events:none}.block-mute-item.loading i{animation:spin .8s linear infinite}[data-theme=light] .block-mute-trigger{background:#0000000a;border-color:#0000001a;color:#000000b3}[data-theme=light] .block-mute-trigger:hover{background:#00000014;color:#000000e6}[data-theme=light] .block-mute-dropdown{background:#fffffffa;border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .block-mute-item{color:#000000d9}[data-theme=light] .block-mute-item:hover{background:#0000000d;color:#000}[data-theme=light] .block-mute-separator{background:#00000014}[data-theme=light] .block-mute-submenu-item{color:#0f172abf}[data-theme=light] .block-mute-submenu-item:hover{background:#8b5cf61a;color:#6d28d9}[data-theme=light] .block-mute-item.danger{color:#dc2626}[data-theme=light] .block-mute-item.danger:hover{background:#ef44441a;color:#b91c1c}[data-theme=light] .block-mute-item.success{color:#059669}[data-theme=light] .block-mute-item.success:hover{background:#10b9811a;color:#047857}.block-mute-success{align-items:center;background:#10b9811f;border-radius:.6rem;color:#10b981;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;margin:.3rem .3rem .1rem;padding:.7rem 1rem}.block-mute-success i{font-size:1.05rem}[data-theme=light] .block-mute-success{background:#10b9811a;color:#059669}.messages-page{background:#0f172a;display:flex;height:calc(100vh - 60px);margin:-1.5rem}.conversations-sidebar{background:#1e293b80;border-right:1px solid #6366f11a;display:flex;flex-direction:column;min-width:350px;width:350px}.conversations-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:1.25rem}.conversations-header h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.conversations-header h2 i{color:#667eea}.new-message-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.new-message-btn:hover{transform:scale(1.05)}.conversations-search{padding:1rem;position:relative}.conversations-search i{color:#64748b;left:1.75rem;position:absolute;top:50%;transform:translateY(-50%)}.conversations-search input{background:#0f172a99;border:1px solid #6366f133;border-radius:10px;color:#fff;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.conversations-search input:focus{border-color:#667eea;outline:none}.conversations-list{flex:1 1;overflow-y:auto}.no-conversations{color:#64748b;padding:3rem;text-align:center}.no-conversations i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-conversations p{margin-bottom:1rem}.no-conversations button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.no-conversations button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.search-results-section{border-bottom:1px solid #6366f133;margin-bottom:.5rem}.search-section-title{align-items:center;background:#6366f10d;color:#667eea;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase}.search-section-title i{font-size:.7rem}.conversation-item{align-items:center;border-bottom:1px solid #6366f10d;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.conversation-item:hover{background:#6366f11a}.conversation-item.active{background:#6366f126;border-left:3px solid #667eea}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;min-width:50px;overflow:hidden;position:relative;width:50px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.online-indicator{background:#10b981;border:2px solid #1e293b;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-info{flex:1 1;min-width:0}.conversation-name{align-items:center;color:#fff;display:flex;font-weight:600;gap:.5rem;margin-bottom:.25rem}.role-badge{background:#6366f14d;border-radius:4px;font-size:.65rem;font-weight:600;margin-left:.5rem;padding:.15rem .4rem}.role-badge.dj{background:#ec48994d;color:#f9a8d4}.role-badge.artist{background:#8b5cf64d;color:#c4b5fd}.role-badge.user{background:#10b9814d;color:#6ee7b7}.conversation-preview{color:#94a3b8;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.conversation-time{color:#64748b;font-size:.75rem}.unread-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.chat-area{background:#0f172a80}.chat-area,.no-chat-selected{display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;color:#64748b;justify-content:center}.no-chat-selected i{font-size:4rem;margin-bottom:1.5rem;opacity:.3}.no-chat-selected h3{color:#fff;margin-bottom:.5rem}.start-chat-btn{background:linear-gradient(135deg,#667eea33,#764ba233);border:none;border-radius:12px;color:#a5b4fc;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-top:1.5rem;padding:1rem 2rem;transition:all .3s ease}.start-chat-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.chat-header{align-items:center;background:#1e293b80;border-bottom:1px solid #6366f11a;display:flex;gap:1rem;padding:1rem 1.25rem}.btn-back-mobile{background:#6366f133;border:none;border-radius:10px;color:#a5b4fc;cursor:pointer;display:none;height:36px;width:36px}.chat-user-info{cursor:pointer;flex:1 1;gap:1rem}.chat-avatar,.chat-user-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:1.25rem;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-user-details{display:flex;flex-direction:column}.chat-user-name{color:#fff;font-weight:600}.chat-user-status{color:#10b981;font-size:.8rem}.typing-indicator{color:#667eea}.typing-dots{animation:typing-bounce 1.5s ease-in-out infinite}@keyframes typing-bounce{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-messages{gap:1rem;padding:1.5rem}.no-messages{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-messages i{font-size:3rem;margin-bottom:1rem;opacity:.5}.message{max-width:70%}.message.own{align-self:flex-end}.message.other{align-self:flex-start}.message-bubble{border-radius:1rem;padding:.75rem 1rem;position:relative}.message.own .message-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:4px}.message.other .message-bubble{background:#1e293bcc;border-bottom-left-radius:4px;color:#fff}.message-bubble p{word-wrap:break-word;line-height:1.5;margin:0}.message-time{align-items:center;display:flex;font-size:.7rem;gap:.5rem;justify-content:flex-end;margin-top:.5rem;opacity:.7}.message-time i{font-size:.65rem}.message-time i.read{color:#60a5fa}.chat-input{background:#1e293b80;border-top:1px solid #6366f11a;display:flex;gap:.75rem;padding:1rem}.chat-input input{background:#0f172a99;border:1px solid #6366f133;border-radius:25px;color:#fff;flex:1 1;font-size:.95rem;padding:.875rem 1.25rem}.chat-input input:focus{border-color:#667eea;outline:none}.send-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.modal{max-height:80vh}.search-users-input{margin-bottom:1rem;position:relative}.search-users-input i{color:#64748b;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-users-input input{background:#0f172a99;border:1px solid #6366f133;border-radius:10px;color:#fff;font-size:.95rem;padding:.875rem 1rem .875rem 2.75rem;width:100%}.search-users-results{max-height:300px;overflow-y:auto}.no-users-found,.searching{color:#94a3b8;padding:2rem;text-align:center}.user-result-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:all .2s ease}.user-result-item:hover{background:#6366f11a}.user-result-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;font-size:1.25rem;height:45px;justify-content:center;overflow:hidden;width:45px}.user-result-avatar img{height:100%;object-fit:cover;width:100%}.user-result-info{display:flex;flex-direction:column}.user-result-name{color:#fff;font-weight:600}.user-result-role{color:#94a3b8;font-size:.8rem}.no-conversations button{align-items:center;display:inline-flex;gap:.5rem;justify-content:center;padding:.6rem 1.25rem;width:auto}.no-conversations button i{font-size:1rem;margin-bottom:0;opacity:1}.start-chat-btn{align-items:center;align-self:center;display:inline-flex;gap:.5rem;justify-content:center;padding:.6rem 1.25rem;width:auto}.start-chat-btn i{font-size:1rem;margin-bottom:0;opacity:1}.messages-page{height:calc(100vh - 84px);margin-top:0}.chat-avatar i,.conversation-avatar i,.user-result-avatar i{color:#fff;font-size:1.2rem}.message.own .message-bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.message.own .message-bubble p{color:#fff}.message.own .message-time{color:#ffffffd9;opacity:1}.chat-header .connected{color:#22c55e}.chat-header .disconnected{color:#ef4444}.feed-page{min-height:100vh;padding:1.5rem}.feed-loading{align-items:center;color:#667eea;display:flex;font-size:2rem;justify-content:center;min-height:50vh}.feed-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:260px 1fr 300px;margin:0 auto;max-width:1400px}.feed-sidebar-left{display:flex;flex-direction:column;gap:1.25rem;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1.5rem}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem;text-align:center}.profile-card .profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #667eea4d;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:80px}.profile-card .profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-card .profile-avatar i{color:#fff;font-size:2rem}.profile-name{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.profile-role{color:#94a3b8;font-size:.85rem;margin:0 0 1rem}.view-profile-link{align-items:center;color:#818cf8;display:inline-flex;font-size:.85rem;gap:.4rem;text-decoration:none;transition:color .3s ease}.view-profile-link:hover{color:#a5b4fc}.quick-links-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem}.quick-links-card h4{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.5rem;margin:0 0 1rem}.quick-links-card h4 i{color:#667eea}.quick-link{align-items:center;border-radius:.5rem;color:#94a3b8;display:flex;font-size:.9rem;gap:.75rem;padding:.6rem .75rem;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#667eea1a;color:#fff}.quick-link i{text-align:center;width:20px}.feed-main{min-width:0}.feed-header{margin-bottom:1.5rem}.feed-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.75rem;gap:.75rem;margin:0}.feed-header h1 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text}.create-post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:1.5rem;overflow:visible;padding:1.25rem;position:relative;z-index:100}.create-post-header{display:flex;gap:1rem;margin-bottom:1rem}.create-post-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:45px;justify-content:center;overflow:hidden;width:45px}.create-post-avatar img{height:100%;object-fit:cover;width:100%}.create-post-avatar i{color:#fff;font-size:1.2rem}.post-input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:1.5rem;color:#fff;flex:1 1;font-size:.95rem;padding:.875rem 1rem;resize:none}.post-input:focus{border-color:#667eea;outline:none}.post-input::placeholder{color:#64748b}.image-preview{border-radius:.75rem;margin-bottom:1rem;overflow:hidden;position:relative}.image-preview img{max-height:200px;object-fit:cover;width:100%}.remove-image{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:30px}.remove-image:hover{background:#ef4444cc}.create-post-actions{align-items:center;display:flex;justify-content:space-between}.post-attachments{display:flex;gap:.5rem}.attachment-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.attachment-btn:hover{background:#667eea33;color:#667eea}.attachment-btn.active{background:#6366f14d;color:#667eea}.post-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s ease}.post-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.post-btn:disabled{cursor:not-allowed;opacity:.5}.location-picker-container{margin:10px 0;position:relative;z-index:9999}.posts-list{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.no-posts{background:#1e293b66;border:1px solid #ffffff1a;border-radius:1rem;padding:3rem 2rem;text-align:center}.no-posts i{color:#64748b;font-size:3.5rem;margin-bottom:1rem}.no-posts h3{color:#fff;margin:0 0 .5rem}.no-posts p{color:#94a3b8;margin:0 0 1.5rem}.no-posts .btn{align-items:center;display:inline-flex;gap:.5rem}.post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;overflow:visible;position:relative;transition:all .3s ease;z-index:1}.post-card:hover{border-color:#667eea4d}.post-header{justify-content:space-between;padding:1rem 1.25rem}.post-header,.post-user{align-items:center;display:flex}.post-user{gap:.75rem}.post-avatar{object-fit:cover}.post-avatar,.post-avatar-placeholder{border-radius:50%;height:45px;width:45px}.post-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.post-user-info h4{color:#fff;font-size:.95rem;margin:0 0 .2rem}.post-user-info p{color:#64748b;font-size:.8rem;margin:0}.post-menu-btn{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;padding:.5rem;transition:all .3s ease}.post-menu-btn:hover{background:#ffffff1a;color:#fff}.post-content{padding:0 1.25rem 1rem}.post-content p{color:#e2e8f0;line-height:1.6;margin:0;white-space:pre-wrap}.post-image,.post-video{overflow:hidden;width:100%}.post-image img,.post-video video{display:block;max-height:450px;object-fit:cover;width:100%}.post-stats{border-top:1px solid #ffffff0d;color:#94a3b8;display:flex;font-size:.85rem;gap:1.25rem;padding:.875rem 1.25rem}.post-stats span{align-items:center;display:flex;gap:.4rem}.post-actions-bar{border-top:1px solid #ffffff0d;display:flex;justify-content:space-around;padding:.5rem 1rem}.action-btn{-webkit-appearance:none;appearance:none;background:none!important;border:none!important;box-shadow:none!important;color:#94a3b8;font-size:.8rem;gap:.35rem;outline:none!important;padding:.4rem .6rem;transition:color .2s ease}.action-btn:hover{background:none!important;color:#818cf8}.action-btn:focus{box-shadow:none!important;outline:none!important}.action-btn:active{background:none!important}.action-btn.liked{color:#ec4899}.comments-section{border-top:1px solid #ffffff0d;padding:1rem 1.25rem}.comment-form{display:flex;gap:.75rem}.comment-input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:2rem;color:#fff;flex:1 1;font-size:.875rem;padding:.65rem 1rem}.comment-input:focus{border-color:#667eea;outline:none}.comment-input::placeholder{color:#64748b}.feed-sidebar-right{display:flex;flex-direction:column;gap:1.25rem;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1.5rem}.sidebar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem}.sidebar-card h4{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:.5rem;margin:0 0 1rem}.sidebar-card h4 i{color:#667eea}.events-card h4 i{color:#10b981}.trending-card h4 i{color:#f59e0b}.suggestions-card h4 i{color:#ec4899}.empty-text{color:#64748b;font-size:.85rem;margin:0;text-align:center}.events-list{gap:.75rem;margin-bottom:1rem}.event-item{background:#0f172a80;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.event-item:hover{background:#10b9811a}.event-date-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:.5rem;display:flex;flex-direction:column;min-width:50px;padding:.5rem;text-align:center}.event-day{font-size:1.25rem}.event-month{color:#fffc;font-size:.7rem}.event-info h5{color:#fff;font-size:.9rem;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info p{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:.3rem;margin:0}.event-info p i{font-size:.65rem}.trending-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.trending-item{align-items:center;background:#0f172a80;border-radius:.75rem;display:flex;gap:.75rem;padding:.6rem .75rem;text-decoration:none;transition:all .3s ease}.trending-item:hover{background:#f59e0b1a}.trending-rank{color:#f59e0b;font-size:.85rem;font-weight:700;min-width:24px}.trending-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.trending-avatar img{height:100%;object-fit:cover;width:100%}.trending-avatar i{color:#fff;font-size:.9rem}.trending-info{flex:1 1;min-width:0}.trending-info h5{color:#fff;font-size:.85rem;margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-info p{color:#64748b;font-size:.75rem;margin:0}.see-all-link{border-top:1px solid #ffffff0d;color:#818cf8;display:flex;font-size:.85rem;justify-content:center;padding-top:.5rem;transition:color .3s ease}.see-all-link:hover{color:#a5b4fc}.btn{border-radius:.5rem;padding:.5rem 1rem}.btn-primary:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-sm{padding:.5rem .75rem}.emoji-picker{background:#0f172acc;border:1px solid #6366f133;border-radius:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-width:100%;padding:1rem}.emoji-btn{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:.5rem;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.emoji-btn:hover{background:#6366f14d;transform:scale(1.1)}.location-input-wrapper{align-items:center;background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.location-input-wrapper i{color:#667eea;font-size:1rem}.location-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.location-input::placeholder{color:#64748b}.remove-location{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-location:hover{background:#ef444433}.post-menu-wrapper{position:relative}.post-menu-dropdown{animation:dropdownSlide .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #6366f133;border-radius:.75rem;min-width:150px;padding:.5rem;position:absolute;right:0;top:100%;z-index:100}.menu-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#e2e8f0;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.menu-item:hover{background:#6366f11a}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:#ef44441a}.menu-item.edit{color:#667eea}.menu-item.edit:hover{background:#6366f11a}.menu-item.report{color:#f59e0b}.menu-item.report:hover{background:#f59e0b1a}.menu-item i{text-align:center;width:16px}.post-location{color:#667eea}.post-location i{margin-right:.25rem}.post-edit-form{border-top:1px solid #6366f11a;padding:1rem}.edit-textarea{background:#0f172a99;border:1px solid #6366f14d;border-radius:.75rem;color:#fff;font-size:1rem;min-height:80px;padding:.875rem 1rem;resize:vertical;transition:all .3s ease;width:100%}.edit-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #6366f11a;outline:none}.edit-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.btn-cancel-edit,.btn-save-edit{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-cancel-edit{background:#0000;border:1px solid #6366f14d;color:#94a3b8}.btn-cancel-edit:hover{background:#6366f11a;color:#fff}.btn-save-edit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600}.btn-save-edit:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-1px)}.report-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.report-modal{animation:modalSlide .3s ease;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #f59e0b33;border-radius:1rem;display:flex;flex-direction:column;max-height:90vh;max-width:480px;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.report-modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.75rem}.report-modal-header h3 i{color:#f59e0b}.report-modal-header .close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.report-modal-header .close-btn:hover{background:#ef444433}.report-modal-body{flex:1 1;max-height:calc(90vh - 180px);overflow-y:auto;padding:1.5rem}.report-reasons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.report-reason{align-items:center;background:#0f172a99;border:1px solid #6366f11a;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.report-reason:hover{background:#f59e0b0d;border-color:#f59e0b4d}.report-reason.selected{background:#f59e0b1a;border-color:#f59e0b}.report-reason.selected:before{color:#f59e0b;content:"✓";font-size:1rem;font-weight:700}.report-reason .reason-label{color:#e2e8f0;font-size:.95rem}.report-reason.selected .reason-label{color:#f59e0b}.report-description label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.report-description textarea{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;color:#fff;font-size:.95rem;min-height:80px;padding:.875rem 1rem;resize:vertical;width:100%}.report-description textarea:focus{border-color:#f59e0b;outline:none}.report-description textarea::placeholder{color:#64748b}.report-modal-footer{background:linear-gradient(145deg,#1e293b,#0f172a);border-top:1px solid #6366f11a;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.report-modal-footer .btn-cancel{background:#0000;border:1px solid #6366f14d;border-radius:.5rem;color:#94a3b8;cursor:pointer;padding:.625rem 1.25rem;transition:all .2s ease}.report-modal-footer .btn-cancel:hover{background:#6366f11a;color:#fff}.report-modal-footer .btn-report{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.report-modal-footer .btn-report:hover:not(:disabled){box-shadow:0 5px 15px #f59e0b4d;transform:translateY(-1px)}.report-modal-footer .btn-report:disabled{cursor:not-allowed;opacity:.6}.share-wrapper{position:relative}.share-dropdown{animation:shareDropdownSlideUp .2s ease;background:#1e293b;border:1px solid #6366f14d;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 -10px 40px #00000080;left:50%;min-width:280px;padding:12px;position:absolute;transform:translateX(-50%);z-index:1000}@keyframes shareDropdownSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.share-dropdown:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #1e293b;bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.share-dropdown-header{align-items:center;border-bottom:1px solid #6366f11a;color:#94a3b8;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;padding:.5rem .75rem;text-transform:uppercase}.share-dropdown-header i{color:#667eea}.share-option{align-items:center;background:#0000;border:none;border-radius:.75rem;cursor:pointer;display:flex;gap:.875rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.share-option:hover{background:#6366f11a}.share-option-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.share-option-icon.repost{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.share-option-icon.forward{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.share-option-icon i{font-size:1rem}.share-option-text{display:flex;flex-direction:column;gap:.15rem}.share-option-title{color:#fff;font-size:.95rem;font-weight:600}.share-option-desc{color:#64748b;font-size:.8rem}.share-divider{background:#6366f11a;height:1px;margin:.75rem 0}.share-social-label{color:#64748b;font-size:.75rem;margin-bottom:.5rem;padding:0 .5rem}.share-social-buttons{display:flex;gap:.75rem;justify-content:center;padding:.5rem}.share-social-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.share-social-btn:hover{transform:scale(1.1)}.share-social-btn.facebook{background:#1877f2;color:#fff}.share-social-btn.facebook:hover{box-shadow:0 5px 15px #1877f266}.share-social-btn.twitter{background:#1da1f2;color:#fff}.share-social-btn.twitter:hover{box-shadow:0 5px 15px #1da1f266}.share-social-btn.whatsapp{background:#25d366;color:#fff}.share-social-btn.whatsapp:hover{box-shadow:0 5px 15px #25d36666}.share-social-btn.copy{background:#6366f133;color:#667eea}.share-social-btn.copy:hover{background:#6366f14d;box-shadow:0 5px 15px #6366f14d}.forward-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.forward-modal{animation:modalSlide .3s ease;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #6366f133;border-radius:1.25rem;display:flex;flex-direction:column;max-height:85vh;max-width:420px;width:100%}.forward-modal-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.forward-modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.75rem;margin:0}.forward-modal-header h3 i{color:#667eea}.forward-modal-header .close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.forward-modal-header .close-btn:hover{background:#ef444433;transform:rotate(90deg)}.forward-modal-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.forward-search{align-items:center;background:#0f172a99;border:1px solid #6366f133;border-radius:2rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.forward-search i{color:#64748b}.forward-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;outline:none}.forward-search input::placeholder{color:#64748b}.selected-user{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.selected-user>span{color:#94a3b8;font-size:.9rem}.selected-user-chip{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:2rem;display:flex;gap:.5rem;padding:.4rem .75rem .4rem .4rem}.selected-user-chip img{border-radius:50%;height:28px;object-fit:cover;width:28px}.selected-user-chip>i{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:28px;justify-content:center;width:28px}.selected-user-chip span{color:#fff;font-size:.9rem;font-weight:500}.selected-user-chip button{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;margin-left:.25rem;transition:all .2s ease;width:22px}.selected-user-chip button:hover{background:#ef44444d}.users-list{margin-bottom:1rem;max-height:200px;overflow-y:auto}.loading-users,.no-users,.search-hint{color:#64748b;font-size:.9rem;padding:2rem;text-align:center}.loading-users i{color:#667eea;font-size:1.5rem}.user-item{align-items:center;background:#0000;border:none;border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.user-item:hover{background:#6366f11a}.user-item .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.user-item .user-avatar img{height:100%;object-fit:cover;width:100%}.user-item .user-avatar i{color:#fff;font-size:1rem}.user-item .user-info{align-items:center;display:flex;gap:.5rem}.user-item .user-name{color:#fff;font-size:.95rem;font-weight:500}.user-item .user-role{font-size:.9rem}.forward-message{margin-bottom:1rem}.forward-message label{color:#94a3b8;display:block;font-size:.85rem;margin-bottom:.5rem}.forward-message textarea{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;color:#fff;font-size:.95rem;padding:.75rem 1rem;resize:none;width:100%}.forward-message textarea:focus{border-color:#667eea;outline:none}.forward-message textarea::placeholder{color:#64748b}.forward-post-preview{background:#0f172a80;border:1px solid #6366f11a;border-radius:.75rem;overflow:hidden}.forward-post-preview .preview-header{align-items:center;background:#6366f11a;color:#94a3b8;display:flex;font-size:.8rem;gap:.5rem;padding:.6rem 1rem}.forward-post-preview .preview-header i{color:#667eea}.forward-post-preview .preview-content{padding:.875rem 1rem}.forward-post-preview .preview-content strong{color:#fff;display:block;font-size:.9rem;margin-bottom:.35rem}.forward-post-preview .preview-content p{color:#94a3b8;font-size:.85rem;line-height:1.4;margin:0}.forward-modal-footer{border-top:1px solid #6366f11a;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.forward-modal-footer .btn-cancel{background:#0000;border:1px solid #6366f14d;border-radius:.5rem;color:#94a3b8;cursor:pointer;padding:.65rem 1.25rem;transition:all .2s ease}.forward-modal-footer .btn-cancel:hover{background:#6366f11a;color:#fff}.forward-modal-footer .btn-send{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.65rem 1.5rem;transition:all .2s ease}.forward-modal-footer .btn-send:hover:not(:disabled){box-shadow:0 5px 20px #6366f166;transform:translateY(-2px)}.forward-modal-footer .btn-send:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.feed-layout{grid-template-columns:240px 1fr 280px}}@media (max-width:1024px){.feed-layout{grid-template-columns:1fr 280px}.feed-sidebar-left{display:none}}@media (max-width:768px){.feed-page{padding:1rem}.feed-layout{grid-template-columns:1fr}.feed-sidebar-right{display:none}.action-btn,.post-actions-bar{padding:.4rem .5rem}.action-btn{font-size:.8rem;gap:.4rem}}@media (max-width:480px){.share-dropdown{left:auto;min-width:260px;right:0;transform:none}.share-dropdown:after{left:auto;right:30px;transform:none}.forward-modal-overlay{align-items:flex-end;padding:0}.forward-modal{animation:slideUp .3s ease;border-radius:1.5rem 1.5rem 0 0;max-height:90vh;max-width:100%}.forward-modal-body{padding:1rem}.forward-modal-footer{flex-direction:column;padding:1rem}.forward-modal-footer .btn-cancel,.forward-modal-footer .btn-send{justify-content:center;padding:.875rem;width:100%}.report-modal-overlay{align-items:flex-end;padding:0}.report-modal{animation:slideUp .3s ease;border-radius:1.5rem 1.5rem 0 0;max-height:85vh;max-width:100%}.report-modal-body{max-height:calc(85vh - 160px);padding:1rem}.report-modal-header{padding:1rem}.report-modal-footer{flex-direction:column;padding:1rem}.report-modal-footer .btn-cancel,.report-modal-footer .btn-report{justify-content:center;padding:.875rem;width:100%}.report-reason{padding:.625rem .875rem}}.event-post-card{background:linear-gradient(135deg,#6366f114,#764ba21f);border:1px solid #6366f133;border-left:4px solid #667eea;border-radius:12px;display:flex;flex-direction:column;gap:.6rem;margin:0;overflow:hidden;padding:1.25rem 1.25rem 1.25rem 1.5rem;position:relative}.event-post-card:before{background:radial-gradient(circle,#6366f11f 0,#0000 70%);border-radius:50%;content:"";height:120px;pointer-events:none;position:absolute;right:0;top:0;width:120px}.event-post-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;gap:.35rem;letter-spacing:.08em;padding:.25rem .7rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.event-post-badge i{font-size:.6rem;font-size:.7rem}.event-post-title{color:#fff;font-size:1.15rem;font-weight:700;margin:0}.event-post-details{display:flex;flex-wrap:wrap;gap:.75rem}.event-post-detail{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.4rem}.event-post-detail i{color:#667eea;font-size:.8rem;width:14px}.event-post-ticket-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.event-post-ticket-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.event-lite-card{background:#1e293b80;border:1px solid #ffffff0f;border-radius:10px;display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem}.event-lite-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.event-lite-details{display:flex;flex-wrap:wrap;gap:.75rem}.event-lite-detail{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:.35rem}.event-lite-detail i{color:#667eea;font-size:.75rem;width:14px}.event-lite-link{align-items:center;color:#818cf8;display:inline-flex;font-size:.8rem;gap:.4rem;text-decoration:none;transition:color .2s ease}.event-lite-link:hover{color:#a5b4fc}.event-post-rsvp{display:flex;gap:.5rem;margin-top:.25rem}.rsvp-btn{align-items:center;background:#6366f114;border:1px solid #6366f140;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.35rem;padding:.4rem .85rem;transition:all .2s ease}.rsvp-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f180;color:#c7d2fe}.rsvp-btn:disabled{cursor:not-allowed;opacity:.5}.rsvp-btn.active.interested{background:#f59e0b26;border-color:#f59e0b;color:#fbbf24}.rsvp-btn.active.going{background:#10b98126;border-color:#10b981;color:#34d399}.rsvp-count{background:#ffffff1a;border-radius:10px;font-size:.7rem;min-width:18px;padding:.1rem .4rem;text-align:center}.rsvp-btn.active .rsvp-count{background:#ffffff26}.event-post-description{border-top:1px solid #6366f11a;color:#c7d2fe;font-size:.9rem;line-height:1.5;margin:0;padding-top:.25rem;white-space:pre-wrap}.event-lite-description{color:#b0b8c8;font-size:.85rem;line-height:1.5;margin:0;white-space:pre-wrap}.feed-tabs{display:flex;gap:.5rem;margin-top:.75rem}.feed-tab{align-items:center;background:#1e293b66;border:1px solid #6366f133;border-radius:20px;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.5rem 1.2rem;transition:all .3s ease}.feed-tab:hover{border-color:#6366f166;color:#e2e8f0}.feed-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff;font-weight:600}.forward-modal-overlay,.report-modal-overlay{align-items:center!important;animation:modalFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf!important;bottom:0!important;cursor:pointer;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;padding:20px;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.forward-modal,.report-modal{animation:modalSlideUp .3s ease-out;background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #6366f166!important;border-radius:1rem!important;box-shadow:0 25px 60px #0009!important;cursor:default;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:500px!important;overflow:hidden!important;width:100%!important}.forward-modal-body,.report-modal-body{flex:1 1;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.event-post-rsvp{display:flex!important;flex-wrap:wrap;gap:.5rem!important}.event-post-rsvp .rsvp-btn{align-items:center!important;display:inline-flex!important;flex:1 1 auto!important;font-size:.85rem!important;gap:.4rem!important;justify-content:center!important;min-width:0!important;padding:.6rem .75rem!important;white-space:nowrap!important}.event-post-rsvp .rsvp-btn i{flex-shrink:0;font-size:.9rem}.event-post-rsvp .rsvp-count{flex-shrink:0;font-size:.75rem;margin-left:.2rem}.light-theme .create-post-actions .attachment-btn,.light-theme .create-post-actions .emoji-btn,[data-theme=light] .create-post-actions .attachment-btn,[data-theme=light] .create-post-actions .emoji-btn,body.light-theme .create-post-actions .attachment-btn,body.light-theme .create-post-actions .emoji-btn,body[data-theme=light] .create-post-actions .attachment-btn,body[data-theme=light] .create-post-actions .emoji-btn{background:#7c3aed1a!important;border:1px solid #7c3aed33!important}.light-theme .create-post-actions .attachment-btn i,.light-theme .create-post-actions .emoji-btn i,[data-theme=light] .create-post-actions .attachment-btn i,[data-theme=light] .create-post-actions .emoji-btn i,body.light-theme .create-post-actions .attachment-btn i,body.light-theme .create-post-actions .emoji-btn i,body[data-theme=light] .create-post-actions .attachment-btn i,body[data-theme=light] .create-post-actions .emoji-btn i{color:#7c3aed!important}.light-theme .create-post-actions .attachment-btn:hover,.light-theme .create-post-actions .emoji-btn:hover,[data-theme=light] .create-post-actions .attachment-btn:hover,[data-theme=light] .create-post-actions .emoji-btn:hover,body.light-theme .create-post-actions .attachment-btn:hover,body.light-theme .create-post-actions .emoji-btn:hover,body[data-theme=light] .create-post-actions .attachment-btn:hover,body[data-theme=light] .create-post-actions .emoji-btn:hover{background:#7c3aed2e!important}.feed-page .feed-tabs,.feed-page .stories-bar-container,.feed-page .stories-container{margin-bottom:.75rem!important}.feed-page .create-post,.feed-page .post,.feed-page .post-card{margin-bottom:1rem!important}}.action-btn .action-count{align-items:center;background:#7c3aed26;border-radius:9px;color:#a78bfa;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:18px;justify-content:center;margin-left:.4rem;min-width:18px;padding:0 5px}.action-btn.liked .action-count{background:#ef444426;color:#f87171}.light-theme .action-btn .action-count,[data-theme=light] .action-btn .action-count,body.light-theme .action-btn .action-count,body[data-theme=light] .action-btn .action-count{background:#7c3aed1f;color:#7c3aed}.light-theme .action-btn.liked .action-count,[data-theme=light] .action-btn.liked .action-count,body.light-theme .action-btn.liked .action-count,body[data-theme=light] .action-btn.liked .action-count{background:#dc26261f;color:#dc2626}.location-picker-wrapper{position:relative;width:100%;z-index:9999}.location-picker-input-container{align-items:center;background:#0f172acc;border:1px solid #6366f14d;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.location-picker-input-container:hover{border-color:#6366f180}.location-picker-input-container.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.location-icon{color:#6366f1;flex-shrink:0;font-size:1rem}.loading-icon{color:#6366f1;flex-shrink:0;font-size:.9rem}.location-picker-input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-size:.95rem;min-width:0;outline:none}.location-picker-input::placeholder{color:#64748b}.location-clear-btn{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.location-clear-btn:hover{background:#ef44444d;transform:scale(1.1)}.location-clear-btn i{font-size:.7rem}.location-suggestions{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f14d;border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + 8px);z-index:99999!important}.location-suggestions::-webkit-scrollbar{width:6px}.location-suggestions::-webkit-scrollbar-track{background:#1e293b80;border-radius:3px}.location-suggestions::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.suggestions-header{align-items:center;background:#6366f11a;border-bottom:1px solid #6366f11a;color:#64748b;display:flex;font-size:.7rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding:.75rem 1rem;text-transform:uppercase}.suggestions-header i{color:#6366f1;font-size:.7rem}.suggestions-header i.fa-lightbulb{color:#fbbf24}.location-suggestion-item{align-items:center;border-bottom:1px solid #6366f114;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.location-suggestion-item:hover{background:#6366f126}.location-suggestion-item:last-of-type{border-bottom:none}.location-suggestion-item.local-suggestion{background:#fbbf240d}.location-suggestion-item.local-suggestion:hover{background:#fbbf2426}.suggestion-icon{align-items:center;background:#6366f126;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.suggestion-icon i{color:#6366f1;font-size:.9rem}.local-suggestion .suggestion-icon{background:#fbbf2426}.local-suggestion .suggestion-icon i{color:#fbbf24}.suggestion-icon.custom-icon{background:#10b98126}.suggestion-icon.custom-icon i{color:#10b981}.suggestion-text{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.suggestion-main{color:#e2e8f0;font-size:.95rem;font-weight:500;white-space:normal;word-break:break-word}.suggestion-main .highlight{color:#fbbf24;font-weight:700}.suggestion-secondary{color:#64748b;font-size:.8rem;white-space:normal;word-break:break-word}.location-suggestion-item.custom-option{background:#10b9810d;border-top:1px solid #10b98133}.location-suggestion-item.custom-option:hover{background:#10b98126}.custom-option .suggestion-main strong{color:#10b981}.suggestions-divider{align-items:center;display:flex;justify-content:center;padding:.5rem 1rem;position:relative}.suggestions-divider:after,.suggestions-divider:before{background:#6366f133;content:"";flex:1 1;height:1px}.suggestions-divider span{color:#64748b;font-size:.75rem;padding:0 .75rem;text-transform:lowercase}.location-no-results{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f14d;border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;padding:1.5rem;position:absolute;right:0;text-align:center;top:calc(100% + 8px);z-index:99999!important}.location-no-results i{color:#6366f1;display:block;font-size:1.5rem;margin-bottom:.5rem}.location-no-results span{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:1rem}.use-custom-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.use-custom-btn:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.locationiq-attribution{background:#0f172a80;border-top:1px solid #6366f11a;padding:.5rem 1rem;text-align:right}.locationiq-attribution a{align-items:center;color:#64748b;display:inline-flex;font-size:.7rem;gap:.35rem;text-decoration:none}.locationiq-attribution a:hover{color:#6366f1}@media (max-width:768px){.location-picker-input-container{padding:.625rem .875rem}.location-picker-input{font-size:16px}.location-suggestions{max-height:320px}.suggestion-icon{height:32px;width:32px}}.venue-distance{color:#10b981;font-weight:600}.venue-category{color:#8b5cf6;font-size:.78rem;font-weight:400}.stories-bar{margin-bottom:16px}.stories-scroll{background:#ffffff0a;background:var(--card-bg,#ffffff0a);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:16px;display:flex;gap:14px;overflow-x:auto;padding:14px 12px;scrollbar-width:none}.stories-scroll::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;gap:6px;width:76px}.story-item,.story-ring{align-items:center;display:flex}.story-ring{border-radius:50%;height:68px;justify-content:center;padding:3px;position:relative;width:68px}.story-ring.unviewed{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.story-ring.own,.story-ring.viewed{background:#3f3f46;background:var(--border-color,#3f3f46)}.story-avatar{align-items:center;background:#1a1a2e;background:var(--card-bg,#1a1a2e);border:2px solid #1a1a2e;border:2px solid var(--card-bg,#1a1a2e);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.story-avatar img{height:100%;object-fit:cover;width:100%}.story-avatar i{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:24px}.story-add-btn{align-items:center;background:#6c5ce7;border:2px solid #1a1a2e;border:2px solid var(--card-bg,#1a1a2e);border-radius:50%;bottom:-2px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;padding:0;position:absolute;right:-2px;width:22px}.story-add-btn:hover{background:#5a4bd4}.story-name{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:12px;max-width:72px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-name .verified-badge{font-size:10px;margin-left:3px}[data-theme=light] .stories-scroll{background:#ffffff8c!important;border:1px solid #6366f11f!important}[data-theme=light] .story-avatar{background:#f5f3ff!important;border-color:#0000!important}[data-theme=light] .story-avatar i{color:#a78bfa!important;font-size:26px}[data-theme=light] .story-ring.own,[data-theme=light] .story-ring.viewed{background:#e2e8f0!important}[data-theme=light] .story-name{color:#475569!important}[data-theme=light] .story-add-btn{border-color:#fff!important}.create-story-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.create-story-modal{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.create-story-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color,#ffffff14);display:flex;justify-content:space-between;padding:16px 20px}.create-story-header h3{align-items:center;color:#e4e4e7;color:var(--text-primary,#e4e4e7);display:flex;font-size:18px;gap:8px;margin:0}.create-story-header h3 i{color:#a78bfa}.create-story-header .close-btn{background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:18px;padding:4px 8px}.create-story-header .close-btn:hover{background:#ffffff0f;background:var(--border-color,#ffffff0f)}.create-story-body{flex:1 1;overflow-y:auto;padding:20px}.file-picker{align-items:center;border:2px dashed #ffffff26;border:2px dashed var(--border-color,#ffffff26);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center;transition:border-color .2s,background .2s}.file-picker:hover{background:#a78bfa0d;border-color:#a78bfa}.file-picker-icon{align-items:center;background:#a78bfa26;border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.file-picker-icon i{color:#a78bfa;font-size:28px}.file-picker h4{color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-size:15px;margin:0}.file-picker p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;margin:0}.story-preview-wrapper{display:flex;flex-direction:column;gap:12px}.story-preview{align-items:center;background:#000;border-radius:12px;display:flex;justify-content:center;max-height:400px;overflow:hidden;position:relative;width:100%}.story-preview img,.story-preview video{display:block;max-height:400px;object-fit:contain;width:100%}.remove-media-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;width:32px}.remove-media-btn:hover{background:#000000d9}.caption-input{background:#ffffff0a;background:var(--input-bg,#ffffff0a);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:10px;box-sizing:border-box;color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.caption-input:focus{border-color:#a78bfa;outline:none}.caption-counter{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:11px;margin-top:-4px;text-align:right}.story-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.create-story-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border-color,#ffffff14);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.create-story-footer .btn-cancel,.create-story-footer .btn-publish{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:9px 18px;transition:opacity .2s,transform .1s}.create-story-footer .btn-cancel{background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);color:#9ca3af;color:var(--text-secondary,#9ca3af)}.create-story-footer .btn-cancel:hover:not(:disabled){background:#ffffff0f;background:var(--border-color,#ffffff0f);color:#e4e4e7;color:var(--text-primary,#e4e4e7)}.create-story-footer .btn-publish{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-story-footer .btn-publish:hover:not(:disabled){transform:translateY(-1px)}.create-story-footer .btn-publish:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .create-story-modal{background:#fffffffa!important;border:1px solid #6366f11f!important}[data-theme=light] .create-story-header{border-bottom:1px solid #6366f11a!important}[data-theme=light] .create-story-header h3{color:#1e1b4b!important}[data-theme=light] .create-story-header .close-btn{color:#475569!important}[data-theme=light] .create-story-header .close-btn:hover{background:#6366f114!important}[data-theme=light] .file-picker{border:2px dashed #6366f133!important}[data-theme=light] .file-picker:hover{background:#a78bfa0f!important;border-color:#a78bfa!important}[data-theme=light] .file-picker h4{color:#1e1b4b!important}[data-theme=light] .file-picker p{color:#475569!important}[data-theme=light] .caption-input{background:#fffc!important;border:1px solid #6366f126!important;color:#1e293b!important}[data-theme=light] .caption-input:focus{border-color:#a78bfa!important}[data-theme=light] .caption-counter{color:#64748b!important}[data-theme=light] .create-story-footer{border-top:1px solid #6366f11a!important}[data-theme=light] .create-story-footer .btn-cancel{border:1px solid #6366f126!important;color:#475569!important}[data-theme=light] .create-story-footer .btn-cancel:hover:not(:disabled){background:#6366f10f!important;color:#1e1b4b!important}.story-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.story-viewer{background:#000;border-radius:12px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;height:100vh;max-height:90vh;max-width:420px;overflow:hidden;position:relative;width:100%}.story-progress-bars{display:flex;gap:4px;left:8px;position:absolute;right:8px;top:8px;z-index:10}.progress-segment{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.progress-fill{background:#fff;border-radius:2px;height:100%}.story-viewer-header{align-items:center;background:linear-gradient(180deg,#0009,#0000);display:flex;justify-content:space-between;left:0;padding:12px 14px;position:absolute;right:0;top:22px;z-index:10}.story-viewer-user{align-items:center;display:flex;gap:10px}.story-viewer-avatar{align-items:center;background:#2a2a3e;border:2px solid #fff3;border-radius:50%;display:flex;height:38px;justify-content:center;overflow:hidden;width:38px}.story-viewer-avatar img{height:100%;object-fit:cover;width:100%}.story-viewer-avatar i{color:#fff9;font-size:16px}.story-viewer-userinfo h4{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:5px;margin:0}.story-viewer-userinfo .verified-badge{color:#3897f0;font-size:13px}.story-viewer-time{color:#ffffffbf;font-size:12px}.story-viewer-close{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;padding:6px 10px;z-index:11}.story-viewer-close:hover{background:#ffffff1a}.story-viewer-media{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.story-viewer-media img,.story-viewer-media video{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.story-loading{align-items:center;color:#fff9;display:flex;font-size:28px;inset:0;justify-content:center;position:absolute;z-index:2}.story-caption{word-wrap:break-word;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:10px;bottom:24px;color:#fff;font-size:14px;left:16px;line-height:1.4;padding:12px 16px;position:absolute;right:16px;text-align:center;z-index:5}.tap-zone{background:#0000;border:none;bottom:0;cursor:pointer;outline:none;position:absolute;top:70px;width:35%;z-index:6}.tap-zone-left{left:0}.tap-zone-right{right:0;width:65%}.tap-zone:focus{outline:none}@media (max-width:600px){.story-viewer{border-radius:0;max-height:100vh;max-width:100%}}.discover-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.loading-container{min-height:50vh}.spinner{border:4px solid #667eea33}.discover-hero{margin-bottom:3rem;padding:2rem 0;text-align:center}.discover-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text}.discover-subtitle{color:#94a3b8;font-size:1.2rem;margin-bottom:2rem}.search-container{margin:0 auto 2rem;max-width:600px}.search-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:50px;position:relative;transition:all .3s ease}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.search-icon{color:#94a3b8;font-size:1.1rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#0000;border:none;color:#fff;font-size:1rem;outline:none;padding:1rem 3rem 1rem 3.5rem;width:100%}.search-input::placeholder{color:#64748b}.clear-search{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#f87171;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.clear-search:hover{background:#ef44444d}.filters-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#94a3b8;font-size:.85rem;font-weight:500}.filter-select{-webkit-appearance:none;appearance:none;background:#1e293b99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;min-width:160px;padding:.75rem 2rem .75rem 1rem}.filter-select:focus{border-color:#667eea;outline:none}.filter-select option{background:#1e293b;color:#fff}.type-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.type-btn{align-items:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:2rem;color:#94a3b8;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.type-btn:hover{background:#667eea1a;border-color:#667eea4d;color:#fff}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.results-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.5rem}.results-header h2 i{color:#f59e0b}.results-count{color:#94a3b8;font-size:.95rem}.no-results{background:#1e293b66;border:1px solid #ffffff1a;border-radius:1rem;padding:4rem 2rem;text-align:center}.no-results i{color:#64748b;font-size:4rem;margin-bottom:1rem}.no-results h3{color:#fff;margin-bottom:.5rem}.no-results p{color:#94a3b8}.artists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.artist-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden;transition:all .3s ease}.artist-card:hover{border-color:#667eea80;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.artist-image-container{aspect-ratio:1;background:linear-gradient(135deg,#1e293b,#0f172a);overflow:hidden;position:relative}.artist-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.artist-card:hover .artist-image{transform:scale(1.1)}.artist-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;height:100%;justify-content:center;width:100%}.artist-image-placeholder i{color:#64748b;font-size:4rem}.live-badge{animation:pulse-glow 2s infinite;border-radius:2rem;font-size:.75rem;gap:.4rem;left:1rem;padding:.4rem .75rem;position:absolute;top:1rem}.live-dot{animation:pulse 1s infinite}.artist-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c,#0000);display:flex;inset:0;justify-content:center;opacity:0;padding-bottom:1.5rem;position:absolute;transition:opacity .3s ease}.artist-card:hover .artist-overlay{opacity:1}.view-profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2rem;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transform:translateY(20px);transition:all .3s ease}.artist-card:hover .view-profile-btn{transform:translateY(0)}.view-profile-btn:hover{box-shadow:0 10px 30px #667eea66}.artist-info{padding:1.25rem}.artist-name{font-weight:600;margin:0 0 .75rem}.artist-role{margin-bottom:.75rem}.role-badge{align-items:center;background:none!important;border:none!important;border-radius:2rem;box-shadow:none!important;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;outline:none!important;padding:.35rem .75rem}.role-badge.dj{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.role-badge.artist{background:#ec489933;border:1px solid #ec48994d;color:#f472b6}.artist-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.4rem}.stat.rating,.stat.rating i{color:#fbbf24}.follow-btn{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:.5rem;color:#818cf8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.follow-btn:hover{background:#667eea33;border-color:#667eea}.follow-btn.following{background:#10b9811a;border-color:#10b9814d;color:#10b981}.follow-btn.following:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}@media (max-width:768px){.discover-container{padding:1rem}.discover-title{font-size:1.75rem}.search-container{padding:0 .5rem}.filters-container{align-items:center;flex-direction:column}.filter-select{max-width:250px;width:100%}.artists-grid{grid-template-columns:1fr}.type-buttons{gap:.5rem}.type-btn{font-size:.85rem;padding:.6rem 1rem}}.live-section-header{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem}.live-section-header h2{color:#ef4444}.live-pulse-icon{animation:live-pulse-scale 1.5s ease-in-out infinite;display:inline-block}@keyframes live-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.live-artists-grid{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem}.artist-card-live{border:2px solid #ef444480;box-shadow:0 0 20px #ef444433}.artist-card-live:hover{border-color:#ef4444;box-shadow:0 0 30px #ef44444d}.live-badge-small{align-items:center;background:#ef4444;border-radius:4px;box-shadow:0 2px 8px #ef444480;color:#fff;display:flex;font-size:.65rem;font-weight:700;gap:.3rem;left:.5rem;letter-spacing:.5px;padding:.25rem .5rem;position:absolute;top:.5rem;z-index:10}.live-badge-small .live-dot{height:6px;width:6px}.watch-live-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.watch-live-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.watch-live-btn .live-dot{animation:pulse 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.stat.viewers{color:#ef4444}.artist-genre-row{display:flex;justify-content:center;margin-top:.4rem}.genre-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf640;border-radius:20px;color:#a78bfa;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.genre-badge i{font-size:.65rem;opacity:.7}.discover-events-section{margin:2rem 0}.see-all-link{align-items:center;color:#c4b5fd;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;text-decoration:none;transition:color .2s ease}.see-all-link:hover{color:#fff}.events-scroll-row{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-color:#8b5cf666 #0000;scrollbar-width:thin}.events-scroll-row::-webkit-scrollbar{height:6px}.events-scroll-row::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}.discover-event-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;gap:1rem;max-width:320px;min-width:320px;padding:1rem;text-decoration:none;transition:all .2s ease}.discover-event-card:hover{background:#ffffff14;border-color:#8b5cf666;transform:translateY(-2px)}.event-date-mini{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:60px;padding:.8rem .6rem}.event-date-mini .day{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.event-date-mini .month{color:#ffffffd9;font-size:.7rem;letter-spacing:.5px;margin-top:.2rem;text-transform:uppercase}.event-info-mini{flex:1 1;min-width:0;overflow:hidden}.event-title-mini{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .4rem}.event-artist-mini,.event-title-mini,.event-venue-mini{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-artist-mini,.event-venue-mini{color:#fff9;font-size:.82rem;margin:.2rem 0}.event-artist-mini i,.event-venue-mini i{font-size:.75rem;margin-right:.4rem;width:12px}.event-genre-mini{align-items:center;background:#8b5cf62e;border-radius:8px;color:#c4b5fd;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;margin-top:.4rem;padding:.25rem .6rem}.event-genre-mini i{font-size:.65rem}[data-theme=light] .results-count{color:#475569}[data-theme=light] .genre-badge{border-color:#7c3aed40}[data-theme=light] .event-genre-mini,[data-theme=light] .genre-badge{background:#7c3aed1a;color:#6d28d9}[data-theme=light] .role-badge.dj{background:#7c3aed1f;border-color:#7c3aed4d;color:#6d28d9}[data-theme=light] .role-badge.artist{background:#db27771f;border-color:#db27774d;color:#be185d}@media (max-width:768px){.artist-info{padding:1rem .6rem}.role-badge{gap:.3rem;padding:.3rem .6rem}.genre-badge,.role-badge{font-size:.7rem;max-width:100%}.genre-badge{padding:.25rem .6rem}.search-input{padding-left:2.75rem;padding-right:2.5rem}.artist-card .artist-role{display:flex;justify-content:center}.artist-card .artist-role .role-badge{box-sizing:border-box;max-width:100%;width:auto}.artist-card .artist-genre-row,.artist-card .artist-role{display:flex!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}.artist-card .artist-genre-row .genre-badge,.artist-card .artist-role .role-badge{box-sizing:border-box!important;flex:0 0 auto!important;max-width:100%!important;padding-left:.85rem!important;padding-right:.85rem!important;white-space:nowrap!important;width:auto!important}.artist-card .artist-genre-row,.artist-card .artist-role{display:block!important;text-align:center!important;width:100%!important}.artist-card .artist-genre-row .genre-badge,.artist-card .artist-role .role-badge{box-sizing:border-box!important;display:inline-flex!important;justify-content:center!important;max-width:100%!important;padding:.35rem .9rem!important;white-space:nowrap!important;width:auto!important}.artist-card .genre-badge,.artist-card .role-badge{box-sizing:initial!important;font-size:.62rem!important;max-width:100%!important;min-width:0!important;padding:.3rem .7rem!important;padding-left:.7rem!important;padding-right:.95rem!important;width:-webkit-max-content!important;width:max-content!important}.artist-card .artist-genre-row .genre-badge,.artist-card .artist-role .role-badge{padding-left:.9rem!important;padding-right:1.1rem!important}.artist-card .artist-role .role-badge{padding-right:1.8rem!important}.artist-overlay{background:#0000!important;opacity:1!important}.view-profile-btn{background:#0000!important;border-radius:0!important;box-shadow:none!important;color:#0000!important;font-size:0!important;height:auto!important;inset:0!important;padding:0!important;position:absolute!important;transform:none!important;width:auto!important}.view-profile-btn i{display:none!important}.artist-card:hover .artist-image{transform:none!important}}.stripe-payment-form{display:flex;flex-direction:column;gap:1.25rem}.payment-amount-display{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.25rem}.amount-label{color:#94a3b8;font-size:.95rem}.amount-value{color:#10b981;font-size:1.5rem;font-weight:700}.payment-recipient{align-items:center;background:#1e293b80;border-radius:10px;color:#94a3b8;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem}.payment-recipient i{color:#6366f1;font-size:1rem}.payment-recipient strong{color:#e2e8f0}.card-element-container{display:flex;flex-direction:column;gap:.5rem}.card-label{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.card-label i{color:#6366f1}.card-element-wrapper{background:#0f172acc;border:1px solid #6366f14d;border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.card-element-wrapper:hover{border-color:#6366f180}.card-element-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.StripeElement{width:100%}.card-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#ef4444;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.card-error i{flex-shrink:0}.security-note{align-items:flex-start;background:#10b9811a;border-radius:10px;font-size:.8rem;line-height:1.4;padding:.75rem 1rem}.security-note i{flex-shrink:0;margin-top:.1rem}.payment-buttons{display:flex;gap:1rem;margin-top:.5rem}.payment-buttons .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.payment-buttons .btn-secondary{background:#64748b33;border:1px solid #64748b4d;color:#94a3b8}.payment-buttons .btn-secondary:hover:not(:disabled){background:#64748b4d;color:#e2e8f0}.payment-buttons .btn-pay{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.payment-buttons .btn-pay:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.payment-buttons .btn-pay:disabled{background:#64748b4d;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.payment-buttons .btn-pay i{font-size:.9rem}.stripe-badge{align-items:center;border-top:1px solid #6366f11a;color:#64748b;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;padding-top:.75rem}.stripe-badge svg{opacity:.7;transition:opacity .2s ease}.stripe-badge:hover svg{opacity:1}@media (max-width:480px){.payment-amount-display{padding:.875rem 1rem}.amount-value{font-size:1.25rem}.card-element-wrapper{padding:.875rem 1rem}.payment-buttons{flex-direction:column}.payment-buttons .btn{width:100%}}.stripe-payment-form.loading{opacity:.7;pointer-events:none}.payment-success{flex-direction:column;gap:1rem;padding:2rem;text-align:center}.payment-success,.payment-success-icon{align-items:center;display:flex;justify-content:center}.payment-success-icon{animation:successPulse .5s ease-out;background:linear-gradient(135deg,#10b98133,#05966933);border-radius:50%;height:80px;width:80px}.payment-success-icon i{color:#10b981;font-size:2.5rem}.payment-success h3{color:#e2e8f0;font-size:1.25rem;margin:0}.payment-success p{color:#94a3b8;font-size:.9rem;margin:0}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tip-amounts-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:.5rem}.tip-amount-btn{background:#1e293b80;border-radius:10px;font-size:.95rem;padding:.75rem .5rem}.tip-amount-btn:hover{background:#6366f126;border-color:#6366f1}.tip-amount-btn.active{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f1;color:#fff}.custom-amount-input{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.custom-amount-input span{color:#94a3b8;font-size:.9rem}.custom-amount-input input{background:#0f172acc;border:1px solid #6366f14d;border-radius:10px;color:#e2e8f0;flex:1 1;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.custom-amount-input input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.custom-amount-input input::placeholder{color:#64748b}.audio-player{grid-gap:.6rem 1rem;align-items:center;display:grid;gap:.6rem 1rem;grid-template-areas:"waves" "play" "bottom";grid-template-columns:1fr;justify-items:center;width:100%}.audio-player-play{align-items:center;align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 8px 22px #6366f173;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;grid-area:play;height:60px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:60px}.audio-player-play:hover{box-shadow:0 10px 28px #6366f199;transform:scale(1.08)}.audio-player-play:active{transform:scale(.96)}.audio-player-play i{margin-left:3px}.audio-player.playing .audio-player-play i{margin-left:0}.audio-player-waves{align-items:center;display:flex;gap:3px;grid-area:waves;height:30px;justify-content:space-between;width:100%}.audio-player-waves span{background:linear-gradient(0deg,#667eea,#a855f7);border-radius:2px;flex:1 1;height:100%;max-width:6px;opacity:.5;transform:scaleY(.4);transition:opacity .2s ease}.audio-player-waves span:nth-child(odd){transform:scaleY(.7)}.audio-player-waves span:nth-child(3n){transform:scaleY(1)}.audio-player-waves span:nth-child(5n){transform:scaleY(.5)}.audio-player.playing .audio-player-waves span{animation:ap-wave .9s ease-in-out infinite;opacity:1}@keyframes ap-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.audio-player-bottom{display:flex;flex-direction:column;gap:.3rem;grid-area:bottom;width:100%}.audio-progress{background:#94a3b840;cursor:pointer;height:8px;width:100%}.audio-progress,.audio-progress-fill{border-radius:999px;position:relative}.audio-progress-fill{background:linear-gradient(90deg,#667eea,#a855f7);height:100%}.audio-progress-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:14px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px}.audio-times{display:flex;justify-content:space-between;width:100%}.audio-time{font-feature-settings:"tnum";color:#94a3b8;font-size:.7rem;font-variant-numeric:tabular-nums}@media (max-width:768px){.audio-player{grid-template-areas:"play waves" "play bottom";grid-template-columns:auto 1fr;justify-items:stretch}.audio-player-play{height:56px;width:56px}}[data-theme=light] .audio-time{color:#64748b}[data-theme=light] .audio-progress{background:#6366f126}.artist-profile-container{margin:0 auto;max-width:1200px;padding:2rem}.loading-container{min-height:60vh}.spinner{border:3px solid #667eea1a}.error-state{color:#94a3b8;padding:4rem 2rem;text-align:center}.error-state i{color:#64748b;font-size:4rem;margin-bottom:1.5rem}.error-state h2{color:#fff;margin-bottom:1rem}.profile-cover{animation:gradient-shift 10s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;border-radius:2rem 2rem 0 0;height:250px;overflow:hidden;position:relative}.cover-gradient{background:linear-gradient(180deg,#0000 0,#0f172acc);bottom:0;left:0;position:absolute;right:0;top:0}.live-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444e6;border:2px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease;z-index:10}.live-toggle-btn:hover{box-shadow:0 10px 30px #ef444480;transform:scale(1.05)}.live-dot-large{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:12px;width:12px}.viewers-count{border-left:1px solid #ffffff4d;margin-left:.5rem;padding-left:.5rem}.profile-main-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:0 0 2rem 2rem;display:flex;gap:3rem;margin-top:-80px;padding:0 3rem 3rem;position:relative;z-index:5}.profile-image-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative}.live-badge-large{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 4px 15px #ef444499;font-size:.75rem;font-weight:800;justify-content:center;letter-spacing:1px;margin-bottom:-15px;padding:.4rem 1.5rem;position:relative;text-transform:uppercase;z-index:30;z-index:10}.live-badge-large .live-pulse{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #ef444480}50%{box-shadow:0 4px 20px #ef4444cc}}.profile-image-large{background:linear-gradient(135deg,#667eea,#764ba2);border:5px solid #1e293be6;border-radius:50%;box-shadow:0 15px 40px #0000004d;cursor:pointer;height:180px;overflow:hidden;position:relative;width:180px}.profile-image-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:5rem;height:100%;justify-content:center;width:100%}.artist-profile-container .live-pulse{animation:pulse-small 1s infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes pulse-small{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.btn-watch-live{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important}.btn-watch-live:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:scale(1.05)}.image-upload-label{cursor:pointer;display:block}.image-placeholder{font-size:1rem;height:100%;width:100%}.image-overlay,.image-placeholder{align-items:center;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.image-overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-upload-label:hover .image-overlay{opacity:1}.profile-details{flex:1 1;padding-top:2rem}.profile-name{color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:1rem}.profile-name-input{background:#ffffff1a;border:2px solid #6366f14d;border-radius:1rem;color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;padding:.5rem 1rem;width:100%}.profile-role-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 5px 15px #6366f14d;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.5rem}.verified-badge{color:#3b82f6;font-size:1.2rem;margin-left:.25rem}.profile-bio{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.profile-bio-input{background:#ffffff1a;border:2px solid #6366f14d;border-radius:1rem;color:#fff;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem;resize:vertical;width:100%}.profile-stats{display:flex;flex-wrap:wrap;gap:3rem}.stat-item{text-align:center}.stat-item.highlight{background:#ef44441a;border-radius:1rem;padding:1rem}.stat-number{align-items:center;display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-bottom:.3rem}.stat-label{color:#fff9}.alert{border-radius:1rem;font-weight:600;margin:1.5rem 3rem}.profile-action-buttons{align-items:stretch;background:#1e293b66;border-radius:0 0 2rem 2rem;border-top:1px solid #6366f11a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:2rem 3rem}.profile-action-buttons .btn-primary,.profile-action-buttons .btn-secondary:first-of-type{flex:0 0 auto}.profile-action-buttons>button:first-of-type{flex:0 0 auto;justify-content:center;min-width:52px}.profile-action-buttons .btn-secondary,.profile-action-buttons .btn-success,.profile-action-buttons .btn-warning{flex:1 1;justify-content:center;max-width:220px}.btn,.btn-cancel,.btn-edit,.btn-primary,.btn-save,.btn-secondary,.btn-success,.btn-view,.btn-warning{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 2rem;text-decoration:none;transition:all .3s ease}.btn-edit,.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit:hover,.btn-primary:hover{box-shadow:0 10px 30px #6366f14d;transform:translateY(-2px)}.btn-secondary,.btn-view{background:#6366f11a;border:2px solid #6366f14d;color:#818cf8}.btn-secondary:hover,.btn-view:hover{background:#6366f133;transform:translateY(-2px)}.btn-save,.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-save:hover:not(:disabled),.btn-success:hover{box-shadow:0 10px 30px #10b9814d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-cancel{background:#ef44441a;border:2px solid #ef44444d;color:#f87171}.btn-cancel:hover{background:#ef444433}.btn-warning:hover{box-shadow:0 10px 30px #f59e0b66;transform:translateY(-2px)}.qr-section,.social-section,.works-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:2rem;margin-bottom:2rem;padding:2.5rem}.section-title{font-size:1.8rem;font-weight:700}.social-links-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.social-input-group label{color:#ffffffe6}.social-input-group input{background:#ffffff1a;font-size:.95rem;padding:.8rem 1rem;transition:all .3s ease}.social-input-group input:focus{background:#ffffff26}.social-links-display{display:flex;flex-wrap:wrap;gap:1rem}.social-link-button{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#818cf8;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link-button:hover{background:#6366f133;box-shadow:0 5px 15px #6366f133;transform:translateY(-2px)}.social-link-button i{font-size:1.3rem}.no-links-message{color:#fff9;font-size:1.1rem}.text-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;margin-left:.5rem;padding:0;text-decoration:underline}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.work-media{width:100%}.work-media img,.work-media video{height:100%;object-fit:cover;width:100%}.work-media.video-media video{background:#000}.work-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.work-card:hover .work-overlay{opacity:1}.work-view-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:transform .3s ease;width:50px}.work-view-btn:hover{transform:scale(1.1)}.work-media.audio-media{background:linear-gradient(135deg,#6366f11a,#a855f71a);height:auto;padding:1.5rem}.audio-visual{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.audio-visual i{color:#667eea;font-size:2.5rem}.audio-waves{gap:3px}.audio-waves span{animation:audioWave .8s ease-in-out infinite}@keyframes audioWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.work-media.audio-media audio{border-radius:20px;height:40px;width:100%}.work-info{padding:1rem 1.25rem}.work-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.9rem;margin-bottom:.75rem;overflow:hidden}.work-meta{align-items:center;border-top:1px solid #6366f11a;display:flex;justify-content:space-between;padding-top:.75rem}.work-date,.work-type{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.5rem}.work-date i,.work-type i{color:#667eea}.qr-display{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:auto 1fr}.qr-code-box{background:linear-gradient(135deg,#fff,#f8f9fa);background-clip:padding-box;border:3px solid #0000;border-radius:2rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff80;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.qr-code-box:before{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:2rem;bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.qr-code-box:hover{box-shadow:0 30px 80px #0006,0 0 0 1px #fff3,inset 0 1px 0 #fff9;transform:translateY(-5px)}.qr-image{border-radius:1rem;display:block;height:300px;width:300px}.qr-custom-text{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:.75rem 1rem;text-align:center}.qr-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.qr-info p{color:#fffc;margin-bottom:1rem}.qr-info ul{list-style:none;margin-bottom:2rem;padding:0}.qr-info li{align-items:center;color:#fffc;display:flex;font-size:1.05rem;gap:1rem;padding:.5rem 0}.qr-info li i{color:#667eea;font-size:1.2rem;width:24px}.btn-download,.btn-share{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-download{background:linear-gradient(135deg,#10b981,#059669)}.btn-download:hover{box-shadow:0 10px 30px #10b9814d}.btn-share{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-share:hover{background:linear-gradient(135deg,#5568d3,#6a3e8f);box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.modal-overlay{overflow-y:auto;padding:2rem 1rem;z-index:9999}.modal{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bfa;border-radius:1.5rem;box-shadow:0 25px 80px #00000080;max-height:calc(100vh - 4rem);max-width:480px}.modal-header{border-bottom:1px solid #6366f126;padding:1.5rem 2rem}.modal-header h2{font-size:1.4rem;margin:0}.modal-close{flex-shrink:0;font-size:1.2rem;height:38px;width:38px}.modal-close:hover{transform:rotate(90deg)}.modal-body{flex:1 1 auto;padding:2rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#6366f180}.form-group input,.form-group textarea{background:#ffffff0d;box-sizing:border-box;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;box-shadow:0 0 0 3px #667eea26}.form-group textarea{font-family:inherit}.tip-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tip-preset{background:#6366f11a;border:1px solid #6366f133;border-radius:.75rem;color:#818cf8;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:55px;padding:.75rem .5rem;text-align:center;transition:all .2s ease}.tip-preset:hover{background:#6366f133;border-color:#6366f166}.tip-presets .tip-preset.disabled,.tip-presets .tip-preset:disabled{background:#64748b26!important;border-color:#64748b4d!important;box-shadow:none!important;color:#64748b!important;cursor:not-allowed!important;filter:grayscale(.7)!important;opacity:.4!important;transform:none!important}.tip-preset.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-input-wrapper .amount-input{background:#ffffff0d;border:1px solid #6366f133;border-radius:.75rem;box-sizing:border-box;color:#fff;font-size:1.2rem;font-weight:600;padding:1rem 3.5rem 1rem 1rem;transition:all .2s ease;width:100%}.amount-input-wrapper .amount-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.amount-input-wrapper .amount-input::placeholder{color:#64748b;font-size:1rem;font-weight:400}.amount-input-wrapper .amount-currency{color:#94a3b8;font-size:1rem;font-weight:600;pointer-events:none;position:absolute;right:1rem}.modal-body .alert{align-items:center;border-radius:.75rem;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem;padding:1rem 1.25rem}.modal-body .alert-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.modal-body .alert-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.modal-body .btn{font-size:1.05rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:1rem;width:100%}.modal-body .btn:disabled{cursor:not-allowed;opacity:.6}.modal-body .btn i{margin-right:.5rem}.fade-in{animation:fadeIn .5s ease}@media (max-width:768px){.artist-profile-container{padding:1rem}.profile-cover{border-radius:1rem 1rem 0 0;height:120px}.profile-main-info{align-items:center;border-radius:0 0 1rem 1rem;flex-direction:column;margin-top:-50px;padding:0 1.5rem 1.5rem;text-align:center}.profile-image-large{height:130px;width:130px}.profile-details{padding-top:.75rem}.profile-name{font-size:2rem;margin-bottom:.5rem}.profile-role-badge{margin-bottom:.75rem}.profile-bio{margin-bottom:1rem}.profile-stats{gap:1.5rem;justify-content:center}.profile-action-buttons{align-items:center;flex-direction:column;padding:1.5rem}.profile-action-buttons .btn,.profile-action-buttons .btn-secondary,.profile-action-buttons .btn-success,.profile-action-buttons .btn-warning,.profile-action-buttons button,.profile-action-buttons>button:first-of-type{flex:0 0 auto;justify-content:center;max-width:320px;min-width:0;width:100%}.qr-display,.social-links-grid,.works-grid{grid-template-columns:1fr}.qr-display{text-align:center}.qr-code-box{margin:0 auto 2rem}.qr-info ul{text-align:left}.artist-profile-container .qr-info li{align-items:flex-start;font-size:.95rem;gap:.75rem;justify-content:flex-start;text-align:left!important}.qr-info li i{flex-shrink:0;margin-top:.15rem}.qr-image{height:200px;width:200px}.qr-actions{align-items:center;flex-direction:column}.qr-actions .btn-download,.qr-actions .btn-share{align-self:center;width:auto}.tip-presets{grid-template-columns:repeat(3,1fr)}.live-toggle-btn{font-size:.9rem;padding:.6rem 1rem;right:1rem;top:1rem}.modal-overlay{align-items:flex-start;padding:1rem 1rem 100px}.modal{border-radius:1.25rem;margin-top:1rem;max-height:calc(100vh - 120px);max-width:100%}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}}.stat-item.clickable{cursor:pointer;position:relative;transition:all .3s ease}.stat-item.clickable:hover{background:#fbbf241a;border-radius:12px;transform:scale(1.05)}.stat-item.clickable:hover:after{bottom:-25px;color:#fbbf24;content:"Кликни за оценка";font-size:.7rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.your-rating-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;color:#1e293b;font-size:.65rem;font-weight:600;margin-top:.25rem;padding:.2rem .5rem}.rating-modal{max-width:450px!important}.rating-modal h2{color:#fff;font-size:1.5rem}.rating-modal h2,.rating-stars-container{margin-bottom:1.5rem;text-align:center}.rating-stars-select{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.rating-star{color:#475569;cursor:pointer;font-size:2.5rem;transition:all .2s ease}.rating-star.active,.rating-star:hover{color:#fbbf24;transform:scale(1.15)}.rating-star:hover{filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.rating-text{color:#94a3b8;font-size:1rem;min-height:1.5rem}.existing-rating-note{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem}.existing-rating-note i{margin-right:.5rem}.btn-rate{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#1e293b;font-size:1.1rem;font-weight:600;padding:1rem;width:100%}.btn-rate:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px)}.btn-rate:disabled{cursor:not-allowed;opacity:.5}.rating-modal .form-group{margin-bottom:1rem}.rating-modal .form-group label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.rating-modal .form-group textarea{background:#1e293bcc;border:1px solid #6366f133;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:.75rem;resize:vertical;width:100%}.rating-modal .form-group textarea:focus{border-color:#fbbf24;outline:none}.rating-modal .form-group small{color:#64748b;display:block;font-size:.75rem;margin-top:.25rem;text-align:right}@media (max-width:768px){.rating-star{font-size:2rem}.rating-modal{max-width:95%!important}.stat-item.clickable:hover:after{display:none}}.btn-rating{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none;color:#1e293b!important}.btn-rating:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 5px 15px #fbbf2466;transform:translateY(-2px)}.modal-content{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bfa;box-shadow:0 25px 80px #00000080;max-height:calc(100vh - 4rem);max-width:480px;padding:2rem;position:relative}.modal-content .modal-close{position:absolute;right:1rem;top:1rem}.btn-report{background:#f59e0b1a!important;border:1px solid #f59e0b4d!important;color:#f59e0b!important;min-width:auto!important;padding:.625rem!important}.btn-report:hover{background:#f59e0b33!important;transform:translateY(-2px)}.report-modal{max-width:500px!important}.report-modal .modal-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.report-modal .modal-header h2{color:#fff;font-size:1.25rem;margin:0}.report-subtitle{color:#94a3b8;font-size:.95rem;margin-bottom:1rem}.report-reasons-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.report-reason-item{align-items:center;background:#0f172a99;border:1px solid #6366f11a;border-radius:.75rem;cursor:pointer;display:flex;padding:.875rem 1rem;transition:all .2s ease}.report-reason-item:hover{background:#f59e0b0d;border-color:#f59e0b4d}.report-reason-item.selected{background:#f59e0b1a;border-color:#f59e0b}.report-reason-item input[type=radio]{display:none}.reason-text{color:#e2e8f0;flex:1 1;font-size:.95rem}.report-reason-item.selected .reason-text{color:#f59e0b}.reason-check{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50%;color:#0000;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.report-reason-item.selected .reason-check{background:#f59e0b;border-color:#f59e0b;color:#fff}.reason-check i{font-size:.75rem}.report-description-field{margin-bottom:1.5rem}.report-description-field label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.report-description-field textarea{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;box-sizing:border-box;color:#fff;font-size:.95rem;min-height:80px;padding:.875rem 1rem;resize:vertical;transition:all .3s ease;width:100%}.report-description-field textarea:focus{border-color:#f59e0b;outline:none}.report-description-field textarea::placeholder{color:#64748b}.btn-report-submit{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;color:#fff!important;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem!important}.btn-report-submit:hover:not(:disabled){box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.btn-report-submit:disabled{cursor:not-allowed;opacity:.6}.modal-actions{border-top:1px solid #6366f11a;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.blocked-banner{align-items:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444440;border-radius:14px;display:flex;gap:1rem;margin:1rem 0;padding:1.25rem 1.5rem;width:100%}.blocked-banner>i{color:#ef4444;flex-shrink:0;font-size:1.75rem}.blocked-banner-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.blocked-banner-text strong{color:#fca5a5;font-size:1rem;font-weight:600}.blocked-banner-sub{color:#fff9;font-size:.85rem}.blocked-banner-unblock{align-items:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;color:#10b981;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .15s ease;white-space:nowrap}.blocked-banner-unblock:hover{background:#10b98133;border-color:#10b98180}[data-theme=light] .blocked-banner{background:linear-gradient(135deg,#ef44440f,#dc262608);border-color:#ef444433}[data-theme=light] .blocked-banner-text strong{color:#b91c1c}[data-theme=light] .blocked-banner-sub{color:#0009}@media (max-width:600px){.blocked-banner{flex-wrap:wrap}.blocked-banner-unblock{justify-content:center;width:100%}}@media (max-width:768px){.artist-profile-container .qr-info ul{text-align:left!important}.artist-profile-container .qr-info li{align-items:flex-start;font-size:.95rem;gap:.75rem;justify-content:flex-start!important;text-align:left!important}.artist-profile-container .qr-info li i{flex-shrink:0;margin-top:.2rem}.work-meta{flex-wrap:wrap;gap:.4rem .75rem;justify-content:flex-start}.work-date,.work-type{font-size:.75rem;white-space:nowrap}.work-card.audio-card{grid-column:1/-1}}.report-modal{display:flex!important;flex-direction:column!important;max-height:calc(100vh - 8rem)!important}.report-modal .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.report-modal .modal-actions{flex-shrink:0!important}div:has(>.report-modal){align-items:flex-start!important}@media (min-width:769px){div:has(>.report-modal){padding-bottom:2rem!important;padding-top:100px!important}.report-modal{max-height:calc(100vh - 140px)!important}}@media (max-width:768px){div:has(>.report-modal){padding-bottom:110px!important;padding-top:2.5rem!important}.report-modal{max-height:calc(100vh - 160px)!important}}.countdown-ring,.countdown-ring-wrapper{display:inline-flex;position:relative}.countdown-ring{align-items:center;cursor:help;flex-shrink:0;height:50px;justify-content:center;width:50px}.countdown-text{font-size:.75rem;font-weight:700;pointer-events:none;position:absolute;transition:color .3s ease}.countdown-ring svg{display:block}.countdown-expired{color:#ef4444;font-size:1.8rem}.countdown-expired i{filter:drop-shadow(0 0 4px rgba(239,68,68,.4))}.countdown-urgent{animation:countdown-urgent-pulse 1.5s ease-in-out infinite}@keyframes countdown-urgent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.countdown-tooltip{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #8b5cf64d;border-radius:10px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #00000080;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:.75rem .9rem;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:280px;z-index:1000}.countdown-ring-wrapper:hover .countdown-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.countdown-tooltip strong{align-items:center;color:#c4b5fd;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-bottom:.4rem}.countdown-tooltip strong i{color:#f59e0b;font-size:.9rem}.countdown-tooltip p{color:#ffffffbf;font-size:.75rem;line-height:1.5;margin:0}.countdown-tooltip:after{border:7px solid #0000;border-top-color:#8b5cf64d;top:100%}.countdown-tooltip:after,.countdown-tooltip:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.countdown-tooltip:before{border:6px solid #0000;border-top-color:#1e293b;top:calc(100% - 1px)}.song-requests-page{margin:0 auto;max-width:1200px}.song-requests-page .stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.song-requests-page .stat-card{grid-gap:.25rem .75rem;align-content:center;align-items:center;background:#1e293b99;border:1px solid #6366f11a;border-radius:.75rem;display:grid;gap:.25rem .75rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto;min-height:85px;overflow:hidden;padding:1.25rem;position:relative}.song-requests-page .stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.song-requests-page .stat-card.total:before{background:linear-gradient(90deg,#667eea,#818cf8)}.song-requests-page .stat-card.pending:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.song-requests-page .stat-card.playing:before{background:linear-gradient(90deg,#10b981,#34d399)}.song-requests-page .stat-card.completed:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.song-requests-page .stat-icon{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;font-size:1.75rem;grid-row:1/3;height:45px;justify-content:center;width:45px}.song-requests-page .stat-number{font-size:1.5rem;font-weight:700;grid-column:2;grid-row:1;justify-self:start;line-height:1.2;text-align:left}.song-requests-page .stat-card.total .stat-number{color:#667eea}.song-requests-page .stat-card.pending .stat-number{color:#f59e0b}.song-requests-page .stat-card.playing .stat-number{color:#10b981}.song-requests-page .stat-card.completed .stat-number{color:#8b5cf6}.song-requests-page .stat-label{color:#94a3b8;font-size:.7rem;font-weight:500;grid-column:2;grid-row:2;justify-self:start;letter-spacing:.5px;text-align:left;text-transform:uppercase}.song-requests-page .filter-tabs{background:#1e293b80;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.song-requests-page .filter-tab{background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.song-requests-page .filter-tab:hover{background:#6366f11a;color:#fff}.song-requests-page .filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-card{align-items:center;background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.request-card:hover{border-color:#667eea4d}.request-info{flex:1 1}.request-song{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.request-artist{color:#94a3b8;font-size:.9rem;margin-bottom:.5rem}.request-meta{color:#64748b;display:flex;font-size:.8rem;gap:1rem}.request-meta i{margin-right:.25rem}.request-amount{color:#10b981;font-size:1.25rem;font-weight:700;padding:0 1rem}.request-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.request-status.pending{background:#f59e0b33;color:#f59e0b}.request-status.playing{background:#10b98133;color:#10b981}.request-status.rejected{background:#ef444426;color:#ef4444}.request-status.expired{background:#94a3b826;color:#94a3b8}.request-status.completed{background:#8b5cf633;color:#8b5cf6}.request-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:10px;font-size:1rem;height:40px;width:40px}.action-btn.play{background:#10b98133;color:#10b981}.action-btn.play:hover{background:#10b981;color:#fff}.action-btn.reject{background:#ef444433;color:#ef4444}.action-btn.reject:hover{background:#ef4444;color:#fff}.action-btn.complete{background:#8b5cf633;color:#8b5cf6}.action-btn.complete:hover{background:#8b5cf6;color:#fff}.song-requests-page .empty-state{background:#1e293b66;border:1px dashed #6366f14d;border-radius:1rem;padding:4rem 2rem;text-align:center}.song-requests-page .empty-state i{color:#64748b;font-size:4rem;margin-bottom:1rem;opacity:.5}.song-requests-page .empty-state h3{color:#fff;margin-bottom:.5rem}.song-requests-page .empty-state p{color:#94a3b8}@media (max-width:1024px){.song-requests-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.song-requests-page .stats-grid{gap:.75rem;grid-template-columns:1fr 1fr}.song-requests-page .stat-card{min-height:75px;padding:1rem}.song-requests-page .stat-icon{font-size:1.5rem;height:40px;width:40px}.song-requests-page .stat-number{font-size:1.25rem}.song-requests-page .filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.song-requests-page .filter-tab{flex-shrink:0;white-space:nowrap}.request-card{flex-wrap:wrap}.request-actions{justify-content:flex-end;margin-top:.5rem;width:100%}}@media (max-width:480px){.song-requests-page .stats-grid{grid-template-columns:1fr}}.tips-page{margin:0 auto;max-width:1200px}.page-header h1 i{color:#10b981}.tips-page .stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.tips-page .stat-card{grid-gap:.25rem .75rem;align-content:center;align-items:center;background:#1e293b99;border:1px solid #6366f11a;border-radius:.75rem;display:grid;gap:.25rem .75rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto;min-height:85px;overflow:hidden;padding:1.25rem;position:relative}.tips-page .stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.tips-page .stat-card.total:before{background:linear-gradient(90deg,#10b981,#34d399)}.tips-page .stat-card.count:before{background:linear-gradient(90deg,#667eea,#818cf8)}.tips-page .stat-card.average:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.tips-page .stat-card.month:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.tips-page .stat-icon{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;font-size:1.75rem;grid-row:1/3;height:45px;justify-content:center;width:45px}.tips-page .stat-number{font-size:1.5rem;font-weight:700;grid-column:2;grid-row:1;justify-self:start;line-height:1.2;text-align:left}.tips-page .stat-card.total .stat-number{color:#10b981}.tips-page .stat-card.count .stat-number{color:#667eea}.tips-page .stat-card.average .stat-number{color:#8b5cf6}.tips-page .stat-card.month .stat-number{color:#ec4899}.tips-page .stat-label{color:#94a3b8;font-size:.7rem;font-weight:500;grid-column:2;grid-row:2;justify-self:start;letter-spacing:.5px;text-align:left;text-transform:uppercase}.tips-list{flex-direction:column}.tip-card,.tips-list{display:flex;gap:1rem}.tip-card{align-items:center;background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;padding:1.25rem;transition:all .3s ease}.tip-card:hover{border-color:#10b9814d}.tip-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:50px;justify-content:center;width:50px}.tip-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.tip-info{flex:1 1}.tip-sender{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.tip-message{color:#94a3b8;font-size:.9rem;font-style:italic}.tip-time{color:#64748b;font-size:.8rem;margin-top:.25rem}.tip-amount{color:#10b981;font-size:1.5rem;font-weight:700}.analytics-section{background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;margin-top:2rem;padding:1.5rem}.analytics-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.analytics-title i{color:#667eea}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.analytics-item{text-align:center}.analytics-label{color:#94a3b8;font-size:.85rem;margin-bottom:.5rem}.analytics-value{font-size:1.5rem;font-weight:700}.analytics-item:first-child .analytics-value{color:#10b981}.analytics-item:nth-child(2) .analytics-value{color:#667eea}.analytics-item:nth-child(3) .analytics-value{color:#8b5cf6}@media (max-width:1024px){.tips-page .stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.tips-page .stats-grid{gap:.75rem;grid-template-columns:1fr 1fr}.tips-page .stat-card{padding:.875rem 1rem}.tips-page .stat-icon{font-size:1.5rem;height:40px;width:40px}.tips-page .stat-number{font-size:1.25rem}.tips-page .stat-label{font-size:.7rem}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.filter-tab{flex-shrink:0;white-space:nowrap}.tip-card{flex-direction:column;text-align:center}.tip-amount{margin-top:.5rem}}@media (max-width:480px){.tips-page .stats-grid{grid-template-columns:1fr}}.myworks-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.myworks-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-info h1{align-items:center;color:#fff;display:flex;font-size:2rem;gap:.75rem;margin-bottom:.5rem}.header-info h1 i{color:#667eea}.header-info p{color:#94a3b8;font-size:1rem}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.btn-upload:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.message{align-items:center;animation:slideIn .3s ease;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.message.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.works-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#0f172a99;border:1px solid #6366f11a;gap:1rem}.stat-card:hover{border-color:#6366f14d;transform:translateY(-2px)}.stat-card>i{color:#667eea;font-size:2rem;opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-number{color:#fff;font-size:1.75rem;font-weight:700}.stat-label{font-size:.875rem}.empty-state{background:#0f172a66;border:2px dashed #6366f14d;border-radius:1.5rem}.empty-state i{color:#667eea;margin-bottom:1.5rem}.empty-state h3{font-size:1.5rem}.works-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.work-card{background:#0f172a99;border:1px solid #6366f11a;border-radius:1rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.work-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #6366f133;transform:translateY(-5px)}.work-media{background:#0000004d;height:200px;overflow:hidden;position:relative}.work-media img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.work-card:hover .work-media img{transform:scale(1.05)}.video-preview{height:100%;position:relative}.video-preview video{height:100%;object-fit:cover;width:100%}.play-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.play-overlay i{color:#fff;font-size:3rem;opacity:.9}.audio-preview{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);display:flex;flex-direction:column;height:100%;justify-content:center}.audio-preview>i{color:#667eea;font-size:3rem;margin-bottom:1rem}.audio-waves{align-items:center;display:flex;gap:4px;height:40px}.audio-waves span{animation:wave .8s ease-in-out infinite;background:linear-gradient(0deg,#667eea,#a855f7);border-radius:2px;width:4px}.audio-waves span:first-child{animation-delay:0s;height:15px}.audio-waves span:nth-child(2){animation-delay:.1s;height:25px}.audio-waves span:nth-child(3){animation-delay:.2s;height:35px}.audio-waves span:nth-child(4){animation-delay:.3s;height:25px}.audio-waves span:nth-child(5){animation-delay:.4s;height:15px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.media-type-badge{align-items:center;background:#0009;border-radius:50%;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:32px}.media-type-badge i{color:#667eea;font-size:.875rem}.work-info{padding:1.25rem}.work-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.875rem;margin-bottom:.75rem;overflow:hidden}.work-date{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.5rem}.work-date i{color:#667eea}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner i{color:#667eea;font-size:3rem}.loading-spinner span{color:#94a3b8}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.modal-content{animation:modalSlide .3s ease;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #6366f133;border-radius:1.5rem;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.detail-modal{max-width:800px}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.75rem}.modal-header h2 i{color:#667eea}.modal-close{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;height:40px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ef444433}.upload-area{align-items:center;border:2px dashed #6366f14d;border-radius:1rem;cursor:pointer;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.upload-area:hover{background:#6366f10d;border-color:#6366f180}.upload-area.has-preview{border-style:solid;padding:0}.upload-placeholder i{color:#667eea;font-size:3rem;margin-bottom:1rem;opacity:.6}.upload-placeholder h4{color:#fff;margin-bottom:.5rem}.upload-placeholder p{color:#94a3b8;font-size:.875rem}.upload-placeholder .size-limit{color:#64748b;font-size:.75rem;margin-top:.5rem}.preview-container{position:relative;width:100%}.preview-container img,.preview-container video{border-radius:.75rem;max-height:300px;object-fit:contain;width:100%}.audio-preview-modal{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:100%}.audio-preview-modal i{color:#667eea;font-size:3rem}.audio-preview-modal span{color:#94a3b8;font-size:.875rem}.audio-preview-modal audio{margin-top:1rem;width:100%}.change-file-btn{background:#000000b3;border:1px solid #6366f14d;border-radius:.5rem;bottom:1rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;position:absolute;right:1rem;transition:all .3s ease}.change-file-btn:hover{background:#6366f14d}.form-group label{align-items:center;display:flex;gap:.5rem}.form-group label i{color:#667eea}.form-group input,.form-group textarea{background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-message{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.form-message.success{background:#10b9811a;color:#10b981}.form-message.error{background:#ef44441a;color:#ef4444}.btn-cancel{border:1px solid #6366f14d;border-radius:.75rem;font-size:1rem;transition:all .3s ease}.btn-cancel:hover{background:#6366f11a;color:#fff}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-delete{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-delete:hover{background:#ef444433}.btn-download{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-download:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.detail-media{border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.detail-media img,.detail-media video{background:#0000004d;max-height:400px;object-fit:contain;width:100%}.audio-detail{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:.75rem;padding:2rem;text-align:center}.audio-visual-large{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.audio-visual-large i{color:#667eea;font-size:4rem}.audio-detail audio{width:100%}.detail-description{margin-bottom:1.5rem}.detail-description h4{color:#667eea;font-size:.9rem;margin-bottom:.5rem}.detail-description p{color:#e2e8f0;line-height:1.6}.detail-meta{border-top:1px solid #6366f11a;display:flex;gap:1.5rem;padding-top:1rem}.detail-meta span{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.5rem}.detail-meta i{color:#667eea}@media (max-width:768px){.myworks-container{padding:1rem}.myworks-header{align-items:stretch;flex-direction:column;text-align:center}.header-info h1{font-size:1.5rem}.btn-upload,.header-info h1{justify-content:center}.works-stats{grid-template-columns:repeat(2,1fr)}.works-grid{grid-template-columns:1fr}.modal-content{margin:.5rem;max-height:95vh}.detail-meta,.modal-footer{flex-direction:column}.detail-meta{gap:.75rem}}.events-page{margin:0 auto;max-width:1000px}.page-header{justify-content:space-between;margin-bottom:2rem}.page-header,.page-header h1{align-items:center;display:flex}.page-header h1{color:#fff;font-size:2rem;gap:.75rem;margin:0}.page-header h1 i{color:#667eea}.filter-tabs{background:#1e293b80;border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.filter-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-tab:hover{background:#6366f11a;color:#fff}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-count{background:#fff3;border-radius:10px;font-size:.75rem;padding:.15rem .5rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-card{background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;display:flex;gap:1.25rem;padding:1.25rem;transition:all .3s ease}.event-card:hover{border-color:#6366f14d;transform:translateY(-2px)}.event-date-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:1rem;text-align:center}.event-day{color:#fff;font-size:2rem;font-weight:700;line-height:1}.event-month{color:#ffffffe6;font-size:.85rem;margin-top:.25rem;text-transform:uppercase}.event-year{color:#ffffffb3;font-size:.75rem}.event-info{flex:1 1;min-width:0}.event-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.event-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.event-detail{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.4rem}.event-detail i{color:#667eea;width:16px}.event-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.btn{border-radius:10px}.empty-state{background:#1e293b66;border:1px dashed #6366f14d;border-radius:1rem;padding:4rem 2rem}.empty-state i{color:#64748b}.empty-state p{color:#94a3b8;margin-bottom:1.5rem}.upload-zone{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border:none;border-radius:1rem;color:#a5b4fc;cursor:pointer;display:inline-flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;padding:2rem 3rem;transition:all .3s ease}.upload-zone:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);transform:translateY(-3px)}.upload-zone i{font-size:2.5rem;opacity:.8}.modal-overlay{z-index:9000}.modal{display:flex;flex-direction:column;max-height:85vh;max-width:550px;z-index:9001}.modal-header{flex-shrink:0}.modal-header h3 i{color:#667eea}.modal-close{align-items:center;background:#ef444433;border-radius:50%;color:#f87171;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#ef4444}.modal form{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.modal-body{flex:1 1;max-height:calc(85vh - 130px);min-height:0}.modal-footer{background:#0f172acc;flex-shrink:0;gap:.75rem}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.filter-tabs{justify-content:center;width:100%}.event-card{flex-direction:column}.event-date-box{flex-direction:row;gap:.5rem;min-width:auto;padding:.75rem 1rem}.event-day{font-size:1.5rem}.event-actions{min-width:0;width:100%}.form-row{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}}.modal-body{overflow:visible!important}.modal form .modal-body{overflow-x:visible!important;overflow-y:auto!important}.venue-picker-modal-group{overflow:visible!important;position:relative;z-index:200}.venue-picker-modal-group .location-picker-wrapper{overflow:visible!important;position:relative;z-index:201}.venue-picker-modal-group .location-suggestions{left:0!important;min-width:350px!important;position:absolute!important;top:calc(100% + 4px)!important;z-index:100000!important}.venue-picker-modal-group .location-no-results{left:0!important;min-width:350px!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;z-index:100000!important}.location-picker-modal-group{overflow:visible!important;position:relative;z-index:190}.location-picker-modal-group .location-picker-wrapper{overflow:visible!important;position:relative;z-index:191}.location-picker-modal-group .location-no-results,.location-picker-modal-group .location-suggestions{left:0!important;position:absolute!important;right:0!important;top:calc(100% + 4px)!important;z-index:99999!important}.share-type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.share-type-btn{align-items:center;background:#0f172a80;border:2px solid #6366f133;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1rem;transition:all .2s ease}.share-type-btn i{color:#667eea;font-size:1.5rem}.share-type-btn span{color:#e2e8f0;font-size:.9rem;font-weight:600}.share-type-btn small{color:#64748b;font-size:.75rem;text-align:center}.share-type-btn:hover{background:#6366f114;border-color:#6366f180}.share-type-btn.active{background:#6366f126;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.share-type-btn.active span{color:#a5b4fc}.share-preview{margin-bottom:1.25rem}.share-preview-label{align-items:center;color:#64748b;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.share-preview-card{background:#1e293bcc;border:1px solid #6366f133;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.share-event-badge{align-items:center;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #6366f14d;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.share-preview-title{color:#fff;font-size:1rem;font-weight:700}.share-preview-details{display:flex;flex-wrap:wrap;gap:.75rem}.share-preview-details span{align-items:center;color:#94a3b8;display:flex;font-size:.82rem;gap:.35rem}.share-preview-details i{color:#667eea;font-size:.75rem}.genre-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.genre-filter-label{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.genre-filter-select{background:#1e293b99;border:1px solid #6366f14d;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.9rem;min-width:180px;padding:.5rem .75rem}.genre-filter-select:hover{border-color:#6366f180}.event-genre{color:#a78bfa!important}.event-actions{align-items:stretch;display:flex;flex-direction:column;gap:.6rem;min-width:160px}.event-feed-btn{justify-content:center;width:100%}.event-action-icons{display:flex;flex-direction:row;gap:.4rem;justify-content:space-between}.event-action-icons .btn-icon{align-items:center;aspect-ratio:1/1;display:inline-flex;flex:1 1;font-size:.95rem;justify-content:center;max-height:38px;min-width:0;padding:.5rem;text-decoration:none}.event-action-icons .btn-icon i{margin:0}@media (max-width:768px){.modal-overlay{padding:80px 0 90px!important}.modal{margin:0 .75rem!important;max-height:calc(100vh - 170px)!important}}[data-theme=light] .events-list .event-card .event-date-box .event-day,[data-theme=light] .events-list .event-card .event-date-box .event-month,[data-theme=light] .events-list .event-card .event-date-box .event-year{color:#fff!important}[data-theme=light] .upload-zone{color:#6d28d9!important}[data-theme=light] .upload-zone i{color:#6d28d9!important;opacity:1!important}[data-theme=light] .share-type-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important}[data-theme=light] .share-type-btn span{color:#1e293b!important}[data-theme=light] .share-type-btn small{color:#64748b!important}[data-theme=light] .share-type-btn.active{background:#7c3aed1a!important;border-color:#7c3aed!important}[data-theme=light] .share-type-btn.active span{color:#6d28d9!important}[data-theme=light] .share-preview-card{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .share-preview-title{color:#1e293b!important}@media (max-width:768px){.event-date-box{align-items:baseline!important;gap:.4rem!important}.event-day,.event-month,.event-year{font-size:1.1rem!important;font-weight:700!important}}[data-theme=light] .modal-footer{background:#fff!important;border-top:1px solid #e2e8f0!important}.modal>.modal-body{overflow-x:visible!important;overflow-y:auto!important}[data-theme=light] .modal-footer,[data-theme=light] .modal-overlay .modal>.modal-footer{background:#0000!important;border-top:none!important}.modal-overlay .modal>.modal-body{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),#0000)!important;mask-image:linear-gradient(180deg,#000 calc(100% - 18px),#0000)!important;padding-bottom:1.5rem!important}@media (min-width:769px){.modal-overlay{padding-top:94px!important}.modal{max-height:calc(100vh - 110px)!important}}.events-page{padding-top:1.75rem!important}@media (max-width:768px){.filter-tabs{justify-content:flex-start!important}[data-theme=light] .events-page .filter-tabs,[data-theme=light] .filter-tabs{background:#0000!important;border:none!important;box-shadow:none!important}[data-theme=light] .events-page .filter-tabs{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=light] .events-page .filter-tab:not(.active){background:#ffffff80!important;border:1px solid #a78bfa1a!important;border-radius:12px!important;color:#475569!important}}.statistics-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.statistics-loading{align-items:center;color:#667eea;display:flex;font-size:2rem;justify-content:center;min-height:50vh}.statistics-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.statistics-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2rem;gap:.75rem}.statistics-header h1 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text}.period-selector{background:#1e293b99;border:1px solid #ffffff1a;border-radius:.75rem;display:flex;gap:.5rem;padding:.5rem}.period-btn{background:#0000;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease}.period-btn:hover{background:#ffffff0d;color:#fff}.period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.stat-card.earnings{border-color:#10b9814d}.stat-card.followers{border-color:#6366f14d}.stat-card.requests{border-color:#ec48994d}.stat-card.tips{border-color:#fbbf244d}.stat-icon{border-radius:1rem}.stat-card.earnings .stat-icon{background:#10b98133;color:#10b981}.stat-card.followers .stat-icon{background:#6366f133;color:#6366f1}.stat-card.requests .stat-icon{background:#ec489933;color:#ec4899}.stat-card.tips .stat-icon{background:#fbbf2433;color:#fbbf24}.stat-card.gifts .stat-icon{background:#a855f733;color:#a855f7}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.earnings-breakdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.earnings-breakdown h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 1.5rem}.earnings-breakdown h2 i{color:#667eea}.breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-card{background:#0f172a80;border-radius:.75rem;padding:1.25rem}.breakdown-card.tips-card{border-left:3px solid #10b981}.breakdown-card.requests-card{border-left:3px solid #6366f1}.breakdown-card.gifts-card{border-left:3px solid #a855f7}.breakdown-header{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.tips-card .breakdown-header i{color:#10b981}.requests-card .breakdown-header i{color:#6366f1}.gifts-card .breakdown-header i{color:#a855f7}.breakdown-value{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.breakdown-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.bar-fill.tips-fill{background:linear-gradient(90deg,#10b981,#059669)}.bar-fill.requests-fill{background:linear-gradient(90deg,#6366f1,#4f46e5)}.bar-fill.gifts-fill{background:linear-gradient(90deg,#a855f7,#7c3aed)}.engagement-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.engagement-section h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 1.5rem}.engagement-section h2 i{color:#667eea}.engagement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.engagement-card{background:#0f172a80;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.engagement-card:hover{background:#667eea1a}.engagement-card i{color:#667eea;font-size:2rem;margin-bottom:1rem}.engagement-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.engagement-label{color:#94a3b8;font-size:.9rem}.activity-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.activity-section h2{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 1.5rem}.activity-section h2 i{color:#667eea}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#0f172a80;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#667eea1a}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:45px;justify-content:center;width:45px}.activity-icon.tip{background:#10b98133;color:#10b981}.activity-icon.request{background:#ec489933;color:#ec4899}.activity-icon.follow{background:#6366f133;color:#6366f1}.activity-content{flex:1 1}.activity-text{color:#fff;font-size:.95rem;margin:0 0 .25rem}.activity-time{color:#64748b;font-size:.85rem}.activity-amount{color:#10b981;font-size:1.1rem;font-weight:700}@media (max-width:768px){.statistics-container{padding:1rem}.statistics-header{align-items:flex-start;flex-direction:column}.period-selector{justify-content:flex-start;overflow-x:auto;width:100%}.period-btn{font-size:.85rem;padding:.5rem .75rem;white-space:nowrap}.breakdown-grid,.engagement-grid,.stats-grid{grid-template-columns:1fr}}.insights-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.insights-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:2rem;margin-bottom:3rem;overflow:hidden;padding:4rem 2rem;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.animated-shape{border-radius:50%;filter:blur(40px);opacity:.5;position:absolute}.shape-1{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);height:300px;left:-150px;top:-150px;width:300px}.shape-2{animation:float 25s ease-in-out infinite reverse;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;height:400px;right:-200px;width:400px}.shape-3{animation:pulse-shape 15s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-50px) rotate(180deg)}}@keyframes pulse-shape{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.hero-content{position:relative;text-align:center;z-index:1}.insights-title{font-size:4rem;font-weight:900;margin-bottom:1rem}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 5s ease infinite;background:linear-gradient(135deg,#667eea,#a855f7,#ec4899);-webkit-background-clip:text;background-size:200% 200%}.year-selector{background:#1e293b99;border:2px solid #6366f14d;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.year-selector:hover{background:#6366f11a;border-color:#667eea}.insights-subtitle{color:#94a3b8;font-size:1.3rem;margin-top:1rem}.personality-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f133,#a855f733);border:2px solid #6366f14d;border-radius:2rem;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.personality-card:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#6366f11a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.personality-icon{animation:bounce 2s ease-in-out infinite;font-size:5rem;margin-bottom:1rem}.personality-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.personality-description{color:#94a3b8;font-size:1.1rem}.stats-grid-insights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card-insights{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1.5rem;opacity:0;overflow:hidden;padding:2rem;position:relative;text-align:center;transform:translateY(30px);transition:all .5s ease}.stat-card-insights.animate{animation:cardPop .5s ease;opacity:1;transform:translateY(0)}@keyframes cardPop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.stat-card-insights:hover{border-color:#6366f14d;box-shadow:0 20px 40px #6366f133;transform:translateY(-10px)}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a855f7);-webkit-background-clip:text;font-size:3rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:#94a3b8;font-size:1rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.stat-trend{align-items:center;color:#10b981;display:flex;font-size:.9rem;gap:.5rem;justify-content:center}.top-artists-section{margin-bottom:3rem}.section-title{align-items:center;color:#fff;display:flex;font-size:2rem;gap:1rem;margin-bottom:2rem}.section-title i{color:#667eea}.top-artists-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.top-artist-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1.5rem;padding:1.5rem;text-align:center;transition:all .3s ease}.top-artist-card:hover{border-color:#6366f14d;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.artist-rank{font-weight:700}.artist-image{background:none;border:none;border-radius:50%;height:100px;margin:0 auto 1rem;overflow:hidden;padding:0;width:100px}.artist-image img{height:100%;object-fit:cover;width:100%}.artist-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.artist-name{color:#fff;font-size:1.1rem;margin-bottom:1rem}.support-stats{color:#94a3b8}.support-count{display:block;font-size:.9rem;margin-bottom:.5rem}.interaction-types{display:flex;gap:.5rem;justify-content:center}.interaction-badge{align-items:center;background:#6366f11a;border-radius:10px;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.badges-section{margin-bottom:3rem}.badges-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f11a,#a855f71a);border:2px solid #6366f14d;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.achievement-badge:hover{box-shadow:0 20px 40px #6366f14d;transform:translateY(-5px) rotate(2deg)}.badge-icon{animation:wiggle 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.badge-title{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.badge-description{color:#94a3b8;font-size:.9rem}.timeline-section{margin-bottom:3rem}.timeline{padding-left:3rem;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#a855f7,#ec4899);bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-item{animation:slideIn .5s ease;margin-bottom:2rem;position:relative}.timeline-marker{background:#667eea;border:3px solid #1e293b;border-radius:50%;box-shadow:0 0 20px #6366f180;height:16px;left:-2.5rem;position:absolute;top:0;width:16px}.timeline-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;padding:1.5rem}.timeline-content h3{color:#667eea;margin-bottom:.5rem}.timeline-content p{color:#94a3b8}.fun-facts{margin-bottom:3rem}.facts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.fact-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.fact-card:hover{border-color:#6366f14d;transform:translateX(10px)}.fact-card i{color:#667eea;font-size:2rem}.fact-card p{color:#94a3b8;flex:1 1}.fact-card strong{color:#fff}.share-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f11a,#a855f71a);border:2px solid #6366f14d;border-radius:2rem;padding:3rem;text-align:center}.share-section h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.share-section p{color:#94a3b8;margin-bottom:2rem}.share-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.share-btn{align-items:center;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-btn.download{background:linear-gradient(135deg,#667eea,#764ba2)}.share-btn:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.insights-title{font-size:2.5rem}.stats-grid-insights{grid-template-columns:1fr}.top-artists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.timeline{padding-left:2rem}.timeline:before{left:.5rem}.timeline-marker{left:-1.5rem}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-content,.insights-hero{align-items:center;display:flex;justify-content:center}.hero-content{flex-direction:column;margin:0 auto;max-width:800px;width:100%}.stat-trend.negative,.stat-trend.negative i{color:#ef4444}.timeline-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.timeline-stat{align-items:center;background:#6366f126;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem}.timeline-stat i{color:#667eea}.no-timeline{color:#94a3b8;padding:3rem;text-align:center}.no-timeline i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-badges{background:#1e293b66;border:1px dashed #6366f14d;border-radius:1.5rem;color:#94a3b8;grid-column:1/-1;padding:3rem;text-align:center}.no-badges i{display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.top-artist-card{position:relative}.artist-rank{font-size:1.5rem;position:absolute;right:1rem;top:1rem}.fact-card.placeholder{border-style:dashed;opacity:.7}.year-selector{display:block;margin:0 auto 1rem}.insights-subtitle,.insights-title{text-align:center}.insights-title{width:100%}.top-artist-card .artist-image{border-radius:50%;height:80px;margin:0 auto;overflow:hidden;width:80px}.top-artist-card .artist-image img{display:block;height:100%;object-fit:cover;width:100%}.top-artist-card .artist-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2.2rem;height:80px;justify-content:center;line-height:1;margin:0;padding:0;width:80px}@media (min-width:769px){.insights-container{margin-left:auto;margin-right:auto;max-width:960px}}.insights-container .stat-card-insights .stat-icon{display:flex!important;font-size:2.8rem;justify-content:center!important;margin:0 auto .75rem!important;position:static!important;width:100%!important}.settings-page{margin:0 auto;max-width:900px;padding:0 1rem}.settings-title{align-items:center;color:#fff;display:flex;font-size:2rem;gap:.75rem;margin-bottom:2rem}.settings-title i{color:#667eea}.settings-tabs{border-bottom:1px solid #6366f133;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{align-items:center;background:#1e293b99;border:1px solid #0000;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.tab-btn:hover{background:#6366f11a;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.settings-section{background:#1e293b99;border:1px solid #6366f11a;border-radius:1.25rem;padding:2rem}.settings-section h2{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:.75rem;margin-bottom:1.5rem}.settings-section h2 i{color:#667eea}.section-description{color:#94a3b8;margin-bottom:1.5rem}.alert{animation:slideIn .3s ease;padding:1rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-image-section{align-items:center;border-bottom:1px solid #6366f11a;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.current-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #6366f14d;border-radius:50%;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:120px}.current-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{font-size:3rem}.image-upload{display:flex;flex-direction:column;gap:.5rem}.upload-hint{color:#64748b;font-size:.8rem;margin:0}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #6366f133;border-radius:12px;font-size:1rem;padding:.875rem 1rem}.form-group small{color:#64748b;display:block;font-size:.8rem;margin-top:.5rem}.form-row{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.qr-settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.qr-form{display:flex;flex-direction:column}.color-picker-row{align-items:center;display:flex;gap:1rem}.color-picker{border:1px solid #6366f133;border-radius:8px;cursor:pointer;height:45px;padding:0;width:60px}.qr-preview{align-items:center;display:flex;justify-content:center}.qr-code-container{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;padding:2rem;text-align:center}.qr-code-wrapper{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #667eea4d;display:inline-block;margin-bottom:1rem;padding:1.5rem}.qr-code-image{display:block;height:200px;width:200px}.qr-code-text{color:#94a3b8;font-family:monospace;font-size:.9rem;margin:1rem 0;max-width:100%;text-align:center;white-space:normal;word-break:break-word}.qr-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.qr-code-placeholder{background:#ffffff08;border:2px dashed #ffffff1a;border-radius:1rem;color:#94a3b8;padding:3rem 2rem;text-align:center}.qr-code-placeholder i{color:#ffffff1a;display:block;font-size:4rem;margin-bottom:1rem}.qr-code-placeholder p{color:#fff;font-size:1.1rem;margin:.5rem 0}.qr-code-placeholder small{color:#64748b;font-size:.85rem}.social-links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.social-input-group{display:flex;flex-direction:column;gap:.5rem}.social-input-group label{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.social-input-group label i{text-align:center;width:20px}.social-input-group label i.fa-facebook{color:#1877f2}.social-input-group label i.fa-instagram{color:#e4405f}.social-input-group label i.fa-twitter{color:#1da1f2}.social-input-group label i.fa-tiktok{color:#ff0050}.social-input-group label i.fa-youtube{color:red}.social-input-group label i.fa-spotify{color:#1db954}.social-input-group label i.fa-soundcloud{color:#f50}.social-input-group label i.fa-twitch{color:#9146ff}.social-input-group label i.fa-discord{color:#5865f2}.social-input-group label i.fa-linkedin{color:#0a66c2}.social-input-group input{background:#0f172a99;border:1px solid #6366f133;border-radius:10px;color:#fff;font-size:.9rem;padding:.75rem 1rem}.social-input-group input:focus{border-color:#667eea;outline:none}.setting-item{align-items:center;background:#0f172a66;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem}.setting-info h3{color:#fff;font-size:1rem;margin:0 0 .25rem}.setting-info p{color:#94a3b8;font-size:.85rem;margin:0}.toggle-switch{display:inline-block;height:30px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background:#6366f133;border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.slider:before{transform:translateX(26px)}.password-form{border-bottom:1px solid #6366f11a;margin-bottom:2rem;padding-bottom:2rem}.password-form h3{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.danger-zone{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:1.5rem}.danger-zone h3{align-items:center;color:#f87171;display:flex;gap:.5rem;margin:0 0 .75rem}.danger-zone p{color:#94a3b8;font-size:.9rem;margin:0 0 1rem}.btn{font-size:1rem;padding:.875rem 1.5rem}@media (max-width:768px){.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem}.tab-btn{flex-shrink:0;white-space:nowrap}.settings-section{padding:1.5rem}.profile-image-section{flex-direction:column;text-align:center}.form-row,.qr-settings-grid,.social-links-grid{grid-template-columns:1fr}.qr-code-image{height:150px;width:150px}.qr-actions{flex-direction:column}.qr-actions .btn{width:100%}.setting-item{align-items:flex-start;flex-direction:column;gap:1rem}}.wallet-section{max-width:100%}.wallet-balance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.balance-card{align-items:center;background:#1e293bcc;border:1px solid #6366f11a;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.balance-card.main-balance{background:linear-gradient(135deg,#6366f14d,#764ba24d);border-color:#6366f14d}.balance-icon{align-items:center;background:#6366f133;border-radius:12px;color:#667eea;display:flex;font-size:1.25rem;height:50px;justify-content:center;width:50px}.balance-info{display:flex;flex-direction:column;gap:.25rem}.balance-label{color:#94a3b8;font-size:.85rem}.balance-value{color:#fff;font-size:1.5rem}.wallet-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.wallet-actions .btn{flex:1 1;min-width:150px}.fee-notice{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;color:#fbbf24;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem}.fee-notice i{font-size:1.25rem}.wallet-cards-section{background:#1e293b80;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.wallet-cards-section h3{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1.5rem}.wallet-cards-section h3 i{color:#667eea}.no-cards{color:#64748b;padding:3rem 2rem;text-align:center}.no-cards i{font-size:3rem;opacity:.5}.no-cards i,.no-cards p{margin-bottom:1rem}.cards-list{display:flex;flex-direction:column;gap:1rem}.card-item{align-items:center;background:#0f172a99;border:1px solid #6366f11a;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem}.card-item.default{background:#6366f11a;border-color:#6366f166}.card-icon{color:#667eea;font-size:2rem}.card-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.card-number{color:#fff;font-family:monospace;font-size:1rem;letter-spacing:1px}.card-holder{color:#94a3b8;font-size:.85rem}.card-expiry{color:#64748b;font-size:.8rem}.card-actions{align-items:center;display:flex;gap:.5rem}.default-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.btn-icon{align-items:center;background:#6366f11a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon:hover{background:#6366f133;color:#fff}.btn-icon.danger:hover{background:#ef444433;color:#ef4444}.wallet-transactions-section{background:#1e293b80;border-radius:16px;padding:1.5rem}.wallet-transactions-section h3{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1.5rem}.wallet-transactions-section h3 i{color:#667eea}.no-transactions{color:#64748b;padding:3rem 2rem;text-align:center}.no-transactions i{font-size:3rem;margin-bottom:1rem;opacity:.5}.transaction-item{align-items:center;background:#0f172a66;border-radius:12px;display:flex;gap:1rem;padding:1rem}.transaction-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.transaction-description{color:#fff;font-size:.95rem}.transaction-date{color:#64748b;font-size:.8rem}.transaction-amount{font-size:1rem;font-weight:700}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.withdraw-balance{align-items:center;background:#6366f11a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.withdraw-balance span{color:#94a3b8}.withdraw-balance strong{color:#fff;font-size:1.25rem}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:50px}.input-with-suffix .suffix{color:#64748b;font-weight:600;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.withdraw-summary{background:#1e293bcc;border-radius:12px;margin-top:1rem;padding:1rem}.summary-row{color:#94a3b8;display:flex;justify-content:space-between;padding:.5rem 0}.summary-row.fee{color:#ef4444}.summary-row.total{border-top:1px solid #6366f133;color:#fff;margin-top:.5rem;padding-top:1rem}.summary-row.total strong{color:#10b981;font-size:1.25rem}.warning-notice{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;gap:.75rem;padding:1rem}.info-note,.warning-notice{align-items:center;display:flex;margin-top:1rem}.info-note{color:#64748b;font-size:.85rem;gap:.5rem}.info-note i{color:#667eea}.security-note{margin-top:1rem}.search-results{background:#0f172acc;border-radius:12px;margin-bottom:1rem;max-height:200px;overflow-y:auto}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:background .2s ease}.search-result-item:hover{background:#6366f11a}.result-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.result-avatar img{height:100%;object-fit:cover;width:100%}.result-avatar i{color:#fff}.result-info{display:flex;flex-direction:column}.result-name{color:#fff;font-weight:500}.result-role{color:#64748b;font-size:.8rem}.selected-recipient{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.recipient-info{align-items:center;display:flex;gap:.75rem}.recipient-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.recipient-avatar img{height:100%;object-fit:cover;width:100%}.recipient-avatar i{color:#fff;font-size:.9rem}.recipient-info span{color:#fff;font-weight:500}.btn-outline{background:#0000;border:1px solid #6366f166;color:#667eea}.btn-outline:hover{background:#6366f11a;border-color:#667eea}@media (max-width:768px){.wallet-balance-grid{grid-template-columns:1fr}.wallet-actions{flex-direction:column}.wallet-actions .btn{width:100%}.card-item{flex-wrap:wrap}.card-actions{justify-content:flex-end;margin-top:.5rem;width:100%}}.currency-setting-container{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.currency-setting-container .setting-header h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.5rem}.currency-setting-container .setting-description{color:#fff9;font-size:.9rem;margin-bottom:1.5rem}.currency-options{display:flex;flex-direction:column;gap:.75rem}.currency-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.currency-option:hover{background:#ffffff14;border-color:#fff3}.currency-option.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f1}.currency-option-left{align-items:center;display:flex;gap:.75rem}.currency-flag{font-size:1.5rem}.currency-symbol-box{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:36px;justify-content:center;width:36px}.currency-option.active .currency-symbol-box{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.currency-label{color:#fff;font-size:.95rem}.currency-check{color:#10b981;font-size:1.1rem}.currency-info-row{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.current-currency-display{align-items:center;display:flex;gap:.75rem}.current-currency-display .label{color:#fff9;font-size:.9rem}.current-currency-display .currency-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.current-currency-display .currency-badge .symbol{font-size:1rem}.current-currency-display .currency-badge .code{font-size:.9rem}.currency-example{align-items:center;color:#ffffff80;display:flex;font-size:.85rem;gap:.5rem}.currency-example i{color:#6366f1}@media (max-width:600px){.currency-option{padding:.875rem 1rem}.currency-flag{font-size:1.25rem}.currency-symbol-box{font-size:1rem;height:32px;width:32px}.currency-label{font-size:.85rem}.currency-info-row{align-items:flex-start;flex-direction:column}}.stripe-connect-section{background:linear-gradient(135deg,#635bff1a,#635bff0d);border:1px solid #635bff4d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.stripe-connect-section.loading{display:flex;justify-content:center;padding:3rem}.stripe-header{gap:1rem;margin-bottom:1.5rem}.stripe-header,.stripe-icon{align-items:center;display:flex}.stripe-icon{background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:12px;color:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stripe-title-group h3{color:#f1f5f9;font-size:1.25rem;margin:0}.stripe-title-group p{color:#94a3b8;font-size:.875rem;margin:.25rem 0 0}.stripe-alert{align-items:center;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.stripe-alert.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.stripe-alert.warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.stripe-alert.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.stripe-state{flex-direction:column;gap:1rem;text-align:center}.state-icon,.stripe-state{align-items:center;display:flex}.state-icon{background:#6366f133;border-radius:50%;color:#6366f1;font-size:1.5rem;height:60px;justify-content:center;width:60px}.state-icon.warning{background:#f59e0b33;color:#f59e0b}.state-icon.success{background:#10b98133;color:#10b981}.btn-stripe{font-size:1rem;padding:.875rem 2rem}.btn-stripe:hover:not(:disabled){box-shadow:0 4px 20px #635bff66;transform:translateY(-2px)}.btn-stripe:disabled{cursor:not-allowed;opacity:.6}.btn-outline-stripe{align-items:center;background:#0000;border:2px solid #635bff;border-radius:8px;color:#635bff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline-stripe:hover{background:#635bff1a}.fee-notice{color:#94a3b8;font-size:.8rem;margin-top:.5rem}.fee-notice i{margin-right:.25rem}.state-message{color:#f59e0b;font-weight:500}.connected-info{margin-bottom:1rem}.status-badge.active{align-items:center;background:#10b98133;border-radius:20px;color:#10b981;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge.active i{animation:pulse 2s infinite;font-size:.5rem}.connected-info p{color:#94a3b8;margin:.5rem 0 0}.stripe-balance-card{background:#0f172a80;border:1px solid #635bff33;margin-bottom:1rem;max-width:300px;padding:1rem;width:100%}.stripe-balance-card h4{align-items:center;color:#f1f5f9;display:flex;font-size:.9rem;gap:.5rem;margin:0 0 .75rem}.balance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.balance-item{text-align:center}.balance-label{color:#64748b;display:block;font-size:.75rem;margin-bottom:.25rem}.balance-value{font-size:1.25rem;font-weight:700}.balance-value.available{color:#10b981}.balance-value.pending{color:#f59e0b}.wallet-divider{border:none;border-top:1px solid #94a3b833;margin:2rem 0}.privacy-block{margin-bottom:2.5rem}.privacy-block h3{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.privacy-description{color:#fff9;font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.privacy-empty{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;color:#ffffff80;padding:2rem 1rem;text-align:center}.privacy-empty i{color:#ffffff4d;display:block;font-size:2rem;margin-bottom:.5rem}.privacy-empty p{font-size:.95rem;margin:0}.privacy-user-list{display:flex;flex-direction:column;gap:.5rem}.privacy-user-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:.85rem 1rem;transition:all .2s ease}.privacy-user-item:hover{background:#ffffff0d;border-color:#ffffff1a}.privacy-user-info{align-items:center;display:flex;flex:1 1;gap:.85rem}.privacy-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;overflow:hidden;width:44px}.privacy-user-avatar img{height:100%;object-fit:cover;width:100%}.privacy-user-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.privacy-user-name{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;font-weight:600}.privacy-user-role{color:#ffffff80;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase}.privacy-user-mute-expiry{align-items:center;color:#f59e0be6;display:flex;font-size:.82rem;gap:.35rem}.btn-unblock,.btn-unmute{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.btn-unblock:hover:not(:disabled){background:#10b98126;border-color:#10b98166;color:#10b981}.btn-unmute:hover:not(:disabled){background:#6366f126;border-color:#6366f166;color:#818cf8}.btn-unblock:disabled,.btn-unmute:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .privacy-description{color:#0009}[data-theme=light] .privacy-empty{background:#00000005;border-color:#0000001a;color:#00000080}[data-theme=light] .privacy-user-item{background:#00000005;border-color:#0000000f}[data-theme=light] .privacy-user-item:hover{background:#0000000a}[data-theme=light] .privacy-user-name{color:#000000e6}[data-theme=light] .privacy-user-role{color:#00000080}[data-theme=light] .btn-unblock,[data-theme=light] .btn-unmute{border-color:#00000026;color:#000c}@media (max-width:600px){.privacy-user-item{flex-wrap:wrap;gap:.75rem}.privacy-user-info{flex:1 1 100%}.btn-unblock,.btn-unmute{flex:1 1;justify-content:center}}[data-theme=light] .settings-page .social-input-group label{color:#334155!important}[data-theme=light] .settings-page .privacy-empty i{color:#94a3b8!important}.app-toast{align-items:center;animation:toast-in .3s ease,toast-out .4s ease 2.6s forwards;background:#1e293b;border:1px solid #ffffff14;border-radius:12px;bottom:24px;box-shadow:0 10px 30px #00000059;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;max-width:min(360px,calc(100vw - 48px));padding:.9rem 1.25rem;position:fixed;right:24px;z-index:9999}.app-toast-success{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e80}.app-toast-error{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#ef444480}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.app-toast{bottom:16px;justify-content:center;left:16px;right:16px}}.lang-flag-svg{border-radius:3px;height:18px;width:24px}.lang-flag-svg,.lang-flag-svg-lg{box-shadow:0 1px 3px #0003;flex-shrink:0}.lang-flag-svg-lg{border-radius:4px;height:21px;width:28px}.language-selector{display:inline-block;position:relative}.language-selector-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.language-selector-btn:hover{background:#ffffff26;border-color:#ffffff4d}.language-selector-btn .lang-code{font-size:12px;font-weight:600;text-transform:uppercase}.language-selector-btn .chevron-icon{font-size:10px;opacity:.7;transition:transform .2s ease}.language-dropdown{animation:dropdownFadeIn .2s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 40px #0006;min-width:200px;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#6366f133}.language-option.active{background:#6366f14d}.language-option .lang-name{flex:1 1;font-size:14px}.language-option .check-icon{color:#10b981;font-size:12px}.language-selector-settings{max-width:300px;position:relative;width:100%}.language-selector-btn-settings{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:14px 18px;transition:all .2s ease;width:100%}.language-selector-btn-settings:hover{background:#ffffff1f;border-color:#6366f180}.language-selector-btn-settings .lang-name{flex:1 1;font-weight:500;text-align:left}.language-selector-btn-settings i{font-size:12px;opacity:.7}.language-dropdown-settings{animation:dropdownFadeIn .2s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 10px 40px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.language-option-settings{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;gap:14px;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.language-option-settings:hover{background:#6366f133}.language-option-settings.active{background:#6366f140}.language-option-settings .lang-name{flex:1 1;font-size:15px;font-weight:500}.language-option-settings i.fa-check{color:#10b981;font-size:14px}@media (max-width:768px){.language-dropdown{left:0;min-width:180px;right:auto}.language-option-settings,.language-selector-btn-settings{padding:12px 14px}}.two-factor-settings{background:#1e293b99;border:1px solid #6366f133;border-radius:1rem;padding:1.5rem}.two-factor-settings.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.tfa-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.tfa-icon{font-size:2.5rem}.tfa-title-section{flex:1 1;min-width:200px}.tfa-title-section h3{color:#f1f5f9;font-size:1.25rem;margin:0}.tfa-title-section p{color:#94a3b8;font-size:.9rem;margin:.25rem 0 0}.tfa-status{align-items:center;border-radius:2rem;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.tfa-status.enabled{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.tfa-status.disabled{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.tfa-alert{align-items:center;border-radius:.5rem;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.tfa-alert.error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.tfa-alert.success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.tfa-setup{background:#0f172a80;border:1px solid #6366f133;border-radius:.75rem;padding:1.5rem}.tfa-setup h4{color:#f1f5f9;font-size:1.1rem;margin:0 0 1.5rem}.setup-step{display:flex;gap:1rem;margin-bottom:1.5rem}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h5{color:#e2e8f0;font-size:1rem;margin:0 0 .5rem}.step-content p{color:#94a3b8;font-size:.9rem;margin:0 0 1rem}.qr-code-container{display:flex;justify-content:center;margin:1rem 0}.qr-code{background:#fff;border-radius:.75rem;max-width:200px;padding:1rem}.manual-entry{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.manual-entry code{align-items:center;background:#0f172acc;border-radius:.5rem;color:#a5b4fc;cursor:pointer;display:flex;font-family:monospace;gap:.5rem;padding:.5rem .75rem;transition:background .2s;word-break:break-all}.manual-entry code:hover{background:#6366f133}.manual-entry code i{color:#64748b;font-size:.8rem}.code-input-container{max-width:200px}.code-input{background:#0f172acc;border:2px solid #6366f14d;border-radius:.5rem;color:#f1f5f9;font-family:monospace;font-size:1.5rem;letter-spacing:.5rem;outline:none;padding:1rem;text-align:center;transition:border-color .2s;width:100%}.code-input:focus{border-color:#667eea}.code-input::placeholder{color:#475569;letter-spacing:.3rem}.setup-actions{border-top:1px solid #6366f133;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.backup-codes-section{background:#0f172a80;border:1px solid #10b9814d;border-radius:.75rem;padding:1.5rem}.backup-header h4{align-items:center;color:#f1f5f9;display:flex;gap:.5rem;margin:0 0 .5rem}.backup-header p{color:#94a3b8;font-size:.9rem;margin:0 0 1rem}.backup-warning{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:.5rem;color:#fbbf24;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.backup-codes-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1rem}.backup-code{align-items:center;background:#0f172acc;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s}.backup-code:hover{background:#6366f133;border-color:#6366f14d}.backup-code .code-number{color:#64748b;font-size:.75rem;min-width:20px}.backup-code code{color:#a5b4fc;flex:1 1;font-family:monospace;font-size:.9rem}.backup-code i{color:#64748b;font-size:.75rem;opacity:0;transition:opacity .2s}.backup-code:hover i{opacity:1}.backup-actions{display:flex;gap:.75rem;margin-bottom:1rem}.btn-download,.btn-print{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:.5rem;color:#a5b4fc;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.btn-download:hover,.btn-print:hover{background:#6366f133}.btn-done{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-done:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-2px)}.tfa-disable{background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;padding:1.5rem}.tfa-disable h4{align-items:center;color:#fca5a5;display:flex;gap:.5rem;margin:0 0 .5rem}.tfa-disable .warning-text{color:#f87171;font-size:.9rem;margin:0 0 1.5rem}.disable-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.disable-form .form-group{display:flex;flex-direction:column;gap:.5rem}.disable-form label{color:#e2e8f0;font-size:.9rem}.disable-form input{background:#0f172acc;border:1px solid #ef44444d;border-radius:.5rem;color:#f1f5f9;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.disable-form input:focus{border-color:#ef4444}.disable-actions{display:flex;gap:1rem;justify-content:flex-end}.tfa-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-enable{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s}.btn-enable:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-enable:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:#6366f11a;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#6366f133}.btn-danger-outline{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:.5rem;color:#f87171;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}.btn-danger-outline:hover{background:#ef44441a}.btn-cancel{background:#0000;border:1px solid #94a3b84d;border-radius:.5rem;color:#94a3b8;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:#94a3b81a}.btn-verify{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-verify:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-verify:disabled{cursor:not-allowed;opacity:.5}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media print{.backup-codes-section{background:#fff!important;border:2px solid #333!important;color:#000!important}.backup-code{background:#f0f0f0!important;border:1px solid #ccc!important}.backup-code,.backup-code code{color:#000!important}.backup-actions,.btn-done{display:none!important}}@media (max-width:600px){.tfa-header{align-items:flex-start;flex-direction:column}.tfa-status{align-self:flex-start}.setup-step{flex-direction:column}.step-number{margin-bottom:.5rem}.backup-codes-grid{grid-template-columns:repeat(2,1fr)}.backup-actions,.tfa-actions{flex-direction:column}.disable-actions,.setup-actions{flex-direction:column-reverse}}.qr-scanner-overlay{align-items:center;background:#080c18eb;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.qr-scanner-modal{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);border:1px solid #6366f133;border-radius:24px;box-shadow:0 30px 80px #0009;max-width:420px;overflow:hidden;width:100%}.qr-scanner-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:18px 20px}.qr-scanner-title{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:700;gap:10px}.qr-scanner-title i{color:#818cf8}.qr-scanner-close{background:#ffffff0f;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;font-size:1rem;height:36px;width:36px}.qr-scanner-close:hover{background:#ffffff1f}.qr-scanner-body{align-items:center;display:flex;justify-content:center;min-height:300px;position:relative}.qr-scanner-reader{width:100%}.qr-scanner-reader video{border-radius:0!important}.qr-scanner-status{color:#475569;font-size:2.5rem;position:absolute}.qr-scanner-error{color:#cbd5e1;padding:40px 28px;text-align:center}.qr-scanner-error i{color:#f59e0b;font-size:2rem;margin-bottom:14px}.qr-scanner-error p{font-size:.95rem;line-height:1.5;margin:0 0 18px}.qr-scanner-retry{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:11px;color:#fff;cursor:pointer;font-weight:600;padding:11px 32px}.qr-scanner-hint{color:#94a3b8;font-size:.85rem;margin:0;padding:16px 20px 22px;text-align:center}[data-theme=light] .qr-scanner-overlay{background:#0f172a8c}[data-theme=light] .qr-scanner-modal{background:#fff;border:1px solid #0f172a1a;box-shadow:0 30px 80px #0f172a40}[data-theme=light] .qr-scanner-header{border-bottom:1px solid #0f172a14}[data-theme=light] .qr-scanner-title{color:#0f172a}[data-theme=light] .qr-scanner-title i{color:#667eea}[data-theme=light] .qr-scanner-close{background:#0f172a0f;color:#475569}[data-theme=light] .qr-scanner-close:hover{background:#0f172a1f}[data-theme=light] .qr-scanner-error{color:#475569}[data-theme=light] .qr-scanner-error p{color:#334155}[data-theme=light] .qr-scanner-hint{color:#64748b}.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:80px;z-index:100}.sidebar:hover{width:260px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1rem;text-decoration:none;transition:all .3s ease}.sidebar:hover .sidebar-logo{justify-content:flex-start;padding:1.25rem 1.5rem}.sidebar-logo i{flex-shrink:0;font-size:1.5rem}.sidebar-logo .logo-text,.sidebar-logo i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.sidebar-logo .logo-text{font-size:1.25rem;font-weight:700;opacity:0;overflow:hidden;transition:opacity .3s ease,width .3s ease;white-space:nowrap;width:0}.sidebar:hover .sidebar-logo .logo-text{opacity:1;width:auto}.sidebar-user{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 1rem;transition:all .3s ease}.sidebar:hover .sidebar-user{justify-content:flex-start;padding:1.25rem 1.5rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:42px;justify-content:center;position:relative;text-decoration:none;width:42px}.user-avatar img{border-radius:50%}.avatar-icon{font-size:1.25rem}.user-status{border:2px solid #0f172a;border-radius:50%;bottom:1px;height:12px;position:absolute;right:1px;width:12px;z-index:10}.user-status.online{background:#10b981;box-shadow:0 0 6px #10b98199}.user-status.offline{background:#6b7280}.user-info{opacity:0;overflow:hidden;transition:opacity .3s ease,width .3s ease;width:0}.sidebar:hover .user-info{opacity:1;width:auto}.user-name{font-size:.9rem}.user-role{color:#ffffff80;font-size:.75rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{color:#ffffff59;display:block;font-size:.65rem;font-weight:600;height:0;letter-spacing:.05em;margin-bottom:.5rem;opacity:0;overflow:hidden;padding:0 1rem;text-transform:uppercase;transition:opacity .3s ease,height .3s ease}.sidebar:hover .nav-section-title{height:auto;margin-bottom:.5rem;opacity:1;padding:0 1.5rem}.nav-item{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;justify-content:center;padding:.75rem 0;text-decoration:none;transition:all .2s ease;width:100%}.sidebar:hover .nav-item{justify-content:flex-start;padding:.75rem 1.5rem}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#667eea26;border-right:3px solid #667eea;color:#667eea}.nav-item.active i{color:#667eea}.nav-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;width:24px}.nav-icon-wrapper i{font-size:1.1rem}.nav-badge-count{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-10px;top:-8px}.nav-label{opacity:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,width .3s ease;white-space:nowrap;width:0}.sidebar:hover .nav-label{opacity:1;width:auto}.sidebar-quick-actions{margin-bottom:1rem;padding:0 1rem}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;text-decoration:none;transition:all .3s ease;width:100%}.quick-action-btn:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.quick-action-btn i{flex-shrink:0;font-size:1rem}.quick-action-btn span{opacity:0;overflow:hidden;transition:opacity .3s ease,width .3s ease;white-space:nowrap;width:0}.sidebar:hover .quick-action-btn span{opacity:1;width:auto}.sidebar-language{border-top:1px solid #ffffff0d;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.language-label{align-items:center;color:#ffffff59;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.language-label i{font-size:.85rem}.sidebar-language .language-selector{width:100%}.sidebar-language .language-selector-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;padding:.625rem .875rem;width:100%}.sidebar-language .language-selector-btn:hover{background:#ffffff1a;border-color:#667eea80}.sidebar-language .language-dropdown{left:0;right:0;width:100%}.sidebar-bottom{border-top:1px solid #ffffff0d;margin-top:auto;padding:1rem 0}.sidebar-bottom .nav-item{justify-content:center;padding:.625rem 0}.sidebar:hover .sidebar-bottom .nav-item{justify-content:flex-start;padding:.625rem 1.5rem}.logout-btn{color:#ffffff80}.logout-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width:768px){.sidebar{display:none}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;border-top:1px solid #ffffff1a;bottom:0;display:none;left:0;padding:.5rem;position:fixed;right:0;z-index:100}@media (max-width:768px){.mobile-bottom-nav{align-items:center;display:flex;justify-content:space-around}.mobile-nav-item{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:.25rem;min-width:60px;padding:.5rem;text-decoration:none}.mobile-nav-item i{font-size:1.25rem}.mobile-nav-item.active{color:#667eea}.mobile-nav-item .nav-badge-count{position:absolute;right:12px;top:0}}.theme-toggle-btn{color:#ffffffb3}.theme-toggle-btn:hover{background:#fbbf241a;color:#fbbf24}.theme-toggle-btn i{transition:transform .3s ease}.theme-toggle-btn:hover i{transform:rotate(30deg)}[data-theme=light] .theme-toggle-btn:hover{background:#6366f11a;color:#667eea}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f1f5f9);border-right:1px solid #00000014}[data-theme=light] .sidebar-logo,[data-theme=light] .sidebar-user{border-bottom:1px solid #00000014}[data-theme=light] .user-name{color:#0f172a}[data-theme=light] .user-role{color:#64748b}[data-theme=light] .user-status{border-color:#fff}[data-theme=light] .nav-item:hover{background:#6366f114;color:#0f172a}[data-theme=light] .nav-item.active{background:#6366f11f;color:#667eea}[data-theme=light] .nav-section-title{color:#0006}[data-theme=light] .sidebar-bottom{border-top:1px solid #00000014}[data-theme=light] .logout-btn:hover{background:#ef444414}.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172ad9;border-bottom:1px solid #6366f126;display:flex;justify-content:space-between;left:0;padding:.75rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar:hover{background:#0f172aeb;border-bottom-color:#6366f140}.navbar-spacer{height:70px}.navbar-brand{gap:.75rem}.navbar-brand,.sound-waves{align-items:center;display:flex}.sound-waves{gap:3px;height:28px}.sound-waves span{animation:soundWave .8s ease-in-out infinite;background:linear-gradient(0deg,#667eea,#a855f7);border-radius:2px;width:4px}.sound-waves span:first-child{animation-delay:0s;height:8px}.sound-waves span:nth-child(2){animation-delay:.1s;height:16px}.sound-waves span:nth-child(3){animation-delay:.2s;height:24px}.sound-waves span:nth-child(4){animation-delay:.3s;height:16px}.sound-waves span:nth-child(5){animation-delay:.4s;height:8px}.sound-waves.right span{background:linear-gradient(0deg,#a855f7,#f093fb)}.sound-waves.right span:first-child{animation-delay:.15s}.sound-waves.right span:nth-child(2){animation-delay:.25s}.sound-waves.right span:nth-child(3){animation-delay:.35s}.sound-waves.right span:nth-child(4){animation-delay:.45s}.sound-waves.right span:nth-child(5){animation-delay:.55s}@keyframes soundWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.logo-pill{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f140;border-radius:50px;display:flex;gap:.5rem;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease}.logo-pill:hover{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#6366f166;box-shadow:0 8px 25px #6366f140;transform:translateY(-2px)}.logo-icon{font-size:1.4rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a855f7,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800;letter-spacing:.5px}.navbar-actions{gap:.6rem}.action-btn,.navbar-actions{align-items:center;display:flex}.action-btn{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;color:#818cf8;cursor:pointer;font-size:1.1rem;height:42px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:42px}.action-btn.active,.action-btn:hover{background:#6366f133;border-color:#6366f166;box-shadow:0 5px 20px #6366f140;color:#a78bfa;transform:translateY(-2px)}.language-btn{font-size:1.3rem;padding:0}.flag-icon{border-radius:2px;height:16px;object-fit:cover;width:24px}.language-item .flag-icon{height:15px;width:22px}.badge{border:2px solid #0f172ae6;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.badge-success{background:linear-gradient(135deg,#10b981,#059669)}.language-menu-container{position:relative}.language-dropdown{animation:dropdownSlide .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 50px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:200px}.language-dropdown .dropdown-header{background:linear-gradient(135deg,#6366f11a,#a855f70d);border-bottom:1px solid #6366f11a;padding:1rem 1.25rem}.language-dropdown .header-title{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:.5rem}.language-dropdown .header-title i{color:#a78bfa}.language-list{padding:.5rem 0}.language-item{align-items:center;background:none;border:none;color:#e2e8f0;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.language-item:hover{background:#6366f11a;color:#a78bfa}.language-item.active{background:#6366f126;color:#a78bfa}.language-item .lang-flag{font-size:1.2rem}.language-item .lang-name{flex:1 1}.language-item i{color:#10b981;font-size:.85rem}.notifications-menu-container{position:relative}.notifications-dropdown{animation:dropdownSlide .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 50px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px}.notifications-dropdown .dropdown-header{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f70d);border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notifications-dropdown .header-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem}.notifications-dropdown .header-title i{color:#a78bfa}.notifications-dropdown .unread-count{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.notifications-list{max-height:350px}.notification-item{align-items:flex-start;border-bottom:1px solid #6366f10d;gap:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.notification-item:hover{background:#6366f11a}.notification-item.unread{background:#6366f10d}.notification-item .notif-icon{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f726);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-item .notif-icon i{color:#a78bfa;font-size:.95rem}.notification-item .notif-content{flex:1 1;min-width:0}.notification-item .notif-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 .25rem;overflow:hidden}.notification-item .notif-time{color:#64748b;font-size:.8rem}.notification-item .unread-dot{background:#a78bfa;border-radius:50%;flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.no-notifications{color:#64748b;padding:2rem}.no-notifications i{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.no-notifications p{font-size:.95rem}.view-all-btn{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f70d);border-top:1px solid #6366f11a;color:#a78bfa;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;text-decoration:none;transition:all .2s ease}.view-all-btn:hover{background:#6366f126;color:#c4b5fd}.view-all-btn i{font-size:.85rem;transition:transform .2s ease}.view-all-btn:hover i{transform:translateX(3px)}.profile-menu-container{position:relative}.profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #6366f166;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;transition:all .3s ease;width:44px}.profile-btn:hover{border-color:#6366f199;box-shadow:0 5px 20px #6366f166;transform:scale(1.05)}.profile-btn img{height:100%;object-fit:cover;width:100%}.profile-placeholder{font-size:1.3rem}.profile-dropdown{animation:dropdownSlide .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 50px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header.with-image{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f71a);display:flex;gap:1rem;padding:1.25rem}.header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #6366f166;border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-avatar .avatar-placeholder{font-size:1.5rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#94a3b8;font-size:.85rem}.dropdown-divider{background:#6366f126;height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:#e2e8f0;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.85rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#6366f11a;color:#a78bfa}.dropdown-item i{color:#64748b;font-size:1rem;text-align:center;width:20px}.dropdown-item:hover i{color:#a78bfa}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.dropdown-item.logout i{color:#f87171}.auth-btn{align-items:center;border-radius:12px;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .3s ease}.auth-btn.login{background:#6366f11a;border:1px solid #6366f133;color:#a78bfa}.auth-btn.login:hover{background:#6366f133;border-color:#6366f166}.auth-btn.register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.auth-btn.register:hover{box-shadow:0 8px 25px #6366f159;transform:translateY(-2px)}@media (max-width:1024px){.sound-waves{display:none}}@media (max-width:768px){.navbar{padding:.75rem 1rem}.navbar-spacer{height:65px}.logo-pill{padding:.4rem 1rem}.logo-text{font-size:1.1rem}.logo-icon{font-size:1.2rem}.action-btn{font-size:1rem;height:38px;width:38px}.profile-btn{height:40px;width:40px}.auth-btn{font-size:.9rem;padding:.5rem 1rem}.auth-btn.login{display:none}.navbar-actions{gap:.5rem}.language-dropdown,.notifications-dropdown{left:1rem;position:fixed;right:1rem;top:70px;width:auto}.notifications-dropdown{max-height:calc(100vh - 100px)}.profile-dropdown{left:auto;position:fixed;right:1rem;top:70px;width:280px}}@media (max-width:480px){.navbar{padding:.6rem .75rem}.logo-pill{padding:.35rem .8rem}.logo-text{font-size:1rem}.auth-btn.register{font-size:.85rem;padding:.45rem .8rem}.action-btn{height:36px;width:36px}.language-btn{font-size:1.1rem}}.auth-menu-container{align-items:center;display:flex;gap:.6rem;position:relative}.auth-trigger{display:none}[data-theme=light] .auth-btn.login{color:#4338ca}.auth-dropdown{animation:dropdownSlide .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bfa;border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 50px #0006;overflow:hidden;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 10px);width:200px;z-index:1001}.auth-dropdown-item{align-items:center;color:#e2e8f0;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;transition:all .2s ease;width:100%}.auth-dropdown-item i{color:#818cf8;text-align:center;width:20px}.auth-dropdown-item:hover{background:#6366f11a;color:#a78bfa}.auth-dropdown-item.highlight,.auth-dropdown-item:hover i{color:#a78bfa}[data-theme=light] .auth-dropdown{background:#fffffffa;box-shadow:0 20px 50px #00000026}[data-theme=light] .auth-dropdown-item{color:#1e293b}[data-theme=light] .auth-dropdown-item i{color:#6366f1}[data-theme=light] .auth-dropdown-item:hover{background:#6366f114;color:#4338ca}@media (max-width:768px){.auth-btn.login,.auth-btn.register{display:none}.auth-trigger{display:flex}}.notifications-page{margin:0 auto;max-width:900px;padding:0 1rem;width:100%}.notifications-list{display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-bottom:1rem;padding-right:.5rem}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#6366f180}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.notifications-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.75rem;gap:.75rem;margin:0}.notifications-header h1 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text}.mark-all-read-btn{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:.5rem;color:#818cf8;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.mark-all-read-btn:hover{background:#667eea33}.notifications-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-btn{align-items:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:2rem;display:flex;gap:.4rem;transition:all .3s ease}.filter-btn:hover{background:#667eea1a}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.filter-btn .badge{background:#fff3;border-radius:1rem;font-size:.75rem;margin-left:.25rem;padding:.15rem .5rem}.no-notifications{background:#1e293b66;border:1px solid #ffffff1a;border-radius:1rem;padding:4rem 2rem;text-align:center}.no-notifications i{color:#64748b;font-size:4rem;margin-bottom:1rem}.no-notifications h3{color:#fff;margin:0 0 .5rem}.no-notifications p{color:#94a3b8;margin:0}.notification-item{align-items:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:1rem;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.notification-item:hover{background:#1e293bcc;border-color:#667eea4d}.notification-item.unread{background:#667eea1a;border-color:#667eea33}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:45px;justify-content:center;width:45px}.notification-content{flex:1 1;min-width:0}.notification-main{align-items:center;display:flex;gap:.75rem}.notification-user{flex-shrink:0}.notification-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.notification-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:36px;justify-content:center;width:36px}.notification-message{color:#e2e8f0;font-size:.95rem;line-height:1.4;margin:0}.notification-time{color:#64748b;display:block;font-size:.8rem;margin-top:.25rem}.notification-delete{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;opacity:0;padding:.5rem;transition:all .3s ease}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ef444433;color:#f87171}.unread-dot{background:#667eea;border-radius:50%;height:10px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:10px}@media (max-width:768px){.notifications-list{max-height:calc(100vh - 280px)}.notifications-header{align-items:flex-start;flex-direction:column;gap:1rem}.notifications-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.filter-btn{white-space:nowrap}.notification-item{padding:.875rem 1rem}.notification-icon{height:40px;width:40px}.notification-delete{opacity:1}}.admin-dashboard{margin:0 auto;max-width:1200px;padding:0 1rem}.admin-error,.admin-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:400px}.admin-error i,.admin-loading i{font-size:3rem;margin-bottom:1rem}.admin-error i{color:#ef4444}.admin-login-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{background:#1e293be6;border:1px solid #6366f133;border-radius:24px;box-shadow:0 25px 50px #00000080;max-width:400px;padding:3rem;text-align:center;width:100%}.login-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.admin-login-card h2{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.admin-login-card p{color:#94a3b8;margin-bottom:2rem}.pin-input-container{margin-bottom:1.5rem}.pin-input{background:#0f172acc;border:2px solid #6366f14d;border-radius:16px;color:#fff;font-size:2rem;letter-spacing:.5rem;padding:1.25rem;text-align:center;transition:all .3s ease;width:100%}.pin-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #6366f133;outline:none}.pin-input::placeholder{color:#475569;letter-spacing:.3rem}.pin-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem}.btn-login{font-size:1.1rem;margin-bottom:1rem;padding:1rem;width:100%}.btn-back{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s ease}.btn-back:hover{color:#94a3b8}.admin-header{justify-content:space-between;margin-bottom:2rem}.admin-header,.admin-header h1{align-items:center;display:flex}.admin-header h1{color:#fff;font-size:2rem;gap:.75rem}.admin-header h1 i{color:#fbbf24}.admin-header-actions{align-items:center;display:flex;gap:1rem}.admin-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;font-weight:600;gap:.5rem}.admin-badge,.btn-logout{font-size:.85rem;padding:.5rem 1rem}.btn-logout{border-radius:10px}.alert{position:relative}.alert-close{background:#0000;border:none;color:inherit;cursor:pointer;opacity:.7;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.alert-close:hover{opacity:1}.activity-log{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.log-entry{grid-gap:1rem;align-items:center;background:#0f172a66;border-radius:8px;display:grid;font-size:.85rem;gap:1rem;grid-template-columns:100px 1fr 120px 140px;padding:.75rem}.log-action{color:#667eea;font-size:.75rem;font-weight:600;text-transform:uppercase}.log-details{color:#94a3b8}.log-ip{font-family:monospace}.log-date,.log-ip{color:#64748b;font-size:.8rem}.log-date{text-align:right}.platform-wallet-card{background:linear-gradient(135deg,#1e3a5f,#0f172a);border:1px solid #3b82f64d;border-radius:20px;box-shadow:0 20px 40px #3b82f633;margin-bottom:2rem;padding:2rem}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.wallet-header h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.75rem}.wallet-header h2 i{color:#3b82f6}.fee-badge{background:#10b98133;border-radius:20px;color:#10b981;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.wallet-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.wallet-stat{background:#ffffff0d;border-radius:12px;padding:1.5rem;text-align:center}.wallet-stat.main{background:linear-gradient(135deg,#3b82f64d,#6366f14d);border:1px solid #3b82f666}.wallet-stat .stat-value{color:#fff;font-size:2rem;font-weight:800}.wallet-stat.main .stat-value{font-size:2.5rem}.wallet-stat .stat-label{color:#94a3b8;font-size:.9rem;margin-top:.5rem}.admin-cards-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.cards-header{justify-content:space-between;margin-bottom:1rem}.cards-header,.cards-header h4{align-items:center;display:flex}.cards-header h4{color:#fff;font-size:1rem;gap:.5rem;margin:0}.cards-header h4 i{color:#3b82f6}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.no-cards-notice{background:#0f172a80;border-radius:12px;color:#64748b;padding:2rem;text-align:center}.no-cards-notice i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.no-cards-notice p{font-size:.9rem;margin:0}.cards-select-list{display:flex;flex-direction:column;gap:.75rem}.card-select-item{align-items:center;background:#0f172a99;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.card-select-item:hover{background:#3b82f61a}.card-select-item.selected{background:#3b82f626;border-color:#3b82f6}.card-radio{color:#64748b;font-size:1.25rem}.card-select-item.selected .card-radio{color:#3b82f6}.card-icon{color:#94a3b8;font-size:1.75rem}.card-details{display:flex;flex-direction:column;gap:.25rem}.card-details .card-number{color:#fff;font-family:monospace;letter-spacing:1px}.card-details .card-name{color:#64748b;font-size:.85rem}.modal{background:#1e293b;border-radius:16px;box-shadow:0 25px 50px #00000080;max-width:450px}.modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.modal-header h3{align-items:center;display:flex;font-size:1.25rem;gap:.5rem}.modal-header h3 i{color:#3b82f6}.modal-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #ffffff1a}.form-group{margin-bottom:1rem}.form-group label{color:#94a3b8}.form-group input,.form-group select{background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.security-note{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;margin:0}.security-note i{color:#10b981}.withdraw-section{border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding-top:1.5rem}.withdraw-input-group{flex:1 1;position:relative}.withdraw-input-group input{background:#0f172acc;border:1px solid #3b82f64d;border-radius:12px;color:#fff;font-size:1.1rem;padding:1rem 3rem 1rem 1rem;width:100%}.withdraw-input-group input:focus{border-color:#3b82f6;outline:none}.withdraw-input-group .currency{color:#64748b;font-weight:600;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.withdraw-section .btn{font-size:1rem;padding:1rem 2rem}.admin-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.admin-stat-card{background:#1e293bcc;border:1px solid #6366f11a;border-radius:16px;gap:1rem;padding:1.5rem}.admin-stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:14px;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-icon.users{background:#3b82f633;color:#3b82f6}.stat-icon.artists{background:#a855f733;color:#a855f7}.stat-icon.withdrawals{background:#10b98133;color:#10b981}.stat-icon.money{background:#fbbf2433;color:#fbbf24}.stat-info .stat-value{color:#fff;font-size:1.75rem;font-weight:800}.stat-info .stat-label{color:#94a3b8;font-size:.9rem}.admin-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.admin-card{background:#1e293bcc;border:1px solid #6366f11a;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.admin-card h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.admin-card h3 i{color:#667eea}.no-data{color:#64748b;padding:3rem 2rem;text-align:center}.no-data i{font-size:3rem;margin-bottom:1rem;opacity:.5}.transactions-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.transaction-row{background:#0f172a80;border-radius:12px;gap:1rem;padding:1rem}.transaction-row,.tx-icon{align-items:center;display:flex}.tx-icon{background:#10b98133;border-radius:8px;color:#10b981;height:36px;justify-content:center;width:36px}.tx-icon .fa-minus{color:#ef4444}.tx-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.tx-user{color:#fff;font-weight:500}.tx-desc{color:#94a3b8;font-size:.85rem}.tx-date{color:#64748b;font-size:.75rem}.tx-amount{font-size:1rem;font-weight:700}.tx-amount.positive{color:#10b981}.tx-amount.negative{color:#ef4444}.earners-list{display:flex;flex-direction:column;gap:.75rem}.earner-row{background:#0f172a80;border-radius:12px;gap:1rem;padding:1rem}.earner-rank,.earner-row{align-items:center;display:flex}.earner-rank{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;height:30px;justify-content:center;width:30px}.earner-row:first-child .earner-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.earner-row:nth-child(2) .earner-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.earner-row:nth-child(3) .earner-rank{background:linear-gradient(135deg,#cd7f32,sienna)}.earner-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.earner-avatar img{height:100%;object-fit:cover;width:100%}.earner-avatar i{color:#fff}.earner-info{display:flex;flex:1 1;flex-direction:column}.earner-name{color:#fff;font-weight:500}.earner-role{color:#64748b;font-size:.8rem}.earner-stats{text-align:right}.earner-earnings{color:#10b981;display:block;font-weight:700}.earner-fees{color:#64748b;font-size:.8rem}.monthly-chart{margin-bottom:2rem}.chart-bars{align-items:flex-end;display:flex;gap:1rem;height:200px;padding:1rem 0}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chart-bar{align-items:flex-start;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;display:flex;justify-content:center;max-width:60px;min-height:20px;padding-top:.5rem;width:100%}.bar-value{color:#fff;font-size:.7rem;font-weight:600;white-space:nowrap}.bar-label{color:#64748b;font-size:.75rem}.alert{border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{background:#10b9811a;color:#10b981}.alert-error{background:#ef44441a;color:#ef4444}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;text-align:center}.wallet-stats{grid-template-columns:1fr}.withdraw-section{flex-direction:column}.admin-columns{grid-template-columns:1fr}.chart-bars{overflow-x:auto}}.users-management{margin-top:2rem}.card-header-toggle{align-items:center;border-bottom:1px solid #6366f11a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-header-toggle:hover h3{color:#667eea}.card-header-toggle i.fa-chevron-down,.card-header-toggle i.fa-chevron-up{color:#667eea;transition:transform .3s ease}.users-section-content{animation:fadeIn .3s ease}.users-search{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{align-items:center;background:#0f172a99;border:1px solid #6366f133;border-radius:.75rem;display:flex;flex:1 1;padding:0 1rem}.search-input-wrapper i{color:#667eea;margin-right:.75rem}.search-input-wrapper input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:.75rem 0}.search-input-wrapper input::placeholder{color:#64748b}.no-users,.users-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.no-users i,.users-loading i{color:#667eea;font-size:2rem}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-row{align-items:center;background:#0f172a66;border:1px solid #6366f11a;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.user-row:hover{background:#1e293b99;border-color:#6366f14d}.user-row.banned{background:#ef44440d;border-color:#ef44444d}.user-clickable-area{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;gap:1rem;min-width:0;padding:.25rem;transition:background .2s ease}.user-clickable-area:hover{background:#6366f11a}.user-avatar{border:2px solid #6366f133;border-radius:50%;flex-shrink:0;height:56px;overflow:hidden;width:56px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-info{display:block!important;flex:1 1;min-width:0;opacity:1!important;visibility:visible!important}.user-name{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem;margin-bottom:.25rem}.user-name,.user-name .name-text{color:#fff;font-weight:600}.user-email{color:#94a3b8!important;display:block!important;font-size:.85rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email,.user-meta{visibility:visible!important}.user-meta{align-items:center;color:#64748b;display:flex!important;flex-wrap:wrap;font-size:.8rem;gap:.75rem}.user-meta span{align-items:center;display:inline-flex;gap:.35rem}.user-balance{color:#10b981!important}.user-joined{color:#94a3b8!important}.badge{border-radius:.25rem;font-size:.65rem;font-weight:700;padding:.125rem .5rem;text-transform:uppercase}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.banned-badge{background:#ef444433;color:#ef4444}.role-badge{background:#6366f11a;border-radius:1rem;color:#a5b4fc;font-size:.75rem;padding:.25rem .75rem}.role-badge.role-artist{background:#8b5cf626;color:#c4b5fd}.role-badge.role-dj{background:#ec489926;color:#f9a8d4}.role-badge.role-user{background:#6366f11a;color:#a5b4fc}.user-actions{display:flex;flex-shrink:0;gap:.5rem}.user-actions .btn{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.btn-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.btn-success:hover{background:#10b98133}.btn-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.btn-warning:hover{background:#f59e0b33}.btn-danger{background:#ef44441a;color:#ef4444}.btn-danger:hover{background:#ef444433}@media (max-width:768px){.users-search{flex-direction:column}.user-row{flex-wrap:wrap}.user-info{flex:1 1 100%;margin-top:.5rem;order:2}.user-avatar{order:1}.user-actions{margin-left:auto;order:1}}.reports-management{margin-top:1.5rem}.reports-section-content{margin-top:1rem}.reports-filters{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.filter-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:20px;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.no-reports,.reports-loading{color:#64748b;padding:2rem;text-align:center}.no-reports i,.reports-loading i{display:block;font-size:2rem;margin-bottom:.5rem}.no-reports i{color:#22c55e}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .2s}.report-row:hover{background:#ffffff0d}.report-row.status-pending{border-left:3px solid #f59e0b}.report-row.status-reviewed{border-left:3px solid #3b82f6}.report-row.status-resolved{border-left:3px solid #22c55e}.report-row.status-dismissed{border-left:3px solid #64748b}.report-header{justify-content:space-between;margin-bottom:.75rem}.report-header,.report-type{align-items:center;display:flex}.report-type{gap:.5rem}.reason-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600}.reason-badge,.status-badge{border-radius:12px;font-size:.75rem;padding:.25rem .75rem}.status-badge{font-weight:500}.status-badge.status-pending{background:#f59e0b33;color:#f59e0b}.status-badge.status-reviewed{background:#3b82f633;color:#3b82f6}.status-badge.status-resolved{background:#22c55e33;color:#22c55e}.status-badge.status-dismissed{background:#64748b33;color:#94a3b8}.report-date{color:#64748b;font-size:.8rem}.report-body{color:#cbd5e1;font-size:.9rem}.report-users{display:flex;gap:1.5rem;margin-bottom:.5rem}.report-user strong{color:#94a3b8;margin-right:.25rem}.report-description,.report-post{background:#0003;border-radius:8px;font-size:.85rem;margin-top:.5rem;padding:.75rem}.report-description strong,.report-post strong{color:#94a3b8;display:block;margin-bottom:.25rem}.report-actions{border-top:1px solid #ffffff1a;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.report-actions .btn{flex:1 1}@media (max-width:600px){.reports-filters{justify-content:center}.filter-btn{font-size:.75rem;padding:.4rem .75rem}.report-header{align-items:flex-start}.report-header,.report-users{flex-direction:column;gap:.5rem}.report-actions{flex-wrap:wrap}.report-actions .btn{flex:1 1 100%}}.admin-badge.owner{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.admin-badge.moderator{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.moderator-welcome{background:linear-gradient(135deg,#3b82f626,#60a5fa1a);border:1px solid #3b82f64d;border-radius:16px;margin-bottom:1.5rem;padding:2rem;text-align:center}.moderator-welcome .welcome-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.moderator-welcome h3{color:#fff;font-size:1.5rem;margin-bottom:.75rem}.moderator-welcome p{color:#94a3b8;margin-bottom:1rem}.moderator-welcome ul{list-style:none;margin:0 auto;max-width:300px;padding:0;text-align:left}.moderator-welcome ul li{align-items:center;color:#cbd5e1;display:flex;gap:.75rem;padding:.5rem 0}.moderator-welcome ul li i{color:#10b981;font-size:.9rem}.report-actions-enhanced{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.actions-label{color:#94a3b8;font-size:.8rem;font-weight:500}.action-buttons{display:flex;gap:.5rem}.btn-xs{border-radius:6px;font-size:.75rem;padding:.35rem .6rem}.btn-dark{background:#1e293b;border:1px solid #334155;color:#f8fafc}.btn-dark:hover{background:#0f172a}.status-actions{display:flex;gap:.5rem}.clickable{cursor:pointer;transition:color .2s}.clickable:hover{color:#60a5fa}.moderation-stats-card{margin-bottom:1.5rem}.moderation-stats-content{padding-top:1rem}.stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.mod-stat{background:#ffffff0d;border-radius:12px;padding:1rem;text-align:center}.mod-stat-value{color:#60a5fa;font-size:1.75rem;font-weight:700}.mod-stat-label{color:#94a3b8;font-size:.75rem;margin-top:.25rem}.recent-mod-actions h4{color:#94a3b8;font-size:.9rem;margin-bottom:.75rem}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;font-size:.85rem;gap:.75rem;padding:.5rem .75rem}.action-type{font-weight:500}.action-moderator{color:#94a3b8;margin-left:auto}.action-date{color:#64748b;font-size:.75rem}.action-modal{max-width:450px}.action-info{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:1rem}.action-info p{font-size:.9rem;margin:.25rem 0}.user-history-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden}.user-history-modal .modal-body{flex:1 1;overflow-y:auto}.user-history-info{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-history-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.user-history-avatar img{height:100%;object-fit:cover;width:100%}.user-history-avatar i{color:#fff;font-size:1.5rem}.user-history-details h4{font-size:1.1rem;margin:0 0 .25rem}.user-history-details p{color:#94a3b8;font-size:.85rem;margin:0}.user-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.badge{border-radius:4px;font-size:.7rem;padding:.25rem .5rem}.badge-danger{background:#ef4444;color:#fff}.badge-warning{background:#f59e0b;color:#1a1a2e}.badge-info{background:#3b82f6;color:#fff}.badge-success{background:#10b981;color:#fff}.history-section{margin-bottom:1.5rem}.history-section h5{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;padding:.6rem .75rem}.history-item.warning{border-left:3px solid #f59e0b}.history-item.action{border-left:3px solid #3b82f6}.history-item.report{border-left:3px solid #ef4444}.history-reason{flex:1 1;min-width:150px}.history-action{color:#60a5fa;font-weight:500}.history-by{color:#94a3b8;font-size:.8rem}.history-date{color:#64748b;font-size:.75rem;margin-left:auto}.history-status{border-radius:4px;font-size:.7rem;font-weight:500;padding:.15rem .4rem}.history-status.status-pending{background:#fbbf24;color:#1a1a2e}.history-status.status-resolved{background:#10b981;color:#fff}.history-status.status-dismissed{background:#6b7280;color:#fff}.post-preview-modal{max-width:550px}.post-preview-author{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:45px;justify-content:center;overflow:hidden;width:45px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-avatar i{color:#fff}.author-info{flex:1 1}.author-name{display:block;font-weight:600}.post-date{color:#94a3b8;font-size:.8rem}.post-preview-content{margin-bottom:1rem}.post-preview-content p{line-height:1.6;margin-bottom:1rem}.post-image,.post-video{border-radius:12px;margin-top:.5rem;max-width:100%}.post-hidden-notice{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem}.modal-footer{flex-wrap:wrap;gap:.5rem}.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;min-height:80px;padding:.75rem;width:100%}.form-group textarea:focus{border-color:#60a5fa;outline:none}@media (max-width:600px){.quick-actions{align-items:flex-start;flex-direction:column}.stats-overview{grid-template-columns:repeat(2,1fr)}.user-history-info{flex-direction:column;text-align:center}.history-item{align-items:flex-start;flex-direction:column}.history-date{margin-left:0}}.ban-modal{max-width:480px}.ban-user-info{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.ban-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.ban-user-avatar img{height:100%;object-fit:cover;width:100%}.ban-user-avatar i{color:#fff;font-size:1.25rem}.ban-user-details h4{font-size:1rem;margin:0 0 .25rem}.ban-user-details p{color:#94a3b8;font-size:.85rem;margin:0}.ban-type-selector{display:flex;gap:.75rem}.ban-type-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.ban-type-btn:hover{background:#ffffff14;border-color:#fff3}.ban-type-btn.active{background:#ef444426;border-color:#ef4444;color:#fca5a5}.ban-type-btn i{font-size:1.5rem}.ban-type-btn span{font-weight:500}.duration-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.duration-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem .75rem;transition:all .2s}.duration-btn:hover{background:#ffffff14;border-color:#fff3}.duration-btn.active{background:#3b82f633;border-color:#3b82f6;color:#93c5fd}.ban-warning{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;display:flex;font-size:.85rem;gap:.75rem;margin-top:1rem;padding:.75rem 1rem}.ban-warning i{font-size:1.1rem}.ban-expires-badge{background:#f59e0b33;border-radius:4px;color:#fbbf24;font-size:.7rem;margin-left:.5rem;padding:.2rem .4rem}.btn-info{background:#3b82f6;border:none;color:#fff}.btn-info:hover{background:#2563eb}@media (max-width:600px){.ban-type-selector{flex-direction:column}.duration-selector{grid-template-columns:repeat(2,1fr)}.user-row{align-items:flex-start;flex-direction:column}.user-clickable-area{width:100%}.user-actions{justify-content:flex-end;margin-left:0;margin-top:.75rem;width:100%}}.stripe-platform-card{background:linear-gradient(135deg,#635bff0d,#0f172ae6);border:1px solid #635bff4d}.stripe-platform-card h3 i{color:#635bff}.stripe-section-content{padding-top:1rem}.stripe-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:.5rem;padding:2rem}.stripe-balance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stripe-balance-card{align-items:center;background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.stripe-balance-card .balance-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stripe-balance-card.available .balance-icon{background:#10b98133;color:#10b981}.stripe-balance-card.pending .balance-icon{background:#f59e0b33;color:#f59e0b}.stripe-balance-card.accounts .balance-icon{background:#635bff33;color:#635bff}.stripe-balance-card.volume .balance-icon{background:#3b82f633;color:#3b82f6}.stripe-balance-card .balance-label{color:#94a3b8;display:block;font-size:.75rem;margin-bottom:.25rem}.stripe-balance-card .balance-value{color:#f1f5f9;display:block;font-size:1.5rem;font-weight:700}.stripe-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.btn-stripe{align-items:center;background:linear-gradient(135deg,#635bff,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-stripe:hover{box-shadow:0 4px 20px #635bff66;transform:translateY(-2px)}.stripe-recent-payments h4{align-items:center;color:#f1f5f9;display:flex;gap:.5rem;margin-bottom:1rem}.no-payments{color:#64748b;padding:2rem;text-align:center}.no-payments i{display:block;font-size:2rem;margin-bottom:.5rem}.payments-list{display:flex;flex-direction:column;gap:.75rem}.payment-row{background:#0f172a80;border:1px solid #94a3b81a;border-radius:8px;gap:1rem;padding:1rem}.payment-icon,.payment-row{align-items:center;display:flex}.payment-icon{background:#635bff33;border-radius:10px;color:#635bff;height:40px;justify-content:center;width:40px}.payment-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.payment-desc{color:#f1f5f9;font-weight:500}.payment-artist{color:#94a3b8;font-size:.85rem}.payment-date{color:#64748b;font-size:.75rem}.payment-amounts{text-align:right}.payment-total{color:#f1f5f9;display:block;font-weight:600}.payment-fee{color:#10b981;display:block;font-size:.8rem}@media (max-width:768px){.stripe-balance-grid{grid-template-columns:1fr 1fr}.payment-row,.stripe-actions{flex-direction:column}.payment-row{align-items:flex-start;gap:.75rem}.payment-amounts{display:flex;justify-content:space-between;text-align:left;width:100%}}.funnel-card{margin-top:1.5rem}.funnel-section-content{padding:1.5rem}.funnel-period-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.funnel-period-selector .period-btn{background:#a78bfa14;border:1px solid #a78bfa33;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.funnel-period-selector .period-btn:hover{background:#a78bfa26;color:#e2e8f0}.funnel-period-selector .period-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;color:#fff}.funnel-loading{align-items:center;color:#94a3b8;display:flex;gap:.75rem;justify-content:center;padding:3rem}.funnel-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.funnel-summary-card{background:#0f172a80;border:1px solid #a78bfa26;border-radius:12px;padding:1.25rem;transition:transform .2s}.funnel-summary-card:hover{transform:translateY(-2px)}.funnel-summary-card.primary{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#a855f74d}.funnel-summary-card.success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e40}.funnel-summary-card.warning{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef444440}.funnel-summary-card .summary-label{color:#94a3b8;font-size:.8rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.funnel-summary-card .summary-value{color:#f1f5f9;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.funnel-summary-card .summary-detail{color:#64748b;font-size:.75rem}.funnel-breakdown{background:#0f172a66;border:1px solid #a78bfa1a;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.funnel-breakdown h4{align-items:center;color:#e2e8f0;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.funnel-breakdown h4 i{color:#a855f7}.funnel-stats-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:1rem}.funnel-stat{background:#0f172a99;border:1px solid #a78bfa1a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.funnel-stat.success{background:#22c55e14;border-color:#22c55e33}.funnel-stat.danger{background:#ef444414;border-color:#ef444433}.funnel-stat.info{background:#3b82f614;border-color:#3b82f633}.funnel-stat .stat-label{color:#94a3b8;font-size:.7rem;text-transform:uppercase}.funnel-stat .stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.funnel-progress{margin:1rem 0}.funnel-progress .progress-label{color:#cbd5e1;font-size:.85rem;margin-bottom:.5rem}.funnel-progress .progress-label strong{color:#f1f5f9}.funnel-progress .progress-bar{background:#ef444433;border-radius:4px;height:8px;overflow:hidden}.funnel-progress .progress-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;height:100%;transition:width .6s ease}.funnel-meta{border-top:1px solid #a78bfa1a;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;padding-top:.75rem}.funnel-meta strong{color:#f1f5f9}.funnel-trend{background:#0f172a66;border:1px solid #a78bfa1a;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.funnel-trend h4{align-items:center;color:#e2e8f0;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.funnel-trend h4 i{color:#a855f7}.trend-bars{align-items:flex-end;display:flex;gap:.5rem;height:150px;overflow-x:auto;padding-bottom:1.5rem}.trend-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:40px;position:relative}.trend-bar-stack{background:#0f172a80;border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:120px;overflow:hidden;width:100%}.trend-bar-failed{background:linear-gradient(180deg,#ef4444,#dc2626);transition:height .4s ease;width:100%}.trend-bar-completed{background:linear-gradient(180deg,#22c55e,#16a34a);transition:height .4s ease;width:100%}.trend-bar-label{color:#94a3b8;font-size:.7rem;margin-top:.5rem}.trend-bar-total{bottom:-1.25rem;color:#cbd5e1;font-size:.7rem;font-weight:600;position:absolute}.trend-legend{color:#94a3b8;display:flex;font-size:.8rem;gap:1.5rem;margin-top:1rem}@media (max-width:768px){.funnel-summary-grid{grid-template-columns:1fr}.funnel-stats-row{grid-template-columns:repeat(2,1fr)}.funnel-meta{flex-direction:column;gap:.5rem}.trend-bars{height:120px}.trend-bar-stack{height:90px}}.live-page{margin:0 auto;max-width:1400px;padding:1rem}.live-header{justify-content:space-between;margin-bottom:1.5rem}.live-header,.live-header h1{align-items:center;display:flex}.live-header h1{color:#fff;font-size:1.75rem;gap:.75rem;margin:0}.live-header h1 i{color:#ef4444}.live-stats{gap:1rem}.live-badge,.live-stats{align-items:center;display:flex}.live-badge{animation:pulse-badge 2s infinite;background:#ef4444;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.live-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.viewer-count{align-items:center;background:#1e293bcc;border-radius:20px;color:#e2e8f0;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.viewer-count i{color:#667eea}.live-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.video-section{display:flex;flex-direction:column;gap:1rem}.start-stream-container{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px dashed #6366f14d;border-radius:1rem;flex-direction:column;min-height:400px;padding:4rem 2rem;text-align:center}.start-stream-container,.start-stream-icon{align-items:center;display:flex;justify-content:center}.start-stream-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:100px;margin-bottom:1.5rem;width:100px}.start-stream-icon i{color:#fff;font-size:2.5rem}.start-stream-container h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.start-stream-container p{color:#94a3b8;margin:0 0 2rem}.btn-live{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-live:hover{box-shadow:0 10px 30px #ef444466;transform:scale(1.05)}.btn-live i{font-size:1.2rem}.video-container{aspect-ratio:16/9;background:#000;border-radius:1rem;overflow:hidden;position:relative}.live-video{height:100%;object-fit:cover;width:100%}.video-overlay{bottom:0;flex-direction:column;left:0;padding:1rem;pointer-events:none;position:absolute;right:0;top:0}.overlay-top,.video-overlay{display:flex;justify-content:space-between}.overlay-top{align-items:flex-start}.live-badge-large{background:#ef4444;box-shadow:0 4px 15px #ef444480;font-size:.9rem;font-weight:700}.live-badge-large,.viewer-badge{align-items:center;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.5rem 1rem}.viewer-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;font-weight:600}.now-playing-overlay{align-items:center;animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:12px;bottom:1rem;display:flex;gap:1rem;left:1rem;padding:1rem;pointer-events:auto;position:absolute;right:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.now-playing-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.now-playing-icon i{color:#fff;font-size:1.25rem}.now-playing-info{display:flex;flex-direction:column;gap:.25rem}.now-playing-label{color:#667eea;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.now-playing-title{color:#fff;font-size:1rem;font-weight:600}.now-playing-artist{color:#94a3b8;font-size:.9rem}.btn-stop-stream{align-items:center;background:#ef4444e6;border:none;border-radius:8px;bottom:1rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;position:absolute;right:1rem;transition:all .3s ease;z-index:10}.btn-stop-stream:hover{background:#ef4444;transform:scale(1.05)}.floating-reactions{bottom:80px;height:70%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;width:auto}.floating-reaction{animation:floatUp 3s ease-out forwards;bottom:0;font-size:2rem;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-300px) scale(1.5)}}.live-tips-container{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.live-tip-animation{animation:tipPop 5s ease-out forwards}@keyframes tipPop{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(1.2)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-50px)}}.tip-bubble{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;box-shadow:0 10px 40px #fbbf2480;color:#1e293b;padding:1rem 2rem;text-align:center}.tip-bubble .tip-user{display:block;font-size:.9rem;opacity:.8}.tip-bubble .tip-amount{display:block;font-size:2rem;font-weight:800}.tip-bubble .tip-message{display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.reaction-bar{background:#1e293b99;border-radius:1rem;display:flex;gap:.5rem;justify-content:center;padding:1rem}.reaction-btn{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;cursor:pointer;font-size:1.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.reaction-btn:hover{background:#6366f133;transform:scale(1.1)}.reaction-btn:active{transform:scale(.95)}.reaction-count{background:#667eea;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;position:absolute;right:-5px;top:-5px}.live-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-section{background:#1e293b99;border:1px solid #6366f11a;border-radius:1rem;overflow:hidden}.sidebar-section h3{align-items:center;border-bottom:1px solid #6366f11a;color:#fff;display:flex;font-size:1rem;gap:.5rem;margin:0;padding:1rem}.sidebar-section h3 i{color:#667eea}.now-playing-control{padding-bottom:1rem}.now-playing-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.now-playing-form input{background:#0f172a99;border:1px solid #6366f133;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1rem}.now-playing-form input:focus{border-color:#667eea;outline:none}.btn-update-song{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.btn-update-song:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.current-song{align-items:center;color:#94a3b8;display:flex;font-size:.85rem;gap:.5rem;padding:0 1rem}.current-song i{animation:pulse 1s infinite;color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-chat{display:flex;flex-direction:column;height:400px}.chat-messages{gap:.75rem;overflow-y:auto;padding:1rem}.chat-empty,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-empty{align-items:center;color:#64748b;justify-content:center}.chat-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.chat-message{animation:fadeIn .3s ease;display:flex;gap:.75rem}.chat-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.chat-content{display:flex;flex-direction:column;gap:.15rem}.chat-user{color:#667eea;font-size:.85rem;font-weight:600}.chat-text{color:#e2e8f0;font-size:.9rem;word-break:break-word}.chat-input-form{border-top:1px solid #6366f11a;display:flex;gap:.5rem;padding:1rem}.chat-input-form input{background:#0f172a99;border:1px solid #6366f133;border-radius:20px;color:#fff;flex:1 1;font-size:.9rem;padding:.75rem 1rem}.chat-input-form input:focus{border-color:#667eea;outline:none}.chat-input-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.chat-input-form button:hover:not(:disabled){transform:scale(1.1)}.chat-input-form button:disabled{cursor:not-allowed;opacity:.5}.viewer-actions{flex-direction:column;gap:.75rem}.btn-tip,.viewer-actions{display:flex;padding:1rem}.btn-tip{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;color:#1e293b;cursor:pointer;font-weight:700;gap:.5rem;justify-content:center;transition:all .3s ease}.btn-tip:hover{box-shadow:0 5px 20px #fbbf2466;transform:translateY(-2px)}.btn-request{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.btn-request:hover{background:#6366f133}.no-streams{grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-streams-icon{align-items:center;background:#6366f11a;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.no-streams-icon i{color:#667eea;font-size:3rem}.no-streams h2{color:#fff;margin:0 0 .5rem}.no-streams p{color:#94a3b8;margin:0 0 2rem}.live-login-prompt{padding:4rem 2rem;text-align:center}.live-login-prompt i{color:#667eea;font-size:4rem;margin-bottom:1rem}.live-login-prompt h2{color:#fff;margin:0 0 1.5rem}.camera-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:1rem;color:#f87171;padding:2rem;text-align:center}.camera-error i{font-size:2rem;margin-bottom:1rem}.tip-modal .tip-amounts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tip-amount-btn{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-weight:600;min-width:60px;padding:.75rem;transition:all .2s ease}.tip-amount-btn.active,.tip-amount-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.tip-modal input,.tip-modal textarea{background:#0f172a99;border:1px solid #6366f133;border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.tip-modal textarea{height:80px;resize:none}@media (max-width:1024px){.live-content{grid-template-columns:1fr}.live-sidebar{order:2}.video-section{order:1}}@media (max-width:768px){.live-page{padding:.5rem}.live-header h1{font-size:1.25rem}.live-header{align-items:center;flex-wrap:nowrap;gap:.5rem}.live-header .live-badge,.live-header .viewer-count{flex:0 0 auto;width:auto!important}.start-stream-container{min-height:300px;padding:2rem 1rem}.reaction-bar{flex-wrap:wrap;gap:.3rem}.reaction-btn{font-size:1.25rem;padding:.5rem .75rem}.live-chat{height:300px}.now-playing-overlay{left:.5rem;padding:.75rem;right:.5rem}.tip-modal .tip-amounts{justify-content:center}.tip-amount-btn{font-size:.85rem;min-width:50px;padding:.5rem}}@keyframes giftAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}25%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-100px)}}@keyframes shake{0%,to{transform:translate(-50%,-50%) rotate(0deg)}10%{transform:translate(-50%,-50%) rotate(-5deg)}20%{transform:translate(-50%,-50%) rotate(5deg)}30%{transform:translate(-50%,-50%) rotate(-5deg)}40%{transform:translate(-50%,-50%) rotate(5deg)}50%{transform:translate(-50%,-50%) rotate(-3deg)}60%{transform:translate(-50%,-50%) rotate(3deg)}70%{transform:translate(-50%,-50%) rotate(-2deg)}80%{transform:translate(-50%,-50%) rotate(2deg)}90%{transform:translate(-50%,-50%) rotate(-1deg)}}.gift-shake .gift-popup{animation:giftAppear 5s ease-out forwards,shake .5s ease-in-out .2s 3}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gift-pulse .gift-popup{animation:giftAppear 5s ease-out forwards}.gift-pulse .gift-popup:after{animation:giftPulse .3s ease-in-out .2s 5;border-radius:1.5rem;bottom:0;box-shadow:0 0 30px currentColor;content:"";left:0;position:absolute;right:0;top:0}.gift-hearts .gift-popup{animation:giftAppear 5s ease-out forwards}@keyframes vinylSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gift-spin .gift-popup>div:first-child{animation:vinylSpin 1s linear .2s 3;display:inline-block}.gift-spin .gift-popup{animation:giftAppear 5s ease-out forwards}@keyframes spotlight{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.gift-spotlight .gift-popup{animation:giftAppear 5s ease-out forwards,spotlight .5s ease-in-out .2s 4}@keyframes flashLight{0%,to{box-shadow:0 20px 60px currentColor;opacity:1}50%{box-shadow:0 20px 100px currentColor,0 0 200px currentColor;opacity:.7}}.gift-flash .gift-popup{animation:giftAppear 5s ease-out forwards,flashLight .2s ease-in-out .2s 8}@keyframes explode{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.gift-explode .gift-popup{animation:giftAppear 5s ease-out forwards}.gift-explode .gift-popup:before{animation:explode .5s ease-out .2s;content:"💥";font-size:6rem;left:50%;opacity:.8;position:absolute;top:-50%;transform:translateX(-50%)}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gift-crown .gift-popup>div:first-child{animation:crownFloat .5s ease-in-out .2s 4;display:inline-block}.gift-crown .gift-popup{animation:giftAppear 5s ease-out forwards;background:linear-gradient(135deg,#fbbf24,#d97706)!important}.gift-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gift-modal [style*="cursor: pointer"]:hover{transform:scale(1.05)}@media (max-width:480px){.gift-modal [style*=grid-template-columns]{grid-template-columns:repeat(3,1fr)!important}.gift-modal [style*="font-size: 2rem"]{font-size:1.5rem!important}}@keyframes giftCardLife{0%{opacity:0;transform:translateY(14px) scale(.86)}12%{opacity:1;transform:translateY(0) scale(1.05)}22%{transform:translateY(0) scale(1)}76%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.92)}}.live-header .btn{flex:0 0 auto;white-space:nowrap;width:auto!important}.video-container.theater{aspect-ratio:auto!important;background:#000;border-radius:0;inset:0;max-height:none!important;position:fixed;z-index:1000}.video-container.theater .live-video,.video-container.theater .live-video video{height:100%!important;object-fit:contain!important;width:100%!important}.theater-ui{inset:0;pointer-events:none;position:absolute;z-index:20}.theater-ui button,.theater-ui form,.theater-ui input{pointer-events:auto}.theater-chat{bottom:calc(130px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:5px;left:12px;max-height:38vh;max-width:70%;overflow:hidden;position:absolute}.theater-chat-line{background:#00000073;border-radius:14px;color:#fff;font-size:.85rem;line-height:1.3;max-width:100%;padding:4px 11px;width:-webkit-fit-content;width:fit-content}.theater-chat-line b{color:#a78bfa}.theater-actions{bottom:calc(130px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:14px;position:absolute;right:12px}.theater-actions .ta-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 6px 18px #00000073;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:54px;justify-content:center;width:54px}.ta-gift{background:linear-gradient(135deg,#f59e0b,#d97706)}.ta-tip{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ta-req{background:linear-gradient(135deg,#10b981,#059669)}.theater-bottom{background:linear-gradient(0deg,#000000a6,#0000);bottom:0;display:flex;flex-direction:column;gap:10px;left:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom, 0px));position:absolute;right:0}.theater-reactions{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:6px;justify-content:safe center;overflow-x:auto;padding:0 4px;scrollbar-width:none}.theater-reactions::-webkit-scrollbar{display:none}.theater-reactions button{background:#ffffff24;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;padding:6px 11px}.theater-chat-form{display:flex;gap:8px}.theater-chat-form input{background:#ffffff29;border:1px solid #ffffff38;border-radius:22px;color:#fff;flex:1 1;font-size:.92rem;min-width:0;padding:9px 16px}.theater-chat-form input::placeholder{color:#fff9}.theater-chat-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;flex:0 0 42px;height:42px;width:42px}.video-container.theater .overlay-top{padding-right:58px}.live-page .live-header h1 .live-badge,html[data-theme=light] .live-page .live-header h1 .live-badge{display:inline-flex!important;flex:0 0 auto!important;max-width:-webkit-max-content!important;max-width:max-content!important;width:auto!important}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b99;--bg-card-solid:#1e293b;--bg-input:#0f172a99;--bg-hover:#ffffff0d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-heading:#fff;--text-muted:#64748b;--border-color:#6366f11a;--border-light:#ffffff0d;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--shadow-card:0 4px 20px #0000004d;--shadow-hover:0 8px 30px #0006;--scrollbar-track:#0f172a80;--scrollbar-thumb:#6366f14d;--modal-bg:linear-gradient(135deg,#1e293b,#0f172a);--modal-overlay:#000000b3}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-card:#ffffffe6;--bg-card-solid:#fff;--bg-input:#f1f5f9cc;--bg-hover:#0000000a;--text-primary:#1e293b;--text-secondary:#475569;--text-heading:#0f172a;--text-muted:#94a3b8;--border-color:#6366f126;--border-light:#00000014;--shadow-card:0 4px 20px #00000014;--shadow-hover:0 8px 30px #0000001f;--scrollbar-track:#e2e8f0;--scrollbar-thumb:#6366f166;--modal-bg:linear-gradient(135deg,#fff,#f1f5f9);--modal-overlay:#0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);color:#e2e8f0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;min-height:100vh;overflow-y:auto;transition:background .3s ease,color .3s ease}.app-layout,.main-wrapper{display:flex;min-height:100vh}.main-wrapper{flex:1 1;flex-direction:column;margin-left:70px;transition:margin-left .3s ease}.main-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:calc(70px + .5rem) 1.5rem 2rem}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));display:flex;justify-content:center;min-height:100vh}.loading-screen .spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:4px solid #6366f133;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-heading);font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:#94a3b8;color:var(--text-secondary)}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#818cf8}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6366f133;border:1px solid #6366f14d;color:#a5b4fc}.btn-secondary:hover{background:#6366f14d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 4px 20px #10b98166}.btn-danger{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.btn-danger:hover{background:#ef4444;color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card{background:#1e293b99;background:var(--bg-card);border:1px solid #6366f11a;border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.card-header{border-bottom:1px solid #6366f11a;padding:1.25rem}.card-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.75rem;margin:0}.card-title i{color:#667eea}.card-body{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#e2e8f0;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#0f172a99;background:var(--bg-input);border:1px solid #6366f11a;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--text-heading);font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b;color:var(--text-muted)}.form-group textarea{min-height:100px;resize:vertical}.alert{align-items:center;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.alert-warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.alert-info{background:#6366f126;border:1px solid #6366f14d;color:#a5b4fc}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-primary{background:#6366f133;color:#a5b4fc}.badge-success{background:#10b98133;color:#34d399}.badge-warning{background:#f59e0b33;color:#fbbf24}.badge-danger{background:#ef444433;color:#f87171}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.empty-state{color:#64748b;padding:3rem;text-align:center}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#fff;margin-bottom:.5rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--modal-bg);border:1px solid #6366f133;border-radius:1rem;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:1.25rem}.modal-header h3{color:#fff;margin:0}.modal-body{overflow-y:auto;padding:1.25rem}.modal-footer{border-top:1px solid #6366f11a;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem}.not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.not-found h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:8rem;line-height:1;margin-bottom:1rem}.not-found p{font-size:1.5rem;margin-bottom:2rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f172a80;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#6366f14d;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.payment-modal-overlay{padding-top:100px!important}}[data-theme=light] body{animation:pastelFlow 25s ease infinite;background:linear-gradient(135deg,#dbeafe,#e0d4f5 20%,#fce4ec 40%,#dbeafe 60%,#ede7f6 80%,#fce4ec)!important;background-attachment:fixed!important;background-size:400% 400%!important;color:#1e293b}@keyframes pastelFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}[data-theme=light] body:before{background:repeating-linear-gradient(120deg,#0000,#0000 100px,#93c5fd0a 0,#93c5fd0a 101px),repeating-linear-gradient(60deg,#0000,#0000 120px,#f4b8d008 0,#f4b8d008 121px),radial-gradient(ellipse 800px 600px at 15% 25%,#93c5fd2e 0,#0000 60%),radial-gradient(ellipse 600px 500px at 85% 20%,#f4b8d024 0,#0000 60%),radial-gradient(ellipse 500px 400px at 65% 75%,#a78bfa1f 0,#0000 60%),radial-gradient(ellipse 700px 500px at 25% 85%,#c4b5fd1a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}[data-theme=light] body:after{animation:auroraFloat 30s ease-in-out infinite;background:radial-gradient(circle,#93c5fd26 0,#c4b5fd1a 30%,#f4b8d014 60%,#0000 80%);border-radius:50%;content:"";height:500px;pointer-events:none;position:fixed;right:-150px;top:-150px;width:500px;z-index:0}@keyframes auroraFloat{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(-80px,120px) scale(1.15) rotate(5deg)}50%{transform:translate(-40px,60px) scale(.9) rotate(-3deg)}75%{transform:translate(-100px,150px) scale(1.1) rotate(2deg)}}[data-theme=light] .app-layout{position:relative;z-index:1}[data-theme=light] .main-content:before{background-image:radial-gradient(circle,#6366f10a 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:80px;pointer-events:none;position:fixed;right:0;top:0;z-index:0}[data-theme=light] .main-content>*{position:relative;z-index:1}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#1e1b4b}[data-theme=light] p{color:#475569}[data-theme=light] a{color:#6366f1}[data-theme=light] a:hover{color:#4f46e5}[data-theme=light] .gradient-text{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .header,[data-theme=light] .navbar,[data-theme=light] .top-navbar{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:#fff9!important;border-bottom:1px solid #93c5fd33;box-shadow:0 1px 12px #93c5fd1a}[data-theme=light] .navbar h1,[data-theme=light] .navbar-title h1{color:#1e1b4b!important}[data-theme=light] .sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#ffffffe6,#ede7f6cc)!important;border-right:1px solid #a78bfa1f}[data-theme=light] .sidebar-logo,[data-theme=light] .sidebar-user{border-bottom:1px solid #a78bfa1a}[data-theme=light] .user-name{color:#1e1b4b}[data-theme=light] .user-role{color:#7c3aed}[data-theme=light] .nav-item{color:#475569}[data-theme=light] .nav-item:hover{background:#6366f10f;color:#1e1b4b}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#6366f11a,#a855f70f);border-right:3px solid #6366f1;color:#6366f1}[data-theme=light] .nav-item.active i{color:#6366f1}[data-theme=light] .nav-section-title{color:#6366f173}[data-theme=light] .sidebar-bottom{border-top:1px solid #a78bfa1a}[data-theme=light] .logout-btn:hover{background:#ef44440f;color:#ef4444}[data-theme=light] .theme-toggle-btn{color:#475569}[data-theme=light] .theme-toggle-btn:hover{background:#f59e0b14;color:#f59e0b}[data-theme=light] .achievement-badge,[data-theme=light] .artist-card,[data-theme=light] .card,[data-theme=light] .create-post-card,[data-theme=light] .event-card,[data-theme=light] .events-card,[data-theme=light] .fact-card,[data-theme=light] .notification-item,[data-theme=light] .post-card,[data-theme=light] .profile-card,[data-theme=light] .quick-links-card,[data-theme=light] .request-card,[data-theme=light] .settings-section,[data-theme=light] .sidebar-card,[data-theme=light] .suggestions-card,[data-theme=light] .timeline-content,[data-theme=light] .tip-card,[data-theme=light] .top-artist-card,[data-theme=light] .trending-card,[data-theme=light] .work-card{-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);background:#ffffff8c!important;border:1px solid #a78bfa1f!important;box-shadow:0 4px 20px #93c5fd14,0 1px 4px #00000008}[data-theme=light] .artist-card:hover,[data-theme=light] .card:hover,[data-theme=light] .event-card:hover,[data-theme=light] .fact-card:hover,[data-theme=light] .post-card:hover{border-color:#a78bfa33!important;box-shadow:0 8px 32px #93c5fd26,0 2px 8px #a78bfa14;transform:translateY(-1px)}[data-theme=light] .create-post-card,[data-theme=light] .events-card,[data-theme=light] .sidebar-card,[data-theme=light] .trending-card{overflow:hidden;position:relative}[data-theme=light] .create-post-card:before,[data-theme=light] .events-card:before,[data-theme=light] .sidebar-card:before,[data-theme=light] .trending-card:before{animation:rainbowSlide 6s linear infinite;background:linear-gradient(90deg,#93c5fd,#a78bfa,#f4b8d0,#93c5fd);background-size:300% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes rainbowSlide{0%{background-position:300% 0}to{background-position:-300% 0}}[data-theme=light] .stat-card,[data-theme=light] .stat-card-insights{background:#fff9!important;border:1px solid #a78bfa1a!important;border-left:3px solid #93c5fd!important}[data-theme=light] .stat-card:nth-child(2){border-left-color:#a78bfa!important}[data-theme=light] .stat-card:nth-child(3){border-left-color:#f4b8d0!important}[data-theme=light] .stat-card:nth-child(4){border-left-color:#fbbf24!important}[data-theme=light] .stat-number,[data-theme=light] .stat-value{color:#4f46e5!important;font-weight:700}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .comment-input,[data-theme=light] .filter-select,[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea,[data-theme=light] .post-input,[data-theme=light] .search-box input,[data-theme=light] .search-input,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffff80!important;border:1px solid #a78bfa26!important;color:#1e1b4b!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{background:#fffc!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #a78bfa1f!important}[data-theme=light] .form-group label{color:#334155}[data-theme=light] .btn-secondary{background:#a78bfa14;border:1px solid #a78bfa26;color:#6366f1}[data-theme=light] .btn-secondary:hover{background:#a78bfa26}[data-theme=light] .attachment-btn{color:#64748b}[data-theme=light] .attachment-btn.active,[data-theme=light] .attachment-btn:hover{background:#6366f10f;color:#6366f1}[data-theme=light] .feed-header h1{color:#1e1b4b}[data-theme=light] .feed-tab{background:#ffffff80;border:1px solid #a78bfa1f;color:#64748b}[data-theme=light] .feed-tab:hover{border-color:#a78bfa40;color:#1e1b4b}[data-theme=light] .feed-tab.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;color:#fff}[data-theme=light] .post-user-info h4{color:#1e1b4b}[data-theme=light] .post-user-info p{color:#64748b}[data-theme=light] .post-content p{color:#334155}[data-theme=light] .action-btn,[data-theme=light] .post-stats span{color:#64748b}[data-theme=light] .action-btn:hover{background:#6366f10d;color:#6366f1}[data-theme=light] .action-btn.liked{color:#ec4899}[data-theme=light] .post-menu-dropdown,[data-theme=light] .share-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6!important;border:1px solid #a78bfa1f!important}[data-theme=light] .menu-item{color:#475569}[data-theme=light] .menu-item:hover{background:#6366f10d;color:#1e1b4b}[data-theme=light] .profile-name{color:#1e1b4b}[data-theme=light] .profile-role{color:#7c3aed}[data-theme=light] .quick-link{color:#475569}[data-theme=light] .quick-link:hover{background:#6366f10a;color:#6366f1}[data-theme=light] .see-all-link{color:#6366f1}[data-theme=light] .trending-info h5{color:#1e1b4b}[data-theme=light] .trending-info p{color:#64748b}[data-theme=light] .empty-text{color:#94a3b8}[data-theme=light] .location-tag{background:#93c5fd1f;border:1px solid #93c5fd33;color:#4f46e5}[data-theme=light] .feed-sidebar-right .events-card,[data-theme=light] .feed-sidebar-right .sidebar-card,[data-theme=light] .feed-sidebar-right .suggestions-card,[data-theme=light] .feed-sidebar-right .trending-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .feed-sidebar-right h4{color:#1e1b4b!important}[data-theme=light] .feed-sidebar-right .event-date-badge{background:linear-gradient(135deg,#10b981,#059669)!important}[data-theme=light] .feed-sidebar-right .event-date-badge span{color:#fff!important}[data-theme=light] .feed-sidebar-right .trending-item{background:#0000!important}[data-theme=light] .feed-sidebar-right .trending-rank{color:#6366f1!important}[data-theme=light] .discover-hero{background:#ffffff4d}[data-theme=light] .discover-subtitle{color:#475569}[data-theme=light] .search-box{background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .type-btn{background:#ffffff80;border:1px solid #a78bfa1f;color:#64748b}[data-theme=light] .type-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;color:#fff}[data-theme=light] .artist-name{color:#1e1b4b}[data-theme=light] .artist-image-container,[data-theme=light] .artist-image-placeholder{background:linear-gradient(135deg,#2e1065,#1e1b4b)!important}[data-theme=light] .follow-btn{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}[data-theme=light] .follow-btn.following{background:#a78bfa14;border:1px solid #a78bfa33;color:#6366f1}[data-theme=light] .messages-page{background:#dbeafe33}[data-theme=light] .conversations-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3!important;border-right:1px solid #a78bfa1a!important}[data-theme=light] .conversations-header{border-bottom:1px solid #a78bfa14}[data-theme=light] .conversations-header h2{color:#1e1b4b}[data-theme=light] .conversation-item{border-bottom:1px solid #a78bfa0f}[data-theme=light] .conversation-item:hover{background:#93c5fd0f}[data-theme=light] .conversation-item.active{background:#a78bfa14;border-left:3px solid #6366f1}[data-theme=light] .conversation-name{color:#1e1b4b}[data-theme=light] .conversation-preview,[data-theme=light] .last-message{color:#64748b}[data-theme=light] .chat-area{background:#dbeafe26}[data-theme=light] .chat-header{background:#ffffffb3;border-bottom:1px solid #a78bfa14}[data-theme=light] .chat-user-name{color:#1e1b4b}[data-theme=light] .message.own .message-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=light] .message.other .message-bubble{background:#ffffffb3;border:1px solid #a78bfa1a;color:#334155}[data-theme=light] .message-time{color:#94a3b8}[data-theme=light] .chat-input,[data-theme=light] .chat-input-form{background:#ffffffb3;border-top:1px solid #a78bfa14}[data-theme=light] .no-chat-selected i,[data-theme=light] .no-conversations i{color:#c4b5fd}[data-theme=light] .no-chat-selected h3,[data-theme=light] .no-conversations h3{color:#475569}[data-theme=light] .dashboard,[data-theme=light] .dashboard-container,[data-theme=light] .dashboard-page{background:#0000!important}[data-theme=light] .dashboard h1{color:#1e1b4b}[data-theme=light] .container .profile-header,[data-theme=light] .fade-in .profile-header{background:linear-gradient(135deg,#93c5fd40,#c4b5fd33,#f4b8d026)!important;border:1px solid #a78bfa26!important;border-radius:1rem!important}[data-theme=light] .container .profile-header h2,[data-theme=light] .fade-in .profile-header h2{-webkit-text-fill-color:#1e1b4b!important;color:#1e1b4b!important}[data-theme=light] .container .profile-header .profile-role,[data-theme=light] .fade-in .profile-header .profile-role{-webkit-text-fill-color:#fff!important;color:#fff!important;text-shadow:0 1px 4px #00000026}[data-theme=light] .events-header h1{color:#1e1b4b}[data-theme=light] .event-tabs,[data-theme=light] .events-tabs{background:#fff6;border:1px solid #a78bfa1a;border-radius:12px;padding:.25rem}[data-theme=light] .event-tab.active,[data-theme=light] .events-tab.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}[data-theme=light] .event-title{color:#1e1b4b}[data-theme=light] .event-detail{color:#475569}[data-theme=light] .event-detail i{color:#6366f1}[data-theme=light] .settings-page{color:#1e293b}[data-theme=light] .settings-container{background:#fff6;border:1px solid #a78bfa14}[data-theme=light] .settings-sidebar{background:#ffffff4d;border-right:1px solid #a78bfa14}[data-theme=light] .settings-tab,[data-theme=light] .tab-btn{color:#475569}[data-theme=light] .settings-tab.active,[data-theme=light] .tab-btn.active{background:#6366f114;color:#6366f1}[data-theme=light] .setting-info h3,[data-theme=light] .settings-section h2{color:#1e1b4b}[data-theme=light] .setting-info p{color:#64748b}[data-theme=light] .currency-option{background:#ffffff80;border:1px solid #a78bfa1a;color:#1e293b}[data-theme=light] .currency-option.active{background:#6366f10f;border-color:#6366f1}[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1b4b40}[data-theme=light] .forward-modal,[data-theme=light] .modal,[data-theme=light] .modal-content,[data-theme=light] .rating-modal,[data-theme=light] .report-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffeb!important;border:1px solid #a78bfa26!important;box-shadow:0 24px 80px #1e1b4b1f}[data-theme=light] .modal-header{border-bottom:1px solid #a78bfa14}[data-theme=light] .modal-header h3{color:#1e1b4b}[data-theme=light] .modal-footer{border-top:1px solid #a78bfa14}[data-theme=light] .artist-profile-container{color:#1e293b}[data-theme=light] .profile-cover{animation:gradient-shift 10s ease infinite!important;background:linear-gradient(135deg,#6366f1,#8b5cf6 25%,#a855f7 50%,#d946ef 75%,#ec4899)!important;background-size:200% 200%!important}[data-theme=light] .cover-gradient{background:none!important;display:none!important}[data-theme=light] .profile-main-info{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#fffc!important;border:2px solid #a78bfa26!important;box-shadow:0 8px 32px #6366f114!important}[data-theme=light] .profile-name{-webkit-text-fill-color:#1e1b4b!important;color:#1e1b4b!important}[data-theme=light] .profile-role-badge{-webkit-text-fill-color:#fff!important;color:#fff!important}[data-theme=light] .profile-bio{color:#475569!important}[data-theme=light] .profile-image-large{border-color:#ffffffe6!important}[data-theme=light] .profile-stats .stat-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#6366f1,#a855f7)!important;-webkit-background-clip:text!important}[data-theme=light] .profile-stats .stat-label{color:#64748b!important}[data-theme=light] .profile-action-buttons{background:#ffffff80!important;border-top:1px solid #a78bfa1a!important}[data-theme=light] .qr-section,[data-theme=light] .social-section,[data-theme=light] .works-section{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .section-title{color:#1e1b4b!important}[data-theme=light] .section-title i{color:#6366f1!important}[data-theme=light] .social-link-button{background:#a78bfa0f;border:1px solid #a78bfa1f;color:#6366f1}[data-theme=light] .work-card{background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .work-info h4{color:#1e1b4b!important}[data-theme=light] .work-description{color:#475569!important}[data-theme=light] .qr-info h3{color:#1e1b4b!important}[data-theme=light] .qr-info li,[data-theme=light] .qr-info p{color:#475569!important}[data-theme=light] .statistics-container{background:#0000!important}[data-theme=light] .statistics-header h1{-webkit-text-fill-color:unset!important;color:#1e1b4b!important}[data-theme=light] .statistics-header h1 i{-webkit-text-fill-color:unset!important}[data-theme=light] .period-selector{background:#fff6!important;border:1px solid #a78bfa1a!important}[data-theme=light] .period-btn{background:#0000;color:#64748b}[data-theme=light] .period-btn:hover{background:#6366f10f;color:#1e1b4b}[data-theme=light] .period-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}[data-theme=light] .statistics-container .stat-card{background:#fff9!important;border:1px solid #a78bfa1a!important}[data-theme=light] .statistics-container .stat-card .stat-value{color:#1e1b4b!important}[data-theme=light] .statistics-container .stat-card .stat-label{color:#64748b!important}[data-theme=light] .stat-card.earnings .stat-icon{background:#10b98126!important;color:#10b981!important}[data-theme=light] .stat-card.followers .stat-icon{background:#6366f126!important;color:#6366f1!important}[data-theme=light] .stat-card.requests .stat-icon{background:#ec489926!important;color:#ec4899!important}[data-theme=light] .stat-card.tips .stat-icon{background:#fbbf2426!important;color:#fbbf24!important}[data-theme=light] .earnings-breakdown{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .earnings-breakdown h2{color:#1e1b4b!important}[data-theme=light] .earnings-breakdown h2 i{color:#6366f1!important}[data-theme=light] .breakdown-card{background:#eef2ff80!important;border-left:3px solid #10b981}[data-theme=light] .breakdown-card.requests-card{border-left-color:#6366f1}[data-theme=light] .breakdown-header{color:#475569!important}[data-theme=light] .breakdown-value{color:#1e1b4b!important}[data-theme=light] .breakdown-bar{background:#a78bfa1a!important}[data-theme=light] .engagement-section{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .engagement-section h2{color:#1e1b4b!important}[data-theme=light] .engagement-section h2 i{color:#6366f1!important}[data-theme=light] .engagement-card{background:#eef2ff80!important}[data-theme=light] .engagement-card:hover{background:#6366f10f!important}[data-theme=light] .engagement-card i{color:#6366f1!important}[data-theme=light] .engagement-value{color:#1e1b4b!important}[data-theme=light] .engagement-label{color:#64748b!important}[data-theme=light] .activity-section{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .activity-section h2{color:#1e1b4b!important}[data-theme=light] .activity-section h2 i{color:#6366f1!important}[data-theme=light] .activity-item{background:#eef2ff80!important}[data-theme=light] .activity-item:hover{background:#6366f10f!important}[data-theme=light] .activity-text{color:#1e293b!important}[data-theme=light] .activity-time{color:#64748b!important}[data-theme=light] .activity-amount{color:#10b981!important}[data-theme=light] .no-activity{color:#64748b}[data-theme=light] .no-activity i{color:#c4b5fd}[data-theme=light] .no-activity p{color:#475569}[data-theme=light] .tips-page{background:#0000!important}[data-theme=light] .tips-page .page-header h1{color:#1e1b4b!important}[data-theme=light] .tips-page .stat-card{background:#fff9!important;border:1px solid #a78bfa1a!important}[data-theme=light] .tips-page .stat-card .stat-number{font-weight:700}[data-theme=light] .tips-page .stat-card.total .stat-number{color:#10b981!important}[data-theme=light] .tips-page .stat-card.count .stat-number{color:#6366f1!important}[data-theme=light] .tips-page .stat-card.average .stat-number{color:#8b5cf6!important}[data-theme=light] .tips-page .stat-card.month .stat-number{color:#ec4899!important}[data-theme=light] .tips-page .stat-label{color:#64748b!important}[data-theme=light] .tips-page .stat-icon{background:#ffffff80!important}[data-theme=light] .filter-tabs{background:#fff6!important;border:1px solid #a78bfa1a}[data-theme=light] .filter-tab{color:#64748b}[data-theme=light] .filter-tab:hover{background:#6366f10f;color:#1e1b4b}[data-theme=light] .filter-tab.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}[data-theme=light] .tip-card{background:#ffffff8c!important;border:1px solid #a78bfa1f!important}[data-theme=light] .tip-card:hover{border-color:#10b9814d!important}[data-theme=light] .tip-sender{color:#1e1b4b!important}[data-theme=light] .tip-message{color:#64748b!important}[data-theme=light] .tip-time{color:#94a3b8!important}[data-theme=light] .tip-amount{color:#10b981!important}[data-theme=light] .analytics-section{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .analytics-title{color:#1e1b4b!important}[data-theme=light] .analytics-title i{color:#6366f1!important}[data-theme=light] .analytics-label{color:#64748b!important}[data-theme=light] .my-works-page,[data-theme=light] .song-requests-page{background:#0000!important}[data-theme=light] .insights-hero{background:linear-gradient(135deg,#93c5fd14,#c4b5fd14)}[data-theme=light] .personality-card{background:linear-gradient(135deg,#93c5fd1a,#c4b5fd1a)!important;border:2px solid #a78bfa26!important}[data-theme=light] .personality-title{color:#1e1b4b}[data-theme=light] .share-section{background:linear-gradient(135deg,#93c5fd0f,#f4b8d00f);border:2px solid #a78bfa1f}[data-theme=light] .year-selector{background:#fff9;border:2px solid #a78bfa26;color:#1e1b4b}[data-theme=light] .timeline-content h3{color:#6366f1}[data-theme=light] .filter-btn{background:#ffffff80;border:1px solid #a78bfa1a;color:#64748b}[data-theme=light] .filter-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;color:#fff}[data-theme=light] .notification-item{border-bottom:1px solid #a78bfa0f}[data-theme=light] .notification-item.unread{background:#93c5fd0a!important;border-left:3px solid #6366f1}[data-theme=light] .notification-message{color:#1e293b}[data-theme=light] .empty-state,[data-theme=light] .events-empty,[data-theme=light] .no-badges,[data-theme=light] .no-events,[data-theme=light] .no-posts,[data-theme=light] .no-results,[data-theme=light] .no-timeline{background:#ffffff4d!important;border:2px dashed #a78bfa2e!important;box-shadow:none!important}[data-theme=light] .empty-state h3,[data-theme=light] .no-posts h3{color:#475569}[data-theme=light] .empty-state i,[data-theme=light] .no-posts i{color:#c4b5fd}[data-theme=light] .empty-state p,[data-theme=light] .no-posts p{color:#94a3b8}[data-theme=light] .alert-success{background:#10b9810f;border:1px solid #10b98126}[data-theme=light] .alert-error{background:#ef44440f;border:1px solid #ef444426}[data-theme=light] .alert-warning{background:#f59e0b0f;border:1px solid #f59e0b26}[data-theme=light] .dropdown,[data-theme=light] .more-menu,[data-theme=light] .notifications-dropdown,[data-theme=light] .user-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6!important;border:1px solid #a78bfa1a!important;box-shadow:0 12px 40px #93c5fd1f!important}[data-theme=light] .balance-label{color:#475569}[data-theme=light] .balance-value{color:#1e1b4b}[data-theme=light] .transaction-item{border-bottom:1px solid #a78bfa0f}[data-theme=light] .location-suggestions{background:#ffffffeb!important;border:1px solid #a78bfa1a!important}[data-theme=light] .suggestion-main{color:#1e1b4b}[data-theme=light] .suggestion-secondary{color:#64748b}[data-theme=light] ::-webkit-scrollbar-track{background:#dbeafe66}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#93c5fd66,#a78bfa4d);border-radius:4px}[data-theme=light] .home-container section,[data-theme=light] .home-container>div{background:#0000!important}[data-theme=light] .home-container .artist-card{background:#ffffffbf!important;border:1px solid #a78bfa1f!important}[data-theme=light] .home-container .artist-card h3{color:#1e1b4b!important}[data-theme=light] .home-container .artist-card p,[data-theme=light] .home-container .artist-card span{color:#475569!important}[data-theme=light] .btn-hero,[data-theme=light] .home-container .btn-cta,[data-theme=light] .home-container .btn-primary{-webkit-text-fill-color:#fff!important;color:#fff!important}[data-theme=light] .home-container .btn-secondary{-webkit-text-fill-color:#4f46e5!important;background:#fffc!important;border:2px solid #6366f14d!important;color:#4f46e5!important}[data-theme=light] .hero-stats{background:#ffffffb3!important;border:1px solid #a78bfa26!important}[data-theme=light] .hero-stats .stat-number{-webkit-text-fill-color:#4f46e5!important;color:#4f46e5!important}[data-theme=light] .hero-stats .stat-label{color:#475569!important}[data-theme=light] .cta-section{background:linear-gradient(135deg,#6366f10f,#a855f70f)!important}[data-theme=light] .cta-title{-webkit-text-fill-color:#1e1b4b!important;color:#1e1b4b!important}[data-theme=light] .feature-icon{background:linear-gradient(135deg,#6366f11a,#a78bfa1a)!important;color:#6366f1!important}[data-theme=light] .footer{background:#ffffff80!important}[data-theme=light] .footer a,[data-theme=light] .footer p{color:#475569!important}[data-theme=light] .login-page{background:#0000!important}[data-theme=light] .login-box{background:linear-gradient(145deg,#ffffffe6,#eef2ffd9)!important;border:2px solid #a78bfa33!important;box-shadow:0 16px 48px #6366f11f!important}[data-theme=light] .login-subtitle{color:#64748b!important}[data-theme=light] .social-login-btn.google{background:#fff!important;border:2px solid #0000001a!important;color:#1e293b!important}[data-theme=light] .social-login-btn.google span{color:#1e293b!important}[data-theme=light] .social-login-btn.facebook{background:#1877f2!important;border:2px solid #1877f2!important;color:#fff!important}[data-theme=light] .social-login-btn.facebook span{color:#fff!important}[data-theme=light] .divider span{background:#ffffffe6!important;color:#64748b!important}[data-theme=light] .divider:before{background:#a78bfa33!important}[data-theme=light] .login-form .form-group label{color:#334155!important}[data-theme=light] .login-form .form-group label i{color:#6366f1!important}[data-theme=light] .form-input{background:#eef2ff80!important;border:1.5px solid #a78bfa33!important;color:#1e1b4b!important}[data-theme=light] .form-input:focus{background:#fff!important;border-color:#6366f1!important}[data-theme=light] .form-input::placeholder,[data-theme=light] .password-toggle{color:#94a3b8!important}[data-theme=light] .checkbox-label,[data-theme=light] .checkbox-label span{color:#475569!important}[data-theme=light] .forgot-link{color:#6366f1!important}[data-theme=light] .login-footer{border-top:1px solid #a78bfa26!important}[data-theme=light] .login-footer p{color:#64748b!important}[data-theme=light] .login-features h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#6366f1,#a855f7)!important;-webkit-background-clip:text!important}[data-theme=light] .feature{background:linear-gradient(145deg,#fffc,#eef2ffb3)!important;border:2px solid #a78bfa26!important}[data-theme=light] .feature:hover{background:#ffffffe6!important;border-color:#6366f14d!important}[data-theme=light] .feature i{color:#6366f1!important}[data-theme=light] .feature h3{color:#1e1b4b!important}[data-theme=light] .feature p{color:#475569!important}[data-theme=light] .register-page{background:#0000!important}[data-theme=light] .register-box{background:#ffffffd9!important;border:2px solid #a78bfa33!important}[data-theme=light] .badge-primary{background:#6366f114}[data-theme=light] .post-card .post-user-info h4 i.fas.fa-check-circle,[data-theme=light] .post-card h4 i.verified-badge,[data-theme=light] .post-header i.verified-badge,[data-theme=light] .verified-badge,[data-theme=light] i.fas.fa-check-circle.verified-badge{-webkit-text-fill-color:#3b82f6!important;color:#3b82f6!important;opacity:1!important}[data-theme=light] .loading-screen{background:linear-gradient(135deg,#dbeafe,#e0d4f5,#fce4ec)}[data-theme=light] div[class*=card]:not(.wallet-card):not(.balance-card-main):not(.btn):not(.event-date-badge):not(.profile-card):not(.breakdown-card):not(.engagement-card):not(.activity-item),[data-theme=light] div[class*=section]:not(.hero-section):not(.share-section):not(.social-section):not(.works-section):not(.qr-section):not(.engagement-section):not(.activity-section):not(.analytics-section):not(.earnings-breakdown){background-color:#ffffff8c!important;color:#1e293b!important}[data-theme=light] .balance-card-main,[data-theme=light] .btn-primary,[data-theme=light] .event-date-badge,[data-theme=light] .live-badge-small,[data-theme=light] .nav-badge-count,[data-theme=light] .quick-action-btn,[data-theme=light] .share-social-btn,[data-theme=light] .wallet-card{color:#fff!important}[data-theme=light] div[class*=card] h2,[data-theme=light] div[class*=card] h3,[data-theme=light] div[class*=section] h2,[data-theme=light] div[class*=section] h3{color:#1e1b4b!important}[data-theme=light] div[class*=card] p,[data-theme=light] div[class*=card] span:not(.nav-badge-count):not(.live-dot),[data-theme=light] div[class*=section] p,[data-theme=light] div[class*=section] span:not(.nav-badge-count):not(.live-dot){color:#475569!important}[data-theme=light] .feed-sidebar-right .event-card,[data-theme=light] .feed-sidebar-right .event-item,[data-theme=light] .feed-sidebar-right .upcoming-event,[data-theme=light] .feed-sidebar-right [class*=event]{background:#ffffff80!important;border:1px solid #a78bfa1a!important}[data-theme=light] .settings-section{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .settings-section h2{color:#1e1b4b!important}[data-theme=light] .settings-section h2 i{color:#6366f1!important}[data-theme=light] .tab-btn{background:#ffffff80!important;border:1px solid #a78bfa1a!important;color:#475569!important}[data-theme=light] .tab-btn:hover{background:#ffffffb3!important;color:#1e1b4b!important}[data-theme=light] .tab-btn.active{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border-color:#0000!important;color:#fff!important}[data-theme=light] .setting-item{background:#eef2ff80!important}[data-theme=light] .setting-info h3{color:#1e1b4b!important}[data-theme=light] .setting-info p{color:#64748b!important}[data-theme=light] .balance-card{background:#fff9!important;border:1px solid #a78bfa1f!important}[data-theme=light] .balance-card.main-balance{background:linear-gradient(135deg,#6366f11a,#a78bfa1a)!important;border-color:#6366f133!important}[data-theme=light] .balance-value{color:#1e1b4b!important}[data-theme=light] .balance-label{color:#64748b!important}[data-theme=light] .wallet-cards-section,[data-theme=light] .wallet-transactions-section{background:#ffffff80!important}[data-theme=light] .wallet-cards-section h3,[data-theme=light] .wallet-transactions-section h3{color:#1e1b4b!important}[data-theme=light] .card-item{background:#eef2ff80!important;border:1px solid #a78bfa1a!important}[data-theme=light] .card-number{color:#1e1b4b!important}[data-theme=light] .card-holder{color:#64748b!important}[data-theme=light] .transaction-item{background:#eef2ff66!important}[data-theme=light] .transaction-description{color:#1e293b!important}[data-theme=light] .transaction-date{color:#64748b!important}[data-theme=light] .qr-code-container{background:#ffffff80!important;border:1px solid #a78bfa1a!important}[data-theme=light] .stripe-connect-section{background:#ffffff80!important;border:1px solid #635bff26!important}[data-theme=light] .danger-zone{background:#ef44440a!important}[data-theme=light] .danger-zone h3{color:#ef4444!important}[data-theme=light] .danger-zone p{color:#64748b!important}[data-theme=light] .password-form h3{color:#1e1b4b!important}[data-theme=light] .location-picker,[data-theme=light] .location-picker-btn,[data-theme=light] .location-selected,[data-theme=light] .venue-picker,[data-theme=light] .venue-picker-btn,[data-theme=light] .venue-selected,[data-theme=light] [class*=location-picker],[data-theme=light] [class*=venue-picker]{background:#ffffff80!important;border:none!important;box-shadow:none!important;color:#1e1b4b!important}[data-theme=light] .location-picker-btn span,[data-theme=light] .location-selected span,[data-theme=light] .venue-picker-btn span,[data-theme=light] .venue-selected span{color:#1e1b4b!important}[data-theme=light] .location-picker-btn i,[data-theme=light] .venue-picker-btn i{color:#6366f1!important}[data-theme=light] .two-factor-section,[data-theme=light] .two-factor-settings,[data-theme=light] .twofa-section,[data-theme=light] [class*=two-factor],[data-theme=light] [class*=twofa]{background:#fff9!important;border:1px solid #a78bfa1f!important;color:#1e293b!important}[data-theme=light] [class*=two-factor] h3,[data-theme=light] [class*=twofa] h3{color:#1e1b4b!important}[data-theme=light] [class*=two-factor] p,[data-theme=light] [class*=twofa] p{color:#475569!important}[data-theme=light] .modal-footer{background:#fffc!important;border-top:1px solid #a78bfa14!important}[data-theme=light] .modal .location-picker-btn,[data-theme=light] .modal .venue-picker-btn,[data-theme=light] .modal [class*=picker-btn],[data-theme=light] .modal [class*=selected-location],[data-theme=light] .modal [class*=selected-venue]{background:#ffffff80!important;border:none!important;box-shadow:none!important;color:#1e1b4b!important}[data-theme=light] .empty-state,[data-theme=light] .events-list-container,[data-theme=light] .no-badges,[data-theme=light] .no-events,[data-theme=light] .no-posts,[data-theme=light] .no-requests,[data-theme=light] .no-timeline,[data-theme=light] .no-tips,[data-theme=light] .request-list-container,[data-theme=light] .requests-list,[data-theme=light] .tips-list,[data-theme=light] .tips-list-container,[data-theme=light] [class*=no-]{border:none!important}[data-theme=light] [style*=dashed],[data-theme=light] [style*=dotted]{border-style:none!important}[data-theme=light] .create-event-card{border:none!important}[data-theme=light] .post-card .post-user-info h4 i.fas.fa-check-circle,[data-theme=light] .post-user-info h4 i.fa-check-circle.verified-badge,[data-theme=light] .post-user-info h4 i.verified-badge{-webkit-text-fill-color:#3b82f6!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;background-image:none!important;color:#3b82f6!important;display:inline-block!important;margin-left:.35rem!important;opacity:1!important;vertical-align:middle!important}[data-theme=light] .badges-section,[data-theme=light] .fun-facts,[data-theme=light] .insights-container>div,[data-theme=light] .share-section,[data-theme=light] .timeline-section,[data-theme=light] .top-artists-section{border:none!important;border-radius:20px!important}[data-theme=light] .badges-grid,[data-theme=light] .facts-grid,[data-theme=light] .timeline,[data-theme=light] .top-artists-grid{border:none!important}[data-theme=light] .no-badges,[data-theme=light] .no-timeline{border:none!important;border-radius:16px!important}@media (max-width:768px){[data-theme=light] .sidebar{background:linear-gradient(180deg,#fffffff2,#ede7f6e6)!important;border-top:1px solid #a78bfa1a}[data-theme=light] .mobile-nav .nav-item .nav-label,[data-theme=light] .mobile-nav .nav-item i{color:#475569}[data-theme=light] .mobile-nav .nav-item.active .nav-label,[data-theme=light] .mobile-nav .nav-item.active i{color:#6366f1}[data-theme=light] .more-menu{background:#fffffff2!important}[data-theme=light] .main-content:before{left:0}}[data-theme=light] .btn-report{background:#f59e0b1f!important;border:1.5px solid #f59e0b73!important}[data-theme=light] .block-mute-trigger{background:#6366f11a!important;border:1.5px solid #6366f14d!important;color:#4f46e5!important}.artist-card,.btn,.card,.conversation-item,.event-card,.modal,.nav-item,.navbar,.notification-item,.post-card,.sidebar,.stat-card,body,input,select,textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease}[data-theme=light] .no-chat-selected i,[data-theme=light] .no-conversations i{color:#818cf8;opacity:.6}[data-theme=light] .start-chat-btn{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid #6366f14d;color:#6366f1}[data-theme=light] .start-chat-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}[data-theme=light] .no-conversations button i{color:#fff;opacity:1}[data-theme=light] .message.own .message-bubble{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}[data-theme=light] .message.own .message-time{color:#ffffffd9}[data-theme=light] .message.other .message-bubble{background:#ffffffeb;color:#1e293b}[data-theme=light] .message.other .message-time{color:#475569}[data-theme=light] .payment-modal-card{background:#fff!important;border:1px solid #a78bfa2e!important;color:#1e1b4b!important}[data-theme=light] .modal-header h2{color:#1e1b4b}[data-theme=light] .payment-modal-card .form-group label,[data-theme=light] .payment-modal-card label{color:#475569!important}[data-theme=light] .payment-modal-card input,[data-theme=light] .payment-modal-card textarea{background:#fff!important;border:1px solid #6366f138!important;color:#1e1b4b!important}[data-theme=light] .payment-modal-card input::placeholder,[data-theme=light] .payment-modal-card textarea::placeholder{color:#94a3b8!important}[data-theme=light] .payment-modal-card .tip-preset{background:#6366f114!important;border:1px solid #6366f138!important;color:#4f46e5!important}[data-theme=light] .payment-modal-card .tip-preset.active{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important;color:#fff!important}[data-theme=light] .payment-modal-card .amount-currency{color:#6366f1!important}[data-theme=light] .payment-modal-card .modal-close{color:#64748b!important}[data-theme=light] .payment-modal-card .modal-close:hover{color:#ef4444!important}[data-theme=light] .report-reason-item{background:#f8fafc!important;border:1px solid #6366f126!important}[data-theme=light] .report-reason-item:hover{background:#f59e0b12!important;border-color:#f59e0b73!important}[data-theme=light] .report-reason-item.selected{background:#f59e0b1f!important;border-color:#f59e0b!important}[data-theme=light] .reason-text{color:#1e293b!important}[data-theme=light] .report-reason-item.selected .reason-text{color:#b45309!important}[data-theme=light] .reason-check{background:#fff!important;border:1.5px solid #cbd5e1!important}[data-theme=light] .reason-check i{color:#0000!important}[data-theme=light] .report-reason-item.selected .reason-check{background:#f59e0b!important;border-color:#f59e0b!important}[data-theme=light] .report-reason-item.selected .reason-check i{color:#fff!important}[data-theme=light] .report-subtitle{color:#64748b!important}[data-theme=light] .report-description-field label{color:#475569!important}[data-theme=light] .report-description-field textarea{background:#fff!important;border:1px solid #6366f138!important;color:#1e1b4b!important}[data-theme=light] .report-description-field textarea::placeholder{color:#94a3b8!important}[data-theme=light] .report-modal .btn-secondary{background:#6366f10f!important;border:1px solid #6366f140!important;color:#4f46e5!important}@media (max-width:768px){body,html{overflow-y:auto!important;width:100%}#root,body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}.main-wrapper{margin-left:0!important;max-width:100vw!important;min-height:100vh;padding-bottom:80px!important;width:100%!important}.main-content{max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:.5rem 1rem 1rem!important}.main-content:has(.messages-page){padding-top:0!important}.btn,a.btn,button{min-height:44px}input,select,textarea{font-size:16px!important}.card{margin:0 0 1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}}.desktop-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.mobile-nav{display:none!important}.more-menu{display:none}@media (max-width:768px){.sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(180deg,#1e293b,#0f172a);border-right:none!important;border-top:1px solid #6366f14d;bottom:0!important;box-shadow:0 -4px 20px #0006;display:flex!important;flex-direction:row!important;height:auto!important;left:0!important;overflow:visible!important;padding:0!important;position:fixed!important;right:0!important;top:auto!important;z-index:1000}.sidebar,.sidebar.collapsed,.sidebar.expanded{width:100%!important}.desktop-nav,.nav-section-title,.sidebar-bottom,.sidebar-logo,.sidebar-quick-actions,.sidebar-user{display:none!important}.mobile-nav{align-items:center;display:flex!important;justify-content:space-around;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));width:100%}.mobile-nav .nav-item,.mobile-nav .nav-item-wrapper button.nav-item{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;flex-direction:column;gap:.2rem;justify-content:center;margin:0;min-width:56px;padding:.5rem;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav .nav-item-wrapper button.nav-item:active,.mobile-nav .nav-item:active{transform:scale(.92)}.mobile-nav .nav-item i,.mobile-nav .nav-item-wrapper button.nav-item i{color:#e2e8f0;font-size:1.3rem;transition:all .25s ease}.mobile-nav .nav-item .nav-label,.mobile-nav .nav-item-wrapper button.nav-item .nav-label{color:#cbd5e1;font-size:.65rem!important;font-weight:500;opacity:1!important;text-align:center;transition:all .25s ease;width:auto!important}.mobile-nav .nav-item-wrapper button.nav-item.active,.mobile-nav .nav-item.active{background:linear-gradient(135deg,#667eea40,#a855f740)}.mobile-nav .nav-item-wrapper button.nav-item.active .nav-label,.mobile-nav .nav-item-wrapper button.nav-item.active i,.mobile-nav .nav-item.active .nav-label,.mobile-nav .nav-item.active i{color:#a78bfa!important;font-weight:600}.mobile-nav .nav-item-wrapper button.nav-item.active:before,.mobile-nav .nav-item.active:before{background:linear-gradient(90deg,#667eea,#a855f7);border-radius:0 0 4px 4px;content:"";height:3px;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%);width:30px}.mobile-nav .nav-badge-count{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #1e293b;border-radius:9px;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:-2px}.mobile-nav .nav-item-wrapper{position:relative!important}.more-menu{animation:more-menu-slide-up .2s ease-out;background:#1e293b!important;border:1px solid #6366f166!important;border-radius:14px!important;bottom:80px!important;box-shadow:0 -8px 30px #0009!important;color:#fff!important;display:block!important;left:auto!important;margin:0!important;max-height:70vh!important;max-width:calc(100vw - 16px)!important;min-width:220px!important;overflow-y:auto!important;padding:.5rem!important;position:fixed!important;right:8px!important;z-index:9999!important}@keyframes more-menu-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.more-menu .more-menu-item,.more-menu a.more-menu-item,.more-menu button.more-menu-item{align-items:center;background:#0000!important;border:none;border-radius:10px;color:#e2e8f0!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.85rem 1rem;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.more-menu .more-menu-item i{color:#a78bfa!important;font-size:1.05rem;text-align:center;width:22px}.more-menu .more-menu-item.logout,.more-menu .more-menu-item.logout i{color:#f87171!important}.more-menu .more-menu-item.logout{border-top:1px solid #6366f133;margin-top:.4rem;padding-top:.85rem}.more-menu .more-menu-item:active,.more-menu .more-menu-item:hover{background:#6366f12e!important;color:#fff!important}.more-menu .more-menu-item:active{transform:scale(.98)}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc)!important;border-top:1px solid #6366f126!important;box-shadow:0 -4px 20px #0000000f!important}[data-theme=light] .mobile-nav .nav-item i,[data-theme=light] .mobile-nav .nav-item-wrapper button.nav-item i,[data-theme=light] .mobile-nav .nav-label{color:#64748b!important}[data-theme=light] .mobile-nav .nav-item-wrapper button.nav-item.active,[data-theme=light] .mobile-nav .nav-item.active{background:linear-gradient(135deg,#667eea1f,#a855f71f)!important}[data-theme=light] .mobile-nav .nav-item.active .nav-label,[data-theme=light] .mobile-nav .nav-item.active i{color:#7c3aed!important}[data-theme=light] .mobile-nav .nav-badge-count{border:1.5px solid #fff!important}.navbar{height:56px;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:99}.navbar-title h1{font-size:1.1rem!important}.navbar-actions{gap:.5rem}.navbar-actions .action-btn{height:36px;width:36px}.notifications-dropdown{left:1rem;max-height:70vh;width:auto}.notifications-dropdown,.user-dropdown{position:fixed;right:1rem;top:60px}.dashboard{padding:0}.welcome-header{flex-direction:column;gap:1rem}.welcome-header h1{font-size:1.25rem!important}.live-controls{flex-direction:column;width:100%}.go-live-btn,.requests-toggle{justify-content:center;width:100%}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.stat-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:1rem;text-align:center}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-number{font-size:1.25rem;margin-bottom:.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem;line-height:1.2}.earnings-grid{grid-template-columns:1fr!important}.quick-actions-grid{flex-direction:column}.quick-action-btn{justify-content:center}.song-requests-page{padding:0}.song-requests-page .page-header h1{font-size:1.25rem!important}.song-requests-page .stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.song-requests-page .stat-card{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;padding:.6rem;text-align:center}.song-requests-page .stat-icon,.song-requests-page .stat-number{font-size:1.1rem}.song-requests-page .stat-label{font-size:.6rem;line-height:1.3}.filter-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}}@media (max-width:768px){.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.request-card{align-items:flex-start;flex-direction:column;padding:1rem}.request-actions{justify-content:flex-end;margin-top:.75rem;width:100%}.tips-page{padding:0}.tips-page .stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.tips-page .stat-card{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;padding:.6rem;text-align:center}.tips-page .stat-icon,.tips-page .stat-number{font-size:1.1rem}.tips-page .stat-label{font-size:.6rem;line-height:1.2}.tips-filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tip-card{flex-direction:column;gap:.75rem}.messages-page{flex-direction:column;height:calc(100vh - 140px);margin:-1rem;overflow:hidden;position:relative}.conversations-sidebar{bottom:0;left:0;min-width:100%!important;position:absolute;right:0;top:0;transition:transform .3s ease;width:100%!important;z-index:10}.messages-page.has-selected .conversations-sidebar{transform:translateX(-100%)}.conversations-header{padding:1rem}.conversations-header h2{font-size:1.1rem}.conversation-item{padding:.75rem 1rem}.conversation-avatar{flex-shrink:0;height:44px;width:44px}.conversation-info{flex:1 1;min-width:0}.conversation-name{font-size:.9rem}.last-message{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-chat-selected,.no-conversations{padding:2rem 1rem;text-align:center}.no-chat-selected i,.no-conversations i{font-size:3rem;margin-bottom:1rem}.no-chat-selected h3{font-size:1rem}.start-chat-btn{justify-content:center;max-width:200px;width:100%}.chat-area{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0}.btn-back-mobile{align-items:center;display:flex!important;justify-content:center}.chat-header{flex-shrink:0;padding:.75rem 1rem}.chat-messages{flex:1 1;overflow-y:auto;padding:1rem}.message{max-width:85%}.chat-input-form{flex-shrink:0;padding:.75rem}.settings-page{padding:0}.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #6366f133;border-right:none;padding:1rem;width:100%!important}.settings-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.settings-tab{flex-shrink:0;font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.settings-content{padding:1rem;width:100%}.settings-section{padding:1rem}.form-row{flex-direction:column;gap:1rem}.form-group{width:100%}.wallet-balance-card{padding:1rem}.wallet-amount{font-size:2rem}.wallet-actions{flex-direction:column;gap:.75rem}.wallet-actions button{width:100%}.qr-preview{margin:0 auto;max-width:200px}.qr-actions{flex-direction:column;gap:.75rem}.qr-actions button{width:100%}.artist-profile-page{padding:0}.profile-header{flex-direction:column;padding:1.5rem 1rem;text-align:center}.profile-avatar{height:100px;margin:0 auto 1rem;width:100px}.profile-info{align-items:center}.profile-name{font-size:1.5rem}.profile-stats{justify-content:center}.profile-actions{flex-direction:column;gap:.75rem;width:100%}.profile-actions button{width:100%}.profile-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.profile-tabs button{flex-shrink:0;white-space:nowrap}.profile-content{padding:1rem}.social-links{flex-wrap:wrap;justify-content:center}.feed-page{padding:0}.create-post{padding:1rem}.post-card{border-radius:0;margin:0 -1rem .5rem}.post-header{padding:1rem}.post-avatar{height:40px;width:40px}.post-content{padding:0 1rem}.post-image{border-radius:0}.post-actions{padding:.75rem 1rem}.statistics-page{padding:0}.stats-overview{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.stat-box{padding:1rem}.time-filter{-webkit-overflow-scrolling:touch;overflow-x:auto}.time-filter button{flex-shrink:0;white-space:nowrap}.chart-container{overflow-x:auto;padding:1rem}.discover-page{padding:0}.search-bar{width:100%}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 1rem}.artists-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important;padding:0 1rem}.artist-card{padding:1rem}.artist-card-avatar{height:60px;width:60px}.artist-card-name{font-size:.9rem}.events-page{padding:0}.events-grid{gap:1rem;grid-template-columns:1fr!important}.event-card{padding:1rem}.my-works-page{padding:0}.works-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.work-card{padding:.75rem}.work-thumbnail{height:120px}.work-title{font-size:.85rem}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-content{border-radius:16px 16px 0 0;margin:0;max-height:90vh;max-width:100%!important;width:100%!important}.modal-header{padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-body{overflow-y:auto;padding:1rem}.modal-footer{flex-direction:column;gap:.75rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.modal-footer button{width:100%}.admin-dashboard{padding:0}.admin-header{flex-direction:column;gap:1rem}.platform-wallet-card{padding:1rem}.wallet-stats{flex-direction:column;gap:1rem}.admin-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important}.admin-columns{flex-direction:column}.auth-page,.login-container,.register-container{min-height:calc(100vh - 80px);padding:1rem}.auth-card,.login-card,.register-card{margin:0;padding:1.5rem}.auth-card h1,.login-card h1,.register-card h1{font-size:1.5rem!important}.social-login-buttons{flex-direction:column}.social-login-buttons button{width:100%}.notification-item{padding:1rem}.notification-icon{height:36px;width:36px}.hide-mobile{display:none!important}.show-mobile{display:block!important}.full-width-mobile{width:100%!important}.stack-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.main-wrapper{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}.mobile-nav{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}}@media (max-width:768px) and (orientation:landscape){.main-wrapper{padding-bottom:70px!important}.mobile-nav{padding-bottom:.5rem}.modal{max-height:95vh}}.home-container .section-title{display:block!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;width:100%!important}.home-container .section-title .gradient-text{display:inline-block;position:relative}.home-container .section-title .gradient-text:after{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.home-container .artists-section,.home-container .features-section,.home-container .how-it-works{text-align:center}@media (max-width:768px){.home-container .section-title{font-size:1.5rem!important;margin-bottom:2rem!important}.home-container .section-title .gradient-text:after{bottom:-8px;height:3px;width:60px}.home-container .artists-grid,.home-container .features-grid{padding:0 1rem}.home-container .hero-section{min-height:auto;padding:3rem 1rem}.home-container .hero-title{flex-direction:column;font-size:1.75rem!important;gap:.5rem}.home-container .hero-emoji{font-size:2.5rem}.home-container .hero-subtitle{font-size:1rem;padding:0 1rem}.home-container .hero-buttons{flex-direction:column;gap:.75rem;padding:0 2rem}.home-container .btn-hero{justify-content:center;width:100%}.home-container .hero-stats{gap:1rem;margin:0 1rem;padding:1.5rem 1rem}.home-container .stat-number{font-size:1.5rem}.home-container .stat-label{font-size:.75rem}.home-container .scroll-indicator,.home-container .stat-divider,.home-container .step-connector{display:none}.home-container .steps-container{flex-direction:column;gap:1rem;padding:0 1rem}.home-container .step-card{width:100%}.home-container .feature-card{padding:1.5rem}.home-container .feature-icon{font-size:1.5rem;height:60px;width:60px}.home-container .artist-card{padding:1.5rem}.home-container .cta-section{padding:4rem 1rem}.home-container .cta-title{font-size:1.5rem!important}.home-container .btn-cta{max-width:280px;width:100%}.home-container .footer-links{flex-direction:column;gap:1rem}.home-container .footer-social{gap:1rem}[data-theme=light] .more-menu.more-menu.more-menu{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #6366f133!important;box-shadow:0 -8px 30px #1e1b4b26!important;color:#1e293b!important}[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item{background:#0000!important;color:#1e293b!important}[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item i{color:#7c3aed!important}[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item.logout,[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item.logout i{color:#dc2626!important}[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item:active,[data-theme=light] .more-menu.more-menu.more-menu .more-menu-item:hover{background:#7c3aed14!important;color:#1e293b!important}[data-theme=light] .profile-dropdown.profile-dropdown.profile-dropdown{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #6366f133!important;box-shadow:0 8px 30px #1e1b4b26!important;color:#1e293b!important}[data-theme=light] .profile-dropdown .dropdown-header,[data-theme=light] .profile-dropdown .dropdown-header *{color:#1e293b!important}[data-theme=light] .profile-dropdown .dropdown-header small{color:#64748b!important}[data-theme=light] .profile-dropdown .dropdown-item:not(.logout){color:#4f46e5!important}[data-theme=light] .profile-dropdown .dropdown-item:active,[data-theme=light] .profile-dropdown .dropdown-item:hover{background:#6366f114!important}[data-theme=light] .profile-dropdown .dropdown-item.logout{color:#dc2626!important}[data-theme=light] .profile-dropdown .dropdown-divider{background:#6366f11f!important}[data-theme=light] .notifications-dropdown.notifications-dropdown{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #6366f133!important;box-shadow:0 8px 30px #1e1b4b26!important;color:#1e293b!important}[data-theme=light] .notifications-dropdown .notification-item{background:#6366f10f!important;background-color:#6366f10f!important;border:1px solid #6366f126!important}[data-theme=light] .notifications-dropdown .notification-item,[data-theme=light] .notifications-dropdown .notification-item *{color:#0f172a!important}[data-theme=light] .notifications-dropdown .notification-item p,[data-theme=light] .notifications-dropdown .notification-item span:not([class*=fa]):not([class*=icon]){font-weight:500!important}[data-theme=light] .notifications-dropdown .notification-item .fa,[data-theme=light] .notifications-dropdown .notification-item [class*=fa-],[data-theme=light] .notifications-dropdown .notification-item i,[data-theme=light] .notifications-dropdown .notification-item svg{color:#7c3aed!important;font-weight:900!important}[data-theme=light] .notifications-dropdown .notification-item [class*=time i],[data-theme=light] .notifications-dropdown .notification-item time{color:#475569!important;font-weight:400!important}[data-theme=light] .notifications-dropdown .notification-item [class*=date i]{color:#64748b!important}[data-theme=light] .notifications-dropdown .dropdown-header,[data-theme=light] .notifications-dropdown .dropdown-header *{color:#1e293b!important}.notifications-dropdown.notifications-dropdown{bottom:auto!important;display:flex!important;flex-direction:column!important;max-height:calc(100vh - 140px)!important}.notifications-dropdown .dropdown-header{background:inherit!important;flex-shrink:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2}.notifications-dropdown .notifications-list{-webkit-overflow-scrolling:touch;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}[data-theme=light] .language-dropdown.language-dropdown{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #6366f133!important;box-shadow:0 8px 30px #1e1b4b26!important;color:#1e293b!important}[data-theme=light] .language-dropdown .dropdown-header,[data-theme=light] .language-dropdown .dropdown-header *,[data-theme=light] .language-dropdown .language-item,[data-theme=light] .language-dropdown .language-item *{color:#1e293b!important}[data-theme=light] .language-dropdown .language-item.active{background:#6366f114!important;color:#4f46e5!important}[data-theme=light] .language-dropdown .language-item.active *{color:#4f46e5!important}[data-theme=light] .language-dropdown .language-item:active,[data-theme=light] .language-dropdown .language-item:hover{background:#6366f10d!important}[data-theme=light] .language-dropdown .language-item.active i.fa-check{color:#10b981!important}.language-dropdown.language-dropdown{bottom:auto!important;display:flex!important;flex-direction:column!important;max-height:calc(100vh - 140px)!important}.language-dropdown .dropdown-header{background:inherit!important;flex-shrink:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2}.language-dropdown .language-list{-webkit-overflow-scrolling:touch;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.navbar{z-index:9999!important}body .language-dropdown.language-dropdown,body .notifications-dropdown.notifications-dropdown,body .profile-dropdown.profile-dropdown{background:#1e293b!important;background-color:#1e293b!important;background-image:none!important;isolation:isolate!important;z-index:99999!important}body .language-dropdown .language-list,body .notifications-dropdown .notifications-list{background:#1e293b!important;background-color:#1e293b!important}[data-theme=light] .language-dropdown .language-list,[data-theme=light] .notifications-dropdown .notifications-list{background:#fff!important;background-color:#fff!important}.more-menu .more-menu-divider{background:#6366f133;border:none;flex-shrink:0;height:1px;margin:.4rem .5rem}[data-theme=light] .more-menu .more-menu-divider{background:#6366f11f}[data-theme=light] .more-menu .more-menu-item:not(.logout),[data-theme=light] .more-menu .more-menu-item:not(.logout) span,[data-theme=light] .profile-dropdown .dropdown-item:not(.logout),[data-theme=light] .profile-dropdown .dropdown-item:not(.logout) span{color:#1e293b!important;font-weight:500!important}[data-theme=light] .more-menu .more-menu-item:not(.logout) i,[data-theme=light] .profile-dropdown .dropdown-item:not(.logout) i{color:#7c3aed!important;font-weight:900!important}[data-theme=light] .more-menu .more-menu-item.logout,[data-theme=light] .more-menu .more-menu-item.logout i,[data-theme=light] .profile-dropdown .dropdown-item.logout,[data-theme=light] .profile-dropdown .dropdown-item.logout i{color:#dc2626!important;font-weight:500!important}.more-menu .more-menu-item.logout i,.profile-dropdown .dropdown-item.logout i{font-weight:900!important}[data-theme=light] .more-menu .more-menu-item:active,[data-theme=light] .more-menu .more-menu-item:hover,[data-theme=light] .profile-dropdown .dropdown-item:active,[data-theme=light] .profile-dropdown .dropdown-item:hover{background:#7c3aed14!important}[data-theme=light] .more-menu .more-menu-item.logout:hover,[data-theme=light] .profile-dropdown .dropdown-item.logout:hover{background:#dc262614!important}}.more-menu .more-menu-item.logout.logout i,.profile-dropdown .dropdown-item.logout.logout i{font-weight:900!important}[data-theme=light] .btn-secondary{background:#6366f11f;border:1.5px solid #6366f159;color:#4f46e5}[data-theme=light] .btn-secondary:hover{background:#6366f133;border-color:#6366f180}@media (max-width:768px){.messages-page:not(.has-selected) .chat-area{display:none!important}.messages-page{margin-top:0}.artist-profile-container .qr-display{grid-template-columns:1fr;justify-items:center;text-align:center}.artist-profile-container .qr-code-box{align-items:center;display:flex;flex-direction:column;margin:0 auto 2rem;max-width:100%;padding:.75rem 1.25rem;width:-webkit-fit-content;width:fit-content}.artist-profile-container .qr-code-box:before{display:none}.artist-profile-container .qr-code-box .qr-image{align-self:center;float:none;height:190px;margin:0;max-width:100%;position:static;width:190px}.artist-profile-container .qr-code-box .qr-custom-text{align-self:center;margin-top:.5rem}}.btn-group{grid-gap:10px!important;align-items:stretch!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important}.btn-group>*{align-items:center!important;display:flex!important;flex:none!important;font-size:.875rem!important;gap:8px!important;justify-content:center!important;line-height:1.2!important;margin:0!important;min-height:56px!important;padding:10px 12px!important;text-align:center!important;white-space:normal!important;width:auto!important}.btn-group>:last-child:nth-child(odd){grid-column:1/-1!important}[data-theme=light] .stat-card>div:last-child{color:#64748b!important}[data-theme=light] .empty-state i.fa-music{color:#94a3b8!important;opacity:.7!important}[data-theme=light] .dash-tip-item{background:#fff!important;border-color:#6366f126!important}[data-theme=light] .dash-tip-name,[data-theme=light] .request-card .request-song{color:#1e293b!important}[data-theme=light] .request-card .request-artist{color:#64748b!important}[data-theme=light] .container.fade-in .stats-grid .stat-card:first-child{background-image:linear-gradient(135deg,#3b82f61a,#3b82f605)!important;border-left-color:#3b82f6!important}[data-theme=light] .container.fade-in .stats-grid .stat-card:nth-child(2){background-image:linear-gradient(135deg,#8b5cf61a,#8b5cf605)!important;border-left-color:#8b5cf6!important}[data-theme=light] .container.fade-in .stats-grid .stat-card:nth-child(3){background-image:linear-gradient(135deg,#ec48991a,#ec489905)!important;border-left-color:#ec4899!important}[data-theme=light] .container.fade-in .stats-grid .stat-card:nth-child(4){background-image:linear-gradient(135deg,#f59e0b1a,#f59e0b05)!important;border-left-color:#f59e0b!important}[data-theme=light] .works-stats .stat-card:first-child{background-image:linear-gradient(135deg,#3b82f62e,#3b82f605)!important;border-left-color:#3b82f6!important}[data-theme=light] .works-stats .stat-card:nth-child(2){background-image:linear-gradient(135deg,#8b5cf62e,#8b5cf605)!important;border-left-color:#8b5cf6!important}[data-theme=light] .works-stats .stat-card:nth-child(3){background-image:linear-gradient(135deg,#ec48992e,#ec489905)!important;border-left-color:#ec4899!important}[data-theme=light] .works-stats .stat-card:nth-child(4){background-image:linear-gradient(135deg,#f59e0b2e,#f59e0b05)!important;border-left-color:#f59e0b!important}[data-theme=light] .song-requests-page .stats-grid .stat-card.total{background-image:linear-gradient(135deg,#3b82f61c,#3b82f605)!important;border-left-color:#3b82f6!important}[data-theme=light] .song-requests-page .stats-grid .stat-card.pending{background-image:linear-gradient(135deg,#f59e0b1c,#f59e0b05)!important;border-left-color:#f59e0b!important}[data-theme=light] .song-requests-page .stats-grid .stat-card.playing{background-image:linear-gradient(135deg,#10b9811c,#10b98105)!important;border-left-color:#10b981!important}[data-theme=light] .song-requests-page .stats-grid .stat-card.completed{background-image:linear-gradient(135deg,#8b5cf61c,#8b5cf605)!important;border-left-color:#8b5cf6!important}[data-theme=light] .song-requests-page .stat-card.total:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)!important}[data-theme=light] .tips-page .stats-grid .stat-card.total{background-image:linear-gradient(135deg,#10b9811c,#10b98105)!important;border-left-color:#10b981!important}[data-theme=light] .tips-page .stats-grid .stat-card.count{background-image:linear-gradient(135deg,#3b82f61c,#3b82f605)!important;border-left-color:#3b82f6!important}[data-theme=light] .tips-page .stats-grid .stat-card.average{background-image:linear-gradient(135deg,#8b5cf61c,#8b5cf605)!important;border-left-color:#8b5cf6!important}[data-theme=light] .tips-page .stats-grid .stat-card.month{background-image:linear-gradient(135deg,#ec48991c,#ec489905)!important;border-left-color:#ec4899!important}@media (max-width:768px){.statistics-container .period-selector{background:#0000!important;box-shadow:none!important;gap:6px;overflow-x:visible!important;padding:0!important;width:100%}.statistics-container .period-selector .period-btn{border-radius:12px;flex:1 1;font-size:.72rem!important;min-width:0;padding:.6rem .2rem!important;text-align:center;white-space:nowrap}[data-theme=light] .statistics-container .period-btn:not(.active){background:#fff!important;border:1px solid #6366f126!important;box-shadow:0 2px 6px #0000000a!important;color:#475569!important}}[data-theme=light] .fun-facts .fact-card strong{-webkit-text-fill-color:#6d28d9!important;color:#6d28d9!important}[data-theme=light] select{color-scheme:light}[data-theme=light] select option{background-color:#fff;color:#1e293b}@media (max-width:768px){.live-studio-grid{grid-template-columns:1fr!important}}.mobile-nav .scan-fab{background:#0000!important;border:none;position:relative}.mobile-nav .scan-fab-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #0f172a;border:4px solid var(--bg-primary,#0f172a);border-radius:50%;box-shadow:0 6px 18px #764ba280;display:flex;height:56px;justify-content:center;margin-top:-28px;width:56px}.mobile-nav .scan-fab-circle i{color:#fff;font-size:1.35rem}.mobile-nav .scan-fab .scan-fab-label{color:#a78bfa;margin-top:2px}
/*# sourceMappingURL=main.08b1c91d.css.map*/