@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.language-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.language-option{min-width:38px;height:30px;padding:0 10px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:0}.language-option:hover{color:var(--text-primary);background:#ffffff0f}.language-option.active{color:#05050a;background:linear-gradient(135deg,#f8fafc,#a78bfa);box-shadow:0 6px 18px #8b5cf638}.language-switcher.compact .language-option{min-width:34px;height:28px;padding:0 8px;font-size:.74rem}.verify-email-banner{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 14px;border:1px solid rgba(139,92,246,.35);border-radius:8px;background:#101018f0;color:#fff}.verify-email-banner div{display:flex;flex-direction:column;gap:4px}.verify-email-banner span{color:#b8b8c7;font-size:.9rem}.verify-email-banner button{border:1px solid rgba(139,92,246,.5);border-radius:8px;background:#8b5cf62e;color:#fff;padding:9px 12px;cursor:pointer}.verify-email-banner button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 720px){.verify-email-banner{align-items:stretch;flex-direction:column}}.brand-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;color:#fff;text-decoration:none}.brand-logo-image{display:block;width:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(168,85,247,.32))}.brand-logo-sm .brand-logo-image{height:34px}.brand-logo-md .brand-logo-image{height:48px}.brand-logo-lg .brand-logo-image{height:76px}.brand-logo-compact .brand-logo-image{height:40px}.brand-logo-text{display:flex;min-width:0;flex-direction:column;line-height:1}.brand-logo-text strong{font-size:1rem;font-weight:800;color:#fff}.brand-logo-text small{margin-top:4px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8f}.brand-logo-fallback{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border:1px solid rgba(168,85,247,.34);border-radius:8px;background:#a855f71f;color:#fff;font-weight:800}@media (max-width: 640px){.brand-logo-lg .brand-logo-image{height:58px}.brand-logo-md .brand-logo-image{height:42px}}.notification-bell{position:relative}.notification-bell-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;color:#fff9;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}.notification-bell-btn:hover{background:#ffffff1a;color:#fff}.notification-bell-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:notif-pulse 2s ease-in-out infinite}.notification-bell-badge:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:12px;border:2px solid rgba(239,68,68,.4);animation:notif-ring 2s ease-in-out infinite}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes notif-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}@media (prefers-reduced-motion: reduce){.notification-bell-badge,.notification-bell-badge:after{animation:none!important}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:460px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 16px 48px #0006;overflow:hidden;z-index:1000}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;font-weight:600;color:#fff}.mark-all-read{background:none;border:none;color:#7c3aed;font-size:12px;cursor:pointer}.notification-dropdown-body{max-height:380px;overflow-y:auto}.notification-empty{padding:30px;text-align:center;color:#ffffff4d;font-size:14px}.notification-item{width:100%;border:0;background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.notification-item:hover,.notification-item:focus-visible{background:#ffffff0a;outline:none}.notification-item.unread{background:#7c3aed14}.notification-item-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.notif-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600}.notification-item-content{flex:1;min-width:0}.notification-item-text{font-size:13px;color:#fffc;line-height:1.4}.notification-item-time{font-size:11px;color:#ffffff4d;margin-top:2px}@media (max-width: 600px){.notification-dropdown{position:fixed;top:60px;right:10px;left:10px;width:auto}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#0b0b16a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:8px 0 32px #0009;transition:width .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.sidebar.collapsed .sidebar-header{padding:24px 0;flex-direction:column;gap:16px;justify-content:center}.sidebar-logo{display:flex;align-items:center;gap:12px;overflow:hidden}.sidebar-logo .brand-logo{flex:0 0 auto}.sidebar.collapsed .sidebar-logo{justify-content:center}.logo-image{width:auto;height:56px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(139,92,246,.4));transition:transform .3s ease,height .3s ease}.sidebar.collapsed .logo-image{height:32px}.sidebar-collapse-toggle{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s}.sidebar-collapse-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-only{display:none}.sidebar-close{display:none;background:none;color:var(--text-secondary);font-size:1.2rem;padding:6px;border-radius:var(--radius-sm);transition:var(--transition)}.sidebar-close:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-group-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:#ffffff59;padding:8px 12px 4px;text-transform:uppercase}.nav-item,.nav-item-btn{display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.92rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);border:1px solid transparent;white-space:nowrap;overflow:hidden;background:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;position:relative}.sidebar.collapsed .nav-item{justify-content:center;padding:11px 0}.sidebar.collapsed .nav-label{display:none}.nav-item:hover{background:#ffffff0a;color:var(--text-primary);border-color:#ffffff14}.nav-item.active{background:linear-gradient(90deg,#8b5cf633,#3b82f61a);color:var(--text-primary);border:1px solid rgba(139,92,246,.3);border-left:3px solid var(--accent-purple);box-shadow:0 4px 16px #8b5cf633,inset 0 1px #ffffff0d;font-weight:600;position:relative;overflow:hidden}.nav-item.active:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--accent-purple),var(--accent-blue));opacity:.8}.nav-icon{font-size:1.15rem;width:24px;text-align:center;opacity:.8;transition:transform .2s ease}.nav-item:hover .nav-icon{transform:scale(1.08)}.nav-item.active .nav-icon{color:var(--accent-purple-light);opacity:1}.sidebar-footer{padding:20px 16px;border-top:1px solid rgba(255,255,255,.06);background:#00000026;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .sidebar-footer{padding:20px 8px}.sidebar-language{display:flex;justify-content:flex-start;margin-bottom:14px}.sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-avatar{width:38px;height:38px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;color:#fff;box-shadow:0 4px 12px #8b5cf640;border:1px solid rgba(255,255,255,.1)}.user-info{display:flex;flex-direction:column;gap:4px}.sidebar.collapsed .sidebar-language,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-user{margin-bottom:24px}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .badge{padding:2px 8px;font-size:.68rem;align-self:flex-start}.logout-btn{width:100%;border-color:#ffffff0f;font-size:.85rem;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar.collapsed .logout-text{display:none}.sidebar.collapsed .logout-btn{padding:8px 0}.logout-btn:hover{background:#f43f5e1a;border-color:#f43f5e33;color:#fda4af}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.16,1,.3,1)}.main-content.collapsed{margin-left:80px}.topbar{display:none;align-items:center;justify-content:space-between;padding:16px 24px;background:#05050acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:50}.menu-btn{background:#ffffff08;color:var(--text-primary);border:1px solid rgba(255,255,255,.06);width:40px;height:40px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.menu-btn:hover{background:#ffffff14}.topbar-right{display:flex;align-items:center;gap:12px}.content-area{flex:1;width:100%}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 768px){.sidebar{transform:translate(-100%);background:#05050a}.sidebar.open{transform:translate(0)}.sidebar-close.mobile-only{display:block}.desktop-only{display:none}.sidebar-overlay{display:block}.main-content{margin-left:0}.topbar{display:flex}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden;padding:24px}.auth-bg-glow{position:absolute;top:-30%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 70%);pointer-events:none}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-card{padding:40px;border-radius:var(--radius-xl);background:var(--bg-glass)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.auth-logo .brand-logo{justify-content:center}.auth-logo .brand-logo-text{text-align:left}.auth-logo-icon{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:1.6rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.auth-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.auth-tagline{color:var(--text-muted);font-size:.85rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:4px}.auth-submit{width:100%;margin-top:8px}.auth-footer-text{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:24px}.auth-footer-text a{color:var(--accent-purple-light);font-weight:500}.auth-footer-text a:hover{color:var(--accent-blue-light)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 8px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.verify-email-container{max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:28px}.verify-email-visual{min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 50% 30%,rgba(168,85,247,.2),transparent 22rem),#ffffff06;box-shadow:0 24px 80px #00000061}.verify-email-visual img{width:100%;height:100%;min-height:360px;display:block;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(168,85,247,.24))}@media (max-width: 820px){.verify-email-container{max-width:440px;grid-template-columns:1fr}.verify-email-visual,.verify-email-visual img{min-height:220px}}.landing-v2{min-height:100vh;background:#0a0a0f;color:#f7f7fb;overflow-x:hidden;position:relative}.landing-v2:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(56,189,248,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-v2>*{position:relative;z-index:1}.landing-v2-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-v2-brand{display:flex;align-items:center}.landing-v2-nav-links{display:flex;gap:32px}.landing-v2-nav-links a{color:#f7f7fbb3;font-size:.9rem;font-weight:500;transition:color .3s ease}.landing-v2-nav-links a:hover{color:#f7f7fb}.landing-v2-nav-actions{display:flex;align-items:center;gap:12px}.landing-v2-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px 80px;position:relative}.hero-v2-container{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-v2-content{max-width:640px}.hero-v2-eyebrow{display:inline-block;padding:8px 16px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;margin-bottom:24px}.hero-v2-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;margin:0 0 24px;background:linear-gradient(135deg,#fff,#a78bfa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-v2-subtitle{font-size:1.25rem;line-height:1.6;color:#f7f7fbb3;margin:0 0 40px;max-width:540px}.hero-v2-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#f7f7fb}.btn-ghost:hover{background:#ffffff0d;border-color:#ffffff40}.hero-v2-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;position:relative}.floating-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.floating-card:hover{background:#ffffff0f;border-color:#8b5cf64d;box-shadow:0 20px 60px #8b5cf626}.floating-icon{display:block;font-size:2.5rem;margin-bottom:12px}.floating-label{display:block;font-size:.9rem;font-weight:600;color:#f7f7fb}.hero-v2-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.landing-v2-strip{padding:80px 48px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.strip-v2-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.strip-v2-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.strip-v2-item:hover{background:#8b5cf614;border-color:#8b5cf640;transform:translateY(-4px)}.strip-v2-icon{font-size:2rem}.strip-v2-name{font-size:.85rem;font-weight:600;color:#f7f7fb;text-align:center}.landing-v2-story{padding:120px 48px}.story-v2-container{max-width:1200px;margin:0 auto}.story-v2-eyebrow{display:inline-block;padding:8px 16px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fb7185;margin-bottom:48px}.story-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px}.story-v2-card{padding:48px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.story-v2-before{background:linear-gradient(135deg,#f43f5e14,#fb71850a);border-color:#f43f5e33}.story-v2-after{background:linear-gradient(135deg,#22c55e14,#4ade800a);border-color:#22c55e33}.story-v2-card h3{font-size:1.75rem;font-weight:700;margin:0 0 24px;color:#f7f7fb}.story-v2-card ul{list-style:none;padding:0;margin:0}.story-v2-card li{padding:12px 0 12px 28px;position:relative;color:#f7f7fbcc;line-height:1.6}.story-v2-before li:before{content:"✕";position:absolute;left:0;color:#fb7185;font-weight:700}.story-v2-after li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.landing-v2-features{padding:120px 48px;background:#ffffff03}.features-v2-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-v2-card{padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-v2-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);opacity:0;transition:opacity .4s ease}.feature-v2-card:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 24px 64px #8b5cf61f}.feature-v2-card:hover:before{opacity:1}.feature-v2-eyebrow{display:inline-block;padding:6px 12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:100px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;margin-bottom:20px}.feature-v2-title{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:#f7f7fb}.feature-v2-description{font-size:.95rem;line-height:1.6;color:#f7f7fbb3;margin:0 0 24px}.feature-v2-highlights{display:flex;flex-wrap:wrap;gap:8px}.feature-v2-highlight{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.75rem;font-weight:500;color:#f7f7fbcc}.landing-v2-plans{padding:120px 48px}.plans-v2-container{max-width:1200px;margin:0 auto}.plans-v2-header{text-align:center;margin-bottom:64px}.plans-v2-eyebrow{display:inline-block;padding:8px 16px;background:#f5c5421f;border:1px solid rgba(245,197,66,.25);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fde047;margin-bottom:24px}.plans-v2-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;color:#f7f7fb}.plans-v2-subtitle{font-size:1.15rem;color:#f7f7fbb3;margin:0}.plans-v2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.plan-v2-card{padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .3s ease;position:relative}.plan-v2-card:hover{background:#ffffff0d;border-color:#8b5cf640;transform:translateY(-4px)}.plan-v2-card.featured{background:linear-gradient(135deg,#8b5cf61f,#38bdf814);border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf633}.plan-v2-name{display:block;font-size:1.25rem;font-weight:700;color:#f7f7fb;margin-bottom:16px}.plan-v2-price{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.plan-v2-currency{font-size:1.5rem;font-weight:600;color:#f7f7fb99}.plan-v2-amount{font-size:3rem;font-weight:800;color:#f7f7fb;line-height:1}.plan-v2-period{font-size:1rem;color:#f7f7fb80}.plan-v2-description{font-size:.9rem;color:#f7f7fbb3;margin:0;line-height:1.5}.plan-v2-badge{position:absolute;top:16px;right:16px;padding:4px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:100px;font-size:.7rem;font-weight:600;color:#a78bfa}.plans-v2-cta{text-align:center}.landing-v2-final{padding:120px 48px;text-align:center;position:relative;overflow:hidden}.landing-v2-final:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.final-v2-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.final-v2-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0 0 24px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-v2-subtitle{font-size:1.25rem;color:#f7f7fbb3;margin:0 0 48px}.final-v2-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-v2-footer{padding:48px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.footer-v2-links{display:flex;gap:24px}.footer-v2-links a{color:#f7f7fb99;font-size:.9rem;transition:color .3s ease}.footer-v2-links a:hover{color:#f7f7fb}.landing-v2-footer p{color:#f7f7fb80;font-size:.85rem;margin:0}@media (max-width: 1200px){.features-v2-container,.plans-v2-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.hero-v2-container{grid-template-columns:1fr;gap:60px}.hero-v2-content{max-width:100%;text-align:center}.hero-v2-subtitle{margin-left:auto;margin-right:auto}.hero-v2-actions{justify-content:center}.hero-v2-cards{max-width:500px;margin:0 auto}.strip-v2-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.landing-v2-nav{padding:16px 24px}.landing-v2-nav-links{display:none}.landing-v2-hero{padding:100px 24px 60px}.landing-v2-strip,.landing-v2-story,.landing-v2-features,.landing-v2-plans,.landing-v2-final{padding:80px 24px}.strip-v2-container{grid-template-columns:repeat(2,1fr);gap:16px}.story-v2-grid,.features-v2-container{grid-template-columns:1fr;gap:24px}.plans-v2-grid{grid-template-columns:1fr;gap:20px}.hero-v2-cards{grid-template-columns:1fr}.hero-v2-actions{flex-direction:column}.hero-v2-actions .btn{width:100%}}@media (max-width: 480px){.landing-v2-nav-actions{gap:8px}.landing-v2-nav-actions .btn{padding:8px 12px;font-size:.8rem}.strip-v2-container{grid-template-columns:1fr}.feature-v2-card,.story-v2-card,.plan-v2-card{padding:24px}}.hero-v2-mockup{position:relative}.hero-mockup-frame{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff05;box-shadow:0 40px 100px #00000080,0 0 80px #8b5cf61a}.hero-mockup-frame img{display:block;width:100%;height:auto;object-fit:cover}.hero-mockup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(10,10,15,.6) 100%);pointer-events:none}.hero-mockup-badge{position:absolute;top:16px;right:16px;padding:6px 14px;background:#8b5cf640;border:1px solid rgba(139,92,246,.4);border-radius:100px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#a78bfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-v2-monogram{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(12rem,25vw,22rem);font-weight:900;color:#8b5cf60a;pointer-events:none;z-index:0;letter-spacing:-.05em;-webkit-user-select:none;user-select:none}.waveform-visual{margin-top:40px;padding:20px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.waveform-bars{display:flex;align-items:flex-end;gap:3px;height:40px;margin-bottom:12px}.waveform-bar{flex:1;min-width:3px;border-radius:2px;background:linear-gradient(180deg,#a78bfa,#38bdf8);opacity:.7}.waveform-bar-animated{animation:waveformPulse 1.5s ease-in-out infinite alternate}@keyframes waveformPulse{0%{opacity:.4;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.waveform-info{display:flex;align-items:center;gap:16px}.waveform-bpm,.waveform-key{font-size:.72rem;font-weight:700;color:#f7f7fb99;padding:3px 10px;background:#ffffff0d;border-radius:100px}.waveform-play{margin-left:auto;font-size:1rem;color:#a78bfa;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8b5cf626;transition:background .3s}.waveform-play:hover{background:#8b5cf64d}.landing-v2-motion{padding:120px 48px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04;position:relative;overflow:hidden}.landing-v2-motion:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);pointer-events:none}.motion-v2-container{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1}.motion-v2-eyebrow{display:inline-block;padding:8px 16px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7dd3fc;margin-bottom:24px}.motion-v2-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f7f7fb;margin:0 0 64px;letter-spacing:-.02em}.motion-v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.motion-v2-step{position:relative;padding:40px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1)}.motion-v2-step:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-4px)}.motion-v2-num{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#a78bfa;padding:4px 10px;background:#8b5cf61f;border-radius:100px;margin-bottom:20px}.motion-v2-step-title{font-size:1.5rem;font-weight:800;color:#f7f7fb;margin:0 0 12px;letter-spacing:-.02em}.motion-v2-step-desc{font-size:.9rem;color:#f7f7fb99;margin:0;line-height:1.5}.motion-v2-arrow{position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#8b5cf666;z-index:2}.feature-preview{height:120px;margin-bottom:20px;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06);position:relative}.feature-preview-archives .fp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.feature-preview-archives .fp-cell{aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,#8b5cf626,#38bdf81a);border:1px solid rgba(139,92,246,.2)}.feature-preview-archives .fp-meta{position:absolute;bottom:8px;left:12px;display:flex;gap:6px}.feature-preview-archives .fp-tag{font-size:.6rem;font-weight:700;padding:2px 8px;background:#8b5cf633;border-radius:100px;color:#a78bfa}.feature-preview-storefront .fp-store-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.feature-preview-storefront .fp-store-logo{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#38bdf8)}.feature-preview-storefront .fp-store-nav{flex:1;height:8px;background:#ffffff14;border-radius:4px;max-width:60%}.feature-preview-storefront .fp-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px}.feature-preview-storefront .fp-store-card{aspect-ratio:.8;border-radius:6px;background:linear-gradient(135deg,#8b5cf61f,#38bdf814);border:1px solid rgba(139,92,246,.15)}.feature-preview-vault{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.feature-preview-vault .fp-vault-lock{font-size:2rem;filter:drop-shadow(0 0 12px rgba(139,92,246,.3))}.feature-preview-vault .fp-vault-bar{height:6px;width:70%;background:#ffffff14;border-radius:3px}.feature-preview-magic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.feature-preview-magic .fp-magic-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:10px}.feature-preview-magic .fp-magic-url{font-size:.75rem;font-weight:700;color:#a78bfa;font-family:JetBrains Mono,monospace}.feature-preview-magic .fp-magic-meta{display:flex;gap:8px;font-size:.65rem;color:#f7f7fb80}.feature-preview-sound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.feature-preview-sound .fp-sound-bars{display:flex;align-items:flex-end;gap:3px;height:50px;width:100%}.feature-preview-sound .fp-sound-bar{flex:1;border-radius:2px;background:linear-gradient(180deg,#a78bfa,#38bdf8);opacity:.6}.feature-preview-sound .fp-sound-labels{display:flex;gap:12px;font-size:.6rem;color:#f7f7fb80;font-weight:600}.feature-preview-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.feature-preview-analytics .fp-chart{display:flex;align-items:flex-end;gap:4px;height:50px;width:100%}.feature-preview-analytics .fp-chart-bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#a78bfa,#8b5cf64d)}.feature-preview-analytics .fp-chart-stats{display:flex;gap:12px;font-size:.7rem;font-weight:700}.feature-preview-analytics .fp-chart-stats span:first-child{color:#f7f7fb}.feature-preview-analytics .fp-chart-stats span:last-child{color:#4ade80}@media (max-width: 768px){.motion-v2-steps{grid-template-columns:1fr;gap:20px}.motion-v2-arrow{display:none}.hero-v2-monogram{font-size:clamp(8rem,30vw,14rem)}.waveform-visual{margin-top:28px;padding:14px 16px}}@media (prefers-reduced-motion: reduce){.floating-card,.feature-v2-card,.plan-v2-card,.strip-v2-item,.motion-v2-step{transition:none}.hero-v2-glow,.waveform-bar-animated{animation:none}}.quality-score{background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:16px;padding:20px}.quality-score--compact{display:flex;align-items:center;gap:14px;padding:14px 16px}.qs-header{display:flex;gap:20px;align-items:center;margin-bottom:16px}.qs-ring{position:relative;width:100px;height:100px;flex-shrink:0}.qs-ring-small{position:relative;width:36px;height:36px;flex-shrink:0}.qs-ring-circle,.qs-ring-circle-small{transition:stroke-dashoffset .6s ease-out}.qs-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.qs-pct{font-size:1.4rem;font-weight:800;color:#f7f7fb;line-height:1}.qs-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#f7f7fb}.qs-score-label{font-size:.6rem;color:#f7f7fb4d;text-transform:uppercase;letter-spacing:.05em}.qs-info{flex:1}.qs-title{font-size:1rem;font-weight:700;color:#f7f7fb;margin-bottom:4px}.qs-detail{font-size:.8rem;color:#f7f7fb66;margin-bottom:10px}.qs-bar-track{height:6px;border-radius:3px;background:#f7f7fb0f;overflow:hidden}.qs-bar-fill{height:100%;border-radius:3px;transition:width .6s ease-out;animation:bar-grow .6s ease-out both}@keyframes bar-grow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.qs-ring-circle,.qs-ring-circle-small,.qs-bar-fill{transition-duration:.01ms!important;animation-duration:.01ms!important}}.qs-next-steps{border-top:1px solid rgba(247,247,251,.06);padding-top:14px}.qs-next-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#f7f7fb4d;margin-bottom:10px;display:block}.qs-next-item{display:flex;align-items:center;gap:10px;padding:6px 0}.qs-next-num{width:20px;height:20px;border-radius:5px;background:#f7f7fb0d;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#f7f7fb4d;flex-shrink:0}.qs-next-label{flex:1;font-size:.82rem;color:#f7f7fbb3}.qs-next-pts{font-size:.75rem;font-weight:600;color:#f7f7fb4d;flex-shrink:0}.qs-potential{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:10px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.1);cursor:default}.qs-potential-icon{font-size:1.2rem;flex-shrink:0}.qs-potential-info{flex:1}.qs-potential-title{display:block;font-size:.82rem;font-weight:600;color:#fbbf24;margin-bottom:2px}.qs-potential-pct{font-size:.75rem;color:#fbbf2499}.qs-potential-link{padding:5px 14px;border-radius:6px;background:#f59e0b26;color:#fbbf24;font-size:.75rem;font-weight:600;text-decoration:none;flex-shrink:0;transition:all .15s}.qs-potential-link:hover{background:#f59e0b40}.qs-compact-info{flex:1;min-width:0}.qs-compact-info .qs-label{display:block;font-size:.85rem;font-weight:700;color:#f7f7fb;margin-bottom:1px}.qs-compact-info .qs-sub{font-size:.75rem;color:#f7f7fb66}.dashboard-liquid{min-height:100vh;padding:24px 32px;position:relative;overflow-x:hidden}.dashboard-hero-liquid{position:relative;padding:40px 48px;margin-bottom:32px;border-radius:24px;background:linear-gradient(135deg,#8b5cf614,#3b82f60d);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #0000004d;overflow:hidden}.hero-glow-bg{position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);filter:blur(80px);pointer-events:none;animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-30px,20px) scale(1.1);opacity:.8}}.hero-monogram{position:absolute;top:50%;right:80px;transform:translateY(-50%);font-size:280px;font-weight:900;color:#8b5cf60a;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-content-liquid{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;max-width:700px}.hero-text-block{display:flex;flex-direction:column;gap:10px}.hero-eyebrow-liquid{display:inline-block;padding:6px 16px;background:#8b5cf626;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.25);border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;width:fit-content}.hero-title-liquid{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:.95;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc-liquid{font-size:1rem;line-height:1.5;color:#ffffffa6;margin:0;max-width:500px}.hero-actions-liquid{display:flex;gap:12px;flex-wrap:wrap}.btn-liquid{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-liquid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.btn-liquid:hover:before{opacity:1}.btn-liquid-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 8px 24px #8b5cf666,inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a}.btn-liquid-primary:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8b5cf680,inset 0 1px #fff6,0 0 0 1px #ffffff26}.btn-liquid-secondary{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.btn-liquid-secondary:hover{background:#ffffff1f;border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff26}.btn-liquid-ghost{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.15)}.btn-liquid-ghost:hover{background:#ffffff0d;border-color:#8b5cf64d;color:#fff}.btn-liquid .btn-icon{font-size:1.2rem}.btn-sm{padding:10px 20px;font-size:.85rem}.onboarding-card-liquid{display:flex;align-items:center;gap:24px;padding:24px 32px;margin-bottom:48px;border-radius:24px;background:#ffffff0f;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000004d;flex-wrap:wrap}.dashboard-section-liquid{margin-bottom:40px}.section-title-liquid{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 20px;letter-spacing:-.02em}.section-header-liquid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.section-desc-liquid{font-size:1rem;color:#fff9;margin:8px 0 0}.quick-status-grid-liquid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.status-bubble{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #00000040;transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.status-bubble:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--bubble-glow) 0%,transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}.status-bubble:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 64px #0006,inset 0 1px #ffffff26}.status-bubble:hover:before{opacity:.15}.status-bubble-purple{--bubble-glow: rgba(139, 92, 246, .4)}.status-bubble-green{--bubble-glow: rgba(34, 197, 94, .4)}.status-bubble-gold{--bubble-glow: rgba(250, 204, 21, .4)}.status-bubble-blue{--bubble-glow: rgba(59, 130, 246, .4)}.status-bubble-pink{--bubble-glow: rgba(236, 72, 153, .4)}.status-bubble-cyan{--bubble-glow: rgba(34, 211, 238, .4)}.status-bubble-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;flex-shrink:0;position:relative}.status-bubble-purple .status-bubble-icon{background:linear-gradient(135deg,#8b5cf64d,#8b5cf626);box-shadow:0 8px 24px #8b5cf64d;color:#c4b5fd}.status-bubble-green .status-bubble-icon{background:linear-gradient(135deg,#22c55e4d,#22c55e26);box-shadow:0 8px 24px #22c55e4d;color:#86efac}.status-bubble-gold .status-bubble-icon{background:linear-gradient(135deg,#facc154d,#facc1526);box-shadow:0 8px 24px #facc154d;color:#fde047}.status-bubble-blue .status-bubble-icon{background:linear-gradient(135deg,#3b82f64d,#3b82f626);box-shadow:0 8px 24px #3b82f64d;color:#93c5fd}.status-bubble-pink .status-bubble-icon{background:linear-gradient(135deg,#ec48994d,#ec489926);box-shadow:0 8px 24px #ec48994d;color:#f9a8d4}.status-bubble-cyan .status-bubble-icon{background:linear-gradient(135deg,#22d3ee4d,#22d3ee26);box-shadow:0 8px 24px #22d3ee4d;color:#67e8f9}.status-bubble-content{display:flex;flex-direction:column;gap:6px;min-width:0}.status-bubble-value{font-size:1.75rem;font-weight:900;line-height:1;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.02em}.status-bubble-label{font-size:.8rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-list-liquid{display:flex;flex-direction:column;gap:10px}.action-card-liquid{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background:#ffffff0a;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.action-card-liquid:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--action-color);opacity:0;transition:opacity .3s}.action-card-liquid:hover{transform:translate(8px);background:#ffffff14;border-color:#8b5cf64d;box-shadow:0 16px 48px #00000059}.action-card-liquid:hover:before{opacity:1}.action-card-purple{--action-color: #8b5cf6}.action-card-blue{--action-color: #3b82f6}.action-card-cyan{--action-color: #22d3ee}.action-card-gold{--action-color: #facc15}.action-card-pink{--action-color: #ec4899}.action-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0f;font-size:1.25rem;flex-shrink:0}.action-card-content{flex:1;min-width:0}.action-card-title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 2px}.action-card-desc{font-size:.75rem;color:#ffffff80;margin:0}.action-card-cta{font-size:1.25rem;color:#ffffff4d;transition:all .3s;flex-shrink:0}.action-card-liquid:hover .action-card-cta{color:#c4b5fd;transform:translate(4px)}.modules-grid-liquid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.module-card-liquid{display:flex;flex-direction:column;padding:0;border-radius:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #00000040;transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.module-card-liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--module-glow) 0%,transparent 60%);opacity:0;transition:opacity .5s;pointer-events:none}.module-card-liquid:hover{transform:translateY(-8px);box-shadow:0 24px 64px #0006}.module-card-liquid:hover:after{opacity:.2}.module-card-purple{--module-glow: rgba(139, 92, 246, .3)}.module-card-blue{--module-glow: rgba(59, 130, 246, .3)}.module-card-pink{--module-glow: rgba(236, 72, 153, .3)}.module-card-cyan{--module-glow: rgba(34, 211, 238, .3)}.module-card-gold{--module-glow: rgba(250, 204, 21, .3)}.module-card-green{--module-glow: rgba(34, 197, 94, .3)}.module-card-preview{height:100px;padding:16px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.module-card-body{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;flex:1}.module-card-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0f;font-size:1.25rem;flex-shrink:0}.module-card-text{flex:1;min-width:0}.module-card-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 4px}.module-card-desc{font-size:.8rem;color:#ffffff8c;margin:0;line-height:1.4}.module-card-action{padding:14px 24px;border-top:1px solid rgba(255,255,255,.05)}.module-card-pill{display:inline-block;padding:8px 18px;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:100px;font-size:.75rem;font-weight:600;color:#c4b5fd;transition:all .3s}.module-card-liquid:hover .module-card-pill{background:#8b5cf64d;transform:translate(4px)}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:200px}.preview-grid-cell{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#8b5cf633,#3b82f626);border:1px solid rgba(255,255,255,.1)}.preview-store{display:flex;flex-direction:column;gap:8px;width:100%;max-width:200px}.preview-store-header{height:24px;border-radius:8px;background:#8b5cf64d}.preview-store-card{height:40px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.preview-lock{display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:.6}.preview-link{display:flex;align-items:center;gap:12px;width:100%;max-width:200px}.preview-link-line{flex:1;height:4px;border-radius:2px;background:linear-gradient(90deg,#22d3ee66,#22d3ee1a)}.preview-link-dot{width:16px;height:16px;border-radius:50%;background:#22d3ee80}.preview-wave{display:flex;align-items:flex-end;gap:8px;height:80px}.preview-wave-bar{flex:1;background:linear-gradient(180deg,#facc1566,#facc151a);border-radius:4px}.preview-wave-bar:nth-child(1){height:60%}.preview-wave-bar:nth-child(2){height:80%}.preview-wave-bar:nth-child(3){height:100%}.preview-wave-bar:nth-child(4){height:70%}.preview-users{display:flex;gap:-12px}.preview-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#22c55e4d,#22c55e26);border:3px solid rgba(10,10,15,.8);margin-left:-12px}.preview-user-avatar:first-child{margin-left:0}.glass-card-liquid{padding:32px;border-radius:24px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000040}.card-header-liquid{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-title-liquid{font-size:1rem;font-weight:700;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:.05em}.credits-grid-liquid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.credits-stats-liquid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.credit-stat{display:flex;flex-direction:column;gap:8px}.credit-stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.credit-stat-value{font-size:2rem;font-weight:800;color:#fff;font-family:Outfit,sans-serif}.credit-stat-gold{color:#fde047}.list-liquid{display:flex;flex-direction:column;gap:12px}.list-item-liquid{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.16,1,.3,1)}.list-item-link{text-decoration:none;color:inherit}.list-item-liquid:hover{background:#8b5cf614;border-color:#8b5cf640;transform:translate(4px)}.list-item-content{display:flex;flex-direction:column;gap:4px;min-width:0}.list-item-title{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{font-size:.85rem;color:#ffffff80}.badge-liquid{display:inline-block;padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.badge-gold{background:#facc1533;color:#fde047;border:1px solid rgba(250,204,21,.3)}.badge-gray{background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.15)}.badge-pink{background:#ec489933;color:#f9a8d4;border:1px solid rgba(236,72,153,.3)}.empty-state-liquid{padding:64px 48px;border-radius:24px;background:#ffffff0a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.empty-state-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px}.empty-state-desc{font-size:1rem;color:#fff9;margin:0 0 32px}.empty-mini-liquid{padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.empty-mini-liquid span{font-size:3rem;opacity:.6}.empty-mini-liquid p{color:#fff9;margin:0}.activity-grid-liquid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}@media (max-width: 1200px){.dashboard-liquid{padding:24px 32px}.dashboard-hero-liquid{padding:48px 40px}.hero-monogram{font-size:200px;right:40px}}@media (max-width: 768px){.dashboard-liquid{padding:20px 24px}.dashboard-hero-liquid{padding:40px 32px}.hero-monogram{display:none}.hero-title-liquid{font-size:2.5rem}.quick-status-grid-liquid{grid-template-columns:repeat(2,1fr)}.modules-grid-liquid,.credits-grid-liquid,.activity-grid-liquid,.credits-stats-liquid{grid-template-columns:1fr}}@media (max-width: 480px){.quick-status-grid-liquid{grid-template-columns:1fr}.hero-actions-liquid{flex-direction:column}.btn-liquid{width:100%;justify-content:center}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#11111b66;border:1px dashed rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:600px;margin:2rem auto;transition:all .2s ease}.empty-state:hover{border-color:#a78bfa4d}.empty-state-icon{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#a78bfa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(139,92,246,.25))}.empty-state-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.empty-state-text{font-size:.95rem;color:#9ca3af;margin-bottom:2rem;line-height:1.6;max-width:450px}.empty-state-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;padding:.75rem 1.75rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #8b5cf659;display:inline-flex;align-items:center;gap:.5rem}.empty-state-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf673}.waveform-loader{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;margin:1rem 0}.waveform-loader .bar{width:6px;background:linear-gradient(180deg,#818cf8,#c084fc);border-radius:3px;animation:waveform 1s ease-in-out infinite}.waveform-loader .bar:nth-child(1){animation-delay:0s}.waveform-loader .bar:nth-child(2){animation-delay:.1s}.waveform-loader .bar:nth-child(3){animation-delay:.2s}.waveform-loader .bar:nth-child(4){animation-delay:.3s}.waveform-loader .bar:nth-child(5){animation-delay:.4s}@keyframes waveform{0%,to{height:8px}50%{height:32px}}.waveform-text{text-align:center;color:#c084fc;font-weight:500;font-size:.9rem;margin-top:.5rem;animation:pulse-text 2s infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 8px rgba(192,132,252,.5)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;padding:28px 32px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,#ffffff0a,#ffffff03),radial-gradient(circle at 18% 10%,rgba(139,92,246,.15),transparent 40%),radial-gradient(circle at 82% 20%,rgba(59,130,246,.1),transparent 40%),#0b0b16bf;box-shadow:0 1px #ffffff0d,0 8px 32px #0000004d,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),rgba(56,189,248,.3),transparent);opacity:.6}.page-header-content{min-width:0}.page-header-eyebrow{display:inline-block;margin-bottom:6px;color:#a78bfae6;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative;padding-left:16px}.page-header-eyebrow:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:currentColor;opacity:.6}.page-header-title{margin:0;color:#fff;font-family:"Outfit",var(--font-sans);font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.page-header-highlight{color:#a78bfa}.page-header-desc{margin:8px 0 0;max-width:620px;color:#f7f7fb8c;font-size:.88rem;line-height:1.6}.page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}.page-header--compact{padding:20px 24px;margin-bottom:24px}.page-header--compact .page-header-title{font-size:clamp(1.35rem,2.2vw,1.85rem)}.page-header--compact .page-header-desc{font-size:.82rem}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px;margin-bottom:24px}.page-header-title{font-size:clamp(1.4rem,5.5vw,1.9rem)}.page-header--compact{padding:18px 16px}.page-header--compact .page-header-title{font-size:clamp(1.2rem,4.8vw,1.6rem)}.page-header-actions{width:100%}.page-header-actions>*{flex:1;justify-content:center}}.beats-filters{display:flex;gap:14px;margin-bottom:32px;flex-wrap:wrap;align-items:center;background:#0a0a1266;padding:16px 20px;border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.beats-search{flex:1;min-width:240px}.beats-filters .select{width:auto;min-width:150px}.beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.beat-card{display:flex;flex-direction:column;justify-content:space-between;min-height:250px;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.beat-card:hover{border-color:#8b5cf64d!important;box-shadow:0 12px 36px #8b5cf612}.beat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.beat-card-body{flex:1;display:flex;flex-direction:column;gap:12px}.beat-card-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.2px}.beat-card-meta{display:flex;gap:6px;flex-wrap:wrap}.beat-tag{padding:3px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:9999px;font-size:.72rem;color:var(--text-secondary);font-weight:500}.beat-tag:contains("BPM"),.beat-tag:nth-child(3){border-color:#8b5cf633;color:var(--accent-purple-light);background:#8b5cf60d}.beat-tag:nth-child(4){border-color:#38bdf833;color:var(--accent-blue-light);background:#38bdf80d}.beat-card-price{font-size:1.15rem;font-weight:700;color:var(--accent-gold);margin-top:6px;letter-spacing:-.2px}.beat-card-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.beat-card-btn{width:100%}@media (max-width: 768px){.beats-filters{flex-direction:column;padding:16px}.beats-filters .select{width:100%}}.pp-container{margin-top:8px;margin-bottom:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--gradient-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;animation:fadeUp .35s cubic-bezier(.16,1,.3,1)}.pp-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);transition:background .2s ease}.pp-toggle:hover{background:#ffffff05}.pp-toggle-left{display:flex;align-items:center;gap:12px}.pp-toggle-icon{font-size:1.2rem}.pp-toggle-text{display:flex;flex-direction:column;text-align:left;gap:1px}.pp-toggle-title{font-size:.92rem;font-weight:600;letter-spacing:-.2px}.pp-toggle-subtitle{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pp-chevron{font-size:1.1rem;color:var(--text-muted);transition:transform .3s cubic-bezier(.16,1,.3,1)}.pp-chevron-open{transform:rotate(180deg)}.pp-body{padding:0 20px 20px;animation:fadeUp .3s cubic-bezier(.16,1,.3,1)}.pp-disclaimer{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:#8b5cf60d;border:1px solid rgba(139,92,246,.1);margin-bottom:16px}.pp-disclaimer-icon{font-size:.85rem;flex-shrink:0;margin-top:1px;color:var(--accent-purple-light)}.pp-disclaimer-text{font-size:.72rem;line-height:1.5;color:var(--text-muted)}.pp-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 0;color:var(--text-secondary);font-size:.85rem}.pp-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:#f43f5e0f;border:1px solid rgba(244,63,94,.18);color:#fca5a5;font-size:.82rem;margin-bottom:12px}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.pp-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#ffffff04;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center}.pp-stat-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pp-stat-value{font-family:var(--font-mono);font-size:.88rem;font-weight:600;color:var(--text-primary)}.pp-master-status{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid;margin-bottom:14px;transition:background .35s ease,border-color .35s ease}.pp-master-badge{font-size:.78rem;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:-.1px}.pp-master-desc{font-size:.71rem;color:var(--text-muted);line-height:1.4}.pp-meter-container{margin-bottom:16px}.pp-meter-track{position:relative;width:100%;height:8px;border-radius:9999px;background:#ffffff0d;overflow:visible}.pp-meter-fill{height:100%;border-radius:9999px;transition:width .4s ease,background .3s ease}.pp-meter-target{position:absolute;top:-4px;width:2px;height:16px;background:var(--text-primary);border-radius:1px;transform:translate(-1px);box-shadow:0 0 6px #ffffff4d;transition:left .4s ease}.pp-meter-target:after{content:"▼";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:.5rem;color:var(--text-muted)}.pp-meter-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.58rem;color:var(--text-muted);font-family:var(--font-mono)}.pp-platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.pp-platform-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:all .2s cubic-bezier(.16,1,.3,1)}.pp-platform-btn:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.pp-platform-active{box-shadow:0 0 12px #ffffff0a;transform:translateY(-1px)}.pp-platform-icon{font-size:1.15rem;line-height:1}.pp-platform-label{font-size:.68rem;font-weight:600;letter-spacing:.2px;white-space:nowrap}.pp-platform-lufs{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);opacity:.7}.pp-player{display:flex;align-items:center;gap:12px;margin-bottom:10px}.pp-play-btn{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.pp-play-btn:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.pp-seek-area{flex:1;display:flex;flex-direction:column;gap:4px}.pp-seek-bar{position:relative;width:100%;height:6px;border-radius:9999px;background:#ffffff0f;cursor:pointer;overflow:visible}.pp-seek-fill{height:100%;border-radius:9999px;transition:background .3s ease;pointer-events:none}.pp-seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-purple);transition:left .05s linear,border-color .3s ease;pointer-events:none;opacity:0}.pp-seek-bar:hover .pp-seek-thumb{opacity:1}.pp-time{display:flex;justify-content:space-between;font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted)}.pp-platform-desc{font-size:.72rem;text-align:center;padding:6px 0 2px;transition:color .3s ease}.pp-fallback{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-top:8px;margin-bottom:24px;border-radius:var(--radius-sm);background:#f5c5420d;border:1px solid rgba(245,197,66,.12);font-size:.8rem;color:var(--text-secondary)}.pp-fallback-icon{font-size:1rem;color:var(--accent-gold);flex-shrink:0}.pp-fallback-text{line-height:1.4}@media (max-width: 768px){.pp-stats{grid-template-columns:repeat(2,1fr)}.pp-platforms{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.pp-platforms{grid-template-columns:repeat(2,1fr)}.pp-stats{grid-template-columns:1fr 1fr}}.pp-simulator{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.pp-simulator-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.pp-simulator-eyebrow{display:block;margin-bottom:3px;color:var(--text-muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pp-simulator-header h3{margin:0;color:var(--text-primary);font-size:1rem}.pp-score-ring{width:58px;height:58px;min-width:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff09;color:#38bdf8;font-family:var(--font-mono)}.pp-score-ring span{font-size:1.05rem;font-weight:800;line-height:1}.pp-score-ring small{margin-top:2px;color:var(--text-muted);font-size:.58rem}.pp-simulator-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.pp-sim-tab{min-height:34px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:700;cursor:pointer}.pp-sim-tab:hover,.pp-sim-tab-active{border-color:#38bdf859;background:#38bdf814;color:#7dd3fc}.pp-simulator-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-bottom:12px}.pp-profile-select-wrap{display:flex;flex-direction:column;gap:5px;min-width:0;position:relative}.pp-profile-select-wrap span{color:var(--text-muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pp-profile-select{width:100%;min-height:38px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff09;color:var(--text-primary);padding:0 10px;font-family:var(--font-sans);color-scheme:dark}.pp-profile-select option{background:#101018;color:#fff}.pp-profile-dropdown-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid rgba(139,92,246,.35);border-radius:10px;background:#101018;color:#fff;font-family:var(--font-sans);text-align:left;cursor:pointer;color-scheme:dark;transition:all .2s cubic-bezier(.16,1,.3,1)}.pp-profile-dropdown-button:hover,.pp-profile-dropdown-button:focus{outline:none;border-color:#38bdf880;background:#141424;box-shadow:0 0 0 3px #38bdf81a}.pp-profile-dropdown-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.86rem;font-weight:700;flex:1;min-width:0}.pp-profile-dropdown-meta{flex-shrink:0;color:#93c5fd;font-size:.68rem;font-weight:600;white-space:nowrap}.pp-profile-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:360px;max-height:280px;overflow-y:auto;padding:6px;border:1px solid rgba(139,92,246,.28);border-radius:10px;background:#0d0d16;box-shadow:0 18px 45px #0000008c;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent}.pp-profile-dropdown-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:background .15s}.pp-profile-dropdown-option:hover,.pp-profile-dropdown-option.is-selected{background:#8b5cf62e}.pp-profile-dropdown-option strong{color:#fff;font-size:.84rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pp-profile-dropdown-option span{color:#a1a1aa;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pp-simulator-actions{display:flex;gap:8px;align-items:center}.pp-selected-profile{display:grid;gap:8px;padding:14px 16px;margin-bottom:12px;border:1px solid rgba(139,92,246,.18);border-radius:12px;background:linear-gradient(145deg,#8b5cf60f,#38bdf805),#ffffff05;position:relative;overflow:hidden}.pp-selected-profile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.pp-sim-disclaimer{margin:-4px 0 12px;color:var(--text-muted);font-size:.68rem;line-height:1.4}.pp-selected-profile div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.pp-selected-profile strong{color:var(--text-primary);font-size:.92rem;font-weight:700}.pp-selected-profile span,.pp-selected-profile p{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.5}.pp-sim-error{padding:10px 12px;margin-bottom:12px;border:1px solid rgba(244,63,94,.22);border-radius:var(--radius-sm);background:#f43f5e14;color:#fca5a5;font-size:.78rem}.pp-translation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.pp-translation-item{min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 8px;border:1px solid var(--border-color);border-radius:10px;background:#ffffff06;text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1)}.pp-translation-item:hover{border-color:#8b5cf64d;background:#8b5cf60f;transform:translateY(-2px)}.pp-translation-item span{color:var(--text-muted);font-size:.62rem;line-height:1.25;text-transform:uppercase;letter-spacing:.04em}.pp-translation-item strong{color:var(--text-primary);font-size:.82rem;font-weight:700}.pp-sim-recommendation{padding:10px 12px;border:1px solid rgba(56,189,248,.16);border-radius:var(--radius-sm);background:#38bdf80e}.pp-sim-recommendation span{display:block;margin-bottom:4px;color:#7dd3fc;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pp-sim-recommendation p{margin:0;color:var(--text-secondary);font-size:.76rem;line-height:1.45}@media (max-width: 768px){.pp-simulator-tabs,.pp-translation-grid{grid-template-columns:repeat(2,1fr)}.pp-simulator-controls{grid-template-columns:1fr}.pp-simulator-actions{justify-content:stretch}.pp-simulator-actions .btn{flex:1}}@media (max-width: 480px){.pp-simulator-tabs,.pp-translation-grid{grid-template-columns:1fr}}.pp-locked-feature{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;border:1px solid rgba(139,92,246,.35);border-radius:8px;background:#101018db}.pp-locked-feature div{display:flex;flex-direction:column;gap:6px}.pp-locked-feature strong{color:#fff}.pp-locked-feature span{color:#ffffffad;line-height:1.4}.pp-locked-feature a{flex:0 0 auto;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#fff;font-weight:700;padding:10px 14px;text-decoration:none}@media (max-width: 640px){.pp-locked-feature{align-items:stretch;flex-direction:column}}.beat-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a0a12b8,#05050a80);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 48px #00000057,0 0 28px #8b5cf60f}.beat-detail-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.beat-back-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;color:var(--text-primary);background:#ffffff09;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:0}.beat-back-pill:before{content:"← Volver";font-size:.85rem;font-weight:700}.beat-back-pill:hover,.beat-action-secondary:hover,.beat-action-premium:hover,.beat-action-danger:hover{transform:translateY(-1px)}.beat-action-secondary,.beat-action-premium,.beat-action-danger{min-height:38px;border-radius:999px;font-size:0;font-weight:700}.beat-action-secondary:before{content:"Editar";font-size:.8rem}.beat-action-secondary.is-cancel:before{content:"Cancelar"}.beat-action-premium:before{content:"Export Beat Kit";font-size:.8rem}.beat-action-premium{border-color:#f5c54247;box-shadow:0 8px 26px #f5c54229}.beat-action-danger:before{content:"Eliminar";font-size:.8rem}.audio-missing-admin-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:16px 0;padding:14px 16px;border:1px solid rgba(248,113,113,.35);border-radius:8px;background:#f8717114;color:#fecaca}.audio-missing-admin-notice strong{display:block;margin-bottom:4px;color:#fca5a5}.audio-replace-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center;min-width:340px}.audio-replace-controls input[type=file]{width:100%;color:var(--text-secondary);font-size:.82rem}.beat-action-danger{background:#e11d481a;border-color:#e11d4833;box-shadow:none}.beat-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.beat-detail-info,.beat-ai-section{min-width:0}.beat-detail-info{padding:26px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0d0d17a8,#08080ec7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 56px #00000057}.beat-detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.beat-detail-title{margin:0}.beat-detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.beat-price-display{font-size:1.5rem;font-weight:700;color:var(--accent-gold-light);margin-bottom:20px}.beat-audio-player{margin-bottom:24px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);background:#ffffff06}.beat-audio-player audio{width:100%;border-radius:var(--radius-md)}.beat-edit-form{margin-top:24px;padding:20px;background:#0a0a12c7;border:1px solid rgba(139,92,246,.18);border-radius:var(--radius-lg);box-shadow:0 14px 34px #00000047}.beat-ai-section{display:flex;flex-direction:column;gap:16px}.ai-generator-card{padding:20px;border-color:#ffffff12;background:linear-gradient(145deg,#0d0d17a8,#08080ed1)}.ai-gen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-gen-info{flex:1}.ai-gen-title{font-size:1rem;font-weight:600;margin-bottom:4px}.ai-gen-desc{font-size:.8rem;color:var(--text-muted)}.ai-gen-content{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.ai-gen-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin-bottom:12px;padding:12px;background:var(--bg-input);border-radius:var(--radius-sm)}.master-platform-card{margin:20px 0 24px;padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(56,189,248,.16);background:radial-gradient(circle at top right,rgba(56,189,248,.1),transparent 34%),radial-gradient(circle at bottom left,rgba(245,197,66,.055),transparent 36%),linear-gradient(145deg,#0a0a12c2,#05050ae0);box-shadow:0 18px 52px #00000061,0 0 34px #38bdf80f}.master-platform-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.master-eyebrow{display:inline-flex;margin-bottom:6px;color:var(--accent-blue-light);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.master-platform-header h2{margin:0 0 6px;font-family:Outfit,sans-serif;font-size:1.35rem}.master-platform-header p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.55}.master-state-pill{flex:0 0 auto;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);background:#ffffff0a}.master-state-pill.state-done,.master-state-pill.state-loading{color:var(--accent-blue-light);border-color:#38bdf83d;background:#38bdf814}.master-state-pill.state-error,.master-error{color:#fda4af;border-color:#f43f5e42;background:#f43f5e14}.master-state-pill.state-backend{color:#fcd34d;border-color:#f5c54247;background:#f5c5421a}.master-error{padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:14px;font-size:.82rem}.master-notice{margin:0 0 16px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);font-size:.84rem;line-height:1.55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.master-notice-info{color:var(--accent-blue-light);border-color:#38bdf82e;background:#38bdf80f}.master-notice-warning{color:#fde68a;border-color:#f5c54238;background:linear-gradient(135deg,#f5c5421a,#8b5cf609)}.master-notice-error{color:#fda4af;border-color:#f43f5e33;background:#f43f5e0e}.master-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.master-platform-item{display:flex;flex-direction:column;min-height:260px;height:100%;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#ffffff09,#ffffff05),#ffffff07;transition:var(--transition)}.master-platform-item:hover{border-color:#38bdf83d;background:#ffffff0a;transform:translateY(-2px)}.master-platform-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.master-platform-top strong{color:var(--text-primary)}.master-target-badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;border:1px solid rgba(56,189,248,.18);background:#38bdf812;color:var(--accent-blue-light);font-family:var(--font-mono);font-size:.72rem;font-weight:800}.master-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0 0 16px}.master-metrics>div{min-width:0;padding:10px;border-radius:var(--radius-sm);background:#00000029;border:1px solid rgba(255,255,255,.045)}.master-metrics dt{color:var(--text-muted);font-size:.68rem;white-space:nowrap}.master-metrics dd{margin:2px 0 0;color:var(--text-primary);font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.clip-risk{display:inline-flex;width:fit-content;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.clip-risk.risk-bajo{color:#34d399;border-color:#34d3992e;background:#34d39914}.clip-risk.risk-medio{color:#fbbf24;border-color:#fbbf2433;background:#fbbf2414}.clip-risk.risk-alto{color:#fb7185;border-color:#fb718533;background:#fb718514}.clip-risk.risk-pendiente{color:var(--text-muted)}.master-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.master-job-message{margin:0 0 12px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);background:#ffffff09;font-size:.78rem}.master-job-message.job-loading{color:var(--accent-blue-light);border-color:#38bdf838;background:#38bdf812}.master-job-message.job-done{color:#34d399;border-color:#34d39938;background:#34d39912}.master-job-message.job-error{color:#fda4af;border-color:#f43f5e3d;background:#f43f5e14}.master-job-message.job-backend{color:#fde68a;border-color:#f5c54238;background:#f5c54214}.master-actions .btn{flex:1}.master-actions .btn:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.4);transform:none;background-color:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}@media (max-width: 768px){.beat-detail-header{align-items:stretch;flex-direction:column}.beat-detail-actions{display:grid;grid-template-columns:1fr}.beat-detail-main{grid-template-columns:1fr}.beat-detail-info{padding:18px}.audio-missing-admin-notice,.audio-replace-controls{grid-template-columns:1fr}.audio-replace-controls{min-width:0}.master-platform-header{flex-direction:column}.master-platform-grid,.master-metrics{grid-template-columns:1fr}}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.packs-page .empty-state{max-width:520px;margin:10px 0 32px;padding:30px 28px;align-items:flex-start;text-align:left;background:linear-gradient(145deg,#ffffff0a,#ffffff03),#05050a9e;border-style:solid;border-color:#8b5cf629;box-shadow:0 18px 50px #00000047}.packs-page .empty-state-icon{font-size:2.1rem;margin-bottom:.9rem}.packs-page .empty-state-title{font-size:1.18rem}.packs-page .empty-state-text{margin:0 0 1.15rem;max-width:390px}.pack-card{display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.pack-card:hover{border-color:#8b5cf640!important;box-shadow:0 10px 30px #8b5cf60d}.pack-card-header{display:flex;justify-content:flex-end;margin-bottom:12px}.pack-card-body{flex:1}.pack-card-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pack-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pack-price{color:var(--accent-gold);font-weight:700;font-family:Outfit,sans-serif}.pack-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.pack-card-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.pack-card-btn{width:100%}.modal-lg{max-width:680px}.input-row{display:flex;gap:10px;align-items:flex-start}.input-row .input,.input-row .textarea{flex:1}.input-row .btn{flex-shrink:0;margin-top:0}.pack-beat-selector{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.pack-beat-selector::-webkit-scrollbar{width:6px}.pack-beat-selector::-webkit-scrollbar-track{background:transparent}.pack-beat-selector::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.pack-beat-selector::-webkit-scrollbar-thumb:hover{background:#8b5cf64d}.pack-beat-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pack-beat-option:hover{border-color:#8b5cf640;background:#8b5cf608}.pack-beat-option.selected{border-color:var(--accent-purple);background:#8b5cf614}.pack-beat-option input{display:none}.pack-beat-option-info{display:flex;flex-direction:column;gap:2px}.pack-beat-option-title{font-size:.92rem;font-weight:600;color:var(--text-primary)}.pack-beat-option-meta{font-size:.78rem;color:var(--text-secondary)}.pack-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.pack-detail-nav,.pack-detail-actions{display:flex;gap:10px}.pack-detail-hero{margin-bottom:32px}.pack-detail-name{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.pack-detail-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.pack-detail-meta{display:flex;gap:8px;flex-wrap:wrap}.pack-beats-list{display:flex;flex-direction:column;gap:14px}.pack-beat-item{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#0a0a1266;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pack-beat-item:hover{border-color:#8b5cf640;background:#8b5cf608;transform:translate(4px)}.pack-beat-main{display:flex;flex-direction:column;gap:6px}.pack-beat-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.pack-beat-price{font-size:1.15rem;font-weight:700;color:var(--accent-gold);flex-shrink:0}.module-hero{grid-template-columns:minmax(0,1fr) minmax(160px,auto);min-height:var(--module-hero-min-height, 196px);padding:var(--module-hero-padding, 30px);margin-bottom:var(--module-hero-margin-bottom, 28px);isolation:isolate;gap:var(--module-hero-gap, 24px);--module-title-min: 2rem;--module-title-fluid: 4.4vw;--module-title-max: 4.4rem;--brand-title-width: 720px;--brand-title-max-height: 132px;--module-hero-bg-opacity: .2}.module-hero--large{--module-hero-min-height: 236px;--module-hero-padding: 34px;--module-title-min: 2.2rem;--module-title-fluid: 4.8vw;--module-title-max: 4.6rem;--brand-title-max-height: 150px}.module-hero--compact,.module-hero--dashboard{--module-hero-min-height: 168px;--module-hero-padding: 24px 28px;--module-hero-margin-bottom: 24px;--module-title-min: 1.85rem;--module-title-fluid: 3.1vw;--module-title-max: 3.45rem;--brand-title-width: 580px;--brand-title-max-height: 82px;--module-hero-bg-opacity: .16;background:linear-gradient(145deg,#ffffff0a,#ffffff02),radial-gradient(circle at 15% 12%,rgba(139,92,246,.13),transparent 44%),radial-gradient(circle at 84% 18%,rgba(56,189,248,.09),transparent 42%),#05050ac2}.module-hero--minimal{--module-hero-min-height: 142px;--module-hero-padding: 22px 26px;--module-hero-margin-bottom: 24px;--module-title-min: 1.75rem;--module-title-fluid: 2.8vw;--module-title-max: 3rem;--brand-title-width: 520px;--brand-title-max-height: 76px;--module-hero-bg-opacity: .14;background:linear-gradient(145deg,#ffffff09,#ffffff02),radial-gradient(circle at 18% 10%,rgba(139,92,246,.1),transparent 44%),radial-gradient(circle at 86% 20%,rgba(56,189,248,.07),transparent 44%),#05050abd}.module-hero--sample{--module-hero-min-height: 236px;--module-hero-padding: 34px;--module-title-max: 4.6rem;--brand-title-max-height: 150px;--module-hero-bg-opacity: .24;border-color:#8b5cf62e;box-shadow:var(--shadow-lg),0 0 38px #8b5cf617}.module-hero--vault{--module-hero-bg-opacity: .18;background:linear-gradient(145deg,#ffffff0b,#ffffff03),radial-gradient(circle at 18% 10%,rgba(139,92,246,.19),transparent 42%),radial-gradient(circle at 86% 50%,rgba(6,182,212,.09),transparent 42%),#05050ac2}.module-hero--store{--module-hero-bg-opacity: .18;background:linear-gradient(145deg,#ffffff0b,#ffffff03),radial-gradient(circle at 18% 10%,rgba(244,63,158,.14),transparent 40%),radial-gradient(circle at 82% 20%,rgba(139,92,246,.17),transparent 42%),#05050ac2}.module-hero--wallet{--module-hero-bg-opacity: .18;background:linear-gradient(145deg,#ffffff0c,#ffffff03),radial-gradient(circle at 16% 12%,rgba(139,92,246,.17),transparent 42%),radial-gradient(circle at 78% 22%,rgba(245,197,66,.09),transparent 38%),#05050ac2}.module-hero--credits{--module-hero-bg-opacity: .18;background:linear-gradient(145deg,#ffffff0b,#ffffff03),radial-gradient(circle at 18% 12%,rgba(56,189,248,.14),transparent 42%),radial-gradient(circle at 82% 18%,rgba(139,92,246,.18),transparent 42%),#05050ac2}.module-hero-content{min-width:0}.module-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.module-hero .brand-title-fallback{margin:0;max-width:860px;font-size:clamp(var(--module-title-min),var(--module-title-fluid),var(--module-title-max))}.module-hero .brand-title-image{margin:0}.module-hero .module-hero-bg{transform:scale(1.01);z-index:0}.module-hero .module-hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--module-hero-secondary-bg-image, none);background-position:center right;background-size:cover;opacity:var(--module-hero-secondary-bg-opacity, .28);filter:saturate(1.08) contrast(1.06)}.module-hero-decor{align-self:center;justify-self:end;max-width:min(28vw,240px);opacity:.86;pointer-events:none}.module-hero--compact .module-hero-copy,.module-hero--dashboard .module-hero-copy,.module-hero--minimal .module-hero-copy{max-width:560px;font-size:.92rem}.module-hero--compact .module-hero-kicker,.module-hero--dashboard .module-hero-kicker,.module-hero--minimal .module-hero-kicker{margin-bottom:10px}.module-hero--compact .module-hero-actions,.module-hero--dashboard .module-hero-actions,.module-hero--minimal .module-hero-actions{margin-top:16px}@media (max-width: 768px){.module-hero{grid-template-columns:1fr;gap:18px;--module-hero-padding: 20px;--module-hero-min-height: 0;--module-title-min: 1.7rem;--module-title-fluid: 9.2vw;--module-title-max: 3rem}.module-hero--compact,.module-hero--dashboard,.module-hero--minimal{--module-title-max: 2.55rem;--brand-title-max-height: 68px}.module-hero-actions{align-items:stretch}.module-hero-actions>*{width:100%}.module-hero .brand-title-image{width:100%;object-position:left center}}.clients-header-actions{display:flex;gap:10px;flex-wrap:wrap}.module-hero .clients-header-actions{margin-top:0}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.client-card{display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.client-card:hover{border-color:#8b5cf640!important;box-shadow:0 10px 30px #8b5cf60d}.client-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.client-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #8b5cf640;font-family:Outfit,sans-serif}.client-info{flex:1}.client-name{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.client-artist{font-size:.82rem;color:var(--text-secondary)}.client-card-body{flex:1;margin-bottom:16px}.client-detail{font-size:.88rem;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:8px}.client-notes{font-size:.82rem;color:var(--text-muted);margin-top:10px;font-style:italic}.client-card-footer{padding-top:16px;border-top:1px solid var(--border-color)}.client-card-btn{width:100%}.reviews-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.review-card{padding:24px;background:#0a0a1266;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.review-card:hover{border-color:#8b5cf640;box-shadow:0 8px 24px #8b5cf608}.review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.review-card-info{font-size:.95rem;color:var(--text-primary)}.review-request-text{font-size:.88rem;color:var(--text-secondary);font-style:italic;margin-bottom:16px;padding:12px 14px;background:#05050a80;border-radius:var(--radius-md);border-left:3px solid var(--accent-purple);line-height:1.5}.review-tasks{margin-bottom:16px}.review-tasks-text{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);white-space:pre-wrap;padding:12px 14px;background:#05050a80;border-radius:var(--radius-md);border-left:3px solid var(--accent-gold);line-height:1.5}.review-card-actions{display:flex;gap:10px}@media (max-width: 768px){.clients-header-actions{flex-direction:column;width:100%}.clients-header-actions .btn{width:100%}}.client-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.client-detail-hero{display:flex;align-items:center;gap:24px;margin-bottom:32px}.client-detail-avatar{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.85rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #8b5cf64d;font-family:Outfit,sans-serif}.client-detail-name{font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:800;color:var(--text-primary)}.client-detail-artist{color:var(--text-secondary);font-size:.95rem}.client-details-list{display:flex;flex-direction:column;gap:16px}.client-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.detail-notes{font-size:.88rem;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.client-reviews-list{display:flex;flex-direction:column;gap:14px;max-height:600px;overflow-y:auto}.client-review-card{padding:20px;background:#0a0a1266;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.client-review-card:hover{border-color:#8b5cf640;box-shadow:0 8px 24px #8b5cf608}.review-beat-ref{font-size:.82rem;color:var(--accent-purple-light);font-weight:600}.review-tasks-content{margin-top:10px}.review-tasks-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;padding:10px 12px;background:#05050a80;border-radius:var(--radius-md);border-left:3px solid var(--accent-gold);margin-top:8px;line-height:1.5}.account-container{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;color:var(--text-primary)}.account-container{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);padding:2.5rem 2rem!important;margin:2rem auto!important}.admin-grant-banner{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#a78bfa2e,#22c55e1f);border:1px solid rgba(167,139,250,.35);border-radius:10px}.admin-grant-banner-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#e9d5ff}.admin-grant-banner-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;color:#cbd5e1}.admin-grant-banner-pill{background:#22c55e2e;color:#4ade80;border:1px solid rgba(34,197,94,.35);padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.admin-grant-banner-reason{font-size:.78rem;color:#94a3b8}@keyframes epicShake{0%,to{transform:translateZ(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate3d(-2px,0,0) rotate(-.5deg)}20%,40%,60%,80%{transform:translate3d(2px,0,0) rotate(.5deg)}}@keyframes epicGlow{0%,to{box-shadow:0 0 20px #a78bfa33}50%{box-shadow:0 0 60px #a78bfa99}}.epic-shake{animation:epicGlow 2s ease-in-out both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;position:relative}@media (prefers-reduced-motion: no-preference){.epic-shake{animation:epicShake 1.2s cubic-bezier(.36,.07,.19,.97) both,epicGlow 3s ease-in-out both}}.celebration-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#11111bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem 4rem;border-radius:16px;border:1px solid rgba(167,139,250,.5);box-shadow:0 0 40px #8b5cf666;color:#fff;font-size:2.5rem;font-weight:800;text-align:center;z-index:9999;animation:fadeInOut 4s ease-in-out forwards;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1.1)}}.account-header{margin-bottom:2.5rem}.account-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#a78bfa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.account-header p{color:#9ca3af;font-size:1.1rem}.account-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.account-grid{grid-template-columns:3fr 2fr}}.account-card{background:#11111ba6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000005e;transition:transform .2s ease,border-color .2s ease}.account-card:hover{border-color:#a78bfa40}.card-title{font-size:1.35rem;font-weight:700;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#0a0a0fcc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf640}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.plan-badge{display:inline-block;padding:.25rem .75rem;font-size:.85rem;font-weight:700;text-transform:uppercase;border-radius:9999px;letter-spacing:.05em;margin-left:.5rem}.plan-free{background:#9ca3af26;color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.plan-starter{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.plan-pro{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.plan-studio{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.plan-details{margin-bottom:2rem}.plan-details p{color:#9ca3af;margin-bottom:.5rem;font-size:.95rem}.features-list{list-style:none;padding:0;margin:1.5rem 0}.features-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;color:#d1d5db}.features-list li.disabled{color:#6b7280}.usage-section{margin-top:1.5rem}.usage-item{margin-bottom:1.25rem}.usage-info{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.375rem;color:#d1d5db}.usage-bar-bg{width:100%;height:8px;background:#ffffff0d;border-radius:9999px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);transition:width .4s ease-out}.usage-bar-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.usage-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.danger-zone{border:1px solid rgba(239,68,68,.2)}.danger-zone:hover{border-color:#ef444466}.danger-zone .card-title{color:#ef4444;border-bottom:1px solid rgba(239,68,68,.15)}.danger-description{color:#9ca3af;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;font-weight:600;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.feedback-msg{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1.5rem}.feedback-msg.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.feedback-msg.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.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;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#11111b;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:2rem;max-width:450px;width:90%;box-shadow:0 20px 25px -5px #00000080;color:#f3f4f6}.modal-content h3{font-size:1.25rem;color:#ef4444;margin-bottom:1rem}.modal-content p{color:#9ca3af;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem}.btn-secondary{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d1d5db;padding:.75rem;border-radius:8px;cursor:pointer;text-align:center;transition:background .2s ease}.btn-secondary:hover{background:#ffffff1a}.btn-danger-confirm{flex:1;background:#ef4444;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;text-align:center;font-weight:600;transition:background .2s ease}.btn-danger-confirm:hover{background:#dc2626}.pricing-container{max-width:1280px;margin:0 auto;padding:32px 24px;color:var(--text-primary);text-align:center}.pricing-card{background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:3rem 20px 2.5rem!important;box-shadow:var(--shadow-md)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}.pricing-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0000004d!important;border-color:#8b5cf666!important}.pricing-card.free:hover{border-color:#ffffff26!important;box-shadow:0 10px 30px #ffffff05!important}.pricing-card.starter:hover{border-color:#38bdf859!important;box-shadow:0 10px 30px #38bdf80f!important}.pricing-card.featured{border-color:var(--accent-purple)!important;background:linear-gradient(180deg,#8b5cf60f,#0a0a1273)!important;box-shadow:0 15px 40px #8b5cf614!important;transform:scale(1.04)!important;z-index:10!important}.pricing-card.featured:hover{border-color:var(--accent-purple-light)!important;transform:scale(1.04) translateY(-4px)!important;box-shadow:0 20px 50px #8b5cf626!important}.pricing-card.studio{border-color:#f5c54266!important;background:linear-gradient(180deg,#f5c5420a,#0a0a1273)!important}.pricing-card.studio:hover{border-color:var(--accent-gold)!important;box-shadow:0 10px 30px #f5c5421f!important}.pricing-card.studio:after{content:"ESTUDIO";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-gold);color:#05050a;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:9999px;letter-spacing:.5px;box-shadow:0 4px 12px #f5c54233!important}.btn-pricing{width:100%!important;padding:12px!important;border-radius:var(--radius-md)!important;font-weight:600!important;font-size:.92rem!important;cursor:pointer!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;border:1px solid rgba(255,255,255,.08)!important;background:#ffffff08!important;color:var(--text-primary)!important}.btn-pricing:hover:not(:disabled){background:#ffffff14!important;border-color:#ffffff26!important;transform:translateY(-1px)!important}.btn-pricing.active-plan{background:#22c55e1f!important;border-color:#22c55e40!important;color:#4ade80!important;cursor:default!important;box-shadow:none!important;transform:none!important}.btn-pricing.primary{background:linear-gradient(135deg,var(--accent-purple) 0%,#6d28d9 100%)!important;border:1px solid rgba(139,92,246,.2)!important;box-shadow:0 4px 12px #8b5cf633!important}.btn-pricing.primary:hover:not(:disabled){filter:brightness(1.1)!important;box-shadow:0 6px 16px #8b5cf659!important;transform:translateY(-1px)!important}.pricing-card.starter .btn-pricing.primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#0369a1 100%)!important;border:1px solid rgba(56,189,248,.2)!important;box-shadow:0 4px 12px #38bdf833!important}.pricing-card.starter .btn-pricing.primary:hover:not(:disabled){box-shadow:0 6px 16px #38bdf859!important}.pricing-card.studio .btn-pricing.primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#d97706 100%)!important;border:1px solid rgba(245,197,66,.2)!important;color:#05050a!important;font-weight:700!important;box-shadow:0 4px 12px #f5c54233!important}.pricing-card.studio .btn-pricing.primary:hover:not(:disabled){box-shadow:0 6px 16px #f5c54259!important}.btn-pricing:disabled{opacity:.35!important;cursor:not-allowed!important}.temporary-grant-banner{background:#8b5cf61a!important;border:1px solid rgba(139,92,246,.2)!important;border-radius:var(--radius-md)!important;padding:12px 16px!important;margin-bottom:24px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:var(--shadow-sm)!important}.temporary-grant-banner .badge{background:#8b5cf633!important;color:var(--accent-purple-light)!important}@media (max-width: 1024px){.pricing-card.featured{transform:none!important}.pricing-card.featured:hover{transform:translateY(-4px)!important}}.pricing-container .module-hero{text-align:left}.pricing-header{margin-bottom:4.5rem}.pricing-header h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.85rem;letter-spacing:-1px}.pricing-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}@media (min-width: 640px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.pricing-card{background:#0a0a1273;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:3rem 20px 2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.pricing-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:var(--shadow-lg)}.pricing-card.free:hover{border-color:#ffffff26;box-shadow:0 10px 30px #ffffff05}.pricing-card.starter:hover{border-color:#38bdf859;box-shadow:0 10px 30px #38bdf80f}.pricing-card.featured{border-color:var(--accent-purple);background:linear-gradient(180deg,#8b5cf60f,#0a0a1273);box-shadow:0 15px 40px #8b5cf614;transform:scale(1.04);z-index:10}.pricing-card.featured:hover{border-color:var(--accent-purple-light);transform:scale(1.04) translateY(-4px);box-shadow:0 20px 50px #8b5cf626}.pricing-card.featured:after{content:"RECOMENDADO";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:9999px;letter-spacing:.5px;box-shadow:0 4px 12px #8b5cf64d}.pricing-card.studio{border-color:#f5c54266;background:linear-gradient(180deg,#f5c5420a,#0a0a1273)}.pricing-card.studio:hover{border-color:var(--accent-gold);box-shadow:0 10px 30px #f5c5421f}.pricing-card.studio:after{content:"ESTUDIO";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-gold);color:#05050a;font-size:.72rem;font-weight:700;padding:4px 14px;border-radius:9999px;letter-spacing:.5px;box-shadow:0 4px 12px #f5c54233}.plan-name{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.plan-price{font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-1px}.plan-price span{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.plan-desc{color:var(--text-secondary);font-size:.88rem;margin-bottom:2rem;min-height:48px;line-height:1.5}.plan-features{list-style:none;padding:0;margin:0 0 2.5rem;text-align:left;display:flex;flex-direction:column;gap:12px;flex-grow:1}.plan-features li{font-size:.88rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.plan-features li:before{content:"✓";color:var(--accent-purple-light);font-weight:800}.pricing-card.starter .plan-features li:before{color:var(--accent-blue)}.pricing-card.studio .plan-features li:before{color:var(--accent-gold)}.btn-pricing{width:100%;padding:12px;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-primary)}.btn-pricing:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-pricing.active-plan{background:#22c55e1f!important;border-color:#22c55e40!important;color:#4ade80!important;cursor:default;box-shadow:none!important;transform:none!important}.btn-pricing.primary{background:linear-gradient(135deg,var(--accent-purple) 0%,#6d28d9 100%);border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 12px #8b5cf633}.btn-pricing.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 16px #8b5cf659;transform:translateY(-1px)}.pricing-card.starter .btn-pricing.primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#0369a1 100%);border:1px solid rgba(56,189,248,.2);box-shadow:0 4px 12px #38bdf833}.pricing-card.starter .btn-pricing.primary:hover:not(:disabled){box-shadow:0 6px 16px #38bdf859}.pricing-card.studio .btn-pricing.primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#d97706 100%);border:1px solid rgba(245,197,66,.2);color:#05050a;font-weight:700;box-shadow:0 4px 12px #f5c54233}.pricing-card.studio .btn-pricing.primary:hover:not(:disabled){box-shadow:0 6px 16px #f5c54259}.btn-pricing:disabled{opacity:.35;cursor:not-allowed}.simulation-alert{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#4ade80;padding:14px;border-radius:var(--radius-md);margin-bottom:2rem;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@media (max-width: 1024px){.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.reviews-page .reviews-filters{background:linear-gradient(145deg,#ffffff09,#ffffff03),#05050a94}.review-card{display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.review-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:16px}.review-client-info{display:flex;flex-direction:column;gap:4px}.review-client-name{font-size:1.15rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.review-client-name:hover{color:var(--accent-purple-light)}.review-beat-title{font-size:.85rem;color:var(--text-accent);font-weight:500}.review-body{flex:1;margin-bottom:20px}.review-request-text{font-size:.95rem;color:var(--text-primary);font-style:italic;line-height:1.5;background:#ffffff05;padding:12px;border-left:3px solid var(--accent-purple);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:16px}.review-tasks{margin-top:14px;background:#00000040!important;border-color:#ffffff0d!important;padding:16px!important}.tasks-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.tasks-content{font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.review-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color);padding-top:16px;margin-top:auto}@media (max-width: 480px){.reviews-grid{grid-template-columns:1fr}.reviews-filters>div{flex-direction:column;align-items:stretch!important}.reviews-filters .select{max-width:none!important}.review-actions{flex-wrap:wrap;width:100%}.review-actions button{flex:1}}.credits-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.credits-stat-card{padding:20px}.credits-stat-val{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;margin-top:6px;line-height:1}.credits-stat-val.revenue{color:var(--accent-gold)}.credits-stat-val.attention{color:#fda4af}.credits-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center;background:#0a0a1266;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credits-search{flex:1;min-width:200px}.credits-filters .select{width:auto;min-width:140px}.credits-table-container{overflow-x:auto;background:#0a0a124d;border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.credits-table{width:100%;border-collapse:collapse;text-align:left}.credits-table th,.credits-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:.88rem}.credits-table th{font-family:Outfit,sans-serif;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.8px;color:var(--text-secondary);background:#ffffff03}.credits-table tr:last-child td{border-bottom:none}.credits-table tr{transition:background-color .2s ease}.credits-table tr:hover{background:#ffffff04}.credits-song-cell{display:flex;flex-direction:column;gap:3px}.credits-song-title{font-weight:600;color:var(--text-primary)}.credits-song-artist{font-size:.78rem;color:var(--text-secondary)}.credits-beat-title{color:var(--accent-purple-light);font-weight:500}.credits-metrics-cell{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.credits-revenue-cell{font-family:var(--font-mono);font-weight:600;color:var(--accent-gold)}.credits-actions-cell{display:flex;gap:8px}@media (max-width: 1024px){.credits-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.credits-stats{grid-template-columns:1fr}.credits-filters{flex-direction:column;align-items:stretch}.credits-filters .select{width:100%}}.credits-export-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#8b5cf60a;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-lg);margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;gap:10px}.credits-export-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.credits-export-icon{font-size:1rem}.credits-export-actions{display:flex;gap:8px;align-items:center}.btn-export{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;color:var(--text-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:.2px}.btn-export:hover:not(:disabled){color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf640;transform:translateY(-1px)}.btn-export:active:not(:disabled){transform:translateY(0)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-export-sm{padding:4px 8px;font-size:.72rem;border-radius:6px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.2px;line-height:1;text-transform:uppercase;font-size:.68rem}.badge-green{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.badge-pink{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#fb7185}.badge-gold{background:#eab3081a;border:1px solid rgba(234,179,8,.25);color:#fbbf24}.badge-blue{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.badge-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.badge-gray{background:#9ca3af1a;border:1px solid rgba(156,163,175,.25);color:#d1d5db}.badge-orange{background:#f9731626;border:1px solid rgba(249,115,22,.35);color:#ffedd5}.badge-gray-dark{background:#4b556326;border:1px solid rgba(75,85,99,.3);color:#9ca3af}.btn-claim{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-claim:hover{color:var(--text-primary);background:#8b5cf614;border-color:#8b5cf633}.btn-claim-highlight{color:#fbbf24;border-color:#eab30840;background:#eab3080f}.btn-claim-highlight:hover{background:#eab3081f;border-color:#eab30866;color:#fde68a;transform:translateY(-1px)}.claim-modal{max-width:640px}.claim-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.claim-record-info{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff05;border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px}.claim-record-song{font-weight:600;font-size:.9rem}.claim-record-meta{font-size:.78rem;color:var(--text-secondary)}.claim-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--text-secondary);font-size:.88rem}.claim-content-area{display:flex;flex-direction:column;gap:12px}.claim-content-text{white-space:pre-wrap;font-family:inherit;font-size:.85rem;line-height:1.5;background:#8b5cf60a;border:1px solid rgba(139,92,246,.12);border-radius:8px;padding:16px;max-height:350px;overflow:auto;color:var(--text-primary);margin:0}.claim-content-actions{display:flex;gap:8px}.claim-empty{padding:24px;text-align:center;color:var(--text-secondary);font-size:.88rem}.integrations-container{max-width:1200px;margin:0 auto;padding:32px 24px;color:#f3f4f6;font-family:Outfit,sans-serif}.integrations-header{margin-bottom:2.5rem}.integrations-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff 30%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.integrations-header p{color:#9ca3af;font-size:1.1rem}.legal-notice{background:#a855f714;border:1px dashed rgba(168,85,247,.3);border-radius:12px;padding:1rem 1.25rem;margin:-.5rem 0 2rem;display:flex;align-items:center;gap:.75rem;color:#c084fc;font-size:.95rem}.integrations-container .module-hero{margin-bottom:24px}.legal-notice span{font-size:1.25rem}.categories-container{margin-bottom:3.5rem}.category-section{margin-bottom:2.5rem}.category-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.provider-card{background:linear-gradient(145deg,#ffffff0a,#ffffff03),#05050a94;border:1px solid rgba(255,255,255,.075);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.provider-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s ease}.provider-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#a855f740;box-shadow:0 10px 30px -10px #00000080}.provider-card.connected:before{background:#10b981}.provider-card.error:before{background:#ef4444}.provider-card.disabled:before{background:#6b7280}.provider-card.spotify:hover:before{background:#1db954}.provider-card.youtube:hover:before{background:red}.provider-card.audd:hover:before{background:#a855f7}.provider-card.acrcloud:hover:before{background:#3b82f6}.provider-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.provider-name{font-size:1.15rem;font-weight:600;color:#fff}.provider-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:20px;text-transform:uppercase}.badge-connected{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-not_connected{background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.badge-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.provider-description{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;min-height:40px}.provider-details{background:#0003;border-radius:8px;padding:.75rem;margin-bottom:1.25rem;font-size:.8rem;color:#9ca3af;display:flex;flex-direction:column;gap:.25rem}.provider-actions{display:flex;gap:.75rem}.btn-provider{flex:1;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.btn-provider-test{background:#a855f71a;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.btn-provider-test:hover:not(:disabled){background:#a855f733;border-color:#a855f766}.btn-provider-config{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-provider-config:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-provider:disabled{opacity:.5;cursor:not-allowed}.tools-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media (min-width: 992px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background:linear-gradient(145deg,#ffffff09,#ffffff03),#05050a8f;border:1px solid rgba(255,255,255,.075);border-radius:16px;padding:2rem}@media (max-width: 768px){.integrations-container{padding:24px 16px}.legal-notice,.form-group-row,.provider-actions,.result-item{flex-direction:column;align-items:stretch}.result-meta{max-width:100%}}.tool-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group-row{display:flex;gap:.75rem;margin-bottom:1.5rem}.form-group-row input,.form-group-row select{flex:1}.search-results{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.result-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.result-item:hover{background:#ffffff0d;border-color:#a855f733}.result-meta{display:flex;flex-direction:column;gap:.25rem;max-width:70%}.result-title{font-weight:600;color:#fff}.result-artist-album{font-size:.85rem;color:#9ca3af}.result-source-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px;width:fit-content}.source-spotify{background:#1db95426;color:#1db954}.source-musicbrainz{background:#eb141426;color:#f87171}.source-youtube{background:#ff000026;color:#f87171}.source-audd{background:#a855f726;color:#c084fc}.source-acrcloud{background:#3b82f626;color:#60a5fa}.result-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.result-url{font-size:.8rem;color:#a855f7;text-decoration:none}.result-url:hover{text-decoration:underline}.config-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;justify-content:center;align-items:center;z-index:1000}.config-modal-content{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:480px;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.config-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.config-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.beat-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.beat-picker-content{background:#1f2937;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:90%;max-width:400px;padding:1.5rem}.beat-picker-title{font-weight:600;color:#fff;margin-bottom:1rem}.vault-dashboard{padding:40px 24px;color:#fff;max-width:1200px;margin:0 auto}.vault-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.vault-header h1{margin:0;font-size:36px;background:linear-gradient(135deg,#fff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vault-header p{color:#a0a0b0;margin:8px 0 0}.vault-section{margin-bottom:50px}.vault-section h2{font-size:20px;margin-bottom:20px;color:#f3f4f6;font-weight:600}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.vault-card{position:relative;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column;gap:16px;cursor:pointer;box-shadow:0 4px 20px #0003}.vault-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.15),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.vault-card:hover{transform:translateY(-4px) scale(1.02);border-color:#a855f766;box-shadow:0 15px 35px #0006,0 0 20px #a855f733;background:#ffffff0d}.vault-card:hover:before{opacity:1}.vault-card-cover{width:100%;height:160px;overflow:hidden;border-radius:16px;margin-bottom:8px;flex-shrink:0;position:relative;background:linear-gradient(135deg,#08080eb8,#08080e6b),radial-gradient(circle at 30% 20%,rgba(139,92,246,.32),transparent 42%),radial-gradient(circle at 78% 70%,rgba(56,189,248,.16),transparent 46%);background-size:cover;background-position:center;border:1px solid rgba(139,92,246,.14)}.vault-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.vault-card:hover .vault-card-cover img{transform:scale(1.05)}.vault-card-cover.is-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;opacity:.35}.vault-card-cover.is-placeholder:after{content:"PRIVATE VAULT";position:absolute;left:18px;bottom:16px;color:#ffffffdb;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px rgba(139,92,246,.42)}.vault-card-icon{width:100%;height:160px;border-radius:16px;background:linear-gradient(135deg,#08080eb8,#08080e5c),radial-gradient(circle at 30% 20%,rgba(139,92,246,.32),transparent 42%),radial-gradient(circle at 78% 70%,rgba(56,189,248,.16),transparent 46%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:8px;border:1px solid rgba(255,255,255,.05)}.vault-card-content{display:flex;flex-direction:column;gap:8px;flex:1}.vault-info{flex:1}.vault-info h3{margin:0 0 4px;font-size:18px;color:#fff;font-weight:600}.vault-desc{margin:0;font-size:13px;color:#a0a0b0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vault-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:2}.vault-visibility{font-size:12px;color:#888;display:flex;align-items:center;gap:6px}.vault-role{background:#a855f726;color:#c084fc;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.5px;border:1px solid rgba(168,85,247,.2)}.vault-actions{display:flex;gap:8px;position:relative;z-index:10}.btn-delete-vault{background:#ff44441a;color:#f44}.btn-delete-vault:hover{background:#f443}.vault-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:160px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);box-shadow:none}.vault-create-card:hover{border-color:#a855f780;background:#a855f70d}.create-icon{width:48px;height:48px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:24px;color:#a0a0b0;transition:all .3s ease}.vault-create-card:hover .create-icon{background:#a855f7;color:#fff;transform:scale(1.1)}.vault-create-card span{font-weight:500;color:#e0e0e0}.vault-modal{background:#14141cd9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(168,85,247,.2);box-shadow:0 25px 50px -12px #00000080,0 0 40px #a855f726;max-width:500px;border-radius:24px}.modal-actions,.modal-actions button,.modal-actions a{position:relative;z-index:10}.vault-upgrade-prompt{text-align:center;padding:2rem 0}.vault-upgrade-prompt h3{color:#ffb84d;margin-bottom:1rem}.vault-track-comments{margin-top:12px;padding:16px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.comments-list{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto;padding-right:8px}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.comments-loading,.comments-empty{color:#a0a0b0;font-size:13px;text-align:center;padding:12px 0}.comment-item{display:flex;gap:12px;align-items:flex-start;position:relative}.comment-item:hover .comment-delete-btn{opacity:1}.comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px;flex-shrink:0}.comment-content{flex:1;background:#ffffff08;padding:10px 14px;border-radius:4px 16px 16px}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-weight:600;font-size:13px;color:#fff}.comment-time{font-size:11px;color:#888}.comment-text{font-size:14px;color:#e0e0e0;line-height:1.4;word-wrap:break-word}.comment-delete-btn{position:absolute;top:8px;right:-8px;background:#ff44441a;border:none;color:#f44;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.comment-delete-btn:hover{background:#f443}.comment-input-form{margin-top:16px;display:flex;gap:12px}.comment-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;transition:border-color .2s ease}.comment-input:focus{outline:none;border-color:#a855f7}.comment-send-btn{background:#a855f733;color:#a855f7;border:none;padding:0 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.comment-send-btn:hover:not(:disabled){background:#a855f7;color:#fff}.comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.vault-detail{padding:0 0 40px;color:#fff}.vault-detail-header-wrapper{position:relative;margin:-40px -40px 40px;padding:40px 40px 60px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.vault-header-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(40px) brightness(.3);transform:scale(1.1);z-index:0}.vault-header-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#14141c33,#14141c)}.vault-detail-header{position:relative;z-index:1;max-width:1200px;margin:0 auto}.vault-header-content{display:flex;align-items:flex-end;gap:32px;margin-top:20px}.vault-header-cover-wrapper{position:relative;width:180px;height:180px;border-radius:12px;box-shadow:0 10px 40px #00000080;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#08080eb8,#08080e5c),radial-gradient(circle at 30% 20%,rgba(139,92,246,.34),transparent 46%),radial-gradient(circle at 80% 78%,rgba(56,189,248,.16),transparent 44%);background-size:cover;background-position:center}.vault-header-cover{width:100%;height:100%;object-fit:cover}.vault-header-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f733,#6366f133);font-size:64px;color:#ffffff80}.vault-header-cover-wrapper.is-placeholder:after{content:"PRIVATE VAULT";position:absolute;left:18px;bottom:18px;color:#ffffffdb;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;z-index:1}.vault-change-cover-btn{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;color:#fff;border:none;opacity:0;transition:opacity .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.vault-header-cover-wrapper:hover .vault-change-cover-btn{opacity:1}.vault-header-info{flex:1}.premium-back-btn{display:inline-flex;align-items:center;gap:8px;background:#14141c99;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.premium-back-btn:hover{background:#ffffff1a;color:#fff;transform:translate(-4px)}.vault-title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.vault-title-row h1{margin:0;font-size:48px;font-weight:800;letter-spacing:-1px;text-shadow:0 4px 20px rgba(0,0,0,.5)}.vault-badge{background:#a855f733;color:#c084fc;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.5px;border:1px solid rgba(168,85,247,.3)}.vault-badge.role-badge{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.vault-desc{color:#fffc;font-size:16px;margin-bottom:20px;max-width:600px;line-height:1.5}.vault-meta{color:#fff9;font-size:14px}.vault-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.vault-header-content{flex-direction:column;align-items:center;text-align:center}.vault-title-row{flex-direction:column}.vault-detail-content{grid-template-columns:1fr}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:20px;margin:0;color:#f3f4f6}.vault-tracks-list{display:flex;flex-direction:column;gap:12px}.vault-track-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.vault-track-item:hover{background:#ffffff0d;border-color:#a855f74d}.vault-track-item.playing{background:#a855f714;border-color:#a855f780;box-shadow:0 0 20px #a855f71a}.vault-track-item:focus-within{border-color:#38bdf873;box-shadow:0 0 0 3px #38bdf81f}.track-item-main{display:flex;align-items:center;padding:16px;gap:16px;cursor:pointer}.track-play-indicator{width:30px;display:flex;justify-content:center}.track-number{color:#888;font-weight:500;font-variant-numeric:tabular-nums}.playing-bars{display:flex;gap:3px;height:16px;align-items:flex-end}.playing-bars .bar{width:4px;background-color:#a855f7;border-radius:2px;animation:bounce 1.2s ease infinite alternate}.playing-bars .bar:nth-child(2){animation-delay:.4s}.playing-bars .bar:nth-child(3){animation-delay:.8s}@keyframes bounce{10%{height:4px}to{height:16px}}.track-cover-mini{width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 4px 10px #0000004d}.track-info{flex:1}.track-info h4{margin:0 0 4px;font-size:16px;color:#fff}.track-info p{margin:0;font-size:13px;color:#a0a0b0}.track-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.vault-track-item:hover .track-actions{opacity:1}.notes-btn{background:#ffffff1a;color:#fff}.notes-btn:hover{background:#a855f733;color:#a855f7}.delete-btn{background:#ff44441a;color:#f44}.delete-btn:hover{background:#f443}.track-comments-section{padding:0 16px 16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vault-sidebar{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:24px;height:fit-content}.vault-members-list{display:flex;flex-direction:column;gap:12px}.vault-member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:12px;transition:background .2s}.vault-member-item:hover{background:#ffffff0f}.member-info{display:flex;flex-direction:column}.member-info strong{color:#fff;font-size:14px}.member-info span{color:#888;font-size:12px;text-transform:capitalize}.track-expanded-area{padding:0;border-top:1px solid rgba(255,255,255,.05);animation:slideDown .3s ease;background:#0003}.expanded-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.05)}.tab-btn{flex:1;background:transparent;border:none;color:#888;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:#a855f7;border-bottom-color:#a855f7;background:#a855f70d}.expanded-content{padding:16px}.media-preview-section{display:flex;flex-direction:column;gap:24px}.media-zone{display:flex;flex-direction:column;gap:12px}.media-zone h3{margin:0;font-size:16px;color:#e0e0e0}.media-display{position:relative;width:100%;max-width:400px;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.vault-media-image,.vault-media-video{width:100%;height:auto;max-height:250px;display:block;object-fit:cover}.delete-media-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.delete-media-btn:hover{background:#f44c;border-color:#f44;transform:scale(1.1)}.vault-remove-member-btn{background:transparent;color:#ffffff4d;border:none;font-size:16px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vault-remove-member-btn:hover{background:#ff444426;color:#f44}.media-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;background:#ffffff05}.media-empty p{margin:0;color:#888;font-size:14px}.preview-zone{border-top:1px solid rgba(255,255,255,.05);padding-top:16px}@media (min-width: 768px){.media-preview-section{flex-direction:row;align-items:flex-start}.media-zone{flex:1;max-width:40%}.preview-zone{flex:2;border-top:none;padding-top:0;border-left:1px solid rgba(255,255,255,.05);padding-left:24px}}.edit-beat-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:30px;background:var(--bg-surface);border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative}.edit-beat-modal h2{margin-top:0;margin-bottom:24px;font-size:1.5rem}.edit-beat-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#0003;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.form-section h3{margin-top:0;margin-bottom:20px;font-size:1.1rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.licenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.license-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s ease}.license-card.inactive{opacity:.5;filter:grayscale(1)}.license-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.license-name-input{font-weight:700;font-size:1.1rem;background:transparent;border:1px solid transparent;color:var(--text-primary);padding:4px 8px;border-radius:4px;flex:1;transition:all .2s ease}.license-name-input:focus,.license-name-input:hover{background:#ffffff0d;border-color:#fff3}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.4s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--accent-purple)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.license-body{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.share-modal{background:#121216f7;border:1px solid rgba(247,247,251,.08);border-radius:20px;padding:28px 24px 20px;max-width:420px;width:100%;position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #0009;max-height:90vh;overflow-y:auto}.share-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#f7f7fb4d;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.share-modal-close:hover{color:#f7f7fb;background:#f7f7fb0f}.share-preview-card{background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:14px;overflow:hidden;margin-bottom:20px}.share-preview-banner{height:80px;background-size:cover;background-position:center}.share-preview-info{padding:14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.share-preview-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--share-accent, #8b5cf6);margin:-38px 0 8px}.share-preview-name{font-size:1rem;font-weight:700;color:#f7f7fb;margin:0 0 4px}.share-preview-url{font-size:.78rem;color:#f7f7fb66;word-break:break-all}.share-actions{display:flex;gap:10px;margin-bottom:20px}.share-btn{flex:1;padding:11px 16px;border-radius:10px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.copy-btn{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.copy-btn:hover{background:#8b5cf640}.open-btn{background:#f7f7fb0f;color:#f7f7fb;border:1px solid rgba(247,247,251,.1)}.open-btn:hover{background:#f7f7fb1a}.share-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.share-divider:before,.share-divider:after{content:"";flex:1;height:1px;background:#f7f7fb0f}.share-divider span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#f7f7fb4d}.share-socials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.share-social-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(247,247,251,.06);background:#f7f7fb08;color:#f7f7fb;font-size:.82rem;cursor:pointer;transition:all .15s;position:relative}.share-social-btn:hover:not(.locked){background:#f7f7fb14;border-color:var(--social-color, rgba(247, 247, 251, .15))}.share-social-btn.locked{opacity:.4;cursor:not-allowed}.social-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.social-label{flex:1;white-space:nowrap}.social-lock{font-size:.7rem;flex-shrink:0}.share-copy-text{background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:10px;padding:14px 16px}.share-copy-title{font-size:.85rem;font-weight:700;color:#f7f7fb;margin:0 0 4px}.share-copy-body{font-size:.8rem;color:#f7f7fb80;margin:0 0 8px;line-height:1.4}.share-copy-all{background:none;border:1px solid rgba(247,247,251,.08);color:#f7f7fb66;font-size:.75rem;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s}.share-copy-all:hover{color:#f7f7fb;border-color:#f7f7fb26}@media (max-width: 480px){.share-modal{padding:20px 16px 16px;border-radius:16px}.share-socials{grid-template-columns:1fr}}.score-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f7f7fb08;border:1px solid rgba(247,247,251,.04);transition:all .15s;min-height:44px}.score-item:hover{background:#f7f7fb0d}.score-item--done{opacity:.6}.score-item--locked{opacity:.4}.score-item-number{width:22px;height:22px;border-radius:6px;background:#f7f7fb0f;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#f7f7fb4d;flex-shrink:0}.score-item--done .score-item-number{background:#22c55e26;color:#4ade80}.score-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.score-item-label{font-size:.82rem;color:#f7f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-item--done .score-item-label{color:#f7f7fb66;text-decoration:line-through}.score-item-badge{font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:4px;background:#8b5cf626;color:#a78bfa;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.score-item-status{font-size:.85rem;flex-shrink:0;width:20px;text-align:center}.score-item--done .score-item-status{color:#4ade80;animation:check-bounce .4s cubic-bezier(.175,.885,.32,1.275) both}.score-item--done .check-icon{display:block}.score-item--done .check-path{stroke-dasharray:20;stroke-dashoffset:20;animation:check-draw .3s ease-out .1s forwards}@keyframes check-draw{to{stroke-dashoffset:0}}.score-item--pending .score-item-status{color:#f7f7fb33}.score-item--done{position:relative}.score-item--done:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:radial-gradient(circle at center,rgba(34,197,94,.08),transparent 70%);opacity:0;animation:check-glow .6s ease-out both}@keyframes check-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes check-glow{0%{opacity:0}20%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.score-item--done .score-item-status,.score-item--done:after{animation:none!important}}.score-item-action{padding:5px 12px;border-radius:6px;background:#8b5cf61f;color:#a78bfa;font-size:.75rem;font-weight:600;text-decoration:none;flex-shrink:0;transition:all .15s}.score-item-action:hover{background:#8b5cf633;color:#c4b5fd}.launch-checklist{background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:16px;overflow:hidden}.lc-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;color:#f7f7fb;text-align:left;transition:background .15s;min-height:52px}.lc-header:hover{background:#f7f7fb08}.lc-header-info{flex:1}.lc-title{font-size:.9rem;font-weight:700;margin:0 0 2px}.lc-count{font-size:.78rem;color:#f7f7fb66}.lc-chevron{font-size:.85rem;color:#f7f7fb4d;transition:transform .2s;flex-shrink:0}.lc-chevron.open{transform:rotate(180deg)}.lc-body{padding:0 20px 16px}.lc-bar-track{height:6px;border-radius:3px;background:#f7f7fb0f;overflow:hidden;margin-bottom:14px}.lc-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#a78bfa);transition:width .4s ease}.lc-items{display:flex;flex-direction:column;gap:6px}.beat-store-dashboard{padding:40px 24px;color:var(--text-primary);max-width:1200px;margin:0 auto}.store-header h1{background:linear-gradient(135deg,#fff,#d8d6e6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:36px!important;font-weight:800!important}.store-header p{color:var(--text-secondary)!important;font-size:.88rem!important}.store-beats-grid{gap:24px!important}.store-beat-card{background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;padding:16px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important;gap:16px!important}.store-beat-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #0000004d!important;border-color:#8b5cf666!important}.store-beat-card:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important;background:radial-gradient(circle at 22% 0%,rgba(139,92,246,.16),transparent 42%)!important;opacity:0!important;transition:opacity .4s ease!important}.store-beat-card:hover:before{opacity:1!important}.store-beat-cover{width:100%!important;height:200px!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;position:relative!important;background:var(--bg-card)!important;border:1px solid var(--glass-border)!important;transition:all .4s ease!important}.store-beat-cover img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s ease!important}.store-beat-card:hover .store-beat-cover img{transform:scale(1.05)!important}.cover-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:48px!important;background:var(--bg-card)!important;filter:drop-shadow(0 0 16px rgba(139,92,246,.32))!important}.cover-placeholder:after{content:"BEAT STORE"!important;position:absolute!important;left:16px!important;bottom:14px!important;color:var(--text-secondary)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}.store-play-btn{position:absolute!important;left:50%!important;top:50%!important;z-index:5!important;width:54px!important;height:54px!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-left:3px!important;background:#05050a94!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 0 24px #8b5cf647,inset 0 1px #ffffff24!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.store-play-btn:not(:disabled):hover{transform:translate(-50%,-50%) scale(1.06)!important;background:#8b5cf66b!important;border-color:#a855f780!important}.store-beat-status{position:absolute!important;top:12px!important;right:12px!important;z-index:10!important}.status-badge{padding:4px 10px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;transition:all .3s ease!important}.status-badge.published{background:#22c55e33!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.3)!important}.status-badge.draft{background:#ffffff1a!important;color:var(--text-secondary)!important;border:1px solid rgba(255,255,255,.2)!important}.store-beat-info{display:flex!important;flex-direction:column!important;gap:8px!important}.store-beat-info>.beat-meta{display:none!important}.store-beat-info h3{margin:0!important;font-size:18px!important;color:var(--text-primary)!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.beat-meta{margin:0!important;font-size:13px!important;color:var(--text-secondary)!important}.store-beat-badges{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-height:25px!important}.store-meta-badge,.store-meta-muted{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 9px!important;border-radius:999px!important;color:var(--text-secondary)!important;background:#ffffff09!important;border:1px solid rgba(255,255,255,.075)!important;font-size:.72rem!important;font-weight:700!important;transition:all .3s ease!important}.store-meta-badge.is-bpm{color:var(--accent-purple-light)!important;border-color:#8b5cf63d!important;background:#8b5cf614!important}.store-meta-badge.is-key{color:var(--accent-blue-light)!important;border-color:#38bdf838!important;background:#38bdf812!important}.store-meta-muted{font-weight:500!important;color:var(--text-muted)!important}.store-beat-actions{display:flex!important;gap:8px!important;margin-top:8px!important;flex-wrap:wrap!important;position:relative!important;z-index:2!important}.store-action-btn,.store-icon-btn{min-height:34px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--text-primary)!important;background:#ffffff0b!important;border:1px solid rgba(255,255,255,.075)!important;font-size:.78rem!important;font-weight:800!important;text-decoration:none!important;box-shadow:inset 0 1px #ffffff12!important;transition:all .3s ease!important}.store-action-btn{padding:0 12px!important;flex:1 1 auto!important}.store-action-btn.is-primary{background:linear-gradient(135deg,#8b5cf6eb,#38bdf89e)!important;border-color:#8b5cf66b!important;box-shadow:0 0 18px #8b5cf638!important}.store-action-btn.is-secondary:hover,.store-icon-btn:hover{border-color:#8b5cf652!important;background:#8b5cf61f!important;transform:translateY(-2px)!important}.store-icon-btn{width:34px!important;padding:0!important;flex:0 0 34px!important}.store-icon-btn.delete-btn{color:#fda4af!important;border-color:#f43f5e29!important;background:#f43f5e12!important}.store-empty-state{grid-column:1 / -1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px dashed var(--glass-border)!important;border-radius:var(--radius-xl)!important;text-align:center!important}.empty-icon{font-size:48px!important;margin-bottom:16px!important;opacity:.5!important}.store-empty-state h3{margin:0 0 8px!important;color:var(--text-primary)!important}.store-empty-state p{color:var(--text-secondary)!important;margin:0!important}.storefront-panel{background:linear-gradient(145deg,#8b5cf61f,#38bdf80f)!important;background:#080910b3!important;border:1px solid rgba(139,92,246,.25)!important;border-radius:var(--radius-xl)!important;padding:28px!important;margin-bottom:28px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #8b5cf614!important}.storefront-panel:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(56,189,248,.4),transparent)!important}.storefront-panel:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.1),transparent 50%)!important;pointer-events:none!important}.storefront-panel-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;margin-bottom:20px!important;flex-wrap:wrap!important}.storefront-eyebrow{font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8b5cf6cc!important}.storefront-title{margin:4px 0 0!important;font-size:1.6rem!important;font-weight:700!important;color:#fff!important}.storefront-desc{margin:6px 0 0!important;font-size:.88rem!important;color:#f7f7fb8c!important}.storefront-badges{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.storefront-badges .badge-green{background:#22c55e26!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.25)!important}.storefront-badges .badge-purple{background:#8b5cf626!important;color:#a78bfa!important;border:1px solid rgba(139,92,246,.25)!important}.storefront-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:20px!important;position:relative!important;z-index:1!important}.storefront-actions .btn{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.storefront-actions .btn:hover{transform:translateY(-2px)!important}.storefront-preview{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;padding:16px!important;background:#0000004d!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;position:relative!important;z-index:1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.storefront-preview-main{display:flex!important;align-items:center!important;gap:14px!important}.storefront-preview-avatar{width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(139,92,246,.3)!important}.storefront-preview-avatar--placeholder{display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;font-weight:700!important;background:linear-gradient(135deg,#8b5cf64d,#38bdf833)!important;color:#fff!important}.storefront-preview-info{display:flex!important;flex-direction:column!important;gap:2px!important}.storefront-preview-name{font-weight:600!important;font-size:.95rem!important;color:#fff!important}.storefront-preview-desc{font-size:.8rem!important;color:#f7f7fb80!important}.storefront-preview-url{font-size:.72rem!important;color:#8b5cf699!important;font-family:monospace!important}.storefront-preview-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.storefront-meta-chip{font-size:.7rem!important;padding:3px 10px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.1)!important;background:#ffffff0a!important;color:#f7f7fb99!important;font-weight:600!important}.store-section-title{font-size:1.2rem!important;font-weight:700!important;color:#fff!important;margin:0 0 20px!important}@media (max-width: 768px){.store-quality-section{grid-template-columns:1fr!important}}.store-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.store-header h1{margin:0;font-size:36px;background:linear-gradient(135deg,#fff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.store-header p{color:#a0a0b0;margin:8px 0 0}.store-beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:24px}.store-beat-card{position:relative;background:linear-gradient(145deg,#ffffff0b,#ffffff03),#05050ab8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column;gap:16px}.store-beat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 22% 0%,rgba(139,92,246,.16),transparent 42%);opacity:0;transition:opacity .3s ease}.store-beat-card:hover{transform:translateY(-4px);border-color:#a855f766;box-shadow:0 15px 35px #0006,0 0 20px #a855f733;background:#ffffff0d}.store-beat-card:hover:before{opacity:1}.store-beat-cover{width:100%;height:200px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#08080ea3,#08080e47),radial-gradient(circle at 28% 24%,rgba(139,92,246,.32),transparent 44%),radial-gradient(circle at 80% 82%,rgba(56,189,248,.18),transparent 42%);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.07)}.store-beat-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.store-beat-card:hover .store-beat-cover img{transform:scale(1.05)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(135deg,#a855f721,#38bdf814);background-size:36px 36px,36px 36px,cover;color:#ffffffd1;filter:drop-shadow(0 0 16px rgba(139,92,246,.32))}.store-beat-cover.is-placeholder:after{content:"BEAT STORE";position:absolute;left:16px;bottom:14px;color:#ffffffdb;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.store-play-btn{position:absolute;left:50%;top:50%;z-index:5;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;padding-left:3px;color:#fff;font-size:0;background:#05050a94;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 24px #8b5cf647,inset 0 1px #ffffff24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.store-play-btn:before{content:"";width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor}.store-play-btn:not(:disabled):hover{transform:translate(-50%,-50%) scale(1.06);background:#8b5cf66b;border-color:#a855f780}.store-play-btn:disabled{opacity:.52;cursor:default}.store-beat-status{position:absolute;top:12px;right:12px;z-index:10}.status-badge{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.published{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.draft{background:#ffffff1a;color:#a0a0b0;border:1px solid rgba(255,255,255,.2)}.store-beat-info{display:flex;flex-direction:column;gap:8px}.store-beat-info>.beat-meta{display:none}.store-beat-info h3{margin:0;font-size:18px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-meta{margin:0;font-size:13px;color:#a0a0b0}.store-beat-badges{display:flex;flex-wrap:wrap;gap:7px;min-height:25px}.store-meta-badge,.store-meta-muted{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;color:var(--text-secondary);background:#ffffff09;border:1px solid rgba(255,255,255,.075);font-size:.72rem;font-weight:700}.store-meta-badge.is-bpm{color:var(--accent-purple-light);border-color:#8b5cf63d;background:#8b5cf614}.store-meta-badge.is-key{color:var(--accent-blue-light);border-color:#38bdf838;background:#38bdf812}.store-meta-muted{font-weight:500;color:var(--text-muted)}.store-beat-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;position:relative;z-index:2}.store-action-btn,.store-icon-btn{min-height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);background:#ffffff0b;border:1px solid rgba(255,255,255,.075);font-size:.78rem;font-weight:800;text-decoration:none;box-shadow:inset 0 1px #ffffff12}.store-action-btn{padding:0 12px;flex:1 1 auto}.store-action-btn.is-primary{background:linear-gradient(135deg,#8b5cf6eb,#38bdf89e);border-color:#8b5cf66b;box-shadow:0 0 18px #8b5cf638}.store-action-btn.is-secondary:hover,.store-icon-btn:hover{border-color:#8b5cf652;background:#8b5cf61f}.store-icon-btn{width:34px;padding:0;flex:0 0 34px}.store-icon-btn.delete-btn{color:#fda4af;border-color:#f43f5e29;background:#f43f5e12}.store-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.store-empty-state h3{margin:0 0 8px;color:#fff}.store-empty-state p{color:#888;margin:0}@media (max-width: 768px){.store-quality-section{grid-template-columns:1fr}}.storefront-panel{background:linear-gradient(145deg,#8b5cf61f,#38bdf80f),#080910b3;border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:28px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #8b5cf614}.storefront-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(56,189,248,.4),transparent)}.storefront-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.1),transparent 50%);pointer-events:none}.storefront-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.storefront-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6cc}.storefront-title{margin:4px 0 0;font-size:1.6rem;font-weight:700;color:#fff}.storefront-desc{margin:6px 0 0;font-size:.88rem;color:#f7f7fb8c}.storefront-badges{display:flex;gap:8px;flex-wrap:wrap}.storefront-badges .badge-green{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.storefront-badges .badge-purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.storefront-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;position:relative;z-index:1}.storefront-actions .btn{transition:all .25s cubic-bezier(.16,1,.3,1)}.storefront-actions .btn:hover{transform:translateY(-2px)}.storefront-preview{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.storefront-preview-main{display:flex;align-items:center;gap:14px}.storefront-preview-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.3)}.storefront-preview-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#8b5cf64d,#38bdf833);color:#fff}.storefront-preview-info{display:flex;flex-direction:column;gap:2px}.storefront-preview-name{font-weight:600;font-size:.95rem;color:#fff}.storefront-preview-desc{font-size:.8rem;color:#f7f7fb80}.storefront-preview-url{font-size:.72rem;color:#8b5cf699;font-family:monospace}.storefront-preview-meta{display:flex;gap:8px;flex-wrap:wrap}.storefront-meta-chip{font-size:.7rem;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#f7f7fb99;font-weight:600}.store-section-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 20px}.page-container.premium-page-shell{padding:32px 48px}.customizer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:48px 56px;margin-bottom:40px;border-radius:32px;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 64px #0006,inset 0 1px #fff3,0 0 0 1px #ffffff0d;position:relative;overflow:hidden;flex-wrap:wrap}.customizer-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);filter:blur(80px);pointer-events:none;animation:customizerGlow 8s ease-in-out infinite}@keyframes customizerGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}.customizer-eyebrow{display:inline-block;padding:8px 20px;background:#8b5cf633;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd;margin-bottom:16px;position:relative;z-index:1}.customizer-title{margin:0 0 12px;color:#fff;font-family:"Outfit",var(--font-sans);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:.95;background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.customizer-desc{margin:0;color:#f7f7fbb3;font-size:1.15rem;line-height:1.6;max-width:600px;position:relative;z-index:1}.customizer-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;position:relative;z-index:1}.customizer-actions .badge{padding:10px 20px;border-radius:100px;font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.customizer-actions .btn{padding:14px 28px;border-radius:100px;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1)}.customizer-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;box-shadow:0 8px 24px #8b5cf666}.customizer-actions .btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8b5cf680}.customizer-actions .btn-secondary{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.customizer-actions .btn-secondary:hover{background:#ffffff1f;border-color:#8b5cf666;transform:translateY(-4px)}.customizer-tabs{display:flex;align-items:center;gap:6px;margin-bottom:40px;padding:6px;border:1px solid rgba(255,255,255,.15);border-radius:100px;background:#ffffff0f;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;flex-wrap:wrap}.customizer-tab{padding:14px 28px;border:none;border-radius:100px;background:transparent;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.customizer-tab:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.customizer-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 8px 24px #8b5cf680,inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a}.customizer-upgrade-btn{margin-left:auto;padding:14px 28px;border-radius:100px;background:linear-gradient(135deg,#8b5cf640,#ec489933);border:1px solid rgba(139,92,246,.4);color:#c4b5fd;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.customizer-upgrade-btn:hover{background:linear-gradient(135deg,#8b5cf659,#ec48994d);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.customizer-layout{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:start}.customizer-main{min-width:0}.customizer-preview-sticky{position:sticky;top:120px;max-height:calc(100vh - 140px);overflow-y:auto;border-radius:28px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #00000059}.preview-sticky-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.preview-sticky-title{font-size:1.1rem;font-weight:700;color:#fff}.preview-sticky-actions{display:flex;gap:6px}.preview-sticky-actions .preview-toggle-btn{padding:8px 14px;border-radius:100px;font-size:.85rem}.preview-sticky-frame{padding:20px}.preview-sticky-frame .preview-device-frame{margin:0;max-height:700px;overflow-y:auto;border-radius:20px}.customizer-body{min-height:400px}.customizer-panel{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#ffffff0d;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:40px;animation:fadeUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d}.customizer-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);opacity:.6}.customizer-panel-header h2{margin:0 0 8px;color:#fff;font-family:"Outfit",var(--font-sans);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.customizer-panel-header p{margin:0 0 32px;color:#f7f7fb99;font-size:1rem;line-height:1.6}.customizer-fields{display:flex;flex-direction:column;gap:28px}.custom-field{display:flex;flex-direction:column;gap:12px}.custom-field-label{font-size:.9rem;font-weight:700;color:#f7f7fbcc;text-transform:uppercase;letter-spacing:.05em}.custom-field--locked .custom-field-label{opacity:.5}.custom-field-locked{position:relative}.locked-overlay{pointer-events:none;filter:blur(2px);opacity:.4}.locked-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.95rem;color:#f7f7fbb3;z-index:2}.locked-cta{padding:10px 20px;border-radius:100px;background:linear-gradient(135deg,#8b5cf64d,#ec489940);border:1px solid rgba(139,92,246,.4);color:#c4b5fd;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s}.locked-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.locked-cta-small{padding:6px 14px;border-radius:100px;background:linear-gradient(135deg,#8b5cf640,#ec489933);border:1px solid rgba(139,92,246,.35);color:#c4b5fd;font-size:.75rem;font-weight:700;text-decoration:none}.customizer-panel .input,.customizer-panel .select,.customizer-panel .textarea{padding:14px 20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.customizer-panel .textarea{border-radius:20px;min-height:120px;resize:vertical}.customizer-panel .input:focus,.customizer-panel .select:focus,.customizer-panel .textarea:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf626;outline:none}.customizer-panel .input::placeholder,.customizer-panel .textarea::placeholder{color:#fff6}.customizer-panel .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}.field-hint{font-size:.85rem;color:#f7f7fb80;margin:8px 0 0}.completion-checklist{padding:32px;margin-bottom:32px;border-radius:28px;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(139,92,246,.3);box-shadow:0 16px 48px #8b5cf633,inset 0 1px #ffffff26}.completion-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.completion-checklist-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.completion-checklist-subtitle{font-size:.95rem;color:#fff9;margin:4px 0 0}.completion-checklist-score{position:relative}.completion-ring{position:relative;width:80px;height:80px}.completion-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.completion-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.completion-ring-fill{fill:none;stroke:url(#completionGradient);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .6s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.completion-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff}.completion-checklist-items{display:flex;flex-direction:column;gap:12px}.completion-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:100px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .3s}.completion-item.done{background:#22c55e1f;border-color:#22c55e4d}.completion-item.done .completion-item-check{color:#86efac;text-shadow:0 0 12px rgba(34,197,94,.6)}.completion-item.pending .completion-item-check{color:#fff6}.completion-item-check{font-size:1.5rem;flex-shrink:0}.completion-item-label{font-size:1rem;color:#fff;font-weight:600}.completion-item.done .completion-item-label{color:#fff9;text-decoration:line-through}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.template-card{padding:0;border-radius:24px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:left}.template-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 20px 48px #8b5cf640}.template-card.active{border-color:#8b5cf699;background:#8b5cf626;box-shadow:0 0 0 3px #8b5cf64d,0 24px 64px #8b5cf659}.template-card-visual{height:140px;padding:16px;background:linear-gradient(135deg,var(--tpl-accent, #8b5cf6) 0%,var(--tpl-secondary, #3b82f6) 100%);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.template-card-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 60%)}.template-card-visual span{width:40px;height:40px;border-radius:12px;position:relative;z-index:1}.template-card-info{padding:20px}.template-card-info strong{display:block;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.template-card-info span{font-size:.85rem;color:#fff9}.option-select-grid{display:flex;flex-wrap:wrap;gap:12px}.option-chip{padding:12px 24px;border-radius:100px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.option-chip:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.option-chip.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:transparent;box-shadow:0 8px 24px #8b5cf666,inset 0 1px #ffffff4d}.color-options{display:flex;gap:12px}.color-swatch{width:48px;height:48px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #0000004d}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #8b5cf666,0 8px 24px #0006}.color-input{width:100%;height:56px;padding:4px;border-radius:100px;cursor:pointer}.layout-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.layout-card{padding:20px;border-radius:20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s;text-align:center}.layout-card:hover{background:#ffffff1a;border-color:#8b5cf666;transform:translateY(-4px)}.layout-card.active{background:#8b5cf626;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf64d}.layout-preview{height:80px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.layout-card span{font-size:.9rem;font-weight:600;color:#fff}.beat-card-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.beat-style-card{padding:20px;border-radius:24px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .4s;text-align:left}.beat-style-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 20px 48px #8b5cf640}.beat-style-card.active{background:#8b5cf626;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf64d,0 24px 64px #8b5cf659}.beat-style-preview{height:120px;margin-bottom:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.beat-style-card strong{display:block;font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}.beat-style-card span{font-size:.85rem;color:#fff9}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.toggle-field{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:100px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.toggle-field span{font-size:.95rem;font-weight:600;color:#fff}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:100px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 8px #0000004d}input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 0 12px #8b5cf680}input:checked+.toggle-slider:before{transform:translate(24px)}.customizer-status-bar{display:flex;align-items:center;gap:16px;padding:20px 28px;margin-top:32px;border-radius:100px;background:#ffffff0f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1)}.status-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d}.status-dot.saved{background:#86efac;box-shadow:0 0 12px #22c55e99}.status-dot.unsaved{background:#fde047;box-shadow:0 0 12px #facc1599}.status-dot.published{background:#86efac;box-shadow:0 0 12px #22c55e99}.customizer-status-bar span{font-size:.95rem;color:#ffffffb3;font-weight:600}@media (max-width: 1400px){.customizer-layout{grid-template-columns:1fr 380px}}@media (max-width: 1200px){.page-container.premium-page-shell{padding:24px 32px}.customizer-layout{grid-template-columns:1fr}.customizer-preview-sticky{position:static;max-height:none}}@media (max-width: 768px){.page-container.premium-page-shell{padding:20px 24px}.customizer-header{padding:40px 32px}.customizer-title{font-size:2rem}.customizer-tabs{overflow-x:auto;flex-wrap:nowrap}.customizer-tab{white-space:nowrap}.customizer-panel{padding:28px 24px}.template-grid,.beat-card-style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.template-grid,.beat-card-style-grid{grid-template-columns:1fr}}.store-analytics-page{max-width:960px;margin:0 auto;padding-bottom:4rem}.analytics-locked{text-align:center;padding:4rem 2rem;background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:16px}.analytics-locked .locked-icon{font-size:3rem;margin-bottom:1rem}.analytics-locked h3{color:#f7f7fb;margin-bottom:.5rem}.analytics-locked p{color:#f7f7fb80;margin-bottom:1.5rem}.analytics-loading{display:flex;justify-content:center;padding:4rem}.analytics-range-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.range-tab{padding:8px 18px;border-radius:8px;background:#f7f7fb0a;color:#f7f7fb80;border:1px solid rgba(247,247,251,.06);cursor:pointer;font-size:.85rem;transition:all .2s}.range-tab:hover{background:#f7f7fb14;color:#f7f7fb}.range-tab.active{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px}.analytics-card{background:#f7f7fb0a;border:1px solid rgba(247,247,251,.06);border-radius:14px;padding:20px 18px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s}.analytics-card:hover{border-color:#f7f7fb1f}.analytics-card.accent{border-color:#8b5cf633}.analytics-card.highlight{border-color:#22c55e33}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#f7f7fb66;margin-bottom:6px}.metric-value{font-size:2rem;font-weight:800;color:#f7f7fb;line-height:1.1}.analytics-card.highlight .metric-value{color:#22c55e}.metric-sub{font-size:.75rem;color:#f7f7fb4d;margin-top:4px}.analytics-section{background:#f7f7fb08;border:1px solid rgba(247,247,251,.06);border-radius:14px;padding:20px;margin-bottom:20px;flex:1}.section-title{font-size:.9rem;font-weight:700;color:#f7f7fb;margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em}.analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}@media (max-width: 700px){.analytics-split{grid-template-columns:1fr}}.daily-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:8px}.daily-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.daily-bar{width:100%;max-width:28px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#8b5cf6,#8b5cf64d);min-height:2px;transition:height .3s}.daily-label{font-size:.6rem;color:#f7f7fb4d;margin-top:4px;white-space:nowrap}.top-list{display:flex;flex-direction:column;gap:10px}.top-item{display:flex;align-items:center;gap:12px}.top-rank{width:22px;height:22px;border-radius:6px;background:#f7f7fb0f;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#f7f7fb66;flex-shrink:0}.top-info{flex:1;min-width:0}.top-name{display:block;font-size:.85rem;color:#f7f7fb;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-track{height:6px;border-radius:3px;background:#f7f7fb0f;overflow:hidden}.top-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#8b5cf666);transition:width .3s}.top-bar-fill.preview{background:linear-gradient(90deg,#22c55e,#22c55e66)}.top-count{font-size:.85rem;font-weight:700;color:#f7f7fb99;flex-shrink:0;min-width:30px;text-align:right}.analytics-empty{color:#f7f7fb4d;font-size:.85rem;text-align:center;padding:1.5rem}.device-list{display:flex;flex-direction:column;gap:12px}.device-item{display:flex;align-items:center;gap:12px}.device-icon{font-size:1.3rem;width:32px;text-align:center;flex-shrink:0}.device-info{flex:1}.device-name{display:block;font-size:.85rem;color:#f7f7fb;margin-bottom:4px;text-transform:capitalize}.device-bar-track{height:6px;border-radius:3px;background:#f7f7fb0f;overflow:hidden}.device-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#8b5cf666);transition:width .3s}.device-pct{font-size:.85rem;font-weight:700;color:#f7f7fb99;flex-shrink:0;min-width:40px;text-align:right}.recent-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.recent-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#f7f7fb08}.recent-type{font-size:.8rem;font-family:monospace;color:#8b5cf6;flex:1}.recent-device{font-size:.75rem;color:#f7f7fb66;text-transform:capitalize}.recent-time{font-size:.75rem;color:#f7f7fb4d}.public-store-page{min-height:100vh;background:var(--bg-primary);color:#fff;font-family:Inter,sans-serif}.store-banner{height:300px;background:linear-gradient(135deg,#05050ae6,#140a1ee6);position:relative;display:flex;align-items:flex-end;padding:0 40px 40px;border-bottom:1px solid rgba(255,255,255,.05)}.store-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(168,85,247,.15),transparent 50%);pointer-events:none}.store-banner-content{display:flex;align-items:center;gap:24px;position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto}.producer-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;box-shadow:0 8px 32px #a855f74d;border:4px solid rgba(255,255,255,.1)}.producer-info h1{margin:0;font-size:48px;font-weight:800;letter-spacing:-1px}.producer-info p{margin:4px 0 0;color:#a0a0b0;font-size:16px;text-transform:uppercase;letter-spacing:2px}.store-content-wrapper{max-width:1200px;margin:0 auto;padding:40px}.store-filters{margin-bottom:32px}.store-filters h2{font-size:24px;margin:0;font-weight:600}.public-beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.public-beat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.public-beat-card:hover{transform:translateY(-4px);border-color:#a855f74d;background:#ffffff0a;box-shadow:0 10px 30px #00000080}.beat-cover-wrapper{width:100%;height:280px;position:relative;background:#ffffff05;overflow:hidden}.beat-cover-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.public-beat-card:hover .beat-cover-wrapper img{transform:scale(1.05)}.placeholder-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#ffffff05,#ffffff0d)}.preview-play-btn{position:absolute;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:#a855f7;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #a855f766}.public-beat-card:hover .preview-play-btn,.preview-play-btn.playing{opacity:1;transform:translateY(0)}.preview-play-btn:hover{transform:scale(1.1)!important;background:#b974f8}.beat-details{padding:16px;display:flex;flex-direction:column;gap:8px}.beat-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.beat-title-row h3{margin:0;font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starting-price{font-size:14px;color:#a855f7;font-weight:700;background:#a855f71a;padding:4px 8px;border-radius:6px}.beat-meta{margin:0;font-size:13px;color:#888}.beat-actions{margin-top:12px}.btn-buy-license{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-buy-license:hover{background:#ffffff0d;border-color:#fff3}.public-store-loading,.public-store-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:#fff}.public-beat-page{min-height:100vh;background:var(--bg-primary);color:#fff;font-family:Inter,sans-serif}.beat-hero{padding:60px 40px;background:linear-gradient(135deg,#140a1ee6,#05050ae6);border-bottom:1px solid rgba(255,255,255,.05)}.beat-hero-content{max-width:1200px;margin:0 auto}.back-to-store{background:transparent;border:none;color:#a0a0b0;font-size:14px;cursor:pointer;margin-bottom:32px;transition:color .2s;padding:0}.back-to-store:hover{color:#fff}.beat-main-info{display:flex;gap:40px;align-items:center}.beat-hero-cover{width:240px;height:240px;border-radius:16px;overflow:hidden;position:relative;background:#ffffff0d;box-shadow:0 15px 40px #00000080,0 0 30px #a855f733;cursor:pointer}.beat-hero-cover img{width:100%;height:100%;object-fit:cover}.beat-hero-cover .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;opacity:0;transition:opacity .3s}.beat-hero-cover:hover .play-overlay,.play-overlay.playing{opacity:1}.beat-hero-text h1{margin:0 0 8px;font-size:48px;font-weight:800;letter-spacing:-1px}.beat-hero-text h2{margin:0 0 24px;font-size:20px;color:#a855f7;font-weight:500}.beat-tags{display:flex;gap:12px}.tag{background:#ffffff1a;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.beat-content{max-width:1200px;margin:0 auto;padding:60px 40px}.licenses-section h2{font-size:24px;margin:0 0 24px}.licenses-list{display:flex;flex-direction:column;gap:16px;max-width:800px}.license-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:all .3s ease}.license-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.license-card.exclusive{background:linear-gradient(90deg,#a855f71a,#ffffff05);border-left:4px solid #a855f7}.license-info h3{margin:0 0 8px;font-size:20px}.included-files{margin:0 0 4px;color:#a855f7;font-size:14px;font-weight:600}.license-desc{margin:0;color:#888;font-size:13px}.license-price-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.license-price-action .price{font-size:24px;font-weight:700}.license-price-action button{padding:10px 24px;font-size:16px;border-radius:8px}.public-beat-loading,.public-beat-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:#fff;gap:16px}.withdraw-form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.withdraw-form .form-group{display:flex;flex-direction:column;gap:5px}.withdraw-form label{font-size:14px;color:var(--text-secondary)}.withdraw-form input,.withdraw-form select{padding:10px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-color);border-radius:6px}.withdraw-form small{color:var(--text-muted)}.wallet-page{padding:24px;max-width:1200px;margin:0 auto}.wallet-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.wallet-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column}.wallet-card h3{margin:0 0 10px;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.wallet-card .amount{font-size:32px;font-weight:700;margin:0 0 5px;color:var(--primary-color)}.wallet-card.pending .amount{color:#f59e0b}.wallet-card.withdrawn .amount{color:#10b981}.wallet-card small{color:var(--text-muted)}.wallet-sections{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 1024px){.wallet-sections{grid-template-columns:1fr 1fr}}.data-table{width:100%;border-collapse:collapse;margin-top:15px;background:var(--bg-surface);border-radius:8px;overflow:hidden}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:#ffffff05;color:var(--text-secondary);font-weight:500;font-size:14px}.data-table tr:last-child td{border-bottom:none}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.completed,.status-badge.paid,.status-badge.approved{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.cancelled,.status-badge.failed,.status-badge.rejected{background:#ef44441a;color:#ef4444}.text-success{color:#10b981;font-weight:600}.text-danger{color:#ef4444;font-weight:600}.capitalize{text-transform:capitalize}.wallet-card.total-sales{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-color:var(--accent-purple);box-shadow:0 0 20px #a855f70d}.wallet-card.total-sales .amount{background:linear-gradient(135deg,var(--accent-purple),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wallet-stats{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;margin-bottom:30px;box-shadow:0 10px 30px #0003;position:relative;overflow:hidden}.wallet-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent)}.stats-header h3{margin:0 0 24px;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 10px rgba(255,255,255,.1)}.progress-bar-container{width:100%;height:32px;background:#0006;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:inset 0 2px 10px #00000080,0 0 0 1px #ffffff0d;position:relative}.progress-bar{display:flex;width:100%;height:100%;border-radius:16px;overflow:hidden}.progress-segment{height:100%;transition:width 1s cubic-bezier(.1,.7,.1,1);position:relative}.progress-segment:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff3,#fff0)}.progress-segment.withdrawn{background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 15px #10b98166}.progress-segment.available{background:linear-gradient(90deg,#7c3aed,#a855f7);box-shadow:0 0 15px #a855f766}.progress-segment.pending{background:linear-gradient(90deg,#d97706,#f59e0b);box-shadow:0 0 15px #f59e0b66}.progress-legend{display:flex;gap:24px;justify-content:center;font-size:14px;font-weight:500;color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.dot.withdrawn{background:#10b981;color:#10b981}.dot.available{background:var(--accent-purple);color:var(--accent-purple)}.dot.pending{background:#f59e0b;color:#f59e0b}.sample-prep-page{max-width:1200px;margin:0 auto}.sample-prep-page:before{background:radial-gradient(circle at 18% 8%,rgba(139,92,246,.22),transparent 34%),radial-gradient(circle at 86% 12%,rgba(56,189,248,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.sample-prep-hero{--module-hero-secondary-bg-opacity: .38;--brand-title-width: 760px;--brand-title-max-height: 290px;min-height:310px;border-color:#8b5cf642;box-shadow:0 24px 70px #0000009e,0 0 54px #8b5cf624,inset 0 1px #ffffff14}.sample-prep-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#040409db,#04040999 46%,#040409e0),radial-gradient(circle at 72% 38%,rgba(56,189,248,.18),transparent 28%),linear-gradient(120deg,rgba(139,92,246,.16),transparent 44%);opacity:.92}.sample-prep-hero .module-hero-content,.sample-prep-hero .module-hero-decor{z-index:2}.sample-prep-hero .brand-title-image{width:min(100%,760px);height:clamp(210px,24vw,290px);max-height:290px;object-fit:contain;object-position:left center}.sample-prep-hero .brand-title-fallback{max-width:820px;text-shadow:0 0 24px rgba(139,92,246,.28),0 12px 48px rgba(0,0,0,.55)}.sample-prep-hero .module-hero-decor{width:clamp(210px,24vw,310px);max-height:280px;opacity:.82;transform:translate(18px);filter:drop-shadow(0 0 28px rgba(139,92,246,.36)) drop-shadow(0 0 18px rgba(56,189,248,.16))}.sample-prep-hero .module-hero-bg:before{background-position:center right;opacity:.3;filter:saturate(1.05) contrast(1.08) brightness(.58)}.sample-prep-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(332px,368px);gap:1.5rem;margin-top:1.5rem;align-items:start}.sample-prep-shell{position:relative}.sample-prep-shell:before{content:"";position:absolute;inset:-22px -18px auto;height:360px;z-index:-1;pointer-events:none;background:radial-gradient(circle at 24% 24%,rgba(139,92,246,.16),transparent 34%),radial-gradient(circle at 78% 18%,rgba(56,189,248,.1),transparent 34%);filter:blur(2px)}.left-panel,.right-panel{display:flex;flex-direction:column;gap:1rem;min-width:0}.sample-prep-control-panel{position:sticky;top:24px}.sample-prep-control-panel .flex,.sample-prep-waveform-card .flex{display:flex}.sample-prep-control-panel .grid{display:grid}.sample-prep-control-panel .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-prep-control-panel .justify-between,.sample-prep-waveform-card .justify-between{justify-content:space-between}.sample-prep-control-panel .justify-center,.sample-prep-waveform-card .justify-center{justify-content:center}.sample-prep-control-panel .items-center,.sample-prep-waveform-card .items-center{align-items:center}.sample-prep-control-panel .flex-col{flex-direction:column}.sample-prep-control-panel .gap-2,.sample-prep-waveform-card .gap-2{gap:.5rem}.sample-prep-control-panel .gap-3{gap:.75rem}.sample-prep-control-panel .gap-4{gap:1rem}.sample-prep-control-panel .w-full,.sample-prep-waveform-card .w-full{width:100%}.sample-prep-control-panel .text-secondary,.sample-prep-waveform-card .text-secondary,.sample-uploader .text-secondary{color:var(--text-secondary)}.sample-prep-control-panel .text-white,.sample-prep-waveform-card .text-white{color:#fff}.sample-prep-control-panel .text-primary,.sample-prep-waveform-card .text-primary{color:var(--text-primary)}.sample-prep-control-panel .font-bold,.sample-prep-waveform-card .font-semibold{font-weight:700}.sample-prep-control-panel .text-left{text-align:left}.sample-prep-control-panel .text-right{text-align:right}.sample-prep-control-panel .text-center,.sample-prep-waveform-card .text-center,.sample-uploader .text-center{text-align:center}.sample-prep-control-panel .mb-4,.sample-prep-waveform-card .mb-4{margin-bottom:1rem}.sample-prep-control-panel .mb-3{margin-bottom:.75rem}.sample-prep-control-panel .mb-2{margin-bottom:.5rem}.sample-prep-control-panel .mt-4{margin-top:1rem}.sample-prep-control-panel .mt-2{margin-top:.5rem}.sample-prep-control-panel .pt-4{padding-top:1rem}.sample-prep-waveform-card .py-4{padding-block:1rem}.sample-prep-control-panel .ml-1{margin-left:.25rem}.sample-prep-control-panel .ml-2{margin-left:.5rem}.sample-prep-control-panel .px-3{padding-inline:.75rem}.sample-prep-control-panel .py-2{padding-block:.5rem}.sample-prep-control-panel .px-2{padding-inline:.5rem}.sample-prep-control-panel .py-1{padding-block:.25rem}.sample-prep-control-panel .text-sm,.sample-prep-waveform-card .text-sm{font-size:.875rem}.sample-prep-control-panel .text-xs{font-size:.75rem}.sample-prep-control-panel .text-lg{font-size:1.125rem}.sample-prep-control-panel .text-xl{font-size:1.25rem}.sample-prep-control-panel .truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-uploader{position:relative;overflow:hidden;border:1px dashed rgba(139,92,246,.38);border-radius:1.25rem;padding:4rem 2rem;text-align:center;transition:all .3s ease;background:radial-gradient(circle at center top,rgba(139,92,246,.12),transparent 44%),#ffffff06;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:360px;box-shadow:0 18px 56px #00000057,inset 0 1px #ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sample-uploader h3{margin:0;color:var(--text-primary);font-size:clamp(1.35rem,3vw,2rem);line-height:1.1}.sample-uploader p{max-width:520px;margin:0;color:var(--text-soft)}.sample-uploader:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:1rem;border:1px solid rgba(255,255,255,.035);pointer-events:none}.sample-uploader:after{content:"";position:absolute;inset:auto 16% 22px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(139,92,246,.74),rgba(56,189,248,.44),transparent);opacity:.72}.sample-uploader:hover,.sample-uploader.drag-active{border-color:var(--accent-purple);background:radial-gradient(circle at center top,rgba(139,92,246,.18),transparent 45%),#a855f70b;box-shadow:0 24px 70px #0000006b,0 0 34px #a855f724}.upload-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(139,92,246,.2);border-radius:22px;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.14),transparent 36%),#8b5cf61f;font-size:2.35rem;opacity:.95;box-shadow:0 0 30px #8b5cf629}.waveform-editor{background:linear-gradient(145deg,#ffffff0e,#ffffff03),#020208b8;border:1px solid rgba(139,92,246,.18);border-radius:1.25rem;padding:1.5rem;position:relative;overflow:hidden}.sample-prep-waveform-card{box-shadow:0 24px 70px #00000080,0 0 42px #8b5cf61f,inset 0 1px #ffffff0f}.sample-prep-waveform-card h3{letter-spacing:0}.sample-prep-waveform-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 16% 0%,rgba(139,92,246,.16),transparent 32%),radial-gradient(circle at 90% 18%,rgba(56,189,248,.12),transparent 30%)}.sample-prep-waveform-card>*{position:relative;z-index:1}.waveform-container{min-height:190px;padding:18px 12px;border:1px solid rgba(255,255,255,.065);border-radius:1rem;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),#00000042;background-size:42px 42px;box-shadow:inset 0 0 32px #00000061}.sample-prep-analysis-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:.75rem 0 .25rem}.sample-prep-analysis-actions .btn{border-radius:999px;border-color:#8b5cf633;background:linear-gradient(145deg,#ffffff12,#ffffff05),#080810bd}.sample-prep-analysis-actions .btn-primary{border-color:#8b5cf657;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,var(--accent-purple),#7c3aed 58%,#0ea5e9);box-shadow:0 0 20px #8b5cf638}.waveform-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.bpm-controls-card,.keys-grid-card,.export-card{background:linear-gradient(145deg,#ffffff0d,#ffffff03),#06060eb3;border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;padding:1.5rem;box-shadow:0 18px 52px #00000059,inset 0 1px #ffffff0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bpm-controls-card{padding:1.2rem}.sample-prep-conversion-summary{position:relative;overflow:hidden;padding:1.05rem;border:1px solid rgba(139,92,246,.18);border-radius:1.1rem;background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.18),transparent 34%),#05050cbd;box-shadow:0 18px 50px #00000057,0 0 24px #8b5cf614}.sample-prep-conversion-summary:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.44),rgba(139,92,246,.52),transparent)}.summary-kicker{display:block;margin-bottom:.8rem;color:var(--accent-blue-light);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.summary-route{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.summary-route div:not(.summary-arrow){min-width:0}.summary-route span{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.summary-route strong{display:block;color:var(--text-primary);font-size:.94rem;line-height:1.2}.summary-arrow{color:var(--accent-purple-light);font-size:1.25rem;text-shadow:0 0 18px rgba(139,92,246,.5)}.bpm-controls-card h3,.keys-grid-card h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.bpm-controls-card .input,.export-card .input,.bpm-controls-card select{min-height:42px;border-color:#8b5cf629;background:linear-gradient(145deg,#ffffff0a,#ffffff03),#00000047}.bpm-controls-card .input:focus,.bpm-controls-card select:focus{border-color:#38bdf86b;box-shadow:0 0 0 3px #38bdf81c,0 0 18px #8b5cf61a}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.key-select-group{display:flex;gap:.5rem}.key-select-group select{flex:1}.keys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.key-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.key-btn:hover{background:#ffffff1a}.key-btn.active{background:#a855f733;border-color:var(--accent-purple);box-shadow:0 0 10px #a855f733}.key-btn-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.key-btn-val{font-weight:600;font-size:1rem}.export-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,var(--accent-purple),#ec4899);color:#fff;border:none;border-radius:.75rem;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s ease,filter .2s ease;box-shadow:0 0 22px #8b5cf647,inset 0 1px #ffffff3d}.export-btn:hover:not(:disabled){opacity:.9;filter:brightness(1.08);box-shadow:0 0 34px #8b5cf666,0 0 18px #38bdf829}.export-btn:active:not(:disabled){transform:scale(.98)}.export-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;color:var(--text-secondary)}.sample-prep-export-glow.is-processing{border-color:#38bdf847;box-shadow:0 20px 56px #0000006b,0 0 36px #38bdf824,inset 0 1px #ffffff0e}.sample-prep-export-glow.is-ready{border-color:#34d3994d;box-shadow:0 20px 56px #0000006b,0 0 32px #34d3991f,inset 0 1px #ffffff0e}.sample-prep-analysis-error{margin-top:1rem;padding:1rem 1.1rem;border:1px solid rgba(244,63,94,.26);border-radius:1rem;color:#fda4af;background:radial-gradient(circle at 8% 0%,rgba(244,63,94,.18),transparent 34%),#14050cb8;box-shadow:0 18px 48px #00000052,0 0 20px #f43f5e14;text-align:center;font-size:.88rem}.sample-prep-advanced-details{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(145deg,#ffffff0b,#ffffff03),#05050cad;box-shadow:0 16px 46px #00000052}.sample-prep-advanced-details summary{padding:.9rem 1rem;color:var(--text-soft);cursor:pointer;font-size:.84rem;font-weight:800;letter-spacing:0;list-style:none}.sample-prep-advanced-details summary::-webkit-details-marker{display:none}.sample-prep-advanced-details summary:before{content:"+";display:inline-flex;justify-content:center;width:18px;margin-right:8px;color:var(--accent-purple-light)}.sample-prep-advanced-details[open] summary:before{content:"-"}.sample-prep-advanced-body{padding:1rem;border-top:1px solid rgba(255,255,255,.07);background:#0000002e}.format-toggle{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.format-toggle label{display:inline-flex;align-items:center;gap:.45rem;min-width:88px;justify-content:center;padding:.55rem .75rem;border:1px solid rgba(139,92,246,.16);border-radius:999px;color:var(--text-soft);background:#ffffff09;cursor:pointer}.format-toggle input{accent-color:var(--accent-purple)}.sample-prep-export-glow{border-color:#8b5cf633;box-shadow:0 20px 56px #0000006b,0 0 32px #8b5cf61a,inset 0 1px #ffffff0e}.sample-prep-loading-cinematic{position:relative;overflow:hidden;min-height:118px;margin-top:1rem;border:1px solid rgba(139,92,246,.28);border-radius:1rem;background:radial-gradient(circle at 18% 0%,rgba(139,92,246,.22),transparent 38%),#030309b8;box-shadow:0 18px 50px #0006,0 0 30px #8b5cf61a}.sample-prep-loading-copy{position:relative;z-index:2;min-height:118px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-primary);font-weight:700;letter-spacing:.01em}.sample-prep-loading-copy .loading-spinner{width:24px;height:24px}.sample-prep-scanner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.8;background:linear-gradient(90deg,transparent,rgba(56,189,248,.34),rgba(139,92,246,.24),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 2px,transparent 2px 14px);background-size:38% 100%,auto;background-position:-55% 0,center;animation:samplePrepScan 2.1s linear infinite}.sample-prep-scanner.has-image{background-image:linear-gradient(90deg,rgba(3,3,9,.86),transparent 22%,transparent 78%,rgba(3,3,9,.86)),var(--sample-prep-scanner-image),linear-gradient(90deg,transparent,rgba(56,189,248,.34),rgba(139,92,246,.24),transparent);background-size:cover,cover,38% 100%;background-position:center,center,-55% 0;opacity:.92}@keyframes samplePrepScan{0%{background-position:-55% 0,center}to{background-position:155% 0,center}}.sample-prep-scanner.has-image{animation:samplePrepScanImage 2.1s linear infinite}@keyframes samplePrepScanImage{0%{background-position:center,center,-55% 0}to{background-position:center,center,155% 0}}.sample-chip{background:#ffffff0a;border:1px solid rgba(168,85,247,.2);color:var(--text-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:38px;line-height:1.2}.sample-chip:hover{background:#a855f71f;border-color:#a855f766;box-shadow:0 0 12px #a855f726}.sample-chip.selected{background:linear-gradient(135deg,#a855f740,#3b82f626);border-color:#a855f799;box-shadow:0 0 15px #a855f740}.quick-bpm-btn{background:#0000004d;border:1px solid rgba(168,85,247,.15);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;min-height:30px}.quick-bpm-btn:hover{background:#a855f733;border-color:#a855f766;color:#fff;box-shadow:0 0 8px #a855f733}.waveform-close-btn{background:#0006;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waveform-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#fff;box-shadow:0 0 12px #ef44444d;transform:scale(1.05)}@media (max-width: 1100px){.sample-prep-hero{min-height:270px}.sample-prep-hero .brand-title-image{height:clamp(180px,26vw,240px);max-height:240px}.sample-prep-hero .module-hero-decor{width:clamp(170px,21vw,230px);opacity:.72}.sample-prep-layout{grid-template-columns:minmax(0,1fr) minmax(318px,348px)}}@media (max-width: 980px){.sample-prep-layout{grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem}.sample-prep-control-panel{position:static}}@media (max-width: 768px){.sample-prep-page{padding-inline:14px}.sample-prep-hero{min-height:0;padding:22px}.sample-prep-hero .brand-title-image{height:clamp(142px,42vw,190px);max-height:190px}.sample-prep-hero .module-hero-copy{font-size:.9rem}.sample-prep-hero .module-hero-decor{display:none}.summary-route{grid-template-columns:1fr;gap:.65rem}.summary-arrow{transform:rotate(90deg);justify-self:start;line-height:1}.sample-prep-control-panel .grid-cols-2{grid-template-columns:1fr}.waveform-controls{align-items:stretch;flex-direction:column}.waveform-container{min-height:160px}.sample-uploader{min-height:280px;padding:2.5rem 1.15rem}.sample-prep-analysis-actions{align-items:stretch;flex-direction:column}.sample-prep-analysis-actions .btn{width:100%}.bpm-controls-card,.export-card,.sample-prep-conversion-summary{padding:1rem}.format-toggle{gap:.55rem}.format-toggle label{flex:1;min-width:0}}@media (max-width: 420px){.sample-prep-hero{padding:18px}.sample-prep-hero .brand-title-fallback{font-size:clamp(1.72rem,15vw,2.65rem)}.waveform-container{padding-inline:8px}.summary-route strong{font-size:.86rem}}.admin-wallets-page .wallets-card{padding:0;overflow:hidden;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.admin-wallets-page .admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-wallets-page .admin-table th{padding:1rem 1.5rem;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-wallets-page .admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.admin-wallets-page .admin-table tr:last-child td{border-bottom:none}.admin-wallets-page .admin-table tr:hover td{background:#8b5cf614;border-color:#8b5cf633;transform:translate(4px)}.admin-wallets-page .producer-name{font-weight:600;color:var(--text-primary)}.admin-wallets-page .amount{font-family:JetBrains Mono,monospace;font-weight:600}.admin-wallets-page .amount.pending{color:var(--accent-gold)}.admin-wallets-page .amount.available{color:var(--accent-blue-light)}.admin-wallets-page .amount.withdrawn{color:var(--text-secondary)}.admin-wallets-page .actions-cell{text-align:right}.admin-wallets-page .actions-cell .btn{white-space:nowrap;background:var(--bg-input);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:6px 12px;transition:all .3s ease}.admin-wallets-page .actions-cell .btn:hover{background:#8b5cf61a;border-color:var(--accent-purple);color:var(--text-primary);transform:translateY(-2px)}.admin-wallets-page .badge-gray{background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:600}.admin-broken-audio-page .page-subtitle{margin-top:.4rem;color:var(--text-secondary);font-size:.9rem}.admin-broken-audio-page .broken-audio-card{padding:0;overflow:hidden;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.admin-broken-audio-page .admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-broken-audio-page .admin-table th{padding:1rem 1.25rem;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-broken-audio-page .admin-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.admin-broken-audio-page .admin-table tr:last-child td{border-bottom:none}.admin-broken-audio-page .admin-table tr:hover td{background:#8b5cf614;border-color:#8b5cf633;transform:translate(4px)}.admin-broken-audio-page .beat-link{color:var(--text-primary);font-weight:600;text-decoration:none}.admin-broken-audio-page .beat-link:hover{color:var(--accent-purple)}.admin-broken-audio-page .muted{margin-top:.25rem;color:var(--text-secondary);font-size:.78rem}.admin-broken-audio-page code{display:inline-block;max-width:240px;padding:.25rem .4rem;overflow-wrap:anywhere;border-radius:4px;background:#ffffff0f;color:var(--text-secondary);font-size:.76rem}.admin-broken-audio-page .path-code{max-width:360px}.admin-broken-audio-page .replace-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:.6rem;align-items:center;min-width:320px;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:12px}.admin-broken-audio-page input[type=file]{width:100%;color:var(--text-secondary);font-size:.82rem;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 12px}.admin-broken-audio-page input[type=file]:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf626;background:#0a0a12d9}.admin-broken-audio-page .success-message{padding:.9rem 1rem;margin-bottom:1rem;border:1px solid rgba(52,211,153,.3);border-radius:8px;background:#34d39914;color:#34d399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 900px){.admin-broken-audio-page .replace-controls{grid-template-columns:1fr;min-width:220px}}.admin-community-page{padding-bottom:2rem}.admin-community-page{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem!important;margin:1.5rem auto!important;max-width:1400px!important}.ac-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.ac-overview-card{text-align:center;padding:1.5rem 1.25rem;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.16,1,.3,1)}.ac-overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:#8b5cf64d}.ac-overview-value{display:block;font-size:2.2rem;font-weight:800;color:var(--color-accent, #a78bfa);line-height:1.2}.ac-overview-label{display:block;font-size:.85rem;color:var(--color-text-muted, #94a3b8);margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.ac-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.5rem}.ac-tab{padding:.75rem 1.25rem;background:transparent;border:none;color:var(--color-text-muted, #94a3b8);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .4s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.ac-tab:hover{color:var(--color-text, #e2e8f0);background:#ffffff0d}.ac-tab.active{color:var(--color-accent, #a78bfa);border-bottom-color:var(--color-accent, #a78bfa);background:#8b5cf61a;box-shadow:0 4px 12px #8b5cf626}.ac-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem}.ac-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.ac-filter-group label{font-size:.85rem;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.ac-select{background:var(--bg-input);border:1px solid var(--glass-border);color:var(--color-text, #e2e8f0);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-family:inherit;transition:all .3s ease}.ac-select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf626}.ac-table-wrap{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ac-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.ac-table th{text-align:left;padding:1rem;color:var(--color-text-muted, #94a3b8);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--glass-border);background:var(--bg-card)}.ac-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.ac-table tbody tr:hover{background:#8b5cf614}.ac-table tbody tr:hover td{border-color:#8b5cf633}.ac-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .3s ease;border:1px solid transparent}.ac-badge-pending{background:#eab30826;color:#eab308;border-color:#eab30840}.ac-badge-reviewed{background:#3b82f626;color:#60a5fa;border-color:#3b82f640}.ac-badge-resolved{background:#22c55e26;color:#22c55e;border-color:#22c55e40}.ac-badge-dismissed{background:#64748b26;color:#94a3b8;border-color:#64748b40}.ac-badge-reason{background:#a78bfa1f;color:#a78bfa;border-color:#a78bfa33}.ac-badge-visible{background:#22c55e26;color:#22c55e;border-color:#22c55e40}.ac-badge-hidden{background:#ef444426;color:#ef4444;border-color:#ef444440}.ac-badge-flagged{background:#ef444426;color:#ef4444;border-color:#ef444440;margin-left:.25rem}.ac-badge-safe{background:#22c55e26;color:#22c55e;border-color:#22c55e40;margin-left:.25rem}.ac-badge-plan{background:#94a3b81f;color:#94a3b8;border-color:#94a3b833}.ac-plan-starter{background:#3b82f626;color:#60a5fa;border-color:#3b82f640}.ac-plan-pro{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa40}.ac-plan-studio{background:#eab30826;color:#eab308;border-color:#eab30840}.ac-action-report_reviewed{background:#3b82f626;color:#60a5fa;border-color:#3b82f640}.ac-action-report_resolved{background:#22c55e26;color:#22c55e;border-color:#22c55e40}.ac-action-report_dismissed{background:#64748b26;color:#94a3b8;border-color:#64748b40}.ac-action-user_hidden{background:#ef444426;color:#ef4444;border-color:#ef444440}.ac-action-user_restored{background:#22c55e26;color:#22c55e;border-color:#22c55e40}.ac-action-user_unflagged{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa40}.ac-action-note_added{background:#94a3b826;color:#94a3b8;border-color:#94a3b840}.ac-user-cell{display:inline-flex;align-items:center;gap:.75rem}.ac-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent, #a78bfa),#7c3aed);color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 8px #0003}.ac-username{color:var(--color-text, #e2e8f0);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0;margin-top:1rem}.ac-cards-mobile{display:none;flex-direction:column;gap:1rem}.ac-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.ac-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:#8b5cf64d}.ac-report-card{display:flex;flex-direction:column;gap:.75rem}.ac-modal{max-width:640px;width:95%;background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 24px 48px #0006}.ac-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid var(--glass-border);background:var(--bg-card)}.ac-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text, #e2e8f0);margin:0}.ac-modal-body{padding:1.75rem;max-height:70vh;overflow-y:auto;background:var(--bg-card)}.ac-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.ac-modal-field{display:flex;flex-direction:column;gap:.5rem}.ac-field-full{grid-column:1 / -1;margin-bottom:1rem}.ac-details-text{color:var(--color-text, #e2e8f0);font-size:.95rem;margin:0;line-height:1.5}.ac-textarea{background:var(--bg-input);border:1px solid var(--glass-border);color:var(--color-text, #e2e8f0);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-family:inherit;resize:vertical;width:100%;transition:all .3s ease}.ac-textarea:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf626;background:#0a0a12d9}.ac-modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--glass-border);background:var(--bg-card)}.ac-action-history{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.ac-action-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;transition:all .3s ease}.ac-action-item:hover{background:#8b5cf614;transform:translate(4px)}.ac-action-date{font-size:.85rem;color:var(--color-text-muted, #64748b)}.ac-action-note{width:100%;margin:.375rem 0 0;font-size:.9rem;color:var(--color-text-muted, #94a3b8);line-height:1.4}.ac-user-summary{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg)}.ac-user-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.ac-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.ac-stat{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.ac-stat:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:#8b5cf64d}.ac-stat-value{display:block;font-size:1.375rem;font-weight:700;color:var(--color-accent, #a78bfa)}.ac-stat-label{display:block;font-size:.8rem;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.ac-loading{display:flex;justify-content:center;padding:4rem 0;gap:1rem}.ac-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.ac-empty{text-align:center;padding:4rem 2rem;background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.ac-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#22c55e1a;color:#22c55e;font-size:2rem;margin-bottom:1.5rem}.ac-empty h3{font-size:1.25rem;color:var(--color-text, #e2e8f0);margin:0 0 .5rem}.ac-empty p{color:var(--color-text-muted, #94a3b8);margin:0 0 1.5rem;font-size:1rem;max-width:400px;line-height:1.6}@media (max-width: 768px){.ac-overview{grid-template-columns:repeat(2,1fr);gap:1rem}.ac-table-wrap{display:none}.ac-cards-mobile{display:flex}.ac-modal-grid{grid-template-columns:1fr}.ac-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.ac-filters{flex-direction:column;gap:1rem}.ac-filter-group{min-width:100%}}.ac-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.ac-overview-card{text-align:center;padding:1.25rem 1rem}.ac-overview-value{display:block;font-size:2rem;font-weight:700;color:var(--color-accent, #a78bfa);line-height:1.2}.ac-overview-label{display:block;font-size:.8rem;color:var(--color-text-muted, #94a3b8);margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.ac-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.ac-tab{padding:.75rem 1.25rem;background:none;border:none;color:var(--color-text-muted, #94a3b8);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;font-family:inherit;display:flex;align-items:center;gap:.5rem}.ac-tab:hover{color:var(--color-text, #e2e8f0)}.ac-tab.active{color:var(--color-accent, #a78bfa);border-bottom-color:var(--color-accent, #a78bfa)}.ac-tab-count{background:#a78bfa26;color:var(--color-accent, #a78bfa);font-size:.75rem;padding:.1rem .45rem;border-radius:999px;font-weight:600}.ac-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.ac-filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.ac-filter-group label{font-size:.75rem;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.ac-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text, #e2e8f0);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-family:inherit}.ac-table-wrap{overflow-x:auto;margin-bottom:1rem}.ac-table{width:100%;border-collapse:collapse;font-size:.85rem}.ac-table th{text-align:left;padding:.75rem;color:var(--color-text-muted, #94a3b8);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.06)}.ac-table td{padding:.7rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.ac-table tbody tr:hover{background:#ffffff05}.ac-date{color:var(--color-text-muted, #64748b);white-space:nowrap;font-size:.8rem}.ac-details-preview{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted, #94a3b8);font-size:.8rem}.ac-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.ac-badge-pending{background:#eab30826;color:#eab308}.ac-badge-reviewed{background:#3b82f626;color:#60a5fa}.ac-badge-resolved{background:#22c55e26;color:#22c55e}.ac-badge-dismissed{background:#64748b26;color:#94a3b8}.ac-badge-reason{background:#a78bfa1f;color:#a78bfa}.ac-badge-visible{background:#22c55e26;color:#22c55e}.ac-badge-hidden{background:#ef444426;color:#ef4444}.ac-badge-flagged{background:#ef444426;color:#ef4444;margin-left:.25rem}.ac-badge-safe{background:#22c55e26;color:#22c55e;margin-left:.25rem}.ac-badge-plan{background:#94a3b81f;color:#94a3b8}.ac-plan-starter{background:#3b82f626;color:#60a5fa}.ac-plan-pro{background:#a78bfa26;color:#a78bfa}.ac-plan-studio{background:#eab30826;color:#eab308}.ac-badge-action{font-size:.7rem}.ac-action-report_reviewed{background:#3b82f626;color:#60a5fa}.ac-action-report_resolved{background:#22c55e26;color:#22c55e}.ac-action-report_dismissed{background:#64748b26;color:#94a3b8}.ac-action-user_hidden{background:#ef444426;color:#ef4444}.ac-action-user_restored{background:#22c55e26;color:#22c55e}.ac-action-user_unflagged{background:#a78bfa26;color:#a78bfa}.ac-action-note_added{background:#94a3b826;color:#94a3b8}.ac-user-cell{display:inline-flex;align-items:center;gap:.5rem}.ac-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent, #a78bfa),#7c3aed);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.ac-user-avatar img{width:100%;height:100%;object-fit:cover}.ac-user-avatar.lg{width:48px;height:48px;font-size:1.1rem}.ac-user-copy{display:inline-flex;flex-direction:column;min-width:0}.ac-username{color:var(--color-text, #e2e8f0);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-username-lg{color:var(--color-text, #e2e8f0);font-size:1.1rem}.ac-user-handle{color:var(--color-text-muted, #64748b);font-size:.72rem;line-height:1.2}.ac-dim{color:var(--color-text-muted, #64748b)}.ac-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.ac-page-info{font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.ac-cards-mobile{display:none;flex-direction:column;gap:.75rem}.ac-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem}.ac-report-card{display:flex;flex-direction:column;gap:.5rem}.ac-card-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ac-label{font-size:.75rem;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ac-modal{max-width:640px;width:95%}.ac-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.ac-modal-header h2{font-size:1.1rem;font-weight:700;color:var(--color-text, #e2e8f0);margin:0}.ac-modal-body{padding:1.25rem 1.5rem 1.5rem;max-height:70vh;overflow-y:auto}.ac-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.ac-modal-field{display:flex;flex-direction:column;gap:.25rem}.ac-field-full{grid-column:1 / -1;margin-bottom:.75rem}.ac-details-text{color:var(--color-text, #e2e8f0);font-size:.9rem;margin:0;line-height:1.5}.ac-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text, #e2e8f0);padding:.625rem .75rem;border-radius:8px;font-size:.85rem;font-family:inherit;resize:vertical;width:100%}.ac-modal-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.ac-action-history{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.ac-action-item{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:.6rem .75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ac-action-date{font-size:.78rem;color:var(--color-text-muted, #64748b)}.ac-action-note{width:100%;margin:.25rem 0 0;font-size:.82rem;color:var(--color-text-muted, #94a3b8);line-height:1.4}.ac-user-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ac-user-meta{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.25rem}.ac-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.ac-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem;text-align:center}.ac-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-accent, #a78bfa)}.ac-stat-label{display:block;font-size:.7rem;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}.ac-loading{display:flex;justify-content:center;padding:3rem 0}.ac-empty{text-align:center;padding:3rem 1rem}.ac-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#22c55e1a;color:#22c55e;font-size:1.3rem;margin-bottom:1rem}.ac-empty h3{font-size:1.1rem;color:var(--color-text, #e2e8f0);margin:0 0 .35rem}.ac-empty p{color:var(--color-text-muted, #94a3b8);margin:0;font-size:.9rem}@media (max-width: 768px){.ac-overview{grid-template-columns:repeat(2,1fr)}.ac-table-wrap{display:none}.ac-cards-mobile{display:flex}.ac-modal-grid{grid-template-columns:1fr}.ac-stats-grid{grid-template-columns:repeat(2,1fr)}.ac-filters{flex-direction:column}.ac-filter-group{min-width:100%}}@media (max-width: 480px){.ac-overview{grid-template-columns:1fr 1fr;gap:.625rem}.ac-overview-card{padding:.875rem}.ac-overview-value{font-size:1.5rem}}.admin-plan-grants-page{padding-bottom:2rem}.apg-section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.apg-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid transparent}.apg-message--ok{background:#22c55e1f;border-color:#22c55e59;color:#4ade80}.apg-message--error{background:#ef44441f;border-color:#ef444459;color:#f87171}.apg-form-card,.apg-list-card{padding:1.25rem 1.25rem 1.5rem;margin-bottom:1.5rem}.apg-form{display:flex;flex-direction:column;gap:1rem}.apg-form-row{display:flex;flex-direction:column;gap:.4rem}.apg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 720px){.apg-form-grid{grid-template-columns:1fr}}.apg-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #94a3b8)}.apg-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;padding:.55rem .75rem;border-radius:6px;font-size:.95rem;font-family:inherit}.apg-input:focus{outline:none;border-color:var(--color-accent, #a78bfa)}.apg-input--small{max-width:140px;margin-top:.5rem}.apg-hint{font-size:.8rem;color:var(--color-text-muted, #94a3b8)}.apg-search-results{display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.apg-search-result{display:grid;grid-template-columns:140px 1fr auto;gap:.5rem;align-items:center;padding:.55rem .75rem;background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;font-family:inherit;font-size:.9rem}.apg-search-result:hover{background:#a78bfa1a}.apg-search-result span{color:var(--color-text-muted, #94a3b8)}.apg-search-plan{font-size:.75rem}.apg-selected-user{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:6px;font-size:.9rem}.apg-clear{background:none;border:none;color:var(--color-accent, #a78bfa);cursor:pointer;font-size:.85rem;font-family:inherit}.apg-radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.apg-radio{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;font-size:.85rem;transition:border-color .15s,background .15s}.apg-radio:hover{border-color:#a78bfa66}.apg-radio input{accent-color:var(--color-accent, #a78bfa)}.apg-radio--active{background:#a78bfa26;border-color:var(--color-accent, #a78bfa)}.apg-form-actions{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.apg-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.apg-tabs{display:flex;gap:.25rem;background:#ffffff0a;border-radius:8px;padding:.2rem}.apg-tab{background:none;border:none;color:var(--color-text-muted, #94a3b8);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem}.apg-tab:hover{color:var(--color-text, #e2e8f0)}.apg-tab--active{background:#a78bfa33;color:var(--color-accent, #a78bfa)}.apg-muted{font-size:.78rem;color:var(--color-text-muted, #94a3b8)}.apg-reason{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-badge{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500}.connection-badge.connected{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.connection-badge.rejected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.connection-actions-row{display:flex;gap:6px}.producer-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.producer-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;transition:opacity .4s ease;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(124,58,237,.06),transparent 40%)}.producer-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px #0006,0 0 0 1px #7c3aed14}.producer-card:hover:before{opacity:1}.producer-card.studio-card{border-color:#ffd7004d;background:#ffd7000a}.producer-card.studio-card:hover{border-color:#ffd70080;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px #0006,0 0 0 1px #ffd70026}.producer-card-link{display:flex;align-items:center;gap:16px;flex:1;text-decoration:none;color:inherit;min-width:0}.producer-card-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s ease}.producer-card:hover .producer-card-avatar{transform:scale(1.08);border-color:#7c3aed4d}.studio-card .producer-card-avatar{border-color:#ffd70080}.studio-card:hover .producer-card-avatar{border-color:#ffd700b3}.producer-card-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.producer-card:hover .producer-card-avatar img{transform:scale(1.1)}.producer-card-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:600}.producer-card-info{min-width:0;flex:1}.producer-card-name{font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-badge-icon{color:gold;font-size:14px}.producer-card-username{font-size:13px;color:#fff6;margin-top:2px}.producer-card-meta{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.producer-card-beats{font-size:12px;color:#ffffff80}.producer-card-active{font-size:11px;color:#ffffff59;margin-top:4px}.producer-card-actions{flex-shrink:0}@media (prefers-reduced-motion: reduce){.producer-card,.producer-card:before,.producer-card .producer-card-avatar,.producer-card .producer-card-avatar img{transition-duration:.01ms!important;transform:none!important}}@media (max-width: 600px){.producer-card{flex-direction:column;align-items:stretch;padding:16px}.producer-card-link{flex-direction:column;align-items:center;text-align:center}.producer-card-actions{display:flex;justify-content:center;margin-top:8px}.producer-card-name,.producer-card-meta{justify-content:center}}.community-page{padding-bottom:40px}.community-upgrade-banner{background:#7c3aed26!important;border:1px solid rgba(124,58,237,.25)!important;border-radius:var(--radius-lg)!important;padding:14px 20px!important;margin-bottom:24px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:var(--shadow-sm)!important}.upgrade-link{color:var(--accent-purple-light)!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;transition:all .3s ease!important}.upgrade-link:hover{text-decoration:underline!important;opacity:.9!important}.community-error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:var(--radius-md)!important;padding:12px 16px!important;color:#ef4444!important;font-size:14px!important;margin-bottom:16px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.community-controls{display:flex!important;gap:12px!important;margin-bottom:24px!important;flex-wrap:wrap!important}.community-search{flex:1!important;max-width:520px!important;display:flex!important;gap:10px!important;align-items:stretch!important}.community-search input{width:100%!important;background:var(--bg-input)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:12px 18px!important;color:var(--text-primary)!important;font-size:14px!important;outline:none!important;transition:all .3s ease!important;font-family:var(--font-sans)!important}.community-search input:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 0 3px #8b5cf626!important;background:#0a0a12d9!important}.community-search input::placeholder{color:var(--text-muted)!important}.community-search button{background:var(--accent-purple)!important;color:#fff!important;border:none!important;padding:0 16px!important;border-radius:var(--radius-lg)!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.community-search button:hover{background:var(--accent-purple-light)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #8b5cf640!important}.community-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.community-loading{text-align:center!important;padding:80px 20px!important;color:var(--text-secondary)!important;font-size:16px!important}.community-empty-wrapper{padding:60px 0!important}.community-empty{text-align:center!important;padding:48px 24px!important;background:var(--bg-card)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;position:relative!important;overflow:hidden!important}.community-empty:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.12) 0%,transparent 60%)!important;pointer-events:none!important}.community-empty-icon{font-size:56px!important;margin-bottom:24px!important;opacity:.7!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.community-empty h3{font-size:1.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0 0 12px!important;letter-spacing:-.02em!important}.community-empty p{font-size:1rem!important;color:var(--text-secondary)!important;max-width:400px!important;margin:0 auto 24px!important;line-height:1.6!important}.community-empty .btn{padding:12px 24px!important;font-size:.95rem!important;font-weight:600!important}.community-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin-top:32px!important;flex-wrap:wrap!important}.pagination-info{color:var(--text-secondary)!important;font-size:14px!important}.community-producer-card{background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;padding:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:12px!important}.community-producer-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 32px #0000004d!important;border-color:#8b5cf666!important}.community-producer-card:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,transparent 50%)!important;opacity:0!important;transition:opacity .4s ease!important;pointer-events:none!important}.community-producer-card:hover:before{opacity:1!important}.community-producer-avatar{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid var(--glass-border)!important}.community-producer-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:4px!important}.community-producer-name{font-size:1.1rem!important;font-weight:600!important;color:var(--text-primary)!important}.community-producer-stats{display:flex!important;gap:12px!important;font-size:.9rem!important;color:var(--text-secondary)!important}.community-connect-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 16px!important;background:var(--accent-purple)!important;color:#fff!important;border-radius:50px!important;font-weight:600!important;font-size:.9rem!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 12px #8b5cf640!important}.community-connect-btn:hover{background:var(--accent-purple-light)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #8b5cf64d!important}.community-connect-btn:active{transform:scale(.98)!important}@media (max-width: 600px){.community-controls{flex-direction:column!important;align-items:stretch!important}.community-search{max-width:100%!important;flex-direction:column!important}.community-search button{width:100%!important;margin-top:8px!important}.community-error,.community-upgrade-banner{align-items:stretch!important;flex-direction:column!important}}.community-upgrade-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:12px;margin-bottom:20px;font-size:14px;color:#fffc}.upgrade-link{color:#7c3aed;font-weight:600;text-decoration:none;white-space:nowrap}.upgrade-link:hover{text-decoration:underline}.community-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:14px;margin-bottom:16px}.community-controls{display:flex;gap:12px;margin-bottom:24px}.community-search{flex:1;max-width:520px;display:flex;gap:10px}.community-search input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.community-search input:focus{border-color:#7c3aed}.community-search input:disabled{opacity:.4;cursor:not-allowed}.community-search input::placeholder{color:#ffffff4d}.community-grid{display:flex;flex-direction:column;gap:10px}.community-loading{text-align:center;padding:60px 20px;color:#fff6;font-size:15px}.community-empty-wrapper{padding:40px 0}.community-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.pagination-info{color:#ffffff80;font-size:14px}@media (max-width: 600px){.community-controls{flex-direction:column}.community-search{max-width:100%;flex-direction:column}.community-error,.community-upgrade-banner{align-items:stretch;flex-direction:column}}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.report-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;max-width:440px;width:100%;position:relative;box-shadow:0 24px 64px #00000080}.report-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff6;font-size:20px;cursor:pointer}.report-modal h3{margin:0 0 8px;font-size:18px;color:#fff}.report-modal-desc{color:#ffffff80;font-size:14px;margin:0 0 20px}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.report-reason-label{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;font-size:14px;color:#ffffffb3;transition:all .2s}.report-reason-label:hover{background:#ffffff12}.report-reason-label.selected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.report-reason-label input{display:none}.report-details{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:#fff;font-size:13px;resize:vertical;margin-bottom:16px;font-family:inherit}.report-details:focus{outline:none;border-color:#7c3aed}.report-error{color:#ef4444;font-size:13px;margin-bottom:12px}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;width:100%;transition:opacity .2s}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.report-modal-sent{text-align:center;padding:20px 0}.report-sent-icon{width:56px;height:56px;border-radius:50%;background:#22c55e26;color:#22c55e;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.report-modal-sent h3{margin-bottom:8px}.report-modal-sent p{color:#ffffff80;font-size:14px;margin-bottom:20px}.report-modal-sent .btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.block-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.block-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 64px #00000080}.block-modal-icon{font-size:40px;margin-bottom:12px}.block-modal h3{margin:0 0 12px;font-size:18px;color:#fff}.block-modal p{color:#ffffff80;font-size:14px;line-height:1.5;margin:0 0 24px}.block-modal-actions{display:flex;gap:10px;justify-content:center}.block-modal-actions .btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;padding:10px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.block-modal-actions .btn-danger:disabled{opacity:.4;cursor:not-allowed}.block-modal-actions .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 24px;color:#ffffffb3;font-size:14px;cursor:pointer}.profile-page{padding-bottom:40px}.profile-back{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s}.profile-back:hover{color:#fff}.profile-loading{text-align:center;padding:60px 20px;color:#fff6}.profile-error{padding:20px;text-align:center;color:#ef4444;font-size:15px;margin-bottom:16px}.profile-action-msg{padding:10px 16px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:10px;color:#fffc;font-size:14px;margin-bottom:16px}.profile-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px}.profile-card.studio-card{border-color:#ffd7004d;background:#ffd7000a}.profile-card-header{display:flex;align-items:center;gap:24px;margin-bottom:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;border:3px solid rgba(255,255,255,.1)}.studio-card .profile-avatar{border-color:#ffd70080}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:32px;font-weight:600}.profile-studio-badge{position:absolute;bottom:-2px;right:-2px;background:linear-gradient(135deg,gold,#f59e0b);color:#000;font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.profile-info{flex:1;min-width:0}.profile-name{font-size:24px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.studio-star{color:gold;font-size:20px}.profile-username{font-size:15px;color:#fff6;margin-top:4px}.profile-meta{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.profile-stat{font-size:13px;color:#ffffff80}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.btn.btn-outline.danger{border-color:#ef44444d;color:#ef4444}.btn.btn-outline.danger:hover{background:#ef44441a}.profile-store-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.profile-store-section h3{font-size:14px;font-weight:600;color:#ffffff80;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.profile-store-link{color:#7c3aed;text-decoration:none;font-size:15px;font-weight:500}.profile-store-link:hover{text-decoration:underline}@media (max-width: 600px){.profile-card-header{flex-direction:column;align-items:center;text-align:center}.profile-info{text-align:center}.profile-meta,.profile-actions{justify-content:center}}.conversation-list{display:flex;flex-direction:column;gap:2px}.conversation-list-loading,.conversation-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff6;text-align:center}.conversation-list-empty .empty-icon{font-size:40px;margin-bottom:12px}.conversation-list-empty p{margin:0;font-size:14px}.conversation-list-empty .empty-sub{font-size:12px;margin-top:4px;color:#ffffff40}.conversation-item{width:calc(100% - 8px);border:0;background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s;border-radius:12px;margin:0 4px}.conversation-item:hover,.conversation-item:focus-visible{background:#ffffff0d;outline:none}.conversation-item.active{background:#7c3aed26}.conversation-item-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.conversation-item-avatar img{width:100%;height:100%;object-fit:cover}.conversation-item-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600}.conversation-item-info{flex:1;min-width:0}.conversation-item-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item-preview{font-size:12px;color:#fff6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item-unread{background:#7c3aed;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.message-bubble{max-width:75%;margin-bottom:8px;display:flex;flex-direction:column}.message-bubble.own{align-self:flex-end;align-items:flex-end}.message-bubble.other{align-self:flex-start;align-items:flex-start}.message-bubble-content{padding:10px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-bubble.own .message-bubble-content{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-bottom-right-radius:4px}.message-bubble.other .message-bubble-content{background:#ffffff14;color:#ffffffe6;border-bottom-left-radius:4px}.message-bubble-time{font-size:11px;color:#ffffff4d;margin-top:4px;padding:0 4px}.chat-window{display:flex;flex-direction:column;height:100%;background:#0003;border-radius:16px;overflow:hidden}.chat-window-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-back-btn{display:none;background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px 8px}@media (max-width: 768px){.chat-back-btn{display:block}}.chat-window-user{display:flex;align-items:center;gap:10px}.chat-window-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.chat-window-avatar img{width:100%;height:100%;object-fit:cover}.chat-window-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600}.chat-window-user-info{display:flex;flex-direction:column}.chat-window-username{font-size:14px;font-weight:600;color:#fff}.chat-window-user-plan .badge{font-size:10px;padding:2px 8px}.chat-window-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:4px}.chat-loading,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff4d;text-align:center}.chat-empty-icon{font-size:40px;margin-bottom:12px}.chat-empty p{margin:0;font-size:14px}.chat-empty-sub{font-size:12px;margin-top:4px;color:#fff3}.chat-window-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-window-input input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:10px 16px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.chat-window-input input:focus{border-color:#7c3aed}.chat-window-input input::placeholder{color:#ffffff4d}.chat-window-input button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:24px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.chat-window-input button:hover:not(:disabled){opacity:.9}.chat-window-input button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.chat-window{border-radius:0}}.messages-page{padding-bottom:40px;height:calc(100vh - 140px);display:flex;flex-direction:column}.messages-layout{display:flex!important;flex:1!important;gap:0!important;overflow:hidden!important;margin-top:16px!important;border-radius:var(--radius-xl)!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;min-height:0!important;box-shadow:var(--shadow-md)!important}.messages-error{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;margin-top:10px!important;border:1px solid rgba(239,68,68,.22)!important;border-radius:var(--radius-md)!important;background:#ef44441a!important;color:#fca5a5!important;font-size:14px!important}.messages-sidebar{width:320px!important;flex-shrink:0!important;border-right:1px solid var(--glass-border)!important;overflow-y:auto!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.messages-chat{flex:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.messages-no-chat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;color:var(--text-secondary)!important;text-align:center!important;padding:60px 20px!important}.no-chat-icon{font-size:48px!important;margin-bottom:12px!important;opacity:.6!important;background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.messages-no-chat p{font-size:1rem!important;color:var(--text-secondary)!important;max-width:400px!important;margin:0 auto 16px!important;line-height:1.6!important}.messages-no-chat .btn{padding:12px 24px!important;font-size:.95rem!important;font-weight:600!important;background:var(--accent-purple)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important}.messages-no-chat .btn:hover{background:var(--accent-purple-light)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #8b5cf640!important}.messages-chat-header{padding:16px 20px!important;border-bottom:1px solid var(--glass-border)!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.messages-chat-header h3{font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important}.messages-chat-header p{font-size:.875rem!important;color:var(--text-secondary)!important;margin:4px 0 0!important}.messages-chat-header .status{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:.75rem!important;padding:2px 8px!important;border-radius:9999px!important;background:#22c55e1a!important;color:#4ade80!important}.messages-chat-header .status.offline{background:#ef44441a!important;color:#ef4444!important}.messages-list{flex:1!important;overflow-y:auto!important;padding:16px 20px!important;display:flex!important;flex-direction:column-reverse!important;gap:12px!important}.message-bubble{max-width:80%!important;padding:12px 16px!important;border-radius:var(--radius-lg)!important;word-wrap:break-word!important;position:relative!important;animation:fadeUp .3s ease!important}.message-bubble.sent{margin-left:auto!important;background:var(--accent-purple)!important;color:#fff!important}.message-bubble.received{margin-right:auto!important;background:#ffffff14!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important}.message-bubble .timestamp{font-size:.75rem!important;opacity:.7!important;margin-top:6px!important;display:block!important}.message-bubble.sent .timestamp{opacity:.9!important}.messages-input-area{display:flex!important;gap:8px!important;padding:12px 16px!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid var(--glass-border)!important}.messages-input{flex:1!important;min-height:48px!important;padding:12px 16px!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;background:var(--bg-input)!important;color:var(--text-primary)!important;font-size:.95rem!important;outline:none!important;transition:all .3s ease!important}.messages-input:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 0 3px #8b5cf626!important;background:#0a0a12d9!important}.messages-input::placeholder{color:var(--text-muted)!important}.messages-send-btn{width:48px!important;height:48px!important;border-radius:50%!important;background:var(--accent-purple)!important;color:#fff!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #8b5cf640!important}.messages-send-btn:hover{background:var(--accent-purple-light)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #8b5cf64d!important}.messages-send-btn:active{transform:scale(.95)!important}.messages-sidebar-header{padding:16px 20px!important;border-bottom:1px solid var(--glass-border)!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.messages-sidebar-header h3{font-size:1.1rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important}.messages-sidebar-header p{font-size:.875rem!important;color:var(--text-secondary)!important;margin:4px 0 0!important}.messages-search{padding:12px 20px!important;border-bottom:1px solid var(--glass-border)!important;background:var(--bg-card)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.messages-search input{width:100%!important;padding:10px 14px!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;background:var(--bg-input)!important;color:var(--text-primary)!important;font-size:.9rem!important;outline:none!important;transition:all .3s ease!important}.messages-search input:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 0 3px #8b5cf626!important;background:#0a0a12d9!important}.messages-search input::placeholder{color:var(--text-muted)!important}.messages-chat-list{flex:1!important;overflow-y:auto!important;padding:16px 20px!important}.chat-item{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-radius:var(--radius-lg)!important;cursor:pointer!important;transition:all .3s ease!important;border:1px solid transparent!important;background:var(--bg-card)!important}.chat-item:hover{background:#8b5cf614!important;border-color:#8b5cf633!important;transform:translate(4px)!important}.chat-item.active{background:linear-gradient(90deg,#8b5cf626,#3b82f60d)!important;border-left:3px solid var(--accent-purple)!important}.chat-item-avatar{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid var(--glass-border)!important}.chat-item-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}.chat-item-name{font-size:.95rem!important;font-weight:600!important;color:var(--text-primary)!important}.chat-item-preview{font-size:.8rem!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:200px!important}.chat-item-time{font-size:.75rem!important;color:var(--text-muted)!important}@media (max-width: 768px){.messages-page{height:auto!important;min-height:calc(100vh - 120px)!important}.messages-layout{flex-direction:column!important;border-radius:var(--radius-lg)!important}.messages-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--glass-border)!important}.messages-chat{width:100%!important;min-height:620px!important}.mobile-hidden{display:none!important}.messages-error{align-items:stretch!important;flex-direction:column!important}}.messages-page>.page-header{flex-shrink:0}.messages-layout{display:flex;flex:1;gap:0;overflow:hidden;margin-top:16px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);min-height:0}.messages-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-top:10px;border:1px solid rgba(239,68,68,.22);border-radius:10px;background:#ef44441a;color:#fca5a5;font-size:14px}.messages-sidebar{width:320px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto}.messages-chat{flex:1;overflow:hidden;display:flex;flex-direction:column}.messages-no-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ffffff4d}.no-chat-icon{font-size:48px;margin-bottom:12px}.messages-no-chat p{font-size:15px}@media (max-width: 768px){.messages-page{height:auto;min-height:calc(100vh - 120px)}.messages-layout{flex-direction:column;border-radius:12px}.messages-sidebar{width:100%;border-right:none}.messages-chat{width:100%;min-height:620px}.mobile-hidden{display:none}.messages-error{align-items:stretch;flex-direction:column}}.notifications-page{padding-bottom:40px}.notifications-controls{margin-bottom:16px}.notifications-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;border:1px solid rgba(239,68,68,.22);border-radius:10px;background:#ef44441a;color:#fca5a5;font-size:14px}.notifications-loading{text-align:center;padding:60px;color:#fff6}.notifications-empty{text-align:center;padding:60px 20px;color:#fff6}.notifications-empty .empty-icon{font-size:48px;margin-bottom:12px}.notifications-empty p{font-size:15px;margin-bottom:4px}.notifications-empty span{color:#ffffff47;font-size:13px}.notifications-list{display:flex;flex-direction:column;gap:2px}.notifications-list .notification-item{width:100%;border:0;color:inherit;text-align:left;display:flex;align-items:center;gap:14px;padding:14px 18px;background:#ffffff08;border-radius:12px;cursor:pointer;transition:background .2s}.notifications-list .notification-item:hover,.notifications-list .notification-item:focus-visible{background:#ffffff0f;outline:none}.notifications-list .notification-item.unread{background:#7c3aed0f}.notification-item-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.notification-item-avatar img{width:100%;height:100%;object-fit:cover}.notif-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600}.notification-item-body{flex:1;min-width:0}.notification-item-text{font-size:14px;color:#fffc;line-height:1.4}.notification-item-date{font-size:12px;color:#ffffff4d;margin-top:4px}.notification-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;flex-shrink:0}.files-page{padding:24px;max-width:1200px;margin:0 auto}.files-error{background:#2d1b1b;color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #4a1c1c}.files-upload-progress{background:#1a1a2e;padding:12px 16px;border-radius:8px;margin-bottom:16px;color:#d9d9e3}.files-storage-bar{display:flex;align-items:center;gap:12px;background:#12121c;padding:8px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #2c2448}.storage-used{color:#b8b8c7;font-size:13px;white-space:nowrap}.progress-bar{flex:1;height:6px;background:#2c2448;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6d28d9);border-radius:3px;transition:width .3s}.files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.files-toolbar-left,.files-toolbar-right{display:flex;align-items:center;gap:8px}.files-search-input{background:#1a1a2e;border:1px solid #2c2448;border-radius:8px;padding:8px 12px;color:#f7f7fb;font-size:14px;width:200px}.files-search-input::placeholder{color:#6b6b80}.files-new-folder{display:flex;gap:8px;align-items:center;margin-bottom:16px;padding:12px;background:#1a1a2e;border-radius:8px}.files-new-folder input{flex:1;background:#12121c;border:1px solid #2c2448;border-radius:6px;padding:8px 12px;color:#f7f7fb}.files-breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:16px;color:#b8b8c7;font-size:14px;flex-wrap:wrap}.breadcrumb-link{cursor:pointer;color:#8b5cf6;transition:color .2s}.breadcrumb-link:hover{color:#a78bfa}.breadcrumb-link.active{color:#f7f7fb;cursor:default}.breadcrumb-sep{color:#4a4a5a;margin:0 4px}.files-loading{text-align:center;padding:48px;color:#b8b8c7}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.files-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.file-item{background:#12121c;border:1px solid #2c2448;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;position:relative}.file-item:hover{border-color:#4a3a7a;background:#1a1a2e}.file-item.selected{border-color:#8b5cf6;background:#1e1a30}.files-list .file-item{display:flex;align-items:center;gap:12px;border-radius:6px;padding:8px 12px}.file-checkbox{flex-shrink:0}.file-checkbox input{accent-color:#8b5cf6;cursor:pointer}.file-icon{font-size:32px;text-align:center;margin-bottom:8px}.files-list .file-icon{font-size:20px;margin-bottom:0;width:32px;text-align:center}.file-info{flex:1;min-width:0}.file-name{color:#f7f7fb;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;gap:12px;color:#6b6b80;font-size:12px}.file-meta-grid{display:flex;gap:8px;color:#6b6b80;font-size:11px;justify-content:center;margin-top:4px}.file-status{font-size:11px;padding:2px 8px;border-radius:4px;text-align:center;margin-top:8px}.files-list .file-status{margin-top:0;flex-shrink:0}.status-original{color:#6b6b80;background:#1a1a2e}.status-queued{color:#fbbf24;background:#1e1a10}.status-processing{color:#60a5fa;background:#101e2e}.status-ready{color:#34d399;background:#0e1e18}.status-failed{color:#f87171;background:#1e1010}.folder-item{border-color:#2c4a3a;background:#0e1e18}.folder-item:hover{border-color:#34d399}.folder-item .file-icon{font-size:36px}.files-list .folder-item .file-icon{font-size:20px}.file-delete-btn{position:absolute;top:6px;right:6px;background:none;border:none;color:#6b6b80;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s;padding:4px}.file-item:hover .file-delete-btn{opacity:1}.file-delete-btn:hover{color:#f87171}.files-selection-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;border-top:1px solid #2c2448;padding:12px 24px;display:flex;align-items:center;gap:12px;z-index:100}.files-selection-bar span{color:#d9d9e3;margin-right:auto}.files-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.files-modal{background:#12121c;border:1px solid #2c2448;border-radius:12px;padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.files-modal h3{margin:0 0 4px;color:#f7f7fb;font-size:18px}.modal-subtitle{color:#6b6b80;font-size:13px;margin:0 0 16px}.modal-field{margin-bottom:14px}.modal-field label{display:block;color:#d9d9e3;font-size:13px;margin-bottom:4px}.modal-field input,.modal-field select,.modal-field textarea{width:100%;background:#1a1a2e;border:1px solid #2c2448;border-radius:6px;padding:8px 12px;color:#f7f7fb;font-size:14px;box-sizing:border-box}.modal-field textarea{resize:vertical}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{width:auto}.plan-lock{color:#fbbf24;font-size:11px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.magic-result{margin:16px 0}.magic-link-display{display:flex;gap:8px;align-items:center}.magic-link-display input{flex:1;background:#1a1a2e;border:1px solid #2c2448;border-radius:6px;padding:8px 12px;color:#8b5cf6;font-size:13px}.magic-email-sent{color:#34d399;font-size:13px;margin:8px 0}.magic-email-error{color:#f87171;font-size:13px;margin:8px 0}.magic-details{margin-top:12px;padding:12px;background:#1a1a2e;border-radius:8px}.magic-details p{margin:4px 0;color:#b8b8c7;font-size:13px}.da-page{min-height:100vh;padding:32px 48px;position:relative}.da-page .page-header{padding:48px 56px;margin-bottom:40px;border-radius:32px;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 64px #0006,inset 0 1px #fff3,0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.da-page .page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);filter:blur(80px);pointer-events:none;animation:archivesGlow 8s ease-in-out infinite}@keyframes archivesGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-20px,15px) scale(1.1);opacity:.7}}.da-page .page-header-eyebrow{display:inline-block;padding:8px 20px;background:#8b5cf633;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd;margin-bottom:16px}.da-page .page-header-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:.95;letter-spacing:-.04em;margin:0 0 12px;background:linear-gradient(135deg,#fff,#e0e7ff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.da-page .page-header-description{font-size:1.15rem;line-height:1.6;color:#ffffffb3;margin:0;max-width:600px}.da-layout{display:flex;gap:0;min-height:calc(100vh - 300px);border-radius:28px;overflow:hidden;background:#ffffff0a;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px #00000059}.da-sidebar{width:240px;min-width:240px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.08);padding:24px 16px;display:flex;flex-direction:column;gap:8px}.da-sidebar-nav{display:flex;flex-direction:column;gap:8px}.da-sidebar-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:100px;background:transparent;border:1px solid transparent;color:#fff9;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;position:relative}.da-sidebar-item:hover{background:#ffffff0f;color:#fffffff2;transform:translate(4px)}.da-sidebar-item.active{background:linear-gradient(135deg,#8b5cf640,#3b82f626);color:#fff;font-weight:600;border:1px solid rgba(139,92,246,.4);box-shadow:0 8px 24px #8b5cf64d,inset 0 1px #ffffff26}.da-sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:0 4px 4px 0;box-shadow:0 0 12px #8b5cf699}.da-sidebar-icon{width:24px;text-align:center;font-size:1.2rem;flex-shrink:0}.da-sidebar-label{flex:1}.da-sidebar-count{padding:4px 12px;background:#ffffff14;border-radius:100px;font-size:.75rem;font-weight:700;color:#ffffffb3}.da-sidebar-divider{height:1px;background:#ffffff14;margin:16px 8px}.da-main{flex:1;display:flex;flex-direction:column;min-width:0}.da-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.da-toolbar-left{display:flex;align-items:center;gap:12px;flex:1}.da-toolbar-right{display:flex;align-items:center;gap:12px}.da-search{flex:1;max-width:400px;padding:12px 20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.da-search:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf626;outline:none}.da-search::placeholder{color:#fff6}.da-select{padding:12px 40px 12px 20px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.da-select:focus{border-color:#8b5cf680;box-shadow:0 0 0 4px #8b5cf626;outline:none}.da-select option{background:#1a1a2e;color:#fff}.da-chip{padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#ffffffb3;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.da-chip:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.da-chip.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:transparent;box-shadow:0 8px 24px #8b5cf666,inset 0 1px #ffffff4d}.da-view-toggle{display:flex;gap:4px;padding:4px;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:100px}.da-view-btn{padding:10px 16px;background:transparent;border:none;border-radius:100px;color:#fff9;font-size:1.1rem;cursor:pointer;transition:all .3s}.da-view-btn:hover{background:#ffffff14;color:#fff}.da-view-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 16px #8b5cf666,inset 0 1px #ffffff4d}.da-actions{display:flex;align-items:center;gap:12px;padding:20px 28px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.da-actions .btn{padding:12px 24px;border-radius:100px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.da-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;box-shadow:0 8px 24px #8b5cf666}.da-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.da-actions .btn-gold{background:linear-gradient(135deg,#facc15,#eab308);border:none;color:#1a1a2e;box-shadow:0 8px 24px #facc1566}.da-actions .btn-secondary{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.da-actions .btn-secondary:hover{background:#ffffff1f;border-color:#8b5cf666;transform:translateY(-2px)}.da-content{flex:1;overflow-y:auto;padding:32px}.da-content-with-preview{padding-right:16px}.da-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.da-card{border-radius:28px;background:#ffffff0f;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #0000004d;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.da-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(139,92,246,.15) 0%,transparent 60%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:1}.da-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 80px #00000073,0 0 0 1px #8b5cf64d}.da-card:hover:before{opacity:1}.da-card.selected{border-color:#8b5cf699;background:#8b5cf61f;box-shadow:0 0 0 3px #8b5cf64d,0 24px 64px #8b5cf640}.da-card-artwork{position:relative;height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.da-card-artwork:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.da-card-icon{font-size:5rem;opacity:.7;filter:drop-shadow(0 8px 24px rgba(139,92,246,.4));z-index:2}.da-card-cover{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.da-card-badge{position:absolute;top:16px;right:16px;padding:8px 16px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3}.da-badge-published,.da-badge-active,.da-badge-available{background:#22c55e4d;color:#86efac;border:1px solid rgba(34,197,94,.4);box-shadow:0 4px 16px #22c55e4d}.da-badge-draft{background:#facc154d;color:#fde047;border:1px solid rgba(250,204,21,.4);box-shadow:0 4px 16px #facc154d}.da-badge-sold{background:#ec48994d;color:#f9a8d4;border:1px solid rgba(236,72,153,.4);box-shadow:0 4px 16px #ec48994d}.da-badge-revoked,.da-badge-expired{background:#ffffff26;color:#fff9;border:1px solid rgba(255,255,255,.2)}.da-badge-default{background:#ffffff26;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.da-card-body{padding:24px;position:relative;z-index:2}.da-card-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:8px}.da-card-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.da-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.da-tag{padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.da-tag-bpm{background:#8b5cf633;color:#c4b5fd;border-color:#8b5cf64d}.da-tag-key{background:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.da-card-price{font-size:1.5rem;font-weight:800;color:#fde047;margin-bottom:8px;text-shadow:0 0 16px rgba(250,204,21,.4)}.da-card-date{font-size:.85rem;color:#ffffff80}.da-list{border-radius:20px;background:#ffffff0a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);overflow:hidden}.da-list-header{display:flex;align-items:center;padding:16px 24px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.da-list-row{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.95rem}.da-list-row:last-child{border-bottom:none}.da-list-row:hover{background:#8b5cf614;transform:translate(4px)}.da-list-row.selected{background:#8b5cf61f;border-left:4px solid #8b5cf6}.da-list-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-list-col-icon{width:48px;text-align:center}.da-list-col-title{flex:3;min-width:0;font-weight:600}.da-list-col-type{flex:1;color:#fff9}.da-list-col-status{flex:1}.da-list-col-meta{flex:1.5;display:flex;gap:8px}.da-list-col-price{width:80px;text-align:right;font-weight:700;color:#fde047}.da-list-col-date{width:120px;text-align:right;color:#ffffff80}.da-row-icon{font-size:1.5rem}.da-row-title{color:#fff}.da-row-type{font-size:.85rem}.da-row-meta{font-size:.85rem;color:#fff9}.da-badge-sm{padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.da-flow-view{display:flex;flex-direction:column;align-items:center;min-height:500px;justify-content:center;padding:48px 24px}.da-flow-carousel{display:flex;align-items:center;gap:40px;width:100%;justify-content:center}.da-flow-nav{width:64px;height:64px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:2rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d}.da-flow-nav:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#6366f1);transform:scale(1.1);box-shadow:0 16px 40px #8b5cf680}.da-flow-nav:disabled{opacity:.3;cursor:default}.da-flow-center{display:flex;flex-direction:column;align-items:center;gap:24px;cursor:pointer;min-width:360px}.da-flow-artwork{width:280px;height:280px;border-radius:32px;background:linear-gradient(135deg,#8b5cf633,#3b82f626);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #0006}.da-flow-artwork:hover{transform:scale(1.05);border-color:#8b5cf680;box-shadow:0 32px 80px #8b5cf64d}.da-flow-icon{font-size:8rem;opacity:.7;filter:drop-shadow(0 12px 32px rgba(139,92,246,.5))}.da-flow-info{text-align:center}.da-flow-type{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:8px}.da-flow-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.da-flow-meta{font-size:1.1rem;color:#ffffffb3;margin-bottom:16px}.da-flow-price{font-size:2rem;font-weight:800;color:#fde047;text-shadow:0 0 20px rgba(250,204,21,.5)}.da-flow-dots{display:flex;gap:12px;margin-top:40px}.da-flow-dot{width:12px;height:12px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.da-flow-dot.active{width:40px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 16px #8b5cf680}.da-flow-dot:hover{background:#8b5cf680;transform:scale(1.2)}.da-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px;padding:24px 0}.da-page-info{font-size:1rem;color:#fff9}.da-preview{width:360px;min-width:360px;background:#ffffff0a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:1px solid rgba(255,255,255,.08);padding:32px;display:flex;flex-direction:column;gap:24px;border-radius:0 28px 28px 0}.da-preview-header{display:flex;align-items:center;justify-content:space-between}.da-preview-header h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.da-preview-artwork{width:100%;aspect-ratio:1;border-radius:24px;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #0000004d}.da-preview-icon{font-size:6rem;opacity:.6;filter:drop-shadow(0 8px 24px rgba(139,92,246,.4))}.da-preview-cover{width:100%;height:100%;object-fit:cover;border-radius:24px}.da-preview-info{text-align:center}.da-preview-type{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin-bottom:8px}.da-preview-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 12px}.da-preview-details{display:flex;flex-direction:column;gap:12px}.da-preview-detail{display:flex;justify-content:space-between;font-size:.95rem;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.da-preview-detail span:first-child{color:#fff9}.da-preview-detail span:last-child{color:#fff;font-weight:600}.da-preview-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.da-preview-btn{width:100%;padding:14px 28px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:100px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #8b5cf666}.da-preview-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.da-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:64px 48px;border-radius:28px;background:#ffffff0a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.da-empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(139,92,246,.12) 0%,transparent 60%);pointer-events:none}.da-empty-icon{font-size:6rem;margin-bottom:24px;opacity:.6;filter:drop-shadow(0 12px 32px rgba(139,92,246,.4))}.da-empty h3{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 12px}.da-empty p{font-size:1.1rem;color:#fff9;max-width:400px;margin:0}.da-loading,.da-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem;color:#fff9}.da-error{color:#f87171}@media (max-width: 1200px){.da-page{padding:24px 32px}.da-sidebar{width:200px;min-width:200px}}@media (max-width: 900px){.da-sidebar{width:72px;min-width:72px;padding:16px 8px}.da-sidebar-label,.da-sidebar-count{display:none}.da-sidebar-item{justify-content:center;padding:14px}.da-preview{display:none}.da-content-with-preview{padding-right:32px}}@media (max-width: 768px){.da-page{padding:20px 24px}.da-page .page-header{padding:40px 32px}.da-toolbar{flex-direction:column;align-items:stretch}.da-toolbar-left,.da-toolbar-right{flex-wrap:wrap}.da-search{max-width:100%}.da-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.da-list-col-type,.da-list-col-date,.da-list-col-price{display:none}}@media (max-width: 480px){.da-grid{grid-template-columns:1fr}}.magic-link-page{min-height:100vh;background:#09090f;color:#f7f7fb;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.magic-loading{padding:80px 0;color:#6b6b80;font-size:16px}.magic-expired{text-align:center;padding:80px 20px;max-width:400px}.magic-expired-icon{font-size:48px;margin-bottom:16px}.magic-expired h2{color:#f7f7fb;margin:0 0 8px}.magic-expired p{color:#b8b8c7;margin:0}.magic-expired-sub{margin-top:12px!important;font-size:13px;color:#6b6b80!important}.magic-password-gate{text-align:center;padding:60px 20px;max-width:400px;width:100%}.magic-lock-icon{font-size:48px;margin-bottom:12px}.magic-password-gate h2{color:#f7f7fb;margin:0 0 8px}.magic-password-gate p{color:#b8b8c7;margin:0 0 20px}.password-input-group{display:flex;gap:8px;max-width:320px;margin:0 auto}.password-input-group input{flex:1;background:#1a1a2e;border:1px solid #2c2448;border-radius:8px;padding:10px 14px;color:#f7f7fb;font-size:15px}.password-input-group input:focus{border-color:#8b5cf6;outline:none}.btn-unlock{background:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:15px;cursor:pointer;font-weight:600;transition:background .2s}.btn-unlock:hover{background:#7c3aed}.magic-error-msg{color:#f87171!important;margin-top:12px!important;font-size:14px}.magic-header{text-align:center;max-width:600px;margin-bottom:32px}.magic-brand{color:#8b5cf6;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.magic-title{font-size:28px;margin:0 0 8px;color:#f7f7fb}.magic-note{background:#1a1a2e;border-left:3px solid #8b5cf6;padding:12px 16px;border-radius:4px;color:#d9d9e3;font-style:italic;margin:12px 0;font-size:14px}.magic-recipient{color:#6b6b80;font-size:14px;margin:8px 0 0}.magic-select-prompt{color:#6b6b80;text-align:center}.magic-player-section{width:100%;max-width:640px;background:#12121c;border:1px solid #2c2448;border-radius:12px;padding:20px;margin-bottom:20px}.magic-current-file{display:flex;align-items:center;gap:12px;margin-bottom:16px}.magic-current-icon{font-size:36px}.magic-current-name{font-weight:600;color:#f7f7fb;font-size:15px}.magic-current-meta{color:#6b6b80;font-size:12px;margin-top:2px}.magic-player-controls{margin-bottom:8px}.magic-waveform{height:48px;background:#1a1a2e;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;margin-bottom:12px}.magic-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#6d28d9);border-radius:8px;transition:width .1s}.magic-controls-row{display:flex;align-items:center;gap:12px}.magic-play-btn{width:40px;height:40px;border-radius:50%;border:none;background:#8b5cf6;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.magic-play-btn:hover{background:#7c3aed}.magic-time{color:#b8b8c7;font-size:13px;font-family:monospace}.magic-volume{display:flex;align-items:center;gap:6px;margin-left:auto}.magic-volume span{font-size:14px}.magic-volume input[type=range]{width:80px;accent-color:#8b5cf6}.magic-download-link{display:inline-block;background:#065f46;color:#34d399;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;margin-top:12px;transition:background .2s}.magic-download-link:hover{background:#047857}.magic-file-list{width:100%;max-width:640px;background:#12121c;border:1px solid #2c2448;border-radius:12px;padding:20px;margin-bottom:20px}.magic-file-list h3{margin:0 0 12px;font-size:15px;color:#d9d9e3}.magic-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.magic-file-item:hover{background:#1a1a2e}.magic-file-item.active{background:#1e1a30;border:1px solid #8b5cf6}.magic-file-num{color:#6b6b80;font-size:12px;width:20px;text-align:center}.magic-file-icon{font-size:18px}.magic-file-name{flex:1;color:#f7f7fb;font-size:14px}.magic-file-info{color:#6b6b80;font-size:12px}.magic-metadata{width:100%;max-width:640px;background:#12121c;border:1px solid #2c2448;border-radius:12px;padding:20px;margin-bottom:20px}.magic-metadata h3{margin:0 0 12px;font-size:15px;color:#d9d9e3}.magic-metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.magic-metadata-grid div{display:flex;justify-content:space-between;padding:6px 10px;background:#1a1a2e;border-radius:6px;font-size:13px}.magic-metadata-grid span:first-child{color:#6b6b80}.magic-metadata-grid span:last-child{color:#d9d9e3;font-weight:500}.magic-comments{width:100%;max-width:640px;background:#12121c;border:1px solid #2c2448;border-radius:12px;padding:20px;margin-bottom:20px}.magic-comments h3{margin:0 0 12px;font-size:15px;color:#d9d9e3}.magic-comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.magic-comment-form input,.magic-comment-form textarea{width:100%;background:#1a1a2e;border:1px solid #2c2448;border-radius:6px;padding:8px 12px;color:#f7f7fb;font-size:14px;box-sizing:border-box}.magic-comment-form textarea{resize:vertical}.magic-comment-form button{align-self:flex-end}.magic-comment{padding:10px;background:#1a1a2e;border-radius:8px;margin-bottom:8px}.magic-comment strong{color:#f7f7fb;font-size:13px}.magic-comment p{color:#d9d9e3;margin:4px 0;font-size:14px}.magic-comment-date{color:#6b6b80;font-size:11px}.magic-no-comments{color:#6b6b80;text-align:center;font-size:13px}.magic-footer{margin-top:auto;padding:24px;text-align:center;color:#4a4a5a;font-size:12px}.magic-footer strong{color:#6b6b80}.global-audio-player{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:90%;max-width:800px;background:#14141cbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:12px 24px;z-index:9999;box-shadow:0 10px 40px #00000080,0 0 20px #a855f726;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translate(-50%,150%);opacity:0}to{transform:translate(-50%);opacity:1}}.player-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.player-track-info{display:flex;align-items:center;gap:12px;width:25%;min-width:150px}.player-cover{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0000004d}.player-cover-placeholder{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#a855f7,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 10px #a855f74d}.player-details{display:flex;flex-direction:column;overflow:hidden}.player-title{margin:0;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{margin:2px 0 0;font-size:12px;color:#a0a0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{display:flex;flex-direction:column;align-items:center;flex:1;max-width:500px}.player-controls{display:flex;align-items:center;gap:16px;margin-bottom:8px}.player-btn{background:none;border:none;color:#a0a0b0;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.player-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.player-play-btn{background:#fff;color:#000;width:40px;height:40px}.player-play-btn:hover{background:#f0f0f0;color:#000;transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.player-progress-container{display:flex;align-items:center;gap:12px;width:100%}.player-time{font-size:11px;color:#888;font-variant-numeric:tabular-nums;min-width:40px}.player-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.player-progress-bar:hover .player-progress-fill{background:#a855f7}.player-progress-fill{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:4px;transition:width .1s linear,background .2s ease}.player-right{display:flex;align-items:center;gap:16px;width:25%;justify-content:flex-end}.player-volume-container{display:flex;align-items:center;gap:8px;position:relative}.player-volume-bar-wrapper{width:80px;display:flex;align-items:center;opacity:.5;transition:opacity .2s ease}.player-volume-bar-wrapper.visible{opacity:1}.player-volume-bar{width:100%;height:6px;background:#ffffff1a;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}.player-volume-fill{position:absolute;top:0;left:0;height:100%;background:#a855f7;border-radius:4px}.player-close-btn{color:#666;padding:4px}.player-close-btn:hover{color:#f44;background:#ff44441a}.has-error{border-color:#f446}.player-error-banner{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#ff4444e6;color:#fff;padding:6px 16px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #ff44444d;animation:slideDown .3s ease}.player-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.global-audio-player{bottom:16px;width:calc(100% - 32px);padding:12px 16px;border-radius:20px}.player-right{display:none}.player-track-info{width:auto;flex:1}.player-center{flex:none;max-width:none}.player-progress-container{display:none}.player-controls{margin:0}}:root{--brand-purple: #8b5cf6;--brand-blue: #3b82f6;--brand-cyan: #22d3ee;--brand-gold: #facc15;--brand-magenta: #f43f9e;--glass-bg: rgba(12, 12, 22, .68);--glass-border: rgba(255, 255, 255, .08);--glow-purple: 0 0 28px rgba(139, 92, 246, .18);--text-soft: #d8d6e6;--bg-primary: #05050a;--bg-secondary: #080812;--bg-card: rgba(11, 11, 22, .65);--bg-card-hover: rgba(16, 16, 28, .75);--bg-input: rgba(10, 10, 18, .6);--bg-glass: var(--glass-bg);--bg-glass-hover: rgba(16, 16, 28, .75);--bg-surface: rgba(10, 10, 18, .62);--bg-surface-dark: rgba(5, 5, 10, .84);--bg-surface-light: rgba(255, 255, 255, .045);--border-color: var(--glass-border);--border: var(--glass-border);--border-glow: rgba(139, 92, 246, .2);--border-glow-strong: rgba(139, 92, 246, .45);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #71717a;--text-accent: #c084fc;--accent-purple: var(--brand-purple);--accent-purple-light: #a78bfa;--accent-blue: var(--brand-blue);--accent-blue-light: #7dd3fc;--accent-cyan: var(--brand-cyan);--accent-cyan-light: #67e8f9;--accent-gold: var(--brand-gold);--accent-gold-light: #fde047;--accent-pink: #f43f5e;--accent-magenta: var(--brand-magenta);--primary-color: var(--brand-purple);--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-gold: linear-gradient(135deg, #facc15 0%, #fde047 100%);--gradient-dark: linear-gradient(180deg, #05050a 0%, #080812 100%);--gradient-card: linear-gradient(145deg, rgba(13, 13, 23, .65) 0%, rgba(11, 11, 22, .8) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .8);--shadow-glow: var(--glow-purple);--shadow-gold: 0 0 25px rgba(245, 197, 66, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--font-sans: "Outfit", "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .25s cubic-bezier(.16, 1, .3, 1);--brand-grid-image: none;--brand-noise-image: none;--brand-global-bg: radial-gradient(ellipse at 18% 0%, rgba(139, 92, 246, .075) 0, transparent 42%), radial-gradient(ellipse at 88% 4%, rgba(56, 189, 248, .055) 0, transparent 44%), radial-gradient(ellipse at 52% 104%, rgba(244, 63, 158, .035) 0, transparent 46%), linear-gradient(180deg, #05050a 0%, #06060d 48%, #030306 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:var(--brand-global-bg),var(--brand-grid-image);background-position:center,center top;background-repeat:no-repeat,repeat;background-size:cover,min(1600px,100vw) auto;background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.38),transparent 74%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.38),transparent 74%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.08;background-image:var(--brand-noise-image),repeating-radial-gradient(circle at 17% 22%,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);mix-blend-mode:screen}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.use-dark-audio-grid{--brand-grid-image: none}.use-noise-grain{--brand-noise-image: var(--noise-grain-image, none)}a{color:var(--accent-purple-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-blue-light)}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none;transition:var(--transition)}input,select,textarea{font-family:var(--font-sans);outline:none;transition:var(--transition)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:9999px;border:2px solid var(--bg-primary);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:#8b5cf673}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s;pointer-events:none}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0%,#6d28d9 100%);color:#fff;box-shadow:0 4px 14px #8b5cf659,inset 0 1px #ffffff40;border:1px solid rgba(139,92,246,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680,inset 0 1px #fff6;filter:brightness(1.15)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d,inset 0 1px #fff3}.btn-secondary{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff14;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf61a}.btn-secondary:active{transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,var(--accent-gold) 0%,#d97706 100%);color:#05050a;font-weight:600;box-shadow:0 4px 14px #f5c54240,inset 0 1px #ffffff4d;border:1px solid rgba(245,197,66,.2)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f5c54266,inset 0 1px #fff6;filter:brightness(1.1)}.btn-danger{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;box-shadow:0 4px 14px #e11d4833;border:1px solid rgba(225,29,72,.1)}.btn-danger:hover{box-shadow:0 6px 20px #e11d4859;transform:translateY(-1px);filter:brightness(1.1)}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.input,.select,.textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input:hover,.select:hover,.textarea:hover{border-color:#ffffff26;background:#0f0f1c99}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf626;background:#0a0a12d9}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.select{-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 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:all .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{transform:translateY(-3px);border-color:#8b5cf666;box-shadow:0 16px 48px #8b5cf61f,0 0 0 1px #8b5cf633}.card:hover:before{opacity:1}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.premium-page-shell{position:relative;isolation:isolate;min-height:100%}.premium-page-shell:before{content:"";position:absolute;inset:-32px -24px auto;height:300px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 0%,rgba(139,92,246,.08),transparent 42%),radial-gradient(ellipse at 78% 4%,rgba(56,189,248,.06),transparent 42%);opacity:.75}.module-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;min-height:220px;margin-bottom:32px;padding:34px;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,#ffffff0b,#ffffff03),radial-gradient(circle at 18% 10%,rgba(139,92,246,.18),transparent 44%),#05050ab8;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0f;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.module-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.55),rgba(56,189,248,.36),transparent);pointer-events:none}.module-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--module-hero-bg-image, none);background-position:center;background-size:cover;opacity:var(--module-hero-bg-opacity, .32);pointer-events:none}.module-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05050aeb,#05050a94,#05050adb),radial-gradient(circle at 82% 34%,rgba(56,189,248,.14),transparent 42%)}.module-hero-content{position:relative;z-index:1;max-width:740px}.module-hero-decor{position:relative;z-index:1;width:min(30vw,260px);max-height:260px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(139,92,246,.24))}.module-hero-decor:empty{display:none}.brand-title-image{display:block;width:min(100%,var(--brand-title-width, 720px));max-height:var(--brand-title-max-height, 150px);object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 32px rgba(139,92,246,.22))}.brand-title-image[hidden],.brand-title-image:not([src]),.brand-title-image[src=""]{display:none}.brand-title-fallback{display:inline-block;color:var(--text-primary);font-family:var(--font-sans);font-size:clamp(2rem,5vw,4.2rem);font-weight:800;line-height:.95;letter-spacing:0;text-transform:uppercase;background:linear-gradient(135deg,#ffffff 0%,#d8d6e6 32%,var(--brand-purple) 58%,var(--brand-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 34px rgba(139,92,246,.14)}.brand-title-image.is-loaded+.brand-title-fallback,.brand-title-fallback.is-hidden{display:none}.module-hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--brand-blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.module-hero-kicker:before{content:"";width:26px;height:1px;background:currentColor;opacity:.58}.module-hero-copy{max-width:620px;margin-top:14px;color:var(--text-soft);font-size:.98rem}.page-container{max-width:1280px;margin:0 auto;padding:32px 24px;width:100%;animation:fadeUp .4s cubic-bezier(.16,1,.3,1)}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.2px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;gap:6px;border:1px solid rgba(255,255,255,.03)}.badge-purple{background:#8b5cf61f;color:var(--accent-purple-light);border-color:#8b5cf626}.badge-blue{background:#38bdf81f;color:var(--accent-blue-light);border-color:#38bdf826}.badge-green{background:#22c55e1f;color:#4ade80;border-color:#22c55e26}.badge-gold{background:#f5c5421f;color:var(--accent-gold);border-color:#f5c54226}.badge-gray{background:#a1a1aa1a;color:var(--text-secondary);border-color:#a1a1aa1f}.badge-pink{background:#f43f5e1f;color:#fda4af;border-color:#f43f5e26}.loading{display:flex;align-items:center;justify-content:center;padding:80px;color:var(--text-muted)}.loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.05);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#f43f5e14;border:1px solid rgba(244,63,94,.25);color:#fca5a5;padding:14px 18px;border-radius:var(--radius-md);font-size:.88rem;margin-bottom:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-message{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#4ade80;padding:14px 18px;border-radius:var(--radius-md);font-size:.88rem;margin-bottom:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.modal{background:#07070d;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #000000e6,0 0 1px 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.modal-title{font-size:1.45rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.3px}.modal-subtitle{color:var(--text-secondary);font-size:.92rem;margin-bottom:28px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.88rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important}.btn-primary:disabled{background:var(--text-muted)}.btn-gold:disabled{background:var(--text-muted)}audio{width:100%;border-radius:var(--radius-md);background:#0a0a12cc;border:1px solid var(--border-color)}audio::-webkit-media-controls-panel{background:var(--bg-card)}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:var(--text-primary)}.empty-state{text-align:center;padding:80px 24px;color:var(--text-secondary);animation:fadeUp .5s cubic-bezier(.16,1,.3,1);background:#0a0a124d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.08),transparent 60%);pointer-events:none}.empty-state-icon{font-size:3.5rem;margin-bottom:20px;opacity:.65;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-title{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.2px}.empty-state-text{font-size:.95rem;max-width:440px;margin:0 auto 28px;line-height:1.6;color:var(--text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{padding:24px 16px}.page-title{font-size:1.6rem}.premium-page-shell:before{inset:-24px -16px auto;height:300px}.module-hero{grid-template-columns:1fr;min-height:0;padding:24px;border-radius:var(--radius-lg)}.module-hero-decor{width:min(56vw,220px);justify-self:center;order:-1;opacity:.9}.brand-title-image{max-height:112px}.brand-title-fallback{font-size:clamp(1.85rem,12vw,3.2rem)}.grid-2,.grid-3,.grid-4,.form-row{grid-template-columns:1fr}.modal{padding:28px}.beats-filters{flex-direction:column}.beats-filters .select{width:100%}}