@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.toast-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;pointer-events:none;max-width:90vw}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#0f0f19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000080;min-width:320px;max-width:420px;pointer-events:all;animation:slideInBottom .6s cubic-bezier(.25,.46,.45,.94);transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;margin-bottom:-8px}@keyframes slideInBottom{0%{transform:translateY(120px) scale(.9);opacity:0}30%{transform:translateY(-8px) scale(.98);opacity:.8}60%{transform:translateY(4px) scale(1.02);opacity:.95}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideOutBottom{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-4px) scale(.98);opacity:.8}to{transform:translateY(120px) scale(.85);opacity:0}}.toast.removing{animation:slideOutBottom .5s cubic-bezier(.25,.46,.45,.94) forwards}.toast:not(:last-child){margin-bottom:-50px;transform:translateY(8px) scale(.96);opacity:.7;z-index:-1;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.toast:not(:last-child):nth-last-child(2){margin-bottom:-50px;transform:translateY(16px) scale(.92);opacity:.5;z-index:-2;transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s}.toast:not(:last-child):nth-last-child(n+3){margin-bottom:-50px;transform:translateY(24px) scale(.88);opacity:.3;z-index:-3;transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}.toast-container:hover .toast:not(:last-child){transform:translateY(0) scale(1);opacity:1;z-index:0;margin-bottom:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.toast-container:hover .toast:not(:last-child):nth-last-child(2){transform:translateY(0) scale(1);opacity:1;z-index:0;margin-bottom:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94) .05s}.toast-container:hover .toast:not(:last-child):nth-last-child(n+3){transform:translateY(0) scale(1);opacity:1;z-index:0;margin-bottom:12px;transition:all .4s cubic-bezier(.25,.46,.45,.94) .1s}.toast:hover{transform:translateY(0) scale(1.02)!important;box-shadow:0 12px 40px #0009;z-index:10!important;opacity:1!important}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;color:#fff;font-size:14px;line-height:1.5}.toast-success{border-color:#22c55e4d}.toast-success .toast-icon{color:#22c55e}.toast-error{border-color:#ef44444d}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-color:#fbbf244d}.toast-warning .toast-icon{color:#fbbf24}.toast-info{border-color:#3b82f64d}.toast-info .toast-icon{color:#3b82f6}@media (max-width: 768px){.toast-container{bottom:20px;left:20px;right:20px;transform:none;max-width:none}.toast{min-width:auto;max-width:none;width:100%}.toast:not(:last-child){transform:none;opacity:1;z-index:0;margin-bottom:8px}.toast:not(:last-child):nth-last-child(2),.toast:not(:last-child):nth-last-child(n+3){transform:none;opacity:1;z-index:0;margin-bottom:8px}}.home-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.15),transparent 40%),#000;padding:120px 24px 80px;position:relative}.hero-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.hero-h1{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.hero-p{font-size:18px;line-height:1.6;color:#ffffffb3;margin-bottom:32px;max-width:500px}.hero-btns{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}.btn{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.home-page .btn-primary,.hero .btn-primary,.cta .btn-primary{background:#ffffff1f!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-shadow:0 8px 32px #0000005e!important;transition:all .3s ease!important;font-weight:600!important;overflow:hidden!important}.home-page .btn-primary:before,.hero .btn-primary:before,.cta .btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.home-page .btn-primary:hover,.hero .btn-primary:hover,.cta .btn-primary:hover{background:#ffffff2e!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.home-page .btn-primary:hover:before,.hero .btn-primary:hover:before,.cta .btn-primary:hover:before{opacity:1;transform:translate(var(--mouse-x, 0),var(--mouse-y, 0))}.home-page .btn-primary:active,.hero .btn-primary:active,.cta .btn-primary:active{transform:translateY(0) scale(.98)!important}.btn-arrow{display:none}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-large{padding:18px 36px;font-size:16px}.hero-proof{display:flex;gap:40px}.proof-item{display:flex;flex-direction:column}.proof-item strong{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.proof-item span{font-size:14px;color:#fff9}.hero-visual{position:relative;height:500px}.visual-card{position:absolute;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:center;animation:float 6s ease-in-out infinite}.card-1{top:20%;left:0;animation-delay:0s}.card-2{top:50%;right:0;animation-delay:2s}.card-3{bottom:10%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-icon{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed33,#3b82f633);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s}.card-icon svg{width:28px;height:28px;stroke:#fff}.visual-card:hover .card-icon{background:linear-gradient(135deg,#7c3aed4d,#3b82f64d);transform:scale(1.1)}.card-label{font-size:13px;color:#fff9;margin-bottom:4px}.card-value{font-size:24px;font-weight:700}.platforms{padding:80px 0;background:#000;overflow:hidden}.platforms-label{text-align:center;font-size:14px;color:#ffffff80;margin-bottom:48px}.platforms-scroll{overflow:hidden;position:relative;width:100%}.platforms-track{display:flex;gap:60px;animation:scroll 30s linear infinite;width:fit-content}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.platforms-track:hover{animation-play-state:paused}.logo-item{opacity:.5;transition:all .3s;color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:12px 20px;min-width:120px}.logo-item:hover{opacity:1;transform:scale(1.02)}.logo-item svg,.logo-item img{height:36px;width:auto;max-width:160px;object-fit:contain}.logo-item.more{font-size:32px;font-weight:700;color:#fff6;min-width:100px}section{background:#0f0f0f}.section-h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-desc{font-size:18px;color:#fff9;max-width:600px;margin:0 auto}.features{background:#000}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#3b82f6);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature:hover:before{transform:scaleX(1)}.feature:hover{background:#ffffff0a;border-color:#7c3aed4d;transform:translateY(-8px);box-shadow:0 20px 40px #7c3aed26}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s}.feature-icon svg{width:32px;height:32px;stroke:#7c3aed}.feature:hover .feature-icon{background:linear-gradient(135deg,#7c3aed40,#3b82f640);transform:scale(1.1) rotate(5deg)}.feature h3{font-size:22px;font-weight:600;margin-bottom:12px}.feature p{font-size:15px;line-height:1.7;color:#fff9}.why{background:#000}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-list{display:flex;flex-direction:column;gap:28px;margin-top:40px}.why-item{display:flex;gap:20px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s}.why-item:hover{background:#ffffff0a;border-color:#7c3aed33;transform:translate(8px)}.why-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b98126,#06b6d426);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.why-icon svg{width:22px;height:22px;stroke:#10b981}.why-item:hover .why-icon{background:linear-gradient(135deg,#10b98140,#06b6d440);transform:scale(1.1)}.why-item strong{display:block;font-size:18px;margin-bottom:6px;font-weight:600}.why-item p{font-size:14px;color:#fff9;margin:0;line-height:1.6}.why-card{background:linear-gradient(135deg,#7c3aed0d,#3b82f60d);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:40px;box-shadow:0 20px 60px #7c3aed1a}.why-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.why-card-label{font-size:14px;color:#fff9;font-weight:500}.why-card-period{font-size:13px;color:#fff6;background:#ffffff0d;padding:4px 12px;border-radius:20px}.why-card-amount{font-size:56px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.why-card-change{font-size:15px;color:#10b981;margin-bottom:40px;font-weight:600;display:flex;align-items:center;gap:4px}.why-card-change:before{content:"↗";font-size:18px}.why-card-chart{display:flex;gap:12px;align-items:flex-end;height:120px}.chart-svg{width:100%;height:120px;margin-bottom:8px}.chart-line{stroke:#7c3aed;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(124,58,237,.5))}.chart-area{fill:url(#chartGradient);opacity:.6}.chart-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#ffffff80}.faq{background:#000}.faq-item.open .faq-a{max-height:200px;opacity:1}.releases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.release{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}.release:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-4px)}.release-cover{aspect-ratio:1;overflow:hidden}.release-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.release:hover .release-cover img{transform:scale(1.05)}.release-info{padding:16px}.release-title{font-size:15px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-artist{font-size:14px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta{background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 70%),#000;position:relative}.cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent)}.cta-box{text-align:center;max-width:800px;margin:40px auto 0;padding:40px;background:#ffffff05;border:1px solid rgba(124,58,237,.2);border-radius:24px}.cta-h2{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.02em;margin-bottom:20px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-p{font-size:19px;color:#ffffffb3;margin-bottom:40px;line-height:1.6}.footer-bottom p{font-size:14px;color:#fff6}@media (max-width: 1024px){.hero-grid,.why-grid{grid-template-columns:1fr;gap:60px}.hero-visual{height:400px}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-social{justify-content:flex-start}}@media (max-width: 768px){section{padding:80px 24px}.hero{padding:100px 24px 60px}.hero-proof{gap:24px}.features-grid,.releases-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:32px}}@media (max-width: 480px){.hero-btns{flex-direction:column}.btn{width:100%;text-align:center}.platforms-logos{gap:32px}.logo-item svg,.logo-item img{height:24px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(/test3.png) center/cover no-repeat;position:relative;padding:20px}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;pointer-events:none}.back-btn{position:fixed;top:30px;left:30px;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:all .3s;z-index:100}.back-btn:hover{background:#000c!important;border-color:#ffffff40;color:#fff!important;transform:translate(-3px)}.back-btn svg{width:24px;height:24px;stroke-width:2.5;stroke:currentColor;fill:none}.auth-container{width:100%;max-width:480px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-box{background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px;box-shadow:0 20px 60px #000c;position:relative;z-index:1}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo img{width:80px;height:80px;object-fit:contain}.auth-title{font-size:32px;font-weight:700;color:#fff;text-align:center;margin:0 0 12px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.auth-subtitle{font-size:18px;font-weight:600;color:#fff;text-align:center;margin:0 0 8px}.auth-description{font-size:14px;color:#fff9;text-align:center;margin:0 0 32px}.auth-error{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:center;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative}.auth-input{width:100%;padding:16px 20px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:15px;transition:all .3s;outline:none}.auth-input::placeholder{color:#fff6}.auth-input:focus{background:#0009;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.auth-input:disabled{opacity:.5;cursor:not-allowed}.password-group{position:relative}.password-group .auth-input{padding-right:52px}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s;width:28px;height:28px;flex-shrink:0}.toggle-password:hover{color:#fffc;transform:translateY(-50%)}.toggle-password svg{width:20px;height:20px}.auth-btn{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center}.auth-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.auth-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.auth-btn.primary:active:not(:disabled){transform:translateY(0)}.auth-btn.primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn.secondary{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.15)}.auth-btn.secondary:hover{background:#0009;border-color:#ffffff40;transform:translateY(-2px)}.auth-divider{display:flex;align-items:center;margin:24px 0 16px;color:#fff6;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 16px}.social-buttons{display:flex;gap:12px;justify-content:center}.social-btn{width:56px;height:56px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.social-btn:hover{border-color:#fff6;background:#ffffff0d;transform:translateY(-2px)}.social-btn:active{transform:translateY(0)}.social-btn svg{width:28px;height:28px;display:block}.social-btn.vk svg{fill:#fff}@media (max-width: 768px){.auth-box{padding:32px 24px}.back-btn{top:20px;left:20px;padding:10px 16px;font-size:13px}.auth-title{font-size:28px}.auth-subtitle{font-size:16px}}@media (max-width: 480px){.auth-page{padding:10px}.auth-box{padding:24px 20px;border-radius:20px}.back-btn{position:static;margin-bottom:20px}.auth-logo img{width:60px;height:60px}.auth-title{font-size:24px}}.verification-code-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.code-input{width:52px;height:64px;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:24px;font-weight:600;text-align:center;outline:none;transition:all .3s;font-family:SF Mono,Monaco,monospace}.code-input:focus{background:#0009;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.code-input:disabled{opacity:.5;cursor:not-allowed}.resend-btn{background:none;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .3s;margin-bottom:16px}.resend-btn:hover:not(:disabled){color:#fff}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.auth-hint{font-size:13px;color:#fff6;text-align:center;margin:0}.auth-description strong{color:#fff}@media (max-width: 480px){.verification-code-inputs{gap:8px}.code-input{width:44px;height:56px;font-size:20px}}.forgot-password-link{display:block;text-align:center;color:#fff9;font-size:14px;text-decoration:none;margin:8px 0 16px;transition:color .3s}.forgot-password-link:hover{color:#fff}.verification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.verification-modal{background:#111111f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;max-width:420px;width:100%;text-align:center;animation:slideUp .3s ease-out}.verification-modal-header{margin-bottom:32px}.verification-modal-header .auth-logo{margin-bottom:20px}.verification-modal-header .auth-logo img{width:64px;height:64px}.verification-modal-header h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.verification-modal-header p{font-size:14px;color:#fff9;margin:0;line-height:1.5}.verification-modal-header p strong{color:#fff}.verification-modal .verification-code-inputs{margin-bottom:24px}.verification-modal .resend-btn{display:block;width:100%;margin-bottom:16px}.verification-hint{font-size:13px;color:#fff6;margin:0}@media (max-width: 480px){.verification-modal{padding:32px 24px}.verification-modal-header h2{font-size:20px}}.distribution-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dist-hero{padding:140px 24px 150px;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.15),transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.15),transparent 50%),#000;text-align:center;position:relative}.dist-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.7) 60%,#000 100%);pointer-events:none}.dist-hero-content{max-width:800px;margin:0 auto}.dist-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.dist-h1{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.dist-p{font-size:19px;line-height:1.6;color:#ffffffb3;max-width:600px;margin:0 auto}.dist-features{padding:100px 24px;background:#000;position:relative;margin-top:-100px}.dist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.dist-card{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dist-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#3b82f6);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.dist-card:hover:before{transform:scaleX(1)}.dist-card:hover{background:#ffffff0a;border-color:#7c3aed4d;transform:translateY(-8px);box-shadow:0 20px 40px #7c3aed26}.dist-icon{width:64px;height:64px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s}.dist-icon svg{width:32px;height:32px;stroke:#7c3aed}.dist-card:hover .dist-icon{background:linear-gradient(135deg,#7c3aed40,#3b82f640);transform:scale(1.1) rotate(5deg)}.dist-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#fff}.dist-card p{font-size:15px;line-height:1.7;color:#fff9;margin:0}.dist-cta{padding:120px 24px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 70%),#000;position:relative}.dist-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent)}.dist-cta-box{text-align:center;max-width:700px;margin:0 auto;padding:40px;background:#ffffff05;border:1px solid rgba(124,58,237,.2);border-radius:24px}.dist-cta-box h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dist-cta-box p{font-size:17px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.dist-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.dist-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);transition:left .3s ease}.dist-btn:hover:before{left:0}.dist-btn span,.dist-btn .btn-arrow{position:relative;z-index:1}.dist-btn:hover{box-shadow:0 8px 24px #7c3aed66}.dist-btn .btn-arrow{width:20px;height:20px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.dist-btn:hover .btn-arrow{transform:translate(4px)}@media (max-width: 1024px){.dist-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.dist-hero{padding:120px 24px 80px}.dist-features,.dist-cta{padding:80px 24px}.dist-grid{grid-template-columns:1fr}.dist-card{padding:32px}}@media (max-width: 480px){.dist-card{padding:28px}.dist-cta-box{padding:32px 24px}}.faq-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.faq-hero{padding:140px 24px 150px;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.15),transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.15),transparent 50%),#000;text-align:center;position:relative}.faq-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.7) 60%,#000 100%);pointer-events:none}.faq-hero-content{max-width:700px;margin:0 auto}.faq-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.faq-h1{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.faq-p{font-size:19px;line-height:1.6;color:#ffffffb3}.faq-content{padding:100px 24px;background:#000;position:relative;margin-top:-100px}.faq-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer}.faq-item:hover{background:#ffffff0a;border-color:#7c3aed4d}.faq-q{padding:24px;font-size:17px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-icon{font-size:28px;color:#fff6;transition:all .3s;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.faq-item.open .faq-icon{transform:rotate(45deg);color:#7c3aed}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0}.faq-item.open .faq-a{max-height:300px;opacity:1}.faq-a p{padding:0 24px 24px;font-size:15px;line-height:1.7;color:#fff9;margin:0}.faq-cta{padding:120px 24px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 70%),#000;position:relative}.faq-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent)}.faq-cta-box{text-align:center;max-width:600px;margin:0 auto;padding:40px;background:#ffffff05;border:1px solid rgba(124,58,237,.2);border-radius:24px}.faq-cta-box h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-cta-box p{font-size:17px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.faq-cta-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.faq-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.faq-btn:hover{background:#ffffff1a;border-color:#7c3aed4d;transform:translateY(-2px)}.faq-btn svg{width:20px;height:20px}@media (max-width: 768px){.faq-hero{padding:120px 24px 80px}.faq-content,.faq-cta{padding:80px 24px}.faq-q{padding:20px;font-size:16px}.faq-a p{padding:0 20px 20px}.faq-cta-links{flex-direction:column}.faq-btn{width:100%;justify-content:center}}@media (max-width: 480px){.faq-cta-box{padding:32px 24px}}.articles-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.articles-hero{padding:140px 24px 150px;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.15),transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.15),transparent 50%),#000;text-align:center;position:relative}.articles-logo{position:absolute;top:40px;left:60px;display:inline-block;transition:all .3s;z-index:10}.articles-logo:hover{opacity:.8;transform:scale(1.05)}.articles-logo img{height:60px;width:auto;display:block}.articles-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.7) 60%,#000 100%);pointer-events:none}.articles-hero-content{max-width:700px;margin:0 auto}.articles-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.articles-h1{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.articles-p{font-size:19px;line-height:1.6;color:#ffffffb3}.articles-content{padding:100px 24px;background:#000;position:relative;margin-top:-100px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.article-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}.article-icon-wrapper svg{width:28px;height:28px;stroke:#7c3aed}.article-card{padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#3b82f6);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.article-card:hover:before{transform:scaleX(1)}.article-card:hover{background:#ffffff0a;border-color:#7c3aed4d;transform:translateY(-8px);box-shadow:0 20px 40px #7c3aed26}.article-card:hover .article-icon-wrapper{background:linear-gradient(135deg,#7c3aed40,#3b82f640);transform:scale(1.1) rotate(5deg)}.article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.article-category{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#7c3aed;font-size:12px;font-weight:600}.article-read-time{font-size:13px;color:#ffffff80}.article-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#fff;line-height:1.4}.article-card p{font-size:15px;color:#fff9;line-height:1.7;margin-bottom:24px;flex-grow:1}.article-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.article-date{font-size:13px;color:#ffffff80}.read-more{display:inline-flex;align-items:center;gap:6px;color:#7c3aed;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s}.read-more svg{width:16px;height:16px;transition:transform .3s}.read-more:hover{color:#fff}.read-more:hover svg{transform:translate(4px)}.articles-cta{padding:120px 24px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 70%),#000;position:relative}.articles-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent)}.articles-cta-box{text-align:center;max-width:700px;margin:0 auto;padding:40px;background:#ffffff05;border:1px solid rgba(124,58,237,.2);border-radius:24px}.articles-cta-box h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-cta-box p{font-size:17px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.articles-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.articles-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);transition:left .3s ease}.articles-btn:hover:before{left:0}.articles-btn span,.articles-btn .btn-arrow{position:relative;z-index:1}.articles-btn:hover{box-shadow:0 8px 24px #7c3aed66}.articles-btn .btn-arrow{width:20px;height:20px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.articles-btn:hover .btn-arrow{transform:translate(4px)}@media (max-width: 1024px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.articles-hero{padding:120px 24px 80px}.articles-content,.articles-cta{padding:80px 24px}.articles-grid{grid-template-columns:1fr}.article-card{padding:28px}}@media (max-width: 480px){.article-card{padding:24px}.articles-cta-box{padding:32px 24px}}.article-detail-page{background:radial-gradient(circle at 30% 20%,rgba(124,58,237,.08),transparent 40%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.08),transparent 40%),#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:140px 24px 100px}.article-detail-container{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffb3;text-decoration:none;font-size:15px;margin-bottom:40px;transition:all .2s}.back-link:hover{color:#fff;transform:translate(-4px)}.back-link svg{width:20px;height:20px}.article-detail{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;margin-bottom:48px}.article-detail-header{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}.article-detail-meta{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.article-detail-category{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#7c3aed;font-size:13px;font-weight:600}.article-detail-date,.article-detail-read-time{font-size:14px;color:#ffffff80}.article-detail h1{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0}.article-detail-content{font-size:17px;line-height:1.8;color:#fffc}.article-detail-content h2{font-size:28px;font-weight:600;margin:48px 0 24px;color:#fff}.article-detail-content h3{font-size:22px;font-weight:600;margin:32px 0 16px;color:#fff}.article-detail-content p{margin:0 0 24px}.article-detail-content ul,.article-detail-content ol{margin:0 0 24px;padding-left:24px}.article-detail-content li{margin-bottom:12px}.article-detail-content strong{color:#fff;font-weight:600}.article-detail-content code{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);padding:2px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.article-detail-cta{background:linear-gradient(135deg,#7c3aed1a,#3b82f61a);border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:48px;text-align:center}.article-detail-cta h3{font-size:32px;font-weight:700;margin:0 0 12px}.article-detail-cta p{font-size:17px;color:#ffffffb3;margin:0 0 32px}.article-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.article-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);transition:left .3s ease}.article-cta-btn:hover:before{left:0}.article-cta-btn span,.article-cta-btn svg{position:relative;z-index:1}.article-cta-btn:hover{box-shadow:0 8px 24px #7c3aed66}.article-cta-btn svg{width:20px;height:20px;transition:transform .3s ease}.article-cta-btn:hover svg{transform:translate(4px)}@media (max-width: 768px){.article-detail-page{padding:120px 24px 80px}.article-detail,.article-detail-cta{padding:32px 24px}.article-detail-cta h3{font-size:24px}}.about-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.about-hero{padding:140px 24px 150px;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.15),transparent 50%),radial-gradient(circle at 70% 60%,rgba(59,130,246,.15),transparent 50%),#000;text-align:center;position:relative}.about-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.7) 60%,#000 100%);pointer-events:none}.about-hero-content{max-width:800px;margin:0 auto}.about-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;margin-bottom:24px}.badge-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.about-h1{font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.about-p{font-size:19px;line-height:1.6;color:#ffffffb3;max-width:600px;margin:0 auto}.about-story{padding:100px 24px;background:#000;position:relative;margin-top:-100px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-h2{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.story-text{font-size:17px;line-height:1.8;color:#ffffffb3;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s}.stat-card:hover{background:#ffffff0a;border-color:#7c3aed4d;transform:translateY(-4px)}.stat-value{font-size:48px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#fff9;line-height:1.4}.about-values{padding:100px 24px;background:#000}.section-top{text-align:center;margin-bottom:64px}.section-desc{font-size:18px;color:#fff9;max-width:600px;margin:16px auto 0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.value-card{padding:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#3b82f6);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{background:#ffffff0a;border-color:#7c3aed4d;transform:translateY(-8px);box-shadow:0 20px 40px #7c3aed26}.value-icon{width:64px;height:64px;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s}.value-icon svg{width:32px;height:32px;stroke:#7c3aed}.value-card:hover .value-icon{background:linear-gradient(135deg,#7c3aed40,#3b82f640);transform:scale(1.1) rotate(5deg)}.value-card h3{font-size:22px;font-weight:600;margin-bottom:12px}.value-card p{font-size:15px;line-height:1.7;color:#fff9;margin:0}.about-cta{padding:120px 24px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.15),transparent 70%),#000;position:relative}.about-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent)}.about-cta-box{text-align:center;max-width:700px;margin:0 auto;padding:40px;background:#ffffff05;border:1px solid rgba(124,58,237,.2);border-radius:24px}.about-cta-box h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-cta-box p{font-size:17px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.about-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.about-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);transition:left .3s ease}.about-btn:hover:before{left:0}.about-btn span,.about-btn .btn-arrow{position:relative;z-index:1}.about-btn:hover{box-shadow:0 8px 24px #7c3aed66}.about-btn .btn-arrow{width:20px;height:20px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.about-btn:hover .btn-arrow{transform:translate(4px)}@media (max-width: 1024px){.story-grid{grid-template-columns:1fr;gap:60px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-hero{padding:120px 24px 80px}.about-story,.about-values,.about-cta{padding:80px 24px}.values-grid{grid-template-columns:1fr}.value-card{padding:32px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:24px}.about-cta-box{padding:32px 24px}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#0f0f19);position:relative;overflow:hidden;padding:40px 20px}.not-found-container{position:relative;z-index:2;text-align:center;max-width:600px;width:100%}.glitch-wrapper{margin-bottom:40px}.glitch{font-size:120px;font-weight:900;color:#fff;position:relative;letter-spacing:-5px;animation:glitch-skew 1s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00de;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00de;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.5deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.8deg)}10%{clip:rect(60px,9999px,85px,0);transform:skew(.3deg)}15%{clip:rect(10px,9999px,40px,0);transform:skew(.6deg)}20%{clip:rect(85px,9999px,20px,0);transform:skew(.2deg)}to{clip:rect(60px,9999px,70px,0);transform:skew(.4deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,119px,0);transform:skew(.7deg)}5%{clip:rect(79px,9999px,19px,0);transform:skew(.4deg)}10%{clip:rect(90px,9999px,60px,0);transform:skew(.9deg)}to{clip:rect(40px,9999px,80px,0);transform:skew(.5deg)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-1deg)}20%{transform:skew(1deg)}30%{transform:skew(0)}to{transform:skew(0)}}.not-found-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.not-found-description{font-size:16px;color:#ffffffb3;line-height:1.6;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.not-found-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.btn-home,.btn-back{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;font-family:inherit}.btn-home{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff}.btn-home:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn-back{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fffc}.btn-back:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px);color:#fff}.btn-home svg,.btn-back svg{width:20px;height:20px}.not-found-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.not-found-links a{color:#fff9;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.not-found-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#fffc;transition:width .3s ease}.not-found-links a:hover{color:#fff}.not-found-links a:hover:after{width:100%}.not-found-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media (max-width: 768px){.glitch{font-size:80px}.not-found-title{font-size:24px}.not-found-description{font-size:14px}.not-found-actions{flex-direction:column;align-items:stretch}.btn-home,.btn-back{justify-content:center}}.signature-canvas-container{display:flex;flex-direction:column;gap:10px;width:fit-content}.signature-canvas{border:2px solid var(--border-color, #333);border-radius:8px;background:#fff;cursor:crosshair;touch-action:none;max-width:100%;height:auto}.signature-canvas.readonly{cursor:default;border-color:var(--border-color, #444);background:#fafafa}.signature-canvas-controls{display:flex;align-items:center;gap:15px}.signature-clear-btn{padding:8px 16px;background:transparent;border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-color, #fff);font-size:14px;cursor:pointer;transition:all .2s ease}.signature-clear-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color, #8b5cf6)}.signature-clear-btn:disabled{opacity:.5;cursor:not-allowed}.signature-hint{font-size:13px;color:var(--text-secondary, #888)}.agreement-signature-section{margin-top:30px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid var(--border-color, #333)}.agreement-signature-section h3{margin-bottom:15px;font-size:18px;color:var(--text-color, #fff)}.signature-display{display:flex;flex-direction:column;gap:10px}.signature-display img{max-width:400px;height:auto;border:1px solid var(--border-color, #333);border-radius:8px;background:#fff}.signature-info{font-size:13px;color:var(--text-secondary, #888)}.signature-info span{display:block;margin-bottom:5px}.signature-submit-btn{margin-top:15px;padding:12px 24px;background:var(--accent-color, #8b5cf6);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.signature-submit-btn:hover:not(:disabled){background:var(--accent-hover, #7c3aed);transform:translateY(-1px)}.signature-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.label-signature-section{margin-top:30px;padding:20px;background:#ffffff05;border-radius:12px}.label-signature-section h4{margin-bottom:10px;font-size:14px;color:var(--text-secondary, #888);font-weight:400}.label-signature-section img{max-width:300px;height:auto;background:#fff;border-radius:4px;padding:10px}.label-signature-placeholder{font-size:13px;color:var(--text-secondary, #666);font-style:italic}@media (max-width: 480px){.signature-canvas{width:100%!important;max-width:350px}.signature-canvas-controls{flex-direction:column;align-items:flex-start}}.agreement-page{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0f0f12,#1a1a24)}.agreement-container{max-width:800px;margin:0 auto;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:20px;padding:50px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.agreement-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.agreement-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:3px;text-shadow:0 2px 10px rgba(139,92,246,.3)}.agreement-subtitle{font-size:17px;color:#ffffffb3;margin-bottom:12px}.agreement-version{font-size:14px;color:#8b5cf6cc;font-style:italic;font-weight:500}.agreement-content{color:#ffffffd9;line-height:1.8}.agreement-section{margin-bottom:35px;padding:25px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.agreement-section:hover{background:#ffffff0a;border-color:#8b5cf633}.agreement-section h2{font-size:19px;font-weight:600;color:#fff;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(139,92,246,.3);display:inline-block}.agreement-section p{margin-bottom:14px;font-size:15px;color:#ffffffbf}.agreement-section strong{color:#fff;font-weight:600}.agreement-section ul{margin:12px 0 18px 10px;padding-left:20px}.agreement-section ul li{margin-bottom:10px;font-size:15px;color:#ffffffbf;position:relative}.agreement-section ul li::marker{color:#8b5cf6b3}.agreement-requisites{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);padding:25px;border-radius:16px;margin-top:40px;border:1px solid rgba(139,92,246,.2)}.agreement-requisites h2{border-bottom-color:#8b5cf680!important}.agreement-requisites p{margin-bottom:8px;color:#fffc}.label-signature-section{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.label-signature-section h4{font-size:14px;color:#fff9;margin-bottom:12px;font-weight:500}.label-signature-section img{max-width:200px;height:auto;background:#fff;border-radius:8px;padding:10px}.label-signature-placeholder{font-size:13px;color:#fff6;font-style:italic}.agreement-signature-section{margin-top:50px;padding:30px;border-radius:16px;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.agreement-signature-section h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:20px}.signature-instruction{font-size:14px;color:#fff9;margin-bottom:20px}.signature-display{background:#ffffff0d;border-radius:12px;padding:20px;text-align:center}.signature-display img{max-width:300px;height:auto;background:#fff;border-radius:8px;padding:10px;margin-bottom:15px}.signature-info{display:flex;flex-direction:column;gap:5px}.signature-info span{font-size:14px;color:#ffffffb3}.signature-info span:first-child{color:#22c55e;font-weight:600;font-size:16px}.signature-submit-btn{margin-top:20px;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.signature-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.signature-submit-btn:disabled{opacity:.5;cursor:not-allowed}.signature-error{color:#ef4444;font-size:14px;margin-top:12px;padding:10px;background:#ef44441a;border-radius:8px}.signature-success{color:#22c55e;font-size:14px;margin-top:12px;padding:10px;background:#22c55e1a;border-radius:8px}.agreement-auth-notice{text-align:center;padding:40px;color:var(--text-secondary, #888)}.agreement-auth-notice a{color:var(--accent-color, #8b5cf6);text-decoration:none}.agreement-auth-notice a:hover{text-decoration:underline}.agreement-loading{text-align:center;padding:60px;color:var(--text-secondary, #888)}@media print{.agreement-page{background:#fff;padding:20px}.agreement-container{background:#fff;border:none;box-shadow:none}.agreement-header h1,.agreement-section h2,.agreement-section strong{color:#000}.agreement-section p,.agreement-section ul li{color:#333}.signature-canvas-controls{display:none}}@media (max-width: 768px){.agreement-container{padding:25px 20px}.agreement-header h1{font-size:22px}.agreement-section h2{font-size:16px}.agreement-section p,.agreement-section ul li{font-size:14px}}.privacy-page{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0f0f12,#1a1a24)}.privacy-container{max-width:800px;margin:0 auto;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:20px;padding:50px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.privacy-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.privacy-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 10px rgba(139,92,246,.3)}.privacy-version{font-size:14px;color:#8b5cf6cc;font-style:italic;font-weight:500}.privacy-content{color:#ffffffd9;line-height:1.8}.privacy-section{margin-bottom:35px;padding:25px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.privacy-section:hover{background:#ffffff0a;border-color:#8b5cf633}.privacy-section h2{font-size:19px;font-weight:600;color:#fff;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(139,92,246,.3);display:inline-block}.privacy-section h3{font-size:16px;font-weight:500;color:#ffffffe6;margin:18px 0 12px}.privacy-section p{margin-bottom:14px;font-size:15px;color:#ffffffbf}.privacy-section strong{color:#fff;font-weight:600}.privacy-section ul{margin:12px 0 18px 10px;padding-left:20px}.privacy-section ul li{margin-bottom:10px;font-size:15px;color:#ffffffbf}.privacy-section ul li::marker{color:#8b5cf6b3}.privacy-requisites{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);padding:25px;border-radius:16px;margin-top:40px;border:1px solid rgba(139,92,246,.2)}.privacy-requisites h2{border-bottom-color:#8b5cf680!important}.privacy-requisites p{margin-bottom:8px;color:#fffc}@media print{.privacy-page{background:#fff;padding:20px}.privacy-container{background:#fff;border:none;box-shadow:none}.privacy-header h1,.privacy-section h2,.privacy-section h3,.privacy-section strong{color:#000}.privacy-section p,.privacy-section ul li{color:#333}}@media (max-width: 768px){.privacy-container{padding:25px 20px}.privacy-header h1{font-size:22px}.privacy-section h2{font-size:16px}.privacy-section p,.privacy-section ul li{font-size:14px}}.notification-bell-container{position:relative}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0a;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:22px;line-height:1}.notification-bell-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.notification-bell-btn:active{transform:translateY(0)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #000;border-radius:10px;color:#fff;font-size:10px;font-weight:700;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badge-pulse 2s ease-in-out infinite}.notification-badge-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #000;border-radius:50%;box-shadow:0 2px 8px #ef444499;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444466}50%{transform:scale(1.1);box-shadow:0 4px 12px #ef444499}}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:500px;background:#0f0f0ffa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 48px #0009,0 0 0 1px #ffffff0d;z-index:1001;animation:dropdown-appear .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.notifications-header-actions{display:flex;gap:8px;align-items:center}.notifications-header h3{font-size:18px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em;color:#fff;margin:0}.mark-all-read-btn{padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffb3;font-size:11px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fff}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.clear-all-notifications-btn{padding:6px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:12px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.clear-all-notifications-btn:hover:not(:disabled){background:#ef444440;border-color:#ef444480;color:#fff}.clear-all-notifications-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-list{overflow-y:auto;max-height:420px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#ffffff05}.notifications-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:#ffffff0a}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#ffffff05}.notification-item.unread:hover{background:#ffffff0f}.notification-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.delete-notification-btn{width:20px;height:20px;border-radius:4px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:0}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background:#ef444433;border-color:#ef444466;color:#fff;transform:scale(1.1)}.notification-message{font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#fff;margin:0 0 4px;line-height:1.4}.notification-time{font-size:12px;font-weight:400;color:#fff6;font-family:Inter,sans-serif}.unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:6px;box-shadow:0 0 8px #3b82f699}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-notifications-icon{font-size:48px;margin-bottom:16px;opacity:.3;animation:float 3s ease-in-out infinite}.no-notifications p{font-size:14px;font-weight:500;color:#fff6;margin:0;font-family:Inter,sans-serif}@media (max-width: 768px){.notifications-dropdown{width:calc(100vw - 40px);right:-10px}}.lock-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;animation:slideDownCurtain .5s cubic-bezier(.4,0,.2,1)}.lock-screen.unlocking{animation:slideUpCurtain .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDownCurtain{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes slideUpCurtain{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.lock-screen-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0f0f;z-index:-1}.lock-screen-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;background:#1a1a1af2;border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 20px 80px #0009;animation:contentSlideIn .4s ease .2s both}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lock-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0006,0 0 0 8px #ffffff0d;animation:avatarGlow 3s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 8px 32px #0006,0 0 0 8px #ffffff0d}50%{box-shadow:0 8px 40px #fff3,0 0 0 8px #ffffff1a}}.lock-avatar img{width:100%;height:100%;object-fit:cover}.lock-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);font-size:48px;font-weight:800;color:#fff;font-family:Inter,sans-serif}.lock-username{font-family:Inter,sans-serif;font-size:28px;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;text-align:center}.pin-input-container{display:flex;gap:16px;margin:8px 0}.pin-input-container.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.pin-digit{width:64px;height:64px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:16px;color:#fff;font-size:32px;font-weight:700;text-align:center;font-family:Courier New,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.pin-digit:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff1a,0 0 20px #fff3;transform:scale(1.05)}.pin-digit:not(:placeholder-shown){background:#ffffff1a;border-color:#ffffff40}.pin-input-container.error .pin-digit{border-color:#ef444480;background:#ef44441a}.pin-input-container.error .pin-digit:focus{border-color:#ef4444b3;box-shadow:0 0 0 4px #ef444433,0 0 20px #ef44444d}.lock-error{font-size:14px;font-weight:600;color:#ef4444;margin:0;animation:fadeIn .3s ease}.lock-hint{font-size:14px;color:#ffffff80;margin:0 0 20px;text-align:center}.emergency-unlock-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;opacity:.7}.emergency-unlock-btn:hover{background:#b91c1c;opacity:1;transform:translateY(-1px)}@media (max-width: 768px){.lock-screen-content{padding:32px 24px;margin:20px}.lock-avatar{width:100px;height:100px}.lock-username{font-size:24px}.pin-digit{width:56px;height:56px;font-size:28px}.pin-input-container{gap:12px}}@media (max-width: 480px){.pin-digit{width:48px;height:48px;font-size:24px}.pin-input-container{gap:8px}}:root{--bg-color: #0f0f0f;--sidebar-bg: rgba(15, 15, 15, .95);--header-bg: rgba(15, 15, 15, .95);--card-bg: rgba(255, 255, 255, .02);--text-color: #e5e7eb;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .06);--accent-green: #10b981;--shadow-color: rgba(0, 0, 0, .4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}.dashboard-container{min-height:100vh;background:#0f0f0f;position:relative;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgB7ZVNaxNRFIbfufmYpuCkGCoIKhZJRYtasyvYhQt12T8wuHHpJiQiJKusgklIoBEM0hCqFRViMT9A0I0UtAFtUi0ualo/SGoFW+LMZEhmPOOii7ahgZmsOg/czZnDfe/5HA5ENpsVZFm+rut6vVwuLxSLxQ76DGeIKoqyKkuSjx8YAGPsg9PpvBkKhSroI0xV1SmK1pfL5fBodhbb21vj7Xb7dSKRuEYZ4NAnWKfTOUMRo95o4PPKCvL5GXxarvrIXkqlUvfpAUfQB9huQ72+gRfz81hcfD+o69ptjuMexOPxUVgM28/YbP5F6WUJT+bmoMiy6HK53lD0E1amnnX7oOk6KtVlFAoF/NpoHNc07VU6nb5llTg7yKG2tobp6SyqlaVBEn+YTCanYAEHChu0VBVPnz0HzThNG7uXyWSOwiQ9CRtQl6Oy9BGU6rOtVkuASXoWNhAEL6jLNx0OhwKT9CzM8zwCgctGxO8kSdqESXoW9vv9OHHylELCM7FYrA2TMEpdk3YzPB5PVydKLcbOnwP5VSnyBViAIfxYEIQ/oihiZOQ0eLd7j9Ox4WFcvDRu1DcfDAYbsID/y4C2kkgzeocuHqM16aytfsX3nz/wbX2dGkrAlclJeL1DZursG9Fo9DcsYGcLUd3cJDJBl1+lOl4gU4DOEB2jnm8p3XfD4fAXWETX9UdLwkMPGKXf5lYkEqnBxsbGxubQ8Q/eluU5KDj1tQAAAABJRU5ErkJggg==),default!important}.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px,50px 50px;pointer-events:none;z-index:0;opacity:.4}.dashboard-container button,.dashboard-container a{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKOSURBVHgB7VVLiJJRFD4+xvfIzLRpFs4iHINUXGQrTWgRQZBtamHLCCUIFzFCIKSbAhEj3AzuR1q1FUFiTKJsxBMSyQQsUgqQxHzV/PZp4shRwf9ZaRFfnC597+Pc8733XPuT/SPwJk0abVaV7a3t293u927/X5fwOfzXzIM89DtdrfohMCfNAmnFxuNxuNwOLyBngwGg2pzc/MzlnbphMCdNAmWVzKZzEYoFKJYLEbRaJTX6/Wueb1eKS3SMbDabDYPP+r1+iAYiVAo5NGCHS8c/OMWwO7o1Bnc9y2Px/Me4y9ra2s/bTZbm+YEdxbHxWKR4vG4Ip/P7yK7YxwO51O1Wt33+Xw3kel8mgNj5eT3+4VgtpdKpW4Eg8GRNR6PRyKRiMCWtFot6fX6JsZPBQKB2263/yYWGIsWiXS+1WpdguOxzahrAuNhKxQKlMvlRBaL5Z5MJjvA8gtigRGpwVYOVjvJZPJUOp2eehiOKZFIyDC8DslZJerI5na7faFWq12ORCKEup16uNPpEO59UGpnpVKpmFjg0PEgYhi6CkOyUqk002Ek2fDO0Tchf5dY4Kg8q2BNswJvOKlUqj7U+ehyuVgl19+MB9ruKxSKvlg8m2qD7FYqlQwYv0brEwuMMIbUb9bX1w+MRiNxudNzRa1WE4LMQe63xBIj1p1O5w/I98BkMjE6nW54hxMPIaitrS3Cvh6q4AnbGh5grI6R1e+QoY/MZvMOjG5ks1lCXRPmCGoMG36RpNFofqF+9xDAM5oDEykFAgFJpVK5g6S5Xy6XT6NfkUgkDGQtQ5ESyucDWD+Xy+Wv5n2vOcctwDgH/18l5D6HF0sM9t/h/Ctetm8Oh4OhJZZYYon/Dn8AC5oMWFEc0/wAAAAASUVORK5CYII=),pointer!important}.dashboard-container a,.dashboard-container a:link,.dashboard-container a:visited,.dashboard-container a:hover,.dashboard-container a:active{color:inherit;text-decoration:none}.dashboard-container a:hover{color:#fff}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.header{height:80px;background:var(--header-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--border-color);animation:slideDown .4s ease;transition:all .3s ease}.header-left{display:flex;align-items:center;gap:20px}.menu-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:8px;display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-btn:hover{color:#fff;transform:scale(1.1)}.menu-btn:active{transform:scale(.95)}.logo{display:flex;align-items:center;text-decoration:none;transition:all .3s ease}.logo-img{position:relative;overflow:hidden;border-radius:8px}.logo-img:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:1}.logo:hover .logo-img:before{left:100%}.logo-img{height:40px;width:auto}.header-right{display:flex;align-items:center;gap:20px}.balance-container{display:flex;align-items:center;gap:12px}.balance{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4b55631a;border:1px solid rgba(75,85,99,.3);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:-.01em;transition:all .3s ease;position:relative;overflow:hidden}.balance:hover{background:#4b556333;border-color:#4b556380}.balance-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff}.balance-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.balance-icon svg{width:14px;height:14px}.user-info{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info:hover{background:#ffffff0d}.user-info:active{transform:scale(.95)}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;border:2px solid rgba(156,163,175,.3);transition:all .3s ease}.user-info:hover .avatar{border-color:#9ca3af99;box-shadow:0 0 0 2px #9ca3af33}.avatar-initials{color:#666;font-weight:600;font-size:14px}#username{color:#fff;font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar{position:fixed;top:80px;left:0;width:72px;height:calc(100vh - 80px);background:var(--sidebar-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-right:1px solid var(--border-color);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow:hidden;animation:slideInLeft .4s ease}.sidebar.open{width:220px}.sidebar-nav{display:flex;flex-direction:column;width:100%;margin-top:25px}.nav-item{width:calc(100% - 16px);display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 8px;background:transparent;border:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;text-align:left;text-decoration:none;transition:all .2s ease;position:relative;border-radius:10px}.nav-item svg{flex-shrink:0;width:20px;height:20px;opacity:.6;transition:all .2s ease}.nav-item:hover:not(.active){color:#ffffffe6;background:transparent}.nav-item:hover:not(.active) svg{opacity:1;transform:scale(1.1)}.nav-item.active{background:#ffffff14;color:#fff}.nav-item.active svg{opacity:1}.nav-item.active:hover{background:#ffffff14}.sidebar:not(.open) .nav-item{justify-content:center;padding:14px;margin:3px 6px;width:calc(100% - 12px);background:transparent}.sidebar:not(.open) .nav-item svg{width:22px;height:22px}.sidebar:not(.open) .nav-item:hover{background:transparent}.sidebar:not(.open) .nav-item:hover svg{transform:scale(1.1)}.nav-text{opacity:0;transition:opacity .2s ease}.sidebar.open .nav-text{opacity:1}.sidebar:not(.open) .nav-text{display:none}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-divider{height:1px;background:#ffffff1a;margin:15px 0}.nav-item.moderator-mode{display:flex;align-items:center;gap:10px}.nav-icon{width:20px;height:20px}.main-content{margin-top:80px;margin-left:72px;padding:40px;transition:margin-left .3s ease;min-height:calc(100vh - 80px);animation:fadeInUp .5s ease}.main-content.shifted{margin-left:220px}.user-menu{position:fixed;top:90px;right:30px;background:#0f0f0ffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;padding:8px;width:280px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d;z-index:1001;animation:dropdown-appear .2s ease}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#ffffff05;border-radius:12px;margin-bottom:8px}.menu-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.15);box-shadow:0 0 20px #ffffff14;animation:avatar-glow 2s ease-in-out infinite}@keyframes avatar-glow{0%,to{box-shadow:0 0 20px #ffffff14;border-color:#ffffff26}50%{box-shadow:0 0 30px #ffffff26;border-color:#ffffff40}}.menu-avatar-img{width:100%;height:100%;object-fit:cover}.menu-avatar-initials{color:#666;font-weight:600;font-size:18px}.menu-user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.menu-username{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-email{color:#ffffff80;font-size:13px;font-weight:400;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.menu-divider{height:1px;background:#ffffff0d;margin:8px 0}.menu-items{display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:-.01em;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:transparent;cursor:pointer;width:100%;text-align:left}.menu-item:hover{background:#ffffff14;transform:translate(4px)}.menu-item .menu-icon{width:20px;height:20px;flex-shrink:0;opacity:.8;transition:opacity .2s ease}.menu-item:hover .menu-icon{opacity:1}.menu-item.lock{color:#f59e0b}.menu-item.lock:hover{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.menu-item.logout{color:#ff4757;margin-top:4px}.menu-item.logout:hover{background:#ff47571a;border:1px solid rgba(255,71,87,.2)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}.releases{padding:0!important;margin-bottom:50px;background:transparent!important}.releases h2,.releases-header h2{font-size:22px;margin:0;color:var(--text-color)}.view-all-btn{background:none;border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{border-color:#4f46e580;color:#fff}.releases-grid:not(.releases-page .releases-grid){display:grid!important;grid-template-columns:repeat(auto-fill,180px)!important;gap:20px!important;max-width:100%!important}.release-card:not(.releases-page .release-card){display:flex!important;flex-direction:column!important;text-decoration:none!important;color:var(--text-color)!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;padding:12px!important;border-radius:16px!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important;width:250px!important;animation:fadeInUp .6s ease!important;height:280px!important}.release-card:not(.releases-page .release-card):hover{background:#ffffff0d!important;border-color:#ffffff1f!important;transform:translateY(-4px)!important;box-shadow:0 12px 40px #0009!important}.release-cover-container:not(.releases-page .release-cover-container){position:relative!important;width:156px!important;height:200px!important;max-width:210px!important;margin-bottom:12px!important;border-radius:10px!important;overflow:hidden!important;background:transparent!important;box-shadow:0 4px 16px #0000004d!important;border:none!important}.release-cover{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important;border:none!important}.cover-spinner{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}.release-card h3{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.release-card .artist{font-size:12px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;opacity:.7}.additional-content{padding:0;margin-top:50px;background:transparent!important}.additional-content h2{font-size:22px;margin-bottom:20px;color:var(--text-color)}.additional-grid{background:transparent!important;padding:0!important;text-align:center}.placeholder{color:var(--text-secondary);font-size:16px;text-align:center;margin:0;padding:0;background:transparent!important}.loading-message{color:var(--text-secondary);font-size:16px;text-align:center;margin:20px 0}.no-releases{color:var(--text-secondary);font-size:16px;text-align:center;margin:20px 0;grid-column:1 / -1}@media (max-width: 1400px){.releases-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1200px){.releases-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.releases-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-220px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.header-right{margin-right:20px}.logo-img{margin-left:20px}.releases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.releases-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 400px){.releases-grid{grid-template-columns:1fr}}#releases-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important}#releases-grid .release-card{background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;padding:12px!important;text-decoration:none!important;transition:all .2s ease!important}#releases-grid .release-card:hover{background:#ffffff0a!important;border-color:#ffffff1a!important;transform:translateY(-2px)!important}#releases-grid .release-cover-container{width:100%!important;aspect-ratio:1 / 1!important;border-radius:8px!important;overflow:hidden!important;margin-bottom:8px!important;background:#ffffff08!important;box-shadow:0 2px 8px #0003!important}#releases-grid .release-cover{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}#releases-grid .release-card:hover .release-cover{transform:scale(1.05)!important}#releases-grid .release-card h3{font-size:13px!important;font-weight:600!important;color:#fff!important;margin:0 0 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}#releases-grid .release-card .artist{font-size:11px!important;color:#ffffff80!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}@media (max-width: 1600px){#releases-grid{grid-template-columns:repeat(5,1fr)!important}}@media (max-width: 1400px){#releases-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 1200px){#releases-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 768px){#releases-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){#releases-grid{grid-template-columns:1fr!important}}.image-loader-container{position:relative;display:inline-block;overflow:hidden}.image-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:inherit;z-index:2}.image-loader-spinner{border:2px solid rgba(255,255,255,.2);border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:image-loader-spin .8s linear infinite}.image-loader.small .image-loader-spinner{width:16px;height:16px;border-width:1.5px}.image-loader.medium .image-loader-spinner{width:24px;height:24px;border-width:2px}.image-loader.large .image-loader-spinner{width:32px;height:32px;border-width:3px}@keyframes image-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-loader-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.image-loader-img.loading{opacity:0}.image-loader-img.loaded{opacity:1}.image-loader-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff9;font-weight:600;border-radius:inherit}.avatar-loader{border-radius:50%}.avatar-loader .image-loader-fallback{border-radius:50%;font-size:.9em;letter-spacing:.5px}.cover-loader{border-radius:12px}.cover-loader .image-loader-fallback{border-radius:12px;font-size:.8em;text-align:center;padding:8px}.image-loader-container{animation:fadeIn .3s ease}.avatar{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9ca3af,#6b7280);border:2px solid rgba(255,255,255,.1);transition:all .3s ease;flex-shrink:0}.avatar.clickable{cursor:pointer}.avatar.clickable:hover{transform:scale(1.05);border-color:#fff3;box-shadow:0 4px 12px #0000004d}.avatar-small{width:32px;height:32px}.avatar-medium{width:48px;height:48px}.avatar-large{width:64px;height:64px}.avatar-xl{width:110px;height:110px;border-width:4px;box-shadow:0 8px 32px #0006}.avatar-xl:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.avatar .image-loader-container{width:100%;height:100%;border-radius:50%}.avatar-initials{color:#fff;font-weight:700;font-family:Inter,sans-serif;text-align:center;line-height:1}.avatar-small .avatar-initials{font-size:12px}.avatar-medium .avatar-initials{font-size:16px}.avatar-large .avatar-initials{font-size:20px}.avatar-xl .avatar-initials{font-size:44px}.user-profile-page{display:flex;flex-direction:column;gap:32px;animation:fadeInUp .6s ease;background:#0f0f0f!important;min-height:100vh;padding:20px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}.profile-header{position:relative;background:#171717;border:1px solid #373737;border-radius:24px;overflow:hidden;margin-bottom:32px}.profile-banner{width:100%;height:250px;position:relative;overflow:hidden;border-radius:24px 24px 0 0}.profile-banner-img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-banner-gradient{width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(156,163,175,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(107,114,128,.4) 0%,transparent 50%),linear-gradient(135deg,#1f2937,#111827);position:relative;overflow:hidden}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(156,163,175,.1) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(107,114,128,.1) 50%,transparent 70%);animation:shimmer 8s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.profile-content{position:relative;padding:30px;display:flex;align-items:center;gap:24px;margin-top:-60px;z-index:10;border-radius:24px 24px 0 0;background:#171717}.profile-avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9ca3af,#6b7280);display:flex;align-items:center;justify-content:center;border:4px solid rgba(156,163,175,.3);box-shadow:0 8px 32px #0006;transition:all .3s ease;flex-shrink:0;margin-left:-10px}.profile-avatar:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.profile-avatar-img,.profile-avatar .image-loader-container{width:100%;height:100%;border-radius:50%}.profile-avatar-initials{color:#fff;font-weight:700;font-size:44px;font-family:Inter,sans-serif}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.profile-name-row{display:flex;align-items:baseline;gap:12px}.profile-username{font-size:28px;font-weight:800;font-family:Inter,sans-serif;color:#fff;margin:0;letter-spacing:-.02em}.profile-user-id{color:#9ca3af;font-size:16px;font-family:Inter,sans-serif;font-weight:500;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{display:flex;align-items:center;gap:20px;padding:28px;background:#1a1a1a;border:1px solid #333;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.stat-card:hover{background:#222;border-color:#444;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff0d}.stat-icon{width:56px;height:56px;border-radius:16px;background:#2a2a2a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-icon-placeholder{font-size:24px;color:#9ca3af;font-weight:700}.stat-icon.published{background:#9ca3af1a}.stat-icon.published .stat-icon-placeholder{color:#9ca3af}.stat-icon.pending{background:#9ca3af1a}.stat-icon.pending .stat-icon-placeholder{color:#9ca3af}.stat-icon.balance{background:#9ca3af1a}.stat-icon.balance .stat-icon-placeholder{color:#9ca3af}.stat-icon.sph{background:linear-gradient(135deg,#8b5cf633,#a855f733);border:1px solid rgba(139,92,246,.3)}.stat-icon.sph .stat-icon-placeholder{color:#a855f7;font-weight:700;font-family:Inter,sans-serif;text-shadow:0 0 10px rgba(168,85,247,.5)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value-large{font-size:32px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:-.02em;color:#fff;line-height:1}.stat-label-large{font-size:13px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.profile-details{padding:32px;background:#1a1a1a;border:1px solid #333;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-details:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .8s ease}.profile-details:hover:before{transform:translate(100%)}.profile-details:hover{background:#222;border-color:#444;box-shadow:0 12px 40px #0006}.profile-details h2{font-size:24px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 24px;position:relative;display:inline-block}.profile-details h2:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:2px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.detail-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:#2a2a2a;border:1px solid #444;border-radius:12px;transition:all .3s ease;text-align:left}.detail-item:hover{background:#333;border-color:#555;transform:translate(4px)}.detail-label{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.detail-value{font-size:16px;font-weight:600;color:#fff;font-family:Inter,sans-serif;letter-spacing:-.01em}.detail-value.role{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:8px;color:#9ca3af;font-size:14px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.detail-value.role.admin-role{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4);color:#fbbf24;box-shadow:0 0 20px #fbbf241a;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.profile-banner{height:200px}.profile-content{padding:20px 24px;margin-top:-50px;flex-direction:column;align-items:center;text-align:center;gap:16px}.profile-avatar{width:80px;height:80px;margin-left:0}.profile-avatar-initials{font-size:32px}.profile-info{align-items:center}.profile-name-row{justify-content:center}.profile-username{font-size:24px}.profile-user-id{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:16px}.details-grid{grid-template-columns:1fr}}.achievements-section{background:#171717;border:1px solid #373737;border-radius:24px;padding:24px}.achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.achievements-title{display:flex;align-items:center;gap:12px}.achievements-title h2{font-size:20px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0}.achievements-count{background:#9ca3af33;color:#9ca3af;padding:4px 8px;border-radius:8px;font-size:14px;font-weight:600;font-family:Inter,sans-serif}.achievements-link{display:flex;align-items:center;gap:6px;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;font-family:Inter,sans-serif;transition:color .3s ease}.achievements-link:hover{color:#fff}.user-profile-page .achievements-grid{display:flex!important;align-items:center;margin:0;padding:0;justify-content:flex-start;gap:0}.achievement-item{position:relative;flex-shrink:0}.achievement-item:not(:first-child){margin-left:-8px}.achievement-icon{width:80px;height:80px;border-radius:8px;object-fit:contain;cursor:pointer;display:block}.achievement-icon:not(.locked){filter:brightness(1) saturate(1)}.achievement-icon.locked{color:#4b5563;opacity:.5}.achievement-item:before{content:attr(data-tooltip);position:absolute;bottom:90px;left:40px;transform:translate(-50%);background:#000;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000;pointer-events:none}.achievement-item:hover:before{opacity:1;visibility:visible}.detail-value.role.admin-role{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:600;padding:8px 12px;border-radius:8px;border:1px solid #f59e0b}.profile-extra-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-role-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid;position:relative}.profile-role-tag .role-tag-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.profile-role-tag.icon-only{background:transparent!important;border:none!important;padding:0!important}.profile-role-tag.icon-only .role-tag-icon{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.profile-role-tag[data-tooltip]{cursor:pointer}.profile-role-tag[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.9);padding:8px 14px;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 20px #0006}.profile-role-tag[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#14141ef2;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.profile-role-tag[data-tooltip]:hover:before,.profile-role-tag[data-tooltip]:hover:after{opacity:1;visibility:visible}.profile-role-tag[data-tooltip]:hover:before{transform:translate(-50%) scale(1)}.profile-page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translate(-2px)}.profile-page-header h1{color:#fff;font-size:24px;font-weight:700;margin:0}.public-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.info-card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.info-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.info-icon{width:48px;height:48px;background:#ffffff14;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon-placeholder{font-size:20px;opacity:.8}.info-content{display:flex;flex-direction:column;gap:4px;min-width:0}.info-label{font-size:13px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;color:#fff;font-weight:600;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 1024px){.public-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.public-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-page-header{margin-bottom:16px;padding:12px 0}.profile-page-header h1{font-size:20px}.back-button{padding:6px 12px;font-size:13px}.public-info-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.info-card{padding:20px}.info-icon{width:40px;height:40px}.info-icon-placeholder{font-size:18px}}@media (max-width: 480px){.info-card{padding:16px;gap:12px}.info-icon{width:36px;height:36px}.info-icon-placeholder{font-size:16px}.info-value{font-size:15px}.info-label{font-size:12px}}.achievements-page{display:flex;flex-direction:column;gap:32px;animation:fadeInUp .6s ease;background:#0f0f0f!important;min-height:100vh;padding:20px}.achievements-header{text-align:center;margin-bottom:16px}.achievements-header h1{font-size:48px;font-weight:800;font-family:Inter,sans-serif;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.achievements-subtitle{font-size:18px;color:#9ca3af;font-family:Inter,sans-serif;font-weight:500;margin:0}.achievements-list{display:flex;flex-direction:column;gap:16px}.achievement-card{background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(156,163,175,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.achievement-card:hover:before{transform:translate(100%)}.achievement-card:hover{background:#222;border-color:#444;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.achievement-card.unlocked{border-color:#9ca3af;background:linear-gradient(135deg,#9ca3af1a,#6b72800d)}.achievement-card.unlocked:before{background:linear-gradient(90deg,transparent,rgba(156,163,175,.5),transparent)}.achievement-card.locked{opacity:.7}.achievement-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.achievement-icon-bg{width:80px;height:80px;border-radius:20px;background:#2a2a2a;border:2px solid #444;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.achievement-card.unlocked .achievement-icon-bg{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#9ca3af;box-shadow:0 8px 24px #9ca3af4d}.achievement-card.locked .achievement-icon-bg{background:#1f1f1f;border-color:#333}.achievement-icon-bg svg{width:40px;height:40px;color:#9ca3af;transition:color .3s ease}.achievement-card.unlocked .achievement-icon-bg svg{color:#fff}.achievement-card.locked .achievement-icon-bg svg{color:#4b5563}.unlock-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a;animation:unlockPulse 2s infinite}@keyframes unlockPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55eb3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #22c55e00}}.unlock-badge svg{width:12px;height:12px;color:#fff}.achievement-content{text-align:center}.achievement-name{font-size:20px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.achievement-card.locked .achievement-name{color:#9ca3af}.achievement-description{font-size:14px;color:#9ca3af;font-family:Inter,sans-serif;font-weight:500;margin:0 0 16px;line-height:1.5}.achievement-card.locked .achievement-description{color:#6b7280}.achievement-unlocked{display:flex;align-items:center;justify-content:center;gap:8px;color:#22c55e;font-size:12px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px}.achievement-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:8px;background:#2a2a2a;border-radius:4px;overflow:hidden;border:1px solid #444}.progress-fill{height:100%;background:linear-gradient(90deg,#9ca3af,#6b7280);border-radius:4px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:12px;color:#9ca3af;font-family:Inter,sans-serif;font-weight:600;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#9ca3afcc;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#fff9;font-size:16px;font-weight:500;font-family:Inter,sans-serif}@media (max-width: 768px){.achievements-grid{grid-template-columns:1fr;gap:16px}.achievements-header h1{font-size:36px}.achievements-subtitle{font-size:16px}.achievement-card{padding:20px}}@media (max-width: 480px){.achievements-header h1{font-size:28px}.achievement-card{padding:16px}.achievement-icon-bg{width:64px;height:64px}.achievement-icon-bg svg{width:32px;height:32px}}.achievement-list-card{display:flex;align-items:flex-start;gap:20px;background:#171717;border:1px solid #373737;border-radius:16px;padding:20px;transition:all .3s ease}.achievement-list-card:hover{background:#1f1f1f;border-color:#444;transform:translate(4px)}.achievement-list-card.unlocked{border-color:#9ca3af;background:linear-gradient(135deg,#171717,#1a1a1a)}.achievement-list-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.achievement-list-icon img{width:80px;height:80px;object-fit:contain}.achievement-list-content{flex:1;display:flex;flex-direction:column;gap:8px}.achievement-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.achievement-list-name{font-size:18px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0}.achievement-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement-status.unlocked{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.achievement-list-description{font-size:14px;font-weight:500;color:#fffc;margin:0;line-height:1.5}.achievement-list-requirement{font-size:14px;color:#fffc;margin:0;line-height:1.5}.achievement-unlock-date{font-size:12px;color:#9ca3af;font-weight:500;margin-top:4px}.image-crop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.image-crop-modal{background:#0f0f0ffa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 24px 64px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:20px;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.modal-body{padding:28px;max-height:calc(90vh - 180px);overflow-y:auto}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-area:hover{background:#ffffff0a;border-color:#ffffff4d;transform:translateY(-2px)}.upload-area svg{width:64px;height:64px;stroke:#fff6;margin-bottom:20px;stroke-linecap:round;stroke-linejoin:round}.upload-area p{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px;font-family:Inter,sans-serif}.upload-area span{font-size:14px;color:#ffffff80;font-family:Inter,sans-serif}.crop-area{display:flex;flex-direction:column;gap:24px}.crop-workspace{display:flex;gap:24px;align-items:flex-start}.crop-canvas{width:100%;max-width:600px;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:block;background:#000;flex-shrink:0}.avatar-preview-large{display:flex;flex-direction:column;gap:20px;align-items:center;padding:40px}.preview-label{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Inter,sans-serif}.preview-circle-large{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff1a;background:#000}.preview-canvas{width:100%;height:100%;display:block}.crop-controls{display:flex;flex-direction:column;gap:20px;padding:24px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.scale-control{display:flex;flex-direction:column;gap:12px}.control-label{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.scale-slider-wrapper{display:flex;align-items:center;gap:12px}.scale-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.scale-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.scale-btn:active{transform:scale(.95)}.scale-slider{flex:1;height:8px;background:linear-gradient(90deg,#ffffff1a,#ffffff26);border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#fff,#ffffffe6);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #0006,0 0 0 4px #ffffff1a;transition:all .2s ease}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #ffffff4d,0 0 0 6px #ffffff26}.scale-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.scale-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#fff,#ffffffe6);border-radius:50%;cursor:grab;border:none;box-shadow:0 2px 8px #0006,0 0 0 4px #ffffff1a;transition:all .2s ease}.scale-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #ffffff4d,0 0 0 6px #ffffff26}.scale-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}.scale-value{font-size:14px;color:#fffc;font-family:Courier New,monospace;font-weight:700;text-align:center;padding:8px 16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.change-image-btn{padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.change-image-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-end}.cancel-btn,.save-btn{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.cancel-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}.save-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.save-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.save-btn:disabled:hover{background:#ffffff1a;transform:none;box-shadow:none}@media (max-width: 768px){.image-crop-modal{width:95%;max-height:95vh}.modal-header,.modal-body{padding:20px}.upload-area{padding:60px 20px}.crop-workspace{flex-direction:column}.avatar-preview{width:100%;flex-direction:row;justify-content:center}.modal-footer{padding:16px 20px;flex-direction:column}.cancel-btn,.save-btn{width:100%}}.image-crop-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important}.image-crop-modal{position:relative!important;animation:modalAppear .3s cubic-bezier(.4,0,.2,1)!important;transform-origin:center center!important}@keyframes slideUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:fadeIn .2s ease;display:flex;align-items:center;justify-content:center}.confirm-modal{position:relative;background:#1c1e24f2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:0;min-width:400px;max-width:500px;box-shadow:0 20px 60px #00000080;animation:modalAppear .3s cubic-bezier(.4,0,.2,1)}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.confirm-body{padding:24px 28px}.confirm-body p{margin:0;font-size:15px;line-height:1.6;color:#fffc;font-family:Inter,sans-serif}.confirm-footer{padding:20px 28px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid}.btn-cancel{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.btn-cancel:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#ef4444}.btn-confirm:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}@media (max-width: 768px){.confirm-modal{min-width:90%;max-width:90%}}.settings h2{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0 0 24px;letter-spacing:-.02em;position:relative;display:inline-block;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings h2:after{content:"";position:absolute;bottom:-6px;left:0;width:60px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:2px}.settings-tabs{display:flex;gap:8px;margin-bottom:32px;padding:6px;background:#1a1a1a;border:1px solid #333;border-radius:16px;animation:fadeInUp .6s ease .1s both}.settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:transparent;border:none;border-radius:12px;color:#ffffff80;font-size:15px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.settings-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.settings-tab:hover:before{left:100%}.settings-tab:hover{color:#fffc;background:#2a2a2a}.settings-tab.active{background:#2a2a2a;color:#fff;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.settings-tab.active:before{display:none}.tab-icon{font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.settings-tab:hover .tab-icon{transform:scale(1.1)}.settings-tab.active .tab-icon{transform:scale(1.15)}.tab-label{font-size:14px}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-group{background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease}.settings-group:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .8s ease}.settings-group:hover:before{transform:translate(100%)}.settings-group:hover{background:#222;border-color:#444;box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff0d;transform:translateY(-2px)}.avatar-section{display:flex;gap:24px;align-items:center}.avatar-upload{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 2px #ffffff1a;animation:avatar-glow 3s ease-in-out infinite}@keyframes avatar-glow{0%,to{box-shadow:0 8px 32px #0000004d,inset 0 2px #ffffff1a;border-color:#ffffff26}50%{box-shadow:0 8px 40px #ffffff26,inset 0 2px #fff3;border-color:#ffffff40}}.avatar-upload:hover{transform:scale(1.05);box-shadow:0 12px 48px #fff3,inset 0 2px #fff3;border-color:#ffffff4d}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.upload-overlay svg{width:32px;height:32px;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.avatar-upload:hover .upload-overlay{opacity:1}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.avatar-icon{width:48px;height:48px;fill:#fffc}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-info{flex:1;display:flex;flex-direction:column;gap:12px}.delete-image-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:600;font-size:13px;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;width:fit-content}.delete-image-btn svg{width:16px;height:16px}.delete-image-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.section-title{font-size:18px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em;color:#fff;margin:0 0 8px}.section-description{font-size:14px;font-weight:400;font-family:Inter,sans-serif;letter-spacing:.01em;color:#ffffff80;margin:0;line-height:1.5}.username-section{display:flex;gap:24px;align-items:flex-start}.section-info{flex:1}.section-action{flex:1;display:flex;flex-direction:column;gap:16px}.username-display{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:#2a2a2a;border:1px solid #444;border-radius:12px;transition:all .3s ease}.username-current{font-size:16px;font-weight:600;color:#fff;margin:0}.username-label{font-size:12px;color:#ffffff80;margin:0;text-transform:uppercase;letter-spacing:.5px}.edit-btn{padding:12px 24px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-weight:700;font-size:14px;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.edit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.edit-btn:hover:before{left:100%}.edit-btn:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 0 20px #ffffff26,0 6px 24px #0006}.username-edit{display:none;flex-direction:column;gap:12px}.username-edit.active{display:flex;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.username-edit input{width:100%;padding:14px 18px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease}.username-edit input::placeholder{color:#fff6}.username-edit input:focus{outline:none;border-color:#667eea80;background:#333;box-shadow:0 0 0 4px #667eea1a}.edit-actions{display:flex;gap:12px}.save-btn,.cancel-btn{flex:1;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-btn{background:#2a2a2a;border:1px solid #444;color:#fff;position:relative;overflow:hidden}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.save-btn:hover:before{left:100%}.save-btn:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 0 20px #fff3,0 6px 24px #0006}.cancel-btn{background:#2a2a2a;border:1px solid #444;color:#fffc}.cancel-btn:hover{background:#333;border-color:#555;transform:translateY(-2px)}.promocode-section{display:flex;gap:24px;align-items:flex-start}.promocode-form{display:flex;gap:12px;width:100%}.promocode-form input{flex:1;padding:14px 18px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease}.promocode-form input::placeholder{color:#fff6}.promocode-form input:focus{outline:none;border-color:#667eea80;background:#333;box-shadow:0 0 0 4px #667eea1a}.add-btn{padding:14px 28px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-weight:700;font-size:14px;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.add-btn:hover:before{left:100%}.add-btn:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 0 20px #ffffff26,0 6px 24px #0006}.banner-section{display:flex;gap:24px;align-items:flex-start}.banner-preview{width:100%;height:200px;border-radius:16px;overflow:hidden;position:relative;margin-bottom:16px;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.banner-preview img{width:100%;height:100%;object-fit:cover;display:block}.banner-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:center}.banner-preview-overlay p{margin:0;color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em;text-transform:uppercase;opacity:.9}.upload-banner-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-weight:700;font-size:14px;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-banner-btn svg{width:20px;height:20px}.upload-banner-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.upload-banner-btn:hover:before{left:100%}.upload-banner-btn:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 0 20px #ffffff26,0 6px 24px #0006}.banner-buttons{display:flex;gap:12px;flex-wrap:wrap}.delete-banner-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-weight:700;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.delete-banner-btn svg{width:20px;height:20px}.delete-banner-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),transparent);transition:left .5s ease}.delete-banner-btn:hover:before{left:100%}.delete-banner-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 0 20px #ef44444d,0 6px 24px #0006}.effects-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.effects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#1a1a1a;border:1px dashed #333;border-radius:12px;margin-top:20px;text-align:center}.effects-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.effects-empty p{font-size:14px;color:#ffffff80;margin:0}.effect-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .3s ease}.effect-item:hover{background:#222;border-color:#444;transform:translate(4px)}.effect-info{display:flex;align-items:center;gap:16px}.effect-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#2a2a2a;border-radius:12px;flex-shrink:0}.effect-name{font-size:16px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em;color:#fff;margin:0 0 4px}.effect-desc{font-size:13px;font-weight:400;color:#ffffff80;margin:0}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#2a2a2a;border:1px solid #444;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #0000004d}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#22c55e4d,#10b9814d);border-color:#22c55e80;box-shadow:0 0 12px #22c55e4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background:#22c55e;box-shadow:0 2px 12px #22c55e80}.toggle-slider:hover{background:#333}.toggle-switch input:checked+.toggle-slider:hover{background:linear-gradient(135deg,#22c55e66,#10b98166)}.password-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.password-form input{width:100%;padding:14px 18px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease}.password-form input::placeholder{color:#fff6}.password-form input:focus{outline:none;border-color:#fff3;background:#333;box-shadow:0 0 0 4px #ffffff0d}.save-password-btn{padding:14px 24px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.save-password-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.save-password-btn:hover:before{left:100%}.save-password-btn:hover{background:#333;border-color:#555;transform:translateY(-2px)}.email-section{display:flex;gap:24px;align-items:flex-start}.email-display{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:#2a2a2a;border:1px solid #444;border-radius:12px}.email-current{font-size:16px;font-weight:600;color:#fff;margin:0}.email-label{font-size:12px;color:#ffffff80;margin:0;text-transform:uppercase;letter-spacing:.5px}.email-edit{display:none;flex-direction:column;gap:12px;width:100%}.email-edit.active{display:flex;animation:slideIn .3s ease}.email-edit input{width:100%;padding:14px 18px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease}.email-edit input:focus{outline:none;border-color:#fff3;background:#333}.pin-settings{margin-top:20px}.pin-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-bottom:16px}.pin-info{flex:1}.pin-label{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px}.pin-desc{font-size:13px;color:#ffffff80;margin:0}.pin-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:#1a1a1a;border:1px solid #333;border-radius:12px;animation:slideIn .3s ease}.pin-form input[type=password]{width:100%;padding:14px 18px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;letter-spacing:8px;font-family:Courier New,monospace}.inactivity-setting{display:flex;flex-direction:column;gap:12px}.inactivity-setting label{font-size:14px;font-weight:600;color:#fffc}.time-controls{display:flex;gap:12px;align-items:center}.time-controls button{width:40px;height:40px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.time-controls button:hover{background:#333;border-color:#555}.time-controls input{flex:1;padding:10px;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:16px;font-weight:600;text-align:center}.update-time-btn,.save-pin-btn{padding:14px 24px;background:#2a2a2a;border:1px solid #444;border-radius:12px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:16px;width:100%;position:relative;overflow:hidden}.update-time-btn:before,.save-pin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.update-time-btn:hover:before,.save-pin-btn:hover:before{left:100%}.update-time-btn:hover,.save-pin-btn:hover{background:#333;border-color:#555;transform:translateY(-2px)}.pin-enabled{display:flex;flex-direction:column;gap:16px;padding:20px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:12px;animation:slideIn .3s ease}.pin-status{display:flex;align-items:center;gap:16px}.status-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.status-info{flex:1}.status-title{font-size:16px;font-weight:700;color:#22c55e;margin:0 0 6px}.status-desc{font-size:13px;color:#fff9;margin:0}.disable-pin-btn{padding:12px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease}.disable-pin-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.settings-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.settings-page .modal-content.pin-modal{position:relative;top:auto;left:auto;transform:none;background:#1a1a1a;border:1px solid rgba(156,163,175,.3);border-radius:20px;padding:0;min-width:400px;max-width:500px;box-shadow:0 20px 60px #000c;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.settings-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-page .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.settings-page .modal-header .close-btn{background:transparent;border:none;color:#ffffff80;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s}.settings-page .modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.settings-page .modal-body{padding:24px}.settings-page .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.settings-page .modal-footer .cancel-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-page .modal-footer .cancel-btn:hover{background:#ffffff1a;color:#fff}.settings-page .modal-footer .submit-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-page .modal-footer .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.modal-description{font-size:15px;color:#ffffffb3;text-align:center;margin:0 0 32px}.pin-input-grid{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.pin-digit-input{width:64px;height:64px;background:#2a2a2a;border:2px solid #444;border-radius:16px;color:#fff;font-size:32px;font-weight:700;text-align:center;font-family:Courier New,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.pin-digit-input:focus{background:#333;border-color:#555;box-shadow:0 0 0 4px #ffffff1a,0 0 20px #fff3;transform:scale(1.05)}.pin-digit-input:not(:placeholder-shown){background:#333;border-color:#555}.modal-inactivity{display:flex;flex-direction:column;gap:16px;padding:24px;background:#1a1a1a;border:1px solid #333;border-radius:16px}.modal-inactivity label{font-size:14px;font-weight:600;color:#fffc;text-align:center}.time-selector{display:flex;align-items:center;justify-content:center;gap:20px}.time-selector button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:1px solid #444;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:24px;font-weight:300;color:#fff;line-height:1}.time-selector button:hover{background:#333;border-color:#555;transform:scale(1.05)}.time-display{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.time-value{font-size:36px;font-weight:800;font-family:Inter,sans-serif;color:#fff;letter-spacing:-.02em}.time-unit{font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.sessions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.terminate-all-btn{padding:10px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.terminate-all-btn:hover{background:#ef444433;border-color:#ef444480}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-item{display:flex;align-items:center;gap:16px;padding:20px;background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .3s ease}.session-item:hover{background:#222;border-color:#444}.session-item.current{background:#22c55e0d;border-color:#22c55e33}.session-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border-radius:12px;flex-shrink:0}.session-info{flex:1}.session-device{display:flex;align-items:center;gap:12px;margin-bottom:6px}.device-name{font-size:16px;font-weight:700;color:#fff}.current-badge{padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:11px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.5px}.session-details{font-size:14px;color:#ffffffb3;margin:0 0 4px}.session-meta{font-size:12px;color:#ffffff80;margin:0}.terminate-session-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.terminate-session-btn svg{width:20px;height:20px;color:#ef4444}.terminate-session-btn:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.05)}@media (max-width: 768px){.settings h2{font-size:26px}.settings-tabs{flex-direction:column}.settings-tab{justify-content:flex-start}.avatar-section,.username-section,.promocode-section,.banner-section,.email-section{flex-direction:column}.avatar-upload{width:100px;height:100px}.promocode-form{flex-direction:column}.add-btn,.upload-banner-btn{width:100%}.effect-item{flex-direction:column;align-items:flex-start;gap:16px}.sessions-header{flex-direction:column}.terminate-all-btn{width:100%}.session-item,.time-controls{flex-wrap:wrap}}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:20px;color:#fff9;line-height:1}.close-btn:hover{background:#333;border-color:#555;color:#fff}.inactivity-settings{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.inactivity-settings label{font-size:14px;color:#ffffffb3;font-weight:500}.time-selector-inline{display:flex;align-items:center;gap:8px}.time-selector-inline button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:18px;font-weight:400;color:#fff}.time-selector-inline button:hover{background:#333;border-color:#555}.time-selector-inline span{min-width:60px;text-align:center;font-size:14px;font-weight:600;color:#fff}.time-selector-inline .save-time-btn{width:auto;padding:0 12px;font-size:12px;background:#22c55e33;border-color:#22c55e66;color:#22c55e}.time-selector-inline .save-time-btn:hover{background:#22c55e4d;border-color:#22c55e99}.legal-section{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.legal-links{display:flex;flex-direction:column;gap:12px}.legal-link{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;text-decoration:none;font-size:14px;transition:all .2s ease}.legal-link:hover{background:#ffffff0f;border-color:#8b5cf680;color:#fff}.legal-link svg{width:18px;height:18px;opacity:.7}.legal-link:hover svg{opacity:1}@media (max-width: 768px){.legal-section{flex-direction:column}.legal-links{width:100%}}.promocode-form{margin-bottom:30px}.promocode-input-group{display:flex;gap:12px;align-items:flex-end}.promocode-input-group input{flex:1;font-family:monospace;font-weight:600;text-transform:uppercase;letter-spacing:1px}.apply-btn{padding:12px 24px;background:#28a745;border:1px solid #28a745;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.apply-btn:hover:not(:disabled){background:#218838;border-color:#218838}.apply-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.7}.balance-info{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.balance-info h4{margin:0 0 16px;font-size:16px;color:var(--text-color)}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.balance-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.balance-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:18px;font-weight:600;color:#28a745;font-family:monospace}@media (max-width: 768px){.promocode-input-group{flex-direction:column;align-items:stretch}.balance-grid{grid-template-columns:1fr}}.releases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.releases-header h2{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;position:relative;display:inline-block}.releases-header h2:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:2px}.create-release-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff0f;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;text-decoration:none;font-weight:700;font-size:15px;font-family:Inter,sans-serif;letter-spacing:-.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d;position:relative;overflow:hidden}.create-release-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.create-release-btn:hover:before{left:100%}.create-release-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 0 24px #ffffff26,0 8px 32px #0006}.create-release-btn:active{transform:translateY(0)}.create-release-btn svg{width:20px;height:20px;transition:transform .3s ease}.create-release-btn:hover svg{transform:rotate(90deg)}.releases-controls{display:flex;gap:16px;margin-bottom:30px}.search-container{position:relative;flex:1}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#fff6;pointer-events:none;transition:all .3s ease;stroke-linecap:round;stroke-linejoin:round}.release-search{width:100%;padding:14px 16px 14px 48px;background:#0f0f0f99;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:15px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:-.01em;transition:all .3s cubic-bezier(.4,0,.2,1)}.release-search::placeholder{color:#ffffff59;font-weight:400}.release-search:focus{outline:none;border-color:#fff3;background:#141414cc;box-shadow:0 0 0 4px #ffffff0d,0 4px 16px #0006;transform:translateY(-1px)}.release-search:focus+.search-icon{opacity:1;stroke:#fffc}.status-filter-custom{position:relative;min-width:180px}.status-filter-btn{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:48px;outline:none}.status-filter-btn:focus{outline:none;border-color:#ffffff26}.status-filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.status-filter-btn:hover:before{left:100%}.status-filter-btn:hover{background:#141414cc;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 16px #0006}.status-filter-btn:active{transform:translateY(0)}.status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.status-icon svg{width:20px;height:20px;stroke:#ffffffb3}.status-label{flex:1;text-align:left}.dropdown-arrow{width:14px;height:14px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6}.dropdown-arrow.open{transform:rotate(180deg)}.status-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f0f0ffa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 12px 48px #0009,0 0 0 1px #ffffff0d;z-index:100;animation:dropdown-appear .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.status-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.status-option:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--status-color, rgba(255, 255, 255, .3));transform:scaleY(0);transition:transform .2s ease}.status-option:hover:before{transform:scaleY(1)}.status-option:hover{background:#ffffff0f;transform:translate(4px)}.status-option.active{background:#ffffff14;color:#fff}.status-option.active:before{transform:scaleY(1)}.option-icon{font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.option-label{flex:1;text-align:left}.check-icon{width:18px;height:18px;flex-shrink:0;stroke:var(--status-color, #fff);opacity:.8}.releases-page{width:100%}.releases-page .releases-grid{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.releases-page .release-card{background:#ffffff08!important;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:20px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex!important;flex-direction:row!important;align-items:center!important;gap:24px!important;position:relative;overflow:hidden;width:100%!important;box-sizing:border-box!important}.releases-page .release-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.releases-page .release-card:hover:before{transform:translate(100%)}.releases-page .release-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(4px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d}.releases-page .release-cover-container{position:relative!important;width:80px!important;height:80px!important;min-width:80px!important;padding-bottom:0!important;border-radius:12px!important;overflow:hidden;background:#ffffff0d;margin-bottom:0!important;flex-shrink:0!important}.releases-page .release-cover{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;transition:all .3s ease}.releases-page .release-card:hover .release-cover{transform:scale(1.08)}.releases-page .release-info{flex:1!important;display:flex!important;align-items:center!important;gap:32px!important;min-width:0}.releases-page .release-info h3{font-size:16px!important;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em;color:#fff;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease;min-width:180px;max-width:300px}.releases-page .release-card:hover .release-info h3{color:#fff}.releases-page .release-info .artist{font-size:14px!important;font-weight:500;font-family:Inter,sans-serif;letter-spacing:.01em;color:#ffffff80;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease;min-width:120px;max-width:200px}.releases-page .release-card:hover .release-info .artist{color:#ffffffb3}.releases-page .release-meta{display:flex!important;align-items:center!important;gap:12px;flex-shrink:0;margin-bottom:0!important}.release-status{font-size:11px;padding:5px 10px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.release-upc{font-size:11px;padding:5px 10px;border-radius:6px;background:#4f46e533;color:#4f46e5;font-family:Courier New,monospace;font-weight:600;white-space:nowrap}.releases-page .release-actions{display:flex!important;gap:10px;flex-shrink:0;margin-top:0!important;margin-left:auto!important}.releases-page .action-btn{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;flex:none!important;padding:0!important;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.action-btn:hover:before{width:200px;height:200px}.action-btn svg{width:20px;height:20px;position:relative;z-index:1}.action-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #0000004d}.edit-btn{color:#60a5fa}.edit-btn:hover{background:linear-gradient(135deg,#3b82f633,#60a5fa33);border-color:#3b82f666;box-shadow:0 6px 20px #3b82f64d}.delete-btn{color:#f87171}.delete-btn:hover{background:linear-gradient(135deg,#ef444433,#f8717133);border-color:#ef444466;box-shadow:0 6px 20px #ef44444d}.loading-message{text-align:center;padding:80px 20px;color:#fff9;font-size:16px}.empty-state{text-align:center;padding:80px 20px;background:#ffffff05;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;animation:fadeInUp .6s ease}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.6;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#fff;margin-bottom:12px;font-size:24px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em}.empty-state p{color:#ffffff80;font-size:16px;font-weight:400;letter-spacing:.01em}@media (max-width: 1200px){.release-info h3{max-width:200px}.release-info .artist{max-width:150px}}@media (max-width: 768px){.releases-header{flex-direction:column;align-items:flex-start;gap:15px}.releases-header h2{font-size:26px}.releases-controls{flex-direction:column}.status-filter{width:100%}.release-card{flex-wrap:wrap;padding:14px;gap:12px}.release-cover-container{width:56px;height:56px;min-width:56px}.release-info{flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.release-info h3{max-width:100%;font-size:14px}.release-info .artist{max-width:100%;font-size:13px}.release-meta{order:3;width:100%;justify-content:flex-start;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.release-actions{margin-left:auto}}.releases-page .releases-grid.releases-grid.releases-grid{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;grid-template-columns:none!important}.releases-page .release-card.release-card.release-card{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;padding:20px 24px!important;gap:24px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-sizing:border-box!important}.releases-page .release-cover-container.release-cover-container.release-cover-container{width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;padding-bottom:0!important;margin-bottom:0!important;flex-shrink:0!important;border-radius:12px!important}.releases-page .release-info.release-info.release-info{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1!important;gap:32px!important;min-width:0!important}.releases-page .release-info h3.release-info h3{font-size:16px!important;margin:0!important}.releases-page .release-info .artist{margin:0!important}.releases-page .release-meta.release-meta.release-meta{display:flex!important;flex-direction:row!important;margin-bottom:0!important;flex-wrap:nowrap!important}.releases-page .release-actions.release-actions.release-actions{display:flex!important;flex-direction:row!important;margin-top:0!important;margin-left:auto!important}.releases-page .action-btn.action-btn.action-btn{width:40px!important;height:40px!important;flex:none!important;padding:0!important}.releases-page .releases-list{display:flex;flex-direction:column;gap:16px;width:100%}.releases-page .release-card-new{display:flex;justify-content:space-between;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;box-sizing:border-box;gap:24px;transition:all .3s ease}.releases-page .release-card-wrapper:has(.tracks-accordion) .release-card-new{border-radius:16px 16px 0 0}.releases-page .release-card-new:hover{background:#ffffff0d;border-color:#ffffff1f}.releases-page .release-card-left{display:flex;gap:24px;flex:1;min-width:0}.releases-page .release-cover-box{width:120px;height:120px;min-width:120px;border-radius:12px;overflow:hidden;background:#ffffff0d}.releases-page .release-cover-img{width:100%;height:100%;object-fit:cover}.releases-page .release-main-info{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;padding:4px 0}.releases-page .release-title-block{display:flex;flex-direction:column;gap:4px}.releases-page .release-title{font-size:18px;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.releases-page .release-artist{font-size:14px;font-weight:500;color:#ffffff80;margin:0}.releases-page .release-meta-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:auto}.releases-page .meta-item{display:flex;flex-direction:column;gap:2px}.releases-page .meta-value{font-size:14px;font-weight:500;color:#ffffffe6}.releases-page .meta-label{font-size:12px;font-weight:500;color:#fff6}.releases-page .release-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.releases-page .release-actions-row{display:flex;gap:4px}.releases-page .action-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:12px;color:#ffffff80;cursor:pointer;transition:all .2s ease;text-decoration:none}.releases-page .action-icon-btn:hover{background:#ffffff14;color:#ffffffe6}.releases-page .action-icon-btn.delete{color:#ef4444b3}.releases-page .action-icon-btn.delete:hover{background:#ef444426;color:#ef4444}.releases-page .action-icon-btn svg{width:20px;height:20px;flex-shrink:0}.releases-page .status-badge-btn{display:flex;align-items:center;gap:12px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .2s ease}.releases-page .status-badge-btn:hover{background:#ffffff0d}.releases-page .status-circle{width:28px;height:28px;border-radius:50%;border:4px solid}.releases-page .status-text-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.releases-page .status-main-text{font-size:14px;font-weight:500;color:#ffffffe6}.releases-page .status-sub-text{font-size:12px;font-weight:500;color:#fff6}@media (max-width: 900px){.releases-page .release-card-new{flex-direction:column;gap:16px}.releases-page .release-card-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.releases-page .release-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width: 600px){.releases-page .release-cover-box{width:80px;height:80px;min-width:80px}.releases-page .release-card-left{gap:16px}.releases-page .release-meta-grid{grid-template-columns:repeat(2,1fr)}.releases-page .release-title{font-size:16px}}.releases-page .release-card-wrapper{display:flex;flex-direction:column;gap:0;width:100%}.releases-page .tracks-accordion{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 16px 16px;overflow:hidden;margin-top:-1px}.releases-page .tracks-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease;transform:none!important}.releases-page .tracks-toggle:hover{background:#ffffff0a;color:#ffffffe6;transform:none!important}.releases-page .tracks-toggle svg{width:18px;height:18px;transition:transform .3s ease}.releases-page .tracks-toggle.expanded svg{transform:rotate(180deg)}.releases-page .tracks-list-content{border-top:1px solid rgba(255,255,255,.06);padding:8px 0}.releases-page .track-row{display:flex;align-items:center;padding:10px 20px;gap:16px;border-radius:8px;cursor:pointer;transition:background .15s ease;margin:0 8px 8px}.releases-page .track-row:hover{background:#ffffff0f}.releases-page .track-row.playing{background:#fccc0014}.releases-page .track-num-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.releases-page .track-num{font-size:14px;font-weight:500;color:#ffffff80;font-variant-numeric:tabular-nums;transition:opacity .15s ease}.releases-page .track-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:0;transition:all .15s ease;padding:0}.releases-page .track-play-btn svg{width:18px;height:18px;fill:#fff;color:#fff}.releases-page .track-row:hover .track-num{opacity:0}.releases-page .track-row:hover .track-play-btn{opacity:1}.releases-page .track-row.playing .track-num{opacity:0}.releases-page .track-row.playing .track-play-btn{opacity:1}.releases-page .track-row.playing .track-play-btn svg{fill:#fff;color:#fff}.releases-page .track-row.playing .track-name{color:#fff;font-weight:500}.releases-page .track-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.releases-page .track-name{font-size:15px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.releases-page .track-artists{font-size:13px;font-weight:400;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.releases-page .track-artists:hover{color:#fff;text-decoration:underline}.releases-page .track-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.releases-page .track-badge{padding:2px 6px;font-size:9px;font-weight:600;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.releases-page .track-badge.explicit{background:#fff3;color:#fffc}.releases-page .track-badge.instrumental{background:#ffffff1a;color:#fff9}.releases-page .track-duration{font-size:14px;font-weight:400;color:#fff9;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.releases-page .status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.releases-page .status-modal{background:#141414f2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;max-width:420px;width:90%;text-align:center;position:relative;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);box-shadow:0 24px 80px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.releases-page .modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.releases-page .modal-close:hover{background:#fff3;border-color:#ffffff59;color:#fff}.releases-page .modal-close svg{width:24px!important;height:24px!important;min-width:24px;min-height:24px;stroke-width:2.5;flex-shrink:0}.releases-page .status-modal .modal-close svg{width:24px!important;height:24px!important}.releases-page .modal-status-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;position:relative}.releases-page .modal-status-icon:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:inherit;opacity:.4;filter:blur(12px)}.releases-page .modal-status-icon svg{width:40px;height:40px;position:relative;z-index:1}.releases-page .status-dot{width:32px;height:32px;border-radius:50%;position:relative;box-shadow:0 0 20px currentColor}.releases-page .status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.releases-page .status-modal h3{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;font-family:Inter,sans-serif}.releases-page .modal-release-title{font-size:15px;font-weight:500;color:#ffffff80;margin:0 0 20px}.releases-page .modal-description{font-size:14px;font-weight:400;color:#ffffffb3;line-height:1.6;margin:0}.releases-page .modal-description.rejection{margin-bottom:12px;color:#ef4444e6}.releases-page .rejection-reason{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px;font-size:14px;font-weight:500;color:#ffffffe6;line-height:1.5;text-align:left}.releases-page .status-badge-btn.status-pending{border-color:#f59e0b4d}.releases-page .status-badge-btn.status-pending:hover{background:#f59e0b1a}.releases-page .status-badge-btn.status-accepted{border-color:#a855f74d}.releases-page .status-badge-btn.status-accepted:hover{background:#a855f71a}.releases-page .status-badge-btn.status-approved{border-color:#3b82f64d}.releases-page .status-badge-btn.status-approved:hover{background:#3b82f61a}.releases-page .status-badge-btn.status-published{border-color:#22c55e4d}.releases-page .status-badge-btn.status-published:hover{background:#22c55e1a}.releases-page .status-badge-btn.status-rejected{border-color:#ef44444d}.releases-page .status-badge-btn.status-rejected:hover{background:#ef44441a}@media (max-width: 600px){.releases-page .track-row{padding:10px 16px;gap:12px}.releases-page .track-row-left{gap:12px}.releases-page .track-num{width:24px;height:24px;font-size:12px}.releases-page .track-name{font-size:13px}.releases-page .status-modal{padding:24px;margin:16px}}.releases-mini-player{position:relative;display:flex;flex-direction:row;align-items:center;gap:16px;max-width:900px;width:100%;padding:12px 16px;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease;pointer-events:auto}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player-btn .loading-spinner,.releases-page .track-play-btn .loading-spinner{width:18px!important;height:18px!important;animation:spin .8s linear infinite;stroke:#fff}.releases-page .track-play-btn .loading-spinner{display:block}@media (max-width: 900px){.releases-mini-player{flex-wrap:wrap;gap:12px}.mini-player-progress-section{order:3;width:100%}}@media (max-width: 640px){.releases-mini-player-wrapper{padding:12px}.releases-mini-player{padding:10px 12px;gap:10px}.mini-player-track{flex:1;max-width:none}.mini-player-cover{width:40px;height:40px}.volume-popup-container,.mini-player-hide{display:none}.mini-player-title{font-size:13px}.mini-player-artist{font-size:11px}}.releases-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.releases-page .modal-content.delete-modal{background:#1a1a1a;border-radius:16px;padding:24px;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1)}.releases-page .delete-modal h3{margin:0 0 12px;font-size:18px;color:#fff}.releases-page .delete-modal p{margin:0 0 8px;color:#ffffffb3;font-size:14px}.releases-page .delete-modal .delete-warning{color:#ef4444;font-size:13px;margin-bottom:20px}.releases-page .modal-actions{display:flex;gap:12px;justify-content:flex-end}.releases-page .modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.releases-page .modal-btn.cancel{background:#ffffff1a;color:#fff}.releases-page .modal-btn.cancel:hover{background:#ffffff26}.releases-page .modal-btn.delete{background:#ef4444;color:#fff}.releases-page .modal-btn.delete:hover{background:#dc2626}.releases-page .modal-btn:disabled{opacity:.5;cursor:not-allowed}.datepicker-container{position:relative;width:100%;max-width:320px}.datepicker-input{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#fff;font-weight:500}.datepicker-input:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.datepicker-icon{width:18px;height:18px;color:#fff9;flex-shrink:0}.datepicker-input span{flex:1;color:#ffffffe6}.datepicker-arrow{width:16px;height:16px;color:#ffffff80;flex-shrink:0;transition:transform .3s ease}.datepicker-container.open .datepicker-arrow{transform:rotate(180deg)}.datepicker-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0a0a0ffa;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;z-index:1000;box-shadow:0 20px 60px #000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.datepicker-nav-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#fffc!important;padding:0!important}.datepicker-nav-btn:hover{background:#ffffff1a!important;border-color:#fff3!important;transform:scale(1.05)!important}.datepicker-nav-btn svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;color:#fff!important;fill:currentColor!important;display:block!important;opacity:1!important;visibility:visible!important}.datepicker-nav-btn svg path{fill:currentColor!important;opacity:1!important}.datepicker-month{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.2px}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:6px}.datepicker-weekday{text-align:center;font-size:10px;font-weight:600;color:#ffffff80;padding:4px 0;text-transform:uppercase;letter-spacing:.3px}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.datepicker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fffc;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:32px}.datepicker-day:not(.empty):not(.disabled):hover{background:#ffffff1a;border-color:#ffffff26;transform:scale(1.05);color:#fff}.datepicker-day.empty{background:transparent;border:none;cursor:default}.datepicker-day.today{border-color:#ffffff4d;background:#ffffff14;font-weight:600}.datepicker-day.selected{background:#ffffff26;border-color:#ffffff4d;color:#fff;font-weight:700;box-shadow:0 0 0 2px #ffffff1a}.datepicker-day.disabled{color:#ffffff4d;background:#ffffff03;cursor:not-allowed;opacity:.5}.datepicker-day.disabled:hover{transform:none;background:#ffffff03;border-color:#ffffff0d}@media (max-width: 768px){.datepicker-dropdown{left:-20px;right:-20px}}.custom-select{position:relative;width:100%}.custom-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0f0f0f99;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.custom-select-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.custom-select-btn:hover:before{left:100%}.custom-select-btn:hover{background:#141414cc;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 16px #0006}.custom-select-btn:focus{outline:none;border-color:#8a2be280;box-shadow:0 0 0 3px #8a2be21a}.select-value{flex:1;text-align:left;color:#fff}.select-arrow{width:16px;height:16px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6}.select-arrow.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000;background:#0f0f0ff2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d;max-height:300px;overflow-y:auto;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:12px 16px;color:#fffc;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;position:relative}.select-option:hover{background:#ffffff0d;color:#fff}.select-option.selected{background:#8a2be226;color:#fff;font-weight:600}.select-option.selected:after{content:"✓";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8a2be2cc;font-weight:700}.custom-select-dropdown::-webkit-scrollbar{width:4px}.custom-select-dropdown::-webkit-scrollbar-track{background:transparent}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.create-release-page{padding:0;animation:fadeIn .3s ease}.create-release-header{margin-bottom:32px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.breadcrumb-link{color:#fff9;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#ffffffe6}.breadcrumb-separator{color:#ffffff4d}.breadcrumb-current{color:#ffffffe6;font-weight:500}.create-release-header h1{font-size:32px;font-weight:700;color:#fff;margin:0}.steps-navigation{display:flex;gap:16px;margin-bottom:32px;padding:20px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.step{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .3s}.step:hover{background:#ffffff0d;border-color:#ffffff1a}.step.active{background:#ffffff14;border-color:#ffffff26}.step.completed{opacity:.7}.step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;font-weight:600;font-size:14px}.step.active .step-icon{background:#fff3}.step span{font-size:14px;font-weight:500;color:#fffc}.step.active span{color:#fff;font-weight:600}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;margin-bottom:24px;overflow:visible;height:auto;max-height:none}.form-section h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.form-description{font-size:14px;color:#fff9;margin:0 0 24px}.release-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.release-type-card{padding:20px;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.release-type-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.release-type-card.active{background:#ffffff14;border-color:#fff3}.release-type-icon{font-size:32px;margin-bottom:12px}.release-type-content h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.release-type-content p{font-size:13px;color:#fff9;margin:0}.cover-upload-area{display:flex;flex-direction:column;gap:16px}.cover-preview{width:300px;height:300px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s;position:relative;overflow:hidden}.cover-preview:hover{border-color:#ffffff4d;background:#ffffff0a}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.upload-icon{width:48px;height:48px;color:#fff6;margin-bottom:16px}.upload-text{text-align:center;padding:0 20px}.upload-text p{font-size:14px;font-weight:500;color:#fffc;margin:0 0 8px}.upload-requirements{font-size:12px;color:#ffffff80;line-height:1.6}.upload-btn{padding:12px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.upload-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group label{font-size:13px;font-weight:500;color:#fffc}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#ffffff0f;border-color:#fff3}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ffffff0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:22px;padding-right:45px;font-weight:500;border:1px solid rgba(255,255,255,.15)}.form-group select:hover{background-color:#ffffff1a;border-color:#ffffff40}.form-group select option{background:#0a0a14fa;color:#fff;padding:14px;font-weight:500}.artists-list{display:flex;flex-direction:column;gap:12px}.artist-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s}.artist-card:hover{background:#ffffff0f;border-color:#ffffff1f}.artist-info{display:flex;align-items:center;gap:12px}.artist-avatar{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff}.artist-details{display:flex;flex-direction:column;gap:2px}.artist-name{font-size:14px;font-weight:500;color:#fff}.artist-type{font-size:12px;color:#fff9}.remove-artist-btn{width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.remove-artist-btn:hover{background:#ef444440;border-color:#ef444480;transform:scale(1.05)}.remove-artist-btn svg{width:18px;height:18px;color:#fffc;transition:all .3s}.remove-artist-btn:hover svg{color:#ef4444;transform:rotate(90deg)}.add-artist-btn{padding:16px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:12px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.add-artist-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.add-artist-btn svg{width:20px;height:20px}.tracks-upload-area{margin-bottom:24px}.upload-zone{padding:48px 32px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:12px;text-align:center;transition:all .3s}.upload-zone:hover{background:#ffffff0a;border-color:#ffffff4d}.upload-zone p{font-size:14px;color:#fffc;margin:16px 0}.upload-tracks-btn{padding:12px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;margin:8px 0}.upload-tracks-btn:hover{background:#ffffff1f;border-color:#ffffff40}.tracks-list{display:flex;flex-direction:column;gap:16px;overflow:visible}.track-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:visible;height:auto;max-height:none}.track-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:all .2s}.track-header:hover{background:#ffffff08}.track-drag-handle{color:#ffffff4d;cursor:grab;font-size:14px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.track-position{width:28px;height:28px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.track-main-info{flex:1;min-width:0}.track-main-info .track-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.track-meta{display:flex;align-items:center;gap:8px;font-size:12px}.track-duration{color:#ffffff80}.track-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.track-status.new{background:#22c55e33;color:#22c55e}.track-status.uploaded{background:#3b82f633;color:#3b82f6}.track-status.missing{background:#f59e0b33;color:#f59e0b}.track-actions{display:flex;align-items:center;gap:6px}.track-action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;background:#ffffff14}.track-action-btn:hover{transform:scale(1.1)}.track-action-btn.play{background:#22c55e26;color:#22c55e}.track-action-btn.play:hover{background:#22c55e4d}.track-action-btn.play.active{background:#22c55e4d;box-shadow:0 0 10px #22c55e4d}.track-action-btn.play:disabled{opacity:.3;cursor:not-allowed;transform:none}.track-action-btn.replace{background:#3b82f626;color:#3b82f6}.track-action-btn.replace:hover{background:#3b82f64d}.track-action-btn.delete{background:#ef44441a;color:#fff9}.track-action-btn.delete:hover{background:#ef444440;color:#ef4444}.track-expand-icon{color:#fff6;font-size:10px;transition:transform .2s;-webkit-user-select:none;user-select:none}.track-file-name.cloud{color:#3b82f6cc}.track-file-name.no-file{color:#f59e0bcc}.track-duration-badge{background:#ffffff1a;padding:2px 8px;border-radius:4px;color:#ffffffb3;font-size:11px;font-weight:500}.track-details{display:none;padding:0 16px 16px;border-top:1px solid rgba(255,255,255,.05);overflow:visible;height:auto;max-height:none}.track-item.expanded .track-details{display:block;overflow:visible;height:auto;max-height:none}.track-form{padding-top:16px;overflow:visible;height:auto;max-height:none}.track-form .form-group{margin-bottom:20px!important;display:block!important;overflow:visible!important;height:auto!important;max-height:none!important}.track-form .form-group:last-child{margin-bottom:0!important}.track-form .form-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;overflow:visible!important;height:auto!important;max-height:none!important}.track-form textarea{min-height:100px!important;resize:vertical;display:block!important;width:100%!important;overflow:visible!important;height:auto!important;max-height:none!important}.track-form .track-flags{display:flex!important;gap:12px;flex-wrap:wrap;overflow:visible!important;height:auto!important;max-height:none!important}.track-form .flag-card{flex:1;min-width:200px;display:flex!important;overflow:visible!important;height:auto!important;max-height:none!important}.track-form .track-artists{display:flex!important;flex-wrap:wrap;gap:8px;overflow:visible!important;height:auto!important;max-height:none!important}@media (max-width: 768px){.track-form .form-grid{grid-template-columns:1fr}.track-form .flag-card{min-width:100%}}.track-artists{display:flex;flex-wrap:wrap;gap:8px}.track-artist-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .3s}.track-artist-card:hover{background:#ffffff0f;border-color:#ffffff1f}.track-artist-info{display:flex;align-items:center;gap:8px;flex:1}.track-artist-avatar{width:28px;height:28px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#fff}.track-artist-details{display:flex;flex-direction:column;gap:2px}.track-artist-name{font-size:13px;font-weight:500;color:#fff}.remove-track-artist-btn{width:24px;height:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0;opacity:1}.remove-track-artist-btn:hover{background:#ef444440;border-color:#ef444480;transform:scale(1.1)}.remove-track-artist-btn svg{width:14px;height:14px;color:#fffc;transition:all .3s}.remove-track-artist-btn:hover svg{color:#ef4444;transform:rotate(90deg)}.add-track-artist-btn{padding:8px 12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.15);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}.add-track-artist-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.add-track-artist-btn svg{width:16px;height:16px}.track-flags{display:flex;gap:12px}.flag-card{flex:1;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.flag-card:hover{background:#ffffff0d;border-color:#ffffff26}.flag-card.active{background:#ffffff14;border-color:#fff3}.flag-card svg{width:20px;height:20px;color:#fff9}.flag-card span{font-size:13px;color:#fffc}.toggle-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px}.toggle-content{flex:1}.toggle-title{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.toggle-description{display:block;font-size:13px;color:#fff9;line-height:1.5}.toggle-switch{position:relative;width:48px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:14px;transition:all .3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}.toggle-switch input:checked+.toggle-slider{background:#fff3;border-color:#ffffff4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.promo-fields{padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-top:16px}.promo-fields h4{font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}.date-section{margin-top:24px}.date-section label{display:block;font-size:13px;font-weight:500;color:#fffc;margin-bottom:8px}.date-help{font-size:12px;color:#ffffff80;margin-top:8px}.preview-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;margin-bottom:32px}.preview-cover{width:300px;height:300px;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:14px}.preview-info{display:flex;flex-direction:column;gap:16px}.preview-title{font-size:28px;font-weight:700;color:#fff;margin:0}.preview-artists{font-size:16px;color:#ffffffb3;margin:0}.preview-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preview-detail-item{display:flex;gap:8px;font-size:14px}.preview-detail-label{color:#fff9;font-weight:500}.preview-detail-item span:last-child{color:#fff}.preview-tracks-section{margin-top:32px}.preview-tracks-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.preview-tracks{display:flex;flex-direction:column;gap:8px}.preview-track{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px}.preview-track-number{width:32px;height:32px;background:#ffffff14;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.preview-track-info{flex:1}.preview-track-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:2px}.preview-track-artists{font-size:12px;color:#fff9}.preview-track-duration{font-size:13px;color:#fff9;font-weight:500}.preview-promo-section{margin-top:32px;padding:24px;background:#677eea1a;border:1px solid rgba(103,126,234,.3);border-radius:12px}.preview-promo-section h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.preview-promo-section strong{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.preview-promo-section p{font-size:13px;color:#fffc;line-height:1.6;margin:0 0 16px;white-space:pre-wrap}.form-navigation{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.nav-btn{padding:14px 32px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.nav-btn.primary{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.nav-btn.primary:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-2px)}.nav-btn.secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fffc}.nav-btn.secondary:hover{background:#ffffff14;border-color:#ffffff26}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal{background:#0f0f19fa;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 20px 60px #00000080;position:relative}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes slideUp{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.artist-type-selection{display:flex;gap:12px;margin-bottom:24px}.artist-type-card{flex:1;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:12px}.artist-type-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.artist-type-card.active{background:#ffffff14;border-color:#fff3}.artist-type-icon{font-size:24px}.artist-type-content{flex:1;display:flex;align-items:center;justify-content:space-between}.artist-type-content span{font-size:14px;font-weight:500;color:#fff}.artist-type-radio{font-size:18px;color:#fff9}.artist-input-container{display:flex;gap:12px;margin-top:8px}.artist-search-input{flex:1;padding:16px 20px;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;font-weight:500;transition:all .3s}.artist-search-input::placeholder{color:#ffffff80}.artist-search-input:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff0d}.add-artist-plus-btn{width:56px;height:56px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-artist-plus-btn svg{width:28px;height:28px}.add-artist-plus-btn svg{transition:all .3s}.add-artist-plus-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 6px 20px #fff3}.add-artist-plus-btn:hover svg{transform:rotate(90deg)}.add-artist-plus-btn:active{transform:scale(1)}.moderation-modal{max-width:600px}.moderation-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.moderation-modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.moderation-modal-header .modal-close-btn{font-size:24px;line-height:1;font-weight:300}.modal-close-btn{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffe6;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close-btn svg{width:22px;height:22px;color:#ffffffe6}.modal-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#fff;transform:scale(1.05)}.modal-close-btn:hover svg{color:#ef4444;transform:rotate(90deg)}.moderation-modal-body{display:flex;flex-direction:column;gap:20px}.moderation-field{display:flex;flex-direction:column;gap:8px}.moderation-label{font-size:13px;font-weight:500;color:#fffc}.optional-badge{font-size:12px;color:#ffffff80;font-weight:400}.beat-license-options{display:flex;gap:12px}.beat-option{flex:1;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.beat-option:hover{background:#ffffff0f;border-color:#ffffff26}.beat-option input[type=radio]{width:16px;height:16px;cursor:pointer}.beat-option span{font-size:13px;color:#fffc}.moderation-input,.moderation-textarea{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s}.moderation-input:focus,.moderation-textarea:focus{outline:none;background:#ffffff0f;border-color:#fff3}.moderation-textarea{resize:vertical;min-height:100px}.moderation-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.moderation-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.moderation-btn.cancel-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fffc}.moderation-btn.cancel-btn:hover{background:#ffffff14;border-color:#ffffff26}.moderation-btn.submit-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff}.moderation-btn.submit-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-2px)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000}.loading-overlay.show{display:flex}.loading-content{text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-text{font-size:16px;font-weight:500;color:#fff}@media (max-width: 768px){.steps-navigation{flex-direction:column;gap:8px}.release-type-grid,.form-grid,.preview-layout{grid-template-columns:1fr}.preview-cover{width:100%;max-width:300px;margin:0 auto}}.release-form,.tracklist-container,.release-date-container,.preview-container{animation:fadeIn .3s ease;overflow:visible;height:auto;max-height:none}.section-description{font-size:14px;color:#fff9;margin:0 0 24px}.setting-item{margin-bottom:16px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}*{box-sizing:border-box}button{font-family:inherit}.cover-and-info-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}.basic-info-fields{display:flex;flex-direction:column;gap:20px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.artist-modal{max-width:600px;background:linear-gradient(145deg,#0c0c12fa,#08080cfa);border:2px solid rgba(255,255,255,.08);box-shadow:0 40px 100px #000000e6,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.4),transparent)}.modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.modal-header h3:before{content:"👤";font-size:22px;filter:grayscale(.3)}.use-account-suggestion{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:28px;transition:all .3s;position:relative;overflow:hidden}.use-account-suggestion:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.use-account-suggestion:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.suggestion-content{display:flex;align-items:center;gap:16px;flex:1}.suggestion-avatar{width:56px;height:56px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.suggestion-avatar svg{width:28px;height:28px;color:#ffffffe6}.suggestion-text{display:flex;flex-direction:column;gap:4px}.suggestion-title{font-size:16px;font-weight:700;color:#fff}.suggestion-subtitle{font-size:13px;color:#fff9;font-weight:500}.use-account-btn{width:48px;height:48px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.use-account-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 16px #fff3}.use-account-btn svg{width:24px;height:24px;color:#fff;transition:all .3s}.use-account-btn:hover svg{transform:rotate(90deg)}.modal-divider{display:flex;align-items:center;gap:24px;margin:32px 0;position:relative}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.modal-divider span{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;padding:6px 14px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.artist-type-card{position:relative;overflow:hidden}.artist-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s}.artist-type-card:hover:before,.artist-type-card.active:before{opacity:1}.artist-type-card.active{background:#ffffff14;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d}.artist-type-icon{width:40px;height:40px;background:#ffffff14;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s}.artist-type-card:hover .artist-type-icon,.artist-type-card.active .artist-type-icon{background:#ffffff26;transform:scale(1.1)}.artist-type-icon svg{width:24px;height:24px;color:#fffc}.artist-type-card.active .artist-type-icon svg{color:#fff}.artist-type-radio{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s;background:#ffffff08}.artist-type-card.active .artist-type-radio{border-color:#ffffff80;background:#ffffff1f}.artist-type-radio:after{content:"";width:8px;height:8px;border-radius:2px;background:transparent;transition:all .3s}.artist-type-card.active .artist-type-radio:after{background:#fff}@media (max-width: 968px){.cover-and-info-layout{grid-template-columns:1fr;gap:24px}.cover-upload-area{max-width:300px;margin:0 auto}}.form-group select{background-color:#ffffff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.7)' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px;cursor:pointer}.form-group select:hover{background-color:#ffffff12}.form-group select:focus{background-color:#ffffff0f}.suggestion-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border-radius:50%;font-size:20px;font-weight:600;color:#fff}.use-account-btn{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.use-account-btn svg{width:20px;height:20px;color:#fff}.use-account-btn:hover{background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.add-artist-btn{width:fit-content;min-width:200px}.version-input-wrapper{position:relative}.version-examples{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.version-example{padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:12px;color:#ffffffb3;cursor:pointer;transition:all .2s}.version-example:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.modal-close-btn svg{width:18px;height:18px}.artists-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.artists-list .add-artist-btn{grid-column:1 / -1;justify-self:start}.tiktok-time-input::-webkit-outer-spin-button,.tiktok-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tiktok-time-input[type=number]{-moz-appearance:textfield}.track-drag-handle{cursor:grab;transition:all .2s}.track-drag-handle:hover{color:#fffc;transform:scale(1.1)}.track-drag-handle:active{cursor:grabbing}.track-item.dragging{opacity:.5;transform:scale(.98)}.track-artists{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.track-artist-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .2s}.track-artist-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.track-artist-info{display:flex;align-items:center;gap:10px;flex:1}.track-artist-avatar{width:32px;height:32px;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.track-artist-details{display:flex;flex-direction:column;gap:2px;min-width:0}.track-artist-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist-type{font-size:11px;color:#fff9}.track-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.flag-card{padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.flag-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.flag-card.active{background:#677eea26;border-color:#677eea66}.flag-card svg{width:22px;height:22px;color:#ffffffb3;flex-shrink:0}.flag-card.active svg{color:#677eea}.flag-card span{font-size:13px;font-weight:500;color:#fffc}.flag-card.active span{color:#fff}.preview-promo-section{margin-top:32px;padding:28px;background:linear-gradient(135deg,#677eea1f,#677eea0f);border:1px solid rgba(103,126,234,.25);border-radius:16px;position:relative;overflow:hidden}.preview-promo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#677eeacc,#677eea66)}.preview-promo-section h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:10px}.preview-promo-section strong{display:block;font-size:14px;font-weight:600;color:#677eea;margin:16px 0 8px}.preview-promo-section p{font-size:13px;color:#ffffffd9;line-height:1.7;margin:0 0 12px;white-space:pre-wrap}.form-group select{background-color:#ffffff0a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:20px!important;padding:14px 48px 14px 18px!important;cursor:pointer!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:12px!important;font-weight:500!important;font-size:14px!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important}.form-group select:hover{background-color:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.form-group select:focus{outline:none!important;background-color:#ffffff0f!important;border-color:#ffffff4d!important;box-shadow:0 0 0 4px #ffffff0d,0 4px 12px #0003!important}.form-group select option{background:#0f0f14fa!important;color:#fff!important;padding:14px 18px!important;font-weight:500!important;border:none!important}.create-release-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.clear-form-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-form-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.clear-form-btn svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.create-release-header{flex-direction:column;align-items:flex-start}.clear-form-btn{width:100%;justify-content:center}}.create-release-page .modal-close-btn,.create-release-page .remove-artist-btn,.create-release-page .track-delete-btn{min-width:40px!important;min-height:40px!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important}.create-release-page .modal-close-btn svg,.create-release-page .remove-artist-btn svg,.create-release-page .track-delete-btn svg{width:24px!important;height:24px!important;color:#ffffffe6!important;pointer-events:none!important;transition:all .3s ease!important}.create-release-page .modal-close-btn:hover,.create-release-page .remove-artist-btn:hover,.create-release-page .track-delete-btn:hover{background:#ef44444d!important;border-color:#ef444499!important;transform:scale(1.05)!important}.create-release-page .modal-close-btn:hover svg,.create-release-page .remove-artist-btn:hover svg,.create-release-page .track-delete-btn:hover svg{color:#f44!important;transform:rotate(90deg)!important}.create-release-page .form-group select{background-color:#ffffff0a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:20px!important;padding:14px 48px 14px 18px!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:12px!important;font-weight:500!important;font-size:14px!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000001a!important}.create-release-page .form-group select:hover{background-color:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.create-release-page .form-group select:focus{outline:none!important;background-color:#ffffff0f!important;border-color:#ffffff4d!important;box-shadow:0 0 0 4px #ffffff0d,0 4px 12px #0003!important}.create-release-page .form-group select option{background:#0f0f14fa!important;color:#fff!important;padding:14px 18px!important;font-weight:500!important;border:none!important}.create-release-page .add-artist-btn,.create-release-page .add-track-artist-btn,.create-release-page .upload-btn,.create-release-page .upload-tracks-btn{border:2px solid rgba(255,255,255,.15)!important;font-weight:600!important;transition:all .3s ease!important}.create-release-page .add-artist-btn:hover,.create-release-page .add-track-artist-btn:hover,.create-release-page .upload-btn:hover,.create-release-page .upload-tracks-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000004d!important}.create-release-page .add-artist-plus-btn svg,.create-release-page .use-account-btn svg{transition:all .3s ease!important}.create-release-page .add-artist-plus-btn:hover{transform:scale(1.05)!important}.create-release-page .add-artist-plus-btn:hover svg{transform:rotate(90deg)!important}.create-release-page .use-account-btn:hover{transform:scale(1.05)!important}.create-release-page .use-account-btn:hover svg{transform:rotate(90deg)!important}.create-release-page .modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000c!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:20px!important}.create-release-page .artist-modal{max-width:600px!important;width:90%!important;background:linear-gradient(145deg,#0c0c12fa,#08080cfa)!important;border:2px solid rgba(255,255,255,.08)!important;box-shadow:0 40px 100px #000000e6,0 0 0 1px #ffffff0d inset!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-radius:20px!important;position:relative!important;animation:modalAppear .4s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-release-page .modal-header{border-bottom:1px solid rgba(255,255,255,.06)!important;padding-bottom:24px!important;margin-bottom:32px!important}.create-release-page .modal-header h3{font-size:20px!important;font-weight:600!important;letter-spacing:-.3px!important}.create-release-page .use-account-suggestion{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:18px!important}.create-release-page .use-account-suggestion:hover{background:#ffffff0f!important;border-color:#ffffff26!important;transform:translateY(-1px)!important}.create-release-page .modal-divider span{font-size:11px!important;letter-spacing:1.5px!important;padding:6px 14px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important}.create-release-page .track-item{border:2px solid rgba(255,255,255,.1)!important}.create-release-page .track-item:hover{border-color:#ffffff26!important}.create-release-page .artist-card{border:2px solid rgba(255,255,255,.1)!important}.create-release-page .artist-card:hover{border-color:#ffffff26!important}.create-release-page .artist-type-radio{width:20px!important;height:20px!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:4px!important;background:#ffffff08!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.create-release-page .artist-type-card.active .artist-type-radio{border-color:#ffffff80!important;background:#ffffff1f!important}.create-release-page .artist-type-radio:after{content:""!important;width:8px!important;height:8px!important;border-radius:2px!important;background:transparent!important;transition:all .3s ease!important}.create-release-page .artist-type-card.active .artist-type-radio:after{background:#fff!important}.create-release-page .artist-type-radio{font-size:0!important;color:transparent!important}.create-release-page .artist-type-card{position:relative!important;transition:all .3s ease!important}.create-release-page .artist-type-card.active{background:#ffffff14!important;border-color:#ffffff40!important;box-shadow:0 4px 12px #0000004d!important}.create-release-page .artist-type-card.active:before{opacity:1!important}.create-release-page .modal-close-btn svg,.create-release-page .remove-artist-btn svg,.create-release-page .track-delete-btn svg,.create-release-page .add-artist-plus-btn svg,.create-release-page .use-account-btn svg{opacity:1!important;visibility:visible!important;display:block!important}.create-release-page .modal-close-btn,.create-release-page .use-account-btn{position:relative!important;overflow:visible!important}.create-release-page .modal-close-btn svg,.create-release-page .use-account-btn svg{width:22px!important;height:22px!important;color:#fff!important;fill:currentColor!important;stroke:none!important;opacity:1!important;visibility:visible!important;display:block!important;position:relative!important;z-index:10!important}.create-release-page .modal-close-btn svg path,.create-release-page .use-account-btn svg path{fill:currentColor!important;stroke:none!important;opacity:1!important}.create-release-page .modal-close-btn,.create-release-page .use-account-btn{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.create-release-page .modal-close-btn:hover svg{color:#ef4444!important;transform:rotate(90deg)!important}.create-release-page .use-account-btn:hover svg{color:#fff!important;transform:rotate(90deg)!important}.create-release-page .modal-close-btn,.create-release-page .use-account-btn{background:#ffffff14!important;border:2px solid rgba(255,255,255,.15)!important}.create-release-page .modal-close-btn:hover{background:#ef444433!important;border-color:#ef444480!important}.create-release-page .use-account-btn:hover{background:#ffffff1f!important;border-color:#ffffff40!important}.create-release-page .modal .modal-header .modal-close-btn svg,.create-release-page .modal .use-account-suggestion .use-account-btn svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;color:#fff!important;fill:#fff!important;opacity:1!important;visibility:visible!important;display:block!important;pointer-events:none!important}.create-release-page .modal .modal-header .modal-close-btn svg path,.create-release-page .modal .use-account-suggestion .use-account-btn svg path{fill:#fff!important;opacity:1!important;visibility:visible!important;display:block!important}.create-release-page .modal .modal-header .modal-close-btn,.create-release-page .modal .use-account-suggestion .use-account-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#ffffff14!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:12px!important;cursor:pointer!important;transition:all .3s ease!important}.create-release-page .modal .modal-header .modal-close-btn:hover{background:#ef444440!important;border-color:#ef444480!important;transform:scale(1.05)!important}.create-release-page .modal .modal-header .modal-close-btn:hover svg{color:#ef4444!important;fill:#ef4444!important;transform:rotate(90deg)!important}.create-release-page .modal .modal-header .modal-close-btn:hover svg path{fill:#ef4444!important}.create-release-page .modal .use-account-suggestion .use-account-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:scale(1.05)!important}.create-release-page .modal .use-account-suggestion .use-account-btn:hover svg{transform:rotate(90deg)!important}.create-release-page .remove-artist-btn,.create-release-page .track-delete-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#ffffff14!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:10px!important;cursor:pointer!important;transition:all .3s ease!important}.create-release-page .remove-artist-btn svg,.create-release-page .track-delete-btn svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;color:#fff!important;fill:currentColor!important;opacity:1!important;visibility:visible!important;display:block!important;transition:all .3s ease!important}.create-release-page .remove-artist-btn svg path,.create-release-page .track-delete-btn svg path{fill:currentColor!important;opacity:1!important}.create-release-page .remove-artist-btn:hover,.create-release-page .track-delete-btn:hover{background:#ef444440!important;border-color:#ef444480!important;transform:scale(1.05)!important}.create-release-page .remove-artist-btn:hover svg,.create-release-page .track-delete-btn:hover svg{color:#ef4444!important;transform:rotate(90deg)!important}.create-release-page .tracks-list,.create-release-page .track-item,.create-release-page .track-details,.create-release-page .track-form,.create-release-page .track-form .form-group,.create-release-page .track-form .form-grid,.create-release-page .track-form .track-flags,.create-release-page .track-form .track-artists,.create-release-page .form-section,.create-release-page .tracklist-container{overflow:visible!important;height:auto!important;max-height:none!important}.create-release-page .track-item.expanded{height:auto!important;max-height:none!important;overflow:visible!important}.create-release-page .track-item.expanded .track-details{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important}.create-release-page .tracklist-container .form-section{overflow:visible!important;height:auto!important;max-height:none!important}.create-release-page .track-form .form-group textarea{overflow-y:auto!important;max-height:200px!important;height:auto!important;min-height:100px!important}.create-release-page .track-form .form-group input,.create-release-page .track-form .form-group select{overflow:visible!important;height:auto!important;max-height:none!important}.create-release-page .track-form .track-artists,.create-release-page .track-form .track-flags{overflow:visible!important;height:auto!important;max-height:none!important;flex-wrap:wrap!important}.create-release-page .track-artist-card,.create-release-page .flag-card{overflow:visible!important;height:auto!important;max-height:none!important}.create-release-page{overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}.main-content:has(.create-release-page){min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}.main-content .create-release-page{min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}.dashboard-container .main-content .create-release-page,.dashboard-container .main-content .create-release-page .tracklist-container,.dashboard-container .main-content .create-release-page .form-section,.dashboard-container .main-content .create-release-page .tracks-list,.dashboard-container .main-content .create-release-page .track-item,.dashboard-container .main-content .create-release-page .track-details{overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}.create-release-page .track-item.expanded .track-details .track-form{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}.create-release-page .track-form .form-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;overflow:visible!important;height:auto!important;max-height:none!important;align-items:start!important}.create-release-page .track-form .form-group{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}.create-release-page .track-form .track-artists,.create-release-page .track-form .track-flags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}@container (min-width: 0px){.create-release-page .track-item.expanded,.create-release-page .track-details,.create-release-page .track-form{overflow:visible!important;height:auto!important;max-height:none!important}}.create-release-page .tracks-list{display:flex!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}.create-release-page .track-item{background:#ffffff08!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:12px!important;overflow:hidden!important;height:auto!important;max-height:none!important;width:100%!important;box-sizing:border-box!important;transition:all .3s ease!important;position:relative!important;cursor:pointer!important}.create-release-page .track-item:hover{background:#ffffff0d!important;border-color:#fff3!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.create-release-page .track-header{display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;cursor:pointer!important;width:100%!important;box-sizing:border-box!important;position:relative!important;z-index:2!important;background:transparent!important;transition:none!important;flex-shrink:0!important;min-height:64px!important;max-height:64px!important}.create-release-page .track-header:hover{background:transparent!important}.create-release-page .track-item.expanded .track-header{position:relative!important;top:0!important;left:0!important;transform:none!important}.create-release-page .track-drag-handle{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff6!important;cursor:grab!important;flex-shrink:0!important}.create-release-page .track-drag-handle svg{width:16px!important;height:16px!important}.create-release-page .track-position{width:32px!important;height:32px!important;background:#ffffff14!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;font-size:14px!important;color:#fff!important;flex-shrink:0!important}.create-release-page .track-name{flex:1!important;font-size:14px!important;font-weight:500!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}.create-release-page .track-expand-indicator{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff9!important;transition:all .3s!important;flex-shrink:0!important}.create-release-page .track-expand-indicator svg{width:18px!important;height:18px!important;transition:transform .3s!important}.create-release-page .track-item.expanded .track-expand-indicator svg{transform:rotate(180deg)!important}.create-release-page .track-header .track-delete-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s!important;flex-shrink:0!important;padding:0!important}.create-release-page .track-header .track-delete-btn:hover{background:#ef444440!important;border-color:#ef444480!important;transform:scale(1.05)!important}.create-release-page .track-header .track-delete-btn svg{width:18px!important;height:18px!important;color:#fffc!important;transition:all .3s!important}.create-release-page .track-header .track-delete-btn:hover svg{color:#ef4444!important;transform:rotate(90deg)!important}.create-release-page .track-details{max-height:0!important;opacity:0!important;overflow:hidden!important;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),border-color .3s ease!important;padding:0!important;margin:0!important;border-top:1px solid transparent!important;width:100%!important;box-sizing:border-box!important;transform:translateZ(0)!important;will-change:max-height,opacity,padding!important;position:relative!important;top:0!important}.create-release-page .track-item.expanded .track-details{max-height:3000px!important;opacity:1!important;padding:0 16px 16px!important;margin-top:0!important;border-top-color:#ffffff0d!important;overflow:visible!important;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),border-color .3s ease!important}.create-release-page .track-form{padding-top:16px!important;overflow:visible!important;height:auto!important;max-height:none!important;display:block!important;width:100%!important;animation:fadeIn .3s ease!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-release-page .track-form .form-group{margin-bottom:20px!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}.create-release-page .track-form .form-group:last-child{margin-bottom:0!important}.create-release-page .track-form .form-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}.create-release-page .track-form .track-artists,.create-release-page .track-form .track-flags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}.create-release-page .track-form .form-group input,.create-release-page .track-form .form-group select,.create-release-page .track-form .form-group textarea{width:100%!important;box-sizing:border-box!important}.create-release-page .track-btn,.create-release-page .track-actions-bottom{all:revert!important}.create-release-page .track-item{will-change:height!important;display:flex!important;flex-direction:column!important}.create-release-page .track-item.expanded{overflow:visible!important}.create-release-page .track-item>*{flex-shrink:0!important}.create-release-page .track-item>.track-details{flex-shrink:1!important;flex-grow:0!important}.create-release-page .track-item{user-select:none!important;-webkit-user-select:none!important}.create-release-page .track-item:active{transform:translateY(0)!important;background:#ffffff14!important}.create-release-page .track-expand-indicator{will-change:transform!important}.create-release-page .track-expand-indicator svg{will-change:transform!important}.analytics{padding:0}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.analytics h2{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.period-selector{display:flex;gap:8px;padding:6px;background:#ffffff05;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:12px}.period-selector button{padding:10px 20px;background:transparent;border:none;border-radius:8px;color:#ffffff80;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.period-selector button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.period-selector button:hover:before{left:100%}.period-selector button:hover{color:#fffc;background:#ffffff0a}.period-selector button.active{background:#ffffff14;color:#fff;box-shadow:0 4px 16px #0003}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .8s ease}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:16px;flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:13px;font-weight:500;color:#ffffff80;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 8px}.stat-change{font-size:13px;font-weight:600;color:#fff9;margin:0}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.platforms-section{margin-bottom:32px}.platforms-section h3{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.01em}.platforms-list{display:flex;flex-direction:column;gap:16px}.platform-card{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.platform-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.platform-name{font-size:18px;font-weight:700;font-family:Inter,sans-serif;color:#fff;padding-left:16px;border-left:4px solid #fff}.platform-revenue{font-size:20px;font-weight:800;font-family:Inter,sans-serif;color:#fff;letter-spacing:-.01em}.platform-stats{display:flex;flex-direction:column;gap:12px}.platform-stat{display:flex;justify-content:space-between;align-items:center}.platform-stat .stat-label{font-size:14px;color:#fff9;margin:0}.platform-stat .stat-value{font-size:16px;font-weight:700;color:#fff;margin:0}.platform-progress{width:100%;height:8px;background:#ffffff0d;border-radius:8px;overflow:hidden}.progress-bar{height:100%;background:#fff;border-radius:8px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px currentColor}.chart-section{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px}.chart-section h3{font-family:Inter,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.01em}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px}.chart-placeholder svg{width:80px;height:80px;color:#ffffff4d;margin-bottom:16px}.chart-placeholder p{font-size:15px;color:#ffffff80;margin:0;text-align:center}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.analytics-loading p{font-size:16px;color:#fff9;margin:0}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start}.period-selector{width:100%;overflow-x:auto}.period-selector button{flex:1;white-space:nowrap}.stats-grid{grid-template-columns:1fr}.platform-header{flex-direction:column;align-items:flex-start;gap:12px}}.smart-links{padding:0}.smart-links-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:20px}.smart-links h2{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.header-description{font-size:15px;color:#ffffff80;margin:0}.create-link-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ffffff14;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-weight:700;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.create-link-btn svg{width:20px;height:20px}.create-link-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.create-link-btn:hover:before{left:100%}.create-link-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 0 20px #fff3}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:20px}.empty-state svg{width:80px;height:80px;color:#ffffff4d;margin-bottom:24px}.empty-state h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.empty-state p{font-size:15px;color:#ffffff80;margin:0 0 24px}.create-first-btn{padding:14px 28px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease}.create-first-btn:hover{background:#ffffff26;transform:translateY(-2px)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.link-card{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .8s ease}.link-card:hover:before{transform:translate(100%)}.link-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.link-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.link-header h3{font-size:18px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0;flex:1}.link-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .3s ease}.action-btn svg{width:18px;height:18px;color:#fff9}.action-btn:hover{background:#ffffff14;border-color:#ffffff26}.action-btn.copy:hover svg{color:#22c55e}.action-btn.delete:hover{background:#ef44441a;border-color:#ef44444d}.action-btn.delete:hover svg{color:#ef4444}.link-url{padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:16px;overflow:hidden}.link-url code{font-family:Courier New,monospace;font-size:13px;color:#fffc;word-break:break-all}.link-stats{display:flex;gap:20px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.stat svg{width:16px;height:16px;color:#fff6}.link-platforms{display:flex;flex-wrap:wrap;gap:8px}.platform-badge{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.platform-badge.spotify{background:#1db9541a;border-color:#1db9544d;color:#1db954}.platform-badge.apple{background:#fa243c1a;border-color:#fa243c4d;color:#fa243c}.platform-badge.yandex{background:#ffcc001a;border-color:#ffcc004d;color:#fc0}.platform-badge.vk{background:#0077ff1a;border-color:#0077ff4d;color:#07f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#141414f2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h3{font-size:22px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .3s ease}.close-btn svg{width:20px;height:20px;color:#fff9}.close-btn:hover{background:#ffffff14;border-color:#ffffff26}.modal-body{padding:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s ease}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{outline:none;border-color:#fff3;background:#ffffff0f;box-shadow:0 0 0 4px #ffffff0d}.form-hint{font-size:12px;color:#fff6;margin:8px 0 0}.modal-footer{display:flex;gap:12px;padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.05)}.cancel-btn,.submit-btn{flex:1;padding:14px 24px;border-radius:12px;font-weight:700;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fffc}.cancel-btn:hover{background:#ffffff14;border-color:#ffffff26}.submit-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width: 768px){.smart-links-header{flex-direction:column;align-items:stretch}.create-link-btn{width:100%;justify-content:center}.links-grid{grid-template-columns:1fr}.link-stats{flex-direction:column;gap:12px}}.support{padding:0;height:calc(100vh - 120px);display:flex;flex-direction:column}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.support h2{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.new-chat-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ffffff14;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-weight:700;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.new-chat-btn svg{width:20px;height:20px}.new-chat-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.new-chat-btn:hover:before{left:100%}.new-chat-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.support-container{display:grid;grid-template-columns:350px 1fr;gap:20px;flex:1;min-height:0}.chats-sidebar{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.chats-list{overflow-y:auto;padding:12px}.chat-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.chat-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.chat-item.active{background:#ffffff14;border-color:#ffffff26}.chat-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.chat-item h4{font-size:15px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.status-badge.open{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.status-badge.answered{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.status-badge.closed{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.chat-last-message{font-size:13px;color:#ffffff80;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-footer{display:flex;justify-content:space-between;align-items:center}.chat-time{font-size:12px;color:#fff6}.unread-badge{background:#ef4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.no-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-chats p{color:#ffffff80;margin:0 0 16px}.no-chats button{padding:10px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.no-chats button:hover{background:#ffffff26}.messages-area{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.messages-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.chat-info{flex:1}.messages-header h3{font-size:18px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0 0 4px}.chat-info .user-meta{font-size:12px;color:#ffffff80;margin:0 0 4px}.chat-info .subject{font-size:13px;color:#ffffffb3;margin:0}.assigned-admin{display:flex;flex-direction:column;gap:4px}.admin-label{font-size:12px;color:#fff9;font-weight:500}.admin-name{font-size:14px;color:#60a5fa;font-weight:600}.messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;animation:messageSlide .3s ease;margin-bottom:16px;align-items:flex-start;gap:12px}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.1);background:#ffffff1a;display:flex;align-items:center;justify-content:center}.message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{color:#fff;font-weight:600;font-size:16px;text-align:center}.message.support{flex-direction:row}.message.user{flex-direction:row-reverse}.message.support .message-avatar{margin-right:12px}.message.user .message-content{align-items:flex-end}.message-content{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:70%}.message-bubble{padding:12px 16px;border-radius:16px;position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.message.user .message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-bottom-right-radius:4px}.message.support .message-bubble{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-bottom-left-radius:4px}.sender-name{font-size:14px;font-weight:600;color:#ffffffe6}.message-text{font-size:14px;color:#fff;margin:0;line-height:1.5;word-wrap:break-word}.message-time{font-size:10px;color:#ffffff59}.message-bubble .message-time{align-self:flex-end;margin-top:4px}.no-messages{display:flex;align-items:center;justify-content:center;height:100%}.no-messages p{color:#ffffff80;font-size:15px}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.no-chat-selected svg{width:80px;height:80px;color:#fff3}.no-chat-selected p{color:#ffffff80;font-size:15px}.message-input-area{padding:20px 24px;border-top:1px solid rgba(255,255,255,.05)}.input-container{display:flex;gap:12px;align-items:flex-end;width:100%}.input-container textarea{flex:1;min-width:0;width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;resize:none;max-height:100px;min-height:40px;transition:all .3s ease}.input-container textarea::placeholder{color:#ffffff4d}.input-container textarea:focus{outline:none;border-color:#fff3;background:#ffffff0f}.send-btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.send-btn svg{width:24px;height:24px;color:#fff}.send-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-btn:disabled svg{color:#ffffff4d}.chat-closed-notice{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin:20px 24px}.closed-icon{font-size:32px;flex-shrink:0}.closed-text h4{margin:0 0 8px;font-size:16px;font-weight:700;color:#ef4444;font-family:Inter,sans-serif}.closed-text p{margin:0;font-size:14px;color:#ef4444cc;line-height:1.5;font-family:Inter,sans-serif}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loader-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{font-size:16px;color:#fff9;margin:0}@media (max-width: 1024px){.support-container{grid-template-columns:300px 1fr}}@media (max-width: 768px){.support{height:auto}.support-container{grid-template-columns:1fr;height:auto;min-height:600px}.chats-sidebar{max-height:300px}.messages-area{min-height:500px}.message-content{max-width:85%}}.new-chat-form{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f0f0ffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0006;animation:slideInForm .3s ease;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes slideInForm{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%;max-width:400px}.form-header h4{font-size:20px;font-weight:700;color:#fff;margin:0}.close-form-btn{width:32px;height:32px;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-form-btn:hover{background:#ffffff0d;color:#fff}.close-form-btn svg{width:18px;height:18px}.new-chat-form input{width:100%;max-width:400px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;margin-bottom:24px;transition:all .2s ease}.new-chat-form input:focus{outline:none;border-color:#fff3;background:#ffffff14}.new-chat-form input::placeholder{color:#6b7280}.new-chat-form .form-actions{display:flex;gap:12px;justify-content:flex-end;background:none;border:none;padding:0}.new-chat-form .cancel-btn,.new-chat-form .submit-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;background:none}.new-chat-form .cancel-btn{border:1px solid rgba(255,255,255,.1);color:#9ca3af}.new-chat-form .cancel-btn:hover{background:#ffffff0d;color:#fff}.new-chat-form .submit-btn{background:#4b5563cc;border:1px solid rgba(75,85,99,.8);color:#fff}.new-chat-form .submit-btn:hover{background:#4b5563;border-color:#4b5563}.status-badge.new{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge.answered{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.closed{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.message-header{margin-bottom:8px}.sender-info{display:flex;align-items:center;gap:8px}.sender-name{font-size:13px;font-weight:600;color:#d1d5db}.role-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#4b55634d;border-radius:12px;font-size:11px;font-weight:500}.role-badge svg{width:12px;height:12px;color:#9ca3af}.role-text{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.input-container{display:flex;align-items:flex-end;gap:12px;width:100%}.input-container textarea{flex:1;min-width:0}.message-input-area{position:relative}:root{--primary-color: #6b7280;--border-color: rgba(255, 255, 255, .06);--card-bg: rgba(255, 255, 255, .02);--text-primary: #f9fafb;--text-secondary: #9ca3af}.wallet-page{padding:2rem;max-width:1200px;margin:0 auto}.wallet-header{margin-bottom:2rem}.wallet-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.wallet-header p{color:var(--text-secondary);font-size:1.1rem}.wallet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.wallet-loading .loader{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.balance-cards{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.credit-card{width:100%;max-width:450px;height:280px;margin:0 auto;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.credit-card:hover{box-shadow:0 8px 25px #0003}.rub-card{background:#1f2937;border:1px solid rgba(75,85,99,.3)}.sph-card{background:#0f172a;border:1px solid rgba(51,65,85,.3)}.card-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.card-pattern{width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.2) 1px,transparent 1px);background-size:40px 40px,20px 20px}.card-pattern:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.credit-card:hover .card-pattern:after{left:100%}.sph-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.4) 3px,transparent 3px),linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%);background-size:60px 60px,30px 30px}.card-content{position:relative;z-index:2;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.card-header{display:flex;justify-content:space-between;align-items:center}.card-logo svg{width:32px;height:32px;opacity:.9}.card-type{font-size:.9rem;font-weight:700;letter-spacing:2px;opacity:.8}.card-number{font-size:1.5rem;font-weight:600;letter-spacing:4px;font-family:Courier New,monospace;margin:1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-info{display:flex;justify-content:space-between;margin-bottom:1rem}.card-holder,.card-balance{display:flex;flex-direction:column}.card-info .label{font-size:.7rem;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.card-info .value{font-size:1rem;font-weight:600}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-email{font-size:.8rem;opacity:.8}.card-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.card-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.card-actions button{padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .2s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#9ca3af}.empty-icon svg{width:32px;height:32px}.empty-state h4{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);font-size:1rem;max-width:400px}.btn-primary{background:#4b5563cc;color:#fff;border:none}.btn-primary:hover{background:#4b5563}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#4b556333;border-color:#4b556380}.wallet-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--card-bg);border-radius:12px;padding:.5rem;border:1px solid var(--border-color)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.tab:hover{color:var(--text-primary);background:#ffffff0d}.tab.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0000004d}.tab-icon{width:18px;height:18px}.wallet-subtabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.subtab{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.subtab:hover{color:var(--text-primary)}.subtab.active{color:#fff;border-bottom-color:#fff}.wallet-content{min-height:400px}.overview-header{text-align:center;margin-bottom:2rem}.overview-header h3{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.overview-header p{color:var(--text-secondary);font-size:1.1rem;opacity:.8}.balance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#ffffff26}.summary-icon{width:60px;height:60px;border-radius:16px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.primary .summary-icon{background:#6b728033;color:#9ca3af}.summary-card.secondary .summary-icon{background:#4b556333;color:#9ca3af}.summary-icon svg{width:28px;height:28px}.summary-content h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-amount{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:.25rem;letter-spacing:-.02em}.summary-label{font-size:.85rem;color:var(--text-secondary);opacity:.7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{width:40px;height:40px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.stat-icon svg{width:20px;height:20px}.stat-card h4{font-size:.9rem;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-description{font-size:.8rem;color:var(--text-secondary);opacity:.7}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.transactions-header h3{font-size:1.5rem;font-weight:600}.filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary)}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.transaction-item:hover{border-color:#4b556380;transform:translate(4px)}.transaction-item .transaction-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.transaction-info{flex:1}.transaction-info h4{font-size:1rem;font-weight:500;margin-bottom:.25rem}.transaction-info p{color:var(--text-secondary);font-size:.85rem}.transaction-amount .amount{font-size:1.1rem;font-weight:600}.transaction-amount .amount.income,.transaction-amount .amount.expense{color:#9ca3af}.exchange-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;max-width:650px;margin:0 auto;box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.exchange-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.exchange-header{text-align:center;margin-bottom:2.5rem;position:relative}.exchange-header h3{font-size:2rem;font-weight:800;margin-bottom:.75rem;color:#fff;letter-spacing:-.02em}.exchange-header p{color:var(--text-secondary);font-size:1.1rem;opacity:.8}.exchange-form{display:flex;flex-direction:column;gap:2rem}.exchange-section{display:flex;flex-direction:column;gap:1rem;position:relative}.exchange-input{display:flex;flex-direction:column;gap:.5rem}.exchange-input label{font-weight:700;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;opacity:.9}.exchange-input-container{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:56px;position:relative}.exchange-input-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.exchange-input-container:focus-within{border-color:#fff3;box-shadow:0 0 0 3px #ffffff0d}.exchange-amount-input{flex:1;padding:1rem 1.25rem;border:none;background:transparent;color:var(--text-primary);font-size:1.1rem;font-weight:600}.exchange-amount-input:focus{outline:none}.exchange-amount-input::-webkit-outer-spin-button,.exchange-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exchange-amount-input[type=number]{-moz-appearance:textfield}.currency-selector{position:relative;border-left:1px solid rgba(255,255,255,.08)}.currency-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease;min-width:120px;outline:none}.currency-btn:hover{background:#ffffff0d}.currency-icon{font-size:1.2rem}.currency-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f0f0ffa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 12px 48px #0009,0 0 0 1px #ffffff0d;z-index:100;animation:dropdown-appear .25s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.currency-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:-.01em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.currency-option:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#ffffff4d;transform:scaleY(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.currency-option:hover:before{transform:scaleY(1)}.currency-option:hover{background:#ffffff0f}.currency-option.active{background:#ffffff14}.currency-option.active:before{transform:scaleY(1)}.option-icon{font-size:16px;width:24px;text-align:center}.option-label{margin-left:auto;font-size:12px;opacity:.7}.balance-info{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;opacity:.8;font-weight:500}.swap-button{align-self:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:1rem 0;position:relative;overflow:hidden}.swap-button:hover{border-color:#fff3;background:#ffffff1a;box-shadow:0 4px 12px #0003}.swap-button:active,.swap-button.rotating{transform:rotate(180deg)}.swap-button svg{width:20px;height:20px}.exchange-info{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;position:relative;overflow:hidden}.exchange-info:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.exchange-rate{display:flex;flex-direction:column;gap:.75rem}.rate-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.rate-item:last-child{border-bottom:none}.rate-item.total-item{margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:none;background:#ffffff05;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem;border-radius:12px}.rate-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.rate-value{color:var(--text-primary);font-weight:600;font-size:.95rem}.rate-value.highlight{color:#fff;font-weight:700;font-size:1.1rem}.exchange-btn{padding:1.5rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;background:#4b5563cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.5);color:#fff;position:relative;overflow:hidden}.exchange-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.exchange-btn:hover:before{left:100%}.exchange-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.exchange-btn:not(:disabled):hover{background:#4b5563;border-color:#4b5563cc;transform:translateY(-2px);box-shadow:0 12px 32px #0006}@media (max-width: 768px){.wallet-page{padding:1rem}.balance-cards{grid-template-columns:1fr}.wallet-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.wallet-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;min-width:fit-content}.transactions-header{flex-direction:column;gap:1rem;align-items:stretch}.stats-grid{grid-template-columns:1fr}.transaction-item{flex-direction:column;align-items:flex-start;gap:.75rem}.transaction-item .transaction-icon{align-self:flex-start}}:root{--chat-primary-color: #6b7280;--chat-border-color: rgba(255, 255, 255, .06);--chat-card-bg: rgba(255, 255, 255, .02);--chat-text-primary: #f9fafb;--chat-text-secondary: #9ca3af}.chat-page{padding:2rem;max-width:1200px;margin:0 auto;height:calc(100vh - 4rem);display:flex;flex-direction:column}.chat-container{display:flex;flex-direction:column;height:100%;background:var(--chat-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--chat-border-color);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--chat-border-color);color:var(--chat-text-primary);position:relative}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.chat-title h2{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}.online-count{font-size:14px;opacity:.7;margin-left:10px;color:var(--chat-text-secondary);font-weight:500}.online-users{display:flex;align-items:center;gap:8px}.online-user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:all .2s ease}.online-user-avatar.clickable{cursor:pointer}.online-user-avatar.clickable:hover{transform:scale(1.1);border-color:#fff3;box-shadow:0 4px 12px #0000004d}.online-user-avatar .image-loader-container{width:100%;height:100%;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--chat-text-primary);font-weight:600;font-size:14px}.more-users{background:#ffffff14;color:var(--chat-text-primary);padding:6px 10px;border-radius:15px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.1)}.chat-messages{flex:1;overflow-y:auto;padding:20px 25px;display:flex;flex-direction:column;gap:15px;background:#0000001a}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--chat-text-secondary)}.no-messages-icon{font-size:48px;margin-bottom:15px;opacity:.5}.no-messages h3{margin:0 0 10px;font-size:20px;color:var(--chat-text-primary);font-weight:600}.no-messages p{margin:0;font-size:16px;opacity:.7}.message{display:flex;align-items:flex-end;gap:12px;max-width:85%;margin-bottom:5px}.message.my-message{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.message.other-message{align-self:flex-start}.message:not(.show-avatar){margin-left:44px}.message.my-message:not(.show-avatar){margin-right:0;margin-left:auto}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.message-avatar .image-loader-container{width:100%;height:100%;border-radius:50%}.message-content{display:flex;flex-direction:column;gap:4px;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.message-username{font-weight:600;font-size:14px}.message-username.clickable{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px}.message-username.clickable:hover{background:#ffffff1a;transform:translateY(-1px)}.message-role{background:#ffffff1a;color:var(--chat-text-secondary);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.message-bubble{position:relative;padding:12px 16px;border-radius:18px;word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 2px 8px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:60px;max-width:100%}.other-message .message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--chat-text-primary);border-bottom-left-radius:6px}.my-message .message-bubble{background:#6b7280cc;border:1px solid rgba(107,114,128,.5);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.message-text{margin:0;line-height:1.4;font-size:15px;white-space:pre-line;word-wrap:break-word;overflow-wrap:anywhere}.message-time{font-size:11px;opacity:.7;margin-top:4px;display:block}.my-message .message-time{color:#fffc}.other-message .message-time{color:var(--chat-text-secondary)}.chat-input-container{padding:20px 25px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--chat-border-color)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:25px;padding:8px 8px 8px 20px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:#fff3;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.chat-input{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:15px;line-height:1.4;padding:8px 0;max-height:120px;min-height:20px;font-family:inherit;color:var(--chat-text-primary)}.chat-input::placeholder{color:var(--chat-text-secondary)}.send-button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(107,114,128,.5);background:#6b7280cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);background:#6b7280;box-shadow:0 4px 12px #0000004d}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-button svg{width:18px;height:18px}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--chat-text-primary)}.spinner,.sending-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--chat-primary-color);border-radius:50%;animation:spin 1s linear infinite}.sending-spinner{width:18px;height:18px;border-width:2px}.chat-loading p{margin-top:15px;font-size:16px;opacity:.9}@media (max-width: 768px){.chat-page{padding:1rem;height:calc(100vh - 2rem)}.chat-container{border-radius:16px}.chat-header{padding:15px 20px}.chat-title h2{font-size:20px}.online-users{gap:6px}.online-user-avatar{width:28px;height:28px}.chat-messages{padding:15px 20px}.message{max-width:85%}.chat-input-container{padding:15px 20px}.message:not(.show-avatar){margin-left:40px}.message.my-message:not(.show-avatar){margin-right:0;margin-left:auto}}@media (max-width: 480px){.chat-header,.chat-messages,.chat-input-container{padding:12px 15px}.message{max-width:90%}.message-bubble{padding:10px 14px}.online-users{display:none}}.system-message{margin:8px 0}.system-message-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:10px}.system-avatar-icon{width:28px;height:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}.spherical-bot svg{width:16px;height:16px}.system-username{color:#ffffffe6!important;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em}.system-bubble{background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;overflow:hidden;border-radius:0}.command-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;margin:0;max-width:380px;position:relative;box-shadow:none}.command-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:none}.card-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.card-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.card-header h3{margin:0;font-size:16px;font-weight:700;color:#fff;font-family:Inter,sans-serif;letter-spacing:-.01em}.card-content{padding:16px}.error-card{border-left:4px solid rgba(239,68,68,.8)}.error-icon{background:#ef44441a;color:#ef4444e6;border-color:#ef444433}.error-message{margin:0;color:#ef4444e6;font-weight:500}.stats-card{border-left:4px solid rgba(255,255,255,.3)}.balance-card{border-left:4px solid rgba(34,197,94,.8)}.balance-section,.transactions-section,.last-operations{margin-bottom:16px}.balance-section:last-child,.transactions-section:last-child,.last-operations:last-child{margin-bottom:0}.section-title{font-size:14px;font-weight:700;color:#ffffffe6;margin:0 0 12px;font-family:Inter,sans-serif;letter-spacing:-.01em}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.balance-item.rub-balance{border-left:3px solid rgba(34,197,94,.8)}.balance-item.sph-balance{border-left:3px solid rgba(168,85,247,.8)}.balance-icon{font-size:24px;width:32px;text-align:center;flex-shrink:0}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-value{font-size:16px;font-weight:700;color:#fff;line-height:1;font-family:Inter,sans-serif;letter-spacing:-.01em}.balance-label{font-size:11px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.operation-dates{display:flex;flex-direction:column;gap:8px}.operation-date{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.operation-type{font-size:12px;color:#ffffffb3;font-weight:500}.operation-time{font-size:12px;color:#ffffffe6;font-weight:600}.user-info{display:flex;align-items:center;gap:12px;width:100%}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar .avatar-loader{width:100%;height:100%;object-fit:cover}.user-avatar .avatar-placeholder{width:100%;height:100%;background:#ffffff1a;color:#fffc;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-details{flex:1;min-width:0}.username{margin:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;letter-spacing:-.01em}.verified-badge{color:#22c55ee6;font-size:14px}.user-role{font-size:12px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.stat-icon{font-size:20px;width:24px;text-align:center}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:18px;font-weight:700;color:#fff;line-height:1;font-family:Inter,sans-serif;letter-spacing:-.01em}.stat-label{font-size:11px;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.help-card{border-left:4px solid rgba(245,158,11,.8)}.help-icon{background:#f59e0b1a;color:#f59e0be6;border-color:#f59e0b33}.help-intro{margin:0 0 16px;color:#fffc;line-height:1.4;font-size:13px}.commands-list{display:flex;flex-direction:column;gap:12px}.command-item{padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;border-left:3px solid rgba(245,158,11,.8)}.command-name{font-family:Courier New,monospace;font-weight:600;color:#fff;font-size:14px;margin-bottom:6px}.command-description{color:#ffffffb3;font-size:13px;line-height:1.4;margin-bottom:10px}.command-examples{display:flex;flex-wrap:wrap;gap:8px}.command-example{background:#ffffff0d;color:#fffc;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.1)}.default-card{border-left:4px solid #95a5a6}.debug-data{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;font-size:11px;color:#495057;overflow-x:auto;margin-top:12px}@media (max-width: 768px){.command-card{max-width:100%}.stats-grid{grid-template-columns:1fr;gap:12px}.card-header,.card-content,.stat-item{padding:10px}.command-item{padding:8px}}.processing-command{opacity:.8}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.chat-input::placeholder{color:#a0a0a0;font-style:italic}.chat-commands-hint{position:relative}.commands-tooltip{position:relative;display:inline-block}.commands-hint-text{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.commands-hint-text:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.commands-dropdown{position:absolute;top:100%;right:0;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:none;padding:16px;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.commands-tooltip:hover .commands-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.command-hint-item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#fffc}.command-hint-item:last-child{border-bottom:none}.command-hint-item code{background:#ffffff0d;color:#ffffffe6;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-weight:600;margin-right:10px;border:1px solid rgba(255,255,255,.1)}.send-button{background:transparent;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#ffffffb3;border-radius:12px}.send-button:hover:not(:disabled){color:#fff;background:#ffffff0d;transform:scale(1.1)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.send-button svg{width:22px;height:22px}.sending-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;padding:20px 25px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06)}.chat-input{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 18px;font-size:14px;line-height:1.4;resize:none;transition:all .3s ease;font-family:Inter,sans-serif;background:#ffffff08;color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-input:focus{outline:none;border-color:#fff3;background:#ffffff0f;box-shadow:none}.chat-input::placeholder{color:#fff6;font-style:italic}.processing-command{opacity:.8;animation:fadeInOut 1.5s ease-in-out infinite}.command-processing-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.commands-dropdown{right:-20px;min-width:180px}.commands-hint-text{padding:4px 8px;font-size:11px}.send-button{width:40px;height:40px}.send-button svg{width:18px;height:18px}.chat-input-wrapper{padding:12px;gap:8px}.chat-input{padding:10px 12px;font-size:13px}.balance-grid{grid-template-columns:1fr;gap:8px}.balance-item{padding:12px}.balance-value{font-size:16px}.operation-date{flex-direction:column;align-items:flex-start;gap:4px}}.marketplace-page{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh}.marketplace-header{margin-bottom:30px}.marketplace-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;min-height:60px}.marketplace-header .header-text{flex:1;min-width:200px}.marketplace-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--text-primary)}.marketplace-header p{font-size:1.1rem;color:var(--text-secondary);opacity:.8}.header-actions{display:flex;gap:12px;align-items:center}.purchases-link{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.purchases-link:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.seller-dashboard-link{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;text-decoration:none;transition:all .3s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.seller-dashboard-link:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.seller-dashboard-link:before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.category-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.category-tab{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem}.category-tab:hover{background:#ffffff1a;border-color:#fff3}.category-tab.active{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);color:var(--accent)}.search-filters-simple{margin-bottom:25px}.search-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:400px}.search-input-clean{width:100%;padding:10px 35px 10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.search-input-clean:focus{outline:none;border-color:var(--accent)}.search-input-clean::placeholder{color:#fff6}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.clear-search:hover{color:var(--text-primary)}.filter-chips{display:flex;gap:8px}.chip{padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s}.chip:hover{background:#ffffff14;color:var(--text-primary)}.chip.active{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.4);color:var(--accent)}.sort-dropdown{position:relative;min-width:130px}.sort-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-dropdown-btn:hover{background:#191919cc;border-color:#ffffff26}.sort-dropdown-btn span{white-space:nowrap}.sort-arrow{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;opacity:.6}.sort-arrow.open{transform:rotate(180deg)}.sort-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:100;background:#141419fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;animation:sortDropdownFade .15s ease}@keyframes sortDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sort-option{padding:10px 14px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .15s ease}.sort-option:hover{background:#ffffff0d;color:#fff}.sort-option.selected{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.sort-select{display:none}.search-info{margin-top:12px;font-size:.85rem;color:#fff9;display:flex;align-items:center;gap:8px}.search-info span{color:var(--accent)}.search-info button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.8rem;text-decoration:underline}.search-info button:hover{color:var(--text-primary)}.search-and-filters{display:none}.quick-filter{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.9rem}.quick-filter:hover{background:#ffffff1a}.quick-filter.active{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);color:var(--accent)}.active-filters{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.active-filters-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.filter-tag{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(var(--accent-rgb),.15);border:1px solid rgba(var(--accent-rgb),.3);border-radius:20px;color:var(--accent);font-size:.85rem}.filter-tag button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.filter-tag button:hover{background:rgba(var(--accent-rgb),.2)}.marketplace-content{margin-bottom:40px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:30px}.product-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(145deg,#ffffff14,#ffffff08);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 12px 40px #00000040,0 0 30px rgba(var(--accent-rgb),.1)}.product-card:hover:before{opacity:1}.product-image{position:relative;width:100%;height:220px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.08)}.product-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),#ffffff08);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000001a,#00000080);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px;opacity:0;transition:opacity .4s ease}.product-card:hover .product-overlay{opacity:1}.product-category{align-self:flex-start;padding:6px 14px;background:rgba(var(--accent-rgb),.9);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)}.play-overlay-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:60px;height:60px;background:rgba(var(--accent-rgb),.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;cursor:pointer}.play-overlay-icon svg{width:28px;height:28px;color:#fff;margin-left:3px}.product-card:hover .play-overlay-icon{transform:translate(-50%,-50%) scale(1)}.play-overlay-icon:hover{background:var(--accent);transform:translate(-50%,-50%) scale(1.1)}.product-info{padding:20px;flex:1;display:flex;flex-direction:column}.product-title{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-metadata{margin-bottom:15px}.audio-metadata,.design-metadata{display:flex;flex-wrap:wrap;gap:6px}.product-metadata .metadata-item{padding:5px 10px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));border:1px solid rgba(var(--accent-rgb),.15);border-radius:8px;font-size:.78rem;color:var(--text-secondary);font-weight:500}.product-seller{margin-bottom:15px}.seller-info{display:flex;align-items:center;gap:12px}.seller-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--accent-rgb),.3);transition:border-color .3s ease}.product-card:hover .seller-avatar{border-color:rgba(var(--accent-rgb),.6)}.seller-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.4),rgba(var(--accent-rgb),.2));display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--accent);border:2px solid rgba(var(--accent-rgb),.3)}.seller-details{flex:1}.seller-name{font-size:.9rem;color:var(--text-primary);font-weight:600}.seller-rating{font-size:.8rem;color:#fbbf24;margin-top:3px;display:flex;align-items:center;gap:2px}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.product-stats{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.downloads-count{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border-radius:12px}.product-actions{display:flex;align-items:center;gap:12px}.product-price{font-size:1rem;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb),.3)}.purchase-btn{padding:10px 20px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.purchase-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.purchase-btn:hover:before{left:100%}.purchase-btn.free{background:linear-gradient(135deg,#22c55e40,#22c55e26);color:#22c55e;border:1px solid rgba(34,197,94,.4);box-shadow:0 2px 10px #22c55e26}.purchase-btn.free:hover{background:linear-gradient(135deg,#22c55e59,#22c55e40);transform:translateY(-2px);box-shadow:0 4px 15px #22c55e40}.purchase-btn.paid{background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.15));color:var(--accent);border:1px solid rgba(var(--accent-rgb),.4);box-shadow:0 2px 10px rgba(var(--accent-rgb),.15)}.purchase-btn.paid:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.35),rgba(var(--accent-rgb),.25));transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--accent-rgb),.25)}.audio-preview{align-self:flex-end;background:linear-gradient(135deg,#000000d9,#14141ee6);border-radius:12px;padding:12px 14px;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.audio-controls{display:flex;align-items:center;gap:12px}.play-btn{width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.9),rgba(var(--accent-rgb),.7));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem;box-shadow:0 2px 10px rgba(var(--accent-rgb),.3);overflow:hidden}.play-btn:hover{transform:scale(1.08);box-shadow:0 4px 15px rgba(var(--accent-rgb),.4)}.play-btn.playing{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 10px #22c55e66}.play-btn.loading{cursor:wait;opacity:.8}.play-btn .play-icon,.play-btn .pause-icon{font-size:.85rem}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.audio-progress{flex:1;min-width:0}.progress-bar{height:5px;background:#ffffff26;border-radius:3px;cursor:pointer;margin-bottom:6px;position:relative;overflow:hidden}.progress-bar:hover{height:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.7));border-radius:3px;transition:width .1s ease;position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 6px #0000004d;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-fill:after{opacity:1}.time-display{display:flex;justify-content:space-between;font-size:.7rem;color:#ffffffb3;font-family:monospace}.preview-notice{font-size:.68rem;color:#ffffff80;text-align:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.loading-state{text-align:center;padding:60px 20px}.loading-state .loader{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:var(--text-secondary);font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--text-secondary);opacity:.8}.load-more-section{text-align:center;margin-top:30px}.load-more-btn{padding:12px 30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.95rem}.load-more-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.marketplace-stats{text-align:center;padding:30px 20px;border-top:1px solid rgba(255,255,255,.1)}.stats-item{display:inline-flex;flex-direction:column;align-items:center;gap:5px}.stats-number{font-size:2rem;font-weight:700;color:var(--accent)}.stats-label{font-size:.9rem;color:var(--text-secondary);opacity:.8}.purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.purchase-modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto}.product-description-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-bottom:20px}.product-description-section h4{color:var(--text-primary);margin-bottom:10px;font-size:.95rem}.product-description-text{color:var(--text-secondary);line-height:1.6;font-size:.9rem;white-space:pre-wrap}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:var(--text-primary);font-size:1.3rem;margin:0}.modal-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-header .close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.modal-content{padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-content .purchase-step{width:100%;max-width:550px;margin:0 auto;text-align:left}.purchase-step h3{color:var(--text-primary);margin-bottom:20px;font-size:1.2rem}.terms-content,.license-content{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:20px}.terms-content h4,.license-content h4{color:var(--text-primary);margin-bottom:15px;font-size:1rem}.terms-content ul,.license-content ul{color:var(--text-secondary);line-height:1.6;padding-left:20px}.terms-content li,.license-content li{margin-bottom:8px}.price-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.price-display,.balance-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.price-label,.balance-label{color:var(--text-secondary)}.price-value{color:var(--accent);font-weight:600;font-size:1.1rem}.balance-value{font-weight:600}.balance-value.sufficient{color:#22c55e}.balance-value.insufficient{color:#ef4444}.license-signature{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-secondary)}.license-signature p{margin-bottom:5px}.agreement-checkbox{margin-bottom:20px}.agreement-checkbox label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--text-secondary);line-height:1.5}.agreement-checkbox input[type=checkbox]{margin-top:2px;accent-color:var(--accent)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;color:#ef4444;font-size:.9rem;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.modal-actions button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn,.back-btn,.close-btn{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.cancel-btn:hover,.back-btn:hover,.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.continue-btn,.purchase-btn,.download-btn,.retry-btn{background:rgba(var(--accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.continue-btn:hover,.purchase-btn:hover,.download-btn:hover,.retry-btn:hover{background:rgba(var(--accent-rgb),.3)}.continue-btn:disabled,.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.purchase-step.success,.purchase-step.error{text-align:center}.success-icon,.error-icon{font-size:3rem;margin-bottom:20px}.success-content,.error-content{margin-bottom:30px}.success-content .product-info{background:#ffffff08;border-radius:8px;padding:15px;margin-top:20px}.success-content .product-info h4{color:var(--text-primary);margin-bottom:5px}.success-content .product-info p{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.marketplace-page{padding:15px}.marketplace-header h1{font-size:2rem}.category-tabs{gap:8px}.category-tab{padding:10px 16px;font-size:.9rem}.search-section{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:auto}.filters-row{grid-template-columns:1fr;gap:15px}.filters-actions{flex-direction:column;align-items:stretch}.quick-filters{justify-content:center}.products-grid{grid-template-columns:1fr;gap:20px}.purchase-modal{margin:10px;max-width:none}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width: 480px){.marketplace-page{padding:10px}.search-and-filters{padding:15px}.product-card{border-radius:8px}.product-info{padding:15px}.audio-preview{min-width:150px}.audio-controls{gap:8px}.play-btn{width:28px;height:28px}}.product-detail-page{padding:20px;max-width:1200px;margin:0 auto}.product-detail-header{margin-bottom:30px}.back-button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.back-button:hover{background:#ffffff1a;color:var(--text-primary)}.product-detail-content{display:flex;flex-direction:column;gap:40px}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-image-section{display:flex;flex-direction:column;gap:20px}.product-main-image{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.product-main-image img{width:100%;height:100%;object-fit:cover}.product-main-image .product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.product-category-badge{position:absolute;top:15px;left:15px;padding:6px 12px;background:rgba(var(--accent-rgb),.8);color:#fff;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:capitalize}.audio-preview-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.audio-preview-section h4{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;font-weight:500}.audio-preview-section .audio-preview{background:#0000004d;padding:16px;min-width:auto;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.audio-preview-section .audio-controls{gap:14px}.audio-preview-section .play-btn{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;background:var(--accent);border:none}.audio-preview-section .play-btn:hover{transform:scale(1.05)}.audio-preview-section .progress-bar{height:4px;background:#ffffff1a}.audio-preview-section .progress-fill{background:var(--accent)}.audio-preview-section .time-display{font-size:.75rem;color:var(--text-secondary)}.audio-preview-section .preview-notice{display:none}.product-info-section{display:flex;flex-direction:column;gap:25px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.product-title{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0}.product-price-large{font-size:1.5rem;font-weight:600;color:var(--accent);white-space:nowrap}.product-seller-info{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.seller-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;transition:all .3s ease}.seller-link:hover{transform:translateY(-1px)}.seller-avatar-large{width:50px;height:50px;border-radius:50%;object-fit:cover}.seller-avatar-placeholder-large{width:50px;height:50px;border-radius:50%;background:rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--accent)}.seller-details .seller-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.seller-details .seller-rating{font-size:.9rem;color:var(--text-secondary);margin-top:3px}.product-description h3,.product-metadata-detail h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}.product-description p{color:var(--text-secondary);line-height:1.6;font-size:1rem}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#ffffff0d;border-radius:8px}.metadata-label{color:var(--text-secondary);font-size:.9rem}.metadata-value{color:var(--text-primary);font-weight:500}.product-actions-section{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.purchase-btn-large{width:100%;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.purchase-btn-large.free{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.purchase-btn-large.free:hover{background:#22c55e4d}.purchase-btn-large.paid{background:rgba(var(--accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.purchase-btn-large.paid:hover{background:rgba(var(--accent-rgb),.3)}.owner-actions,.purchased-actions{text-align:center;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.owner-notice{color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.owner-notice:before{content:"👤"}.purchased-notice{color:#22c55e;font-size:1rem;font-weight:500;margin-bottom:15px}.download-again-btn{padding:12px 25px;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.download-again-btn:hover{background:linear-gradient(135deg,#22c55e4d,#22c55e33);transform:translateY(-2px);box-shadow:0 4px 15px #22c55e33}.product-stats-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px}.product-stats-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;padding:15px;background:#ffffff0d;border-radius:8px}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:var(--accent);margin-bottom:5px}.stat-label{font-size:.9rem;color:var(--text-secondary)}.other-products-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px}.other-products-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:20px}.other-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.other-product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease}.other-product-card:hover{transform:translateY(-2px);background:#ffffff14}.other-product-image{width:100%;height:120px;overflow:hidden}.other-product-image img{width:100%;height:100%;object-fit:cover}.other-product-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:2rem}.other-product-info{padding:15px}.other-product-info h4{color:var(--text-primary);font-size:.95rem;margin-bottom:8px;line-height:1.3}.other-product-price{color:var(--accent);font-weight:500;font-size:.9rem;margin:0}.product-detail-loading,.product-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px 20px}.product-detail-loading .loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.product-detail-loading p{color:var(--text-secondary);font-size:1.1rem}.product-detail-error h2{color:var(--text-primary);margin-bottom:15px}.product-detail-error p{color:var(--text-secondary);margin-bottom:25px}.back-btn{padding:12px 24px;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.back-btn:hover{background:rgba(var(--accent-rgb),.3)}@media (max-width: 768px){.product-detail-page{padding:15px}.product-main{grid-template-columns:1fr;gap:30px}.product-header{flex-direction:column;align-items:flex-start;gap:15px}.product-title{font-size:1.5rem}.product-price-large{font-size:1.2rem}.metadata-grid{grid-template-columns:1fr;gap:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px}.other-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 480px){.product-detail-content{gap:25px}.product-stats-section,.other-products-section{padding:20px}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:1.5rem}}.seller-contact-wrapper{margin-top:15px;position:relative}.seller-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.85rem}.seller-contact-btn:hover,.seller-contact-btn.active{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary)}.seller-contact-btn svg{width:16px;height:16px}.seller-contact-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;z-index:100;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 32px #00000080;overflow:hidden;animation:dropdownFade .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.contact-dropdown-title{padding:12px 16px;font-size:.75rem;color:#fff9;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.contact-row{padding:12px 16px;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.04)}.contact-row:last-child{border-bottom:none}.contact-row:hover{background:#ffffff0f}.contact-text{color:#fff;font-size:.9rem;word-break:break-all;font-weight:500}.contact-telegram .contact-text{color:#29b6f6}.contact-email .contact-text{color:#66bb6a}.contact-discord .contact-text{color:#7289da}.contact-vk .contact-text{color:#4a76a8}@media (max-width: 768px){.seller-contact-dropdown{position:fixed;top:auto;bottom:20px;left:20px;right:20px;min-width:auto}}.play-preview-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.08));border:1px solid rgba(var(--accent-rgb),.25);border-radius:12px;color:var(--accent);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.play-preview-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.15));transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb),.2)}.play-preview-btn svg{width:24px;height:24px;flex-shrink:0}.play-preview-btn span{flex:1;text-align:left}.success-hint{color:var(--text-secondary);font-size:.9rem;margin-top:8px;opacity:.8}.product-card.purchased:after{content:"✓ Приобретено";position:absolute;top:10px;right:10px;padding:4px 10px;background:#22c55ee6;color:#fff;border-radius:12px;font-size:.7rem;font-weight:600;z-index:5}.product-card.purchased{border-color:#22c55e4d}.product-card.purchased:before{background:linear-gradient(90deg,#22c55e,transparent);opacity:1}.product-card.sold{opacity:.7}.product-card.sold:hover{transform:none}.purchased-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.purchased-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#22c55e40,#22c55e26);border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.purchased-badge:hover{background:linear-gradient(135deg,#22c55e59,#22c55e40);transform:translateY(-1px)}.purchased-icon{font-size:.9rem}.purchase-date{font-size:.7rem;color:var(--text-secondary);opacity:.7}.sold-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:600}.sold-icon{font-size:.9rem}.unique-badge{position:absolute;top:15px;right:15px;padding:5px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 10px #f59e0b66}.rating-stars{display:flex;gap:4px}.rating-star{cursor:pointer;font-size:1.5rem;transition:transform .2s ease;color:#fff3}.rating-star:hover{transform:scale(1.2)}.rating-star.hovered{color:#fcd34d}.rating-modal{text-align:center}.rating-modal h3{margin-bottom:10px}.rating-modal p{color:var(--text-secondary);margin-bottom:20px}.rating-selection{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.rating-value{font-size:1.2rem;color:var(--accent);font-weight:600;margin-top:10px}.sold-notice{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444}.sold-notice .sold-icon{font-size:1.5rem}.sold-notice p{margin:0;font-size:1rem;font-weight:500}.purchase-modal-new{background:linear-gradient(145deg,#1e2028fa,#14161cfa);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:420px;width:100%;position:relative;box-shadow:0 25px 80px #0009;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:50%;color:#ffffff80;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.purchase-step-new{padding:28px}.purchase-product-info{display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.purchase-product-cover{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.purchase-product-cover img{width:100%;height:100%;object-fit:cover}.purchase-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px}.purchase-product-details{flex:1;min-width:0}.purchase-product-details h3{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-seller{margin:0 0 10px;font-size:.85rem;color:#ffffff80}.purchase-price-tag{display:inline-block}.free-tag{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.price-tag{background:linear-gradient(135deg,#a855f733,#a855f71a);color:#a855f7;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.purchase-balance-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;margin-bottom:20px}.purchase-balance-card.insufficient{border-color:#ef44444d;background:#ef44440d}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.balance-row .balance-label{color:#fff9;font-size:.9rem}.balance-row .balance-amount{font-weight:600;font-size:.95rem;color:#fff}.balance-row .balance-amount.price{color:#ef4444}.balance-divider{height:1px;background:#ffffff1a;margin:8px 0}.balance-row.total .balance-label{font-weight:600;color:#fffc}.balance-row.total .balance-amount.positive{color:#22c55e}.balance-row.total .balance-amount.negative{color:#ef4444}.balance-warning{margin-top:12px;padding:10px 14px;background:#ef44441a;border-radius:8px;color:#ef4444;font-size:.85rem;text-align:center}.purchase-terms-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;margin-bottom:20px}.terms-title{font-size:.85rem;font-weight:600;color:#ffffffb3;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.terms-list{display:flex;flex-direction:column;gap:10px}.term-item{font-size:.9rem;color:#fffc;padding-left:4px}.purchase-agreement{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:20px;padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.purchase-agreement:hover{background:#ffffff0a;border-color:#ffffff1a}.purchase-agreement input[type=checkbox]{display:none}.purchase-agreement .checkmark{width:22px;height:22px;border:2px solid rgba(255,255,255,.2);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.purchase-agreement input:checked+.checkmark{background:linear-gradient(135deg,#a855f7,#8b5cf6);border-color:transparent}.purchase-agreement input:checked+.checkmark:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.agreement-text{font-size:.85rem;color:#ffffffb3;line-height:1.5}.purchase-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;color:#ef4444;font-size:.9rem;margin-bottom:20px;text-align:center}.purchase-actions{display:flex;gap:12px}.purchase-cancel-btn{flex:1;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.purchase-cancel-btn:hover{background:#ffffff14;color:#fff}.purchase-confirm-btn{flex:2;padding:14px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-confirm-btn.free{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.purchase-confirm-btn.paid{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff}.purchase-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #a855f74d}.purchase-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.purchase-step-new.success{text-align:center;padding:40px 28px}.success-animation{margin-bottom:24px}.success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:2px solid #22c55e;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-circle svg{width:40px;height:40px;color:#22c55e}.success-title{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 10px}.success-message{color:#fff9;font-size:.95rem;margin:0 0 30px}.success-actions{display:flex;flex-direction:column;gap:10px}.success-actions .download-btn{padding:14px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-actions .download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.success-actions .rate-btn{padding:12px 20px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:12px;color:#fbbf24;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.success-actions .rate-btn:hover{background:#fbbf2440}.success-actions .close-success-btn{padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.success-actions .close-success-btn:hover{background:#ffffff0d;color:#fff}.purchase-step-new.error{text-align:center;padding:40px 28px}.error-animation{margin-bottom:24px}.error-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef444433,#ef44441a);border:2px solid #ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto}.error-circle svg{width:40px;height:40px;color:#ef4444}.error-title{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 10px}.error-message{color:#fff9;font-size:.95rem;margin:0 0 30px}.error-actions{display:flex;flex-direction:column;gap:10px}.error-actions .retry-btn{padding:14px 20px;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-actions .retry-btn:hover{transform:translateY(-2px)}.error-actions .close-error-btn{padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.error-actions .close-error-btn:hover{background:#ffffff0d;color:#fff}@media (max-width: 480px){.purchase-modal-new{margin:10px;max-width:none;border-radius:16px}.purchase-step-new{padding:20px}.purchase-product-info{flex-direction:column;align-items:center;text-align:center}.purchase-product-cover{width:100px;height:100px}.purchase-actions{flex-direction:column}.purchase-cancel-btn,.purchase-confirm-btn{flex:none;width:100%}}.purchase-terms-card .term-item.positive{color:#22c55e}.purchase-terms-card .term-item.negative{color:#ef4444;opacity:.8}.purchase-license-card{background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:16px;margin-bottom:20px}.license-title{font-size:.95rem;font-weight:600;color:#a855f7;margin-bottom:12px}.license-text{font-size:.82rem;color:#ffffffb3;line-height:1.6}.license-text p{margin-bottom:10px}.license-text ul{margin:0;padding-left:16px}.license-text li{margin-bottom:6px}.license-text strong{color:#ffffffe6}.success-transaction{background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:10px 16px;margin-bottom:20px;font-size:.9rem;color:#22c55e}.success-actions{display:flex;flex-direction:column;gap:10px;width:100%}.success-actions .download-btn.primary{padding:14px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-actions .download-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.success-actions .rate-btn{padding:12px 20px;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid rgba(251,191,36,.3);border-radius:12px;color:#fbbf24;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.success-actions .rate-btn:hover{background:linear-gradient(135deg,#fbbf244d,#fbbf2433)}.success-actions .go-purchases-btn{padding:12px 20px;background:linear-gradient(135deg,#a855f733,#a855f71a);border:1px solid rgba(168,85,247,.3);border-radius:12px;color:#a855f7;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.success-actions .go-purchases-btn:hover{background:linear-gradient(135deg,#a855f74d,#a855f733)}.success-actions .close-success-btn{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff80;font-size:.85rem;cursor:pointer;transition:all .2s ease}.success-actions .close-success-btn:hover{background:#ffffff0d;color:#fffc}.rating-modal{text-align:center;padding:10px 0}.rating-modal h3{font-size:1.3rem;color:#fff;margin-bottom:8px}.rating-modal p{color:#fff9;margin-bottom:24px}.rating-selection{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.rating-star{font-size:2.5rem;color:#fff3;cursor:pointer;transition:all .2s ease}.rating-star:hover,.rating-star.hovered{color:#fbbf2499;transform:scale(1.1)}.rating-star.filled{color:#fbbf24}.rating-value{font-size:1rem;color:#fbbf24;margin-bottom:20px;font-weight:500}.rating-modal .rating-buttons{display:flex;gap:12px;justify-content:center}.rating-modal .skip-btn{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.rating-modal .skip-btn:hover{background:#ffffff0d}.rating-modal .submit-rating-btn{padding:12px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;color:#000;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rating-modal .submit-rating-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.rating-modal .submit-rating-btn:disabled{opacity:.5;cursor:not-allowed}.product-image-watermarked{position:relative;user-select:none;-webkit-user-select:none}.product-image-watermarked:before{content:"PREVIEW";position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#ffffff59;text-shadow:2px 2px 4px rgba(0,0,0,.5),-1px -1px 2px rgba(0,0,0,.3);letter-spacing:6px;pointer-events:none;z-index:5;background:repeating-linear-gradient(-45deg,transparent,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 120px)}.product-image-watermarked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:4;background:#0000001a}.watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.watermark-logo{width:40%;max-width:150px;opacity:.2;filter:grayscale(100%) brightness(2)}.seller-rating{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#fbbf24}.seller-rating-empty{font-size:.75rem;color:#fff6;font-style:italic}.purchase-terms-compact{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:16px;overflow:hidden}.purchase-terms-compact .terms-header{padding:12px 16px;background:#ffffff0d;font-size:.9rem;font-weight:600;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.08)}.purchase-terms-compact .terms-scroll{max-height:150px;overflow-y:auto;padding:12px 16px;font-size:.82rem;color:#ffffffb3;line-height:1.5}.purchase-terms-compact .terms-scroll::-webkit-scrollbar{width:6px}.purchase-terms-compact .terms-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.purchase-terms-compact .terms-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.purchase-terms-compact .terms-section{margin-bottom:12px}.purchase-terms-compact .terms-section:last-child{margin-bottom:0}.purchase-terms-compact .terms-section strong{color:#ffffffe6;font-size:.85rem}.purchase-terms-compact .terms-section ul{margin:6px 0 0;padding-left:16px}.purchase-terms-compact .terms-section li{margin-bottom:4px}.purchase-terms-compact .terms-section a{color:#a855f7;text-decoration:none}.purchase-terms-compact .terms-section a:hover{text-decoration:underline}.rating-step{text-align:center}.rating-success-header{margin-bottom:20px}.rating-success-header .success-icon-small{width:50px;height:50px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.5rem;color:#fff}.rating-success-header h3{font-size:1.2rem;color:#fff;margin:0 0 6px}.rating-success-header .deducted-amount{font-size:.9rem;color:#22c55e;margin:0}.rating-prompt{margin-bottom:20px}.rating-prompt>p{color:#ffffffb3;margin-bottom:16px}.rating-prompt>p strong{color:#fff}.rating-modal.embedded{padding:0}.rating-modal.embedded .rating-selection{margin-bottom:12px}.rating-modal.embedded .rating-star{font-size:2rem}.rating-buttons.embedded{display:flex;gap:10px;justify-content:center}.rating-buttons.embedded .skip-btn,.rating-buttons.embedded .submit-rating-btn{padding:10px 20px;font-size:.85rem}.rating-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:8px 12px;color:#ef4444;font-size:.85rem;margin-bottom:12px}.rating-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.rating-actions .download-btn{padding:12px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.rating-actions .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}.rating-actions .go-purchases-btn{padding:12px 20px;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#a855f7;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.rating-actions .go-purchases-btn:hover{background:#a855f740}.rating-buttons{display:flex;gap:12px;justify-content:center}.rating-buttons .skip-btn{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.rating-buttons .skip-btn:hover{background:#ffffff0d;color:#fffc}.rating-buttons .submit-rating-btn{padding:12px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:10px;color:#000;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rating-buttons .submit-rating-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.rating-buttons .submit-rating-btn:disabled{opacity:.5;cursor:not-allowed}.product-main-image.with-watermark{position:relative;user-select:none;-webkit-user-select:none;overflow:hidden}.product-main-image.with-watermark img{pointer-events:none}.product-main-image.with-watermark:before{content:"PREVIEW";position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#fff6;text-shadow:3px 3px 6px rgba(0,0,0,.6),-2px -2px 4px rgba(0,0,0,.4);letter-spacing:10px;pointer-events:none;z-index:10;background:repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(255,255,255,.04) 80px,rgba(255,255,255,.04) 160px)}.watermark-overlay-large{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.watermark-logo-large{width:60%;max-width:350px;opacity:.3;filter:grayscale(100%) brightness(2) drop-shadow(0 0 10px rgba(0,0,0,.5))}.product-overlay .downloads-overlay{display:none!important}.seller-dashboard-page{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh}.dashboard-header{text-align:center;margin-bottom:30px}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--text-primary)}.dashboard-header p{font-size:1.1rem;color:var(--text-secondary);opacity:.8}.verification-status{display:flex;align-items:center;gap:20px;padding:25px;border-radius:12px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.verification-status.verified{background:#22c55e1a;border-color:#22c55e4d}.verification-status.pending{background:#fbbf241a;border-color:#fbbf244d}.verification-status.rejected{background:#ef44441a;border-color:#ef44444d}.verification-status.not-verified{background:#ffffff08;border-color:#ffffff1a}.verification-icon{font-size:2rem;flex-shrink:0}.verification-info h3{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem}.verification-info p{color:var(--text-secondary);margin-bottom:15px;line-height:1.5}.verification-info small{color:var(--text-secondary);opacity:.7;font-size:.9rem}.apply-btn,.apply-again-btn{padding:10px 20px;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .3s ease;font-size:.95rem}.apply-btn:hover,.apply-again-btn:hover{background:rgba(var(--accent-rgb),.3)}.dashboard-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.dashboard-content{min-height:400px}.products-tab{display:flex;flex-direction:column;gap:25px}.tab-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.tab-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.create-product-btn{padding:12px 20px;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;color:var(--accent);text-decoration:none;transition:all .3s ease;font-size:.95rem;font-weight:500}.create-product-btn:hover{background:rgba(var(--accent-rgb),.3)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.product-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.product-item:hover{transform:translateY(-2px);background:#ffffff0d;border-color:#fff3}.product-image{width:100%;height:180px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:3rem}.product-info{padding:20px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.product-header h4{color:var(--text-primary);font-size:1.1rem;margin:0;line-height:1.3;flex:1}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap}.status-badge.draft{background:#9ca3af33;color:#9ca3af}.status-badge.pending{background:#fbbf2433;color:#fbbf24}.status-badge.approved{background:#22c55e33;color:#22c55e}.status-badge.rejected{background:#ef444433;color:#ef4444}.product-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:15px}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem}.product-price{color:var(--accent);font-weight:600}.product-downloads{color:var(--text-secondary)}.product-actions{display:flex;gap:10px}.view-btn,.edit-btn{flex:1;padding:8px 12px;border-radius:6px;text-align:center;text-decoration:none;font-size:.9rem;transition:all .3s ease}.view-btn{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.view-btn:hover{background:#ffffff1a;color:var(--text-primary)}.edit-btn{background:rgba(var(--accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.edit-btn:hover{background:rgba(var(--accent-rgb),.3)}.stats-tab h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:25px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff0d}.stat-icon{width:48px;height:48px;margin:0 auto 15px;color:var(--accent);opacity:.8}.stat-icon svg{width:100%;height:100%}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:.9rem}.no-stats{text-align:center;padding:60px 20px;color:var(--text-secondary)}.verification-tab h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:25px}.verification-form{max-width:600px}.verification-form p{color:var(--text-secondary);margin-bottom:25px;line-height:1.6}.verification-form-content{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary);font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:#ffffff14}.submit-verification-btn{padding:15px 30px;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;align-self:flex-start}.submit-verification-btn:hover{background:rgba(var(--accent-rgb),.3)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .loader{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p,.empty-state p{color:var(--text-secondary);font-size:1.1rem}.empty-state h3{color:var(--text-primary);margin-bottom:10px}@media (max-width: 768px){.seller-dashboard-page{padding:15px}.dashboard-header h1{font-size:2rem}.verification-status{flex-direction:column;text-align:center;gap:15px}.dashboard-tabs{flex-wrap:wrap}.tab-header{flex-direction:column;align-items:stretch}.products-grid{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-actions{flex-direction:column}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.verification-status{padding:20px}.product-item{border-radius:8px}.product-info{padding:15px}}.verification-form{max-width:600px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px}.verification-form .form-header{margin-bottom:25px}.verification-form .form-header h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:10px}.verification-form .form-header p{color:var(--text-secondary);line-height:1.5}.verification-form .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:.9rem;margin-bottom:20px}.verification-form .form-group{margin-bottom:20px}.verification-form .form-group label{display:block;color:var(--text-primary);font-weight:500;font-size:.95rem;margin-bottom:8px}.verification-form .form-group input,.verification-form .form-group textarea{width:100%;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:vertical;transition:all .3s ease}.verification-form .form-group input:focus,.verification-form .form-group textarea:focus{outline:none;border-color:var(--accent);background:#ffffff14}.verification-form .form-group small{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:5px;opacity:.8}.verification-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.verification-form .cancel-btn{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem}.verification-form .cancel-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.verification-form .submit-btn{padding:12px 24px;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.verification-form .submit-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.3)}.verification-form .submit-btn:disabled,.verification-form .cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.verification-form{padding:20px}.verification-form .form-actions{flex-direction:column}.verification-form .form-actions button{width:100%}}.status-badge.sold{background:#9ca3af33;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.status-badge.withdrawn{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.product-actions .withdraw-btn,.product-actions .restore-btn,.product-actions .delete-btn{padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.product-actions .withdraw-btn{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.product-actions .withdraw-btn:hover{background:#fbbf2440;border-color:#fbbf2480}.product-actions .restore-btn{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.product-actions .restore-btn:hover{background:#22c55e40;border-color:#22c55e80}.product-actions .delete-btn{background:#ef444426;border-color:#ef44444d;color:#ef4444}.product-actions .delete-btn:hover{background:#ef444440;border-color:#ef444480}.stat-card .stat-icon{transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card:hover .stat-icon svg{animation:pulse .5s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.create-product-page{padding:20px;max-width:800px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{color:#fff;font-size:28px;margin-bottom:8px}.page-header p{color:#ffffffb3;font-size:16px;margin:0}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:all .2s ease}.back-button:hover{background:#ffffff26;border-color:#ffffff4d}.create-product-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px}.form-section{margin-bottom:30px}.form-section h2{color:#fff;font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:12px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:#ffffff26}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:100px}.file-upload-group{margin-bottom:20px}.file-upload-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.file-upload-group input[type=file]{width:100%;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:6px;padding:20px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.file-upload-group input[type=file]:hover{border-color:#ffffff80;background:#ffffff26}.file-upload-group small{display:block;color:#fff9;font-size:12px;margin-top:5px}.upload-progress{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;margin:20px 0}.progress-item{display:flex;align-items:center;gap:12px;margin-bottom:10px}.progress-item:last-child{margin-bottom:0}.progress-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.progress-item span{color:#fff;font-size:14px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.submit-btn{background:#6366f1;border:1px solid #6366f1;color:#fff;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#5855eb;border-color:#5855eb}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-product-page{padding:15px}.create-product-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#fca5a5;font-size:14px;display:flex;align-items:center;gap:8px}.error-message:before{content:"⚠️";font-size:16px}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#86efac;font-size:14px;display:flex;align-items:center;gap:8px}.success-message:before{content:"✅";font-size:16px}.field-error{display:block;color:#fca5a5;font-size:12px;margin-top:4px}.form-group input.error,.form-group textarea.error,.file-upload-group input.error{border-color:#ef4444;background:#ef44441a}.form-group input.error:focus,.form-group textarea.error:focus,.file-upload-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.light-theme .error-message{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.light-theme .success-message{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.light-theme .field-error{color:#dc2626}.light-theme .form-group input.error,.light-theme .form-group textarea.error,.light-theme .file-upload-group input.error{border-color:#ef4444;background:#ef44440d}.light-theme .create-product-page{background:#f8f9fa}.light-theme .page-header h1{color:#1a1a1a}.light-theme .page-header p{color:#000000b3}.light-theme .back-button{background:#0000001a;border-color:#0003;color:#1a1a1a}.light-theme .back-button:hover{background:#00000026}.light-theme .create-product-form{background:#fff;border-color:#0000001a}.light-theme .form-section h2{color:#1a1a1a;border-bottom-color:#0000001a}.light-theme .form-group label{color:#1a1a1a}.light-theme .form-group input,.light-theme .form-group textarea{background:#0000000d;border-color:#0003;color:#1a1a1a}.light-theme .form-group input:focus,.light-theme .form-group textarea:focus{background:#0000001a}.light-theme .form-group input::placeholder,.light-theme .form-group textarea::placeholder{color:#00000080}.light-theme .file-upload-group input[type=file]{background:#0000000d;border-color:#0000004d;color:#1a1a1a}.light-theme .file-upload-group input[type=file]:hover{background:#0000001a}.light-theme .file-upload-group small{color:#0009}.light-theme .upload-progress{background:#0000000d;border-color:#0000001a}.light-theme .progress-item span{color:#1a1a1a}.light-theme .cancel-btn{background:#0000001a;border-color:#0003;color:#1a1a1a}.light-theme .cancel-btn:hover{background:#00000026}.light-theme .form-actions{border-top-color:#0000001a}.checkbox-group{margin-top:20px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.checkbox-label:hover{background:#ffffff0d;border-color:#ffffff1f}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#9ca3af}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{color:#fff;font-size:15px}.checkbox-text small{color:#ffffff80;font-size:13px;line-height:1.4}.my-purchases-page{padding:20px;max-width:1200px;margin:0 auto}.purchases-header{margin-bottom:30px}.purchases-header h1{color:#fff;font-size:2.5rem;margin-bottom:20px;font-weight:600}.purchases-stats{display:flex;gap:30px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:15px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2rem;font-weight:700;color:#fff;margin-bottom:5px}.stat-label{font-size:.9rem;color:#ffffffb3}.purchases-filters{display:flex;gap:10px;margin-bottom:30px}.filter-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:#8b45ff33;border-color:#8b45ff4d;color:#8b45ff}.error-message{background:#ff3b301a;border:1px solid rgba(255,59,48,.2);color:#ff3b30;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.loading{text-align:center;color:#ffffffb3;font-size:1.1rem;padding:50px}.purchases-list{display:flex;flex-direction:column;gap:20px}.purchase-card{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.purchase-card:hover{background:#ffffff14;border-color:#fff3}.purchase-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.purchase-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:2rem}.purchase-info{flex:1}.purchase-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:8px}.purchase-seller,.purchase-category,.purchase-date{color:#ffffffb3;font-size:.9rem;margin-bottom:4px}.purchase-seller span,.purchase-category span,.purchase-date span{color:#fff;font-weight:500}.purchase-price{margin-right:20px}.price-free{color:#34c759;font-weight:600;font-size:1.1rem}.price-paid{color:#8b45ff;font-weight:600;font-size:1.1rem}.purchase-actions{display:flex;gap:10px;flex-shrink:0}.btn-download,.btn-license{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.btn-download{background:#34c75933;color:#34c759;border:1px solid rgba(52,199,89,.3)}.btn-download:hover{background:#34c7594d}.btn-license{background:#8b45ff33;color:#8b45ff;border:1px solid rgba(139,69,255,.3)}.btn-license:hover{background:#8b45ff4d}.no-purchases{text-align:center;padding:60px 20px;color:#ffffffb3}.no-purchases-icon{font-size:4rem;margin-bottom:20px}.no-purchases h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.no-purchases p{margin-bottom:30px;font-size:1.1rem}.btn-primary{display:inline-block;padding:12px 24px;background:#8b45ff33;color:#8b45ff;text-decoration:none;border-radius:8px;border:1px solid rgba(139,69,255,.3);font-weight:500;transition:all .3s ease}.btn-primary:hover{background:#8b45ff4d;color:#fff}@media (max-width: 768px){.my-purchases-page{padding:15px}.purchases-header h1{font-size:2rem}.purchases-stats{flex-direction:column;gap:15px}.stat-item{flex-direction:row;justify-content:space-between;padding:12px 16px}.stat-number{font-size:1.5rem;margin-bottom:0}.purchases-filters{flex-wrap:wrap}.purchase-card{flex-direction:column;align-items:flex-start;gap:15px}.purchase-image{width:60px;height:60px}.purchase-actions{width:100%;justify-content:space-between}.btn-download,.btn-license{flex:1;justify-content:center}}.admin-settings{max-width:900px}.admin-settings .section-header{margin-bottom:24px}.admin-settings .section-description{color:var(--text-secondary, #888);font-size:14px;margin-top:4px}.settings-grid{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;overflow:hidden}.settings-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #2a2a2a);background:var(--card-header-bg, #151515)}.settings-card .card-header h3{margin:0;font-size:16px;font-weight:600}.coming-soon-badge{background:var(--accent-color, #6366f1);color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.settings-card .card-content{padding:20px}.settings-card .card-content.disabled{opacity:.5;pointer-events:none}.season-selector{margin-bottom:16px}.season-selector label{display:block;font-size:14px;color:var(--text-secondary, #888);margin-bottom:12px}.season-buttons{display:flex;gap:8px;flex-wrap:wrap}.season-btn{padding:10px 16px;border:1px solid var(--border-color, #2a2a2a);background:var(--input-bg, #0d0d0d);color:var(--text-primary, #fff);border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.season-btn:hover:not(:disabled){border-color:var(--accent-color, #6366f1);background:#6366f11a}.season-btn.active{border-color:var(--accent-color, #6366f1);background:var(--accent-color, #6366f1);color:#fff}.season-btn:disabled{opacity:.4;cursor:not-allowed}.season-preview{margin-top:16px}.season-preview-box{padding:16px;border-radius:10px;text-align:center;border:1px solid var(--border-color, #2a2a2a)}.season-preview-box.winter{background:linear-gradient(135deg,#c8dcff1a,#96b4dc1a);border-color:#c8dcff4d}.season-preview-box.spring{background:linear-gradient(135deg,#ffb7c51a,#ffc0cb1a);border-color:#ffb7c54d}.season-preview-box.summer{background:linear-gradient(135deg,#ffd7001a,#ffec8b1a);border-color:#ffd7004d}.season-preview-box.autumn{background:linear-gradient(135deg,#d2691e1a,#cd853f1a);border-color:#d2691e4d}.preview-label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:8px}.preview-particles{font-size:28px;margin-bottom:8px;letter-spacing:8px}.preview-description{display:block;font-size:13px;color:var(--text-secondary, #aaa)}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--input-bg, #0d0d0d);border:1px solid var(--border-color, #2a2a2a);border-radius:10px}.toggle-info{display:flex;align-items:center;gap:14px}.toggle-icon{font-size:24px}.toggle-label{display:block;font-weight:500;font-size:15px;margin-bottom:2px}.toggle-description{display:block;font-size:13px;color:var(--text-secondary, #888)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color, #2a2a2a);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color, #6366f1)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.branding-item{margin-bottom:16px}.branding-item:last-child{margin-bottom:0}.branding-item>label{display:block;font-size:14px;color:var(--text-secondary, #888);margin-bottom:8px}.file-upload{padding:24px;border:2px dashed var(--border-color, #2a2a2a);border-radius:8px;text-align:center;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s}.file-upload:hover:not(.disabled){border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1)}.file-upload.disabled{cursor:not-allowed}.branding-preview{display:flex;align-items:center;gap:16px;padding:12px;background:var(--input-bg, #0d0d0d);border:1px solid var(--border-color, #2a2a2a);border-radius:8px}.logo-preview{max-height:40px;max-width:150px;object-fit:contain}.favicon-preview{width:32px;height:32px;object-fit:contain}.branding-actions{display:flex;gap:8px;margin-left:auto}.btn-small{padding:6px 12px;font-size:12px;border:1px solid var(--border-color, #2a2a2a);background:var(--card-bg, #1a1a1a);color:var(--text-primary, #fff);border-radius:6px;cursor:pointer;transition:all .2s}.btn-small:hover{border-color:var(--accent-color, #6366f1)}.btn-small.btn-danger{border-color:#ef4444;color:#ef4444}.btn-small.btn-danger:hover{background:#ef44441a}.maintenance-message{margin-top:16px}.maintenance-message label{display:block;font-size:14px;color:var(--text-secondary, #888);margin-bottom:8px}.maintenance-message textarea{width:100%;padding:12px;background:var(--input-bg, #0d0d0d);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;color:var(--text-primary, #fff);font-size:14px;resize:vertical;font-family:inherit}.maintenance-message textarea:focus{outline:none;border-color:var(--accent-color, #6366f1)}.banner-settings{margin-top:16px;display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:14px;color:var(--text-secondary, #888);margin-bottom:8px}.form-group input[type=text]{width:100%;padding:10px 12px;background:var(--input-bg, #0d0d0d);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;color:var(--text-primary, #fff);font-size:14px}.form-group input[type=text]:focus{outline:none;border-color:var(--accent-color, #6366f1)}.banner-type-buttons{display:flex;gap:8px}.banner-type-btn{padding:8px 14px;border:1px solid var(--border-color, #2a2a2a);background:var(--input-bg, #0d0d0d);color:var(--text-primary, #fff);border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.banner-type-btn:hover{border-color:var(--accent-color, #6366f1)}.banner-type-btn.active.info{border-color:#3b82f6;background:#3b82f626;color:#3b82f6}.banner-type-btn.active.warning{border-color:#f59e0b;background:#f59e0b26;color:#f59e0b}.banner-type-btn.active.success{border-color:#10b981;background:#10b98126;color:#10b981}.banner-preview{margin-top:8px}.banner-preview label{display:block;font-size:12px;color:var(--text-secondary, #888);margin-bottom:8px}.preview-banner{padding:10px 16px;border-radius:6px;font-size:14px;text-align:center}.preview-banner.info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.preview-banner.warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.preview-banner.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.history-loading,.history-empty{text-align:center;color:var(--text-secondary, #888);padding:20px;font-size:14px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--input-bg, #0d0d0d);border-radius:6px;font-size:13px}.history-info{display:flex;gap:6px}.history-user{color:var(--accent-color, #6366f1);font-weight:500}.history-action{color:var(--text-secondary, #888)}.history-date{color:var(--text-secondary, #666);font-size:12px}.settings-actions{margin-top:24px;display:flex;justify-content:flex-end}.save-btn{padding:12px 32px;font-size:15px;font-weight:500}@media (max-width: 600px){.season-buttons{flex-direction:column}.season-btn{width:100%;text-align:center}.toggle-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch{align-self:flex-end}.banner-type-buttons{flex-direction:column}.branding-preview{flex-direction:column;text-align:center}.branding-actions{margin-left:0}}.admin-permissions{padding:24px}.admin-permissions .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.admin-permissions .section-header h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}.admin-permissions .section-description{color:#9ca3af;font-size:14px;margin:0}.admin-permissions .senior-note{color:#f59e0b;font-size:12px}.admin-permissions .header-actions{display:flex;gap:12px}.admin-permissions .btn-history{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1f2937;border:1px solid #374151;border-radius:8px;color:#d1d5db;font-size:14px;cursor:pointer;transition:all .2s}.admin-permissions .btn-history:hover{background:#374151;color:#fff}.admin-permissions .btn-history.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.permissions-layout{display:flex;flex-direction:column;gap:24px}.role-tabs{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #374151}.role-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#1f2937;border:2px solid #374151;border-radius:10px;color:#9ca3af;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.role-tab:hover{background:#374151;color:#fff}.role-tab.active{background:rgba(var(--role-color-rgb, 107, 114, 128),.1);border-color:var(--role-color, #6b7280);color:#fff}.role-dot{width:10px;height:10px;border-radius:50%}.permissions-content{background:#1f2937;border-radius:12px;padding:24px}.role-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #374151}.role-header h3{font-size:20px;font-weight:600;margin:0 0 8px}.role-description{color:#9ca3af;font-size:14px;margin:0}.permission-groups{display:flex;flex-direction:column;gap:12px}.permission-group{background:#111827;border-radius:10px;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.group-header:hover{background:#ffffff08}.group-info{display:flex;align-items:center;gap:12px}.group-icon{font-size:18px}.group-label{font-size:15px;font-weight:500;color:#fff}.group-stats{font-size:12px;padding:2px 8px;border-radius:10px;background:#374151;color:#9ca3af}.group-stats.all{background:#22c55e33;color:#22c55e}.group-stats.some{background:#f59e0b33;color:#f59e0b}.group-stats.none{background:#374151;color:#6b7280}.group-actions{display:flex;align-items:center;gap:12px}.toggle-all-btn{width:28px;height:28px;border-radius:6px;border:1px solid #374151;background:transparent;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.toggle-all-btn:hover{background:#374151;color:#fff}.toggle-all-btn.enabled{background:#22c55e33;border-color:#22c55e;color:#22c55e}.expand-icon{color:#6b7280;font-size:12px;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.group-permissions{padding:0 20px 16px;display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1f2937;border-radius:8px}.permission-label{display:flex;flex-direction:column;gap:2px}.permission-name{font-size:14px;color:#e5e7eb}.permission-key{font-size:11px;color:#6b7280;font-family:monospace}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#374151;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#9ca3af;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.permissions-actions{margin-top:24px;padding-top:24px;border-top:1px solid #374151;display:flex;justify-content:flex-end}.btn-save{padding:12px 32px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover{background:#2563eb}.btn-save:disabled{background:#374151;color:#6b7280;cursor:not-allowed}.history-panel{background:#1f2937;border-radius:12px;overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #374151}.history-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.btn-close{width:28px;height:28px;border-radius:6px;border:none;background:#374151;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s}.btn-close:hover{background:#4b5563;color:#fff}.history-content{padding:16px 20px;max-height:400px;overflow-y:auto}.history-loading,.history-empty{text-align:center;color:#6b7280;padding:32px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px 16px;background:#111827;border-radius:8px}.history-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#d1d5db}.history-user{font-weight:500;color:#fff}.history-action{color:#9ca3af}.history-permission{color:#60a5fa}.history-role{font-weight:500}.history-date{font-size:11px;color:#6b7280;margin-top:6px}@media (max-width: 768px){.admin-permissions{padding:16px}.admin-permissions .section-header{flex-direction:column;gap:16px}.role-tabs{flex-wrap:wrap}.role-tab{padding:10px 16px;font-size:13px}.permissions-content{padding:16px}.permission-item{padding:10px 12px}}.admin-contracts{padding:20px}.admin-contracts .section-header{margin-bottom:25px}.admin-contracts .section-header h2{font-size:24px;margin-bottom:8px}.admin-contracts .section-description{color:var(--text-secondary, #888);font-size:14px}.contracts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.contracts-toolbar .search-form{display:flex;gap:10px}.contracts-toolbar input{padding:10px 15px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-color, #fff);font-size:14px;width:280px}.contracts-toolbar button{padding:10px 20px;background:var(--accent-color, #8b5cf6);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.contracts-toolbar button:hover{background:var(--accent-hover, #7c3aed)}.contracts-stats{color:var(--text-secondary, #888);font-size:14px}.contracts-stats strong{color:var(--text-color, #fff)}.contracts-table{background:var(--bg-secondary, #111);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #222)}.contracts-table table{width:100%;border-collapse:collapse}.contracts-table th,.contracts-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color, #222)}.contracts-table th{background:#ffffff08;font-weight:500;font-size:13px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.contracts-table td{font-size:14px;color:var(--text-color, #e0e0e0)}.contracts-table tr:hover{background:#ffffff05}.contracts-table .username{font-weight:500;color:var(--text-color, #fff)}.contracts-table .ip{font-family:monospace;font-size:13px;color:var(--text-secondary, #888)}.btn-view{padding:6px 14px;background:transparent;border:1px solid #555;border-radius:6px;color:#ccc;font-size:13px;cursor:pointer;transition:all .2s}.btn-view:hover{background:#444;border-color:#666;color:#fff}.pagination button:hover:not(:disabled){border-color:var(--accent-color, #8b5cf6)}.contract-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.contract-modal{background:#1e1e1e;border-radius:12px;width:100%;max-width:550px;max-height:85vh;overflow-y:auto;padding:24px;position:relative;border:1px solid #333}.contract-modal .close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#444;border:none;border-radius:6px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.contract-modal .close-btn:hover{background:#555}.contract-modal .modal-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px;padding-right:40px}.contract-modal .info-row{display:flex;margin-bottom:12px;font-size:14px}.contract-modal .info-label{color:#888;width:140px;flex-shrink:0}.contract-modal .info-value{color:#fff;word-break:break-all}.contract-modal .info-value.highlight{color:#fff;font-weight:500}.contract-modal .info-value.mono{font-family:monospace;font-size:12px;color:#aaa}.contract-modal .signatures-title{font-size:14px;color:#888;margin:24px 0 16px;padding-top:16px;border-top:1px solid #444}.contract-modal .signatures-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contract-modal .signature-box{text-align:center}.contract-modal .signature-label{font-size:12px;color:#888;margin-bottom:8px}.contract-modal .signature-img-wrap{background:#fff;border-radius:8px;padding:10px;min-height:70px;display:flex;align-items:center;justify-content:center}.contract-modal .signature-img{max-width:100%;max-height:80px;object-fit:contain}.contract-modal .no-signature{color:#999;font-size:12px;font-style:italic}.contract-modal .modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid #444;display:flex;justify-content:flex-end}.contract-modal .btn-link{padding:10px 16px;background:#333;border:1px solid #444;border-radius:8px;color:#ddd;font-size:13px;text-decoration:none;cursor:pointer;transition:all .2s}.contract-modal .btn-link:hover{background:#444;border-color:#555;color:#fff}.contract-modal .loading{padding:40px;text-align:center;color:#888}@media (max-width: 600px){.contract-modal{padding:20px;margin:10px}.contract-modal .info-row{flex-direction:column;gap:4px}.contract-modal .info-label{width:auto}.contract-modal .signatures-row{grid-template-columns:1fr}}.admin-promocodes{padding:20px}.admin-promocodes .section-header{margin-bottom:25px}.admin-promocodes .section-header h2{font-size:24px;margin-bottom:8px}.admin-promocodes .section-description{color:var(--text-secondary, #888);font-size:14px}.promocodes-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.promocodes-toolbar .search-form{display:flex;gap:10px}.promocodes-toolbar input{padding:10px 15px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-color, #fff);font-size:14px;width:280px}.promocodes-toolbar button{padding:10px 20px;background:#333;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.promocodes-toolbar button:hover{background:#444;border-color:#555}.toolbar-actions{display:flex;align-items:center;gap:20px}.promocodes-stats{color:var(--text-secondary, #888);font-size:14px}.promocodes-stats strong{color:var(--text-color, #fff)}.btn-create{background:#28a745!important;border-color:#28a745!important}.btn-create:hover{background:#218838!important;border-color:#218838!important}.promocodes-table{background:var(--bg-secondary, #111);border-radius:12px;overflow:hidden;border:1px solid var(--border-color, #222)}.promocodes-table table{width:100%;border-collapse:collapse}.promocodes-table th,.promocodes-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color, #222)}.promocodes-table th{background:#ffffff08;font-weight:500;font-size:13px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.promocodes-table td{font-size:14px;color:var(--text-color, #e0e0e0)}.promocodes-table tr:hover{background:#ffffff05}.code-cell{display:flex;align-items:center;gap:8px}.code{font-family:monospace;font-weight:600;color:#fff;background:#ffffff1a;padding:4px 8px;border-radius:4px}.copy-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s}.copy-btn:hover{opacity:1}.type-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.type-badge.custom{background:#17a2b8;color:#fff}.type-badge.generated{background:#6c757d;color:#fff}.amount{font-weight:600;color:#28a745}.usage{font-family:monospace}.exhausted{color:#dc3545;font-size:11px;margin-left:8px;font-weight:500}.status-btn{padding:4px 12px;border-radius:4px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.status-btn.active{background:#28a745;color:#fff}.status-btn.inactive{background:#6c757d;color:#fff}.status-btn:hover{opacity:.8}.creator{color:var(--text-secondary, #888)}.date{font-size:12px;color:var(--text-secondary, #888);font-family:monospace}.btn-delete{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s}.btn-delete:hover{opacity:1}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:15px}.pagination button{padding:8px 16px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-color, #fff);font-size:14px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#555}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary, #888);font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #888)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary, #1e1e1e);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-color, #fff);display:flex;align-items:center;gap:8px}.modal-header h3:before{content:"🎫";font-size:18px}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #888);font-size:20px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-color, #fff);transform:scale(1.05)}.create-form{padding:28px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-color, #e0e0e0);font-weight:500;letter-spacing:.3px}.form-group input,.form-group select{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-color, #fff);font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#ffffff14}.form-group input::placeholder{color:var(--text-secondary, #888)}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.modal-actions button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.modal-actions button[type=button]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #ccc)}.modal-actions button[type=button]:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-color, #fff);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #3b82f6!important;color:#fff!important}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;border-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.promocodes-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between}.promocodes-toolbar input{width:100%}.promocodes-table{overflow-x:auto}.form-row{grid-template-columns:1fr}.modal{margin:10px}}.admin-management{padding:0}.management-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.toolbar-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:600;color:var(--text-color)}.btn-create-admin{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create-admin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.admins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.admin-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;transition:all .3s ease}.admin-card:hover{transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 8px 32px #0003}.admin-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.admin-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.admin-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{color:#fff;font-size:24px;font-weight:600}.admin-info{flex:1}.admin-name{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 4px}.admin-email{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.admin-role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.admin-stats{margin-bottom:16px}.stat-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-icon{font-size:16px;width:20px;text-align:center}.stat-text{flex:1;font-size:14px;color:var(--text-secondary)}.stat-number{font-size:14px;font-weight:600;color:var(--text-color);background:#ffffff0d;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.admin-meta{margin-bottom:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.meta-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:12px;color:var(--text-color);font-weight:500}.admin-actions{display:flex;gap:8px}.btn-edit,.btn-demote{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.btn-edit:hover{background:#22c55e33}.btn-demote{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-demote:hover{background:#ef444433}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:var(--text-color)}.create-form,.edit-form{padding:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-color)}.form-group input,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-secondary)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions button[type=button]{background:#ffffff1a;color:var(--text-secondary)}.modal-actions button[type=button]:hover{background:#fff3;color:var(--text-color)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p{font-size:16px;margin:0}@media (max-width: 768px){.management-toolbar{flex-direction:column;gap:16px;align-items:stretch}.toolbar-stats{justify-content:space-between}.admins-grid{grid-template-columns:1fr}.modal{width:95%;margin:20px}}.audit-logs{padding:24px;background:#ffffff05;border-radius:12px;margin-bottom:24px}.audit-logs__header{margin-bottom:24px}.audit-logs__header h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:600}.audit-logs__description{color:#ffffffb3;margin:0;font-size:14px}.audit-logs__filters{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:20px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#fffc;font-size:13px;font-weight:500}.filter-group input,.filter-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.filter-group input::placeholder{color:#fff6}.filters-actions{display:flex;gap:12px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover{background:#2563eb}.btn--secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.btn--secondary:hover{background:#ffffff26;color:#fff}.btn--small{padding:4px 8px;font-size:12px}.btn--ghost{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2)}.btn--ghost:hover{background:#ffffff1a;color:#fff}.audit-logs__stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;color:#ffffffb3;font-size:14px}.audit-logs__loading,.audit-logs__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.audit-logs__loading{color:#ffffffb3}.audit-logs__error{color:#ef4444}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.audit-logs__table{background:#ffffff05;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.audit-logs__table table{width:100%;border-collapse:collapse}.audit-logs__table th{background:#ffffff0d;color:#ffffffe6;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:16px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.audit-logs__table td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:14px;vertical-align:top}.audit-logs__table tr.clickable{cursor:pointer;transition:background-color .2s ease}.audit-logs__table tr.clickable:hover{background:#ffffff08}.audit-logs__table tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#ffffff80;font-style:italic;padding:40px!important}.admin-info{display:flex;flex-direction:column;gap:2px}.admin-name{font-weight:500;color:#fff}.admin-id{font-size:12px;color:#ffffff80}.target-info{display:flex;flex-direction:column;gap:2px}.target-type{font-weight:500;color:#ffffffe6;text-transform:capitalize}.target-id{font-size:12px;color:#ffffff80;font-family:monospace}.ip-address{font-family:monospace;font-size:13px;color:#ffffffb3}.action-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.action-badge--danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.action-badge--success{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.action-badge--warning{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.action-badge--info{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination-btn{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:40px}.pagination-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal__header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.modal__close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal__close:hover{background:#ffffff1a;color:#fff}.modal__body{padding:24px;overflow-y:auto}.audit-log-details .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item--full{grid-column:1 / -1}.detail-item label{color:#ffffffb3;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#fff;font-size:14px}.user-agent{font-family:monospace;font-size:12px;color:#fffc;word-break:break-all}.details-json{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:16px;color:#86efac;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;margin:0}@media (max-width: 768px){.audit-logs{padding:16px}.filters-row{grid-template-columns:1fr}.filters-actions{flex-direction:column}.audit-logs__stats{flex-direction:column;gap:8px;align-items:flex-start}.audit-logs__table{overflow-x:auto}.audit-logs__table table{min-width:800px}.pagination{flex-wrap:wrap}.modal{margin:10px;max-height:calc(100vh - 20px)}.audit-log-details .detail-grid{grid-template-columns:1fr}}.admin-panel{padding:30px;max-width:1900px;margin:0 auto}.admin-content{background:#0f0f0f66;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;min-height:600px;width:100%;max-width:1800px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.stat-icon{font-size:40px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9ca3af26,#6b728026);border:1px solid rgba(156,163,175,.3);border-radius:16px;flex-shrink:0}.stat-info{flex:1}.stat-info h3{font-size:14px;font-weight:600;color:#fff9;margin:0 0 8px;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:36px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif;letter-spacing:-.02em}.admin-section{min-height:400px}.admin-section h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 24px;font-family:Inter,sans-serif;letter-spacing:-.02em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.filters{display:flex;gap:12px;flex-wrap:wrap}.search-input,.status-filter{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;transition:all .2s ease}.status-filter option{background:#1a1a2e;color:#fff;padding:10px}.search-input{min-width:280px}.search-input:focus,.status-filter:focus{outline:none;background:#ffffff0f;border-color:#9ca3af66;box-shadow:0 0 0 3px #9ca3af1a}.loading{text-align:center;padding:80px 20px;color:#ffffff80;font-size:16px;font-family:Inter,sans-serif}.users-table{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.user-card .user-avatar{width:60px;height:60px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.1);overflow:hidden}.user-card .user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:url(/default-avatar.png) center/cover;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;font-family:Inter,sans-serif}.user-main-info{flex:1;min-width:0}.user-name-id{display:flex;align-items:center;gap:12px;margin-bottom:6px}.user-name{font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.user-id{font-size:14px;font-weight:600;color:#9ca3afcc;font-family:Inter,sans-serif}.user-email{font-size:14px;color:#fff9;font-family:Inter,sans-serif}.user-status-info{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:140px}.user-status{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-admin{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.status-moderator{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.status-user{background:#9ca3af33;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.user-balance{padding:6px 12px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#4ade80;font-size:13px;font-weight:700;font-family:Inter,sans-serif;white-space:nowrap}.user-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:40px;height:40px;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.edit-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.edit-btn:hover{background:#3b82f640;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.delete-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.delete-btn:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.releases-list{display:flex;flex-direction:column;gap:16px}.admin-release-card{background:#1c1e2466;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-release-card:hover{background:#1c1e2499;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.admin-release-card.expanded{background:#1c1e24b3;border-color:#9ca3af4d}.release-main{display:flex;align-items:center;gap:20px;padding:20px}.release-main .release-cover{width:80px;height:80px;min-width:80px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.release-main .release-cover img{width:100%;height:100%;object-fit:cover}.release-main .no-cover{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:32px}.release-main .release-info{flex:1;min-width:0}.release-main .release-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px;font-family:Inter,sans-serif}.release-main .release-artist{font-size:15px;color:#ffffffb3;margin-bottom:8px;font-family:Inter,sans-serif}.release-user{font-size:13px;color:#ffffff80;margin-top:8px;font-family:Inter,sans-serif}.admin-btn{padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter,sans-serif;white-space:nowrap}.admin-btn-details{background:#4f46e533;color:#4f46e5;border:1px solid rgba(79,70,229,.3)}.admin-btn-details:hover{background:#4f46e54d;border-color:#4f46e580;transform:translateY(-2px)}.admin-btn-approve{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-btn-approve:hover{background:#22c55e4d;border-color:#22c55e80;transform:translateY(-2px)}.admin-btn-reject{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-btn-reject:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.release-details{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.admin-release-card.expanded .release-details{max-height:1000px}.details-content{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:20px}.details-content h5{color:#fffc;margin:16px 0 12px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.release-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:13px;color:#ffffffb3;font-family:Inter,sans-serif;margin-bottom:16px}.release-info-grid div{padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px}.release-info-grid strong{color:#ffffffe6;margin-right:8px}.release-description p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0;font-family:Inter,sans-serif}.tracks-list{background:#0003;border-radius:10px;padding:12px;max-height:300px;overflow-y:auto}.admin-track-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.admin-track-item:hover{background:#ffffff0f;border-color:#ffffff1a}.admin-track-item:last-child{margin-bottom:0}.track-number{color:#ffffff80;font-size:14px;font-weight:600;min-width:24px;font-family:Inter,sans-serif}.track-info{flex:1;min-width:0}.track-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;font-family:Inter,sans-serif}.track-artist{font-size:12px;color:#fff9;font-family:Inter,sans-serif}.track-duration{color:#fff9;font-size:13px;font-family:Courier New,monospace}.loading-tracks,.no-tracks{text-align:center;padding:20px;color:#ffffff80;font-size:14px;font-family:Inter,sans-serif}.moderator-comment,.promo-section{margin-top:16px;padding:16px;background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:10px}.moderator-comment h5,.promo-section h5{margin-top:0}.moderator-comment p,.promo-section p{color:#fffc;font-size:13px;line-height:1.6;margin:8px 0;font-family:Inter,sans-serif}.release-info-grid a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.release-info-grid a:hover{color:#93c5fd;text-decoration:underline}.release-row{display:flex;align-items:center;gap:16px;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.release-row:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.release-info{flex:1;min-width:0}.release-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-artist{font-size:14px;color:#ffffff80;font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.release-cover{width:64px;height:64px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.release-cover img{width:100%;height:100%;object-fit:cover}.no-cover{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:28px}.release-status{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.status-approved{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.status-rejected{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.release-actions{display:flex;gap:8px}.btn-approve,.btn-reject{padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;text-transform:uppercase;letter-spacing:.05em}.btn-approve{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-approve:hover{background:#22c55e4d;border-color:#22c55e80;box-shadow:0 4px 16px #22c55e4d;transform:translateY(-2px)}.btn-reject{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-reject:hover{background:#ef44444d;border-color:#ef444480;box-shadow:0 4px 16px #ef44444d;transform:translateY(-2px)}.notification-form{max-width:600px;margin-top:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px;font-family:Inter,sans-serif}.form-input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;transition:all .2s ease;resize:vertical}.form-input:focus{outline:none;background:#ffffff0f;border-color:#9ca3af66;box-shadow:0 0 0 3px #9ca3af1a}.form-input option{background:#1a1a2e;color:#fff;padding:10px}.btn-send-notification{padding:14px 28px;background:linear-gradient(135deg,#9ca3af33,#6b728033);border:1px solid rgba(156,163,175,.3);border-radius:12px;color:#9ca3af;font-size:15px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.btn-send-notification:hover{background:linear-gradient(135deg,#9ca3af4d,#4f46e54d);border-color:#9ca3af80;box-shadow:0 4px 16px #9ca3af4d;transform:translateY(-2px)}.logs-container{display:flex;flex-direction:column;gap:24px;margin-top:24px}.log-info,.log-files,.backend-status{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.log-info h3,.log-files h3,.backend-status h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;font-family:Inter,sans-serif}.log-info p{color:#ffffffb3;margin:8px 0;font-family:Inter,sans-serif}.logs-controls{display:flex;gap:12px;align-items:center}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fffc;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.auto-refresh-toggle:hover{background:#ffffff0f}.auto-refresh-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn-refresh,.btn-clear{padding:10px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#9ca3af33;border-color:#9ca3af66;transform:translateY(-2px)}.btn-clear{background:#ef444426;border-color:#ef44444d;color:#ef4444}.btn-clear:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-2px)}.logs-console{margin-top:24px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.console-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.console-title{font-size:14px;font-weight:700;color:#fff;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}.console-status{font-size:13px;font-weight:600;font-family:Inter,sans-serif}.console-body{padding:16px;max-height:600px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.console-body::-webkit-scrollbar{width:8px}.console-body::-webkit-scrollbar-track{background:#0003}.console-body::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:4px}.console-body::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.console-empty{text-align:center;padding:60px 20px;color:#fff6}.console-line{padding:6px 0;color:#fffc;word-wrap:break-word;border-bottom:1px solid rgba(255,255,255,.03)}.console-line:last-child{border-bottom:none}.log-file{display:inline-block;padding:2px 8px;background:#9ca3af33;border:1px solid rgba(156,163,175,.3);border-radius:4px;color:#9ca3af;font-size:11px;font-weight:700;margin-right:12px;text-transform:uppercase}.log-message{color:#ffffffe6}.log-error .log-file{background:#ef444433;border-color:#ef44444d;color:#ef4444}.log-php .log-file{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.log-info .log-file{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.btn-create-notif{padding:10px 18px;background:linear-gradient(135deg,#9ca3af33,#4f46e533);border:1px solid rgba(156,163,175,.3);border-radius:10px;color:#9ca3af;font-size:14px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.btn-create-notif:hover{background:linear-gradient(135deg,#9ca3af4d,#4f46e54d);border-color:#9ca3af80;transform:translateY(-2px)}.notifications-table{display:flex;flex-direction:column;gap:12px;margin-top:24px}.notification-row{display:flex;align-items:center;gap:16px;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s ease}.notification-row:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(4px)}.notif-type{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.type-system{background:#9ca3af33;border:1px solid rgba(156,163,175,.3);color:#9ca3af}.type-info{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.type-warning{background:#fbbf2433;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.type-success{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#4ade80}.notif-info{flex:1;min-width:0}.notif-message{font-size:15px;font-weight:500;color:#fff;margin-bottom:6px;font-family:Inter,sans-serif}.notif-meta{font-size:12px;color:#ffffff80;font-family:Inter,sans-serif}.notif-stats{display:flex;gap:16px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.stat-label{font-size:11px;color:#ffffff80;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.btn-delete-notif{padding:8px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-delete-notif:hover{background:#ef444440;border-color:#ef444480;transform:scale(1.1)}.empty-state{text-align:center;padding:60px 20px;color:#fff6;font-size:16px;font-family:Inter,sans-serif}.release-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.meta-badge{padding:4px 10px;background:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:6px;color:#9ca3af;font-size:11px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase}.meta-date{padding:4px 10px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:11px;font-weight:600;font-family:Inter,sans-serif}.release-user-info{display:flex;flex-direction:column;gap:4px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;min-width:180px}.user-label{font-size:11px;color:#ffffff80;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.rejection-reason{grid-column:1 / -1;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fffc;font-size:13px;font-family:Inter,sans-serif;margin-top:8px}.rejection-reason strong{color:#ef4444}.user-meta{font-size:12px;color:#fff6;font-family:Inter,sans-serif;margin-top:4px}.admin-back-btn{position:absolute;top:12px;left:12px;background:#9ca3af1a;border:1px solid rgba(156,163,175,.2);color:#9ca3af;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;z-index:10}.admin-back-btn:hover{background:#9ca3af33;border-color:#9ca3af4d;transform:translateY(-1px)}.user-edit-section{padding:0!important}.user-edit-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;padding:60px 28px 28px;height:calc(100vh - 100px);overflow:hidden}.user-profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;text-align:center;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#9ca3af1a,#6b72800d);z-index:1}.profile-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.1);margin:0 auto 20px;position:relative;z-index:2;background:#ffffff0d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fffc}.profile-avatar:hover .avatar-overlay{opacity:1}.profile-info{position:relative;z-index:2}.profile-info h3{margin:0 0 6px;font-size:22px;font-weight:700;color:#fff}.user-id{margin:0 0 4px;font-size:12px;color:#9ca3afcc;font-family:JetBrains Mono,monospace;font-weight:600}.user-email{margin:0 0 16px;font-size:13px;color:#fff9;word-break:break-all}.role-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.role-badge.role-moderator{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.role-badge.role-user{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.stats-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);opacity:.6}.stats-card h4{margin:0 0 20px;font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.stat-row:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.stat-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;flex-shrink:0}.stat-text{flex:1;font-size:13px;color:#fffc;font-weight:500}.stat-number{font-size:16px;font-weight:700;color:#fff;min-width:40px;text-align:right}.stat-number.published{color:#10b981}.stat-number.moderation{color:#f59e0b}.stat-date{font-size:11px;color:#fff9;font-family:JetBrains Mono,monospace;font-weight:500;min-width:80px;text-align:right}.user-edit-main{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;position:relative}.user-edit-main:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9ca3af4d,#6b728033);z-index:1}.edit-form{padding:36px;flex:1;overflow-y:auto;position:relative;z-index:2}.edit-form h2{margin:0 0 36px;font-size:26px;font-weight:700;color:#fff;position:relative}.edit-form h2:after{content:"";position:absolute;bottom:-12px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#9ca3af,#9ca3af4d);border-radius:2px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.edit-toggle-btn{background:#9ca3af1a;border:1px solid rgba(156,163,175,.2);color:#9ca3af;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif}.edit-toggle-btn:hover{background:#9ca3af33;border-color:#9ca3af4d;transform:translateY(-1px)}.edit-toggle-btn.active{background:#9ca3af33;border-color:#9ca3af66;color:#fff}.form-display{padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;min-height:48px;display:flex;align-items:center}.role-display{display:inline-block;padding:8px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-height:auto}.role-display.role-admin{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.role-display.role-moderator{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.role-display.role-user{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.balance-display{font-weight:600;color:#10b981}.info-grid{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.info-label{font-size:13px;color:#ffffffb3;font-weight:500}.info-value{font-size:13px;color:#fff;font-weight:600;font-family:JetBrains Mono,monospace}.btn-primary.has-changes{background:#10b98133;border-color:#10b98166;color:#10b981;animation:pulse 2s infinite}.btn-primary.has-changes:hover:not(:disabled){background:#10b9814d;border-color:#10b98199;box-shadow:0 4px 12px #10b9814d}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:8px;font-size:14px;font-weight:500;color:#fffc}.form-input{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease;font-family:Inter,sans-serif}.form-input:focus{outline:none;border-color:#9ca3af;background:#ffffff14;box-shadow:0 0 0 3px #9ca3af1a}.form-input::placeholder{color:#fff6}.balance-input{position:relative}.balance-input .currency{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff9;font-size:14px;font-weight:500;pointer-events:none}.balance-input .form-input{padding-right:40px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px 32px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;margin:0 -32px -32px}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;font-family:Inter,sans-serif}.btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-primary{background:#9ca3af33;border-color:#9ca3af66;color:#9ca3af}.btn-primary:hover:not(:disabled){background:#9ca3af4d;border-color:#9ca3af99;transform:translateY(-1px);box-shadow:0 4px 12px #9ca3af33}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 1024px){.user-edit-layout{grid-template-columns:1fr;height:auto;overflow:visible}.user-profile-sidebar{flex-direction:row;gap:20px}.profile-card,.stats-card{flex:1}.profile-card{display:flex;align-items:center;gap:16px;text-align:left}.profile-avatar{margin:0;flex-shrink:0}}@media (max-width: 768px){.user-edit-layout{padding:16px}.user-profile-sidebar{flex-direction:column}.profile-card{flex-direction:column;text-align:center}.profile-avatar{margin:0 auto 16px}.form-grid{grid-template-columns:1fr}.edit-form{padding:24px}.form-actions{flex-direction:column;padding:20px 24px;margin:0 -24px -24px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(156,163,175,.2);border-top:3px solid #9ca3af;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#ffffffb3;font-size:14px;margin:0}.success-notification,.error-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10000;padding:16px 20px;border-radius:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);animation:slideInUp .3s cubic-bezier(.4,0,.2,1);max-width:400px;box-shadow:0 8px 32px #0000004d}.success-notification{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.error-notification{background:#ef444426;border-color:#ef44444d;color:#ef4444}.notification-content{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}.notification-content svg{flex-shrink:0}@keyframes slideInUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.balance-number-input::-webkit-outer-spin-button,.balance-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.balance-number-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.balance-input{position:relative;display:flex;align-items:center}.balance-input .currency{position:absolute;right:12px;color:#fff9;font-weight:500;pointer-events:none}.balance-input .form-input{padding-right:30px}.balance-input.add-balance .form-input{border-color:#22c55e4d;background:#22c55e0d}.balance-input.add-balance .form-input:focus{border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e1a}.balance-input.sph .currency{color:#a78bfa}.balance-input.sph .form-input{padding-right:36px}.balance-input.add-balance.sph .form-input{border-color:#a78bfa4d;background:#a78bfa0d}.balance-input.add-balance.sph .form-input:focus{border-color:#a78bfa99;box-shadow:0 0 0 3px #a78bfa1a}.sph-currency{display:flex;align-items:center;justify-content:center}.sph-currency svg{filter:drop-shadow(0 0 4px rgba(167,139,250,.5))}.form-display.sph-display{display:flex;align-items:center;color:#a78bfa}.form-display.muted{color:#ffffff4d}.balance-add-row{display:flex;gap:8px;align-items:center}.balance-add-input{flex:1;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px}.balance-add-input:focus{outline:none;border-color:#22c55e80;background:#22c55e0d}.balance-add-input.sph:focus{border-color:#a78bfa80;background:#a78bfa0d}.btn-add-balance{width:42px;height:42px;border:none;border-radius:10px;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-add-balance.rub{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-add-balance.rub:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e80;transform:scale(1.05)}.btn-add-balance.sph{background:#a78bfa33;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.btn-add-balance.sph:hover:not(:disabled){background:#a78bfa4d;border-color:#a78bfa80;transform:scale(1.05)}.btn-add-balance:disabled{opacity:.4;cursor:not-allowed}.status-st\.administrator,.role-st\.administrator,.role-display.role-st\.administrator{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:600;border:1px solid #f59e0b}.status-administrator,.role-administrator,.role-display.role-administrator{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;border:1px solid #1d4ed8}.status-st\.moderator,.role-st\.moderator,.role-display.role-st\.moderator{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;border:1px solid #059669}.status-moderator,.role-moderator,.role-display.role-moderator{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:1px solid #4b5563}.status-editor,.role-editor,.role-display.role-editor{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid #7c3aed}.status-tester,.role-tester,.role-display.role-tester{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #d97706}.status-hr\.manager,.role-hr\.manager,.role-display.role-hr\.manager{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:1px solid #db2777}.status-pr\.manager,.role-pr\.manager,.role-display.role-pr\.manager{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:1px solid #0891b2}.status-user,.role-user,.role-display.role-user{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.notification-form-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.notification-form,.notification-preview{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.notification-preview h3{margin:0 0 16px;color:#ffffffe6;font-size:16px;font-weight:600}.preview-notification{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.notification-icon{font-size:20px;flex-shrink:0}.notification-content{flex:1}.notification-type{font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:4px;opacity:.8}.notification-message{font-size:14px;line-height:1.4;margin-bottom:8px;color:#ffffffe6}.notification-time{font-size:12px;opacity:.6}.notification-system{border-color:#9ca3af4d;background:#9ca3af1a}.notification-info{border-color:#3b82f64d;background:#3b82f61a}.notification-warning{border-color:#f59e0b4d;background:#f59e0b1a}.notification-success{border-color:#22c55e4d;background:#22c55e1a}.notification-error{border-color:#ef44444d;background:#ef44441a}.notification-update{border-color:#8b5cf64d;background:#8b5cf61a}.notification-maintenance{border-color:#f59e0b4d;background:#f59e0b1a}.btn-send-notification{width:100%;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px}.btn-send-notification:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-send-notification:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.notification-form-container{grid-template-columns:1fr}}.compact-release-card{background:#ffffff05;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .2s ease;margin-bottom:16px;position:relative}.compact-release-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#9ca3af4d,#6b728033);border-radius:16px 16px 0 0}.compact-release-card:hover{background:#ffffff0a;border-color:#ffffff1f}.release-card-main{display:flex;align-items:center;gap:20px;padding:20px;position:relative}.release-avatar{position:relative;width:80px;height:80px;min-width:80px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.08);flex-shrink:0;box-shadow:0 2px 12px #0003}.release-avatar img{width:100%;height:100%;object-fit:cover}.release-avatar .no-cover{width:100%;height:100%;background:linear-gradient(135deg,#9ca3af1a,#6b72800d);display:flex;align-items:center;justify-content:center;font-size:28px;color:#ffffff4d}.release-status-badge{padding:4px 10px;border-radius:10px;font-size:9px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;box-shadow:0 2px 8px #0003}.release-status-badge.status-rejected{background:#ef4444f2;border-color:#ef4444;color:#fffffff2}.release-status-badge.status-pending{background:#fbbf24f2;border-color:#fbbf24;color:#000000e6}.release-status-badge.status-accepted{background:#3b82f6f2;border-color:#3b82f6;color:#fffffff2}.release-status-badge.status-approved{background:#22c55ef2;border-color:#22c55e;color:#fffffff2}.release-status-badge.status-published{background:#a855f7f2;border-color:#a855f7;color:#fffffff2}.release-main-info{flex:1;min-width:0}.release-header{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.release-title{font-size:18px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif;letter-spacing:-.01em;line-height:1.2}.release-version{padding:3px 8px;background:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:6px;color:#9ca3af;font-size:10px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px}.release-artists{font-size:14px;color:#ffffffb3;margin-bottom:12px;font-family:Inter,sans-serif;font-weight:500;line-height:1.3}.release-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:20px 0}.release-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s ease}.detail-label{font-size:11px;color:#ffffff80;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em}.detail-value{font-size:15px;color:#fffffff2;font-weight:700;font-family:Inter,sans-serif;line-height:1.2}.release-additional-info{display:flex;gap:20px;flex-wrap:wrap}.additional-item{display:flex;align-items:center;gap:8px}.additional-label{font-size:12px;color:#ffffff80;font-weight:500;font-family:Inter,sans-serif}.additional-value{font-size:13px;color:#fffc;font-weight:500;font-family:Inter,sans-serif}.release-actions-panel{display:flex;flex-direction:column;gap:10px;min-width:180px;align-items:flex-end}.details-btn{padding:10px 16px;background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;width:100%}.details-btn:hover{background:#9ca3af40;border-color:#9ca3af80;color:#fff}.status-actions,.quick-actions{display:flex;flex-direction:column;gap:6px;width:100%}.quick-btn{padding:8px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;width:100%}.accept-btn{background:#22c55e33;color:#10b981;border:1px solid rgba(34,197,94,.4)}.accept-btn:hover{background:#22c55e4d;border-color:#22c55e99}.reject-btn{background:#ef444433;color:#dc2626;border:1px solid rgba(239,68,68,.4)}.reject-btn:hover{background:#ef44444d;border-color:#ef444499}.publish-btn{padding:8px 14px;background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;width:100%}.publish-btn:hover{background:#a855f74d;border-color:#a855f799}.change-status-btn{padding:8px 14px;background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;width:100%}.change-status-btn:hover{background:#3b82f640;border-color:#3b82f680}.release-expanded-details{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0003,#0f0f0f4d);max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.new-release-card.expanded .release-expanded-details{max-height:1200px}.expanded-content{padding:32px}.tracks-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.tracks-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#ffffffe6;font-family:Inter,sans-serif}.additional-sections{margin-top:24px;display:flex;flex-direction:column;gap:16px}.rejection-section,.moderator-section,.promo-section{padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.moderator-section{background:#3b82f61a;border-color:#3b82f64d}.promo-section{background:#9ca3af1a;border-color:#9ca3af4d}.rejection-section h4,.moderator-section h4,.promo-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#ffffffe6;font-family:Inter,sans-serif}.rejection-section p,.moderator-section p,.promo-section p{margin:8px 0;font-size:13px;color:#fffc;line-height:1.5;font-family:Inter,sans-serif}.no-tracks,.loading-tracks{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px;font-family:Inter,sans-serif;background:#0003;border-radius:12px}@media (max-width: 1400px){.release-details-grid{grid-template-columns:repeat(2,1fr)}.release-quick-actions{min-width:160px}}@media (max-width: 1024px){.release-card-main{gap:20px;padding:24px}.release-avatar{width:100px;height:100px;min-width:100px}.release-title{font-size:20px}.release-artists{font-size:16px}}@media (max-width: 768px){.compact-release-card{margin-bottom:12px;border-radius:12px}.release-card-main{flex-direction:column;gap:16px;padding:16px}.release-avatar{width:70px;height:70px;min-width:70px;align-self:center}.release-main-info{text-align:center}.release-header,.release-meta-info{justify-content:center}.release-actions-panel{width:100%;flex-direction:column;align-items:center;gap:8px;min-width:auto}.status-actions{width:100%}.quick-actions{flex-direction:row;width:100%;gap:6px}.quick-btn{padding:6px 10px;font-size:11px;min-width:60px}.publish-btn,.change-status-btn{padding:6px 10px;font-size:11px}.details-btn{width:100%;padding:6px 10px;font-size:11px}.tracks-toggle-section{padding:10px 16px}.info-grid{grid-template-columns:1fr}.release-details-grid{grid-template-columns:1fr;gap:12px}.detail-item{padding:10px}.expanded-content{padding:20px}.expanded-tracks-list{padding:16px}.expanded-track-item{flex-wrap:wrap;gap:12px;padding:12px}.track-position{width:32px;height:32px;font-size:14px}.track-actions{order:1;width:100%;justify-content:center;margin-top:8px}.track-action-btn{width:32px;height:32px;font-size:14px}}@media (max-width: 480px){.admin-panel,.admin-content{padding:20px}.release-card-main{padding:16px}.release-title{font-size:18px}.release-artists{font-size:14px}.mod-btn{padding:8px 10px;font-size:11px;min-width:70px}.details-btn{min-width:90px;padding:8px 10px;font-size:11px}}.releases-list{display:flex;flex-direction:column;gap:20px}.loading-tracks,.no-tracks{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px;font-family:Inter,sans-serif;background:#0003;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.loading-tracks{position:relative}.loading-tracks:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(156,163,175,.3);border-top:2px solid #9ca3af;border-radius:50%;animation:spin 1s linear infinite}.expanded-tracks-list::-webkit-scrollbar{width:6px}.expanded-tracks-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.expanded-tracks-list::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.expanded-tracks-list::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-input{min-width:300px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;font-size:14px;font-family:Inter,sans-serif;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff0f;border-color:#9ca3af66;box-shadow:0 0 0 3px #9ca3af1a;transform:translateY(-1px)}.search-input::placeholder{color:#fff6}.releases-list:empty:after{content:"Релизы не найдены";display:block;text-align:center;padding:60px 20px;color:#fff6;font-size:16px;font-family:Inter,sans-serif;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:16px}.new-release-card,.quick-btn,.details-toggle-btn,.track-action-btn{will-change:transform}.quick-btn:focus,.details-toggle-btn:focus,.track-action-btn:focus{outline:2px solid rgba(156,163,175,.5);outline-offset:2px}@media print{.new-release-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.release-quick-actions,.track-actions{display:none}}.tracks-list-bottom{display:flex;flex-direction:column;gap:8px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;max-height:300px;overflow-y:auto}.track-item-bottom{display:flex;align-items:center;gap:16px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px}.track-number{width:32px;height:32px;background:#9ca3af33;border:1px solid rgba(156,163,175,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#9ca3af;font-family:Inter,sans-serif;flex-shrink:0}.track-info-bottom{flex:1;min-width:0}.track-title-bottom{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;font-family:Inter,sans-serif}.track-artists-bottom{font-size:12px;color:#fff9;font-family:Inter,sans-serif}.track-duration-bottom{color:#fff9;font-size:12px;font-family:Courier New,monospace;font-weight:500;flex-shrink:0;min-width:50px;text-align:right}.track-actions-bottom{display:flex;gap:6px;flex-shrink:0}.track-btn{padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fffc;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.track-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.tracks-list-bottom::-webkit-scrollbar{width:6px}.tracks-list-bottom::-webkit-scrollbar-track{background:#0003;border-radius:3px}.tracks-list-bottom::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.tracks-list-bottom::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.release-meta-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.meta-item{font-size:12px;color:#fff9;font-family:Inter,sans-serif;font-weight:500}.tracks-toggle-section{padding:12px 20px;border-top:1px solid rgba(255,255,255,.05);background:#0000001a}.tracks-toggle-btn{width:100%;padding:10px 16px;background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.tracks-toggle-btn:hover{background:#9ca3af33;border-color:#9ca3af66;color:#fff}.release-details-expanded{border-top:1px solid rgba(255,255,255,.08);background:#0003;padding:20px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px}.info-label{font-size:12px;color:#fff9;font-weight:500;font-family:Inter,sans-serif}.info-value{font-size:12px;color:#ffffffe6;font-weight:600;font-family:Inter,sans-serif}.tracks-expanded{border-top:1px solid rgba(255,255,255,.08);background:#0000004d;padding:0;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.tracks-expanded.expanded{max-height:500px;padding:20px}.tracks-content h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#ffffffe6;font-family:Inter,sans-serif}.reject-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.reject-modal{background:#1c1e24f2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.reject-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.reject-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.reject-modal-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.reject-modal-close:hover{color:#fff;background:#ffffff1a}.reject-modal-body{padding:24px}.reject-modal-release{margin:0 0 16px;font-size:14px;color:#fffc;font-family:Inter,sans-serif}.reject-modal-release strong{color:#fff}.reject-modal-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#ffffffe6;font-family:Inter,sans-serif}.reject-modal-textarea{width:100%;min-height:100px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;resize:vertical;transition:all .2s ease}.reject-modal-textarea:focus{outline:none;background:#ffffff14;border-color:#ef444466;box-shadow:0 0 0 3px #ef44441a}.reject-modal-textarea::placeholder{color:#fff6}.reject-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.reject-modal-cancel{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.reject-modal-cancel:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.reject-modal-confirm{padding:10px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.reject-modal-confirm:hover:not(:disabled){background:#ef44444d;border-color:#ef444499;color:#fff}.reject-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.status-modal{background:#1c1e24f2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:450px;animation:slideIn .3s ease}.status-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.status-modal-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.status-modal-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.status-modal-close:hover{color:#fff;background:#ffffff1a}.status-modal-body{padding:24px;overflow:visible;min-height:280px}.status-modal-release{margin:0 0 20px;font-size:14px;color:#fffc;font-family:Inter,sans-serif}.status-modal-release strong{color:#fff}.status-current{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.status-label{font-size:14px;color:#ffffffb3;font-family:Inter,sans-serif;font-weight:500}.status-badge{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-badge.status-rejected{background:#ef444433;border-color:#ef444466;color:#ef4444}.status-badge.status-pending{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.status-badge.status-accepted{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.status-badge.status-approved{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.status-badge.status-published{background:#a855f733;border-color:#a855f766;color:#a855f7}.status-modal-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#ffffffe6;font-family:Inter,sans-serif}.status-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.status-modal-cancel{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.status-modal-cancel:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.status-modal-confirm{padding:10px 20px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.status-modal-confirm:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699;color:#fff}.status-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.admin-support-container{display:grid;grid-template-columns:400px 1fr;gap:24px;height:600px;margin-top:24px}.support-stats{display:flex;gap:24px;align-items:center}.support-stat{font-size:14px;color:#ffffffb3;font-family:Inter,sans-serif}.support-stat strong{color:#fff;font-weight:700}.admin-chats-sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.admin-chats-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.admin-chats-header h3{margin:0;font-size:16px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.admin-chats-list{flex:1;overflow-y:auto;padding:12px}.loading-chats,.no-chats{display:flex;align-items:center;justify-content:center;height:200px;color:#ffffff80;font-size:14px;font-family:Inter,sans-serif}.admin-chat-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.admin-chat-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.admin-chat-item.active{background:#3b82f61a;border-color:#3b82f64d}.admin-chat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.admin-chat-header h4{font-size:15px;font-weight:700;color:#fff;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif}.admin-status-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.admin-status-badge.new{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.admin-status-badge.open{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-status-badge.answered{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.admin-status-badge.closed{background:#ec000033;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.admin-chat-user{font-size:13px;color:#fff9;margin-bottom:8px;font-family:Inter,sans-serif}.admin-chat-meta{display:flex;justify-content:space-between;align-items:center}.admin-chat-time{font-size:12px;color:#fff6;font-family:Inter,sans-serif}.admin-unread-badge{background:#ef4444;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700}.admin-chat-area{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.admin-chat-header-main{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-chat-info h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.admin-chat-user-info{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.admin-chat-user-info span{font-size:13px;color:#fff9;font-family:Inter,sans-serif}.admin-assigned-info{margin-top:8px;display:flex;gap:8px;align-items:center}.assigned-label{font-size:12px;color:#ffffff80;font-family:Inter,sans-serif}.assigned-admin{font-size:12px;color:#3b82f6cc;font-weight:600;font-family:Inter,sans-serif}.admin-close-chat-btn{padding:10px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.admin-close-chat-btn:hover{background:#ef444440;border-color:#ef444480}.admin-messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.admin-no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:15px;font-family:Inter,sans-serif}.admin-message{display:flex;gap:12px;margin-bottom:16px;animation:messageSlide .3s ease}.admin-message.left{flex-direction:row;justify-content:flex-start}.admin-message.right{flex-direction:row-reverse;justify-content:flex-start}.admin-message-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.admin-message.right .admin-message-container{margin-left:auto;flex-direction:row-reverse}.admin-message.right .admin-message-header{flex-direction:row-reverse;justify-content:space-between}.admin-message.right .admin-message-content{text-align:right}.admin-sender-info{display:flex;align-items:center;gap:8px}.admin-sender-name{font-size:13px;font-weight:600;color:#fffc;font-family:Inter,sans-serif}.admin-role-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:10px;font-weight:600;color:#60a5fa}.admin-role-badge svg{width:10px;height:10px}.admin-role-text{font-size:11px;color:#3b82f6b3;font-weight:500;font-family:Inter,sans-serif;font-style:italic}.admin-message-time{font-size:11px;color:#fff6;font-family:Inter,sans-serif}.admin-message-avatar{flex-shrink:0}.admin-avatar-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;background:#ffffff0d}.admin-avatar-circle img{width:100%;height:100%;object-fit:cover}.admin-avatar-initials{font-size:16px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.admin-avatar-initials.admin-avatar{background:linear-gradient(135deg,#3b82f64d,#4f46e54d);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.admin-message-container{display:flex;gap:12px;max-width:40%;align-items:flex-start}.admin-message-bubble{display:flex;flex-direction:column}.admin-message-content{padding:12px 16px;border-radius:16px;position:relative}.admin-message.left .admin-message-content{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-bottom-left-radius:4px}.admin-message.right .admin-message-content{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-bottom-right-radius:4px}.admin-message-content p{font-size:14px;color:#fff;margin:0;line-height:1.5;word-wrap:break-word;font-family:Inter,sans-serif}.admin-message-input{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;gap:12px;align-items:flex-end}.admin-message-input textarea{flex:1;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;font-family:Inter,sans-serif;resize:none;transition:all .3s ease}.admin-message-input textarea::placeholder{color:#ffffff4d}.admin-message-input textarea:focus{outline:none;border-color:#3b82f666;background:#ffffff0f}.admin-send-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#60a5fa;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;flex-shrink:0}.admin-send-btn svg{width:16px;height:16px}.admin-send-btn:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680;transform:translateY(-2px)}.admin-send-btn:disabled{opacity:.4;cursor:not-allowed}.admin-no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.admin-no-chat-selected svg{width:80px;height:80px;color:#fff3}.admin-no-chat-selected p{color:#ffffff80;font-size:15px;font-family:Inter,sans-serif}@media (max-width: 1024px){.admin-support-container{grid-template-columns:350px 1fr}}@media (max-width: 768px){.admin-support-container{grid-template-columns:1fr;height:auto}.admin-chats-sidebar{max-height:300px}.admin-chat-area{min-height:500px}.admin-message-content{max-width:85%}.support-stats{flex-direction:column;gap:8px;align-items:flex-start}.admin-chat-header-main{flex-direction:column;gap:12px}.admin-chat-user-info{flex-direction:column;gap:8px;align-items:flex-start}}.admin-users-section{min-height:500px}.users-header{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.users-title{display:flex;align-items:center;gap:12px}.users-title h2{font-size:28px;font-weight:700;color:#fff;margin:0}.users-count{background:#9ca3af33;color:#9ca3af;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.users-controls{display:flex;flex-direction:column;gap:16px}.search-box{position:relative;max-width:400px}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6;pointer-events:none}.search-box input{width:100%;padding:12px 40px 12px 44px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease}.search-box input:focus{outline:none;background:#ffffff0f;border-color:#9ca3af66;box-shadow:0 0 0 3px #9ca3af1a}.search-box input::placeholder{color:#fff6}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#fff6;transition:color .2s}.clear-search:hover{color:#fff}.clear-search svg{width:16px;height:16px}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.role-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.role-tab:hover{background:#ffffff14;color:#fff}.role-tab.active{background:#9ca3af33;border-color:#9ca3af66;color:#fff}.role-tab .role-icon{font-size:14px}.role-tab .role-label{font-size:13px}.users-loading,.users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.users-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#9ca3af;border-radius:50%;animation:spin 1s linear infinite}.users-loading p{margin-top:16px;color:#ffffff80}.users-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.users-empty h3{color:#fff;margin:0 0 8px;font-size:18px}.users-empty p{color:#ffffff80;margin:0}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.admin-users-section .user-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s ease}.admin-users-section .user-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 8px 32px #0003}.user-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.user-avatar-wrapper{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#ffffff1a;border:2px solid rgba(255,255,255,.1)}.user-avatar-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.user-avatar-img.loading{opacity:0}.user-avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#374151,#1f2937);color:#fff;font-size:24px;font-weight:600}.user-card-header .role-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-st-admin{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.role-badge.role-admin{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.role-badge.role-mod{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-badge.role-user{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.user-card-body{padding:16px 20px}.user-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.user-id{font-size:12px;color:#fff6;margin-bottom:8px;font-family:JetBrains Mono,monospace}.user-email{font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-footer{padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.user-stats{display:flex;gap:20px;margin-bottom:12px}.user-stats .stat{display:flex;flex-direction:column;gap:2px}.user-stats .stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.user-stats .stat-value{font-size:14px;color:#fff;font-weight:500}.user-actions{display:flex;gap:8px}.user-actions .action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.user-actions .action-btn svg{width:18px;height:18px}.user-actions .action-btn.edit{background:#3b82f626;color:#60a5fa}.user-actions .action-btn.edit:hover{background:#3b82f640}.user-actions .action-btn.delete{background:#ef444426;color:#f87171}.user-actions .action-btn.delete:hover{background:#ef444440}.users-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.page-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn.active{background:#9ca3af33;border-color:#9ca3af66;color:#fff}.page-btn.nav svg{width:18px;height:18px}.page-numbers{display:flex;gap:4px}.page-info{margin-left:16px;color:#fff6;font-size:13px}.admin-users-section .users-title-row{display:flex;align-items:center;gap:12px}.admin-users-section .users-title-row h2{font-size:28px;font-weight:700;color:#fff;margin:0}.admin-users-section .users-total{background:#9ca3af33;color:#9ca3af;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.admin-users-section .users-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-users-section .users-search{position:relative;flex:1;min-width:280px;max-width:400px}.admin-users-section .users-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6;pointer-events:none}.admin-users-section .users-search input{width:100%;padding:12px 40px 12px 44px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease}.admin-users-section .users-search input:focus{outline:none;background:#ffffff0f;border-color:#9ca3af66;box-shadow:0 0 0 3px #9ca3af1a}.admin-users-section .users-search input::placeholder{color:#fff6}.admin-users-section .users-search .clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;color:#fff9;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-users-section .users-search .clear-btn:hover{background:#fff3;color:#fff}.admin-users-section .role-dropdown-wrapper{position:relative}.admin-users-section .role-dropdown-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-users-section .role-dropdown-btn:hover{background:#ffffff14;border-color:#ffffff26}.admin-users-section .role-dropdown-btn svg{width:16px;height:16px;transition:transform .2s}.admin-users-section .role-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1c1e24fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;z-index:100;box-shadow:0 8px 32px #0006}.admin-users-section .role-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.admin-users-section .role-option:hover{background:#ffffff14;color:#fff}.admin-users-section .role-option.active{background:#9ca3af26;color:#fff}.admin-users-section .role-option .option-icon{font-size:16px}.admin-users-section .role-option .option-label{flex:1}.admin-users-section .role-option .check{color:#4ade80;font-weight:600}.admin-users-section .users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.admin-users-section .users-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#9ca3af;border-radius:50%;animation:spin 1s linear infinite}.admin-users-section .users-loading p{margin-top:16px;color:#ffffff80}.admin-users-section .users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.admin-users-section .users-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.admin-users-section .users-empty h3{color:#fff;margin:0 0 8px;font-size:18px}.admin-users-section .users-empty p{color:#ffffff80;margin:0}.admin-users-section .users-list{display:flex;flex-direction:column;gap:12px}.admin-users-section .user-row{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-users-section .user-row:hover{background:#ffffff0d;border-color:#ffffff1a}.admin-users-section .user-row .user-avatar{position:relative;width:52px;height:52px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.admin-users-section .user-row .user-avatar img{width:100%;height:100%;object-fit:cover}.admin-users-section .user-row .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:20px;font-weight:600;font-family:Inter,sans-serif}.admin-users-section .user-row .user-info{flex:1;min-width:0}.admin-users-section .user-row .user-name-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.admin-users-section .user-row .user-name{font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-users-section .user-row .user-id{font-size:12px;color:#9ca3afcc;font-family:JetBrains Mono,monospace;font-weight:500;background:#ffffff0d;padding:2px 8px;border-radius:4px}.admin-users-section .user-row .user-email{font-size:13px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.admin-users-section .user-row .user-role{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.admin-users-section .user-row .user-role .role-icon{font-size:14px}.admin-users-section .user-row .user-role .role-text{text-transform:uppercase;letter-spacing:.5px}.admin-users-section .user-row .user-role.role-st-admin{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.admin-users-section .user-row .user-role.role-admin{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.admin-users-section .user-row .user-role.role-mod{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.admin-users-section .user-row .user-role.role-helper{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.admin-users-section .user-row .user-role.role-user{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.admin-users-section .user-row .user-role.role-hr{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.admin-users-section .user-row .user-role.role-pr{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.admin-users-section .user-row .user-role.role-curator{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.admin-users-section .user-row .user-role.role-tester{background:#84cc1626;color:#a3e635;border:1px solid rgba(132,204,22,.3)}.admin-users-section .user-row .user-role.role-editor{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.admin-users-section .user-row .user-role.role-fame{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.admin-users-section .user-row .user-role.role-partner{background:#14b8a626;color:#2dd4bf;border:1px solid rgba(20,184,166,.3)}.admin-users-section .user-row .user-balances{display:flex;gap:12px;flex-shrink:0}.admin-users-section .user-row .balance-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;font-family:JetBrains Mono,monospace}.admin-users-section .user-row .balance-item.rub{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.admin-users-section .user-row .balance-item.sph{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#a78bfa}.admin-users-section .user-row .balance-item .balance-icon{font-size:14px;display:flex;align-items:center;justify-content:center}.admin-users-section .user-row .balance-item .balance-icon svg{width:14px;height:14px}.admin-users-section .user-row .balance-item.sph .balance-icon svg{filter:drop-shadow(0 0 4px rgba(167,139,250,.5))}.admin-users-section .user-row .balance-item .balance-value{font-size:13px}.admin-users-section .user-row .user-date{font-size:13px;color:#fff6;min-width:90px;text-align:center;flex-shrink:0}.admin-users-section .user-row .user-actions{display:flex;gap:8px;flex-shrink:0}.admin-users-section .user-row .btn-edit,.admin-users-section .user-row .btn-delete{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-users-section .user-row .btn-icon{font-size:16px;font-weight:700;font-family:Inter,sans-serif}.admin-users-section .user-row .btn-edit{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.admin-users-section .user-row .btn-edit:hover{background:#3b82f640;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.admin-users-section .user-row .btn-delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.admin-users-section .user-row .btn-delete:hover{background:#ef444440;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.admin-users-section .users-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.admin-users-section .users-pagination .page-nav{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-users-section .users-pagination .page-nav:hover:not(:disabled){background:#ffffff14;color:#fff}.admin-users-section .users-pagination .page-nav:disabled{opacity:.3;cursor:not-allowed}.admin-users-section .users-pagination .page-numbers{display:flex;gap:4px}.admin-users-section .users-pagination .page-num{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-users-section .users-pagination .page-num:hover{background:#ffffff14;color:#fff}.admin-users-section .users-pagination .page-num.active{background:#9ca3af33;border-color:#9ca3af66;color:#fff}.admin-users-section .users-pagination .page-info{margin-left:16px;color:#fff6;font-size:13px}@media (max-width: 1200px){.admin-users-section .user-row{flex-wrap:wrap;gap:12px}.admin-users-section .user-row .user-info{flex:1 1 200px}.admin-users-section .user-row .user-balance,.admin-users-section .user-row .user-date{display:none}}@media (max-width: 768px){.admin-users-section .users-filters{flex-direction:column;align-items:stretch}.admin-users-section .users-search{max-width:none}.admin-users-section .user-row{padding:14px;gap:12px}.admin-users-section .user-row .user-avatar{width:44px;height:44px}.admin-users-section .user-row .user-name{font-size:14px}.admin-users-section .user-row .user-role{padding:4px 8px;font-size:10px}.admin-users-section .users-pagination{flex-direction:column;gap:12px}.admin-users-section .users-pagination .page-info{margin:0}}.extra-roles-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.current-extra-roles{margin-bottom:12px}.extra-roles-list{display:flex;flex-wrap:wrap;gap:8px}.extra-role-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.extra-role-badge.role-hrmanager{background:#ec489926;color:#f472b6;border-color:#ec48994d}.extra-role-badge.role-prmanager{background:#06b6d426;color:#22d3ee;border-color:#06b6d44d}.extra-role-badge.role-curator{background:#10b98126;color:#34d399;border-color:#10b9814d}.extra-role-badge.role-tester{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.extra-role-badge.role-editor{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.extra-role-badge.role-fame{background:#eab30826;color:#facc15;border-color:#eab3084d}.extra-role-badge.role-partner{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.remove-role-btn{background:#ef444433;border:none;color:#ef4444;width:18px;height:18px;border-radius:50%;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.remove-role-btn:hover{background:#ef444466}.no-extra-roles{color:#fff6;font-size:14px;font-style:italic}.add-extra-role{margin-top:12px}.extra-role-select{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.extra-role-select:hover{border-color:#fff3}.extra-role-select:focus{outline:none;border-color:#9ca3af66}.extra-role-select option{background:#1a1a1a;color:#fff;padding:10px}.user-roles-container{display:flex;flex-direction:column;gap:4px;min-width:80px}.extra-roles-badges{display:flex;gap:4px;flex-wrap:wrap}.extra-role-mini{font-size:10px;padding:2px 6px;border-radius:4px;background:#9ca3af26;color:#9ca3af}.extra-role-mini.role-hrmanager{background:#ec489926;color:#f472b6}.extra-role-mini.role-prmanager{background:#06b6d426;color:#22d3ee}.extra-role-mini.role-curator{background:#10b98126;color:#34d399}.extra-role-mini.role-tester{background:#f59e0b26;color:#fbbf24}.extra-role-mini.role-editor{background:#8b5cf626;color:#a78bfa}.extra-role-mini.role-fame{background:#eab30826;color:#facc15}.extra-role-mini.role-partner{background:#3b82f626;color:#60a5fa}.extra-role-more{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#fff9}.profile-extra-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;justify-content:center}.role-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-dropdown-btn.extra{background:#8b5cf61a;border-color:#8b5cf64d}.role-dropdown-btn.extra:hover{background:#8b5cf626;border-color:#8b5cf666}.role-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#fffc;font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.role-option:hover{background:#ffffff14}.role-option.active{background:#9ca3af26;color:#fff}.role-option .option-label{flex:1}.check-icon{color:#34d399;font-size:14px;font-weight:600}.role-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#141419fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;z-index:100;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.add-extra-role-dropdown{position:relative;margin-top:12px}.add-role-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 16px;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.4);border-radius:10px;color:#a78bfa;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-role-btn:hover{background:#8b5cf626;border-color:#8b5cf699}.add-role-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#141419fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;z-index:100;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.add-role-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#fffc;font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:8px}.add-role-option:hover{background:#ffffff14;color:#fff}.admin-panel .track-actions-bottom{display:flex;gap:8px}.admin-panel .track-btn{padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px;position:relative;overflow:hidden}.admin-panel .track-btn:disabled{cursor:not-allowed;opacity:.7}.admin-panel .track-btn svg{flex-shrink:0}.admin-panel .track-btn.play-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.admin-panel .track-btn.play-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.admin-panel .track-btn.play-btn.playing{background:#667eea33;border-color:#667eea66;color:#667eea}.admin-panel .track-btn.download-btn{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15);min-width:110px}.admin-panel .track-btn.download-btn:hover:not(:disabled){background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.admin-panel .track-btn:active:not(:disabled){transform:translateY(0)}.admin-panel .download-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.admin-panel .download-progress-bar{position:absolute;left:0;top:0;bottom:0;background:#667eea4d;transition:width .3s}.admin-panel .download-text{position:relative;z-index:1;font-weight:600;font-size:12px}.admin-panel .track-duration-bottom{min-width:50px;text-align:center;color:#fff9;font-size:13px}.admin-section .tracks-toggle-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s}.admin-section .tracks-toggle-btn:hover{background:#ffffff1a;color:#fff}.admin-section .release-tracks-list{grid-column:1 / -1;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.admin-section .release-track-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.admin-section .release-track-item:hover{background:#ffffff0d}.admin-section .release-track-item.playing{background:#fccc001a}.admin-section .release-track-item .track-num{width:24px;color:#fff6;font-size:13px;text-align:center}.admin-section .release-track-item .track-info{flex:1;min-width:0}.admin-section .release-track-item .track-title{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-section .release-track-item .track-artist{display:block;font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-section .release-track-item .track-duration{font-size:13px;color:#fff6}.admin-section .release-track-item .track-play-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.admin-section .release-track-item .track-play-btn:hover{background:#fff3;transform:scale(1.05)}.admin-section .release-track-item.playing .track-play-btn{background:#fccc00;color:#000}.admin-section .release-card{display:flex;flex-wrap:wrap}.status-select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.status-select:focus{outline:none;border-color:#3b82f680}.status-select option{background:#1c1e24;color:#fff;padding:10px}.upc-field{margin-top:16px}.upc-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,sans-serif}.upc-input:focus{outline:none;border-color:#3b82f680}.upc-input::placeholder{color:#fff6}.quick-btn.approve-btn{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.quick-btn.approve-btn:hover{background:#22c55e40;border-color:#22c55e80}.reason-field{margin-top:16px}.reason-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,sans-serif;resize:vertical;min-height:80px}.reason-input:focus{outline:none;border-color:#ef444480}.reason-input::placeholder{color:#fff6}.admin-roles-section{padding:0}.roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.roles-title-row{display:flex;align-items:center;gap:12px}.roles-title-row h2{margin:0;font-size:24px;font-weight:700;color:#fff}.roles-count{padding:4px 12px;background:#9ca3af26;border-radius:20px;font-size:13px;color:#9ca3af}.btn-create-role{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#4ade80;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-role:hover{background:#22c55e40;border-color:#22c55e80;transform:translateY(-2px)}.role-create-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}.role-create-form h3{margin:0 0 20px;font-size:18px;color:#fff}.role-create-form .form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;margin-bottom:16px}.role-create-form .form-field{display:flex;flex-direction:column;gap:8px}.role-create-form .form-field label{font-size:13px;color:#fff9}.role-create-form .form-field input[type=text]{padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.role-create-form .form-field input[type=text]:focus{outline:none;border-color:#9ca3af66}.role-create-form .color-field{width:120px}.role-create-form .color-input-row{display:flex;align-items:center;gap:8px}.role-create-form input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:transparent}.role-create-form .color-preview{font-size:12px;color:#ffffff80;font-family:monospace}.form-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:8px;margin-bottom:16px}.form-preview span:first-child{font-size:13px;color:#ffffff80}.role-badge-preview{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid}.form-actions{display:flex;justify-content:flex-end;gap:12px}.form-actions .btn-cancel{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.form-actions .btn-cancel:hover{background:#ffffff1a}.form-actions .btn-save{padding:10px 20px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#4ade80;font-weight:600;cursor:pointer;transition:all .2s ease}.form-actions .btn-save:hover:not(:disabled){background:#22c55e4d}.form-actions .btn-save:disabled{opacity:.5;cursor:not-allowed}.roles-list{display:flex;flex-direction:column;gap:12px}.role-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.role-card:hover{background:#ffffff0d;border-color:#ffffff1a}.role-info{display:flex;align-items:center;gap:16px}.role-icon-wrapper{position:relative;width:44px;height:44px}.role-icon-img{width:44px;height:44px;border-radius:10px;object-fit:cover}.role-icon-placeholder{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.upload-icon-btn{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:#3b82f6e6;border:2px solid #1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.upload-icon-btn:hover{background:#3b82f6;transform:scale(1.1)}.role-details{display:flex;flex-direction:column;gap:2px}.role-label{font-size:16px;font-weight:600}.role-name{font-size:12px;color:#fff6;font-family:monospace}.role-badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid;margin-left:auto;margin-right:20px}.role-actions{display:flex;gap:8px}.role-actions .btn-edit,.role-actions .btn-delete{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.role-actions .btn-edit{background:#3b82f626;color:#60a5fa}.role-actions .btn-edit:hover{background:#3b82f640}.role-actions .btn-delete{background:#ef444426;color:#ef4444}.role-actions .btn-delete:hover{background:#ef444440}.role-edit-form{flex:1;display:flex;flex-direction:column;gap:12px}.role-edit-form .form-row{display:flex;gap:16px;align-items:flex-end}.role-edit-form .form-field{display:flex;flex-direction:column;gap:6px}.role-edit-form .form-field label{font-size:12px;color:#ffffff80}.role-edit-form .form-field input[type=text]{padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px}.role-edit-form input[type=color]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;background:transparent}.edit-actions{display:flex;gap:8px;margin-left:auto}.edit-actions .btn-cancel,.edit-actions .btn-save{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.edit-actions .btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af}.edit-actions .btn-save{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#4ade80}.roles-empty{text-align:center;padding:60px 20px}.roles-empty .empty-icon{font-size:48px;display:block;margin-bottom:16px}.roles-empty h3{margin:0 0 8px;font-size:18px;color:#fff}.roles-empty p{margin:0;color:#ffffff80;font-size:14px}.roles-loading{text-align:center;padding:60px 20px}.roles-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#9ca3af;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.color-field-wide{min-width:200px}.color-picker-wrapper{position:relative}.color-picker-trigger{width:44px;height:44px;border-radius:10px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;padding:0}.color-picker-trigger:hover{border-color:#ffffff4d;transform:scale(1.05)}.color-picker-trigger.small{width:36px;height:36px}.color-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#1e1e28fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;z-index:100;min-width:300px;box-shadow:0 10px 40px #0006;animation:dropdownFade .2s ease}.color-picker-dropdown.edit-dropdown{min-width:240px;right:0;left:auto}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.color-mode-tabs{display:flex;gap:4px;margin-bottom:16px;background:#ffffff0d;border-radius:8px;padding:4px}.mode-tab{flex:1;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s ease}.mode-tab:hover{color:#fff}.mode-tab.active{background:#ffffff1a;color:#fff}.color-picker-section{margin-bottom:14px}.color-picker-section:last-child{margin-bottom:0}.section-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.color-option{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.color-option:hover{transform:scale(1.1);border-color:#ffffff80}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.gradient-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.gradient-presets.compact{grid-template-columns:repeat(4,1fr);margin-top:12px}.gradient-preset{height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.gradient-preset:hover{transform:scale(1.05);border-color:#ffffff80}.gradient-preset.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.custom-color-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.custom-color-row{display:flex;gap:10px;align-items:center}.custom-color-row.compact{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.custom-color-row input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:transparent;padding:0}.color-hex{font-size:13px;color:#fff9;font-family:monospace}.custom-gradient-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.gradient-builder{display:flex;flex-direction:column;gap:12px}.gradient-colors{display:flex;gap:16px}.gradient-color-pick{display:flex;flex-direction:column;align-items:center;gap:4px}.gradient-color-pick input[type=color]{width:48px;height:48px;border:none;border-radius:10px;cursor:pointer;background:transparent;padding:0}.gradient-color-pick span{font-size:11px;color:#ffffff80}.gradient-angle{display:flex;flex-direction:column;gap:6px}.gradient-angle span{font-size:12px;color:#fff9}.gradient-angle input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.gradient-angle input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.gradient-preview-box{height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.btn-apply-color{width:100%;padding:10px;margin-top:12px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#4ade80;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-apply-color:hover{background:#22c55e4d}.btn-apply-small{padding:8px 16px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#4ade80;font-size:12px;cursor:pointer}.color-field-edit{position:relative}.checkbox-field{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 0}.checkbox-field.compact{padding:4px 0}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:#4ade80;cursor:pointer}.checkbox-field span{font-size:14px;color:#fffc}.icon-only-preview{min-width:32px;padding:6px 10px!important}.preview-hint{font-size:12px;color:#fff6;font-style:italic}.icon-only-tag{font-size:10px;padding:2px 6px;background:#fbbf2433;color:#fbbf24;border-radius:4px;margin-top:2px}.icon-only-badge{min-width:32px;padding:6px 10px!important}.badge-icon{width:18px;height:18px;object-fit:contain}.role-badge-icon{width:18px;height:18px;object-fit:contain;margin-right:6px}.extra-role-badge.icon-only{background:transparent!important;border:none!important;padding:0!important}.extra-role-badge .role-badge-icon{width:16px;height:16px;margin-right:0}.role-icon-mini{width:18px;height:18px;border-radius:4px;object-fit:cover}.add-role-option{display:flex;align-items:center;gap:10px}.extra-role-mini{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;border:1px solid}.extra-role-mini.icon-only{padding:4px 6px}.mini-role-icon{width:14px;height:14px;object-fit:contain}.role-dropdown-menu .role-option img{width:16px;height:16px;border-radius:4px;object-fit:cover}.icon-upload-field{min-width:80px}.icon-upload-wrapper{display:flex;align-items:center;justify-content:center}.icon-upload-btn{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff6}.icon-upload-btn:hover{border-color:#fff6;background:#ffffff14;color:#ffffffb3}.icon-preview-box{position:relative;width:48px;height:48px}.icon-preview-box img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.remove-icon-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:2px solid #1a1a2e;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.remove-icon-btn:hover{background:#dc2626}.extra-role-badge.icon-only,.role-badge.icon-only-badge,.extra-role-mini.icon-only{background:transparent!important;border:none!important;padding:0!important}.extra-role-badge.icon-only .role-badge-icon,.role-badge.icon-only-badge .badge-icon,.extra-role-mini.icon-only .mini-role-icon{width:24px;height:24px}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.9);padding:8px 14px;background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 20px #0006}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#14141ef2;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}[data-tooltip]:hover:after{transform:translate(-50%)}.admin-marketplace{width:100%}.admin-marketplace .admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-marketplace .tab-btn{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.95rem;border-bottom:2px solid transparent}.admin-marketplace .tab-btn:hover{color:var(--text-primary)}.admin-marketplace .tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-marketplace .admin-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:25px}.verifications-list{display:flex;flex-direction:column;gap:20px}.verification-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease}.verification-card:hover{background:#ffffff0d;border-color:#fff3}.verification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.verification-header .user-info h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 5px}.verification-header .user-email,.verification-date{color:var(--text-secondary);font-size:.9rem}.verification-content{margin-bottom:20px}.field-group{margin-bottom:15px}.field-group label{display:block;color:var(--text-primary);font-weight:500;font-size:.95rem;margin-bottom:8px}.field-group p{color:var(--text-secondary);line-height:1.5;margin:0;padding:10px 15px;background:#ffffff0d;border-radius:6px}.verification-actions{display:flex;gap:12px;justify-content:flex-end}.approve-btn{padding:10px 20px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.approve-btn:hover{background:#22c55e4d}.reject-btn{padding:10px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.reject-btn:hover{background:#ef44444d}.products-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.admin-marketplace .product-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.admin-marketplace .product-card:hover{background:#ffffff0d;border-color:#fff3}.admin-marketplace .product-image{width:100%;height:150px;overflow:hidden}.admin-marketplace .product-image img{width:100%;height:100%;object-fit:cover}.admin-marketplace .product-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.admin-marketplace .product-info{padding:20px}.admin-marketplace .product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.admin-marketplace .product-header h4{color:var(--text-primary);font-size:1.1rem;margin:0;line-height:1.3;flex:1}.admin-marketplace .product-category{padding:4px 8px;background:rgba(var(--accent-rgb),.2);color:var(--accent);border-radius:4px;font-size:.8rem;font-weight:500;text-transform:capitalize}.admin-marketplace .product-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:15px}.admin-marketplace .product-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:15px;font-size:.9rem}.admin-marketplace .product-meta span{color:var(--text-secondary)}.admin-marketplace .product-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-marketplace .product-actions .approve-btn,.admin-marketplace .product-actions .reject-btn{flex:1;text-align:center}.admin-marketplace .product-actions .view-btn{padding:8px 16px;background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:8px;text-decoration:none;font-size:.85rem;transition:all .2s}.admin-marketplace .product-actions .view-btn:hover{background:#3b82f64d;border-color:#3b82f680}.admin-marketplace .product-header .status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:8px}.admin-marketplace .status-badge.pending{background:#fbbf2433;color:#fbbf24}.admin-marketplace .status-badge.approved{background:#22c55e33;color:#22c55e}.admin-marketplace .status-badge.rejected{background:#ef444433;color:#ef4444}.admin-marketplace .status-badge.sold{background:#a855f733;color:#a855f7}.admin-marketplace .status-badge.withdrawn{background:#6b728033;color:#9ca3af}.admin-marketplace .status-badge.draft{background:#6b728033;color:#6b7280}.admin-marketplace .loading-state,.admin-marketplace .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-marketplace .loading-state .loader{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-marketplace .loading-state p,.admin-marketplace .empty-state p{color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.admin-marketplace .admin-tabs{flex-wrap:wrap}.verification-header{flex-direction:column;gap:10px;align-items:flex-start}.verification-actions{flex-direction:column}.verification-actions button{width:100%}.products-list{grid-template-columns:1fr}.admin-marketplace .product-actions{flex-direction:column}}.admin-audio-player{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:12px}.admin-audio-player .play-btn{width:40px;height:40px;border-radius:50%;border:none;background:#9ca3af33;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.admin-audio-player .play-btn:hover{background:#9ca3af4d;transform:scale(1.05)}.admin-audio-player .play-btn.playing{background:#22c55e4d}.admin-audio-player .play-btn:disabled{opacity:.5;cursor:not-allowed}.admin-audio-player .progress-container{flex:1;cursor:pointer;padding:8px 0}.admin-audio-player .progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.admin-audio-player .progress-fill{height:100%;background:linear-gradient(90deg,#9ca3af,#6b7280);border-radius:2px;transition:width .1s linear}.admin-audio-player .time-display{display:flex;gap:4px;font-size:12px;color:#fff9;font-family:JetBrains Mono,monospace;flex-shrink:0}.admin-audio-player .loading-spinner{animation:spin 1s linear infinite}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.admin-modal{background:#1c1e24f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:440px;overflow:hidden;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.admin-modal-close{background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.admin-modal-close:hover{background:#ffffff1a;color:#fff}.admin-modal-body{padding:24px}.admin-modal-body p{margin:0 0 16px;color:#fffc;font-size:14px;line-height:1.6}.admin-modal-input-group{margin-top:16px}.admin-modal-input-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#ffffffb3}.admin-modal-input-group textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.admin-modal-input-group textarea:focus{outline:none;border-color:#9ca3af66;background:#ffffff14}.admin-modal-input-group textarea::placeholder{color:#ffffff4d}.admin-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.admin-modal-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.admin-modal-btn.cancel{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.admin-modal-btn.cancel:hover{background:#ffffff1a;color:#fff}.admin-modal-btn.confirm{background:#ef444433;border-color:#ef44444d;color:#ef4444}.admin-modal-btn.confirm:hover{background:#ef44444d;border-color:#ef444480}.admin-modal-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.admin-marketplace .product-image{position:relative}.admin-marketplace .audio-play-btn{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-marketplace .audio-play-btn:hover{background:#000000d9;border-color:#fff6;transform:scale(1.1)}.admin-marketplace .audio-play-btn.playing{background:#22c55e4d;border-color:#22c55e80;color:#22c55e}.admin-marketplace .audio-play-btn svg{width:18px;height:18px}.stat-subtitle{font-size:12px;color:#ffffff80;margin:4px 0 0;font-weight:500}.stats-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}.stats-section h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 20px;font-family:Inter,sans-serif}.status-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.status-stat:hover{background:#ffffff0f;transform:translateY(-2px)}.status-stat.pending{border-left:4px solid #f59e0b}.status-stat.accepted{border-left:4px solid #10b981}.status-stat.approved{border-left:4px solid #3b82f6}.status-stat.published{border-left:4px solid #22c55e}.status-stat.rejected{border-left:4px solid #ef4444}.status-label{font-size:14px;color:#ffffffb3;font-weight:500}.status-count{font-size:20px;font-weight:700;color:#fff}.role-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.role-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.role-stat:hover{background:#ffffff0f;transform:translateY(-2px)}.role-stat.role-st\.administrator{border-left:4px solid #dc2626}.role-stat.role-admin,.role-stat.role-administrator{border-left:4px solid #ef4444}.role-stat.role-moderator{border-left:4px solid #f59e0b}.role-stat.role-helper{border-left:4px solid #22c55e}.role-stat.role-user{border-left:4px solid #6b7280}.role-label{font-size:14px;color:#ffffffb3;font-weight:500}.role-count{font-size:18px;font-weight:700;color:#fff}@media (max-width: 768px){.stats-grid,.status-stats,.role-stats{grid-template-columns:1fr}}.admin-release-detail{padding:30px;max-width:1200px;margin:0 auto;min-height:100vh}.detail-header{margin-bottom:25px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffc;cursor:pointer;font-size:14px;transition:all .2s}.back-btn:hover{background:#ffffff1a;color:#fff}.release-hero{display:flex;gap:30px;padding:25px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:25px}.hero-cover{width:200px;height:200px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#ffffff0d;position:relative}.hero-cover img{width:100%;height:100%;object-fit:cover}.hero-cover .no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px}.cover-download-btn{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:8px;background:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.cover-download-btn:hover{background:#000000e6;transform:scale(1.05)}.cover-download-btn:disabled{opacity:.5;cursor:default}.cover-download-btn svg{width:18px;height:18px;stroke:#fff;display:block}.hero-info{flex:1;display:flex;flex-direction:column;min-width:0}.hero-badges{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.badge{padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.type{background:#ffffff14;color:#ffffffb3}.badge.status-pending{background:#fbbf2426;color:#fbbf24}.badge.status-approved{background:#22c55e26;color:#22c55e}.badge.status-published{background:#3b82f626;color:#3b82f6}.badge.status-rejected,.badge.explicit{background:#ef444426;color:#ef4444}.hero-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 6px}.hero-title .version{font-size:18px;font-weight:400;color:#fff6}.hero-artist{font-size:18px;font-weight:400;color:#fff9;margin:0 0 auto}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;font-size:13px;color:#ffffff80}.detail-tabs{display:flex;gap:4px;padding:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:20px}.tab-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:7px;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#ffffffb3;background:#ffffff08}.tab-btn.active{background:#ffffff14;color:#fff}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px}.info-card.full-width{grid-column:1 / -1}.info-card.warning{border-color:#ef444433;background:#ef444408}.info-card h3{font-size:14px;font-weight:600;color:#ffffffe6;margin:0 0 14px}.info-rows{display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.info-row .label{font-size:12px;color:#fff6}.info-row .value{font-size:13px;color:#ffffffd9;text-align:right}.rejection-text{font-size:13px;color:#ef4444;line-height:1.5;margin:0}.promo-section{margin-bottom:20px}.promo-section:last-child{margin-bottom:0}.promo-section h4{font-size:13px;font-weight:600;color:#fff9;margin:0 0 8px}.promo-section p{font-size:13px;color:#fffc;line-height:1.6;margin:0;white-space:pre-wrap}.tracks-list-detail{display:flex;flex-direction:column;gap:4px}.track-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .15s}.track-row:hover{background:#ffffff0d;border-color:#ffffff1a}.track-row.playing{border-color:#22c55e4d;background:#22c55e0d}.track-num{width:24px;text-align:center;font-size:13px;color:#ffffff59}.play-icon{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:14px;transition:all .15s;flex-shrink:0}.play-icon:hover{color:#fff;transform:scale(1.1)}.play-icon.playing{color:#22c55e}.track-row .track-info{flex:1;min-width:0}.track-row .track-name{display:block;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row .track-artist{display:block;font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row .track-duration{min-width:40px;text-align:center;font-size:12px;color:#fff6}.download-icon{width:36px;height:36px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .15s;flex-shrink:0}.download-icon svg{width:18px;height:18px;stroke:currentColor;display:block}.download-icon .dl-icon,.cover-download-btn .dl-icon,.modal-btn .dl-icon{font-size:18px;font-weight:700;line-height:1}.download-icon:hover:not(:disabled){color:#3b82f6;background:#3b82f61a}.download-icon.downloading{color:#22c55e;font-size:11px;font-weight:600}.download-icon:disabled{cursor:default}.track-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.track-modal{background:#141418;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:550px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{font-size:16px;font-weight:600;color:#fff;margin:0}.modal-close{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:none;cursor:pointer;color:#fff9;font-size:16px;transition:all .15s;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.modal-item{display:flex;flex-direction:column;gap:4px}.modal-item .label{font-size:11px;color:#fff6;text-transform:uppercase}.modal-item .value{font-size:13px;color:#ffffffe6}.modal-lyrics{margin-top:20px}.modal-lyrics .label{display:block;font-size:11px;color:#fff6;text-transform:uppercase;margin-bottom:10px}.modal-lyrics pre{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;margin:0;font-family:inherit;font-size:12px;color:#ffffffbf;line-height:1.6;white-space:pre-wrap;max-height:180px;overflow-y:auto}.modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.modal-btn{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.modal-btn svg{width:16px;height:16px}.modal-btn.play{background:#22c55e26;color:#22c55e}.modal-btn.play:hover{background:#22c55e40}.modal-btn.download{background:#3b82f626;color:#3b82f6}.modal-btn.download:hover{background:#3b82f640}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:15px}.loader-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:#ffffff80;font-size:14px;margin:0}.error-icon{font-size:40px}@media (max-width: 800px){.release-hero{flex-direction:column;align-items:center;text-align:center}.hero-cover{width:160px;height:160px}.hero-badges,.hero-meta{justify-content:center}.info-grid,.modal-grid{grid-template-columns:1fr}}@media (max-width: 500px){.admin-release-detail{padding:15px}.hero-title{font-size:22px}.modal-footer{flex-direction:column}}.public-release-page{padding:30px;max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;gap:24px}.release-card-compact{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;gap:32px;transition:all .3s ease}.release-card-compact:hover{background:#ffffff0d;border-color:#ffffff1f}.release-card-left{display:flex;gap:24px;flex:1;min-width:0}.release-cover-box{width:120px;height:120px;min-width:120px;border-radius:16px;overflow:hidden;background:#ffffff0d;box-shadow:0 8px 32px #0000004d}.release-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.release-card-compact:hover .release-cover-img{transform:scale(1.05)}.no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#ffffff4d;background:linear-gradient(135deg,#9ca3af1a,#6b72800d)}.release-main-info{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0;justify-content:center}.release-title-block{display:flex;flex-direction:column;gap:6px}.release-title{font-size:28px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-artist{font-size:18px;font-weight:500;color:#ffffffb3;margin:0;font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-meta-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item{font-size:14px;color:#fff9;font-weight:500;font-family:Inter,sans-serif}.meta-separator{color:#ffffff4d;font-weight:400}.release-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.like-button-compact{display:none}.like-heart-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.like-heart-btn svg{width:32px;height:32px;color:#ffffff80;stroke:#ffffff80;transition:all .2s ease}.like-heart-btn:hover svg{color:#ef4444;stroke:#ef4444;transform:scale(1.15)}.like-heart-btn:active svg{transform:scale(.9)}.like-heart-btn.liked svg{color:#ef4444;stroke:#ef4444;fill:#ef4444;animation:heartPop .4s ease}.like-heart-btn.loading{opacity:.5;pointer-events:none}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.release-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.stat-label{font-size:12px;color:#ffffff80;font-weight:500;font-family:Inter,sans-serif}.tracks-section{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px}.tracks-header{margin-bottom:20px}.tracks-header h3{font-size:20px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif}.tracks-list-public{display:flex;flex-direction:column;gap:4px}.track-row-public{display:flex;align-items:center;padding:12px 16px;gap:16px;border-radius:12px;cursor:pointer;transition:all .15s ease;position:relative}.track-row-public:hover{background:#ffffff0f}.track-row-public.playing{background:#fccc0014}.track-row-public.playing .track-name{color:#fff;font-weight:500}.track-num-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.track-num{font-size:16px;font-weight:500;color:#ffffff80;font-variant-numeric:tabular-nums;transition:opacity .15s ease;font-family:Inter,sans-serif}.track-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:0;transition:all .15s ease;padding:0;border-radius:50%}.track-play-btn:hover{background:#ffffff1a}.track-play-btn svg{width:20px;height:20px;fill:#fff;color:#fff}.track-row-public:hover .track-num{opacity:0}.track-row-public:hover .track-play-btn{opacity:1}.track-row-public.playing .track-num{opacity:0}.track-row-public.playing .track-play-btn{opacity:1}.track-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.track-name{font-size:16px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease;font-family:Inter,sans-serif}.track-artists{font-size:14px;font-weight:400;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif;transition:color .15s ease}.track-artists:hover{color:#fff}.track-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.track-badge{padding:2px 6px;font-size:9px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.track-badge.explicit{background:#fff3;color:#fffc}.track-badge.instrumental{background:#ffffff1a;color:#fff9}.track-duration{font-size:14px;font-weight:400;color:#fff9;font-variant-numeric:tabular-nums;min-width:50px;text-align:right;font-family:Inter,sans-serif}.comments-section{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px}.comments-header{margin-bottom:20px}.comments-header h3{font-size:20px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif}.comment-form-compact{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:24px}.releases-mini-player-wrapper{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:16px;z-index:500;pointer-events:none}.releases-mini-player{position:relative;display:flex;flex-direction:row;align-items:center;gap:16px;max-width:900px;width:100%;padding:12px 16px;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;animation:slideUpPlayer .3s ease;pointer-events:auto}@keyframes slideUpPlayer{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player-track{display:flex;align-items:center;gap:12px;max-width:280px;flex-shrink:0}.mini-player-cover{width:50px;height:50px;border-radius:12px;overflow:hidden;background:#ffffff1a;flex-shrink:0}.mini-player-cover img{width:100%;height:100%;object-fit:cover}.mini-player-no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff6}.mini-player-info{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.mini-player-title{font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-artist{font-size:12px;font-weight:400;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.mini-player-btn{width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:background .15s ease;flex-shrink:0;overflow:hidden}.mini-player-btn:hover{background:#fff3}.mini-player-btn>svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;display:block!important;flex-shrink:0!important}.mini-player-btn>svg,.mini-player-btn>svg path,.mini-player-btn>svg rect,.mini-player-btn>svg circle,.mini-player-btn>svg polygon{fill:#fff!important;color:#fff!important}.mini-player-btn:disabled{cursor:wait;opacity:.6}.mini-player-progress-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mini-player-time{font-size:12px;font-weight:500;color:#ffffff80;min-width:36px;font-variant-numeric:tabular-nums}.mini-player-time:first-child{text-align:right}.mini-player-progress{flex:1;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative}.mini-player-progress-bar{height:100%;background:#fffc;border-radius:3px;transition:width .1s linear}.mini-player-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border:2px solid rgba(255,255,255,.8);border-radius:50%;opacity:0;transition:opacity .15s ease}.mini-player-progress:hover .mini-player-progress-thumb{opacity:1}.volume-popup-container{position:relative;flex-shrink:0}.mini-player-btn.volume-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:background .15s ease}.mini-player-btn.volume-btn:hover{background:#fff3}.mini-player-btn.volume-btn>svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;display:block!important}.mini-player-btn.volume-btn>svg,.mini-player-btn.volume-btn>svg path{fill:#fff!important;color:#fff!important}.volume-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:120px;padding:16px;background:#1e1e1efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 32px #0006;animation:volumePopupIn .2s ease;z-index:100}@keyframes volumePopupIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.volume-popup:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#1e1e1efa;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.volume-popup-content{display:flex;align-items:center;justify-content:center;padding:4px 0}.volume-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent!important;border-radius:2px;cursor:pointer;border:none;outline:none;margin:0;padding:0}.volume-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#fff 0%,#fff var(--volume-percent, 100%),rgba(255,255,255,.2) var(--volume-percent, 100%),rgba(255,255,255,.2) 100%);border-radius:2px;border:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:none;border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:0 1px 4px #0000004d}.volume-slider::-moz-range-track{height:4px;background:#fff3;border-radius:2px;border:none}.volume-slider::-moz-range-progress{height:4px;background:#fff;border-radius:2px}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0000004d}.mini-player-hide{position:absolute;top:-26px;left:50%;margin-left:-45px;width:90px;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 10px;background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff9;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mini-player-hide:hover{background:#323232e6;border-color:#fff3;color:#fff}.mini-player-hide svg{width:12px;height:12px;fill:currentColor}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 1024px){.public-release-page{padding:20px}.release-card-compact{flex-direction:column;gap:20px;text-align:center}.release-card-right{flex-direction:row;justify-content:center;align-items:center;width:100%;gap:32px}.release-stats{gap:32px}.releases-mini-player{flex-wrap:wrap;gap:12px}.mini-player-progress-section{order:3;width:100%}}@media (max-width: 768px){.public-release-page{padding:16px}.release-cover-box{width:100px;height:100px;min-width:100px}.release-title{font-size:24px}.release-artist{font-size:16px}.release-card-left{gap:16px}.tracks-section,.comments-section{padding:20px}.releases-mini-player-wrapper{padding:12px}.releases-mini-player{padding:10px 12px;gap:10px}.mini-player-track{flex:1;max-width:none}.mini-player-cover{width:40px;height:40px}}@media (max-width: 480px){.release-meta-compact{flex-direction:column;align-items:flex-start;gap:4px}.meta-separator{display:none}.release-card-right{flex-direction:column;gap:16px}.release-stats{gap:20px}.track-row-public{padding:10px 12px}.track-info{gap:2px}.track-name{font-size:15px}.track-artists{font-size:13px}}.release-detail-loading,.release-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(156,163,175,.2);border-top:3px solid #9ca3af;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.release-detail-loading p,.release-detail-error h2{color:#fffc;font-family:Inter,sans-serif;margin:0}.release-detail-error button{margin-top:20px;padding:12px 24px;background:#9ca3af33;border:1px solid rgba(156,163,175,.4);border-radius:10px;color:#9ca3af;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.release-detail-error button:hover{background:#9ca3af4d;border-color:#9ca3af99;color:#fff}.release-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{padding:10px 16px;background:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:10px;color:#9ca3af;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-decoration:none;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#9ca3af40;border-color:#9ca3af80;color:#fff;text-decoration:none}.release-detail-header h1{font-size:28px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif}.release-detail-content{background:#0f0f0f66;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;overflow:hidden}.release-main-section{display:grid;grid-template-columns:300px 1fr;gap:40px;margin-bottom:40px}.release-cover-section{display:flex;flex-direction:column;gap:16px}.release-cover-large{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.no-cover-large{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#9ca3af1a,#6b72800d);border:2px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:64px;color:#ffffff4d}.download-cover-btn{padding:12px 20px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:12px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.download-cover-btn:hover{background:#3b82f64d;border-color:#3b82f699;color:#fff}.release-info-section{display:flex;flex-direction:column;gap:24px}.release-title-section{display:flex;flex-direction:column;gap:12px}.release-title-section h2{font-size:32px;font-weight:700;color:#fff;margin:0;font-family:Inter,sans-serif;line-height:1.2}.version-badge{display:inline-block;padding:6px 12px;background:#9ca3af33;border:1px solid rgba(156,163,175,.4);border-radius:8px;color:#9ca3af;font-size:12px;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.status-badge-large{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid;align-self:flex-start}.status-badge-large.status-rejected{background:#ef444433;border-color:#ef444466;color:#ef4444}.status-badge-large.status-pending{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.status-badge-large.status-accepted{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.status-badge-large.status-approved{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.status-badge-large.status-published{background:#a855f733;border-color:#a855f766;color:#a855f7}.release-artist-section h3{font-size:20px;font-weight:600;color:#fffc;margin:0;font-family:Inter,sans-serif}.release-basic-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.info-label{font-size:14px;color:#fff9;font-weight:500;font-family:Inter,sans-serif}.info-value{font-size:14px;color:#fff;font-weight:600;font-family:Inter,sans-serif;text-align:right}.release-tabs{display:flex;gap:4px;margin-bottom:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px}.tab-btn{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.tab-btn:hover{color:#fffc;background:#ffffff0d}.tab-btn.active{background:#9ca3af33;color:#fff;border:1px solid rgba(156,163,175,.3)}.tab-content{min-height:300px}.info-tab{display:flex;flex-direction:column;gap:24px}.info-section{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.info-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.info-section p{margin:8px 0;font-size:14px;color:#fffc;line-height:1.5;font-family:Inter,sans-serif}.info-section strong{color:#fff;font-weight:600}.info-section a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.info-section a:hover{color:#60a5fa;text-decoration:underline}.tracks-tab{display:flex;flex-direction:column;gap:20px}.tracks-header{display:flex;justify-content:space-between;align-items:center}.tracks-header h4{margin:0;font-size:18px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.download-all-btn{padding:10px 16px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:10px;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.download-all-btn:hover{background:#22c55e4d;border-color:#22c55e99;color:#fff}.tracks-list-detailed{display:flex;flex-direction:column;gap:12px}.track-detail-item{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.track-detail-item:hover{background:#ffffff0f;border-color:#ffffff26}.track-number-large{width:48px;height:48px;background:#9ca3af33;border:1px solid rgba(156,163,175,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#9ca3af;font-family:Inter,sans-serif;flex-shrink:0}.track-main-info-large{flex:1;min-width:0}.track-main-info-large h5{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px;font-family:Inter,sans-serif}.track-main-info-large p{font-size:14px;color:#ffffffb3;margin:0 0 8px;font-family:Inter,sans-serif}.track-meta{display:flex;gap:16px;flex-wrap:wrap}.track-meta span{font-size:12px;color:#ffffff80;font-family:Inter,sans-serif}.explicit-badge,.instrumental-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.explicit-badge{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.instrumental-badge{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.track-actions-large{display:flex;gap:8px;flex-shrink:0}.track-action-btn{padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fffc;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.track-action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.comments-tab{display:flex;flex-direction:column;gap:20px}.comment-section,.rejection-section{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.comment-section{background:#3b82f61a;border-color:#3b82f64d}.rejection-section{background:#ef44441a;border-color:#ef44444d}.comment-section h4,.rejection-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.comment-section p,.rejection-section p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.5;font-family:Inter,sans-serif}@media (max-width: 1024px){.release-main-section{grid-template-columns:1fr;gap:30px}.release-cover-section{max-width:400px;margin:0 auto}}@media (max-width: 768px){.release-detail-page,.release-detail-content{padding:20px}.release-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.release-detail-header h1,.release-title-section h2{font-size:24px}.release-tabs{flex-direction:column}.tab-btn{text-align:left}.track-detail-item{flex-direction:column;gap:16px;text-align:center}.track-actions-large{width:100%;justify-content:center}.tracks-header{flex-direction:column;gap:16px;align-items:flex-start}.download-all-btn{width:100%}}@media (max-width: 480px){.release-detail-page,.release-detail-content{padding:16px}.info-row{flex-direction:column;gap:8px;text-align:left}.info-value{text-align:left}.track-actions-large{flex-direction:column;width:100%}.track-action-btn{width:100%}}.track-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.track-modal{background:#0f0f0ff2;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.track-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.track-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.track-modal-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.track-modal-close:hover{color:#fff;background:#ffffff1a}.track-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.track-modal-info h4{margin:0 0 8px;font-size:24px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.track-modal-artist{margin:0 0 24px;font-size:16px;color:#ffffffb3;font-family:Inter,sans-serif}.track-modal-details{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.detail-label{font-size:14px;color:#fff9;font-weight:500;font-family:Inter,sans-serif}.detail-value{font-size:14px;color:#fff;font-weight:600;font-family:Inter,sans-serif;text-align:right;max-width:60%;word-break:break-word}.detail-value.explicit{color:#ef4444;background:#ef44441a;padding:4px 8px;border-radius:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.detail-value.file-path{font-family:Courier New,monospace;font-size:12px;color:#fffc;background:#0000004d;padding:4px 8px;border-radius:6px}.track-modal-actions{display:flex;gap:12px;justify-content:center}.track-modal-btn{padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;flex:1}.play-btn{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.play-btn:hover{background:#22c55e4d;border-color:#22c55e99;color:#fff}.download-btn{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.download-btn:hover{background:#3b82f64d;border-color:#3b82f699;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.like-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.like-button:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.like-button.liked{background:#ef444433;border-color:#ef444480;color:#ef4444}.like-button.loading{opacity:.6;cursor:not-allowed;transform:none}.like-button svg{width:18px;height:18px;transition:all .2s ease}.like-button:hover svg{transform:scale(1.1)}.comment-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:24px}.comment-form-header h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.comment-textarea{width:100%;min-height:80px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:Inter,sans-serif;resize:vertical;transition:all .2s ease}.comment-textarea:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.comment-textarea::placeholder{color:#fff6}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.comment-counter{font-size:12px;color:#ffffff80;font-family:Inter,sans-serif}.comment-submit-btn{padding:8px 16px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.comment-submit-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699;color:#fff}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-auth-prompt{text-align:center;padding:40px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:24px}.comment-auth-prompt p{margin:0 0 16px;color:#ffffffb3;font-family:Inter,sans-serif}.auth-btn{padding:10px 20px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;text-decoration:none}.auth-btn:hover{background:#3b82f64d;border-color:#3b82f699;color:#fff}.comments-loading{text-align:center;padding:40px 20px;color:#fff9;font-family:Inter,sans-serif}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-author{display:flex;align-items:center;gap:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-username{font-size:14px;font-weight:600;color:#fff;font-family:Inter,sans-serif}.comment-date{font-size:12px;color:#ffffff80;font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px}.edited-badge{font-size:10px;padding:2px 6px;background:#9ca3af33;border-radius:4px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.comment-text{font-size:14px;color:#ffffffe6;line-height:1.5;font-family:Inter,sans-serif;white-space:pre-wrap}.no-comments{text-align:center;padding:60px 20px;color:#fff6;font-size:16px;font-family:Inter,sans-serif}@media (max-width: 768px){.track-modal{width:95%;margin:20px}.track-modal-body{padding:20px}.detail-row{flex-direction:column;gap:8px;text-align:left}.detail-value{text-align:left;max-width:100%}.track-modal-actions{flex-direction:column}.comment-form-footer{flex-direction:column;gap:12px;align-items:stretch}.comment-header{flex-direction:column;gap:8px;align-items:flex-start}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0a;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeOut .5s ease-in-out 1.5s forwards}.loader-image{max-width:250px;max-height:250px;animation:fadeInOutImage 1.5s infinite}@keyframes fadeInOutImage{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.seasonal-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.seasonal-particle{position:absolute;top:-50px;-webkit-user-select:none;user-select:none}.winter-particle{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(200,220,255,.5);animation:snowfall linear infinite}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translate(100px) rotate(360deg);opacity:0}}.spring-particle{color:#ffb7c5;text-shadow:0 0 5px rgba(255,183,197,.6),0 0 10px rgba(255,192,203,.4);animation:petals-fall linear infinite}@keyframes petals-fall{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(50vh) translate(50px) rotate(180deg) scale(.9)}90%{opacity:.8}to{transform:translateY(100vh) translate(-30px) rotate(360deg) scale(.7);opacity:0}}.summer-particle{color:gold;text-shadow:0 0 8px rgba(255,215,0,.8),0 0 15px rgba(255,236,139,.5);animation:sparkle ease-in-out infinite}@keyframes sparkle{0%{transform:translateY(0) scale(.5);opacity:0}25%{opacity:1;transform:translateY(25vh) scale(1.2)}50%{opacity:.6;transform:translateY(50vh) scale(.8)}75%{opacity:1;transform:translateY(75vh) scale(1)}to{transform:translateY(100vh) scale(.5);opacity:0}}.autumn-particle{color:#d2691e;text-shadow:0 0 5px rgba(210,105,30,.5),0 0 10px rgba(205,133,63,.3);animation:leaves-fall linear infinite}@keyframes leaves-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}25%{transform:translateY(25vh) translate(30px) rotate(90deg)}50%{transform:translateY(50vh) translate(-20px) rotate(180deg)}75%{transform:translateY(75vh) translate(40px) rotate(270deg)}90%{opacity:.8}to{transform:translateY(100vh) translate(-10px) rotate(360deg);opacity:0}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10000;padding:20px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-consent-text h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.cookie-consent-text p{color:#fffc;margin:0;font-size:14px;line-height:1.4}.cookie-consent-buttons{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.cookie-btn-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cookie-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.cookie-btn-decline{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cookie-btn-decline:hover{background:#ffffff26;color:#fff}@media (max-width: 768px){.cookie-consent-content{flex-direction:column;text-align:center;gap:15px}.cookie-consent-buttons{width:100%;justify-content:center}.cookie-btn{flex:1;max-width:120px}}.app-container:not(:has(.dashboard-container)){display:flex;flex-direction:column;min-height:100vh;background:var(--bg-dark);position:relative}.app-container:not(:has(.dashboard-container)) .main-content{display:flex;flex:1;gap:0;padding:0;max-width:100%;margin:115px 0 0;width:100%;position:relative}.app-container:not(:has(.dashboard-container)) .main-content>main{width:100%;flex:1;padding:0;margin:0;position:relative}.app-container:not(:has(.dashboard-container)) .main-content>main.home-page-new{width:100%;margin:-115px 0 0;padding:115px 0 0}@media (max-width: 768px){.app-container:not(:has(.dashboard-container)) .main-content{flex-direction:column;padding:0;gap:0;margin-top:115px}.app-container:not(:has(.dashboard-container)) .main-content>main{padding:0}.app-container:not(:has(.dashboard-container)) .main-content>main.home-page-new{margin-top:-115px;padding-top:115px}}.global-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:10px 20px;text-align:center;font-size:14px;font-weight:500}.global-banner.info{background:#3b82f6f2;color:#fff}.global-banner.warning{background:#f59e0bf2;color:#1a1a1a}.global-banner.success{background:#10b981f2;color:#fff}.global-banner-link{color:inherit;text-decoration:underline}.global-banner-link:hover{opacity:.9}.app-container:has(.global-banner) .header,.app-container:has(.global-banner) .dashboard-container .header{top:40px}.app-container:has(.global-banner) .sidebar{top:100px}.app-container:has(.global-banner) .main-content{margin-top:155px}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark, #0a0a0a);padding:20px}.maintenance-content{text-align:center;max-width:500px}.maintenance-icon{font-size:80px;margin-bottom:24px}.maintenance-content h1{font-size:32px;font-weight:600;margin-bottom:16px;color:var(--text-primary, #fff)}.maintenance-content p{font-size:16px;color:var(--text-secondary, #888);line-height:1.6}*,*:before,*:after,html,body,#root,div,span,p,h1,h2,h3,h4,h5,h6,section,article,main,header,footer,nav{cursor:url(/Windows%2011%20dark.cur),default!important}button,button *,a,a *,.btn,.btn *,[role=button],[role=button] *,[onclick],.clickable,.clickable *{cursor:url(/link.cur),pointer!important}input,input *,textarea,textarea *,[contenteditable=true],[contenteditable=true] *{cursor:url(/beam.cur),text!important}.custom-cursor,.custom-cursor-dot{display:none!important;pointer-events:none!important}.footer{padding:80px 24px 40px;border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:2fr 3fr 1fr;gap:60px;margin-bottom:40px}.footer-logo{width:48px;height:auto;margin-bottom:12px}.footer-brand p{font-size:14px;color:#fff9}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-links h4{font-size:14px;font-weight:600;margin-bottom:16px}.footer-links a{display:block;font-size:14px;color:#fff9;text-decoration:none;margin-bottom:12px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-social{display:flex;gap:12px;justify-content:flex-end}.social-link{width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .3s;text-decoration:none}.social-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px)}.social-link svg{width:24px;height:24px;color:#ffffffe6;transition:all .3s}.social-link:hover svg{color:#fff;transform:scale(1.1)}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{font-size:14px;color:#fff6;margin:0}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-social{justify-content:flex-start}}@media (max-width: 768px){.footer{padding:60px 24px 30px}.footer-grid{gap:32px;margin-bottom:32px}.footer-links{grid-template-columns:1fr;gap:24px}.footer-bottom{padding-top:30px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6b7280;--primary-dark: #4b5563;--secondary: #9ca3af;--bg-dark: #1a1a1a;--bg-darker: #0a0a0a;--text-primary: #ffffff;--text-secondary: #cccccc;--border: #333333;--success: #10b981;--error: #ef4444}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:#d1d5db}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;background:var(--primary);color:#fff;transition:all .3s ease}button:hover{background:var(--primary-dark);transform:translateY(-2px)}button.active{background:var(--primary-dark)}input,textarea,select{font-family:inherit;background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 15px;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6b72801a}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:var(--text-secondary)}@media (max-width: 768px){:root{font-size:14px}}
