*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1a1a1a;--bg-elevated: #202020;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--accent-primary: #ff1744;--accent-secondary: #f50057;--accent-tertiary: #ff4081;--accent-hover: #ff5252;--pink-gradient: linear-gradient(135deg, #ff1744 0%, #f50057 100%);--pink-gradient-hover: linear-gradient(135deg, #ff5252 0%, #ff4081 100%);--border-color: #2a2a2a;--border-color-light: #3a3a3a;--success: #4caf50;--warning: #ff9800;--error: #f44336;--info: #2196f3;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--shadow-pink: 0 4px 12px rgba(255, 23, 68, .3);--shadow-pink-lg: 0 8px 24px rgba(255, 23, 68, .4);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh;background-color:var(--bg-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-tertiary)}button{font-family:inherit;cursor:pointer;transition:all var(--transition-normal)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:6px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background-color:var(--accent-primary);color:#fff}::-moz-selection{background-color:var(--accent-primary);color:#fff}.navbar{background:linear-gradient(135deg,#1a0a0f,#0a0a0a);border-bottom:2px solid var(--accent-primary);box-shadow:0 4px 20px #00000080,0 0 30px #ff174433;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container{width:100%;max-width:100%;padding:12px 40px;display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal);position:relative}.navbar-brand:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--pink-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.navbar-brand:hover:after{transform:scaleX(1)}.navbar-brand:hover{transform:translateY(-2px)}.navbar-logo{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,23,68,.6));transition:all var(--transition-normal)}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,23,68,.7))}50%{filter:drop-shadow(0 0 25px rgba(255,23,68,1))}}.navbar-brand:hover .navbar-logo{filter:drop-shadow(0 0 30px rgba(255,23,68,1));transform:scale(1.1)}.navbar-title{background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.35rem;letter-spacing:-.3px;font-family:Arial Black,Arial Bold,Helvetica,sans-serif;position:relative}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,23,68,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,23,68,.8))}}.navbar-menu{display:flex;align-items:center;gap:10px}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:6px;transition:all var(--transition-fast);position:relative;border:1px solid transparent;background:#ff17440d}.nav-link:hover{color:#fff;background:#ff174426;border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #ff17444d}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ff17441a;border:1px solid var(--accent-primary);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.notification-bell:hover{background:#ff174433;transform:translateY(-1px);box-shadow:0 2px 10px #ff174466}.bell-icon{font-size:1.1rem;color:var(--accent-primary);filter:drop-shadow(0 0 5px rgba(255,23,68,.4))}@keyframes bellRing{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-15deg)}94%{transform:rotate(15deg)}96%{transform:rotate(-10deg)}98%{transform:rotate(10deg)}}.notification-bell:hover .bell-icon{animation:bellRingFast .5s ease-in-out infinite}@keyframes bellRingFast{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.notification-badge{position:absolute;top:-3px;right:-3px;background:var(--error);color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;border-radius:8px;min-width:16px;text-align:center;box-shadow:0 2px 6px #f4433680;border:1px solid var(--bg-primary)}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f4433699}50%{transform:scale(1.1);box-shadow:0 3px 12px #f44336e6}}.credits-display{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ff17441a;border:1px solid var(--accent-primary);border-radius:20px;box-shadow:0 0 10px #ff174433;transition:all var(--transition-fast)}@keyframes creditsPulse{0%,to{box-shadow:0 0 20px #ff17444d;border-color:var(--accent-primary)}50%{box-shadow:0 0 30px #ff174499;border-color:var(--accent-tertiary)}}.credits-display:hover{transform:translateY(-1px);box-shadow:0 2px 12px #ff174466;background:#ff174426}.credits-display .credits-icon{font-size:1rem;color:var(--accent-primary);filter:drop-shadow(0 0 5px rgba(255,23,68,.5))}@keyframes iconSpin{0%,to{transform:rotate(0);filter:drop-shadow(0 0 10px rgba(255,23,68,.6))}50%{transform:rotate(15deg);filter:drop-shadow(0 0 15px rgba(255,23,68,.9))}}.credits-amount{font-size:.9rem;font-weight:700;color:#fff}.user-menu{display:flex;align-items:center;gap:12px;padding-left:16px;margin-left:12px;border-left:1px solid rgba(255,23,68,.4)}.username{color:#fff;font-weight:600;font-size:.85rem;padding:6px 14px;background:var(--pink-gradient);border-radius:16px;box-shadow:0 2px 8px #ff17444d}@keyframes glow{0%,to{box-shadow:0 0 15px #ff174480}50%{box-shadow:0 0 25px #ff1744cc}}.btn-logout{background:transparent;border:1px solid var(--error);color:var(--error);padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all var(--transition-normal)}.btn-logout:hover{background:var(--error);border-color:var(--error);color:#fff;box-shadow:0 2px 10px #f4433666;transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.9rem;background:var(--pink-gradient);border:none;color:#fff;border-radius:6px;font-weight:600;box-shadow:0 2px 10px #ff174466;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@keyframes pulseButton{0%,to{box-shadow:0 4px 20px #ff174480,0 0 #ff1744b3}50%{box-shadow:0 6px 30px #ff1744b3,0 0 0 8px #ff174400}}.btn-sm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-sm:hover:before{left:100%}.btn-sm:hover{background:linear-gradient(135deg,#ff5252,#ff4081);box-shadow:0 4px 15px #ff174480;transform:translateY(-1px)}.navbar-menu>.nav-link:last-of-type{margin-right:8px}.mobile-menu-toggle{display:none;background:#ff17441a;border:1px solid var(--accent-primary);border-radius:6px;color:var(--accent-primary);font-size:1.4rem;padding:6px 10px;cursor:pointer;transition:all var(--transition-fast);z-index:1001}.mobile-menu-toggle:hover{background:#ff174433;box-shadow:0 0 10px #ff174466}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.navbar-container{padding:10px 16px;flex-wrap:wrap}.navbar-brand{font-size:1rem}.navbar-title{font-size:1.1rem}.navbar-logo{height:32px}.navbar-menu{position:fixed;top:54px;left:0;right:0;background:linear-gradient(135deg,#1a0a0f,#0a0a0a);flex-direction:column;padding:16px;gap:10px;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease-in-out;border-bottom:1px solid var(--accent-primary);box-shadow:0 4px 20px #00000080}.navbar-menu.active{max-height:calc(100vh - 54px);opacity:1;overflow-y:auto}.nav-link{width:100%;text-align:center;padding:10px 16px;font-size:.9rem}.notification-bell{width:100%;height:42px;border-radius:8px;justify-content:center}.credits-display{width:100%;justify-content:center;padding:10px 16px;font-size:.9rem}.user-menu{padding-left:0;margin-left:0;border-left:none;border-top:1px solid rgba(255,23,68,.3);padding-top:12px;width:100%;justify-content:center;flex-direction:column;gap:10px}.username{width:100%;text-align:center;font-size:.9rem;padding:10px 16px}.btn-logout,.btn-sm{width:100%;text-align:center;justify-content:center;padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.navbar-container{padding:8px 12px}.navbar-title{font-size:1rem}.navbar-logo{height:28px}.navbar-menu{top:48px;padding:12px;gap:8px}.nav-link{font-size:.85rem;padding:8px 12px}.credits-display{padding:8px 14px;font-size:.85rem}.username{font-size:.85rem;padding:8px 14px}.btn-logout,.btn-sm{padding:8px 14px;font-size:.85rem}}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-out}.welcome-modal-container{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 40px #ff174466,0 0 80px #ff174433;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal-close{position:absolute;top:1rem;right:1rem;background:#ff17441a;border:1px solid var(--accent-primary);color:var(--accent-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s ease;z-index:10}.welcome-modal-close:hover{background:var(--accent-primary);color:#fff;transform:rotate(90deg);box-shadow:0 0 20px #ff174480}.welcome-modal-header{text-align:center;padding:3rem 2rem 1.5rem;position:relative}.welcome-icon-sparkle{font-size:4rem;color:var(--accent-primary);margin-bottom:1rem;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,23,68,.6))}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(15deg);opacity:.8}}.welcome-modal-title{font-size:2rem;font-weight:700;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.3}.welcome-modal-content{padding:0 2rem 2rem}.welcome-intro{text-align:center;font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.welcome-feature-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.welcome-feature-card{background:var(--bg-secondary);border:1px solid rgba(255,23,68,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease}.welcome-feature-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px #ff174433;transform:translateY(-2px)}.welcome-feature-icon{width:50px;height:50px;background:var(--pink-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;margin-bottom:1rem;box-shadow:0 4px 12px #ff17444d}.welcome-feature-card h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .75rem;font-weight:600}.welcome-feature-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.welcome-feature-card strong{color:var(--accent-primary);font-weight:600}.welcome-tip-section{background:linear-gradient(135deg,#ff17441a,#f500570d);border:1px solid rgba(255,23,68,.3);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.welcome-tip-section h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .75rem;font-weight:600}.welcome-tip-section p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.welcome-tip-section strong{color:var(--accent-primary);font-weight:600}.welcome-update-section{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(255,23,68,.2)}.welcome-highlight{font-size:1.125rem;color:var(--text-primary);margin:0;line-height:1.6}.welcome-highlight strong{background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.welcome-modal-footer{padding:0 2rem 2rem;text-align:center}.welcome-modal-btn{background:var(--pink-gradient);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff17444d;width:100%;max-width:300px}.welcome-modal-btn:hover{box-shadow:0 8px 24px #ff174480;transform:translateY(-2px)}.welcome-modal-btn:active{transform:translateY(0)}@media (max-width: 768px){.welcome-modal-container{margin:1rem;max-height:85vh;border-radius:20px}.welcome-modal-header{padding:2.5rem 1.5rem 1rem}.welcome-modal-title{font-size:1.5rem}.welcome-icon-sparkle{font-size:3rem}.welcome-modal-content{padding:0 1.5rem 1.5rem}.welcome-intro{font-size:1rem}.welcome-feature-card h3{font-size:1.125rem}.welcome-feature-card p,.welcome-tip-section p{font-size:.9375rem}.welcome-modal-footer{padding:0 1.5rem 1.5rem}.welcome-modal-btn{padding:.875rem 2rem;font-size:1rem}.welcome-modal-close{width:36px;height:36px;font-size:1.25rem}}@media (max-width: 480px){.welcome-modal-overlay{padding:.5rem}.welcome-modal-title{font-size:1.25rem}.welcome-icon-sparkle{font-size:2.5rem}.welcome-feature-icon{width:45px;height:45px;font-size:1.5rem}}.welcome-modal-container::-webkit-scrollbar{width:8px}.welcome-modal-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:12px}.welcome-modal-container::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:12px}.welcome-modal-container::-webkit-scrollbar-thumb:hover{background:#ff1744}.daily-credits-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.daily-credits-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:2rem 1.5rem;position:relative;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);text-align:center;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.daily-credits-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pink-gradient)}.daily-credits-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.125rem}.daily-credits-close:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.daily-credits-header{margin-bottom:1.5rem}.daily-credits-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1rem}.daily-credits-gift-icon{font-size:3.5rem;color:var(--accent-primary);animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.daily-credits-sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.sparkle{position:absolute;color:gold;animation:sparkleFloat 2s ease infinite}.sparkle-1{top:0;left:10px;font-size:1rem;animation-delay:0s}.sparkle-2{top:10px;right:5px;font-size:.875rem;animation-delay:.3s}.sparkle-3{bottom:15px;right:10px;font-size:.75rem;animation-delay:.6s}@keyframes sparkleFloat{0%,to{opacity:.5;transform:translateY(0) scale(.9)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}}.daily-credits-header h2{font-size:1.75rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.daily-credits-content{margin-bottom:1.5rem}.daily-credits-amount{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#ff17441a;border:1px solid rgba(255,23,68,.2);border-radius:var(--radius-lg)}.credits-coin{font-size:2rem;color:gold;animation:coinSpin 3s ease infinite}@keyframes coinSpin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.amount-number{font-size:2.5rem;font-weight:800;color:var(--accent-primary);line-height:1}.amount-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.daily-credits-message{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1rem;line-height:1.5}.daily-credits-streak{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-md);color:gold;font-weight:700;font-size:.875rem;margin-bottom:1rem}.streak-icon{font-size:1rem}.daily-credits-balance{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:1rem}.balance-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.balance-value{display:flex;align-items:center;gap:.25rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.balance-icon{color:var(--accent-primary);font-size:.875rem}.daily-credits-hint{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;margin:0}.daily-credits-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--pink-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-pink)}.daily-credits-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff174466}.daily-credits-button:active{transform:translateY(0)}.daily-credits-button svg{font-size:1.25rem}@media (max-width: 480px){.daily-credits-modal{padding:1.5rem 1rem}.daily-credits-icon-wrapper{width:70px;height:70px}.daily-credits-gift-icon{font-size:3rem}.daily-credits-header h2{font-size:1.5rem}.amount-number{font-size:2rem}.daily-credits-message{font-size:.875rem}}.landing{min-height:100vh;background:var(--bg-primary)}.landing-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:80px 40px;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(255,23,68,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(245,0,87,.15) 0%,transparent 50%),var(--bg-primary)}.hero-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,23,68,.05) 50%,transparent 100%);animation:gradientShift 8s ease-in-out infinite alternate}@keyframes gradientShift{0%{opacity:.3;transform:translate(-10%)}to{opacity:.6;transform:translate(10%)}}.landing-content{position:relative;z-index:2;max-width:900px;text-align:center;animation:fadeInUp 1s ease}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ff17441a;border:1px solid rgba(255,23,68,.3);border-radius:50px;color:var(--accent-tertiary);font-size:.9rem;font-weight:600;margin-bottom:30px;animation:fadeIn 1s ease .2s both,glow 2s ease-in-out infinite}.badge-icon{font-size:1.2rem;animation:spin 3s linear infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #ff17444d}50%{box-shadow:0 0 40px #ff174480}}.landing-title{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-primary);animation:fadeIn 1s ease .4s both}.title-highlight{background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:shimmerText 3s ease-in-out infinite}@keyframes shimmerText{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.landing-subtitle{font-size:1.35rem;color:var(--text-secondary);line-height:1.8;margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeIn 1s ease .6s both}.landing-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeIn 1s ease .8s both}.btn-hero-primary,.btn-hero-secondary{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-hero-primary{background:var(--pink-gradient);color:#fff;border:none;box-shadow:0 4px 20px #ff174466,0 0 #ff174480;animation:pulseButton 2s ease-in-out infinite}@keyframes pulseButton{0%,to{box-shadow:0 4px 20px #ff174466,0 0 #ff174480}50%{box-shadow:0 4px 30px #ff174499,0 0 0 8px #ff174400}}.btn-hero-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-hero-primary:hover:before{left:100%}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 6px 30px #ff174499,0 0 #ff174480}.btn-hero-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color-light)}.btn-hero-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 6px 20px #ff174433}.btn-icon,.btn-icon-left{font-size:1.2rem;transition:transform var(--transition-normal)}.btn-hero-primary:hover .btn-icon{transform:translate(4px)}.btn-hero-secondary:hover .btn-icon-left{transform:scale(1.1)}.subscription-notice{display:flex;align-items:center;justify-content:center;gap:12px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);padding:20px 30px;border-radius:12px;max-width:600px;margin:0 auto;color:var(--warning);animation:fadeIn 1s ease .8s both}.notice-icon{font-size:1.5rem;animation:spin 3s linear infinite}.landing-features{padding:100px 40px;background:var(--bg-primary)}.features-header{text-align:center;margin-bottom:80px;animation:fadeInUp 1s ease}.features-header h2{font-size:3rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.features-header p{font-size:1.2rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 30px;text-align:center;transition:all var(--transition-normal);animation:fadeInScale .6s ease both;position:relative;overflow:hidden}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pink-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-pink-lg)}.feature-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.feature-icon{font-size:3rem;color:var(--accent-primary);z-index:2;position:relative;transition:all var(--transition-normal);filter:drop-shadow(0 0 10px rgba(255,23,68,.5))}.feature-card:hover .feature-icon{transform:scale(1.1) rotateY(180deg);filter:drop-shadow(0 0 20px rgba(255,23,68,.8))}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,23,68,.4) 0%,transparent 70%);border-radius:50%;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}.feature-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.landing-hero{padding:60px 20px;min-height:80vh}.landing-title{font-size:2.8rem}.landing-subtitle{font-size:1.1rem}.landing-buttons{flex-direction:column;align-items:center}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:300px;justify-content:center}.landing-features{padding:60px 20px}.features-header h2{font-size:2.2rem}.features-grid{grid-template-columns:1fr;gap:30px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(circle at 20% 30%,rgba(255,23,68,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(245,0,87,.08) 0%,transparent 50%);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,23,68,.03) 50%,transparent 70%);animation:shimmer 15s linear infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:50px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;position:relative;z-index:1;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{margin-bottom:12px;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem;font-weight:800;text-align:center}.auth-subtitle{color:var(--text-secondary);margin-bottom:35px;text-align:center;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:var(--text-primary);font-weight:600;font-size:.95rem}.form-group input{padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-primary)}.btn-block{width:100%;margin-top:12px;padding:14px;background:var(--pink-gradient);border:none;color:#fff;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-pink);transition:all var(--transition-normal)}.btn-block:hover{background:var(--pink-gradient-hover);box-shadow:var(--shadow-pink-lg);transform:translateY(-2px)}.btn-block:active{transform:translateY(0)}.btn-block:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#f443361a;color:var(--error);padding:14px 16px;border-radius:var(--radius-md);margin-bottom:20px;border-left:4px solid var(--error);font-size:.95rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-link{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:.95rem}.auth-link a{color:var(--accent-tertiary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.auth-link a:hover{color:var(--accent-hover);text-decoration:underline}.success-message{background:#4caf501a;color:var(--success);padding:14px 16px;border-radius:var(--radius-md);margin-bottom:20px;border-left:4px solid var(--success);font-size:.95rem}.btn-block.loading{position:relative;color:transparent}.btn-block.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}@media (max-width: 480px){.auth-card{padding:35px 25px}.auth-card h2{font-size:1.8rem}.auth-subtitle{font-size:.9rem}.form-group input{padding:12px 14px}.btn-block{padding:12px;font-size:1rem}}.secure-media-container{position:relative;display:inline-block;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.secure-media{display:block;max-width:100%;height:auto;pointer-events:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:1}.secure-media-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:#f3f4f6;border-radius:8px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.secure-media-loading p{margin:0;font-size:.9rem}.secure-media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:#fee2e2;border-radius:8px;color:#dc2626;padding:2rem;text-align:center}.secure-media-error p{margin:0 0 1rem;font-weight:600}.retry-btn{padding:.5rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}video.secure-media{width:100%;border-radius:8px;background:#000}.secure-media-container img,.secure-media-container video{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.post-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);animation:fadeInScale .4s ease}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-pink-lg);border-color:var(--accent-primary)}.post-media-link{display:block;position:relative;width:100%;padding-top:100%;background:var(--bg-tertiary);overflow:hidden}.post-media-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity var(--transition-normal)}.post-card:hover .post-media-link:after{opacity:1}.post-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-media{transform:scale(1.05)}.post-content{padding:16px}.post-title{margin:0 0 8px;font-size:1.05rem;font-weight:600}.post-title a{color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.post-title a:hover{color:var(--accent-tertiary);transform:translate(4px)}.post-description{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border-color)}.rating-section{display:flex;align-items:center;gap:8px}.vote-button{background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;font-size:.8rem;padding:5px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-secondary);display:flex;align-items:center;gap:3px;font-weight:600}.vote-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 2px 8px #ff17444d}.vote-button.active{background:var(--pink-gradient);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-pink)}.vote-button:disabled{cursor:not-allowed;opacity:.5}.vote-button svg{font-size:1rem}.star-rating{display:flex;align-items:center;gap:3px;padding:4px 8px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-sm);font-weight:600;color:#ffc107;font-size:.8rem}.star-icon{font-size:.95rem}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.star-ratio{font-size:.8rem;color:#ffc107}.like-button{background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;font-size:.8rem;padding:5px 10px;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-secondary);display:flex;align-items:center;gap:4px;font-weight:500}.like-button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.like-button.liked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.like-button:disabled{cursor:not-allowed;opacity:.5}.post-stats{font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:center;gap:10px}.post-stats span{display:flex;align-items:center;gap:4px}.media-badge{position:absolute;top:10px;right:10px;background:var(--pink-gradient);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #ff17444d;z-index:2}.new-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#00ff87,#00d9ff);color:#000;padding:4px 10px;border-radius:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00ff874d;z-index:3}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #00ff8766}50%{transform:scale(1.05);box-shadow:0 6px 20px #00ff8799}}.timestamp-badge{position:absolute;bottom:10px;left:10px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #0000004d;z-index:2;border:1px solid rgba(255,255,255,.1)}.video-thumbnail-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--transition-normal);z-index:5}.post-card:hover .video-play-overlay{opacity:1}.video-play-overlay .play-icon{font-size:4rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform var(--transition-fast)}.post-card:hover .video-play-overlay .play-icon{transform:scale(1.1)}.post-media-wrapper{position:relative}.post-media.blurred{filter:blur(20px);pointer-events:none}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.lock-content{text-align:center;padding:2rem;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lock-icon{font-size:3rem;color:var(--accent-primary);filter:drop-shadow(0 0 15px rgba(255,23,68,.7));margin-bottom:.75rem}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,23,68,.8))}50%{filter:drop-shadow(0 0 30px rgba(255,23,68,1))}}.lock-text{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.credit-cost{font-size:1.2rem;font-weight:700;color:var(--accent-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.credit-cost svg{font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(255,23,68,.5))}.unlock-btn{background:var(--pink-gradient);border:none;color:#fff;padding:.6rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 10px #ff17444d;text-transform:uppercase;letter-spacing:.3px}.unlock-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff174466}.unlock-modal-content{padding:1rem}.unlock-preview{width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;position:relative}.unlock-preview-media.blurred{filter:blur(15px)}.unlock-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.unlock-info{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.unlock-cost{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2rem;font-weight:800;color:var(--accent-primary);margin-bottom:1rem}.cost-icon{font-size:2.25rem;filter:drop-shadow(0 0 10px rgba(255,23,68,.6));animation:sparkle 2s ease-in-out infinite}.user-balance{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:var(--text-secondary);padding-top:1rem;border-top:1px solid var(--border-color)}.balance-amount{font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.balance-amount svg{color:var(--accent-primary)}.insufficient-credits{color:var(--error);font-weight:600;text-align:center;margin-top:1rem;padding:.75rem;background:#f443361a;border-radius:var(--radius-md);border:1px solid var(--error)}.unlock-description{text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}@media (max-width: 768px){.post-content{padding:12px}.post-title{font-size:.95rem}.post-description{font-size:.8rem}.like-button,.vote-button{font-size:.75rem;padding:4px 8px}.star-rating{font-size:.75rem;padding:3px 6px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0009,0 0 0 1px #ff17441a;max-width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pink-gradient)}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-small{width:400px}.modal-medium{width:600px}.modal-large{width:800px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.modal-title{margin:0;font-size:1.75rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:1px solid var(--border-color);font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--error);color:#fff;border-color:var(--error);transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #f4433666}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;color:var(--text-primary)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.modal-body::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;background:var(--bg-elevated)}.modal-actions button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);border:1px solid}.modal-actions .btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.modal-actions .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-color-light);color:var(--text-primary)}.modal-actions .btn-primary{background:var(--pink-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-pink)}.modal-actions .btn-primary:hover{background:var(--pink-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-pink-lg)}.modal-actions .btn-danger{background:var(--error);color:#fff;border-color:transparent;box-shadow:0 4px 12px #f443364d}.modal-actions .btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #f4433680}@media (max-width: 768px){.modal-small,.modal-medium,.modal-large{width:100%;max-width:none}.modal-container{max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0}.modal-overlay{align-items:flex-end;padding:0}.modal-header{padding:1.25rem 1rem}.modal-title{font-size:1.375rem}.modal-close{width:32px;height:32px;font-size:1.75rem}.modal-body{padding:1rem}.modal-actions{flex-direction:column-reverse;padding:1rem;gap:.625rem}.modal-actions button{width:100%;padding:.875rem 1rem}}@media (max-width: 480px){.modal-header{padding:1rem .875rem}.modal-title{font-size:1.25rem}.modal-body,.modal-actions{padding:.875rem}}.feed-container{width:100%;max-width:100%;padding:0;background-color:var(--bg-primary);min-height:calc(100vh - 54px)}.feed-header{text-align:center;padding:40px 20px 30px;position:relative;background:radial-gradient(ellipse at 30% 0%,rgba(255,23,68,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 0%,rgba(245,0,87,.12) 0%,transparent 50%),linear-gradient(180deg,rgba(26,10,15,.8) 0%,var(--bg-primary) 100%);border-bottom:1px solid rgba(255,23,68,.2);margin-bottom:0}.feed-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pink-gradient);opacity:.6}.feed-header h1{font-size:2rem;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-weight:700}.feed-header p{color:var(--text-secondary);font-size:.95rem}.feed-content{padding:24px 40px 40px}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.filters-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pink-gradient);box-shadow:0 0 20px #ff174480}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filters-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.filter-icon{font-size:1.1rem;color:var(--accent-primary)}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,23,68,.4))}50%{filter:drop-shadow(0 0 15px rgba(255,23,68,.7))}}.filters-header h3{font-size:1rem;color:var(--text-primary);font-weight:600;margin:0;flex:1}.clear-filters-btn{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.35rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.clear-filters-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--accent-primary);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;z-index:-1}.clear-filters-btn:hover:before{width:200%;height:200%}.clear-filters-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #ff174466}.filters-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.filter-group{display:flex;flex-direction:row;align-items:center;gap:.75rem;background:var(--bg-elevated);padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-normal);flex:0 1 auto}.filter-group:hover{border-color:#ff17444d;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}.filter-label:before{content:"";width:3px;height:12px;background:var(--pink-gradient);border-radius:2px}.filter-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,23,68,.1),transparent);transition:left .5s ease}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.filter-btn.active{background:var(--pink-gradient);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #ff17444d;font-weight:600}.feed-loading{text-align:center;padding:120px 20px;font-size:1.3rem;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}.subscription-required{background:var(--bg-secondary);border:1px solid var(--border-color);padding:80px 50px;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);max-width:700px;margin:100px auto;animation:scaleIn .5s ease}.subscription-required h2{color:var(--text-primary);margin-bottom:20px;font-size:2rem;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subscription-required p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem}.no-posts{text-align:center;padding:120px 20px;color:var(--text-secondary);font-size:1.2rem;animation:fadeIn .5s ease}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.unlock-modal-content{padding:1.5rem}.unlock-preview{width:100%;height:300px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem;border:2px solid var(--border-color);position:relative}.unlock-preview-media{width:100%;height:100%;object-fit:cover}.unlock-preview-media.blurred{filter:blur(20px)}.unlock-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;text-align:center;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unlock-info{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem}.unlock-cost{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px solid var(--accent-primary);box-shadow:0 0 20px #ff174433}.cost-icon{font-size:1.75rem;color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(255,23,68,.5))}.cost-amount{font-size:1.5rem;font-weight:700;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-balance{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-secondary)}.balance-amount{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-primary)}.balance-amount svg{color:var(--accent-tertiary);font-size:1.1rem}.insufficient-credits{margin-top:.75rem;padding:.75rem;background:#f443361a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-size:.9rem;font-weight:600;text-align:center}.unlock-description{text-align:center;color:var(--text-tertiary);font-size:.95rem;line-height:1.6}@media (max-width: 1200px){.feed-content{padding:20px 30px 30px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.feed-header{padding:30px 16px 24px}.feed-header h1{font-size:1.6rem}.feed-header p{font-size:.85rem}.feed-content{padding:16px}.filters-section{padding:1rem}.filters-grid{flex-direction:column;gap:.75rem}.filter-group{flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.filter-label,.filter-buttons{width:100%}.filter-btn{padding:6px 12px;font-size:.8rem;flex:1;min-width:70px}.posts-grid{grid-template-columns:1fr;gap:16px}.subscription-required{padding:40px 24px;margin:40px 16px}.subscription-required h2{font-size:1.4rem}}.post-detail-container{width:100%;max-width:100%;padding:40px 60px;background:var(--bg-primary);min-height:100vh;animation:fadeIn .5s ease}.back-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-color);font-size:1rem;color:var(--text-secondary);cursor:pointer;margin-bottom:30px;padding:12px 24px;border-radius:var(--radius-md);transition:all var(--transition-normal);font-weight:500}.back-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-tertiary);transform:translate(-4px)}.post-detail{display:grid;grid-template-columns:1fr 500px;gap:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:scaleIn .5s ease}.post-media-container{background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.post-detail-media{max-width:100%;max-height:80vh;object-fit:contain}.post-detail-sidebar{padding:40px;overflow-y:auto;max-height:90vh;background:var(--bg-secondary)}.post-detail-sidebar::-webkit-scrollbar{width:8px}.post-detail-sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary)}.post-detail-sidebar::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.post-detail-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.post-detail-header h1{font-size:2rem;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;font-weight:800;line-height:1.2}.post-date{color:var(--text-tertiary);font-size:.9rem;font-weight:500}.post-detail-description{margin:24px 0;color:var(--text-secondary);line-height:1.8;padding:20px;background:var(--bg-elevated);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);font-size:1.05rem}.post-detail-stats{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:24px 0;flex-wrap:wrap}.rating-section-detail{display:flex;align-items:center;gap:12px}.vote-button-detail{background:var(--bg-elevated);border:1px solid var(--border-color);cursor:pointer;font-size:1rem;padding:10px 16px;border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:700}.vote-button-detail:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 4px 12px #ff174466}.vote-button-detail.active{background:var(--pink-gradient);border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-pink-lg)}.vote-button-detail:disabled{cursor:not-allowed;opacity:.5}.vote-button-detail svg{font-size:1.25rem}.star-rating-detail{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffc1071a;border:2px solid rgba(255,193,7,.4);border-radius:var(--radius-md);font-weight:800;color:#ffc107}.star-rating-detail .star-icon{font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(255,193,7,.6));animation:starPulseDetail 2s ease-in-out infinite}@keyframes starPulseDetail{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(10deg)}}.star-rating-detail .star-ratio{font-size:1rem;color:#ffc107;text-shadow:0 0 12px rgba(255,193,7,.6)}.stat-button{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-color);font-size:1rem;color:var(--text-primary);cursor:pointer;padding:12px 20px;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600}.stat-button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-pink)}.stat-button:disabled{cursor:not-allowed;opacity:.4}.stat-item{font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:500}.comments-section{margin-top:40px}.comments-section h3{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:10px}.comments-section h3:before{content:"";width:4px;height:24px;background:var(--pink-gradient);border-radius:2px}.comment-form{margin-bottom:30px}.comment-form textarea{width:100%;padding:16px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;color:var(--text-primary);resize:vertical;margin-bottom:12px;transition:all var(--transition-fast);min-height:100px}.comment-form textarea::placeholder{color:var(--text-tertiary)}.comment-form textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-primary)}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{text-align:center;color:var(--text-tertiary);padding:60px 0;font-size:1.05rem;font-style:italic}.comment{padding:20px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;transition:all var(--transition-fast);animation:fadeInUp .4s ease}.comment:hover{border-color:var(--border-color-light);transform:translate(4px)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-author{font-weight:700;color:var(--accent-tertiary);font-size:1rem}.comment-date{font-size:.85rem;color:var(--text-tertiary);font-weight:500}.comment-content{color:var(--text-secondary);line-height:1.7;margin-bottom:12px;font-size:.95rem}.comment-delete{background:transparent;border:1px solid var(--error);color:var(--error);font-size:.85rem;cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:600}.comment-delete:hover{background:var(--error);color:#fff;transform:scale(1.05)}.post-detail-loading,.post-detail-error{text-align:center;padding:120px 20px;font-size:1.2rem;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}.post-detail-error{display:flex;flex-direction:column;align-items:center;gap:24px;color:var(--error)}@media (max-width: 1200px){.post-detail-container{padding:30px 40px}}@media (max-width: 1024px){.post-detail{grid-template-columns:1fr}.post-detail-sidebar{max-height:none}.post-media-container{max-height:60vh}}.locked-content-overlay{width:100%;height:600px;background:linear-gradient(135deg,#ff17441a,#0a0a0af2);border:2px dashed var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.locked-content-message{text-align:center;padding:2rem}.locked-content-message h3{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.locked-content-message p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.locked-content-message .btn{background:var(--pink-gradient);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff17444d}.locked-content-message .btn:hover{box-shadow:0 8px 24px #ff174480;transform:translateY(-2px)}@media (max-width: 768px){.post-detail-container{padding:20px}.post-detail-sidebar{padding:24px}.post-detail-header h1{font-size:1.6rem}.back-button{font-size:.9rem;padding:10px 20px}.locked-content-overlay{height:400px}.locked-content-message h3{font-size:1.5rem}.locked-content-message p{font-size:1rem}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;padding:0 1rem;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.hamburger-btn{background:none;border:none;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:10px;transition:all var(--transition-fast);border-radius:var(--radius-md)}.hamburger-btn:hover,.hamburger-btn:active{background:var(--bg-elevated)}.hamburger-btn span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.hamburger-btn:hover span,.hamburger-btn:active span{background:var(--accent-primary)}.admin-mobile-title{flex:1;text-align:center}.admin-brand{font-weight:700;font-size:1.125rem;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-mobile-credits{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--accent-primary);min-width:50px;justify-content:flex-end}.credits-icon{font-size:1rem;color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(255,23,68,.5));animation:iconPulse 2s ease-in-out infinite}.sidenav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:150;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidenav-overlay.active{opacity:1;visibility:visible}.admin-sidenav{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .3s ease-out;box-shadow:2px 0 12px #0000004d}.sidenav-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-elevated);display:flex;align-items:center;justify-content:space-between}.sidenav-close-btn{display:none;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidenav-close-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.sidenav-brand{display:flex;align-items:center;gap:.75rem;animation:fadeInDown .5s ease}.brand-icon{font-size:1.5rem;color:var(--accent-primary);filter:drop-shadow(0 0 10px rgba(255,23,68,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,23,68,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,23,68,.8))}}.brand-text{font-size:1.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidenav-user{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);animation:fadeIn .6s ease}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--pink-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 0 20px #ff174466;transition:all var(--transition-normal);flex-shrink:0}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 30px #ff174499}.user-info{flex:1;min-width:0}.user-name{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.sidenav-menu{flex:1;padding:1rem;overflow-y:auto}.sidenav-menu::-webkit-scrollbar{width:6px}.sidenav-menu::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidenav-menu::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.sidenav-menu::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);margin-bottom:.375rem;position:relative;overflow:hidden;min-height:48px}.menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pink-gradient);transform:scaleY(0);transition:transform var(--transition-normal)}.menu-item:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translate(4px)}.menu-item:hover:before{transform:scaleY(1)}.menu-item.active{background:var(--pink-gradient);color:#fff;box-shadow:var(--shadow-pink);font-weight:600}.menu-item.active:before{transform:scaleY(1)}.menu-item.active .menu-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.menu-icon{font-size:1.25rem;transition:all var(--transition-normal);flex-shrink:0}.menu-item:hover .menu-icon{transform:scale(1.15);color:var(--accent-primary)}.menu-item.active .menu-icon{color:#fff;transform:scale(1.1)}.menu-label{font-size:.9375rem;font-weight:500;white-space:nowrap}.sidenav-footer{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-elevated)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:transparent;border:1px solid var(--error);color:var(--error);cursor:pointer;transition:all var(--transition-fast);font-size:.9375rem;font-weight:600;min-height:48px}.logout-btn:hover{background:var(--error);color:#fff;transform:scale(1.02);box-shadow:0 4px 12px #f4433666}.logout-btn .menu-icon{font-size:1.25rem}.admin-main{flex:1;margin-left:280px;padding:2rem;overflow-y:auto;background:var(--bg-primary);min-height:100vh}.admin-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 12px #0000004d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;color:var(--text-tertiary);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-md);min-width:60px;background:none;border:none;cursor:pointer;font-family:inherit}.bottom-nav-item:hover,.bottom-nav-item:active{color:var(--text-primary);background:var(--bg-elevated)}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item.active .bottom-nav-icon{filter:drop-shadow(0 0 8px rgba(255,23,68,.6));transform:scale(1.1)}.bottom-nav-icon{font-size:1.5rem;transition:all var(--transition-fast)}.bottom-nav-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.bottom-nav-more{color:var(--text-secondary)}@media (max-width: 1024px){.admin-sidenav{width:240px}.admin-main{margin-left:240px;padding:1.5rem}.sidenav-header,.sidenav-user{padding:1.25rem}.user-avatar{width:42px;height:42px;font-size:1.125rem}}@media (max-width: 768px){.admin-mobile-header{display:flex}.admin-sidenav{width:85%;max-width:320px;transform:translate(-100%)}.admin-sidenav.open{transform:translate(0)}.sidenav-overlay{display:block}.sidenav-close-btn{display:flex;align-items:center;justify-content:center}.admin-main{margin-left:0;margin-top:56px;margin-bottom:64px;padding:1rem;min-height:calc(100vh - 120px)}.admin-bottom-nav{display:flex}.sidenav-header,.sidenav-user{padding:1rem}.user-avatar{width:40px;height:40px;font-size:1rem}.menu-item{padding:1rem;min-height:52px}.menu-icon{font-size:1.375rem}.menu-label{font-size:1rem}.logout-btn{padding:1rem;min-height:52px}}@media (max-width: 480px){.admin-mobile-header{height:52px;padding:0 .75rem}.hamburger-btn{width:40px;height:40px}.admin-mobile-title{font-size:1rem}.admin-main{margin-top:52px;padding:.75rem}.admin-bottom-nav{height:60px}.bottom-nav-item{padding:6px 8px;min-width:50px}.bottom-nav-icon{font-size:1.375rem}.bottom-nav-label{font-size:.625rem}.sidenav-header,.sidenav-user,.sidenav-menu,.sidenav-footer{padding:.875rem}}@media (max-width: 768px) and (orientation: landscape){.admin-mobile-header{height:48px}.admin-main{margin-top:48px;margin-bottom:56px}.admin-bottom-nav{height:56px}.bottom-nav-icon{font-size:1.25rem}.bottom-nav-label{font-size:.5625rem}.admin-sidenav{max-width:280px}.sidenav-user{padding:.75rem}.user-avatar{width:36px;height:36px;font-size:.875rem}.menu-item{padding:.625rem 1rem;min-height:44px}}.storage-monitor{padding:1rem}.storage-monitor.loading,.storage-monitor.error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:var(--text-secondary, #888)}.storage-monitor.error{color:#f87171}.storage-monitor .spinner{animation:spin 1s linear infinite}.storage-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.storage-card{background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:1rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1.25rem;color:var(--accent-primary, #ff1744)}.card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fff)}.storage-bar{height:12px;background:var(--bg-tertiary, #2a2a4a);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.storage-details{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary, #888);margin-bottom:.5rem}.storage-total{font-size:.8rem;color:var(--text-tertiary, #666);text-align:center}.video-stats{display:flex;justify-content:space-around;gap:1rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.stat-label{font-size:.75rem;color:var(--text-secondary, #888)}.uncompressed-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.5rem;background:#f59e0b26;border-radius:8px;color:#fbbf24;font-size:.875rem}.compression-stats{display:flex;flex-direction:column;gap:.75rem}.current-job{display:flex;flex-direction:column;gap:.5rem}.job-progress{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary, #fff)}.progress-bar{height:8px;background:var(--bg-tertiary, #2a2a4a);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff1744,#ff4081);transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-secondary, #888);text-align:right}.idle-status{color:var(--text-secondary, #888);font-size:.875rem;margin:0}.job-summary{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary, #888)}.job-summary .saved{color:#10b981}.savings-banner{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.savings-banner span{color:var(--text-primary, #fff);font-size:.9rem}.compress-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;width:100%;-webkit-tap-highlight-color:transparent}.compress-all-btn:disabled{opacity:.6;cursor:not-allowed}.video-list-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;font-size:1.1rem;color:var(--text-primary, #fff)}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary, #2a2a4a);border:1px solid var(--border-color, #3a3a5a);color:var(--text-secondary, #888);padding:.625rem 1rem;border-radius:8px;font-size:.8rem;cursor:pointer;min-height:40px;-webkit-tap-highlight-color:transparent}.refresh-btn:active{background:var(--border-color, #3a3a5a)}.video-list{display:flex;flex-direction:column;gap:.75rem}.no-videos{text-align:center;color:var(--text-secondary, #888);padding:2rem}.video-item{background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.video-info{flex:1}.video-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.5rem;word-break:break-all}.video-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--text-secondary, #888)}.video-post{font-size:.75rem;color:var(--text-tertiary, #666);margin-top:.5rem}.video-status{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.compress-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;background:var(--accent-primary, #ff1744);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;min-height:44px;width:100%;-webkit-tap-highlight-color:transparent}.compress-btn:disabled{opacity:.6;cursor:not-allowed}.active-compression-notice{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#60a5fa;font-size:.9rem}.progress-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary, #888)}.failed-count{color:#f87171}.jobs-section{margin-top:1.5rem}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.jobs-header h3{font-size:1.1rem;margin:0;color:var(--text-primary, #fff)}.clear-history-btn{display:flex;align-items:center;gap:.375rem;background:transparent;border:1px solid var(--border-color, #3a3a5a);color:var(--text-secondary, #888);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-history-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.jobs-list{display:flex;flex-direction:column;gap:.5rem}.job-item{background:var(--bg-elevated, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.375rem}.job-info{display:flex;justify-content:space-between;align-items:center}.job-file{font-size:.8rem;color:var(--text-primary, #fff);word-break:break-all}.job-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;text-transform:capitalize}.job-status.completed{color:#10b981}.job-status.failed{color:#f87171}.job-status.processing{color:#fbbf24}.job-status.queued{color:var(--text-secondary, #888)}.job-saved{font-size:.75rem;color:#10b981}.job-error{font-size:.75rem;color:#f87171}.job-details{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}.job-progress-text{font-size:.75rem;color:#fbbf24;font-weight:600}.job-skipped-reason{font-size:.75rem;color:var(--text-tertiary, #666);font-style:italic}.retry-btn{display:flex;align-items:center;gap:.375rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-height:36px;-webkit-tap-highlight-color:transparent}.job-item.interrupted{border-color:#f59e0b4d}.job-status.interrupted{color:#fbbf24}.job-status.skipped{color:var(--text-tertiary, #666)}@media (min-width: 768px){.storage-monitor{padding:1.5rem}.storage-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem}.savings-banner{flex-direction:row;justify-content:space-between;padding:1.25rem}.video-item{flex-direction:row;align-items:center;justify-content:space-between}.video-status{flex-direction:row;align-items:center}}@media (min-width: 1024px){.storage-monitor{padding:2rem}.compress-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.refresh-btn:hover{background:var(--border-color, #3a3a5a);color:var(--text-primary, #fff)}.compress-btn:hover:not(:disabled){background:#ff4081}}@media (max-width: 380px){.storage-monitor{padding:.75rem}.storage-card{padding:.875rem}.card-header h3{font-size:.9rem}.stat-value{font-size:1.1rem}.video-name{font-size:.8rem}.video-meta{font-size:.7rem;gap:.5rem}.compress-btn{font-size:.8rem;padding:.625rem 1rem}.compress-all-btn{font-size:.9rem}.section-header h3{font-size:1rem}.active-compression-notice{font-size:.8rem;padding:.875rem}.job-file{font-size:.75rem}.jobs-header h3{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.storage-cards{grid-template-columns:repeat(3,1fr);gap:.75rem}.storage-card{padding:.75rem}.card-header{margin-bottom:.5rem}.card-header h3{font-size:.85rem}.stat-value{font-size:1rem}.active-compression-notice{padding:.75rem;font-size:.8rem}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.storage-fill,.progress-fill,.compress-btn,.compress-all-btn,.retry-btn{transition:none}}.admin-dashboard-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease}.dashboard-welcome{margin-bottom:2rem;animation:fadeInDown .6s ease}.dashboard-welcome h1{font-size:2.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.dashboard-welcome p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden;animation:fadeInScale .5s ease both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pink-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-pink-lg)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--accent-primary);transition:all var(--transition-normal);filter:drop-shadow(0 0 10px rgba(255,23,68,.3));flex-shrink:0}.stat-card:hover .stat-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 20px rgba(255,23,68,.6))}.stat-primary .stat-icon,.stat-success .stat-icon,.stat-warning .stat-icon,.stat-info .stat-icon{background:var(--bg-elevated);color:var(--accent-primary)}.stat-content{flex:1;min-width:0}.stat-value{font-size:2.5rem;font-weight:900;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(255,23,68,.3))}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions,.recent-posts{margin-bottom:3rem;animation:fadeInUp .6s ease}.quick-actions h2,.recent-posts h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}.quick-actions h2:before,.recent-posts h2:before{content:"";width:4px;height:28px;background:var(--pink-gradient);border-radius:2px}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(255,23,68,.1) 0%,transparent 70%);border-radius:50%;transition:all var(--transition-slow)}.action-btn:hover:before{width:200%;height:200%}.action-btn:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-pink);background:var(--bg-elevated)}.action-icon{font-size:2.5rem;color:var(--accent-primary);transition:all var(--transition-normal);filter:drop-shadow(0 0 8px rgba(255,23,68,.4));position:relative;z-index:2}.action-btn:hover .action-icon{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 0 16px rgba(255,23,68,.7))}.action-label{font-weight:600;color:var(--text-primary);position:relative;z-index:2;transition:all var(--transition-fast);text-align:center}.action-btn:hover .action-label{color:var(--accent-tertiary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.post-card-mini{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);animation:fadeInScale .4s ease}.post-card-mini:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-pink-lg)}.post-thumbnail{width:100%;height:180px;overflow:hidden;background:var(--bg-tertiary);position:relative}.post-thumbnail img,.post-thumbnail video{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card-mini:hover .post-thumbnail img,.post-card-mini:hover .post-thumbnail video{transform:scale(1.1)}.post-info-mini{padding:1rem}.post-info-mini h4{margin:0 0 .75rem;color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-stats-mini{display:flex;gap:1rem;font-size:.875rem;color:var(--text-tertiary);font-weight:500}.post-stats-mini span{display:flex;align-items:center;gap:4px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.admin-dashboard-container{padding:0}.dashboard-welcome{margin-bottom:1.5rem}.dashboard-welcome h1{font-size:1.75rem}.dashboard-welcome p{font-size:.95rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon{width:48px;height:48px;font-size:1.75rem;border-radius:var(--radius-md)}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem;letter-spacing:.5px}.quick-actions h2,.recent-posts h2{font-size:1.5rem;margin-bottom:1rem}.quick-actions h2:before,.recent-posts h2:before{height:24px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.action-btn{padding:1.25rem 1rem;gap:.5rem;min-height:100px}.action-icon{font-size:2rem}.action-label{font-size:.875rem}.posts-grid{grid-template-columns:1fr;gap:1rem}.post-thumbnail{height:160px}.post-info-mini{padding:.875rem}.post-info-mini h4{font-size:.9375rem;margin-bottom:.625rem}.post-stats-mini{font-size:.8125rem;gap:.75rem}}@media (max-width: 480px){.dashboard-welcome h1{font-size:1.5rem}.dashboard-welcome p{font-size:.875rem}.stats-grid{gap:.5rem}.stat-card{padding:.875rem;gap:.625rem}.stat-icon{width:40px;height:40px;font-size:1.5rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.6875rem;letter-spacing:.3px}.quick-actions h2,.recent-posts h2{font-size:1.25rem;gap:10px}.quick-actions h2:before,.recent-posts h2:before{height:20px;width:3px}.actions-grid{gap:.5rem}.action-btn{padding:1rem .75rem;gap:.375rem;min-height:90px}.action-icon{font-size:1.75rem}.action-label{font-size:.8125rem}.post-thumbnail{height:140px}.post-info-mini{padding:.75rem}.post-info-mini h4{font-size:.875rem}.post-stats-mini{font-size:.75rem;gap:.5rem}}@media (max-width: 768px) and (orientation: landscape){.stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-card{flex-direction:column;text-align:center;padding:.75rem;gap:.5rem}.stat-icon{width:36px;height:36px;font-size:1.25rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}.actions-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.action-btn{padding:.75rem;min-height:auto}.action-icon{font-size:1.5rem}.action-label{font-size:.75rem}.posts-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.post-thumbnail{height:100px}}.today-activity{margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-header-row h2{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.section-header-row h2 svg{color:var(--accent-primary)}.refresh-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.125rem}.refresh-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:rotate(180deg)}.today-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.today-stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast)}.today-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.today-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.today-stat-icon.visits{background:#ff17441a;color:var(--accent-primary)}.today-stat-icon.unique{background:#4caf501a;color:var(--success)}.today-stat-icon.returning{background:#3b82f61a;color:#60a5fa}.today-stat-icon.signups{background:#ff98001a;color:var(--warning)}.today-stat-info{display:flex;flex-direction:column;min-width:0}.today-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.1}.today-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:.125rem}@media (max-width: 1024px){.today-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.today-activity{padding:1rem;margin-bottom:1.5rem}.section-header-row h2{font-size:1.125rem}.today-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.today-stat-card{padding:.75rem;gap:.625rem}.today-stat-icon{width:38px;height:38px;font-size:1.125rem}.today-stat-value{font-size:1.25rem}.today-stat-label{font-size:.625rem}}@media (max-width: 480px){.today-activity{padding:.875rem}.section-header-row h2{font-size:1rem}.refresh-btn{width:32px;height:32px;font-size:1rem}.today-stat-card{padding:.625rem;gap:.5rem}.today-stat-icon{width:34px;height:34px;font-size:1rem}.today-stat-value{font-size:1.125rem}}.activity-feed-section{margin-bottom:2rem}.activity-feed-section h2{display:flex;align-items:center;gap:.625rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;position:relative;padding-left:16px}.activity-feed-section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--pink-gradient);border-radius:2px}.activity-feed-section h2 svg{color:var(--accent-primary)}.activity-feed{display:flex;flex-direction:column;gap:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast)}.activity-item:hover{background:var(--bg-tertiary)}.activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.activity-item.signup .activity-icon{background:#4caf5026;color:var(--success)}.activity-item.credit .activity-icon{background:#ff980026;color:var(--warning)}.activity-content{flex:1;min-width:0}.activity-main{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.activity-main strong{color:var(--text-primary);font-weight:600}.amount-positive{color:var(--success);font-weight:700}.amount-negative{color:var(--error);font-weight:700}.activity-type-label{color:var(--text-tertiary);font-size:.75rem}.activity-time{font-size:.6875rem;color:var(--text-tertiary);margin-top:.25rem}@media (max-width: 768px){.activity-feed-section h2{font-size:1.25rem;padding-left:12px}.activity-feed-section h2:before{height:24px;width:3px}.activity-feed{padding:.75rem;max-height:300px}.activity-item{padding:.625rem;gap:.625rem}.activity-icon{width:32px;height:32px;font-size:.875rem}.activity-main{font-size:.75rem}.activity-type-label{font-size:.6875rem}}@media (max-width: 480px){.activity-feed{max-height:250px;padding:.5rem}.activity-item{padding:.5rem}.activity-icon{width:28px;height:28px;font-size:.75rem}.activity-main{font-size:.6875rem}.activity-time{font-size:.625rem}}.storage-section{margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.storage-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.storage-toggle:hover{background:var(--bg-elevated)}.storage-toggle-content{display:flex;align-items:center;gap:.75rem}.storage-icon{font-size:1.25rem;color:var(--accent-primary)}.storage-toggle-content span{font-size:1rem;font-weight:600;color:var(--text-primary)}.storage-toggle>svg{font-size:1.25rem;color:var(--text-secondary);transition:transform var(--transition-fast)}@media (max-width: 768px){.storage-section{margin-bottom:1.5rem}.storage-toggle{padding:.875rem 1rem}.storage-icon{font-size:1.125rem}.storage-toggle-content span{font-size:.9rem}}.thumbnail-selector{width:100%}.thumbnail-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:.875rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;font-weight:500;text-align:center}.thumbnail-content{display:flex;flex-direction:column;gap:1.5rem}.section-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary, #ff1744);margin-bottom:.75rem}.video-section{display:flex;flex-direction:column;gap:.875rem}.video-container{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;position:relative}.thumbnail-video{width:100%;height:100%;object-fit:contain;display:block}.video-controls{display:flex;flex-direction:column;gap:.875rem;background:var(--bg-elevated, #1a1a2e);padding:1rem;border-radius:12px;border:1px solid var(--border-color, #2a2a4a)}.controls-row{display:flex;justify-content:center;align-items:center;gap:1rem}.control-btn{background:var(--bg-tertiary, #2a2a4a);border:2px solid var(--border-color, #3a3a5a);color:var(--text-primary, #fff);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.control-btn:active{transform:scale(.95)}.control-btn.play-btn{width:56px;height:56px;background:var(--pink-gradient, linear-gradient(135deg, #ff1744 0%, #ff4081 100%));border:none;box-shadow:0 4px 15px #ff174466}.control-btn.play-btn svg{font-size:1.75rem}.control-btn.play-btn:active{box-shadow:0 2px 8px #ff174466}.control-btn.skip-btn{width:48px;height:48px}.control-btn.skip-btn svg{font-size:1.5rem}.control-btn.skip-btn:active{background:var(--accent-primary, #ff1744);border-color:var(--accent-primary, #ff1744)}.seek-bar{position:relative;height:44px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.seek-bar:before{content:"";position:absolute;left:0;right:0;height:8px;background:var(--border-color, #3a3a5a);border-radius:4px}.seek-progress{position:absolute;left:0;height:8px;background:var(--pink-gradient, linear-gradient(135deg, #ff1744 0%, #ff4081 100%));border-radius:4px;pointer-events:none;transition:width .05s linear}.seek-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 3px #ff17444d;pointer-events:none;transition:transform .1s ease,box-shadow .1s ease}.seek-bar.dragging .seek-handle{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 2px 12px #0006,0 0 0 4px #ff174480}.time-display{display:flex;justify-content:center;align-items:center;gap:.25rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;color:var(--text-secondary, #888)}.current-time{color:var(--text-primary, #fff);font-weight:600}.time-separator{color:var(--text-tertiary, #666)}.capture-btn{width:100%;background:var(--pink-gradient, linear-gradient(135deg, #ff1744 0%, #ff4081 100%));color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s ease;box-shadow:0 4px 15px #ff17444d;-webkit-tap-highlight-color:transparent;min-height:52px}.capture-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #ff17444d}.capture-btn:disabled{opacity:.6;cursor:not-allowed}.capture-btn svg{font-size:1.25rem}.capture-btn .spinning{animation:spin 1s linear infinite}.preview-section{display:flex;flex-direction:column;gap:.875rem}.preview-container{background:var(--bg-elevated, #1a1a2e);border:2px dashed var(--border-color, #3a3a5a);border-radius:12px;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-image{width:100%;height:100%;object-fit:contain}.no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;color:var(--text-tertiary, #666);padding:1.5rem;text-align:center}.no-preview svg{font-size:2.5rem;opacity:.5}.no-preview p{margin:0;font-size:.875rem;line-height:1.4}.preview-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{width:100%;padding:1rem 1.25rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent;min-height:52px}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn svg{font-size:1.25rem}.upload-btn{background:var(--bg-tertiary, #2a2a4a);border:2px solid var(--border-color, #3a3a5a);color:var(--text-primary, #fff)}.upload-btn:active:not(:disabled){background:var(--border-color, #3a3a5a);border-color:var(--accent-primary, #ff1744)}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;box-shadow:0 4px 15px #10b9814d}.save-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #10b9814d}.save-hint{text-align:center;color:var(--text-secondary, #888);font-size:.8rem;margin:0;padding-top:.25rem}@media (min-width: 768px){.thumbnail-content{flex-direction:row;gap:2rem}.video-section,.preview-section{flex:1;min-width:0}.video-controls{padding:.875rem}.controls-row{gap:.75rem}.control-btn.play-btn{width:48px;height:48px}.control-btn.play-btn svg{font-size:1.5rem}.control-btn.skip-btn{width:40px;height:40px}.control-btn.skip-btn svg{font-size:1.25rem}.seek-bar{height:32px}.seek-handle{width:20px;height:20px}.capture-btn{padding:.875rem 1.25rem;min-height:48px}.preview-actions{flex-direction:row}.action-btn{flex:1;min-height:48px}}@media (min-width: 1024px){.control-btn:hover:not(:disabled){transform:scale(1.05)}.control-btn.play-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff174480}.control-btn.skip-btn:hover:not(:disabled){background:var(--accent-primary, #ff1744);border-color:var(--accent-primary, #ff1744)}.capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff174466}.upload-btn:hover:not(:disabled){background:var(--border-color, #3a3a5a);border-color:var(--accent-primary, #ff1744)}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}}@media (max-width: 380px){.control-btn.play-btn{width:52px;height:52px}.control-btn.skip-btn{width:44px;height:44px}.time-display{font-size:.8rem}.capture-btn,.action-btn{padding:.875rem 1rem;font-size:.9rem}.section-label{font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.thumbnail-content{flex-direction:row;gap:1rem}.video-section,.preview-section{flex:1}.video-container,.preview-container{max-height:200px}.video-controls{padding:.5rem .75rem;gap:.5rem}.controls-row{gap:.5rem}.control-btn.play-btn{width:40px;height:40px}.control-btn.skip-btn{width:36px;height:36px}.seek-bar{height:28px}.capture-btn,.action-btn{padding:.625rem 1rem;min-height:40px;font-size:.875rem}.section-label{margin-bottom:.5rem}}@media (prefers-reduced-motion: reduce){.capture-btn .spinning{animation:none}.control-btn,.capture-btn,.action-btn,.seek-handle{transition:none}}@media (prefers-color-scheme: dark){.thumbnail-selector{color-scheme:dark}}.upload-new-container{max-width:900px;margin:0 auto;animation:fadeIn .6s ease}.upload-new-header{margin-bottom:2rem;animation:fadeInDown .6s ease}.upload-new-header h1{font-size:2.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.upload-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.error-banner{background:#f443361a;border:1px solid var(--error);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--error);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:1.5rem;flex-shrink:0}.error-close{margin-left:auto;background:none;border:none;font-size:1.5rem;color:var(--error);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:4px}.error-close:hover{transform:scale(1.15);background:#f443361a;filter:drop-shadow(0 0 8px rgba(244,67,54,.6))}.upload-new-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);animation:scaleIn .5s ease}.file-upload-zone{border:3px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:all var(--transition-normal);background:var(--bg-elevated);margin-bottom:2rem;position:relative;overflow:hidden}.file-upload-zone:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,23,68,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.file-upload-zone.drag-active{border-color:var(--accent-primary);border-style:solid;background:var(--bg-tertiary);box-shadow:var(--shadow-pink-lg);animation:borderGlow 1s ease-in-out infinite}@keyframes borderGlow{0%,to{border-color:var(--accent-primary)}50%{border-color:var(--accent-tertiary)}}.file-upload-zone.has-file{background:var(--bg-tertiary);border-color:var(--accent-primary);border-style:solid}.preview-section{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:2}.preview-media{max-width:100%;max-height:400px;border-radius:var(--radius-md);object-fit:contain;box-shadow:var(--shadow-lg)}.file-info{text-align:center}.file-name{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.file-size{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.remove-file-btn{padding:.625rem 1.25rem;background:var(--error);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.remove-file-btn:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #f4433666}.upload-prompt-section{position:relative;z-index:2}.upload-prompt-section h3{margin:1rem 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:700}.upload-prompt-section p{color:var(--text-secondary);margin:.5rem 0;font-weight:500}.upload-icon{font-size:5rem;margin-bottom:1rem;color:var(--accent-primary);filter:drop-shadow(0 0 20px rgba(255,23,68,.5));animation:float 3s ease-in-out infinite}.btn-browse{display:inline-block;padding:.75rem 1.5rem;background:var(--pink-gradient);color:#fff;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition-normal);margin:1rem 0;box-shadow:var(--shadow-pink)}.btn-browse:hover{transform:translateY(-2px);box-shadow:var(--shadow-pink-lg);background:var(--pink-gradient-hover)}.file-types-hint{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1.25rem;background:#ff17440d;border:1px solid rgba(255,23,68,.2);border-radius:var(--radius-md)}.file-type-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary);font-weight:600}.file-type-item svg{font-size:1.25rem;color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(255,23,68,.4))}.file-size-limit{margin-top:.25rem;font-size:.8125rem;color:var(--text-tertiary);font-weight:500;text-align:center;padding-top:.75rem;border-top:1px solid rgba(255,23,68,.2)}.upload-progress-section{background:#ff17441a;border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;animation:fadeIn .3s ease}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem;color:var(--accent-primary);font-weight:700}.progress-percent{font-size:1.125rem}.progress-bar-container{background:var(--bg-elevated);height:8px;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--pink-gradient);transition:width .3s ease;border-radius:4px;box-shadow:0 0 12px #ff174499;animation:progressGlow 1.5s ease-in-out infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 12px #ff174499}50%{box-shadow:0 0 20px #ff1744e6}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-field.full-width{grid-column:1 / -1}.form-field label{display:block;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-primary)}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-field textarea{resize:vertical;min-height:120px;line-height:1.6}.field-hint{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-tertiary);font-weight:500}.upload-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-color-light);color:var(--text-primary)}.btn-upload{padding:.75rem 1.5rem;background:var(--pink-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition-normal);min-width:150px;box-shadow:var(--shadow-pink)}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-pink-lg);background:var(--pink-gradient-hover)}.btn-upload:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-modal-content{text-align:center;padding:1.5rem}.success-icon{font-size:4rem;color:var(--success);margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(76,175,80,.5));animation:successPulse 1.5s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(76,175,80,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(76,175,80,.8))}}.success-modal-content p{font-size:1.125rem;color:var(--text-primary);font-weight:600}@media (max-width: 768px){.upload-new-header h1{font-size:2rem}.upload-new-form{padding:1.5rem}.file-upload-zone{padding:2rem 1rem}.upload-icon{font-size:4rem}.form-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column-reverse}.btn-cancel,.btn-upload{width:100%}.file-types-hint{padding:1rem;gap:.5rem}.file-type-item{font-size:.875rem}}.user-management-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease}.page-header{margin-bottom:2rem;animation:fadeInDown .6s ease}.page-header h1{font-size:2.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.loading-state,.empty-state{text-align:center;padding:4rem 2rem}.loading-state{animation:pulse 1.5s ease-in-out infinite}.empty-icon{font-size:5rem;margin-bottom:1rem;color:var(--accent-primary);filter:drop-shadow(0 0 20px rgba(255,23,68,.4))}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:1rem}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.user-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-pink)}.user-card.expanded{border-color:var(--accent-primary)}.user-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;transition:background var(--transition-fast)}.user-card-header:hover{background:var(--bg-elevated)}.user-main-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar-small{width:44px;height:44px;border-radius:50%;background:var(--pink-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 0 12px #ff174466;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-small{font-size:.75rem;color:var(--text-tertiary);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.badge{padding:.1875rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-premium{background:#ffd70033;color:gold;border:1px solid #FFD700}.badge-banned{background:#f4433633;color:var(--error);border:1px solid var(--error)}.badge-geo-bypass{background:#3b82f633;color:#60a5fa;border:1px solid #60a5fa}.user-quick-stats{display:flex;align-items:center;gap:1rem}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.quick-stat-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.expand-toggle{color:var(--text-tertiary);font-size:1.25rem;transition:transform var(--transition-fast)}.user-card.expanded .expand-toggle{color:var(--accent-primary)}.user-card-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;background:var(--bg-tertiary);border-top:1px solid transparent}.user-card-body.show{max-height:500px;padding:1rem;border-top-color:var(--border-color)}.user-info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.user-info-row:last-of-type{border-bottom:none}.info-icon{color:var(--accent-primary);font-size:1.125rem;flex-shrink:0}.info-content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;color:var(--text-secondary);font-size:.875rem}.text-muted{color:var(--text-tertiary);font-style:italic}.city-name{color:var(--text-tertiary)}.user-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-action{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-elevated);color:var(--text-primary);min-height:40px}.btn-action:active{transform:scale(.98)}.btn-view{color:var(--accent-primary)}.btn-view:hover,.btn-view:active{background:#ff17441a;border-color:var(--accent-primary)}.btn-credits{color:var(--success)}.btn-credits:hover,.btn-credits:active{background:#4caf501a;border-color:var(--success)}.btn-premium{color:gold}.btn-premium:hover,.btn-premium:active{background:#ffd7001a;border-color:gold}.btn-premium-active{background:#ffd70033;color:gold;border-color:gold}.btn-geo{color:#60a5fa}.btn-geo:hover,.btn-geo:active{background:#3b82f61a;border-color:#60a5fa}.btn-geo-active{background:#3b82f633;color:#60a5fa;border-color:#60a5fa}.btn-ban{color:var(--error)}.btn-ban:hover,.btn-ban:active{background:#f443361a;border-color:var(--error)}.btn-unban{background:#4caf501a;color:var(--success);border-color:var(--success)}.btn-delete{color:#f44}.btn-delete:hover,.btn-delete:active{background:#ff444426;border-color:#f44}.status-badge{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;border:1px solid;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;background:transparent}.status-active{background:#4caf5033;color:var(--success);border-color:var(--success)}.status-inactive{background:#f4433633;color:var(--error);border-color:var(--error)}.status-pending{background:#ff980033;color:var(--warning);border-color:var(--warning)}.credits-badge{display:inline-block;padding:.375rem .75rem;background:var(--pink-gradient);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:.875rem;box-shadow:var(--shadow-pink)}.user-details-modal{display:flex;flex-direction:column;gap:1.5rem}.detail-section h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:12px}.detail-section h3:before{content:"";width:4px;height:20px;background:var(--pink-gradient);border-radius:2px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md)}.detail-item label{font-size:.75rem;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--text-primary);font-weight:600;font-size:.9375rem;word-break:break-word}.ip-details-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem}.ip-location-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.large-flag{font-size:3rem;line-height:1}.location-text{display:flex;flex-direction:column;gap:.25rem}.location-details-text{font-size:.875rem;color:var(--text-secondary)}.location-unknown-large{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:var(--text-tertiary)}.ip-grid{margin-bottom:1rem}.ip-value{font-family:monospace;font-size:.8125rem!important;background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.detail-section-subtitle{font-size:.875rem;font-weight:700;color:var(--accent-primary);margin:1rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.highlight-item{background:linear-gradient(135deg,#ff17440d,#ff174405);border:1px solid rgba(255,23,68,.15);border-radius:var(--radius-md);padding:.75rem!important}.highlight-item label{color:var(--accent-primary)!important}.isp-value{font-weight:600;color:#4fc3f7!important;font-size:.9375rem!important}.org-value{font-weight:600;color:#81c784!important;font-size:.9375rem!important}.asn-value{font-family:monospace;font-weight:600;color:#ffb74d!important;background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.geo-bypass-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.geo-bypass-status label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.geo-bypass-enabled{color:#4ade80!important;font-weight:700}.geo-bypass-disabled{color:var(--text-tertiary)!important}.btn-refresh-ip{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-left:auto}.btn-refresh-ip:hover{color:var(--accent-primary);background:var(--bg-elevated)}.btn-refresh-ip .spinning{animation:spin 1s linear infinite}.unlocked-videos-list,.watched-videos-list{display:flex;flex-direction:column;gap:.5rem}.unlocked-item,.watched-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md)}.unlocked-info,.watched-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.unlocked-info strong,.watched-info strong{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unlocked-info small,.watched-info small{color:var(--text-tertiary);font-size:.75rem}.credits-spent{color:var(--error);font-weight:700;font-size:.875rem;flex-shrink:0}.total-spent{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ff17441a;border:1px solid var(--accent-primary);border-radius:var(--radius-md);margin-top:.5rem}.total-spent strong{color:var(--accent-primary)}.no-data{color:var(--text-tertiary);font-style:italic;text-align:center;padding:1.5rem;font-size:.875rem}.credits-form{display:flex;flex-direction:column;gap:1rem}.current-credits,.credits-preview{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600}.credits-preview{background:#ff17441a;border-color:var(--accent-primary);color:var(--accent-primary)}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field label{font-weight:700;color:var(--text-primary);font-size:.875rem}.form-field select,.form-field input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast);min-height:48px}.form-field select:focus,.form-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}@media (min-width: 769px){.user-actions{grid-template-columns:repeat(6,1fr)}.user-card-body.show{max-height:400px}}@media (max-width: 768px){.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:.95rem}.detail-grid{grid-template-columns:1fr}.ip-location-header{flex-direction:column;text-align:center}.large-flag{font-size:4rem}.location-text{align-items:center}}@media (max-width: 480px){.user-management-container{padding:0}.page-header h1{font-size:1.5rem}.page-subtitle{font-size:.875rem}.user-card-header{padding:.875rem}.user-avatar-small{width:40px;height:40px;font-size:1rem}.user-name{font-size:.9375rem}.user-email-small{font-size:.6875rem}.badge{font-size:.5625rem;padding:.125rem .375rem}.user-card-body.show{padding:.875rem}.user-actions{grid-template-columns:repeat(2,1fr);gap:.375rem}.btn-action{padding:.5rem;font-size:.6875rem;min-height:36px}.detail-section h3{font-size:1.125rem}.detail-item{padding:.625rem}.detail-item label{font-size:.6875rem}.detail-item span{font-size:.8125rem}.ip-details-card{padding:.75rem}.large-flag{font-size:3rem}.country-name-large{font-size:1rem}.location-details-text{font-size:.75rem}.unlocked-item,.watched-item{flex-direction:column;align-items:flex-start;gap:.375rem;padding:.625rem}.credits-spent{font-size:.75rem}}@media (max-width: 768px) and (orientation: landscape){.user-card-body.show{max-height:250px;overflow-y:auto}.user-actions{grid-template-columns:repeat(3,1fr)}}.controls-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:stretch}.search-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.625rem 1rem;transition:all var(--transition-fast);flex:1;min-width:200px}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}.search-icon{font-size:1.125rem;color:var(--text-tertiary);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:.9375rem;color:var(--text-primary);font-family:inherit;min-width:0}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{background:var(--bg-elevated);border:none;color:var(--text-secondary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;font-size:.875rem}.search-clear:hover{background:var(--accent-primary);color:#fff}.filter-controls{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 .75rem}.filter-icon{font-size:1rem;color:var(--text-tertiary);flex-shrink:0}.filter-select{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8125rem;font-family:inherit;padding:.625rem 0;cursor:pointer;min-width:100px}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.btn-export{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-export:hover{background:var(--success);color:#fff;border-color:var(--success)}.btn-export svg{font-size:1rem}.results-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.results-count{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.btn-clear-filters{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-filters:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-clear-search{margin-top:1rem;padding:.625rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-search:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.user-email-row{display:flex;align-items:center;gap:.375rem}.copy-email-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.125rem;font-size:.875rem;transition:all var(--transition-fast);display:flex;align-items:center;gap:.25rem;border-radius:var(--radius-sm)}.copy-email-btn:hover{color:var(--accent-primary)}.copy-email-btn.copied{color:var(--success)}.copied-text{font-size:.625rem;font-weight:600;text-transform:uppercase}.credit-presets{display:flex;flex-direction:column;gap:.5rem}.credit-presets label{font-weight:700;color:var(--text-primary);font-size:.875rem}.preset-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn{flex:1;min-width:60px;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--success);font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.preset-btn:hover{background:var(--success);color:#fff;border-color:var(--success);transform:translateY(-2px)}.preset-btn:active{transform:translateY(0)}@media (max-width: 768px){.search-bar{padding:.625rem .875rem}.search-input{font-size:.9375rem}.search-input::placeholder{font-size:.8125rem}}@media (max-width: 480px){.preset-buttons{grid-template-columns:repeat(2,1fr);display:grid}.preset-btn{min-width:unset}}.admin-notes-container{padding:.5rem 0}.btn-edit-notes{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem .5rem;font-size:.875rem;transition:all var(--transition-fast);margin-left:auto}.btn-edit-notes:hover{color:var(--accent-primary)}.detail-section h3{display:flex;align-items:center}.notes-textarea{width:100%;padding:.875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;font-size:.875rem;resize:vertical;min-height:100px;transition:all var(--transition-fast)}.notes-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}.notes-textarea::placeholder{color:var(--text-tertiary)}.notes-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.btn-cancel-notes,.btn-save-notes{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel-notes{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel-notes:hover:not(:disabled){background:var(--bg-tertiary)}.btn-save-notes{background:var(--pink-gradient);border:none;color:#fff}.btn-save-notes:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-pink)}.btn-save-notes:disabled,.btn-cancel-notes:disabled{opacity:.6;cursor:not-allowed}.notes-display{padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color)}.notes-text{color:var(--text-primary);font-size:.875rem;line-height:1.6;white-space:pre-wrap;margin:0}.notes-empty{color:var(--text-tertiary);font-size:.8125rem;font-style:italic;margin:0}@media (max-width: 768px){.controls-bar{flex-direction:column;gap:.625rem}.search-bar{min-width:unset;width:100%}.filter-controls{width:100%;justify-content:space-between}.filter-group{flex:1;min-width:0}.filter-select{min-width:0;width:100%;font-size:.75rem}.btn-export{padding:.5rem .75rem}.export-text{display:none}.results-info{flex-wrap:wrap;gap:.5rem}}@media (max-width: 480px){.filter-controls{gap:.375rem}.filter-group{padding:0 .5rem}.filter-icon{font-size:.875rem}.filter-select{font-size:.6875rem;padding:.5rem 0}.btn-export{padding:.5rem}.results-count{font-size:.75rem}.btn-clear-filters{font-size:.6875rem;padding:.25rem .5rem}}.category-management-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;animation:fadeInDown .6s ease}.btn-create,.btn-primary{padding:.75rem 1.5rem;background:var(--pink-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-pink)}.btn-create:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-pink-lg);background:var(--pink-gradient-hover)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden;animation:scaleIn .4s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pink-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.category-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-pink-lg)}.category-card:hover:before{transform:scaleX(1)}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.category-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:700}.media-type-badge{padding:.25rem .625rem;background:#ff174433;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;min-height:3em;line-height:1.6;font-weight:500}.category-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.post-count{font-size:.875rem;color:var(--text-tertiary);font-weight:600;background:var(--bg-elevated);padding:.375rem .75rem;border-radius:var(--radius-sm)}.category-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-elevated)}.btn-edit{color:var(--accent-primary)}.btn-edit:hover{background:#ff17441a;border-color:var(--accent-primary);transform:scale(1.05);box-shadow:var(--shadow-pink)}.btn-delete:hover{background:#f443361a;border-color:var(--error);transform:scale(1.05);box-shadow:0 4px 12px #f443364d}.category-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:700;color:var(--text-primary);font-size:1rem}.form-field input,.form-field textarea,.form-field select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;transition:all var(--transition-fast)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-tertiary)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-primary)}.form-field textarea{resize:vertical;min-height:100px;line-height:1.6}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-color-light);color:var(--text-primary)}@media (max-width: 768px){.category-management-container{padding:.5rem}.page-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:.95rem}.btn-create,.btn-primary{width:100%;padding:.875rem 1.25rem}.categories-grid{grid-template-columns:1fr;gap:1rem}.category-card{padding:1.25rem}.category-header h3{font-size:1.125rem}.media-type-badge{padding:.1875rem .5rem;font-size:.6875rem}.category-description{font-size:.8125rem;min-height:2.5em}.category-actions{gap:.375rem}.btn-edit,.btn-delete{flex:1;padding:.625rem .75rem;font-size:.8125rem}.post-count{font-size:.8125rem;padding:.3125rem .625rem}.form-field label{font-size:.9375rem}.form-field input,.form-field textarea,.form-field select{padding:.625rem;font-size:.9375rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.btn-secondary,.btn-primary{width:100%}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:4rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}}@media (max-width: 480px){.page-header h1{font-size:1.5rem}.page-subtitle{font-size:.875rem}.category-card{padding:1rem}.category-header{flex-direction:column;align-items:flex-start;gap:.5rem}.category-header h3{font-size:1rem}.category-actions{width:100%}.btn-edit,.btn-delete{padding:.75rem}}.content-management-container{max-width:1400px;margin:0 auto;animation:fadeIn .6s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;animation:fadeInDown .6s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-header h1{font-size:2.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 10px rgba(255,23,68,.3))}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:.5rem;font-weight:500}.header-stats{display:flex;gap:1rem}.stat-badge{background:var(--bg-elevated);border:1px solid var(--border-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-pink);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pink-gradient)}.stat-badge:hover{transform:translateY(-4px);box-shadow:var(--shadow-pink-lg);border-color:var(--accent-primary)}.stat-number{display:block;font-size:2rem;font-weight:700;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;color:var(--text-tertiary)}.filters-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;box-shadow:var(--shadow-md);display:flex;gap:1rem;flex-wrap:wrap;align-items:center;animation:fadeInUp .5s ease}.search-box{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1.2rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-elevated)}.filter-group{display:flex;gap:.75rem;align-items:center}.filter-icon{color:var(--accent-primary);font-size:1.2rem}.filter-select{padding:.75rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}.filter-select:hover{border-color:var(--accent-tertiary)}.content-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:fadeInScale .6s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.content-table{width:100%;border-collapse:collapse}.content-table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border-color)}.content-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.content-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-normal)}.content-table tbody tr:hover{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--accent-primary)}.content-table td{padding:1rem;vertical-align:middle}.post-preview{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.preview-image{width:100%;height:100%;object-fit:cover}.preview-video{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--pink-gradient)}.video-icon{font-size:2rem;color:#fff}.post-title-cell{max-width:250px}.post-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.post-description{font-size:.85rem;color:var(--text-tertiary)}.media-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.media-type-badge svg{font-size:1.2rem;color:var(--accent-primary)}.visibility-badge{padding:.4rem .8rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.visibility-badge.public{background:#4caf501a;color:var(--success);border-color:var(--success)}.visibility-badge.subscribers_only{background:#ff98001a;color:var(--warning);border-color:var(--warning)}.category-name{color:var(--accent-tertiary);font-weight:500}.credit-cost{font-weight:600;color:var(--text-primary)}.post-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-tertiary)}.stat-item svg{color:var(--accent-tertiary)}.post-date{color:var(--text-tertiary);font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.btn-action{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg-elevated)}.btn-edit{color:var(--accent-tertiary)}.btn-edit:hover{background:#ff40811a;border-color:var(--accent-tertiary);transform:scale(1.1);box-shadow:0 0 12px #ff40814d}.btn-delete{color:var(--error)}.btn-delete:hover{background:#f443361a;border-color:var(--error);transform:scale(1.1);box-shadow:0 0 12px #f443364d}.btn-thumbnail{color:var(--accent-primary)}.btn-thumbnail:hover{background:#ff17441a;border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 12px #ff17444d}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;color:var(--text-tertiary);margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-tertiary);margin-bottom:1.5rem}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);max-width:600px;width:100%}.modal-content h2{font-size:1.5rem;font-weight:700;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.edit-post-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.form-input,.form-textarea,.form-select{padding:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a;background:var(--bg-elevated)}.form-textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-primary{background:var(--pink-gradient);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-pink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-pink-lg);filter:brightness(1.1)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.content-table thead{display:none}.content-table-container{background:transparent;border:none;box-shadow:none;overflow:visible}.content-table,.content-table tbody{display:block;width:100%}.content-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-md)}.content-table td{display:block;padding:0;border:none}.content-table td:first-child{grid-column:1 / -1;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.25rem}.content-table td:first-child:before{display:none}.content-table td:before{content:attr(data-label);font-weight:700;color:var(--text-tertiary);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.25rem}.content-table td[data-label=Actions]{grid-column:1 / -1;border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.25rem}.content-table td[data-label=Actions]:before{display:none}.post-preview{width:100%;height:180px;border-radius:var(--radius-md)}.post-title-cell{max-width:100%}.post-title{font-size:.95rem;line-height:1.3}.post-description{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-type-badge{padding:.35rem .6rem;font-size:.75rem}.media-type-badge svg{font-size:1rem}.visibility-badge{font-size:.7rem;padding:.3rem .6rem}.category-name,.credit-cost,.post-date{font-size:.85rem}.post-stats{flex-direction:row;gap:.75rem;flex-wrap:wrap}.stat-item{font-size:.8rem}.action-buttons{display:flex;gap:.5rem;width:100%}.btn-action{flex:1;padding:.75rem;font-size:1.1rem;min-height:44px;display:flex;align-items:center;justify-content:center}.page-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.page-subtitle{font-size:.875rem}.header-stats{width:100%}.stat-badge{flex:1;padding:.75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.65rem}.filters-section{flex-direction:column;padding:.875rem;gap:.625rem}.search-box{width:100%;min-width:unset}.search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:1rem}.filter-group{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem}.filter-icon{display:none}.filter-select{width:100%;padding:.75rem;font-size:.9rem}.modal-content{padding:1rem}.edit-post-form{gap:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-group label{font-size:.875rem}.form-input,.form-textarea,.form-select{padding:.75rem;font-size:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.btn-primary,.btn-secondary{width:100%;padding:.875rem 1rem;min-height:48px}@media (max-width: 380px){.content-table tbody tr{grid-template-columns:1fr;padding:.875rem}.page-header h1{font-size:1.35rem}.stat-badge{padding:.625rem}.stat-number{font-size:1.25rem}.post-preview{height:160px}.filter-group{grid-template-columns:1fr}.btn-action{padding:.625rem}}@media (min-width: 768px){.content-table tbody tr{grid-template-columns:repeat(3,1fr)}.content-table td:first-child,.content-table td[data-label=Actions]{grid-column:1 / -1}.post-preview{height:200px}.page-header{flex-direction:row;align-items:flex-start}.page-header h1{font-size:2rem}.header-stats{width:auto}.stat-badge{padding:1rem 1.5rem}.stat-number{font-size:1.75rem}.filters-section{flex-direction:row;padding:1.25rem}.search-box{min-width:280px}.filter-group{display:flex;width:auto;gap:.75rem}.filter-icon{display:block}.filter-select{width:auto;min-width:140px}.modal-content{padding:1.5rem}.form-row{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:row}.btn-primary,.btn-secondary{width:auto}}@media (min-width: 1024px){.content-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.content-table thead{display:table-header-group;background:var(--bg-elevated);border-bottom:2px solid var(--border-color)}.content-table,.content-table tbody{display:table;width:100%}.content-table tbody{display:table-row-group}.content-table tbody tr{display:table-row;background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;border-bottom:1px solid var(--border-color)}.content-table tbody tr:hover{background:var(--bg-elevated)}.content-table td{display:table-cell;padding:1rem;vertical-align:middle;border:none}.content-table td:before{display:none}.content-table td:first-child{border-bottom:none;padding-bottom:1rem;margin-bottom:0}.content-table td[data-label=Actions]{border-top:none;padding-top:1rem;margin-top:0}.post-preview{width:80px;height:80px}.post-title-cell{max-width:250px}.action-buttons{width:auto;gap:.5rem}.btn-action{flex:none;padding:.5rem;min-height:auto}.btn-action:hover{transform:scale(1.1)}.page-header h1{font-size:2.5rem}}.messages-container{min-height:calc(100vh - 100px);background:var(--bg-primary);padding:2rem;animation:fadeIn .5s ease}.messages-loading{min-height:400px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.125rem;font-weight:600}.messages-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 140px)}.conversations-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{background:var(--pink-gradient);padding:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-pink)}.sidebar-header .header-icon{font-size:1.5rem;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.sidebar-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.conversations-list{flex:1;overflow-y:auto;padding:.5rem}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;background:var(--bg-elevated);border:1px solid transparent;margin-bottom:.5rem}.conversation-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translate(4px)}.conversation-item.active{background:#ff17441a;border-color:var(--accent-primary);box-shadow:0 0 15px #ff174433}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--accent-primary);overflow:hidden}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.conversation-avatar svg{font-size:1.5rem;color:var(--accent-primary)}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.conversation-preview{font-size:.875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--error);color:#fff;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #f4433666;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.messages-main{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.messages-header{background:var(--pink-gradient);padding:1.5rem;box-shadow:var(--shadow-pink)}.header-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:3px solid white;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg{font-size:1.5rem;color:var(--accent-primary)}.messages-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.messages-list{flex:1;overflow-y:auto;padding:2rem;background:var(--bg-primary);display:flex;flex-direction:column;gap:1rem}.message{max-width:70%;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{padding:1rem 1.25rem;border-radius:var(--radius-md);word-wrap:break-word;font-size:.9375rem;line-height:1.5}.message.sent .message-content{background:var(--pink-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--shadow-pink)}.message.received .message-content{background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color)}.message-time{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem;padding:0 .25rem}.message.sent .message-time{text-align:right}.message-input-form{padding:1.5rem;background:var(--bg-elevated);border-top:1px solid var(--border-color);display:flex;gap:1rem}.message-input{flex:1;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.message-input::placeholder{color:var(--text-tertiary)}.message-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}.send-button{background:var(--pink-gradient);border:none;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-pink)}.send-button:hover:not(:disabled){transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-pink-lg)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{font-size:1.5rem;transform:rotate(45deg);filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.no-conversations,.no-messages,.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary);height:100%}.empty-icon{font-size:4rem;color:var(--accent-primary);margin-bottom:1rem;opacity:.5;filter:drop-shadow(0 0 20px rgba(255,23,68,.3))}.no-conversations p,.no-messages p,.no-conversation-selected p{font-size:1.125rem;font-weight:600;margin:0}@media (max-width: 968px){.messages-container{padding:1rem}.messages-layout{grid-template-columns:1fr;height:calc(100vh - 100px);gap:1rem}.conversations-sidebar{display:none}.messages-header{padding:1rem}.messages-header h2{font-size:1.125rem}.messages-list{padding:1rem;gap:.75rem}.message{max-width:85%}.message-content{padding:.875rem 1rem;font-size:.875rem}.message-time{font-size:.6875rem}.message-input-form{padding:1rem;gap:.75rem}.message-input{padding:.875rem;font-size:.9375rem}.send-button{width:48px;height:48px}.send-button svg{font-size:1.25rem}}@media (max-width: 480px){.messages-container{padding:.5rem}.messages-layout{gap:.5rem}.messages-header,.messages-list{padding:.75rem}.message{max-width:90%}.message-content{padding:.75rem .875rem;font-size:.875rem}.message-input-form{padding:.75rem;gap:.5rem}.message-input{padding:.75rem;font-size:.875rem}.send-button{width:44px;height:44px}}.conversations-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.conversations-list::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.subscription-container{min-height:calc(100vh - 100px);background:var(--bg-primary);padding:2rem;animation:fadeIn .5s ease}.subscription-hero{text-align:center;margin-bottom:3rem;padding:2rem}.hero-icon{font-size:4rem;color:var(--accent-primary);margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,23,68,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subscription-title{font-size:2.5rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subscription-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.subscription-content{max-width:1200px;margin:0 auto;display:grid;gap:2rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-pink-lg);border-color:var(--accent-primary)}.card-header{background:var(--pink-gradient);padding:1.5rem;display:flex;align-items:center;gap:1rem}.card-icon{font-size:2rem;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.card-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}.card-body{padding:2rem}.card-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.card-text strong{color:var(--accent-primary);font-weight:700}.coming-soon-badge,.free-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.free-badge{background:linear-gradient(135deg,#00ff87,#00d9ff);color:#000;box-shadow:0 4px 15px #00ff8766}.features-list{list-style:none;padding:0;margin:0}.features-list li{color:var(--text-primary);font-size:1rem;position:relative;padding:.75rem 0 .75rem 2rem}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:800;font-size:1.25rem}.credits-info{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-top:1rem}.credits-amount{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.credits-icon{font-size:2.5rem;color:var(--accent-primary);filter:drop-shadow(0 0 10px rgba(255,23,68,.5));animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.credits-number{font-size:3rem;font-weight:800;color:var(--accent-primary);text-shadow:0 0 20px rgba(255,23,68,.3)}.credits-label{font-size:1.125rem;color:var(--text-secondary);font-weight:600}.credits-description{text-align:center;color:var(--text-tertiary);font-size:.9375rem;margin:0}.tip-amount-section{margin:2rem 0}.tip-label{display:block;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.tip-input-wrapper{position:relative;max-width:300px;margin:0 auto}.tip-currency{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.tip-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.5rem;font-weight:600;text-align:center;transition:all var(--transition-fast)}.tip-input::placeholder{color:var(--text-tertiary)}.tip-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff17441a}.crypto-options{margin-top:2rem}.crypto-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-align:center}.crypto-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.crypto-button{background:var(--bg-elevated);border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-fast)}.crypto-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btc-button{border-color:#f7931a}.btc-button:hover{background:linear-gradient(135deg,#f7931a,#ff9b44);border-color:#f7931a;color:#fff}.eth-button{border-color:#627eea}.eth-button:hover{background:linear-gradient(135deg,#627eea,#8a9ff5);border-color:#627eea;color:#fff}.crypto-icon{font-size:1.5rem}.crypto-note{text-align:center;color:var(--text-tertiary);font-size:.875rem;margin:0;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color)}@media (max-width: 768px){.subscription-container{padding:1rem}.subscription-hero{padding:1.5rem 1rem;margin-bottom:2rem}.subscription-title{font-size:2rem}.subscription-subtitle{font-size:1rem}.card-header{padding:1.25rem}.card-header h2{font-size:1.25rem}.card-body{padding:1.5rem}.credits-number{font-size:2.5rem}.crypto-buttons{grid-template-columns:1fr}}.geo-block-container{max-width:900px;margin:0 auto;padding:20px}.geo-block-header{margin-bottom:30px}.header-title{display:flex;align-items:center;gap:16px}.header-icon{font-size:48px;color:#ec4899}.header-title h1{font-size:28px;font-weight:700;color:#fff;margin:0}.header-title p{color:#a1a1aa;margin:4px 0 0;font-size:14px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-error{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#86efac}.settings-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:20px}.toggle-card{background:linear-gradient(135deg,#ec48991a,#a855f71a);border-color:#ec48994d}.toggle-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.toggle-info{display:flex;align-items:center;gap:16px}.toggle-icon{font-size:40px}.toggle-icon.active{color:#f87171}.toggle-icon.inactive{color:#4ade80}.toggle-info h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.toggle-info p{color:#a1a1aa;font-size:14px;margin:0;max-width:500px}.toggle-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;min-width:100px}.toggle-btn:not(.active){background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff}.toggle-btn.active{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.toggle-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-icon{font-size:24px;color:#ec4899}.card-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.card-description{color:#a1a1aa;font-size:14px;margin:0 0 20px}.blocked-countries-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.country-tag{display:flex;align-items:center;gap:8px;background:#ef444433;border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:8px}.country-code{font-weight:700;color:#fca5a5;font-size:14px}.country-name{color:#fff;font-size:14px}.remove-btn{background:none;border:none;color:#f87171;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.remove-btn:hover:not(:disabled){color:#ef4444}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.bypass-emails-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.email-tag{display:flex;align-items:center;gap:10px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);padding:12px 16px;border-radius:8px}.email-icon{color:#4ade80;font-size:18px}.email-address{flex:1;color:#fff;font-size:14px}.add-form{margin-bottom:16px}.input-group{display:flex;gap:10px}.country-select,.email-input{flex:1;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.country-select:focus,.email-input:focus{outline:none;border-color:#ec489980}.country-select option{background:#1f1f23;color:#fff}.add-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.add-btn:disabled{opacity:.5;cursor:not-allowed}.info-box{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#93c5fd;font-size:13px}.info-box svg{flex-shrink:0;font-size:18px}.message-input-group{display:flex;flex-direction:column;gap:12px}.message-textarea{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;resize:vertical;font-family:inherit}.message-textarea:focus{outline:none;border-color:#ec489980}.save-btn{align-self:flex-end;padding:10px 20px;background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.save-btn:disabled{opacity:.5;cursor:not-allowed}.info-card{background:#3b82f60d;border-color:#3b82f633}.routes-list{list-style:none;padding:0;margin:0 0 16px}.routes-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.routes-list li:last-child{border-bottom:none}.routes-list code{background:#0000004d;padding:4px 8px;border-radius:4px;font-size:13px;color:#93c5fd}.card-note{color:#71717a;font-size:13px;margin:0;font-style:italic}.empty-state{color:#71717a;font-size:14px;padding:20px;text-align:center;background:#0003;border-radius:8px}@media (max-width: 768px){.geo-block-container{padding:12px;max-width:100%}.geo-block-header{margin-bottom:20px}.header-title{flex-direction:row;align-items:center;gap:12px}.header-icon{font-size:32px;flex-shrink:0}.header-title h1{font-size:20px}.header-title p{font-size:12px}.settings-card{padding:16px;margin-bottom:16px;border-radius:10px}.toggle-card{padding:16px}.toggle-content{flex-direction:column;align-items:stretch;gap:16px}.toggle-info{flex-direction:column;align-items:flex-start;gap:12px;text-align:left}.toggle-icon{font-size:32px}.toggle-info h3{font-size:16px}.toggle-info p{font-size:13px;max-width:100%}.toggle-btn{width:100%;padding:14px 20px;font-size:15px}.card-header{gap:10px;margin-bottom:6px}.card-icon{font-size:20px}.card-header h2{font-size:16px}.card-description{font-size:13px;margin-bottom:16px}.blocked-countries-list{gap:8px;margin-bottom:16px}.country-tag{padding:8px 10px;border-radius:6px;flex-wrap:nowrap}.country-code,.country-name{font-size:13px}.remove-btn{padding:2px}.bypass-emails-list{gap:8px;margin-bottom:16px}.email-tag{padding:10px 12px;border-radius:6px;flex-wrap:wrap}.email-icon{font-size:16px}.email-address{font-size:13px;word-break:break-all}.add-form{margin-bottom:12px}.input-group{flex-direction:column;gap:10px}.country-select,.email-input{padding:14px;font-size:16px;border-radius:8px}.add-btn{width:100%;justify-content:center;padding:14px 16px;font-size:15px;border-radius:8px}.info-box{padding:10px 12px;font-size:12px;border-radius:6px;flex-wrap:wrap}.info-box svg{font-size:16px}.message-input-group{gap:10px}.message-textarea{padding:14px;font-size:16px;border-radius:8px;min-height:80px}.save-btn{width:100%;padding:14px 16px;font-size:15px;border-radius:8px}.routes-list li{padding:6px 0}.routes-list code{font-size:11px;padding:3px 6px;word-break:break-all}.card-note{font-size:12px}.alert{padding:10px 12px;font-size:13px;margin-bottom:16px;border-radius:6px}.empty-state{padding:16px;font-size:13px}}@media (max-width: 480px){.geo-block-container{padding:10px}.header-title{gap:10px}.header-icon{font-size:28px}.header-title h1{font-size:18px}.header-title p{font-size:11px}.settings-card{padding:14px}.toggle-icon{font-size:28px}.toggle-info h3{font-size:15px}.toggle-info p{font-size:12px}.card-header h2{font-size:15px}.country-tag{padding:6px 8px}.country-code,.country-name{font-size:12px}.email-tag{padding:8px 10px}.email-address{font-size:12px}.info-box{font-size:11px}}.statistics-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-info h1{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:800;background:var(--pink-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.header-icon{font-size:1.75rem}.header-info p{color:var(--text-secondary);font-size:.95rem}.header-controls{display:flex;gap:.75rem;align-items:center}.time-select{padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.time-select:focus{outline:none;border-color:var(--accent-primary)}.refresh-btn{padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.refresh-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tab-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab-btn.active{background:var(--pink-gradient);color:#fff;box-shadow:var(--shadow-pink)}.tab-btn svg{font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-pink);border-color:var(--accent-primary)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-primary .stat-icon{background:#ff17441a;color:var(--accent-primary)}.stat-success .stat-icon{background:#4caf501a;color:var(--success)}.stat-info .stat-icon{background:#3b82f61a;color:#60a5fa}.stat-warning .stat-icon{background:#ff98001a;color:var(--warning)}.stat-danger .stat-icon{background:#f443361a;color:var(--error)}.stat-info-content{flex:1;min-width:0}.stat-value{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1}.stat-label{display:block;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:var(--bg-tertiary)}.section-header h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.section-header h2 svg{color:var(--accent-primary);font-size:1.25rem}.section-header>svg{color:var(--text-tertiary);font-size:1.25rem}.section-content{padding:1rem 1.25rem}.user-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.user-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center}.user-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.user-stat-value{font-size:1.5rem;font-weight:800}.user-stat-value.success{color:var(--success)}.user-stat-value.premium{color:gold}.user-stat-value.danger{color:var(--error)}.user-stat-value.info{color:#60a5fa}.popular-country{padding:1rem;background:#ff17440d;border:1px solid rgba(255,23,68,.2);border-radius:var(--radius-lg)}.popular-country h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:.75rem}.country-highlight{display:flex;align-items:center;gap:1rem}.country-flag-large{font-size:3rem;line-height:1}.country-details{display:flex;flex-direction:column}.country-name-large{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.country-count{font-size:.875rem;color:var(--accent-primary);font-weight:600}.country-chart{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:1.5rem}.chart-bar-row{display:flex;align-items:center;gap:1rem}.chart-label{display:flex;align-items:center;gap:.5rem;min-width:140px;flex-shrink:0}.chart-flag{font-size:1.25rem;line-height:1}.chart-country{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-bar-container{flex:1;display:flex;align-items:center;gap:.75rem;height:28px;background:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.chart-bar{height:100%;border-radius:var(--radius-sm);transition:width .6s cubic-bezier(.34,1.56,.64,1);min-width:4px}.chart-value{position:absolute;right:.75rem;font-size:.75rem;font-weight:700;color:var(--text-primary)}.countries-list{display:flex;flex-direction:column;gap:.5rem}.country-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--transition-fast)}.country-row:hover{background:var(--bg-tertiary)}.country-info{display:flex;align-items:center;gap:.625rem}.country-rank{width:28px;font-size:.75rem;font-weight:700;color:var(--text-tertiary)}.country-flag{font-size:1.25rem;line-height:1}.country-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.country-stats{display:flex;gap:1rem;font-size:.75rem}.country-stats .visits{color:var(--accent-primary);font-weight:600}.country-stats .unique{color:var(--text-tertiary)}.country-stats .signups{color:var(--success);font-weight:600}.recent-signups-list{display:flex;flex-direction:column;gap:.5rem}.signup-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.signup-avatar{width:36px;height:36px;border-radius:50%;background:var(--pink-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.signup-info{flex:1;min-width:0}.signup-name{display:block;font-weight:600;color:var(--text-primary);font-size:.875rem}.signup-email{display:block;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signup-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.signup-location{font-size:.75rem;color:var(--text-secondary)}.signup-date{font-size:.6875rem;color:var(--text-tertiary)}.ip-list{display:flex;flex-direction:column;gap:.5rem}.ip-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.ip-address{font-family:monospace;font-size:.8125rem;color:var(--text-primary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.ip-stats{display:flex;gap:.75rem;font-size:.75rem}.ip-attempts{color:var(--warning);font-weight:600}.ip-blocked{color:var(--error);font-weight:600}.attempt-logs{display:flex;flex-direction:column;gap:.75rem}.attempt-row{padding:1rem;border-radius:var(--radius-md);border:1px solid}.attempt-row.blocked{background:#f443360d;border-color:#f4433633}.attempt-row.suspicious{background:#ff98000d;border-color:#ff980033}.attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.attempt-status{padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.attempt-status.blocked{background:#f4433633;color:var(--error)}.attempt-status.suspicious{background:#ff980033;color:var(--warning)}.attempt-date{font-size:.75rem;color:var(--text-tertiary)}.attempt-details{display:flex;flex-direction:column;gap:.375rem}.attempt-info{display:flex;gap:.5rem;font-size:.8125rem;flex-wrap:wrap}.attempt-label{color:var(--text-tertiary);font-weight:600;min-width:100px}.ip-value{font-family:monospace;background:var(--bg-primary);padding:.125rem .375rem;border-radius:var(--radius-sm)}.existing-count{color:var(--warning);font-weight:700}.existing-users{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.linked-user{padding:.25rem .5rem;background:#ff17441a;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.credit-types-list{display:flex;flex-direction:column;gap:.5rem}.credit-type-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.credit-type-badge{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.credit-type-badge.daily-bonus{background:#4caf5033;color:var(--success)}.credit-type-badge.admin-add{background:#3b82f633;color:#60a5fa}.credit-type-badge.admin-remove{background:#f4433633;color:var(--error)}.credit-type-badge.video-unlock{background:#ff980033;color:var(--warning)}.credit-type-badge.signup-bonus{background:#8b5cf633;color:#a78bfa}.credit-type-stats{display:flex;gap:1rem;font-size:.75rem}.credit-count{color:var(--text-secondary)}.credit-total{color:var(--accent-primary);font-weight:700}.credit-logs-list{display:flex;flex-direction:column;gap:.5rem}.credit-log-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);flex-wrap:wrap}.credit-log-user{display:flex;align-items:center;gap:.625rem;flex:1;min-width:150px}.credit-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--pink-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.credit-user-info{display:flex;flex-direction:column;min-width:0}.credit-username{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.credit-email{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-log-details{display:flex;align-items:center;gap:.75rem}.credit-amount{font-weight:800;font-size:1rem}.credit-amount.positive{color:var(--success)}.credit-amount.negative{color:var(--error)}.credit-log-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;margin-left:auto}.credit-balance{font-size:.6875rem;color:var(--text-tertiary);font-family:monospace}.credit-date{font-size:.6875rem;color:var(--text-tertiary)}.empty-message{text-align:center;padding:2rem;color:var(--text-tertiary);font-style:italic}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 1024px){.stats-grid,.user-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-header{flex-direction:column;align-items:stretch}.header-info h1{font-size:1.5rem}.header-icon{font-size:1.25rem}.header-controls{justify-content:space-between}.time-select{flex:1}.tab-nav{padding:.125rem;gap:.25rem}.tab-btn{padding:.625rem .75rem;font-size:.75rem;flex:1;justify-content:center}.tab-btn svg{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.stat-icon{width:40px;height:40px;font-size:1.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.625rem}.section-header{padding:.875rem 1rem}.section-header h2{font-size:.875rem}.section-content{padding:.875rem 1rem}.user-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.user-stat{padding:.625rem}.user-stat-value{font-size:1.25rem}.country-flag-large{font-size:2.5rem}.country-name-large{font-size:1rem}.country-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.625rem}.country-stats{width:100%;justify-content:flex-start}.signup-row{flex-direction:column;align-items:flex-start;gap:.5rem}.signup-meta{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}.attempt-info{flex-direction:column;gap:.25rem}.attempt-label{min-width:auto}.credit-log-row{flex-direction:column;align-items:flex-start;gap:.5rem}.credit-log-user{width:100%}.credit-log-details{width:100%;justify-content:space-between}.credit-log-meta{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-left:0}}@media (max-width: 480px){.statistics-container{padding:0}.header-info h1{font-size:1.25rem}.stat-card{padding:.75rem}.stat-icon{width:36px;height:36px;font-size:1rem}.stat-value{font-size:1.25rem}.section-header,.section-content{padding:.75rem}.section-header h2{font-size:.8125rem}.user-stat-value{font-size:1rem}.country-flag-large{font-size:2rem}.country-name-large{font-size:.9375rem}.country-chart{padding:.75rem}.chart-bar-row{flex-direction:column;align-items:stretch;gap:.375rem}.chart-label{min-width:unset;justify-content:flex-start}.chart-country{font-size:.6875rem}.chart-bar-container{height:24px}.chart-value{font-size:.6875rem;right:.5rem}}.storage-page{max-width:1200px;margin:0 auto;animation:fadeIn .4s ease}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;margin-bottom:1rem}.error-banner span{flex:1;font-size:.875rem}.error-banner button{background:none;border:none;color:#f87171;cursor:pointer;padding:.25rem;font-size:1.25rem}.active-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid rgba(59,130,246,.3);border-radius:12px;margin-bottom:1rem;flex-wrap:wrap}.active-banner svg{color:#60a5fa;font-size:1.25rem;flex-shrink:0}.active-banner-content{flex:1;min-width:150px}.active-banner-content strong{display:block;color:#60a5fa;font-size:.9rem}.active-banner-content .current-file{font-size:.75rem;color:var(--text-secondary, #888)}.queue-count{background:#3b82f633;color:#60a5fa;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.section-header-actions{display:flex;align-items:center;gap:.75rem}.storage-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.storage-stat-card{background:var(--bg-elevated, #16162a);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:1rem}.stat-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;font-weight:600;color:var(--text-primary, #fff);font-size:.9rem}.stat-icon{font-size:1.25rem}.stat-icon.system{color:#60a5fa}.stat-icon.videos{color:#a78bfa}.stat-icon.compression{color:#10b981}.storage-bar-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.625rem}.storage-bar{flex:1;height:12px;background:var(--bg-tertiary, #2a2a4a);border-radius:6px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.storage-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.storage-percent{font-size:.875rem;font-weight:700;color:var(--text-primary, #fff);min-width:40px;text-align:right}.storage-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary, #888);margin-bottom:.375rem}.storage-total{font-size:.75rem;color:var(--text-tertiary, #666);text-align:center}.video-stats-grid{display:flex;justify-content:space-around;gap:1rem}.video-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.video-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.video-stat-label{font-size:.7rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.uncompressed-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:.875rem;padding:.5rem .75rem;background:#f59e0b26;border-radius:8px;color:#fbbf24;font-size:.8rem;font-weight:600}.compression-stats-grid{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem}.comp-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.comp-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary, #fff)}.comp-stat-value.success{color:#10b981}.comp-stat-value.danger{color:#f87171}.comp-stat-label{font-size:.65rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.savings-banner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.25);border-radius:12px;margin-bottom:1rem}.savings-info{display:flex;flex-direction:column;align-items:center;text-align:center}.savings-label{font-size:.75rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.savings-value{font-size:1.5rem;font-weight:800;color:#10b981}.compress-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;-webkit-tap-highlight-color:transparent}.compress-all-btn:active:not(:disabled){transform:scale(.98)}.compress-all-btn:disabled{opacity:.5;cursor:not-allowed}.current-job-card{background:var(--bg-elevated, #16162a);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem}.current-job-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#60a5fa;font-weight:600;margin-bottom:.5rem}.current-job-file{font-size:.875rem;color:var(--text-primary, #fff);word-break:break-all;margin-bottom:.75rem}.progress-bar-large{height:10px;background:var(--bg-tertiary, #2a2a4a);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-bar-large .progress-fill{height:100%;background:linear-gradient(90deg,#ff1744,#ff4081);transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.progress-percent{font-weight:700;color:var(--accent-primary, #ff1744)}.original-size{color:var(--text-tertiary, #666)}.videos-list{display:flex;flex-direction:column;gap:.75rem}.video-item{background:var(--bg-elevated, #16162a);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:1rem}.video-item.needs-compression{border-color:#f59e0b4d}.video-item.optimized{border-color:#10b9814d}.video-main{margin-bottom:.75rem}.video-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #fff);word-break:break-all;margin-bottom:.5rem}.video-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.meta-item{font-size:.75rem;color:var(--text-secondary, #888)}.video-post{font-size:.75rem;color:var(--text-tertiary, #666);margin-top:.375rem}.video-actions{display:flex;flex-direction:column;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;width:fit-content}.status-badge.warning{background:#f59e0b26;color:#fbbf24}.status-badge.success{background:#10b98126;color:#10b981}.estimated-savings{font-size:.75rem;color:var(--text-secondary, #888)}.compress-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--accent-primary, #ff1744);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent}.compress-btn:active:not(:disabled){transform:scale(.98);opacity:.9}.compress-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.clear-btn:active{background:#ef44441a}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:var(--bg-elevated, #16162a);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;padding:.875rem}.history-item.completed{border-color:#10b98133}.history-item.failed{border-color:#ef444433}.history-item.interrupted{border-color:#f59e0b33}.history-item.processing{border-color:#3b82f633}.history-main{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.375rem}.history-file{font-size:.8rem;color:var(--text-primary, #fff);word-break:break-all;flex:1}.history-status{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.history-status.completed{color:#10b981}.history-status.failed{color:#f87171}.history-status.interrupted{color:#fbbf24}.history-status.processing{color:#60a5fa}.history-status.queued{color:var(--text-secondary, #888)}.history-status.skipped{color:var(--text-tertiary, #666)}.history-details{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.history-progress{font-size:.75rem;color:#60a5fa;font-weight:700}.history-saved{font-size:.75rem;color:#10b981;font-weight:600}.history-skipped{font-size:.75rem;color:var(--text-tertiary, #666);font-style:italic}.history-error{font-size:.75rem;color:#f87171}.retry-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:.75rem;font-weight:600;cursor:pointer;min-height:36px;-webkit-tap-highlight-color:transparent}.retry-btn:active:not(:disabled){background:#3b82f640}.retry-btn:disabled{opacity:.5;cursor:not-allowed}.info-footer{padding:1rem;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;margin-top:1rem}.info-footer p{font-size:.8rem;color:var(--text-secondary, #888);margin:0;line-height:1.5}.info-footer strong{color:var(--text-primary, #fff)}.empty-state{text-align:center;padding:2rem;color:var(--text-tertiary, #666)}@media (min-width: 768px){.page-header{margin-bottom:1.5rem}.header-info h1{font-size:2rem}.header-icon{font-size:1.75rem}.storage-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.savings-banner{flex-direction:row;justify-content:space-between;padding:1.5rem}.savings-info{align-items:flex-start;text-align:left}.compress-all-btn{width:auto;min-width:200px}.video-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.video-main{flex:1;margin-bottom:0}.video-actions{flex-direction:row;align-items:center;flex-shrink:0}.compress-btn{width:auto}}@media (min-width: 1024px){.refresh-btn:hover{background:var(--accent-primary, #ff1744);color:#fff;border-color:var(--accent-primary, #ff1744)}.section-header:hover{background:var(--bg-tertiary, #2a2a4a)}.compress-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.compress-btn:hover:not(:disabled){background:#ff4081;transform:translateY(-1px)}.clear-btn:hover{background:#ef44441a}.retry-btn:hover:not(:disabled){background:#3b82f640}}@media (max-width: 380px){.page-header{flex-direction:column;align-items:stretch}.header-info h1{font-size:1.25rem}.refresh-btn{align-self:flex-end}.section-header{padding:.875rem}.section-header h2{font-size:.9rem}.section-content,.storage-stat-card{padding:.875rem}.stat-card-header{font-size:.8rem}.video-stat-value,.comp-stat-value{font-size:1rem}.savings-value{font-size:1.25rem}.compress-all-btn{font-size:.9rem;padding:.875rem 1rem}.video-name{font-size:.8rem}.meta-item{font-size:.7rem}.compress-btn{font-size:.8rem;padding:.75rem 1rem;min-height:44px}.history-file{font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.storage-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.storage-stat-card{padding:.75rem}.savings-banner{flex-direction:row;padding:1rem}.compress-all-btn{width:auto}}@media (prefers-reduced-motion: reduce){.spin{animation:none}.storage-fill,.progress-fill,.compress-btn,.compress-all-btn,.retry-btn{transition:none}@keyframes fadeIn{0%{opacity:1}to{opacity:1}}}.credits-settings-page{max-width:900px;margin:0 auto;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.header-info h1{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;background:var(--pink-gradient, linear-gradient(135deg, #ff1744 0%, #ff4081 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.header-icon{font-size:1.5rem}.header-info p{color:var(--text-secondary, #888);font-size:.875rem}.refresh-btn{padding:.75rem;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;color:var(--text-secondary, #888);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:48px;min-height:48px;-webkit-tap-highlight-color:transparent}.refresh-btn:active{background:var(--bg-tertiary, #2a2a4a)}.message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;margin-bottom:1rem}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.message-banner.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.message-banner span{flex:1;font-size:.875rem}.message-banner button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;font-size:1.25rem}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.quick-stat{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:1rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stat-icon.enabled{background:#10b98126;color:#10b981}.stat-icon.amount{background:#ff174426;color:#ff1744}.stat-icon.users{background:#8b5cf626;color:#a78bfa}.stat-icon.total{background:#3b82f626;color:#60a5fa}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff);line-height:1.1}.stat-label{font-size:.7rem;color:var(--text-tertiary, #666);text-transform:uppercase;letter-spacing:.5px}.section-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:16px;margin-bottom:1rem;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-elevated, #16162a);cursor:pointer;-webkit-tap-highlight-color:transparent}.section-header:active{background:var(--bg-tertiary, #2a2a4a)}.section-header h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.section-header h2 svg{color:var(--accent-primary, #ff1744);font-size:1.25rem}.section-header>svg{color:var(--text-tertiary, #666);font-size:1.25rem}.section-content{padding:1rem}.setting-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--border-color, #2a2a4a)}.setting-row:last-child{border-bottom:none}.setting-info label{font-weight:600;color:var(--text-primary, #fff);font-size:.9rem;display:block;margin-bottom:.25rem}.setting-info p{font-size:.8rem;color:var(--text-secondary, #888);margin:0;line-height:1.4}.setting-input{display:flex;align-items:center;gap:.5rem}.setting-input input{flex:1;padding:.75rem 1rem;background:var(--bg-elevated, #16162a);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;color:var(--text-primary, #fff);font-size:1rem;font-weight:600;min-height:48px;-webkit-appearance:none}.setting-input input:focus{outline:none;border-color:var(--accent-primary, #ff1744)}.setting-input input:disabled{opacity:.5;cursor:not-allowed}.input-suffix{font-size:.875rem;color:var(--text-secondary, #888);white-space:nowrap}.toggle-row{flex-direction:row;align-items:center;justify-content:space-between}.toggle-btn{position:relative;width:56px;height:32px;background:var(--bg-tertiary, #2a2a4a);border:none;border-radius:16px;cursor:pointer;padding:2px;transition:background .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.toggle-btn.active{background:#10b981}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-btn.active .toggle-slider{transform:translate(24px)}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;margin-bottom:1rem}.info-box svg{color:#60a5fa;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.info-box p{font-size:.8rem;color:var(--text-secondary, #888);margin:0;line-height:1.4}.bonuses-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.bonus-row{display:flex;align-items:flex-end;gap:.75rem;padding:.75rem;background:var(--bg-elevated, #16162a);border:1px solid var(--border-color, #2a2a4a);border-radius:10px}.bonus-inputs{display:flex;gap:.75rem;flex:1}.bonus-input-group{flex:1}.bonus-input-group label{display:block;font-size:.7rem;color:var(--text-tertiary, #666);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.bonus-input-group input{width:100%;padding:.625rem .75rem;background:var(--bg-tertiary, #2a2a4a);border:1px solid var(--border-color, #3a3a5a);border-radius:8px;color:var(--text-primary, #fff);font-size:.9rem;font-weight:600;min-height:40px;-webkit-appearance:none}.bonus-input-group input:focus{outline:none;border-color:var(--accent-primary, #ff1744)}.bonus-input-group input:disabled{opacity:.5}.remove-bonus-btn{padding:.625rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;font-size:1rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.remove-bonus-btn:active:not(:disabled){background:#ef444440}.remove-bonus-btn:disabled{opacity:.5;cursor:not-allowed}.add-bonus-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:transparent;border:2px dashed var(--border-color, #3a3a5a);border-radius:10px;color:var(--text-secondary, #888);font-size:.875rem;font-weight:600;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent}.add-bonus-btn:active:not(:disabled){border-color:var(--accent-primary, #ff1744);color:var(--accent-primary, #ff1744)}.add-bonus-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary, #ff1744) 0%,#ff4081 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;margin-bottom:1rem;-webkit-tap-highlight-color:transparent}.save-btn:active:not(:disabled){transform:scale(.98)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;background:var(--bg-elevated, #16162a);border-radius:10px}.summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #fff)}.summary-label{font-size:.65rem;color:var(--text-tertiary, #666);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.top-streaks{margin-bottom:1.5rem}.top-streaks h3,.recent-transactions h3{font-size:.9rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:.75rem}.streaks-list{display:flex;flex-direction:column;gap:.5rem}.streak-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-elevated, #16162a);border-radius:8px}.streak-rank{font-size:.75rem;font-weight:700;color:var(--text-tertiary, #666);width:28px}.streak-user{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary, #fff)}.streak-value{font-size:.8rem;font-weight:700;color:#fbbf24}.transactions-list{display:flex;flex-direction:column;gap:.5rem}.transaction-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-elevated, #16162a);border-radius:8px}.tx-user{display:flex;flex-direction:column}.tx-username{font-size:.875rem;font-weight:600;color:var(--text-primary, #fff)}.tx-date{font-size:.7rem;color:var(--text-tertiary, #666)}.tx-amount{font-size:.9rem;font-weight:700;color:#10b981}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-secondary, #888)}.loading-state svg{font-size:2rem;color:var(--accent-primary, #ff1744)}@media (min-width: 768px){.page-header{margin-bottom:1.5rem}.header-info h1{font-size:2rem}.header-icon{font-size:1.75rem}.quick-stats{grid-template-columns:repeat(4,1fr);gap:1rem}.setting-row{flex-direction:row;align-items:center;justify-content:space-between}.setting-info{flex:1;margin-right:1rem}.setting-input{width:180px}.save-btn{max-width:300px;margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.refresh-btn:hover{background:var(--accent-primary, #ff1744);color:#fff;border-color:var(--accent-primary, #ff1744)}.section-header:hover{background:var(--bg-tertiary, #2a2a4a)}.toggle-btn:hover:not(:disabled){background:var(--bg-tertiary, #3a3a5a)}.toggle-btn.active:hover:not(:disabled){background:#059669}.add-bonus-btn:hover:not(:disabled){border-color:var(--accent-primary, #ff1744);color:var(--accent-primary, #ff1744)}.remove-bonus-btn:hover:not(:disabled){background:#ef444440}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff174466}}@media (max-width: 380px){.page-header{flex-direction:column;align-items:stretch}.header-info h1{font-size:1.25rem}.refresh-btn{align-self:flex-end}.quick-stats{gap:.5rem}.quick-stat{padding:.75rem}.stat-icon{width:32px;height:32px;font-size:1rem}.stat-value{font-size:1rem}.section-header{padding:.875rem}.section-header h2{font-size:.9rem}.section-content{padding:.875rem}.setting-info label{font-size:.85rem}.setting-input input{padding:.625rem .875rem;font-size:.9rem;min-height:44px}.bonus-inputs{flex-direction:column;gap:.5rem}.save-btn{font-size:.9rem;padding:.875rem;min-height:48px}.stats-summary{grid-template-columns:1fr;gap:.5rem}.summary-stat{flex-direction:row;justify-content:space-between;text-align:left;padding:.75rem}.summary-value{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.spin{animation:none}.toggle-slider,.save-btn,.toggle-btn{transition:none}@keyframes fadeIn{0%{opacity:1}to{opacity:1}}}#root{width:100%;min-height:100vh;background-color:var(--bg-primary)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}