@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";.NewConnectionCelebration-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-md, 16px);overflow:hidden}.NewConnectionCelebration-confetti{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti-piece{position:absolute;width:12px;height:12px;border-radius:2px;will-change:transform,opacity}.NewConnectionCelebration-card{position:relative;z-index:2;background:linear-gradient(135deg,#1a1a1c,#2a2a2c);border:2px solid var(--primary, #17d2c2);border-radius:24px;padding:48px 32px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 100px #17d2c24d}.NewConnectionCelebration-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.NewConnectionCelebration-close:hover{background:#fff3;transform:scale(1.1)}.NewConnectionCelebration-icon{width:96px;height:96px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary, #17d2c2) 0%,#47e0d2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #17d2c266}.NewConnectionCelebration-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}.NewConnectionCelebration-count{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;padding:24px;background:#17d2c21a;border:2px solid rgba(23,210,194,.3);border-radius:16px}.count-number{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--primary, #17d2c2) 0%,#47e0d2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.count-label{font-size:18px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.NewConnectionCelebration-names{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;max-height:200px;overflow-y:auto;padding:0 8px}.connection-name{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;font-weight:500;transition:all .2s ease}.connection-name:hover{background:#ffffff14;border-color:var(--primary, #17d2c2)}.connection-heart{color:#ff6b9d;flex-shrink:0}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--primary, #17d2c2);border-radius:50%;color:#fff;font-size:12px;font-weight:700;margin-left:auto}.connection-more{color:#ffffff80;font-size:14px;font-style:italic;padding:8px 0}.NewConnectionCelebration-cta{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--primary, #17d2c2) 0%,#47e0d2 100%);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #17d2c266}.NewConnectionCelebration-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17d2c299}.NewConnectionCelebration-cta:active{transform:translateY(0)}@media (max-width: 768px){.NewConnectionCelebration-card{padding:32px 24px;border-radius:20px}.NewConnectionCelebration-title{font-size:24px;margin-bottom:16px}.NewConnectionCelebration-icon{width:80px;height:80px;margin-bottom:16px}.NewConnectionCelebration-icon svg{width:40px;height:40px}.count-number{font-size:48px}.count-label{font-size:14px}.NewConnectionCelebration-count{padding:16px;margin-bottom:24px}.connection-name{font-size:14px;padding:10px 12px}.NewConnectionCelebration-cta{font-size:16px;padding:14px 24px}}.NewConnectionCelebration-names::-webkit-scrollbar{width:6px}.NewConnectionCelebration-names::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.NewConnectionCelebration-names::-webkit-scrollbar-thumb{background:var(--primary, #17d2c2);border-radius:3px}.NewConnectionCelebration-names::-webkit-scrollbar-thumb:hover{background:#47e0d2}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1.5}.btn:disabled,.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-small{padding:6px 16px;font-size:.875rem}.btn-medium{padding:10px 24px;font-size:1rem}.btn-large{padding:14px 32px;font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,#ff006e,#ff4b8c);color:#fff;box-shadow:0 4px 12px #ff006e4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff006e66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.btn-outlined{background:transparent;color:#ff006e;border:2px solid #ff006e}.btn-outlined:hover:not(:disabled){background:#ff006e;color:#fff;transform:translateY(-1px)}.btn-text{background:transparent;color:#ff006e;border:none;box-shadow:none}.btn-text:hover:not(:disabled){background:#ff006e1a}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(10px);transition:all .3s ease}.card-elevated{box-shadow:0 8px 32px #0000004d}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#ff006e4d}.card-content{padding:24px}.typography{margin:0;color:inherit}.typography-h1{font-size:3.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.typography-h2{font-size:2.75rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.typography-h3{font-size:2.25rem;font-weight:600;line-height:1.3}.typography-h4{font-size:1.875rem;font-weight:600;line-height:1.4}.typography-h5{font-size:1.5rem;font-weight:600;line-height:1.4}.typography-h6{font-size:1.25rem;font-weight:600;line-height:1.4}.typography-subtitle1{font-size:1.125rem;font-weight:500;line-height:1.5}.typography-subtitle2{font-size:1rem;font-weight:500;line-height:1.5}.typography-body1{font-size:1rem;font-weight:400;line-height:1.6}.typography-body2{font-size:.875rem;font-weight:400;line-height:1.6}.typography-caption{font-size:.75rem;font-weight:400;line-height:1.5;opacity:.7}.typography-button{font-size:.875rem;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.02em}.typography-overline{font-size:.75rem;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}.typography-gutterBottom{margin-bottom:1rem}.text-primary{color:#ff006e}.text-secondary{color:#ffffffb3}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle}.chip{display:inline-flex;align-items:center;padding:0 12px;height:32px;border-radius:16px;font-size:.875rem;font-weight:500;transition:all .2s ease}.chip-small{height:24px;padding:0 8px;font-size:.75rem}.chip-medium{height:32px}.chip-filled{background:#ff006e33;color:#ff006e}.chip-outlined{background:transparent;border:1px solid rgba(255,0,110,.5);color:#ff006e}.chip-clickable{cursor:pointer}.chip-clickable:hover{background:#ff006e4d}.linear-progress{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.linear-progress-bar{height:100%;background:linear-gradient(135deg,#ff006e,#ff4b8c);transition:width .3s ease}.linear-progress-indeterminate .linear-progress-bar{width:100%;animation:indeterminate 2s infinite linear}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}.accordion{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.accordion-summary{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.accordion-summary:hover{background:#ffffff0d}.accordion-summary-content{flex:1}.accordion-expand-icon{transition:transform .3s ease}.accordion-expand-icon.expanded{transform:rotate(180deg)}.accordion-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-details.expanded{max-height:1000px}.accordion-details-content{padding:0 20px 16px;color:#fffc}.dialog-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px}.dialog-container{background:#1a1a1cf2;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006;max-width:500px;width:100%;max-height:90vh;overflow:auto}.dialog-title{padding:24px 24px 16px;font-size:1.5rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-content{padding:20px 24px;color:#fffc}.dialog-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.snackbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1400;display:flex;align-items:center;min-width:300px;max-width:600px;padding:16px 20px;border-radius:8px;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(10px);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.snackbar-info{background:#03a9f4e6;color:#fff}.snackbar-success{background:#4caf50e6;color:#fff}.snackbar-warning{background:#ff9800e6;color:#fff}.snackbar-error{background:#f44336e6;color:#fff}.snackbar-content{flex:1}.snackbar-close{background:none;border:none;color:currentColor;font-size:20px;cursor:pointer;padding:0;margin-left:12px;opacity:.8}.snackbar-close:hover{opacity:1}.alert{padding:16px;border-radius:8px;margin:8px 0;display:flex;align-items:center}.alert-info{background:#03a9f41a;border:1px solid rgba(3,169,244,.3);color:#03a9f4}.alert-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.alert-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3);color:#ff9800}.alert-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}@media (max-width: 768px){.typography-h1{font-size:2.5rem}.typography-h2{font-size:2rem}.typography-h3{font-size:1.75rem}.btn-large{padding:12px 24px;font-size:1rem}.card-content{padding:20px}.dialog-backdrop{padding:16px}.dialog-title{padding:20px 20px 12px;font-size:1.25rem}.dialog-content{padding:16px 20px}.dialog-actions{padding:12px 20px 20px}.snackbar{left:16px;right:16px;transform:none;min-width:auto}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-size:clamp(14px,2vw,16px)}#root{width:100%;min-height:100vh}h1{font-size:clamp(2em,5vw,3.2em);line-height:1.1}h2{font-size:clamp(1.5em,4vw,2.4em)}h3{font-size:clamp(1.2em,3vw,1.8em)}p{font-size:clamp(14px,2vw,16px)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:clamp(14px,2vw,16px);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[class*=admin-][class*=-content],[class*=SEO][class*=-content],.admin-page,.seo-page{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 768px){body{font-size:14px}button{padding:.8em 1em;min-height:44px}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--brand-600: #12b7ab;--bg-900: #0a0a0a;--bg-800: #121212;--surface-700: #1c1c1e;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--text-muted: #8e8e93;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-full: 9999px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.mainfooter-container{width:100%;background:var(--bg-800);border-top:1px solid var(--border-600);padding-top:var(--space-3xl);padding-bottom:0;margin-bottom:0;position:relative;font-family:var(--font-sans)}.mainfooter-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.mainfooter-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.mainfooter-brand{display:flex;flex-direction:column;gap:var(--space-lg)}.mainfooter-logo{display:flex;align-items:center}.mainfooter-logo-img{height:auto;max-width:160px}.mainfooter-tagline{color:var(--text-secondary);font-size:15px;line-height:1.6;max-width:300px}.mainfooter-social-links{display:flex;gap:var(--space-md)}.mainfooter-social-link{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-600);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mainfooter-social-link:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-2px)}.mainfooter-social-link svg{width:20px;height:20px;color:var(--text-secondary);transition:color .3s ease}.mainfooter-social-link:hover svg{color:var(--bg-900)}.mainfooter-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.mainfooter-column h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.mainfooter-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.mainfooter-column li a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease;display:inline-block}.mainfooter-column li a:hover{color:var(--brand-300);transform:translate(2px)}.mainfooter-bottom{border-top:1px solid var(--border-600);padding:var(--space-lg) 0;margin-top:var(--space-2xl)}.mainfooter-bottom-content{display:flex;justify-content:space-between;align-items:center}.mainfooter-copyright{color:var(--text-muted);font-size:14px;margin:0}.mainfooter-badges{display:flex;gap:var(--space-md)}.mainfooter-badge{padding:6px 12px;background:#17d2c21a;border:1px solid var(--brand-300);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--brand-300);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.mainfooter-content{grid-template-columns:1fr;gap:var(--space-2xl)}.mainfooter-links{grid-template-columns:repeat(2,1fr);gap:var(--space-xl) var(--space-2xl)}}@media (max-width: 640px){.mainfooter-wrapper{padding:0 var(--space-md)}.mainfooter-links{grid-template-columns:1fr;gap:var(--space-xl)}.mainfooter-bottom-content{flex-direction:column;gap:var(--space-lg);text-align:center}.mainfooter-badges{flex-wrap:wrap;justify-content:center}.mainfooter-social-links{justify-content:center}.mainfooter-brand{align-items:center;text-align:center}.mainfooter-tagline{text-align:center}.mainfooter-logo-img{max-width:120px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mainfooter-column{animation:fadeInUp .6s ease-out}.mainfooter-column:nth-child(1){animation-delay:.1s}.mainfooter-column:nth-child(2){animation-delay:.2s}.mainfooter-column:nth-child(3){animation-delay:.3s}.mainfooter-column:nth-child(4){animation-delay:.4s}@media (min-width: 1024px){.mainfooter-container{margin-top:40px}}@media (prefers-reduced-motion: reduce){.mainfooter-social-link,.mainfooter-column li a,.mainfooter-column{transition:none;animation:none}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#121212f2,#121212fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0)}.nav-container{display:flex;justify-content:space-around;align-items:center;height:60px;max-width:500px;margin:0 auto;padding:0 10px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#8e8e93;cursor:pointer;padding:8px 4px;transition:all .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--item-color, #17d2c2)}.nav-icon{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.active-indicator{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--item-color, #17d2c2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.2)}}.nav-label{font-size:11px;font-weight:500;letter-spacing:.2px;margin-top:2px;transition:all .2s ease}.nav-item.active .nav-label{font-weight:600}.nav-item.menu-button.menu-active{color:#17d2c2}.menu-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:linear-gradient(180deg,#1a1a1a,#121212);box-shadow:-4px 0 24px #0006;z-index:1200;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.slide-menu.open{right:0}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:sticky;top:0;z-index:10}.menu-logo{height:32px;width:auto}.close-menu{background:none;border:none;color:#c7c7cc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease}.close-menu:active{background:#ffffff1a}.menu-user-info{padding:20px;display:flex;align-items:center;gap:12px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.menu-user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#17d2c2,#12b7ab);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#001310}.menu-user-details{flex:1}.menu-user-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.menu-user-role{font-size:13px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.menu-items{flex:1;padding:8px 0;overflow-y:auto}.menu-section-title{padding:12px 20px 8px;font-size:11px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.5px}.menu-divider{height:1px;background:#ffffff14;margin:8px 20px}.menu-item{width:100%;display:flex;align-items:center;gap:16px;padding:14px 20px;background:none;border:none;color:#c7c7cc;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.menu-item:active{background:#ffffff0d;transform:translate(4px)}.menu-item.active{background:#17d2c226;color:#17d2c2}.menu-item.primary-item{background:linear-gradient(135deg,#17d2c226,#12b7ab26);color:#17d2c2;font-weight:600;border-left:3px solid #17d2c2}.menu-item.primary-item:active{background:linear-gradient(135deg,#17d2c240,#12b7ab40)}.menu-item.refreshing{pointer-events:none;opacity:.7}.menu-item .rotating{animation:rotate 1s linear infinite}.menu-badge{margin-left:auto;background:#ef4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;min-width:20px;text-align:center}.menu-item.logout-item{color:#ff6b6b;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.menu-item.logout-item:hover{background:#ff6b6b1a;color:#ff8a8a}.menu-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:#0000004d}.menu-version{font-size:12px;color:#6e6e73;text-align:center}@media (hover: hover){.nav-item:hover{color:var(--item-color, #17d2c2)}.nav-item:hover .nav-icon{transform:translateY(-2px)}.menu-item:hover{background:#ffffff14}.menu-item.primary-item:hover{background:linear-gradient(135deg,#17d2c233,#12b7ab33)}}.page-with-bottom-nav{padding-bottom:85px}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.page-with-bottom-nav{padding-bottom:calc(85px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.bottom-navigation{background:#121212f2}.nav-container{max-width:600px;height:70px;margin-top:26px}.nav-label{font-size:12px}.slide-menu{max-width:380px}.menu-item{padding:16px 24px;font-size:16px}.menu-section-title{padding:16px 24px 8px;font-size:12px}}.admin-login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;padding:20px;position:relative;overflow:hidden}.admin-login-wrapper{width:100%;max-width:440px;position:relative;z-index:10}.admin-login-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:24px;padding:48px 40px;box-shadow:0 10px 30px #00000059;backdrop-filter:blur(10px)}.admin-login-header{text-align:center;margin-bottom:40px}.admin-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-badge{background:#ef4444;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.admin-login-header h1{font-size:32px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.admin-login-header p{color:#8e8e93;font-size:14px;margin:0}.admin-login-form{margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#c7c7cc;font-size:13px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.2px}.admin-input{width:100%;padding:14px 16px;background:#121212;border:1px solid #2a2a2c;border-radius:12px;color:#fff;font-size:16px;transition:all .2s ease;outline:none;box-sizing:border-box}.admin-input::placeholder{color:#8e8e93}.admin-input:focus{border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px}.error-message svg{flex-shrink:0}.admin-login-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #17d2c24d;position:relative;overflow:hidden}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.admin-login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}.spinner-circle{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:20}.security-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#17d2c20d;border:1px solid rgba(23,210,194,.2);border-radius:8px;margin-bottom:24px}.security-notice svg{color:#17d2c2}.security-notice span{color:#8e8e93;font-size:12px}.back-link{text-align:center}.back-to-site{color:#17d2c2;text-decoration:none;font-size:14px;transition:opacity .2s ease}.back-to-site:hover{opacity:.8;text-decoration:underline}.admin-login-bg{position:fixed;inset:0;pointer-events:none;z-index:1}.bg-gradient-1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(23,210,194,.1) 0%,transparent 70%);top:-300px;right:-300px;animation:float 20s ease-in-out infinite}.bg-gradient-2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(18,183,171,.08) 0%,transparent 70%);bottom:-250px;left:-250px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}@media (max-width: 768px){.admin-login-container{padding:16px}.admin-login-wrapper{max-width:100%}}@media (max-width: 480px){.admin-login-container{padding:40px 12px 12px;min-height:100vh;justify-content:flex-start}.admin-login-card{padding:32px 24px;margin:0;width:100%;box-sizing:border-box}.admin-login-header h1{font-size:28px}.logo-text{font-size:24px}.admin-input{font-size:16px}}@media (max-width: 360px){.admin-login-card{padding:24px 20px}.admin-login-header h1{font-size:24px}.logo-text{font-size:20px}}:root{--admin-header-navbar-height: 60px}.admin-header-navbar{background:#121212;border-bottom:1px solid #2a2a2c;position:sticky;top:0;z-index:100;height:var(--admin-header-navbar-height);padding-top:env(safe-area-inset-top)}.admin-header-navbar-container{height:100%;padding:0 16px;display:flex;align-items:center;justify-content:flex-end}.admin-header-hamburger-menu{background:transparent;border:none;color:#c7c7cc;padding:8px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.admin-header-hamburger-menu:hover{background:#1c1c1e;color:#17d2c2}.admin-header-hamburger-menu:active{background:#1c1c1e}.admin-header-menu-overlay{position:fixed;inset:0;background:#000c;z-index:999;animation:adminHeaderFadeIn .2s ease}@keyframes adminHeaderFadeIn{0%{opacity:0}to{opacity:1}}.admin-header-slide-menu{background:#121212;border-left:1px solid #2a2a2c;height:100vh;width:85%;max-width:360px;overflow-y:auto;position:absolute;right:0;top:0;animation:adminHeaderSlideInFromRight .3s ease;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.admin-header-close-btn{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;background:transparent;border:none;color:#c7c7cc;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;z-index:10;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.admin-header-close-btn:hover{background:#1c1c1e;color:#17d2c2}.admin-header-close-btn:active{background:#2a2a2c}@keyframes adminHeaderSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.admin-header-user-info-section{padding:24px 64px 24px 24px;background:#1c1c1e;border-bottom:1px solid #2a2a2c;display:flex;align-items:center;gap:16px;flex-shrink:0}.admin-header-user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#12b7ab,#17d2c2 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#001310;font-size:18px}.admin-header-user-details{display:flex;flex-direction:column}.admin-header-user-name{font-size:16px;font-weight:600;color:#fff}.admin-header-user-role{font-size:13px;color:#8e8e93;text-transform:capitalize}.admin-header-nav-links{padding:16px 0;flex:1;overflow-y:auto}.admin-header-nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;color:#c7c7cc;text-decoration:none;transition:all .2s ease;position:relative;border:none;background:transparent}.admin-header-nav-link:hover{background:#1c1c1e;color:#17d2c2}.admin-header-nav-link:active{background:#2a2a2c}.admin-header-nav-link.active{background:linear-gradient(135deg,#12b7ab1a,#17d2c21a);color:#17d2c2;border-right:3px solid #17d2c2}.admin-header-logout-link{margin-top:16px;border-top:1px solid #2a2a2c;padding-top:24px!important}.admin-header-logout-link:hover{background:#ef44441a!important;color:#ef4444!important;border-right:3px solid #ef4444!important}.admin-header-nav-icon{width:20px;height:20px;flex-shrink:0}.admin-header-nav-badge{position:absolute;left:24px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.admin-header-menu-actions{padding:16px;border-top:1px solid #2a2a2c;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.admin-header-refresh-btn,.admin-header-logout-btn{display:flex;align-items:center;gap:8px;padding:16px;background:transparent;border:1px solid #2a2a2c;border-radius:8px;color:#c7c7cc;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.admin-header-refresh-btn:hover{background:#1c1c1e;color:#17d2c2;border-color:#17d2c2}.admin-header-refresh-btn:active{background:#2a2a2c}.admin-header-logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.admin-header-logout-btn:active{background:#ef444433}.admin-header-page-header{padding:24px 16px;background:#121212;border-bottom:1px solid #2a2a2c}.admin-header-page-header h1{font-size:24px;font-weight:600;color:#fff;margin:0 0 4px}.admin-header-page-subtitle{font-size:14px;color:#8e8e93;margin:0}@media (min-width: 768px){.admin-header-navbar-container{padding:0 24px}.admin-header-page-header{padding:32px 24px}.admin-header-slide-menu{max-width:400px}}@media (min-width: 1024px){:root{--admin-header-navbar-height: 64px}.admin-header-navbar-container{padding:0 32px;max-width:1920px;margin:0 auto;width:100%}.admin-header-slide-menu{max-width:450px}.admin-header-page-header{padding:40px 32px}}@media (min-width: 1440px){.admin-header-navbar-container,.admin-header-page-header{max-width:1920px;margin:0 auto}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1c1c1e;--border-color: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--text-tertiary: #8e8e93;--accent-primary: #17d2c2;--accent-secondary: #12b7ab;--accent-tertiary: #47e0d2;--error: #ef4444;--warning: #f59e0b;--success: #22c55e;--info: #38bdf8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--touch-target: 44px;--navbar-height: 60px;--border-radius: 8px;--border-radius-lg: 12px}.admin-dashboard{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.admin-navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:var(--navbar-height)}.navbar-container{height:100%;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary)}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 50%,var(--accent-tertiary) 100%);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-weight:700;color:#001310;font-size:14px}.logo-text{font-size:18px;font-weight:600;display:none}.mobile-only{display:flex}.hamburger-menu{background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-sm);cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:background .2s ease}.hamburger-menu:active{background:var(--bg-tertiary)}.mobile-menu-overlay{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#000c;z-index:99;animation:fadeIn .2s ease}.mobile-menu{background:var(--bg-secondary);border-right:1px solid var(--border-color);height:100%;width:85%;max-width:320px;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-user-info{padding:var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#001310;font-size:18px}.user-details{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:600;color:var(--text-primary)}.user-role{font-size:13px;color:var(--text-tertiary);text-transform:capitalize}.mobile-nav-links{padding:var(--spacing-md) 0}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative}.mobile-nav-link:active{background:var(--bg-tertiary)}.mobile-nav-link.active{background:linear-gradient(135deg,#12b7ab1a,#17d2c21a);color:var(--accent-primary);border-left:3px solid var(--accent-primary)}.nav-icon{width:20px;height:20px;flex-shrink:0}.badge{position:absolute;right:var(--spacing-lg);background:var(--error);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.mobile-actions{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-refresh-btn,.mobile-logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.mobile-refresh-btn:active{background:var(--bg-tertiary);color:var(--accent-primary)}.mobile-logout-btn:active{background:#ef44441a;border-color:#ef44444d;color:var(--error)}.admin-main-content{flex:1;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.page-header{padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.page-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:14px;color:var(--text-tertiary);margin:0}.dashboard-content{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);transition:all .2s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 12px #17d2c226}.stat-card.clickable:active{transform:translateY(0)}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon.users{background:linear-gradient(135deg,#38bdf833,#38bdf81a);color:var(--info)}.stat-icon.verifications{background:linear-gradient(135deg,#17d2c233,#17d2c21a);color:var(--accent-primary)}.stat-icon.reports{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning)}.stat-icon.revenue{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:var(--success)}.stat-details{flex:1}.stat-details h3{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.stat-number{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1}.stat-meta{font-size:13px;color:var(--text-secondary)}.quick-actions{margin-bottom:var(--spacing-xl)}.quick-actions h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.action-buttons{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.admin-dashboard-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius);text-decoration:none;font-weight:500;font-size:14px;transition:all .2s ease;border:1px solid transparent}.admin-dashboard-action-btn svg{width:20px;height:20px}.admin-dashboard-action-btn.primary{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 50%,var(--accent-tertiary) 100%);color:#001310}.admin-dashboard-action-btn.primary:active{transform:scale(.98)}.admin-dashboard-action-btn.warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.admin-dashboard-action-btn.info{background:linear-gradient(135deg,#38bdf833,#38bdf81a);color:var(--info);border:1px solid rgba(56,189,248,.3)}.high-risk-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.high-risk-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.risk-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.risk-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.risk-email{color:var(--text-primary);font-size:14px;font-weight:500}.risk-info{display:flex;gap:var(--spacing-md)}.risk-score{padding:2px 6px;background:#ef44441a;color:var(--error);border-radius:4px;font-size:12px;font-weight:600}.risk-strikes{color:var(--text-tertiary);font-size:12px}@media (min-width: 768px){.navbar-container{padding:0 var(--spacing-lg)}.logo-text{display:inline}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.action-buttons{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.risk-item{flex-direction:row;align-items:center;justify-content:space-between}.page-header{padding:var(--spacing-xl) var(--spacing-lg)}.dashboard-content{padding:var(--spacing-lg)}}@media (min-width: 1024px){:root{--navbar-height: 64px}.mobile-only{display:none}.desktop-only{display:flex}.navbar-container{padding:0 var(--spacing-xl);max-width:1920px;margin:0 auto;width:100%}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-xl)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius);transition:all .2s ease;position:relative;font-size:14px;font-weight:500}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,#12b7ab1a,#17d2c21a);color:var(--accent-primary);border:1px solid rgba(23,210,194,.2)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}.refresh-btn{padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:var(--border-color);color:var(--accent-primary);transform:rotate(180deg)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius)}.user-info .user-avatar{width:32px;height:32px;font-size:14px}.logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:var(--error)}.admin-main-content{max-width:1920px;margin:0 auto;width:100%;padding:0 var(--spacing-xl)}.page-header{padding:var(--spacing-xl) 0;background:transparent;border-bottom:none}.page-header h1{font-size:32px}.dashboard-content{padding:0}.stats-grid{grid-template-columns:repeat(4,1fr)}.action-buttons{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1440px){.navbar-container,.admin-main-content{max-width:1920px}}@media (hover: hover) and (pointer: fine){.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d;border-color:var(--accent-primary)}.admin-dashboard-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.admin-dashboard-action-btn.warning:hover,.admin-dashboard-action-btn.info:hover{transform:translateY(-2px)}}.session-analytics{margin:var(--spacing-xl) 0}.session-analytics h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-analytics-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .2s ease;display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.admin-analytics-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:var(--accent-primary)}.admin-analytics-card h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.analytics-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.metric-item:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:.9rem}.metric-value{color:var(--text-primary);font-weight:600;font-size:1.1rem}.device-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-item{display:flex;align-items:center;gap:var(--spacing-md)}.device-type{color:var(--text-secondary);font-size:.9rem;min-width:80px;text-transform:capitalize}.device-bar{flex:1;background:var(--bg-tertiary);border-radius:var(--border-radius);height:24px;position:relative;display:flex;align-items:center;overflow:hidden}.device-fill{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));height:100%;border-radius:var(--border-radius);transition:width .3s ease}.device-count{position:absolute;right:var(--spacing-sm);color:var(--text-primary);font-size:.8rem;font-weight:600;z-index:2}.user-type-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-type-item{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.user-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.user-type-label{color:var(--text-primary);font-weight:600;text-transform:capitalize}.user-type-count{color:var(--accent-primary);font-size:.9rem;font-weight:600}.user-type-details{display:flex;gap:var(--spacing-md);color:var(--text-secondary);font-size:.85rem}.peak-hours-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.peak-hours-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.peak-hours-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.peak-hour-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.hour-time{color:var(--accent-primary);font-weight:600;min-width:60px}.hour-sessions{color:var(--text-primary);font-weight:600}.hour-duration{color:var(--text-secondary);font-size:.9rem}.stat-icon.sessions{background:linear-gradient(135deg,var(--info),var(--accent-primary));color:#fff}.stat-icon.security{background:linear-gradient(135deg,var(--warning),var(--error));color:#fff}.no-data{color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--spacing-lg)}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.admin-analytics-card{padding:var(--spacing-md)}.device-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.device-bar{width:100%}.peak-hour-item{flex-wrap:wrap;gap:var(--spacing-sm)}.user-type-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.admin-users-spam-risk-section{grid-column:1 / -1;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-sm)}.admin-users-spam-risk-container{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#1c1c1e80;border-radius:var(--border-radius);border:1px solid var(--border-color)}.admin-users-spam-risk-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.admin-users-spam-score{font-size:20px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.admin-users-spam-badge{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.admin-users-spam-whitelisted{background:#8e8e9326;color:var(--text-secondary);border:1px solid rgba(142,142,147,.3)}.admin-users-spam-low{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.admin-users-spam-medium{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.admin-users-spam-high{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.admin-users-spam-unknown{background:#38bdf826;color:var(--info);border:1px solid rgba(56,189,248,.3)}.admin-users-spam-reasons{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ef44440d;border-left:3px solid var(--error);border-radius:4px}.admin-users-spam-reason{color:var(--text-secondary);font-size:13px;line-height:1.4}.admin-users-spam-details{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.admin-users-spam-detail-tag{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.admin-users-spam-detail-tag.admin-users-spam-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.admin-users-spam-detail-tag.admin-users-spam-danger{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.admin-users-spam-detail-tag.admin-users-spam-info{background:#38bdf826;color:var(--info);border:1px solid rgba(56,189,248,.3)}.VerificationModal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.VerificationModal-content{background:var(--surface-700);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-600)}@media (max-width: 768px){.VerificationModal-overlay{padding:0}.VerificationModal-content{border-radius:0;max-width:100%;max-height:100vh;height:100vh}}.VerificationModal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-600)}.VerificationModal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.VerificationModal-closeBtn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:var(--space-sm);border-radius:6px;transition:all .2s ease}.VerificationModal-closeBtn:hover{background:var(--bg-800);color:var(--text-primary)}.VerificationModal-body{padding:var(--space-lg)}.VerificationModal-section{margin-bottom:var(--space-xl)}.VerificationModal-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-md)}.VerificationModal-infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.VerificationModal-infoItem{background:var(--bg-800);padding:var(--space-md);border-radius:8px;border:1px solid var(--border-600)}.VerificationModal-infoItem label{display:block;color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.VerificationModal-infoItem p{color:var(--text-primary);font-size:14px;margin:0;word-break:break-word}.VerificationModal-userId{font-size:12px!important;opacity:.7;font-family:monospace}.VerificationModal-documentsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.VerificationModal-documentItem{background:var(--bg-800);border-radius:8px;overflow:hidden;border:1px solid var(--border-600);transition:all .2s ease}.VerificationModal-documentItem:hover{border-color:var(--primary-600);transform:translateY(-2px)}.VerificationModal-documentPreview{position:relative;aspect-ratio:3/2;cursor:pointer;overflow:hidden}.VerificationModal-documentPreview img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.VerificationModal-documentPreview:hover img{transform:scale(1.05)}.VerificationModal-documentOverlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;gap:var(--space-xs)}.VerificationModal-documentPreview:hover .VerificationModal-documentOverlay{opacity:1}.VerificationModal-documentOverlay span{font-size:12px;font-weight:500}.VerificationModal-documentInfo{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.VerificationModal-documentType{color:var(--text-primary);font-size:14px;font-weight:500}.VerificationModal-documentLabel{color:var(--text-secondary);font-size:12px}.VerificationModal-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.VerificationModal-actionBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min)}.VerificationModal-actionBtn:disabled{opacity:.6;cursor:not-allowed}.VerificationModal-approve{background:var(--success);color:#fff}.VerificationModal-approve:hover:not(:disabled){background:#16a34a;transform:translateY(-2px)}.VerificationModal-reject{background:var(--error);color:#fff}.VerificationModal-reject:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.VerificationModal-cancel{background:var(--bg-800);color:var(--text-primary);border:1px solid var(--border-600)}.VerificationModal-cancel:hover:not(:disabled){background:var(--surface-700)}.VerificationModal-rejectForm{background:var(--bg-800);padding:var(--space-lg);border-radius:8px;border:1px solid var(--border-600);margin-top:var(--space-lg)}.VerificationModal-rejectForm h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 var(--space-md) 0}.VerificationModal-rejectForm textarea{width:100%;min-height:100px;padding:var(--space-md);background:var(--surface-700);border:1px solid var(--border-600);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.VerificationModal-rejectForm textarea:focus{outline:none;border-color:var(--primary)}.VerificationModal-rejectForm textarea::placeholder{color:var(--text-secondary)}.VerificationModal-rejectActions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.VerificationModal-keyboardHints{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-600)}.VerificationModal-keyboardHints span{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:12px}.VerificationModal-keyboardHints kbd{background:var(--bg-800);border:1px solid var(--border-600);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;color:var(--text-primary)}.VerificationModal-documentViewer{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-lg)}.VerificationModal-documentViewerContent{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.VerificationModal-documentClose{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:var(--space-sm);z-index:1}.VerificationModal-documentViewerContent img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.VerificationModal-documentTitle{color:#fff;font-size:16px;font-weight:500;margin-top:var(--space-md);text-align:center}@media (max-width: 768px){.VerificationModal-infoGrid,.VerificationModal-documentsGrid{grid-template-columns:1fr}.VerificationModal-actions,.VerificationModal-rejectActions{flex-direction:column}.VerificationModal-keyboardHints{flex-wrap:wrap}.VerificationModal-documentViewer{padding:var(--space-md)}.VerificationModal-documentClose{top:-40px;font-size:28px}}.admin-verifications{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.verifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93}.spinner{width:48px;height:48px;border:3px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.verifications-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#121212;border-bottom:1px solid #2a2a2c}.verifications-header h1{font-size:28px;font-weight:600;color:#fff;margin:0}.subtitle{font-size:14px;color:#8e8e93;margin:4px 0 0}.header-controls{display:flex;gap:12px;align-items:center}.filter-select{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;outline:none}.filter-select:focus{border-color:#17d2c2}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#c7c7cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#2a2a2c;color:#17d2c2}.refresh-btn svg{transition:transform .3s ease}.refresh-btn:hover svg{transform:rotate(180deg)}.verifications-content{flex:1;display:flex;overflow:hidden}.verifications-list{flex:1;overflow-y:auto;padding:24px;background:#0a0a0a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#17d2c2;margin-bottom:20px;opacity:.5}.empty-state p{color:#8e8e93;font-size:14px;margin:0}.verification-item{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:12px;background:#121212;border:1px solid #2a2a2c;border-radius:12px;cursor:pointer;transition:all .2s ease}.verification-item:hover{background:#1c1c1e;transform:translate(4px)}.verification-item.selected{background:#1c1c1e;border-color:#17d2c2;box-shadow:0 0 0 1px #17d2c233}.creator-info{display:flex;align-items:center;gap:16px}.creator-avatar{width:48px;height:48px;background:linear-gradient(135deg,#12b7ab,#17d2c2 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#001310;flex-shrink:0}.creator-details h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.creator-details p{font-size:14px;color:#c7c7cc;margin:0 0 4px}.submission-time{font-size:12px;color:#8e8e93}.verification-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.doc-count{font-size:12px;color:#8e8e93}.verification-details{width:480px;background:#121212;border-left:1px solid #2a2a2c;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.details-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2c}.details-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#8e8e93;font-size:18px;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#2a2a2c;color:#fff}.details-content{flex:1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:32px}.detail-section h3{font-size:14px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.info-grid{display:grid;gap:16px}.info-item{padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px}.info-item label{display:block;font-size:12px;font-weight:500;color:#8e8e93;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.info-item p{font-size:14px;color:#fff;margin:0;word-break:break-word}.documents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.document-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.document-item:hover{transform:scale(1.02);border-color:#17d2c2;box-shadow:0 4px 12px #0000004d}.document-item img{width:100%;height:120px;object-fit:cover;display:block}.document-info{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.doc-type{font-size:11px;font-weight:600;color:#17d2c2;text-transform:uppercase;letter-spacing:.3px}.doc-name{font-size:12px;color:#8e8e93}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-top:1px solid #2a2a2c;margin-top:20px}.admin-verifications-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-verifications-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-verifications-action-btn.approve{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310}.admin-verifications-action-btn.approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.admin-verifications-action-btn.reject{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-verifications-action-btn.reject:hover:not(:disabled){background:#ef444433;transform:translateY(-2px)}.keyboard-hints{display:flex;gap:16px;justify-content:center;padding:12px;background:#1c1c1e;border-radius:8px;margin-top:16px}.keyboard-hints span{display:flex;align-items:center;gap:6px;font-size:12px;color:#8e8e93}.keyboard-hints kbd{padding:2px 6px;background:#2a2a2c;border:1px solid #3a3a3c;border-radius:4px;font-size:11px;font-weight:600;color:#c7c7cc}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#121212;border:1px solid #2a2a2c;border-radius:16px;padding:32px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.modal-content h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.modal-content p{color:#c7c7cc;margin:0 0 20px}.rejection-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.reason-btn{padding:10px 12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#c7c7cc;font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.reason-btn:hover{background:#2a2a2c;color:#fff;border-color:#17d2c2}.rejection-textarea{width:100%;padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;outline:none;margin-bottom:24px}.rejection-textarea:focus{border-color:#17d2c2}.rejection-textarea::placeholder{color:#8e8e93}.modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.cancel{background:#1c1c1e;color:#c7c7cc;border:1px solid #2a2a2c}.modal-btn.cancel:hover{background:#2a2a2c;color:#fff}.modal-btn.confirm{background:#ef4444;color:#fff}.modal-btn.confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.modal-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.image-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1100;padding:40px;cursor:zoom-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{width:100%;height:100%;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;width:40px;height:40px;background:#121212;border:1px solid #2a2a2c;border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-modal-close:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}@media (max-width: 1024px){.verification-details{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;z-index:500;box-shadow:-10px 0 30px #00000080}}@media (max-width: 768px){.verifications-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.header-controls{width:100%;justify-content:space-between}.verifications-list,.verification-item{padding:16px}.creator-avatar{width:40px;height:40px;font-size:16px}.verification-details{width:100%;max-width:none}.documents-grid,.detail-actions,.rejection-reasons{grid-template-columns:1fr}}.admin-reports-container{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.admin-reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93}.admin-reports-spinner{width:48px;height:48px;border:3px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;animation:adminReportsSpin 1s linear infinite;margin-bottom:16px}@keyframes adminReportsSpin{to{transform:rotate(360deg)}}.admin-reports-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#121212;border-bottom:1px solid #2a2a2c}.admin-reports-header h1{font-size:28px;font-weight:600;color:#fff;margin:0}.admin-reports-subtitle{font-size:14px;color:#8e8e93;margin:4px 0 0;text-transform:capitalize}.admin-reports-header-controls{display:flex;gap:12px;align-items:center}.admin-reports-filter-select{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;outline:none}.admin-reports-filter-select:focus{border-color:#17d2c2}.admin-reports-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#c7c7cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-reports-refresh-btn:hover{background:#2a2a2c;color:#17d2c2}.admin-reports-refresh-btn svg{transition:transform .3s ease}.admin-reports-refresh-btn:hover svg{transform:rotate(180deg)}.admin-reports-content{flex:1;display:flex;overflow:hidden}.admin-reports-list{flex:1;overflow-y:auto;padding:24px;background:#0a0a0a}.admin-reports-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-reports-empty-state svg{color:#f59e0b;margin-bottom:20px;opacity:.5}.admin-reports-empty-state h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.admin-reports-empty-state p{color:#8e8e93;font-size:14px;margin:0}.admin-reports-item{padding:20px;margin-bottom:12px;background:#121212;border:1px solid #2a2a2c;border-radius:12px;cursor:pointer;transition:all .2s ease}.admin-reports-item:hover{background:#1c1c1e;transform:translate(4px)}.admin-reports-item.selected{background:#1c1c1e;border-color:#17d2c2;box-shadow:0 0 0 1px #17d2c233}.admin-reports-main{margin-bottom:12px}.admin-reports-header-info{display:flex;gap:8px;margin-bottom:12px}.admin-reports-severity-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-reports-severity-critical{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-reports-severity-high{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-reports-severity-medium{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-reports-severity-low{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-reports-status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-reports-status-pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-reports-status-review{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.admin-reports-status-resolved{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-reports-status-dismissed{background:#8e8e9333;color:#8e8e93;border:1px solid rgba(142,142,147,.3)}.admin-reports-details h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px;text-transform:capitalize}.admin-reports-reason{font-size:14px;color:#c7c7cc;margin:0 0 12px;line-height:1.4}.admin-reports-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#8e8e93}.admin-reports-dot{color:#3a3a3c}.admin-reports-reported-user{padding-top:12px;border-top:1px solid #2a2a2c;display:flex;gap:8px;align-items:center}.admin-reports-reported-user .admin-reports-label{font-size:12px;color:#8e8e93;text-transform:uppercase;letter-spacing:.3px}.admin-reports-user-email{font-size:13px;color:#17d2c2;font-weight:500}.admin-reports-details-panel{width:520px;background:#121212;border-left:1px solid #2a2a2c;display:flex;flex-direction:column;animation:adminReportsSlideIn .3s ease}@keyframes adminReportsSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-reports-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2c}.admin-reports-panel-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.admin-reports-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#8e8e93;font-size:18px;cursor:pointer;transition:all .2s ease}.admin-reports-close-btn:hover{background:#2a2a2c;color:#fff}.admin-reports-panel-content{flex:1;overflow-y:auto;padding:24px}.admin-reports-detail-section{margin-bottom:32px}.admin-reports-detail-section h3{font-size:14px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.admin-reports-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-reports-info-item{padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px}.admin-reports-info-item.full-width{grid-column:1 / -1}.admin-reports-info-item label{display:block;font-size:12px;font-weight:500;color:#8e8e93;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.admin-reports-info-item p{font-size:14px;color:#fff;margin:0;word-break:break-word}.admin-reports-user-id{font-family:monospace;font-size:12px;color:#8e8e93}.admin-reports-strikes{color:#f59e0b;font-weight:600}.admin-reports-content-preview{padding:16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px}.admin-reports-reported-image{width:100%;max-height:300px;object-fit:contain;border-radius:8px}.admin-reports-content-info p{font-size:13px;color:#c7c7cc;margin:0 0 8px}.admin-reports-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-top:1px solid #2a2a2c;margin-top:20px}.admin-reports-action-btn{padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-reports-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-reports-action-btn.dismiss{background:#8e8e931a;color:#8e8e93;border:1px solid rgba(142,142,147,.3)}.admin-reports-action-btn.dismiss:hover:not(:disabled){background:#8e8e9333}.admin-reports-action-btn.warning{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-reports-action-btn.warning:hover:not(:disabled){background:#fbbf2433}.admin-reports-action-btn.suspend{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-reports-action-btn.suspend:hover:not(:disabled){background:#f59e0b33}.admin-reports-action-btn.ban{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-reports-action-btn.ban:hover:not(:disabled){background:#ef444433}.admin-reports-action-history{display:flex;flex-direction:column;gap:8px}.admin-reports-history-item{padding:10px 12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px}.admin-reports-history-action{color:#17d2c2;font-weight:500;text-transform:capitalize}.admin-reports-history-date{color:#8e8e93;margin-left:auto}.admin-reports-history-admin{color:#c7c7cc}.admin-reports-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:adminReportsFadeIn .2s ease}@keyframes adminReportsFadeIn{0%{opacity:0}to{opacity:1}}.admin-reports-modal-content{background:#121212;border:1px solid #2a2a2c;border-radius:16px;padding:32px;max-width:480px;width:90%;animation:adminReportsSlideUp .3s ease}@keyframes adminReportsSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-reports-modal-content h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.admin-reports-modal-content p{color:#c7c7cc;margin:0 0 20px;font-size:14px}.admin-reports-action-notes{width:100%;padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;outline:none;margin-bottom:24px}.admin-reports-action-notes:focus{border-color:#17d2c2}.admin-reports-action-notes::placeholder{color:#8e8e93}.admin-reports-modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-reports-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.admin-reports-modal-btn.cancel{background:#1c1c1e;color:#c7c7cc;border:1px solid #2a2a2c}.admin-reports-modal-btn.cancel:hover{background:#2a2a2c;color:#fff}.admin-reports-modal-btn.confirm{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310}.admin-reports-modal-btn.confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #17d2c24d}.admin-reports-modal-btn.confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.admin-reports-details-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:520px;z-index:500;box-shadow:-10px 0 30px #00000080}}@media (max-width: 768px){.admin-reports-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.admin-reports-header-controls{width:100%;justify-content:space-between}.admin-reports-list{padding:16px}.admin-reports-details-panel{width:100%;max-width:none}.admin-reports-info-grid,.admin-reports-panel-actions{grid-template-columns:1fr}}.admin-users-container{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.admin-users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93}.admin-users-spinner{width:48px;height:48px;border:3px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;animation:adminUsersSpin 1s linear infinite;margin-bottom:16px}@keyframes adminUsersSpin{to{transform:rotate(360deg)}}.admin-users-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#121212;border-bottom:1px solid #2a2a2c}.admin-users-header h1{font-size:28px;font-weight:600;color:#fff;margin:0}.admin-users-subtitle{font-size:14px;color:#8e8e93;margin:4px 0 0}.admin-users-header-controls{display:flex;gap:12px;align-items:center}.admin-users-search-input{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#fff;font-size:14px;width:240px;outline:none}.admin-users-search-input::placeholder{color:#8e8e93}.admin-users-search-input:focus{border-color:#17d2c2}.admin-users-filter-select{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;outline:none}.admin-users-filter-select:focus{border-color:#17d2c2}.admin-users-refresh-btn{padding:10px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#c7c7cc;cursor:pointer;transition:all .2s ease}.admin-users-refresh-btn:hover{background:#2a2a2c;color:#17d2c2}.admin-users-refresh-btn svg{display:block;transition:transform .3s ease}.admin-users-refresh-btn:hover svg{transform:rotate(180deg)}.admin-users-content{flex:1;display:flex;overflow:hidden}.admin-users-table-container{flex:1;overflow:auto;background:#0a0a0a}.admin-users-table{width:100%;border-collapse:separate;border-spacing:0}.admin-users-table thead{position:sticky;top:0;background:#121212;z-index:10}.admin-users-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a2c}.admin-users-table tbody tr{background:#121212;border-bottom:1px solid #2a2a2c;cursor:pointer;transition:all .2s ease}.admin-users-table tbody tr:hover{background:#1c1c1e}.admin-users-table tbody tr.selected{background:#1c1c1e;border-left:3px solid #17d2c2}.admin-users-table td{padding:16px 20px;font-size:14px;color:#c7c7cc}.admin-users-empty-row{text-align:center;padding:48px!important;color:#8e8e93}.admin-users-cell{display:flex;align-items:center;gap:12px}.admin-users-avatar{width:40px;height:40px;background:linear-gradient(135deg,#12b7ab,#17d2c2 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#001310}.admin-users-info{flex:1}.admin-users-email{font-weight:500;color:#fff;margin-bottom:2px;display:flex;align-items:center;gap:6px}.admin-users-verified-icon{color:#17d2c2}.admin-users-id{font-size:12px;color:#8e8e93;font-family:monospace}.admin-users-role-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-users-role-badge.creator{background:#17d2c233;color:#17d2c2;border:1px solid rgba(23,210,194,.3)}.admin-users-role-badge.member{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.admin-users-status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-users-status-active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-users-status-suspended{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-users-status-banned{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-users-status-unverified{background:#8e8e9333;color:#8e8e93;border:1px solid rgba(142,142,147,.3)}.admin-users-date-cell{font-size:13px;color:#8e8e93}.admin-users-strikes{font-weight:500}.admin-users-strikes.has-strikes,.admin-users-strikes-warning{color:#f59e0b}.admin-users-activity-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.admin-users-earnings{color:#22c55e;font-weight:500}.admin-users-spent{color:#38bdf8;font-weight:500}.admin-users-action-menu-btn{padding:8px;background:transparent;border:none;color:#8e8e93;cursor:pointer;border-radius:6px;transition:all .2s ease}.admin-users-action-menu-btn:hover{background:#1c1c1e;color:#17d2c2}.admin-users-details-panel{width:480px;background:#121212;border-left:1px solid #2a2a2c;display:flex;flex-direction:column;animation:adminUsersSlideIn .3s ease}@keyframes adminUsersSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-users-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #2a2a2c}.admin-users-panel-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.admin-users-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#8e8e93;font-size:18px;cursor:pointer;transition:all .2s ease}.admin-users-close-btn:hover{background:#2a2a2c;color:#fff}.admin-users-panel-content{flex:1;overflow-y:auto;padding:24px}.admin-users-profile{display:flex;align-items:center;gap:16px;padding:20px;background:#1c1c1e;border-radius:12px;margin-bottom:24px}.admin-users-profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,#12b7ab,#17d2c2 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#001310}.admin-users-profile-info h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.admin-users-profile-meta{display:flex;gap:8px}.admin-users-detail-section{margin-bottom:32px}.admin-users-detail-section h3{font-size:14px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.admin-users-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-users-info-item{padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px}.admin-users-info-item label{display:block;font-size:12px;font-weight:500;color:#8e8e93;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.admin-users-info-item p{font-size:14px;color:#fff;margin:0}.admin-users-monospace{font-family:monospace;font-size:12px}.admin-users-strikes-value{color:#f59e0b;font-weight:600}.admin-users-risk-score{font-weight:600}.admin-users-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-users-stat-box{padding:16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.admin-users-stat-label{font-size:12px;color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.admin-users-stat-value{font-size:20px;font-weight:600;color:#17d2c2}.admin-users-moderation-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-users-mod-btn{padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.admin-users-mod-btn:disabled{opacity:.5;cursor:not-allowed}.admin-users-mod-btn.ban{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-users-mod-btn.ban:hover:not(:disabled){background:#ef444433}.admin-users-mod-btn.unban{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-users-mod-btn.unban:hover:not(:disabled){background:#22c55e33}.admin-users-mod-btn.suspend{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-users-mod-btn.suspend:hover:not(:disabled){background:#f59e0b33}.admin-users-mod-btn.remove-suspension{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.admin-users-mod-btn.remove-suspension:hover:not(:disabled){background:#38bdf833}.admin-users-mod-btn.freeze{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.admin-users-mod-btn.freeze:hover:not(:disabled){background:#8b5cf633}.admin-users-action-history{display:flex;flex-direction:column;gap:8px}.admin-users-no-history{padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;color:#8e8e93;text-align:center;font-size:13px}.admin-users-history-item{padding:10px 12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px}.admin-users-history-action{color:#17d2c2;font-weight:500;text-transform:capitalize}.admin-users-history-date{color:#8e8e93;margin-left:auto}.admin-users-history-reason{color:#c7c7cc}.admin-users-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:adminUsersFadeIn .2s ease}@keyframes adminUsersFadeIn{0%{opacity:0}to{opacity:1}}.admin-users-modal-content{background:#121212;border:1px solid #2a2a2c;border-radius:16px;padding:32px;max-width:480px;width:90%;animation:adminUsersSlideUp .3s ease}@keyframes adminUsersSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-users-modal-content h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.admin-users-modal-content p{color:#c7c7cc;margin:0 0 20px;font-size:14px}.admin-users-suspension-duration{margin-bottom:20px}.admin-users-suspension-duration label{display:block;font-size:14px;color:#c7c7cc;margin-bottom:8px}.admin-users-suspension-duration input{width:100px;padding:8px 12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px}.admin-users-action-reason{width:100%;padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;outline:none;margin-bottom:24px}.admin-users-action-reason:focus{border-color:#17d2c2}.admin-users-action-reason::placeholder{color:#8e8e93}.admin-users-modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-users-modal-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.admin-users-modal-btn.cancel{background:#1c1c1e;color:#c7c7cc;border:1px solid #2a2a2c}.admin-users-modal-btn.cancel:hover{background:#2a2a2c;color:#fff}.admin-users-modal-btn.confirm{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310}.admin-users-modal-btn.confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #17d2c24d}.admin-users-modal-btn.confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){display:none}}@media (max-width: 1024px){.admin-users-details-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;z-index:500;box-shadow:-10px 0 30px #00000080}}@media (max-width: 768px){.admin-users-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.admin-users-header-controls{width:100%;flex-wrap:wrap}.admin-users-search-input{width:100%}.admin-users-table{font-size:12px}.admin-users-table th,.admin-users-table td{padding:12px 8px}.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5){display:none}.admin-users-details-panel{width:100%;max-width:none}.admin-users-info-grid,.admin-users-stats-grid,.admin-users-moderation-actions{grid-template-columns:1fr}}*{box-sizing:border-box}.admin-content-page{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a;width:100%;max-width:100vw;overflow-x:hidden}.content-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93}.content-spinner{width:48px;height:48px;border:3px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;animation:contentSpin 1s linear infinite;margin-bottom:16px}@keyframes contentSpin{to{transform:rotate(360deg)}}.content-page-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,2vw,24px) clamp(16px,3vw,32px);background:#121212;border-bottom:1px solid #2a2a2c;width:100%}.content-page-header h2{font-size:28px;font-weight:600;color:#fff;margin:0}.content-subtitle{font-size:14px;color:#8e8e93;margin:4px 0 0}.content-header-controls{display:flex;gap:12px;align-items:center}.content-filter-select{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;outline:none}.content-filter-select:focus{border-color:#17d2c2}.content-view-toggle{display:flex;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;overflow:hidden}.content-view-btn{padding:8px 12px;background:transparent;border:none;color:#8e8e93;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.content-view-btn:not(:last-child){border-right:1px solid #2a2a2c}.content-view-btn.active{background:#2a2a2c;color:#17d2c2}.content-view-btn:hover:not(.active){background:#17d2c21a;color:#fff}.content-refresh-btn{padding:10px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:10px;color:#c7c7cc;cursor:pointer;transition:all .2s ease}.content-refresh-btn:hover{background:#2a2a2c;color:#17d2c2}.content-refresh-btn svg{display:block;transition:transform .3s ease}.content-refresh-btn:hover svg{transform:rotate(180deg)}.content-main-area{flex:1;overflow:auto;padding:clamp(12px,2vw,24px);width:100%}.content-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93;gap:16px}.content-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(16px,2vw,24px);width:100%;padding:0 clamp(12px,2vw,24px)}.content-item-card{background:#121212;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer}.content-item-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080;border-color:#17d2c24d}.content-item-thumbnail{position:relative;width:100%;padding-top:125%;background:#1c1c1e;overflow:hidden}.content-item-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-item-thumbnail img.content-blurred-img{filter:blur(20px)}.content-item-card:hover .content-item-thumbnail img:not(.content-blurred-img){transform:scale(1.05)}.content-blur-overlay{position:absolute;inset:0;background:#0a0a0ab3;display:flex;align-items:center;justify-content:center;z-index:2}.content-preview-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#17d2c21a;border:1px solid #17d2c2;border-radius:8px;color:#17d2c2;cursor:pointer;transition:all .2s ease}.content-preview-btn:hover{background:#17d2c233;transform:scale(1.05)}.content-preview-btn svg{width:24px;height:24px}.content-preview-btn span{font-size:14px;font-weight:500}.content-video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:3}.content-status-badge{position:absolute;top:8px;left:8px;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;z-index:3}.content-status-approved{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.3)}.content-status-pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.content-status-flagged{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.content-status-removed{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.content-item-info{padding:16px}.content-creator-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.content-creator-name{font-size:14px;font-weight:600;color:#fff}.content-upload-date{font-size:12px;color:#8e8e93}.content-ai-flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.content-ai-flag{background:#ff453a1a;color:#ff453a;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.content-item-actions{display:flex;gap:8px;margin-bottom:12px}.content-action-btn{flex:1;padding:8px 12px;border:1px solid;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.content-action-btn:disabled{opacity:.5;cursor:not-allowed}.content-approve-btn{background:#34d399;border-color:#34d399;color:#001310}.content-approve-btn:hover:not(:disabled){background:#2bbf84;border-color:#2bbf84;transform:translateY(-1px);box-shadow:0 4px 12px #34d3994d}.content-reject-btn,.content-remove-btn{border-color:#ef4444;color:#ef4444}.content-reject-btn:hover:not(:disabled),.content-remove-btn:hover:not(:disabled){background:#ef44441a}.content-review-btn{border-color:#17d2c2;color:#17d2c2}.content-review-btn:hover:not(:disabled){background:#17d2c21a}.content-flag-btn{border-color:#fbbf24;color:#fbbf24}.content-flag-btn:hover:not(:disabled){background:#fbbf241a}.content-stats-badges{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.content-stat-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.content-stat-badge svg{width:14px;height:14px;opacity:.9}.content-stat-views{background:#17d2c2;color:#001310}.content-stat-purchases{background:#8b5cf6}.content-stat-earnings{background:#10b981}.content-stat-reports{background:#ef4444}.content-list-view{background:#121212;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden}.content-data-table{width:100%;border-collapse:collapse}.content-data-table thead{background:#1c1c1e}.content-data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.content-data-table tbody tr{border-top:1px solid #2a2a2c;transition:background .2s ease}.content-data-table tbody tr:hover{background:#17d2c20d}.content-data-table td{padding:12px 16px;color:#c7c7cc;font-size:14px}.content-list-thumbnail{width:60px;height:75px;overflow:hidden;border-radius:6px;background:#1c1c1e}.content-list-thumbnail img{width:100%;height:100%;object-fit:cover}.content-type-badge{padding:4px 8px;background:#17d2c21a;color:#17d2c2;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.content-list-status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.content-has-reports{color:#ff453a;font-weight:600}.content-list-action-btn{padding:6px 16px;background:transparent;border:1px solid #17d2c2;color:#17d2c2;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.content-list-action-btn:hover{background:#17d2c21a}.content-preview-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.content-preview-modal-content{position:relative;max-width:600px;max-height:90vh;width:100%;background:#121212;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column}.content-preview-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:10;transition:all .2s ease}.content-preview-close-btn:hover{background:#000000e6;transform:scale(1.1)}.content-preview-modal-content img{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block;background:#0a0a0a}.content-preview-info{padding:20px;background:#121212;flex-shrink:0;max-height:30vh;overflow-y:auto}.content-preview-info h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.content-preview-info p{font-size:14px;color:#8e8e93;margin-bottom:6px}.content-preview-flags{margin:12px 0;padding:10px;background:#ff453a0d;border:1px solid rgba(255,69,58,.2);border-radius:8px}.content-preview-flags strong{color:#ff453a;display:block;margin-bottom:6px;font-size:13px}.content-flag-item{display:inline-block;margin-right:6px;padding:2px 6px;background:#ff453a1a;color:#ff453a;border-radius:4px;font-size:11px}.content-preview-actions{display:flex;gap:10px;margin-top:16px}.content-modal-action-btn{padding:10px 16px;font-size:14px;font-weight:500;flex:1;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease}.content-modal-approve{background:#17d2c2;border-color:#17d2c2;color:#001310!important}.content-modal-approve:hover{background:#12b7ab;border-color:#12b7ab;transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.content-modal-reject{background:transparent;border-color:#ef4444;color:#ef4444}.content-modal-reject:hover{background:#ef44441a}.content-details-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;background:#121212;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden;z-index:1000;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column}.content-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#1c1c1e;border-bottom:1px solid #2a2a2c;position:sticky;top:0;z-index:10}.content-details-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.content-details-close-btn{position:static!important;top:auto!important;right:auto!important;width:32px;height:32px;background:#2a2a2c;border:1px solid #3a3a3c;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;line-height:1;flex-shrink:0}.content-details-close-btn:hover{background:#3a3a3c;color:#17d2c2;transform:scale(1.1)}.content-details-body{padding:24px;overflow-y:auto;flex:1}.content-detail-image{position:relative;width:100%;margin-bottom:24px;border-radius:8px;overflow:hidden;background:#1c1c1e}.content-detail-image img{width:100%;height:auto;display:block}.content-detail-video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.content-detail-info{display:flex;flex-direction:column;gap:24px}.content-detail-section{padding-bottom:24px;border-bottom:1px solid #2a2a2c}.content-detail-section:last-child{border-bottom:none}.content-detail-section h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.content-detail-section p{font-size:14px;color:#c7c7cc;margin-bottom:8px}.content-detail-section p strong{color:#fff;margin-right:8px}.content-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.content-metric{display:flex;flex-direction:column;gap:4px}.content-metric label{font-size:12px;color:#8e8e93}.content-metric span{font-size:18px;font-weight:600;color:#fff}.content-metric-has-reports{color:#ff453a!important}.content-flags-list{display:flex;flex-wrap:wrap;gap:8px}.content-flag-badge{padding:4px 12px;background:#ff453a1a;color:#ff453a;border:1px solid rgba(255,69,58,.2);border-radius:6px;font-size:13px;font-weight:500}.content-detail-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.content-detail-action-btn{width:100%;padding:12px;font-size:14px;border:1px solid;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.content-detail-approve{border-color:#34d399;color:#34d399}.content-detail-approve:hover{background:#34d3991a}.content-detail-reject,.content-detail-remove{border-color:#ef4444;color:#ef4444}.content-detail-reject:hover,.content-detail-remove:hover{background:#ef44441a}.content-removal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.content-removal-modal{background:#121212;border:1px solid #2a2a2c;border-radius:12px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #000c}.content-removal-modal h2{font-size:24px;font-weight:600;color:#fff;margin-bottom:16px}.content-removal-modal p{font-size:14px;color:#8e8e93;margin-bottom:24px;line-height:1.5}.content-removal-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.content-reason-btn{padding:8px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;color:#c7c7cc;font-size:13px;cursor:pointer;transition:all .2s ease}.content-reason-btn:hover{background:#2a2a2c;border-color:#17d2c2;color:#17d2c2}.content-removal-textarea{width:100%;padding:12px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;margin-bottom:24px}.content-removal-textarea:focus{outline:none;border-color:#17d2c2}.content-removal-actions{display:flex;gap:12px}.content-removal-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.content-removal-cancel{background:#1c1c1e;border:1px solid #2a2a2c;color:#c7c7cc}.content-removal-cancel:hover{background:#2a2a2c}.content-removal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.content-removal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.content-removal-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.content-page-header{padding:16px;flex-direction:column;align-items:flex-start;gap:16px}.content-header-controls{width:100%;flex-wrap:wrap}.content-filter-select{flex:1;min-width:120px}.content-main-area{padding:16px}.content-item-card{max-width:100%}.content-item-thumbnail{padding-top:75%}.content-item-info{padding:12px}.content-creator-info{margin-bottom:8px}.content-item-actions{gap:6px;margin-bottom:8px}.content-action-btn{padding:8px 10px;font-size:12px}.content-stats-badges{gap:4px}.content-stat-badge{padding:3px 6px;font-size:10px}.content-stat-badge svg{width:12px;height:12px}.content-details-panel{width:100%;max-width:100%;height:100vh;position:fixed;inset:0;transform:none;border-radius:0;display:flex;flex-direction:column}.content-details-header{flex-shrink:0;padding:16px;background:#1c1c1e;border-bottom:1px solid #2a2a2c}.content-details-header h2{font-size:18px}.content-details-body{flex:1;overflow-y:auto;padding:16px 16px 80px}.content-detail-image{margin-bottom:16px;border-radius:8px}.content-detail-image img{max-height:40vh;object-fit:contain}.content-detail-section{padding-bottom:16px}.content-detail-section h3{font-size:16px;margin-bottom:12px}.content-detail-section p{font-size:14px;margin-bottom:6px}.content-metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.content-metric label{font-size:12px}.content-metric span{font-size:16px}.content-detail-actions{gap:8px;margin-top:16px}.content-detail-action-btn{padding:12px 16px;font-size:14px}.content-preview-modal{padding:20px}.content-preview-modal-content{max-width:100%;max-height:85vh;margin:auto}.content-preview-modal-content img{max-height:50vh}.content-preview-info{padding:16px;max-height:35vh}.content-preview-info h3{font-size:16px;margin-bottom:10px}.content-modal-action-btn{padding:10px 14px;font-size:13px}.content-removal-modal{border-radius:12px 12px 0 0;margin-top:auto}}.admin-payouts{padding:24px;background:var(--bg-900, #0a0a0a);color:var(--text-primary, #ffffff);min-height:100vh}.admin-loading{display:flex;align-items:center;justify-content:center;height:50vh;font-size:18px;color:var(--text-secondary, #c7c7cc)}.payouts-header{margin-bottom:32px}.payouts-header h1{font-size:32px;font-weight:800;color:var(--text-primary, #ffffff);margin-bottom:24px}.payout-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:16px;padding:24px}.stat-card h3{font-size:14px;font-weight:600;color:var(--text-secondary, #c7c7cc);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:28px;font-weight:700;color:var(--brand, #17d2c2);margin-bottom:4px}.stat-card span{font-size:14px;color:var(--text-secondary, #c7c7cc)}.payouts-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--surface-700, #1c1c1e);border-radius:16px;border:1px solid var(--border-600, #2a2a2c)}.filters{display:flex;gap:12px}.filters button{padding:8px 16px;border:1px solid var(--border-600, #2a2a2c);border-radius:8px;background:transparent;color:var(--text-secondary, #c7c7cc);font-weight:500;cursor:pointer;transition:all .2s ease}.filters button:hover,.filters button.active{background:var(--brand, #17d2c2);color:var(--bg-900, #0a0a0a);border-color:var(--brand, #17d2c2)}.bulk-actions{display:flex;align-items:center;gap:16px}.selection-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.selection-info span{font-size:14px;color:var(--text-secondary, #c7c7cc)}.total-amount{font-weight:600;color:var(--brand, #17d2c2)!important;font-size:16px!important}.bulk-payout-btn{padding:12px 24px;background:var(--brand, #17d2c2);color:var(--bg-900, #0a0a0a);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-payout-btn:hover:not(:disabled){background:var(--brand-600, #12b7ab);transform:translateY(-1px)}.bulk-payout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.creators-table{background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:16px;overflow:hidden;margin-bottom:32px}.table-header{display:grid;grid-template-columns:50px 1fr 120px 180px 100px 100px 120px;gap:16px;padding:20px;background:var(--bg-800, #121212);border-bottom:1px solid var(--border-600, #2a2a2c);font-weight:600;font-size:14px;color:var(--text-secondary, #c7c7cc);text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:600px;overflow-y:auto}.creator-row{display:grid;grid-template-columns:50px 1fr 120px 180px 100px 100px 120px;gap:16px;padding:20px;border-bottom:1px solid var(--border-600, #2a2a2c);align-items:center;transition:all .2s ease}.creator-row:hover{background:#17d2c20d}.creator-row.selected{background:#17d2c21a;border-color:var(--brand, #17d2c2)}.creator-row:last-child{border-bottom:none}.checkbox-col input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand, #17d2c2);cursor:pointer}.creator-info{display:flex;align-items:center;gap:12px}.creator-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-600, #2a2a2c)}.creator-name{font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:2px}.creator-email{font-size:13px;color:var(--text-secondary, #c7c7cc)}.amount{font-weight:600;font-size:16px}.amount.ready{color:var(--success, #22c55e)}.amount.pending{color:var(--warning, #f59e0b)}.has-paypal{color:var(--text-primary, #ffffff);font-family:monospace;font-size:13px}.no-paypal{color:var(--error, #ef4444);font-style:italic}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.ready{background:#22c55e33;color:var(--success, #22c55e)}.status.waiting{background:#f59e0b33;color:var(--warning, #f59e0b)}.individual-payout-btn{padding:6px 12px;background:transparent;color:var(--brand, #17d2c2);border:1px solid var(--brand, #17d2c2);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.individual-payout-btn:hover:not(:disabled){background:var(--brand, #17d2c2);color:var(--bg-900, #0a0a0a)}.individual-payout-btn:disabled{opacity:.6;cursor:not-allowed}.payout-history{background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:16px;padding:24px}.payout-history h2{font-size:20px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-800, #121212);border-radius:8px}.history-info{display:flex;flex-direction:column;gap:4px}.history-info .creator-name{font-weight:600;color:var(--text-primary, #ffffff)}.history-info .payout-amount{color:var(--success, #22c55e);font-weight:600}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.payout-date{font-size:13px;color:var(--text-secondary, #c7c7cc)}.payout-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.payout-status.completed{background:#22c55e33;color:var(--success, #22c55e)}.payout-status.pending{background:#f59e0b33;color:var(--warning, #f59e0b)}.payout-status.failed{background:#ef444433;color:var(--error, #ef4444)}.payout-requests-table{background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:16px;overflow:hidden;margin-bottom:32px}.payout-requests-table .table-header{display:grid;grid-template-columns:120px 1fr 140px 200px 120px 120px 200px;gap:16px;padding:20px;background:var(--bg-800, #121212);border-bottom:1px solid var(--border-600, #2a2a2c);font-weight:600;font-size:14px;color:var(--text-secondary, #c7c7cc);text-transform:uppercase;letter-spacing:.5px}.payout-requests-table .table-body{max-height:600px;overflow-y:auto}.request-row{display:grid;grid-template-columns:120px 1fr 140px 200px 120px 120px 200px;gap:16px;padding:20px;border-bottom:1px solid var(--border-600, #2a2a2c);align-items:center;transition:all .2s ease}.request-row:hover{background:#17d2c20d}.request-row:last-child{border-bottom:none}.no-requests{padding:40px;text-align:center;color:var(--text-secondary, #c7c7cc);font-size:16px}.request-id{font-family:monospace;font-size:13px;color:var(--text-secondary, #c7c7cc);background:var(--bg-800, #121212);padding:4px 8px;border-radius:4px}.amount-value{font-weight:700;font-size:18px;color:var(--brand, #17d2c2)}.available-amount{display:block;font-size:12px;color:var(--text-secondary, #c7c7cc);margin-top:4px}.paypal-email{font-family:monospace;font-size:13px;color:var(--text-primary, #ffffff);background:var(--bg-800, #121212);padding:6px 12px;border-radius:6px;display:inline-block}.status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block}.status-pending{background:#f59e0b26;color:var(--warning, #f59e0b);border:1px solid rgba(245,158,11,.3)}.status-approved{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-processed{background:#22c55e26;color:var(--success, #22c55e);border:1px solid rgba(34,197,94,.3)}.status-rejected{background:#ef444426;color:var(--error, #ef4444);border:1px solid rgba(239,68,68,.3)}.status-cancelled{background:#8e8e9326;color:var(--muted, #8e8e93);border:1px solid rgba(142,142,147,.3)}.action-buttons{display:flex;gap:8px;align-items:center}.approve-btn{padding:8px 16px;background:var(--success, #22c55e);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.approve-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.approve-btn:disabled{opacity:.6;cursor:not-allowed}.reject-btn{padding:8px 16px;background:transparent;color:var(--error, #ef4444);border:1px solid var(--error, #ef4444);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.reject-btn:hover:not(:disabled){background:var(--error, #ef4444);color:#fff}.reject-btn:disabled{opacity:.6;cursor:not-allowed}.paypal-btn{padding:10px 20px;background:linear-gradient(135deg,#0070ba,#1f8dd6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.paypal-btn:hover:not(:disabled){background:linear-gradient(135deg,#005a94,#1670b0);transform:translateY(-1px);box-shadow:0 4px 12px #0070ba4d}.paypal-btn:disabled{opacity:.6;cursor:not-allowed}.processed-info,.rejected-info{display:flex;flex-direction:column;gap:4px}.processed-info small,.rejected-info small{font-size:12px;color:var(--text-secondary, #c7c7cc);line-height:1.4}.processed-date{color:var(--success, #22c55e)!important;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:16px;padding:32px;max-width:500px;width:90%}.modal-content h2{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:12px}.modal-content p{color:var(--text-secondary, #c7c7cc);margin-bottom:20px;line-height:1.5}.modal-content textarea{width:100%;padding:12px;background:var(--bg-800, #121212);border:1px solid var(--border-600, #2a2a2c);border-radius:8px;color:var(--text-primary, #ffffff);font-family:inherit;font-size:14px;resize:vertical;margin-bottom:20px}.modal-content textarea:focus{outline:none;border-color:var(--brand, #17d2c2)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 20px;background:transparent;color:var(--text-secondary, #c7c7cc);border:1px solid var(--border-600, #2a2a2c);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--bg-800, #121212)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-reject-btn{padding:10px 20px;background:var(--error, #ef4444);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-reject-btn:hover:not(:disabled){background:#dc2626}.confirm-reject-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.table-header,.creator-row{grid-template-columns:40px 1fr 100px 150px 80px 80px 100px;gap:12px;padding:16px}.creator-avatar{width:32px;height:32px}.creator-name{font-size:14px}.creator-email{font-size:12px}}@media (max-width: 768px){.admin-payouts{padding:16px}.payouts-controls{flex-direction:column;gap:16px;align-items:stretch}.bulk-actions{justify-content:space-between}.table-header,.creator-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.creator-row{flex-direction:column;align-items:stretch;gap:12px}.creators-table{border-radius:12px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--admin-management-bg-primary: #0a0a0a;--admin-management-bg-secondary: #121212;--admin-management-bg-tertiary: #1c1c1e;--admin-management-border-color: #2a2a2c;--admin-management-text-primary: #ffffff;--admin-management-text-secondary: #c7c7cc;--admin-management-text-tertiary: #8e8e93;--admin-management-accent-primary: #17d2c2;--admin-management-accent-secondary: #12b7ab;--admin-management-accent-tertiary: #47e0d2;--admin-management-error: #ef4444;--admin-management-warning: #f59e0b;--admin-management-success: #22c55e;--admin-management-info: #38bdf8;--admin-management-spacing-xs: 4px;--admin-management-spacing-sm: 8px;--admin-management-spacing-md: 16px;--admin-management-spacing-lg: 24px;--admin-management-spacing-xl: 32px;--admin-management-touch-target: 44px;--admin-management-border-radius: 8px;--admin-management-border-radius-lg: 12px;--admin-management-font-size-xs: 11px;--admin-management-font-size-sm: 13px;--admin-management-font-size-base: 14px;--admin-management-font-size-md: 16px;--admin-management-font-size-lg: 18px;--admin-management-font-size-xl: 20px;--admin-management-font-size-2xl: 24px;--admin-management-font-size-3xl: 28px}.admin-management-container{display:flex;flex-direction:column;position:relative}.admin-management-content-actions-bar{display:flex;gap:var(--admin-management-spacing-sm);padding:var(--admin-management-spacing-md);background:var(--admin-management-bg-secondary);border-bottom:1px solid var(--admin-management-border-color);position:sticky;top:var(--admin-header-navbar-height, 60px);z-index:40}.admin-management-refresh-indicator{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:100;background:var(--admin-management-bg-secondary);padding:var(--admin-management-spacing-sm);border-radius:50%;box-shadow:0 2px 8px #0006}.admin-management-refresh-spinner{width:24px;height:24px;border:2px solid var(--admin-management-border-color);border-top-color:var(--admin-management-accent-primary);border-radius:50%;animation:adminManagementSpin .8s linear infinite}.admin-management-admins-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--admin-management-spacing-lg);color:var(--admin-management-text-tertiary)}.admin-management-spinner{width:40px;height:40px;border:3px solid var(--admin-management-border-color);border-top-color:var(--admin-management-accent-primary);border-radius:50%;animation:adminManagementSpin 1s linear infinite;margin-bottom:var(--admin-management-spacing-md)}@keyframes adminManagementSpin{to{transform:rotate(360deg)}}.admin-management-header{display:flex;flex-direction:column;padding:var(--admin-management-spacing-md);background:var(--admin-management-bg-secondary);border-bottom:1px solid var(--admin-management-border-color);position:sticky;top:0;z-index:50;gap:var(--admin-management-spacing-md)}.admin-management-header-title{display:flex;flex-direction:column;gap:var(--admin-management-spacing-sm)}.admin-management-back-btn{display:inline-flex;align-items:center;gap:var(--admin-management-spacing-sm);padding:8px 16px;background:var(--admin-management-bg-tertiary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius);color:var(--admin-management-text-secondary);font-size:var(--admin-management-font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;margin-bottom:var(--admin-management-spacing-sm)}.admin-management-back-btn:active{background:var(--admin-management-border-color);color:var(--admin-management-accent-primary);transform:scale(.98)}.admin-management-back-btn svg{width:18px;height:18px}.admin-management-header-title h1{font-size:var(--admin-management-font-size-2xl);font-weight:600;color:var(--admin-management-text-primary);margin:0;line-height:1.2}.admin-management-subtitle{font-size:var(--admin-management-font-size-sm);color:var(--admin-management-text-tertiary);margin:var(--admin-management-spacing-xs) 0 0 0}.admin-management-header-actions{display:flex;gap:var(--admin-management-spacing-sm);align-items:center;width:100%}.admin-management-create-btn{display:flex;align-items:center;gap:var(--admin-management-spacing-sm);padding:12px 20px;background:linear-gradient(135deg,var(--admin-management-accent-secondary) 0%,var(--admin-management-accent-primary) 50%,var(--admin-management-accent-tertiary) 100%);color:#001310;border:none;border-radius:var(--admin-management-border-radius);font-size:var(--admin-management-font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:var(--admin-management-touch-target);justify-content:center;touch-action:manipulation;white-space:nowrap}.admin-management-create-btn:active{transform:scale(.98)}.admin-management-btn-text{display:inline;white-space:nowrap}.admin-management-refresh-btn{padding:var(--admin-management-spacing-sm);background:var(--admin-management-bg-tertiary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius);color:var(--admin-management-text-secondary);cursor:pointer;transition:all .2s ease;min-width:var(--admin-management-touch-target);min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;touch-action:manipulation}.admin-management-refresh-btn:active{background:var(--admin-management-border-color);color:var(--admin-management-accent-primary)}.admin-management-refresh-btn svg{display:block;transition:transform .3s ease}.admin-management-refresh-btn:active svg{transform:rotate(180deg)}.admin-management-admins-grid{padding:var(--admin-management-spacing-md);display:flex;flex-direction:column;gap:var(--admin-management-spacing-md)}.admin-management-admin-card{background:var(--admin-management-bg-secondary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius-lg);padding:var(--admin-management-spacing-md);transition:all .2s ease;touch-action:manipulation;display:grid;grid-template-columns:1fr;gap:var(--admin-management-spacing-sm)}.admin-management-admin-card-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--admin-management-spacing-sm)}.admin-management-admin-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--admin-management-accent-secondary) 0%,var(--admin-management-accent-primary) 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--admin-management-font-size-md);color:#001310}.admin-management-admin-info{min-width:0;display:grid;grid-template-columns:1fr}.admin-management-admin-info h3{font-size:var(--admin-management-font-size-md);font-weight:600;color:var(--admin-management-text-primary);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-management-admin-info p{font-size:var(--admin-management-font-size-sm);color:var(--admin-management-text-tertiary);margin:0;word-break:break-word;line-height:1.4}.admin-management-expand-btn{background:transparent;border:none;color:var(--admin-management-text-secondary);padding:var(--admin-management-spacing-sm);cursor:pointer;min-width:var(--admin-management-touch-target);min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;touch-action:manipulation}.admin-management-admin-role{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--admin-management-spacing-sm)}.admin-management-role-badge,.admin-management-status-badge{padding:6px 10px;border-radius:6px;font-size:var(--admin-management-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.admin-management-role-super{background:#ef444426;color:var(--admin-management-error);border:1px solid rgba(239,68,68,.3)}.admin-management-role-moderator{background:#f59e0b26;color:var(--admin-management-warning);border:1px solid rgba(245,158,11,.3)}.admin-management-role-verification{background:#38bdf826;color:var(--admin-management-info);border:1px solid rgba(56,189,248,.3)}.admin-management-status-badge.active{background:#22c55e26;color:var(--admin-management-success);border:1px solid rgba(34,197,94,.3)}.admin-management-status-badge.inactive{background:#ef444426;color:var(--admin-management-error);border:1px solid rgba(239,68,68,.3)}.admin-management-admin-details{display:grid;grid-template-columns:1fr;gap:var(--admin-management-spacing-md);max-height:0;overflow:hidden;transition:max-height .3s ease}.admin-management-admin-details.expanded{max-height:500px}.admin-management-admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--admin-management-spacing-sm);margin-bottom:var(--admin-management-spacing-md);padding-top:var(--admin-management-spacing-md);border-top:1px solid var(--admin-management-border-color)}.admin-management-stat{display:flex;flex-direction:column;padding:var(--admin-management-spacing-sm);background:var(--admin-management-bg-tertiary);border-radius:var(--admin-management-border-radius);text-align:center}.admin-management-stat-label{font-size:var(--admin-management-font-size-xs);color:var(--admin-management-text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--admin-management-spacing-xs)}.admin-management-stat-value{font-size:var(--admin-management-font-size-sm);font-weight:600;color:var(--admin-management-text-primary)}.admin-management-permissions-section{margin-bottom:var(--admin-management-spacing-md)}.admin-management-permissions-section h4{font-size:var(--admin-management-font-size-sm);font-weight:600;color:var(--admin-management-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--admin-management-spacing-sm) 0}.admin-management-permissions-list{display:flex;flex-wrap:wrap;gap:var(--admin-management-spacing-xs)}.admin-management-permission-tag{padding:6px 10px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);color:var(--admin-management-accent-primary);border-radius:6px;font-size:var(--admin-management-font-size-xs);font-weight:500}.admin-management-admin-actions{display:flex;gap:var(--admin-management-spacing-sm);padding-top:var(--admin-management-spacing-md);border-top:1px solid var(--admin-management-border-color)}.admin-management-action-btn{flex:1;padding:var(--admin-management-spacing-sm) var(--admin-management-spacing-md);border:none;border-radius:var(--admin-management-border-radius);font-size:var(--admin-management-font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;gap:var(--admin-management-spacing-xs);touch-action:manipulation}.admin-management-action-btn.edit{background:#38bdf81a;color:var(--admin-management-info);border:1px solid rgba(56,189,248,.3)}.admin-management-action-btn.edit:active{background:#38bdf833;transform:scale(.98)}.admin-management-action-btn.delete{background:#ef44441a;color:var(--admin-management-error);border:1px solid rgba(239,68,68,.3)}.admin-management-action-btn.delete:active{background:#ef444433;transform:scale(.98)}.admin-management-pagination{display:flex;align-items:center;justify-content:center;gap:var(--admin-management-spacing-sm);padding:var(--admin-management-spacing-lg) var(--admin-management-spacing-md);background:var(--admin-management-bg-secondary);border-top:1px solid var(--admin-management-border-color);position:sticky;bottom:0;z-index:40}.admin-management-page-btn{padding:var(--admin-management-spacing-sm);background:var(--admin-management-bg-tertiary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius);color:var(--admin-management-text-secondary);cursor:pointer;min-width:var(--admin-management-touch-target);min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.admin-management-page-btn:disabled{opacity:.5;cursor:not-allowed}.admin-management-page-btn:not(:disabled):active{background:var(--admin-management-border-color)}.admin-management-page-numbers{display:flex;gap:var(--admin-management-spacing-xs);overflow-x:auto;max-width:200px;scrollbar-width:none;-ms-overflow-style:none}.admin-management-page-numbers::-webkit-scrollbar{display:none}.admin-management-page-number{min-width:36px;height:36px;padding:var(--admin-management-spacing-xs);background:transparent;border:1px solid transparent;color:var(--admin-management-text-secondary);border-radius:var(--admin-management-border-radius);font-size:var(--admin-management-font-size-base);cursor:pointer;transition:all .2s ease;touch-action:manipulation}.admin-management-page-number.active{background:var(--admin-management-accent-primary);color:#001310;font-weight:600}.admin-management-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:adminManagementFadeIn .2s ease}@keyframes adminManagementFadeIn{0%{opacity:0}to{opacity:1}}.admin-management-modal-content{background:var(--admin-management-bg-secondary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius-lg) var(--admin-management-border-radius-lg) 0 0;padding:var(--admin-management-spacing-lg) var(--admin-management-spacing-md) env(safe-area-inset-bottom);width:100%;max-height:85vh;overflow-y:auto;animation:adminManagementSlideUp .3s ease;position:relative}@keyframes adminManagementSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.admin-management-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--admin-management-spacing-lg)}.admin-management-modal-header h2{font-size:var(--admin-management-font-size-xl);font-weight:600;color:var(--admin-management-text-primary);margin:0}.admin-management-modal-close{background:transparent;border:none;color:var(--admin-management-text-secondary);padding:var(--admin-management-spacing-md);cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;border-radius:50%;transition:background .2s ease}.admin-management-modal-close:active{background:#ffffff1a}.admin-management-edit-info{color:var(--admin-management-text-secondary);margin:0 0 var(--admin-management-spacing-lg) 0;font-size:var(--admin-management-font-size-base)}.admin-management-form-group{margin-bottom:var(--admin-management-spacing-lg)}.admin-management-form-group label{display:block;font-size:var(--admin-management-font-size-sm);font-weight:500;color:var(--admin-management-text-secondary);margin-bottom:var(--admin-management-spacing-sm);text-transform:uppercase;letter-spacing:.3px}.admin-management-form-group input,.admin-management-form-group select{width:100%;padding:14px;background:var(--admin-management-bg-tertiary);border:1px solid var(--admin-management-border-color);border-radius:var(--admin-management-border-radius);color:var(--admin-management-text-primary);font-size:var(--admin-management-font-size-md);outline:none;transition:all .2s ease;min-height:var(--admin-management-touch-target);-webkit-appearance:none;appearance:none}.admin-management-form-group input::placeholder{color:var(--admin-management-text-tertiary)}.admin-management-form-group input:focus,.admin-management-form-group select:focus{border-color:var(--admin-management-accent-primary);box-shadow:0 0 0 3px #17d2c21a}.admin-management-form-group input.error{border-color:var(--admin-management-error)}.admin-management-password-input{position:relative;display:flex;align-items:center}.admin-management-password-input input{padding-right:calc(var(--admin-management-touch-target) + var(--admin-management-spacing-sm))}.admin-management-password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--admin-management-text-secondary);padding:var(--admin-management-spacing-sm);cursor:pointer;min-width:var(--admin-management-touch-target);min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;touch-action:manipulation}.admin-management-error-message{display:block;color:var(--admin-management-error);font-size:var(--admin-management-font-size-sm);margin-top:var(--admin-management-spacing-xs);animation:adminManagementSlideDown .2s ease}@keyframes adminManagementSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-management-role-description,.admin-management-status-description{padding:var(--admin-management-spacing-md);border-radius:var(--admin-management-border-radius);margin-bottom:var(--admin-management-spacing-lg)}.admin-management-role-description{background:#17d2c20d;border:1px solid rgba(23,210,194,.2)}.admin-management-role-description p{font-size:var(--admin-management-font-size-sm);color:var(--admin-management-accent-primary);margin:0;line-height:1.5}.admin-management-status-description p{font-size:var(--admin-management-font-size-sm);margin:0;line-height:1.5;padding:var(--admin-management-spacing-md);border-radius:var(--admin-management-border-radius)}.admin-management-status-description .admin-management-status-active{color:var(--admin-management-success);background:#22c55e0d;border:1px solid rgba(34,197,94,.2)}.admin-management-status-description .admin-management-status-inactive{color:var(--admin-management-error);background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.admin-management-modal-actions{display:flex;gap:var(--admin-management-spacing-sm);justify-content:flex-end;margin-top:var(--admin-management-spacing-xl)}.admin-management-modal-btn{padding:14px 24px;border-radius:var(--admin-management-border-radius);font-size:var(--admin-management-font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:var(--admin-management-touch-target);display:flex;align-items:center;justify-content:center;gap:var(--admin-management-spacing-sm);touch-action:manipulation;flex:1}.admin-management-modal-btn.cancel{background:var(--admin-management-bg-tertiary);color:var(--admin-management-text-secondary);border:1px solid var(--admin-management-border-color)}.admin-management-modal-btn.cancel:active{background:var(--admin-management-border-color);transform:scale(.98)}.admin-management-modal-btn.confirm{background:linear-gradient(135deg,var(--admin-management-accent-secondary) 0%,var(--admin-management-accent-primary) 50%,var(--admin-management-accent-tertiary) 100%);color:#001310}.admin-management-modal-btn.confirm:active:not(:disabled){transform:scale(.98)}.admin-management-modal-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.admin-management-btn-spinner{width:16px;height:16px;border:2px solid rgba(0,19,16,.3);border-top-color:#001310;border-radius:50%;animation:adminManagementSpin .8s linear infinite}@media (min-width: 768px){:root{--admin-management-font-size-base: 15px;--admin-management-font-size-lg: 20px;--admin-management-font-size-xl: 22px;--admin-management-font-size-2xl: 26px;--admin-management-font-size-3xl: 32px}.admin-management-header{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--admin-management-spacing-lg)}.admin-management-header-title{flex-direction:row;align-items:center;gap:var(--admin-management-spacing-lg)}.admin-management-back-btn{margin-bottom:0}.admin-management-header-actions{width:auto;gap:var(--admin-management-spacing-md)}.admin-management-create-btn{padding:12px 24px}.admin-management-admins-grid{display:grid;grid-template-columns:1fr;padding:var(--admin-management-spacing-lg);gap:var(--admin-management-spacing-lg)}.admin-management-admin-card{padding:var(--admin-management-spacing-lg);width:100%}.admin-management-admin-avatar{width:48px;height:48px;font-size:var(--admin-management-font-size-lg)}.admin-management-admin-stats{grid-template-columns:repeat(3,1fr)}.admin-management-modal-overlay{align-items:center;padding:var(--admin-management-spacing-lg)}.admin-management-modal-content{border-radius:var(--admin-management-border-radius-lg);max-width:500px;padding:var(--admin-management-spacing-xl);max-height:90vh}.admin-management-modal-btn{flex:0;padding:12px 32px}}@media (min-width: 1024px){.admin-management-admins-grid{grid-template-columns:1fr;padding:var(--admin-management-spacing-xl)}.admin-management-admin-card{width:100%}.admin-management-admin-stats{grid-template-columns:repeat(5,1fr)}.admin-management-admin-details,.admin-management-admin-details.expanded{max-height:none}.admin-management-expand-btn{display:none}.admin-management-admin-actions{display:grid;grid-template-columns:repeat(2,1fr)}.admin-management-pagination{position:static;background:transparent;border-top:none;padding:var(--admin-management-spacing-xl)}.admin-management-page-numbers{max-width:none}}@media (min-width: 1280px){.admin-management-header{padding:var(--admin-management-spacing-xl) 48px}.admin-management-admins-grid{grid-template-columns:1fr;padding:var(--admin-management-spacing-xl) 48px;gap:var(--admin-management-spacing-xl)}.admin-management-admin-card{width:100%}.admin-management-modal-content{max-width:600px}}@media (min-width: 1536px){.admin-management-admins-grid{grid-template-columns:1fr}.admin-management-admin-card{width:100%}}@media (hover: hover) and (pointer: fine){.admin-management-back-btn:hover{background:var(--admin-management-border-color);color:var(--admin-management-accent-primary);transform:translate(-2px)}.admin-management-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.admin-management-refresh-btn:hover{background:var(--admin-management-border-color);color:var(--admin-management-accent-primary)}.admin-management-refresh-btn:hover svg{transform:rotate(180deg)}.admin-management-admin-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d;border-color:var(--admin-management-accent-primary)}.admin-management-action-btn.edit:hover{background:#38bdf833}.admin-management-action-btn.delete:hover{background:#ef444433}.admin-management-page-btn:not(:disabled):hover{background:var(--admin-management-border-color);color:var(--admin-management-accent-primary)}.admin-management-modal-btn.cancel:hover{background:var(--admin-management-border-color);color:var(--admin-management-text-primary)}.admin-management-modal-btn.confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #17d2c24d}}*:focus-visible{outline:2px solid var(--admin-management-accent-primary);outline-offset:2px}@media print{.admin-management-header-actions,.admin-management-admin-actions,.admin-management-pagination,.admin-management-expand-btn{display:none}.admin-management-admin-details{max-height:none!important}}.keyword-analytics-page{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-lg);background:var(--bg-900);min-height:100vh;color:var(--text-primary)}.ka-header{margin-bottom:var(--space-xl)}.ka-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.ka-title-section h1{display:flex;align-items:center;gap:var(--space-sm);font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.ka-title-section p{color:var(--text-secondary);font-size:.938rem;margin:0}.ka-header-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.ka-timeframe-select{padding:var(--space-sm) var(--space-md);background:var(--surface-700);border:1px solid var(--border-600);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-timeframe-select:hover{background:var(--bg-800);border-color:var(--primary)}.ka-timeframe-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.ka-auto-refresh{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-700);border:1px solid var(--border-600);border-radius:8px;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-auto-refresh:hover{background:var(--bg-800)}.ka-auto-refresh input[type=checkbox]{cursor:pointer}.ka-auto-refresh span{color:var(--text-secondary);font-size:.875rem;font-weight:500;user-select:none}.ka-refresh-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-refresh-btn:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.ka-refresh-btn:active:not(:disabled){transform:translateY(0)}.ka-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ka-refresh-btn .spinning{animation:spin 1s linear infinite}.ka-last-refresh{color:var(--text-secondary);font-size:.813rem;margin-top:var(--space-sm)}.ka-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.ka-stat-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.ka-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0}.ka-card-content{flex:1}.ka-card-content h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-xs) 0;text-transform:uppercase;letter-spacing:.5px}.ka-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:var(--space-xs) 0}.ka-stat-label{font-size:.813rem;color:var(--muted)}.ka-content-grid{display:grid;gap:var(--space-xl)}.ka-card{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-lg);transition:all .2s}.ka-card:hover{border-color:#17d2c24d}.ka-full-width{grid-column:1 / -1}.ka-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.ka-card-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.ka-card-subtitle{color:var(--text-secondary);font-size:.875rem;margin:var(--space-xs) 0 0 0}.ka-card-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.ka-filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-800);border:1px solid var(--border-600);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-filter-select:hover{border-color:var(--primary)}.ka-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.ka-export-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-800);border:1px solid var(--border-600);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-export-btn:hover{background:var(--surface-700);border-color:var(--primary);color:var(--text-primary)}.ka-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-600)}.ka-table{width:100%;border-collapse:collapse}.ka-table thead{background:var(--bg-800)}.ka-table th{padding:var(--space-md);text-align:left;font-size:.813rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-600);white-space:nowrap}.ka-sortable{cursor:pointer;user-select:none;transition:color .2s}.ka-sortable:hover{color:var(--primary)}.ka-table tbody tr{border-bottom:1px solid var(--border-600);transition:background .2s}.ka-table tbody tr:hover{background:var(--bg-800)}.ka-table tbody tr:last-child{border-bottom:none}.ka-table td{padding:var(--space-md);font-size:.875rem;color:var(--text-primary)}.ka-keyword-cell{font-weight:500;color:var(--text-primary)}.ka-category-badge{display:inline-block;padding:4px 12px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:12px;color:var(--primary);font-size:.75rem;font-weight:500;text-transform:capitalize}.ka-number-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.ka-trend-cell{text-align:center}.ka-trend-up{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#22c55e1a;border-radius:6px;color:var(--success);font-size:.75rem;font-weight:600}.ka-trend-neutral{color:var(--muted)}.ka-chart-container{display:flex;flex-direction:column;gap:var(--space-md)}.ka-category-bar{display:flex;flex-direction:column;gap:var(--space-xs)}.ka-category-info{display:flex;justify-content:space-between;align-items:center}.ka-category-name{font-size:.875rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.ka-category-value{font-size:.813rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.ka-progress-bar{width:100%;height:8px;background:var(--bg-800);border-radius:4px;overflow:hidden}.ka-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.ka-posting-times{display:flex;flex-direction:column;gap:var(--space-md)}.ka-time-slot{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-800);border-radius:8px;transition:all .2s}.ka-time-slot:hover{background:var(--bg-900);transform:translate(4px)}.ka-time-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#17d2c21a;border-radius:8px;color:var(--primary);flex-shrink:0}.ka-time-info{display:flex;flex-direction:column;gap:4px}.ka-time-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ka-time-count{font-size:.813rem;color:var(--text-secondary)}.ka-opportunities-list{display:flex;flex-direction:column;gap:var(--space-sm)}.ka-opportunity-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-800);border-radius:8px;transition:all .2s}.ka-opportunity-item:hover{background:var(--bg-900)}.ka-opportunity-info{flex:1;display:flex;flex-direction:column;gap:4px}.ka-opportunity-query{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ka-opportunity-count{font-size:.813rem;color:var(--warning);font-weight:500}.ka-add-keyword-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:8px;color:var(--primary);cursor:pointer;transition:all .2s;flex-shrink:0}.ka-add-keyword-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.ka-activity-feed{display:flex;flex-direction:column;gap:var(--space-sm);max-height:500px;overflow-y:auto}.ka-activity-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-800);border-radius:8px;transition:all .2s}.ka-activity-item:hover{background:var(--bg-900)}.ka-activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#38bdf81a;border-radius:8px;color:var(--info);flex-shrink:0}.ka-activity-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ka-activity-query{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ka-activity-meta{font-size:.75rem;color:var(--text-secondary)}.ka-activity-time{font-size:.75rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.ka-live-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:4px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:var(--success);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ka-pulse{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ka-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--text-secondary)}.ka-spinner{animation:spin 1s linear infinite;color:var(--primary)}.ka-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.ka-error svg{color:var(--error)}.ka-error h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.ka-error p{color:var(--text-secondary);margin:0}.ka-retry-btn{padding:var(--space-sm) var(--space-lg);background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:var(--touch-target-min)}.ka-retry-btn:hover{background:var(--primary-600);transform:translateY(-1px)}@media (max-width: 768px){.keyword-analytics-page{padding:var(--space-md)}.ka-header-content{flex-direction:column;align-items:stretch}.ka-title-section h1{font-size:1.5rem}.ka-header-actions{flex-direction:column;align-items:stretch}.ka-header-actions>*{width:100%}.ka-overview-cards{grid-template-columns:1fr;gap:var(--space-md)}.ka-stat-card{padding:var(--space-md)}.ka-card-icon{width:40px;height:40px}.ka-stat-value{font-size:1.5rem}.ka-card-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.ka-card-actions{flex-direction:column;width:100%}.ka-card-actions>*{width:100%}.ka-table-container{border-radius:0;margin:0 calc(-1 * var(--space-md))}.ka-table th,.ka-table td{padding:var(--space-sm);font-size:.75rem}.ka-table th:first-child,.ka-table td:first-child{padding-left:var(--space-md)}.ka-table th:last-child,.ka-table td:last-child{padding-right:var(--space-md)}.ka-activity-feed{max-height:400px}.ka-activity-item{padding:var(--space-sm)}.ka-activity-icon{width:32px;height:32px}.ka-opportunity-item,.ka-time-slot{padding:var(--space-sm)}}@media (min-width: 769px) and (max-width: 1023px){.ka-overview-cards,.ka-content-grid{grid-template-columns:repeat(2,1fr)}.ka-full-width{grid-column:1 / -1}}@media (min-width: 1024px){.ka-content-grid{grid-template-columns:repeat(3,1fr)}.ka-full-width{grid-column:1 / -1}}.ka-activity-feed::-webkit-scrollbar{width:6px}.ka-activity-feed::-webkit-scrollbar-track{background:var(--bg-800);border-radius:3px}.ka-activity-feed::-webkit-scrollbar-thumb{background:var(--border-600);border-radius:3px}.ka-activity-feed::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media print{.ka-header-actions,.ka-export-btn,.ka-add-keyword-btn,.ka-live-indicator{display:none}.keyword-analytics-page{background:#fff;color:#000}.ka-card{border:1px solid #ccc;page-break-inside:avoid}}.SEODashboard-page{padding:24px;background:#0a0a0a;min-height:100vh;color:#fff}.SEODashboard-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.SEODashboard-title-section h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;margin:0 0 8px;color:#fff}.SEODashboard-title-section p{margin:0;color:#8e8e93;font-size:14px}.SEODashboard-header-actions{display:flex;gap:12px;align-items:center}.SEODashboard-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEODashboard-refresh-btn:hover:not(:disabled){background:#2a2a2c;border-color:#17d2c2}.SEODashboard-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SEODashboard-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.SEODashboard-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:20px}.SEODashboard-stat-card{display:flex;gap:16px;align-items:flex-start}.SEODashboard-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.SEODashboard-card-content h3{margin:0 0 8px;font-size:14px;font-weight:500;color:#8e8e93}.SEODashboard-stat-value{margin:0 0 4px;font-size:32px;font-weight:700;color:#fff}.SEODashboard-stat-label{font-size:12px;color:#8e8e93}.SEODashboard-section{margin-bottom:32px}.SEODashboard-section h2{font-size:20px;font-weight:600;margin:0 0 16px;color:#fff}.SEODashboard-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.SEODashboard-action-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.SEODashboard-action-card:hover:not(:disabled){background:#2a2a2c;border-color:#17d2c2;transform:translateY(-2px)}.SEODashboard-action-card:disabled{opacity:.5;cursor:not-allowed}.SEODashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.SEODashboard-nav-card{position:relative;display:block;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:24px;text-decoration:none;transition:all .2s}.SEODashboard-nav-card:hover{border-color:#17d2c2;transform:translateY(-4px);box-shadow:0 8px 24px #17d2c226}.SEODashboard-nav-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.SEODashboard-nav-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.SEODashboard-nav-card p{margin:0;font-size:14px;color:#8e8e93;line-height:1.5}.SEODashboard-nav-arrow{position:absolute;top:24px;right:24px;font-size:24px;color:#17d2c2;opacity:0;transition:opacity .2s}.SEODashboard-nav-card:hover .SEODashboard-nav-arrow{opacity:1}.SEODashboard-table-container{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden}.SEODashboard-table{width:100%;border-collapse:collapse}.SEODashboard-table thead{background:#2a2a2c}.SEODashboard-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.SEODashboard-table td{padding:12px 16px;border-top:1px solid #2a2a2c;font-size:14px;color:#fff}.SEODashboard-keyword-cell{font-weight:500}.SEODashboard-number-cell{text-align:left;font-variant-numeric:tabular-nums}.SEODashboard-source-badge,.SEODashboard-score-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.SEODashboard-source-badge{background:#2a2a2c;color:#8e8e93}.SEODashboard-score-badge{background:#17d2c226;color:#17d2c2}.SEODashboard-view-all-link{display:inline-block;margin-top:16px;color:#17d2c2;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s}.SEODashboard-view-all-link:hover{opacity:.8}.SEODashboard-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.SEODashboard-pages-list{display:flex;flex-direction:column;gap:12px}.SEODashboard-page-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.SEODashboard-page-item-warning{border-color:#f59e0b}.SEODashboard-page-info h4{margin:0 0 4px;font-size:14px;font-weight:500;color:#fff}.SEODashboard-page-slug{font-size:12px;color:#8e8e93}.SEODashboard-page-metrics{display:flex;gap:12px;align-items:center;font-size:12px;color:#8e8e93;flex-shrink:0}.SEODashboard-quality-score{padding:4px 8px;border-radius:4px;background:#22c55e26;color:#22c55e;font-weight:500}.SEODashboard-quality-low{background:#f59e0b26;color:#f59e0b}.SEODashboard-loading,.SEODashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#8e8e93}.SEODashboard-spinner{animation:spin 1s linear infinite;color:#17d2c2}.SEODashboard-retry-btn{padding:12px 24px;background:#17d2c2;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.SEODashboard-retry-btn:hover{opacity:.9}@media (max-width: 768px){.SEODashboard-page{padding:16px}.SEODashboard-header{flex-direction:column}.SEODashboard-overview-cards,.SEODashboard-actions-grid,.SEODashboard-nav-grid,.SEODashboard-performance-grid{grid-template-columns:1fr}.SEODashboard-page-item{flex-direction:column;align-items:flex-start}}.SEOKeywords-page{min-height:100vh;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:24px}.SEOKeywords-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.SEOKeywords-title-section{display:flex;flex-direction:column;gap:8px}.SEOKeywords-back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.SEOKeywords-back-link:hover{color:var(--accent-secondary)}.SEOKeywords-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.SEOKeywords-header p{font-size:14px;color:var(--text-secondary);margin:0}.SEOKeywords-header-actions{display:flex;gap:12px}.SEOKeywords-export-btn,.SEOKeywords-refresh-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color)}.SEOKeywords-export-btn{background:var(--bg-tertiary);color:var(--text-primary)}.SEOKeywords-export-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary)}.SEOKeywords-refresh-btn{background:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.SEOKeywords-refresh-btn:hover:not(:disabled){background:var(--accent-secondary)}.SEOKeywords-export-btn:disabled,.SEOKeywords-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SEOKeywords-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.SEOKeywords-stat{display:flex;flex-direction:column;gap:4px}.SEOKeywords-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.SEOKeywords-stat-label{font-size:13px;color:var(--text-secondary)}.SEOKeywords-filters{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.SEOKeywords-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.SEOKeywords-filters-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.SEOKeywords-clear-filters{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.SEOKeywords-clear-filters:hover{background:var(--bg-primary);color:var(--accent-primary);border-color:var(--accent-primary)}.SEOKeywords-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.SEOKeywords-filter-group{display:flex;flex-direction:column;gap:6px}.SEOKeywords-filter-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.SEOKeywords-filter-group select,.SEOKeywords-filter-group input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s}.SEOKeywords-filter-group select:focus,.SEOKeywords-filter-group input:focus{outline:none;border-color:var(--accent-primary)}.SEOKeywords-table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.SEOKeywords-table{width:100%;border-collapse:collapse}.SEOKeywords-table thead{background:var(--bg-tertiary)}.SEOKeywords-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.SEOKeywords-sortable{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px;transition:all .2s}.SEOKeywords-sortable:hover{color:var(--accent-primary)}.SEOKeywords-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s}.SEOKeywords-table tbody tr:hover{background:var(--bg-tertiary)}.SEOKeywords-table tbody tr.SEOKeywords-row-filtered{opacity:.5}.SEOKeywords-table td{padding:12px 16px;font-size:14px;color:var(--text-primary)}.SEOKeywords-keyword-cell strong{color:var(--text-primary);font-weight:500}.SEOKeywords-number-cell{text-align:right;font-variant-numeric:tabular-nums}.SEOKeywords-source-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.SEOKeywords-competition{font-weight:600}.SEOKeywords-trend-cell{text-align:center}.SEOKeywords-trend{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-transform:capitalize}.SEOKeywords-opportunity-score{font-weight:600}.SEOKeywords-category{display:inline-block;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-secondary);text-transform:capitalize}.SEOKeywords-status-filtered,.SEOKeywords-status-optimized,.SEOKeywords-status-active{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.SEOKeywords-status-filtered{background:#ef44441a;color:var(--error)}.SEOKeywords-status-optimized{background:#22c55e1a;color:var(--success)}.SEOKeywords-status-active{background:#17d2c21a;color:var(--accent-primary)}.SEOKeywords-loading,.SEOKeywords-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary)}.SEOKeywords-spinner{animation:spin 1s linear infinite}.SEOKeywords-empty h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.SEOKeywords-empty p{font-size:14px;color:var(--text-secondary);margin:0}.SEOKeywords-dashboard-link{margin-top:8px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.SEOKeywords-dashboard-link:hover{background:var(--accent-secondary)}.SEOKeywords-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--error)}.SEOKeywords-error h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.SEOKeywords-error p{font-size:14px;color:var(--text-secondary);margin:0}.SEOKeywords-retry-btn{margin-top:8px;padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOKeywords-retry-btn:hover{background:var(--accent-secondary)}.SEOKeywords-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--border-color)}.SEOKeywords-pagination-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOKeywords-pagination-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.SEOKeywords-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.SEOKeywords-pagination-info{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.SEOKeywords-page{padding:16px;gap:16px}.SEOKeywords-header{flex-direction:column;gap:16px}.SEOKeywords-header h1{font-size:24px}.SEOKeywords-header-actions{width:100%}.SEOKeywords-export-btn,.SEOKeywords-refresh-btn{flex:1}.SEOKeywords-stats-bar{grid-template-columns:repeat(2,1fr)}.SEOKeywords-filters-grid{grid-template-columns:1fr}.SEOKeywords-table-wrapper{overflow-x:auto}.SEOKeywords-table{min-width:800px}.SEOKeywords-pagination{flex-direction:column;gap:12px}.SEOKeywords-pagination-btn{width:100%}}.SEOPages-page{min-height:100vh;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:24px}.SEOPages-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.SEOPages-title-section{display:flex;flex-direction:column;gap:8px}.SEOPages-back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.SEOPages-back-link:hover{color:var(--accent-secondary)}.SEOPages-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.SEOPages-header p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPages-header-actions{display:flex;gap:12px}.SEOPages-refresh-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:var(--accent-primary);color:var(--text-primary);border:1px solid var(--accent-primary)}.SEOPages-refresh-btn:hover:not(:disabled){background:var(--accent-secondary)}.SEOPages-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SEOPages-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.SEOPages-stat{display:flex;flex-direction:column;gap:4px}.SEOPages-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.SEOPages-stat-label{font-size:13px;color:var(--text-secondary)}.SEOPages-filters{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.SEOPages-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.SEOPages-filters-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.SEOPages-clear-filters{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.SEOPages-clear-filters:hover{background:var(--bg-primary);color:var(--accent-primary);border-color:var(--accent-primary)}.SEOPages-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.SEOPages-filter-group{display:flex;flex-direction:column;gap:6px}.SEOPages-filter-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.SEOPages-filter-group select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s}.SEOPages-filter-group select:focus{outline:none;border-color:var(--accent-primary)}.SEOPages-list-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.SEOPages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:20px}.SEOPages-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.SEOPages-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #17d2c21a}.SEOPages-card-header{display:flex;flex-direction:column;gap:8px}.SEOPages-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.SEOPages-card-title h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.SEOPages-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;white-space:nowrap}.SEOPages-card-keyword{font-size:13px;color:var(--text-secondary);margin:0}.SEOPages-card-keyword strong{color:var(--accent-primary);font-weight:500}.SEOPages-card-meta{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.SEOPages-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.SEOPages-category{text-transform:capitalize;color:var(--text-primary)}.SEOPages-performance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.SEOPages-metric{display:flex;flex-direction:column;align-items:center;gap:4px}.SEOPages-metric-value{font-size:18px;font-weight:600;color:var(--accent-primary)}.SEOPages-metric-label{font-size:11px;color:var(--text-tertiary);text-align:center}.SEOPages-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.SEOPages-action-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-color);text-decoration:none}.SEOPages-action-view{background:var(--info);border-color:var(--info);color:#fff}.SEOPages-action-view:hover{background:#2daae7;border-color:#2daae7}.SEOPages-action-publish{background:var(--success);border-color:var(--success);color:#fff}.SEOPages-action-publish:hover:not(:disabled){background:#1fb054;border-color:#1fb054}.SEOPages-action-delete{background:var(--bg-secondary);border-color:var(--border-color);color:var(--error)}.SEOPages-action-delete:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.SEOPages-action-btn:disabled{opacity:.5;cursor:not-allowed}.SEOPages-loading,.SEOPages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary)}.SEOPages-spinner{animation:spin 1s linear infinite}.SEOPages-empty h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.SEOPages-empty p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPages-dashboard-link{margin-top:8px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.SEOPages-dashboard-link:hover{background:var(--accent-secondary)}.SEOPages-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--error)}.SEOPages-error h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.SEOPages-error p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPages-retry-btn{margin-top:8px;padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOPages-retry-btn:hover{background:var(--accent-secondary)}.SEOPages-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--border-color)}.SEOPages-pagination-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOPages-pagination-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.SEOPages-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.SEOPages-pagination-info{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.SEOPages-page{padding:16px;gap:16px}.SEOPages-header{flex-direction:column;gap:16px}.SEOPages-header h1{font-size:24px}.SEOPages-stats-bar{grid-template-columns:repeat(2,1fr)}.SEOPages-grid{grid-template-columns:1fr}.SEOPages-performance{grid-template-columns:repeat(2,1fr)}.SEOPages-card-actions{flex-direction:column}.SEOPages-pagination{flex-direction:column;gap:12px}.SEOPages-pagination-btn{width:100%}}.SEOCompetitors-page{min-height:100vh;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:24px}.SEOCompetitors-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.SEOCompetitors-title-section{display:flex;flex-direction:column;gap:8px}.SEOCompetitors-back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.SEOCompetitors-back-link:hover{color:var(--accent-secondary)}.SEOCompetitors-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.SEOCompetitors-header p{font-size:14px;color:var(--text-secondary);margin:0}.SEOCompetitors-header-actions{display:flex;gap:12px}.SEOCompetitors-refresh-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:var(--accent-primary);color:var(--text-primary);border:1px solid var(--accent-primary)}.SEOCompetitors-refresh-btn:hover:not(:disabled){background:var(--accent-secondary)}.SEOCompetitors-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SEOCompetitors-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.SEOCompetitors-stat{display:flex;flex-direction:column;gap:4px}.SEOCompetitors-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.SEOCompetitors-stat-label{font-size:13px;color:var(--text-secondary)}.SEOCompetitors-tabs{display:flex;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px}.SEOCompetitors-tab{flex:1;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.SEOCompetitors-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.SEOCompetitors-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.SEOCompetitors-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:400px}.SEOCompetitors-loading,.SEOCompetitors-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary)}.SEOCompetitors-spinner{animation:spin 1s linear infinite}.SEOCompetitors-empty h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.SEOCompetitors-empty p{font-size:14px;color:var(--text-secondary);margin:0}.SEOCompetitors-dashboard-link{margin-top:8px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.SEOCompetitors-dashboard-link:hover{background:var(--accent-secondary)}.SEOCompetitors-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--error)}.SEOCompetitors-error h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.SEOCompetitors-error p{font-size:14px;color:var(--text-secondary);margin:0}.SEOCompetitors-retry-btn{margin-top:8px;padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOCompetitors-retry-btn:hover{background:var(--accent-secondary)}.SEOCompetitors-gaps{padding:20px}.SEOCompetitors-gaps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.SEOCompetitors-gap-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.SEOCompetitors-gap-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #17d2c21a}.SEOCompetitors-gap-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.SEOCompetitors-gap-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.SEOCompetitors-difficulty-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;white-space:nowrap}.SEOCompetitors-gap-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.SEOCompetitors-gap-metric{display:flex;flex-direction:column;align-items:center;gap:4px}.SEOCompetitors-gap-metric-label{font-size:11px;color:var(--text-tertiary);text-align:center}.SEOCompetitors-gap-metric-value{font-size:18px;font-weight:600;color:var(--text-primary)}.SEOCompetitors-gap-competitors{display:flex;flex-direction:column;gap:8px}.SEOCompetitors-gap-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.SEOCompetitors-competitor-tags{display:flex;flex-wrap:wrap;gap:6px}.SEOCompetitors-competitor-tag{display:inline-block;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:12px;color:var(--text-primary)}.SEOCompetitors-gap-suggestion{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#17d2c21a;border-left:3px solid var(--accent-primary);border-radius:6px;font-size:13px;color:var(--text-secondary)}.SEOCompetitors-recommendations{padding:20px}.SEOCompetitors-recommendations-grid{display:flex;flex-direction:column;gap:24px}.SEOCompetitors-rec-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.SEOCompetitors-rec-header{display:flex;align-items:center;gap:12px}.SEOCompetitors-rec-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.SEOCompetitors-rec-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:var(--bg-secondary);border-radius:14px;font-size:13px;font-weight:600;color:var(--accent-primary)}.SEOCompetitors-rec-description{font-size:14px;color:var(--text-secondary);margin:0}.SEOCompetitors-rec-list{display:flex;flex-direction:column;gap:12px}.SEOCompetitors-rec-item{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:8px;transition:all .2s}.SEOCompetitors-rec-item:hover{border-color:var(--accent-primary)}.SEOCompetitors-rec-item-header{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.SEOCompetitors-rec-item-header strong{font-size:15px;font-weight:600}.SEOCompetitors-rec-item p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.SEOCompetitors-rec-priority,.SEOCompetitors-rec-meta,.SEOCompetitors-rec-impact{font-size:12px;color:var(--text-tertiary)}.SEOCompetitors-rec-priority{font-weight:600}@media (max-width: 768px){.SEOCompetitors-page{padding:16px;gap:16px}.SEOCompetitors-header{flex-direction:column;gap:16px}.SEOCompetitors-header h1{font-size:24px}.SEOCompetitors-stats-bar{grid-template-columns:repeat(2,1fr)}.SEOCompetitors-tabs{flex-direction:column}.SEOCompetitors-gaps-grid,.SEOCompetitors-gap-metrics{grid-template-columns:1fr}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1c1c1e;--border-color: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--text-tertiary: #8e8e93;--accent-primary: #17d2c2;--accent-secondary: #12b7ab;--success: #22c55e;--info: #38bdf8;--warning: #f59e0b;--error: #ef4444}.SEOPerformance-page{min-height:100vh;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:24px}.SEOPerformance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.SEOPerformance-title-section{display:flex;flex-direction:column;gap:8px}.SEOPerformance-back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.SEOPerformance-back-link:hover{color:var(--accent-secondary)}.SEOPerformance-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.SEOPerformance-header p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPerformance-header-actions{display:flex;gap:12px}.SEOPerformance-refresh-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;background:var(--accent-primary);color:var(--text-primary);border:1px solid var(--accent-primary)}.SEOPerformance-refresh-btn:hover:not(:disabled){background:var(--accent-secondary)}.SEOPerformance-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SEOPerformance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.SEOPerformance-metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.SEOPerformance-metric-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #17d2c21a}.SEOPerformance-metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.SEOPerformance-metric-content{display:flex;flex-direction:column;gap:4px;flex:1}.SEOPerformance-metric-label{font-size:13px;color:var(--text-secondary);font-weight:500}.SEOPerformance-metric-value{font-size:28px;font-weight:600;color:var(--text-primary);line-height:1.2}.SEOPerformance-metric-sub{font-size:12px;color:var(--text-tertiary)}.SEOPerformance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.SEOPerformance-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.SEOPerformance-summary-card h3{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.SEOPerformance-summary-value{font-size:32px;font-weight:600;color:var(--accent-primary)}.SEOPerformance-summary-card p{font-size:13px;color:var(--text-tertiary);margin:0}.SEOPerformance-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.SEOPerformance-section-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.SEOPerformance-section-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.SEOPerformance-section-count{font-size:13px;color:var(--text-secondary);padding:4px 12px;background:var(--bg-tertiary);border-radius:12px;font-weight:500}.SEOPerformance-table-wrapper{overflow-x:auto}.SEOPerformance-table{width:100%;border-collapse:collapse}.SEOPerformance-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.SEOPerformance-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.SEOPerformance-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s}.SEOPerformance-table tbody tr:hover{background:var(--bg-tertiary)}.SEOPerformance-table tbody tr:last-child{border-bottom:none}.SEOPerformance-table td{padding:16px;font-size:14px;color:var(--text-primary)}.SEOPerformance-rank-cell{width:80px}.SEOPerformance-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-primary);color:#fff;border-radius:8px;font-weight:600;font-size:14px}.SEOPerformance-keyword-cell{min-width:250px}.SEOPerformance-keyword-info{display:flex;flex-direction:column;gap:4px}.SEOPerformance-keyword-info strong{color:var(--text-primary);font-weight:600;font-size:15px}.SEOPerformance-slug{font-size:12px;color:var(--text-tertiary);font-family:Courier New,monospace}.SEOPerformance-number-cell{text-align:right;font-variant-numeric:tabular-nums}.SEOPerformance-position{font-weight:600}.SEOPerformance-trend-cell{text-align:center}.SEOPerformance-trend{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.SEOPerformance-trend-up{background:#22c55e1a;color:var(--success)}.SEOPerformance-trend-down{background:#ef44441a;color:var(--error)}.SEOPerformance-trend-stable{background:#8e8e931a;color:var(--text-tertiary)}.SEOPerformance-insights{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.SEOPerformance-insights h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.SEOPerformance-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.SEOPerformance-insight-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px}.SEOPerformance-insight-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.SEOPerformance-insight-content{display:flex;flex-direction:column;gap:4px}.SEOPerformance-insight-content h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.SEOPerformance-insight-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.SEOPerformance-loading,.SEOPerformance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px;color:var(--text-secondary)}.SEOPerformance-spinner{animation:spin 1s linear infinite}.SEOPerformance-empty h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.SEOPerformance-empty p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPerformance-pages-link{margin-top:8px;padding:10px 20px;background:var(--accent-primary);color:var(--text-primary);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.SEOPerformance-pages-link:hover{background:var(--accent-secondary)}.SEOPerformance-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--error)}.SEOPerformance-error h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.SEOPerformance-error p{font-size:14px;color:var(--text-secondary);margin:0}.SEOPerformance-retry-btn{margin-top:8px;padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.SEOPerformance-retry-btn:hover{background:var(--accent-secondary)}@media (max-width: 768px){.SEOPerformance-page{padding:16px;gap:16px}.SEOPerformance-header{flex-direction:column;gap:16px}.SEOPerformance-header h1{font-size:24px}.SEOPerformance-metrics-grid,.SEOPerformance-summary{grid-template-columns:1fr}.SEOPerformance-table-wrapper{overflow-x:scroll}.SEOPerformance-table{min-width:700px}.SEOPerformance-insights-grid{grid-template-columns:1fr}}.AdminSearchConsole-page{padding:24px;background:#0a0a0a;min-height:100vh;color:#fff}.AdminSearchConsole-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.AdminSearchConsole-title-section h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;margin:0 0 8px;color:#fff}.AdminSearchConsole-title-section p{margin:0;color:#8e8e93;font-size:14px}.AdminSearchConsole-header-actions{display:flex;gap:12px;align-items:center}.AdminSearchConsole-date-select{padding:10px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.AdminSearchConsole-date-select:hover{border-color:#17d2c2}.AdminSearchConsole-date-select:focus{outline:none;border-color:#17d2c2}.AdminSearchConsole-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.AdminSearchConsole-refresh-btn:hover:not(:disabled){background:#2a2a2c;border-color:#17d2c2}.AdminSearchConsole-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.AdminSearchConsole-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.AdminSearchConsole-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:20px}.AdminSearchConsole-stat-card{display:flex;gap:16px;align-items:flex-start}.AdminSearchConsole-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.AdminSearchConsole-card-content h3{margin:0 0 8px;font-size:14px;font-weight:500;color:#8e8e93}.AdminSearchConsole-stat-value{margin:0 0 4px;font-size:32px;font-weight:700;color:#fff}.AdminSearchConsole-stat-label{font-size:12px;color:#8e8e93}.AdminSearchConsole-section{margin-bottom:32px}.AdminSearchConsole-section h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;margin:0 0 8px;color:#fff}.AdminSearchConsole-section-description{margin:0 0 16px;font-size:14px;color:#8e8e93;line-height:1.5}.AdminSearchConsole-table-container{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;overflow-x:auto}.AdminSearchConsole-table{width:100%;border-collapse:collapse;min-width:600px}.AdminSearchConsole-table thead{background:#2a2a2c}.AdminSearchConsole-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.AdminSearchConsole-table td{padding:12px 16px;border-top:1px solid #2a2a2c;font-size:14px;color:#fff}.AdminSearchConsole-keyword-cell{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AdminSearchConsole-number-cell{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.AdminSearchConsole-url-cell a{color:#17d2c2;text-decoration:none;font-size:12px;max-width:400px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AdminSearchConsole-url-cell a:hover{text-decoration:underline}.AdminSearchConsole-opportunity-row{background:#f59e0b0d}.AdminSearchConsole-opportunity-row:hover{background:#f59e0b14}.AdminSearchConsole-highlight{font-weight:600;color:#17d2c2}.AdminSearchConsole-low-ctr{color:#f59e0b;font-weight:600}.AdminSearchConsole-position-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#17d2c226;color:#17d2c2}.AdminSearchConsole-position-warning{background:#f59e0b26;color:#f59e0b}.AdminSearchConsole-opportunity-cell{max-width:300px}.AdminSearchConsole-opportunity-badge{display:inline-block;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);line-height:1.3}.AdminSearchConsole-opportunity-success{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.AdminSearchConsole-info-box{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:24px}.AdminSearchConsole-info-box h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.AdminSearchConsole-info-box ul{margin:0;padding-left:20px;list-style:disc}.AdminSearchConsole-info-box li{margin-bottom:12px;font-size:14px;color:#c7c7cc;line-height:1.6}.AdminSearchConsole-info-box li:last-child{margin-bottom:0}.AdminSearchConsole-info-box strong{color:#17d2c2;font-weight:600}.AdminSearchConsole-loading,.AdminSearchConsole-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#8e8e93}.AdminSearchConsole-error h2{margin:0;font-size:24px;color:#fff}.AdminSearchConsole-error p{margin:0;font-size:14px;color:#8e8e93}.AdminSearchConsole-spinner{animation:spin 1s linear infinite;color:#17d2c2}.AdminSearchConsole-retry-btn{padding:12px 24px;background:#17d2c2;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.AdminSearchConsole-retry-btn:hover{opacity:.9}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.AdminSearchConsole-page{padding:16px}.AdminSearchConsole-header{flex-direction:column}.AdminSearchConsole-header-actions{width:100%;flex-direction:column}.AdminSearchConsole-date-select,.AdminSearchConsole-refresh-btn{width:100%;justify-content:center}.AdminSearchConsole-overview-cards{grid-template-columns:1fr}.AdminSearchConsole-table-container{border-radius:8px}.AdminSearchConsole-table{font-size:12px}.AdminSearchConsole-table th,.AdminSearchConsole-table td{padding:8px 12px}.AdminSearchConsole-stat-value{font-size:28px}.AdminSearchConsole-section h2{font-size:18px}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1c1c1e;--border-color: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--text-tertiary: #8e8e93;--accent-primary: #17d2c2;--accent-secondary: #12b7ab;--success: #22c55e;--info: #38bdf8;--error: #ef4444}.AdminTrafficMap-container{min-height:100vh;background:var(--bg-primary);padding:24px;display:flex;flex-direction:column;gap:24px}.AdminTrafficMap-header{display:flex;align-items:center;gap:16px}.AdminTrafficMap-back-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.AdminTrafficMap-back-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.AdminTrafficMap-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0}.AdminTrafficMap-spacer{flex:1}.AdminTrafficMap-filters{display:flex;gap:12px;flex-wrap:wrap}.AdminTrafficMap-filter-btn{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.AdminTrafficMap-filter-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.AdminTrafficMap-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.AdminTrafficMap-live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}.AdminTrafficMap-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.AdminTrafficMap-stat{display:flex;flex-direction:column;gap:4px}.AdminTrafficMap-stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.AdminTrafficMap-stat-label{font-size:13px;color:var(--text-secondary)}.AdminTrafficMap-map-wrapper{position:relative;flex:1;min-height:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;z-index:1}.AdminTrafficMap-map{width:100%;height:100%;min-height:600px;z-index:1}.AdminTrafficMap-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1000}.AdminTrafficMap-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.AdminTrafficMap-loading p{color:var(--text-secondary);font-size:14px}.AdminTrafficMap-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--bg-tertiary);border:1px solid var(--error);border-radius:12px;z-index:1000}.AdminTrafficMap-error p{color:var(--text-primary);font-size:14px;margin:0}.AdminTrafficMap-error button{padding:8px 16px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.AdminTrafficMap-error button:hover{background:var(--accent-secondary)}.custom-marker{background:transparent;border:none}.marker-pin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #00000080;transition:all .3s ease}.marker-pin.live{animation:markerPulse 2s ease-in-out infinite;box-shadow:0 0 20px #ef4444cc}@keyframes markerPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef4444cc}50%{transform:scale(1.3);box-shadow:0 0 30px #ef4444}}.marker-pin.recent{animation:markerGlow 3s ease-in-out infinite;box-shadow:0 0 15px #22c55e99}@keyframes markerGlow{0%,to{box-shadow:0 0 15px #22c55e99}50%{box-shadow:0 0 25px #22c55ee6}}.marker-cluster{background:#17d2c299;border:2px solid var(--accent-primary);border-radius:50%;color:var(--text-primary);font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center}.marker-cluster-small{width:30px;height:30px}.marker-cluster-medium{width:40px;height:40px}.marker-cluster-large{width:50px;height:50px}.map-popup{padding:8px;min-width:180px}.map-popup h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.map-popup-country{font-size:13px;color:#666;margin:0 0 12px}.map-popup-stats{display:flex;flex-direction:column;gap:6px}.map-popup-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #eee}.map-popup-stat:last-child{border-bottom:none}.map-popup-label{font-size:13px;color:#666}.map-popup-value{font-size:14px;font-weight:600;color:#1a1a1a}.AdminTrafficMap-rankings{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.AdminTrafficMap-ranking-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.AdminTrafficMap-ranking-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.AdminTrafficMap-ranking-list{display:flex;flex-direction:column;gap:8px}.AdminTrafficMap-ranking-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.AdminTrafficMap-ranking-item:hover{background:#17d2c21a}.AdminTrafficMap-ranking-rank{font-size:14px;font-weight:600;color:var(--accent-primary);min-width:32px}.AdminTrafficMap-ranking-name{flex:1;font-size:14px;color:var(--text-primary)}.AdminTrafficMap-ranking-value{font-size:14px;font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.AdminTrafficMap-container{padding:16px;gap:16px}.AdminTrafficMap-header h1{font-size:22px}.AdminTrafficMap-stats-bar{grid-template-columns:repeat(2,1fr)}.AdminTrafficMap-map-wrapper,.AdminTrafficMap-map{min-height:400px}.AdminTrafficMap-rankings{grid-template-columns:1fr}}:root{--mainheader-bg-primary: #0a0a0a;--mainheader-bg-secondary: #121212;--mainheader-bg-tertiary: #1c1c1e;--mainheader-border-color: #2a2a2c;--mainheader-text-primary: #ffffff;--mainheader-text-secondary: #c7c7cc;--mainheader-text-tertiary: #8e8e93;--mainheader-accent-primary: #17d2c2;--mainheader-accent-secondary: #12b7ab;--mainheader-accent-tertiary: #47e0d2;--mainheader-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--mainheader-error: #ef4444;--mainheader-warning: #f59e0b;--mainheader-success: #22c55e;--mainheader-info: #38bdf8;--mainheader-spacing-xs: 4px;--mainheader-spacing-sm: 8px;--mainheader-spacing-md: 16px;--mainheader-spacing-lg: 24px;--mainheader-spacing-xl: 32px;--mainheader-height: 60px;--mainheader-radius: 8px;--mainheader-radius-lg: 12px}.mainheader-navbar{position:sticky;top:0;width:100%;z-index:1000;background:#0a0a0af2;border-bottom:1px solid transparent;transition:all .3s ease;height:var(--mainheader-height)}.mainheader-navbar.scrolled{background:#0a0a0af2;border-bottom-color:var(--mainheader-border-color);box-shadow:0 10px 30px #0000004d}.mainheader-container{width:100%;margin:0 auto;padding:0 var(--mainheader-spacing-md);height:100%}.mainheader-content{display:flex;align-items:center;justify-content:space-between;height:100%}.mainheader-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.mainheader-logo-img{height:32px;width:auto;object-fit:contain;transition:transform .2s ease}.mainheader-logo:hover .mainheader-logo-img{transform:scale(1.05)}.desktop-only{display:none}.mainheader-mobile-btn{background:transparent;border:none;color:var(--mainheader-text-primary);padding:var(--mainheader-spacing-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--mainheader-radius);transition:background .2s ease;min-width:44px;min-height:44px}.mainheader-mobile-btn:active{background:var(--mainheader-bg-tertiary)}.mainheader-mobile-menu{position:fixed;top:var(--mainheader-height);left:0;right:0;bottom:0;background:var(--mainheader-bg-secondary);overflow-y:auto;z-index:999;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-content{padding:var(--mainheader-spacing-lg);margin:0 auto}.mobile-user-section{margin-bottom:var(--mainheader-spacing-lg);padding-bottom:var(--mainheader-spacing-lg);border-bottom:1px solid var(--mainheader-border-color)}.mobile-user-info{display:flex;align-items:center;gap:var(--mainheader-spacing-md)}.user-avatar,.user-avatar-large{width:40px;height:40px;background:var(--mainheader-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.user-avatar-large{width:48px;height:48px}.user-name{font-size:16px;font-weight:600;color:var(--mainheader-text-primary);margin-bottom:2px}.user-role{font-size:12px;color:var(--mainheader-text-tertiary);text-transform:capitalize}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--mainheader-spacing-xs)}.mobile-nav-link{display:flex;align-items:center;gap:var(--mainheader-spacing-md);padding:var(--mainheader-spacing-md);color:var(--mainheader-text-secondary);text-decoration:none;border-radius:var(--mainheader-radius);transition:all .2s ease;position:relative}.mobile-nav-link:active{background:var(--mainheader-bg-tertiary)}.mobile-nav-link.active{background:#17d2c21a;color:var(--mainheader-accent-primary);border-left:3px solid var(--mainheader-accent-primary)}.mobile-nav-link svg{flex-shrink:0}.badge,.notification-badge{padding:2px 6px;background:var(--mainheader-error);color:#fff;border-radius:10px;font-size:10px;font-weight:600;margin-left:auto}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ff3b30!important;color:#fff!important;border:2px solid #0a0a0a;box-shadow:0 2px 8px #ff3b3066;font-weight:700}.mobile-menu-divider{height:1px;background:var(--mainheader-border-color);margin:var(--mainheader-spacing-lg) 0}.mobile-menu-actions{display:flex;flex-direction:column;gap:var(--mainheader-spacing-sm);margin-top:var(--mainheader-spacing-lg)}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--mainheader-spacing-sm);padding:12px;border-radius:var(--mainheader-radius);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;cursor:pointer;border:none;width:100%}.mobile-action-btn.primary{background:var(--mainheader-gradient);color:#000}.mobile-action-btn.secondary{background:var(--mainheader-bg-tertiary);color:var(--mainheader-text-primary);border:1px solid var(--mainheader-border-color)}.mobile-action-btn.outline{background:transparent;color:var(--mainheader-accent-primary);border:1px solid var(--mainheader-accent-primary)}.mobile-action-btn.logout{background:#ef44441a;color:var(--mainheader-error);border:1px solid rgba(239,68,68,.3)}.mobile-platform-info{margin-top:var(--mainheader-spacing-xl);padding-top:var(--mainheader-spacing-lg);border-top:1px solid var(--mainheader-border-color)}.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mainheader-spacing-md);text-align:center}.platform-stats .stat{display:flex;flex-direction:column;gap:var(--mainheader-spacing-xs)}.stat-value{font-size:18px;font-weight:700;color:var(--mainheader-accent-primary)}.stat-label{font-size:11px;color:var(--mainheader-text-tertiary);text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){:root{--mainheader-height: 64px}.mainheader-container{padding:0 var(--mainheader-spacing-lg)}.mainheader-logo-img{height:36px}.mobile-menu-content{padding:var(--mainheader-spacing-xl)}}@media (min-width: 1024px){.desktop-only{display:flex}.mobile-only{display:none!important}.mainheader-container{padding:0 var(--mainheader-spacing-xl)}.mainheader-nav{display:flex;align-items:center;gap:var(--mainheader-spacing-xs);margin-left:var(--mainheader-spacing-xl);flex:1}.mainheader-nav-link{display:flex;align-items:center;gap:var(--mainheader-spacing-sm);padding:8px 12px;color:var(--mainheader-text-secondary);text-decoration:none;border-radius:var(--mainheader-radius);transition:all .2s ease;font-size:14px;font-weight:500;position:relative}.mainheader-nav-link:hover{background:var(--mainheader-bg-tertiary);color:var(--mainheader-text-primary)}.mainheader-nav-link.active{background:#17d2c21a;color:var(--mainheader-accent-primary);border:1px solid rgba(23,210,194,.2)}.mainheader-nav-link.highlight{background:var(--mainheader-gradient);color:#000}.mainheader-nav-link.highlight:hover{transform:translateY(-1px);box-shadow:0 4px 12px #17d2c24d}.mainheader-actions{display:flex;align-items:center;gap:var(--mainheader-spacing-md)}.mainheader-btn-primary,.mainheader-btn-secondary{display:flex;align-items:center;gap:var(--mainheader-spacing-sm);padding:8px 16px;border-radius:var(--mainheader-radius);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;cursor:pointer;border:none}.mainheader-btn-primary{background:var(--mainheader-gradient);color:#000}.mainheader-btn-secondary{background:transparent;color:var(--mainheader-text-secondary);border:1px solid var(--mainheader-border-color)}.mainheader-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #17d2c24d}.mainheader-btn-secondary:hover{background:var(--mainheader-bg-tertiary);color:var(--mainheader-text-primary)}.mainheader-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--mainheader-border-color);border-radius:var(--mainheader-radius);color:var(--mainheader-text-primary);cursor:pointer;transition:all .2s ease}.mainheader-icon-btn svg{color:#fff!important}.mainheader-icon-btn:hover{background:var(--mainheader-bg-tertiary);color:var(--mainheader-text-primary)}.user-menu-wrapper{position:relative}.mainheader-user-btn{display:flex;align-items:center;gap:var(--mainheader-spacing-sm);padding:4px 12px 4px 4px;background:var(--mainheader-bg-tertiary);border:1px solid var(--mainheader-border-color);border-radius:24px;color:var(--mainheader-text-primary);cursor:pointer;transition:all .2s ease}.mainheader-user-btn:hover{background:var(--mainheader-border-color)}.mainheader-user-btn svg.rotated{transform:rotate(180deg)}.mainheader-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--mainheader-bg-secondary);border:1px solid var(--mainheader-border-color);border-radius:var(--mainheader-radius-lg);box-shadow:0 10px 40px #0000004d;overflow:hidden;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--mainheader-spacing-md);background:var(--mainheader-bg-tertiary);border-bottom:1px solid var(--mainheader-border-color)}.user-info{display:flex;align-items:center;gap:var(--mainheader-spacing-md)}.dropdown-divider{height:1px;background:var(--mainheader-border-color)}.dropdown-item{display:flex;align-items:center;gap:var(--mainheader-spacing-md);padding:12px var(--mainheader-spacing-md);color:var(--mainheader-text-secondary);text-decoration:none;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-size:14px}.dropdown-item:hover{background:var(--mainheader-bg-tertiary);color:var(--mainheader-text-primary)}.dropdown-item.logout{color:var(--mainheader-error)}.dropdown-item.logout:hover{background:#ef44441a}.dropdown-item svg{flex-shrink:0}.dropdown-item .badge{margin-left:auto;background:var(--mainheader-warning)}}@media (min-width: 1440px){.mainheader-logo-img{height:40px}}.mainheader-nav-link:focus-visible,.mainheader-btn-primary:focus-visible,.mainheader-btn-secondary:focus-visible,.mainheader-icon-btn:focus-visible,.mainheader-user-btn:focus-visible,.mainheader-mobile-btn:focus-visible,.mobile-action-btn:focus-visible,.dropdown-item:focus-visible{outline:2px solid var(--mainheader-accent-primary);outline-offset:2px}.SEOLanding-page{background:#0a0a0a;color:#fff;min-height:100vh}.SEOLanding-container{max-width:1200px;margin:0 auto;padding:0 24px}.SEOLanding-loading,.SEOLanding-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;padding:24px}.SEOLanding-spinner{width:48px;height:48px;border:4px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;animation:SEOLanding-spin .8s linear infinite}@keyframes SEOLanding-spin{to{transform:rotate(360deg)}}.SEOLanding-error h1{font-size:32px;margin:0}.SEOLanding-error p{color:#8e8e93;margin:8px 0 24px}.SEOLanding-hero{position:relative;padding:80px 0 60px;overflow:hidden}.SEOLanding-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(247,148,29,.1) 0%,transparent 50%);pointer-events:none}.SEOLanding-hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.SEOLanding-hero-text{display:flex;flex-direction:column;gap:24px}.SEOLanding-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f7941d26;border:1px solid rgba(247,148,29,.3);border-radius:100px;font-size:14px;font-weight:500;color:#f7941d;width:fit-content}.SEOLanding-badge-success{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.SEOLanding-h1{font-size:56px;font-weight:700;line-height:1.1;margin:0;background:linear-gradient(135deg,#fff,#c7c7cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.SEOLanding-hero-description{font-size:20px;line-height:1.6;color:#c7c7cc;margin:0}.SEOLanding-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;border-top:1px solid #2a2a2c;border-bottom:1px solid #2a2a2c}.SEOLanding-stat{text-align:center}.SEOLanding-stat-number{font-size:32px;font-weight:700;color:#17d2c2;margin-bottom:4px}.SEOLanding-stat-label{font-size:13px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.SEOLanding-hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.SEOLanding-cta-button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.SEOLanding-cta-primary{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#fff;box-shadow:0 4px 20px #17d2c24d}.SEOLanding-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #17d2c266}.SEOLanding-cta-primary:active{transform:translateY(0)}.SEOLanding-cta-secondary{background:#1c1c1e;color:#fff;border:1px solid #2a2a2c}.SEOLanding-cta-secondary:hover{background:#2a2a2c;border-color:#17d2c2}.SEOLanding-cta-large{padding:20px 40px;font-size:18px}.SEOLanding-trust-badges{display:flex;align-items:center;gap:12px;font-size:13px;color:#8e8e93}.SEOLanding-trust-badges svg{color:#22c55e}.SEOLanding-separator{color:#2a2a2c}.SEOLanding-hero-image{position:relative}.SEOLanding-hero-image img{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #0000004d}.SEOLanding-section{padding:80px 0;position:relative}.SEOLanding-section-header{text-align:center;margin-bottom:48px}.SEOLanding-section-header h2{font-size:42px;font-weight:700;margin:0 0 16px;color:#fff}.SEOLanding-section-header p{font-size:18px;color:#8e8e93;margin:0}.SEOLanding-why-section{background:#0f0f0f}.SEOLanding-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto}.SEOLanding-comparison-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:20px;padding:32px;transition:all .3s ease}.SEOLanding-card-winner{background:linear-gradient(135deg,#17d2c21a,#12b7ab0d);border-color:#17d2c24d;transform:scale(1.02)}.SEOLanding-comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a2a2c}.SEOLanding-comparison-header h3{font-size:24px;margin:0;color:#fff}.SEOLanding-comparison-features{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.SEOLanding-comparison-feature{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5}.SEOLanding-check-icon{flex-shrink:0;color:#22c55e;margin-top:2px}.SEOLanding-feature-negative{opacity:.6}.SEOLanding-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.SEOLanding-feature-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:20px;padding:32px;transition:all .3s ease}.SEOLanding-feature-card:hover{transform:translateY(-4px);border-color:#17d2c24d;box-shadow:0 12px 40px #0000004d}.SEOLanding-feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff}.SEOLanding-feature-card h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#fff}.SEOLanding-feature-card p{font-size:15px;line-height:1.6;color:#8e8e93;margin:0}.SEOLanding-how-section{background:#0f0f0f}.SEOLanding-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-bottom:48px}.SEOLanding-step{text-align:center;padding:32px 24px}.SEOLanding-step-number{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #667eea4d}.SEOLanding-step h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#fff}.SEOLanding-step p{font-size:15px;line-height:1.6;color:#8e8e93;margin:0}.SEOLanding-cta-center{text-align:center}.SEOLanding-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.SEOLanding-testimonial-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.SEOLanding-testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.SEOLanding-stars{display:flex;gap:4px}.SEOLanding-testimonial-text{font-size:15px;line-height:1.6;color:#c7c7cc;margin:0;flex-grow:1}.SEOLanding-testimonial-author{display:flex;align-items:center;gap:12px}.SEOLanding-testimonial-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.SEOLanding-author-name{font-weight:600;font-size:15px;color:#fff}.SEOLanding-author-info{font-size:13px;color:#8e8e93}.SEOLanding-faq-section{background:#0f0f0f}.SEOLanding-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1000px;margin:0 auto}.SEOLanding-faq-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:28px;transition:all .2s ease}.SEOLanding-faq-item:hover{border-color:#17d2c24d}.SEOLanding-faq-item h3{font-size:18px;font-weight:600;margin:0 0 12px;color:#fff}.SEOLanding-faq-item p{font-size:15px;line-height:1.6;color:#8e8e93;margin:0}.SEOLanding-final-cta{background:linear-gradient(135deg,#17d2c21a,#667eea1a);border-top:1px solid #2a2a2c;border-bottom:1px solid #2a2a2c}.SEOLanding-final-cta-content{text-align:center;max-width:700px;margin:0 auto}.SEOLanding-final-cta-content h2{font-size:42px;font-weight:700;margin:0 0 16px;color:#fff}.SEOLanding-final-cta-content p{font-size:18px;color:#c7c7cc;margin:0 0 32px}.SEOLanding-final-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.SEOLanding-trust-footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#8e8e93}.SEOLanding-trust-footer svg{color:#22c55e}@media (max-width: 768px){.SEOLanding-container{padding:0 20px}.SEOLanding-hero{padding:60px 0 40px}.SEOLanding-hero-content{grid-template-columns:1fr;gap:40px}.SEOLanding-hero-image{order:-1}.SEOLanding-h1{font-size:36px}.SEOLanding-hero-description{font-size:18px}.SEOLanding-hero-stats{grid-template-columns:1fr;gap:16px}.SEOLanding-stat{text-align:left}.SEOLanding-hero-ctas{flex-direction:column}.SEOLanding-cta-button{width:100%;justify-content:center}.SEOLanding-section{padding:60px 0}.SEOLanding-section-header h2{font-size:32px}.SEOLanding-section-header p{font-size:16px}.SEOLanding-comparison-grid{grid-template-columns:1fr}.SEOLanding-card-winner{transform:none}.SEOLanding-features-grid,.SEOLanding-steps,.SEOLanding-testimonials-grid,.SEOLanding-faq-grid{grid-template-columns:1fr}.SEOLanding-final-cta-content h2{font-size:32px}.SEOLanding-final-cta-buttons{flex-direction:column}.SEOLanding-cta-large{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.SEOLanding-h1{font-size:46px}.SEOLanding-comparison-grid{gap:24px}.SEOLanding-features-grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.SEOLanding-cta-button{min-height:48px;padding:16px 28px}.SEOLanding-feature-card,.SEOLanding-testimonial-card,.SEOLanding-faq-item{-webkit-tap-highlight-color:rgba(23,210,194,.1)}}@media (prefers-color-scheme: dark){.SEOLanding-page{color-scheme:dark}}@media (prefers-contrast: high){.SEOLanding-card-winner{border-width:2px}.SEOLanding-cta-primary{box-shadow:none;border:2px solid #17d2c2}}.SEOLanding-swipe-showcase{background:linear-gradient(180deg,#0a0a0a,#121212);padding:80px 0}.SEOLanding-swipe-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:48px auto}.SEOLanding-swipe-image{position:relative;border-radius:16px;overflow:hidden;background:#1c1c1e;box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.SEOLanding-swipe-image:hover{transform:translateY(-8px);box-shadow:0 16px 48px #17d2c233}.SEOLanding-swipe-image img{width:100%;height:auto;display:block;object-fit:cover}.SEOLanding-swipe-benefits{display:flex;flex-direction:column;gap:16px;max-width:700px;margin:48px auto 0;padding:32px;background:#17d2c20d;border:1px solid rgba(23,210,194,.2);border-radius:12px}.SEOLanding-swipe-benefit{display:flex;align-items:center;gap:12px;font-size:16px;color:#fff}.SEOLanding-swipe-benefit .SEOLanding-check-icon{color:#17d2c2;flex-shrink:0}@media (max-width: 768px){.SEOLanding-swipe-showcase{padding:60px 0}.SEOLanding-swipe-gallery{grid-template-columns:1fr;gap:24px;margin:32px 0}.SEOLanding-swipe-benefits{padding:24px;margin-top:32px}.SEOLanding-swipe-benefit{font-size:14px}}.creator-main-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .3s ease}.creator-main-header.scrolled{background:#0a0a0af2;border-bottom-color:#2a2a2c;box-shadow:0 10px 30px #0000004d}.creator-header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:70px}.creator-header-logo img{height:40px;width:auto;transition:transform .3s ease}.creator-header-logo:hover img{transform:scale(1.05)}.creator-header-actions{display:flex;align-items:center;gap:1rem}.creator-notification-btn{position:relative;background:none;border:none;padding:.5rem;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.creator-notification-btn:hover{background:#17d2c21a;color:#17d2c2}.creator-notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .25rem;border-radius:50px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.creator-hamburger-menu{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.creator-hamburger-menu:hover{background:#17d2c21a;color:#17d2c2}.creator-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1000;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.creator-slide-menu{position:fixed;top:0;right:0;width:320px;height:100vh;background:#0a0a0a;border-left:1px solid #2a2a2c;box-shadow:-10px 0 30px #00000080;overflow-y:auto;animation:slideMenuIn .3s ease-out;display:flex;flex-direction:column}@keyframes slideMenuIn{0%{transform:translate(100%)}to{transform:translate(0)}}.creator-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#c7c7cc;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;z-index:10}.creator-close-btn:hover{background:#17d2c21a;color:#17d2c2}.creator-user-info-section{display:flex;align-items:center;gap:1rem;padding:2rem 1.5rem 1.5rem;border-bottom:1px solid #2a2a2c;background:linear-gradient(135deg,#17d2c21a,#12b7ab0d)}.creator-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#17d2c2,#12b7ab);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.creator-user-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.creator-user-name{color:#fff;font-weight:600;font-size:1.1rem;line-height:1.2}.creator-user-role{color:#17d2c2;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.creator-nav-section{padding:1.5rem 0 .5rem;border-bottom:1px solid rgba(42,42,44,.5)}.creator-nav-section:last-of-type{border-bottom:none}.creator-nav-section-title{color:#8e8e93;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem 1.5rem}.creator-nav-links{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.creator-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#c7c7cc;text-decoration:none;border-radius:12px;transition:all .2s ease;position:relative;font-weight:500}.creator-nav-link:hover{background:#17d2c21a;color:#17d2c2;transform:translate(4px)}.creator-nav-link.active{background:linear-gradient(135deg,#17d2c233,#12b7ab1a);color:#17d2c2;font-weight:600;border-left:3px solid #17d2c2}.creator-nav-icon{width:20px;height:20px;flex-shrink:0}.creator-logout-section{margin-top:auto;padding:1.5rem;border-top:1px solid #2a2a2c}.creator-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;color:#dc2626;cursor:pointer;border-radius:12px;transition:all .2s ease;text-align:left;font-weight:500}.creator-logout-btn:hover{background:#dc26261a;transform:translate(4px)}@media (max-width: 768px){.creator-header-container{height:60px;padding:0 1rem}.creator-header-logo img{height:32px}.creator-slide-menu{width:280px}.creator-user-info-section{padding:1.5rem 1rem 1rem}.creator-user-avatar{width:40px;height:40px;font-size:16px}.creator-user-name{font-size:1rem}.creator-nav-section-title{margin-left:1rem}}@media (max-width: 480px){.creator-slide-menu{width:100vw;border-left:none}}.creator-hamburger-menu:focus,.creator-notification-btn:focus,.creator-close-btn:focus,.creator-nav-link:focus,.creator-logout-btn:focus{outline:2px solid #17d2c2;outline-offset:2px}.creator-slide-menu{scroll-behavior:smooth}.creator-slide-menu::-webkit-scrollbar{width:4px}.creator-slide-menu::-webkit-scrollbar-track{background:#1c1c1e}.creator-slide-menu::-webkit-scrollbar-thumb{background:#2a2a2c;border-radius:2px}.creator-slide-menu::-webkit-scrollbar-thumb:hover{background:#3a3a3c}.creator-main-footer{background:linear-gradient(135deg,#1f2937,#111827);color:#f9fafb;margin-top:4rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo img{height:48px;width:auto}.brand-description{color:#d1d5db;line-height:1.6;font-size:1rem;margin:0}.creator-footer-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item strong{font-size:1.5rem;font-weight:700;color:#17d2c2}.stat-item span{font-size:.875rem;color:#9ca3af}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#d1d5db;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#17d2c2;color:#fff;transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section h3{font-size:1.125rem;font-weight:600;color:#f9fafb;margin:0 0 1rem;border-bottom:2px solid #17d2c2;padding-bottom:.5rem}.footer-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-section li a{display:flex;align-items:center;gap:.5rem;color:#d1d5db;text-decoration:none;transition:all .3s ease;padding:.25rem 0}.footer-section li a:hover{color:#17d2c2;transform:translate(4px)}.creator-cta-section{background:linear-gradient(135deg,#17d2c2,#12b7ab);padding:2rem;border-radius:16px;margin:2rem 0;text-align:center}.cta-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.cta-content p{color:#ffffffe6;margin:0 0 1.5rem;font-size:1.1rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#17d2c2}.cta-btn.primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.footer-bottom{padding:2rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright p{margin:0;color:#9ca3af;font-size:.875rem}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#17d2c2}@media (max-width: 1024px){.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:280px;justify-content:center}}@media (max-width: 768px){.footer-content{padding:2rem 0}.footer-links{grid-template-columns:1fr;gap:1.5rem}.creator-footer-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.footer-bottom-links{flex-wrap:wrap;justify-content:center}.cta-content h3{font-size:1.25rem}.cta-content p{font-size:1rem}}@media (max-width: 480px){.footer-container{padding:0 1rem}.footer-content{padding:1.5rem 0}.creator-cta-section{padding:1.5rem;margin:1.5rem 0}.social-links{justify-content:center}.stat-item strong{font-size:1.25rem}}@media (prefers-color-scheme: dark){.creator-main-footer{background:linear-gradient(135deg,#0f172a,#020617)}}.social-link:focus,.footer-section li a:focus,.cta-btn:focus,.footer-bottom-links a:focus{outline:2px solid #17d2c2;outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.cta-btn:hover{animation:pulse 2s infinite}.creator-registration{min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.creator-registration-wrapper{width:100%;display:flex;justify-content:center;margin:40px 26px 60px}.creator-registration-container{width:100%;background:#121212;border:1px solid #2a2a2c;border-radius:24px;box-shadow:0 10px 30px #00000059;overflow:hidden}.creator-registration-header{text-align:center;padding:32px 24px 24px;background:linear-gradient(180deg,#1c1c1e,#121212);border-bottom:1px solid #2a2a2c}.creator-registration-header .logo{width:120px;height:auto;margin-bottom:16px}.creator-registration-header h1{font-size:clamp(24px,3.2vw,32px);font-weight:600;color:#fff;margin:0;letter-spacing:.2px}.creator-registration-title{padding:32px 24px 24px;text-align:center;background:linear-gradient(180deg,#1c1c1e,#121212);border-bottom:1px solid #2a2a2c}.creator-registration-title h1{font-size:clamp(24px,3.2vw,32px);font-weight:600;color:#fff;margin:0;letter-spacing:.2px}.creator-registration-progress-bar{position:relative;padding:32px 24px;background:#121212}.creator-registration-progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.creator-registration-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.creator-registration-progress-step:before{content:"";position:absolute;top:18px;left:50%;width:100%;height:2px;background:#2a2a2c;z-index:-1}.creator-registration-progress-step:last-child:before{display:none}.creator-registration-progress-step.creator-registration-active .creator-registration-step-number{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;border-color:#17d2c2}.creator-registration-progress-step.creator-registration-completed .creator-registration-step-number{background:#22c55e;color:#fff;border-color:#22c55e}.creator-registration-step-number{width:36px;height:36px;border-radius:50%;background:#1c1c1e;border:2px solid #2a2a2c;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#8e8e93;margin-bottom:30px;position:relative;z-index:2}.creator-registration-step-label{font-size:13px;color:#8e8e93;font-weight:500}.creator-registration-progress-step.creator-registration-active .creator-registration-step-label{color:#17d2c2}.creator-registration-progress-step.creator-registration-completed .creator-registration-step-label{color:#22c55e}.creator-registration-progress-fill{position:absolute;top:50px;left:24px;height:2px;background:linear-gradient(90deg,#12b7ab,#17d2c2);transition:width .3s ease;z-index:1}.creator-registration-form{padding:32px 24px;margin-bottom:20px}.creator-registration-step h2{font-size:clamp(20px,2.4vw,24px);font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:.2px}.creator-registration-step-subtitle{font-size:16px;color:#8e8e93;margin:0 0 32px;line-height:1.6}.creator-registration-form-group{margin-bottom:24px;position:relative}.creator-registration-form-group label{display:block;font-size:14px;font-weight:500;color:#c7c7cc;margin-bottom:8px;letter-spacing:.2px}.creator-registration-form-group input,.creator-registration-form-group textarea{width:100%;padding:12px 14px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;color:#fff;font-size:16px;font-family:inherit;transition:all .2s ease}.creator-registration-form-group input:focus,.creator-registration-form-group textarea:focus{outline:none;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.creator-registration-form-group input.creator-registration-input-error,.creator-registration-form-group textarea.creator-registration-input-error{border-color:#ef4444}.creator-registration-form-group input::placeholder,.creator-registration-form-group textarea::placeholder{color:#8e8e93}.creator-registration-form-group textarea{resize:vertical;min-height:100px}.creator-registration-password-input-wrapper{position:relative}.creator-registration-password-input-wrapper input{padding-right:48px!important}.creator-registration-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8e8e93;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;z-index:2}.creator-registration-password-toggle:hover{color:#c7c7cc}.creator-registration-password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.creator-registration-strength-meter{flex:1;height:4px;background:#2a2a2c;border-radius:2px;overflow:hidden}.creator-registration-strength-fill{height:100%;transition:width .3s ease,background .3s ease}.creator-registration-strength-fill.creator-registration-strength-weak{width:33%;background:#ef4444}.creator-registration-strength-fill.creator-registration-strength-medium{width:66%;background:#f59e0b}.creator-registration-strength-fill.creator-registration-strength-strong{width:100%;background:#22c55e}.creator-registration-strength-text{font-size:13px;font-weight:500;color:#8e8e93}.creator-registration-character-count{position:absolute;right:14px;bottom:-20px;font-size:12px;color:#8e8e93}.creator-registration-field-hint{font-size:13px;color:#8e8e93;margin-top:8px;line-height:1.4}.creator-registration-error-message{display:block;font-size:13px;color:#ef4444;margin-top:6px}.creator-registration-content-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.creator-registration-content-type-card{padding:20px 12px;background:#1c1c1e;border:2px solid #2a2a2c;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:inherit;color:#c7c7cc;font-size:14px;font-weight:500}.creator-registration-content-type-card:hover{border-color:#47e0d2;background:#17d2c20d}.creator-registration-content-type-card.creator-registration-selected{border-color:#17d2c2;background:#17d2c21a;color:#17d2c2}.creator-registration-content-icon{font-size:24px}.creator-registration-price-range-inputs{display:flex;align-items:center;gap:16px;margin-top:12px}.creator-registration-price-input{flex:1;display:flex;align-items:center;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:0 14px}.creator-registration-price-input:focus-within{border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.creator-registration-currency{color:#8e8e93;font-weight:500;margin-right:6px}.creator-registration-price-input input{flex:1;background:none;border:none;color:#fff;font-size:16px;padding:12px 0}.creator-registration-price-input input:focus{outline:none;box-shadow:none}.creator-registration-range-separator{color:#8e8e93;font-weight:500}.creator-registration-earning-estimate{background:linear-gradient(135deg,#12b7ab1a,#17d2c20d);border:1px solid rgba(23,210,194,.2);border-radius:16px;padding:20px;margin-top:32px;text-align:center}.creator-registration-earning-estimate h3{font-size:18px;font-weight:600;color:#17d2c2;margin:0 0 12px}.creator-registration-earning-estimate p{font-size:14px;color:#c7c7cc;margin:0 0 16px}.creator-registration-earnings-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.creator-registration-earnings-amount{font-size:32px;font-weight:700;color:#17d2c2}.creator-registration-earnings-period{font-size:16px;color:#8e8e93}.creator-registration-earnings-note{font-size:13px;color:#8e8e93;margin:0}.creator-registration-verification-section{margin-bottom:24px}.creator-registration-verification-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:24px;margin-bottom:20px;text-align:center}.creator-registration-verification-icon{font-size:48px;margin-bottom:16px}.creator-registration-verification-card h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.creator-registration-verification-card p{font-size:14px;color:#c7c7cc;margin:0 0 20px;line-height:1.5}.creator-registration-accepted-ids{text-align:left;background:#121212;border-radius:12px;padding:16px}.creator-registration-accepted-ids h4{font-size:14px;font-weight:600;color:#17d2c2;margin:0 0 12px}.creator-registration-accepted-ids ul{list-style:none;padding:0;margin:0}.creator-registration-accepted-ids li{font-size:14px;color:#c7c7cc;margin-bottom:8px}.creator-registration-accepted-ids li:last-child{margin-bottom:0}.creator-registration-privacy-notice{background:linear-gradient(135deg,#12b7ab1a,#17d2c20d);border:1px solid rgba(23,210,194,.2);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.creator-registration-notice-icon{font-size:24px;flex-shrink:0}.creator-registration-privacy-notice h4{font-size:14px;font-weight:600;color:#17d2c2;margin:0 0 4px}.creator-registration-privacy-notice p{font-size:13px;color:#c7c7cc;margin:0;line-height:1.4}.creator-registration-verification-timeline{background:#1c1c1e;border-radius:16px;padding:20px;margin-top:24px}.creator-registration-verification-timeline h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.creator-registration-timeline-steps{display:flex;flex-direction:column;gap:16px}.creator-registration-timeline-step{display:flex;gap:12px;align-items:flex-start}.creator-registration-timeline-step .creator-registration-step-icon{width:32px;height:32px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.creator-registration-timeline-step strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}.creator-registration-timeline-step p{font-size:13px;color:#8e8e93;margin:0}.creator-registration-checkbox-group{margin-bottom:20px}.creator-registration-checkbox-group:last-child{margin-bottom:0}.creator-registration-agreements{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.creator-registration-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;padding:16px;background:#1c1c1e;border:2px solid #2a2a2c;border-radius:12px;transition:all .2s ease}.creator-registration-checkbox-label:hover{border-color:#47e0d2;background:#17d2c20d}.creator-registration-checkbox-label input[type=checkbox]{width:24px;height:24px;margin-right:14px;margin-top:0;flex-shrink:0;cursor:pointer;accent-color:#17d2c2}.creator-registration-checkbox-label:has(input:checked){border-color:#17d2c2;background:#17d2c21a}.creator-registration-checkbox-label span{font-size:15px;color:#fff;line-height:1.6;font-weight:500}.creator-registration-checkbox-label span a{color:#17d2c2;text-decoration:none;font-weight:600}.creator-registration-checkbox-label span a:hover{text-decoration:underline}.creator-registration-checkbox-text{font-size:15px;color:#fff;line-height:1.6;font-weight:500}.creator-registration-checkbox-text a{color:#17d2c2;text-decoration:none;font-weight:600}.creator-registration-checkbox-text a:hover{text-decoration:underline}.creator-registration-benefits-reminder{background:#1c1c1e;border-radius:12px;padding:20px;margin-bottom:24px}.creator-registration-benefits-reminder h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.creator-registration-benefits-reminder ul{list-style:none;padding:0;margin:0}.creator-registration-benefits-reminder li{font-size:14px;color:#c7c7cc;margin-bottom:12px;padding-left:24px;position:relative}.creator-registration-benefits-reminder li:last-child{margin-bottom:0}.creator-registration-submit-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;color:#ef4444;font-size:14px;margin-bottom:20px}.creator-registration-error-alert{background:linear-gradient(135deg,#12b7ab26,#17d2c21a);border:2px solid #17d2c2;border-radius:16px;padding:24px;margin:32px 0;display:flex;align-items:flex-start;gap:16px;box-shadow:0 8px 24px #17d2c233;animation:slideInUp .4s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.creator-registration-error-alert svg{flex-shrink:0;color:#17d2c2;width:28px;height:28px;margin-top:2px}.creator-registration-error-alert span{font-size:16px;color:#fff;line-height:1.6;font-weight:500}.creator-registration-error-alert strong{color:#17d2c2;font-weight:600}.creator-registration-actions,.creator-registration-form-actions{display:flex;gap:12px;margin-top:32px}.creator-registration-btn-primary,.creator-registration-btn-secondary{flex:1;padding:14px 24px;border-radius:16px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.creator-registration-btn-primary{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;box-shadow:0 10px 30px #00000059}.creator-registration-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0006}.creator-registration-btn-primary:active{transform:translateY(0)}.creator-registration-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.creator-registration-btn-secondary{background:transparent;color:#c7c7cc;border:1px solid #2a2a2c}.creator-registration-btn-secondary:hover{background:#ffffff0a;border-color:#47e0d2}.creator-registration-btn-submit{background:linear-gradient(135deg,#22c55e,#10b981)}.creator-registration-footer{text-align:center;padding:24px;border-top:1px solid #2a2a2c;background:#0a0a0a}.creator-registration-footer p{font-size:14px;color:#8e8e93;margin:0}.creator-registration-footer a{color:#17d2c2;text-decoration:none;font-weight:500}.creator-registration-footer a:hover{text-decoration:underline}@media (max-width: 480px){.creator-registration-wrapper{margin-bottom:100px}.creator-registration-container{border-radius:0;min-height:100vh}.creator-registration-content-type-grid{grid-template-columns:1fr 1fr}.creator-registration-progress-step .creator-registration-step-label{font-size:11px}.creator-registration-earnings-amount{font-size:28px}.creator-registration-form-actions{flex-direction:column-reverse}.creator-registration-btn-primary,.creator-registration-btn-secondary{width:100%}}.verify-id-page{min-height:100vh;background:#0a0a0a;padding:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.verify-container{max-width:800px;margin:0 auto;background:#121212;border:1px solid #2a2a2c;border-radius:24px;padding:40px;box-shadow:0 10px 30px #00000059}@media (min-width: 1024px){.verify-container{margin-top:50px}}.success-container{text-align:center;max-width:var(--content-width-narrow)}.success-container h1{margin-bottom:10px}@media (min-width: 1024px){.success-container{max-width:var(--content-width-medium)}}.verify-header{text-align:center;margin-bottom:40px}.verify-header .logo{width:100px;height:auto;margin-bottom:20px}.verify-header h1{font-size:clamp(24px,3.2vw,32px);font-weight:600;color:#fff;margin:0 0 12px;letter-spacing:.2px}.subtitle{font-size:16px;color:#8e8e93;margin:0;line-height:1.5}.verify-form{margin-top:32px}.form-section{margin-bottom:32px}.form-section label{display:block;font-size:14px;font-weight:500;color:#c7c7cc;margin-bottom:8px}.select-input{width:100%;padding:12px 14px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;color:#fff;font-size:16px;font-family:inherit;cursor:pointer;transition:all .2s ease}.select-input:focus{outline:none;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.upload-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:20px}.upload-card h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.upload-card p{font-size:13px;color:#8e8e93;margin:0 0 16px;line-height:1.4}.upload-area{border:2px dashed #2a2a2c;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#121212}.upload-area:hover{border-color:#17d2c2;background:#17d2c205}.upload-area.has-error{border-color:#ef4444;background:#ef444405}.upload-icon{font-size:32px;margin-bottom:12px;opacity:.8}.upload-text{font-size:14px;font-weight:500;color:#c7c7cc;margin-bottom:4px}.upload-hint{font-size:12px;color:#8e8e93}.file-input{display:none}.preview-area{position:relative;border-radius:12px;overflow:hidden;background:#0a0a0a}.preview-image{width:100%;height:auto;max-height:300px;object-fit:contain;display:block;border-radius:8px}.remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.remove-btn:hover{background:#ef4444;transform:scale(1.1)}.error-text{font-size:12px;color:#ef4444;margin-top:8px;display:block}.requirements-box{background:linear-gradient(135deg,#12b7ab1a,#17d2c20d);border:1px solid rgba(23,210,194,.2);border-radius:16px;padding:20px;margin-bottom:32px}.requirements-box h3{font-size:16px;font-weight:600;color:#17d2c2;margin:0 0 16px;display:flex;align-items:center;gap:8px}.requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.requirement-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#c7c7cc}.requirement-icon{color:#22c55e;flex-shrink:0;margin-top:2px}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px;margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{font-size:14px;color:#f59e0b;line-height:1.5}.submit-section{text-align:center;padding-top:20px;border-top:1px solid #2a2a2c;margin-bottom:20px!important}.submit-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;color:#ef4444;font-size:14px;margin-bottom:20px;text-align:left}.btn-primary{width:100%;max-width:400px;padding:14px 24px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;border:none;border-radius:16px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 30px #00000059}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0006}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-icon{font-size:72px;margin-bottom:24px}.success-message{font-size:18px;color:#c7c7cc;margin-bottom:32px;line-height:1.5}.success-actions{display:flex;flex-direction:column;gap:26px;align-items:center}.success-actions .btn-secondary{width:100%;max-width:400px;padding:14px 24px;background:transparent;color:#c7c7cc;border:1px solid #2a2a2c;border-radius:16px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.timeline-card{background:#1c1c1e;border-radius:16px;padding:24px;margin-bottom:24px;text-align:left}.timeline-card h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 24px}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#2a2a2c}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-27px;top:4px;width:12px;height:12px;border-radius:50%;background:#2a2a2c;border:2px solid #121212}.timeline-item.active .timeline-dot{background:#17d2c2;box-shadow:0 0 0 4px #17d2c233}.timeline-content strong{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.timeline-content p{font-size:13px;color:#8e8e93;margin:0;line-height:1.4}.info-box{background:#1c1c1e;border-radius:12px;padding:20px;margin-bottom:32px;text-align:left}.info-box p{font-size:14px;color:#c7c7cc;margin:0 0 12px;display:flex;align-items:flex-start;gap:8px}.info-box p:last-child{margin-bottom:0}.verify-container{animation:fadeIn .5s ease}.upload-card{animation:fadeIn .5s ease backwards}.upload-card:nth-child(1){animation-delay:.1s}.upload-card:nth-child(2){animation-delay:.2s}.upload-card:nth-child(3){animation-delay:.3s}@media (max-width: 640px){.verify-container{padding:24px 16px;border-radius:0;min-height:100vh;margin-bottom:50px}.upload-grid,.requirements-list{grid-template-columns:1fr}.btn-primary{max-width:100%}.verify-header h1{font-size:24px}.subtitle{font-size:14px}.timeline{padding-left:24px}.timeline-dot{left:-19px}}.agreements-section{margin:32px 0;padding:32px;background:linear-gradient(135deg,#12b7ab14,#17d2c20a);border:1px solid rgba(23,210,194,.25);border-radius:16px;box-shadow:0 4px 12px #17d2c214}.agreements-section h3{font-size:18px;font-weight:600;color:#17d2c2;margin-bottom:24px;display:flex;align-items:center;gap:8px}.agreement-checkbox-label{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:20px;padding:16px;background:#1c1c1e80;border-radius:12px;transition:all .2s ease}.agreement-checkbox-label:hover{background:#1c1c1ecc;transform:translate(4px)}.agreement-checkbox-label:last-of-type{margin-bottom:0}.agreement-checkbox-label input[type=checkbox]{width:20px;height:20px;margin-right:14px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#17d2c2}.checkbox-text{font-size:15px;color:#c7c7cc;line-height:1.6;flex:1}.checkbox-text a{color:#17d2c2;text-decoration:none;font-weight:500;transition:all .2s ease}.checkbox-text a:hover{text-decoration:underline;color:#47e0d2}.checkbox-text strong{color:#fff;font-weight:600}@media (max-width: 640px){.agreements-section{padding:24px 16px}.agreement-checkbox-label{padding:14px;margin-bottom:16px}.checkbox-text{font-size:14px}}.CreatorVerificationStatus-container{min-height:100vh;display:flex;flex-direction:column;background:#0a0b0f;color:#fff}.verification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #2a2f3f;border-top:3px solid #17d2c2;border-radius:50%;animation:spin 1s linear infinite}.verification-loading p{color:#c7c7cc;font-size:16px}.verification-content{flex:1;padding:16px;max-width:800px;margin:0 auto;width:100%}.verification-content.desktop{padding:32px;margin-top:50px}.verification-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.verification-back-btn{display:flex;align-items:center;gap:8px;background:#1c1c1e;border:1px solid #2a2a2c;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:none}.verification-back-btn:active{transform:scale(.98)}.verification-title{display:flex;align-items:center;gap:12px;flex:1}.verification-title svg{color:#17d2c2}.verification-title h1{font-size:24px;font-weight:700;margin:0;color:#fff}.verification-status-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:24px;margin-bottom:24px}.status-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.status-icon{flex-shrink:0;margin-top:2px}.status-icon.verified{color:#22c55e}.status-icon.pending{color:#f59e0b}.status-icon.rejected{color:#ef4444}.status-icon.unverified{color:#8e8e93}.status-info h2{font-size:20px;font-weight:600;margin:0 0 8px;color:#fff}.status-info p{font-size:16px;color:#c7c7cc;line-height:1.5;margin:0}.rejection-reason{display:flex;align-items:flex-start;gap:12px;background:#ef44441a;border:1px solid #ef4444;border-radius:12px;padding:16px;margin-top:16px}.rejection-reason svg{color:#ef4444;flex-shrink:0;margin-top:2px}.rejection-reason p{color:#fff;font-size:14px;margin:0;line-height:1.4}.submission-date{margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2c}.submission-date p{color:#8e8e93;font-size:14px;margin:0}.verification-upload-section{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:24px;margin-bottom:24px}.verification-upload-section h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#fff}.upload-instructions{color:#c7c7cc;font-size:16px;line-height:1.5;margin:0 0 24px}.verification-form-group{margin-bottom:24px}.verification-label{display:block;font-weight:600;font-size:14px;color:#fff;margin-bottom:8px}.verification-select{width:100%;background:#0a0b0f;border:1px solid #2a2a2c;color:#fff;padding:12px 16px;border-radius:8px;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none}.verification-select:focus{outline:none;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.document-upload-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media (min-width: 768px){.document-upload-grid{grid-template-columns:repeat(3,1fr)}}.document-upload-box{position:relative}.document-upload-btn{width:100%;height:200px;background:#0a0b0f;border:2px dashed #2a2a2c;border-radius:12px;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-upload-btn:active{transform:scale(.98)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8e8e93;text-align:center}.upload-placeholder svg{color:#17d2c2}.upload-placeholder p{font-size:16px;font-weight:600;margin:0;color:#fff}.upload-placeholder span{font-size:14px;color:#c7c7cc}.document-preview{width:100%;height:100%;object-fit:cover;border-radius:8px}.verification-submit-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#17d2c2;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:none;min-height:56px}.verification-submit-btn:active{transform:scale(.98)}.verification-submit-btn:disabled{background:#2a2a2c;color:#8e8e93;cursor:not-allowed;transform:none}.btn-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.verification-requirements{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:16px;padding:24px;margin-bottom:24px}.verification-requirements h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.requirements-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#c7c7cc;line-height:1.4}.requirements-list svg{color:#22c55e;flex-shrink:0;margin-top:2px}.verification-message{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-bottom:24px}.verification-message.error{background:#ef44441a;border:1px solid #ef4444}.verification-message.error svg{color:#ef4444}.verification-message.success{background:#22c55e1a;border:1px solid #22c55e}.verification-message.success svg{color:#22c55e}.verification-message svg{flex-shrink:0;margin-top:2px}.verification-message p{color:#fff;font-size:14px;line-height:1.4;margin:0}@media (max-width: 767px){.verification-header{flex-direction:column;align-items:flex-start;gap:16px}.verification-back-btn{align-self:flex-start}.verification-title{align-self:stretch}.verification-title h1{font-size:20px}.status-header{flex-direction:column;align-items:flex-start;text-align:left}.status-icon{align-self:flex-start}}@media (min-width: 1024px){.verification-content.desktop{max-width:900px}.verification-title h1{font-size:28px}.verification-status-card,.verification-upload-section,.verification-requirements{padding:32px}}.CreatorProfilePreview-overlay{position:fixed;inset:0;background:var(--bg-900, #0a0a0a);z-index:9999;display:flex;flex-direction:column;overflow:hidden;height:100vh}.CreatorProfilePreview-header{display:flex;align-items:center;justify-content:space-between;padding:30px 20px 20px;background:#1c1c1ee6;border-bottom:1px solid var(--border-600, #2a2a2c);backdrop-filter:blur(10px);flex-shrink:0;z-index:10}.CreatorProfilePreview-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-600, #2a2a2c);border-radius:12px;color:var(--text, #ffffff);cursor:pointer;transition:all .2s ease}.CreatorProfilePreview-back-btn:hover{background:#ffffff0d;border-color:var(--primary, #17d2c2)}.CreatorProfilePreview-title{display:flex;align-items:center;gap:8px;color:var(--text, #ffffff);font-size:18px;font-weight:600}.CreatorProfilePreview-title svg{color:var(--primary, #17d2c2)}.CreatorProfilePreview-view-toggle{display:flex;gap:4px;padding:4px;background:#ffffff0d;border-radius:12px}.CreatorProfilePreview-toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #c7c7cc);cursor:pointer;transition:all .2s ease;font-weight:500}.CreatorProfilePreview-toggle-btn.active{background:var(--primary, #17d2c2);color:#000}.CreatorProfilePreview-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#121212)}.CreatorProfilePreview-note{padding:12px;background:#17d2c21a;border-top:1px solid var(--border-600, #2a2a2c);text-align:center;color:var(--primary, #17d2c2);font-size:14px;font-weight:500;flex-shrink:0}.CreatorProfilePreview-swipe-card{width:100%;height:100vh;background:var(--surface-700, #1c1c1e);border-radius:0;overflow:hidden;position:relative;box-shadow:none}.CreatorProfilePreview-card-image-container{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#1c1c1e,#2a2a2c);display:flex;flex-direction:column}.CreatorProfilePreview-card-main-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.CreatorProfilePreview-card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted, #8e8e93);gap:12px}.CreatorProfilePreview-verified-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary, #17d2c2);color:#000;border-radius:20px;font-size:12px;font-weight:600;z-index:2}.CreatorProfilePreview-live-indicator{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#00000080;backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:12px;font-weight:500;z-index:2}.CreatorProfilePreview-live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.CreatorProfilePreview-card-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px 20px 130px;color:#fff;z-index:2}.CreatorProfilePreview-card-header h2{font-size:24px;font-weight:600;margin:0}.CreatorProfilePreview-card-bio{margin:12px 0;font-size:14px;line-height:1.4;opacity:.9}.CreatorProfilePreview-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.CreatorProfilePreview-card-stats{display:flex;gap:16px;margin-top:12px}.CreatorProfilePreview-stat{display:flex;align-items:center;gap:4px;font-size:12px;opacity:.8}.CreatorProfilePreview-view-profile-btn{position:absolute;bottom:100px;left:20px;right:20px;padding:12px;background:var(--primary, #17d2c2);color:#000;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;z-index:3}.CreatorProfilePreview-full-profile{width:100%;background:var(--surface-700, #1c1c1e);border-radius:0;overflow:hidden;max-height:100vh;overflow-y:auto}.CreatorProfilePreview-profile-container{max-width:100%;margin:0 auto;padding:0}.CreatorProfilePreview-profile-header{position:relative}.CreatorProfilePreview-cover-photo-container{position:relative;height:200px}.CreatorProfilePreview-cover-photo{width:100%;height:100%;object-fit:cover}.CreatorProfilePreview-placeholder-cover{background:linear-gradient(135deg,var(--primary-600, #12b7ab) 0%,var(--primary, #17d2c2) 100%)}.CreatorProfilePreview-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000001a)}.CreatorProfilePreview-header-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px}.CreatorProfilePreview-action-icon-btn{width:40px;height:40px;border-radius:50%;background:#00000080;backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.CreatorProfilePreview-action-icon-btn:hover{background:#000000b3}.CreatorProfilePreview-profile-info{padding:0 24px 24px;margin-top:-40px;position:relative}.CreatorProfilePreview-profile-avatar-section{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.CreatorProfilePreview-profile-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--surface-700, #1c1c1e);overflow:hidden;position:relative;background:var(--surface-700, #1c1c1e)}.CreatorProfilePreview-profile-avatar img{width:100%;height:100%;object-fit:cover}.CreatorProfilePreview-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--muted, #8e8e93)}.CreatorProfilePreview-online-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#22c55e;border:3px solid var(--surface-700, #1c1c1e);border-radius:50%}.CreatorProfilePreview-profile-actions{display:flex;gap:8px;align-items:center}.CreatorProfilePreview-follow-btn,.CreatorProfilePreview-like-btn,.CreatorProfilePreview-message-btn{padding:8px 16px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:500}.CreatorProfilePreview-follow-btn{background:var(--primary, #17d2c2);color:#000}.CreatorProfilePreview-like-btn,.CreatorProfilePreview-message-btn{background:#ffffff1a;color:var(--text, #ffffff);width:40px;height:40px;border-radius:50%;padding:0;justify-content:center}.CreatorProfilePreview-profile-details{margin-top:16px}.CreatorProfilePreview-profile-name-section{margin-bottom:12px}.CreatorProfilePreview-profile-name{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text, #ffffff);display:flex;align-items:center;gap:8px}.CreatorProfilePreview-verified-icon{color:var(--primary, #17d2c2)}.CreatorProfilePreview-profile-username{color:var(--text-secondary, #c7c7cc);font-size:16px}.CreatorProfilePreview-profile-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.CreatorProfilePreview-meta-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary, #c7c7cc);font-size:14px}.CreatorProfilePreview-profile-bio{color:var(--text-secondary, #c7c7cc);line-height:1.5;margin-bottom:16px}.CreatorProfilePreview-profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.CreatorProfilePreview-profile-tag{padding:4px 12px;background:#ffffff1a;border-radius:16px;font-size:12px;font-weight:500;color:var(--primary, #17d2c2)}.CreatorProfilePreview-profile-stats{display:grid;grid-template-columns:1fr;justify-content:center;max-width:200px;margin:0 auto;padding:20px;background:#ffffff08;border-top:1px solid var(--border-600, #2a2a2c);border-bottom:1px solid var(--border-600, #2a2a2c)}.CreatorProfilePreview-stat-item{text-align:center}.CreatorProfilePreview-stat-value{display:flex;align-items:center;justify-content:center;gap:4px;font-size:20px;font-weight:600;color:var(--text, #ffffff);margin-bottom:4px}.CreatorProfilePreview-stat-label{font-size:12px;color:var(--text-secondary, #c7c7cc);text-transform:uppercase;letter-spacing:.5px}.CreatorProfilePreview-tab-content{padding:24px}.CreatorProfilePreview-content-filter{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.CreatorProfilePreview-filter-option{padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-600, #2a2a2c);border-radius:20px;color:var(--text-secondary, #c7c7cc);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px}.CreatorProfilePreview-filter-option.active{background:var(--primary, #17d2c2);color:#000;border-color:var(--primary, #17d2c2)}.CreatorProfilePreview-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.CreatorProfilePreview-content-item{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background:#ffffff0d;transition:transform .2s ease}.CreatorProfilePreview-content-item.locked .CreatorProfilePreview-content-preview{filter:blur(20px)}.CreatorProfilePreview-content-preview{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.CreatorProfilePreview-video-indicator{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:12px;z-index:2}.CreatorProfilePreview-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(2px);color:#fff;z-index:3}.CreatorProfilePreview-price{margin-top:4px;font-weight:600;font-size:14px}.CreatorProfilePreview-content-placeholder{color:var(--muted, #8e8e93)}.CreatorProfilePreview-content-stats{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-size:12px;z-index:2}.CreatorProfilePreview-unlock-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.CreatorProfilePreview-unlock-modal{background:var(--surface-700, #1c1c1e);border-radius:24px;padding:32px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #00000080}.CreatorProfilePreview-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text, #ffffff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.CreatorProfilePreview-modal-close:hover{background:#fff3}.CreatorProfilePreview-unlock-content{text-align:center}.CreatorProfilePreview-unlock-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary, #17d2c2),var(--primary-600, #12b7ab));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.CreatorProfilePreview-unlock-content h3{font-size:20px;font-weight:600;color:var(--text, #ffffff);margin:0 0 8px}.CreatorProfilePreview-unlock-content p{color:var(--text-secondary, #c7c7cc);margin:0 0 24px}.CreatorProfilePreview-unlock-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px}.CreatorProfilePreview-currency{font-size:20px;color:var(--text-secondary, #c7c7cc)}.CreatorProfilePreview-amount{font-size:36px;font-weight:600;color:var(--text, #ffffff)}.CreatorProfilePreview-unlock-btn{width:100%;padding:14px;background:var(--primary, #17d2c2);color:#000;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:16px}.CreatorProfilePreview-unlock-note{margin-top:16px;font-size:12px;color:var(--text-secondary, #c7c7cc)}@media (max-width: 768px){.CreatorProfilePreview-header{padding:16px}.CreatorProfilePreview-view-toggle{display:none}.CreatorProfilePreview-content-grid{grid-template-columns:1fr}.CreatorProfilePreview-profile-meta{flex-direction:column;gap:8px}}.CreatorProfilePreview-full-profile::-webkit-scrollbar,.CreatorProfilePreview-content::-webkit-scrollbar{width:8px}.CreatorProfilePreview-full-profile::-webkit-scrollbar-track,.CreatorProfilePreview-content::-webkit-scrollbar-track{background:#ffffff0d}.CreatorProfilePreview-full-profile::-webkit-scrollbar-thumb,.CreatorProfilePreview-content::-webkit-scrollbar-thumb{background:var(--primary, #17d2c2);border-radius:4px}.CreatorProfilePreview-full-profile::-webkit-scrollbar-thumb:hover,.CreatorProfilePreview-content::-webkit-scrollbar-thumb:hover{background:var(--primary-600, #12b7ab)}:root{--demographicform-bg-primary: #1c1c1e;--demographicform-bg-hover: #2a2a2c;--demographicform-border: #3a3a3c;--demographicform-border-focus: #17d2c2;--demographicform-text-primary: #ffffff;--demographicform-text-secondary: #c7c7cc;--demographicform-text-tertiary: #8e8e93;--demographicform-accent-primary: #17d2c2;--demographicform-error: #ef4444;--demographicform-required: #ef4444;--demographicform-spacing-xs: 4px;--demographicform-spacing-sm: 8px;--demographicform-spacing-md: 16px;--demographicform-spacing-lg: 24px;--demographicform-spacing-xl: 32px;--demographicform-radius: 12px;--demographicform-radius-sm: 8px;--demographicform-radius-xs: 4px}.DemographicForm{width:100%;max-width:600px}.DemographicForm-header{text-align:center;margin-bottom:var(--demographicform-spacing-xl)}.DemographicForm-header h2{color:var(--demographicform-text-primary);font-size:24px;font-weight:700;margin:0 0 var(--demographicform-spacing-sm) 0;line-height:1.2}.DemographicForm-header p{color:var(--demographicform-text-secondary);font-size:16px;line-height:1.4;margin:0}.DemographicForm-group{margin-bottom:var(--demographicform-spacing-lg)}.DemographicForm-group:last-child{margin-bottom:0}.DemographicForm-label{display:block;color:var(--demographicform-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--demographicform-spacing-sm);line-height:1.4}.DemographicForm-required{color:var(--demographicform-required);margin-left:var(--demographicform-spacing-xs)}.DemographicForm-radio-group{display:flex;flex-direction:column;gap:var(--demographicform-spacing-sm)}.DemographicForm-radio-label{display:flex;align-items:center;gap:var(--demographicform-spacing-sm);padding:var(--demographicform-spacing-sm) var(--demographicform-spacing-md);background:var(--demographicform-bg-primary);border:1px solid var(--demographicform-border);border-radius:var(--demographicform-radius-sm);cursor:pointer;transition:all .2s ease;color:var(--demographicform-text-primary);font-size:14px;font-weight:500;min-height:48px}.DemographicForm-radio-label:hover{background:var(--demographicform-bg-hover);border-color:var(--demographicform-accent-primary)}.DemographicForm-radio-label:has(input:checked){background:#17d2c21a;border-color:var(--demographicform-accent-primary);color:var(--demographicform-accent-primary)}.DemographicForm-radio-label input[type=radio]{display:none}.DemographicForm-radio-custom{width:20px;height:20px;border:2px solid var(--demographicform-border);border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0}.DemographicForm-radio-label:hover .DemographicForm-radio-custom{border-color:var(--demographicform-accent-primary)}.DemographicForm-radio-label:has(input:checked) .DemographicForm-radio-custom{border-color:var(--demographicform-accent-primary);background:var(--demographicform-accent-primary)}.DemographicForm-radio-label:has(input:checked) .DemographicForm-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.DemographicForm-select{width:100%;padding:var(--demographicform-spacing-md);background:var(--demographicform-bg-primary);border:1px solid var(--demographicform-border);border-radius:var(--demographicform-radius-sm);color:var(--demographicform-text-primary);font-size:14px;font-weight:500;min-height:48px;transition:all .2s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7c7cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--demographicform-spacing-md) center;background-size:16px;padding-right:48px}.DemographicForm-select:hover{background-color:var(--demographicform-bg-hover);border-color:var(--demographicform-accent-primary)}.DemographicForm-select:focus{outline:none;border-color:var(--demographicform-accent-primary);box-shadow:0 0 0 3px #17d2c21a}.DemographicForm-select option{background:var(--demographicform-bg-primary);color:var(--demographicform-text-primary);padding:var(--demographicform-spacing-sm)}.DemographicForm-error{display:block;color:var(--demographicform-error);font-size:13px;font-weight:500;margin-top:var(--demographicform-spacing-xs);line-height:1.3}@media (max-width: 768px){.DemographicForm-header h2{font-size:20px}.DemographicForm-header p{font-size:14px}.DemographicForm-radio-group{gap:var(--demographicform-spacing-xs)}.DemographicForm-radio-label{padding:var(--demographicform-spacing-sm);font-size:13px;min-height:44px}.DemographicForm-select{font-size:13px;min-height:44px}.DemographicForm-group{margin-bottom:var(--demographicform-spacing-md)}}@media (max-width: 480px){.DemographicForm-header{margin-bottom:var(--demographicform-spacing-lg)}.DemographicForm-header h2{font-size:18px}.DemographicForm-header p{font-size:13px}.DemographicForm-label{font-size:14px}.DemographicForm-radio-label,.DemographicForm-select{font-size:12px}}.DemographicForm.compact .DemographicForm-header,.DemographicForm.compact .DemographicForm-group{margin-bottom:var(--demographicform-spacing-md)}.DemographicForm.compact .DemographicForm-radio-label{min-height:40px;padding:var(--demographicform-spacing-xs) var(--demographicform-spacing-sm)}.DemographicForm-radio-label:focus-within{outline:2px solid var(--demographicform-accent-primary);outline-offset:2px}.DemographicForm-select:focus-visible{outline:2px solid var(--demographicform-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.DemographicForm-radio-label,.DemographicForm-radio-custom,.DemographicForm-select{transition:none}}@media (prefers-contrast: high){.DemographicForm-radio-label,.DemographicForm-select{border-width:2px}.DemographicForm-radio-custom{border-width:3px}}@media print{.DemographicForm{break-inside:avoid}.DemographicForm-radio-label,.DemographicForm-select{border:1px solid #000;box-shadow:none}}:root{--contentpricingform-bg-primary: #1c1c1e;--contentpricingform-bg-hover: #2a2a2c;--contentpricingform-bg-active: rgba(23, 210, 194, .1);--contentpricingform-border: #3a3a3c;--contentpricingform-border-active: #17d2c2;--contentpricingform-text-primary: #ffffff;--contentpricingform-text-secondary: #c7c7cc;--contentpricingform-text-tertiary: #8e8e93;--contentpricingform-accent-primary: #17d2c2;--contentpricingform-error: #ef4444;--contentpricingform-required: #ef4444;--contentpricingform-success: #22c55e;--contentpricingform-warning: #f59e0b;--contentpricingform-spacing-xs: 4px;--contentpricingform-spacing-sm: 8px;--contentpricingform-spacing-md: 16px;--contentpricingform-spacing-lg: 24px;--contentpricingform-spacing-xl: 32px;--contentpricingform-radius: 12px;--contentpricingform-radius-sm: 8px;--contentpricingform-radius-xs: 4px}.ContentPricingForm{width:100%;max-width:700px}.ContentPricingForm-header{text-align:center;margin-bottom:var(--contentpricingform-spacing-xl)}.ContentPricingForm-header h2{color:var(--contentpricingform-text-primary);font-size:24px;font-weight:700;margin:0 0 var(--contentpricingform-spacing-sm) 0;line-height:1.2}.ContentPricingForm-header p{color:var(--contentpricingform-text-secondary);font-size:16px;line-height:1.4;margin:0}.ContentPricingForm-context{background:var(--contentpricingform-bg-primary);border:1px solid var(--contentpricingform-border);border-radius:var(--contentpricingform-radius);padding:var(--contentpricingform-spacing-lg);margin-bottom:var(--contentpricingform-spacing-xl)}.ContentPricingForm-context-intro{color:var(--contentpricingform-text-primary);font-size:14px;font-weight:600;margin:0 0 var(--contentpricingform-spacing-sm) 0;line-height:1.4}.ContentPricingForm-context-benefits{color:var(--contentpricingform-text-secondary);font-size:13px;line-height:1.5;margin:0 0 var(--contentpricingform-spacing-sm) 0;padding-left:var(--contentpricingform-spacing-md)}.ContentPricingForm-context-benefits li{margin-bottom:var(--contentpricingform-spacing-xs)}.ContentPricingForm-context-note{color:var(--contentpricingform-text-tertiary);font-size:12px;font-style:italic;margin:0;line-height:1.4}.ContentPricingForm-group{margin-bottom:var(--contentpricingform-spacing-xl)}.ContentPricingForm-group:last-child{margin-bottom:0}.ContentPricingForm-label{display:block;color:var(--contentpricingform-text-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--contentpricingform-spacing-sm);line-height:1.4}.ContentPricingForm-required{color:var(--contentpricingform-required);margin-left:var(--contentpricingform-spacing-xs)}.ContentPricingForm-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--contentpricingform-spacing-md);margin-bottom:var(--contentpricingform-spacing-sm)}.ContentPricingForm-type-card{background:var(--contentpricingform-bg-primary);border:2px solid var(--contentpricingform-border);border-radius:var(--contentpricingform-radius);padding:var(--contentpricingform-spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--contentpricingform-spacing-sm);cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px;position:relative}.ContentPricingForm-type-card:hover{background:var(--contentpricingform-bg-hover);border-color:var(--contentpricingform-accent-primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.ContentPricingForm-type-card.active{background:var(--contentpricingform-bg-active);border-color:var(--contentpricingform-border-active);color:var(--contentpricingform-accent-primary)}.ContentPricingForm-type-card.active:after{content:"✓";position:absolute;top:var(--contentpricingform-spacing-sm);right:var(--contentpricingform-spacing-sm);width:20px;height:20px;background:var(--contentpricingform-accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ContentPricingForm-type-card svg{color:var(--contentpricingform-text-secondary);transition:color .2s ease}.ContentPricingForm-type-card.active svg,.ContentPricingForm-type-card:hover svg{color:var(--contentpricingform-accent-primary)}.ContentPricingForm-type-card span:first-of-type{color:var(--contentpricingform-text-primary);font-size:16px;font-weight:600}.ContentPricingForm-price-range{color:var(--contentpricingform-text-tertiary);font-size:12px;font-weight:500}.ContentPricingForm-type-card.active .ContentPricingForm-price-range{color:var(--contentpricingform-accent-primary)}.ContentPricingForm-helper{color:var(--contentpricingform-text-secondary);font-size:13px;line-height:1.4;margin:0 0 var(--contentpricingform-spacing-sm) 0;font-style:italic}.ContentPricingForm-pricing-wrapper{position:relative;display:inline-block;width:150px}.ContentPricingForm-currency{position:absolute;left:var(--contentpricingform-spacing-md);top:50%;transform:translateY(-50%);color:var(--contentpricingform-text-secondary);font-size:16px;font-weight:600;pointer-events:none;z-index:1}.ContentPricingForm-pricing-input{width:100%;padding:var(--contentpricingform-spacing-md) var(--contentpricingform-spacing-md) var(--contentpricingform-spacing-md) 40px;background:var(--contentpricingform-bg-primary);border:1px solid var(--contentpricingform-border);border-radius:var(--contentpricingform-radius-sm);color:var(--contentpricingform-text-primary);font-size:16px;font-weight:600;transition:all .2s ease;min-height:48px}.ContentPricingForm-pricing-input:hover{background:var(--contentpricingform-bg-hover);border-color:var(--contentpricingform-accent-primary)}.ContentPricingForm-pricing-input:focus{outline:none;border-color:var(--contentpricingform-accent-primary);box-shadow:0 0 0 3px #17d2c21a}.ContentPricingForm-pricing-input::placeholder{color:var(--contentpricingform-text-tertiary)}.ContentPricingForm-pro-tip{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2);border-radius:var(--contentpricingform-radius);padding:var(--contentpricingform-spacing-lg);margin-top:var(--contentpricingform-spacing-xl)}.ContentPricingForm-pro-tip p{color:var(--contentpricingform-text-secondary);font-size:14px;line-height:1.5;margin:0}.ContentPricingForm-pro-tip strong{color:var(--contentpricingform-warning);font-weight:700}.ContentPricingForm-error{display:block;color:var(--contentpricingform-error);font-size:13px;font-weight:500;margin-top:var(--contentpricingform-spacing-xs);line-height:1.3}@media (max-width: 768px){.ContentPricingForm-header h2{font-size:20px}.ContentPricingForm-header p{font-size:14px}.ContentPricingForm-types-grid{grid-template-columns:1fr;gap:var(--contentpricingform-spacing-sm)}.ContentPricingForm-type-card{padding:var(--contentpricingform-spacing-md);min-height:100px}.ContentPricingForm-context{padding:var(--contentpricingform-spacing-md)}.ContentPricingForm-pricing-wrapper{width:120px}.ContentPricingForm-pricing-input{font-size:14px;min-height:44px}.ContentPricingForm-currency{font-size:14px}}@media (max-width: 480px){.ContentPricingForm-header h2{font-size:18px}.ContentPricingForm-header p{font-size:13px}.ContentPricingForm-type-card{padding:var(--contentpricingform-spacing-sm);min-height:80px}.ContentPricingForm-type-card span:first-of-type{font-size:14px}.ContentPricingForm-price-range{font-size:11px}.ContentPricingForm-context{padding:var(--contentpricingform-spacing-sm)}.ContentPricingForm-context-intro,.ContentPricingForm-helper{font-size:12px}.ContentPricingForm-context-benefits{font-size:11px}.ContentPricingForm-pro-tip p{font-size:12px}}.ContentPricingForm.compact .ContentPricingForm-header{margin-bottom:var(--contentpricingform-spacing-md)}.ContentPricingForm.compact .ContentPricingForm-context{display:none}.ContentPricingForm.compact .ContentPricingForm-group{margin-bottom:var(--contentpricingform-spacing-lg)}.ContentPricingForm.compact .ContentPricingForm-type-card{min-height:80px;padding:var(--contentpricingform-spacing-sm)}.ContentPricingForm.compact .ContentPricingForm-pro-tip{margin-top:var(--contentpricingform-spacing-md);padding:var(--contentpricingform-spacing-md)}.ContentPricingForm-type-card{animation:contentpricingform-fadeIn .5s ease-out}.ContentPricingForm-type-card:nth-child(1){animation-delay:0ms}.ContentPricingForm-type-card:nth-child(2){animation-delay:.1s}.ContentPricingForm-type-card:nth-child(3){animation-delay:.2s}@keyframes contentpricingform-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ContentPricingForm-type-card:focus-visible{outline:2px solid var(--contentpricingform-accent-primary);outline-offset:2px}.ContentPricingForm-pricing-input:focus-visible{outline:2px solid var(--contentpricingform-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ContentPricingForm-type-card,.ContentPricingForm-pricing-input{animation:none;transition:none}.ContentPricingForm-type-card:hover{transform:none}}@media (prefers-contrast: high){.ContentPricingForm-type-card{border-width:3px}.ContentPricingForm-pricing-input{border-width:2px}}@media print{.ContentPricingForm{break-inside:avoid}.ContentPricingForm-type-card,.ContentPricingForm-pricing-input{border:1px solid #000;box-shadow:none}.ContentPricingForm-pro-tip{border:1px solid #000;background:none}}:root{--automationsettings-bg-primary: #1c1c1e;--automationsettings-bg-hover: #2a2a2c;--automationsettings-border: #3a3a3c;--automationsettings-border-focus: #17d2c2;--automationsettings-text-primary: #ffffff;--automationsettings-text-secondary: #c7c7cc;--automationsettings-text-tertiary: #8e8e93;--automationsettings-accent-primary: #17d2c2;--automationsettings-error: #ef4444;--automationsettings-success: #22c55e;--automationsettings-warning: #f59e0b;--automationsettings-info: #38bdf8;--automationsettings-spacing-xs: 4px;--automationsettings-spacing-sm: 8px;--automationsettings-spacing-md: 16px;--automationsettings-spacing-lg: 24px;--automationsettings-spacing-xl: 32px;--automationsettings-radius: 12px;--automationsettings-radius-sm: 8px;--automationsettings-radius-xs: 4px}.AutomationSettings{width:100%;max-width:600px}.AutomationSettings-header{text-align:center;margin-bottom:var(--automationsettings-spacing-xl)}.AutomationSettings-header h2{color:var(--automationsettings-text-primary);font-size:24px;font-weight:700;margin:0 0 var(--automationsettings-spacing-sm) 0;line-height:1.2}.AutomationSettings-header p{color:var(--automationsettings-text-secondary);font-size:16px;line-height:1.4;margin:0}.AutomationSettings-group{margin-bottom:var(--automationsettings-spacing-xl)}.AutomationSettings-group:last-child{margin-bottom:0}.AutomationSettings-label{display:flex;align-items:center;gap:var(--automationsettings-spacing-sm);color:var(--automationsettings-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--automationsettings-spacing-md);line-height:1.4}.AutomationSettings-label svg{color:var(--automationsettings-accent-primary);flex-shrink:0}.AutomationSettings-card{background:var(--automationsettings-bg-primary);border:1px solid var(--automationsettings-border);border-radius:var(--automationsettings-radius);padding:var(--automationsettings-spacing-lg);transition:all .2s ease}.AutomationSettings-card:hover{background:var(--automationsettings-bg-hover);border-color:var(--automationsettings-accent-primary)}.AutomationSettings-card:focus-within{border-color:var(--automationsettings-border-focus);box-shadow:0 0 0 3px #17d2c21a}.AutomationSettings-textarea{width:100%;background:transparent;border:none;color:var(--automationsettings-text-primary);font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;outline:none;padding:0;margin-bottom:var(--automationsettings-spacing-sm)}.AutomationSettings-textarea::placeholder{color:var(--automationsettings-text-tertiary);font-style:italic}.AutomationSettings-textarea:focus{outline:none}.AutomationSettings-char-count{color:var(--automationsettings-text-tertiary);font-size:12px;text-align:right;margin-top:var(--automationsettings-spacing-xs)}.AutomationSettings-tips{display:flex;flex-direction:column;gap:var(--automationsettings-spacing-md)}.AutomationSettings-tip{display:flex;align-items:flex-start;gap:var(--automationsettings-spacing-sm);background:var(--automationsettings-bg-primary);border:1px solid var(--automationsettings-border);border-radius:var(--automationsettings-radius-sm);padding:var(--automationsettings-spacing-md);transition:all .2s ease}.AutomationSettings-tip:hover{background:var(--automationsettings-bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.AutomationSettings-tip svg{color:var(--automationsettings-accent-primary);flex-shrink:0;margin-top:2px}.AutomationSettings-tip span{color:var(--automationsettings-text-secondary);font-size:14px;line-height:1.4;flex:1}.AutomationSettings-error{display:block;color:var(--automationsettings-error);font-size:13px;font-weight:500;margin-top:var(--automationsettings-spacing-xs);line-height:1.3}@media (max-width: 768px){.AutomationSettings-header h2{font-size:20px}.AutomationSettings-header p{font-size:14px}.AutomationSettings-card{padding:var(--automationsettings-spacing-md)}.AutomationSettings-tips{gap:var(--automationsettings-spacing-sm)}.AutomationSettings-tip{padding:var(--automationsettings-spacing-sm) var(--automationsettings-spacing-md)}.AutomationSettings-tip span{font-size:13px}.AutomationSettings-label{font-size:14px}.AutomationSettings-textarea{font-size:13px}}@media (max-width: 480px){.AutomationSettings-header h2{font-size:18px}.AutomationSettings-header p{font-size:13px}.AutomationSettings-card,.AutomationSettings-tip{padding:var(--automationsettings-spacing-sm)}.AutomationSettings-tip span{font-size:12px}.AutomationSettings-label{font-size:13px}.AutomationSettings-textarea{font-size:12px;min-height:60px}.AutomationSettings-char-count{font-size:11px}}.AutomationSettings.compact .AutomationSettings-header{margin-bottom:var(--automationsettings-spacing-md)}.AutomationSettings.compact .AutomationSettings-group{margin-bottom:var(--automationsettings-spacing-lg)}.AutomationSettings.compact .AutomationSettings-card{padding:var(--automationsettings-spacing-md)}.AutomationSettings.compact .AutomationSettings-tips{gap:var(--automationsettings-spacing-sm)}.AutomationSettings.compact .AutomationSettings-tip{padding:var(--automationsettings-spacing-sm) var(--automationsettings-spacing-md)}.AutomationSettings-tip{animation:automationsettings-fadeIn .5s ease-out}.AutomationSettings-tip:nth-child(1){animation-delay:0ms}.AutomationSettings-tip:nth-child(2){animation-delay:.1s}.AutomationSettings-tip:nth-child(3){animation-delay:.2s}.AutomationSettings-tip:nth-child(4){animation-delay:.3s}@keyframes automationsettings-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.AutomationSettings-card:focus-within{outline:2px solid var(--automationsettings-accent-primary);outline-offset:2px}.AutomationSettings-tip:focus-visible{outline:2px solid var(--automationsettings-accent-primary);outline-offset:2px}.AutomationSettings-char-count{transition:color .2s ease}.AutomationSettings-textarea:focus+.AutomationSettings-char-count{color:var(--automationsettings-text-secondary)}.AutomationSettings-char-count[data-warning=true]{color:var(--automationsettings-warning)}.AutomationSettings-char-count[data-error=true]{color:var(--automationsettings-error)}.AutomationSettings-toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:var(--automationsettings-spacing-md);background:var(--automationsettings-bg-primary);border:1px solid var(--automationsettings-border);border-radius:var(--automationsettings-radius-sm);margin-bottom:var(--automationsettings-spacing-sm)}.AutomationSettings-toggle-label{color:var(--automationsettings-text-primary);font-size:14px;font-weight:500}.AutomationSettings-toggle-description{color:var(--automationsettings-text-tertiary);font-size:12px;margin-top:2px}@media (prefers-reduced-motion: reduce){.AutomationSettings-card,.AutomationSettings-tip,.AutomationSettings-char-count{animation:none;transition:none}.AutomationSettings-tip:hover{transform:none}}@media (prefers-contrast: high){.AutomationSettings-card,.AutomationSettings-tip{border-width:2px}}@media print{.AutomationSettings{break-inside:avoid}.AutomationSettings-card,.AutomationSettings-tip{border:1px solid #000;box-shadow:none}}:root{--launchagreements-bg-primary: #1c1c1e;--launchagreements-bg-hover: #2a2a2c;--launchagreements-border: #3a3a3c;--launchagreements-border-focus: #17d2c2;--launchagreements-text-primary: #ffffff;--launchagreements-text-secondary: #c7c7cc;--launchagreements-text-tertiary: #8e8e93;--launchagreements-accent-primary: #17d2c2;--launchagreements-error: #ef4444;--launchagreements-success: #22c55e;--launchagreements-warning: #f59e0b;--launchagreements-verified: #22c55e;--launchagreements-spacing-xs: 4px;--launchagreements-spacing-sm: 8px;--launchagreements-spacing-md: 16px;--launchagreements-spacing-lg: 24px;--launchagreements-spacing-xl: 32px;--launchagreements-radius: 12px;--launchagreements-radius-sm: 8px;--launchagreements-radius-xs: 4px}.LaunchAgreements{width:100%;max-width:700px}.LaunchAgreements-header{text-align:center;margin-bottom:var(--launchagreements-spacing-xl)}.LaunchAgreements-header h2{color:var(--launchagreements-text-primary);font-size:24px;font-weight:700;margin:0 0 var(--launchagreements-spacing-sm) 0;line-height:1.2}.LaunchAgreements-header p{color:var(--launchagreements-text-secondary);font-size:16px;line-height:1.4;margin:0}.LaunchAgreements-section{margin-bottom:var(--launchagreements-spacing-xl)}.LaunchAgreements-card{background:var(--launchagreements-bg-primary);border:1px solid var(--launchagreements-border);border-radius:var(--launchagreements-radius);padding:var(--launchagreements-spacing-lg);margin-bottom:var(--launchagreements-spacing-md);transition:all .2s ease}.LaunchAgreements-card:hover{background:var(--launchagreements-bg-hover);border-color:var(--launchagreements-accent-primary)}.LaunchAgreements-card:last-child{margin-bottom:0}.LaunchAgreements-checkbox-label{display:flex;align-items:flex-start;gap:var(--launchagreements-spacing-sm);cursor:pointer;line-height:1.5}.LaunchAgreements-checkbox-label:hover .LaunchAgreements-checkbox-custom{border-color:var(--launchagreements-accent-primary)}.LaunchAgreements-checkbox-label input[type=checkbox]{display:none}.LaunchAgreements-checkbox-custom{width:20px;height:20px;border:2px solid var(--launchagreements-border);border-radius:var(--launchagreements-radius-xs);background:transparent;position:relative;transition:all .2s ease;flex-shrink:0;margin-top:2px}.LaunchAgreements-checkbox-label:has(input:checked) .LaunchAgreements-checkbox-custom{background:var(--launchagreements-accent-primary);border-color:var(--launchagreements-accent-primary)}.LaunchAgreements-checkbox-label:has(input:checked) .LaunchAgreements-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.LaunchAgreements-checkbox-text{color:var(--launchagreements-text-primary);font-size:14px;font-weight:500;flex:1}.LaunchAgreements-checkbox-text a{color:var(--launchagreements-accent-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.LaunchAgreements-checkbox-text a:hover{color:var(--launchagreements-accent-primary);text-decoration:underline}.LaunchAgreements-preview-section{margin-bottom:var(--launchagreements-spacing-xl)}.LaunchAgreements-preview-section h3{color:var(--launchagreements-text-primary);font-size:18px;font-weight:600;margin:0 0 var(--launchagreements-spacing-md) 0;text-align:center}.LaunchAgreements-preview-card{background:var(--launchagreements-bg-primary);border:1px solid var(--launchagreements-border);border-radius:var(--launchagreements-radius);overflow:hidden;margin-bottom:var(--launchagreements-spacing-md)}.LaunchAgreements-preview-header{position:relative;padding:var(--launchagreements-spacing-lg)}.LaunchAgreements-preview-cover{width:100%;height:120px;object-fit:cover;border-radius:var(--launchagreements-radius-sm);margin-bottom:var(--launchagreements-spacing-md)}.LaunchAgreements-preview-profile{display:flex;align-items:center;gap:var(--launchagreements-spacing-md)}.LaunchAgreements-preview-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--launchagreements-border)}.LaunchAgreements-preview-info h4{color:var(--launchagreements-text-primary);font-size:18px;font-weight:700;margin:0 0 var(--launchagreements-spacing-xs) 0}.LaunchAgreements-preview-badges{display:flex;gap:var(--launchagreements-spacing-xs)}.LaunchAgreements-badge{display:flex;align-items:center;gap:var(--launchagreements-spacing-xs);background:#22c55e26;color:var(--launchagreements-verified);border:1px solid rgba(34,197,94,.3);border-radius:var(--launchagreements-radius-xs);padding:2px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.LaunchAgreements-preview-bio{padding:0 var(--launchagreements-spacing-lg) var(--launchagreements-spacing-md)}.LaunchAgreements-preview-bio p{color:var(--launchagreements-text-secondary);font-size:14px;line-height:1.5;margin:0;font-style:italic}.LaunchAgreements-preview-stats{display:flex;gap:var(--launchagreements-spacing-lg);padding:var(--launchagreements-spacing-md) var(--launchagreements-spacing-lg);border-top:1px solid var(--launchagreements-border)}.LaunchAgreements-stat{display:flex;align-items:center;gap:var(--launchagreements-spacing-xs);color:var(--launchagreements-text-secondary);font-size:12px;font-weight:500}.LaunchAgreements-stat svg{color:var(--launchagreements-accent-primary)}.LaunchAgreements-preview-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--launchagreements-spacing-sm);background:var(--launchagreements-accent-primary);color:#fff;border:none;border-radius:var(--launchagreements-radius);padding:var(--launchagreements-spacing-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.LaunchAgreements-preview-btn:hover{background:#12b7ab;transform:translateY(-1px);box-shadow:0 8px 25px #17d2c24d}.LaunchAgreements-preview-btn:active{transform:translateY(0)}.LaunchAgreements-error{display:block;color:var(--launchagreements-error);font-size:12px;font-weight:500;margin-top:var(--launchagreements-spacing-xs);line-height:1.3}.LaunchAgreements-error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--launchagreements-radius);padding:var(--launchagreements-spacing-md);color:var(--launchagreements-error);font-size:14px;font-weight:500;text-align:center;margin-top:var(--launchagreements-spacing-md)}@media (max-width: 768px){.LaunchAgreements-header h2{font-size:20px}.LaunchAgreements-header p{font-size:14px}.LaunchAgreements-card{padding:var(--launchagreements-spacing-md)}.LaunchAgreements-checkbox-text{font-size:13px}.LaunchAgreements-preview-header{padding:var(--launchagreements-spacing-md)}.LaunchAgreements-preview-cover{height:100px}.LaunchAgreements-preview-avatar{width:50px;height:50px}.LaunchAgreements-preview-info h4{font-size:16px}.LaunchAgreements-preview-stats{flex-direction:column;gap:var(--launchagreements-spacing-xs);padding:var(--launchagreements-spacing-sm) var(--launchagreements-spacing-md)}.LaunchAgreements-stat{justify-content:center}}@media (max-width: 480px){.LaunchAgreements-header h2{font-size:18px}.LaunchAgreements-header p{font-size:13px}.LaunchAgreements-card{padding:var(--launchagreements-spacing-sm)}.LaunchAgreements-checkbox-text{font-size:12px}.LaunchAgreements-preview-section h3{font-size:16px}.LaunchAgreements-preview-header{padding:var(--launchagreements-spacing-sm)}.LaunchAgreements-preview-cover{height:80px}.LaunchAgreements-preview-avatar{width:40px;height:40px}.LaunchAgreements-preview-info h4{font-size:14px}.LaunchAgreements-preview-bio{padding:0 var(--launchagreements-spacing-sm) var(--launchagreements-spacing-sm)}.LaunchAgreements-preview-bio p{font-size:12px}.LaunchAgreements-stat{font-size:11px}.LaunchAgreements-preview-btn{font-size:12px;padding:var(--launchagreements-spacing-sm)}}.LaunchAgreements.compact .LaunchAgreements-header,.LaunchAgreements.compact .LaunchAgreements-section{margin-bottom:var(--launchagreements-spacing-md)}.LaunchAgreements.compact .LaunchAgreements-card{padding:var(--launchagreements-spacing-md);margin-bottom:var(--launchagreements-spacing-sm)}.LaunchAgreements.compact .LaunchAgreements-preview-section{margin-bottom:var(--launchagreements-spacing-md)}.LaunchAgreements-card{animation:launchagreements-fadeIn .5s ease-out}.LaunchAgreements-card:nth-child(1){animation-delay:0ms}.LaunchAgreements-card:nth-child(2){animation-delay:.1s}.LaunchAgreements-card:nth-child(3){animation-delay:.2s}.LaunchAgreements-card:nth-child(4){animation-delay:.3s}.LaunchAgreements-preview-card{animation:launchagreements-fadeIn .5s ease-out .4s both}@keyframes launchagreements-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.LaunchAgreements-checkbox-label:focus-within .LaunchAgreements-checkbox-custom{outline:2px solid var(--launchagreements-accent-primary);outline-offset:2px}.LaunchAgreements-preview-btn:focus-visible{outline:2px solid var(--launchagreements-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.LaunchAgreements-card,.LaunchAgreements-preview-card,.LaunchAgreements-preview-btn{animation:none;transition:none}.LaunchAgreements-preview-btn:hover{transform:none}}@media (prefers-contrast: high){.LaunchAgreements-card,.LaunchAgreements-preview-card{border-width:2px}.LaunchAgreements-checkbox-custom{border-width:3px}}@media print{.LaunchAgreements{break-inside:avoid}.LaunchAgreements-card,.LaunchAgreements-preview-card{border:1px solid #000;box-shadow:none}.LaunchAgreements-preview-btn{display:none}}:root{--primary: #17d2c2;--primary-dark: #12b7ab;--primary-light: #47e0d2;--primary-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-dark: #0a0a0a;--surface: #121212;--surface-light: #1c1c1e;--border: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--text-muted: #8e8e93;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #38bdf8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 10px 30px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(23, 210, 194, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}.profile-setup-wrapper{min-height:100vh;background:var(--bg-dark);position:relative;overflow-x:hidden;padding-bottom:80px}.animated-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.gradient-1,.gradient-2,.gradient-3{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s infinite ease-in-out}.gradient-1{width:600px;height:600px;background:var(--primary-gradient);top:-200px;right:-200px;animation-delay:0s}.gradient-2{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-150px;left:-150px;animation-delay:5s}.gradient-3{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}.profile-setup-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column}.profile-setup-container.step-five-container{padding-top:160px}.setup-header{margin-bottom:40px;animation:fadeIn .4s ease}.logo-section{text-align:center;margin-bottom:30px}.logo{height:50px;margin-bottom:10px}.tagline{font-size:14px;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.progress-section{background:var(--surface);border-radius:20px;padding:25px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.step-indicators{display:flex;justify-content:space-between;margin-bottom:20px}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;cursor:pointer;transition:var(--transition-base)}.step-indicator:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--border);z-index:-1}.step-indicator.active:not(:last-child):after{background:var(--primary)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--surface-light);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-muted);transition:var(--transition-base);margin-bottom:8px}.step-indicator.active .step-number{background:var(--primary);border-color:var(--primary);color:var(--bg-dark)}.step-indicator.current .step-number{background:var(--primary-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-glow)}50%{transform:scale(1.1);box-shadow:0 0 60px #17d2c280}}.step-label{font-size:12px;color:var(--text-muted);transition:var(--transition-base)}.step-indicator.active .step-label,.step-indicator.current .step-label{color:var(--text-primary);font-weight:500}.progress-bar{background:var(--surface-light);border-radius:3px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:3px;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.completion-stats{display:flex;justify-content:space-between;font-size:13px}.percentage{color:var(--primary);font-weight:600}.estimate{color:var(--text-muted)}.setup-content{flex:1;margin:40px 0;position:relative;min-height:500px}.step-content-wrapper{background:var(--surface);border-radius:24px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border);min-height:500px}.step-header{margin-bottom:40px;text-align:center}.step-header h2{font-family:Inter,sans-serif;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:10px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-header p{font-size:16px;color:var(--text-secondary);max-width:var(--content-width-narrow);margin:0 auto}@media (min-width: 1024px){.step-header p{max-width:var(--content-width-medium)}}.photo-section{margin-bottom:24px}.photo-upload-grid{display:grid;grid-template-columns:200px 1fr;gap:30px;margin-bottom:30px}.photo-upload-box{border:2px dashed var(--border);border-radius:16px;background:var(--surface-light);transition:var(--transition-base);cursor:pointer;overflow:hidden;position:relative}.photo-upload-box:hover{border-color:var(--primary);background:#17d2c20d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.photo-upload-box.profile{width:200px;height:200px;border-radius:50%}.photo-upload-box.cover{height:400px;border-radius:16px;margin-top:20px}.photo-upload-box.has-image{border-style:solid;border-color:var(--primary)}.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.upload-prompt svg{color:var(--primary);margin-bottom:12px}.upload-title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.upload-hint{font-size:13px;color:var(--text-muted)}.photo-preview{position:relative;width:100%;height:100%}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1}.photo-actions{display:flex;gap:12px;flex-direction:column;align-items:center}.photo-action-btn{display:flex;align-items:center;gap:6px;background:var(--primary);border:1px solid var(--primary);color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;backdrop-filter:blur(10px);min-width:80px;justify-content:center}.photo-action-btn svg{flex-shrink:0}@media (max-width: 768px){.photo-actions{flex-direction:row;gap:8px}.photo-action-btn{padding:6px 12px;font-size:12px;min-width:70px}}.photo-overlay svg{color:#fff;margin-bottom:8px}.photo-overlay span{color:#fff;font-size:14px;font-weight:500}.photo-tips{display:flex;gap:15px;margin-top:10px}.tip{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.form-group{margin-bottom:25px;margin-top:60px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:5px}.required{color:var(--error)}.form-input{width:100%;padding:12px 16px;background:var(--surface-light);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:15px;transition:var(--transition-base)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.form-input.error{border-color:var(--error)}.error-message{display:block;font-size:13px;color:var(--error);margin-top:5px}.char-count{font-size:12px;color:var(--text-muted);text-align:right;margin-top:5px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:15px}.category-card{padding:15px;background:var(--surface-light);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:8px}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-card.selected{border-color:var(--primary);background:#17d2c21a}.category-icon{font-size:24px}.category-label{font-size:13px;font-weight:500;color:var(--text-primary)}.setup-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.nav-btn{padding:12px 16px;border-radius:12px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;transition:var(--transition-base);cursor:pointer;border:none;min-width:80px;flex-shrink:0}.back-btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.back-btn:hover:not(:disabled){background:var(--surface-light);transform:translate(-2px)}.next-btn,.launch-btn{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.next-btn:hover,.launch-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.launch-btn{padding:14px 28px;font-size:16px}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.step-counter{font-size:14px;color:var(--text-muted);font-weight:500;flex:1;text-align:center;padding:0 16px}.preview-full-btn{margin-top:20px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#17d2c21a,#17d2c233);border:2px solid var(--primary);border-radius:12px;color:var(--text-primary);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.preview-full-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(23,210,194,.3),transparent);transition:left .5s ease}.preview-full-btn:hover{background:linear-gradient(135deg,#17d2c233,#17d2c24d);transform:translateY(-2px);box-shadow:0 10px 30px #17d2c24d}.preview-full-btn:hover:before{left:100%}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.step-four .step-header h2,.step-five .step-header h2{font-size:24px}.step-four .step-header p,.step-five .step-header p{font-size:14px;margin-bottom:24px}.preview-header{padding:var(--space-lg);min-height:100px}.setup-header{margin-bottom:40px;animation:fadeIn .4s ease}.preview-profile-section{margin-top:40px}.preview-avatar{width:60px;height:60px}.preview-info h4{font-size:18px}.preview-stats{flex-direction:column;align-items:center;gap:var(--space-md)}.profile-preview-section{padding:var(--space-lg)}.switch-label{font-size:14px}.radio-label{font-size:14px;padding:var(--space-sm) var(--space-md)}.checkbox-group{grid-template-columns:1fr;gap:var(--space-sm)}.checkbox-label{padding:var(--space-sm) var(--space-md);font-size:14px;min-height:44px}}.success-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.success-modal{background:var(--surface);border-radius:24px;padding:40px;text-align:center;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--primary)}.success-icon{margin-bottom:20px}.success-icon svg{color:var(--primary)}.success-modal h2{font-size:28px;color:var(--text-primary);margin-bottom:10px}.success-modal p{color:var(--text-secondary);margin-bottom:30px}.success-stats{display:flex;gap:20px;justify-content:center}.stat{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-light);border-radius:12px;font-size:14px;color:var(--text-primary)}@media (max-width: 768px){.profile-setup-container{padding:20px 15px;margin-top:50px}.profile-setup-container.step-five-container{padding-top:160px!important}.step-content-wrapper{padding:25px 20px}.step-header h2{font-size:24px}.photo-upload-grid{grid-template-columns:1fr;gap:20px}.photo-upload-box.profile{margin:0 auto}.categories-grid{grid-template-columns:repeat(2,1fr)}.step-indicators{gap:10px}.step-label,.nav-btn span{display:none}.nav-btn{padding:12px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0}@media (max-width: 768px){.content-types-grid{grid-template-columns:1fr;gap:12px}}.content-type-card{background:var(--surface-700);border:2px solid var(--border-600);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.content-type-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.content-type-card:hover{border-color:var(--primary-600);transform:translateY(-4px);box-shadow:0 8px 25px #17d2c24d}.content-type-card:hover:before{opacity:.05}.content-type-card.active{border-color:var(--primary);background:linear-gradient(135deg,#17d2c226,#12b7ab1a);transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.content-type-card.active:before{opacity:.1}.content-type-card>*{position:relative;z-index:1}.content-type-card svg{color:var(--primary);margin-bottom:12px;transition:all .3s ease}.content-type-card.active svg{color:var(--primary-300);transform:scale(1.1)}.content-type-card>span:first-of-type{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.content-type-card.active>span:first-of-type{color:var(--primary-300)}.price-range{font-size:13px;color:var(--text-secondary);font-weight:500;background:var(--bg-800);padding:4px 12px;border-radius:12px;transition:all .3s ease}.content-type-card.active .price-range{background:#17d2c233;color:var(--primary-300)}.strategy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}@media (max-width: 768px){.strategy-cards{grid-template-columns:1fr;gap:12px}}.strategy-card{background:var(--surface-700);border:2px solid var(--border-600);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:140px}.strategy-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary) 100%);opacity:0;transition:opacity .3s ease;z-index:0;border-radius:14px}.strategy-card:hover{border-color:var(--primary-600);transform:translateY(-4px);box-shadow:0 8px 25px #17d2c24d}.strategy-card:hover:before{opacity:.05}.strategy-card.active{border-color:var(--primary);background:linear-gradient(135deg,#17d2c226,#12b7ab1a);transform:translateY(-2px);box-shadow:0 6px 20px #17d2c266}.strategy-card.active:before{opacity:.1}.strategy-card>*{position:relative;z-index:1}.strategy-card svg{color:var(--primary);margin-bottom:12px;transition:all .3s ease}.strategy-card.active svg{color:var(--primary-300);transform:scale(1.1)}.strategy-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px;transition:color .3s ease}.strategy-card.active .strategy-title{color:var(--primary-300)}.strategy-desc{font-size:13px;color:var(--text-secondary);line-height:1.4;transition:color .3s ease}.strategy-card.active .strategy-desc{color:var(--text-primary)}.ai-suggestion{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary) 100%);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px;margin-left:12px;display:inline-flex;align-items:center;gap:4px;animation:pulse 2s ease-in-out infinite}.ai-suggestion:before{content:"✨";font-size:10px}.form-group .form-input[type=number]{background:var(--surface-700);border:2px solid var(--border-600);color:var(--text-primary);font-size:16px;font-weight:600;text-align:center;transition:all .3s ease}.form-group .form-input[type=number]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #17d2c226;background:var(--bg-800)}.step-three .step-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.step-three .step-header p{color:var(--text-secondary);font-size:16px;margin-bottom:32px}@media (max-width: 768px){.content-type-card,.strategy-card{padding:20px 16px;min-height:auto}.step-three .step-header h2{font-size:24px}.step-three .step-header p{font-size:14px;margin-bottom:24px}.ai-suggestion{font-size:11px;padding:3px 8px;margin-left:8px;margin-top:4px;display:block;width:fit-content}}.content-type-card.loading,.strategy-card.loading{pointer-events:none;opacity:.7}.content-type-card.loading:after,.strategy-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.step-four{display:flex;flex-direction:column;gap:var(--space-xl)}.step-four .step-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.step-four .step-header p{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.automation-card{background:var(--surface-700);border:1px solid var(--border-600);border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all .3s ease}.automation-card:hover{border-color:var(--primary);box-shadow:0 8px 32px #17d2c21a}.switch-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;font-size:16px;font-weight:500;color:var(--text-primary)}.switch-label input[type=checkbox]{display:none}.switch{position:relative;width:56px;height:28px;background:var(--border-600);border-radius:14px;transition:background .3s ease}.switch:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease}.switch-label input[type=checkbox]:checked+.switch{background:var(--primary)}.switch-label input[type=checkbox]:checked+.switch:before{transform:translate(28px)}.radio-group{display:flex;flex-direction:column;gap:var(--space-md)}.radio-label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px;color:var(--text-primary)}.radio-label:hover{border-color:var(--primary);background:#17d2c20d}.radio-label input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid var(--border-600);border-radius:50%;position:relative;transition:all .3s ease}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--primary)}.radio-label input[type=radio]:checked+.radio-custom:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%)}.payout-options{display:flex;flex-direction:column;gap:var(--space-md)}.radio-label>div{display:flex;flex-direction:column;gap:4px}.option-desc{font-size:14px;color:var(--text-secondary)}.ai-features{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#17d2c21a,#12b7ab0d);border:1px solid var(--primary);border-radius:16px}.ai-feature{display:flex;align-items:center;gap:var(--space-md);font-size:16px;color:var(--text-primary)}.ai-feature svg{color:var(--primary)}.success-tips{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid var(--success);border-radius:16px}.success-tip{display:flex;align-items:center;gap:var(--space-md);font-size:15px;color:var(--text-primary);line-height:1.5}.success-tip svg{color:var(--success);flex-shrink:0}.step-five{display:flex;flex-direction:column;gap:var(--space-xl)}.step-five .step-header h2{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}@supports not (-webkit-background-clip: text){.step-five .step-header h2{color:var(--primary);background:none}}.step-five .step-header p{color:var(--text-secondary);font-size:16px;margin-bottom:32px;text-align:center}.agreements-section{display:flex;flex-direction:column;gap:var(--space-md)}.agreement-card{background:var(--surface-700);border:1px solid var(--border-600);border-radius:16px;padding:var(--space-lg);transition:all .3s ease}.agreement-card:hover{border-color:var(--primary);box-shadow:0 8px 32px #17d2c21a}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.checkbox-label{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);background:var(--surface-700);border:2px solid var(--border-600);border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;min-height:48px;text-align:center}.checkbox-label:active{transform:translateY(0);box-shadow:0 2px 8px #17d2c21a}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{display:none}.checkbox-label input[type=checkbox]:checked+.checkbox-custom+span,.checkbox-label:has(input[type=checkbox]:checked){background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:none}.checkbox-label input[type=checkbox]:focus+.checkbox-custom+span,.checkbox-label:has(input[type=checkbox]:focus){outline:2px solid var(--primary);outline-offset:2px}.checkbox-label a{color:var(--primary);text-decoration:none;transition:color .3s ease}.checkbox-label a:hover{color:var(--primary-300);text-decoration:underline}.profile-preview-section{background:var(--surface-700);border:1px solid var(--border-600);border-radius:20px;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.profile-preview-section h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.preview-card{background:var(--bg-800);border:1px solid var(--border-600);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.preview-header{position:relative;background:linear-gradient(135deg,var(--primary-700),var(--primary));padding:var(--space-xl);min-height:120px}.preview-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}.preview-profile-section{position:relative;display:flex;align-items:flex-end;gap:var(--space-md);margin-top:60px}.preview-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-800);object-fit:cover;box-shadow:0 4px 16px #0000004d}.preview-info{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.preview-info h4{font-size:20px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.preview-badges{display:flex;gap:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge.verified{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.preview-bio{padding:var(--space-lg);border-bottom:1px solid var(--border-600)}.preview-bio p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}.preview-stats{padding:var(--space-lg);display:flex;justify-content:space-around;gap:var(--space-md)}.stat{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--text-secondary)}.stat svg{color:var(--primary)}.preview-full-btn{background:linear-gradient(135deg,var(--primary),var(--primary-600));color:var(--text-primary);border:none;padding:16px 24px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:0 8px 24px #17d2c24d}.preview-full-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #17d2c266}.preview-full-btn:active{transform:translateY(0)}@media (max-width: 768px){.step-four .step-header h2,.step-five .step-header h2{font-size:24px}.step-four .step-header p,.step-five .step-header p{font-size:14px;margin-bottom:24px}.preview-header{padding:var(--space-lg);min-height:100px}.photo-upload-box.cover{height:400px!important;border-radius:16px;margin-top:20px}.preview-profile-section{margin-top:40px}.preview-avatar{width:60px;height:60px}.preview-info h4{font-size:18px}.preview-stats{flex-direction:column;align-items:center;gap:var(--space-md)}.profile-preview-section{padding:var(--space-lg)}.switch-label{font-size:14px}.radio-label{font-size:14px;padding:var(--space-sm) var(--space-md)}.checkbox-group{grid-template-columns:1fr;gap:var(--space-sm)}.checkbox-label{padding:var(--space-sm) var(--space-md);font-size:14px;min-height:44px}}.pricing-context{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.context-intro{color:var(--text-primary);font-size:15px;font-weight:500;margin:0 0 var(--space-md) 0}.context-benefits{list-style:none;padding:0;margin:0 0 var(--space-md) 0}.context-benefits li{color:var(--text-secondary);font-size:14px;line-height:1.5;padding:4px 0}.context-note{color:var(--muted);font-size:14px;font-style:italic;margin:0}.field-helper{color:var(--muted);font-size:13px;margin:4px 0 var(--space-sm) 0;font-style:italic}.pricing-pro-tip{background:linear-gradient(135deg,var(--primary-100),var(--primary-300));border:1px solid var(--primary-600);border-radius:8px;padding:var(--space-md);margin-top:var(--space-lg)}.pricing-pro-tip p{color:var(--text-primary);font-size:14px;margin:0;line-height:1.5}@media (max-width: 1023px){.creator-dashboard .mainheader-navbar,.creator-dashboard-container .mainheader-navbar,.creator-dashboard .main-header,.creator-dashboard .mainheader,.creator-dashboard .header-navbar,.creator-dashboard .navbar-header,.creator-dashboard .top-header,.creator-dashboard .site-header,.creator-dashboard-container .main-header,.creator-dashboard-container .mainheader,.creator-dashboard-container .header-navbar,.creator-dashboard-container .navbar-header,.creator-dashboard-container .top-header,.creator-dashboard-container .site-header{display:none!important}}@media (min-width: 1024px){.creator-dashboard .mainheader-navbar,.creator-dashboard .main-header,.creator-dashboard .mainheader{display:block!important}}.creator-dashboard{min-height:100vh;background:var(--bg-dark, #0a0a0a);position:relative;overflow-x:hidden;padding-top:0;margin-left:28px;margin-right:28px;margin-top:50px}.creator-dashboard-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.creator-dashboard-bg-gradient-1,.creator-dashboard-bg-gradient-2,.creator-dashboard-bg-gradient-3{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:floatGradient 20s infinite ease-in-out}.creator-dashboard-bg-gradient-1{width:800px;height:800px;background:linear-gradient(135deg,#17d2c2,#12b7ab);top:-400px;right:-200px;animation-delay:0s}.creator-dashboard-bg-gradient-2{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-200px;left:-100px;animation-delay:7s}.creator-dashboard-bg-gradient-3{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;left:30%;animation-delay:14s}@keyframes floatGradient{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(40px,20px) scale(1.05)}}.creator-dashboard-container{position:relative;z-index:1;max-width:none;margin:0;padding:20px 2rem}@media (min-width: 768px){.creator-dashboard-container{padding:30px}}.creator-dashboard-header{margin-bottom:40px;animation:slideDown .6s ease}.creator-dashboard-header-content{display:grid;grid-template-columns:1fr;gap:20px;padding:20px 0}.creator-dashboard-header-left{display:grid;grid-template-columns:1fr;gap:12px}.creator-dashboard-title{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;width:fit-content}.creator-dashboard-wave{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%;font-size:24px}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.dashboard-subtitle{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:0;opacity:.8}.header-right{display:grid;grid-template-columns:1fr;gap:16px}.dashboard-header-actions{display:grid;grid-template-columns:1fr;gap:12px}.dashboard-action-btn{padding:12px 16px;background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:12px;color:var(--text-primary, #ffffff);display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px}.notification-btn{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--error, #ef4444);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600}.upload-btn{padding:14px 20px;background:linear-gradient(135deg,#17d2c2,#12b7ab);border:none;border-radius:12px;color:#000;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:15px;width:100%}.upload-btn.primary{background:linear-gradient(135deg,#17d2c2,#12b7ab);border:none;color:#000;font-weight:600}.time-range-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface, #121212);padding:4px;border-radius:12px;width:100%}.creator-dashboard-time-range-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface, #121212);padding:10px;border-radius:12px;width:100%;margin-bottom:20px}.range-btn{padding:10px 8px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #c7c7cc);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px;text-align:center}.creator-dashboard-range-btn.creator-dashboard-active{background:var(--primary, #17d2c2);color:#000}.stats-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.stat-card{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--primary, #17d2c2),transparent);opacity:0;transition:opacity .3s ease}.stat-card.green .stat-icon{color:#22c55e;background:#22c55e1a}.stat-card.pink .stat-icon{color:#ec4899;background:#ec48991a}.stat-card.blue .stat-icon{color:#3b82f6;background:#3b82f61a}.stat-card.purple .stat-icon{color:#8b5cf6;background:#8b5cf61a}.stat-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:flex-start;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center}.stat-trend{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;font-size:13px}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-value{font-weight:600}.trend-value.up{color:#22c55e}.trend-value.down{color:#ef4444}.stat-content{margin-bottom:16px}.stat-title{font-size:13px;color:var(--text-secondary, #c7c7cc);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.stat-subtitle{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:4px 0 0}.stat-sparkline{margin:0 -8px;opacity:.6}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}.dashboard-left,.dashboard-right{display:grid;grid-template-columns:1fr;gap:30px}.chart-card,.insights-card,.activity-card,.content-card{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;transition:all .3s ease}.card-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:24px}.card-title{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.card-title svg{color:var(--primary, #17d2c2)}.card-actions{display:grid;grid-template-columns:repeat(auto-fit,32px);gap:8px}.icon-btn{width:32px;height:32px;background:#ffffff0d;border:1px solid var(--border, #2a2a2c);border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #c7c7cc)}.link-btn{background:none;border:none;color:var(--primary, #17d2c2);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s ease}.chart-container{margin:0 -12px}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0 0;border-top:1px solid var(--border, #2a2a2c);margin-top:24px}.summary-item{text-align:center}.summary-label{display:block;font-size:12px;color:var(--text-secondary, #c7c7cc);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:20px;font-weight:600;color:var(--text-primary, #ffffff)}.summary-value.green{color:#22c55e}.summary-value.yellow{color:#f59e0b}.ai-badge{padding:4px 12px;background:linear-gradient(135deg,#17d2c21a,#17d2c233);border:1px solid var(--primary, #17d2c2);border-radius:20px;font-size:11px;font-weight:600;color:var(--primary, #17d2c2);text-transform:uppercase;letter-spacing:.5px}.insights-list{display:grid;grid-template-columns:1fr;gap:16px}.insight-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;padding:16px;background:#ffffff05;border:1px solid var(--border, #2a2a2c);border-radius:12px;transition:all .2s ease;cursor:pointer}.insight-item.success .insight-icon{color:#22c55e;background:#22c55e1a}.insight-item.warning .insight-icon{color:#f59e0b;background:#f59e0b1a}.insight-item.info .insight-icon{color:#3b82f6;background:#3b82f61a}.insight-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.insight-content{display:grid;grid-template-columns:1fr;gap:4px}.insight-content h4{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.insight-content p{font-size:13px;color:var(--text-secondary, #c7c7cc);margin:0;line-height:1.4}.insight-action{padding:6px 12px;background:#17d2c21a;border:1px solid var(--primary, #17d2c2);border-radius:8px;color:var(--primary, #17d2c2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.activity-list{display:grid;grid-template-columns:1fr;gap:12px}.activity-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;border-radius:12px;transition:all .2s ease;cursor:pointer}.activity-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.activity-icon.purchase{color:#22c55e;background:#22c55e1a}.activity-icon.match{color:#ec4899;background:#ec48991a}.activity-icon.message{color:#3b82f6;background:#3b82f61a}.activity-icon.tip{color:#f59e0b;background:#f59e0b1a}.activity-icon.view{color:#8b5cf6;background:#8b5cf61a}.activity-content{display:grid;grid-template-columns:1fr;gap:2px}.activity-content p{font-size:14px;color:var(--text-primary, #ffffff);margin:0}.activity-user{font-weight:600}.activity-amount{color:#22c55e;font-weight:600}.activity-time{font-size:12px;color:var(--text-secondary, #c7c7cc)}.content-grid{display:grid;grid-template-columns:1fr;gap:12px}.content-item{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background:#ffffff0d}.content-preview{width:100%;height:100%;position:relative}.content-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-secondary, #c7c7cc)}.content-stats{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.content-stats .stat{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:500}.quick-actions{margin-top:40px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary, #ffffff);margin:20px 0}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-action-btn{padding:20px;background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:16px;display:grid;grid-template-columns:1fr;gap:12px;place-items:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.quick-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease}.quick-action-btn.teal .action-icon{color:#17d2c2}.quick-action-btn.blue .action-icon{color:#3b82f6}.quick-action-btn.pink .action-icon{color:#ec4899}.quick-action-btn.purple .action-icon{color:#8b5cf6}.action-icon{position:relative}.action-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;background:var(--error, #ef4444);color:#fff;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:600}.action-label{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff)}.notifications-panel{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--surface, #121212);border-left:1px solid var(--border, #2a2a2c);z-index:100;display:grid;grid-template-rows:auto 1fr;box-shadow:-10px 0 40px #0000004d}.panel-header{padding:24px;border-bottom:1px solid var(--border, #2a2a2c);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.panel-header h3{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary, #c7c7cc);cursor:pointer;transition:color .2s ease}.notifications-list{overflow-y:auto;padding:24px;display:grid;grid-template-columns:1fr;gap:12px}.notification-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;background:#ffffff05;border-radius:12px}.notif-icon{color:var(--primary, #17d2c2)}.notif-content p{font-size:14px;color:var(--text-primary, #ffffff);margin:0 0 4px}.notif-time{font-size:12px;color:var(--text-secondary, #c7c7cc)}.dashboard-loading{display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh;gap:20px}.loading-spinner{color:var(--primary, #17d2c2)}.spin{animation:spin 1s linear infinite}@media (min-width: 768px){.dashboard-header-content{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;min-height:100px}.dashboard-title,.wave{font-size:32px}.dashboard-subtitle{font-size:16px}.header-right{display:grid;grid-template-columns:auto auto;gap:20px;align-items:center}.dashboard-header-actions{display:grid;grid-template-columns:repeat(3,auto);gap:12px}.upload-btn{width:auto;padding:10px 20px}.time-range-selector{width:fit-content;display:grid;grid-template-columns:repeat(3,auto)}.range-btn{padding:8px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-right{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.content-grid{grid-template-columns:repeat(2,1fr)}.notifications-panel{width:400px}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:2fr 1fr}.content-grid{grid-template-columns:repeat(4,1fr)}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1200px){.dashboard-right{display:grid;grid-template-columns:1fr;gap:30px}}.analytics-preview{margin:32px 16px;background:#1c1c1ecc;backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.dashboard-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-header-actions-small{display:flex;gap:12px}.view-full-btn{background:linear-gradient(135deg,#ff1b6b,#45caff);color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.view-full-btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.mini-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.mini-chart{background:#ffffff0d;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer}.chart-title{font-size:12px;color:#fff9;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.chart-placeholder{height:40px;margin-bottom:12px;position:relative;overflow:hidden;border-radius:8px;background:#0003}.trend-line{height:100%;border-radius:8px;position:relative;overflow:hidden}.trend-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.revenue-trend{background:linear-gradient(135deg,#10b981,#059669)}.views-trend{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.conversion-trend{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.chart-value{font-size:20px;font-weight:700;color:#fff}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.analytics-preview{margin:20px 12px;padding:20px}.dashboard-analytics-header{flex-direction:column;gap:12px;align-items:stretch}.dashboard-header-actions-small{flex-direction:column;gap:8px}.mini-charts{grid-template-columns:1fr;gap:16px}.chart-value{font-size:18px}}.creator-dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.creator-dashboard-stat-card{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;transition:all .3s ease}.creator-dashboard-stat-header{display:grid;grid-template-columns:1fr auto;align-items:flex-start;margin-bottom:16px}.creator-dashboard-stat-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center}.creator-dashboard-stat-icon.blue{color:#3b82f6;background:#3b82f61a}.creator-dashboard-stat-icon.green{color:#22c55e;background:#22c55e1a}.creator-dashboard-stat-icon.purple{color:#8b5cf6;background:#8b5cf61a}.creator-dashboard-stat-icon.yellow{color:#f59e0b;background:#f59e0b1a}.creator-dashboard-stat-content{display:grid;grid-template-columns:1fr;gap:8px}.creator-dashboard-stat-value{font-size:32px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.creator-dashboard-stat-label{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:0}.creator-dashboard-stat-change{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-size:13px;font-weight:500}.creator-dashboard-stat-change.positive{color:#22c55e}.creator-dashboard-stat-change.negative{color:#ef4444}.creator-dashboard-stat-change.neutral{color:var(--text-secondary, #c7c7cc)}.creator-dashboard-recent-activity{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;margin-top:20px;margin-bottom:10px;transition:all .3s ease}.creator-dashboard-section-title{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px}.creator-dashboard-activity-list{display:grid;grid-template-columns:1fr;gap:12px}.creator-dashboard-activity-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px;border-radius:12px;transition:background-color .2s ease}.creator-dashboard-activity-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.creator-dashboard-activity-icon.creator-dashboard-purchase{color:#22c55e;background:#22c55e1a}.creator-dashboard-activity-icon.creator-dashboard-connection{color:#ec4899;background:#ec48991a}.creator-dashboard-activity-icon.creator-dashboard-message{color:#3b82f6;background:#3b82f61a}.creator-dashboard-activity-icon.creator-dashboard-tip{color:#f59e0b;background:#f59e0b1a}.creator-dashboard-activity-icon.creator-dashboard-view{color:#8b5cf6;background:#8b5cf61a}.creator-dashboard-activity-content{display:grid;grid-template-columns:1fr;gap:2px}.creator-dashboard-activity-content p{font-size:14px;color:var(--text-primary, #ffffff);margin:0}.creator-dashboard-activity-user{font-weight:600}.creator-dashboard-activity-amount{color:#22c55e;font-weight:600}.creator-dashboard-activity-time{font-size:12px;color:var(--text-secondary, #c7c7cc)}.creator-dashboard-no-activity{text-align:center;padding:40px 20px;color:var(--text-secondary, #c7c7cc)}.creator-dashboard-top-content{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;margin-top:10px;margin-bottom:10px;transition:all .3s ease}.creator-dashboard-content-grid{display:grid;grid-template-columns:1fr;gap:12px}.creator-dashboard-content-item{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .2s ease}.creator-dashboard-content-preview{width:100%;height:100%;position:relative}.creator-dashboard-content-image{width:100%;height:100%;object-fit:cover}.creator-dashboard-content-placeholder{width:100%;height:100%;display:grid;place-items:center;background:var(--surface-700, #1c1c1e);color:var(--text-secondary, #c7c7cc)}.creator-dashboard-content-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;background:#000000b3;color:#fff;font-size:12px;font-weight:500}.creator-dashboard-content-stats{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);color:#fff;display:flex;justify-content:space-between;align-items:center}.creator-dashboard-content-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.creator-dashboard-no-content{text-align:center;padding:40px 20px;color:var(--text-secondary, #c7c7cc)}.creator-dashboard-quick-actions{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:20px;padding:24px;margin-top:10px;margin-bottom:120px;transition:all .3s ease}@media (min-width: 1024px){.creator-dashboard-quick-actions{margin-bottom:40px}}.creator-dashboard-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.creator-dashboard-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:1px solid var(--border, #2a2a2c);border-radius:16px;background:var(--bg-800, #121212);color:var(--text-primary, #ffffff);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.creator-dashboard-action-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#17d2c21a;color:var(--primary, #17d2c2)}.creator-dashboard-action-label{font-size:14px;font-weight:600;text-align:center}.creator-dashboard-action-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:12px;background:var(--primary, #17d2c2);color:#fff;font-size:11px;font-weight:600}.creator-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.creator-dashboard-loading-spinner{width:40px;height:40px;border:3px solid rgba(23,210,194,.3);border-top:3px solid var(--primary, #17d2c2);border-radius:50%;animation:spin 1s linear infinite}.creator-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.creator-dashboard-retry-btn{padding:12px 24px;border:1px solid var(--primary, #17d2c2);border-radius:8px;background:transparent;color:var(--primary, #17d2c2);font-weight:600;cursor:pointer;transition:all .3s ease}@media (min-width: 768px){.creator-dashboard-content-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.creator-dashboard-content-grid,.creator-dashboard-actions-grid{grid-template-columns:repeat(4,1fr)}}.creator-dashboard-earnings-widget{background:var(--surface-700);border:1px solid var(--border-600);border-radius:16px;padding:var(--space-lg);margin:var(--space-lg) var(--space-md);transition:all .2s ease}.creator-dashboard-earnings-widget:hover{border-color:var(--primary-300);transform:translateY(-1px);box-shadow:0 4px 20px #17d2c21a}.earnings-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.earnings-widget-title{display:flex;align-items:center;gap:var(--space-sm)}.earnings-widget-title svg{color:var(--primary)}.earnings-widget-title h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.earnings-widget-view-all{background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:all .2s ease}.earnings-widget-view-all:hover{background:#17d2c21a;transform:translate(2px)}.earnings-widget-content{width:100%}.earnings-widget-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.earnings-stat-skeleton{height:80px;background:var(--border-600);border-radius:12px;background:linear-gradient(90deg,var(--border-600) 25%,var(--surface-700) 50%,var(--border-600) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.earnings-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.earnings-stat-card{background:var(--bg-800);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);transition:all .2s ease}.earnings-stat-card:hover{border-color:var(--primary-300);transform:translateY(-1px)}.earnings-stat-card.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);border-color:var(--primary);color:#fff}.earnings-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#17d2c21a;border-radius:10px;flex-shrink:0}.earnings-stat-card.primary .earnings-stat-icon{background:#fff3}.earnings-stat-icon svg{color:var(--primary)}.earnings-stat-card.primary .earnings-stat-icon svg{color:#fff}.earnings-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.earnings-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earnings-stat-card.primary .earnings-stat-label{color:#fffc}.earnings-stat-value{font-size:16px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earnings-stat-card.primary .earnings-stat-value{color:#fff}@media (max-width: 768px){.creator-dashboard-earnings-widget{margin:var(--space-md) var(--space-sm);padding:var(--space-md)}.earnings-stats-grid{grid-template-columns:1fr;gap:var(--space-sm)}.earnings-stat-card{padding:var(--space-sm) var(--space-md)}.earnings-widget-title h3{font-size:16px}.earnings-stat-value{font-size:14px}.earnings-stat-label{font-size:11px}}@media (max-width: 1024px) and (min-width: 769px){.earnings-stats-grid{grid-template-columns:repeat(2,1fr)}.earnings-stat-card:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}:root{--dashboardstatsgrid-text-white: #ffffff;--dashboardstatsgrid-text-light: rgba(255, 255, 255, .9);--dashboardstatsgrid-text-muted: rgba(255, 255, 255, .7);--dashboardstatsgrid-positive: #10b981;--dashboardstatsgrid-negative: #ef4444;--dashboardstatsgrid-neutral: #6b7280;--dashboardstatsgrid-blue-start: #667eea;--dashboardstatsgrid-blue-end: #764ba2;--dashboardstatsgrid-green-start: #84fab0;--dashboardstatsgrid-green-end: #8fd3f4;--dashboardstatsgrid-purple-start: #a78bfa;--dashboardstatsgrid-purple-end: #ec4899;--dashboardstatsgrid-yellow-start: #fbbf24;--dashboardstatsgrid-yellow-end: #fb923c;--dashboardstatsgrid-spacing-xs: 4px;--dashboardstatsgrid-spacing-sm: 8px;--dashboardstatsgrid-spacing-md: 16px;--dashboardstatsgrid-spacing-lg: 24px;--dashboardstatsgrid-radius: 16px;--dashboardstatsgrid-radius-sm: 8px}.DashboardStatsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dashboardstatsgrid-spacing-md);width:100%}@media (min-width: 768px){.DashboardStatsGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.DashboardStatsGrid{grid-template-columns:repeat(4,1fr)}}.DashboardStatsGrid-card{position:relative;border-radius:var(--dashboardstatsgrid-radius);padding:var(--dashboardstatsgrid-spacing-lg);color:var(--dashboardstatsgrid-text-white);overflow:hidden;transition:all .3s ease;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.DashboardStatsGrid-card:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease;z-index:1}.DashboardStatsGrid-card[role=button]:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}.DashboardStatsGrid-card.blue{background:linear-gradient(135deg,var(--dashboardstatsgrid-blue-start),var(--dashboardstatsgrid-blue-end))}.DashboardStatsGrid-card.green{background:linear-gradient(135deg,var(--dashboardstatsgrid-green-start),var(--dashboardstatsgrid-green-end))}.DashboardStatsGrid-card.purple{background:linear-gradient(135deg,var(--dashboardstatsgrid-purple-start),var(--dashboardstatsgrid-purple-end))}.DashboardStatsGrid-card.yellow{background:linear-gradient(135deg,var(--dashboardstatsgrid-yellow-start),var(--dashboardstatsgrid-yellow-end))}.DashboardStatsGrid-header{display:flex;align-items:center;gap:var(--dashboardstatsgrid-spacing-sm);margin-bottom:var(--dashboardstatsgrid-spacing-md);position:relative;z-index:2}.DashboardStatsGrid-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:var(--dashboardstatsgrid-radius-sm);backdrop-filter:blur(10px);transition:all .3s ease}.DashboardStatsGrid-label{color:var(--dashboardstatsgrid-text-light);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex:1}.DashboardStatsGrid-value{font-size:28px;font-weight:700;color:var(--dashboardstatsgrid-text-white);line-height:1.2;margin-bottom:var(--dashboardstatsgrid-spacing-sm);position:relative;z-index:2}.DashboardStatsGrid-change{display:flex;align-items:center;gap:var(--dashboardstatsgrid-spacing-xs);font-size:12px;font-weight:600;position:relative;z-index:2}.DashboardStatsGrid-trend-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff3}.DashboardStatsGrid-change.positive{color:var(--dashboardstatsgrid-positive)}.DashboardStatsGrid-change.positive .DashboardStatsGrid-trend-icon{background:#10b9814d}.DashboardStatsGrid-change.negative{color:var(--dashboardstatsgrid-negative)}.DashboardStatsGrid-change.negative .DashboardStatsGrid-trend-icon{background:#ef44444d}.DashboardStatsGrid-change.neutral{color:var(--dashboardstatsgrid-text-muted)}.DashboardStatsGrid-change.neutral .DashboardStatsGrid-trend-icon,.DashboardStatsGrid-no-change .DashboardStatsGrid-trend-icon{background:#fff3}.DashboardStatsGrid-no-change{display:flex;align-items:center;gap:var(--dashboardstatsgrid-spacing-xs);color:var(--dashboardstatsgrid-text-muted);font-size:12px;font-weight:600}.DashboardStatsGrid-change-text{font-weight:700}.DashboardStatsGrid-card.loading{pointer-events:none}.DashboardStatsGrid-skeleton-value{height:28px;width:80%;background:linear-gradient(90deg,#fff3,#fff6,#fff3);background-size:200% 100%;animation:dashboardstatsgrid-skeleton 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:var(--dashboardstatsgrid-spacing-sm)}.DashboardStatsGrid-skeleton-change{height:16px;width:60%;background:linear-gradient(90deg,#fff3,#fff6,#fff3);background-size:200% 100%;animation:dashboardstatsgrid-skeleton 1.5s ease-in-out infinite;border-radius:4px}@keyframes dashboardstatsgrid-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.DashboardStatsGrid{gap:var(--dashboardstatsgrid-spacing-sm)}.DashboardStatsGrid-card{padding:var(--dashboardstatsgrid-spacing-md);min-height:120px}.DashboardStatsGrid-value{font-size:24px}.DashboardStatsGrid-icon{width:32px;height:32px}.DashboardStatsGrid-label{font-size:12px}.DashboardStatsGrid-change{font-size:11px}}.DashboardStatsGrid-card{animation:dashboardstatsgrid-fadeInUp .6s ease-out}.DashboardStatsGrid-card:nth-child(1){animation-delay:0ms}.DashboardStatsGrid-card:nth-child(2){animation-delay:.1s}.DashboardStatsGrid-card:nth-child(3){animation-delay:.2s}.DashboardStatsGrid-card:nth-child(4){animation-delay:.3s}@keyframes dashboardstatsgrid-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.DashboardStatsGrid-card[role=button]:active{transform:translateY(-2px) scale(.98)}@media (prefers-contrast: high){.DashboardStatsGrid-card{border:2px solid rgba(255,255,255,.5)}.DashboardStatsGrid-icon{border:1px solid rgba(255,255,255,.3)}}@media (prefers-reduced-motion: reduce){.DashboardStatsGrid-card,.DashboardStatsGrid-icon,.DashboardStatsGrid-skeleton-value,.DashboardStatsGrid-skeleton-change{animation:none;transition:none}}@media print{.DashboardStatsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;page-break-inside:avoid}.DashboardStatsGrid-card{break-inside:avoid;box-shadow:none;border:2px solid #000;background:#f9f9f9!important;color:#000!important}.DashboardStatsGrid-card *{color:#000!important}}:root{--quickactions-bg-primary: #1c1c1e;--quickactions-bg-hover: #2a2a2c;--quickactions-border: #3a3a3c;--quickactions-text-primary: #ffffff;--quickactions-text-secondary: #c7c7cc;--quickactions-text-tertiary: #8e8e93;--quickactions-badge: #ef4444;--quickactions-orange: #f97316;--quickactions-green: #10b981;--quickactions-teal: #06b6d4;--quickactions-blue: #3b82f6;--quickactions-purple: #8b5cf6;--quickactions-yellow: #f59e0b;--quickactions-red: #ef4444;--quickactions-gray: #6b7280;--quickactions-spacing-xs: 4px;--quickactions-spacing-sm: 8px;--quickactions-spacing-md: 16px;--quickactions-spacing-lg: 24px;--quickactions-spacing-xl: 32px;--quickactions-radius: 16px;--quickactions-radius-sm: 8px;--quickactions-radius-xs: 4px}.BottomQuickActions{width:100%;margin-bottom:110px!important}.BottomQuickActions-header{margin-bottom:var(--quickactions-spacing-lg)}.BottomQuickActions-title{color:var(--quickactions-text-primary);font-size:20px;font-weight:700;margin:0;line-height:1.2}.BottomQuickActions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--quickactions-spacing-md);width:100%}@media (min-width: 768px){.BottomQuickActions-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.BottomQuickActions-grid{grid-template-columns:repeat(4,1fr);gap:var(--quickactions-spacing-lg)}}.BottomQuickActions-btn{background:var(--quickactions-bg-primary);border:1px solid var(--quickactions-border);border-radius:var(--quickactions-radius);padding:var(--quickactions-spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--quickactions-spacing-md);cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--quickactions-text-primary);position:relative;overflow:hidden;min-height:120px;animation:quickactions-fadeInUp .6s ease-out}.BottomQuickActions-btn:active{transform:translateY(-2px) scale(.98)}.BottomQuickActions-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.BottomQuickActions-btn.orange{border-color:var(--quickactions-orange);background:linear-gradient(135deg,rgba(249,115,22,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.green{border-color:var(--quickactions-green);background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.teal{border-color:var(--quickactions-teal);background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.blue{border-color:var(--quickactions-blue);background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.purple{border-color:var(--quickactions-purple);background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.yellow{border-color:var(--quickactions-yellow);background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.red{border-color:var(--quickactions-red);background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-btn.gray{border-color:var(--quickactions-gray);background:linear-gradient(135deg,rgba(107,114,128,.1) 0%,var(--quickactions-bg-primary) 100%)}.BottomQuickActions-icon{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1a;border-radius:var(--quickactions-radius-sm);transition:all .3s ease}.BottomQuickActions-icon svg{color:var(--quickactions-text-primary);transition:color .3s ease}.BottomQuickActions-btn.orange .BottomQuickActions-icon svg{color:var(--quickactions-orange)}.BottomQuickActions-btn.green .BottomQuickActions-icon svg{color:var(--quickactions-green)}.BottomQuickActions-btn.teal .BottomQuickActions-icon svg{color:var(--quickactions-teal)}.BottomQuickActions-btn.blue .BottomQuickActions-icon svg{color:var(--quickactions-blue)}.BottomQuickActions-btn.purple .BottomQuickActions-icon svg{color:var(--quickactions-purple)}.BottomQuickActions-btn.yellow .BottomQuickActions-icon svg{color:var(--quickactions-yellow)}.BottomQuickActions-btn.red .BottomQuickActions-icon svg{color:var(--quickactions-red)}.BottomQuickActions-btn.gray .BottomQuickActions-icon svg{color:var(--quickactions-gray)}.BottomQuickActions-badge{position:absolute;top:-6px;right:-6px;background:var(--quickactions-badge);color:#fff;border-radius:50px;padding:2px 6px;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--quickactions-bg-primary);animation:quickactions-pulse 2s infinite}@keyframes quickactions-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.BottomQuickActions-content{display:flex;flex-direction:column;align-items:center;gap:var(--quickactions-spacing-xs);text-align:center;flex:1}.BottomQuickActions-label{color:var(--quickactions-text-primary);font-size:14px;font-weight:600;line-height:1.2}.BottomQuickActions-description{color:var(--quickactions-text-tertiary);font-size:11px;line-height:1.3;opacity:1;transform:translateY(0)}.BottomQuickActions-skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,var(--quickactions-border) 0%,#3a3a3c 50%,var(--quickactions-border) 100%);background-size:200% 100%;animation:quickactions-skeleton 1.5s ease-in-out infinite;border-radius:var(--quickactions-radius-xs)}.BottomQuickActions-skeleton-text{height:14px;width:80px;background:linear-gradient(90deg,var(--quickactions-border) 0%,#3a3a3c 50%,var(--quickactions-border) 100%);background-size:200% 100%;animation:quickactions-skeleton 1.5s ease-in-out infinite;border-radius:var(--quickactions-radius-xs)}@keyframes quickactions-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.BottomQuickActions-grid{gap:var(--quickactions-spacing-sm)}.BottomQuickActions-btn{padding:var(--quickactions-spacing-md);min-height:100px}.BottomQuickActions-icon{width:48px;height:48px}.BottomQuickActions-icon svg{width:20px;height:20px}.BottomQuickActions-label{font-size:12px}.BottomQuickActions-description{font-size:10px}.BottomQuickActions-badge{font-size:9px;min-width:16px;height:16px}}@keyframes quickactions-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.BottomQuickActions-btn:focus-visible{outline:2px solid var(--quickactions-teal);outline-offset:2px}@media (prefers-contrast: high){.BottomQuickActions-btn{border-width:2px}.BottomQuickActions-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.BottomQuickActions-btn,.BottomQuickActions-icon,.BottomQuickActions-description,.BottomQuickActions-badge,.BottomQuickActions-skeleton-icon,.BottomQuickActions-skeleton-text{animation:none;transition:none}}@media print{.BottomQuickActions{break-inside:avoid}.BottomQuickActions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.BottomQuickActions-btn{break-inside:avoid;box-shadow:none;border:1px solid #000;background:#f9f9f9!important;color:#000!important}.BottomQuickActions-btn *{color:#000!important}.BottomQuickActions-badge{background:#000!important;color:#fff!important}}.RecentActivity{width:100%}.RecentActivity-header{margin-bottom:1rem}.RecentActivity-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.RecentActivity-list{display:flex;flex-direction:column;gap:1rem}.RecentActivity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:.5rem;transition:transform .2s ease}.RecentActivity-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0;background:#2a2a2c}.RecentActivity-icon svg{color:#17d2c2}.RecentActivity-icon-purchase svg,.RecentActivity-icon-tip svg{color:#10b981}.RecentActivity-icon-connection svg,.RecentActivity-icon-message svg{color:#17d2c2}.RecentActivity-icon-view svg{color:#c7c7cc}.RecentActivity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.RecentActivity-text{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;color:#fff;font-size:.875rem;line-height:1.4}.RecentActivity-user{font-weight:600;color:#fff}.RecentActivity-action{color:#c7c7cc}.RecentActivity-amount{font-weight:600;color:#10b981;background:#10b9811a;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}.RecentActivity-time{color:#8e8e93;font-size:.75rem}.RecentActivity-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center;color:#8e8e93}.RecentActivity-empty svg{opacity:.5}.RecentActivity-empty h4{color:#c7c7cc;font-size:1rem;font-weight:600;margin:0}.RecentActivity-empty p{color:#8e8e93;font-size:.875rem;margin:0}.RecentActivity-skeleton{pointer-events:none}.RecentActivity-icon-skeleton{width:2.5rem;height:2.5rem;border-radius:50%;background:#2a2a2c;animation:pulse 1.5s ease-in-out infinite}.RecentActivity-text-skeleton{height:1rem;width:80%;background:#2a2a2c;animation:pulse 1.5s ease-in-out infinite;border-radius:.25rem;margin-bottom:.25rem}.RecentActivity-time-skeleton{height:.75rem;width:40%;background:#2a2a2c;animation:pulse 1.5s ease-in-out infinite;border-radius:.25rem}@media (max-width: 768px){.RecentActivity-item{padding:.75rem;gap:.75rem}.RecentActivity-icon{width:2rem;height:2rem}.RecentActivity-text{font-size:.8125rem}.RecentActivity-title{font-size:1rem}}.TopContent{width:100%}.TopContent-header{margin-bottom:1rem}.TopContent-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.TopContent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;width:100%}@media (max-width: 768px){.TopContent-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.TopContent-grid{grid-template-columns:1fr}}.TopContent-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:.5rem;overflow:hidden;transition:transform .2s ease;cursor:pointer}.TopContent-preview{display:flex;flex-direction:column}.TopContent-image-container{position:relative;width:100%;height:10rem;overflow:hidden;background:#2a2a2c}.TopContent-image{width:100%;height:100%;object-fit:cover}.TopContent-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2a2a2c;color:#8e8e93}.TopContent-placeholder svg{opacity:.5}.TopContent-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;opacity:0;transition:opacity .2s ease}.TopContent-type-badge{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#000c;border-radius:50%;color:#fff}.TopContent-stats{display:flex;gap:.5rem;align-self:flex-start}.TopContent-stat{display:flex;align-items:center;gap:.25rem;background:#000c;padding:.25rem .5rem;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500}.TopContent-price{align-self:flex-end;background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.TopContent-info{padding:1rem}.TopContent-content-title{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.TopContent-metadata{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.TopContent-date,.TopContent-likes{display:flex;align-items:center;gap:.25rem;color:#8e8e93;font-size:.75rem}.TopContent-performance{display:flex;justify-content:space-between;gap:.5rem}.TopContent-metric{display:flex;flex-direction:column;align-items:center;text-align:center}.TopContent-metric-label{color:#8e8e93;font-size:.6875rem;font-weight:500;text-transform:uppercase;margin-bottom:.25rem}.TopContent-metric-value{color:#fff;font-size:.875rem;font-weight:700}.TopContent-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center;color:#8e8e93}.TopContent-empty svg{opacity:.5}.TopContent-empty h4{color:#c7c7cc;font-size:1rem;font-weight:600;margin:0}.TopContent-empty p{color:#8e8e93;font-size:.875rem;margin:0}.TopContent-skeleton{pointer-events:none}.TopContent-preview-skeleton{width:100%;height:15rem}.TopContent-image-skeleton{width:100%;height:10rem;background:#2a2a2c;animation:pulse 1.5s ease-in-out infinite}.TopContent-overlay-skeleton{padding:1rem;height:5rem;background:#2a2a2c}@media (max-width: 768px){.TopContent-image-container{height:8rem}.TopContent-info{padding:.75rem}.TopContent-content-title{font-size:.8125rem}.TopContent-title{font-size:1rem}.TopContent-metric-value{font-size:.8125rem}}.VerificationBanner-container{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #17d2c233;animation:VerificationBanner-slideIn .3s ease-out}.VerificationBanner-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.VerificationBanner-content{flex:1}.VerificationBanner-content h3{margin:0 0 4px;font-size:18px;font-weight:600}.VerificationBanner-content p{margin:0;font-size:14px;opacity:.95;line-height:1.5}.VerificationBanner-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;background:#fff;color:#17d2c2;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.VerificationBanner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.VerificationBanner-btn:active{transform:translateY(0)}.VerificationBanner-blocked{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;max-width:600px;margin:0 auto;min-height:60vh}.VerificationBanner-blocked-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#fff;border-radius:50%;margin-bottom:24px}.VerificationBanner-blocked h2{font-size:28px;font-weight:700;margin:0 0 16px;color:#1c1c1e}.VerificationBanner-blocked>p{font-size:16px;line-height:1.6;color:#666;margin-bottom:32px}.VerificationBanner-blocked-benefits{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px;width:100%;text-align:left}.VerificationBanner-blocked-benefits h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#1c1c1e}.VerificationBanner-blocked-benefits ul{list-style:none;padding:0;margin:0}.VerificationBanner-blocked-benefits li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:#333}.VerificationBanner-blocked-benefits li svg{color:#17d2c2;flex-shrink:0}.VerificationBanner-blocked-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:24px}.VerificationBanner-blocked-btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.VerificationBanner-blocked-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #17d2c24d}.VerificationBanner-blocked-btn-primary:active{transform:translateY(0)}.VerificationBanner-blocked-btn-secondary{background:transparent;color:#666;border:2px solid #e0e0e0;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.VerificationBanner-blocked-btn-secondary:hover{border-color:#17d2c2;color:#17d2c2}.VerificationBanner-blocked-note{background:#fff9e6;border:1px solid #ffeaa7;border-radius:8px;padding:16px;width:100%}.VerificationBanner-blocked-note p{margin:0;font-size:14px;color:#666;line-height:1.5}.VerificationBanner-blocked-note strong{color:#333}@media (max-width: 768px){.VerificationBanner-container{flex-direction:column;text-align:center;padding:16px}.VerificationBanner-content h3{font-size:16px}.VerificationBanner-content p{font-size:13px}.VerificationBanner-btn{width:100%;justify-content:center}.VerificationBanner-blocked{padding:32px 16px;min-height:50vh}.VerificationBanner-blocked h2{font-size:24px}.VerificationBanner-blocked>p{font-size:15px}.VerificationBanner-blocked-icon{width:64px;height:64px}.VerificationBanner-blocked-icon svg{width:32px;height:32px}}@keyframes VerificationBanner-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.creator-content-upload-page{min-height:100vh;background:var(--bg-dark, #0a0a0a);position:relative;overflow-x:hidden;padding-top:env(safe-area-inset-top,1.5rem);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}.creator-content-upload-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.creator-content-upload-bg-gradient-1,.creator-content-upload-bg-gradient-2{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.creator-content-upload-bg-gradient-1{width:600px;height:600px;background:linear-gradient(135deg,#17d2c2,#12b7ab);top:-200px;right:-100px;animation:float 20s infinite ease-in-out}.creator-content-upload-bg-gradient-2{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-150px;left:-100px;animation:float 25s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.creator-content-upload-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem;padding-bottom:100px}.creator-content-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.creator-content-upload-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:12px;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .2s ease;font-size:14px;margin-top:10px}.creator-content-upload-back-btn:hover{background:#ffffff0d;transform:translate(-4px)}.creator-content-upload-header-title h1{font-size:28px;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 4px}.creator-content-upload-header-title p{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:0}.creator-content-upload-steps{display:flex;justify-content:center;margin-bottom:40px;position:relative}.creator-content-upload-steps:before{content:"";position:absolute;top:20px;left:25%;right:25%;height:2px;background:var(--border, #2a2a2c);z-index:-1}.creator-content-upload-step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 40px;cursor:pointer;transition:all .3s ease}.creator-content-upload-step-number{width:40px;height:40px;border-radius:50%;background:var(--surface, #121212);border:2px solid var(--border, #2a2a2c);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary, #c7c7cc);transition:all .3s ease}.creator-content-upload-step-indicator.creator-content-upload-active .creator-content-upload-step-number{background:var(--primary, #17d2c2);border-color:var(--primary, #17d2c2);color:#000}.creator-content-upload-step-indicator.creator-content-upload-current .creator-content-upload-step-number{background:linear-gradient(135deg,#17d2c2,#12b7ab);border-color:transparent;color:#000;box-shadow:0 0 20px #17d2c266}.creator-content-upload-step-indicator span{font-size:13px;color:var(--text-secondary, #c7c7cc);font-weight:500}.creator-content-upload-step-indicator.creator-content-upload-active span,.creator-content-upload-step-indicator.creator-content-upload-current span{color:var(--text-primary, #ffffff)}.creator-content-upload-step-content{background:var(--surface, #121212);border:1px solid var(--border, #2a2a2c);border-radius:24px;padding:40px;margin-bottom:30px;min-height:500px}.creator-content-upload-step-header{margin-bottom:30px}.creator-content-upload-step-header h2{font-size:24px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 8px}.creator-content-upload-step-header p{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:0}.creator-content-upload-drop-zone{border:2px dashed var(--border, #2a2a2c);border-radius:16px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#17d2c205;margin-bottom:30px}.creator-content-upload-drop-zone:hover{border-color:var(--primary, #17d2c2);background:#17d2c20d}.creator-content-upload-drop-zone.creator-content-upload-dragging{border-color:var(--primary, #17d2c2);background:#17d2c21a;transform:scale(1.02)}.creator-content-upload-drop-zone.creator-content-upload-has-files{padding:30px}.creator-content-upload-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.creator-content-upload-drop-icon{color:var(--primary, #17d2c2);margin-bottom:8px}.creator-content-upload-drop-zone-content h3{font-size:18px;font-weight:600;color:var(--text-primary, #ffffff);margin:0}.creator-content-upload-drop-zone-content p{font-size:14px;color:var(--text-secondary, #c7c7cc);margin:0}.creator-content-upload-file-types{display:flex;gap:20px;margin-top:12px}.creator-content-upload-file-type{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border-radius:20px;font-size:13px;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-file-limit{font-size:12px;color:var(--text-secondary, #c7c7cc);margin-top:8px}.creator-content-upload-add-more{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary, #17d2c2);font-weight:500}.creator-content-upload-file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.creator-content-upload-file-preview-card{background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:12px;overflow:hidden;transition:all .3s ease}.creator-content-upload-file-preview-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.creator-content-upload-preview-container{position:relative;width:100%;height:550px;background:#ffffff05}.creator-content-upload-preview-container img{width:100%;height:100%;object-fit:cover}.creator-content-upload-video-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary, #c7c7cc);gap:8px}.creator-content-upload-progress-overlay,.creator-content-upload-success-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;color:#fff}.creator-content-upload-progress-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.creator-content-upload-spinning{animation:spin 1s linear infinite}.creator-content-upload-success-overlay{color:var(--success, #22c55e)}.creator-content-upload-remove-btn{position:absolute;top:8px;right:8px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.creator-content-upload-remove-btn:hover{background:var(--error, #ef4444)}.creator-content-upload-file-info{padding:12px}.creator-content-upload-file-name{font-size:13px;font-weight:500;color:var(--text-primary, #ffffff);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-content-upload-file-meta{display:flex;justify-content:space-between;align-items:center}.creator-content-upload-file-size{font-size:12px;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-price-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.creator-content-upload-free-checkbox{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary, #c7c7cc);cursor:pointer}.creator-content-upload-free-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary, #17d2c2)}.creator-content-upload-price-input{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#17d2c21a;border:1px solid rgba(23,210,194,.2);border-radius:8px}.creator-content-upload-price-input svg{color:var(--primary, #17d2c2)}.creator-content-upload-price-input input{width:60px;background:none;border:none;color:var(--text-primary, #ffffff);font-size:13px;font-weight:600;outline:none}.creator-content-upload-thumbnail-section{margin:8px 0;padding:8px 0;border-top:1px solid var(--border-600, #2a2a2c)}.creator-content-upload-thumbnail-label{display:block;font-size:12px;color:var(--text-secondary, #c7c7cc);margin-bottom:6px;font-weight:500}.creator-content-upload-thumbnail-controls{display:flex;gap:8px;align-items:center}.creator-content-upload-thumbnail-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-700, #1c1c1e);border:1px solid var(--border-600, #2a2a2c);border-radius:6px;color:var(--primary, #17d2c2);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.creator-content-upload-thumbnail-btn:hover{background:var(--primary, #17d2c2);color:var(--bg-800, #121212);border-color:var(--primary, #17d2c2)}.creator-content-upload-thumbnail-remove{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid var(--error, #ef4444);border-radius:6px;color:var(--error, #ef4444);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.creator-content-upload-thumbnail-remove:hover{background:var(--error, #ef4444);color:#fff}.creator-content-upload-form-group{margin-bottom:24px}.creator-content-upload-form-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:10px}.creator-content-upload-form-label svg{color:var(--primary, #17d2c2)}.creator-content-upload-required{color:var(--error, #ef4444);margin-left:4px}.creator-content-upload-form-input,.creator-content-upload-form-textarea{width:100%;padding:12px 16px;background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:12px;color:var(--text-primary, #ffffff);font-size:14px;transition:all .2s ease;resize:vertical}.creator-content-upload-form-input:focus,.creator-content-upload-form-textarea:focus{outline:none;border-color:var(--primary, #17d2c2);box-shadow:0 0 0 3px #17d2c21a}.creator-content-upload-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.creator-content-upload-category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--surface-light, #1c1c1e);border:2px solid var(--border, #2a2a2c);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-category-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.creator-content-upload-category-btn.creator-content-upload-selected{border-color:var(--primary, #17d2c2);background:#17d2c21a;color:var(--text-primary, #ffffff)}.creator-content-upload-category-btn.creator-content-upload-blue.creator-content-upload-selected{border-color:#3b82f6}.creator-content-upload-category-btn.creator-content-upload-purple.creator-content-upload-selected{border-color:#8b5cf6}.creator-content-upload-category-btn.creator-content-upload-pink.creator-content-upload-selected{border-color:#ec4899}.creator-content-upload-category-btn.creator-content-upload-green.creator-content-upload-selected{border-color:#10b981}.creator-content-upload-category-btn.creator-content-upload-orange.creator-content-upload-selected{border-color:#f97316}.creator-content-upload-category-btn.creator-content-upload-teal.creator-content-upload-selected{border-color:#17d2c2}.creator-content-upload-tags-section{display:flex;flex-direction:column;gap:16px}.creator-content-upload-popular-tags{display:flex;flex-wrap:wrap;gap:8px}.creator-content-upload-tag-btn{padding:6px 14px;background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:20px;color:var(--text-secondary, #c7c7cc);font-size:13px;cursor:pointer;transition:all .2s ease}.creator-content-upload-tag-btn:hover{background:#ffffff0d}.creator-content-upload-tag-btn.creator-content-upload-selected{background:#17d2c226;border-color:var(--primary, #17d2c2);color:var(--primary, #17d2c2)}.creator-content-upload-tag-btn:disabled{opacity:.5;cursor:not-allowed}.creator-content-upload-tag-input{width:100%;padding:10px 14px;background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:12px;color:var(--text-primary, #ffffff);font-size:14px}.creator-content-upload-selected-tags{display:flex;flex-wrap:wrap;gap:8px}.creator-content-upload-selected-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:20px;color:var(--primary, #17d2c2);font-size:13px}.creator-content-upload-selected-tag button{background:none;border:none;color:var(--primary, #17d2c2);cursor:pointer;padding:0;display:flex;align-items:center}.creator-content-upload-advanced-settings{background:var(--surface-light, #1c1c1e);border-radius:16px;padding:24px;margin-top:30px}.creator-content-upload-advanced-settings h3{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px}.creator-content-upload-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.creator-content-upload-setting-item{display:flex;align-items:center;gap:10px;cursor:pointer}.creator-content-upload-setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary, #17d2c2)}.creator-content-upload-setting-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary, #ffffff)}.creator-content-upload-review-card{background:var(--surface-light, #1c1c1e);border:1px solid var(--border, #2a2a2c);border-radius:16px;padding:24px;margin-bottom:24px}.creator-content-upload-review-card h3{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px}.creator-content-upload-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.creator-content-upload-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff05;border-radius:8px}.creator-content-upload-summary-item .creator-content-upload-label{font-size:13px;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-summary-item .creator-content-upload-value{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff)}.creator-content-upload-pricing-list{display:flex;flex-direction:column;gap:12px}.creator-content-upload-pricing-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff05;border-radius:8px}.creator-content-upload-pricing-item .creator-content-upload-file-name{font-size:13px;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-pricing-item .creator-content-upload-price{font-size:14px;font-weight:600;color:var(--primary, #17d2c2)}.creator-content-upload-pricing-total{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;margin-top:12px;border-top:1px solid var(--border, #2a2a2c);font-weight:600}.creator-content-upload-pricing-total .creator-content-upload-total{font-size:18px;color:var(--primary, #17d2c2)}.creator-content-upload-visibility-options{margin-bottom:30px}.creator-content-upload-visibility-options h3{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px}.creator-content-upload-visibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.creator-content-upload-visibility-option{position:relative;cursor:pointer}.creator-content-upload-visibility-option input[type=radio]{position:absolute;opacity:0}.creator-content-upload-option-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--surface-light, #1c1c1e);border:2px solid var(--border, #2a2a2c);border-radius:12px;transition:all .2s ease}.creator-content-upload-visibility-option input:checked+.creator-content-upload-option-content{border-color:var(--primary, #17d2c2);background:#17d2c21a}.creator-content-upload-option-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.creator-content-upload-option-desc{font-size:12px;color:var(--text-secondary, #c7c7cc);text-align:center}.creator-content-upload-earnings-preview{background:linear-gradient(135deg,#17d2c226,#17d2c20d);border:1px solid rgba(23,210,194,.3);border-radius:16px;padding:24px;margin-bottom:30px}.creator-content-upload-earnings-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--primary, #17d2c2);font-weight:600;font-size:16px}.creator-content-upload-earnings-content{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.creator-content-upload-earnings-stat{display:flex;flex-direction:column;gap:4px}.creator-content-upload-stat-label{font-size:12px;color:var(--text-secondary, #c7c7cc)}.creator-content-upload-stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff)}.creator-content-upload-stat-value.creator-content-upload-highlight{color:var(--primary, #17d2c2)}.creator-content-upload-error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--error, #ef4444);font-size:14px;margin-top:16px}.creator-content-upload-error-text{color:var(--error, #ef4444);font-size:12px;margin-top:4px}.creator-content-upload-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border, #2a2a2c);position:relative}.creator-content-upload-nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.creator-content-upload-nav-btn:disabled{opacity:.5;cursor:not-allowed}.creator-content-upload-nav-btn.creator-content-upload-secondary{background:#ffffff1a;border:1px solid var(--border, #2a2a2c);color:var(--text-primary, #ffffff)}.creator-content-upload-nav-btn.creator-content-upload-secondary:hover:not(:disabled){background:#ffffff26}.creator-content-upload-nav-btn.creator-content-upload-primary{background:var(--primary, #17d2c2);color:#000}.creator-content-upload-nav-btn.creator-content-upload-primary:hover:not(:disabled){background:#12b7ab;transform:translateY(-2px);box-shadow:0 10px 20px #17d2c24d}.creator-content-upload-nav-btn.creator-content-upload-publish{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#000}.creator-content-upload-nav-btn.creator-content-upload-publish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #17d2c266}@media (max-width: 768px){.creator-content-upload-page{padding-top:env(safe-area-inset-top,1rem)}.creator-content-upload-container{padding:1rem;padding-bottom:120px}.creator-content-upload-header{flex-direction:column;gap:20px;align-items:flex-start}.creator-content-upload-steps{margin-bottom:30px}.creator-content-upload-step-indicator{margin:0 20px}.creator-content-upload-step-indicator span{display:none}.creator-content-upload-step-content{padding:24px 20px}.creator-content-upload-drop-zone{padding:40px 20px}.creator-content-upload-file-preview-grid{grid-template-columns:1fr!important;gap:12px}.creator-content-upload-category-grid{grid-template-columns:repeat(2,1fr)}.creator-content-upload-summary-grid,.creator-content-upload-visibility-grid,.creator-content-upload-earnings-content,.creator-content-upload-suggestion-items{grid-template-columns:1fr}.creator-content-upload-navigation{flex-direction:row;gap:12px;padding-top:20px;margin-bottom:20px}.creator-content-upload-nav-btn{flex:1;justify-content:center;padding:12px 16px;font-size:14px;font-weight:600;min-height:44px;max-width:160px}.creator-content-upload-nav-btn span{display:block}.creator-content-upload-nav-btn svg{width:16px;height:16px}}@media (max-width: 480px){.creator-content-upload-step-header h2{font-size:20px}.creator-content-upload-file-preview-grid,.creator-content-upload-category-grid{grid-template-columns:1fr}.creator-content-upload-nav-btn{padding:10px 12px;font-size:13px;max-width:140px}.creator-content-upload-nav-btn svg{width:14px;height:14px}}@media (min-width: 1024px){.creator-content-upload-page{padding-top:100px;padding-bottom:0}.creator-content-upload-container{padding:2rem}}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{margin-bottom:0!important;padding-bottom:0!important}.creator-login-page{background:linear-gradient(135deg,#0a0a0a,#121212);position:relative;overflow-x:hidden;padding:0;margin:0;min-height:100vh}.creator-login-bg-gradient-1{position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle at center,rgba(23,210,194,.08) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;pointer-events:none;z-index:0}.creator-login-bg-gradient-2{position:absolute;bottom:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle at center,rgba(147,51,234,.05) 0%,transparent 70%);animation:pulse 10s ease-in-out infinite reverse;pointer-events:none;z-index:0}.creator-login-bg-gradient-3{position:absolute;top:30%;left:50%;width:40%;height:40%;background:radial-gradient(circle at center,rgba(239,68,68,.03) 0%,transparent 70%);animation:pulse 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.creator-login-container{width:100%;margin:0 auto;padding:40px 20px 80px;display:flex;align-items:center;z-index:1;position:relative;min-height:calc(100vh - 120px)}@media (min-width: 968px){.creator-login-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 40px}}@media (max-width: 967px){.creator-login-container{display:flex;flex-direction:column;justify-content:center;padding:20px}}.creator-login-form-section{background:#121212f2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;box-shadow:0 20px 60px #00000080;width:100%;max-width:600px;margin:0 auto;z-index:2;position:relative}@media (max-width: 768px){.creator-login-form-section{padding:32px 24px;max-width:100%}}.creator-login-header{text-align:center;margin-bottom:40px}.creator-login-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:12px}.creator-login-sparkle-icon{color:#17d2c2;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.creator-login-subtitle{color:#c7c7cc;font-size:16px;margin:0}.creator-login-form{margin-bottom:32px}.creator-login-form-group{margin-bottom:24px}.creator-login-form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#17d2c2;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.creator-login-form-label svg{opacity:.8}.creator-login-password-input-wrapper{position:relative}.creator-login-form-input{width:100%;padding:14px 44px 14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease}.creator-login-form-input:focus{outline:none;background:#ffffff14;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.creator-login-form-input::placeholder{color:#ffffff4d}.creator-login-form-input.creator-login-error{border-color:#ef4444}.creator-login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#c7c7cc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.creator-login-password-toggle:hover{color:#17d2c2}.creator-login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.creator-login-remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c7c7cc;font-size:14px}.creator-login-remember-me input[type=checkbox]{width:18px;height:18px;accent-color:#17d2c2;cursor:pointer}.creator-login-forgot-link{color:#17d2c2;text-decoration:none;font-size:14px;transition:opacity .2s ease}.creator-login-forgot-link:hover{opacity:.8}.creator-login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}.creator-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.creator-login-btn:hover:before{left:100%}.creator-login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #17d2c24d}.creator-login-btn:active{transform:translateY(0)}.creator-login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#c7c7cc;font-size:14px}.creator-login-register-link{color:#17d2c2;text-decoration:none;font-weight:600;margin-left:4px;display:inline-flex;align-items:center;gap:4px;transition:opacity .2s ease}.creator-login-register-link:hover{opacity:.8}.creator-login-features-section{color:#fff}.creator-login-features-content h2{font-size:40px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#17d2c2,#47e0d2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.creator-login-features-content p{font-size:18px;color:#c7c7cc;margin:0 0 40px;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0 0 48px}.feature-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.feature-item:hover{background:#ffffff0d;transform:translate(8px)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon.green{background:#22c55e1a;color:#22c55e}.feature-icon.pink{background:#ec48991a;color:#ec4899}.feature-icon.blue{background:#3b82f61a;color:#3b82f6}.feature-text h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff}.feature-text p{font-size:14px;color:#c7c7cc;margin:0;line-height:1.5}.stats-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px;background:#121212cc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px}.stat-card{display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;text-align:center;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;margin-bottom:20px}.stat-card:hover{background:#ffffff0d;transform:translateY(-2px)}.stat-value{display:block;font-size:32px;font-weight:700;line-height:1;margin:0 0 12px}.stat-label{display:block;font-size:12px;color:#c7c7cc;text-transform:uppercase;letter-spacing:1px;font-weight:500;line-height:1.2;margin:0}.stat-value.primary{color:#17d2c2}.stat-value.secondary{color:#f59e0b}.stat-value.tertiary{color:#ec4899}.creator-login-error-message{color:#ef4444;font-size:12px;margin-top:4px;display:block}.creator-login-error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px;color:#ef4444;font-size:14px;display:flex;align-items:center;gap:8px}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:12px;margin-bottom:16px;color:#22c55e;font-size:14px;display:flex;align-items:center;gap:8px}.creator-login-btn:disabled{opacity:.6;cursor:not-allowed}.creator-login-loading-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 967px){.creator-login-features-section{display:none}}@media (min-width: 1024px){.creator-login-container{padding:60px 80px}}@media (max-width: 768px){.platform-stats{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.creator-login-form-section{padding:32px 24px}.login-header h1{font-size:28px}.platform-stats{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:28px}.stat-label{font-size:11px}}.EditProfileImagesModal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.EditProfileImagesModal-container{background:var(--bg-800);border-radius:16px;border:1px solid var(--border-600);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.EditProfileImagesModal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-600)}.EditProfileImagesModal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.EditProfileImagesModal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:8px;transition:all .2s ease}.EditProfileImagesModal-close:hover{background:var(--surface-700);color:var(--text-primary)}.EditProfileImagesModal-close:disabled{opacity:.5;cursor:not-allowed}.EditProfileImagesModal-content{padding:var(--space-lg)}.EditProfileImagesModal-error{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--error);margin-bottom:var(--space-lg);font-size:14px}.EditProfileImagesModal-photos{display:flex;flex-direction:column;gap:var(--space-xl)}.EditProfileImagesModal-photo-section h3{margin:0 0 var(--space-md) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.EditProfileImagesModal-photo-container{display:flex;flex-direction:column;gap:var(--space-sm)}.EditProfileImagesModal-photo-box{position:relative;width:100%;height:200px;border:2px dashed var(--border-600);border-radius:12px;cursor:pointer;transition:all .2s ease;overflow:hidden}.EditProfileImagesModal-photo-box:hover{border-color:var(--primary);background:#17d2c20d}.EditProfileImagesModal-photo-box.has-image{border:1px solid var(--border-600);border-style:solid}.EditProfileImagesModal-photo-box.cover{height:150px}.EditProfileImagesModal-photo-preview{position:relative;width:100%;height:100%}.EditProfileImagesModal-photo-preview img{width:100%;height:100%;object-fit:cover}.EditProfileImagesModal-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.EditProfileImagesModal-photo-preview:hover .EditProfileImagesModal-photo-overlay{opacity:1}.EditProfileImagesModal-photo-actions{display:flex;gap:var(--space-sm)}.EditProfileImagesModal-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.EditProfileImagesModal-action-btn.change{background:var(--primary);color:var(--bg-900)}.EditProfileImagesModal-action-btn.change:hover{background:var(--primary-600)}.EditProfileImagesModal-action-btn.delete{background:var(--error);color:#fff}.EditProfileImagesModal-action-btn.delete:hover{background:#dc2626}.EditProfileImagesModal-upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-sm);color:var(--text-secondary)}.EditProfileImagesModal-upload-title{font-size:16px;font-weight:600;color:var(--text-primary)}.EditProfileImagesModal-upload-hint{font-size:14px}.EditProfileImagesModal-field-error{color:var(--error);font-size:14px;margin-top:var(--space-xs)}.EditProfileImagesModal-tips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.EditProfileImagesModal-tips span{font-size:12px;color:var(--text-secondary);background:var(--surface-700);padding:var(--space-xs) var(--space-sm);border-radius:6px}.EditProfileImagesModal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-600)}.EditProfileImagesModal-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.EditProfileImagesModal-btn:disabled{opacity:.6;cursor:not-allowed}.EditProfileImagesModal-btn.cancel{background:var(--surface-700);color:var(--text-primary);border:1px solid var(--border-600)}.EditProfileImagesModal-btn.cancel:hover:not(:disabled){background:var(--bg-700)}.EditProfileImagesModal-btn.save{background:var(--primary);color:var(--bg-900)}.EditProfileImagesModal-btn.save:hover:not(:disabled){background:var(--primary-600)}.EditProfileImagesModal-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top:2px solid var(--bg-900);border-radius:50%;animation:EditProfileImagesModal-spin 1s linear infinite}@keyframes EditProfileImagesModal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.EditProfileImagesModal-overlay{padding:var(--space-sm)}.EditProfileImagesModal-container{max-height:95vh}.EditProfileImagesModal-header,.EditProfileImagesModal-content,.EditProfileImagesModal-footer{padding:var(--space-md)}.EditProfileImagesModal-photo-box{height:160px}.EditProfileImagesModal-photo-box.cover{height:120px}.EditProfileImagesModal-footer{flex-direction:column}.EditProfileImagesModal-btn{width:100%}.EditProfileImagesModal-tips{justify-content:center}}.CreatorQuickActions-container{margin:var(--space-md) 0;margin-bottom:50px!important}.CreatorQuickActions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:100%}@media (min-width: 768px){.CreatorQuickActions-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}.CreatorQuickActions-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);min-height:80px;background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer;font-family:inherit;font-size:14px;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.CreatorQuickActions-button:hover{background:var(--primary-700);border-color:var(--primary-600);transform:translateY(-2px)}.CreatorQuickActions-button:active{transform:translateY(0)}.CreatorQuickActions-button.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.CreatorQuickActions-button.disabled:hover{background:var(--surface-700);border-color:var(--border-600);transform:none}.CreatorQuickActions-button-icon{margin-bottom:var(--space-xs);color:var(--primary);transition:color .2s ease}.CreatorQuickActions-button:hover .CreatorQuickActions-button-icon{color:var(--text-primary)}.CreatorQuickActions-button-label{font-size:12px;font-weight:500;text-align:center;line-height:1.2;color:var(--text-secondary);transition:color .2s ease}.CreatorQuickActions-button:hover .CreatorQuickActions-button-label{color:var(--text-primary)}@media (max-width: 767px){.CreatorQuickActions-button{padding:var(--space-sm);min-height:70px}.CreatorQuickActions-button-label{font-size:11px}.CreatorQuickActions-grid{gap:var(--space-sm)}}@media (max-width: 480px){.CreatorQuickActions-button-label{font-size:10px;word-break:break-word}}.CreatorQuickActions-button:focus{outline:2px solid var(--primary);outline-offset:2px}.CreatorQuickActions-button.loading{opacity:.7;cursor:wait}.CreatorQuickActions-button.loading .CreatorQuickActions-button-icon{animation:pulse 1.5s ease-in-out infinite}.CreatorQuickActions-button{background:linear-gradient(145deg,var(--surface-700),#1a1a1c);box-shadow:0 2px 8px #0000004d}.CreatorQuickActions-button:hover{background:linear-gradient(145deg,var(--primary-700),var(--primary-600));box-shadow:0 4px 12px #17d2c233}.CreatorQuickActions-button.additional-action{border-color:var(--primary-300)}.CreatorQuickActions-button.additional-action:hover{background:var(--primary-300);color:var(--bg-900)}.CreatorQuickActions-button.additional-action:hover .CreatorQuickActions-button-icon,.CreatorQuickActions-button.additional-action:hover .CreatorQuickActions-button-label{color:var(--bg-900)}.CreatorProfileInformation-container{background:var(--bg-800, #121212);border-radius:var(--border-radius-lg, 12px);padding:var(--space-lg, 24px);border:1px solid var(--border-600, #2a2a2c);margin-bottom:var(--space-lg, 24px)}.CreatorProfileInformation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 24px);padding-bottom:var(--space-md, 16px);border-bottom:1px solid var(--border-600, #2a2a2c)}.CreatorProfileInformation-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.CreatorProfileInformation-edit-btn{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 16px);background:var(--primary, #17d2c2);color:#000;border:none;border-radius:var(--border-radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min, 44px)}.CreatorProfileInformation-edit-btn:hover{background:var(--primary-600, #12b7ab);transform:translateY(-1px)}.CreatorProfileInformation-edit-btn:active{transform:translateY(0)}.CreatorProfileInformation-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md, 16px)}@media (min-width: 768px){.CreatorProfileInformation-grid{grid-template-columns:1fr 1fr}}.CreatorProfileInformation-item{display:flex;flex-direction:column;gap:var(--space-xs, 4px);padding:var(--space-md, 16px);background:var(--surface-700, #1c1c1e);border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-600, #2a2a2c);transition:border-color .2s ease}.CreatorProfileInformation-item:hover{border-color:var(--primary-300, #47e0d2)}.CreatorProfileInformation-label{display:flex;align-items:center;gap:var(--space-sm, 8px);font-size:.875rem;font-weight:500;color:var(--text-secondary, #c7c7cc);text-transform:uppercase;letter-spacing:.025em}.CreatorProfileInformation-label svg{color:var(--primary, #17d2c2);flex-shrink:0}.CreatorProfileInformation-value{font-size:1rem;font-weight:400;color:var(--text-primary, #ffffff);line-height:1.4}.CreatorProfileInformation-container.compact{padding:var(--space-md, 16px);margin-bottom:var(--space-md, 16px)}.CreatorProfileInformation-container.compact .CreatorProfileInformation-grid{gap:var(--space-sm, 8px)}.CreatorProfileInformation-container.compact .CreatorProfileInformation-item{padding:var(--space-sm, 8px) var(--space-md, 16px)}@media (max-width: 767px){.CreatorProfileInformation-container{padding:var(--space-md, 16px);margin-bottom:var(--space-md, 16px)}.CreatorProfileInformation-header{margin-bottom:var(--space-md, 16px);padding-bottom:var(--space-sm, 8px)}.CreatorProfileInformation-header h3{font-size:1.125rem}.CreatorProfileInformation-edit-btn{padding:var(--space-sm, 8px) var(--space-md, 16px);font-size:.8125rem}.CreatorProfileInformation-item{padding:var(--space-sm, 8px) var(--space-md, 16px)}.CreatorProfileInformation-label{font-size:.8125rem}.CreatorProfileInformation-value{font-size:.9375rem}}:root{--bg-800: #121212;--surface-700: #1c1c1e;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--primary: #17d2c2;--primary-300: #47e0d2;--primary-600: #12b7ab;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--border-radius-md: 8px;--border-radius-lg: 12px;--touch-target-min: 44px}:root{--statsgrid-bg-primary: #1c1c1e;--statsgrid-bg-hover: #2a2a2c;--statsgrid-border: #3a3a3c;--statsgrid-text-primary: #ffffff;--statsgrid-text-secondary: #c7c7cc;--statsgrid-text-tertiary: #8e8e93;--statsgrid-views: #3b82f6;--statsgrid-connections: #ec4899;--statsgrid-earnings: #10b981;--statsgrid-rating: #f59e0b;--statsgrid-content: #8b5cf6;--statsgrid-followers: #06b6d4;--statsgrid-spacing-xs: 4px;--statsgrid-spacing-sm: 8px;--statsgrid-spacing-md: 16px;--statsgrid-spacing-lg: 24px;--statsgrid-radius: 12px;--statsgrid-radius-sm: 8px}.StatsGrid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--statsgrid-spacing-md);width:100%}@media (min-width: 768px){.StatsGrid-container{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.StatsGrid-container:has(.StatsGrid-card:nth-child(5)){grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.StatsGrid-container:has(.StatsGrid-card:nth-child(5)){grid-template-columns:repeat(6,1fr)}}.StatsGrid-card{background:var(--statsgrid-bg-primary);border:1px solid var(--statsgrid-border);border-radius:var(--statsgrid-radius);padding:var(--statsgrid-spacing-md);display:flex;align-items:center;gap:var(--statsgrid-spacing-sm);transition:all .2s ease;min-height:60px}.StatsGrid-card:hover{background:var(--statsgrid-bg-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.StatsGrid-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--statsgrid-radius-sm);flex-shrink:0;transition:all .2s ease}.StatsGrid-card:hover .StatsGrid-icon{transform:scale(1.1)}.StatsGrid-icon-views{background:#3b82f626;color:var(--statsgrid-views)}.StatsGrid-icon-connections{background:#ec489926;color:var(--statsgrid-connections)}.StatsGrid-icon-earnings{background:#10b98126;color:var(--statsgrid-earnings)}.StatsGrid-icon-rating{background:#f59e0b26;color:var(--statsgrid-rating)}.StatsGrid-icon-content{background:#8b5cf626;color:var(--statsgrid-content)}.StatsGrid-icon-followers{background:#06b6d426;color:var(--statsgrid-followers)}.StatsGrid-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.StatsGrid-value{font-size:18px;font-weight:700;color:var(--statsgrid-text-primary);line-height:1.2}.StatsGrid-label{font-size:12px;color:var(--statsgrid-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1}.StatsGrid-skeleton{background:linear-gradient(90deg,var(--statsgrid-border) 0%,#3a3a3c 50%,var(--statsgrid-border) 100%);background-size:200% 100%;animation:statsgrid-skeleton 1.5s ease-in-out infinite;border-radius:4px}.StatsGrid-skeleton-value{height:18px;width:60%;margin-bottom:4px}.StatsGrid-skeleton-label{height:12px;width:80%}.StatsGrid-icon-skeleton{width:20px;height:20px;border-radius:4px;background:linear-gradient(90deg,var(--statsgrid-border) 0%,#3a3a3c 50%,var(--statsgrid-border) 100%);background-size:200% 100%;animation:statsgrid-skeleton 1.5s ease-in-out infinite}@keyframes statsgrid-skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.StatsGrid-container{gap:var(--statsgrid-spacing-sm)}.StatsGrid-card{padding:var(--statsgrid-spacing-sm);min-height:50px}.StatsGrid-icon{width:32px;height:32px}.StatsGrid-value{font-size:16px}.StatsGrid-label{font-size:11px}}.StatsGrid-container.compact .StatsGrid-card{padding:var(--statsgrid-spacing-sm);min-height:45px}.StatsGrid-container.compact .StatsGrid-icon{width:28px;height:28px}.StatsGrid-container.compact .StatsGrid-value{font-size:14px}.StatsGrid-container.compact .StatsGrid-label{font-size:10px}.StatsGrid-card:has(.StatsGrid-icon-views):hover{border-color:var(--statsgrid-views);box-shadow:0 8px 25px #3b82f626}.StatsGrid-card:has(.StatsGrid-icon-connections):hover{border-color:var(--statsgrid-connections);box-shadow:0 8px 25px #ec489926}.StatsGrid-card:has(.StatsGrid-icon-earnings):hover{border-color:var(--statsgrid-earnings);box-shadow:0 8px 25px #10b98126}.StatsGrid-card:has(.StatsGrid-icon-rating):hover{border-color:var(--statsgrid-rating);box-shadow:0 8px 25px #f59e0b26}.StatsGrid-card:has(.StatsGrid-icon-content):hover{border-color:var(--statsgrid-content);box-shadow:0 8px 25px #8b5cf626}.StatsGrid-card:has(.StatsGrid-icon-followers):hover{border-color:var(--statsgrid-followers);box-shadow:0 8px 25px #06b6d426}.StatsGrid-card{animation:statsgrid-fadeIn .5s ease-out}.StatsGrid-card:nth-child(1){animation-delay:0ms}.StatsGrid-card:nth-child(2){animation-delay:.1s}.StatsGrid-card:nth-child(3){animation-delay:.2s}.StatsGrid-card:nth-child(4){animation-delay:.3s}.StatsGrid-card:nth-child(5){animation-delay:.4s}.StatsGrid-card:nth-child(6){animation-delay:.5s}@keyframes statsgrid-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.StatsGrid-card:focus-visible{outline:2px solid var(--statsgrid-connections);outline-offset:2px}@media (prefers-reduced-motion: reduce){.StatsGrid-card,.StatsGrid-icon,.StatsGrid-skeleton,.StatsGrid-icon-skeleton{animation:none;transition:none}.StatsGrid-card:hover,.StatsGrid-card:hover .StatsGrid-icon{transform:none}}@media (prefers-contrast: high){.StatsGrid-card{border-width:2px}.StatsGrid-icon{border:1px solid currentColor}}@media print{.StatsGrid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;page-break-inside:avoid}.StatsGrid-card{break-inside:avoid;box-shadow:none;border:1px solid #000}}:root{--creatorprofilecard-bg-primary: #1c1c1e;--creatorprofilecard-bg-hover: #2a2a2c;--creatorprofilecard-border: #3a3a3c;--creatorprofilecard-text-primary: #ffffff;--creatorprofilecard-text-secondary: #c7c7cc;--creatorprofilecard-text-tertiary: #8e8e93;--creatorprofilecard-accent-primary: #17d2c2;--creatorprofilecard-verified: #22c55e;--creatorprofilecard-online: #10b981;--creatorprofilecard-spacing-xs: 4px;--creatorprofilecard-spacing-sm: 8px;--creatorprofilecard-spacing-md: 16px;--creatorprofilecard-spacing-lg: 24px;--creatorprofilecard-spacing-xl: 32px;--creatorprofilecard-avatar-size-desktop: 120px;--creatorprofilecard-avatar-size-mobile: 100px;--creatorprofilecard-radius: 12px;--creatorprofilecard-radius-sm: 8px;--creatorprofilecard-radius-full: 50%}.CreatorProfileCard{background:var(--creatorprofilecard-bg-primary);border:1px solid var(--creatorprofilecard-border);border-radius:var(--creatorprofilecard-radius);padding:var(--creatorprofilecard-spacing-lg);display:flex;gap:var(--creatorprofilecard-spacing-lg);transition:all .2s ease;width:100%;margin-bottom:26px}.CreatorProfileCard:hover{background:var(--creatorprofilecard-bg-hover);box-shadow:0 8px 25px #00000026}.CreatorProfileCard-avatar{position:relative;flex-shrink:0}.CreatorProfileCard-avatar-container{position:relative;width:var(--creatorprofilecard-avatar-size-desktop);height:var(--creatorprofilecard-avatar-size-desktop);border-radius:var(--creatorprofilecard-radius-full);overflow:hidden;border:3px solid var(--creatorprofilecard-border);transition:all .2s ease}.CreatorProfileCard-avatar-clickable{cursor:pointer}.CreatorProfileCard-avatar-clickable:hover{border-color:var(--creatorprofilecard-accent-primary);transform:scale(1.02)}.CreatorProfileCard-avatar-clickable:focus-visible{outline:2px solid var(--creatorprofilecard-accent-primary);outline-offset:2px}.CreatorProfileCard-avatar-image{width:100%;height:100%;object-fit:cover;transition:all .2s ease}.CreatorProfileCard-avatar-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--creatorprofilecard-spacing-sm);opacity:0;transition:opacity .2s ease;color:var(--creatorprofilecard-text-primary);font-size:12px;font-weight:600;text-align:center}.CreatorProfileCard-avatar-clickable:hover .CreatorProfileCard-avatar-overlay{opacity:1}.CreatorProfileCard-upload-text{text-transform:uppercase;letter-spacing:.5px}.CreatorProfileCard-upload-spinner{display:flex;align-items:center;justify-content:center}.CreatorProfileCard-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-left-color:var(--creatorprofilecard-accent-primary);border-radius:50%;animation:creatorprofilecard-spin 1s linear infinite}@keyframes creatorprofilecard-spin{to{transform:rotate(360deg)}}.CreatorProfileCard-online-indicator{position:absolute;bottom:8px;right:8px;width:16px;height:16px;background:var(--creatorprofilecard-online);border:2px solid var(--creatorprofilecard-bg-primary);border-radius:50%;animation:creatorprofilecard-pulse 2s infinite}@keyframes creatorprofilecard-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.CreatorProfileCard-info{flex:1;display:flex;flex-direction:column;gap:var(--creatorprofilecard-spacing-md);min-width:0}.CreatorProfileCard-name-section{display:flex;align-items:center;gap:var(--creatorprofilecard-spacing-sm);flex-wrap:wrap}.CreatorProfileCard-name{font-size:24px;font-weight:700;color:var(--creatorprofilecard-text-primary);margin:0;line-height:1.2}.CreatorProfileCard-verified-badge{display:flex;align-items:center;gap:var(--creatorprofilecard-spacing-xs);background:#22c55e26;color:var(--creatorprofilecard-verified);border:1px solid rgba(34,197,94,.3);border-radius:var(--creatorprofilecard-radius-sm);padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.CreatorProfileCard-meta{display:flex;flex-wrap:wrap;gap:var(--creatorprofilecard-spacing-md)}.CreatorProfileCard-meta-item{display:flex;align-items:center;gap:var(--creatorprofilecard-spacing-xs);color:var(--creatorprofilecard-text-secondary);font-size:14px;font-weight:500}.CreatorProfileCard-meta-item svg{color:var(--creatorprofilecard-accent-primary);flex-shrink:0}.CreatorProfileCard-bio{color:var(--creatorprofilecard-text-secondary);font-size:14px;line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.CreatorProfileCard-bio:empty:before{content:attr(data-placeholder);color:var(--creatorprofilecard-text-tertiary);font-style:italic}@media (max-width: 768px){.CreatorProfileCard{flex-direction:column;gap:var(--creatorprofilecard-spacing-md);padding:var(--creatorprofilecard-spacing-md)}.CreatorProfileCard-avatar{align-self:center}.CreatorProfileCard-avatar-container{width:var(--creatorprofilecard-avatar-size-mobile);height:var(--creatorprofilecard-avatar-size-mobile)}.CreatorProfileCard-name{font-size:20px;text-align:center}.CreatorProfileCard-name-section,.CreatorProfileCard-meta{justify-content:center}.CreatorProfileCard-bio{text-align:center;-webkit-line-clamp:4}}@media (max-width: 480px){.CreatorProfileCard{padding:var(--creatorprofilecard-spacing-sm)}.CreatorProfileCard-avatar-container{width:80px;height:80px}.CreatorProfileCard-name{font-size:18px}.CreatorProfileCard-meta{flex-direction:column;gap:var(--creatorprofilecard-spacing-xs)}.CreatorProfileCard-meta-item{justify-content:center;font-size:13px}.CreatorProfileCard-bio{font-size:13px}}.CreatorProfileCard[data-loading=true]{pointer-events:none}.CreatorProfileCard[data-loading=true] .CreatorProfileCard-avatar-overlay{opacity:1}.CreatorProfileCard.compact{padding:var(--creatorprofilecard-spacing-md)}.CreatorProfileCard.compact .CreatorProfileCard-avatar-container{width:80px;height:80px}.CreatorProfileCard.compact .CreatorProfileCard-name{font-size:18px}.CreatorProfileCard.compact .CreatorProfileCard-bio{-webkit-line-clamp:2}.CreatorProfileCard{animation:creatorprofilecard-fadeIn .5s ease-out}@keyframes creatorprofilecard-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.CreatorProfileCard-avatar-clickable[role=button]:focus-visible{outline:2px solid var(--creatorprofilecard-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.CreatorProfileCard,.CreatorProfileCard-avatar-container,.CreatorProfileCard-avatar-image,.CreatorProfileCard-avatar-overlay,.CreatorProfileCard-spinner,.CreatorProfileCard-online-indicator{animation:none;transition:none}.CreatorProfileCard-avatar-clickable:hover{transform:none}}@media (prefers-contrast: high){.CreatorProfileCard{border-width:2px}.CreatorProfileCard-avatar-container{border-width:3px}.CreatorProfileCard-verified-badge{border-width:2px}}@media print{.CreatorProfileCard{break-inside:avoid;box-shadow:none;border:1px solid #000}.CreatorProfileCard-avatar-overlay{display:none}}.creator-profile-page{--profile-primary: #ff1b6b;--profile-primary-hover: #e91e63;--profile-secondary: #45caff;--profile-bg: #0a0b0f;--profile-surface: #1a1d29;--profile-surface-hover: #242938;--profile-border: #2a2f3f;--profile-text: #ffffff;--profile-text-secondary: #9ca3af;--profile-success: #10b981;--profile-warning: #f59e0b;--profile-error: #ef4444;width:100%;min-height:100vh;background:var(--profile-bg);color:var(--profile-text);padding:16px}@media (min-width: 1024px){.creator-profile-page{padding-top:90px;padding-left:2rem;padding-right:2rem}.profile-header{margin-top:0}}.creator-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--profile-border);border-top:3px solid var(--profile-primary);border-radius:50%;animation:spin 1s linear infinite}.profile-header{margin-bottom:24px}.profile-page-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.profile-page-header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0;color:var(--profile-text)}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.action-btn.primary{background:var(--profile-primary);color:#fff}.action-btn.primary:hover{background:var(--profile-primary-hover)}.action-btn.secondary{background:var(--profile-surface);color:var(--profile-text);border:1px solid var(--profile-border)}.action-btn.secondary:hover{background:var(--profile-surface-hover)}.profile-overview{margin-bottom:32px}.profile-card{display:flex;gap:20px;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:16px;padding:24px;margin-bottom:24px}.profile-avatar{position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center}.avatar-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--profile-surface);border:3px solid var(--profile-border);cursor:pointer;transition:all .3s ease}.avatar-container.clickable:hover{transform:scale(1.05);box-shadow:0 4px 20px #ff1b6b4d;border-color:var(--profile-primary)}.avatar-container img{width:100%;height:100%;object-fit:cover;object-position:center}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--profile-bg);border:3px dashed var(--profile-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--profile-text-secondary);font-size:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.avatar-placeholder.clickable:hover{background:#ffffff0d;border-color:var(--profile-primary);color:var(--profile-primary);transform:scale(1.05);box-shadow:0 4px 20px #ff1b6b4d}.avatar-placeholder.uploading{cursor:not-allowed;opacity:.7}.avatar-placeholder span{margin-top:8px;font-size:12px;font-weight:500;text-align:center}.avatar-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;gap:4px;cursor:pointer}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-overlay span{color:#fff;font-size:12px;margin-top:4px;font-weight:500}.upload-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px}.upload-spinner .spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.upload-spinner span{margin-top:8px;font-size:12px}.online-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:var(--profile-success);border:3px solid var(--profile-surface);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.profile-info{flex:1}.name-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.name-section h2{margin:0;font-size:20px;font-weight:700}.verified-badge{display:flex;align-items:center;gap:4px;background:var(--profile-success);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.profile-meta{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;color:var(--profile-text-secondary);font-size:14px}.profile-bio{color:var(--profile-text-secondary);line-height:1.5;margin-bottom:16px;font-size:14px}.profile-categories{display:flex;gap:8px;flex-wrap:wrap}.category-tag{background:var(--profile-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.no-categories{color:var(--profile-text-secondary);font-size:14px;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{align-items:center;gap:16px;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:12px;padding:20px;transition:background .2s ease}.stat-card:hover{background:var(--profile-surface-hover)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}.stat-icon.views{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.matches{background:linear-gradient(135deg,#ff1b6b,#45caff)}.stat-icon.earnings{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.rating{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:20px;font-weight:700;color:var(--profile-text);line-height:1.2}.stat-label{font-size:12px;color:var(--profile-text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-details{display:grid;gap:24px;margin-bottom:32px}.details-section h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--profile-text)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:8px;padding:16px}.detail-label{font-size:14px;color:var(--profile-text-secondary);font-weight:500}.detail-value{font-size:14px;color:var(--profile-text);font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.pricing-item{display:grid;grid-template-columns:1fr;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:8px;padding:16px}.pricing-label{font-size:14px;color:var(--profile-text-secondary);font-weight:500}.pricing-value{font-size:14px;color:var(--profile-primary);font-weight:700}.profile-status{margin-bottom:32px}.status-card{background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:12px;padding:20px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-header h3{margin:0;font-size:16px;font-weight:600}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.verified{background:var(--profile-success);color:#fff}.status-badge.pending{background:var(--profile-warning);color:#fff}.status-message{display:flex;align-items:center;gap:8px;color:var(--profile-text-secondary);font-size:14px}.quick-actions h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--profile-text)}.quick-action-btn{display:flex;align-items:center;gap:12px;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:12px;padding:16px;color:var(--profile-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.quick-action-btn:hover{background:var(--profile-surface-hover);border-color:var(--profile-primary)}.creator-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;padding:32px;text-align:center}.creator-profile-error h2{font-size:24px;font-weight:600;color:var(--profile-text);margin:0}.creator-profile-error p{color:var(--profile-text-secondary);font-size:16px;margin:0}.creator-profile-error button{padding:12px 24px;background:var(--profile-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.creator-profile-error button:hover{background:var(--profile-primary-hover)}@media (max-width: 768px){.creator-profile-page{padding:12px 12px 80px;margin-top:30px;.profile-card{flex-direction:column;align-items:center;text-align:center}.profile-avatar{margin-bottom:16px}.avatar-container,.avatar-placeholder{width:100px;height:100px}.online-indicator{width:16px;height:16px;bottom:4px;right:4px}.profile-page-header-content{flex-direction:column;align-items:center;padding-top:10px}.header-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid,.actions-grid{grid-template-columns:1fr}.profile-meta{flex-direction:column;gap:8px}.avatar-container,.avatar-placeholder{width:180px;height:180px}}}.PerformanceGoals{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.PerformanceGoals h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.PerformanceGoals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.PerformanceGoals-card{background:#121212;border:1px solid #2a2a2c;border-radius:8px;padding:1.25rem;transition:all .2s ease;position:relative;overflow:hidden}.PerformanceGoals-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent, #17d2c2),transparent);opacity:0;transition:opacity .3s ease}.PerformanceGoals-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.PerformanceGoals-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.PerformanceGoals-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.PerformanceGoals-icon.high{background:#10b98126;color:#10b981}.PerformanceGoals-icon.medium{background:#fbbf2426;color:#fbbf24}.PerformanceGoals-icon.low{background:#ef444426;color:#ef4444}.PerformanceGoals-title{color:#fff;font-size:14px;font-weight:500;line-height:1.3}.PerformanceGoals-values{margin-bottom:1rem}.PerformanceGoals-current{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:.25rem}.PerformanceGoals-target{color:#8e8e93;font-size:12px;font-weight:400}.PerformanceGoals-progress{display:flex;flex-direction:column;gap:.5rem}.PerformanceGoals-progress-bar{width:100%;height:8px;background:#2a2a2c;border-radius:4px;overflow:hidden;position:relative}.PerformanceGoals-progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.PerformanceGoals-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.PerformanceGoals-progress-fill.high{background:linear-gradient(90deg,#10b981,#059669)}.PerformanceGoals-progress-fill.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.PerformanceGoals-progress-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.PerformanceGoals-progress-text{display:flex;justify-content:space-between;align-items:center}.PerformanceGoals-percentage{color:#fff;font-size:13px;font-weight:600}.PerformanceGoals-status{color:#8e8e93;font-size:11px;font-weight:400}.PerformanceGoals-card.skeleton{display:flex;align-items:flex-start;gap:.75rem}.PerformanceGoals-skeleton-icon{width:40px;height:40px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:8px;flex-shrink:0}.PerformanceGoals-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.PerformanceGoals-skeleton-title{height:16px;width:60%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:4px}.PerformanceGoals-skeleton-values{height:20px;width:80%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:4px;animation-delay:.1s}.PerformanceGoals-skeleton-bar{height:8px;width:100%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:4px;animation-delay:.2s}@keyframes pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.PerformanceGoals-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:#8e8e93}.PerformanceGoals-empty svg{color:#6b7280;margin-bottom:.5rem}.PerformanceGoals-empty p{color:#c7c7cc;font-size:16px;font-weight:500;margin:0}.PerformanceGoals-empty span{color:#8e8e93;font-size:14px;font-weight:400;margin:0}@media (max-width: 768px){.PerformanceGoals{padding:1rem;margin-bottom:1.5rem}.PerformanceGoals h2{font-size:16px;margin-bottom:1rem}.PerformanceGoals-grid{grid-template-columns:1fr;gap:.75rem}.PerformanceGoals-card{padding:1rem}.PerformanceGoals-header{gap:.5rem;margin-bottom:.75rem}.PerformanceGoals-icon{width:36px;height:36px}.PerformanceGoals-title{font-size:13px}.PerformanceGoals-current{font-size:20px}.PerformanceGoals-target{font-size:11px}.PerformanceGoals-progress{gap:.375rem}.PerformanceGoals-progress-bar{height:6px}.PerformanceGoals-percentage{font-size:12px}.PerformanceGoals-status{font-size:10px}.PerformanceGoals-empty{padding:2rem 1rem}.PerformanceGoals-empty svg{width:40px;height:40px}.PerformanceGoals-empty p{font-size:14px}.PerformanceGoals-empty span{font-size:13px}}@media (min-width: 768px) and (max-width: 1023px){.PerformanceGoals-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.PerformanceGoals{padding:2rem}.PerformanceGoals h2{font-size:20px;margin-bottom:2rem}.PerformanceGoals-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.PerformanceGoals-card{padding:1.5rem}.PerformanceGoals-current{font-size:28px}.PerformanceGoals-header{margin-bottom:1.5rem}}@media (prefers-contrast: high){.PerformanceGoals-card{border-width:2px}.PerformanceGoals-icon{border:1px solid currentColor}.PerformanceGoals-progress-bar{border:1px solid #8e8e93}}@media (prefers-reduced-motion: reduce){.PerformanceGoals-card,.PerformanceGoals-icon,.PerformanceGoals-progress-fill,.PerformanceGoals-skeleton-icon,.PerformanceGoals-skeleton-title,.PerformanceGoals-skeleton-values,.PerformanceGoals-skeleton-bar{animation:none;transition:none}}.AnalyticsOverview{margin-bottom:2rem}.AnalyticsOverview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.AnalyticsOverview-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.AnalyticsOverview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent, #17d2c2),transparent);opacity:0;transition:opacity .3s ease}.AnalyticsOverview-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.AnalyticsOverview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.AnalyticsOverview-icon{width:40px;height:40px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.AnalyticsOverview-title{color:#c7c7cc;font-size:14px;font-weight:500;flex:1}.AnalyticsOverview-value{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:.75rem}.AnalyticsOverview-change{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.AnalyticsOverview-indicator{display:flex;align-items:center;gap:.25rem;font-size:13px;font-weight:600}.AnalyticsOverview-indicator.positive{color:#10b981}.AnalyticsOverview-indicator.negative{color:#ef4444}.AnalyticsOverview-indicator.neutral{color:#6b7280}.AnalyticsOverview-label{color:#8e8e93;font-size:12px;font-weight:400}.AnalyticsOverview-card.earnings{--card-accent: #10b981}.AnalyticsOverview-card.earnings .AnalyticsOverview-icon{background:#10b9811a;color:#10b981}.AnalyticsOverview-card.views{--card-accent: #3b82f6}.AnalyticsOverview-card.views .AnalyticsOverview-icon{background:#3b82f61a;color:#3b82f6}.AnalyticsOverview-card.matches{--card-accent: #ec4899}.AnalyticsOverview-card.matches .AnalyticsOverview-icon{background:#ec48991a;color:#ec4899}.AnalyticsOverview-card.conversion{--card-accent: #8b5cf6}.AnalyticsOverview-card.conversion .AnalyticsOverview-icon{background:#8b5cf61a;color:#8b5cf6}.AnalyticsOverview-skeleton{height:32px;width:120px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.AnalyticsOverview-skeleton-small{height:16px;width:80px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@media (max-width: 768px){.AnalyticsOverview-cards{grid-template-columns:1fr;gap:.75rem}.AnalyticsOverview-card{padding:1rem}.AnalyticsOverview-header{gap:.5rem;margin-bottom:.75rem}.AnalyticsOverview-icon{width:36px;height:36px}.AnalyticsOverview-title{font-size:13px}.AnalyticsOverview-value{font-size:24px;margin-bottom:.5rem}.AnalyticsOverview-change{flex-direction:column;align-items:flex-start;gap:.25rem}.AnalyticsOverview-indicator{font-size:12px}.AnalyticsOverview-label{font-size:11px}}@media (min-width: 768px) and (max-width: 1023px){.AnalyticsOverview-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.AnalyticsOverview-cards{grid-template-columns:repeat(4,1fr);gap:1.5rem}.AnalyticsOverview-card{padding:2rem}.AnalyticsOverview-value{font-size:32px}.AnalyticsOverview-header{margin-bottom:1.5rem}}@media (prefers-contrast: high){.AnalyticsOverview-card{border-width:2px}.AnalyticsOverview-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.AnalyticsOverview-card,.AnalyticsOverview-icon,.AnalyticsOverview-skeleton,.AnalyticsOverview-skeleton-small{animation:none;transition:none}}.RevenueBreakdown{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.RevenueBreakdown h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.RevenueBreakdown-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.RevenueBreakdown-card{background:#121212;border:1px solid #2a2a2c;border-radius:8px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden}.RevenueBreakdown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#17d2c2,transparent);opacity:0;transition:opacity .3s ease}.RevenueBreakdown-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.RevenueBreakdown-header{display:flex;align-items:center;gap:.5rem;color:#c7c7cc;margin-bottom:.75rem;font-size:14px;font-weight:500}.RevenueBreakdown-amount{font-size:24px;font-weight:700;color:#17d2c2;margin-bottom:.75rem;line-height:1.2}.RevenueBreakdown-stats{display:flex;flex-direction:column;gap:.25rem}.RevenueBreakdown-percentage{font-size:13px;font-weight:500;color:#8e8e93}.RevenueBreakdown-count{font-size:12px;font-weight:400;color:#6b7280}.RevenueBreakdown-skeleton{height:28px;width:100px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.RevenueBreakdown-skeleton-small{height:14px;width:80px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:.25rem}.RevenueBreakdown-skeleton-small:last-child{margin-bottom:0;width:60px}@media (max-width: 768px){.RevenueBreakdown{padding:1rem;margin-bottom:1.5rem}.RevenueBreakdown h2{font-size:16px;margin-bottom:1rem}.RevenueBreakdown-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.RevenueBreakdown-card{padding:.75rem}.RevenueBreakdown-header{font-size:13px;margin-bottom:.5rem}.RevenueBreakdown-amount{font-size:20px;margin-bottom:.5rem}.RevenueBreakdown-percentage{font-size:12px}.RevenueBreakdown-count{font-size:11px}}@media (max-width: 480px){.RevenueBreakdown-cards{grid-template-columns:1fr}.RevenueBreakdown-card{padding:1rem}.RevenueBreakdown-amount{font-size:22px}}@media (min-width: 768px) and (max-width: 1023px){.RevenueBreakdown-cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.RevenueBreakdown{padding:2rem}.RevenueBreakdown h2{font-size:20px;margin-bottom:2rem}.RevenueBreakdown-cards{grid-template-columns:repeat(4,1fr);gap:1.5rem}.RevenueBreakdown-card{padding:1.5rem}.RevenueBreakdown-amount{font-size:28px;margin-bottom:1rem}.RevenueBreakdown-header{font-size:15px;margin-bottom:1rem}}@media (prefers-contrast: high){.RevenueBreakdown-card{border-width:2px}.RevenueBreakdown-header{border-bottom:1px solid currentColor;padding-bottom:.5rem}}@media (prefers-reduced-motion: reduce){.RevenueBreakdown-card,.RevenueBreakdown-skeleton,.RevenueBreakdown-skeleton-small{animation:none;transition:none}}.TopPerformingContent{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.TopPerformingContent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.TopPerformingContent-header h2{color:#fff;font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.TopPerformingContent-filter{background:#121212;border:1px solid #2a2a2c;border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:14px;cursor:pointer;transition:all .2s ease}.TopPerformingContent-list{display:flex;flex-direction:column;gap:1rem}.TopPerformingContent-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#121212;border:1px solid #2a2a2c;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.TopPerformingContent-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#17d2c2;color:#000;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.TopPerformingContent-thumbnail{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#2a2a2c;flex-shrink:0}.TopPerformingContent-thumbnail img{width:100%;height:100%;object-fit:cover}.TopPerformingContent-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8e8e93;background:#2a2a2c}.TopPerformingContent-type-badge{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.TopPerformingContent-details{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.TopPerformingContent-details h4{color:#fff;font-size:16px;font-weight:600;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TopPerformingContent-metrics{display:flex;gap:1rem;flex-wrap:wrap}.TopPerformingContent-metric{display:flex;align-items:center;gap:.25rem;color:#8e8e93;font-size:13px;font-weight:500}.TopPerformingContent-metric.revenue{color:#10b981}.TopPerformingContent-summary{display:flex;justify-content:space-between;align-items:center;color:#8e8e93;font-size:12px}.TopPerformingContent-summary .purchases{color:#17d2c2;font-weight:500}.TopPerformingContent-action{color:#8e8e93;flex-shrink:0}.TopPerformingContent-skeleton{display:flex;align-items:center;gap:1rem;padding:1rem;background:#121212;border:1px solid #2a2a2c;border-radius:8px}.TopPerformingContent-skeleton-rank{width:32px;height:32px;background:#2a2a2c;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.TopPerformingContent-skeleton-image{width:60px;height:60px;background:#2a2a2c;border-radius:8px;animation:pulse 1.5s ease-in-out infinite}.TopPerformingContent-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.TopPerformingContent-skeleton-title{height:18px;width:70%;background:#2a2a2c;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.TopPerformingContent-skeleton-metrics{height:14px;width:90%;background:#2a2a2c;border-radius:4px;animation:pulse 1.5s ease-in-out infinite;animation-delay:.2s}.TopPerformingContent-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:#8e8e93}.TopPerformingContent-empty h3{color:#c7c7cc;font-size:18px;font-weight:600;margin:0}.TopPerformingContent-empty p{color:#8e8e93;font-size:14px;line-height:1.5;margin:0;max-width:300px}.TopPerformingContent-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center;color:#8e8e93}.TopPerformingContent-error p{color:#ef4444;font-size:14px;margin:0}.retry-btn{background:#17d2c2;color:#000;border:none;border-radius:6px;padding:.5rem 1rem;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.TopPerformingContent{padding:1rem;margin-bottom:1.5rem}.TopPerformingContent-header{flex-direction:column;align-items:flex-start;gap:1rem}.TopPerformingContent-filter{width:100%;max-width:200px}.TopPerformingContent-item{padding:.75rem;gap:.75rem}.TopPerformingContent-rank{width:28px;height:28px;font-size:12px}.TopPerformingContent-thumbnail{width:50px;height:50px}.TopPerformingContent-details h4{font-size:14px}.TopPerformingContent-metrics{gap:.75rem}.TopPerformingContent-metric{font-size:12px}.TopPerformingContent-summary{font-size:11px}.TopPerformingContent-empty{padding:2rem 1rem}.TopPerformingContent-skeleton-image{width:50px;height:50px}.TopPerformingContent-skeleton-rank{width:28px;height:28px}}@media (min-width: 1024px){.TopPerformingContent{padding:2rem}.TopPerformingContent-header h2{font-size:20px}.TopPerformingContent-item{padding:1.25rem}.TopPerformingContent-thumbnail{width:80px;height:80px}.TopPerformingContent-details h4{font-size:18px}.TopPerformingContent-metrics{gap:1.5rem}.TopPerformingContent-metric{font-size:14px}}.creator-analytics{--analytics-primary: #ff1b6b;--analytics-primary-hover: #e91e63;--analytics-secondary: #45caff;--analytics-bg: #0a0b0f;--analytics-surface: #1a1d29;--analytics-surface-hover: #242938;--analytics-border: #2a2f3f;--analytics-text: #ffffff;--analytics-text-secondary: #9ca3af;--analytics-success: #10b981;--analytics-warning: #f59e0b;--analytics-error: #ef4444;--analytics-info: #38bdf8;width:100%;min-height:100vh;background:var(--analytics-bg);color:var(--analytics-text);padding-top:env(safe-area-inset-top,1.5rem);padding-left:max(env(safe-area-inset-left,0),1rem);padding-right:max(env(safe-area-inset-right,0),1rem);padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--analytics-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--analytics-border);border-top:3px solid var(--analytics-primary);border-radius:50%;animation:spin 1s linear infinite}.analytics-header{margin-bottom:24px}.analytics-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.analytics-header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0;color:var(--analytics-text)}.analytics-period-selector{display:flex;gap:8px;background:var(--analytics-surface);border-radius:12px;padding:4px;border:1px solid var(--analytics-border)}.analytics-period-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:var(--analytics-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.analytics-period-btn:hover{background:var(--analytics-surface-hover);color:var(--analytics-text)}.analytics-period-btn.active{background:var(--analytics-primary);color:#fff}.overview-card{background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:16px;padding:20px;transition:all .2s ease}.overview-card:hover{background:var(--analytics-surface-hover);border-color:var(--analytics-primary)}.overview-card.earnings .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.overview-card.views .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.overview-card.matches .card-icon{background:linear-gradient(135deg,#ff1b6b,#e91e63)}.overview-card.conversion .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-title{font-size:14px;font-weight:600;color:var(--analytics-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:28px;font-weight:700;color:var(--analytics-text);margin-bottom:8px;line-height:1.2}.change-indicator.positive{background:#10b98133;color:var(--analytics-success)}.change-indicator.negative{background:#ef444433;color:var(--analytics-error)}.change-indicator.neutral{background:#9ca3af33;color:var(--analytics-text-secondary)}.change-label{font-size:12px;color:var(--analytics-text-secondary)}.revenue-section{margin-bottom:32px}.revenue-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.revenue-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.revenue-card{background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:12px;padding:16px;transition:background .2s ease}.revenue-card:hover{background:var(--analytics-surface-hover)}.revenue-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--analytics-text-secondary);font-size:14px;font-weight:500}.revenue-amount{font-size:22px;font-weight:700;color:var(--analytics-text);margin-bottom:4px}.revenue-percentage{font-size:12px;color:var(--analytics-text-secondary)}.content-section{margin-bottom:32px}.content-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.content-list{display:flex;flex-direction:column;gap:12px}.content-item{display:flex;align-items:center;gap:16px;background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:12px;padding:16px;transition:background .2s ease}.content-item:hover{background:var(--analytics-surface-hover)}.content-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--analytics-primary);color:#fff;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.content-type{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--analytics-surface-hover);border-radius:8px;color:var(--analytics-text-secondary);flex-shrink:0}.content-info{flex:1}.content-title{font-size:16px;font-weight:600;color:var(--analytics-text);display:block;margin-bottom:4px}.content-stats{display:flex;gap:16px;font-size:12px;color:var(--analytics-text-secondary)}.content-earnings{font-size:18px;font-weight:700;color:var(--analytics-success);flex-shrink:0}.goals-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.goal-card{background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:12px;padding:20px}.goal-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--analytics-text-secondary);font-size:14px;font-weight:500}.goal-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:8px;background:var(--analytics-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--analytics-primary),var(--analytics-secondary));transition:width .3s ease}.progress-text{font-size:12px;color:var(--analytics-text-secondary)}.demographics-section{margin-bottom:32px}.demographics-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.demographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.demo-card{background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:12px;padding:20px}.demo-card h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.age-groups{display:flex;flex-direction:column;gap:12px}.age-group{display:flex;align-items:center;gap:12px}.age-range{width:60px;font-size:14px;color:var(--analytics-text-secondary);flex-shrink:0}.age-bar{flex:1;height:8px;background:var(--analytics-border);border-radius:4px;overflow:hidden}.age-fill{height:100%;background:var(--analytics-primary);transition:width .3s ease}.age-percentage{width:40px;text-align:right;font-size:14px;font-weight:600;color:var(--analytics-text);flex-shrink:0}.location-list{display:flex;flex-direction:column;gap:12px}.location-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.location-name{font-size:14px;color:var(--analytics-text)}.location-stats{display:flex;align-items:center;gap:8px}.location-count{font-size:14px;font-weight:600;color:var(--analytics-text-secondary)}.location-percentage{font-size:14px;font-weight:600;color:var(--analytics-primary)}.actions-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--analytics-text)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{display:flex;align-items:center;gap:12px;background:var(--analytics-surface);border:1px solid var(--analytics-border);border-radius:12px;padding:16px;color:var(--analytics-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:var(--analytics-surface-hover);border-color:var(--analytics-primary)}.action-btn.primary{background:var(--analytics-primary);color:#fff;border-color:var(--analytics-primary)}.action-btn.primary:hover{background:var(--analytics-primary-hover)}@media (max-width: 768px){.creator-analytics{padding:12px;margin-top:50px}.analytics-header-content{flex-direction:column;align-items:stretch}.analytics-period-selector{order:-1}.overview-cards{grid-template-columns:repeat(2,1fr)}.card-value{font-size:24px}.demographics-grid{grid-template-columns:1fr}.content-item{flex-wrap:wrap;gap:12px}.content-earnings{order:-1;width:100%;text-align:right}}@media (max-width: 480px){.overview-cards,.revenue-cards,.goals-grid,.actions-grid{grid-template-columns:1fr}.period-selector{flex-wrap:wrap}.content-stats{flex-direction:column;gap:4px}}@media (min-width: 769px){.creator-analytics{padding-top:0;padding-bottom:2rem}}@media (max-width: 768px){.demographics-section{margin-bottom:120px}}.PayoutHistory{background:var(--bg-secondary, #1a1d29);border:1px solid var(--border-color, #2a2f3f);border-radius:12px;padding:24px;margin-bottom:24px}.PayoutHistory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #2a2f3f)}.PayoutHistory-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff)}.PayoutHistory-count{font-size:14px;color:var(--text-secondary, #9ca3af);font-weight:500;background:var(--bg-primary, #0a0a0a);padding:6px 12px;border-radius:6px}.PayoutHistory-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--text-secondary, #9ca3af)}.PayoutHistory-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #2a2f3f);border-top:3px solid var(--primary, #17d2c2);border-radius:50%;animation:PayoutHistory-spin 1s linear infinite}@keyframes PayoutHistory-spin{to{transform:rotate(360deg)}}.PayoutHistory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.PayoutHistory-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--bg-primary, #0a0a0a);color:var(--text-secondary, #9ca3af);margin-bottom:8px}.PayoutHistory-empty h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.PayoutHistory-empty p{margin:0;font-size:14px;color:var(--text-secondary, #9ca3af);max-width:400px;line-height:1.5}.PayoutHistory-list{display:flex;flex-direction:column;gap:12px}.PayoutHistory-item{background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2f3f);border-radius:12px;padding:20px;transition:all .2s ease}.PayoutHistory-item:hover{border-color:var(--primary, #17d2c2);box-shadow:0 4px 12px #17d2c21a;transform:translateY(-1px)}.PayoutHistory-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #2a2f3f)}.PayoutHistory-item-amount{font-size:24px;font-weight:700;color:var(--primary, #17d2c2)}.PayoutHistory-item-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.PayoutHistory-status-completed{background:#22c55e1a;color:var(--success, #22c55e);border:1px solid rgba(34,197,94,.3)}.PayoutHistory-status-pending{background:#f59e0b1a;color:var(--warning, #f59e0b);border:1px solid rgba(245,158,11,.3)}.PayoutHistory-status-approved{background:#38bdf81a;color:var(--info, #38bdf8);border:1px solid rgba(56,189,248,.3)}.PayoutHistory-status-rejected,.PayoutHistory-status-cancelled{background:#ef44441a;color:var(--error, #ef4444);border:1px solid rgba(239,68,68,.3)}.PayoutHistory-status-default{background:var(--bg-secondary, #1a1d29);color:var(--text-secondary, #9ca3af);border:1px solid var(--border-color, #2a2f3f)}.PayoutHistory-item-details{display:flex;flex-direction:column;gap:10px}.PayoutHistory-item-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #9ca3af)}.PayoutHistory-item-detail svg{flex-shrink:0;color:var(--text-secondary, #9ca3af)}.PayoutHistory-detail-label{font-weight:500;min-width:80px}.PayoutHistory-detail-value{color:var(--text-primary, #ffffff);font-weight:500}.PayoutHistory-email{font-family:Courier New,monospace;font-size:12px;background:var(--bg-secondary, #1a1d29);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color, #2a2f3f)}@media (max-width: 768px){.PayoutHistory{padding:16px}.PayoutHistory-header{flex-direction:column;align-items:flex-start;gap:12px}.PayoutHistory-count{align-self:flex-end}.PayoutHistory-item{padding:16px}.PayoutHistory-item-header{flex-direction:column;align-items:flex-start;gap:12px}.PayoutHistory-item-amount{font-size:20px}.PayoutHistory-item-status{align-self:flex-end}.PayoutHistory-detail-label{min-width:70px;font-size:12px}.PayoutHistory-detail-value{font-size:12px}.PayoutHistory-email{font-size:11px}}@media (max-width: 480px){.PayoutHistory-item-detail{flex-wrap:wrap}.PayoutHistory-detail-label{min-width:auto}.PayoutHistory-detail-value{flex:1;text-align:right}.PayoutHistory-email{width:100%;text-align:left;margin-left:22px}}.RequestPayout{background:var(--bg-secondary, #1a1d29);border:1px solid var(--border-color, #2a2f3f);border-radius:12px;padding:24px;margin-bottom:24px}.RequestPayout-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.RequestPayout-info{display:flex;flex-direction:column;gap:8px}.RequestPayout-label{font-size:14px;color:var(--text-secondary, #9ca3af);font-weight:500}.RequestPayout-amount{font-size:32px;font-weight:700;color:var(--primary, #17d2c2)}.RequestPayout-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary, #17d2c2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.RequestPayout-btn:hover{background:var(--primary-600, #12b7ab);transform:translateY(-1px)}.RequestPayout-btn:active{transform:translateY(0)}.RequestPayout-notice{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:var(--warning, #f59e0b);font-size:14px}.RequestPayout-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.RequestPayout-modal{background:var(--bg-secondary, #1a1d29);border:1px solid var(--border-color, #2a2f3f);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.RequestPayout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color, #2a2f3f)}.RequestPayout-modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff)}.RequestPayout-close-btn{background:none;border:none;font-size:32px;color:var(--text-secondary, #9ca3af);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.RequestPayout-close-btn:hover{color:var(--text-primary, #ffffff)}.RequestPayout-modal-content{padding:24px}.RequestPayout-available-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-primary, #0a0a0a);border-radius:12px;margin-bottom:24px}.RequestPayout-available-label{font-size:14px;color:var(--text-secondary, #9ca3af);font-weight:500}.RequestPayout-available-value{font-size:28px;font-weight:700;color:var(--primary, #17d2c2)}.RequestPayout-form-group{margin-bottom:20px}.RequestPayout-form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:8px}.RequestPayout-amount-input-wrapper{position:relative;display:flex;align-items:center}.RequestPayout-currency-symbol{position:absolute;left:16px;font-size:18px;font-weight:600;color:var(--text-secondary, #9ca3af)}.RequestPayout-amount-input-wrapper input{width:100%;padding:12px 16px 12px 36px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2f3f);border-radius:8px;color:var(--text-primary, #ffffff);font-size:16px;font-weight:600;transition:border-color .2s ease}.RequestPayout-amount-input-wrapper input:focus{outline:none;border-color:var(--primary, #17d2c2)}.RequestPayout-form-group textarea{width:100%;padding:12px 16px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2f3f);border-radius:8px;color:var(--text-primary, #ffffff);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.RequestPayout-form-group textarea:focus{outline:none;border-color:var(--primary, #17d2c2)}.RequestPayout-field-help{margin-top:8px;font-size:12px;color:var(--text-secondary, #9ca3af)}.RequestPayout-info-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary, #0a0a0a);border-radius:8px;margin-top:20px}.RequestPayout-info-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary, #9ca3af)}.RequestPayout-info-item svg{flex-shrink:0;margin-top:2px}.RequestPayout-fee-disclosure{margin-top:20px;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px}.RequestPayout-disclosure-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--info, #38bdf8)}.RequestPayout-disclosure-header svg{color:var(--info, #38bdf8)}.RequestPayout-disclosure-text{margin:0;font-size:12px;color:var(--text-secondary, #9ca3af);line-height:1.6}.RequestPayout-instant-toggle{margin:20px 0}.RequestPayout-instant-label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:16px;background:var(--bg-primary, #0a0a0a);border:2px solid var(--border-color, #2a2f3f);border-radius:12px;cursor:pointer;transition:all .2s ease}.RequestPayout-instant-label:hover{border-color:var(--primary, #17d2c2);background:#17d2c20d}.RequestPayout-instant-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--primary, #17d2c2)}.RequestPayout-instant-content{display:grid;gap:8px}.RequestPayout-instant-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.RequestPayout-instant-header svg{color:var(--warning, #f59e0b)}.RequestPayout-instant-title{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff)}.RequestPayout-instant-badge{font-size:11px;font-weight:700;color:var(--warning, #f59e0b);background:#f59e0b26;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.RequestPayout-instant-desc{margin:0;font-size:13px;color:var(--text-secondary, #9ca3af);line-height:1.4}.RequestPayout-fee-breakdown{padding:16px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-bottom:20px}.RequestPayout-fee-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;color:var(--warning, #f59e0b)}.RequestPayout-fee-header svg{color:var(--warning, #f59e0b)}.RequestPayout-fee-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:10px 0;border-bottom:1px solid rgba(245,158,11,.1)}.RequestPayout-fee-row:last-of-type{border-bottom:none}.RequestPayout-fee-label{font-size:14px;color:var(--text-secondary, #9ca3af)}.RequestPayout-fee-value{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);text-align:right}.RequestPayout-fee-deduction .RequestPayout-fee-value{color:var(--error, #ef4444)}.RequestPayout-fee-total{padding-top:12px;margin-top:4px;border-top:2px solid rgba(245,158,11,.3)}.RequestPayout-fee-total .RequestPayout-fee-label{font-weight:600;color:var(--text-primary, #ffffff);font-size:15px}.RequestPayout-fee-total .RequestPayout-fee-value{font-size:18px;font-weight:700;color:var(--primary, #17d2c2)}.RequestPayout-fee-note{margin:12px 0 0;font-size:12px;color:var(--text-secondary, #9ca3af);line-height:1.5}.RequestPayout-modal-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color, #2a2f3f)}.RequestPayout-cancel-btn,.RequestPayout-submit-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.RequestPayout-cancel-btn{background:var(--bg-primary, #0a0a0a);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #2a2f3f)}.RequestPayout-cancel-btn:hover{background:var(--bg-secondary, #1a1d29)}.RequestPayout-submit-btn{background:var(--primary, #17d2c2);color:#fff}.RequestPayout-submit-btn:hover:not(:disabled){background:var(--primary-600, #12b7ab);transform:translateY(-1px)}.RequestPayout-submit-btn:active:not(:disabled){transform:translateY(0)}.RequestPayout-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.RequestPayout{padding:16px}.RequestPayout-header{flex-direction:column;align-items:flex-start}.RequestPayout-amount{font-size:28px}.RequestPayout-btn{width:100%;justify-content:center}.RequestPayout-modal{max-height:95vh;margin-bottom:26px}.RequestPayout-modal-footer{flex-direction:column}.RequestPayout-cancel-btn,.RequestPayout-submit-btn{width:100%}}.EarningsOverview{margin-bottom:2rem}.EarningsOverview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.EarningsOverview-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.EarningsOverview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent, #17d2c2),transparent);opacity:0;transition:opacity .3s ease}.EarningsOverview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.EarningsOverview-icon{width:40px;height:40px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.EarningsOverview-title{color:#c7c7cc;font-size:14px;font-weight:500;flex:1}.EarningsOverview-value{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:.75rem}.EarningsOverview-change{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.EarningsOverview-indicator{display:flex;align-items:center;gap:.25rem;font-size:13px;font-weight:600}.EarningsOverview-indicator.positive{color:#10b981}.EarningsOverview-indicator.negative{color:#ef4444}.EarningsOverview-indicator.neutral{color:#6b7280}.EarningsOverview-label{color:#8e8e93;font-size:12px;font-weight:400}.EarningsOverview-card.total-earnings{--card-accent: #10b981}.EarningsOverview-card.total-earnings .EarningsOverview-icon{background:#10b9811a;color:#10b981}.EarningsOverview-card.pending-payout{--card-accent: #f59e0b}.EarningsOverview-card.pending-payout .EarningsOverview-icon{background:#f59e0b1a;color:#f59e0b}.EarningsOverview-card.month-earnings{--card-accent: #3b82f6}.EarningsOverview-card.month-earnings .EarningsOverview-icon{background:#3b82f61a;color:#3b82f6}.EarningsOverview-card.daily-avg{--card-accent: #8b5cf6}.EarningsOverview-card.daily-avg .EarningsOverview-icon{background:#8b5cf61a;color:#8b5cf6}.EarningsOverview-skeleton{height:32px;width:120px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.EarningsOverview-skeleton-small{height:16px;width:80px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@media (max-width: 768px){.EarningsOverview-cards{grid-template-columns:1fr;gap:.75rem}.EarningsOverview-card{padding:1rem}.EarningsOverview-header{gap:.5rem;margin-bottom:.75rem}.EarningsOverview-icon{width:36px;height:36px}.EarningsOverview-title{font-size:13px}.EarningsOverview-value{font-size:24px;margin-bottom:.5rem}.EarningsOverview-change{flex-direction:column;align-items:flex-start;gap:.25rem}.EarningsOverview-indicator{font-size:12px}.EarningsOverview-label{font-size:11px}}@media (min-width: 768px) and (max-width: 1023px){.EarningsOverview-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.EarningsOverview-cards{grid-template-columns:repeat(4,1fr);gap:1.5rem}.EarningsOverview-card{padding:2rem}.EarningsOverview-value{font-size:32px}.EarningsOverview-header{margin-bottom:1.5rem}}.EarningsOverview-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}@media (prefers-contrast: high){.EarningsOverview-card{border-width:2px}.EarningsOverview-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.EarningsOverview-card,.EarningsOverview-icon,.EarningsOverview-skeleton,.EarningsOverview-skeleton-small{animation:none;transition:none}}.RecentTransactions{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.RecentTransactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.RecentTransactions-header h2{color:#fff;font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.RecentTransactions-viewAll{display:flex;align-items:center;gap:.25rem;background:transparent;border:none;color:#17d2c2;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;border-radius:6px}.RecentTransactions-viewAll:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.RecentTransactions-list{display:flex;flex-direction:column;gap:.75rem}.RecentTransactions-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#121212;border:1px solid #2a2a2c;border-radius:8px;transition:all .2s ease}.RecentTransactions-item:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.RecentTransactions-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.RecentTransactions-icon.photo{background:#3b82f61a;color:#3b82f6}.RecentTransactions-icon.video{background:#ef44441a;color:#ef4444}.RecentTransactions-icon.message{background:#a855f71a;color:#a855f7}.RecentTransactions-icon.tip{background:#fbbf241a;color:#fbbf24}.RecentTransactions-icon.default{background:#17d2c21a;color:#17d2c2}.RecentTransactions-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.RecentTransactions-title{color:#fff;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.RecentTransactions-meta{display:flex;align-items:center;gap:.5rem;color:#8e8e93;font-size:12px;font-weight:400;flex-wrap:wrap}.RecentTransactions-buyer{color:#c7c7cc;font-weight:500}.RecentTransactions-separator{color:#6b7280}.RecentTransactions-date,.RecentTransactions-time{color:#8e8e93}.RecentTransactions-amount{color:#10b981;font-size:16px;font-weight:600;flex-shrink:0}.RecentTransactions-empty{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;text-align:center;color:#8e8e93}.RecentTransactions-empty svg{color:#6b7280;margin-bottom:1rem}.RecentTransactions-empty p{color:#c7c7cc;font-size:16px;font-weight:500;margin:0 0 .5rem}.RecentTransactions-empty span{color:#8e8e93;font-size:14px;font-weight:400}.RecentTransactions-skeleton{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#121212;border:1px solid #2a2a2c;border-radius:8px}.RecentTransactions-skeleton-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.RecentTransactions-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.RecentTransactions-skeleton-title{height:16px;width:70%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.RecentTransactions-skeleton-subtitle{height:12px;width:50%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;animation-delay:.2s}.RecentTransactions-skeleton-amount{width:60px;height:18px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;flex-shrink:0;animation-delay:.1s}@media (max-width: 768px){.RecentTransactions{padding:1rem;margin-bottom:1.5rem}.RecentTransactions-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.RecentTransactions-header h2{font-size:16px}.RecentTransactions-viewAll{font-size:13px;padding:.25rem 0}.RecentTransactions-item{padding:.75rem;gap:.75rem}.RecentTransactions-icon{width:32px;height:32px}.RecentTransactions-title{font-size:13px}.RecentTransactions-meta{font-size:11px;gap:.375rem}.RecentTransactions-amount{font-size:14px}.RecentTransactions-empty{padding:2rem 1rem}.RecentTransactions-empty svg{width:40px;height:40px}.RecentTransactions-empty p{font-size:14px}.RecentTransactions-empty span{font-size:13px}}@media (max-width: 480px){.RecentTransactions-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.RecentTransactions-separator{display:none}.RecentTransactions-time{display:inline}}@media (min-width: 1024px){.RecentTransactions{padding:2rem}.RecentTransactions-header h2{font-size:20px}.RecentTransactions-header{margin-bottom:2rem}.RecentTransactions-item{padding:1rem;gap:1.25rem}.RecentTransactions-icon{width:40px;height:40px}.RecentTransactions-title{font-size:15px}.RecentTransactions-meta{font-size:13px}.RecentTransactions-amount{font-size:18px}}@media (prefers-contrast: high){.RecentTransactions-item{border-width:2px}.RecentTransactions-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.RecentTransactions-item,.RecentTransactions-icon,.RecentTransactions-skeleton-icon,.RecentTransactions-skeleton-title,.RecentTransactions-skeleton-subtitle,.RecentTransactions-skeleton-amount{animation:none;transition:none}}.TransactionLedger{background:var(--bg-secondary, #1a1d29);border:1px solid var(--border-color, #2a2f3f);border-radius:12px;padding:24px;margin-bottom:24px}.TransactionLedger-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #2a2f3f)}.TransactionLedger-header-left{display:grid;grid-template-columns:auto auto;align-items:center;gap:16px}.TransactionLedger-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #ffffff)}.TransactionLedger-count{font-size:14px;color:var(--text-secondary, #9ca3af);font-weight:500;background:var(--bg-primary, #0a0a0a);padding:6px 12px;border-radius:6px}.TransactionLedger-toggle{background:none;border:1px solid var(--border-color, #2a2f3f);border-radius:6px;padding:8px;color:var(--text-secondary, #9ca3af);cursor:pointer;display:grid;place-items:center;transition:all .2s ease}.TransactionLedger-toggle:hover{border-color:var(--primary, #17d2c2);color:var(--primary, #17d2c2)}.TransactionLedger-toggle:active{transform:scale(.95)}.TransactionLedger-content{transition:all .3s ease}.TransactionLedger.collapsed{margin-bottom:12px}.TransactionLedger.collapsed .TransactionLedger-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.TransactionLedger-loading{display:grid;place-items:center;padding:60px 20px;gap:12px;color:var(--text-secondary, #9ca3af)}.TransactionLedger-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #2a2f3f);border-top:3px solid var(--primary, #17d2c2);border-radius:50%;animation:TransactionLedger-spin 1s linear infinite}@keyframes TransactionLedger-spin{to{transform:rotate(360deg)}}.TransactionLedger-empty{display:grid;place-items:center;padding:60px 20px;text-align:center;gap:16px}.TransactionLedger-empty svg{color:var(--text-secondary, #9ca3af)}.TransactionLedger-empty h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #ffffff)}.TransactionLedger-empty p{margin:0;font-size:14px;color:var(--text-secondary, #9ca3af);max-width:400px;line-height:1.5}.TransactionLedger-grid-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:12px 16px;background:var(--bg-primary, #0a0a0a);border-radius:8px;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.TransactionLedger-date-group{margin-bottom:24px}.TransactionLedger-date-header{font-size:14px;font-weight:600;color:var(--text-secondary, #9ca3af);padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--border-color, #2a2f3f)}.TransactionLedger-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2f3f);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.TransactionLedger-row:hover{border-color:var(--primary, #17d2c2);box-shadow:0 2px 8px #17d2c21a}.TransactionLedger-row.income{border-left:3px solid var(--success, #22c55e)}.TransactionLedger-row.payout{border-left:3px solid var(--error, #ef4444)}.TransactionLedger-col-date{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.TransactionLedger-icon{display:grid;place-items:center}.TransactionLedger-icon .icon-income{color:var(--success, #22c55e)}.TransactionLedger-icon .icon-payout{color:var(--error, #ef4444)}.TransactionLedger-time{font-size:13px;color:var(--text-secondary, #9ca3af);font-weight:500}.TransactionLedger-col-details{display:grid;gap:4px;align-content:center}.TransactionLedger-description{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.TransactionLedger-description svg{color:var(--text-secondary, #9ca3af)}.TransactionLedger-payout-text{color:var(--text-primary, #ffffff)}.TransactionLedger-meta{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #9ca3af)}.TransactionLedger-meta svg{color:var(--text-secondary, #9ca3af)}.TransactionLedger-email{font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary, #9ca3af);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TransactionLedger-col-amount{display:grid;gap:4px;justify-items:end;align-content:center}.TransactionLedger-amount{font-size:16px;font-weight:700}.TransactionLedger-amount.income{color:var(--success, #22c55e)}.TransactionLedger-amount.payout{color:var(--error, #ef4444)}.TransactionLedger-balance{font-size:12px;color:var(--text-secondary, #9ca3af);font-weight:500}.TransactionLedger-balance:before{content:"Bal: ";opacity:.7}@media (max-width: 768px){.TransactionLedger{padding:16px}.TransactionLedger-header-left{grid-template-columns:auto;gap:8px}.TransactionLedger-header h2{font-size:18px}.TransactionLedger-count{font-size:12px;padding:4px 8px}.TransactionLedger-grid-header{grid-template-columns:2fr 1fr}.TransactionLedger-grid-header .TransactionLedger-col-date{grid-column:1}.TransactionLedger-grid-header .TransactionLedger-col-details{display:none}.TransactionLedger-grid-header .TransactionLedger-col-amount{grid-column:2;text-align:right}.TransactionLedger-row{grid-template-columns:2fr 1fr;gap:12px}.TransactionLedger-col-date{grid-column:1}.TransactionLedger-col-details{grid-column:1 / -1;grid-row:2;padding-top:8px;border-top:1px solid var(--border-color, #2a2f3f)}.TransactionLedger-col-amount{grid-column:2;grid-row:1}}@media (max-width: 480px){.TransactionLedger-grid-header{display:none}.TransactionLedger-row{grid-template-columns:1fr;gap:12px}.TransactionLedger-col-date,.TransactionLedger-col-details,.TransactionLedger-col-amount{grid-column:1;grid-row:auto}.TransactionLedger-col-amount{justify-items:start}.TransactionLedger-amount{font-size:20px}}.creator-earnings{--earnings-primary: #10b981;--earnings-primary-hover: #059669;--earnings-secondary: #34d399;--earnings-accent: #f59e0b;--earnings-bg: #0a0b0f;--earnings-surface: #1a1d29;--earnings-surface-hover: #242938;--earnings-border: #2a2f3f;--earnings-text: #ffffff;--earnings-text-secondary: #9ca3af;--earnings-success: #10b981;--earnings-warning: #f59e0b;--earnings-error: #ef4444;--earnings-info: #38bdf8;width:100%;min-height:100vh;background:var(--earnings-bg);padding-top:env(safe-area-inset-top);color:var(--earnings-text);padding:16px}.earnings-loading,.earnings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--earnings-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--earnings-border);border-top:3px solid var(--earnings-primary);border-radius:50%;animation:spin 1s linear infinite}.earnings-header{margin-bottom:24px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0;color:var(--earnings-text)}.earnings-header-actions{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;position:relative}.period-selector{display:flex;gap:8px;background:var(--earnings-surface);border-radius:12px;padding:4px;border:1px solid var(--earnings-border)}.period-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:var(--earnings-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.period-btn:hover{background:var(--earnings-surface-hover);color:var(--earnings-text)}.period-btn.active{background:var(--earnings-primary);color:#fff}.export-btn{display:flex;align-items:center;gap:8px;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:8px 16px;color:var(--earnings-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--earnings-surface-hover);border-color:var(--earnings-primary)}.overview-section{margin-bottom:32px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.overview-card{background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:16px;padding:20px;transition:all .2s ease}.overview-card:hover{background:var(--earnings-surface-hover);border-color:var(--earnings-primary)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px}.overview-card.total-earnings .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.overview-card.pending-payout .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.overview-card.month-earnings .card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.overview-card.daily-avg .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-title{font-size:14px;font-weight:600;color:var(--earnings-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:28px;font-weight:700;color:var(--earnings-text);margin-bottom:8px;line-height:1.2}.card-change{display:flex;align-items:center;gap:8px}.change-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.change-indicator.positive{background:#10b98133;color:var(--earnings-success)}.change-indicator.negative{background:#ef444433;color:var(--earnings-error)}.change-indicator.neutral{background:#9ca3af33;color:var(--earnings-text-secondary)}.change-label{font-size:12px;color:var(--earnings-text-secondary)}.breakdown-section{margin-bottom:32px}.breakdown-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--earnings-text)}.breakdown-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.breakdown-card{background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:20px;transition:all .2s ease}.breakdown-card:hover{background:var(--earnings-surface-hover);transform:translateY(-2px)}.breakdown-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--earnings-text-secondary);font-size:14px;font-weight:500}.breakdown-amount{font-size:24px;font-weight:700;color:var(--earnings-primary);margin-bottom:8px}.breakdown-stats{display:flex;flex-direction:column;gap:4px}.percentage{font-size:14px;color:var(--earnings-text);font-weight:500}.count{font-size:12px;color:var(--earnings-text-secondary)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.transactions-section h2,.top-earners-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--earnings-text)}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;align-items:center;gap:16px;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:16px;transition:all .2s ease}.transaction-item:hover{background:var(--earnings-surface-hover)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--earnings-primary);color:#fff;border-radius:10px;flex-shrink:0}.transaction-info{flex:1;display:flex;flex-direction:column;gap:2px}.transaction-user{font-size:16px;font-weight:600;color:var(--earnings-text)}.transaction-type{font-size:14px;color:var(--earnings-text-secondary)}.transaction-date{font-size:12px;color:var(--earnings-text-secondary)}.transaction-amount{font-size:18px;font-weight:700;color:var(--earnings-primary);flex-shrink:0}.transaction-status{display:flex;align-items:center;color:var(--earnings-success);flex-shrink:0}.top-earners-list{display:flex;flex-direction:column;gap:12px}.earner-item{display:flex;align-items:center;gap:16px;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:16px;transition:all .2s ease}.earner-item:hover{background:var(--earnings-surface-hover)}.earner-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--earnings-accent);color:#fff;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.earner-type{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--earnings-surface-hover);border-radius:8px;color:var(--earnings-text-secondary);flex-shrink:0}.earner-info{flex:1;display:flex;flex-direction:column;gap:2px}.earner-title{font-size:16px;font-weight:600;color:var(--earnings-text)}.earner-sales{font-size:12px;color:var(--earnings-text-secondary)}.earner-earnings{font-size:18px;font-weight:700;color:var(--earnings-primary);flex-shrink:0}.goals-section{margin-bottom:32px}.goals-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--earnings-text)}.goal-card{background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:16px;padding:24px}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.goal-info{display:flex;flex-direction:column;gap:4px}.goal-title{font-size:18px;font-weight:600;color:var(--earnings-text)}.goal-subtitle{font-size:14px;color:var(--earnings-text-secondary)}.goal-target{font-size:24px;font-weight:700;color:var(--earnings-primary)}.goal-progress{display:flex;flex-direction:column;gap:12px}.progress-bar{height:12px;background:var(--earnings-border);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--earnings-primary),var(--earnings-secondary));transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;align-items:center}.progress-percentage{font-size:14px;font-weight:600;color:var(--earnings-text)}.daily-needed{font-size:14px;color:var(--earnings-text-secondary)}.payout-section{margin-bottom:32px}.payout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.payout-header h2{font-size:20px;font-weight:600;margin:0;color:var(--earnings-text)}.payout-settings-btn{display:flex;align-items:center;gap:8px;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:8px 16px;color:var(--earnings-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.payout-settings-btn:hover{background:var(--earnings-surface-hover);border-color:var(--earnings-primary)}.payout-list{display:flex;flex-direction:column;gap:12px}.payout-item{display:flex;align-items:center;justify-content:space-between;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:16px;transition:all .2s ease}.payout-item:hover{background:var(--earnings-surface-hover)}.payout-item.pending{border-color:var(--earnings-warning);background:#f59e0b0d}.payout-info{display:flex;flex-direction:column;gap:4px}.payout-amount{font-size:18px;font-weight:700;color:var(--earnings-text)}.payout-method,.payout-date{font-size:14px;color:var(--earnings-text-secondary)}.payout-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.payout-status.paid{background:#10b98133;color:var(--earnings-success)}.payout-status.pending{background:#f59e0b33;color:var(--earnings-warning)}.actions-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--earnings-text)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.action-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--earnings-surface);border:1px solid var(--earnings-border);border-radius:12px;padding:16px;color:var(--earnings-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn:hover{background:var(--earnings-surface-hover);border-color:var(--earnings-primary);transform:translateY(-2px)}.action-btn.primary{background:var(--earnings-primary);color:#fff;border-color:var(--earnings-primary)}.action-btn.primary:hover{background:var(--earnings-primary-hover)}.action-btn span{flex:1;text-align:left}@media (max-width: 768px){.creator-earnings{padding:12px;margin-top:50px}.header-content{flex-direction:column;align-items:stretch}.earnings-header-actions{flex-direction:column;gap:12px}.period-selector{justify-content:center}.period-btn{padding:6px 12px;font-size:13px}.overview-cards,.breakdown-cards{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr;gap:24px}.goal-header,.payout-header{flex-direction:column;gap:12px;align-items:stretch}.progress-stats{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){.overview-cards,.breakdown-cards,.actions-grid{grid-template-columns:1fr}.period-selector{flex-wrap:wrap;gap:4px;padding:2px}.period-btn{padding:6px 8px;font-size:12px;min-width:auto;flex:1}.transaction-item,.earner-item{flex-wrap:wrap;gap:12px}.transaction-amount,.earner-earnings{order:-1;width:100%;text-align:right}}@media (max-width: 425px){.period-btn{padding:5px 6px;font-size:11px;font-weight:500}.period-selector{gap:2px;padding:2px}}.connection-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9998;animation:fadeIn .3s ease}.connection-modal{position:fixed;inset:0;margin:auto;width:90%;max-width:380px;height:fit-content;max-height:90vh;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border-radius:24px;padding:60px 24px 24px;z-index:9999;text-align:center;box-shadow:0 25px 50px #00000080,0 0 100px #17d2c21a;border:1px solid rgba(255,255,255,.1);overflow:visible;animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;transition:transform .2s ease}.connection-modal:active{transform:scale(.98)}.close-button{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#3c3c3ccc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100;box-shadow:0 2px 8px #0000004d}.close-button svg{width:20px;height:20px;color:#fff}.close-button:hover{background:#505050e6;transform:scale(1.1);box-shadow:0 4px 12px #0006}.close-button:active{transform:scale(.95)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.connection-modal.premium{background:linear-gradient(135deg,#2a1f3d,#3d2a4d);border:1px solid rgba(255,215,0,.3);box-shadow:0 25px 50px #00000080,0 0 100px #ffd70033}.connection-modal.highlight{animation:modalPopIn .4s cubic-bezier(.34,1.56,.64,1),modalGlow 3s ease-in-out infinite}@keyframes modalGlow{0%,to{box-shadow:0 25px 50px #00000080,0 0 80px #17d2c233}50%{box-shadow:0 25px 50px #00000080,0 0 120px #17d2c24d}}.connection-profile-photo{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid #17d2c2;box-shadow:0 8px 32px #17d2c266,0 0 60px #17d2c233;background:#1c1c1e;z-index:10}.connection-profile-photo img{width:100%;height:100%;object-fit:cover}.photo-glow{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#17d2c2,transparent);animation:rotateGlow 3s linear infinite;opacity:.6}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-icon-container{position:relative;margin:0 auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.connection-icon{color:#17d2c2;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(23,210,194,.5))}.connection-icon.flash{animation:lightningFlash 2s ease-in-out infinite}@keyframes lightningFlash{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 20px rgba(23,210,194,.5))}50%{opacity:.8;transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(23,210,194,.8))}}.connection-icon.pulse{animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.connection-icon.bounce{animation:iconBounce 1s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.connection-icon.spin{animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-icon.sparkle{animation:iconSparkle 1.5s ease-in-out infinite}@keyframes iconSparkle{0%,to{transform:scale(1) rotate(0);filter:brightness(1) drop-shadow(0 0 20px rgba(23,210,194,.5))}50%{transform:scale(1.2) rotate(180deg);filter:brightness(1.5) drop-shadow(0 0 30px rgba(23,210,194,.8))}}.icon-bg-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(23,210,194,.2) 0%,transparent 70%);border-radius:50%;animation:bgPulse 2s ease-in-out infinite}@keyframes bgPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.connection-content{margin-bottom:24px}.connection-title{font-size:26px;font-weight:700;color:#17d2c2;margin:0 0 12px;text-shadow:0 0 30px rgba(23,210,194,.5);letter-spacing:-.5px}.connection-subtitle{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.connection-description{font-size:14px;color:#c7c7cc;margin:0;line-height:1.5}.connection-stats{display:flex;justify-content:center;gap:32px;margin:20px 0;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;align-items:center;gap:8px;color:#17d2c2;font-weight:600;font-size:14px}.connection-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.connection-btn{padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.connection-btn.primary{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#001310;box-shadow:0 4px 20px #17d2c24d}.connection-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%{left:-100%}50%,to{left:100%}}.connection-btn.primary:active{transform:scale(.98)}.connection-btn.secondary{background:#ffffff0d;color:#c7c7cc;border:1px solid rgba(255,255,255,.1)}.connection-btn.secondary:active{background:#ffffff14}.connection-compatibility{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.compatibility-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.compatibility-fill{height:100%;background:linear-gradient(90deg,#17d2c2,#47e0d2);border-radius:3px;animation:fillBar 1.5s ease-out}@keyframes fillBar{0%{width:0}}.compatibility-text{font-size:12px;color:#17d2c2;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tap-hint{margin-top:16px;font-size:11px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;opacity:.7;animation:fadeInUp 1s ease .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}.confetti-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9997}.confetti{position:absolute;width:10px;height:10px;background:#17d2c2;animation:confettiFall 3s ease-out forwards}.confetti-0{background:#17d2c2;left:10%;animation-delay:0s;transform:rotate(0)}.confetti-1{background:#ff006e;left:30%;animation-delay:.2s;transform:rotate(45deg)}.confetti-2{background:gold;left:50%;animation-delay:.4s;transform:rotate(90deg)}.confetti-3{background:#8b5cf6;left:70%;animation-delay:.6s;transform:rotate(135deg)}.confetti-4{background:#34c759;left:90%;animation-delay:.8s;transform:rotate(180deg)}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (min-width: 768px){.connection-modal{padding:70px 32px 32px;max-width:420px}.connection-title{font-size:30px}.connection-subtitle{font-size:20px}.connection-btn{padding:16px 32px;font-size:17px}}@media (min-width: 1025px){.connection-modal{max-width:450px}.connection-btn:hover{transform:translateY(-2px)}.connection-btn.primary:hover{box-shadow:0 6px 30px #17d2c266}.connection-btn.secondary:hover{background:#ffffff1a;color:#fff}}@media (prefers-reduced-motion: reduce){.connection-modal,.connection-backdrop,.connection-icon,.connection-btn,.confetti{animation:none!important}.photo-glow{display:none}}.creator-connections{--connections-primary: #ff1b6b;--connections-primary-hover: #e91e63;--connections-secondary: #45caff;--connections-bg: #0a0b0f;--connections-surface: #1a1d29;--connections-surface-hover: #242938;--connections-border: #2a2f3f;--connections-text: #ffffff;--connections-text-secondary: #9ca3af;--connections-success: #10b981;--connections-warning: #f59e0b;--connections-error: #ef4444;width:100%;min-height:100vh;background:var(--connections-bg);color:var(--connections-text);padding:calc(16px + env(safe-area-inset-top)) env(safe-area-inset-right,16px) calc(16px + env(safe-area-inset-bottom)) env(safe-area-inset-left,16px)}.connections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--connections-border);border-top:3px solid var(--connections-primary);border-radius:50%;animation:spin 1s linear infinite}.connections-header{margin-bottom:24px}.connections-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.connections-header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0;color:var(--connections-text)}.connections-header-actions{display:flex;gap:12px}.connections-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;color:var(--connections-text);cursor:pointer;transition:all .2s ease}.connections-filter-btn:hover{background:var(--connections-surface-hover)}.connections-overview{margin-bottom:32px}.connections-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.connections-stat-card{display:flex;align-items:center;gap:16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;padding:20px;transition:all .2s ease}.connections-stat-card:hover{background:var(--connections-surface-hover)}.connections-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}.connections-stat-icon.matches{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.connections-stat-icon.chats{background:linear-gradient(135deg,#ff1b6b,#e91e63)}.connections-stat-icon.earnings{background:linear-gradient(135deg,#10b981,#059669)}.connections-stat-icon.response{background:linear-gradient(135deg,#f59e0b,#d97706)}.connections-stat-content{display:flex;flex-direction:column}.connections-stat-value{font-size:20px;font-weight:700;color:var(--connections-text);line-height:1.2}.connections-stat-label{font-size:12px;color:var(--connections-text-secondary);text-transform:uppercase;letter-spacing:.5px}.connections-controls{margin-bottom:24px}.connections-search-bar{display:flex;align-items:center;gap:12px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;padding:12px 16px;margin-bottom:16px}.connections-search-bar input{flex:1;background:none;border:none;color:var(--connections-text);font-size:16px;outline:none}.connections-search-bar input::placeholder{color:var(--connections-text-secondary)}.connections-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.connections-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;color:var(--connections-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px}.connections-tab:hover{background:var(--connections-surface-hover)}.connections-tab.active{background:var(--connections-primary);color:#fff;border-color:var(--connections-primary)}.connections-list{margin-bottom:32px}.connections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--connections-text-secondary)}.connections-empty h3{margin:16px 0 8px;color:var(--connections-text)}.connections-item{display:flex;gap:16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:16px;padding:20px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.connections-item:hover{background:var(--connections-surface-hover);border-color:var(--connections-primary)}.connections-avatar{position:relative;flex-shrink:0}.connections-avatar img,.connections-avatar-placeholder{width:64px;height:64px;border-radius:50%;object-fit:cover}.connections-avatar-placeholder{background:var(--connections-border);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--connections-text)}.connections-online-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:var(--connections-success);border:2px solid var(--connections-surface);border-radius:50%}.connections-premium-badge{position:absolute;top:-4px;right:-4px;background:var(--connections-warning);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.connections-info{flex:1;min-width:0}.connections-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.connections-name-section h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--connections-text)}.connections-rating{display:flex;gap:2px}.star-filled{color:var(--connections-warning)}.star-empty{color:var(--connections-border)}.connections-meta{display:flex;gap:12px;font-size:12px;color:var(--connections-text-secondary)}.connections-location{display:flex;align-items:center;gap:4px}.connections-message{margin-bottom:12px}.connections-message p{font-size:14px;color:var(--connections-text);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-message-time{font-size:12px;color:var(--connections-text-secondary)}.connections-stats-row{display:flex;gap:16px;font-size:12px}.connections-spent,.connections-match-date{display:flex;align-items:center;gap:4px;color:var(--connections-text-secondary)}.connections-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.connections-unread-badge{background:var(--connections-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.connections-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--connections-border);border:none;border-radius:8px;color:var(--connections-text-secondary);cursor:pointer;transition:all .2s ease}.connections-action-btn:hover{background:var(--connections-primary);color:#fff}.connections-chevron{color:var(--connections-text-secondary)}.connections-quick-actions h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--connections-text)}.connections-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.connections-quick-action-btn{display:flex;align-items:center;gap:12px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;padding:16px;color:var(--connections-text);cursor:pointer;transition:all .2s ease;text-decoration:none}.connections-quick-action-btn:hover{background:var(--connections-surface-hover);border-color:var(--connections-primary)}@media (max-width: 768px){.creator-connections{padding:calc(12px + env(safe-area-inset-top)) env(safe-area-inset-right,12px) calc(12px + env(safe-area-inset-bottom)) env(safe-area-inset-left,12px)}.connections-header-content{flex-direction:column;align-items:stretch}.connections-stats-grid{grid-template-columns:repeat(2,1fr)}.connections-tabs{flex-wrap:wrap}.connections-item{flex-direction:column;gap:12px}.connections-main-info{flex-direction:column;gap:8px}.connections-actions{justify-content:space-between}}@media (max-width: 480px){.connections-stats-grid{grid-template-columns:1fr}.connections-actions-grid{grid-template-columns:repeat(2,1fr)}.connections-meta{flex-direction:column;gap:4px}}.connections-stats{display:flex;justify-content:space-around;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;padding:16px 8px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:20px;font-weight:700;color:var(--connections-text)}.stat-label{font-size:11px;color:var(--connections-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:12px;color:var(--connections-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px}.tab-btn:hover{background:var(--connections-surface-hover)}.tab-btn.active{background:var(--connections-primary);color:#fff;border-color:var(--connections-primary)}.tab-badge{background:var(--connections-warning);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin-left:4px}.tab-badge.pending{background:var(--connections-warning)}.connection-card{display:flex;gap:16px;background:var(--connections-surface);border:1px solid var(--connections-border);border-radius:16px;padding:20px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.connection-card:hover{background:var(--connections-surface-hover);border-color:var(--connections-primary)}.connection-card.pending{border-left:4px solid var(--connections-warning)}.connection-select{display:flex;align-items:flex-start;padding-top:4px}.connection-select input[type=checkbox]{width:16px;height:16px;accent-color:var(--connections-primary)}.connection-avatar{position:relative;flex-shrink:0}.connection-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.connection-type-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;border:2px solid var(--connections-surface)}.connection-info{flex:1;min-width:0}.connection-header{margin-bottom:8px}.connection-names h3{font-size:16px;font-weight:600;margin:0 0 2px;color:var(--connections-text)}.connection-names .username{font-size:14px;color:var(--connections-text-secondary)}.connection-stats{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.member-spend,.member-purchases{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:12px;color:var(--connections-text-secondary);font-weight:500}.stat-value{font-size:14px;color:var(--connections-text);font-weight:600}.pending-actions{display:flex;gap:8px;margin-top:8px}.accept-btn,.decline-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.accept-btn{background:var(--connections-success);color:#fff}.accept-btn:hover{background:#16a34a}.decline-btn{background:var(--connections-error);color:#fff}.decline-btn:hover{background:#dc2626}@media (min-width: 1024px){.creator-connections{padding-top:100px}}.MembersOverview{margin-bottom:2rem}.MembersOverview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.MembersOverview-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.MembersOverview-card:hover{border-color:#17d2c2;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.MembersOverview-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.MembersOverview-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.MembersOverview-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.MembersOverview-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.MembersOverview-icon.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.MembersOverview-icon.average{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.MembersOverview-content{display:flex;flex-direction:column;flex:1}.MembersOverview-value{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.25rem}.MembersOverview-label{font-size:.875rem;color:#c7c7cc;font-weight:500}.MembersOverview-skeleton{height:28px;width:120px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@media (max-width: 768px){.MembersOverview{margin-bottom:1.5rem}.MembersOverview-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.MembersOverview-card{padding:1rem;gap:.75rem}.MembersOverview-icon{width:40px;height:40px}.MembersOverview-value{font-size:1.5rem}.MembersOverview-label{font-size:.8rem}}@media (min-width: 768px) and (max-width: 1023px){.MembersOverview-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.MembersOverview-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.MembersOverview-card{padding:2rem}.MembersOverview-value{font-size:2rem}}@media (max-width: 480px){.MembersOverview-grid{grid-template-columns:1fr;gap:.5rem}.MembersOverview-card{padding:1rem}.MembersOverview-value{font-size:1.25rem}.MembersOverview-label{font-size:.75rem}}@media (prefers-contrast: high){.MembersOverview-card{border-width:2px}.MembersOverview-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.MembersOverview-card,.MembersOverview-icon,.MembersOverview-skeleton{animation:none;transition:none}.MembersOverview-card:hover{transform:none}}.MembersFilters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.MembersFilters-select{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;padding:.5rem 2.5rem .5rem 1rem;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:140px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7c7cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}.MembersFilters-select:hover{border-color:#17d2c2;background-color:#2a2a2c}.MembersFilters-select:focus{outline:none;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.MembersFilters-select option{background:#1c1c1e;color:#fff;padding:.5rem}.MembersFilters-filter{flex-shrink:0}.MembersFilters-sort{flex:1;min-width:160px}.MembersFilters-order-btn{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;padding:.5rem;color:#c7c7cc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:40px;flex-shrink:0}.MembersFilters-order-btn:hover{color:#fff;border-color:#17d2c2;background-color:#2a2a2c}.MembersFilters-order-btn:focus{outline:none;border-color:#17d2c2;box-shadow:0 0 0 3px #17d2c21a}.MembersFilters-order-btn:active{transform:scale(.95)}@media (max-width: 768px){.MembersFilters{flex-direction:column;align-items:stretch;gap:.75rem}.MembersFilters-select{min-width:unset;width:100%}.MembersFilters-sort{min-width:unset}.MembersFilters-order-btn{align-self:center;width:44px}}@media (max-width: 480px){.MembersFilters{gap:.5rem}.MembersFilters-select{padding:.75rem 3rem .75rem 1rem;font-size:1rem}.MembersFilters-order-btn{height:48px;width:48px}}@media (min-width: 768px) and (max-width: 1023px){.MembersFilters{justify-content:space-between}.MembersFilters-filter{min-width:120px}.MembersFilters-sort{min-width:180px}}@media (min-width: 1024px){.MembersFilters{gap:1.5rem}.MembersFilters-select{padding:.75rem 2.5rem .75rem 1rem}.MembersFilters-filter{min-width:160px}.MembersFilters-sort{min-width:200px}}@media (prefers-contrast: high){.MembersFilters-select,.MembersFilters-order-btn{border-width:2px}.MembersFilters-select:focus,.MembersFilters-order-btn:focus{box-shadow:0 0 0 4px #17d2c24d}}@media (prefers-reduced-motion: reduce){.MembersFilters-select,.MembersFilters-order-btn{transition:none}.MembersFilters-order-btn:active{transform:none}}.MembersList{width:100%}.MembersList-grid{display:flex;flex-direction:column;gap:1rem}.MembersList--grid .MembersList-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.MembersList-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.MembersList-item:hover{border-color:#17d2c2;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.MembersList-item:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.MembersList-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.MembersList-avatar img{width:100%;height:100%;object-fit:cover}.MembersList-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#17d2c2,#12b7ab);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.MembersList-online-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#10b981;border:2px solid #1c1c1e;border-radius:50%}.MembersList-premium-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #1c1c1e}.MembersList-info{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.MembersList-main-info{display:flex;flex-direction:column;gap:.5rem}.MembersList-name-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.MembersList-name-section h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0;line-height:1.2}.MembersList-tier-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.MembersList-tier-badge.tier-vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.MembersList-tier-badge.tier-premium{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.MembersList-tier-badge.tier-regular{background:#3b82f633;color:#3b82f6}.MembersList-tier-badge.tier-new{background:#10b98133;color:#10b981}.MembersList-rating{display:flex;gap:2px}.MembersList-rating .star-filled{color:#fbbf24;fill:currentColor}.MembersList-rating .star-empty{color:#6b7280}.MembersList-meta{display:flex;align-items:center;gap:1rem}.MembersList-age{color:#c7c7cc;font-size:.875rem;font-weight:500}.MembersList-location{display:flex;align-items:center;gap:.25rem;color:#8e8e93;font-size:.875rem}.MembersList-stats-row,.MembersList-details-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.MembersList-spent,.MembersList-activity,.MembersList-joined,.MembersList-favorite{display:flex;align-items:center;gap:.5rem;color:#c7c7cc;font-size:.875rem}.MembersList-spent .amount{font-weight:600;color:#10b981}.MembersList-spent .count{color:#8e8e93;font-size:.8rem}.MembersList-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.MembersList-action-btn{background:#2a2a2c;border:1px solid #3a3a3c;border-radius:8px;padding:.5rem;color:#c7c7cc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.MembersList-action-btn:hover{background:#17d2c2;border-color:#17d2c2;color:#fff}.MembersList-chevron{color:#6b7280;margin-left:.5rem}.MembersList-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;min-height:40vh}.MembersList-empty svg{color:#6b7280;margin-bottom:1rem}.MembersList-empty h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.MembersList-empty p{color:#c7c7cc;margin:0 0 1.5rem;max-width:400px}.MembersList-loading{display:flex;flex-direction:column;gap:1rem}.MembersList-skeleton{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.MembersList-skeleton-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.MembersList-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.MembersList-skeleton-name{height:20px;width:140px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.MembersList-skeleton-info{height:16px;width:180px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.MembersList-skeleton-stats{height:14px;width:120px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@media (max-width: 768px){.MembersList--grid .MembersList-grid{grid-template-columns:1fr}.MembersList-item{padding:1rem;gap:.75rem}.MembersList-avatar{width:56px;height:56px}.MembersList-avatar-placeholder{font-size:20px}.MembersList-name-section,.MembersList-stats-row,.MembersList-details-row{flex-direction:column;align-items:flex-start;gap:.5rem}.MembersList-actions{flex-direction:column;gap:.25rem}.MembersList-action-btn{padding:.375rem}.MembersList-empty{padding:2rem 1rem}.MembersList-skeleton{padding:1rem}.MembersList-skeleton-avatar{width:56px;height:56px}}@media (max-width: 480px){.MembersList-item{flex-direction:column;text-align:center;gap:1rem}.MembersList-info{align-items:center}.MembersList-actions{flex-direction:row;justify-content:center}.MembersList-skeleton{flex-direction:column;text-align:center}}@media (prefers-contrast: high){.MembersList-item,.MembersList-action-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.MembersList-item,.MembersList-action-btn,.MembersList-skeleton-avatar,.MembersList-skeleton-name,.MembersList-skeleton-info,.MembersList-skeleton-stats{animation:none;transition:none}.MembersList-item:hover{transform:none}}.creator-manage-members{--members-primary: #ff1b6b;--members-primary-hover: #e91e63;--members-secondary: #45caff;--members-bg: #0a0b0f;--members-surface: #1a1d29;--members-surface-hover: #242938;--members-border: #2a2f3f;--members-text: #ffffff;--members-text-secondary: #9ca3af;--members-success: #10b981;--members-warning: #f59e0b;--members-error: #ef4444;--members-info: #38bdf8;width:100%;min-height:100vh;background:var(--members-bg);color:var(--members-text);padding:16px}.members-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--members-border);border-top:3px solid var(--members-primary);border-radius:50%;animation:spin 1s linear infinite}.members-header{margin-bottom:24px}.members-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.members-header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0;color:var(--members-text)}.members-header-actions{display:flex;gap:12px}.members-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;color:var(--members-text);cursor:pointer;transition:all .2s ease}.members-filter-btn:hover{background:var(--members-surface-hover)}.members-overview{margin-bottom:32px}.members-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.members-stat-card{display:flex;align-items:center;gap:16px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;padding:20px;transition:all .2s ease}.members-stat-card:hover{background:var(--members-surface-hover)}.members-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}.members-stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.members-stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.members-stat-icon.revenue{background:linear-gradient(135deg,#f59e0b,#d97706)}.members-stat-icon.average{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.members-stat-content{display:flex;flex-direction:column}.members-stat-value{font-size:20px;font-weight:700;color:var(--members-text);line-height:1.2}.members-stat-label{font-size:12px;color:var(--members-text-secondary);text-transform:uppercase;letter-spacing:.5px}.members-controls{margin-bottom:24px}.members-search-bar{display:flex;align-items:center;gap:12px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;padding:12px 16px;margin-bottom:16px}.members-search-bar input{flex:1;background:none;border:none;color:var(--members-text);font-size:16px;outline:none}.members-search-bar input::placeholder{color:var(--members-text-secondary)}.members-filters{display:flex;gap:12px;flex-wrap:wrap}.members-filter-select,.members-sort-select{padding:10px 16px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;color:var(--members-text);font-size:14px;cursor:pointer;min-width:150px}.members-filter-select:focus,.members-sort-select:focus{outline:none;border-color:var(--members-primary)}.members-sort-order-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;color:var(--members-text-secondary);cursor:pointer;transition:all .2s ease}.members-sort-order-btn:hover{background:var(--members-surface-hover);color:var(--members-text)}.members-list{margin-bottom:32px}.members-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;color:var(--members-text-secondary)}.members-empty h3{margin:16px 0 8px;color:var(--members-text)}.members-item{display:flex;gap:16px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:16px;padding:20px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.members-item:hover{background:var(--members-surface-hover);border-color:var(--members-primary)}.members-avatar{position:relative;flex-shrink:0}.members-avatar img,.members-avatar-placeholder{width:64px;height:64px;border-radius:50%;object-fit:cover}.members-avatar-placeholder{background:var(--members-border);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--members-text)}.members-online-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:var(--members-success);border:2px solid var(--members-surface);border-radius:50%}.members-premium-badge{position:absolute;top:-4px;right:-4px;background:var(--members-warning);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.members-info{flex:1;min-width:0}.members-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.members-name-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.members-name-section h3{font-size:16px;font-weight:600;margin:0;color:var(--members-text)}.members-tier-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.members-tier-badge.tier-vip{background:linear-gradient(135deg,gold,orange);color:#000}.members-tier-badge.tier-premium{background:linear-gradient(135deg,#ff1b6b,#e91e63);color:#fff}.members-tier-badge.tier-regular{background:var(--members-info);color:#fff}.members-tier-badge.tier-new{background:var(--members-success);color:#fff}.members-rating{display:flex;gap:2px}.star-filled{color:var(--members-warning)}.star-empty{color:var(--members-border)}.members-meta{display:flex;gap:12px;font-size:12px;color:var(--members-text-secondary)}.members-location{display:flex;align-items:center;gap:4px}.members-stats-row,.members-details-row{display:flex;gap:16px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.members-spent,.members-activity,.members-joined,.members-favorite{display:flex;align-items:center;gap:4px;color:var(--members-text-secondary)}.members-spent .amount{color:var(--members-success);font-weight:600}.members-spent .count{color:var(--members-text-secondary);font-size:11px}.members-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.members-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--members-border);border:none;border-radius:8px;color:var(--members-text-secondary);cursor:pointer;transition:all .2s ease}.members-action-btn:hover{background:var(--members-primary);color:#fff}.members-chevron{color:var(--members-text-secondary)}.members-quick-actions h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--members-text)}.members-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.members-quick-action-btn{display:flex;align-items:center;gap:12px;background:var(--members-surface);border:1px solid var(--members-border);border-radius:12px;padding:16px;color:var(--members-text);cursor:pointer;transition:all .2s ease;text-decoration:none}.members-quick-action-btn:hover{background:var(--members-surface-hover);border-color:var(--members-primary)}@media (max-width: 768px){.creator-manage-members{padding:12px;margin-top:50px}.members-header-content{flex-direction:column;align-items:stretch}.members-stats-grid{grid-template-columns:repeat(2,1fr)}.members-filters{flex-direction:column}.members-item{flex-direction:column;gap:12px}.members-main-info{flex-direction:column;gap:8px}.members-name-section{flex-direction:column;align-items:flex-start;gap:8px}.members-actions{justify-content:space-between}.members-stats-row,.members-details-row{flex-direction:column;gap:8px}}@media (max-width: 480px){.members-stats-grid{grid-template-columns:1fr}.members-actions-grid{grid-template-columns:repeat(2,1fr)}.members-filters{gap:8px}.members-filter-select,.members-sort-select{min-width:auto;flex:1}}.SettingsMenu{width:100%}.SettingsMenu-grid{display:grid;grid-template-columns:1fr;gap:1rem}.SettingsMenu-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.SettingsMenu-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .2s ease}.SettingsMenu-item:hover{background:#2a2a2c;border-color:#17d2c2;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.SettingsMenu-item:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.SettingsMenu-item.high:before{background:#17d2c2!important}.SettingsMenu-item.high:hover:before{background:#17d2c2!important}.SettingsMenu-item.medium:before{background:#17d2c2!important}.SettingsMenu-item.medium:hover:before{background:#17d2c2!important}.SettingsMenu-item.low:before{background:#17d2c2!important}.SettingsMenu-item.low:hover:before{background:#17d2c2!important}.SettingsMenu-item-header{position:relative;flex-shrink:0}.SettingsMenu-item-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#17d2c2;transition:all .2s ease}.SettingsMenu-item.high .SettingsMenu-item-icon,.SettingsMenu-item.medium .SettingsMenu-item-icon,.SettingsMenu-item.low .SettingsMenu-item-icon{background:#17d2c21a;color:#17d2c2}.SettingsMenu-priority-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#17d2c2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #1c1c1e}.SettingsMenu-item-content{flex:1;min-width:0}.SettingsMenu-item-content h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem;line-height:1.3}.SettingsMenu-item-content p{color:#c7c7cc;font-size:.875rem;margin:0 0 .5rem;line-height:1.4}.SettingsMenu-item-count{color:#8e8e93;font-size:.75rem;font-weight:500;background:#8e8e931a;padding:2px 6px;border-radius:4px}.SettingsMenu-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.SettingsMenu-item:hover .SettingsMenu-chevron{color:#17d2c2;transform:translate(4px)}@media (min-width: 768px){.SettingsMenu-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.SettingsMenu-item{padding:1.5rem}.SettingsMenu-item-icon{width:56px;height:56px}.SettingsMenu-item-content h3{font-size:1.125rem}.SettingsMenu-item-content p{font-size:.9rem}}@media (min-width: 1024px){.SettingsMenu-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.SettingsMenu-item{padding:2rem;flex-direction:column;text-align:center;gap:1.5rem}.SettingsMenu-item-header{align-self:center}.SettingsMenu-item-icon{width:64px;height:64px}.SettingsMenu-item-content{text-align:center}.SettingsMenu-item-content h3{font-size:1.25rem;margin-bottom:.5rem}.SettingsMenu-chevron{align-self:center}.SettingsMenu-item:hover .SettingsMenu-chevron{transform:translateY(-4px)}}@media (min-width: 1280px){.SettingsMenu-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.SettingsMenu-item{padding:2.5rem}}@media (max-width: 480px){.SettingsMenu-item{padding:1rem;gap:.75rem}.SettingsMenu-item-icon{width:40px;height:40px}.SettingsMenu-item-content h3{font-size:.9rem}.SettingsMenu-item-content p{font-size:.8rem}.SettingsMenu-item-count{font-size:.7rem}}@media (prefers-contrast: high){.SettingsMenu-item{border-width:2px}.SettingsMenu-item-icon{border:1px solid currentColor}.SettingsMenu-priority-badge{border-width:3px}}@media (prefers-reduced-motion: reduce){.SettingsMenu-item,.SettingsMenu-item-icon,.SettingsMenu-chevron{transition:none}.SettingsMenu-item:hover,.SettingsMenu-item:hover .SettingsMenu-chevron{transform:none}}.CreatorSettingsPage-container{min-height:100vh;display:flex;flex-direction:column;margin-top:50px}.creator-settings{--settings-primary: #ff1b6b;--settings-primary-hover: #e91e63;--settings-bg: #0a0b0f;--settings-surface: #1a1d29;--settings-surface-hover: #242938;--settings-border: #2a2f3f;--settings-text: #ffffff;--settings-text-secondary: #9ca3af;--settings-text-muted: #6b7280}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--settings-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--settings-border);border-top:3px solid var(--settings-primary);border-radius:50%;animation:spin 1s linear infinite}.notification-disclaimer{background:var(--settings-border);border-radius:8px;padding:12px;margin-bottom:20px;border-left:3px solid var(--settings-primary)}.notification-disclaimer p{margin:0;font-size:14px;color:var(--settings-text-secondary)}.notification-disclaimer strong{color:var(--settings-text)}.action-description{margin:8px 0 0;font-size:12px;color:var(--settings-text-muted);font-style:italic}.creator-settings{--settings-success: #10b981;--settings-warning: #f59e0b;--settings-error: #ef4444;width:100%;min-height:100vh;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.mobile-header{position:sticky;top:0;z-index:100;background:var(--settings-surface);border-bottom:1px solid var(--settings-border);backdrop-filter:blur(20px);padding:12px 16px}.mobile-header-content{display:flex;align-items:center;gap:16px;min-height:48px}.mobile-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:12px;color:var(--settings-text);cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-back-btn:active{background:var(--settings-surface-hover);transform:scale(.95)}.mobile-header h1{flex:1;font-size:20px;font-weight:700;margin:0;color:var(--settings-text)}.mobile-save-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--settings-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-save-btn:active{transform:scale(.95)}.mobile-save-btn:disabled{opacity:.6}.mobile-content{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));min-height:calc(100vh - 72px)}.settings-main-menu{width:100%}.settings-menu-grid{display:grid;grid-template-columns:1fr;gap:12px}.settings-menu-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:16px;cursor:pointer;transition:all .2s ease;width:100%;min-width:0;text-align:left;min-height:80px}.settings-menu-item:active{transform:scale(.98);background:var(--settings-surface-hover)}.settings-menu-item.high{border-left:4px solid var(--settings-error)}.menu-item-header{position:relative;flex-shrink:0}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--settings-primary);border-radius:12px;color:#fff}.priority-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--settings-error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.menu-item-content{flex:1;min-width:0}.menu-item-content h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--settings-text)}.menu-item-content p{font-size:14px;color:var(--settings-text-secondary);margin:0 0 4px;line-height:1.3}.item-count{font-size:12px;color:var(--settings-text-muted);font-weight:500}.menu-chevron{color:var(--settings-text-secondary);flex-shrink:0}.settings-mobile-section{display:flex;flex-direction:column;gap:24px}.mobile-settings-group{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:16px;padding:20px}.mobile-settings-group.danger{border-color:var(--settings-error);background:#ef44440d}.mobile-settings-group h4{font-size:18px;font-weight:600;margin:0 0 20px;color:var(--settings-text)}.mobile-settings-group.danger h4{color:var(--settings-error)}.mobile-setting-item{margin-bottom:20px}.mobile-setting-item:last-child{margin-bottom:0}.mobile-setting-item label{display:block;font-weight:500;font-size:14px;color:var(--settings-text);margin-bottom:8px}.mobile-input,.mobile-textarea,.mobile-select{width:100%;padding:16px;background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:12px;color:var(--settings-text);font-size:16px;transition:all .2s ease;-webkit-appearance:none;appearance:none}.mobile-input:focus,.mobile-textarea:focus,.mobile-select:focus{outline:none;border-color:var(--settings-primary);box-shadow:0 0 0 4px #ff1b6b1a}.mobile-textarea{resize:vertical;min-height:100px;font-family:inherit}.mobile-setting-item small{display:block;font-size:12px;color:var(--settings-text-muted);margin-top:6px}.mobile-select-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--settings-border)}.mobile-select-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.select-content,.input-content{margin-bottom:12px}.select-header,.input-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.select-header svg,.input-header svg{color:var(--settings-primary);flex-shrink:0}.select-header span,.input-header span{font-weight:600;font-size:15px;color:var(--settings-text)}.select-content p,.input-content p{margin:0 0 0 32px;font-size:13px;color:var(--settings-text-secondary);line-height:1.4}.mobile-input-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--settings-border)}.mobile-input-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;font-weight:600;font-size:16px;color:var(--settings-text-secondary);pointer-events:none}.input-wrapper .mobile-input{padding-left:36px}.mobile-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--settings-border);min-height:64px}.mobile-toggle-item:last-child{border-bottom:none;padding-bottom:0}.toggle-content{flex:1;min-width:0}.toggle-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.toggle-header span{font-weight:500;font-size:16px;color:var(--settings-text)}.toggle-content p{font-size:14px;color:var(--settings-text-secondary);line-height:1.3;margin:0}.mobile-toggle{position:relative;display:inline-block;width:52px;height:32px;flex-shrink:0}.mobile-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--settings-border);border-radius:32px;transition:.3s ease}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s ease;box-shadow:0 2px 4px #0000004d}.mobile-toggle input:checked+.toggle-slider{background:var(--settings-primary)}.mobile-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.mobile-action-btn,.mobile-danger-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:52px}.mobile-action-btn{background:var(--settings-primary);color:#fff}.mobile-action-btn:active{transform:scale(.98)}.mobile-danger-btn{background:var(--settings-error);color:#fff}.mobile-danger-btn:active{transform:scale(.98)}.danger-warning{font-size:14px;color:var(--settings-text-secondary);margin:12px 0 0;line-height:1.4}.mobile-save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--settings-surface);border-top:1px solid var(--settings-border);padding:16px;z-index:50;backdrop-filter:blur(20px)}.mobile-save-bar-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;background:var(--settings-primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:52px}.mobile-save-bar-btn:active{transform:scale(.98)}.mobile-save-bar-btn:disabled{opacity:.6}.mobile-save-bar-btn.saved{background:var(--settings-success)}.mobile-save-bar-btn.error{background:var(--settings-error)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.mobile-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.mobile-delete-dialog{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:20px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 40px #00000080}.dialog-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;gap:12px}.warning-icon{color:var(--settings-error)}.dialog-header h3{font-size:20px;font-weight:700;margin:0;color:var(--settings-text)}.dialog-content{text-align:center;margin-bottom:24px}.dialog-content p{color:var(--settings-text-secondary);line-height:1.5;margin-bottom:12px;font-size:16px}.dialog-actions{display:flex;flex-direction:column;gap:12px}.dialog-btn{display:flex;align-items:center;justify-content:center;padding:16px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:52px}.dialog-btn.secondary{background:var(--settings-border);color:var(--settings-text)}.dialog-btn.secondary:active{transform:scale(.98)}.dialog-btn.danger{background:var(--settings-error);color:#fff}.dialog-btn.danger:active{transform:scale(.98)}@media (min-width: 768px){.creator-settings-mobile{max-width:600px;margin:0 auto}.mobile-content{padding:24px}.settings-menu-grid{grid-template-columns:repeat(2,1fr);gap:16px}.settings-menu-item{min-width:0;max-width:none}.mobile-settings-group{padding:24px}.dialog-actions{flex-direction:row;justify-content:space-between}.dialog-btn{flex:1}}@media (min-width: 1024px){.settings-menu-grid{grid-template-columns:repeat(3,1fr)}.settings-menu-item{min-width:0;max-width:none}}.creator-settings.desktop{flex:1;width:100%;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:32px;margin-top:50px}.desktop-settings-content{max-width:1200px;margin:0 auto}.desktop-settings-header{text-align:center;margin-bottom:48px;margin-top:50px;padding:32px;background:var(--settings-surface);border-radius:16px;border:1px solid var(--settings-border)}.desktop-settings-header svg{color:var(--settings-primary);margin-bottom:16px}.desktop-settings-header h1{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--settings-text)}.desktop-settings-header p{font-size:16px;color:var(--settings-text-secondary);margin:0}.desktop-section-view{max-width:800px;margin:0 auto}.desktop-section-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--settings-border)}.desktop-back-btn{display:flex;align-items:center;gap:8px;background:var(--settings-surface);border:1px solid var(--settings-border);color:var(--settings-text);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.desktop-back-btn:hover{background:var(--settings-surface-hover)}.desktop-section-header h2{font-size:24px;font-weight:600;color:var(--settings-text);margin:0;flex:1}.desktop-section-content{margin-bottom:32px}.desktop-save-section{position:sticky;bottom:0;background:var(--settings-bg);padding:20px 0;border-top:1px solid var(--settings-border)}.desktop-save-btn{display:flex;align-items:center;gap:12px;background:var(--settings-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.desktop-save-btn:hover{background:var(--settings-primary-hover)}.desktop-save-btn:disabled{opacity:.6;cursor:not-allowed}.desktop-save-btn.saved{background:var(--settings-success)}.desktop-save-btn.error{background:var(--settings-error)}.creator-settings.desktop .settings-menu-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:none}.creator-settings.desktop .settings-menu-item{padding:24px;border-radius:12px;min-height:160px}.creator-settings.desktop .menu-item-content h3{font-size:18px;margin-bottom:8px}.creator-settings.desktop .menu-item-content p{font-size:15px;margin-bottom:16px}.creator-settings.desktop .menu-item-icon svg{width:28px;height:28px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-dialog{background:var(--settings-surface);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080}.delete-dialog .dialog-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.delete-dialog .warning-icon{color:var(--settings-warning)}.delete-dialog h3{margin:0;font-size:18px;font-weight:600;color:var(--settings-text)}.delete-dialog .dialog-content p{margin:0 0 12px;color:var(--settings-text-secondary);text-align:center}.delete-dialog .dialog-actions{display:flex;gap:12px;margin-top:24px}.delete-dialog .dialog-btn{flex:1;padding:12px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-dialog .dialog-btn.secondary{background:var(--settings-border);color:var(--settings-text)}.delete-dialog .dialog-btn.secondary:hover{background:var(--settings-surface-hover)}.delete-dialog .dialog-btn.danger{background:var(--settings-error);color:#fff}.delete-dialog .dialog-btn.danger:hover{background:#dc2626}@media (max-width: 1024px){.desktop-settings-layout{height:auto;min-height:calc(100vh - 120px)}.settings-sidebar{width:240px}.desktop-content-body{padding:24px}}@media (max-width: 768px){.creator-settings.desktop{display:none}}.desktop-settings-section{display:flex;flex-direction:column;gap:32px}.desktop-settings-group{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:12px;padding:24px}.desktop-settings-group h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--settings-text)}.desktop-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.desktop-form-field{display:flex;flex-direction:column;gap:8px}.desktop-label{font-size:14px;font-weight:500;color:var(--settings-text)}.desktop-input{background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:8px;padding:12px 16px;font-size:14px;color:var(--settings-text);transition:all .2s ease}.desktop-input:focus{outline:none;border-color:var(--settings-primary);box-shadow:0 0 0 3px #ff1b6b1a}.desktop-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.desktop-toggle-content{flex:1}.desktop-toggle-header{display:flex;align-items:flex-start;gap:12px}.desktop-toggle-title{font-size:16px;font-weight:500;color:var(--settings-text);display:block;margin-bottom:4px}.desktop-toggle-desc{font-size:14px;color:var(--settings-text-secondary);margin:0}.desktop-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.desktop-toggle input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.desktop-toggle-slider{position:absolute;inset:0;background:var(--settings-border);border-radius:24px;transition:all .2s ease}.desktop-toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;top:2px;background:#fff;border-radius:50%;transition:all .2s ease}.desktop-toggle input:checked+.desktop-toggle-slider{background:var(--settings-primary)}.desktop-toggle input:checked+.desktop-toggle-slider:before{transform:translate(20px)}.desktop-settings-group.danger{border-color:var(--settings-error);background:#ef44440d}.desktop-danger-section{display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-danger-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--settings-error)}.desktop-danger-content p{margin:0;font-size:14px;color:var(--settings-text-secondary)}.desktop-danger-btn{display:flex;align-items:center;gap:8px;background:var(--settings-error);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.desktop-danger-btn:hover{background:#dc2626}@media (max-width: 1024px){.desktop-form-grid{grid-template-columns:1fr}.desktop-danger-section{flex-direction:column;align-items:stretch;gap:16px}.desktop-danger-btn{align-self:flex-start}}.paypal-section{background:linear-gradient(135deg,#0a0b0f,#1a1d29);border:1px solid #2a2f3f;border-left:4px solid #0070ba}.paypal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.paypal-logo-container{display:flex;align-items:center;gap:12px}.paypal-logo{height:40px;width:auto;max-width:80px;object-fit:contain;flex-shrink:0}.paypal-header h4{margin:0;font-size:18px;font-weight:600;color:var(--settings-text)}.paypal-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#0070ba,#003087);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.paypal-info-box{background:#0070ba1a;border:1px solid rgba(0,112,186,.3);border-radius:12px;padding:16px;margin-bottom:20px}.paypal-info-box p{margin:0;font-size:14px;line-height:1.6;color:var(--settings-text-secondary)}.paypal-input label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--settings-text);margin-bottom:8px}.paypal-input label svg{color:#0070ba}.payment-account-status{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:12px;padding:16px;margin-top:16px}.payment-account-status.connected{border-color:var(--settings-success);background:#10b9810d}.status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-dot{width:8px;height:8px;background:var(--settings-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{font-size:12px;font-weight:600;color:var(--settings-success);text-transform:uppercase;letter-spacing:.5px}.account-info{display:flex;align-items:center;gap:12px}.account-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0070ba1a;border-radius:8px;color:#0070ba;flex-shrink:0}.account-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.account-label{font-size:12px;color:var(--settings-text-muted);font-weight:500}.account-email{font-size:14px;color:var(--settings-text);font-weight:600;word-break:break-all}.paypal-features{margin-top:20px;display:flex;flex-direction:column;gap:12px}.paypal-features .feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.1)}.paypal-features .feature-item svg{color:var(--settings-success);flex-shrink:0}.paypal-features .feature-item span{font-size:14px;color:var(--settings-text-secondary);line-height:1.4}.action-description.warning{margin-top:16px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;display:flex;align-items:flex-start;gap:10px}.action-description.warning svg{color:var(--settings-warning);flex-shrink:0;margin-top:2px}.action-description.warning p{margin:0;font-size:13px;line-height:1.5;color:var(--settings-text-secondary)}@media (max-width: 640px){.paypal-header{flex-direction:column;align-items:flex-start}.paypal-badge{align-self:flex-start}.paypal-logo-container{flex-direction:column;align-items:flex-start;gap:8px}}.payout-fee-calculator{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px;margin-top:16px}.fee-calc-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(245,158,11,.2)}.fee-calc-header svg{color:var(--settings-warning);flex-shrink:0}.fee-calc-header span{font-weight:600;font-size:14px;color:var(--settings-warning)}.fee-calc-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.fee-label{font-size:14px;color:var(--settings-text-secondary)}.fee-value{font-size:16px;font-weight:600;color:var(--settings-text)}.fee-calc-row.fee-deduction .fee-value{color:var(--settings-error)}.fee-calc-row.fee-total{margin-top:8px;padding-top:12px;border-top:1px solid rgba(245,158,11,.2)}.fee-calc-row.fee-total .fee-label{font-weight:600;color:var(--settings-text)}.fee-calc-row.fee-total .fee-value{font-size:18px;color:var(--settings-success)}.fee-calc-note{margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(245,158,11,.2);font-size:12px;color:var(--settings-text-secondary);line-height:1.5}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:12px;padding:20px 16px;text-align:center;min-height:100px}.stat-value{font-size:24px;font-weight:700;color:var(--settings-primary);margin-bottom:6px;display:block}.stat-label{font-size:12px;font-weight:500;color:var(--settings-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:block}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.paypal-save-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;background:linear-gradient(135deg,#0070ba,#003087);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:52px;margin-top:16px;box-shadow:0 4px 12px #0070ba4d}.paypal-save-btn:active{transform:scale(.98);box-shadow:0 2px 8px #0070ba4d}.paypal-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.paypal-save-btn.saved{background:var(--settings-success);box-shadow:0 4px 12px #10b9814d}.paypal-save-btn.error{background:var(--settings-error);box-shadow:0 4px 12px #ef44444d}.paypal-save-btn .spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.ContentManagementStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.ContentManagementStats-card{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.ContentManagementStats-card:hover{border-color:#17d2c2;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.ContentManagementStats-card:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.ContentManagementStats-icon{width:48px;height:48px;background:#17d2c2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ContentManagementStats-info{display:flex;flex-direction:column}.ContentManagementStats-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.ContentManagementStats-label{font-size:.875rem;color:#c7c7cc;margin-top:2px}.ContentManagementStats-card.loading .ContentManagementStats-value{color:#8e8e93}@media (max-width: 768px){.ContentManagementStats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.ContentManagementStats-card{padding:.75rem;gap:.75rem}.ContentManagementStats-icon{width:40px;height:40px}.ContentManagementStats-value{font-size:1.25rem}}@media (min-width: 1024px){.ContentManagementStats{grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem}.ContentManagementStats-card{padding:1.5rem}.ContentManagementStats-value{font-size:1.75rem}}@media (max-width: 480px){.ContentManagementStats{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.ContentManagementStats-card{padding:.75rem}.ContentManagementStats-value{font-size:1.125rem}}@media (prefers-contrast: high){.ContentManagementStats-card{border-width:2px}.ContentManagementStats-icon{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.ContentManagementStats-card{transition:none}.ContentManagementStats-card:hover{transform:none}}.ContentGrid{width:100%}.ContentGrid-selection-bar{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.ContentGrid-selection-bar span{color:#fff;font-weight:500}.ContentGrid-selection-actions{display:flex;gap:.5rem;flex-wrap:wrap}.ContentGrid-selection-actions button{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;padding:.5rem 1rem;color:#c7c7cc;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.ContentGrid-selection-actions button:hover{color:#fff;border-color:#17d2c2}.ContentGrid-delete-btn{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.ContentGrid-delete-btn:hover{background:#dc2626!important;border-color:#dc2626!important}.ContentGrid-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.ContentGrid-items-list{display:flex;flex-direction:column;gap:1rem}.ContentGrid-items-list .ContentGrid-item{display:flex;align-items:center;padding:1rem}.ContentGrid-items-list .ContentGrid-thumbnail{width:80px;height:80px;flex-shrink:0;margin-right:1rem}.ContentGrid-items-list .ContentGrid-info{flex:1;margin-right:1rem}.ContentGrid-item{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden;transition:all .2s ease;position:relative}.ContentGrid-item:hover{border-color:#17d2c2;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.ContentGrid-item.selected{border-color:#17d2c2;box-shadow:0 0 0 2px #17d2c233}.ContentGrid-checkbox{position:absolute;top:.5rem;left:.5rem;z-index:10}.ContentGrid-checkbox input{width:18px;height:18px;cursor:pointer}.ContentGrid-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.ContentGrid-items-grid .ContentGrid-thumbnail{height:300px}.ContentGrid-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.ContentGrid-item:hover .ContentGrid-thumbnail img{transform:scale(1.05)}.ContentGrid-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2a2a2c;color:#c7c7cc;gap:.5rem}.ContentGrid-placeholder span{font-size:.75rem}.ContentGrid-type-indicator{position:absolute;top:.5rem;right:.5rem;background:#000000b3;border-radius:4px;padding:.25rem;color:#fff}.ContentGrid-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;border-radius:4px;padding:2px .25rem;color:#fff;font-size:.75rem;font-weight:500}.ContentGrid-price-badge{position:absolute;bottom:.5rem;left:.5rem;background:#17d2c2;border-radius:4px;padding:2px .25rem;color:#fff;font-size:.75rem;font-weight:600}.ContentGrid-info{padding:1rem}.ContentGrid-info h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem;line-height:1.3}.ContentGrid-description{color:#c7c7cc;font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.ContentGrid-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ContentGrid-date,.ContentGrid-type-label{font-size:.75rem;color:#8e8e93;display:flex;align-items:center;gap:.25rem}.ContentGrid-stats{display:flex;gap:1rem;margin-bottom:1rem}.ContentGrid-stat{font-size:.75rem;color:#c7c7cc;display:flex;align-items:center;gap:.25rem}.ContentGrid-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.ContentGrid-action-btn{flex:1;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:6px;padding:.5rem;color:#c7c7cc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ContentGrid-action-btn:hover{color:#fff;border-color:#17d2c2;background:#0a0a0a}.ContentGrid-action-btn.ContentGrid-delete-btn{color:#ef4444;border-color:#ef4444}.ContentGrid-action-btn.ContentGrid-delete-btn:hover{background:#ef4444;color:#fff}.ContentGrid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;min-height:40vh}.ContentGrid-empty svg{color:#8e8e93;margin-bottom:1rem}.ContentGrid-empty h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.ContentGrid-empty p{color:#c7c7cc;margin:0;max-width:400px}.ContentGrid-item-loading{background:#1c1c1e;border:1px solid #2a2a2c;border-radius:12px;overflow:hidden}.ContentGrid-thumbnail-skeleton{width:100%;height:300px;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.ContentGrid-info-skeleton{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ContentGrid-title-skeleton{height:20px;width:70%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.ContentGrid-description-skeleton{height:16px;width:90%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.ContentGrid-stats-skeleton{height:14px;width:60%;background:linear-gradient(90deg,#2a2a2c,#3a3a3c,#2a2a2c);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.ContentGrid-items-grid{grid-template-columns:1fr;gap:1rem}.ContentGrid-selection-bar{flex-direction:column;align-items:stretch;gap:.5rem}.ContentGrid-selection-actions{justify-content:center}.ContentGrid-items-list .ContentGrid-item{flex-direction:column;text-align:center}.ContentGrid-items-list .ContentGrid-thumbnail{width:100%;height:160px;margin-right:0;margin-bottom:.5rem}.ContentGrid-items-list .ContentGrid-info{margin-right:0}.ContentGrid-thumbnail-skeleton{height:200px}.ContentGrid-actions{flex-wrap:wrap}.ContentGrid-action-btn{min-width:calc(50% - .25rem)}}@media (max-width: 480px){.ContentGrid-empty{padding:2rem 1rem}.ContentGrid-empty svg{width:40px;height:40px}.ContentGrid-empty h3{font-size:1rem}.ContentGrid-empty p{font-size:.875rem}}@media (prefers-contrast: high){.ContentGrid-item,.ContentGrid-action-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.ContentGrid-item,.ContentGrid-action-btn,.ContentGrid-thumbnail img,.ContentGrid-thumbnail-skeleton,.ContentGrid-title-skeleton,.ContentGrid-description-skeleton,.ContentGrid-stats-skeleton{animation:none;transition:none}.ContentGrid-item:hover,.ContentGrid-item:hover .ContentGrid-thumbnail img{transform:none}}.content-mgmt-container{min-height:100vh;background:var(--bg-900);padding-bottom:120px;margin-top:50px}@media (min-width: 1024px){.content-mgmt-container{padding-top:70px;padding-bottom:40px;margin-top:50px}}.content-mgmt-header{position:sticky;top:0;background:var(--bg-800);border-bottom:1px solid var(--border-600);z-index:100;padding:var(--space-md)}.content-mgmt-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.content-mgmt-back-btn,.content-mgmt-upload-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:background-color .2s ease}.content-mgmt-back-btn:hover,.content-mgmt-upload-btn:hover{background:var(--surface-700)}.content-mgmt-upload-btn{background:var(--primary);color:#fff}.content-mgmt-upload-btn:hover{background:var(--primary-600)}.content-mgmt-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.content-mgmt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.content-mgmt-loading-spinner{width:32px;height:32px;border:3px solid var(--border-600);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.content-mgmt-loading p{color:var(--text-secondary);margin:0}.content-mgmt-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md);max-width:1200px;margin:0 auto}.content-mgmt-stat-card{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);transition:border-color .2s ease}.content-mgmt-stat-card:hover{border-color:var(--primary-300)}.content-mgmt-stat-icon{width:48px;height:48px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.content-mgmt-stat-info{display:flex;flex-direction:column}.content-mgmt-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.content-mgmt-stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.content-mgmt-controls{padding:var(--space-md);max-width:1200px;margin:0 auto}.content-mgmt-search-bar{position:relative;margin-bottom:var(--space-md)}.content-mgmt-search-bar svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--muted);z-index:1}.content-mgmt-search-bar input{width:100%;background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-md) var(--space-md) var(--space-md) 48px;color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.content-mgmt-search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.content-mgmt-search-bar input::placeholder{color:var(--muted)}.content-mgmt-filter-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.content-mgmt-filter-chips{display:flex;gap:var(--space-sm);flex-wrap:wrap}.content-mgmt-chip{background:var(--surface-700);border:1px solid var(--border-600);border-radius:20px;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs)}.content-mgmt-chip:hover{border-color:var(--primary-300);color:var(--text-primary)}.content-mgmt-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.content-mgmt-view-controls{display:flex;align-items:center;gap:var(--space-md)}.content-mgmt-sort-select{background:var(--surface-700);border:1px solid var(--border-600);border-radius:8px;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:.875rem;cursor:pointer}.content-mgmt-sort-select:focus{outline:none;border-color:var(--primary)}.content-mgmt-view-toggle{display:flex;background:var(--surface-700);border:1px solid var(--border-600);border-radius:8px;overflow:hidden}.content-mgmt-view-btn{background:none;border:none;color:var(--text-secondary);padding:var(--space-sm);cursor:pointer;transition:all .2s ease}.content-mgmt-view-btn:hover{color:var(--text-primary);background:var(--bg-800)}.content-mgmt-view-btn.active{background:var(--primary);color:#fff}.content-mgmt-selection-bar{background:var(--surface-700);border:1px solid var(--border-600);border-radius:8px;padding:var(--space-md);margin:0 var(--space-md) var(--space-md);max-width:1200px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.content-mgmt-selection-bar span{color:var(--text-primary);font-weight:500}.content-mgmt-selection-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.content-mgmt-selection-actions button{background:var(--surface-700);border:1px solid var(--border-600);border-radius:6px;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs)}.content-mgmt-selection-actions button:hover{color:var(--text-primary);border-color:var(--primary-300)}.content-mgmt-delete-btn{background:var(--error)!important;border-color:var(--error)!important;color:#fff!important}.content-mgmt-delete-btn:hover{background:#dc2626!important;border-color:#dc2626!important}.content-mgmt-content{padding:0 var(--space-md);max-width:1200px;margin:0 auto}.content-mgmt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md);min-height:40vh}.content-mgmt-empty-state svg{color:var(--muted);margin-bottom:var(--space-md)}.content-mgmt-empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm)}.content-mgmt-empty-state p{color:var(--text-secondary);margin:0 0 var(--space-lg);max-width:400px}.content-mgmt-upload-first-btn{background:var(--primary);border:none;border-radius:8px;padding:var(--space-md) var(--space-lg);color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);transition:background-color .2s ease}.content-mgmt-upload-first-btn:hover{background:var(--primary-600)}.content-mgmt-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.content-mgmt-items-list{display:flex;flex-direction:column;gap:var(--space-md)}.content-mgmt-items-list .content-mgmt-item{display:flex;align-items:center;padding:var(--space-md)}.content-mgmt-items-list .content-mgmt-item-thumbnail{width:80px;height:80px;flex-shrink:0;margin-right:var(--space-md)}.content-mgmt-items-list .content-mgmt-item-info{flex:1;margin-right:var(--space-md)}.content-mgmt-item{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;overflow:hidden;transition:all .2s ease;position:relative}.content-mgmt-item:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.content-mgmt-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px #17d2c233}.content-mgmt-item-checkbox{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:10}.content-mgmt-item-checkbox input{width:18px;height:18px;cursor:pointer}.content-mgmt-item-thumbnail{position:relative;width:100%;height:500px;overflow:hidden}.content-mgmt-item-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.content-mgmt-item:hover .content-mgmt-item-thumbnail img{transform:scale(1.05)}.content-mgmt-item-type{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#000000b3;border-radius:4px;padding:var(--space-xs);color:#fff}.content-mgmt-item-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:#000c;border-radius:4px;padding:2px var(--space-xs);color:#fff;font-size:.75rem;font-weight:500}.content-mgmt-item-price-badge{position:absolute;bottom:var(--space-sm);left:var(--space-sm);background:var(--primary);border-radius:4px;padding:2px var(--space-xs);color:#fff;font-size:.75rem;font-weight:600}.content-mgmt-item-info{padding:var(--space-md)}.content-mgmt-item-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs);line-height:1.3}.content-mgmt-item-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 var(--space-sm)}.content-mgmt-item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.content-mgmt-item-date,.content-mgmt-item-type-label{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:var(--space-xs)}.content-mgmt-item-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.content-mgmt-stat{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.content-mgmt-item-actions{display:flex;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.content-mgmt-action-btn{flex:1;background:var(--surface-700);border:1px solid var(--border-600);border-radius:6px;padding:var(--space-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.content-mgmt-action-btn:hover{color:var(--text-primary);border-color:var(--primary-300);background:var(--bg-800)}.content-mgmt-action-btn.content-mgmt-delete-btn{color:var(--error);border-color:var(--error)}.content-mgmt-action-btn.content-mgmt-delete-btn:hover{background:var(--error);color:#fff}@media (max-width: 768px){.creator-main-header{display:none!important}}@media (max-width: 768px){.content-mgmt-analytics{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.content-mgmt-stat-card{padding:var(--space-sm);gap:var(--space-sm)}.content-mgmt-stat-icon{width:40px;height:40px}.content-mgmt-stat-value{font-size:1.25rem}.content-mgmt-controls{padding:var(--space-sm)}.content-mgmt-filter-controls{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.content-mgmt-view-controls{justify-content:space-between}.content-mgmt-sort-select{flex:1;margin-right:var(--space-sm)}.content-mgmt-items-grid{grid-template-columns:1fr;gap:var(--space-md)}.content-mgmt-content{padding:0 var(--space-sm)}.content-mgmt-selection-bar{margin:0 var(--space-sm) var(--space-sm);flex-direction:column;align-items:stretch;gap:var(--space-sm)}.content-mgmt-selection-actions{justify-content:center}.content-mgmt-items-list .content-mgmt-item{flex-direction:column;text-align:center}.content-mgmt-items-list .content-mgmt-item-thumbnail{width:100%;height:160px;margin-right:0;margin-bottom:var(--space-sm)}.content-mgmt-items-list .content-mgmt-item-info{margin-right:0}}.content-mgmt-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.content-mgmt-edit-modal{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.content-mgmt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-600)}.content-mgmt-modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.content-mgmt-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:6px;transition:all .2s ease}.content-mgmt-modal-close:hover{color:var(--text-primary);background:var(--bg-800)}.content-mgmt-modal-content{padding:var(--space-lg);flex:1;overflow-y:auto}.content-mgmt-form-group{margin-bottom:var(--space-md)}.content-mgmt-form-group label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:var(--space-xs);font-size:.875rem}.content-mgmt-form-group input,.content-mgmt-form-group textarea{width:100%;background:var(--bg-800);border:1px solid var(--border-600);border-radius:8px;padding:var(--space-md);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.content-mgmt-form-group input:focus,.content-mgmt-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.content-mgmt-form-group textarea{resize:vertical;min-height:80px}.content-mgmt-form-group small{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:var(--space-xs)}.content-mgmt-modal-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-600);justify-content:flex-end}.content-mgmt-btn{padding:var(--space-md) var(--space-lg);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem}.content-mgmt-btn-secondary{background:var(--surface-700);border:1px solid var(--border-600);color:var(--text-secondary)}.content-mgmt-btn-secondary:hover{color:var(--text-primary);border-color:var(--primary-300)}.content-mgmt-btn-primary{background:var(--primary);color:#fff}.content-mgmt-btn-primary:hover{background:var(--primary-600)}@media (max-width: 480px){.content-mgmt-analytics{grid-template-columns:1fr}.content-mgmt-filter-chips{justify-content:center}.content-mgmt-chip{font-size:.8rem;padding:var(--space-xs) var(--space-sm)}.content-mgmt-item-thumbnail{height:360px}.content-mgmt-item-actions{flex-wrap:wrap}.content-mgmt-action-btn{min-width:calc(50% - var(--space-xs))}.content-mgmt-edit-modal{width:95%;margin:var(--space-md)}.content-mgmt-modal-actions{flex-direction:column}.content-mgmt-btn{width:100%}}.CreatorNotifications{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:env(safe-area-inset-top,1.5rem);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:calc(90px + env(safe-area-inset-bottom,0))}.CreatorNotifications-container{max-width:800px;margin:0 auto;padding:1rem}.CreatorNotifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #2a2a2c}.CreatorNotifications-title-section{display:flex;align-items:center;gap:.5rem}.CreatorNotifications-title{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.5rem;font-weight:700;margin:0;position:relative}.CreatorNotifications-title-icon{color:#17d2c2}.CreatorNotifications-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:50px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.CreatorNotifications-actions{display:flex;gap:.75rem}.CreatorNotifications-action-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #2a2a2c;color:#c7c7cc;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.CreatorNotifications-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.CreatorNotifications-filters::-webkit-scrollbar{display:none}.CreatorNotifications-filter{background:transparent;border:1px solid #2a2a2c;color:#8e8e93;padding:.75rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;position:relative}.CreatorNotifications-filter.active{background:#17d2c2;border-color:#17d2c2;color:#001310;font-weight:600}.CreatorNotifications-filter-badge{background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:50px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.CreatorNotifications-filter.active .CreatorNotifications-filter-badge{background:#001310;color:#17d2c2}.CreatorNotifications-content{display:flex;flex-direction:column;gap:2rem}.CreatorNotifications-group{display:flex;flex-direction:column;gap:1rem}.CreatorNotifications-group-title{color:#c7c7cc;font-size:1rem;font-weight:600;margin:0;padding:0 .5rem}.CreatorNotifications-list{display:flex;flex-direction:column;gap:.5rem}.CreatorNotifications-item{display:flex;align-items:flex-start;gap:1rem;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.CreatorNotifications-item.unread{border-left:4px solid #17d2c2}.CreatorNotifications-item.unread:before{content:"";position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#17d2c2;border-radius:50%}.CreatorNotifications-item-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#2a2a2c;border-radius:50%;flex-shrink:0}.CreatorNotifications-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.CreatorNotifications-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.CreatorNotifications-item-title{color:#fff;font-size:.875rem;font-weight:600;margin:0;line-height:1.4}.CreatorNotifications-item-time{color:#8e8e93;font-size:.75rem;white-space:nowrap;flex-shrink:0}.CreatorNotifications-item-message{color:#c7c7cc;font-size:.875rem;line-height:1.4;margin:0}.CreatorNotifications-item-amount{color:#10b981;font-size:.875rem;font-weight:600;background:#10b9811a;padding:.25rem .5rem;border-radius:.25rem;align-self:flex-start}.CreatorNotifications-item-actions{display:flex;flex-direction:column;gap:.5rem;opacity:1}.CreatorNotifications-item-delete{background:transparent;border:none;color:#8e8e93;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.CreatorNotifications-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:#8e8e93}.CreatorNotifications-empty-icon{width:4rem;height:4rem;opacity:.5}.CreatorNotifications-empty-title{color:#c7c7cc;font-size:1.125rem;font-weight:600;margin:0}.CreatorNotifications-empty-message{color:#8e8e93;font-size:.875rem;line-height:1.5;margin:0;max-width:300px}.CreatorNotifications-loading{display:flex;flex-direction:column;gap:1rem}.CreatorNotifications-skeleton{display:flex;align-items:flex-start;gap:1rem;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:.75rem;padding:1rem}.CreatorNotifications-skeleton-avatar{width:2.5rem;height:2.5rem;background:#2a2a2c;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.CreatorNotifications-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.CreatorNotifications-skeleton-title{height:1rem;width:60%;background:#2a2a2c;border-radius:.25rem;animation:pulse 1.5s ease-in-out infinite}.CreatorNotifications-skeleton-message{height:.875rem;width:80%;background:#2a2a2c;border-radius:.25rem;animation:pulse 1.5s ease-in-out infinite;animation-delay:.2s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 768px){.CreatorNotifications{padding-top:env(safe-area-inset-top,1rem)}.CreatorNotifications-container{padding:1rem}.CreatorNotifications-header{flex-direction:column;align-items:flex-start;gap:1rem}.CreatorNotifications-title{font-size:1.25rem}.CreatorNotifications-actions{width:100%;justify-content:flex-end}.CreatorNotifications-filters{gap:.375rem;padding:0 .25rem}.CreatorNotifications-filter{padding:.625rem .875rem;font-size:.8125rem}.CreatorNotifications-item{padding:.875rem;gap:.875rem}.CreatorNotifications-item-icon{width:2rem;height:2rem;font-size:1.25rem}.CreatorNotifications-item-header{flex-direction:column;gap:.25rem;align-items:flex-start}.CreatorNotifications-item-title,.CreatorNotifications-item-message{font-size:.8125rem}.CreatorNotifications-item-actions{opacity:1}.CreatorNotifications-empty{padding:2rem 1rem}.CreatorNotifications-empty-icon{width:3rem;height:3rem}.CreatorNotifications-empty-title{font-size:1rem}}@media (min-width: 1024px){.CreatorNotifications{padding-bottom:0;padding-top:100px}.CreatorNotifications-container{padding:2rem;max-width:900px}.CreatorNotifications-title{font-size:1.75rem}.CreatorNotifications-item{padding:1.25rem}.CreatorNotifications-item-icon{width:3rem;height:3rem;font-size:1.75rem}}:root{--membercard-bg-primary: #1c1c1e;--membercard-bg-hover: #2a2a2c;--membercard-border: #3a3a3c;--membercard-text-primary: #ffffff;--membercard-text-secondary: #c7c7cc;--membercard-text-tertiary: #8e8e93;--membercard-accent-primary: #17d2c2;--membercard-accent-secondary: #12b7ab;--membercard-status-active: #22c55e;--membercard-status-recent: #f59e0b;--membercard-status-inactive: #8e8e93;--membercard-badge-newcomer: #8b5cf6;--membercard-badge-vip: #f59e0b;--membercard-badge-supporter: #ec4899;--membercard-badge-whale: #10b981;--membercard-spacing-xs: 4px;--membercard-spacing-sm: 8px;--membercard-spacing-md: 16px;--membercard-spacing-lg: 24px;--membercard-radius: 12px;--membercard-radius-sm: 8px;--membercard-radius-xs: 4px}.MemberCard-container{background:var(--membercard-bg-primary);border:1px solid var(--membercard-border);border-radius:var(--membercard-radius);padding:var(--membercard-spacing-md);transition:all .2s ease;position:relative;cursor:pointer}.MemberCard-container:hover{background:var(--membercard-bg-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.MemberCard-checkbox{position:absolute;top:var(--membercard-spacing-md);right:var(--membercard-spacing-md);z-index:2}.MemberCard-checkbox-input{width:18px;height:18px;accent-color:var(--membercard-accent-primary);cursor:pointer}.MemberCard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--membercard-spacing-md);padding-right:30px}.MemberCard-identity{flex:1}.MemberCard-username{font-size:16px;font-weight:600;color:var(--membercard-text-primary);margin:0 0 var(--membercard-spacing-xs) 0;line-height:1.2}.MemberCard-status{font-size:12px;font-weight:500;padding:2px 6px;border-radius:var(--membercard-radius-xs);text-transform:uppercase;letter-spacing:.3px}.MemberCard-status-active{background:#22c55e33;color:var(--membercard-status-active);border:1px solid rgba(34,197,94,.3)}.MemberCard-status-recent{background:#f59e0b33;color:var(--membercard-status-recent);border:1px solid rgba(245,158,11,.3)}.MemberCard-status-inactive{background:#8e8e9333;color:var(--membercard-status-inactive);border:1px solid rgba(142,142,147,.3)}.MemberCard-tier{display:flex;align-items:center;gap:var(--membercard-spacing-xs);font-size:12px;color:var(--membercard-text-secondary);font-weight:500}.MemberCard-tier svg{color:var(--membercard-accent-primary)}.MemberCard-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--membercard-spacing-md);margin-bottom:var(--membercard-spacing-md);padding:var(--membercard-spacing-md);background:#0003;border-radius:var(--membercard-radius-sm)}.MemberCard-stat{display:flex;align-items:center;gap:var(--membercard-spacing-sm)}.MemberCard-stat-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--membercard-accent-primary);border-radius:var(--membercard-radius-xs);color:#fff;flex-shrink:0}.MemberCard-stat-content{display:flex;flex-direction:column;min-width:0}.MemberCard-stat-value{font-size:14px;font-weight:600;color:var(--membercard-text-primary);line-height:1.2}.MemberCard-stat-label{font-size:11px;color:var(--membercard-text-tertiary);text-transform:uppercase;letter-spacing:.3px;line-height:1}.MemberCard-badges{display:flex;flex-wrap:wrap;gap:var(--membercard-spacing-xs);margin-bottom:var(--membercard-spacing-md)}.MemberCard-badge{display:flex;align-items:center;gap:var(--membercard-spacing-xs);padding:4px 8px;border-radius:var(--membercard-radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.MemberCard-badge-newcomer{background:#8b5cf633;color:var(--membercard-badge-newcomer);border:1px solid rgba(139,92,246,.3)}.MemberCard-badge-vip{background:#f59e0b33;color:var(--membercard-badge-vip);border:1px solid rgba(245,158,11,.3)}.MemberCard-badge-supporter{background:#ec489933;color:var(--membercard-badge-supporter);border:1px solid rgba(236,72,153,.3)}.MemberCard-badge-whale{background:#10b98133;color:var(--membercard-badge-whale);border:1px solid rgba(16,185,129,.3)}.MemberCard-actions{display:flex;gap:var(--membercard-spacing-sm)}.MemberCard-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--membercard-spacing-xs);padding:var(--membercard-spacing-sm) var(--membercard-spacing-sm);border:1px solid var(--membercard-border);border-radius:var(--membercard-radius-sm);background:transparent;color:var(--membercard-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:36px}.MemberCard-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.MemberCard-action-message:hover{background:#17d2c21a;border-color:var(--membercard-accent-primary);color:var(--membercard-accent-primary)}.MemberCard-action-gift:hover{background:#ec48991a;border-color:var(--membercard-badge-supporter);color:var(--membercard-badge-supporter)}.MemberCard-action-view:hover{background:#8e8e931a;border-color:var(--membercard-text-secondary);color:var(--membercard-text-primary)}.MemberCard-action-btn:active{transform:translateY(0)}@media (max-width: 768px){.MemberCard-container{padding:var(--membercard-spacing-sm)}.MemberCard-header{padding-right:25px}.MemberCard-username{font-size:14px}.MemberCard-stats{gap:var(--membercard-spacing-sm);padding:var(--membercard-spacing-sm)}.MemberCard-stat-value{font-size:12px}.MemberCard-stat-label{font-size:10px}.MemberCard-action-btn{padding:var(--membercard-spacing-xs);font-size:11px;min-height:32px}.MemberCard-action-btn span{display:none}}@media (min-width: 1200px){.MemberCard-stats{grid-template-columns:1fr 1fr 1fr 1fr}}.MemberCard-container:focus-visible{outline:2px solid var(--membercard-accent-primary);outline-offset:2px}.MemberCard-action-btn:focus-visible{outline:2px solid var(--membercard-accent-primary);outline-offset:1px}@media (prefers-reduced-motion: reduce){.MemberCard-container,.MemberCard-action-btn{transition:none}.MemberCard-container:hover,.MemberCard-action-btn:hover{transform:none}}@media (prefers-contrast: high){.MemberCard-container,.MemberCard-badge,.MemberCard-action-btn{border-width:2px}}:root{--analyticscard-bg-primary: #1c1c1e;--analyticscard-bg-hover: #2a2a2c;--analyticscard-border: #3a3a3c;--analyticscard-text-primary: #ffffff;--analyticscard-text-secondary: #c7c7cc;--analyticscard-text-tertiary: #8e8e93;--analyticscard-default: #6b7280;--analyticscard-active: #10b981;--analyticscard-premium: #8b5cf6;--analyticscard-new: #3b82f6;--analyticscard-money: #f59e0b;--analyticscard-success: #22c55e;--analyticscard-warning: #ef4444;--analyticscard-spacing-xs: 4px;--analyticscard-spacing-sm: 8px;--analyticscard-spacing-md: 16px;--analyticscard-spacing-lg: 24px;--analyticscard-radius: 12px;--analyticscard-radius-sm: 8px}.AnalyticsCard{background:var(--analyticscard-bg-primary);border:1px solid var(--analyticscard-border);border-radius:var(--analyticscard-radius);padding:var(--analyticscard-spacing-lg);display:flex;align-items:center;gap:var(--analyticscard-spacing-md);transition:all .2s ease;position:relative;overflow:hidden}.AnalyticsCard:hover{background:var(--analyticscard-bg-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.AnalyticsCard-clickable{cursor:pointer}.AnalyticsCard-clickable:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.AnalyticsCard-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--analyticscard-radius-sm);flex-shrink:0;transition:all .2s ease}.AnalyticsCard:hover .AnalyticsCard-icon{transform:scale(1.1)}.AnalyticsCard-icon-default{background:#6b728026;color:var(--analyticscard-default)}.AnalyticsCard-icon-active{background:#10b98126;color:var(--analyticscard-active)}.AnalyticsCard-icon-premium{background:#8b5cf626;color:var(--analyticscard-premium)}.AnalyticsCard-icon-new{background:#3b82f626;color:var(--analyticscard-new)}.AnalyticsCard-icon-money{background:#f59e0b26;color:var(--analyticscard-money)}.AnalyticsCard-icon-success{background:#22c55e26;color:var(--analyticscard-success)}.AnalyticsCard-icon-warning{background:#ef444426;color:var(--analyticscard-warning)}.AnalyticsCard-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-left-color:currentColor;border-radius:50%;animation:analyticscard-spin 1s linear infinite}@keyframes analyticscard-spin{to{transform:rotate(360deg)}}.AnalyticsCard-content{flex:1;min-width:0}.AnalyticsCard-value{font-size:24px;font-weight:700;color:var(--analyticscard-text-primary);line-height:1.2;margin-bottom:var(--analyticscard-spacing-xs)}.AnalyticsCard-label{font-size:14px;color:var(--analyticscard-text-secondary);font-weight:500;line-height:1.2}.AnalyticsCard-trend{display:flex;align-items:center;gap:var(--analyticscard-spacing-xs);margin-top:var(--analyticscard-spacing-sm);font-size:12px;font-weight:600}.AnalyticsCard-trend-up{color:var(--analyticscard-success)}.AnalyticsCard-trend-down{color:var(--analyticscard-warning)}.AnalyticsCard-default{border-left:4px solid var(--analyticscard-default)}.AnalyticsCard-active{border-left:4px solid var(--analyticscard-active)}.AnalyticsCard-premium{border-left:4px solid var(--analyticscard-premium)}.AnalyticsCard-new{border-left:4px solid var(--analyticscard-new)}.AnalyticsCard-money{border-left:4px solid var(--analyticscard-money)}.AnalyticsCard-success{border-left:4px solid var(--analyticscard-success)}.AnalyticsCard-warning{border-left:4px solid var(--analyticscard-warning)}.AnalyticsCard-default:hover{border-left-color:var(--analyticscard-default);box-shadow:0 8px 25px #6b728026}.AnalyticsCard-active:hover{border-left-color:var(--analyticscard-active);box-shadow:0 8px 25px #10b98126}.AnalyticsCard-premium:hover{border-left-color:var(--analyticscard-premium);box-shadow:0 8px 25px #8b5cf626}.AnalyticsCard-new:hover{border-left-color:var(--analyticscard-new);box-shadow:0 8px 25px #3b82f626}.AnalyticsCard-money:hover{border-left-color:var(--analyticscard-money);box-shadow:0 8px 25px #f59e0b26}.AnalyticsCard-success:hover{border-left-color:var(--analyticscard-success);box-shadow:0 8px 25px #22c55e26}.AnalyticsCard-warning:hover{border-left-color:var(--analyticscard-warning);box-shadow:0 8px 25px #ef444426}@media (max-width: 768px){.AnalyticsCard{padding:var(--analyticscard-spacing-md);gap:var(--analyticscard-spacing-sm)}.AnalyticsCard-icon{width:40px;height:40px}.AnalyticsCard-value{font-size:20px}.AnalyticsCard-label{font-size:13px}.AnalyticsCard-trend{font-size:11px}}@media (max-width: 480px){.AnalyticsCard{padding:var(--analyticscard-spacing-sm)}.AnalyticsCard-icon{width:36px;height:36px}.AnalyticsCard-value{font-size:18px}.AnalyticsCard-label{font-size:12px}}.AnalyticsCard[data-loading=true]{pointer-events:none}.AnalyticsCard[data-loading=true] .AnalyticsCard-value{color:var(--analyticscard-text-tertiary)}.AnalyticsCard-clickable:focus-visible{outline:2px solid var(--analyticscard-new);outline-offset:2px}@media (prefers-reduced-motion: reduce){.AnalyticsCard,.AnalyticsCard-icon,.AnalyticsCard-spinner{transition:none;animation:none}.AnalyticsCard:hover,.AnalyticsCard-clickable:hover,.AnalyticsCard:hover .AnalyticsCard-icon{transform:none}}@media (prefers-contrast: high){.AnalyticsCard{border-width:2px}.AnalyticsCard-icon{border:1px solid currentColor}}.AnalyticsCards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;width:100%}@media (max-width: 1200px){.AnalyticsCards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.AnalyticsCards-container{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}}@media (max-width: 480px){.AnalyticsCards-container{grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}}.AnalyticsCards-container.two-column{grid-template-columns:repeat(2,1fr)}.AnalyticsCards-container.three-column{grid-template-columns:repeat(3,1fr)}.AnalyticsCards-container.four-column{grid-template-columns:repeat(4,1fr)}.AnalyticsCards-container.five-column{grid-template-columns:repeat(5,1fr)}@media (max-width: 1024px){.AnalyticsCards-container.five-column{grid-template-columns:repeat(3,1fr)}.AnalyticsCards-container.four-column{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.AnalyticsCards-container.five-column,.AnalyticsCards-container.four-column,.AnalyticsCards-container.three-column{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.AnalyticsCards-container.five-column,.AnalyticsCards-container.four-column,.AnalyticsCards-container.three-column,.AnalyticsCards-container.two-column{grid-template-columns:1fr}}.AnalyticsCards-container.loading{pointer-events:none;opacity:.7}.AnalyticsCards-container.compact{gap:.5rem;margin-bottom:1rem}.AnalyticsCards-container.compact .AnalyticsCard{padding:1rem}.AnalyticsCards-container.dense{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}@media (max-width: 768px){.AnalyticsCards-container.dense{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.AnalyticsCards-container.dense{grid-template-columns:repeat(2,1fr)}}.AnalyticsCards-container{animation:analyticsCards-fadeIn .5s ease-out}@keyframes analyticsCards-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.AnalyticsCards-container .AnalyticsCard{animation:analyticsCard-slideIn .3s ease-out forwards;opacity:0}.AnalyticsCards-container .AnalyticsCard:nth-child(1){animation-delay:0ms}.AnalyticsCards-container .AnalyticsCard:nth-child(2){animation-delay:50ms}.AnalyticsCards-container .AnalyticsCard:nth-child(3){animation-delay:.1s}.AnalyticsCards-container .AnalyticsCard:nth-child(4){animation-delay:.15s}.AnalyticsCards-container .AnalyticsCard:nth-child(5){animation-delay:.2s}.AnalyticsCards-container .AnalyticsCard:nth-child(n+6){animation-delay:.25s}@keyframes analyticsCard-slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.AnalyticsCards-container,.AnalyticsCards-container .AnalyticsCard{animation:none}.AnalyticsCards-container .AnalyticsCard{opacity:1}}@media print{.AnalyticsCards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;page-break-inside:avoid}.AnalyticsCards-container .AnalyticsCard{break-inside:avoid;box-shadow:none;border:1px solid #000}}.browse-members-page{width:100%;min-height:100vh;background:#0a0a0b;padding-top:env(safe-area-inset-top,1rem);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:calc(80px + env(safe-area-inset-bottom,0));position:relative}.discovery-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem;padding-bottom:100px;display:flex;flex-direction:column;gap:16px}.analytics-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:1rem}.analytics-card{background:#1c1c1e;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:80px}.analytics-icon{width:44px;height:44px;background:#17d2c226;border-radius:12px;display:grid;place-items:center}.analytics-icon svg{width:22px;height:22px}.analytics-icon.active{background:#22c55e26;color:#22c55e}.analytics-icon.premium{background:#fbbf2426;color:#fbbf24}.analytics-icon.new{background:#8b5cf626;color:#8b5cf6}.analytics-icon.money{background:#10b98126;color:#10b981}.analytics-content{display:grid;grid-template-columns:1fr;gap:2px}.analytics-value{font-size:20px;font-weight:700;color:#fff;line-height:1}.analytics-label{font-size:11px;color:#8e8e93;text-transform:uppercase;letter-spacing:.3px}.search-section{background:#1c1c1e;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr;gap:12px}.search-bar{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.search-bar svg{color:#8e8e93;width:20px;height:20px}.search-bar input{background:transparent;border:none;color:#fff;font-size:15px;outline:none;width:100%}.search-bar input::placeholder{color:#6b7280}.action-buttons-row{display:grid;grid-template-columns:1fr;gap:10px}.view-toggle-btn,.filter-btn{background:#17d2c21a;border:1px solid rgba(23,210,194,.3);color:#17d2c2;padding:12px 16px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;display:grid;grid-template-columns:auto 1fr;place-items:center;gap:8px;position:relative;transition:all .2s ease}.filter-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.bulk-actions{display:grid;grid-template-columns:1fr;gap:10px}.bulk-actions span{color:#8e8e93;font-size:14px;text-align:center}.bulk-message-btn,.bulk-offer-btn{background:#17d2c21a;border:1px solid rgba(23,210,194,.3);color:#17d2c2;padding:10px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:grid;grid-template-columns:auto 1fr;place-items:center;gap:6px;transition:all .2s ease}.filters-panel{background:#1c1c1e;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.filters-grid{padding:16px;display:grid;grid-template-columns:1fr;gap:14px}.filter-group{display:grid;grid-template-columns:1fr;gap:8px}.filter-group label{font-size:12px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:10px;font-size:14px;cursor:pointer;outline:none;width:100%}.reset-filters-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.members-content{min-height:400px;display:grid;grid-template-columns:1fr;padding-bottom:2rem}.members-grid,.members-list{display:grid;grid-template-columns:1fr;gap:14px;width:100%}.member-card{background:#1c1c1e;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;display:grid;grid-template-columns:1fr;gap:14px}.member-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;border-color:#17d2c24d}.selection-checkbox{position:absolute;top:14px;right:14px;z-index:2}.selection-checkbox input{width:20px;height:20px;cursor:pointer}.member-header{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.member-identity{display:grid;grid-template-columns:1fr;gap:4px}.member-username{font-size:16px;font-weight:600;color:#fff;display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;width:fit-content}.member-status{display:grid;grid-template-columns:1fr}.activity-status{font-size:12px;color:#8e8e93}.online-indicator{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block}.online-indicator.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.member-tier{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;justify-content:start;padding:6px 10px;background:#ffffff0d;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.member-stats{background:#ffffff08;border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr;gap:8px}.stat-row{display:grid;grid-template-columns:1fr;gap:8px}.stat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;background:#ffffff08;border-radius:10px}.stat svg{width:16px;height:16px;color:#8e8e93}.stat-label{color:#8e8e93;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.stat-value{color:#fff;font-weight:600;font-size:14px;text-align:right}.member-badges{display:grid;grid-template-columns:1fr;gap:8px}.member-badge{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.member-badge svg{width:12px;height:12px}.member-badge-whale{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3)}.member-badge-vip{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.member-badge-loyal-fan{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.member-badge-big-spender{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.member-badge-top-supporter{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.member-badge-newcomer{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.member-badge-supporter{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.member-badge-engaged{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.member-badge-night-owl{background:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.3)}.member-badge-regular{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.member-actions{display:grid;grid-template-columns:1fr;gap:10px}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:grid;grid-template-columns:auto 1fr;place-items:center;gap:8px}.action-btn svg{width:18px;height:18px}.action-btn.message-btn:hover{background:#17d2c226;border-color:#17d2c24d;color:#17d2c2}.action-btn.offer-btn:hover{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.action-btn.gift-btn:hover{background:#17d2c226;border-color:#17d2c24d;color:#17d2c2}.action-btn.view-btn:hover{background:#38bdf826;border-color:#38bdf84d;color:#38bdf8}.loading-state,.error-state,.empty-state{display:grid;grid-template-columns:1fr;place-items:center;text-align:center;padding:60px 20px;color:#fff;gap:16px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(23,210,194,.2);border-top-color:#17d2c2;border-radius:50%;animation:spin 1s linear infinite}.error-state h3,.empty-state h3{font-size:20px;margin:0}.error-state p,.empty-state p{font-size:14px;color:#8e8e93;margin:0}.error-state button,.empty-state button{background:#17d2c2;color:#000;border:none;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}@media (min-width: 768px){.browse-members-page{padding-top:1.5rem}.discovery-container{padding:1.5rem;gap:20px}.analytics-cards{grid-template-columns:repeat(2,1fr);gap:16px}.action-buttons-row{grid-template-columns:1fr 1fr}.bulk-actions{grid-template-columns:auto 1fr 1fr;gap:12px;align-items:center}.bulk-actions span{text-align:left}.filters-grid{grid-template-columns:repeat(2,1fr);padding:20px}.member-header{grid-template-columns:1fr auto}.stat-row{grid-template-columns:repeat(2,1fr);gap:12px}.member-badges{grid-template-columns:repeat(2,1fr)}.member-actions{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.preference-tags{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (min-width: 1024px){.browse-members-page{padding-top:2rem}.discovery-container{padding:2rem;gap:24px}.analytics-cards{grid-template-columns:repeat(5,1fr);gap:20px}.members-grid{grid-template-columns:repeat(2,1fr);gap:20px}.filters-grid{grid-template-columns:repeat(3,1fr)}.member-badges{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (min-width: 1440px){.members-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 1024px){.browse-members-page{margin-top:100px}}:root{--memberreg-bg-primary: #0a0a0a;--memberreg-bg-secondary: #121212;--memberreg-bg-tertiary: #1c1c1e;--memberreg-border-color: #2a2a2c;--memberreg-text-primary: #ffffff;--memberreg-text-secondary: #c7c7cc;--memberreg-text-tertiary: #8e8e93;--memberreg-accent-primary: #17d2c2;--memberreg-accent-secondary: #12b7ab;--memberreg-accent-tertiary: #47e0d2;--memberreg-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--memberreg-error: #ef4444;--memberreg-success: #22c55e;--memberreg-warning: #f59e0b;--memberreg-space-xs: 4px;--memberreg-space-sm: 8px;--memberreg-space-md: 16px;--memberreg-space-lg: 24px;--memberreg-space-xl: 32px;--memberreg-space-2xl: 48px;--memberreg-radius-sm: 8px;--memberreg-radius-md: 12px;--memberreg-radius-lg: 16px;--memberreg-radius-xl: 24px;--memberreg-shadow-elev: 0 10px 30px rgba(0, 0, 0, .35);--memberreg-overlay: rgba(0, 0, 0, .6);--memberreg-font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--memberreg-touch-target-min: 44px;--memberreg-touch-target-optimal: 48px}.memberreg-page{min-height:100vh;background:var(--memberreg-bg-primary);display:flex;flex-direction:column;font-family:var(--memberreg-font-sans)}.memberreg-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--memberreg-space-md);padding-top:max(var(--memberreg-space-md),env(safe-area-inset-top,16px));padding-bottom:max(var(--memberreg-space-md),env(safe-area-inset-bottom,16px));padding-left:max(var(--memberreg-space-md),env(safe-area-inset-left,16px));padding-right:max(var(--memberreg-space-md),env(safe-area-inset-right,16px))}.memberreg-content{width:100%;max-width:100%;background:var(--memberreg-bg-secondary);border-radius:var(--memberreg-radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--memberreg-shadow-elev)}.memberreg-benefits-section{padding:var(--memberreg-space-lg);background:var(--memberreg-bg-tertiary);border-bottom:1px solid var(--memberreg-border-color)}.memberreg-logo{display:flex;align-items:center;justify-content:center;gap:var(--memberreg-space-md);margin-bottom:var(--memberreg-space-md)}.memberreg-logo svg{color:var(--memberreg-accent-primary)}.memberreg-logo h1{font-size:clamp(32px,5vw,48px);font-weight:600;background:var(--memberreg-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:.2px;line-height:1.15;text-align:center}.memberreg-tagline{text-align:center;font-size:16px;color:var(--memberreg-text-secondary);margin-bottom:var(--memberreg-space-lg);line-height:1.6}.memberreg-benefits-list{display:flex;flex-direction:column;gap:var(--memberreg-space-md);margin-bottom:var(--memberreg-space-lg)}.memberreg-benefit-item{display:flex;align-items:flex-start;gap:var(--memberreg-space-md);padding:var(--memberreg-space-md);border-radius:var(--memberreg-radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.benefit-icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:var(--memberreg-radius-md);background:var(--memberreg-gradient);display:flex;align-items:center;justify-content:center;color:#001310}.benefit-content h3{font-size:clamp(20px,2.4vw,24px);font-weight:600;color:var(--memberreg-text-primary);margin:0 0 var(--memberreg-space-xs) 0;line-height:1.25;letter-spacing:.2px}.benefit-content p{font-size:16px;color:var(--memberreg-text-secondary);margin:0;line-height:1.6}.memberreg-testimonial{text-align:center;padding:var(--memberreg-space-md);border-radius:var(--memberreg-radius-lg);background:#17d2c20d;border:1px solid rgba(23,210,194,.1)}.testimonial-stars{display:flex;justify-content:center;gap:var(--memberreg-space-xs);margin-bottom:var(--memberreg-space-sm);color:var(--memberreg-accent-primary)}.memberreg-testimonial p{font-size:16px;color:var(--memberreg-text-primary);margin:0 0 var(--memberreg-space-sm) 0;font-style:italic;line-height:1.6}.memberreg-testimonial span{font-size:13px;color:var(--memberreg-text-tertiary);letter-spacing:.2px}.memberreg-form-section{padding:var(--memberreg-space-lg);padding-bottom:80px}.memberreg-form{width:100%;margin:0 auto 20px}.memberreg-progress{margin-bottom:var(--memberreg-space-xl)}.progress-bar{width:100%;height:4px;background:var(--memberreg-border-color);border-radius:2px;margin-bottom:var(--memberreg-space-md);overflow:hidden}.progress-fill{height:100%;background:var(--memberreg-gradient);border-radius:2px;transition:width .3s ease}.progress-steps{display:flex;justify-content:space-between;align-items:center}.progress-step{width:32px;height:32px;border-radius:50%;background:var(--memberreg-bg-tertiary);border:2px solid var(--memberreg-border-color);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--memberreg-text-tertiary);transition:all .3s ease}.progress-step.active{border-color:var(--memberreg-accent-primary);color:var(--memberreg-accent-primary);background:#17d2c21a}.progress-step.completed{background:var(--memberreg-accent-primary);border-color:var(--memberreg-accent-primary);color:#001310}.memberreg-step-content{margin-bottom:var(--memberreg-space-xl)}.memberreg-step-title{font-size:clamp(24px,3.2vw,32px);font-weight:600;color:var(--memberreg-text-primary);margin:0 0 var(--memberreg-space-sm) 0;text-align:center;line-height:1.2;letter-spacing:.2px}.memberreg-step-subtitle{font-size:16px;color:var(--memberreg-text-secondary);text-align:center;margin:0 0 var(--memberreg-space-xl) 0;line-height:1.6}.memberreg-form-group{margin-bottom:var(--memberreg-space-lg)}.memberreg-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--memberreg-space-md)}.memberreg-label{display:flex;align-items:center;gap:var(--memberreg-space-sm);font-size:13px;font-weight:500;color:var(--memberreg-text-secondary);margin-bottom:var(--memberreg-space-sm);letter-spacing:.2px}.memberreg-label svg{color:var(--memberreg-text-tertiary)}.memberreg-input,.memberreg-select{width:100%;padding:12px 14px;background:var(--memberreg-bg-tertiary);border:1px solid var(--memberreg-border-color);border-radius:var(--memberreg-radius-md);color:var(--memberreg-text-primary);font-size:16px;font-family:var(--memberreg-font-sans);transition:all .2s ease;min-height:var(--memberreg-touch-target-optimal);line-height:1.6}.memberreg-input:focus,.memberreg-select:focus{outline:2px solid var(--memberreg-accent-secondary);outline-offset:2px;border-color:var(--memberreg-accent-secondary)}.memberreg-input::placeholder{color:var(--memberreg-text-tertiary)}.memberreg-input.error,.memberreg-select.error{border-color:var(--memberreg-error)}.memberreg-input-wrapper{position:relative;display:flex;align-items:center}.memberreg-input-wrapper .memberreg-input{padding-right:48px}.memberreg-input-toggle,.memberreg-input-icon{position:absolute;right:14px;background:none;border:none;color:var(--memberreg-text-tertiary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.memberreg-input-icon.success{color:var(--memberreg-success)}.memberreg-input-icon.error{color:var(--memberreg-error)}.memberreg-error-text{display:flex;align-items:center;gap:var(--memberreg-space-xs);color:var(--memberreg-error);font-size:13px;margin-top:var(--memberreg-space-xs);letter-spacing:.2px}.memberreg-radio-group,.memberreg-checkbox-group{display:flex;flex-direction:column;gap:var(--memberreg-space-md)}.memberreg-radio-option,.memberreg-checkbox-option{display:flex;align-items:center;gap:var(--memberreg-space-md);padding:var(--memberreg-space-md);border-radius:var(--memberreg-radius-lg);background:#ffffff05;border:1px solid var(--memberreg-border-color);cursor:pointer;transition:all .2s ease;min-height:var(--memberreg-touch-target-min)}.memberreg-radio-option:hover,.memberreg-checkbox-option:hover{background:#ffffff0a;border-color:var(--memberreg-accent-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.memberreg-checkbox-option:has(input:checked){background:#17d2c21a;border-color:var(--memberreg-accent-primary);box-shadow:0 0 0 1px #17d2c24d}.memberreg-radio-option.large,.memberreg-checkbox-option.large{align-items:flex-start;padding:var(--memberreg-space-lg)}.memberreg-radio-option input,.memberreg-checkbox-option input{display:none}.radio-custom,.checkbox-custom{width:20px;height:20px;border:2px solid var(--memberreg-border-color);background:var(--memberreg-bg-tertiary);transition:all .2s ease;flex-shrink:0;margin-top:2px}.radio-custom{border-radius:50%}.checkbox-custom{border-radius:var(--memberreg-radius-sm)}.memberreg-radio-option input:checked+.radio-custom{border-color:var(--memberreg-accent-primary);background:var(--memberreg-accent-primary);position:relative}.memberreg-radio-option input:checked+.radio-custom:after{content:"";position:absolute;inset:2px;background:#001310;border-radius:50%}.memberreg-checkbox-option input:checked+.checkbox-custom{border-color:var(--memberreg-accent-primary);background:var(--memberreg-accent-primary);position:relative;transform:scale(1.15);box-shadow:0 0 0 3px #17d2c280,0 0 20px #17d2c24d;transition:all .3s ease;animation:memberregCheckboxPulse .6s ease-out}.memberreg-checkbox-option input:checked+.checkbox-custom:after{content:"✓";position:absolute;color:#001310;font-size:14px;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:memberregCheckmarkAppear .3s ease-out .2s both}.memberreg-radio-option span:last-child,.memberreg-checkbox-option span:last-child{font-size:16px;color:var(--memberreg-text-primary);line-height:1.6}.memberreg-range-inputs{display:flex;flex-direction:column;gap:var(--memberreg-space-lg)}.memberreg-range-inputs .memberreg-range:first-child{margin-bottom:var( --memberreg-space-sm )}.memberreg-range{width:100%;height:8px;border-radius:4px;background:var(--memberreg-border-color);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.memberreg-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--memberreg-gradient);cursor:pointer;box-shadow:var(--memberreg-shadow-elev)}.memberreg-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--memberreg-gradient);cursor:pointer;border:none;box-shadow:var(--memberreg-shadow-elev)}.memberreg-password-strength{margin-top:var(--memberreg-space-sm)}.strength-bar{width:100%;height:4px;background:var(--memberreg-border-color);border-radius:2px;margin-bottom:var(--memberreg-space-sm);overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.strength-fill.strength-20{background:var(--memberreg-error);width:20%}.strength-fill.strength-40{background:#f59e0b;width:40%}.strength-fill.strength-60{background:#f59e0b;width:60%}.strength-fill.strength-80{background:var(--memberreg-success);width:80%}.strength-fill.strength-100{background:var(--memberreg-success);width:100%}.strength-requirements{display:flex;flex-wrap:wrap;gap:var(--memberreg-space-md)}.strength-requirements span{display:flex;align-items:center;gap:var(--memberreg-space-xs);font-size:12px;color:var(--memberreg-text-tertiary);transition:color .2s ease}.strength-requirements span.met{color:var(--memberreg-success)}.strength-requirements span svg{opacity:0;transition:opacity .2s ease}.strength-requirements span.met svg{opacity:1}.memberreg-agreements{display:flex;flex-direction:column;gap:var(--memberreg-space-lg);margin-bottom:var(--memberreg-space-xl)}.memberreg-bonus-info{display:flex;align-items:center;gap:var(--memberreg-space-md);padding:var(--memberreg-space-lg);border-radius:var(--memberreg-radius-lg);background:#17d2c20d;border:1px solid rgba(23,210,194,.2);margin-bottom:var(--memberreg-space-xl)}.memberreg-bonus-info svg{color:var(--memberreg-accent-primary);flex-shrink:0}.memberreg-bonus-info h4{font-size:18px;font-weight:600;color:var(--memberreg-text-primary);margin:0 0 var(--memberreg-space-xs) 0}.memberreg-bonus-info p{font-size:14px;color:var(--memberreg-text-secondary);margin:0;line-height:1.6}.memberreg-submit-error{display:flex;align-items:center;gap:var(--memberreg-space-sm);color:var(--memberreg-error);font-size:16px;padding:var(--memberreg-space-lg);border-radius:var(--memberreg-radius-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.2);margin-bottom:var(--memberreg-space-lg)}.memberreg-btn-primary,.memberreg-btn-secondary,.memberreg-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:none;border-radius:var(--memberreg-radius-lg);font-size:16px;font-weight:600;font-family:var(--memberreg-font-sans);cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,background .2s ease;min-height:var(--memberreg-touch-target-optimal);line-height:1;text-decoration:none}.memberreg-btn-primary,.memberreg-btn-submit{background:var(--memberreg-gradient);color:#001310;box-shadow:var(--memberreg-shadow-elev)}.memberreg-btn-primary:hover,.memberreg-btn-submit:hover{transform:translateY(-1px)}.memberreg-btn-primary:active,.memberreg-btn-submit:active{transform:translateY(0)}.memberreg-btn-primary:focus-visible,.memberreg-btn-submit:focus-visible{outline:2px solid var(--memberreg-accent-tertiary);outline-offset:3px}.memberreg-btn-secondary{background:transparent;color:var(--memberreg-text-primary);border:1px solid var(--memberreg-border-color)}.memberreg-btn-secondary:hover{background:#ffffff0a}.memberreg-btn-primary:disabled,.memberreg-btn-secondary:disabled,.memberreg-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.memberreg-form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--memberreg-space-md);margin-bottom:120px}.memberreg-form-actions>*{flex:1}.memberreg-form-actions>*:only-child{margin-left:auto}.memberreg-login-link{text-align:center;font-size:16px;color:var(--memberreg-text-secondary);margin-top:var(--memberreg-space-lg);padding:var(--memberreg-space-md);border-radius:var(--memberreg-radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.memberreg-link{color:var(--memberreg-accent-tertiary);text-decoration:none;font-weight:500;margin-left:var(--memberreg-space-sm)}.memberreg-link:hover,.memberreg-link:focus{text-decoration:underline}.memberreg-spinner{width:18px;height:18px;border:2px solid rgba(0,19,16,.3);border-top:2px solid #001310;border-radius:50%;animation:memberreg-spin 1s linear infinite}@keyframes memberreg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.memberreg-container{padding:var(--memberreg-space-lg);padding-top:max(var(--memberreg-space-lg),env(safe-area-inset-top,24px));padding-bottom:max(var(--memberreg-space-lg),env(safe-area-inset-bottom,24px));padding-left:max(var(--memberreg-space-lg),env(safe-area-inset-left,24px));padding-right:max(var(--memberreg-space-lg),env(safe-area-inset-right,24px))}.memberreg-content{flex-direction:row;margin-bottom:40px}.memberreg-benefits-section{flex:1;padding:var(--memberreg-space-xl);border-bottom:none;border-right:1px solid var(--memberreg-border-color)}.memberreg-form-section{flex:1;padding:var(--memberreg-space-xl);padding-bottom:40px;display:flex;align-items:center;justify-content:center}.memberreg-radio-group,.memberreg-checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--memberreg-space-md)}.memberreg-form-actions{justify-content:flex-end}.memberreg-form-actions>*{flex:initial;min-width:140px}}@media (min-width: 1024px){.memberreg-container{padding:var(--memberreg-space-xl);padding-top:max(var(--memberreg-space-xl),env(safe-area-inset-top,32px));padding-bottom:max(var(--memberreg-space-xl),env(safe-area-inset-bottom,32px));padding-left:max(var(--memberreg-space-xl),env(safe-area-inset-left,32px));padding-right:max(var(--memberreg-space-xl),env(safe-area-inset-right,32px))}.memberreg-benefits-section{padding:var(--memberreg-space-2xl)}.memberreg-form-section{padding:var(--memberreg-space-2xl);padding-bottom:40px}.memberreg-radio-group,.memberreg-checkbox-group{grid-template-columns:repeat(3,1fr)}}@media (max-height: 500px) and (orientation: landscape){.memberreg-benefits-section{display:none}.memberreg-content{flex-direction:column}.memberreg-form-section{padding:var(--memberreg-space-md)}}@keyframes memberregCheckboxPulse{0%{transform:scale(1);box-shadow:0 0 #17d2c280}50%{transform:scale(1.2);box-shadow:0 0 0 5px #17d2c24d}to{transform:scale(1.15);box-shadow:0 0 0 3px #17d2c280,0 0 20px #17d2c24d}}@keyframes memberregCheckmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:root{--memberlogin-bg-primary: #0a0a0a;--memberlogin-bg-secondary: #121212;--memberlogin-bg-tertiary: #1c1c1e;--memberlogin-border-color: #2a2a2c;--memberlogin-text-primary: #ffffff;--memberlogin-text-secondary: #c7c7cc;--memberlogin-text-tertiary: #8e8e93;--memberlogin-accent-primary: #17d2c2;--memberlogin-accent-secondary: #12b7ab;--memberlogin-accent-tertiary: #47e0d2;--memberlogin-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--memberlogin-error: #ef4444;--memberlogin-warning: #f59e0b;--memberlogin-success: #22c55e;--memberlogin-info: #38bdf8;--memberlogin-facebook: #1877f2;--memberlogin-twitter: #1da1f2;--memberlogin-instagram: #e4405f;--memberlogin-space-xs: 4px;--memberlogin-space-sm: 8px;--memberlogin-space-md: 16px;--memberlogin-space-lg: 24px;--memberlogin-space-xl: 32px;--memberlogin-space-2xl: 48px;--memberlogin-space-3xl: 64px;--memberlogin-radius-sm: 8px;--memberlogin-radius-md: 12px;--memberlogin-radius-lg: 16px;--memberlogin-radius-xl: 24px;--memberlogin-radius-2xl: 32px;--memberlogin-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--memberlogin-shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--memberlogin-shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--memberlogin-shadow-xl: 0 12px 32px rgba(0, 0, 0, .3);--memberlogin-shadow-elev: 0 20px 40px rgba(0, 0, 0, .35);--memberlogin-glow: 0 0 40px rgba(23, 210, 194, .15);--memberlogin-overlay: rgba(0, 0, 0, .6);--memberlogin-font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--memberlogin-touch-target-min: 44px;--memberlogin-touch-target-optimal: 48px}.memberlogin-page{min-height:100vh;background:var(--memberlogin-bg-primary);display:flex;flex-direction:column;position:relative}.memberlogin-page:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:radial-gradient(circle at top center,rgba(23,210,194,.03) 0%,transparent 70%);pointer-events:none}.memberlogin-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--memberlogin-space-md);font-family:var(--memberlogin-font-sans);position:relative;z-index:1;margin-top:-60px;padding-top:max(var(--memberlogin-space-md),env(safe-area-inset-top,16px));padding-bottom:max(var(--memberlogin-space-md),env(safe-area-inset-bottom,16px));padding-left:max(var(--memberlogin-space-md),env(safe-area-inset-left,16px));padding-right:max(var(--memberlogin-space-md),env(safe-area-inset-right,16px))}.memberlogin-content{width:100%;background:var(--memberlogin-bg-secondary);border-radius:var(--memberlogin-radius-2xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--memberlogin-shadow-elev);border:1px solid rgba(23,210,194,.05)}.memberlogin-form-section{padding:var(--memberlogin-space-xl) var(--memberlogin-space-lg);background:var(--memberlogin-bg-secondary)}.memberlogin-form-wrapper{width:100%;margin:0 auto}.memberlogin-header{text-align:center;margin-bottom:var(--memberlogin-space-2xl)}.memberlogin-logo{display:flex;align-items:center;justify-content:center;gap:var(--memberlogin-space-sm);margin-bottom:var(--memberlogin-space-md)}.memberlogin-logo svg{color:var(--memberlogin-accent-primary);filter:drop-shadow(0 0 20px rgba(23,210,194,.5))}.memberlogin-logo h1{font-size:clamp(28px,5vw,40px);font-weight:700;background:var(--memberlogin-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px;line-height:1.2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.memberlogin-subtitle{font-size:15px;color:var(--memberlogin-text-secondary);margin:0;line-height:1.5;opacity:.9}.memberlogin-form{width:100%}.memberlogin-form-group{margin-bottom:var(--memberlogin-space-lg)}.memberlogin-label{display:flex;align-items:center;gap:var(--memberlogin-space-sm);font-size:13px;font-weight:500;color:var(--memberlogin-text-secondary);margin-bottom:var(--memberlogin-space-sm);letter-spacing:.3px;text-transform:uppercase;opacity:.8}.memberlogin-label svg{color:var(--memberlogin-accent-primary);opacity:.7}.memberlogin-input{width:100%;padding:14px 16px;background:var(--memberlogin-bg-tertiary);border:1.5px solid var(--memberlogin-border-color);border-radius:var(--memberlogin-radius-md);color:var(--memberlogin-text-primary);font-size:16px;font-family:var(--memberlogin-font-sans);transition:all .2s ease;min-height:var(--memberlogin-touch-target-optimal);line-height:1.5}.memberlogin-input:hover{background:#1c1c1ecc;border-color:#17d2c233}.memberlogin-input:focus{outline:none;border-color:var(--memberlogin-accent-primary);background:#1c1c1ee6;box-shadow:0 0 0 3px #17d2c21a}.memberlogin-input.error{border-color:var(--memberlogin-error);background:#ef44440d}.memberlogin-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.memberlogin-input::placeholder{color:var(--memberlogin-text-tertiary);opacity:.6}.memberlogin-input-wrapper{position:relative;display:flex;align-items:center}.memberlogin-input-wrapper .memberlogin-input{padding-right:44px}.memberlogin-input-toggle{position:absolute;right:12px;background:none;border:none;color:var(--memberlogin-text-tertiary);cursor:pointer;padding:var(--memberlogin-space-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.memberlogin-input-toggle:hover{color:var(--memberlogin-accent-primary)}.memberlogin-error-text{display:flex;align-items:center;gap:var(--memberlogin-space-xs);color:var(--memberlogin-error);font-size:12px;margin-top:var(--memberlogin-space-xs);font-weight:500}.memberlogin-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--memberlogin-space-xl)}.memberlogin-checkbox{display:flex;align-items:center;gap:var(--memberlogin-space-sm);cursor:pointer;font-size:14px;color:var(--memberlogin-text-secondary);user-select:none}.memberlogin-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--memberlogin-border-color);border-radius:var(--memberlogin-radius-sm);position:relative;transition:all .2s ease;background:var(--memberlogin-bg-tertiary)}.memberlogin-checkbox:hover .checkbox-custom{border-color:#17d2c280}.memberlogin-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--memberlogin-gradient);border-color:transparent}.memberlogin-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;top:3px;left:7px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.memberlogin-forgot-link{background:none;border:none;color:var(--memberlogin-accent-primary);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s ease;padding:0}.memberlogin-forgot-link:hover{opacity:.7;text-decoration:underline}.memberlogin-error-box{display:flex;align-items:center;gap:var(--memberlogin-space-sm);padding:var(--memberlogin-space-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--memberlogin-radius-md);color:var(--memberlogin-error);margin-bottom:var(--memberlogin-space-lg);font-size:14px;font-weight:500}.memberlogin-btn-primary,.memberlogin-btn-secondary,.memberlogin-demo-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--memberlogin-space-sm);padding:14px 20px;border:none;border-radius:var(--memberlogin-radius-lg);font-size:16px;font-weight:600;font-family:var(--memberlogin-font-sans);cursor:pointer;transition:all .2s ease;min-height:var(--memberlogin-touch-target-optimal);margin-bottom:var(--memberlogin-space-md);line-height:1;position:relative;overflow:hidden}.memberlogin-btn-primary{background:var(--memberlogin-gradient);color:#001310;box-shadow:var(--memberlogin-shadow-lg),var(--memberlogin-glow)}.memberlogin-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.memberlogin-btn-primary:hover:before{opacity:1}.memberlogin-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--memberlogin-shadow-xl),0 0 30px #17d2c24d}.memberlogin-btn-primary:active{transform:translateY(0)}.memberlogin-btn-secondary{background:transparent;color:var(--memberlogin-text-primary);border:1.5px solid var(--memberlogin-border-color)}.memberlogin-btn-secondary:hover{background:#ffffff08;border-color:#17d2c24d}.memberlogin-demo-btn{background:#17d2c214;color:var(--memberlogin-accent-primary);border:1.5px solid rgba(23,210,194,.2);margin-bottom:0;font-weight:500}.memberlogin-demo-btn:hover{background:#17d2c21f;border-color:#17d2c24d}.memberlogin-btn-primary:active,.memberlogin-btn-secondary:active,.memberlogin-demo-btn:active{transform:scale(.98)}.memberlogin-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.memberlogin-spinner{width:20px;height:20px;border:2.5px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:memberloginSpin .8s linear infinite}@keyframes memberloginSpin{to{transform:rotate(360deg)}}.memberlogin-reset-success{text-align:center;padding:var(--memberlogin-space-2xl) 0}.memberlogin-reset-success svg{color:var(--memberlogin-success);margin-bottom:var(--memberlogin-space-md);filter:drop-shadow(0 0 20px rgba(34,197,94,.3))}.memberlogin-reset-success h3{font-size:22px;font-weight:600;color:var(--memberlogin-text-primary);margin:0 0 var(--memberlogin-space-sm) 0}.memberlogin-reset-success p{font-size:14px;color:var(--memberlogin-text-secondary);margin:0 0 var(--memberlogin-space-xl) 0;line-height:1.5}.memberlogin-reset-title{font-size:22px;font-weight:600;color:var(--memberlogin-text-primary);margin:0 0 var(--memberlogin-space-sm) 0}.memberlogin-reset-text{font-size:14px;color:var(--memberlogin-text-secondary);margin:0 0 var(--memberlogin-space-xl) 0;line-height:1.5}.memberlogin-divider{position:relative;text-align:center;margin:var(--memberlogin-space-2xl) 0 var(--memberlogin-space-xl)}.memberlogin-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--memberlogin-border-color),transparent)}.memberlogin-divider span{position:relative;padding:0 var(--memberlogin-space-lg);background:var(--memberlogin-bg-secondary);color:var(--memberlogin-text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.memberlogin-social-options{display:flex;flex-direction:column;gap:var(--memberlogin-space-md);margin-bottom:var(--memberlogin-space-xl)}.memberlogin-social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--memberlogin-space-sm);padding:12px 20px;border:1.5px solid var(--memberlogin-border-color);border-radius:var(--memberlogin-radius-md);background:var(--memberlogin-bg-tertiary);color:var(--memberlogin-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:var(--memberlogin-touch-target-min);position:relative;overflow:hidden}.memberlogin-social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .3s ease}.memberlogin-social-btn.facebook:before{background:var(--memberlogin-facebook)}.memberlogin-social-btn.twitter:before{background:var(--memberlogin-twitter)}.memberlogin-social-btn.instagram:before{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.memberlogin-social-btn:hover:before{left:0}.memberlogin-social-btn:hover{color:#fff;border-color:transparent}.memberlogin-social-btn>*{position:relative;z-index:1}.memberlogin-social-btn:active{transform:scale(.98)}.memberlogin-signup-link{text-align:center;padding-top:var(--memberlogin-space-xl);border-top:1px solid var(--memberlogin-border-color);font-size:14px;color:var(--memberlogin-text-secondary)}.memberlogin-link{color:var(--memberlogin-accent-primary);text-decoration:none;font-weight:600;margin-left:var(--memberlogin-space-xs);display:inline-flex;align-items:center;gap:var(--memberlogin-space-xs);transition:all .2s ease}.memberlogin-link:hover{gap:var(--memberlogin-space-sm);text-decoration:underline}.memberlogin-features-section{display:none}@media (min-width: 768px){.memberlogin-container{padding:var(--memberlogin-space-lg);padding-top:max(var(--memberlogin-space-lg),env(safe-area-inset-top,24px));padding-bottom:max(var(--memberlogin-space-lg),env(safe-area-inset-bottom,24px));padding-left:max(var(--memberlogin-space-lg),env(safe-area-inset-left,24px));padding-right:max(var(--memberlogin-space-lg),env(safe-area-inset-right,24px))}.memberlogin-content{flex-direction:row;box-shadow:var(--memberlogin-shadow-elev),var(--memberlogin-glow)}.memberlogin-form-section{flex:1;padding:var(--memberlogin-space-2xl);display:flex;align-items:center;justify-content:center}.memberlogin-features-section{display:flex;flex-direction:column;flex:1;padding:var(--memberlogin-space-2xl);background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:var(--memberlogin-text-primary);justify-content:center;position:relative;overflow:hidden;border-left:1px solid rgba(23,210,194,.1)}.memberlogin-features-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(23,210,194,.03) 0%,transparent 70%);animation:float 20s infinite linear}@keyframes float{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memberlogin-hero{margin-bottom:var(--memberlogin-space-xl);position:relative;z-index:1}.memberlogin-hero-title{font-size:32px;font-weight:700;margin:0 0 var(--memberlogin-space-md) 0;background:var(--memberlogin-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.memberlogin-hero-subtitle{font-size:16px;color:var(--memberlogin-text-secondary);margin:0;line-height:1.5}.memberlogin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--memberlogin-space-md);margin-bottom:var(--memberlogin-space-xl);position:relative;z-index:1}.memberlogin-stat-card{padding:var(--memberlogin-space-md);background:#17d2c214;backdrop-filter:blur(10px);border-radius:var(--memberlogin-radius-md);text-align:center;border:1px solid rgba(23,210,194,.15);transition:all .2s ease}.memberlogin-stat-card:hover{background:#17d2c21f;transform:translateY(-2px);border-color:#17d2c240}.stat-icon{display:flex;justify-content:center;margin-bottom:var(--memberlogin-space-sm);color:var(--memberlogin-accent-primary);opacity:.8}.stat-value{font-size:24px;font-weight:700;margin-bottom:var(--memberlogin-space-xs);color:var(--memberlogin-accent-primary)}.stat-label{font-size:11px;color:var(--memberlogin-text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:500}.memberlogin-features-list{display:flex;flex-direction:column;gap:var(--memberlogin-space-md);margin-bottom:var(--memberlogin-space-xl);position:relative;z-index:1}.memberlogin-feature-item{display:flex;align-items:center;gap:var(--memberlogin-space-md);transition:transform .2s ease}.memberlogin-feature-item:hover{transform:translate(4px)}.feature-icon-wrapper{width:44px;height:44px;background:#17d2c21a;backdrop-filter:blur(10px);border-radius:var(--memberlogin-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(23,210,194,.15);color:var(--memberlogin-accent-primary)}.feature-content h3{font-size:16px;font-weight:600;margin:0 0 var(--memberlogin-space-xs) 0;color:var(--memberlogin-text-primary)}.feature-content p{font-size:13px;color:var(--memberlogin-text-secondary);margin:0;line-height:1.4}.memberlogin-app-download{display:flex;align-items:center;gap:var(--memberlogin-space-md);padding:var(--memberlogin-space-md);background:#17d2c20d;backdrop-filter:blur(10px);border-radius:var(--memberlogin-radius-md);margin-bottom:var(--memberlogin-space-lg);border:1px solid rgba(23,210,194,.1);position:relative;z-index:1;transition:all .2s ease}.memberlogin-app-download:hover{background:#17d2c214;border-color:#17d2c233}.memberlogin-app-download h4{font-size:16px;font-weight:600;margin:0 0 var(--memberlogin-space-xs) 0;color:var(--memberlogin-text-primary)}.memberlogin-app-download p{font-size:12px;color:var(--memberlogin-text-secondary);margin:0}.download-btn{margin-left:auto;padding:10px 18px;background:var(--memberlogin-gradient);color:#001310;border:none;border-radius:var(--memberlogin-radius-md);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--memberlogin-space-xs);transition:all .2s ease;white-space:nowrap}.download-btn:hover{transform:translate(2px);box-shadow:0 0 20px #17d2c24d}.memberlogin-trust-badge{display:flex;align-items:center;justify-content:center;gap:var(--memberlogin-space-sm);padding:var(--memberlogin-space-md);background:#17d2c208;backdrop-filter:blur(10px);border-radius:var(--memberlogin-radius-md);font-size:12px;font-weight:500;text-align:center;border:1px solid rgba(23,210,194,.08);position:relative;z-index:1;color:var(--memberlogin-text-secondary)}.memberlogin-social-options{flex-direction:row}.memberlogin-social-btn span{display:none}}@media (min-width: 1024px){.memberlogin-container{padding:var(--memberlogin-space-xl);padding-top:max(var(--memberlogin-space-xl),env(safe-area-inset-top,32px));padding-bottom:max(var(--memberlogin-space-xl),env(safe-area-inset-bottom,32px));padding-left:max(var(--memberlogin-space-xl),env(safe-area-inset-left,32px));padding-right:max(var(--memberlogin-space-xl),env(safe-area-inset-right,32px))}.memberlogin-form-section,.memberlogin-features-section{padding:var(--memberlogin-space-3xl)}.memberlogin-logo h1{font-size:36px}.memberlogin-subtitle{font-size:16px}.memberlogin-hero-title{font-size:36px}.memberlogin-hero-subtitle{font-size:17px}.memberlogin-stats{grid-template-columns:repeat(4,1fr)}.memberlogin-social-btn span{display:inline}.memberlogin-input:hover{border-color:#17d2c24d}.memberlogin-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--memberlogin-shadow-xl),0 0 40px #17d2c266}.memberlogin-btn-secondary:hover,.memberlogin-demo-btn:hover{transform:translateY(-1px)}.memberlogin-social-btn:hover{transform:translateY(-2px)}}.memberlogin-input:focus-visible,.memberlogin-btn-primary:focus-visible,.memberlogin-btn-secondary:focus-visible,.memberlogin-demo-btn:focus-visible,.memberlogin-social-btn:focus-visible,.memberlogin-forgot-link:focus-visible{outline:2px solid var(--memberlogin-accent-primary);outline-offset:3px}@media (prefers-contrast: high){.memberlogin-input,.memberlogin-checkbox .checkbox-custom,.memberlogin-social-btn{border-width:2px}}.ForgotPassword-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1c1c1e);padding:16px}.ForgotPassword-card{background:#1c1c1e;border-radius:12px;padding:32px;width:100%;max-width:500px;box-shadow:0 10px 40px #0000004d}.ForgotPassword-header{text-align:center;margin-bottom:32px}.ForgotPassword-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.ForgotPassword-subtitle{font-size:14px;color:#c7c7cc;margin:0;line-height:1.5}.ForgotPassword-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.ForgotPassword-successIcon{width:20px;height:20px;color:#22c55e;flex-shrink:0;margin-top:2px}.ForgotPassword-success p{margin:0;color:#22c55e;font-size:14px;line-height:1.5}.ForgotPassword-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.ForgotPassword-errorIcon{width:20px;height:20px;color:#ef4444;flex-shrink:0;margin-top:2px}.ForgotPassword-error p{margin:0;color:#ef4444;font-size:14px;line-height:1.5}.ForgotPassword-form,.ForgotPassword-formGroup{margin-bottom:24px}.ForgotPassword-label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.ForgotPassword-input{width:100%;padding:12px 16px;background:#2a2a2c;border:1px solid #3a3a3c;border-radius:8px;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.ForgotPassword-input:focus{outline:none;border-color:#17d2c2;background:#2c2c2e}.ForgotPassword-input:disabled{opacity:.5;cursor:not-allowed}.ForgotPassword-input::placeholder{color:#8e8e93}.ForgotPassword-submitButton{width:100%;padding:14px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.ForgotPassword-submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #17d2c24d}.ForgotPassword-submitButton:active:not(:disabled){transform:translateY(0)}.ForgotPassword-submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ForgotPassword-footer{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:24px;border-top:1px solid #2a2a2c}.ForgotPassword-link{color:#17d2c2;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.ForgotPassword-link:hover{color:#47e0d2;text-decoration:underline}@media (max-width: 768px){.ForgotPassword-card{padding:24px}.ForgotPassword-title{font-size:24px}.ForgotPassword-subtitle{font-size:13px}}.ResetPassword-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1c1c1e);padding:16px}.ResetPassword-card{background:#1c1c1e;border-radius:12px;padding:32px;width:100%;max-width:500px;box-shadow:0 10px 40px #0000004d}.ResetPassword-header{text-align:center;margin-bottom:32px}.ResetPassword-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.ResetPassword-subtitle{font-size:14px;color:#c7c7cc;margin:0}.ResetPassword-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.ResetPassword-errorIcon{width:20px;height:20px;color:#ef4444;flex-shrink:0;margin-top:2px}.ResetPassword-error p{margin:0;color:#ef4444;font-size:14px;line-height:1.5}.ResetPassword-form,.ResetPassword-formGroup{margin-bottom:24px}.ResetPassword-label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.ResetPassword-input{width:100%;padding:12px 16px;background:#2a2a2c;border:1px solid #3a3a3c;border-radius:8px;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.ResetPassword-input:focus{outline:none;border-color:#17d2c2;background:#2c2c2e}.ResetPassword-input:disabled{opacity:.5;cursor:not-allowed}.ResetPassword-input::placeholder{color:#8e8e93}.ResetPassword-hint{display:block;font-size:12px;color:#8e8e93;margin-top:6px}.ResetPassword-submitButton{width:100%;padding:14px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.ResetPassword-submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #17d2c24d}.ResetPassword-submitButton:active:not(:disabled){transform:translateY(0)}.ResetPassword-submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.ResetPassword-footer{text-align:center;padding-top:24px;border-top:1px solid #2a2a2c}.ResetPassword-link{color:#17d2c2;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.ResetPassword-link:hover{color:#47e0d2;text-decoration:underline}.ResetPassword-successState{text-align:center;padding:20px}.ResetPassword-successCheckmark{width:64px;height:64px;color:#22c55e;margin:0 auto 24px}.ResetPassword-successTitle{font-size:24px;font-weight:700;color:#fff;margin:0 0 16px}.ResetPassword-successMessage{font-size:14px;color:#c7c7cc;margin:0 0 24px;line-height:1.6}.ResetPassword-redirectMessage{font-size:13px;color:#8e8e93;margin:0 0 24px}.ResetPassword-loginButton{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s ease}.ResetPassword-loginButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17d2c24d}@media (max-width: 768px){.ResetPassword-card{padding:24px}.ResetPassword-title{font-size:24px}.ResetPassword-subtitle{font-size:13px}.ResetPassword-successTitle{font-size:20px}.ResetPassword-successCheckmark{width:48px;height:48px}}:root{--swipecard-bg-primary: #0a0a0a;--swipecard-bg-secondary: #121212;--swipecard-bg-tertiary: #1c1c1e;--swipecard-border-color: #2a2a2c;--swipecard-text-primary: #ffffff;--swipecard-text-secondary: #c7c7cc;--swipecard-text-tertiary: #8e8e93;--swipecard-accent-primary: #17d2c2;--swipecard-accent-secondary: #12b7ab;--swipecard-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--swipecard-error: #ef4444;--swipecard-warning: #f59e0b;--swipecard-success: #22c55e;--swipecard-info: #38bdf8;--swipecard-spacing-xs: 4px;--swipecard-spacing-sm: 8px;--swipecard-spacing-md: 16px;--swipecard-spacing-lg: 24px;--swipecard-spacing-xl: 32px;--swipecard-radius: 20px;--swipecard-radius-sm: 12px;--swipecard-radius-xs: 8px;--swipecard-shadow: 0 10px 30px rgba(0, 0, 0, .3);--swipecard-shadow-lg: 0 20px 60px rgba(0, 0, 0, .4)}.swipecard-container{position:absolute;width:90vw;max-width:450px;height:85vh;max-height:900px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform,opacity}.swipecard-container.swipecard-top{z-index:10}.swipecard-container:active{cursor:grabbing}.swipecard-photo-container{width:100%;height:100%;border-radius:var(--swipecard-radius);overflow:hidden;position:relative;background:var(--swipecard-bg-tertiary);box-shadow:var(--swipecard-shadow);transition:box-shadow .3s ease;margin-top:30px}.swipecard-top .swipecard-photo-container{box-shadow:var(--swipecard-shadow-lg)}.swipecard-photo{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.swipecard-photo-indicators{position:absolute;top:var(--swipecard-spacing-md);left:var(--swipecard-spacing-md);right:var(--swipecard-spacing-md);display:flex;gap:var(--swipecard-spacing-xs);z-index:2}.photo-indicator{flex:1;height:3px;background:#ffffff4d;border-radius:2px;transition:background .3s ease}.photo-indicator.active{background:#ffffffe6}.swipecard-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.95),transparent);pointer-events:none}.swipecard-top-bar{position:absolute;top:var(--swipecard-spacing-md);left:var(--swipecard-spacing-md);right:var(--swipecard-spacing-md);display:flex;justify-content:space-between;align-items:center;z-index:3}.swipecard-online-status{display:flex;align-items:center;gap:var(--swipecard-spacing-xs);padding:6px 10px;background:#22c55e33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--swipecard-success);text-transform:uppercase;letter-spacing:.5px}.online-dot-indicator{width:6px;height:6px;background:var(--swipecard-success);border-radius:50%;animation:swipecardPulse 2s infinite}@keyframes swipecardPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.swipecard-badges{position:absolute;top:60px;right:var(--swipecard-spacing-md);display:flex;flex-direction:column;gap:var(--swipecard-spacing-sm);z-index:3}.swipecard-badge{display:flex;align-items:center;gap:var(--swipecard-spacing-xs);padding:4px 8px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.verified-badge{border:1px solid rgba(56,189,248,.3);color:var(--swipecard-info)}.swipecard-last-active{position:absolute;top:var(--swipecard-spacing-md);left:var(--swipecard-spacing-md);padding:6px 10px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;font-size:11px;color:var(--swipecard-text-secondary);z-index:3}.swipecard-exit-left{animation:swipecardExitLeft .3s ease-out forwards}.swipecard-exit-right{animation:swipecardExitRight .3s ease-out forwards}.swipecard-exit-super{animation:swipecardExitSuper .5s ease-out forwards}@keyframes swipecardExitLeft{to{transform:translate(-150%) rotate(-30deg);opacity:0}}@keyframes swipecardExitRight{to{transform:translate(150%) rotate(30deg);opacity:0}}@keyframes swipecardExitSuper{to{transform:translateY(-150%) scale(.5) rotate(10deg);opacity:0}}.swipecard-minimal .swipecard-photo-container{border-radius:0}.swipecard-minimal-status{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:10;width:calc(100% - 40px)}.minimal-online-indicator{background:#22c55ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.minimal-online-indicator:after{content:"ONLINE";letter-spacing:.5px}.minimal-online-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:swipecardPulse 2s infinite}.minimal-verified-indicator{background:#38bdf8e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.minimal-verified-indicator:after{content:"VERIFIED";letter-spacing:.5px}.minimal-verified-icon{color:#fff;width:16px;height:16px}@media (max-width: 768px){.swipecard-minimal{width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important}.swipecard-minimal .swipecard-photo-container{border-radius:0!important;height:100%}.swipecard-minimal-status{top:calc(20px + env(safe-area-inset-top,0));left:20px;right:20px}}@supports (padding: env(safe-area-inset-top)){.swipecard-minimal-status{top:calc(20px + env(safe-area-inset-top,0));left:calc(20px + env(safe-area-inset-left,0));right:calc(20px + env(safe-area-inset-right,0))}}@media (min-width: 768px){.swipecard-container{max-width:400px;height:650px}}@media (min-width: 1024px){.swipecard-container{max-width:450px;height:700px;margin-top:70px}.swipecard-photo-container{transition:transform .2s ease,box-shadow .3s ease}.swipecard-top .swipecard-photo-container:hover{transform:translateY(-2px);box-shadow:0 25px 70px #0006}}@media (min-width: 1440px){.swipecard-container{max-width:500px;height:750px}}.swipecard-container:focus-visible{outline:2px solid var(--swipecard-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.swipecard-container,.swipecard-photo-container{transition:none!important;animation:none!important}.online-dot-indicator,.minimal-online-dot{animation:none}}@media (prefers-contrast: high){.swipecard-photo-container{border:2px solid white}.swipecard-badge{border-width:2px}}@media (hover: none) and (pointer: coarse){.swipecard-container{touch-action:pan-y pinch-zoom}}@media (orientation: landscape) and (max-height: 600px){.swipecard-container{height:80vh;max-height:500px}}.swipecard-photo-blurred{filter:blur(10px);transform:scale(1.05)}.swipecard-paid-overlay{position:absolute;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;cursor:pointer;transition:all .3s ease}.swipecard-paid-overlay:hover{background:#000000d9}.swipecard-unlock-icon{font-size:2.5rem;margin-bottom:var(--swipecard-spacing-md);opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.swipecard-price{font-size:1.5rem;font-weight:700;color:var(--swipecard-text-primary);margin-bottom:var(--swipecard-spacing-sm);background:var(--swipecard-gradient);padding:var(--swipecard-spacing-sm) var(--swipecard-spacing-md);border-radius:20px;box-shadow:0 4px 12px #17d2c24d;text-shadow:0 1px 2px rgba(0,0,0,.5)}.swipecard-unlock-text{font-size:.9rem;color:var(--swipecard-text-secondary);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.7);opacity:.8}@media (max-width: 768px){.swipecard-unlock-icon{font-size:2rem;margin-bottom:var(--swipecard-spacing-sm)}.swipecard-price{font-size:1.25rem;padding:var(--swipecard-spacing-xs) var(--swipecard-spacing-sm)}.swipecard-unlock-text{font-size:.8rem}}@keyframes swipecard-paid-overlay-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.swipecard-paid-overlay{animation:swipecard-paid-overlay-fade-in .3s ease-out}.swipecard-creator-attribution{position:absolute;bottom:100px;left:var(--swipecard-spacing-md);right:var(--swipecard-spacing-md);display:flex;align-items:center;gap:var(--swipecard-spacing-sm);background:#000000b3;backdrop-filter:blur(10px);border-radius:var(--swipecard-radius-sm);padding:var(--swipecard-spacing-sm) var(--swipecard-spacing-md);z-index:5}.attribution-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--swipecard-accent-primary)}.attribution-info{display:flex;align-items:center;gap:var(--swipecard-spacing-xs);flex:1;min-width:0}.attribution-name{font-size:14px;font-weight:600;color:var(--swipecard-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attribution-verified{color:var(--swipecard-accent-primary);flex-shrink:0}@media (max-width: 768px){.swipecard-creator-attribution{bottom:90px;left:var(--swipecard-spacing-sm);right:var(--swipecard-spacing-sm);padding:var(--swipecard-spacing-xs) var(--swipecard-spacing-sm)}.attribution-avatar{width:28px;height:28px}.attribution-name{font-size:13px}}.swipecard-safety-menu-container{position:absolute;top:var(--swipecard-spacing-md);right:var(--swipecard-spacing-md);z-index:9999}.swipecard-safety-menu-button{width:40px;height:40px;background:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--swipecard-text-primary);box-shadow:0 2px 8px #0000004d}.swipecard-safety-menu-button:hover{background:#000c;transform:scale(1.05);box-shadow:0 4px 12px #0006}.swipecard-safety-menu-button:active{transform:scale(.95)}.swipecard-safety-menu-dropdown{position:absolute;top:48px;right:0;background:var(--swipecard-bg-tertiary);border:1px solid var(--swipecard-border-color);border-radius:var(--swipecard-radius-xs);box-shadow:var(--swipecard-shadow);overflow:hidden;min-width:120px;z-index:1000;animation:swipecard-safety-dropdown-appear .2s ease}@keyframes swipecard-safety-dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.swipecard-safety-menu-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--swipecard-text-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease;font-family:inherit}.swipecard-safety-menu-item:hover{background:var(--swipecard-bg-secondary)}.swipecard-safety-menu-item:active{background:var(--swipecard-border-color)}@media (max-width: 768px){.swipecard-safety-menu-container{top:var(--swipecard-spacing-sm);right:var(--swipecard-spacing-sm)}.swipecard-safety-menu-button{width:44px;height:44px}.swipecard-safety-menu-dropdown{top:52px;min-width:140px}.swipecard-safety-menu-item{padding:16px;font-size:16px;min-height:48px}}@media (prefers-contrast: high){.swipecard-safety-menu-button{background:#000000e6;border:2px solid var(--swipecard-text-primary)}.swipecard-safety-menu-dropdown{border-width:2px}}@media (prefers-reduced-motion: reduce){.swipecard-safety-menu-button{transition:none}.swipecard-safety-menu-button:hover{transform:none}.swipecard-safety-menu-dropdown{animation:none}}.swipecard-safety-menu-button:focus,.swipecard-safety-menu-item:focus{outline:2px solid var(--swipecard-accent-primary);outline-offset:2px}.swipecard-safety-menu-button:focus-visible,.swipecard-safety-menu-item:focus-visible{outline:2px solid var(--swipecard-accent-primary);outline-offset:2px}.CreditPurchaseModal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.CreditPurchaseModal{background:var(--bg-800);border:1px solid var(--border-600);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.CreditPurchaseModal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-600);background:var(--surface-700)}.CreditPurchaseModal-title{display:flex;align-items:center;gap:var(--space-sm)}.CreditPurchaseModal-title svg{color:var(--primary)}.CreditPurchaseModal-title h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.CreditPurchaseModal-context{color:var(--text-secondary);font-size:14px;margin:var(--space-xs) 0 0 32px;font-weight:400}.CreditPurchaseModal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.CreditPurchaseModal-close-btn:hover{background:var(--border-600);color:var(--text-primary)}.CreditPurchaseModal-close-btn:disabled{opacity:.5;cursor:not-allowed}.CreditPurchaseModal-content{padding:var(--space-xl);overflow-y:auto;max-height:calc(90vh - 140px)}.CreditPurchaseModal-current-balance{display:flex;justify-content:space-between;align-items:center;background:var(--surface-700);padding:var(--space-md) var(--space-lg);border-radius:12px;margin-bottom:var(--space-xl)}.CreditPurchaseModal-balance-label{color:var(--text-secondary);font-size:14px;font-weight:500}.CreditPurchaseModal-balance-value{color:var(--primary);font-size:16px;font-weight:600}.CreditPurchaseModal-loading{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.CreditPurchaseModal-package-skeleton{height:160px;background:var(--surface-700);border-radius:16px;background:linear-gradient(90deg,var(--surface-700) 25%,var(--border-600) 50%,var(--surface-700) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.CreditPurchaseModal-packages{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.CreditPurchaseModal-package{background:var(--surface-700);border:2px solid var(--border-600);border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-height:180px}.CreditPurchaseModal-package:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 20px #17d2c21a}.CreditPurchaseModal-package.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--surface-700) 0%,rgba(23,210,194,.1) 100%);box-shadow:0 4px 20px #17d2c226}.CreditPurchaseModal-package.popular{border-color:var(--primary);background:linear-gradient(135deg,var(--surface-700) 0%,rgba(23,210,194,.08) 100%)}.CreditPurchaseModal-package-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.CreditPurchaseModal-package-badge.popular{background:var(--primary);color:#fff}.CreditPurchaseModal-package-badge.best-value{background:var(--success);color:#fff}.CreditPurchaseModal-package-badge.bonus{background:var(--warning);color:#fff}.CreditPurchaseModal-package-icon-container{margin-top:var(--space-md)}.CreditPurchaseModal-package-icon{color:var(--primary)}.CreditPurchaseModal-package-icon.popular{color:var(--warning)}.CreditPurchaseModal-package-icon.bonus{color:var(--success)}.CreditPurchaseModal-package-credits{display:flex;flex-direction:column;align-items:center;gap:2px}.CreditPurchaseModal-package-amount{font-size:20px;font-weight:700;color:var(--text-primary)}.CreditPurchaseModal-package-unit{font-size:12px;color:var(--text-secondary)}.CreditPurchaseModal-package-price{font-size:16px;font-weight:600;color:var(--primary)}.CreditPurchaseModal-package-bonus{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--success);font-weight:500}.CreditPurchaseModal-package-savings{background:var(--success);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.CreditPurchaseModal-package-per-credit{font-size:11px;color:var(--text-secondary);text-align:center}.CreditPurchaseModal-package-selected{position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.CreditPurchaseModal-security{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-lg)}.CreditPurchaseModal-security svg{color:var(--success)}.CreditPurchaseModal-purchase-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:12px;padding:var(--space-md) var(--space-lg);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-optimal);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.CreditPurchaseModal-purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #17d2c24d}.CreditPurchaseModal-purchase-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.CreditPurchaseModal-purchase-price{margin-left:auto;font-weight:700}.CreditPurchaseModal-processing{padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.CreditPurchaseModal-processing-icon{color:var(--primary)}.CreditPurchaseModal-processing h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.CreditPurchaseModal-processing p{color:var(--text-secondary);font-size:14px;margin:0}.CreditPurchaseModal-processing-dots{display:flex;gap:var(--space-sm)}.CreditPurchaseModal-processing-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.CreditPurchaseModal-footer{padding:var(--space-lg) var(--space-xl);padding-bottom:80px;border-top:1px solid var(--border-600);background:var(--surface-700)}.CreditPurchaseModal-footer-info p{color:var(--text-secondary);font-size:13px;text-align:center;margin:0;line-height:1.4}@media (max-width: 768px){.CreditPurchaseModal-overlay{align-items:flex-end;padding:0}.CreditPurchaseModal{width:100%;max-width:none;border-radius:20px 20px 0 0;max-height:95vh}.CreditPurchaseModal-content{padding:var(--space-lg)}.CreditPurchaseModal-packages{grid-template-columns:1fr;gap:var(--space-sm)}.CreditPurchaseModal-package{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-md);min-height:var(--touch-target-optimal)}.CreditPurchaseModal-package-icon-container{margin-top:0}.CreditPurchaseModal-package-credits{flex-direction:row;gap:var(--space-xs)}.CreditPurchaseModal-package-amount{font-size:18px}.CreditPurchaseModal-package-badge{top:4px;right:4px;left:auto;transform:none;font-size:9px;padding:2px 6px}.CreditPurchaseModal-processing{padding:var(--space-xl)}}@keyframes package-select{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.CreditPurchaseModal-package.selected{animation:package-select .3s ease-out}.CreditPurchaseModal-custom-section{margin-top:var(--space-lg)}.CreditPurchaseModal-custom-divider{display:flex;align-items:center;text-align:center;margin-bottom:var(--space-md);color:var(--text-secondary);font-size:13px}.CreditPurchaseModal-custom-divider:before,.CreditPurchaseModal-custom-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-600)}.CreditPurchaseModal-custom-divider span{padding:0 var(--space-md)}.CreditPurchaseModal-custom-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:var(--surface-700);border:2px solid var(--border-600);border-radius:12px;padding:var(--space-md);transition:all .2s}.CreditPurchaseModal-custom-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.CreditPurchaseModal-custom-currency{font-size:20px;font-weight:600;color:var(--primary)}.CreditPurchaseModal-custom-input{flex:1;background:transparent;border:none;font-size:20px;font-weight:600;color:var(--text-primary);outline:none}.CreditPurchaseModal-custom-input::placeholder{color:var(--muted);font-weight:400;font-size:16px}.CreditPurchaseModal-custom-input.active{color:var(--primary)}.CreditPurchaseModal-custom-credits{font-size:14px;color:var(--text-secondary);white-space:nowrap}.CreditPurchaseModal-custom-input.active+.CreditPurchaseModal-custom-credits{color:var(--primary);font-weight:500}.CreditPurchaseModal-custom-note{margin-top:var(--space-sm);font-size:12px;color:var(--text-secondary);text-align:center}@media (max-width: 640px){.CreditPurchaseModal-custom-input{font-size:18px}.CreditPurchaseModal-custom-input::placeholder{font-size:14px}}.purchase-confirmation-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:purchase-modal-fade-in .2s ease}@keyframes purchase-modal-fade-in{0%{opacity:0}to{opacity:1}}.purchase-confirmation-modal{background:#1c1c1e;border-radius:20px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:purchase-modal-slide-up .3s ease;position:relative}@keyframes purchase-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.purchase-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.purchase-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00ffff1a;border-radius:12px;color:#0ff;flex-shrink:0}.purchase-modal-header h2{flex:1;font-size:20px;font-weight:600;margin:0;color:#fff}.purchase-modal-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease;flex-shrink:0}.purchase-modal-close:hover{background:#ffffff1a;color:#fff}.purchase-modal-close:active{transform:scale(.95)}.purchase-modal-close:disabled{opacity:.5;cursor:not-allowed}.purchase-modal-content-preview{padding:20px}.purchase-preview-image{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;background:#2a2a2c;margin-bottom:16px}.purchase-preview-img-blurred{width:100%;height:100%;object-fit:cover;filter:blur(20px)}.purchase-preview-video-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#fff9;gap:8px}.purchase-preview-video-indicator span{font-size:16px;font-weight:500}.purchase-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#0ff}.purchase-content-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff;text-align:center}.purchase-creator-name{font-size:14px;color:#fff9;margin:0;text-align:center}.purchase-modal-price{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#00ffff0d;border-top:1px solid rgba(0,255,255,.1);border-bottom:1px solid rgba(0,255,255,.1)}.purchase-price-label{font-size:16px;color:#ffffffb3}.purchase-price-amount{font-size:28px;font-weight:700;color:#0ff}.purchase-credit-balance{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#17d2c20d;border-top:1px solid rgba(23,210,194,.1);border-bottom:1px solid rgba(23,210,194,.1);gap:12px}.purchase-credit-balance-info{display:flex;align-items:center;gap:8px;color:#17d2c2;font-size:15px}.purchase-credit-balance-info strong{font-weight:700;font-size:17px}.purchase-buy-credits-link{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#001310;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.purchase-buy-credits-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #17d2c266}.purchase-buy-credits-link:active{transform:scale(.98)}.purchase-buy-credits-link:disabled{opacity:.5;cursor:not-allowed;transform:none}.purchase-payment-methods{padding:20px}.purchase-payment-methods h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#fff}.purchase-payment-option{position:relative;display:block;padding:16px;background:#1c1c1ee6;border:2px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.purchase-payment-option:last-child{margin-bottom:0}.purchase-payment-option:hover:not(.insufficient){border-color:#17d2c24d;background:#1c1c1e}.purchase-payment-option.selected{border-color:#17d2c2;background:#17d2c20d}.purchase-payment-option.insufficient{opacity:.6;cursor:not-allowed}.purchase-payment-option.insufficient:hover{border-color:#ffffff1a;background:#1c1c1ee6}.purchase-payment-option input[type=radio]{display:none}.purchase-payment-option-content{display:flex;align-items:center;gap:12px}.purchase-payment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border-radius:10px;color:#fff;flex-shrink:0}.purchase-payment-icon.credits-icon{background:#17d2c21a;color:#17d2c2}.purchase-payment-details{display:flex;flex-direction:column;gap:4px;flex:1}.purchase-payment-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff}.purchase-instant-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:4px;font-size:11px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.5px}.purchase-payment-balance{font-size:13px;color:#fff9}.purchase-insufficient-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#000000b3;border-radius:12px;color:#f59e0b;font-size:14px;font-weight:600;pointer-events:none}.purchase-modal-error{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin:0 20px 16px;color:#ef4444;font-size:14px}.purchase-modal-error svg{flex-shrink:0}.purchase-modal-actions{display:flex;gap:12px;padding:0 20px 20px}.purchase-modal-cancel,.purchase-modal-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-height:48px}.purchase-modal-cancel{background:#ffffff0d;color:#fffc}.purchase-modal-cancel:hover{background:#ffffff1a;color:#fff}.purchase-modal-cancel:active{transform:scale(.98)}.purchase-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.purchase-modal-confirm{background:linear-gradient(135deg,#0ff,#00d4d4);color:#001310}.purchase-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ff6}.purchase-modal-confirm:active{transform:scale(.98)}.purchase-modal-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.purchase-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#001310;border-radius:50%;animation:purchase-spinner-spin .8s linear infinite}@keyframes purchase-spinner-spin{to{transform:rotate(360deg)}}.purchase-modal-info{padding:0 20px 24px}.purchase-modal-info p{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#fff9;margin:0 0 8px}.purchase-modal-info p:last-child{margin-bottom:0}.purchase-modal-info p svg{flex-shrink:0}.purchase-modal-success-note{color:#22c55e!important;font-weight:500}.purchase-modal-note{font-style:italic}@media (min-width: 768px){.purchase-confirmation-modal{max-width:520px}.purchase-modal-header{padding:28px 28px 20px}.purchase-modal-content-preview{padding:24px}.purchase-content-title{font-size:20px}.purchase-price-amount{font-size:32px}.purchase-payment-methods{padding:24px}.purchase-modal-actions{padding:0 24px 24px}.purchase-modal-info{padding:0 24px 28px}}@media (min-width: 1025px){.purchase-confirmation-modal{max-width:560px}}.purchase-modal-close:focus-visible,.purchase-modal-cancel:focus-visible,.purchase-modal-confirm:focus-visible,.purchase-payment-option:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.purchase-confirmation-modal-overlay,.purchase-confirmation-modal,.purchase-modal-close,.purchase-modal-cancel,.purchase-modal-confirm,.purchase-payment-option{animation:none;transition:none}.purchase-spinner{animation:none;border:2px solid #001310}}.unlocked-content-modal-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:10000;padding:env(safe-area-inset-top,1rem) env(safe-area-inset-right,1rem) env(safe-area-inset-bottom,1rem) env(safe-area-inset-left,1rem)}.unlocked-content-modal{background:linear-gradient(135deg,#1c1c1e,#2a2a2c);border-radius:24px;max-width:600px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(23,210,194,.2);box-shadow:0 20px 60px #17d2c226,0 0 100px #17d2c21a}.unlocked-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.unlocked-modal-close:hover{background:#fff3;transform:scale(1.1)}.unlocked-modal-header{padding:2.5rem 2rem 1.5rem;text-align:center}.unlocked-success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#17d2c2,#12b7ab);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #17d2c24d}.unlocked-modal-header h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#17d2c2,#47e0d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unlocked-modal-header p{font-size:1rem;color:#c7c7cc;margin:0}.unlocked-modal-content{padding:0 1.5rem 1.5rem}.unlocked-content-preview{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;background:#0a0a0a;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000004d}.unlocked-media{width:100%;height:100%;object-fit:cover;display:block}.unlocked-content-info{margin-bottom:1.5rem;text-align:center}.unlocked-content-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.unlocked-creator-name{font-size:.95rem;color:#8e8e93;margin:0}.unlocked-quick-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.unlocked-action-btn{flex:1;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.unlocked-action-btn:hover{background:#ffffff1a;border-color:#17d2c24d;transform:translateY(-2px)}.unlocked-action-btn.like-btn:hover{color:#ff3b69;border-color:#ff3b694d}.unlocked-action-btn.download-btn:hover{color:#17d2c2;border-color:#17d2c24d}.unlocked-modal-actions{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.unlocked-modal-btn{padding:1rem 1.5rem;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.library-btn{background:#17d2c21a;color:#17d2c2;border:1px solid rgba(23,210,194,.3)}.library-btn:hover{background:#17d2c226;border-color:#17d2c280;transform:translateY(-2px);box-shadow:0 8px 20px #17d2c233}.continue-btn{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#fff;border:1px solid transparent}.continue-btn:hover{background:linear-gradient(135deg,#12b7ab,#0fa093);transform:translateY(-2px);box-shadow:0 8px 20px #17d2c24d}.unlocked-modal-note{padding:0 1.5rem 1.5rem}.unlocked-modal-note p{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#8e8e93;margin:0;padding:1rem;background:#17d2c20d;border-radius:12px;border:1px solid rgba(23,210,194,.1)}.unlocked-modal-note svg{color:#17d2c2;flex-shrink:0}@media (max-width: 768px){.unlocked-content-modal{max-width:calc(100% - 1rem);margin:.5rem}.unlocked-modal-header{padding:2rem 1.5rem 1rem}.unlocked-success-icon{width:64px;height:64px}.unlocked-success-icon svg{width:32px;height:32px}.unlocked-modal-header h2{font-size:1.5rem}.unlocked-modal-content{padding:0 1rem 1rem}.unlocked-quick-actions{flex-direction:column}.unlocked-modal-actions,.unlocked-modal-note{padding:0 1rem 1rem}}@keyframes unlockSuccess{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.unlocked-modal-header:before{content:"✨";position:absolute;top:1rem;left:1rem;font-size:2rem;animation:float 3s ease-in-out infinite}.unlocked-modal-header:after{content:"🎉";position:absolute;top:1rem;right:4rem;font-size:2rem;animation:float 3s ease-in-out infinite 1.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}:root{--ReportModal-overlay: rgba(0, 0, 0, .8);--ReportModal-bg: #1c1c1e;--ReportModal-surface: #2a2a2c;--ReportModal-border: #3a3a3c;--ReportModal-text: #ffffff;--ReportModal-text-secondary: #c7c7cc;--ReportModal-text-muted: #8e8e93;--ReportModal-critical: #ef4444;--ReportModal-critical-bg: rgba(239, 68, 68, .1);--ReportModal-high: #f97316;--ReportModal-high-bg: rgba(249, 115, 22, .1);--ReportModal-medium: #eab308;--ReportModal-medium-bg: rgba(234, 179, 8, .1);--ReportModal-low: #8e8e93;--ReportModal-low-bg: rgba(142, 142, 147, .1);--ReportModal-primary: #17d2c2;--ReportModal-primary-hover: #12b7ab;--ReportModal-secondary: #3a3a3c;--ReportModal-secondary-hover: #4a4a4c;--ReportModal-success: #22c55e;--ReportModal-error: #ef4444;--ReportModal-error-bg: rgba(239, 68, 68, .1)}.ReportModal-overlay{position:fixed;inset:0;background:var(--ReportModal-overlay);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ReportModal-fadeIn .2s ease}.ReportModal-container{position:relative;width:100%;max-width:500px;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 40px);background:var(--ReportModal-bg);border-radius:16px;border:1px solid var(--ReportModal-border);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;display:flex;flex-direction:column;overflow:hidden;animation:ReportModal-slideUp .3s ease}.ReportModal-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.ReportModal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--ReportModal-border);flex-shrink:0}.ReportModal-header-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.ReportModal-icon{flex-shrink:0;width:40px;height:40px;background:var(--ReportModal-error-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ReportModal-error)}.ReportModal-title-section{flex:1;min-width:0}.ReportModal-title{font-size:1.25rem;font-weight:600;color:var(--ReportModal-text);margin:0 0 4px;line-height:1.4}.ReportModal-subtitle{font-size:.875rem;color:var(--ReportModal-text-secondary);margin:0;line-height:1.4}.ReportModal-close-button{flex-shrink:0;width:32px;height:32px;background:var(--ReportModal-secondary);border:none;border-radius:6px;color:var(--ReportModal-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ReportModal-form{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:24px;-webkit-overflow-scrolling:touch}.ReportModal-actions{flex-shrink:0;display:flex;gap:12px;margin-top:8px;padding:0 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.ReportModal-section{display:flex;flex-direction:column;gap:12px}.ReportModal-section-title{font-size:1rem;font-weight:600;color:var(--ReportModal-text);margin:0;line-height:1.4}.ReportModal-categories{display:flex;flex-direction:column;gap:8px}.ReportModal-category{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--ReportModal-surface);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.ReportModal-category.selected{border-color:var(--ReportModal-primary);background:#17d2c21a}.ReportModal-category.critical .ReportModal-category-icon{color:var(--ReportModal-critical)}.ReportModal-category.high .ReportModal-category-icon{color:var(--ReportModal-high)}.ReportModal-category.medium .ReportModal-category-icon{color:var(--ReportModal-medium)}.ReportModal-category.low .ReportModal-category-icon{color:var(--ReportModal-low)}.ReportModal-category-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:2px}.ReportModal-category-content{flex:1;min-width:0}.ReportModal-category-label{font-size:.95rem;font-weight:500;color:var(--ReportModal-text);margin:0 0 4px;line-height:1.3}.ReportModal-category-description{font-size:.8rem;color:var(--ReportModal-text-secondary);margin:0;line-height:1.4}.ReportModal-category-radio{flex-shrink:0;margin-top:2px}.ReportModal-category-radio input[type=radio]{width:18px;height:18px;accent-color:var(--ReportModal-primary);cursor:pointer}.ReportModal-textarea{width:100%;min-height:100px;padding:12px 16px;background:var(--ReportModal-surface);border:1px solid var(--ReportModal-border);border-radius:8px;color:var(--ReportModal-text);font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.ReportModal-textarea:focus{outline:none;border-color:var(--ReportModal-primary)}.ReportModal-textarea::placeholder{color:var(--ReportModal-text-muted)}.ReportModal-character-count{font-size:.75rem;color:var(--ReportModal-text-muted);text-align:right;margin-top:4px}.ReportModal-button{flex:1;min-height:44px;padding:12px 20px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;outline:none}.ReportModal-button:focus{outline:2px solid var(--ReportModal-primary);outline-offset:2px}.ReportModal-button--primary{background:var(--ReportModal-primary);color:#000;border-color:var(--ReportModal-primary)}.ReportModal-button--secondary{background:var(--ReportModal-secondary);color:var(--ReportModal-text);border-color:var(--ReportModal-secondary)}.ReportModal-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ReportModal-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--ReportModal-error-bg);border:1px solid var(--ReportModal-error);border-radius:8px;color:var(--ReportModal-error);font-size:.875rem;line-height:1.4}.ReportModal-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top:2px solid currentColor;border-radius:50%;animation:ReportModal-spin 1s linear infinite}.ReportModal-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:16px}.ReportModal-success-icon{color:var(--ReportModal-success);margin-bottom:8px}.ReportModal-success h3{font-size:1.25rem;font-weight:600;color:var(--ReportModal-text);margin:0}.ReportModal-success p{font-size:.875rem;color:var(--ReportModal-text-secondary);margin:0;line-height:1.5;max-width:300px}.ReportModal-disclaimer{padding:16px;background:var(--ReportModal-surface);border-radius:8px;border:1px solid var(--ReportModal-border);margin-top:8px}.ReportModal-disclaimer p{font-size:.75rem;color:var(--ReportModal-text-muted);margin:0;line-height:1.4}.ReportModal-disclaimer strong{color:var(--ReportModal-text-secondary)}@keyframes ReportModal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ReportModal-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ReportModal-spin{to{transform:rotate(360deg)}}@media (max-width: 767px){.ReportModal-overlay{padding:8px;align-items:flex-end;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.ReportModal-container{max-height:80vh;border-radius:16px 16px 0 0;margin-bottom:100px}.ReportModal-header{padding:16px 16px 12px}.ReportModal-form{padding:16px;gap:20px}.ReportModal-category{padding:12px}.ReportModal-category-label{font-size:.9rem}.ReportModal-category-description{font-size:.75rem}.ReportModal-actions{flex-direction:column;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.ReportModal-button{min-height:48px}}@media (min-width: 768px) and (max-width: 1023px){.ReportModal-container{max-width:520px}}@media (min-width: 1024px){.ReportModal-container{max-width:540px}.ReportModal-overlay{align-items:center}}.ReportModal-close-button:focus-visible,.ReportModal-button:focus-visible,.ReportModal-category:focus-visible{outline:2px solid var(--ReportModal-primary);outline-offset:2px}@media (prefers-contrast: high){.ReportModal-category,.ReportModal-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.ReportModal-overlay,.ReportModal-container,.ReportModal-button,.ReportModal-category{animation:none;transition:none}.ReportModal-spinner{animation:none}}.ReportModal-form::-webkit-scrollbar{width:6px}.ReportModal-form::-webkit-scrollbar-track{background:var(--ReportModal-surface)}.ReportModal-form::-webkit-scrollbar-thumb{background:var(--ReportModal-border);border-radius:3px}[dir=rtl] .ReportModal-header-content,[dir=rtl] .ReportModal-category,[dir=rtl] .ReportModal-error{flex-direction:row-reverse}.browse-creators-page{width:100%;min-height:100vh;min-height:100dvh;background:#000;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + env(safe-area-inset-bottom,16px))}@media (max-width: 1023px){.browse-creators-page{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh}}@media (min-width: 1024px){.browse-creators-page{position:relative;min-height:100vh}}.browse-creators-card-stack{position:relative;width:100%;height:calc(100vh - 130px);height:calc(100dvh - 130px);max-width:500px;max-height:700px;display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.browse-creators-card-stack{height:auto;min-height:600px;max-height:none;max-width:450px;margin-top:50px;margin-bottom:70px}}.browse-creators-card-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;isolation:isolate}@media (max-width: 768px){.browse-creators-card-stack{height:calc(100vh - 130px);height:calc(100dvh - 130px)}}.browse-creators-action-buttons{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;z-index:1000;padding:0 15px;width:100%;max-width:400px}.browse-creators-action-btn{display:flex;align-items:center;justify-content:center;border:none;backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;color:#fff;box-shadow:0 4px 20px #0006;flex-shrink:0}.browse-creators-action-btn:active{transform:scale(.9)}.browse-creators-action-btn:disabled{opacity:.3;cursor:not-allowed}.browse-creators-action-btn.browse-creators-rewind{width:44px;height:44px;border-radius:50%;background:var(--favorites-purple);border:none}.browse-creators-action-btn.browse-creators-info{width:44px;height:44px;border-radius:50%;background:var(--primary);border:none}.browse-creators-action-btn.browse-creators-pass{width:56px;height:56px;border-radius:50%;background:var(--error);border:none}.browse-creators-action-btn.browse-creators-super{width:50px;height:50px;border-radius:50%;background:var(--info);border:none}.browse-creators-action-btn.browse-creators-like{width:56px;height:56px;border-radius:50%;background:var(--success);border:none}.browse-creators-no-more-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px}.browse-creators-no-more-cards h2{font-size:24px;margin-bottom:10px}.browse-creators-no-more-cards p{opacity:.7;margin-bottom:30px}.browse-creators-no-more-cards button{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer}@media (max-width: 480px){.browse-creators-action-buttons{bottom:85px;gap:10px;padding:0 10px}.browse-creators-action-btn.browse-creators-rewind,.browse-creators-action-btn.browse-creators-info{width:42px;height:42px}.browse-creators-action-btn.browse-creators-pass,.browse-creators-action-btn.browse-creators-like{width:54px;height:54px}.browse-creators-action-btn.browse-creators-super{width:48px;height:48px}}@supports (padding: env(safe-area-inset-bottom)){.browse-creators-action-buttons{bottom:calc(135px + env(safe-area-inset-bottom,0px))}}@media (min-width: 769px) and (max-width: 1023px){.browse-creators-action-buttons{bottom:80px;gap:15px}}@media (min-width: 1024px){.browse-creators-action-buttons{position:fixed!important;bottom:120px!important;left:50%!important;transform:translate(-50%)!important;gap:20px;z-index:1000;width:100%;max-width:400px}.browse-creators-action-btn.browse-creators-rewind,.browse-creators-action-btn.browse-creators-info{width:48px;height:48px}.browse-creators-action-btn.browse-creators-pass,.browse-creators-action-btn.browse-creators-like{width:60px;height:60px}.browse-creators-action-btn.browse-creators-super{width:55px;height:55px}}@media (min-width: 769px) and (max-width: 1023px){.browse-creators-action-btn.browse-creators-rewind,.browse-creators-action-btn.browse-creators-info{width:48px;height:48px}.browse-creators-action-btn.browse-creators-pass,.browse-creators-action-btn.browse-creators-like{width:60px;height:60px}.browse-creators-action-btn.browse-creators-super{width:55px;height:55px}}.browse-creators-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px;margin-bottom:100px}.browse-creators-no-results svg{color:#17d2c2;margin-bottom:20px}.browse-creators-no-results h2{font-size:24px;font-weight:600;margin-bottom:10px;color:#fff}.browse-creators-no-results p{color:#c7c7cc;margin-bottom:30px;font-size:16px}.browse-reset-filters-btn{padding:16px 32px;background:#17d2c2;color:#001310;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.browse-reset-filters-btn:active{transform:scale(.95)}.browse-creators-no-more-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px;margin-bottom:100px}.browse-creators-no-more-cards svg{color:gold;margin-bottom:20px}.browse-creators-no-more-cards h2{font-size:24px;font-weight:600;margin-bottom:10px;color:#fff}.browse-creators-no-more-cards p{color:#c7c7cc;margin-bottom:30px;font-size:16px}.browse-refresh-btn{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;font-weight:600;cursor:pointer;font-size:16px;transition:all .2s}.browse-refresh-btn:active{transform:scale(.95)}:root{--creator-profile-bg-primary: #0a0a0a;--creator-profile-bg-secondary: #121212;--creator-profile-bg-tertiary: #1c1c1e;--creator-profile-border-color: #2a2a2c;--creator-profile-text-primary: #ffffff;--creator-profile-text-secondary: #c7c7cc;--creator-profile-text-tertiary: #8e8e93;--creator-profile-accent-primary: #17d2c2;--creator-profile-accent-secondary: #12b7ab;--creator-profile-accent-tertiary: #47e0d2;--creator-profile-error: #ef4444;--creator-profile-warning: #f59e0b;--creator-profile-success: #22c55e;--creator-profile-info: #38bdf8;--creator-profile-gradient: linear-gradient(135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100%);--creator-profile-spacing-xs: 4px;--creator-profile-spacing-sm: 8px;--creator-profile-spacing-md: 16px;--creator-profile-spacing-lg: 24px;--creator-profile-spacing-xl: 32px;--creator-profile-touch-target: 44px;--creator-profile-border-radius: 12px;--creator-profile-border-radius-lg: 20px}.creator-profile-page{min-height:100vh;background:var(--creator-profile-bg-primary);display:flex;flex-direction:column;margin-top:40px;padding-top:env(safe-area-inset-top)}.profile-loading,.profile-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--creator-profile-spacing-md);padding:var(--creator-profile-spacing-xl);color:var(--creator-profile-text-secondary)}.loading-spinner{width:48px;height:48px;border:3px solid var(--creator-profile-border-color);border-top-color:var(--creator-profile-accent-primary);border-radius:50%;animation:profileSpin 1s linear infinite}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-error svg{color:var(--creator-profile-error)}.profile-error h3{font-size:20px;font-weight:600;color:var(--creator-profile-text-primary);margin:0}.profile-error p{font-size:14px;color:var(--creator-profile-text-secondary);margin:0}.back-btn{padding:12px 24px;background:var(--creator-profile-accent-primary);color:#000;border:none;border-radius:var(--creator-profile-border-radius);font-size:14px;font-weight:600;cursor:pointer}.profile-container{flex:1;display:flex;flex-direction:column;max-width:100%;margin:0 auto;background:var(--creator-profile-bg-secondary)}.profile-header{position:relative;background:transparent;display:block}.cover-photo-container{position:relative;width:100%;height:60vh;margin:100px 0 0;background:linear-gradient(135deg,#1c1c1e,#2a2a2c);display:flex;flex-direction:column;overflow:hidden}.cover-photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.placeholder-cover{background:linear-gradient(135deg,#1c1c1e,#2a2a2c);width:100%;height:100%;display:block;position:relative}.cover-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);pointer-events:none}.header-actions{position:absolute;top:env(safe-area-inset-top,16px);left:16px;right:16px;display:flex;justify-content:space-between;z-index:50}.header-actions .action-icon-btn:first-child{margin-right:auto}.header-actions .action-icon-btn:not(:first-child){margin-left:8px}.action-icon-btn{width:44px;height:44px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--creator-profile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-icon-btn:active{transform:scale(.95);background:#000000f2}.floating-header-actions{position:absolute;top:env(safe-area-inset-top,16px);left:var(--creator-profile-spacing-md);right:var(--creator-profile-spacing-md);display:flex;justify-content:space-between;z-index:100}.floating-actions-right{display:flex;gap:var(--creator-profile-spacing-sm)}.floating-action-btn{width:var(--creator-profile-touch-target);height:var(--creator-profile-touch-target);background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--creator-profile-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.floating-action-btn:active{transform:scale(.95);background:#000000f2}.profile-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.85) 30%,rgba(0,0,0,.4) 60%,transparent);z-index:20;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.profile-avatar-section{display:flex;align-items:center;gap:16px}.profile-avatar{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.9);overflow:hidden;background:var(--creator-profile-bg-tertiary);flex-shrink:0;box-shadow:0 4px 12px #00000080}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a2a2c;color:#8e8e93}.online-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:var(--creator-profile-success);border:2px solid rgba(0,0,0,.5);border-radius:50%;animation:profilePulse 2s infinite}@keyframes profilePulse{0%,to{opacity:1}50%{opacity:.5}}.profile-details{flex:1;color:var(--creator-profile-text-primary)}.profile-name-section{margin-bottom:var(--creator-profile-spacing-sm)}.profile-name{font-size:24px;font-weight:700;color:var(--creator-profile-text-primary);margin:0;display:flex;align-items:center;gap:var(--creator-profile-spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.8)}.verified-icon{color:var(--creator-profile-info);flex-shrink:0}.profile-username{font-size:14px;color:var(--creator-profile-text-tertiary);display:block;margin-top:2px}.profile-bio{font-size:14px;line-height:1.5;color:var(--creator-profile-text-secondary);margin:var(--creator-profile-spacing-sm) 0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--creator-profile-spacing-md);margin:var(--creator-profile-spacing-sm) 0;font-size:13px;color:var(--creator-profile-text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.meta-item{display:flex;align-items:center;gap:var(--creator-profile-spacing-xs)}.meta-item svg{flex-shrink:0}.profile-actions{display:flex;gap:var(--creator-profile-spacing-sm);margin-top:var(--creator-profile-spacing-md)}.follow-btn{display:flex;align-items:center;gap:var(--creator-profile-spacing-xs);padding:8px 16px;background:var(--creator-profile-accent-primary);color:#000;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.follow-btn.following{background:var(--creator-profile-bg-tertiary);color:var(--creator-profile-text-primary);border:1px solid var(--creator-profile-border-color)}.like-btn,.message-btn{width:40px;height:40px;background:var(--creator-profile-bg-tertiary);border:1px solid var(--creator-profile-border-color);border-radius:50%;color:var(--creator-profile-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.like-btn.matched{background:#ef44441a;border-color:var(--creator-profile-error);color:var(--creator-profile-error)}.message-btn:disabled{opacity:.5;cursor:not-allowed}.profile-info{display:none}@media (max-width: 767px){.content-grid{grid-template-columns:1fr!important;gap:2px;padding:2px}}.profile-tabs{display:flex;background:var(--creator-profile-bg-secondary);border-bottom:1px solid var(--creator-profile-border-color);position:sticky;top:0;z-index:10;margin-top:16px}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--creator-profile-spacing-xs);padding:var(--creator-profile-spacing-md);background:transparent;border:none;color:var(--creator-profile-text-tertiary);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease}.tab-btn span{display:none}.tab-btn.active{color:var(--creator-profile-accent-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--creator-profile-accent-primary)}.tab-content{flex:1;background:var(--creator-profile-bg-primary);padding-bottom:80px;min-height:calc(100vh - 500px)}.content-filter{display:flex;gap:var(--creator-profile-spacing-sm);padding:var(--creator-profile-spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--creator-profile-bg-secondary)}.content-filter::-webkit-scrollbar{display:none}.filter-option{display:flex;align-items:center;gap:var(--creator-profile-spacing-xs);padding:8px 12px;background:var(--creator-profile-bg-tertiary);border:1px solid var(--creator-profile-border-color);border-radius:20px;color:var(--creator-profile-text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.filter-option.active{background:var(--creator-profile-accent-primary);border-color:var(--creator-profile-accent-primary);color:#000}.content-grid{display:grid;grid-template-columns:1fr;gap:2px;padding:2px}.content-item{position:relative;aspect-ratio:3/4;background:var(--creator-profile-bg-tertiary);overflow:hidden;cursor:pointer}.content-thumbnail{width:100%;height:100%;position:relative}.content-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-item:active .content-thumbnail img{transform:scale(.95)}.content-thumbnail img.blurred{filter:blur(20px);transform:scale(1.1)}.content-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--creator-profile-bg-tertiary);color:var(--creator-profile-text-tertiary)}.content-type-indicator{position:absolute;top:var(--creator-profile-spacing-sm);right:var(--creator-profile-spacing-sm);display:flex;align-items:center;gap:var(--creator-profile-spacing-xs);padding:4px 8px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:6px;color:#fff;font-size:11px;font-weight:500}.lock-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--creator-profile-spacing-sm);color:#fff}.content-price{font-size:16px;font-weight:600}.purchased-badge{position:absolute;top:var(--creator-profile-spacing-sm);left:var(--creator-profile-spacing-sm);width:24px;height:24px;background:var(--creator-profile-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.free-badge{position:absolute;top:var(--creator-profile-spacing-sm);left:var(--creator-profile-spacing-sm);padding:4px 8px;background:var(--creator-profile-accent-primary);color:#000;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase}.content-info{position:absolute;bottom:0;left:0;right:0;padding:var(--creator-profile-spacing-sm);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:11px}.content-likes{display:flex;align-items:center;gap:var(--creator-profile-spacing-xs)}.about-section{padding:var(--creator-profile-spacing-md)}.about-group{margin-bottom:var(--creator-profile-spacing-xl)}.about-group h3{font-size:16px;font-weight:600;color:var(--creator-profile-text-primary);margin:0 0 var(--creator-profile-spacing-md) 0}.about-items{display:grid;gap:var(--creator-profile-spacing-md)}.about-item{display:flex;justify-content:space-between;padding-bottom:var(--creator-profile-spacing-sm);border-bottom:1px solid var(--creator-profile-border-color)}.about-label{font-size:14px;color:var(--creator-profile-text-tertiary)}.about-value{font-size:14px;color:var(--creator-profile-text-primary);font-weight:500}.activity-info{padding:var(--creator-profile-spacing-md);background:var(--creator-profile-bg-tertiary);border-radius:var(--creator-profile-border-radius)}.online-status{font-size:14px;color:var(--creator-profile-text-secondary)}.reviews-section{padding:var(--creator-profile-spacing-md)}.reviews-header{margin-bottom:var(--creator-profile-spacing-lg)}.overall-rating{display:flex;flex-direction:column;align-items:center;gap:var(--creator-profile-spacing-sm);padding:var(--creator-profile-spacing-lg);background:var(--creator-profile-bg-secondary);border-radius:var(--creator-profile-border-radius)}.rating-value{font-size:36px;font-weight:700;color:var(--creator-profile-text-primary)}.rating-stars{display:flex;gap:var(--creator-profile-spacing-xs);color:var(--creator-profile-warning)}.review-count{font-size:14px;color:var(--creator-profile-text-tertiary)}.reviews-list{padding:var(--creator-profile-spacing-xl) 0}.reviews-placeholder{text-align:center;padding:var(--creator-profile-spacing-xl);color:var(--creator-profile-text-tertiary);font-size:14px}.purchase-modal-overlay,.content-gallery-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--creator-profile-spacing-md)}.purchase-modal,.content-gallery-modal{width:100%;max-width:400px;max-height:90vh;background:var(--creator-profile-bg-secondary);border-radius:var(--creator-profile-border-radius-lg);overflow:hidden;position:relative}.modal-close{position:absolute;top:var(--creator-profile-spacing-md);right:var(--creator-profile-spacing-md);background:transparent;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.modal-close svg{width:22px;height:22px}.purchase-content{padding:var(--creator-profile-spacing-lg)}.purchase-preview{position:relative;width:100%;aspect-ratio:3/4;border-radius:var(--creator-profile-border-radius);overflow:hidden;margin-bottom:var(--creator-profile-spacing-lg)}.purchase-preview img{width:100%;height:100%;object-fit:cover}.purchase-preview img.blurred{filter:blur(30px);transform:scale(1.1)}.unlock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#17d2c2e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.purchase-title{font-size:20px;font-weight:600;color:var(--creator-profile-text-primary);margin:0 0 var(--creator-profile-spacing-sm) 0}.purchase-description{font-size:14px;color:var(--creator-profile-text-secondary);margin:0 0 var(--creator-profile-spacing-lg) 0}.purchase-details{display:grid;gap:var(--creator-profile-spacing-md);margin-bottom:var(--creator-profile-spacing-lg)}.detail-item{display:flex;justify-content:space-between;padding-bottom:var(--creator-profile-spacing-sm);border-bottom:1px solid var(--creator-profile-border-color)}.detail-label{font-size:13px;color:var(--creator-profile-text-tertiary)}.detail-value{font-size:13px;color:var(--creator-profile-text-primary);font-weight:500;display:flex;align-items:center;gap:var(--creator-profile-spacing-xs)}.purchase-price{display:flex;justify-content:space-between;align-items:center;padding:var(--creator-profile-spacing-md);background:var(--creator-profile-bg-tertiary);border-radius:var(--creator-profile-border-radius);margin-bottom:var(--creator-profile-spacing-md)}.price-label{font-size:14px;color:var(--creator-profile-text-secondary)}.price-value{font-size:24px;font-weight:700;color:var(--creator-profile-accent-primary)}.purchase-balance{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--creator-profile-spacing-lg)}.balance-label{font-size:13px;color:var(--creator-profile-text-tertiary)}.balance-value{font-size:14px;color:var(--creator-profile-text-primary);font-weight:500}.balance-value.insufficient{color:var(--creator-profile-error)}.purchase-actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--creator-profile-spacing-md);margin-bottom:var(--creator-profile-spacing-md)}.cancel-btn{padding:12px;background:var(--creator-profile-bg-tertiary);border:1px solid var(--creator-profile-border-color);border-radius:var(--creator-profile-border-radius);color:var(--creator-profile-text-secondary);font-size:14px;font-weight:500;cursor:pointer}.unlock-btn{padding:12px;background:var(--creator-profile-gradient);border:none;border-radius:var(--creator-profile-border-radius);color:#000;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--creator-profile-spacing-sm)}.unlock-btn:disabled{opacity:.5;cursor:not-allowed}.add-credits-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--creator-profile-accent-primary);border-radius:var(--creator-profile-border-radius);color:var(--creator-profile-accent-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--creator-profile-spacing-sm)}.content-gallery-modal{max-width:90vw;max-height:90vh;width:100%;height:100%;display:flex;flex-direction:column}.content-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:var(--creator-profile-spacing-md);padding-right:calc(var(--creator-profile-spacing-md) + 48px);border-bottom:1px solid var(--creator-profile-border-color);flex-shrink:0}.content-meta{flex:1;min-width:0}.content-title{font-size:1.1rem;font-weight:600;color:var(--creator-profile-text-primary);margin:0;margin-bottom:var(--creator-profile-spacing-xs)}.content-date{font-size:.875rem;color:var(--creator-profile-text-tertiary)}.content-actions{display:flex;gap:var(--creator-profile-spacing-sm);margin-left:var(--creator-profile-spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--creator-profile-spacing-xs);padding:var(--creator-profile-spacing-sm);background:transparent;border:none;color:var(--creator-profile-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:var(--creator-profile-touch-target)}.action-btn span{display:none}.content-gallery-body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--creator-profile-spacing-md);overflow:hidden}.content-media{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--creator-profile-border-radius);object-fit:contain}.share-menu,.more-menu{position:absolute;top:60px;right:var(--creator-profile-spacing-md);background:var(--creator-profile-bg-secondary);border:1px solid var(--creator-profile-border-color);border-radius:var(--creator-profile-border-radius);overflow:hidden;z-index:1001;min-width:180px;box-shadow:0 10px 40px #0006}.share-option,.more-option{display:flex;align-items:center;gap:var(--creator-profile-spacing-md);padding:var(--creator-profile-spacing-md);background:transparent;border:none;color:var(--creator-profile-text-primary);font-size:14px;cursor:pointer;width:100%;text-align:left;transition:background .2s ease}.share-option:active,.more-option:active{background:var(--creator-profile-bg-tertiary)}@media (min-width: 768px){.profile-container{max-width:768px}.cover-photo-container{height:500px}.profile-avatar{width:100px;height:100px}.profile-name{font-size:28px}.profile-bio{font-size:15px}.tab-btn span{display:inline}.content-grid{grid-template-columns:1fr;gap:4px;padding:4px}.about-items{grid-template-columns:repeat(2,1fr);gap:var(--creator-profile-spacing-lg)}.action-btn span{display:inline}}@media (min-width: 1024px){.profile-container{max-width:1024px;margin:var(--creator-profile-spacing-md) auto;border-radius:var(--creator-profile-border-radius-lg);overflow:hidden}.floating-header-actions{display:none}.profile-info-overlay{display:none!important}.profile-info{display:block!important;padding:var(--creator-profile-spacing-xl)}.profile-info .profile-avatar-section{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-40px;margin-bottom:var(--creator-profile-spacing-md)}.cover-photo-container{height:400px}.profile-avatar{width:120px;height:120px;border-width:4px}.profile-name{font-size:32px}.profile-bio{font-size:16px;max-width:600px}.content-grid{grid-template-columns:repeat(3,1fr)}.purchase-modal{max-width:500px}.content-gallery-modal{max-width:800px;max-height:80vh;width:auto;height:auto}.floating-action-btn:hover,.follow-btn:hover,.like-btn:hover,.message-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.content-item:hover .content-thumbnail img:not(.blurred){transform:scale(1.05)}.filter-option:hover:not(.active){background:var(--creator-profile-border-color)}.share-option:hover,.more-option:hover{background:var(--creator-profile-bg-tertiary)}}@media (min-width: 1440px){.profile-container{max-width:1200px}.content-grid{grid-template-columns:repeat(4,1fr)}}button:focus-visible,.floating-action-btn:focus-visible,.tab-btn:focus-visible,.filter-option:focus-visible{outline:2px solid var(--creator-profile-accent-primary);outline-offset:2px}.more-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.more-menu{background:var(--creator-profile-bg-secondary);border-radius:var(--creator-profile-border-radius);border:1px solid var(--creator-profile-border-color);min-width:200px;overflow:hidden;box-shadow:0 10px 30px #00000080}.more-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:transparent;border:none;color:var(--creator-profile-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--creator-profile-border-color)}.more-menu-item:last-child{border-bottom:none}.more-menu-item:hover{background:var(--creator-profile-bg-tertiary)}.more-menu-item:active{background:var(--creator-profile-border-color)}.ProfileInfoOverlay-container{position:absolute;bottom:0;left:0;right:0;padding:20px 16px;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.85) 30%,rgba(0,0,0,.4) 60%,transparent);z-index:20;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.ProfileInfoOverlay-avatar-section{display:flex;align-items:center;gap:16px}.ProfileInfoOverlay-avatar{position:relative;width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.9);overflow:hidden;background:#1c1c1e;flex-shrink:0;box-shadow:0 4px 12px #00000080}.ProfileInfoOverlay-avatar img{width:100%;height:100%;object-fit:cover}.ProfileInfoOverlay-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a2a2c;color:#8e8e93}.ProfileInfoOverlay-online-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#22c55e;border:2px solid rgba(0,0,0,.8);border-radius:50%;animation:pulse 2s infinite}.ProfileInfoOverlay-details{flex:1;color:#fff}.ProfileInfoOverlay-name-section{margin-bottom:8px}.ProfileInfoOverlay-name{font-size:24px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.ProfileInfoOverlay-verified-icon{color:#38bdf8;flex-shrink:0}.ProfileInfoOverlay-username{font-size:14px;color:#fffc;display:block;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ProfileInfoOverlay-bio{font-size:14px;line-height:1.4;color:#ffffffe6;margin:8px 0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ProfileInfoOverlay-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ProfileInfoOverlay-meta-item{display:flex;align-items:center;gap:4px}.ProfileInfoOverlay-meta-item svg{flex-shrink:0}.ProfileInfoOverlay-actions{display:flex;gap:8px;margin-top:16px}.ProfileInfoOverlay-follow-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#17d2c2;color:#000;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:40px}.ProfileInfoOverlay-follow-btn.following{background:#1c1c1e;color:#fff;border:1px solid #2a2a2c}.ProfileInfoOverlay-follow-btn.loading{opacity:.8;cursor:not-allowed;pointer-events:none}.ProfileInfoOverlay-spinner{animation:ProfileInfoOverlay-spin 1s linear infinite}@keyframes ProfileInfoOverlay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ProfileInfoOverlay-like-btn,.ProfileInfoOverlay-message-btn{width:40px;height:40px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:50%;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ProfileInfoOverlay-like-btn.matched{background:#ef44441a;border-color:#ef4444;color:#ef4444}.ProfileInfoOverlay-like-btn.favorited{background:#ef444433;border-color:#ef4444;color:#ef4444;transform:scale(1.1)}.ProfileInfoOverlay-like-btn.loading{opacity:.8;cursor:not-allowed;pointer-events:none}.ProfileInfoOverlay-message-btn.connected{background:#17d2c21a;border-color:#17d2c2;color:#17d2c2}.ProfileInfoOverlay-message-btn:disabled{opacity:.5;cursor:not-allowed}.ProfileInfoOverlay-follow-btn:active,.ProfileInfoOverlay-like-btn:active,.ProfileInfoOverlay-message-btn:not(:disabled):active{transform:scale(.95)}@media (max-width: 767px){.ProfileInfoOverlay-container{padding:16px 12px}.ProfileInfoOverlay-avatar{width:64px;height:64px}.ProfileInfoOverlay-name{font-size:20px}.ProfileInfoOverlay-meta{gap:12px}}@media (min-width: 1024px){.ProfileInfoOverlay-follow-btn:hover,.ProfileInfoOverlay-like-btn:hover,.ProfileInfoOverlay-message-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}}.ProfileCoverPhoto-container{position:relative;width:100%;height:400px;margin:0;display:block;background:#1c1c1e;overflow:hidden}.ProfileCoverPhoto-image{width:100%;height:100%;object-fit:cover;display:block}.ProfileCoverPhoto-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1c1c1e,#2a2a2c);display:block;position:relative}.ProfileCoverPhoto-floating-actions{position:absolute;top:env(safe-area-inset-top,16px);left:16px;right:16px;display:flex;justify-content:space-between;z-index:30;pointer-events:none}.ProfileCoverPhoto-actions-right{display:flex;gap:8px}.ProfileCoverPhoto-action-btn{width:44px;height:44px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:auto}.ProfileCoverPhoto-action-btn:hover{background:#000000f2;transform:scale(1.05)}.ProfileCoverPhoto-action-btn:active{transform:scale(.95)}@media (min-width: 768px){.ProfileCoverPhoto-container{height:500px}}@media (min-width: 1024px){.ProfileCoverPhoto-container{height:400px}.ProfileCoverPhoto-floating-actions{display:none}}.ProfileCoverPhoto-container+*{margin-top:0}.ContentItem-container{position:relative;width:100%;background:#1c1c1e;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;outline:none}.ContentItem-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.ContentItem-container:focus{outline:2px solid #17d2c2;outline-offset:2px}.ContentItem-container:active{transform:scale(.98)}.ContentItem-thumbnail{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#2a2a2c}.ContentItem-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ContentItem-thumbnail img.blurred{filter:blur(20px);transform:scale(1.1)}.ContentItem-container:hover .ContentItem-thumbnail img:not(.blurred){transform:scale(1.05)}.ContentItem-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#2a2a2c;color:#8e8e93}.ContentItem-type-indicator{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000c;backdrop-filter:blur(10px);border-radius:6px;color:#fff;font-size:11px;font-weight:500}.ContentItem-free-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#17d2c2;color:#000;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase}.ContentItem-purchased-badge{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.ContentItem-lock-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff}.ContentItem-price{font-size:16px;font-weight:600}.ContentItem-info{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:11px}.ContentItem-likes{display:flex;align-items:center;gap:4px}.ContentItem-date{color:#ffffffb3}@media (max-width: 767px){.ContentItem-container{border-radius:8px}.ContentItem-thumbnail{aspect-ratio:3/4}.ContentItem-info{padding:6px 8px}}@media (min-width: 768px) and (max-width: 1023px){.ContentItem-thumbnail{aspect-ratio:3/4}}@media (min-width: 1024px){.ContentItem-container:hover{transform:translateY(-4px)}}.ContentGrid-container{width:100%;padding:0;margin:0}.ContentGrid-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;width:100%}.ContentGrid-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#8e8e93;font-size:14px;text-align:center}@media (min-width: 768px){.ContentGrid-grid{grid-template-columns:1fr;gap:12px;padding:12px}}@media (min-width: 1024px){.ContentGrid-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}}@media (min-width: 1440px){.ContentGrid-grid{grid-template-columns:repeat(4,1fr)}}.member-profile-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}.member-profile-container{width:100%;max-width:100%;margin:0 auto}.member-profile-header{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px 16px 20px;background:#1c1c1ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.member-profile-back-nav-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#17d2c2;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.member-profile-back-nav-btn:active{transform:scale(.95);opacity:.8}.member-profile-header h1{font-size:18px;font-weight:600;margin:0;color:#fff}.member-profile-header-spacer{width:60px}.member-profile-content-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:16px;max-width:600px;margin:0 auto}.member-profile-card{background:#1c1c1ef2;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.member-profile-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.member-profile-card-header h3{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;color:#fff}.member-identity-card{background:linear-gradient(135deg,#17d2c21a,#1c1c1ef2)}.member-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.member-profile-avatar-wrapper{position:relative}.member-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(23,210,194,.5)}.online-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#10b981;border:3px solid #1c1c1e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.member-basic-info{flex:1}.member-username{font-size:20px;font-weight:700;margin:0 0 4px;color:#fff}.activity-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.member-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;transition:all .2s ease}.badge-whale{background:linear-gradient(135deg,gold,orange);color:#000}.badge-vip{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.spending-stats-card{background:#1c1c1ef2}.spending-tier-display{text-align:center;padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:20px}.tier-label{font-size:12px;color:#8e8e93;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.tier-icons{display:flex;justify-content:center;gap:8px}.tier-icon{transition:all .3s ease}.tier-icon.active{transform:scale(1.2)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{background:#ffffff0d;padding:12px;border-radius:12px;text-align:center}.stat-label{font-size:12px;color:#8e8e93;margin-bottom:4px;display:block}.stat-value{font-size:18px;font-weight:700;color:#fff;display:block}.stat-value.primary{color:#17d2c2;font-size:24px}.activity-items{display:grid;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-bottom:1px solid rgba(255,255,255,.05)}.activity-item:last-child{border-bottom:none}.item-label{font-size:14px;color:#8e8e93}.item-value{font-size:14px;font-weight:600;color:#fff}.activity-level-very-active{color:#10b981}.activity-level-active{color:#3b82f6}.activity-level-regular{color:#f59e0b}.category-tag{padding:4px 8px;background:#17d2c233;border-radius:8px;color:#17d2c2}.interaction-stats{display:grid;gap:12px}.interaction-item{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border-radius:8px;font-size:14px;color:#c7c7cc}.interaction-item.subscribed{background:#17d2c21a;border:1px solid rgba(23,210,194,.3);color:#17d2c2}.actions-card{position:sticky;bottom:16px;background:#1c1c1efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(23,210,194,.3);box-shadow:0 -4px 20px #00000080}.member-profile-action-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.member-profile-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.member-profile-action-btn:active{transform:scale(.95)}.member-profile-action-btn:disabled{opacity:.5;cursor:not-allowed}.member-profile-poke-btn{background:linear-gradient(135deg,#ec4899,#ef4444);color:#fff}.member-profile-poke-btn.member-profile-completed{background:#ec489933;border:1px solid #ec4899}.member-profile-like-btn{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.member-profile-like-btn.member-profile-completed{background:#ef444433;border:1px solid #ef4444}.member-profile-message-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.member-profile-message-btn.member-profile-completed{background:#3b82f633;border:1px solid #3b82f6}.member-profile-special-offer-btn{background:linear-gradient(135deg,#17d2c2,#10b981);color:#000;grid-column:1 / -1}.action-tip{display:flex;align-items:center;gap:8px;padding:10px;background:#17d2c21a;border-radius:8px;font-size:12px;color:#17d2c2}.member-profile-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.member-profile-message-modal{background:#1c1c1e;border-radius:20px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}.member-profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.member-profile-modal-header h3{font-size:18px;font-weight:600;margin:0;color:#fff}.member-profile-close-modal-btn{background:transparent;border:none;color:#8e8e93;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.member-profile-close-modal-btn:hover{color:#fff;transform:rotate(90deg)}.member-profile-modal-content{padding:20px}.member-profile-modal-description{font-size:14px;color:#8e8e93;margin-bottom:16px;line-height:1.5}.member-profile-message-textarea{width:100%;min-height:120px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:#fff;font-size:14px;resize:vertical;transition:all .2s ease}.member-profile-message-textarea:focus{outline:none;border-color:#17d2c2;background:#ffffff14}.member-profile-character-count{text-align:right;font-size:12px;color:#8e8e93;margin-top:8px}.member-profile-modal-actions{display:flex;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.member-profile-cancel-btn,.member-profile-send-btn{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.member-profile-cancel-btn{background:#ffffff1a;color:#8e8e93}.member-profile-cancel-btn:hover{background:#ffffff26}.member-profile-send-btn{background:linear-gradient(135deg,#17d2c2,#10b981);color:#000}.member-profile-send-btn:disabled{opacity:.5;cursor:not-allowed}.member-profile-send-btn:not(:disabled):active{transform:scale(.95)}.member-profile-loading-container,.member-profile-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#8e8e93}.member-profile-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#17d2c2;border-radius:50%;animation:spin 1s linear infinite}.member-profile-back-button{padding:12px 24px;background:#17d2c2;color:#000;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.member-profile-back-button:active{transform:scale(.95)}@media (min-width: 768px){.member-profile-content-grid{max-width:720px;padding:24px;gap:20px}.stats-grid,.member-profile-action-buttons-grid{grid-template-columns:repeat(4,1fr)}.member-profile-special-offer-btn{grid-column:span 2}.member-profile-card{padding:24px}}@media (min-width: 1024px){.member-profile-container{max-width:800px;margin:0 auto}.member-profile-header{padding:20px 32px}.member-profile-content-grid{max-width:800px;padding:32px}}.member-profile-credit-balance-card{background:linear-gradient(135deg,#17d2c2,#12b7ab);border:1px solid #17d2c2;color:#fff;position:relative;overflow:hidden}.member-profile-credit-balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.member-profile-credit-balance-card .member-profile-card-header{position:relative;z-index:1}.member-profile-credit-balance-card .member-profile-card-header h3{color:#fff}.member-profile-credit-balance-card .member-profile-card-header svg{color:#ffffffe6}.credit-balance-view-wallet{background:#fff3;border:none;color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.credit-balance-view-wallet:hover{background:#ffffff4d;transform:translate(2px)}.credit-balance-loading{position:relative;z-index:1}.credit-balance-skeleton{height:80px;background:#fff3;border-radius:12px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:credit-skeleton-loading 1.5s infinite}@keyframes credit-skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.credit-balance-content{position:relative;z-index:1}.credit-balance-main{display:flex;align-items:center;gap:16px;margin-bottom:16px}.credit-balance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px;flex-shrink:0}.credit-balance-icon svg{color:#fff}.credit-balance-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.credit-balance-amount{font-size:20px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-balance-label{font-size:12px;color:#fffc;font-weight:500}.credit-balance-add-btn{background:#fff;color:#17d2c2;border:none;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.credit-balance-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.credit-balance-last-purchase{display:flex;align-items:center;gap:8px;font-size:12px;color:#fffc;margin-bottom:8px}.credit-balance-last-purchase svg{color:#ffffffb3}.credit-balance-low-warning{display:flex;align-items:center;gap:8px;background:#f59e0b33;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:8px 12px;font-size:12px;color:#fff;font-weight:500}.credit-balance-low-warning svg{color:#f59e0b;flex-shrink:0}@media (max-width: 768px){.credit-balance-main{gap:12px;margin-bottom:12px}.credit-balance-icon{width:40px;height:40px}.credit-balance-amount{font-size:18px}.credit-balance-add-btn{padding:6px 12px;font-size:12px}.credit-balance-view-wallet{font-size:11px;padding:4px 8px}}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{width:100%;overflow-x:hidden;margin:0;padding:0}:root{--mpp-space-xs: 4px;--mpp-space-sm: 8px;--mpp-space-md: 16px;--mpp-space-lg: 24px;--mpp-space-xl: 32px;--mpp-space-2xl: 48px;--mpp-space-3xl: 64px;--mpp-touch-target-min: 44px;--mpp-touch-target-optimal: 48px;--mpp-radius-sm: 4px;--mpp-radius-md: 8px;--mpp-radius-lg: 12px;--mpp-radius-xl: 16px;--mpp-radius-full: 9999px;--mpp-bg-primary: #0a0a0a;--mpp-bg-secondary: #121212;--mpp-bg-tertiary: rgba(28, 28, 30, .5);--mpp-text-primary: #ffffff;--mpp-text-secondary: #c7c7cc;--mpp-text-tertiary: #8e8e93;--mpp-accent: #17d2c2;--mpp-accent-secondary: #12b7ab;--mpp-border: rgba(255, 255, 255, .1);--mpp-error: #ef4444;--mpp-success: #22c55e;--mpp-z-header: 100;--mpp-z-modal: 1000}.mpp-container{width:100%;min-height:100vh;background:var(--mpp-bg-primary);color:var(--mpp-text-primary);padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + env(safe-area-inset-bottom,0));overflow-x:hidden;position:relative}.mpp-content-wrapper{margin:0 auto;overflow-x:hidden}.mpp-loading-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--mpp-space-md);color:var(--mpp-text-tertiary)}.mpp-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--mpp-accent);border-radius:50%;animation:mppSpin 1s linear infinite}@keyframes mppSpin{to{transform:rotate(360deg)}}.mpp-header{width:100%;background:#121212f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--mpp-border);position:sticky;top:0;z-index:var(--mpp-z-header);padding-top:env(safe-area-inset-top,0)}.mpp-header-content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--mpp-space-md);min-height:56px}.mpp-header h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--mpp-accent),var(--mpp-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mpp-settings-btn{width:48px;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--mpp-text-tertiary);cursor:pointer;padding:var(--mpp-space-sm);border-radius:var(--mpp-radius-md);transition:all .2s ease}.mpp-settings-btn:active{background:#ffffff26;color:var(--mpp-accent)}.mpp-settings-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-profile-info{width:100%;background:var(--mpp-bg-tertiary);border-bottom:1px solid var(--mpp-border)}.mpp-profile-info-content{width:100%;padding:var(--mpp-space-lg) var(--mpp-space-md)}.mpp-profile-details{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-sm)}.mpp-username{width:100%;font-size:24px;font-weight:700;margin:0;color:var(--mpp-text-primary);display:flex;align-items:center;gap:var(--mpp-space-sm);flex-wrap:wrap;word-break:break-word}.mpp-verified-icon{color:var(--mpp-accent);display:inline-flex}.mpp-bio{width:100%;font-size:14px;color:var(--mpp-text-secondary);margin:var(--mpp-space-xs) 0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.mpp-meta{width:100%;display:flex;flex-wrap:wrap;gap:var(--mpp-space-md);margin:var(--mpp-space-sm) 0}.mpp-join-date{display:flex;align-items:center;gap:var(--mpp-space-xs);font-size:13px;color:var(--mpp-text-tertiary)}.mpp-edit-profile-btn{width:auto;max-width:100%;display:inline-flex;align-items:center;gap:var(--mpp-space-xs);padding:var(--mpp-space-sm) var(--mpp-space-md);min-height:40px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:20px;color:var(--mpp-accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--mpp-space-sm);margin-right:var(--mpp-space-sm)}.mpp-edit-profile-btn:active{background:#17d2c24d}.mpp-edit-profile-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-view-library-btn{width:auto;max-width:100%;display:inline-flex;align-items:center;gap:var(--mpp-space-xs);padding:var(--mpp-space-sm) var(--mpp-space-md);min-height:40px;background:linear-gradient(135deg,var(--mpp-accent),var(--mpp-accent-secondary));border:none;border-radius:20px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--mpp-space-sm)}.mpp-view-library-btn:active{opacity:.9}.mpp-view-library-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.mpp-edit-form{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-edit-input{width:100%;background:#ffffff0d;border:1px solid var(--mpp-border);border-radius:var(--mpp-radius-md);padding:var(--mpp-space-sm) var(--mpp-space-md);min-height:var(--mpp-touch-target-min);color:var(--mpp-text-primary);font-size:14px;transition:all .2s ease}.mpp-edit-textarea{width:100%;background:#ffffff0d;border:1px solid var(--mpp-border);border-radius:var(--mpp-radius-md);padding:var(--mpp-space-sm) var(--mpp-space-md);min-height:80px;color:var(--mpp-text-primary);font-size:14px;font-family:inherit;resize:vertical;transition:all .2s ease}.mpp-edit-input:focus,.mpp-edit-textarea:focus{outline:none;border-color:var(--mpp-accent);background:#ffffff14}.mpp-edit-actions{width:100%;display:flex;gap:var(--mpp-space-sm)}.mpp-save-btn{width:50%;display:inline-flex;align-items:center;justify-content:center;gap:var(--mpp-space-xs);min-height:var(--mpp-touch-target-min);padding:var(--mpp-space-sm) var(--mpp-space-md);border-radius:var(--mpp-radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,var(--mpp-accent),#10b981);color:#000}.mpp-cancel-btn{width:50%;display:inline-flex;align-items:center;justify-content:center;gap:var(--mpp-space-xs);min-height:var(--mpp-touch-target-min);padding:var(--mpp-space-sm) var(--mpp-space-md);border-radius:var(--mpp-radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:#ffffff1a;color:var(--mpp-text-tertiary)}.mpp-stats-section{width:100%;padding:var(--mpp-space-md);box-sizing:border-box}.mpp-stats-grid{width:100%;display:grid;grid-template-columns:1fr;gap:var(--mpp-space-sm);box-sizing:border-box}.mpp-stat-card{width:100%;background:var(--mpp-bg-tertiary);border:1px solid var(--mpp-border);border-radius:var(--mpp-radius-lg);padding:var(--mpp-space-md);display:flex;align-items:center;gap:var(--mpp-space-md);transition:all .2s ease;min-height:72px;box-sizing:border-box;overflow:hidden}.mpp-stat-card:active{background:#1c1c1ecc}.mpp-stat-card:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-stat-icon{width:40px;height:40px;border-radius:var(--mpp-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mpp-stat-icon.mpp-spent{background:#22c55e1a;color:#22c55e}.mpp-stat-icon.mpp-creators{background:#ec48991a;color:#ec4899}.mpp-stat-icon.mpp-purchases{background:#3b82f61a;color:#3b82f6}.mpp-stat-icon.mpp-messages{background:#f59e0b1a;color:#f59e0b}.mpp-stat-content{width:auto;flex:1;min-width:0}.mpp-stat-value{font-size:18px;font-weight:700;color:var(--mpp-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpp-stat-label{font-size:12px;color:var(--mpp-text-tertiary)}.mpp-credit-widget{width:100%;padding:var(--mpp-space-md);margin-bottom:var(--mpp-space-md);box-sizing:border-box}.mpp-credit-card{width:100%;background:linear-gradient(135deg,#17d2c2,#12b7ab);border-radius:var(--mpp-radius-xl);padding:var(--mpp-space-lg);box-shadow:0 8px 32px #17d2c233;position:relative;overflow:hidden;box-sizing:border-box}.mpp-credit-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.mpp-credit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mpp-space-lg)}.mpp-credit-title{display:flex;align-items:center;gap:var(--mpp-space-sm);color:#fff;font-size:16px;font-weight:600}.mpp-credit-icon{color:#ffffffe6}.mpp-credit-refresh{background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.mpp-credit-refresh svg{width:32px;height:32px}.mpp-credit-refresh:active{color:#ffffffb3}.mpp-credit-refresh:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.mpp-credit-refresh:disabled{opacity:.6;cursor:not-allowed}.mpp-loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.mpp-credit-balance{display:flex;align-items:baseline;gap:var(--mpp-space-sm);margin-bottom:var(--mpp-space-lg)}.mpp-credit-amount{font-size:32px;font-weight:700;color:#fff;line-height:1}.mpp-credit-label{font-size:14px;color:#fffc;font-weight:500}.mpp-credit-actions{display:flex;gap:var(--mpp-space-sm);width:100%}.mpp-add-credits-btn,.mpp-view-wallet-btn{flex:1;background:#fff;color:#17d2c2;border:none;border-radius:var(--mpp-radius-lg);padding:var(--mpp-space-sm) var(--mpp-space-md);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--mpp-space-xs);min-height:var(--mpp-touch-target-min);cursor:pointer;transition:all .2s ease}.mpp-add-credits-btn:active,.mpp-view-wallet-btn:active{opacity:.9}.mpp-add-credits-btn:focus,.mpp-view-wallet-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-add-credits-btn:active,.mpp-view-wallet-btn:active{transform:translateY(0)}.mpp-tab-navigation{width:100%;background:var(--mpp-bg-secondary);border-bottom:1px solid var(--mpp-border);position:sticky;top:56px;z-index:calc(var(--mpp-z-header) - 1)}.mpp-tab-container{width:100%;display:flex;gap:var(--mpp-space-xs);padding:0 var(--mpp-space-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mpp-tab-container::-webkit-scrollbar{display:none}.mpp-tab-btn{min-width:70px;width:auto;flex:0 0 auto;min-height:var(--mpp-touch-target-optimal);padding:var(--mpp-space-sm) var(--mpp-space-sm);background:transparent;border:none;color:var(--mpp-text-tertiary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;white-space:nowrap}.mpp-tab-btn:active{color:var(--mpp-text-primary)}.mpp-tab-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-tab-btn.mpp-active{color:var(--mpp-accent);border-bottom-color:var(--mpp-accent)}.mpp-tab-content{width:100%;padding:var(--mpp-space-md);box-sizing:border-box;overflow-x:hidden}.mpp-profile-tab,.mpp-purchases-tab,.mpp-favorites-tab,.mpp-settings-tab{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md);overflow-x:hidden}.mpp-section-card{width:100%;background:var(--mpp-bg-tertiary);border:1px solid var(--mpp-border);border-radius:var(--mpp-radius-xl);padding:var(--mpp-space-lg);margin-bottom:var(--mpp-space-md);box-sizing:border-box;overflow:hidden}.mpp-section-card:last-child{margin-bottom:0}.mpp-section-title{width:100%;display:flex;align-items:center;gap:var(--mpp-space-sm);font-size:16px;font-weight:600;color:var(--mpp-text-primary);margin:0 0 var(--mpp-space-lg) 0}.mpp-activity-list{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-activity-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--mpp-space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05);min-height:32px}.mpp-activity-item:last-child{border-bottom:none}.mpp-activity-label{font-size:14px;color:var(--mpp-text-tertiary)}.mpp-activity-value{font-size:14px;font-weight:600;color:var(--mpp-text-primary)}.mpp-security-list{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-sm)}.mpp-security-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--mpp-space-md);min-height:var(--mpp-touch-target-optimal);background:#ffffff0d;border:none;border-radius:var(--mpp-radius-md);color:var(--mpp-text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px}.mpp-security-item:active{background:#ffffff1f;color:var(--mpp-text-primary)}.mpp-security-item:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-purchases-list{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-purchase-item{width:100%;display:flex;align-items:center;gap:var(--mpp-space-md);padding:var(--mpp-space-md);background:#ffffff0d;border-radius:var(--mpp-radius-lg);min-height:72px}.mpp-purchase-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffffff0d;border-radius:var(--mpp-radius-md)}.mpp-purchase-info{width:auto;flex:1;min-width:0}.mpp-purchase-info h4{font-size:14px;font-weight:600;color:var(--mpp-text-primary);margin:0 0 2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpp-purchase-creator,.mpp-purchase-date{font-size:12px;color:var(--mpp-text-tertiary);margin:0}.mpp-purchase-price{width:auto;font-size:14px;font-weight:600;color:#22c55e}.mpp-download-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#17d2c21a;border:none;border-radius:var(--mpp-radius-md);color:var(--mpp-accent);cursor:pointer;transition:all .2s ease}.mpp-download-btn:active{background:#17d2c24d}.mpp-download-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-favorites-list{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-favorite-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--mpp-space-md);padding:var(--mpp-space-md);background:#ffffff0d;border-radius:var(--mpp-radius-lg);min-height:72px}.mpp-favorite-info{width:auto;flex:1;min-width:0}.mpp-favorite-info h4{font-size:14px;font-weight:600;color:var(--mpp-text-primary);margin:0 0 var(--mpp-space-xs) 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpp-favorite-category{font-size:12px;color:var(--mpp-text-tertiary);margin:0}.mpp-view-creator-btn{width:auto;padding:var(--mpp-space-sm) var(--mpp-space-md);min-height:36px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:var(--mpp-radius-md);color:var(--mpp-accent);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mpp-view-creator-btn:active{background:#17d2c24d}.mpp-view-creator-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-saved-content{width:100%;padding:var(--mpp-space-lg);text-align:center}.mpp-empty-state{color:var(--mpp-text-tertiary);font-size:14px;margin:0}.mpp-settings-list{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-setting-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--mpp-space-md) 0;border-bottom:1px solid rgba(255,255,255,.05);min-height:var(--mpp-touch-target-optimal)}.mpp-setting-item:last-child{border-bottom:none}.mpp-setting-info{width:auto;flex:1;padding-right:var(--mpp-space-md)}.mpp-setting-label{display:block;font-size:14px;font-weight:500;color:var(--mpp-text-primary);margin-bottom:2px}.mpp-setting-description{display:block;font-size:12px;color:var(--mpp-text-tertiary)}.mpp-toggle-switch{width:48px;height:28px;background:#fff3;border:none;border-radius:14px;position:relative;cursor:pointer;transition:all .3s ease}.mpp-toggle-switch.mpp-active{background:var(--mpp-accent)}.mpp-toggle-handle{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s ease}.mpp-toggle-switch.mpp-active .mpp-toggle-handle{transform:translate(20px)}.mpp-payment-methods{width:100%;display:flex;flex-direction:column;gap:var(--mpp-space-md)}.mpp-payment-method{width:100%;display:flex;align-items:center;gap:var(--mpp-space-md);padding:var(--mpp-space-md);background:#ffffff0d;border-radius:var(--mpp-radius-lg);min-height:60px;position:relative}.mpp-payment-icon{width:auto;font-size:24px}.mpp-payment-info{width:auto;flex:1;display:flex;gap:var(--mpp-space-sm);align-items:center}.mpp-payment-brand{font-weight:600;color:var(--mpp-text-primary)}.mpp-payment-last4{color:var(--mpp-text-tertiary);font-size:14px}.mpp-default-badge{padding:4px 8px;background:#17d2c21a;color:var(--mpp-accent);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.mpp-edit-payment-btn{width:auto;padding:8px;background:transparent;border:none;color:var(--mpp-text-tertiary);cursor:pointer;transition:all .2s ease}.mpp-edit-payment-btn:active{color:var(--mpp-accent)}.mpp-edit-payment-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-add-payment-btn{width:100%;padding:var(--mpp-space-md);background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:var(--mpp-radius-lg);color:var(--mpp-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.mpp-add-payment-btn:active{background:#ffffff1f;border-color:var(--mpp-accent);color:var(--mpp-accent)}.mpp-add-payment-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-danger-zone{border:1px solid rgba(239,68,68,.3);background:#ef44440d}.mpp-logout-btn{width:100%;padding:var(--mpp-space-md);border:none;border-radius:var(--mpp-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--mpp-space-sm);display:flex;align-items:center;justify-content:center;gap:var(--mpp-space-sm);background:#ffffff1a;color:var(--mpp-text-primary)}.mpp-logout-btn:active{background:#fff3}.mpp-logout-btn:focus{outline:2px solid var(--mpp-accent);outline-offset:2px}.mpp-delete-account-btn{width:100%;padding:var(--mpp-space-md);border:1px solid rgba(239,68,68,.3);border-radius:var(--mpp-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--mpp-space-sm);display:flex;align-items:center;justify-content:center;gap:var(--mpp-space-sm);background:#ef44441a;color:var(--mpp-error)}.mpp-delete-account-btn:active{background:#ef44444d}.mpp-delete-account-btn:focus{outline:2px solid var(--mpp-error);outline-offset:2px}@media (min-width: 768px){.mpp-content-wrapper{width:100%;max-width:768px}.mpp-header-content{padding:var(--mpp-space-lg) var(--mpp-space-lg);min-height:64px}.mpp-header h1{font-size:28px}.mpp-profile-info-content{padding:var(--mpp-space-xl) var(--mpp-space-lg)}.mpp-username{font-size:28px}.mpp-stats-section{padding:var(--mpp-space-lg)}.mpp-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--mpp-space-md)}.mpp-stat-card{padding:var(--mpp-space-md);gap:var(--mpp-space-md)}.mpp-tab-container{justify-content:center;padding:0 var(--mpp-space-lg)}.mpp-tab-btn{min-width:100px;padding:var(--mpp-space-md) var(--mpp-space-md);font-size:14px;flex:1}.mpp-tab-content{padding:var(--mpp-space-lg)}.mpp-section-card{padding:var(--mpp-space-xl)}}@media (min-width: 1024px){.mpp-content-wrapper{width:100%;max-width:1024px}.mpp-header-content{padding:var(--mpp-space-lg) var(--mpp-space-xl)}.mpp-username{font-size:32px}.mpp-profile-info-content{padding:var(--mpp-space-xl)}.mpp-stats-section{padding:var(--mpp-space-lg) var(--mpp-space-xl)}.mpp-stats-grid{grid-template-columns:repeat(4,1fr)}.mpp-tab-content{padding:var(--mpp-space-lg) var(--mpp-space-xl)}.mpp-tab-btn{min-width:120px}.mpp-stat-card:active{transform:translateY(-2px)}.mpp-security-item:active{transform:translate(2px)}}@media (min-width: 1440px){.mpp-content-wrapper{width:100%;max-width:1280px}}.mpp-connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.mpp-connection-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--bg-800);border-radius:12px;border:1px solid var(--border-600);transition:all .2s ease}.mpp-connection-item:active{transform:translateY(-1px);border-color:var(--primary)}.mpp-connection-item:focus{outline:2px solid var(--primary);outline-offset:2px}.mpp-connection-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-sm);border:2px solid var(--border-600)}.mpp-connection-avatar img{width:100%;height:100%;object-fit:cover}.mpp-connection-info h5{color:var(--text-primary);font-size:13px;font-weight:500;margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mpp-connection-btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.mpp-connection-btn:active{background:var(--primary-600)}.mpp-connection-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.mpp-connection-more{grid-column:1 / -1;display:flex;justify-content:center;margin-top:var(--space-sm)}.mpp-view-all-btn{background:var(--surface-700);color:var(--text-secondary);border:1px solid var(--border-600);border-radius:8px;padding:var(--space-sm) var(--space-lg);font-size:14px;cursor:pointer;transition:all .2s ease}.mpp-view-all-btn:active{color:var(--primary);border-color:var(--primary);background:var(--bg-800)}.mpp-view-all-btn:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.mpp-connections-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.mpp-connection-item{padding:var(--space-sm)}.mpp-connection-avatar{width:40px;height:40px}.mpp-connection-info h5{font-size:12px}.mpp-connection-btn{font-size:10px;padding:3px 8px}}.member-settings-mobile{--settings-primary: #17d2c2;--settings-primary-hover: #12b7ab;--settings-bg: #0a0b0f;--settings-surface: #1a1d29;--settings-surface-hover: #242938;--settings-border: #2a2f3f;--settings-text: #ffffff;--settings-text-secondary: #9ca3af;--settings-text-muted: #6b7280;--settings-success: #10b981;--settings-warning: #f59e0b;--settings-error: #ef4444;width:100%;min-height:100vh;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.member-settings-desktop{--settings-primary: #17d2c2;--settings-primary-hover: #12b7ab;--settings-bg: #0a0b0f;--settings-surface: #1a1d29;--settings-surface-hover: #242938;--settings-border: #2a2f3f;--settings-text: #ffffff;--settings-text-secondary: #9ca3af;--settings-text-muted: #6b7280;--settings-success: #10b981;--settings-warning: #f59e0b;--settings-error: #ef4444;background:var(--settings-bg);color:var(--settings-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.member-settings-content{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.member-settings-main-menu{width:100%}.member-settings-header{margin-bottom:32px}.member-settings-header h1{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--settings-text)}.member-settings-header p{font-size:16px;color:var(--settings-text-secondary);margin:0}.member-settings-sections{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 768px){.member-settings-sections{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.member-settings-sections{grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto}}.member-settings-section-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative}.member-settings-section-card:hover{background:var(--settings-surface-hover);border-color:var(--settings-primary);transform:translateY(-2px)}.member-settings-section-card.high{border-left:4px solid var(--settings-error)}.member-settings-section-card.medium{border-left:4px solid var(--settings-warning)}.member-settings-section-card.low{border-left:4px solid var(--settings-success)}.section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--settings-primary);border-radius:12px;color:#fff;flex-shrink:0}.section-content{flex:1}.section-content h3{font-size:18px;font-weight:600;margin:0 0 4px;color:var(--settings-text)}.section-content p{font-size:14px;color:var(--settings-text-secondary);margin:0 0 4px}.section-items{font-size:12px;color:var(--settings-text-muted)}.section-arrow{color:var(--settings-text-muted);flex-shrink:0}.member-settings-mobile-content{padding:16px 16px 100px;min-height:calc(100vh - 72px)}.member-settings-section{width:100%}.member-settings-section-header{margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--settings-primary);cursor:pointer;padding:8px 0;font-size:16px;font-weight:600;transition:all .2s ease}.back-btn:hover{color:var(--settings-primary-hover)}.member-settings-groups{display:flex;flex-direction:column;gap:32px}.member-settings-group{background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:16px;padding:24px}.member-settings-group h3{font-size:18px;font-weight:600;margin:0 0 20px;color:var(--settings-text)}.member-setting-item{margin-bottom:20px}.member-setting-item:last-child{margin-bottom:0}.member-setting-item label{display:block;font-size:14px;font-weight:500;color:var(--settings-text);margin-bottom:8px}.member-setting-input,.member-setting-textarea,.member-setting-select{width:100%;background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:12px;padding:12px 16px;color:var(--settings-text);font-size:16px;transition:all .2s ease;outline:none}.member-setting-input:focus,.member-setting-textarea:focus,.member-setting-select:focus{border-color:var(--settings-primary);box-shadow:0 0 0 3px #17d2c21a}.member-setting-textarea{resize:vertical;min-height:80px}.member-setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px}.member-setting-toggle div{flex:1}.member-setting-toggle strong{display:block;font-size:16px;font-weight:600;color:var(--settings-text);margin-bottom:4px}.member-setting-toggle p{font-size:14px;color:var(--settings-text-secondary);margin:0}.member-toggle-switch{position:relative;width:48px;height:28px;background:var(--settings-border);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.member-toggle-switch.active{background:var(--settings-primary)}.member-toggle-handle{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.member-toggle-switch.active .member-toggle-handle{transform:translate(20px)}.member-settings-save-banner{position:fixed;bottom:80px;left:0;right:0;background:var(--settings-surface);border-top:1px solid var(--settings-border);padding:16px;z-index:200}.save-banner-content{display:flex;align-items:center;gap:12px;max-width:400px;margin:0 auto}.save-banner-content span{flex:1;font-weight:500;color:var(--settings-warning)}.save-banner-btn{background:var(--settings-primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-banner-btn:hover{background:var(--settings-primary-hover)}.save-banner-btn:disabled{opacity:.6;cursor:not-allowed}.member-settings-mobile-save{position:fixed;bottom:80px;left:16px;right:16px;z-index:200}.member-settings-save-btn{width:100%;height:56px;background:var(--settings-primary);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #17d2c24d}.member-settings-save-btn:hover{background:var(--settings-primary-hover)}.member-settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.member-settings-desktop-save{position:fixed;bottom:20px;right:20px;z-index:200}.member-settings-spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.priority-high{border-left-color:var(--settings-error)!important}.priority-medium{border-left-color:var(--settings-warning)!important}.priority-low{border-left-color:var(--settings-success)!important}@media (max-width: 768px){.member-settings-desktop{display:none}}@media (min-width: 769px){.member-settings-mobile{display:none}}.member-color-picker{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.member-color-option{width:40px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.member-color-option.active{border-color:var(--settings-text);transform:scale(1.1)}.member-setting-success{border-color:var(--settings-success)!important}.member-setting-error{border-color:var(--settings-error)!important}.member-setting-error-message{color:var(--settings-error);font-size:12px;margin-top:4px}.member-settings-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--settings-text-secondary)}.member-settings-delete-dialog{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.member-settings-delete-content{background:var(--settings-surface);border-radius:16px;padding:24px;max-width:400px;width:100%}.member-settings-delete-content h3{color:var(--settings-error);margin:0 0 16px}.member-settings-delete-actions{display:flex;gap:12px;margin-top:24px}.member-settings-delete-actions button{flex:1;height:40px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.member-settings-cancel-btn{background:var(--settings-border);color:var(--settings-text)}.member-settings-confirm-btn{background:var(--settings-error);color:#fff}.simple-connections-list{--simple-connections-primary: #17d2c2;--simple-connections-primary-hover: #12b7ab;--simple-connections-bg: #0a0b0f;--simple-connections-surface: #1c1c1e;--simple-connections-surface-hover: #242938;--simple-connections-border: #2a2a2c;--simple-connections-text: #ffffff;--simple-connections-text-secondary: #c7c7cc;--simple-connections-text-muted: #8e8e93;--simple-connections-error: #ef4444;--simple-connections-success: #10b981;padding:16px;max-width:100%}.simple-connections-loading{text-align:center;padding:40px;color:var(--simple-connections-text-muted)}.simple-connections-error{text-align:center;padding:40px;color:var(--simple-connections-error)}.simple-connections-retry-btn{margin-top:16px;padding:8px 16px;background:var(--simple-connections-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.simple-connections-retry-btn:hover{background:var(--simple-connections-primary-hover)}.simple-connections-empty{text-align:center;padding:40px;color:var(--simple-connections-text-muted)}.simple-connections-empty-icon{margin-bottom:16px;color:var(--simple-connections-text-muted)}.simple-connections-empty small{display:block;margin-top:8px}.simple-connections-connections-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.simple-connections-card{display:flex;align-items:center;padding:16px;background-color:var(--simple-connections-surface);border-radius:12px;border:1px solid var(--simple-connections-border);gap:12px;cursor:pointer;transition:all .2s ease}.simple-connections-card:hover{background-color:var(--simple-connections-surface-hover)}.simple-connections-avatar{position:relative;flex-shrink:0}.simple-connections-avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.simple-connections-avatar-fallback{width:48px;height:48px;border-radius:50%;background-color:var(--simple-connections-border);display:flex;align-items:center;justify-content:center;color:var(--simple-connections-text-muted)}.simple-connections-avatar-fallback.hidden{display:none}.simple-connections-connected-indicator{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background-color:var(--simple-connections-success);border:2px solid var(--simple-connections-surface)}.simple-connections-info{flex:1;min-width:0}.simple-connections-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.simple-connections-names{min-width:0;flex:1}.simple-connections-name{margin:0;font-size:16px;font-weight:600;color:var(--simple-connections-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-connections-username{font-size:14px;color:var(--simple-connections-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-connections-delete-btn{background:none;border:none;padding:8px;border-radius:8px;color:var(--simple-connections-text-muted);cursor:pointer;flex-shrink:0;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.simple-connections-delete-btn:hover{color:var(--simple-connections-error)}.simple-connections-message{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--simple-connections-text-secondary)}.simple-connections-message-icon{color:var(--simple-connections-text-muted);flex-shrink:0}.simple-connections-message-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-connections-message-time{font-size:12px;color:var(--simple-connections-text-muted);display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}@media (max-width: 768px){.simple-connections-list{padding:12px}.simple-connections-card{padding:12px;gap:10px}.simple-connections-avatar-image,.simple-connections-avatar-fallback{width:40px;height:40px}.simple-connections-badge{width:16px;height:16px;font-size:8px}.simple-connections-name{font-size:15px}.simple-connections-username,.simple-connections-message{font-size:13px}.simple-connections-message-time{font-size:11px}}@media (max-width: 480px){.simple-connections-header{flex-direction:column;gap:8px;align-items:stretch}.simple-connections-delete-btn{align-self:flex-end}}@media (min-width: 1024px){.simple-connections-list{padding-top:20px}}.ConnectionsStatsFilter-container{width:100%;padding:16px;background:var(--bg-800, #121212)}.ConnectionsStatsFilter-stats{display:flex;justify-content:space-between;gap:8px;width:100%}.ConnectionsStatsFilter-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:var(--surface-700, #1c1c1e);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;text-align:center;min-height:60px;justify-content:center}.ConnectionsStatsFilter-stat-item.active{background:var(--primary, #17d2c2);border-color:var(--primary-600, #12b7ab);transform:scale(1.02)}.ConnectionsStatsFilter-stat-item.active .ConnectionsStatsFilter-stat-value{color:var(--bg-900, #0a0a0a);font-weight:700}.ConnectionsStatsFilter-stat-item.active .ConnectionsStatsFilter-stat-label{color:var(--bg-900, #0a0a0a);font-weight:600}.ConnectionsStatsFilter-stat-item:active{transform:scale(.98);opacity:.8}.ConnectionsStatsFilter-stat-value{font-size:20px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:4px;line-height:1}.ConnectionsStatsFilter-stat-label{font-size:12px;color:var(--text-secondary, #c7c7cc);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ConnectionsStatsFilter-active{color:var(--success, #22c55e)!important}.ConnectionsStatsFilter-pending{color:var(--warning, #f59e0b)!important}.ConnectionsStatsFilter-expired{color:var(--error, #ef4444)!important}.ConnectionsStatsFilter-loading{text-align:center;padding:20px;color:var(--text-secondary, #c7c7cc);font-size:14px}.ConnectionsStatsFilter-error{text-align:center;padding:12px;color:var(--error, #ef4444);font-size:14px;background:#ef44441a;border-radius:8px;margin-top:12px}.ConnectionsStatsFilter-retry{display:block;margin:8px auto 0;padding:6px 12px;background:var(--error, #ef4444);color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.ConnectionsStatsFilter-retry:active{transform:scale(.95)}@media (max-width: 320px){.ConnectionsStatsFilter-stats{gap:4px}.ConnectionsStatsFilter-stat-item{padding:8px 4px;min-height:50px}.ConnectionsStatsFilter-stat-value{font-size:18px}.ConnectionsStatsFilter-stat-label{font-size:10px}}@media (min-width: 480px){.ConnectionsStatsFilter-container{max-width:480px;margin:0 auto}.ConnectionsStatsFilter-stat-item{padding:16px 12px;min-height:70px}.ConnectionsStatsFilter-stat-value{font-size:24px}.ConnectionsStatsFilter-stat-label{font-size:13px}}@media (min-width: 768px){.ConnectionsStatsFilter-container{max-width:600px}.ConnectionsStatsFilter-stats{gap:12px}.ConnectionsStatsFilter-stat-item{padding:20px 16px;min-height:80px}.ConnectionsStatsFilter-stat-value{font-size:28px}.ConnectionsStatsFilter-stat-label{font-size:14px}}.my-connections-container{min-height:100vh;background:#0a0a0a;padding-bottom:calc(70px + env(safe-area-inset-bottom,0));margin-left:10px;margin-right:10px}.connections-header{position:sticky;top:0;z-index:100;background:#121212fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0));border-bottom:1px solid rgba(255,255,255,.1)}.connections-header h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:12px}.connections-header h1:before{content:"";width:40px;height:40px;background:#01f9f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.connections-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.stat-item{text-align:center;padding:12px 8px;background:#ffffff08;border-radius:12px;transition:all .2s}.stat-item:active{background:#ffffff0d;transform:scale(.98)}.stat-count{font-size:32px;font-weight:700;margin-bottom:4px;display:block}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#8e8e93;font-weight:500}.stat-item.total .stat-count{color:#fff}.stat-item.active .stat-count{color:#34c759}.stat-item.pending .stat-count{color:#ff9500}.stat-item.expired .stat-count{color:#ff3b30}.connections-search{margin-bottom:20px}.search-input-wrapper{position:relative}.search-input-wrapper svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#8e8e93}.connections-search input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px 14px 48px;color:#fff;font-size:16px;outline:none;transition:all .2s}.connections-search input::placeholder{color:#8e8e93}.connections-search input:focus{background:#ffffff14;border-color:#17d2c24d}.connections-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.connections-tabs::-webkit-scrollbar{display:none}.tab-button{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#8e8e93;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.tab-button:active{transform:scale(.95)}.tab-button.active{background:transparent;color:#17d2c2;border-color:#17d2c2;box-shadow:0 0 0 1px #17d2c2}.connections-list{padding:0 16px 16px}.connection-card{background:#1c1c1e80;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:12px;transition:all .2s;position:relative}.connection-card:active{background:#1c1c1eb3;transform:scale(.99)}.connection-card.active{border-color:#17d2c24d}.connection-select{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.connection-checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:4px;flex-shrink:0}.connection-checkbox.checked{background:#17d2c2;border-color:#17d2c2}.connection-checkbox.checked:after{content:"✓";color:#001310;font-weight:700;font-size:14px}.connection-avatar{position:relative;width:40%;height:40%;border-radius:12px;overflow:hidden;background:#ffffff0d}.connection-avatar img{width:100%;height:100%;object-fit:cover}.connection-type-badge{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;z-index:2}.connection-type-badge.premium{background:gold;color:#000}.connection-type-badge.verified{background:#17d2c2;color:#001310}.connection-type-badge.basic{background:#8e8e93;color:#fff}.online-indicator{position:absolute;bottom:12px;right:12px;width:24px;height:24px;background:#34c759;border:3px solid #0a0a0a;border-radius:50%;z-index:2}.unread-badge{position:absolute;top:12px;right:12px;min-width:24px;height:24px;padding:0 8px;background:#ff3b30;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:2}.connection-info{margin-top:12px}.connection-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;display:flex;align-items:center;gap:8px}.sparkle-icon{color:gold;font-size:18px}.connection-username{font-size:14px;color:#8e8e93;margin:0 0 8px}.last-message{font-size:14px;color:#c7c7cc;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message-time{font-size:12px;color:#8e8e93}.connection-actions{display:flex;gap:8px;margin-top:12px}.action-button{flex:1;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s}.action-button:active{background:#ffffff14;transform:scale(.95)}.action-button.primary{background:#17d2c2;border-color:#17d2c2;color:#001310}.action-button.primary:active{background:#14b5a8}.pending-actions{display:flex;gap:8px;margin-top:12px}.accept-btn,.decline-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.accept-btn{background:#22c55e;color:#fff}.accept-btn:hover{background:#16a34a;transform:translateY(-1px)}.decline-btn{background:#ef4444;color:#fff}.decline-btn:hover{background:#dc2626;transform:translateY(-1px)}.pending-status{margin-top:12px;text-align:center}.waiting-response{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:8px;color:#f59e0b;font-size:14px;font-weight:500}.waiting-response:before{content:"⏳";animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:80px;height:80px;margin:0 auto 20px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px}.empty-state h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.empty-state p{font-size:14px;color:#8e8e93;margin:0 0 24px}.browse-button{padding:12px 32px;background:#17d2c2;border:none;border-radius:24px;color:#001310;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.browse-button:active{transform:scale(.95)}.loading-state p{color:#8e8e93;font-size:14px}@media (min-width: 768px){.connections-header{padding:20px}.connections-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 20px}.connection-card{margin-bottom:0}.connection-avatar{height:350px}.delete-btn{background:#ef4444;border:none;color:#000;width:100px!important;height:36px;border-radius:6px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8;transform:scale(1)}.connection-card:hover .delete-btn{opacity:1}}@media (min-width: 1025px){.my-connections-container{max-width:none;margin:0;padding:0 2rem}.connections-header{padding:24px;top:64px}.connections-list{grid-template-columns:repeat(3,1fr);padding:0 24px 24px}.connection-card:hover{background:#1c1c1eb3;border-color:#fff3}.action-button:hover{background:#ffffff14}.action-button.primary:hover,.browse-button:hover{background:#14b5a8}}.delete-action{background-color:#ef4444!important;color:#fff!important;border:1px solid #ef4444!important}.delete-action:hover{background-color:#dc2626!important;border-color:#dc2626!important}.connection-actions{display:flex;align-items:center;gap:8px}.delete-btn{background:#ef4444;border:none;color:#000;width:100px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8;transform:scale(1)}.connection-card{position:relative}.connection-card:hover .delete-btn{opacity:1;transform:scale(1)}.delete-btn:hover{background:#dc2626;opacity:1;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.delete-btn:active{transform:scale(.95)}.delete-btn svg{width:18px;height:18px;fill:#000}.pin-btn{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pin-btn:hover{background:#ffd70033;border-color:#ffd70080}.messages-container{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0));position:relative}@media (min-width: 1024px){.messages-container{padding-top:70px;display:flex;gap:0}}.messages-header{background:#121212f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:16px}.messages-header h1{font-size:28px;font-weight:700;margin:0;color:#fff}.total-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#ef4444;color:#fff;border-radius:12px;font-size:13px;font-weight:700}.messages-search{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin:0 16px 16px;position:relative}.messages-search svg{color:#8e8e93;flex-shrink:0}.messages-search input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none}.messages-search input::placeholder{color:#8e8e93}.clear-search{background:transparent;border:none;color:#8e8e93;cursor:pointer;padding:4px 8px;font-size:16px}.messages-filters{display:flex;gap:8px;padding:12px 16px;background:#121212;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.messages-filters::-webkit-scrollbar{display:none}.filter-btn{position:relative;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#8e8e93;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.filter-btn.active{background:#17d2c21a;border-color:#17d2c2;color:#17d2c2}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:#ef4444;color:#fff;border-radius:9px;font-size:11px;font-weight:600}.conversations-list{padding:0}.conversation-item{display:flex;gap:12px;align-items:center;padding:16px;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s;position:relative}.conversation-item:active{background:#ffffff05}.conversation-item.unread{background:#17d2c205}.conversation-avatar{position:relative;width:56px;height:56px;flex-shrink:0}.conversation-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:2px solid #0a0a0a;border-radius:50%}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start}.conversation-content h3{font-size:16px;font-weight:600;color:#fff;margin:0}.conversation-time{font-size:12px;color:#8e8e93;white-space:nowrap}.conversation-preview{display:flex;align-items:center}.conversation-preview p{font-size:14px;color:#c7c7cc;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.conversation-item.unread .conversation-preview p{color:#fff;font-weight:500}.conversation-actions{display:flex;align-items:center;gap:8px}.unread-badge{min-width:22px;height:22px;padding:0 6px;background:#ef4444;color:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.mark-read-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8e8e93;cursor:pointer;transition:all .2s}.chat-view{display:flex;flex-direction:column;height:100vh;background:#0a0a0a;position:relative}.chat-header{display:flex;align-items:center;gap:12px;padding:16px;background:#121212f2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.back-button{background:transparent;border:none;color:#17d2c2;font-size:18px;cursor:pointer;padding:8px}.chat-user-info{display:flex;align-items:center;gap:12px;flex:1}.chat-user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-user-info h3{font-size:16px;font-weight:600;color:#fff;margin:0}.chat-user-info .online,.chat-user-info .offline{font-size:12px;color:#8e8e93}.chat-user-info .online{color:#22c55e}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.loading-messages,.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#8e8e93;font-size:14px}.message{display:flex;max-width:70%;animation:messageSlide .3s ease-out}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message.received{align-self:flex-start}.message-content{background:#ffffff0d;border-radius:16px;padding:10px 14px;position:relative}.message.sent .message-content{background:#17d2c2;color:#000}.message-content p{margin:0;font-size:15px;line-height:1.4;word-wrap:break-word}.message-time{font-size:11px;color:#8e8e93;margin-top:4px;padding:0 14px}.tip-message{display:flex;align-items:center;gap:8px;padding:8px;background:#ffd7001a;border-radius:8px;color:gold;font-weight:600}.media-message img,.media-message video{max-width:100%;border-radius:8px;margin-top:8px}.message-input-container{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#121212f2;border-top:1px solid rgba(255,255,255,.1);position:sticky;bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0))}.attach-button,.send-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#17d2c2;cursor:pointer;transition:all .2s;font-size:20px}.attach-button:active,.send-button:active{transform:scale(.9)}.send-button:disabled{opacity:.5;cursor:not-allowed}.message-input-container input[type=text]{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 16px;color:#fff;font-size:15px;outline:none}.message-input-container input[type=text]::placeholder{color:#8e8e93}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:16px}.empty-state h3{font-size:20px;font-weight:600;color:#fff;margin:0}.empty-state p{font-size:14px;color:#8e8e93;margin:0}@media (min-width: 768px) and (max-width: 1024px){.conversation-avatar{width:64px;height:64px}.message{max-width:60%}}@media (min-width: 1025px){.messages-container{display:flex;max-width:1600px;margin:0 auto;padding-bottom:0}.conversations-sidebar{width:420px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:calc(100vh - 70px);flex-shrink:0}.conversations-sidebar .messages-header{position:relative;top:auto}.conversations-sidebar .conversations-list{flex:1;overflow-y:auto;padding:0}.conversation-item.active{background:#17d2c214;border-left:3px solid #17d2c2}.conversation-item:hover{background:#ffffff08}.conversation-item.active:hover{background:#17d2c21a}.desktop-chat-container{flex:1;display:flex;flex-direction:column;background:#0a0a0a;height:calc(100vh - 70px)}.desktop-chat-container .chat-view{height:100%}.desktop-chat-container .back-button{display:none}.desktop-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93;gap:16px;padding:40px;text-align:center}.desktop-empty-chat svg{opacity:.3}.desktop-empty-chat h2{font-size:24px;font-weight:600;color:#fff;margin:0}.desktop-empty-chat p{font-size:15px;color:#8e8e93;margin:0;max-width:300px}.desktop-chat-container .chat-header{position:relative;top:auto}.desktop-chat-container .messages-area{flex:1;overflow-y:auto}.desktop-chat-container .message-input-container{position:relative;bottom:auto}.desktop-chat-container .message{max-width:55%}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#fff3}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#fff3}}.chat-input-container{position:fixed;bottom:60px;left:0;right:0;z-index:900;background:#121212fa;border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.image-preview-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1c1c1ef2;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease}.preview-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#ffffff0d;flex-shrink:0}.preview-media{width:100%;height:100%;object-fit:cover}.preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.preview-filename{font-size:13px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-filesize{font-size:11px;color:#8e8e93}.remove-preview-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e8e93;cursor:pointer;transition:all .2s;border-radius:50%;flex-shrink:0}.remove-preview-btn:active{background:#ffffff0d}.reply-preview{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1c1c1ee6;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease}.reply-content span{font-size:11px;color:#17d2c2;display:block;font-weight:500}.cancel-reply{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e8e93;cursor:pointer;transition:all .2s;border-radius:50%}.cancel-reply:active{background:#ffffff0d}.chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));margin-bottom:10px}.input-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:all .2s;flex-shrink:0}.input-action-btn:disabled{opacity:.5;cursor:not-allowed}.attach-btn{width:48px;height:48px;color:#17d2c2;background:transparent;border:none}.attach-btn svg{width:32px;height:32px}.attach-btn:not(:disabled):active{background:transparent;transform:scale(.95)}.voice-btn{width:48px;height:48px;color:#17d2c2;background:transparent;border:none}.voice-btn svg{width:32px;height:32px}.voice-btn:not(:disabled):active{background:transparent;transform:scale(.95)}.send-btn{background:#17d2c2;color:#001310}.send-btn:disabled{background:#17d2c24d}.send-btn:not(:disabled):active{transform:scale(.95)}.input-wrapper{flex:1;position:relative;min-width:0}.message-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;color:#fff;font-size:15px;line-height:20px;outline:none;transition:all .2s;min-height:36px;max-height:100px;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.message-input::placeholder{color:#8e8e93}.message-input:focus{background:#ffffff14;border-color:#17d2c24d}.message-input:disabled{opacity:.5}.sending-spinner{width:20px;height:20px;border:2px solid rgba(0,19,16,.2);border-top-color:#001310;border-radius:50%;animation:spin .8s linear infinite}.character-counter{position:absolute;bottom:calc(100% + 4px);right:16px;padding:2px 8px;background:#1c1c1ee6;border-radius:12px;font-size:11px;color:#8e8e93;animation:fadeIn .2s ease}.character-counter.warning{color:#ffd60a}.character-counter.danger{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.chat-input-container{bottom:70px}.chat-input-area{padding:14px 20px}.input-action-btn{width:40px;height:40px}.message-input{padding:10px 18px;font-size:16px;min-height:40px}.reply-preview{padding:10px 20px}}@media (min-width: 1025px){.chat-input-container{max-width:900px;margin:0 auto;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.chat-input-area{padding:16px 24px}.message-input{padding:10px 20px;max-height:120px}.input-action-btn:not(:disabled):hover{background:#ffffff0d}.send-btn:not(:disabled):hover{background:#14c4b5}.cancel-reply:hover{background:#ffffff0d}}.input-action-btn:focus-visible,.cancel-reply:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.message-input:focus-visible{outline:2px solid #17d2c2;outline-offset:-2px}@media (prefers-color-scheme: dark){.chat-input-container{background:#121212fa}}@media (prefers-color-scheme: light){.chat-input-container{background:#fffffffa;border-top-color:#0000001a}.reply-preview{background:#f0f0f0e6;border-bottom-color:#0000001a}.reply-content p{color:#3c3c43}.message-input{background:#0000000d;border-color:#0000001a;color:#000}.message-input::placeholder{color:#8e8e93}.attach-btn,.voice-btn{color:#3c3c43}.character-counter{background:#f0f0f0e6;color:#3c3c43}}.message-bubble-wrapper{display:flex;align-items:flex-end;gap:8px;max-width:85%;animation:messageSlide .2s ease;position:relative;margin-bottom:4px}.message-bubble-wrapper.member{align-self:flex-end;margin-left:auto;flex-direction:row-reverse}.message-bubble-wrapper.creator{align-self:flex-start}.message-bubble-wrapper.selected .message-bubble{background:#17d2c226!important;border:1px solid rgba(23,210,194,.3)}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-container{display:flex;flex-direction:column;gap:4px;min-width:0}.reply-context{padding:4px 8px;background:#ffffff0d;border-left:2px solid #17d2c2;border-radius:4px;margin-bottom:4px;font-size:12px}.reply-context span{color:#17d2c2;font-weight:500;display:block}.reply-context p{color:#8e8e93;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble{background:#1c1c1ee6;border-radius:18px;padding:10px 14px;position:relative;word-wrap:break-word;word-break:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.message-bubble-wrapper.member .message-bubble{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#001310}.message-text{margin:0;font-size:15px;line-height:1.4;white-space:pre-wrap;color:inherit}.message-media{margin:-10px -14px;border-radius:18px;overflow:hidden;position:relative}.message-media img,.message-media video{width:100%;max-width:250px;height:auto;display:block;cursor:pointer}.locked-content{position:relative;max-width:250px;margin:-10px -14px;border-radius:18px;overflow:hidden}.blur-overlay{filter:blur(15px);opacity:.7;width:100%;height:auto;display:block}.unlock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;gap:8px;padding:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.unlock-overlay svg{opacity:.9}.unlock-button{padding:8px 16px;background:#17d2c2;border:none;border-radius:20px;color:#001310;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.voice-message{display:flex;align-items:center;gap:8px;padding:4px;min-width:200px}.play-pause-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:all .2s}.message-bubble-wrapper.member .play-pause-btn{background:#00131033}.play-pause-btn:active{transform:scale(.95)}.voice-waveform{flex:1;display:flex;align-items:center;gap:2px;height:24px}.waveform-bar{width:2px;background:currentColor;opacity:.3;border-radius:1px}.voice-duration{font-size:12px;opacity:.7;min-width:30px}.tip-message{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;text-align:center}.tip-message svg{color:#ffd60a}.tip-amount{font-size:24px;font-weight:700;margin:0}.tip-note{font-size:14px;margin:0;opacity:.9}.message-bubble-wrapper.typing .message-bubble{padding:12px 16px}.message-meta{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:11px;color:#ffffff80}.message-bubble-wrapper.member .message-meta{justify-content:flex-end}.message-time{white-space:nowrap}.message-status{display:inline-flex;font-family:monospace}.message-actions{display:flex;gap:8px;margin-top:4px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.message-actions button{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s}.message-actions button:active{background:#fff3}.message-actions .delete-btn{color:#ef4444;border-color:#ef44444d}@media (min-width: 768px){.message-bubble-wrapper{max-width:70%}.message-avatar{width:36px;height:36px}.message-bubble{padding:12px 16px}.message-text{font-size:16px}.message-media img,.message-media video,.locked-content{max-width:350px}.voice-message{min-width:250px}.message-actions button{padding:6px 12px;font-size:12px}}@media (min-width: 1025px){.message-bubble-wrapper{max-width:60%;margin-bottom:8px}.message-avatar{width:40px;height:40px}.message-bubble{padding:12px 18px}.message-media img,.message-media video,.locked-content{max-width:400px}.unlock-button:hover{background:#14c4b5}.play-pause-btn:hover{background:#fff3}.message-actions button:hover{background:#ffffff26}}.message-bubble-wrapper:focus-visible{outline:2px solid #17d2c2;outline-offset:2px;border-radius:8px}@media (prefers-color-scheme: dark){.message-bubble{background:#1c1c1ee6}}@media (prefers-color-scheme: light){.message-bubble{background:#f0f0f0e6;color:#000}.message-bubble-wrapper.member .message-bubble{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#001310}.reply-context{background:#0000000d}.reply-context p{color:#3c3c43}.message-meta{color:#00000080}.message-actions button{background:#0000000d;border-color:#0000001a;color:#000}.message-actions .delete-btn{color:#ef4444}}@media (prefers-reduced-motion: reduce){.message-bubble-wrapper,.message-actions,.unlock-button,.play-pause-btn{animation:none;transition:none}}.image-viewer-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-viewer-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.image-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.viewer-close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0}.viewer-close-btn:active{background:#ffffff1a;transform:scale(.95)}.viewer-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.viewer-sender{font-size:15px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-timestamp{font-size:12px;color:#8e8e93}.image-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;animation:zoomIn .3s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.viewer-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);padding:8px 16px;background:#000000b3;border-radius:20px;font-size:13px;color:#c7c7cc;animation:fadeIn .3s ease .5s both;pointer-events:none}@media (min-width: 768px){.image-viewer-header{padding:20px 24px}.viewer-close-btn{width:48px;height:48px}.viewer-info{gap:6px}.viewer-sender{font-size:16px}.viewer-timestamp{font-size:13px}.image-viewer-content{padding:24px}}@media (min-width: 1025px){.image-viewer-overlay{padding:40px}.image-viewer-container{max-width:1200px;max-height:900px;margin:0 auto;border-radius:12px;overflow:hidden}.viewer-close-btn:hover{background:#ffffff1a}.viewer-image{border-radius:0}}.viewer-close-btn:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}.chat-container{display:flex;flex-direction:column;height:100vh;background:#0a0a0a;color:#fff;position:relative}.chat-header{display:flex;align-items:center;gap:16px;padding:20px 16px;background:#121212fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;padding-top:calc(20px + env(safe-area-inset-top,0));min-height:72px}.back-button,.menu-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#17d2c2;cursor:pointer;border-radius:10px;transition:all .2s;flex-shrink:0;font-size:20px;font-weight:600}.back-button:active,.menu-button:active{transform:scale(.95);background:#17d2c21a}.chat-header-info{flex:1;display:flex;align-items:center;gap:16px;cursor:pointer;padding:4px 0}.creator-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.creator-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:2px solid #121212;border-radius:50%}.creator-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.creator-details h2{font-size:18px;font-weight:600;margin:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.creator-details .status{font-size:14px;color:#8e8e93;display:block;line-height:1.2}.member-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#17d2c233,#12b7ab4d);border:2px solid rgba(23,210,194,.4);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#17d2c2;flex-shrink:0}.connection-type-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700;color:#000;flex-shrink:0;margin-left:8px}.chat-actions{display:flex;flex-direction:column;background:#1c1c1efa;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease}.chat-actions button{padding:14px 16px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:15px;text-align:left;cursor:pointer;transition:background .2s}.chat-actions button:active{background:#ffffff0d}.chat-actions button.danger{color:#ef4444}.messages-area{flex:1;overflow-y:auto;padding:16px 16px 160px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;background:#0a0a0a}.loading-messages,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#17d2c2;border-radius:50%;animation:spin 1s linear infinite}.sending-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.loading-messages p,.no-messages p{color:#8e8e93;font-size:14px;margin:0}.message{display:flex;align-items:flex-end;gap:8px;max-width:85%;animation:messageSlide .2s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.member{align-self:flex-end;flex-direction:row-reverse}.message.creator{align-self:flex-start}.message.selected .message-bubble{background:#17d2c226!important;border:1px solid rgba(23,210,194,.3)}.reply-context{padding:4px 8px;background:#ffffff0d;border-left:2px solid #17d2c2;border-radius:4px;margin-bottom:4px;font-size:12px;color:#8e8e93}.message-bubble{background:#1c1c1ee6;border-radius:18px;padding:10px 14px;position:relative;word-wrap:break-word}.message.member .message-bubble{background:linear-gradient(135deg,#17d2c2,#12b7ab);color:#001310}.message-bubble p{margin:0;font-size:15px;line-height:1.4}.message-media{margin-top:8px;border-radius:12px;overflow:hidden;position:relative}.message-media img{width:100%;max-width:250px;height:auto;display:block}.locked-content{position:relative;max-width:250px}.blur-overlay{filter:blur(15px);opacity:.7}.unlock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;gap:8px;padding:20px}.unlock-overlay p{font-size:14px;font-weight:600;margin:0}.unlock-button{padding:8px 16px;background:#17d2c2;border:none;border-radius:20px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.unlock-button:active{transform:scale(.95)}.message-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#ffffff80}.message.member .message-meta{color:#00131099;justify-content:flex-end}.message-status{display:inline-flex}.message-status .read{color:#17d2c2}.message-actions{display:flex;gap:8px;margin-top:4px}.message-actions button{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:11px;cursor:pointer}.message.typing .message-bubble{padding:12px 16px}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;background:#8e8e93;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.reply-preview{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1c1c1ee6;border-top:1px solid rgba(255,255,255,.1)}.reply-content{flex:1;min-width:0}.reply-content span{font-size:11px;color:#17d2c2;display:block}.reply-content p{font-size:13px;color:#c7c7cc;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e8e93;cursor:pointer}.chat-input-container{position:fixed;bottom:60px;left:0;right:0;background:#121212fa;border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0);z-index:50}.chat-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px}.attach-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e8e93;cursor:pointer;border-radius:50%;transition:all .2s}.attach-button:active{background:#ffffff0d}.chat-input-area input[type=text]{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;color:#fff;font-size:15px;outline:none;min-height:36px}.chat-input-area input[type=text]::placeholder{color:#8e8e93}.send-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#17d2c2;border:none;border-radius:50%;color:#001310;cursor:pointer;transition:all .2s}.send-button:disabled{background:#17d2c24d;cursor:not-allowed}.send-button:not(:disabled):active{transform:scale(.95)}@media (min-width: 768px) and (max-width: 1024px){.messages-area{padding:20px}.message{max-width:70%}.message-media img,.locked-content{max-width:350px}}@media (min-width: 1025px){.chat-container{max-width:none;margin:0;padding:0 2rem}.messages-area{padding:24px}.message{max-width:60%}.message-media img,.locked-content{max-width:400px}}.bf-container{width:100%;max-width:100vw;min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0));overflow-x:hidden;box-sizing:border-box}.bf-header{position:sticky;top:0;z-index:100;background:#121212fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0));border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:16px}.bf-back-btn,.bf-reset-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:50%;transition:all .2s}.bf-back-btn:active,.bf-reset-btn:active{background:#ffffff0d;transform:scale(.95)}.bf-title{flex:1;font-size:20px;font-weight:700;text-align:center;margin:0}.bf-active-count{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#17d2c21a;border-bottom:1px solid rgba(23,210,194,.2)}.bf-count-badge{width:24px;height:24px;background:#17d2c2;color:#001310;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.bf-count-text{font-size:14px;color:#17d2c2;font-weight:500}.bf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.bf-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#17d2c2;border-radius:50%;animation:spin 1s linear infinite}.bf-loading p{color:#8e8e93;font-size:14px}.bf-content{width:100%;padding:16px 16px 100px;box-sizing:border-box}.bf-section{width:100%;margin-bottom:32px;background:#1c1c1e80;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-sizing:border-box}.bf-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bf-section-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.bf-section-title svg{color:#17d2c2}.bf-age-range{display:flex;flex-direction:column;gap:20px}.bf-age-inputs{display:flex;align-items:center;gap:12px}.bf-age-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.bf-age-input-group label{font-size:12px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.bf-age-input{width:100%;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;text-align:center;outline:none;transition:all .2s}.bf-age-input:focus{background:#ffffff14;border-color:#17d2c2}.bf-age-separator{color:#8e8e93;font-size:14px;margin-top:20px}.bf-range-slider{position:relative;height:40px;display:flex;align-items:center}.bf-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:transparent;outline:none;position:absolute;pointer-events:none}.bf-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#17d2c2;border:2px solid #0a0a0a;border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 2px 8px #0000004d}.bf-slider::-moz-range-thumb{width:20px;height:20px;background:#17d2c2;border:2px solid #0a0a0a;border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 2px 8px #0000004d}.bf-slider-track{position:absolute;width:100%;height:4px;background:#ffffff1a;border-radius:2px}.bf-slider-fill{position:absolute;height:4px;background:#17d2c2;border-radius:2px}.bf-location{width:100%}.bf-location-select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:all .2s;cursor:pointer}.bf-location-select:focus{background:#ffffff14;border-color:#17d2c2}.bf-location-select option{background:#1c1c1e;color:#fff}.bf-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.bf-chip{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#c7c7cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.bf-chip:active{transform:scale(.95)}.bf-chip.bf-selected{background:#17d2c226;border-color:#17d2c2;color:#17d2c2}.bf-chip svg{width:14px;height:14px}.bf-toggle{width:48px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;cursor:pointer;position:relative;transition:all .3s}.bf-toggle.bf-active{background:#17d2c2;border-color:#17d2c2}.bf-toggle-handle{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.bf-toggle.bf-active .bf-toggle-handle{transform:translate(20px);background:#001310}.bf-toggle-list{display:flex;flex-direction:column;gap:16px}.bf-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.bf-toggle-item:last-child{border-bottom:none}.bf-toggle-info{flex:1;display:flex;flex-direction:column;gap:4px}.bf-toggle-label{font-size:15px;font-weight:500;color:#fff}.bf-toggle-description{font-size:13px;color:#8e8e93}.bf-footer{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));background:#121212fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:100}.bf-apply-btn{position:static;width:100%;margin:32px 0 20px;padding:16px;background:#17d2c2;color:#001310;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease}.bf-apply-btn:active{transform:scale(.98)}.bf-apply-btn:disabled{background:#17d2c2;opacity:.5;cursor:not-allowed}.bf-apply-count{background:#001310;color:#17d2c2;padding:2px 8px;border-radius:12px;font-size:14px;font-weight:600}@media (max-width: 767px){.bf-content{padding-bottom:240px}.bf-apply-btn{margin-bottom:120px}}@media (min-width: 768px){.bf-content{max-width:600px;margin:0 auto;padding:24px}.bf-section{padding:20px}.bf-chip-grid{gap:12px}.bf-chip{padding:10px 20px;font-size:15px}}@media (min-width: 1025px){.bf-container{max-width:800px;margin:0 auto}.bf-header{padding:20px 24px}.bf-content{max-width:700px;padding:32px}.bf-back-btn:hover,.bf-reset-btn:hover{background:#ffffff0d}.bf-chip:hover{background:#ffffff14;border-color:#fff3}.bf-chip.bf-selected:hover{background:#17d2c233}.bf-toggle:hover{border-color:#ffffff4d}.bf-apply-btn:hover:not(:disabled){background:#14b5a8;transform:translateY(-2px)}}.bf-chip:focus-visible,.bf-toggle:focus-visible,.bf-apply-btn:focus-visible{outline:2px solid #17d2c2;outline-offset:2px}@media (prefers-color-scheme: dark){.bf-container{background:#0a0a0a}}@media (prefers-color-scheme: light){.bf-container{background:#f5f5f5;color:#000}.bf-header{background:#fffffffa;border-bottom-color:#0000001a}.bf-back-btn,.bf-reset-btn{color:#000}.bf-section{background:#fffc;border-color:#0000001a}.bf-chip{background:#0000000d;border-color:#0000001a;color:#3c3c43}.bf-age-input,.bf-location-select{background:#0000000d;border-color:#0000001a;color:#000}.bf-location-select option{background:#fff;color:#000}}:root{--search-bg-primary: #0a0a0a;--search-bg-secondary: #121212;--search-bg-tertiary: #1c1c1e;--search-border-color: #2a2a2c;--search-text-primary: #ffffff;--search-text-secondary: #c7c7cc;--search-text-tertiary: #8e8e93;--search-accent-primary: #17d2c2;--search-accent-secondary: #12b7ab;--search-accent-tertiary: #47e0d2;--search-error: #ef4444;--search-warning: #f59e0b;--search-success: #22c55e;--search-info: #38bdf8;--search-space-xs: 4px;--search-space-sm: 8px;--search-space-md: 16px;--search-space-lg: 24px;--search-space-xl: 32px;--search-space-2xl: 48px;--search-touch-target: 44px;--search-touch-target-lg: 48px;--search-radius-sm: 8px;--search-radius-md: 12px;--search-radius-lg: 16px;--search-radius-xl: 20px;--search-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--search-shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--search-shadow-lg: 0 10px 30px rgba(0, 0, 0, .35)}.search-creators-page{min-height:100vh;background:var(--search-bg-primary);color:var(--search-text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-header{position:sticky;top:0;z-index:100;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--search-border-color);padding:var(--search-space-md);padding-top:max(var(--search-space-md),env(safe-area-inset-top));display:flex;align-items:center;gap:var(--search-space-md);min-height:60px}.search-back-btn{width:var(--search-touch-target);height:var(--search-touch-target);background:transparent;border:none;border-radius:50%;color:var(--search-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.search-back-btn:hover{background:var(--search-bg-tertiary)}.search-form{flex:1;position:relative}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--search-space-md);color:var(--search-text-tertiary);pointer-events:none;z-index:2}.search-input{width:100%;height:var(--search-touch-target);background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-lg);color:var(--search-text-primary);font-size:16px;padding:0 var(--search-space-xl) 0 calc(var(--search-space-xl) + 24px);outline:none;transition:all .2s ease}.search-input::placeholder{color:var(--search-text-tertiary)}.search-input:focus{border-color:var(--search-accent-primary);box-shadow:0 0 0 3px #17d2c21a}.search-clear-btn{position:absolute;right:var(--search-space-sm);width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:var(--search-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.search-clear-btn:hover{background:var(--search-bg-secondary);color:var(--search-text-primary)}.filter-toggle-btn{width:var(--search-touch-target);height:var(--search-touch-target);background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-md);color:var(--search-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{background:var(--search-accent-primary);border-color:var(--search-accent-primary);color:#000}.search-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--search-space-md);background:var(--search-bg-secondary);border-bottom:1px solid var(--search-border-color)}.search-stats{font-size:14px;color:var(--search-text-secondary)}.search-actions{display:flex;align-items:center;gap:var(--search-space-md)}.view-mode-toggle{display:flex;background:var(--search-bg-tertiary);border-radius:var(--search-radius-sm);padding:2px}.view-btn{width:36px;height:36px;background:transparent;border:none;border-radius:calc(var(--search-radius-sm) - 2px);color:var(--search-text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.view-btn.active{background:var(--search-accent-primary);color:#000}.sort-select{background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-sm);color:var(--search-text-primary);padding:var(--search-space-sm) var(--search-space-md);font-size:14px;outline:none;cursor:pointer}.sort-select:focus{border-color:var(--search-accent-primary)}.filter-panel{background:var(--search-bg-secondary);border-bottom:1px solid var(--search-border-color);overflow:hidden}.filter-content{padding:var(--search-space-md)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--search-space-lg)}.filter-header h3{font-size:18px;font-weight:600;margin:0}.clear-filters-btn{background:transparent;border:none;color:var(--search-accent-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{color:var(--search-accent-tertiary)}.filter-groups{display:grid;gap:var(--search-space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--search-space-md)}.filter-group label{font-size:14px;font-weight:500;color:var(--search-text-secondary)}.range-inputs{display:flex;align-items:center;gap:var(--search-space-md)}.range-inputs input{width:80px;background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-sm);color:var(--search-text-primary);padding:var(--search-space-sm);text-align:center;outline:none}.range-inputs span{color:var(--search-text-tertiary)}.quick-filters{display:flex;flex-direction:column;gap:var(--search-space-md)}.filter-checkbox{display:flex;align-items:center;gap:var(--search-space-sm);cursor:pointer}.filter-checkbox input{width:16px;height:16px}.filter-checkbox span{font-size:14px;color:var(--search-text-primary)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--search-space-sm)}.category-btn{background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-lg);color:var(--search-text-primary);padding:var(--search-space-sm) var(--search-space-md);font-size:14px;cursor:pointer;transition:all .2s ease}.category-btn.active{background:var(--search-accent-primary);border-color:var(--search-accent-primary);color:#000}.search-results{padding:var(--search-space-md)}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--search-space-2xl);color:var(--search-text-secondary);gap:var(--search-space-md)}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--search-space-2xl);text-align:center;gap:var(--search-space-md)}.search-error h3{color:var(--search-error);margin:0}.retry-btn{background:var(--search-accent-primary);border:none;border-radius:var(--search-radius-md);color:#000;padding:var(--search-space-md) var(--search-space-lg);font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--search-accent-tertiary)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--search-space-2xl);text-align:center;color:var(--search-text-secondary);gap:var(--search-space-md)}.results-grid{display:grid;gap:var(--search-space-md)}.results-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.results-grid.list{grid-template-columns:1fr;gap:var(--search-space-lg)}.creator-result-card{background:var(--search-bg-secondary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-lg);overflow:hidden;cursor:pointer;transition:all .2s ease}.creator-result-card:hover{transform:translateY(-2px);box-shadow:var(--search-shadow-lg);border-color:var(--search-accent-primary)}.results-grid.grid .creator-result-card{display:flex;flex-direction:column}.results-grid.list .creator-result-card{display:flex;flex-direction:row}.results-grid.list .creator-image{width:120px;height:120px;flex-shrink:0}.creator-image img{width:100%;height:100%;object-fit:cover}.online-indicator{position:absolute;bottom:var(--search-space-sm);right:var(--search-space-sm);width:12px;height:12px;background:var(--search-success);border:2px solid var(--search-bg-secondary);border-radius:50%}.verified-badge{position:absolute;top:var(--search-space-sm);right:var(--search-space-sm);background:var(--search-accent-primary);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#000}.creator-info{padding:var(--search-space-md);flex:1}.creator-name{font-size:16px;font-weight:600;margin:0 0 var(--search-space-xs) 0}.creator-username{font-size:14px;color:var(--search-text-tertiary);margin:0 0 var(--search-space-sm) 0}.creator-bio{font-size:14px;color:var(--search-text-secondary);line-height:1.4;margin:0 0 var(--search-space-md) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-meta{display:flex;align-items:center;gap:var(--search-space-md);margin-bottom:var(--search-space-md)}.creator-age,.creator-location,.creator-rating{display:flex;align-items:center;gap:var(--search-space-xs);font-size:12px;color:var(--search-text-tertiary)}.creator-rating{color:var(--search-warning)}.creator-actions{display:flex;gap:var(--search-space-sm)}.action-btn{width:36px;height:36px;background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:50%;color:var(--search-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{transform:scale(1.05)}.like-btn:hover{background:var(--search-error);border-color:var(--search-error);color:#fff}.message-btn:hover{background:var(--search-info);border-color:var(--search-info);color:#fff}.search-pagination{display:flex;justify-content:center;align-items:center;gap:var(--search-space-lg);margin-top:var(--search-space-2xl);padding:var(--search-space-lg)}.pagination-btn{background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-md);color:var(--search-text-primary);padding:var(--search-space-md) var(--search-space-lg);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--search-accent-primary);border-color:var(--search-accent-primary);color:#000}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--search-text-secondary)}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--search-space-2xl);text-align:center;min-height:60vh}.search-empty-state h2{font-size:24px;font-weight:600;margin:var(--search-space-lg) 0 var(--search-space-md) 0}.search-empty-state p{color:var(--search-text-secondary);margin-bottom:var(--search-space-xl)}.search-suggestions{max-width:400px}.search-suggestions h4{font-size:16px;margin-bottom:var(--search-space-md);color:var(--search-text-secondary)}.suggestion-tags{display:flex;flex-wrap:wrap;gap:var(--search-space-sm);justify-content:center}.suggestion-tag{background:var(--search-bg-tertiary);border:1px solid var(--search-border-color);border-radius:var(--search-radius-lg);color:var(--search-text-primary);padding:var(--search-space-sm) var(--search-space-md);font-size:14px;cursor:pointer;transition:all .2s ease}.suggestion-tag:hover{background:var(--search-accent-primary);border-color:var(--search-accent-primary);color:#000}@media (max-width: 768px){.search-controls{flex-direction:column;gap:var(--search-space-md);align-items:stretch}.search-actions{justify-content:space-between}.filter-groups{gap:var(--search-space-xl)}.results-grid.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.results-grid.list .creator-result-card{flex-direction:column}.results-grid.list .creator-image{width:100%;height:200px}}@media (max-width: 480px){.search-header,.search-results{padding:var(--search-space-sm)}.results-grid.grid{grid-template-columns:1fr}.pagination-btn{padding:var(--search-space-sm) var(--search-space-md);font-size:14px}}@media (prefers-color-scheme: dark){.search-input,.sort-select{-webkit-appearance:none;appearance:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--trending-bg-primary: #000000;--trending-bg-secondary: #121212;--trending-bg-tertiary: #1c1c1e;--trending-bg-card: #1a1a1c;--trending-border-color: #2a2a2c;--trending-border-subtle: #1c1c1e;--trending-text-primary: #ffffff;--trending-text-secondary: #c7c7cc;--trending-text-tertiary: #8e8e93;--trending-accent-primary: #ff6b6b;--trending-accent-secondary: #ff5252;--trending-accent-tertiary: #ff8a80;--trending-flame: #ff4500;--trending-gold: #ffd700;--trending-silver: #c0c0c0;--trending-bronze: #cd7f32;--trending-rising: #17d2c2;--trending-error: #ef4444;--trending-warning: #f59e0b;--trending-success: #22c55e;--trending-info: #38bdf8;--trending-space-xs: 4px;--trending-space-sm: 8px;--trending-space-md: 16px;--trending-space-lg: 24px;--trending-space-xl: 32px;--trending-space-2xl: 48px;--trending-touch-target: 44px;--trending-touch-target-lg: 48px;--trending-radius-xs: 4px;--trending-radius-sm: 8px;--trending-radius-md: 12px;--trending-radius-lg: 16px;--trending-radius-xl: 20px;--trending-radius-2xl: 24px;--trending-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--trending-shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--trending-shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--trending-shadow-xl: 0 20px 40px rgba(0, 0, 0, .45)}.trending-creators-page{min-height:100vh;min-height:100dvh;background:var(--trending-bg-primary);color:var(--trending-text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.trending-header{position:sticky;top:0;z-index:100;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--trending-border-color);padding:var(--trending-space-md);display:flex;align-items:center;justify-content:space-between;min-height:64px}.trending-back-btn,.filter-toggle-btn{width:var(--trending-touch-target);height:var(--trending-touch-target);background:transparent;border:none;border-radius:50%;color:var(--trending-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.trending-back-btn:hover,.filter-toggle-btn:hover{background:var(--trending-bg-tertiary)}.trending-back-btn:active,.filter-toggle-btn:active{transform:scale(.95);background:var(--trending-bg-secondary)}.trending-title{display:flex;align-items:center;gap:var(--trending-space-sm);flex:1;justify-content:center}.trending-title h1{font-size:18px;font-weight:600;margin:0;color:var(--trending-text-primary)}.trending-icon{color:var(--trending-flame);flex-shrink:0}.trending-controls{background:var(--trending-bg-secondary);border-bottom:1px solid var(--trending-border-color);padding:var(--trending-space-md);display:flex;flex-direction:column;gap:var(--trending-space-md)}.period-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--trending-bg-tertiary);border-radius:var(--trending-radius-md);padding:var(--trending-space-xs);gap:var(--trending-space-xs)}.period-tab{padding:var(--trending-space-sm) var(--trending-space-md);background:transparent;border:none;border-radius:var(--trending-radius-sm);color:var(--trending-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;-webkit-tap-highlight-color:transparent;min-height:var(--trending-touch-target)}.period-tab.active{background:var(--trending-accent-primary);color:var(--trending-text-primary)}.period-tab:active{transform:scale(.98)}.category-tabs{display:flex;gap:var(--trending-space-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--trending-space-xs) 0}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:var(--trending-space-xs);padding:var(--trending-space-sm) var(--trending-space-md);background:var(--trending-bg-tertiary);border:1px solid var(--trending-border-subtle);border-radius:var(--trending-radius-xl);color:var(--trending-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.category-tab.active{background:var(--trending-accent-primary);border-color:var(--trending-accent-primary);color:var(--trending-text-primary)}.category-tab:hover:not(.active){background:#ff6b6b1a;border-color:var(--trending-accent-primary);color:var(--trending-accent-primary)}.category-tab:active{transform:scale(.98)}.trending-list{padding:var(--trending-space-md);display:flex;flex-direction:column;gap:var(--trending-space-md);min-height:60vh;width:100%}.trending-creator-card{background:var(--trending-bg-card);border:1px solid var(--trending-border-color);border-radius:var(--trending-radius-lg);padding:var(--trending-space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.trending-creator-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transition:left .5s ease}.trending-creator-card:hover:before{left:100%}.trending-creator-card:hover{background:var(--trending-bg-tertiary);border-color:var(--trending-accent-primary);transform:translateY(-2px);box-shadow:var(--trending-shadow-lg)}.trending-creator-card:active{transform:translateY(0)}.creator-rank{display:flex;align-items:center;justify-content:center;gap:var(--trending-space-sm);margin-bottom:var(--trending-space-md);width:100%}.rank-number{font-size:28px;font-weight:800;color:var(--trending-accent-primary);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.trending-badge{display:flex;align-items:center;gap:var(--trending-space-xs);padding:var(--trending-space-xs) var(--trending-space-sm);border-radius:var(--trending-radius-xl);font-size:10px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--trending-shadow-sm)}.creator-image{position:relative;width:100px;height:100px;margin-bottom:var(--trending-space-md);flex-shrink:0}.creator-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--trending-border-color);transition:all .3s ease}.trending-creator-card:hover .creator-image img{border-color:var(--trending-accent-primary);transform:scale(1.05)}.online-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;background:var(--trending-success);border:3px solid var(--trending-bg-card);border-radius:50%;box-shadow:var(--trending-shadow-sm)}.verified-badge{position:absolute;top:-2px;right:-2px;width:28px;height:28px;background:var(--trending-accent-primary);border:3px solid var(--trending-bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--trending-shadow-sm)}.creator-info{width:100%;margin-bottom:var(--trending-space-md)}.creator-main{margin-bottom:var(--trending-space-md)}.creator-name{font-size:20px;font-weight:700;color:var(--trending-text-primary);margin:0 0 var(--trending-space-xs) 0;line-height:1.2}.creator-username{font-size:14px;color:var(--trending-accent-primary);margin:0 0 var(--trending-space-sm) 0;font-weight:500}.creator-bio{font-size:14px;color:var(--trending-text-secondary);line-height:1.4;max-width:280px;margin:0 auto}.creator-meta{display:flex;align-items:center;justify-content:center;gap:var(--trending-space-md);flex-wrap:wrap;margin-bottom:var(--trending-space-md)}.creator-age{font-size:12px;color:var(--trending-text-primary);background:var(--trending-bg-tertiary);padding:var(--trending-space-xs) var(--trending-space-sm);border-radius:var(--trending-radius-xl);font-weight:500}.creator-location,.creator-rating{display:flex;align-items:center;gap:var(--trending-space-xs);font-size:12px;font-weight:500}.creator-location{color:var(--trending-text-tertiary)}.creator-rating{color:var(--trending-warning)}.creator-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--trending-space-sm);width:100%;margin-bottom:var(--trending-space-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--trending-space-xs);padding:var(--trending-space-sm);background:var(--trending-bg-tertiary);border-radius:var(--trending-radius-md);font-size:11px;text-align:center}.stat-item svg{color:var(--trending-accent-primary);margin-bottom:var(--trending-space-xs)}.stat-item span{color:var(--trending-text-secondary);font-weight:500;line-height:1.2}.stat-item.earnings{color:var(--trending-gold);font-weight:600}.stat-item.earnings svg{color:var(--trending-gold)}.creator-actions{display:flex;gap:var(--trending-space-md);justify-content:center}.action-btn{width:48px;height:48px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:var(--trending-shadow-sm)}.like-btn{background:#ef44441a;color:var(--trending-error);border:2px solid rgba(239,68,68,.2)}.like-btn:hover{background:var(--trending-error);color:#fff;transform:scale(1.1)}.like-btn:active{transform:scale(.95)}.message-btn{background:#17d2c21a;color:var(--trending-rising);border:2px solid rgba(23,210,194,.2)}.message-btn:hover{background:var(--trending-rising);color:#fff;transform:scale(1.1)}.trending-loading,.trending-error,.trending-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--trending-space-2xl) var(--trending-space-md);min-height:60vh;gap:var(--trending-space-lg)}.spinner{animation:spin 1s linear infinite;color:var(--trending-accent-primary)}.trending-loading span,.trending-error p,.trending-empty p{font-size:16px;color:var(--trending-text-secondary);margin:0;line-height:1.5}.trending-error h3,.trending-empty h2{font-size:24px;font-weight:700;color:var(--trending-text-primary);margin:0;line-height:1.2}.retry-btn{padding:var(--trending-space-md) var(--trending-space-xl);background:var(--trending-accent-primary);color:var(--trending-text-primary);border:none;border-radius:var(--trending-radius-xl);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:var(--trending-shadow-md)}.retry-btn:hover{background:var(--trending-accent-secondary);transform:translateY(-1px);box-shadow:var(--trending-shadow-lg)}.retry-btn:active{transform:translateY(0)}@media (min-width: 768px){.trending-header{padding:var(--trending-space-lg);min-height:80px}.trending-title h1{font-size:24px}.trending-controls{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--trending-space-lg);gap:var(--trending-space-lg)}.period-tabs{min-width:320px;flex-shrink:0}.period-tab{font-size:14px;padding:var(--trending-space-md)}.category-tabs{justify-content:flex-end;flex-wrap:wrap;overflow:visible}.category-tab{font-size:13px}.trending-list{padding:var(--trending-space-xl);gap:var(--trending-space-lg);width:100%;max-width:100%}.trending-creator-card{flex-direction:row;align-items:flex-start;text-align:left;padding:var(--trending-space-xl);gap:var(--trending-space-lg)}.creator-rank{flex-direction:column;margin-bottom:0;width:auto;min-width:80px;align-items:center}.rank-number{font-size:32px;margin-bottom:var(--trending-space-sm)}.creator-image{width:120px;height:120px;margin-bottom:0}.creator-info{flex:1;margin-bottom:0}.creator-name{font-size:22px}.creator-username{font-size:16px}.creator-bio{font-size:15px;max-width:none;margin:0}.creator-meta{justify-content:flex-start}.creator-stats{grid-template-columns:repeat(3,1fr);max-width:400px;margin-bottom:0}.stat-item{padding:var(--trending-space-md);font-size:12px}.creator-actions{flex-direction:column;align-self:flex-start;gap:var(--trending-space-sm)}.action-btn{width:52px;height:52px}}@media (min-width: 1024px){.trending-list{padding:var(--trending-space-2xl) 2rem;max-width:none;margin:0}.trending-creator-card{padding:var(--trending-space-2xl)}.creator-image{width:140px;height:140px}.creator-name{font-size:24px}.creator-bio{font-size:16px}.creator-stats{grid-template-columns:repeat(4,1fr);max-width:500px}.action-btn{width:56px;height:56px}}@media (min-width: 1440px){.trending-list{max-width:none;padding:var(--trending-space-2xl) 3rem}.trending-creator-card{max-width:none;margin:0}}:root{--favorites-bg-primary: #000000;--favorites-bg-secondary: #121212;--favorites-bg-tertiary: #1c1c1e;--favorites-bg-card: #1a1a1c;--favorites-border-color: #2a2a2c;--favorites-border-subtle: #1c1c1e;--favorites-text-primary: #ffffff;--favorites-text-secondary: #c7c7cc;--favorites-text-tertiary: #8e8e93;--favorites-accent-primary: #ef4444;--favorites-accent-secondary: #dc2626;--favorites-accent-tertiary: #f87171;--favorites-heart: #ff1744;--favorites-error: #ef4444;--favorites-warning: #f59e0b;--favorites-success: #22c55e;--favorites-info: #38bdf8;--favorites-purple: #8b5cf6;--favorites-space-xs: 4px;--favorites-space-sm: 8px;--favorites-space-md: 16px;--favorites-space-lg: 24px;--favorites-space-xl: 32px;--favorites-space-2xl: 48px;--favorites-touch-target: 44px;--favorites-touch-target-lg: 48px;--favorites-radius-xs: 4px;--favorites-radius-sm: 8px;--favorites-radius-md: 12px;--favorites-radius-lg: 16px;--favorites-radius-xl: 20px;--favorites-radius-2xl: 24px;--favorites-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--favorites-shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--favorites-shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--favorites-shadow-xl: 0 20px 40px rgba(0, 0, 0, .45)}.favorites-page{min-height:100vh;min-height:100dvh;background:var(--favorites-bg-primary);color:var(--favorites-text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.favorites-header{position:sticky;top:0;z-index:100;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--favorites-border-color);padding:var(--favorites-space-md);display:flex;align-items:center;justify-content:space-between;min-height:64px}.favorites-back-btn,.filter-toggle-btn{width:var(--favorites-touch-target);height:var(--favorites-touch-target);background:transparent;border:none;border-radius:50%;color:var(--favorites-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.favorites-back-btn:hover,.filter-toggle-btn:hover{background:var(--favorites-bg-tertiary)}.favorites-back-btn:active,.filter-toggle-btn:active{transform:scale(.95);background:var(--favorites-bg-secondary)}.favorites-title{display:flex;align-items:center;gap:var(--favorites-space-sm);flex:1;justify-content:center}.favorites-title h1{font-size:18px;font-weight:600;margin:0;color:var(--favorites-text-primary)}.favorites-icon{color:var(--favorites-heart);flex-shrink:0}.favorites-count{font-size:14px;color:var(--favorites-text-secondary);font-weight:400;margin-left:var(--favorites-space-xs)}.favorites-search{background:var(--favorites-bg-secondary);padding:var(--favorites-space-md);border-bottom:1px solid var(--favorites-border-color)}.search-input-container{position:relative;display:flex;align-items:center;background:var(--favorites-bg-tertiary);border:1px solid var(--favorites-border-color);border-radius:var(--favorites-radius-xl);overflow:hidden}.search-icon{position:absolute;left:var(--favorites-space-md);color:var(--favorites-text-tertiary);pointer-events:none;z-index:1}.search-input{width:100%;padding:var(--favorites-space-md);padding-left:calc(var(--favorites-space-md) * 3);padding-right:calc(var(--favorites-space-md) * 3);background:transparent;border:none;color:var(--favorites-text-primary);font-size:16px;outline:none;min-height:var(--favorites-touch-target)}.search-input::placeholder{color:var(--favorites-text-tertiary)}.search-clear-btn{position:absolute;right:var(--favorites-space-md);background:transparent;border:none;color:var(--favorites-text-tertiary);cursor:pointer;padding:var(--favorites-space-xs);border-radius:50%;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.search-clear-btn:hover{background:var(--favorites-bg-secondary);color:var(--favorites-text-primary)}.favorites-controls{background:var(--favorites-bg-secondary);border-bottom:1px solid var(--favorites-border-color);padding:var(--favorites-space-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--favorites-space-md)}.favorites-stats{flex:1;min-width:0}.favorites-stats span{font-size:14px;color:var(--favorites-text-secondary);font-weight:500}.favorites-actions{display:flex;align-items:center;gap:var(--favorites-space-md)}.view-mode-toggle{display:flex;background:var(--favorites-bg-tertiary);border-radius:var(--favorites-radius-md);padding:var(--favorites-space-xs)}.view-btn{padding:var(--favorites-space-sm);background:transparent;border:none;border-radius:var(--favorites-radius-sm);color:var(--favorites-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;-webkit-tap-highlight-color:transparent}.view-btn.active{background:var(--favorites-accent-primary);color:var(--favorites-text-primary)}.view-btn:hover:not(.active){background:var(--favorites-bg-secondary);color:var(--favorites-text-primary)}.sort-select{background:var(--favorites-bg-tertiary);border:1px solid var(--favorites-border-color);border-radius:var(--favorites-radius-md);color:var(--favorites-text-primary);padding:var(--favorites-space-sm) var(--favorites-space-md);font-size:13px;cursor:pointer;outline:none;min-height:36px}.sort-select:focus{border-color:var(--favorites-accent-primary)}.filter-panel{background:var(--favorites-bg-secondary);border-bottom:1px solid var(--favorites-border-color);overflow:hidden}.filter-content{padding:var(--favorites-space-md)}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--favorites-space-md)}.filter-header h3{font-size:16px;font-weight:600;color:var(--favorites-text-primary);margin:0}.clear-filters-btn{background:transparent;border:none;color:var(--favorites-accent-primary);font-size:14px;font-weight:500;cursor:pointer;padding:var(--favorites-space-xs) var(--favorites-space-sm);border-radius:var(--favorites-radius-md);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.clear-filters-btn:hover{background:#ef44441a}.filter-groups{display:flex;flex-direction:column;gap:var(--favorites-space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--favorites-space-sm)}.filter-group>label{font-size:14px;font-weight:600;color:var(--favorites-text-primary)}.quick-filters{display:flex;gap:var(--favorites-space-lg);flex-wrap:wrap}.filter-checkbox{display:flex;align-items:center;gap:var(--favorites-space-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--favorites-touch-target)}.filter-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--favorites-accent-primary)}.filter-checkbox span{font-size:14px;color:var(--favorites-text-secondary);font-weight:500}.filter-select{background:var(--favorites-bg-tertiary);border:1px solid var(--favorites-border-color);border-radius:var(--favorites-radius-md);color:var(--favorites-text-primary);padding:var(--favorites-space-sm) var(--favorites-space-md);font-size:14px;cursor:pointer;outline:none;min-height:var(--favorites-touch-target)}.filter-select:focus{border-color:var(--favorites-accent-primary)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--favorites-space-sm)}.category-btn{padding:var(--favorites-space-xs) var(--favorites-space-md);background:var(--favorites-bg-tertiary);border:1px solid var(--favorites-border-subtle);border-radius:var(--favorites-radius-xl);color:var(--favorites-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;min-height:36px;display:flex;align-items:center}.category-btn.active{background:var(--favorites-accent-primary);border-color:var(--favorites-accent-primary);color:var(--favorites-text-primary)}.category-btn:hover:not(.active){background:#ef44441a;border-color:var(--favorites-accent-primary);color:var(--favorites-accent-primary)}.favorites-list{padding:var(--favorites-space-md);width:100%}.favorites-grid{display:grid;gap:var(--favorites-space-md)}.favorites-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.favorites-grid.list{grid-template-columns:1fr;gap:var(--favorites-space-lg)}.favorite-creator-card{background:var(--favorites-bg-card);border:1px solid var(--favorites-border-color);border-radius:var(--favorites-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;-webkit-tap-highlight-color:transparent}.favorite-creator-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease;z-index:1;pointer-events:none}.favorite-creator-card:hover:before{left:100%}.favorite-creator-card:hover{background:var(--favorites-bg-tertiary);border-color:var(--favorites-accent-primary);transform:translateY(-2px);box-shadow:var(--favorites-shadow-lg)}.favorite-creator-card:active{transform:translateY(0)}.favorites-grid.grid .favorite-creator-card{display:flex;flex-direction:column}.favorites-grid.list .favorite-creator-card{display:flex;flex-direction:row;align-items:flex-start;padding:var(--favorites-space-lg);gap:var(--favorites-space-lg)}.creator-image{position:relative;aspect-ratio:1;overflow:hidden}.favorites-grid.list .creator-image{width:120px;height:120px;flex-shrink:0;border-radius:var(--favorites-radius-lg)}.creator-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.favorite-creator-card:hover .creator-image img{transform:scale(1.05)}.online-indicator{position:absolute;bottom:var(--favorites-space-sm);right:var(--favorites-space-sm);width:16px;height:16px;background:var(--favorites-success);border:3px solid var(--favorites-bg-card);border-radius:50%;box-shadow:var(--favorites-shadow-sm)}.verified-badge{position:absolute;top:var(--favorites-space-sm);right:var(--favorites-space-sm);width:24px;height:24px;background:var(--favorites-accent-primary);border:2px solid var(--favorites-bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--favorites-shadow-sm);z-index:2}.unfavorite-btn{position:absolute;top:var(--favorites-space-sm);left:var(--favorites-space-sm);width:36px;height:36px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;transform:scale(.8);z-index:3;-webkit-tap-highlight-color:transparent}.favorite-creator-card:hover .unfavorite-btn{opacity:1;transform:scale(1)}.unfavorite-btn:hover{background:var(--favorites-accent-secondary);transform:scale(1.1)}.unfavorite-btn:active{transform:scale(.95)}.creator-info{padding:var(--favorites-space-lg);display:flex;flex-direction:column;gap:var(--favorites-space-sm);flex:1;min-width:0}.favorites-grid.list .creator-info{padding:0;gap:var(--favorites-space-md)}.creator-name{font-size:18px;font-weight:600;color:var(--favorites-text-primary);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-username{font-size:14px;color:var(--favorites-accent-primary);margin:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-bio{font-size:13px;color:var(--favorites-text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-meta{display:flex;align-items:center;gap:var(--favorites-space-md);flex-wrap:wrap}.creator-age{font-size:12px;color:var(--favorites-text-primary);background:var(--favorites-bg-tertiary);padding:var(--favorites-space-xs) var(--favorites-space-sm);border-radius:var(--favorites-radius-xl);font-weight:500}.creator-location,.creator-rating{display:flex;align-items:center;gap:var(--favorites-space-xs);font-size:12px;font-weight:500}.creator-location{color:var(--favorites-text-tertiary)}.creator-rating{color:var(--favorites-warning)}.creator-added{display:flex;align-items:center;gap:var(--favorites-space-xs);font-size:12px;color:var(--favorites-text-tertiary)}.creator-actions{display:flex;gap:var(--favorites-space-sm);margin-top:var(--favorites-space-sm)}.action-btn{width:40px;height:40px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:var(--favorites-shadow-sm)}.message-btn{background:#38bdf81a;color:var(--favorites-info);border:2px solid rgba(56,189,248,.2)}.message-btn:hover{background:var(--favorites-info);color:#fff;transform:scale(1.1)}.message-btn:active{transform:scale(.95)}.favorites-loading,.favorites-error,.favorites-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--favorites-space-2xl) var(--favorites-space-md);min-height:60vh;gap:var(--favorites-space-lg)}.spinner{animation:spin 1s linear infinite;color:var(--favorites-accent-primary)}.favorites-loading span,.favorites-error p,.favorites-empty p{font-size:16px;color:var(--favorites-text-secondary);margin:0;line-height:1.5}.favorites-error h3,.favorites-empty h2{font-size:24px;font-weight:700;color:var(--favorites-text-primary);margin:0;line-height:1.2}.retry-btn,.browse-btn{padding:var(--favorites-space-md) var(--favorites-space-xl);background:var(--favorites-accent-primary);color:var(--favorites-text-primary);border:none;border-radius:var(--favorites-radius-xl);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:var(--favorites-shadow-md)}.retry-btn:hover,.browse-btn:hover{background:var(--favorites-accent-secondary);transform:translateY(-1px);box-shadow:var(--favorites-shadow-lg)}.retry-btn:active,.browse-btn:active{transform:translateY(0)}@media (min-width: 768px){.favorites-header{padding:var(--favorites-space-lg);min-height:80px}.favorites-title h1{font-size:24px}.favorites-search{padding:var(--favorites-space-lg)}.favorites-controls{padding:var(--favorites-space-lg);flex-wrap:nowrap}.favorites-list{padding:var(--favorites-space-xl)}.favorites-grid.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.creator-name{font-size:20px}.creator-username{font-size:16px}.creator-bio{font-size:14px}.action-btn{width:44px;height:44px}}@media (min-width: 1024px){.favorites-list{padding:var(--favorites-space-2xl) 2rem;max-width:none;margin:0}.favorites-grid.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.creator-info{padding:var(--favorites-space-xl)}.creator-name{font-size:22px}.creator-bio{font-size:15px;-webkit-line-clamp:3}.action-btn{width:48px;height:48px}}@media (min-width: 1440px){.favorites-list{max-width:none;padding:var(--favorites-space-2xl) 3rem}.favorites-grid.grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.purchased-content-container{min-height:100vh;background:var(--bg-900);color:var(--text-primary);padding-bottom:var(--space-2xl)}.purchased-content-header{background:var(--surface-700);border-bottom:1px solid var(--border-600);padding:var(--space-lg);position:sticky;top:0;z-index:10}.purchased-content-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.purchased-content-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.purchased-content-back-btn:hover{color:var(--primary);background:var(--bg-800)}.purchased-content-header-info{flex:1;text-align:center;margin:0 var(--space-md)}.purchased-content-header-info h1{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.purchased-content-header-info p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.purchased-content-filter-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.purchased-content-filter-btn:hover{color:var(--primary);background:var(--bg-800)}.purchased-content-search{padding:var(--space-md) var(--space-lg);background:var(--bg-900)}.purchased-content-search-input{position:relative;max-width:600px;margin:0 auto}.purchased-content-search-input svg:first-child{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.purchased-content-search-input input{width:100%;background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;padding:var(--space-md) var(--space-xl) var(--space-md) 44px;color:var(--text-primary);font-size:16px;transition:all .2s ease}.purchased-content-search-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #17d2c21a}.purchased-content-search-input input::placeholder{color:var(--text-secondary)}.purchased-content-search-input button{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.purchased-content-search-input button:hover{color:var(--primary);background:var(--bg-800)}.purchased-content-filters{background:var(--surface-700);border-bottom:1px solid var(--border-600);overflow:hidden}.purchased-content-filters-content{padding:var(--space-lg);max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);align-items:end}.purchased-content-filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.purchased-content-filter-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.purchased-content-filter-group select{background:var(--bg-800);border:1px solid var(--border-600);border-radius:8px;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.purchased-content-filter-group select:focus{outline:none;border-color:var(--primary)}.purchased-content-clear-filters{background:var(--surface-700);border:1px solid var(--border-600);color:var(--text-secondary);border-radius:8px;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all .2s ease;font-size:14px;height:fit-content}.purchased-content-clear-filters:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-800)}.purchased-content-controls{padding:var(--space-md) var(--space-lg);display:flex;justify-content:center}.purchased-content-view-controls{display:flex;background:var(--surface-700);border-radius:8px;padding:4px;gap:2px}.purchased-content-view-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.purchased-content-view-btn.active{color:var(--primary);background:var(--bg-800)}.purchased-content-view-btn:hover{color:var(--primary)}.purchased-content-main{padding:0 var(--space-lg) var(--space-2xl);max-width:1200px;margin:0 auto}.purchased-content-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary)}.purchased-content-empty svg{color:var(--text-secondary);margin-bottom:var(--space-lg);opacity:.5}.purchased-content-empty h3{font-size:24px;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.purchased-content-empty p{font-size:16px;margin:0 0 var(--space-xl) 0;max-width:400px;margin-left:auto;margin-right:auto}.purchased-content-browse-btn,.purchased-content-clear-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:var(--space-md) var(--space-xl);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.purchased-content-browse-btn:hover,.purchased-content-clear-btn:hover{background:var(--primary-600);transform:translateY(-2px)}.purchased-content-grid{display:grid;gap:var(--space-lg)}.purchased-content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.purchased-content-grid.list{grid-template-columns:1fr;gap:var(--space-md)}.purchased-content-item{background:var(--surface-700);border:1px solid var(--border-600);border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer}.purchased-content-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d;border-color:var(--primary)}.purchased-content-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-800)}.purchased-content-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.purchased-content-item:hover .purchased-content-thumbnail img{transform:scale(1.05)}.purchased-content-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.purchased-content-item:hover .purchased-content-overlay{opacity:1}.purchased-content-view-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:var(--space-sm) var(--space-md);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:all .2s ease}.purchased-content-view-btn:hover{background:var(--primary-600);transform:scale(1.05)}.purchased-content-type-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#000c;color:#fff;border-radius:6px;padding:4px 8px;display:flex;align-items:center;font-size:12px}.purchased-content-info{padding:var(--space-md)}.purchased-content-creator{margin-bottom:var(--space-xs)}.purchased-content-creator-link{background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;padding:0}.purchased-content-creator-link:hover{color:var(--primary-600);text-decoration:underline}.purchased-content-title{font-size:16px;font-weight:500;margin:0 0 var(--space-sm) 0;color:var(--text-primary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.purchased-content-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.purchased-content-price,.purchased-content-date{display:flex;align-items:center;gap:4px}.purchased-content-price{color:var(--primary);font-weight:500}.purchased-content-grid.list .purchased-content-item{display:flex;align-items:center}.purchased-content-grid.list .purchased-content-thumbnail{width:120px;height:80px;aspect-ratio:unset;flex-shrink:0}.purchased-content-grid.list .purchased-content-info{flex:1;padding:var(--space-md)}.purchased-content-grid.list .purchased-content-title{-webkit-line-clamp:1}.purchased-content-loading,.purchased-content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--text-secondary);padding:var(--space-xl)}.purchased-content-spinner{animation:spin 1s linear infinite;margin-bottom:var(--space-md);color:var(--primary)}.purchased-content-error svg{color:var(--error);margin-bottom:var(--space-md)}.purchased-content-error h3{font-size:24px;font-weight:600;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.purchased-content-error p{margin:0 0 var(--space-xl) 0;max-width:400px}.purchased-content-retry-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:var(--space-md) var(--space-xl);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.purchased-content-retry-btn:hover{background:var(--primary-600);transform:translateY(-2px)}@media (max-width: 768px){.purchased-content-container{padding-bottom:80px}.purchased-content-header{padding:var(--space-md)}.purchased-content-header-info h1{font-size:20px}.purchased-content-search{padding:var(--space-md)}.purchased-content-filters-content{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.purchased-content-main{padding:0 var(--space-md) var(--space-xl)}.purchased-content-grid.grid{grid-template-columns:1fr;gap:var(--space-md)}.purchased-content-grid.list .purchased-content-item{flex-direction:column;align-items:stretch}.purchased-content-grid.list .purchased-content-thumbnail{width:100%;height:180px}.purchased-content-empty{padding:var(--space-xl) var(--space-md)}.purchased-content-empty h3{font-size:20px}.purchased-content-empty p{font-size:14px}}@media (min-width: 769px) and (max-width: 1023px){.purchased-content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 1024px){.purchased-content-container{padding-bottom:var(--space-xl)}}.MemberWallet{padding:var(--space-md);max-width:640px;margin:0 auto;background:var(--bg-900);min-height:100vh}.MemberWallet-skeleton{display:flex;flex-direction:column;gap:var(--space-lg)}.MemberWallet-balance-skeleton{height:180px;background:var(--surface-700);border-radius:16px;background:linear-gradient(90deg,var(--surface-700) 25%,var(--border-600) 50%,var(--surface-700) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.MemberWallet-grid-skeleton{height:120px;background:var(--surface-700);border-radius:16px;background:linear-gradient(90deg,var(--surface-700) 25%,var(--border-600) 50%,var(--surface-700) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.MemberWallet-transactions-skeleton{height:200px;background:var(--surface-700);border-radius:16px;background:linear-gradient(90deg,var(--surface-700) 25%,var(--border-600) 50%,var(--surface-700) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.MemberWallet-balance-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);border-radius:20px;padding:var(--space-xl);margin-bottom:var(--space-lg);position:relative;overflow:hidden;box-shadow:0 8px 32px #17d2c233}.MemberWallet-balance-card.low-balance{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%);box-shadow:0 8px 32px #f59e0b33}.MemberWallet-balance-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.MemberWallet-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.MemberWallet-balance-title{display:flex;align-items:center;gap:var(--space-sm)}.MemberWallet-wallet-icon{color:#ffffffe6}.MemberWallet-balance-title h2{color:#fff;font-size:18px;font-weight:600;margin:0}.MemberWallet-refresh-btn{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.MemberWallet-refresh-btn:hover{background:#ffffff4d;transform:scale(1.05)}.MemberWallet-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.MemberWallet-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MemberWallet-balance-amount{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg)}.MemberWallet-credits-value{font-size:42px;font-weight:700;color:#fff;line-height:1}.MemberWallet-credits-label{font-size:16px;color:#fffc;font-weight:500}.MemberWallet-low-balance-alert{display:flex;align-items:center;gap:var(--space-sm);background:#ffffff26;padding:var(--space-sm) var(--space-md);border-radius:12px;margin-bottom:var(--space-md);color:#fff;font-size:14px;font-weight:500}.MemberWallet-add-credits-btn{background:#fff;color:var(--primary);border:none;border-radius:12px;padding:var(--space-md) var(--space-xl);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;min-height:var(--touch-target-optimal);cursor:pointer;transition:all .2s ease}.MemberWallet-add-credits-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.MemberWallet-add-credits-btn:active{transform:translateY(0)}.MemberWallet-quick-add-section{margin-bottom:var(--space-xl)}.MemberWallet-quick-add-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 var(--space-md) 0}.MemberWallet-quick-add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.MemberWallet-quick-add-btn{background:var(--surface-700);border:1px solid var(--border-600);border-radius:16px;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-height:120px}.MemberWallet-quick-add-btn:hover{transform:translateY(-2px);border-color:var(--primary-300);box-shadow:0 4px 20px #17d2c21a}.MemberWallet-quick-add-btn svg{color:var(--primary)}.MemberWallet-credit-amount{font-size:18px;font-weight:700;color:var(--text-primary)}.MemberWallet-dollar-amount{font-size:14px;font-weight:600;color:var(--primary)}.MemberWallet-bonus{font-size:12px;color:var(--success);font-weight:500}.MemberWallet-recent-activity{background:var(--surface-700);border:1px solid var(--border-600);border-radius:16px;padding:var(--space-lg);margin-bottom:80px}.MemberWallet-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.MemberWallet-activity-title{display:flex;align-items:center;gap:var(--space-sm)}.MemberWallet-activity-title h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.MemberWallet-activity-title svg{color:var(--text-secondary)}.MemberWallet-view-all-btn{background:none;border:none;color:var(--primary);font-size:14px;font-weight:500;display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm);border-radius:8px;transition:all .2s ease}.MemberWallet-view-all-btn:hover{background:#17d2c21a}.MemberWallet-transactions-list{display:flex;flex-direction:column;gap:var(--space-md)}.MemberWallet-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-800);border:1px solid var(--border-600);border-radius:12px;transition:all .2s ease}.MemberWallet-transaction-item:hover{border-color:var(--primary-300);transform:translateY(-1px)}.MemberWallet-transaction-left{display:flex;align-items:center;gap:var(--space-md)}.MemberWallet-transaction-icon{color:var(--text-secondary)}.MemberWallet-transaction-icon.positive{color:var(--success)}.MemberWallet-transaction-icon.negative{color:var(--text-secondary)}.MemberWallet-transaction-info{display:flex;flex-direction:column;gap:2px}.MemberWallet-transaction-description{color:var(--text-primary);font-size:14px;font-weight:500}.MemberWallet-transaction-time{color:var(--text-secondary);font-size:12px}.MemberWallet-transaction-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.MemberWallet-transaction-amount{font-size:16px;font-weight:600}.MemberWallet-transaction-amount.positive{color:var(--success)}.MemberWallet-transaction-amount.negative{color:var(--text-secondary)}.MemberWallet-credits-unit{color:var(--text-secondary);font-size:12px}.MemberWallet-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-md);text-align:center}.MemberWallet-empty-state svg{color:var(--text-secondary);opacity:.5}.MemberWallet-empty-state p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.MemberWallet-empty-state span{color:var(--text-secondary);font-size:14px}@media (max-width: 768px){.MemberWallet{padding:var(--space-sm)}.MemberWallet-balance-card{padding:var(--space-lg);margin-bottom:var(--space-md)}.MemberWallet-credits-value{font-size:36px}.MemberWallet-quick-add-grid{grid-template-columns:1fr;gap:var(--space-sm)}.MemberWallet-quick-add-btn{flex-direction:row;justify-content:space-between;padding:var(--space-md);min-height:var(--touch-target-optimal)}.MemberWallet-transaction-item{padding:var(--space-sm) var(--space-md)}.MemberWallet-transaction-left{gap:var(--space-sm)}}@media (prefers-color-scheme: dark){.MemberWallet-balance-card{box-shadow:0 8px 32px #17d2c226}.MemberWallet-quick-add-btn:hover{box-shadow:0 4px 20px #17d2c214}}.MemberWallet-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.MemberWallet-modal-overlay>*{max-width:500px;width:100%;max-height:90vh;overflow-y:auto}@media (max-width: 640px){.MemberWallet-modal-overlay{padding:0;align-items:flex-end;background:#000000b3}.MemberWallet-modal-overlay>*{max-height:95vh;border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0006}}.MemberBilling-page{min-height:100vh;background:var(--bg-900);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.MemberBilling-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface-700);border-bottom:1px solid var(--border-600);position:sticky;top:0;z-index:10}.MemberBilling-mobile-header h1{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.MemberBilling-back-btn{background:none;border:none;color:var(--primary);padding:var(--space-xs);border-radius:8px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.MemberBilling-back-btn:hover{background:var(--border-600)}.MemberBilling-back-btn:active{transform:scale(.98)}.MemberBilling-content{flex:1;padding:var(--space-lg);max-width:800px;margin:0 auto;width:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom,16px))}@media (min-width: 1024px){.MemberBilling-content{padding:var(--space-2xl) var(--space-lg)}}@media (max-width: 767px){.MemberBilling-content{padding:var(--space-md)}}.lib-container{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0));overflow-x:hidden}.lib-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.lib-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#17d2c2;border-radius:50%;animation:libSpin 1s linear infinite}@keyframes libSpin{to{transform:rotate(360deg)}}.lib-header{background:#121212f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0)}.lib-header-content{display:flex;align-items:center;justify-content:space-between;padding:16px;min-height:56px}.lib-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#17d2c2;cursor:pointer;border-radius:8px;transition:all .2s ease}.lib-back-btn:active{transform:scale(.95)}.lib-header h1{font-size:20px;font-weight:700;margin:0;color:#fff}.lib-header-spacer{width:40px}.lib-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#1c1c1e80;border-bottom:1px solid rgba(255,255,255,.1)}.lib-stat{text-align:center}.lib-stat-value{display:block;font-size:20px;font-weight:700;color:#17d2c2;margin-bottom:4px}.lib-stat-label{display:block;font-size:11px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.lib-controls{padding:16px;background:#121212;border-bottom:1px solid rgba(255,255,255,.1)}.lib-search-bar{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin-bottom:12px;position:relative}.lib-search-bar svg{color:#8e8e93;flex-shrink:0}.lib-search-bar input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.lib-search-bar input::placeholder{color:#8e8e93}.lib-clear-search{background:transparent;border:none;color:#8e8e93;cursor:pointer;padding:4px;display:flex;align-items:center}.lib-filter-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.lib-filter-chips{display:flex;gap:8px;overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lib-filter-chips::-webkit-scrollbar{display:none}.lib-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#8e8e93;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.lib-chip.active{background:#17d2c21a;border-color:#17d2c2;color:#17d2c2}.lib-view-toggle{display:flex;gap:4px;background:#ffffff0d;border-radius:8px;padding:4px}.lib-view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e8e93;border-radius:6px;cursor:pointer;transition:all .2s ease}.lib-view-btn.active{background:#17d2c21a;color:#17d2c2}.lib-bulk-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#17d2c20d;border-bottom:1px solid rgba(23,210,194,.2)}.lib-bulk-actions span{color:#17d2c2;font-size:14px;font-weight:500}.lib-clear-selection{padding:8px 12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#8e8e93;font-size:13px;cursor:pointer}.lib-content{padding:16px}.lib-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.lib-empty-state svg{color:#8e8e93;margin-bottom:16px}.lib-empty-state h3{font-size:18px;margin-bottom:8px;color:#fff}.lib-empty-state p{font-size:14px;color:#8e8e93}.lib-items-grid{display:grid;grid-template-columns:1fr;gap:12px}.lib-items-list{display:flex;flex-direction:column;gap:12px}.lib-item{background:#1c1c1e80;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.lib-item.selected{border-color:#17d2c2;background:#17d2c20d}.lib-item-checkbox{position:absolute;top:8px;left:8px;z-index:2}.lib-item-checkbox input{width:20px;height:20px;cursor:pointer}.lib-items-grid .lib-item{display:flex;flex-direction:column}.lib-items-grid .lib-item-thumbnail{position:relative;width:100%;padding-bottom:150%;background:#000;overflow:hidden}.lib-items-grid .lib-item-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.lib-items-grid .lib-item-info{padding:12px}.lib-items-grid .lib-item-info h3{font-size:13px;font-weight:600;margin:0 0 8px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-items-grid .lib-item-meta{display:none}.lib-items-grid .lib-item-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lib-items-grid .lib-item-actions{display:flex;gap:8px;padding:0 12px 12px}.lib-items-list .lib-item{display:flex;align-items:center;gap:12px;padding:12px}.lib-items-list .lib-item-thumbnail{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#000}.lib-items-list .lib-item-thumbnail img{width:100%;height:100%;object-fit:cover}.lib-items-list .lib-item-info{flex:1;min-width:0}.lib-items-list .lib-item-info h3{font-size:14px;font-weight:600;margin:0 0 6px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-items-list .lib-item-meta{display:flex;gap:12px;margin-bottom:6px}.lib-items-list .lib-item-actions{display:flex;gap:8px}.lib-item-type{position:absolute;top:8px;right:8px;background:#000c;padding:4px 8px;border-radius:6px;display:flex;align-items:center;color:#fff}.lib-item-duration{position:absolute;bottom:8px;right:8px;background:#000c;padding:4px 8px;border-radius:6px;font-size:11px;color:#fff}.lib-item-meta span{display:flex;align-items:center;gap:4px;font-size:11px;color:#8e8e93}.lib-item-details{display:flex;gap:8px;flex-wrap:wrap}.lib-type-label{padding:2px 8px;background:#17d2c21a;border-radius:4px;font-size:11px;color:#17d2c2;font-weight:500}.lib-file-count,.lib-file-size{font-size:11px;color:#8e8e93}.lib-view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:#8e8e93}.lib-view-btn:hover{background:#ffffff1a;color:#fff}@media (min-width: 768px) and (max-width: 1024px){.lib-header-content{padding:20px 24px}.lib-header h1{font-size:24px}.lib-stats-bar,.lib-controls,.lib-content{padding:20px 24px}.lib-items-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto}.lib-items-list .lib-item{padding:16px}.lib-items-list .lib-item-thumbnail{width:100px;height:100px}}@media (min-width: 1025px){.lib-container{max-width:1280px;margin:0 auto}.lib-items-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}.lib-items-list .lib-item-thumbnail{width:120px;height:120px}.lib-view-btn{width:40px;height:40px}}.ssc{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:radial-gradient(1200px 600px at 10% -10%,rgba(23,210,194,.18),transparent),radial-gradient(900px 500px at 110% 10%,rgba(71,224,210,.14),transparent),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 0;overflow:clip}.ssc:before,.ssc:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(30px);pointer-events:none}.ssc:before{left:-10%;bottom:10%;background:radial-gradient(circle at 30% 30%,#17d2c259,#17d2c200 60%);animation:ssc-float1 12s ease-in-out infinite}.ssc:after{right:-10%;top:-8%;background:radial-gradient(circle at 70% 70%,#47e0d259,#47e0d200 60%);animation:ssc-float2 16s ease-in-out infinite}@keyframes ssc-float1{0%,to{transform:translate(0)}50%{transform:translate(8px,-10px)}}@keyframes ssc-float2{0%,to{transform:translate(0)}50%{transform:translate(-12px,6px)}}.ssc-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.ssc-headline{font-weight:700!important;font-size:clamp(2rem,5vw,3rem)!important;line-height:1.12!important;text-shadow:0 6px 30px rgba(23,210,194,.25);margin:0}.ssc .ssc-subhead,.MuiTypography-root.ssc-subhead{display:block;max-width:780px;margin:14px auto 0!important;text-align:center;color:var(--text-2);font-size:clamp(1.05rem,2.4vw,1.25rem)}.ssc-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}.ssc-chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}.chip-tag{background:#ffffff0a!important;border:1px solid var(--border)!important}@media (min-width: 1280px){.ssc{padding:88px 0}}:root{--brand: #17d2c2;--brand-600: #12b7ab;--brand-300: #47e0d2;--bg-900: #0a0a0a;--bg-800: #121212;--surface: #1c1c1e;--border: #2a2a2c;--text: #ffffff;--text-2: #c7c7cc;--grad: linear-gradient(135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100%);--shadow-elev: 0 10px 30px rgba(0, 0, 0, .35)}.scu{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:clip;padding:72px 0;background:radial-gradient(1200px 600px at 0% 0%,rgba(23,210,194,.12),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(71,224,210,.1),transparent 60%),linear-gradient(180deg,#fff0,#17d2c20f),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.scu:before{content:"";position:absolute;inset:auto -15% -40px;height:200px;background:var(--grad);filter:blur(60px);opacity:.25;transform:rotate(1deg)}.scu-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.scu-title{margin:0;font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.12;text-shadow:0 6px 30px rgba(23,210,194,.25)}.scu-sub{margin:12px auto 0;max-width:820px;color:var(--text-2);font-size:clamp(1.05rem,2.4vw,1.25rem)}.scu-grid{margin-top:28px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.scu-grid{grid-template-columns:repeat(3,1fr);gap:18px}}.scu-card{border:1px solid var(--border)!important;background:var(--surface)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.scu-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000059;border-color:#47e0d259!important}.scu-card-content{display:grid;justify-items:center;gap:10px;padding:22px 18px!important}.scu-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#47e0d21f;border:1px solid rgba(71,224,210,.35);color:var(--brand-300);font-size:24px}.scu-card-title{margin:4px 0 0;font-weight:600;font-size:1.1rem}.scu-card-desc{margin:0;color:var(--text-2);font-size:.98rem}.scu-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}@media (min-width: 1280px){.scu{padding:88px 0}}.ftr{padding:64px 0;background:radial-gradient(900px 480px at 110% -20%,rgba(71,224,210,.1),transparent 60%),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ftr-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.ftr-title{font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 20px}.ftr-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.ftr-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ftr-grid{grid-template-columns:repeat(3,1fr)}}.ftr-card{border:1px solid var(--border)!important;background:var(--surface)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.ftr-card-hover:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000059;border-color:#47e0d259!important}.ftr-card-content{display:grid;gap:8px;padding:20px 18px!important}.ftr-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#47e0d21f;border:1px solid rgba(71,224,210,.35);color:var(--brand-300);font-size:20px}.ftr-card-title{font-weight:600;margin:4px 0 0}.ftr-card-desc{color:var(--text-2);margin:0}.ftr-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}@media (min-width: 1280px){.ftr{padding:88px 0}}.hiw{padding:64px 0;background:radial-gradient(900px 520px at -10% 0%,rgba(23,210,194,.1),transparent 60%),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hiw-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hiw-title{font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 20px}.hiw-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1024px){.hiw-grid{grid-template-columns:repeat(3,1fr)}}.hiw-card{border:1px solid var(--border)!important;background:var(--surface)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.hiw-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000059;border-color:#47e0d259!important}.hiw-card-content{display:grid;gap:8px;padding:22px 18px!important}.hiw-step-pill{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#47e0d21f;border:1px solid rgba(71,224,210,.35);color:var(--text);font-weight:700;font-size:1.05rem}.hiw-card-title{font-weight:600;margin:6px 0 0}.hiw-card-desc{color:var(--text-2);margin:0}.hiw-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}@media (min-width: 1280px){.hiw{padding:88px 0}}.sas{padding:64px 0;background:radial-gradient(900px 520px at 100% 0%,rgba(71,224,210,.1),transparent 60%),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sas-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.sas-title{font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 20px}.sas-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.sas-grid{grid-template-columns:repeat(2,1fr)}}.sas-card{border:1px solid var(--border)!important;background:var(--surface)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.sas-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000059;border-color:#47e0d259!important}.sas-card-content{display:grid;align-items:center;gap:12px;padding:18px!important}.row{display:grid;grid-template-columns:auto 1fr;gap:12px}.sas-shield{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#47e0d21f;border:1px solid rgba(71,224,210,.35);color:var(--brand-300);font-size:20px}.sas-text{color:var(--text)}.sas-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}@media (min-width: 1280px){.sas{padding:88px 0}}.ckc{padding:64px 0;background:radial-gradient(900px 520px at 100% 100%,rgba(71,224,210,.1),transparent 60%),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ckc-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.ckc-title{font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 20px}.ckc-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1024px){.ckc-grid{grid-template-columns:repeat(3,1fr)}}.ckc-card{border:1px solid var(--border)!important;background:var(--surface)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.ckc-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000059;border-color:#47e0d259!important}.ckc-card-content{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:20px 18px!important}.ckc-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#47e0d21f;border:1px solid rgba(71,224,210,.35);color:var(--brand-300);font-size:20px}.ckc-kpi{display:flex;flex-direction:column}.ckc-k{color:var(--text-2);font-size:14px}.ckc-v{font-weight:600}.ckc-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}.btn-primary-cta{background:var(--grad)!important;color:#001310!important;box-shadow:var(--shadow-elev)!important}.btn-primary-cta:hover{transform:translateY(-1px)}@media (min-width: 1280px){.ckc{padding:88px 0}}:root{--brand: #17d2c2;--brand-600: #12b7ab;--brand-300: #47e0d2;--bg-900: #0a0a0a;--surface: #1c1c1e;--border: #2a2a2c;--text: #ffffff;--text-2: #c7c7cc;--grad: linear-gradient(135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100%);--shadow-elev: 0 10px 30px rgba(0, 0, 0, .35)}.faqc{padding:64px 0;background:radial-gradient(900px 520px at 0% 100%,rgba(23,210,194,.1),transparent 60%),var(--bg-900);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faqc-inner{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.faqc-title{font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 20px}.faqc-list{display:grid;gap:12px}.faqc-accordion{background:var(--surface)!important;border:1px solid var(--border);box-shadow:none!important}.faqc-accordion.Mui-expanded{border-color:#47e0d259}.faqc-q{font-weight:600!important}.faqc-a{color:var(--text-2)}.faqc-cta{display:flex;justify-content:center;margin-top:20px}.btn-outline{border-color:var(--border)!important;color:var(--text)!important}@media (min-width: 1280px){.faqc{padding:88px 0}}:root{--brand: #17d2c2;--brand-600: #12b7ab;--brand-700: #0fa093;--brand-300: #47e0d2;--brand-100: #cff8f4;--bg-900: #0a0a0a;--bg-800: #121212;--surface: #1c1c1e;--border: #2a2a2c;--text: #ffffff;--text-2: #c7c7cc;--muted: #8e8e93;--shadow-elev: 0 10px 30px rgba(0, 0, 0, .35);--grad: linear-gradient(135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100%)}html,body,#root{height:100%}body{background:var(--bg-900);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{min-height:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.hero-gradient-bg{position:relative;overflow:clip;background:radial-gradient(1200px 600px at 10% -10%,rgba(23,210,194,.15),transparent),radial-gradient(900px 500px at 110% 10%,rgba(71,224,210,.12),transparent),var(--bg-900)}.glass-bar{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;border-radius:12px;background:#12121299;border:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bar-left{display:flex;gap:12px;align-items:center}.bar-right{display:flex;gap:8px;align-items:center;color:var(--text-2);font-size:13px}.chip-soft{background:#ffffff0d!important}.progress-wrap{margin:20px auto 0}.progress{height:10px!important;border-radius:999px!important;background:#ffffff14!important}.progress .MuiLinearProgress-bar{background:var(--brand-600)!important}.progress-meta{display:flex;justify-content:space-between;color:var(--text-2);font-size:13px;margin-top:6px}.sticky-cta{position:sticky;bottom:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#0a0a0a00,#0a0a0abf 30%,#0a0a0ad9);padding:12px 0;border-top:1px solid var(--border)}.input{width:100%;padding:12px 14px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);outline:none}.input:focus{border-color:var(--brand-600);box-shadow:0 0 0 2px #47e0d240}.input-help{font-size:12px;color:var(--muted);margin-top:6px}.input-help.error{color:#ef4444}.dialog-actions{padding:12px 16px}.muted{color:var(--text-2)}::selection{background:var(--brand-300);color:#001310}:root{--brand: #17d2c2;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--brand-gradient-2: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--brand-gradient-3: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--bg-900: #0a0a0a;--text-primary: #ffffff;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}.landing-page-v2{min-height:100vh;background:var(--bg-900);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;position:relative}.animated-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--brand-gradient);top:-200px;right:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--brand-gradient-2);bottom:-100px;left:-100px;animation-delay:5s}.orb-3{width:500px;height:500px;background:var(--brand-gradient-3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}.noise-overlay{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.landing-page-v2>*:not(.animated-bg){position:relative;z-index:10}.landing-page-v2 .mainheader-navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1001!important;background:#0a0a0af2!important;backdrop-filter:blur(20px)!important;display:block!important;visibility:visible!important;opacity:1!important;height:60px!important;min-height:60px!important;width:100vw!important;margin:0!important}.landing-page-v2 *{will-change:auto}.gradient-orb{will-change:transform}:root{--brand: #17d2c2;--brand-100: #cff8f4;--brand-300: #47e0d2;--brand-600: #12b7ab;--brand-700: #0fa093;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--brand-gradient-2: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--brand-gradient-3: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--bg-900: #0a0a0a;--bg-800: #121212;--surface-700: #1c1c1e;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--muted: #8e8e93;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #38bdf8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(23, 210, 194, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.hero-section{padding-top:120px;padding-bottom:var(--space-3xl);min-height:100vh;display:flex;align-items:center;position:relative}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.hero-logo{margin-bottom:var(--space-lg);display:block}.logo-image{height:80px;width:auto;object-fit:contain}@media (min-width: 768px){.hero-logo{display:none}}.launch-chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;background:#17d2c21a;border:1px solid var(--brand-300);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--brand-300);font-family:var(--font-sans)}.pulse-animation{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.hero-title{font-size:clamp(48px,10vw,80px);font-weight:800;line-height:1.1;letter-spacing:-2px;font-family:var(--font-sans)}.hero-title span{display:block}.gradient-text-2{background:var(--brand-gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-3{background:var(--brand-gradient-3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(18px,3vw,24px);line-height:1.6;color:var(--text-secondary);max-width:600px;font-family:var(--font-sans)}.highlight-text{color:var(--brand-300);font-weight:600}.hero-cta-group{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:400px}.btn{display:grid;grid-template-columns:1fr;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:var(--font-sans)}.social-proof{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:#ffffff08;border-radius:var(--radius-xl);backdrop-filter:blur(10px);border:1px solid var(--border-600)}.stat-item{text-align:center}.stat-number{font-size:clamp(24px,5vw,36px);font-weight:700;color:var(--brand-300);font-family:var(--font-sans)}.counter-number{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:var(--space-xs);font-family:var(--font-sans)}.stat-divider{width:1px;height:40px;background:var(--border-600)}.video-modal{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-content{width:90%;max-width:800px;position:relative;animation:slideUpModal .3s ease}@keyframes slideUpModal{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#ffffff1a;border:1px solid var(--border-600);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:var(--error);border-color:var(--error)}.close-btn svg{width:24px;height:24px;stroke:#fff}.video-placeholder{aspect-ratio:16/9;background:var(--surface-700);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);border:1px solid var(--border-600)}.play-icon{width:80px;height:80px;fill:var(--brand-300);opacity:.5}.video-placeholder h3{font-size:24px;font-weight:600;font-family:var(--font-sans);color:var(--text-primary)}.video-placeholder p{color:var(--text-secondary);font-family:var(--font-sans)}.member-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-600)}.member-actions .btn{width:100%;justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:20px}.member-login-btn{background:#ffffff0d;border:1px solid var(--border-600)}.member-login-btn:hover{background:#ffffff1a;border-color:var(--brand-300)}.member-join-btn{background:var(--brand-gradient);color:var(--bg-900);font-weight:600}.member-join-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.hero-section{min-height:100vh;padding-top:100px}.social-proof{flex-direction:column;gap:var(--space-md)}.stat-divider{width:100px;height:1px}}@media (min-width: 640px){.hero-cta-group{flex-direction:row;justify-content:center;width:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--brand-600: #12b7ab;--brand-700: #0fa093;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-800: #121212;--surface-700: #1c1c1e;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #38bdf8;--shadow-xl: 0 20px 50px rgba(0, 0, 0, .45);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-3xl: 64px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.demo-section{padding:var(--space-3xl) 0;position:relative}.phone-mockup{max-width:375px;margin:0 auto;background:var(--surface-700);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl);border:2px solid var(--border-600)}.phone-screen{background:var(--bg-800);border-radius:28px;overflow:hidden;min-height:600px;position:relative}.swipe-card{padding:var(--space-lg);height:100%;display:flex;flex-direction:column;gap:var(--space-lg);transition:transform .5s ease,opacity .5s ease}.swipe-card.swipe-left{animation:swipeLeft .5s ease-out}.swipe-card.swipe-right{animation:swipeRight .5s ease-out}.swipe-card.swipe-super{animation:swipeSuper .5s ease-out}@keyframes swipeLeft{to{transform:translate(-150%) rotate(-30deg);opacity:0}}@keyframes swipeRight{to{transform:translate(150%) rotate(30deg);opacity:0}}@keyframes swipeSuper{to{transform:translateY(-150%) scale(.5);opacity:0}}.creator-header{display:flex;align-items:center;gap:var(--space-md)}.creator-avatar{position:relative;width:60px;height:60px}.creator-avatar img{width:100%;height:100%;border-radius:50%}.online-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:var(--success);border:3px solid var(--bg-800);border-radius:50%}.creator-info{flex:1}.creator-info h3{font-size:20px;font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary);font-family:var(--font-sans)}.creator-tags{display:flex;gap:var(--space-sm)}.tag{padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font-sans)}.tag-verified{background:#38bdf833;color:var(--info)}.tag-online{background:#22c55e33;color:var(--success)}.creator-stats{display:flex;flex-direction:column;align-items:center}.stat{display:flex;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:600;color:var(--text-primary);font-family:var(--font-sans)}.stat-label{font-size:18px;color:var(--warning)}.content-preview{flex:1;background:linear-gradient(135deg,var(--brand-600),var(--brand-700));border-radius:var(--radius-lg);position:relative;overflow:hidden;min-height:300px}.blur-overlay{position:absolute;inset:0;backdrop-filter:blur(20px);background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.blur-overlay p{color:var(--text-primary);font-size:16px;font-family:var(--font-sans)}.lock-icon{width:48px;height:48px;stroke:var(--text-primary);stroke-width:2}.price-tag{padding:6px 12px;background:var(--brand-gradient);border-radius:var(--radius-full);font-weight:600;color:#0a0a0a;font-family:var(--font-sans)}.swipe-actions{display:flex;justify-content:center;gap:var(--space-xl)}.swipe-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00000040}.swipe-btn svg{width:28px;height:28px}.swipe-btn.reject{background:#ef444433;color:var(--error)}.swipe-btn.reject:hover{background:var(--error);color:#fff;transform:scale(1.1)}.swipe-btn.super{background:#f59e0b33;color:var(--warning)}.swipe-btn.super:hover{background:var(--warning);color:#fff;transform:scale(1.1) rotate(15deg)}.swipe-btn.like{background:#17d2c233;color:var(--brand)}.swipe-btn.like:hover{background:var(--brand);color:#fff;transform:scale(1.1);animation:heartbeat .5s ease-in-out}@keyframes heartbeat{0%,to{transform:scale(1.1)}50%{transform:scale(1.3)}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.swipe-actions{gap:var(--space-lg)}.swipe-btn{width:56px;height:56px}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-900: #0a0a0a;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--success: #22c55e;--warning: #f59e0b;--info: #38bdf8;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-3xl: 64px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.features-section{padding:var(--space-3xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-size:clamp(32px,6vw,48px);font-weight:700;margin-bottom:var(--space-md);color:var(--text-primary);font-family:var(--font-sans)}.section-header p{font-size:18px;color:var(--text-secondary);font-family:var(--font-sans)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-xl);background:#ffffff08;border:1px solid var(--border-600);border-radius:var(--radius-xl);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-gradient);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--brand-300);box-shadow:var(--shadow-lg)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary);font-family:var(--font-sans)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-family:var(--font-sans)}.slide-up{opacity:0;transform:translateY(30px);animation:slideUpFade .6s ease-out forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.features-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.slide-up{animation:none;opacity:1;transform:none}.feature-card,.feature-card:before{transition:none}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--brand-600: #12b7ab;--brand-700: #0fa093;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-900: #0a0a0a;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(23, 210, 194, .3);--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-3xl: 64px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.creator-section{padding:var(--space-3xl) 0;background:linear-gradient(180deg,transparent,rgba(23,210,194,.05),transparent);position:relative}.creator-content{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:center}.creator-info-column h2{font-size:clamp(32px,6vw,48px);font-weight:700;margin-bottom:var(--space-lg);color:var(--text-primary);font-family:var(--font-sans)}.section-description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);font-family:var(--font-sans)}.benefits-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.benefit-item{display:flex;align-items:center;gap:var(--space-md);font-size:18px;font-weight:500;color:var(--text-primary);font-family:var(--font-sans)}.benefit-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#17d2c21a;border-radius:var(--radius-md)}.stats-card-container{display:flex;justify-content:center}.stats-card{padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-600);text-align:center;position:relative;overflow:hidden;min-width:350px}.stats-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--brand-gradient);opacity:.1;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-main{position:relative;z-index:1}.stats-percentage{font-size:clamp(48px,10vw,72px);font-weight:800;line-height:1;font-family:var(--font-sans)}.stats-label{font-size:24px;font-weight:600;margin-top:var(--space-sm);color:var(--text-primary);font-family:var(--font-sans)}.stats-divider{height:1px;background:var(--border-600);margin:var(--space-lg) 0}.stats-details{display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:1}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-family:var(--font-sans);color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--brand-300)}.floating-card{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width: 768px){.creator-content{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.stats-card{min-width:100%}}@media (prefers-reduced-motion: reduce){.floating-card{animation:none}.stats-card:before{animation:none}.btn-glow{animation:none}}:root{--brand: #17d2c2;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-900: #0a0a0a;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--warning: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-3xl: 64px;--radius-sm: 8px;--radius-xl: 24px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.testimonials-section{padding:var(--space-3xl) 0;text-align:center;position:relative}.testimonials-section h2{font-size:clamp(32px,6vw,48px);font-weight:700;margin-bottom:var(--space-3xl);color:var(--text-primary);font-family:var(--font-sans)}.testimonial-carousel{max-width:600px;margin:0 auto;position:relative;min-height:320px}.testimonial-card{padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-600);position:absolute;width:100%;opacity:0;transform:scale(.9);transition:all .5s ease;pointer-events:none}.testimonial-card.active{opacity:1;transform:scale(1);pointer-events:auto}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d}.rating{color:var(--warning);font-size:24px;margin-bottom:var(--space-lg);letter-spacing:4px}.testimonial-text{font-size:20px;line-height:1.6;margin-bottom:var(--space-lg);font-style:italic;color:var(--text-primary);font-family:var(--font-sans)}.testimonial-author{display:flex;align-items:center;gap:var(--space-md);justify-content:center}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:var(--bg-900);font-family:var(--font-sans)}.author-info{text-align:left}.author-name{font-weight:600;font-size:16px;color:var(--text-primary);font-family:var(--font-sans)}.author-role{color:var(--text-secondary);font-size:14px;font-family:var(--font-sans)}.carousel-dots{display:flex;justify-content:center;gap:var(--space-sm);position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-600);border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#17d2c280}.dot.active{width:24px;border-radius:4px;background:var(--brand)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.testimonial-carousel{min-height:360px}.testimonial-text{font-size:18px}.carousel-dots{bottom:-30px}}@media (prefers-reduced-motion: reduce){.testimonial-card{transition:opacity .3s ease}.dot{transition:none}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--bg-900: #0a0a0a;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--space-md: 16px;--space-lg: 24px;--space-3xl: 64px;--radius-lg: 16px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.faq-section{padding:var(--space-3xl) 0;position:relative}.faq-section h2{font-size:clamp(32px,6vw,48px);font-weight:700;text-align:center;margin-bottom:var(--space-3xl);color:var(--text-primary);font-family:var(--font-sans)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{border:1px solid var(--border-600);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.faq-item:hover{border-color:#17d2c24d;background:#ffffff08}.faq-question{width:100%;padding:var(--space-lg);background:transparent;border:none;color:var(--text-primary);font-size:18px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;font-family:var(--font-sans)}.faq-question:hover{background:#ffffff05}.faq-question:focus{outline:none;background:#17d2c20d}.faq-question:focus-visible{outline:2px solid var(--brand-300);outline-offset:-2px}.faq-icon{width:24px;height:24px;stroke:var(--text-secondary);transition:transform .3s ease,stroke .3s ease;flex-shrink:0}.faq-icon.expanded{transform:rotate(180deg);stroke:var(--brand-300)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0}.faq-answer.expanded{max-height:300px;padding:0 var(--space-lg) var(--space-lg);opacity:1}.faq-answer p{color:var(--text-secondary);line-height:1.6;font-family:var(--font-sans);font-size:16px;padding-top:0;margin:0}.faq-item:has(.faq-answer.expanded){border-color:var(--brand-300);background:#17d2c208}@media (max-width: 767px){.container{padding:0 var(--space-md)}.faq-question{font-size:16px;padding:var(--space-md)}.faq-answer.expanded{padding:0 var(--space-md) var(--space-md)}.faq-answer p{font-size:14px}}@media (prefers-reduced-motion: reduce){.faq-item,.faq-question,.faq-icon,.faq-answer{transition:none}.faq-answer.expanded{max-height:none}}:root{--brand: #17d2c2;--brand-300: #47e0d2;--brand-600: #12b7ab;--brand-gradient: linear-gradient( 135deg, #12b7ab 0%, #17d2c2 50%, #47e0d2 100% );--bg-900: #0a0a0a;--border-600: #2a2a2c;--text-primary: #ffffff;--text-secondary: #c7c7cc;--success: #22c55e;--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(23, 210, 194, .3);--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-3xl: 64px;--radius-lg: 16px;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.container{width:100%;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}.final-cta-section{padding:var(--space-3xl) 0;background:linear-gradient(135deg,#17d2c21a,#47e0d20d);position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:var(--brand-gradient);border-radius:50%;opacity:.1;filter:blur(100px)}.final-cta-section:after{content:"";position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;opacity:.1;filter:blur(120px)}.cta-content{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:clamp(36px,7vw,56px);font-weight:800;margin-bottom:var(--space-lg);font-family:var(--font-sans)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-content p{font-size:20px;color:var(--text-secondary);margin-bottom:var(--space-xl);font-family:var(--font-sans)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:var(--font-sans)}.btn-icon{width:20px;height:20px}.btn-primary{background:var(--brand-gradient);color:var(--bg-900);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-600);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff26;border-color:var(--brand-300)}.btn-large{padding:16px 32px;font-size:18px}.btn-glow{animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:var(--shadow-md),var(--shadow-glow)}50%{box-shadow:var(--shadow-lg),0 0 60px #17d2c266}}.cta-features{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.cta-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;color:var(--text-primary);font-family:var(--font-sans)}.check-icon{width:20px;height:20px;color:var(--success)}@media (min-width: 640px){.cta-buttons{flex-direction:row;justify-content:center}.cta-features{flex-direction:row;justify-content:center;gap:var(--space-xl)}}@media (max-width: 767px){.container{padding:0 var(--space-md)}.cta-content p{font-size:18px}}@media (prefers-reduced-motion: reduce){.btn-glow{animation:none}.btn{transition:none}}.OnboardingFlow-container{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:#0a0a0a;padding-bottom:max(env(safe-area-inset-bottom),0px);z-index:1000}.OnboardingFlow-background{position:absolute;inset:0;z-index:1}.OnboardingFlow-backgroundImage{width:100%;height:100%;object-fit:cover;object-position:center}.OnboardingFlow-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0ab3,#0a0a0a66,#0a0a0ae6)}.OnboardingFlow-content{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;padding:24px;color:#fff}.OnboardingFlow-header{display:flex;justify-content:center;padding-top:40px;margin-bottom:32px}.OnboardingFlow-logo{height:80px;width:auto;object-fit:contain}.OnboardingFlow-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:100%}.OnboardingFlow-mainHeading{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:30px;font-weight:700;line-height:1.2;color:#fff;max-width:320px;margin:0 auto 16px}.OnboardingFlow-subtitle{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:500;line-height:1.6;color:#c7c7cc;max-width:320px;margin:0 auto 16px}.OnboardingFlow-tagline{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#fff;max-width:360px;margin:0 auto 48px}.OnboardingFlow-roleButtons{display:flex;flex-direction:column;gap:24px;margin-bottom:48px;align-items:center;width:100%}.OnboardingFlow-roleGroup{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.OnboardingFlow-roleButton{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;border:1px solid #2A2A2C;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:44px;box-shadow:0 10px 30px #00000059}.OnboardingFlow-roleButton:hover{transform:translateY(-2px);box-shadow:0 15px 40px #17d2c24d}.OnboardingFlow-roleButton:active{transform:translateY(0)}.OnboardingFlow-roleIcon{font-size:32px;margin-bottom:8px}.OnboardingFlow-roleTitle{font-size:14px;font-weight:600;margin-bottom:4px}.OnboardingFlow-roleDesc{font-size:14px;font-weight:400;opacity:.8}.OnboardingFlow-loginLink{background:transparent;border:none;color:#47e0d2;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;transition:all .2s ease;text-decoration:underline;text-underline-offset:2px;min-height:44px;display:flex;align-items:center;justify-content:center}.OnboardingFlow-loginLink:hover{color:#17d2c2;transform:translateY(-1px)}.OnboardingFlow-loginLink:active{transform:translateY(0)}.OnboardingFlow-footer{padding-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:320px;margin:28px auto 20px}.OnboardingFlow-skipButton{background:transparent;border:none;color:#8e8e93;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;cursor:pointer;padding:12px;transition:color .2s ease;justify-self:center}.OnboardingFlow-skipButton:hover{color:#c7c7cc}.OnboardingFlow-tutorialContainer{position:fixed;inset:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;padding:24px;padding-bottom:max(env(safe-area-inset-bottom),20px);color:#fff;z-index:1000}.OnboardingFlow-tutorialBackground{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}.OnboardingFlow-tutorialOverlay{position:absolute;inset:0;background:#0a0a0acc;z-index:-1}.OnboardingFlow-tutorialHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;padding-top:20px}.OnboardingFlow-backButton{background:transparent;border:none;color:#fff;font-size:24px;font-weight:500;cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease}.OnboardingFlow-backButton:hover{background:#ffffff1a}.OnboardingFlow-progress{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 16px}.OnboardingFlow-progressText{font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#c7c7cc;margin-bottom:8px}.OnboardingFlow-progressBar{width:100%;max-width:200px;height:4px;background:#2a2a2c;border-radius:2px;overflow:hidden}.OnboardingFlow-progressFill{height:100%;background:linear-gradient(90deg,#12b7ab,#17d2c2,#47e0d2);transition:width .3s ease}.OnboardingFlow-tutorialContent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:100%}.OnboardingFlow-tutorialImage{width:120px;height:120px;border-radius:24px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 10px 30px #17d2c24d}.OnboardingFlow-tutorialIcon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.OnboardingFlow-tutorialText{max-width:320px}.OnboardingFlow-tutorialTitle{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;line-height:1.2;color:#fff;margin:0 0 16px}.OnboardingFlow-tutorialDescription{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#c7c7cc;margin:0}.OnboardingFlow-featuresList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.OnboardingFlow-featureItem{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#c7c7cc;text-align:left}.OnboardingFlow-tutorialFooter{padding-bottom:max(env(safe-area-inset-bottom),32px);display:grid;grid-template-columns:1fr auto 1fr;gap:16px;width:100%;max-width:400px;margin:0 auto;padding-left:24px;padding-right:24px;align-items:center}.OnboardingFlow-nextButton{width:100%;padding:16px 24px;border-radius:16px;border:none;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00000059;min-height:44px}.OnboardingFlow-backButtonBottom{width:100%;padding:16px 24px;border-radius:16px;border:1px solid #2A2A2C;background:transparent;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.OnboardingFlow-backButtonBottom:hover{background:#ffffff0a;border-color:#47e0d2}.OnboardingFlow-nextButton:hover{transform:translateY(-1px);box-shadow:0 15px 40px #17d2c24d}.OnboardingFlow-nextButton:active{transform:translateY(0)}.OnboardingFlow-signupContainer{position:fixed;inset:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;justify-content:center;padding:24px;padding-bottom:max(env(safe-area-inset-bottom),24px);color:#fff;z-index:1000}.OnboardingFlow-signupContent{text-align:center;max-width:100%}.OnboardingFlow-signupIcon{font-size:48px;margin-bottom:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.OnboardingFlow-signupFeatures{display:flex;flex-direction:column;gap:16px;max-width:320px;margin:32px auto}.OnboardingFlow-signupFeature{display:flex;align-items:center;gap:12px;text-align:left;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:#c7c7cc}.OnboardingFlow-checkmark{color:#22c55e;font-weight:600;font-size:18px}.OnboardingFlow-signupTitle{font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1.2;color:#fff;margin:0 0 16px}.OnboardingFlow-signupDescription{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#c7c7cc;max-width:320px;margin:0 auto 48px}.OnboardingFlow-signupButtons{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.OnboardingFlow-primaryButton{width:100%;max-width:320px;margin:0 auto;padding:16px 24px;border-radius:16px;border:none;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#001310;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00000059;min-height:44px}.OnboardingFlow-primaryButton:hover{transform:translateY(-1px);box-shadow:0 15px 40px #17d2c24d}.OnboardingFlow-secondaryButton{width:100%;max-width:320px;margin:0 auto;padding:16px 24px;border-radius:16px;border:1px solid #2A2A2C;background:transparent;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.OnboardingFlow-secondaryButton:hover{background:#ffffff0a;border-color:#47e0d2}.OnboardingFlow-backToStart{background:transparent;border:none;color:#8e8e93;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;cursor:pointer;padding:12px;transition:color .2s ease}.OnboardingFlow-backToStart:hover{color:#c7c7cc}@media (min-width: 768px){.OnboardingFlow-content,.OnboardingFlow-tutorialContainer,.OnboardingFlow-signupContainer{padding:40px;max-width:600px;margin:0 auto}.OnboardingFlow-mainHeading{font-size:36px}.OnboardingFlow-roleButtons{flex-direction:row;gap:20px}.OnboardingFlow-roleButton{flex:1;padding:32px 24px;min-width:220px;white-space:nowrap}.OnboardingFlow-tutorialImage{width:150px;height:150px}.OnboardingFlow-tutorialIcon{font-size:64px}}@media (min-width: 1024px){.OnboardingFlow-content,.OnboardingFlow-tutorialContainer,.OnboardingFlow-signupContainer{max-width:800px}.OnboardingFlow-mainHeading{font-size:40px}.OnboardingFlow-welcome{max-width:500px;margin:0 auto}.OnboardingFlow-roleButtons{max-width:500px;margin:0 auto 48px}.OnboardingFlow-tutorialContent{max-width:500px}.OnboardingFlow-signupContent{max-width:500px;margin:0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.OnboardingFlow-welcome,.OnboardingFlow-tutorialContent,.OnboardingFlow-signupContent{animation:fadeIn .6s ease-out}.OnboardingFlow-roleButton:focus,.OnboardingFlow-nextButton:focus,.OnboardingFlow-primaryButton:focus,.OnboardingFlow-secondaryButton:focus{outline:2px solid #47E0D2;outline-offset:2px}.OnboardingFlow-backButton:focus,.OnboardingFlow-skipButton:focus,.OnboardingFlow-backToStart:focus{outline:2px solid #47E0D2;outline-offset:2px;border-radius:8px}.content-view-container{min-height:100vh;background:var(--bg-900);color:var(--text-primary);padding-bottom:80px}.content-view-main{max-width:800px;margin:0 auto;padding:var(--space-md)}.content-view-desktop{max-width:1200px;padding:var(--space-xl);padding-bottom:var(--space-md)}.content-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--space-md)}.content-view-spinner{width:40px;height:40px;border:3px solid var(--border-600);border-top:3px solid var(--primary);border-radius:50%;animation:content-view-spin 1s linear infinite}@keyframes content-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--space-md);text-align:center}.content-view-error svg{color:var(--error)}.content-view-back-btn{background:var(--primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.content-view-back-btn:hover{background:var(--primary-600)}.content-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-top:100px}.content-view-back-button{background:var(--primary);border:1px solid var(--primary);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000004d}.content-view-back-button:hover{background:var(--primary);border-color:var(--primary)}.content-view-actions{display:flex;gap:var(--space-sm)}.content-view-action-btn{background:#fff;border:1px solid white;color:#333;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000004d}.content-view-action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.content-view-action-btn.content-view-liked{color:var(--error)}.content-view-media-section{margin-bottom:var(--space-xl)}.content-view-media-container{position:relative;border-radius:12px;overflow:hidden;background:var(--surface-700)}.content-view-media{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.content-view-media-nav{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);background:#000c;padding:var(--space-sm) var(--space-md);border-radius:20px;backdrop-filter:blur(10px)}.content-view-nav-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;transition:background .2s ease}.content-view-nav-btn:hover:not(:disabled){background:#fff6}.content-view-nav-btn:disabled{opacity:.3;cursor:not-allowed}.content-view-media-counter{color:#fff;font-size:14px;font-weight:500;min-width:60px;text-align:center}.content-view-locked{display:flex;flex-direction:column;gap:var(--space-lg)}.content-view-preview-container{position:relative;border-radius:12px;overflow:hidden}.content-view-preview-image{width:100%;height:300px;object-fit:cover;filter:blur(20px)}.content-view-blur-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:#fff}.content-view-blur-overlay svg{color:var(--primary)}.content-view-unlock-section{text-align:center;padding:var(--space-lg);background:var(--surface-700);border-radius:12px;border:2px solid var(--primary)}.content-view-unlock-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary)}.content-view-price{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:var(--space-lg)}.content-view-unlock-btn{background:var(--gradient);border:none;color:#fff;padding:var(--space-md) var(--space-xl);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;min-width:140px}.content-view-unlock-btn:hover:not(:disabled){transform:translateY(-2px)}.content-view-unlock-btn:disabled{background:var(--muted);cursor:not-allowed;transform:none}.content-view-info{background:var(--surface-700);border-radius:12px;padding:var(--space-lg)}.content-view-title-section{margin-bottom:var(--space-lg)}.content-view-title{font-size:24px;font-weight:700;margin:0 0 var(--space-md) 0;color:var(--text-primary)}.content-view-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.content-view-creator,.content-view-date,.content-view-type,.content-view-views{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:14px}.content-view-creator svg,.content-view-date svg,.content-view-type svg,.content-view-views svg{color:var(--primary)}.content-view-description{margin-bottom:var(--space-lg)}.content-view-description h3{color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-size:16px;font-weight:600}.content-view-description p{color:var(--text-secondary);line-height:1.6;margin:0}.content-view-tags{margin-bottom:var(--space-lg)}.content-view-tags h3{color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-size:16px;font-weight:600}.content-view-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.content-view-tag{background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-sm);border-radius:16px;font-size:12px;font-weight:500}.content-view-pricing{border-top:1px solid var(--border-600);padding-top:var(--space-md)}.content-view-price-info{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary)}.content-view-price-info svg{color:var(--primary)}@media (min-width: 768px){.content-view-container{padding-bottom:0}.content-view-header{padding-top:140px}.content-view-main.content-view-desktop{display:grid;grid-template-columns:1fr 400px;gap:var(--space-xl);align-items:start}.content-view-header{grid-column:1 / -1}.content-view-media-section{margin-bottom:0}.content-view-title{font-size:32px}.content-view-meta{justify-content:flex-start}}@media (min-width: 1024px){.content-view-media{max-height:70vh}.content-view-nav-btn{width:40px;height:40px;font-size:20px}}.BlogArchive-container{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + env(safe-area-inset-bottom))}.BlogArchive-header{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);padding:60px 20px 40px;text-align:center}.BlogArchive-headerContent{max-width:800px;margin:0 auto}.BlogArchive-title{font-size:48px;font-weight:700;margin:0 0 16px;color:#fff}.BlogArchive-subtitle{font-size:18px;font-weight:400;color:#ffffffe6;margin:0}.BlogArchive-filters{padding:32px 20px;background:#121212;border-bottom:1px solid #2a2a2c}.BlogArchive-filtersContainer{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.BlogArchive-categoryFilter{display:flex;flex-wrap:wrap;gap:12px}.BlogArchive-categoryBtn{padding:10px 20px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:24px;color:#c7c7cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.BlogArchive-categoryBtn:hover{background:#2a2a2c;border-color:#17d2c2;color:#fff}.BlogArchive-categoryBtn.active{background:#17d2c2;border-color:#17d2c2;color:#0a0a0a;font-weight:600}.BlogArchive-searchForm{display:flex;max-width:500px;position:relative}.BlogArchive-searchInput{flex:1;padding:12px 48px 12px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-size:15px;transition:all .2s ease}.BlogArchive-searchInput:focus{outline:none;border-color:#17d2c2;background:#2a2a2c}.BlogArchive-searchInput::placeholder{color:#8e8e93}.BlogArchive-searchBtn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8e8e93;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.BlogArchive-searchBtn:hover{color:#17d2c2}.BlogArchive-postsSection{max-width:1280px;margin:0 auto;padding:40px 20px}.BlogArchive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.BlogArchive-postCard{background:#121212;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.BlogArchive-postCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #17d2c226}.BlogArchive-cardLink{text-decoration:none;color:inherit;display:block}.BlogArchive-imageContainer{width:100%;height:200px;overflow:hidden;background:#1c1c1e}.BlogArchive-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.BlogArchive-postCard:hover .BlogArchive-image{transform:scale(1.05)}.BlogArchive-cardContent{padding:24px}.BlogArchive-categoryBadge{display:inline-block;padding:6px 12px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:20px;color:#17d2c2;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.BlogArchive-cardTitle{font-size:22px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.BlogArchive-excerpt{font-size:15px;color:#c7c7cc;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.BlogArchive-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#8e8e93}.BlogArchive-date,.BlogArchive-views{display:flex;align-items:center;gap:6px}.BlogArchive-loading{text-align:center;padding:60px 20px}.BlogArchive-spinner{width:50px;height:50px;border:4px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;margin:0 auto 20px;animation:BlogArchive-spin .8s linear infinite}@keyframes BlogArchive-spin{to{transform:rotate(360deg)}}.BlogArchive-error{text-align:center;padding:60px 20px;color:#ef4444}.BlogArchive-retryBtn{margin-top:20px;padding:12px 32px;background:#17d2c2;border:none;border-radius:8px;color:#0a0a0a;font-weight:600;cursor:pointer;transition:all .2s ease}.BlogArchive-retryBtn:hover{background:#12b7ab;transform:translateY(-2px)}.BlogArchive-empty{text-align:center;padding:60px 20px;color:#8e8e93;font-size:16px}.BlogArchive-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px;padding-top:32px;border-top:1px solid #2a2a2c}.BlogArchive-pageBtn{padding:12px 24px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.BlogArchive-pageBtn:hover:not(:disabled){background:#17d2c2;border-color:#17d2c2;color:#0a0a0a;transform:translateY(-2px)}.BlogArchive-pageBtn:disabled{opacity:.3;cursor:not-allowed}.BlogArchive-pageInfo{color:#c7c7cc;font-size:15px;font-weight:500}@media (max-width: 768px){.BlogArchive-title{font-size:36px}.BlogArchive-subtitle{font-size:16px}.BlogArchive-grid{grid-template-columns:1fr;gap:24px}.BlogArchive-filtersContainer{gap:16px}.BlogArchive-categoryFilter{gap:8px}.BlogArchive-categoryBtn{font-size:13px;padding:8px 16px}.BlogArchive-cardContent{padding:20px}.BlogArchive-cardTitle{font-size:20px}.BlogArchive-pagination{gap:12px}.BlogArchive-pageBtn{padding:10px 16px;font-size:14px}.BlogArchive-pageInfo{font-size:14px}.MainHeader,.MainFooter{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.BlogArchive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.BottomNavigation{display:none!important}.BlogArchive-container{padding-top:0;padding-bottom:0}}.BlogPost-container{min-height:100vh;background:#0a0a0a;color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (max-width: 768px){.MainHeader,.MainFooter{display:none!important}}.BlogPost-hero{position:relative;min-height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.BlogPost-heroNav{max-width:1280px;width:100%;margin:0 auto}.BlogPost-navBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#1c1c1ee6;backdrop-filter:blur(10px);border:1px solid rgba(42,42,44,.6);border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.BlogPost-navBtn:hover{background:#2a2a2cf2;color:#17d2c2;border-color:#17d2c2;transform:translate(-4px)}.BlogPost-heroContent{max-width:1280px;width:100%;margin:0 auto;padding:40px 0}.BlogPost-heroTitle{font-size:56px;font-weight:700;color:#fff;line-height:1.2;margin:16px 0 24px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.BlogPost-heroMeta{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.BlogPost-metaItem{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;font-weight:500;background:#1c1c1eb3;backdrop-filter:blur(10px);padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.BlogPost-metaItem svg{flex-shrink:0}.BlogPost-categoryBadge{display:inline-block;padding:8px 16px;background:#17d2c233;backdrop-filter:blur(10px);border:1px solid rgba(23,210,194,.4);border-radius:20px;color:#17d2c2;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.BlogPost-article{max-width:900px;margin:50px auto 48px;background:#121212;border-radius:16px;padding:40px;position:relative;z-index:1;box-shadow:0 10px 40px #0000004d}.BlogPost-content{font-size:18px;line-height:1.8;color:#c7c7cc;margin-bottom:32px}.BlogPost-content h2{font-size:32px;font-weight:700;color:#fff;margin:40px 0 20px}.BlogPost-content h3{font-size:26px;font-weight:600;color:#fff;margin:32px 0 16px}.BlogPost-content p{margin:0 0 20px}.BlogPost-content a{color:#17d2c2;text-decoration:none;transition:color .2s ease}.BlogPost-content a:hover{color:#47e0d2;text-decoration:underline}.BlogPost-content ul,.BlogPost-content ol{margin:20px 0;padding-left:28px}.BlogPost-content li{margin:12px 0}.BlogPost-content blockquote{border-left:4px solid #17d2c2;padding:16px 24px;margin:24px 0;background:#1c1c1e;border-radius:8px;font-style:italic;color:#fff}.BlogPost-content img{width:100%;height:auto;border-radius:8px;margin:24px 0}.BlogPost-content code{background:#1c1c1e;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:16px;color:#17d2c2}.BlogPost-content pre{background:#1c1c1e;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.BlogPost-content pre code{background:none;padding:0;color:#c7c7cc}.BlogPost-ctaMid{margin:48px 0;padding:32px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 4px 12px #0000001a}.BlogPost-ctaCard{text-align:center}.BlogPost-ctaTitle{font-size:24px;font-weight:700;color:#0a0a0a;margin:0 0 12px}.BlogPost-ctaText{font-size:16px;color:#2a2a2c;line-height:1.6;max-width:600px;margin:0 auto 20px}.BlogPost-ctaButton{padding:14px 32px;background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #17d2c24d}.BlogPost-ctaButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17d2c280}.BlogPost-ctaEnd{margin:48px 0}.BlogPost-ctaEndCard{padding:48px 32px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0000001a}.BlogPost-ctaEndTitle{font-size:32px;font-weight:700;color:#0a0a0a;margin:0 0 16px}.BlogPost-ctaEndText{font-size:18px;color:#2a2a2c;line-height:1.6;max-width:700px;margin:0 auto 32px}.BlogPost-ctaEndButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.BlogPost-ctaEndButton{padding:16px 40px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.BlogPost-ctaEndButton.primary{background:linear-gradient(135deg,#12b7ab,#17d2c2,#47e0d2);color:#fff}.BlogPost-ctaEndButton.primary:hover{background:linear-gradient(135deg,#0fa093,#12b7ab,#17d2c2);transform:translateY(-2px);box-shadow:0 4px 12px #17d2c24d}.BlogPost-ctaEndButton.secondary{background:transparent;color:#0a0a0a;border:2px solid #0a0a0a}.BlogPost-ctaEndButton.secondary:hover{background:#0a0a0a;color:#fff;transform:translateY(-2px)}.BlogPost-tags{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0;border-top:1px solid #2a2a2c;border-bottom:1px solid #2a2a2c;margin-bottom:24px}.BlogPost-tag{padding:8px 16px;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:20px;color:#8e8e93;font-size:14px;font-weight:500}.BlogPost-engagement{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:24px 0;border-top:1px solid #2a2a2c;margin-top:24px}.BlogPost-likeBtn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1c1c1e;border:2px solid #17d2c2;border-radius:8px;color:#17d2c2;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.BlogPost-likeBtn:hover:not(:disabled){background:#17d2c2;color:#0a0a0a;transform:translateY(-2px)}.BlogPost-likeBtn.liked{background:#17d2c2;border-color:#17d2c2;color:#0a0a0a;cursor:not-allowed}.BlogPost-shareSection{display:flex;align-items:center;gap:16px}.BlogPost-shareLabel{font-size:15px;font-weight:600;color:#c7c7cc}.BlogPost-socialIcons{display:flex;gap:10px}.BlogPost-socialBtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1c1c1e;border:1px solid #2a2a2c;border-radius:8px;cursor:pointer;transition:all .2s ease}.BlogPost-socialBtn svg{width:20px;height:20px}.BlogPost-socialBtn:hover{transform:translateY(-2px);border-color:currentColor}.BlogPost-twitter{color:#1da1f2}.BlogPost-twitter:hover{background:#1da1f2;color:#fff}.BlogPost-facebook{color:#1877f2}.BlogPost-facebook:hover{background:#1877f2;color:#fff}.BlogPost-linkedin{color:#0a66c2}.BlogPost-linkedin:hover{background:#0a66c2;color:#fff}.BlogPost-reddit{color:#ff4500}.BlogPost-reddit:hover{background:#ff4500;color:#fff}.BlogPost-email{color:#8e8e93}.BlogPost-email:hover{background:#8e8e93;color:#fff}.BlogPost-copy{color:#17d2c2}.BlogPost-copy:hover{background:#17d2c2;color:#0a0a0a}.BlogPost-relatedSection{max-width:900px;margin:0 auto}.BlogPost-relatedTitle{font-size:28px;font-weight:700;color:#fff;margin:0 0 24px}.BlogPost-relatedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.BlogPost-relatedCard{background:#121212;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.BlogPost-relatedCard:hover{transform:translateY(-4px);box-shadow:0 8px 16px #17d2c226}.BlogPost-relatedImage{width:100%;height:150px;overflow:hidden;background:#1c1c1e}.BlogPost-relatedImage img{width:100%;height:100%;object-fit:cover}.BlogPost-relatedContent{padding:16px}.BlogPost-relatedCategory{display:inline-block;padding:4px 10px;background:#17d2c21a;border:1px solid rgba(23,210,194,.3);border-radius:12px;color:#17d2c2;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.BlogPost-relatedCardTitle{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.BlogPost-relatedDate{font-size:13px;color:#8e8e93}.BlogPost-loading{text-align:center;padding:80px 20px}.BlogPost-spinner{width:50px;height:50px;border:4px solid #2a2a2c;border-top-color:#17d2c2;border-radius:50%;margin:0 auto 20px;animation:BlogPost-spin .8s linear infinite}@keyframes BlogPost-spin{to{transform:rotate(360deg)}}.BlogPost-error{text-align:center;padding:80px 20px;max-width:600px;margin:0 auto}.BlogPost-error h2{font-size:32px;color:#ef4444;margin:0 0 16px}.BlogPost-error p{font-size:16px;color:#c7c7cc;margin:0 0 24px}.BlogPost-backBtn{padding:12px 32px;background:#17d2c2;border:none;border-radius:8px;color:#0a0a0a;font-weight:600;cursor:pointer;transition:all .2s ease}.BlogPost-backBtn:hover{background:#12b7ab;transform:translateY(-2px)}@media (max-width: 768px){.BlogPost-container{padding:16px 16px 80px}.BlogPost-article{padding:24px 20px;border-radius:12px}.BlogPost-title{font-size:28px}.BlogPost-meta{flex-direction:column;align-items:flex-start;gap:12px}.BlogPost-content{font-size:16px}.BlogPost-content h2{font-size:26px}.BlogPost-content h3{font-size:22px}.BlogPost-engagement{flex-direction:column;align-items:flex-start;gap:20px}.BlogPost-shareSection{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.BlogPost-socialIcons{width:100%;justify-content:space-between}.BlogPost-socialBtn{width:44px;height:44px}.BlogPost-ctaMid{padding:24px 20px;margin:32px 0}.BlogPost-ctaTitle{font-size:20px}.BlogPost-ctaText{font-size:15px}.BlogPost-ctaButton{width:100%;padding:14px 24px}.BlogPost-ctaEndCard{padding:32px 20px}.BlogPost-ctaEndTitle{font-size:24px}.BlogPost-ctaEndText{font-size:16px}.BlogPost-ctaEndButtons{flex-direction:column;gap:12px}.BlogPost-ctaEndButton{width:100%;padding:14px 24px}.BlogPost-relatedTitle{font-size:24px}.BlogPost-relatedGrid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.BlogPost-article{padding:32px}.BlogPost-heroTitle{font-size:44px}}@media (max-width: 768px){.BlogPost-hero{min-height:400px;padding:20px}.BlogPost-heroTitle{font-size:32px}.BlogPost-heroMeta{gap:12px}.BlogPost-metaItem{font-size:13px;padding:6px 10px}.BlogPost-article{margin-top:50px;padding:24px}.BlogPost-navBtn{font-size:14px;padding:8px 12px}.MainHeader,.MainFooter{display:none!important}}@media (min-width: 769px){.BottomNavigation{display:none!important}.BlogPost-container{padding-top:0;padding-bottom:0}}.tos-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.tos-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.tos-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.tos-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.tos-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.tos-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.tos-back-button:active{transform:scale(.95);opacity:.8}.tos-header-spacer{width:60px}.tos-content{max-width:800px;margin:0 auto;padding:20px 16px}.tos-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.tos-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.tos-last-updated{font-size:12px;color:#fff9;margin:0 0 16px}.tos-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.tos-important-notice{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:14px;color:#ef4444;text-align:left}.tos-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.tos-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.tos-toc-toggle:active{background:#00ffff0d}.tos-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:tosSlideDown .3s ease}@keyframes tosSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tos-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.tos-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.tos-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.tos-sections{display:flex;flex-direction:column;gap:16px}.tos-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.tos-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.tos-section-header:active{background:#00ffff0d}.tos-section-header h3{font-size:18px;font-weight:600;margin:0;color:#0ff;text-align:left}.tos-section-header svg{color:#0ff;flex-shrink:0}.tos-section-content{padding:0 20px 20px;animation:tosExpandSection .3s ease}@keyframes tosExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.tos-section-content p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0}.tos-acknowledgment-section{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:24px;margin-top:32px}.tos-acknowledgment-section h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#0ff}.tos-acknowledgment-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.tos-acknowledgment-section p:last-child{margin-bottom:0}.tos-acknowledgment-section a{color:#0ff;text-decoration:none;transition:opacity .2s ease}.tos-acknowledgment-section a:hover{opacity:.8}.tos-desktop-actions{display:none;justify-content:center;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.tos-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00ffff1a;border:1px solid #00ffff;border-radius:12px;color:#0ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tos-download-btn:hover{background:#0ff3}.tos-download-btn:active{transform:scale(.98)}@media (min-width: 768px){.tos-header h1{font-size:22px}.tos-content{padding:32px 24px}.tos-hero{padding:48px 32px}.tos-hero h2{font-size:28px}.tos-intro-text{font-size:17px}.tos-section-header h3{font-size:20px}.tos-section-content p{font-size:16px}.tos-sections{gap:20px}.tos-desktop-actions{display:flex}}@media (min-width: 1025px){.tos-content{max-width:900px;padding:48px 32px}.tos-hero{padding:64px 48px}.tos-hero h2{font-size:32px}.tos-section-header:hover{background:#00ffff0d}.tos-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.tos-toc-container.expanded .tos-toc-nav,.tos-toc-nav{display:flex}}.tos-section-header:focus-visible,.tos-toc-item:focus-visible,.tos-download-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media print{.tos-progress-bar-container,.tos-header,.tos-back-button,.tos-toc-toggle svg,.tos-section-header svg,.tos-desktop-actions{display:none!important}.tos-page{background:#fff;color:#000}.tos-section{page-break-inside:avoid;border:1px solid #cccccc}.tos-section-content{display:block!important}.tos-section-header{pointer-events:none}}@media (prefers-reduced-motion: reduce){.tos-progress-bar,.tos-section-content,.tos-toc-nav,.tos-download-btn,.tos-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.tos-section,.tos-toc-container,.tos-acknowledgment-section{border-width:2px}.tos-toc-item.active,.tos-section-header h3{text-decoration:underline}}.privacy-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.privacy-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.privacy-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.privacy-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.privacy-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.privacy-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.privacy-back-button:active{transform:scale(.95);opacity:.8}.privacy-header-spacer{width:60px}.privacy-content{max-width:800px;margin:0 auto;padding:20px 16px}.privacy-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.privacy-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.privacy-last-updated{font-size:12px;color:#fff9;margin:0 0 16px}.privacy-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.privacy-important-notice{padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:14px;color:#22c55e;text-align:left}.privacy-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.privacy-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.privacy-toc-toggle:active{background:#00ffff0d}.privacy-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:privacySlideDown .3s ease}@keyframes privacySlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.privacy-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.privacy-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.privacy-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.privacy-sections{display:flex;flex-direction:column;gap:16px}.privacy-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.privacy-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.privacy-section-header:active{background:#00ffff0d}.privacy-section-header h3{font-size:18px;font-weight:600;margin:0;color:#0ff;text-align:left}.privacy-section-header svg{color:#0ff;flex-shrink:0}.privacy-section-content{padding:0 20px 20px;animation:privacyExpandSection .3s ease}@keyframes privacyExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.privacy-section-content p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0}.privacy-contact-section{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:24px;margin-top:32px}.privacy-contact-section h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#0ff}.privacy-contact-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.privacy-contact-section p:last-child{margin-bottom:0}.privacy-contact-section a{color:#0ff;text-decoration:none;transition:opacity .2s ease}.privacy-contact-section a:hover{opacity:.8}.privacy-desktop-actions{display:none;justify-content:center;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.privacy-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00ffff1a;border:1px solid #00ffff;border-radius:12px;color:#0ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.privacy-download-btn:hover{background:#0ff3}.privacy-download-btn:active{transform:scale(.98)}@media (min-width: 768px){.privacy-header h1{font-size:22px}.privacy-content{padding:32px 24px}.privacy-hero{padding:48px 32px}.privacy-hero h2{font-size:28px}.privacy-intro-text{font-size:17px}.privacy-section-header h3{font-size:20px}.privacy-section-content p{font-size:16px}.privacy-sections{gap:20px}.privacy-desktop-actions{display:flex}}@media (min-width: 1025px){.privacy-content{max-width:900px;padding:48px 32px}.privacy-hero{padding:64px 48px}.privacy-hero h2{font-size:32px}.privacy-section-header:hover{background:#00ffff0d}.privacy-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.privacy-toc-container.expanded .privacy-toc-nav,.privacy-toc-nav{display:flex}}.privacy-section-header:focus-visible,.privacy-toc-item:focus-visible,.privacy-download-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media print{.privacy-progress-bar-container,.privacy-header,.privacy-back-button,.privacy-toc-toggle svg,.privacy-section-header svg,.privacy-desktop-actions{display:none!important}.privacy-page{background:#fff;color:#000}.privacy-section{page-break-inside:avoid;border:1px solid #cccccc}.privacy-section-content{display:block!important}.privacy-section-header{pointer-events:none}}@media (prefers-reduced-motion: reduce){.privacy-progress-bar,.privacy-section-content,.privacy-toc-nav,.privacy-download-btn,.privacy-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.privacy-section,.privacy-toc-container,.privacy-contact-section{border-width:2px}.privacy-toc-item.active,.privacy-section-header h3{text-decoration:underline}}.creator-guidelines-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.guidelines-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.guidelines-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.back-button:active{transform:scale(.95);opacity:.8}.header-spacer{width:60px}.guidelines-content{max-width:800px;margin:0 auto;padding:20px 16px}.guidelines-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.guidelines-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.last-updated{font-size:12px;color:#fff9;margin:0 0 16px}.intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}.toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.toc-toggle:active{background:#00ffff0d}.toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:slideDown .3s ease}.toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.toc-item:active{background:#00ffff1a;border-left-color:#0ff}.toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.guidelines-sections{display:flex;flex-direction:column;gap:16px}.guidelines-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.section-header:active{background:#00ffff0d}.section-header h3{font-size:18px;font-weight:600;margin:0;color:#0ff;text-align:left}.section-header svg{color:#0ff;flex-shrink:0}.section-content{padding:0 20px 20px;animation:expandSection .3s ease}@keyframes expandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.subsection{margin-bottom:24px}.subsection:last-child{margin-bottom:0}.subsection h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#00ffffe6}.subsection ul{list-style:none;padding:0;margin:0}.subsection li{position:relative;padding-left:24px;margin-bottom:12px;line-height:1.6;font-size:15px;color:#ffffffe6}.subsection li:before{content:"•";position:absolute;left:8px;color:#0ff;font-weight:700}.subsection li strong{color:#0ff}.note{font-size:14px;color:#ffffffb3;font-style:italic;margin-top:12px;padding:12px;background:#00ffff0d;border-radius:8px;border-left:3px solid #00ffff}.acknowledgment-section{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:24px;margin-top:32px}.acknowledgment-section h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#0ff}.acknowledgment-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.acknowledgment-section p:last-child{margin-bottom:0}.emphasis{font-weight:600;color:#0ff}.contact-section{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-top:24px;text-align:center}.contact-section h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#0ff}.contact-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.contact-info{display:flex;justify-content:center;margin:24px 0}.copy-email-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#0ff,#00d4d4);border:none;border-radius:12px;color:#001310;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.copy-email-btn:active{transform:scale(.98);opacity:.9}.response-time{font-size:13px;color:#fff9}.desktop-actions{display:none;justify-content:center;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00ffff1a;border:1px solid #00ffff;border-radius:12px;color:#0ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-btn:hover{background:#0ff3}.download-btn:active{transform:scale(.98)}@media (min-width: 768px){.guidelines-header h1{font-size:22px}.guidelines-content{padding:32px 24px}.guidelines-hero{padding:48px 32px}.guidelines-hero h2{font-size:28px}.intro-text{font-size:17px}.section-header h3{font-size:20px}.subsection h4{font-size:17px}.subsection li{font-size:16px}.guidelines-sections{gap:20px}.desktop-actions{display:flex}}@media (min-width: 1025px){.guidelines-content{max-width:900px;padding:48px 32px}.guidelines-hero{padding:64px 48px}.guidelines-hero h2{font-size:32px}.section-header:hover{background:#00ffff0d}.toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.copy-email-btn:hover{transform:scale(1.02)}.toc-container.expanded .toc-nav,.toc-nav{display:flex}}.section-header:focus-visible,.toc-item:focus-visible,.copy-email-btn:focus-visible,.download-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media print{.progress-bar-container,.guidelines-header,.back-button,.toc-toggle svg,.section-header svg,.desktop-actions{display:none!important}.creator-guidelines-page{background:#fff;color:#000}.guidelines-section{page-break-inside:avoid;border:1px solid #cccccc}.section-content{display:block!important}.section-header{pointer-events:none}}@media (prefers-reduced-motion: reduce){.progress-bar,.section-content,.toc-nav,.copy-email-btn,.download-btn,.section-header{animation:none;transition:none}}@media (prefers-contrast: high){.guidelines-section,.toc-container,.acknowledgment-section,.contact-section{border-width:2px}.toc-item.active,.section-header h3{text-decoration:underline}}.dmca-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.dmca-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.dmca-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.dmca-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.dmca-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.dmca-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.dmca-back-button:active{transform:scale(.95);opacity:.8}.dmca-header-spacer{width:60px}.dmca-content{max-width:800px;margin:0 auto;padding:20px 16px}.dmca-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.dmca-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.dmca-last-updated{font-size:12px;color:#fff9;margin:0 0 16px}.dmca-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}.dmca-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.dmca-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.dmca-toc-toggle:active{background:#00ffff0d}.dmca-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:dmcaSlideDown .3s ease}@keyframes dmcaSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dmca-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.dmca-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.dmca-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.dmca-sections{display:flex;flex-direction:column;gap:16px}.dmca-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.dmca-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.dmca-section-header:active{background:#00ffff0d}.dmca-section-header h3{font-size:18px;font-weight:600;margin:0;color:#0ff;text-align:left}.dmca-section-header svg{color:#0ff;flex-shrink:0}.dmca-section-content{padding:0 20px 20px;animation:dmcaExpandSection .3s ease}@keyframes dmcaExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:3000px}}.dmca-subsection{margin-bottom:24px}.dmca-subsection:last-child{margin-bottom:0}.dmca-subsection h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#00ffffe6}.dmca-subsection p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.dmca-subsection p:last-child{margin-bottom:0}.dmca-subsection ul{list-style:none;padding:0;margin:0 0 16px}.dmca-subsection ul:last-child{margin-bottom:0}.dmca-subsection li{position:relative;padding-left:24px;margin-bottom:12px;line-height:1.6;font-size:15px;color:#ffffffe6}.dmca-subsection li:before{content:"•";position:absolute;left:8px;color:#0ff;font-weight:700}.dmca-subsection li strong{color:#0ff}.dmca-note{font-size:14px;color:#ffffffb3;font-style:italic;margin-top:12px;padding:12px;background:#00ffff0d;border-radius:8px;border-left:3px solid #00ffff}.dmca-agent-info{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:16px;margin:16px 0}.dmca-agent-info h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#0ff}.dmca-agent-info p{font-size:14px;margin:8px 0;color:#ffffffe6}.dmca-agent-info a{color:#0ff;text-decoration:none;transition:opacity .2s ease}.dmca-agent-info a:hover{opacity:.8}.dmca-contact-section{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-top:24px;text-align:center}.dmca-contact-section h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#0ff}.dmca-contact-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.dmca-contact-info{display:flex;justify-content:center;margin:24px 0}.dmca-copy-email-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#0ff,#00d4d4);border:none;border-radius:12px;color:#001310;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.dmca-copy-email-btn:active{transform:scale(.98);opacity:.9}.dmca-response-time{font-size:13px;color:#fff9}.dmca-desktop-actions{display:none;justify-content:center;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.dmca-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00ffff1a;border:1px solid #00ffff;border-radius:12px;color:#0ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dmca-download-btn:hover{background:#0ff3}.dmca-download-btn:active{transform:scale(.98)}@media (min-width: 768px){.dmca-header h1{font-size:22px}.dmca-content{padding:32px 24px}.dmca-hero{padding:48px 32px}.dmca-hero h2{font-size:28px}.dmca-intro-text{font-size:17px}.dmca-section-header h3{font-size:20px}.dmca-subsection h4{font-size:17px}.dmca-subsection li{font-size:16px}.dmca-sections{gap:20px}.dmca-desktop-actions{display:flex}}@media (min-width: 1025px){.dmca-content{max-width:900px;padding:48px 32px}.dmca-hero{padding:64px 48px}.dmca-hero h2{font-size:32px}.dmca-section-header:hover{background:#00ffff0d}.dmca-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.dmca-copy-email-btn:hover{transform:scale(1.02)}.dmca-toc-container.expanded .dmca-toc-nav,.dmca-toc-nav{display:flex}}.dmca-section-header:focus-visible,.dmca-toc-item:focus-visible,.dmca-copy-email-btn:focus-visible,.dmca-download-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media print{.dmca-progress-bar-container,.dmca-header,.dmca-back-button,.dmca-toc-toggle svg,.dmca-section-header svg,.dmca-desktop-actions{display:none!important}.dmca-page{background:#fff;color:#000}.dmca-section{page-break-inside:avoid;border:1px solid #cccccc}.dmca-section-content{display:block!important}.dmca-section-header{pointer-events:none}}@media (prefers-reduced-motion: reduce){.dmca-progress-bar,.dmca-section-content,.dmca-toc-nav,.dmca-copy-email-btn,.dmca-download-btn,.dmca-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.dmca-section,.dmca-toc-container,.dmca-contact-section{border-width:2px}.dmca-toc-item.active,.dmca-section-header h3{text-decoration:underline}}.contactus-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.contactus-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.contactus-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.contactus-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.contactus-back-button:active{transform:scale(.95);opacity:.8}.contactus-header-spacer{width:60px}.contactus-content{max-width:800px;margin:0 auto;padding:20px 16px}.contactus-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.contactus-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.contactus-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}.contactus-methods{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}.contactus-method-card{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;transition:all .2s ease}.contactus-method-card:active{transform:translateY(-2px);border-color:#00ffff4d}.contactus-method-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#0ff,#00d4d4);border-radius:50%;color:#001310}.contactus-method-card h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#0ff}.contactus-method-card p{font-size:14px;color:#ffffffb3;margin:0 0 16px}.contactus-copy-btn{display:inline-block;padding:10px 20px;background:#00ffff1a;border:1px solid #00ffff;border-radius:8px;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.contactus-copy-btn:active{background:#0ff3;transform:scale(.98)}.contactus-badge{display:inline-block;padding:4px 12px;background:#00ffff1a;border:1px solid #00ffff;border-radius:12px;color:#0ff;font-size:12px;font-weight:600}.contactus-form-section{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:32px}.contactus-form-header{text-align:center;margin-bottom:24px}.contactus-form-header h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#0ff}.contactus-form-header p{font-size:14px;color:#ffffffb3;margin:0}.contactus-success{text-align:center;padding:48px 24px;animation:contactusFadeIn .5s ease}.contactus-success svg{color:#22c55e;margin-bottom:16px}.contactus-success h4{font-size:20px;font-weight:600;margin:0 0 12px;color:#0ff}.contactus-success p{font-size:15px;color:#ffffffe6;margin:0;line-height:1.6}@keyframes contactusFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contactus-form{display:flex;flex-direction:column;gap:20px}.contactus-form-group{display:flex;flex-direction:column;gap:8px}.contactus-form-group label{font-size:14px;font-weight:500;color:#0ff}.contactus-form-group input,.contactus-form-group select,.contactus-form-group textarea{padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:15px;font-family:inherit;transition:all .2s ease}.contactus-form-group input:focus,.contactus-form-group select:focus,.contactus-form-group textarea:focus{outline:none;border-color:#0ff;background:#0006}.contactus-form-group input::placeholder,.contactus-form-group textarea::placeholder{color:#fff6}.contactus-form-group textarea{resize:vertical;min-height:120px}.contactus-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#0ff,#00d4d4);border:none;border-radius:12px;color:#001310;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.contactus-submit-btn:active:not(:disabled){transform:scale(.98);opacity:.9}.contactus-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contactus-spinner{width:16px;height:16px;border:2px solid rgba(0,19,16,.3);border-top-color:#001310;border-radius:50%;animation:contactusSpin .8s linear infinite}@keyframes contactusSpin{to{transform:rotate(360deg)}}.contactus-faq-section{margin-bottom:32px}.contactus-faq-section h3{font-size:20px;font-weight:600;margin:0 0 20px;color:#0ff;text-align:center}.contactus-faq-grid{display:grid;grid-template-columns:1fr;gap:16px}.contactus-faq-card{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.contactus-faq-card h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#0ff}.contactus-faq-card p{font-size:14px;line-height:1.6;color:#fffc;margin:0}@media (min-width: 768px){.contactus-header h1{font-size:22px}.contactus-content{padding:32px 24px}.contactus-hero{padding:48px 32px}.contactus-hero h2{font-size:28px}.contactus-intro-text{font-size:17px}.contactus-methods{grid-template-columns:repeat(3,1fr)}.contactus-faq-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.contactus-content{max-width:900px;padding:48px 32px}.contactus-hero{padding:64px 48px}.contactus-hero h2{font-size:32px}.contactus-method-card:hover{transform:translateY(-2px);border-color:#00ffff4d}.contactus-copy-btn:hover{background:#0ff3}.contactus-submit-btn:hover:not(:disabled){transform:scale(1.02)}}.contactus-back-button:focus-visible,.contactus-copy-btn:focus-visible,.contactus-submit-btn:focus-visible,.contactus-form-group input:focus-visible,.contactus-form-group select:focus-visible,.contactus-form-group textarea:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.contactus-method-card,.contactus-copy-btn,.contactus-submit-btn,.contactus-success{animation:none;transition:none}}@media (prefers-contrast: high){.contactus-method-card,.contactus-form-section,.contactus-faq-card{border-width:2px}}.faq-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.faq-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.faq-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.faq-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.faq-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.faq-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.faq-back-button:active{transform:scale(.95);opacity:.8}.faq-header-spacer{width:60px}.faq-content{max-width:800px;margin:0 auto;padding:20px 16px}.faq-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.faq-hero-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#0ff}.faq-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.faq-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}.faq-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.faq-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.faq-toc-toggle:active{background:#00ffff0d}.faq-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:faqSlideDown .3s ease}@keyframes faqSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.faq-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.faq-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.faq-sections{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.faq-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.faq-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.faq-section-header:active{background:#00ffff0d}.faq-section-title{display:flex;align-items:center;gap:12px;flex:1;text-align:left}.faq-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00ffff1a;border-radius:8px;color:#0ff;flex-shrink:0}.faq-section-header h3{font-size:16px;font-weight:600;margin:0;color:#0ff}.faq-section-header>svg{color:#0ff;flex-shrink:0}.faq-section-content{padding:0 20px 20px 72px;animation:faqExpandSection .3s ease}@keyframes faqExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.faq-section-content p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0}.faq-contact-section{background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center}.faq-contact-section h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#0ff}.faq-contact-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.faq-contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#0ff,#00d4d4);border:none;border-radius:12px;color:#001310;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.faq-contact-btn:active{transform:scale(.98);opacity:.9}@media (min-width: 768px){.faq-header h1{font-size:22px}.faq-content{padding:32px 24px}.faq-hero{padding:48px 32px}.faq-hero h2{font-size:28px}.faq-intro-text{font-size:17px}.faq-section-header h3{font-size:18px}.faq-section-content p{font-size:16px}.faq-sections{gap:20px}}@media (min-width: 1025px){.faq-content{max-width:900px;padding:48px 32px}.faq-hero{padding:64px 48px}.faq-hero h2{font-size:32px}.faq-section-header:hover{background:#00ffff0d}.faq-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.faq-contact-btn:hover{transform:scale(1.02)}.faq-toc-container.expanded .faq-toc-nav,.faq-toc-nav{display:flex}}.faq-section-header:focus-visible,.faq-toc-item:focus-visible,.faq-contact-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.faq-progress-bar,.faq-section-content,.faq-toc-nav,.faq-contact-btn,.faq-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.faq-section,.faq-toc-container,.faq-contact-section{border-width:2px}.faq-toc-item.active,.faq-section-header h3{text-decoration:underline}}.safety-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.safety-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.safety-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.safety-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.safety-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.safety-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.safety-back-button:active{transform:scale(.95);opacity:.8}.safety-header-spacer{width:60px}.safety-content{max-width:800px;margin:0 auto;padding:20px 16px}.safety-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.safety-hero-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#0ff}.safety-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.safety-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0 0 16px}.safety-emergency-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:14px;color:#ef4444;text-align:left}.safety-emergency-notice svg{flex-shrink:0}.safety-quick-actions{margin-bottom:32px}.safety-quick-actions h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#0ff;text-align:center}.safety-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.safety-action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.safety-action-card:active{transform:translateY(-2px);border-color:#00ffff4d;background:#1c1c1e}.safety-action-card svg{color:#0ff}.safety-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.safety-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.safety-toc-toggle:active{background:#00ffff0d}.safety-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:safetySlideDown .3s ease}@keyframes safetySlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.safety-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.safety-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.safety-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.safety-sections{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.safety-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.safety-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.safety-section-header:active{background:#00ffff0d}.safety-section-title{display:flex;align-items:center;gap:12px;flex:1;text-align:left}.safety-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00ffff1a;border-radius:8px;color:#0ff;flex-shrink:0}.safety-section-header h3{font-size:16px;font-weight:600;margin:0;color:#0ff}.safety-section-header>svg{color:#0ff;flex-shrink:0}.safety-section-content{padding:0 20px 20px 72px;animation:safetyExpandSection .3s ease}@keyframes safetyExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.safety-section-content p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0}.safety-emergency-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:24px}.safety-emergency-section h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#ef4444}.safety-emergency-section>p{font-size:15px;color:#ffffffe6;margin:0 0 20px}.safety-emergency-contacts{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.safety-emergency-card{padding:16px;background:#1c1c1ee6;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.safety-emergency-card h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#0ff}.safety-emergency-card p{font-size:14px;color:#ffffffe6;margin:0 0 4px}.safety-emergency-card p:last-child{margin-bottom:0}.safety-response-time{font-size:12px!important;color:#fff9!important}.safety-crisis-resources{padding:20px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.2)}.safety-crisis-resources h4{font-size:16px;font-weight:600;margin:0 0 12px;color:#ef4444}.safety-crisis-resources p{font-size:14px;color:#ffffffe6;margin:0 0 8px}.safety-crisis-resources p:last-child{margin-bottom:0}.safety-crisis-resources strong{color:#fff;font-weight:600}@media (min-width: 768px){.safety-header h1{font-size:22px}.safety-content{padding:32px 24px}.safety-hero{padding:48px 32px}.safety-hero h2{font-size:28px}.safety-intro-text{font-size:17px}.safety-actions-grid{grid-template-columns:repeat(4,1fr)}.safety-section-header h3{font-size:18px}.safety-section-content p{font-size:16px}.safety-sections{gap:20px}.safety-emergency-contacts{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.safety-content{max-width:900px;padding:48px 32px}.safety-hero{padding:64px 48px}.safety-hero h2{font-size:32px}.safety-action-card:hover{transform:translateY(-2px);border-color:#00ffff4d;background:#1c1c1e}.safety-section-header:hover{background:#00ffff0d}.safety-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.safety-toc-container.expanded .safety-toc-nav,.safety-toc-nav{display:flex}}.safety-section-header:focus-visible,.safety-toc-item:focus-visible,.safety-action-card:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.safety-progress-bar,.safety-section-content,.safety-toc-nav,.safety-action-card,.safety-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.safety-section,.safety-toc-container,.safety-emergency-section,.safety-action-card{border-width:2px}.safety-toc-item.active,.safety-section-header h3{text-decoration:underline}}.community-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.community-progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:#00ffff1a;z-index:1000}.community-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00d4d4);transition:width .1s ease}.community-header{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1)}.community-header h1{font-size:18px;font-weight:600;margin:0;color:#0ff}.community-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;padding:8px;margin:-8px;transition:all .2s ease}.community-back-button:active{transform:scale(.95);opacity:.8}.community-header-spacer{width:60px}.community-content{max-width:800px;margin:0 auto;padding:20px 16px}.community-hero{text-align:center;padding:32px 16px;margin-bottom:32px;background:linear-gradient(135deg,#00ffff0d,#00d4d40d);border-radius:16px;border:1px solid rgba(0,255,255,.1)}.community-hero-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#0ff}.community-hero h2{font-size:24px;font-weight:700;margin:0 0 12px;color:#0ff}.community-last-updated{font-size:14px;color:#fff9;margin:0 0 16px}.community-intro-text{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}.community-toc-container{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(0,255,255,.2);margin-bottom:24px;overflow:hidden}.community-toc-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:#0ff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.community-toc-toggle:active{background:#00ffff0d}.community-toc-nav{padding:8px;display:flex;flex-direction:column;gap:4px;animation:communitySlideDown .3s ease}@keyframes communitySlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.community-toc-item{width:100%;text-align:left;padding:12px 16px;background:transparent;border:none;border-left:3px solid transparent;color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;border-radius:4px}.community-toc-item:active{background:#00ffff1a;border-left-color:#0ff}.community-toc-item.active{background:#00ffff1a;border-left-color:#0ff;color:#0ff;font-weight:600}.community-sections{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.community-section{background:#1c1c1ee6;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.community-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;min-height:44px}.community-section-header:active{background:#00ffff0d}.community-section-title{display:flex;align-items:center;gap:12px;flex:1;text-align:left}.community-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00ffff1a;border-radius:8px;color:#0ff;flex-shrink:0}.community-section-header h3{font-size:16px;font-weight:600;margin:0;color:#0ff}.community-section-header>svg{color:#0ff;flex-shrink:0}.community-section-content{padding:0 20px 20px 72px;animation:communityExpandSection .3s ease}@keyframes communityExpandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.community-section-content p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0}.community-cta-section{background:#1c1c1ee6;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:32px 24px;text-align:center;margin-bottom:32px}.community-cta-section h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#0ff}.community-cta-section p{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 12px}.community-cta-section p:last-child{margin-bottom:0}.community-cta-section a{color:#0ff;text-decoration:none;border-bottom:1px solid rgba(0,255,255,.3);transition:border-color .2s ease}.community-cta-section a:hover{border-bottom-color:#0ff}.community-desktop-actions{display:none}@media (min-width: 768px){.community-header h1{font-size:22px}.community-content{padding:32px 24px}.community-hero{padding:48px 32px}.community-hero h2{font-size:28px}.community-intro-text{font-size:17px}.community-section-header h3{font-size:18px}.community-section-content p{font-size:16px}.community-sections{gap:20px}}@media (min-width: 1025px){.community-content{max-width:900px;padding:48px 32px}.community-hero{padding:64px 48px}.community-hero h2{font-size:32px}.community-section-header:hover{background:#00ffff0d}.community-toc-item:hover{background:#00ffff1a;border-left-color:#0ff}.community-desktop-actions{display:flex;justify-content:center;margin-top:32px}.community-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:8px;color:#0ff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.community-download-btn:hover{background:#0ff3;border-color:#0ff;transform:translateY(-2px)}.community-toc-container.expanded .community-toc-nav,.community-toc-nav{display:flex}}.community-section-header:focus-visible,.community-toc-item:focus-visible,.community-download-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.community-progress-bar,.community-section-content,.community-toc-nav,.community-section-header{animation:none;transition:none}}@media (prefers-contrast: high){.community-section,.community-toc-container,.community-cta-section{border-width:2px}.community-toc-item.active,.community-section-header h3{text-decoration:underline}}.notfound-page{min-height:100vh;background:#0a0a0a;color:#fff;padding-bottom:80px;display:flex;flex-direction:column}.notfound-content{flex:1;max-width:800px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.notfound-hero{text-align:center;margin-bottom:48px;animation:notfoundFadeIn .6s ease}@keyframes notfoundFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notfound-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#0ff9;animation:notfoundFloat 3s ease-in-out infinite}@keyframes notfoundFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notfound-title{font-size:80px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#0ff,#00d4d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.notfound-subtitle{font-size:28px;font-weight:600;margin:0 0 16px;color:#0ff}.notfound-description{font-size:16px;line-height:1.6;color:#fffc;margin:0 0 16px;max-width:500px}.notfound-path{font-size:14px;color:#ffffff80;margin:0}.notfound-path code{display:inline-block;padding:4px 8px;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-radius:4px;color:#0ff;font-family:Courier New,monospace;font-size:13px;margin-top:8px}.notfound-actions{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}.notfound-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.notfound-back-btn{background:#00ffff1a;border:1px solid #00ffff;color:#0ff}.notfound-back-btn:active{background:#0ff3;transform:scale(.98)}.notfound-home-btn{background:linear-gradient(135deg,#0ff,#00d4d4);color:#001310}.notfound-home-btn:active{transform:scale(.98);opacity:.9}.notfound-suggestions{width:100%;margin-bottom:48px}.notfound-suggestions h3{font-size:20px;font-weight:600;margin:0 0 20px;color:#0ff;text-align:center}.notfound-suggestions-grid{display:grid;grid-template-columns:1fr;gap:12px}.notfound-suggestion-card{display:flex;align-items:center;gap:16px;padding:16px;background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.notfound-suggestion-card:active{transform:translateY(-2px);border-color:#00ffff4d;background:#1c1c1e}.notfound-suggestion-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00ffff1a;border-radius:12px;color:#0ff;flex-shrink:0}.notfound-suggestion-content{flex:1}.notfound-suggestion-content h4{font-size:16px;font-weight:600;margin:0 0 4px;color:#fff}.notfound-suggestion-content p{font-size:13px;color:#fff9;margin:0}.notfound-help{text-align:center;padding:32px 24px;background:#1c1c1ee6;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%}.notfound-help h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#0ff}.notfound-help p{font-size:15px;line-height:1.6;color:#fffc;margin:0 0 24px}.notfound-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0ff,#00d4d4);border:none;border-radius:12px;color:#001310;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.notfound-contact-btn:active{transform:scale(.98);opacity:.9}@media (min-width: 768px){.notfound-content{padding:60px 24px}.notfound-title{font-size:120px}.notfound-subtitle{font-size:32px}.notfound-description{font-size:18px}.notfound-suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.notfound-content{max-width:900px;padding:80px 32px}.notfound-title{font-size:140px}.notfound-subtitle{font-size:36px}.notfound-back-btn:hover{background:#0ff3}.notfound-home-btn:hover{transform:scale(1.02)}.notfound-suggestion-card:hover{transform:translateY(-2px);border-color:#00ffff4d;background:#1c1c1e}.notfound-contact-btn:hover{transform:scale(1.02)}}.notfound-action-btn:focus-visible,.notfound-suggestion-card:focus-visible,.notfound-contact-btn:focus-visible{outline:2px solid #00ffff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.notfound-hero,.notfound-icon,.notfound-action-btn,.notfound-suggestion-card,.notfound-contact-btn{animation:none;transition:none}}@media (prefers-contrast: high){.notfound-suggestion-card,.notfound-help{border-width:2px}.notfound-title,.notfound-subtitle{text-decoration:underline}}:root{--cookie-bg: #1c1c1e;--cookie-bg-secondary: #2a2a2c;--cookie-text: #ffffff;--cookie-text-secondary: #c7c7cc;--cookie-text-muted: #8e8e93;--cookie-accept: #17d2c2;--cookie-accept-hover: #12b7ab;--cookie-reject: #ef4444;--cookie-reject-hover: #dc2626;--cookie-customize: #8e8e93;--cookie-customize-hover: #a1a1aa;--cookie-border: #3a3a3c;--cookie-overlay: rgba(0, 0, 0, .5);--cookie-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--cookie-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.cookie-consent-overlay{position:fixed;inset:0;background:var(--cookie-overlay);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.cookie-consent-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--cookie-bg);border-top:1px solid var(--cookie-border);box-shadow:var(--cookie-shadow-lg);transform:translateY(100%);transition:transform .3s ease;max-height:90vh;overflow-y:auto;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cookie-consent-banner.show{transform:translateY(0)}.cookie-consent-banner:focus{outline:2px solid var(--cookie-accept);outline-offset:-2px}.cookie-consent-container{max-width:1200px;margin:0 auto;padding:16px}.cookie-content{display:flex;flex-direction:column;gap:16px}.cookie-text{display:flex;align-items:flex-start;gap:12px}.cookie-icon{flex-shrink:0;color:var(--cookie-accept);margin-top:2px}.cookie-info h3{font-size:1.1rem;font-weight:600;color:var(--cookie-text);margin:0 0 8px;line-height:1.4}.cookie-info p{font-size:.9rem;color:var(--cookie-text-secondary);margin:0;line-height:1.5}.cookie-privacy-link{color:var(--cookie-accept);text-decoration:underline;font-weight:500;transition:color .2s ease}.cookie-privacy-link:hover{color:var(--cookie-accept-hover)}.cookie-actions{display:flex;flex-direction:column;gap:8px}.cookie-btn{min-height:44px;padding:12px 20px;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;outline:none}.cookie-btn:focus{outline:2px solid var(--cookie-accept);outline-offset:2px}.cookie-btn-accept{background:var(--cookie-accept);color:#000;border-color:var(--cookie-accept)}.cookie-btn-accept:hover{background:var(--cookie-accept-hover);border-color:var(--cookie-accept-hover);transform:translateY(-1px)}.cookie-btn-reject{background:var(--cookie-reject);color:var(--cookie-text);border-color:var(--cookie-reject)}.cookie-btn-reject:hover{background:var(--cookie-reject-hover);border-color:var(--cookie-reject-hover);transform:translateY(-1px)}.cookie-btn-customize{background:var(--cookie-customize);color:var(--cookie-text);border-color:var(--cookie-customize)}.cookie-btn-customize:hover{background:var(--cookie-customize-hover);border-color:var(--cookie-customize-hover);transform:translateY(-1px)}.cookie-btn-save{background:var(--cookie-accept);color:#000;border-color:var(--cookie-accept);width:100%}.cookie-btn-save:hover{background:var(--cookie-accept-hover);border-color:var(--cookie-accept-hover)}.cookie-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cookie-preferences{margin-top:20px;padding-top:20px;border-top:1px solid var(--cookie-border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cookie-preferences-header{margin-bottom:16px}.cookie-preferences-header h4{font-size:1rem;font-weight:600;color:var(--cookie-text);margin:0 0 8px}.cookie-preferences-header p{font-size:.85rem;color:var(--cookie-text-secondary);margin:0;line-height:1.4}.cookie-categories{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.cookie-category{background:var(--cookie-bg-secondary);border:1px solid var(--cookie-border);border-radius:8px;overflow:hidden}.cookie-category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;gap:16px}.cookie-category-info{flex:1;min-width:0}.cookie-category-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:600;color:var(--cookie-text)}.cookie-category-title svg{flex-shrink:0;color:var(--cookie-accept)}.cookie-required-badge{background:var(--cookie-accept);color:#000;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.cookie-category-description{font-size:.8rem;color:var(--cookie-text-secondary);margin:0;line-height:1.4}.cookie-toggle-container{flex-shrink:0}.cookie-toggle{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;inset:0;background:var(--cookie-customize);border-radius:14px;transition:all .2s ease;border:2px solid transparent}.cookie-toggle input:checked+.cookie-toggle-slider{background:var(--cookie-accept)}.cookie-toggle input:disabled+.cookie-toggle-slider{opacity:.5;cursor:not-allowed}.cookie-toggle input:focus+.cookie-toggle-slider{border-color:var(--cookie-accept);box-shadow:0 0 0 2px #17d2c233}.cookie-toggle-button{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--cookie-text);border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--cookie-bg)}.cookie-toggle input:checked+.cookie-toggle-slider .cookie-toggle-button{transform:translate(24px);background:#000;color:var(--cookie-accept)}.cookie-category-details{padding:0 16px 16px;border-top:1px solid var(--cookie-border);background:#0003}.cookie-list{font-size:.75rem;color:var(--cookie-text-muted);line-height:1.4}.cookie-list strong{color:var(--cookie-text-secondary);display:block;margin-bottom:4px}.cookie-preferences-actions{display:flex;justify-content:center}.cookie-ccpa-notice{margin-top:16px;padding-top:12px;border-top:1px solid var(--cookie-border);font-size:.75rem;color:var(--cookie-text-muted);display:flex;align-items:flex-start;gap:6px;line-height:1.3}.cookie-ccpa-notice svg{flex-shrink:0;margin-top:1px}.cookie-ccpa-notice a{color:var(--cookie-accept);text-decoration:underline}.cookie-ccpa-notice a:hover{color:var(--cookie-accept-hover)}.cookie-dev-reset{position:fixed;top:10px;right:10px;z-index:10000;background:var(--cookie-reject);color:var(--cookie-text);border:none;padding:8px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}.cookie-dev-reset:hover{opacity:1}@media (min-width: 768px){.cookie-consent-container{padding:20px 24px}.cookie-content{flex-direction:row;align-items:flex-start;gap:24px}.cookie-text{flex:1;gap:16px}.cookie-info h3{font-size:1.2rem}.cookie-info p{font-size:1rem}.cookie-actions{flex-direction:row;flex-shrink:0;gap:12px;min-width:300px}.cookie-btn{white-space:nowrap;min-width:90px}.cookie-categories{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cookie-preferences-actions{justify-content:flex-end}.cookie-btn-save{width:auto;min-width:200px}}@media (min-width: 1024px){.cookie-consent-container{padding:24px 32px}.cookie-text{gap:20px}.cookie-icon{margin-top:4px}.cookie-info h3{font-size:1.3rem}.cookie-actions{gap:16px;min-width:360px}.cookie-btn{min-width:110px;padding:14px 24px}.cookie-categories{grid-template-columns:1fr 1fr;gap:20px}.cookie-category-header{padding:20px}.cookie-category-details{padding:0 20px 20px}}@media (min-width: 1280px){.cookie-categories{grid-template-columns:repeat(4,1fr)}}@media (prefers-contrast: high){.cookie-consent-banner{border-top-width:2px}.cookie-btn,.cookie-toggle-slider{border-width:2px}}@media (prefers-reduced-motion: reduce){.cookie-consent-banner,.cookie-consent-overlay,.cookie-btn,.cookie-toggle-slider,.cookie-toggle-button{transition:none}.cookie-preferences{animation:none}}@media print{.cookie-consent-banner,.cookie-consent-overlay,.cookie-dev-reset{display:none!important}}[dir=rtl] .cookie-text,[dir=rtl] .cookie-category-title{flex-direction:row-reverse}[dir=rtl] .cookie-toggle-button{left:auto;right:2px}[dir=rtl] .cookie-toggle input:checked+.cookie-toggle-slider .cookie-toggle-button{transform:translate(-24px)}.cookie-btn:focus-visible,.cookie-toggle input:focus-visible+.cookie-toggle-slider{outline:2px solid var(--cookie-accept);outline-offset:2px}.cookie-consent-banner::-webkit-scrollbar{width:6px}.cookie-consent-banner::-webkit-scrollbar-track{background:var(--cookie-bg-secondary)}.cookie-consent-banner::-webkit-scrollbar-thumb{background:var(--cookie-border);border-radius:3px}.cookie-consent-banner::-webkit-scrollbar-thumb:hover{background:var(--cookie-customize)}