body{font-family:Inter,system-ui,sans-serif;background-color:#000;color:#fff;overflow:hidden}.xupertv-home-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:radial-gradient(circle at top right,#111,#000)}.xupertv-home-header{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);z-index:100}.xupertv-logo-box{display:flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.x-logo{font-size:32px;font-weight:900;color:#fff}.uper-logo{font-size:28px;font-weight:200;color:#ddd}.tv-tag{background:#ef4444;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:900;margin-left:10px}.xupertv-top-actions{display:flex;align-items:center;gap:20px}.icon-btn{background:transparent;border:none;color:#666;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:#fff;transform:scale(1.1)}.profile-btn{padding:0;border-radius:50%;overflow:hidden}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.profile-btn:hover .avatar-circle{border-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.xupertv-time{font-size:16px;font-weight:600;color:#888;margin-left:15px}.xupertv-home-body{display:flex;flex:1;overflow:hidden}.xupertv-home-sidebar{width:240px;padding:40px 30px;display:flex;flex-direction:column;gap:8px}.xupertv-nav-item{background:transparent;border:none;color:#555;display:flex;align-items:center;gap:15px;padding:14px 20px;border-radius:12px;font-weight:700;font-size:13px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.xupertv-nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.xupertv-nav-item.active{color:#fff;background:rgba(59,130,246,.15);box-shadow:inset 0 0 10px #3b82f61a}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.xupertv-home-content{flex:1;overflow-y:auto;padding:20px 50px 50px 0}.xupertv-banners-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;height:480px;margin-bottom:40px}.xupertv-banner{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.xupertv-banner img{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:50px}.banner-overlay h1{font-size:64px;font-weight:900;letter-spacing:-2px}.banner-overlay h2{font-size:32px;font-weight:800;color:#ccc}.xupertv-banner-mini-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px}.banner-mini{position:relative;height:180px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.banner-mini img{width:100%;height:100%;object-fit:cover}.mini-title{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,#000,transparent);font-size:13px;font-weight:800}.full-viewport-container{width:100vw;height:100vh;background:#000}.xupertv-container{display:flex;width:100%;height:100vh;background:#000}.xupertv-main{flex:1;min-width:0;display:flex;flex-direction:column}.xupertv-player-box{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.xupertv-video{width:100%;height:100%;object-fit:contain}.xupertv-channels{width:400px;min-width:400px;background:#0a0a0c;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.xupertv-search-container{padding:15px;margin:15px;background:rgba(255,255,255,.03);border-radius:12px;display:flex;align-items:center;gap:10px}.xupertv-search-container input{background:transparent;border:none;color:#fff;outline:none;flex:1}.channel-list-scroll{flex:1;overflow-y:auto;padding:0 15px 20px}.channel-item-row{display:flex;align-items:center;gap:15px;padding:14px;border-radius:15px;cursor:pointer;transition:.2s;border:1px solid transparent;margin-bottom:8px}.channel-item-row:hover{background:rgba(255,255,255,.03)}.channel-item-row.active{background:rgba(59,130,246,.1);border-color:#3b82f64d}.channel-logo-mini{width:48px;height:48px;border-radius:10px;background:#1c1c1f;overflow:hidden;flex-shrink:0}.channel-logo-mini img{width:100%;height:100%;object-fit:contain}.channel-name-box{flex:1;overflow:hidden}.ch-name{display:block;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-epg{font-size:11px;color:#3b82f6;font-weight:600}.xupertv-exit-btn-alt{position:absolute;top:20px;left:20px;z-index:1000;width:45px;height:45px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:#111;border-radius:18px;overflow:hidden;transition:.3s;cursor:pointer;border:1px solid rgba(255,255,255,.03)}.card:hover{transform:scale(1.05);border-color:#3b82f6}.card-media{position:relative;height:280px}.card-image{width:100%;height:100%;object-fit:cover}.card-info{padding:15px}.card-info h3{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.auth-modal{background:#0d0d10;width:100%;max-width:420px;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.08);text-align:center;box-shadow:0 20px 40px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.auth-header h2{font-size:28px;font-weight:800;margin-bottom:8px;color:#fff;letter-spacing:-.5px}.auth-header p{color:#71717a;font-size:14px;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.input-group{position:relative;display:flex;align-items:center;background:#18181b;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .25s ease}.input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#1f1f23}.input-icon{position:absolute;left:16px;color:#71717a;pointer-events:none}.input-group input{width:100%;background:transparent;border:none;padding:16px 16px 16px 48px;color:#fff;font-size:14px;outline:none}.input-group input::placeholder{color:#52525b}.btn-auth-submit{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px;border-radius:14px;border:none;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.btn-auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-auth-submit:active{transform:translateY(0)}.btn-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-size:13px;margin-bottom:20px;text-align:left}.auth-alert.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.auth-alert.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#86efac}.auth-footer{font-size:14px;color:#71717a}.auth-footer button{background:transparent;border:none;color:#3b82f6;font-weight:600;margin-left:6px;cursor:pointer;transition:color .2s}.auth-footer button:hover{color:#60a5fa;text-decoration:underline}.content-row{margin-bottom:40px}.row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.row-header h2{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff}.section-lock-msg{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;background:rgba(239,68,68,.1);padding:6px 12px;border-radius:20px;border:1px solid rgba(239,68,68,.15);font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.card{background:#0d0d10;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);border-color:#3b82f666;box-shadow:0 12px 30px #0006}.card-media{position:relative;width:100%;background:#141416;overflow:hidden}.poster-card .card-media{aspect-ratio:2 / 3}.channel-card .card-media{aspect-ratio:16 / 9}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image{transform:scale(1.06)}.image-fallback{opacity:.4;object-fit:contain;padding:20px}.placeholder-poster,.placeholder-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#71717a;background:linear-gradient(135deg,#18181b,#09090b)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;z-index:2}.card:hover .card-overlay{opacity:1}.play-icon{transform:scale(.8);transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.card:hover .play-icon{transform:scale(1.1)}.btn-favorite{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-favorite:hover{background:rgba(239,68,68,.9);color:#fff;transform:scale(1.1)}.btn-favorite.active{background:rgba(0,0,0,.7);border-color:#ef444466}.locked .card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:1}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;color:#ef4444}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.2);z-index:5}.progress-bar-fill{height:100%;background:#3b82f6;transition:width .3s ease}.card-info{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-info h3{font-size:14px;font-weight:700;color:#f4f4f5;margin-bottom:6px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-program{font-size:12px;color:#3b82f6;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:8px}.live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}.card-footer-tags{display:flex;gap:6px;margin-top:auto}.tag-premium{font-size:9px;font-weight:900;color:#f59e0b;background:rgba(245,158,11,.12);padding:3px 6px;border-radius:4px;border:1px solid rgba(245,158,11,.2);letter-spacing:.5px}.tag-adult{font-size:9px;font-weight:900;color:#ef4444;background:rgba(239,68,68,.12);padding:3px 6px;border-radius:4px;border:1px solid rgba(239,68,68,.2)}.xupertv-explore-view{padding:10px 0}.explore-header{margin-bottom:30px}.explore-header h2{font-size:28px;font-weight:900;letter-spacing:-.5px;margin-bottom:20px}.category-filter-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.category-filter-scroll::-webkit-scrollbar{display:none}.filter-chip{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);color:#a1a1aa;padding:8px 18px;border-radius:20px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-chip:hover{color:#fff;background:rgba(255,255,255,.06);border-color:#ffffff26;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border-color:#eab308;color:#000;font-weight:900;box-shadow:0 4px 14px #eab30859;transform:scale(1.03)}.ch-fav-btn{background:transparent;border:none;color:#555;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.ch-fav-btn:hover{color:#ef4444;background:rgba(255,255,255,.05)}.ch-fav-btn.active{color:#ef4444}.xupertv-channels-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 10px;border-bottom:1px solid rgba(255,255,255,.03)}.xupertv-channels-header h3{font-size:16px;font-weight:900;letter-spacing:.5px;color:#fff}.xupertv-back-home-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#a1a1aa;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.xupertv-back-home-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff3;transform:translateY(-1px)}.xupertv-back-home-btn:active{transform:translateY(0)}.xupertv-player-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:40px;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1);z-index:10}.xupertv-player-box:hover .xupertv-player-overlay{opacity:1}.player-info{display:flex;flex-direction:column;gap:8px}.live-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:900;padding:4px 8px;border-radius:4px;align-self:flex-start;letter-spacing:1px}.player-info h3{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.5px}.player-controls{display:flex;align-items:center;gap:12px}.btn-fullscreen{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-fullscreen:hover{background:#3b82f6;border-color:#3b82f6;transform:scale(1.08);box-shadow:0 4px 15px #3b82f666}.btn-fullscreen:active{transform:scale(.95)}.xupertv-epg-info{background:#0d0d10;border-top:1px solid rgba(255,255,255,.04);padding:24px 40px}.epg-header{margin-bottom:8px}.epg-title{font-size:11px;font-weight:800;letter-spacing:1px;color:#3b82f6}.epg-content h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}.epg-content p{font-size:14px;color:#71717a;line-height:1.5}.player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .3s ease}.player-container{background:#09090b;width:100%;max-width:1100px;aspect-ratio:16 / 9;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 30px 60px #000c;display:flex;flex-direction:column;position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.player-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 70%,transparent 100%);padding:24px 30px;display:flex;justify-content:space-between;align-items:center;z-index:5;opacity:0;transition:opacity .3s ease}.player-container:hover .player-header{opacity:1}.player-header h3{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-close-player{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:200;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-close-player:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.08) rotate(90deg);box-shadow:0 4px 12px #ef444466}.video-element{width:100%;height:100%;object-fit:contain;background:#000}.xupertv-catalog-section .cards-grid{display:flex;flex-direction:row;overflow-x:auto;gap:20px;padding:10px 0 25px;scrollbar-width:none;scroll-behavior:smooth;margin-bottom:20px}.xupertv-catalog-section .cards-grid::-webkit-scrollbar{display:none}.xupertv-catalog-section .cards-grid .card{flex:0 0 190px;min-width:190px}.xupertv-catalog-section .cards-grid .channel-card{flex:0 0 280px;min-width:280px}.section-label{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff;margin-bottom:20px;margin-top:30px}.xupertv-posters-row{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding:10px 0 25px;scrollbar-width:none;scroll-behavior:smooth;margin-bottom:30px}.xupertv-posters-row::-webkit-scrollbar{display:none}.poster-item{flex:0 0 190px;min-width:190px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#0d0d10;border-radius:16px;border:1px solid rgba(255,255,255,.04);overflow:hidden}.poster-item:hover{transform:translateY(-8px);border-color:#3b82f666;box-shadow:0 12px 30px #0006}.poster-item img{width:100%;aspect-ratio:2 / 3;object-fit:cover;background:#141416;transition:transform .5s ease}.poster-item:hover img{transform:scale(1.06)}.poster-title{padding:16px;font-size:14px;font-weight:700;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.xupertv-header-search-container{display:flex;align-items:center;background:transparent;border-radius:20px;padding:4px;transition:all .3s ease}.xupertv-header-search-container.active{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:4px 14px}.xupertv-header-search-input{background:transparent;border:none;color:#fff;padding:6px 12px;outline:none;font-size:13px;width:180px;animation:slideRight .25s ease}.xupertv-header-search-input::placeholder{color:#71717a}.xupertv-notifications-container{position:relative}.notif-dot{position:absolute;top:0;right:0;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #000}.xupertv-notifications-dropdown{position:absolute;top:45px;right:0;width:320px;background:#0d0d10;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 15px 30px #0009;z-index:1000;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.02)}.dropdown-header h4{font-size:14px;font-weight:800}.notif-count{font-size:11px;color:#ef4444;font-weight:700;background:rgba(239,68,68,.1);padding:2px 8px;border-radius:10px}.dropdown-body{max-height:280px;overflow-y:auto}.dropdown-item{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.02);transition:background .2s;cursor:pointer}.dropdown-item:hover{background:rgba(255,255,255,.02)}.dropdown-item p{font-size:12px;color:#e4e4e7;line-height:1.4;margin-bottom:4px}.dropdown-item-time{font-size:10px;color:#71717a}.xupertv-settings-view{padding:10px 0}.settings-header{margin-bottom:30px}.settings-header h2{font-size:28px;font-weight:900;letter-spacing:-.5px;margin-bottom:8px}.settings-header p{color:#71717a;font-size:14px}.settings-error-container{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.settings-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:30px}.settings-card{background:#0d0d10;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:30px;box-shadow:0 10px 25px #0000004d}.settings-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:16px}.settings-card-header h3{font-size:18px;font-weight:800}.card-icon-header{color:#ef4444}.card-icon-header.text-blue{color:#3b82f6}.card-desc{color:#71717a;font-size:13px;margin-bottom:20px}.profile-details{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.1)}.profile-info-text h4{font-size:18px;font-weight:800;margin-bottom:4px}.profile-email{font-size:13px;color:#71717a;margin-bottom:10px}.role-badge-row{display:flex;align-items:center;gap:10px}.role-badge{font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;border:1px solid}.role-badge.free{color:#a1a1aa;background:rgba(161,161,170,.1);border-color:#a1a1aa26}.role-badge.premium{color:#fbbf24;background:rgba(251,191,36,.1);border-color:#fbbf2426}.role-badge.admin{color:#ef4444;background:rgba(239,68,68,.1);border-color:#ef444426}.premium-tag-glow{font-size:10px;font-weight:800;color:#fbbf24;display:flex;align-items:center;gap:4px;animation:pulseGold 2s infinite}.settings-actions{display:flex;flex-direction:column;gap:12px}.btn-settings-upgrade{background:linear-gradient(135deg,#fbbf24,#d97706);border:none;color:#fff;padding:14px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;box-shadow:0 4px 15px #d9770633}.btn-settings-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770666}.btn-settings-logout{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#ef4444;padding:14px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.btn-settings-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444}.admin-sync-list{display:flex;flex-direction:column;gap:16px}.sync-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);padding:16px 20px;border-radius:16px}.sync-info h4{font-size:13px;font-weight:800;margin-bottom:4px}.sync-info p{font-size:11px;color:#71717a}.btn-sync{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-sync:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;color:#3b82f6}.btn-sync.syncing{background:rgba(255,255,255,.02);border-color:#ffffff0d;color:#71717a;cursor:not-allowed}.btn-sync.success{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.btn-sync.error{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.settings-alert-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;font-size:14px;margin-bottom:24px}.settings-alert-banner.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.15);color:#86efac}.settings-alert-banner.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.15);color:#fca5a5}.users-management-card{grid-column:1 / -1}.users-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#71717a}.users-table-container{width:100%;overflow-x:auto;margin-top:10px;background:rgba(0,0,0,.2);border-radius:16px;border:1px solid rgba(255,255,255,.03)}.users-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;color:#e4e4e7}.users-table th{padding:16px 20px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:#71717a}.users-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:rgba(255,255,255,.01)}.current-user-row{background:rgba(59,130,246,.03)!important}.current-user-row td{border-bottom-color:#3b82f61a}.user-table-cell-profile{display:flex;align-items:center;gap:12px}.user-table-cell-profile .cell-avatar{width:32px;height:32px;border-radius:50%;background:#1f1f23;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff}.current-user-row .cell-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.cell-name{font-weight:700;color:#fff}.cell-email{color:#a1a1aa}.user-reg-date{color:#71717a;font-weight:500}.role-select{background:#18181b;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;outline:none;cursor:pointer;transition:all .2s}.role-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.role-select.free{color:#a1a1aa;border-color:#a1a1aa33}.role-select.premium{color:#fbbf24;border-color:#fbbf2433}.role-select.admin{color:#ef4444;border-color:#ef444433}.btn-delete-user{background:transparent;border:none;color:#71717a;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-delete-user:hover{background:rgba(239,68,68,.1);color:#ef4444;transform:scale(1.1)}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .3s ease}.detail-modal-container{background:#0c0c0e;width:100%;max-width:850px;max-height:90vh;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow-y:auto;box-shadow:0 25px 50px #0009;position:relative;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);scrollbar-width:none}.detail-modal-container::-webkit-scrollbar{display:none}.detail-modal-banner{position:relative;width:100%;height:320px;display:flex;align-items:flex-end;padding:40px;overflow:hidden}.banner-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 25%;filter:blur(4px) brightness(.65);transform:scale(1.02);z-index:1}.banner-fade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0c0c0e 0%,rgba(12,12,14,.5) 60%,transparent 100%);z-index:2}.btn-close-detail{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-close-detail:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:scale(1.05)}.banner-text-details{position:relative;z-index:3}.banner-text-details h2{font-size:38px;font-weight:900;color:#fff;letter-spacing:-1px;margin-top:10px;margin-bottom:12px}.badge-row{display:flex;gap:10px;align-items:center}.type-badge-pill{font-size:10px;font-weight:800;background:rgba(255,255,255,.1);color:#a1a1aa;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.premium-glow-badge{font-size:10px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;padding:4px 10px;border-radius:20px;box-shadow:0 0 10px #fbbf244d;letter-spacing:.5px}.meta-info-row{display:flex;gap:20px;align-items:center}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#a1a1aa}.detail-modal-body{padding:10px 40px 40px;background:#0c0c0e}.detail-info-columns{display:grid;grid-template-columns:2.2fr 1fr;gap:40px;margin-bottom:40px}.detail-main-info h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:12px}.detail-description{font-size:14px;line-height:1.6;color:#a1a1aa;margin-bottom:24px}.detail-action-buttons{display:flex;gap:16px}.btn-detail-play{background:#3b82f6;border:none;color:#fff;padding:14px 28px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .25s ease;box-shadow:0 4px 15px #3b82f640}.btn-detail-play:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-detail-favorite{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;padding:14px 24px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .25s ease}.btn-detail-favorite:hover{background:rgba(255,255,255,.08);border-color:#ffffff26;transform:translateY(-2px)}.btn-detail-favorite.active{color:#ef4444;border-color:#ef444440;background:rgba(239,68,68,.05)}.locked-action{background:rgba(113,113,122,.12)!important;border:1px solid rgba(255,255,255,.04)!important;color:#71717a!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.locked-warning-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:10px;font-size:12px;color:#fca5a5;margin-top:20px;line-height:1.4}.detail-side-poster{width:100%}.detail-side-poster img{width:100%;border-radius:16px;box-shadow:0 10px 20px #00000080;border:1px solid rgba(255,255,255,.05)}.series-episodes-section{border-top:1px solid rgba(255,255,255,.05);padding-top:30px}.episodes-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.episodes-section-header .header-left{display:flex;align-items:center;gap:10px;color:#fff}.episodes-section-header .header-left h3{font-size:18px;font-weight:800}.season-selector{background:#1c1c1f;border:1px solid rgba(255,255,255,.08);color:#fff;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:700;outline:none;cursor:pointer}.season-selector:focus{border-color:#3b82f6}.episodes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.episode-item{background:#141416;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:20px;cursor:pointer;position:relative;overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:100px}.episode-item:hover{background:#1c1c1f;border-color:#3b82f640;transform:translateY(-4px)}.ep-info{display:flex;flex-direction:column;gap:6px}.ep-number{font-size:10px;font-weight:900;color:#3b82f6;letter-spacing:.5px}.episode-item h4{font-size:13px;font-weight:700;color:#f4f4f5;line-height:1.4}.ep-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(59,130,246,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.episode-item:hover .ep-play-overlay{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-15px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes pulseGold{0%{opacity:.8}50%{opacity:1;text-shadow:0 0 8px rgba(251,191,36,.6)}to{opacity:.8}}.spin{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xupertv-profile-container{position:relative;display:flex;align-items:center}.xupertv-profile-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:290px;background:rgba(13,13,16,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 20px 40px #000000b3,0 0 0 1px #ffffff08;padding:22px;z-index:1100;display:flex;flex-direction:column;gap:15px;animation:fadeInDropdown .3s cubic-bezier(.16,1,.3,1);text-align:left}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-profile-info{display:flex;align-items:center;gap:16px}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 10px #1d4ed84d;flex-shrink:0}.dropdown-user-details{display:flex;flex-direction:column;gap:4px;min-width:0}.dropdown-user-details .user-name{font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}.dropdown-user-details .user-email{font-size:12px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px;margin-top:4px}.user-role-badge.role-free{background:rgba(161,161,170,.15);color:#a1a1aa;border:1px solid rgba(161,161,170,.1)}.user-role-badge.role-premium{background:rgba(234,179,8,.15);color:#eab308;border:1px solid rgba(234,179,8,.2);box-shadow:0 0 10px #eab3081a}.user-role-badge.role-admin{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.2);box-shadow:0 0 10px #ef44441a}.dropdown-divider{height:1px;background:rgba(255,255,255,.08);width:100%}.dropdown-menu-list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0}.dropdown-menu-list li button{width:100%;background:transparent;border:none;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#c8c8d0;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-menu-list li button:hover{background:rgba(255,255,255,.06);color:#fff}.dropdown-menu-list li button svg{color:#888890;transition:color .2s ease}.dropdown-menu-list li button:hover svg{color:#fff}.dropdown-menu-list li button.btn-logout{color:#ef4444}.dropdown-menu-list li button.btn-logout svg{color:#ef4444}.dropdown-menu-list li button.btn-logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.settings-tabs-container{display:grid;grid-template-columns:260px 1fr;gap:30px;margin-top:30px;align-items:start}.settings-tabs-sidebar{display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.06);padding-right:20px}.tab-nav-btn{background:transparent;border:none;color:#71717a;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;position:relative}.tab-nav-btn:hover{color:#fff;background:rgba(255,255,255,.03)}.tab-nav-btn.active{color:#fff;background:rgba(59,130,246,.12);border-left:3px solid #3b82f6;border-radius:0 12px 12px 0}.settings-tab-content{display:flex;flex-direction:column;gap:20px;min-width:0}.profile-details-vertical{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:25px;background:rgba(255,255,255,.02);padding:30px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.profile-avatar-large{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006}.profile-avatar-large span{font-size:48px}.profile-info-text-vertical{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-info-text-vertical h4{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}.profile-info-text-vertical .profile-email{font-size:13px;color:#a1a1aa}.avatar-selector-section{background:rgba(255,255,255,.02);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.avatar-selector-section h4{font-size:16px;font-weight:800;margin-bottom:6px;color:#fff;letter-spacing:-.3px}.avatar-selector-section p{font-size:13px;color:#71717a;margin-bottom:24px}.avatar-grid-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:16px}.avatar-preset-btn{position:relative;height:68px;border-radius:14px;border:2.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #0000004d}.avatar-preset-btn:hover{transform:scale(1.1) translateY(-2px);border-color:#fff6}.avatar-preset-btn.selected{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 0 15px #3b82f673}.preset-emoji{font-size:32px}.preset-active-check{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#3b82f6;color:#fff;border-radius:50%;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #000;box-shadow:0 2px 4px #0000004d}.preferences-list{display:flex;flex-direction:column;margin-top:15px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05)}.preference-item:last-child{border-bottom:none}.pref-info{display:flex;flex-direction:column;gap:4px;text-align:left}.pref-info h4{font-size:14px;font-weight:700;color:#fff}.pref-info p{font-size:12px;color:#71717a}.switch-control{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.switch-control input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#27272a;transition:.3s cubic-bezier(.16,1,.3,1);border-radius:34px;border:1px solid rgba(255,255,255,.05)}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#a1a1aa;transition:.3s cubic-bezier(.16,1,.3,1);border-radius:50%}.switch-control input:checked+.slider-round{background-color:#3b82f6;border-color:#3b82f64d}.switch-control input:checked+.slider-round:before{transform:translate(20px);background-color:#fff}.pref-select{background:#18181b;border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 14px;border-radius:10px;font-weight:700;font-size:13px;outline:none;cursor:pointer;transition:border-color .2s}.pref-select:focus{border-color:#3b82f6}.btn-clean-history{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:8px 16px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.btn-clean-history:hover{background:rgba(239,68,68,.2);transform:translateY(-1px)}.animate-fade-in{animation:fadeInPanel .35s cubic-bezier(.16,1,.3,1)}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.premium-membership-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#151518,#0a0a0c);border:1px solid rgba(234,179,8,.3);border-radius:20px;padding:24px;box-shadow:0 12px 30px #0009,inset 0 0 15px #eab3080d,0 0 25px #eab3081a;display:flex;flex-direction:column;height:190px;margin-bottom:25px;text-align:left}.membership-card-glow{position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle,rgba(234,179,8,.09) 0%,transparent 65%);pointer-events:none}.membership-header{display:flex;justify-content:space-between;align-items:center;z-index:2}.membership-brand{font-weight:900;letter-spacing:-.5px;font-size:14px}.brand-x{color:#fff;font-size:18px;font-weight:900}.brand-uper{color:#ddd;font-size:16px;font-weight:200}.brand-tv{background:#eab308;color:#000;padding:1px 4px;border-radius:3px;font-size:8px;font-weight:900;margin-left:4px}.membership-badge{font-size:9px;font-weight:900;color:#eab308;background:rgba(234,179,8,.15);padding:3px 9px;border-radius:6px;border:1px solid rgba(234,179,8,.25);letter-spacing:1px}.membership-body{margin-top:18px;display:flex;flex-direction:column;gap:6px;z-index:2}.membership-plan{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.3px;background:linear-gradient(to right,#fff,#e4e4e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.membership-expiry{display:flex;align-items:center;gap:6px;font-size:12px;color:#a1a1aa}.membership-expiry svg{color:#eab308}.membership-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:14px;z-index:2}.membership-user-name{font-size:12px;font-weight:800;color:#e4e4e7;text-transform:uppercase;letter-spacing:.5px}.membership-days-left{font-size:12px;font-weight:800;color:#eab308;display:flex;align-items:center;gap:4px;text-shadow:0 0 8px rgba(234,179,8,.3)}.premium-upgrade-selector-section{background:rgba(255,255,255,.02);padding:25px;border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-top:20px;text-align:left}.premium-upgrade-selector-section h4{font-size:16px;font-weight:800;margin-bottom:6px;color:#fff}.premium-upgrade-selector-section p{font-size:13px;color:#71717a}.duration-plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.plan-duration-btn{background:#18181b;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;padding:10px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.plan-duration-btn:hover{color:#fff;background:rgba(255,255,255,.04);border-color:#ffffff26}.plan-duration-btn.selected{background:rgba(234,179,8,.15);border-color:#eab308;color:#eab308;box-shadow:0 0 10px #eab30840;transform:translateY(-1px)}.btn-settings-exit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);color:#a1a1aa;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-settings-exit:hover{background:rgba(239,68,68,.08);color:#ef4444;border-color:#ef444433;transform:translateY(-1px)}.btn-settings-exit svg{transition:transform .2s ease}.btn-settings-exit:hover svg{transform:rotate(180deg) translate(2px)!important}.admin-plan-select{background:#18181b;border:1px solid rgba(234,179,8,.2);color:#eab308;padding:6px 10px;border-radius:8px;font-weight:800;font-size:12px;outline:none;cursor:pointer;transition:all .2s ease}.admin-plan-select:focus{border-color:#eab308;box-shadow:0 0 8px #eab30840}.plan-duration-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.plan-duration-badge.admin-vitalicio{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.15)}.plan-duration-badge.text-gray{background:rgba(255,255,255,.05);color:#71717a;border:1px solid rgba(255,255,255,.03)}.player-ad-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,10,12,.95);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ad-box-content{text-align:center;max-width:480px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.ad-badge{background:#3b82f6;color:#fff;font-size:10px;font-weight:900;padding:4px 10px;border-radius:6px;letter-spacing:1px}.ad-vip-promo-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);color:#eab308;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;margin-top:10px}.player-demo-expired-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(9,9,11,.98);display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-expired-content{text-align:center;max-width:450px;padding:40px 30px;background:#18181b;border:1px solid rgba(234,179,8,.25);border-radius:24px;box-shadow:0 15px 35px #0009,0 0 20px #eab3081a;display:flex;flex-direction:column;align-items:center;gap:15px}.demo-benefits-box{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:15px 20px;width:100%}.demo-benefits-box h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:8px;text-align:left}.demo-benefits-box ul{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#a1a1aa}.notice-admin-message{font-size:12px;color:#71717a;margin-bottom:10px}.btn-demo-expired-close{background:linear-gradient(135deg,#eab308,#ca8a04);border:none;color:#000;padding:12px 24px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #eab30833}.btn-demo-expired-close:hover{transform:translateY(-1px);box-shadow:0 6px 16px #eab30859}.alert-icon-pulse{animation:adIconPulse 2s infinite ease-in-out}@keyframes adIconPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 8px rgba(234,179,8,.5))}to{transform:scale(.95);opacity:.8}}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.payment-modal-container{background:#0d0d10;border:1px solid rgba(255,255,255,.08);border-radius:24px;max-width:500px;width:100%;box-shadow:0 25px 50px #000000b3;padding:30px;animation:slideUp .4s cubic-bezier(.16,1,.3,1);color:#fff}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:15px}.payment-modal-brand{font-weight:900;display:flex;align-items:center}.p-brand-x{color:#fff;font-size:20px;font-weight:900}.p-brand-uper{color:#ddd;font-size:18px;font-weight:200}.p-brand-tv{background:#ef4444;color:#fff;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:900;margin-left:4px}.p-brand-vip{color:#eab308;font-size:11px;font-weight:900;border:1px solid #eab308;padding:1px 4px;border-radius:4px;margin-left:6px}.btn-close-payment-modal{background:transparent;border:none;color:#71717a;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.btn-close-payment-modal:hover{color:#fff}.payment-modal-body h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;text-align:left}.step-subtitle{font-size:12px;color:#71717a;margin-bottom:20px;text-align:left}.checkout-plans-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:280px;overflow-y:auto;padding-right:5px}.checkout-plan-card{position:relative;padding:14px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.checkout-plan-card:hover{border-color:#ffffff26;background:rgba(255,255,255,.04)}.checkout-plan-card.active{border-color:#eab308;background:rgba(234,179,8,.06);box-shadow:0 0 12px #eab30826}.popular-ribbon{position:absolute;top:-8px;right:18px;background:#eab308;color:#000;font-size:7.5px;font-weight:900;padding:2px 7px;border-radius:4px;letter-spacing:.5px}.plan-card-info{text-align:left}.plan-card-title-row{display:flex;align-items:center;gap:12px;margin-bottom:3px}.plan-card-label{font-weight:800;font-size:14px;color:#fff}.plan-card-price{color:#eab308;font-weight:900;font-size:14px}.plan-card-desc{font-size:11px;color:#71717a}.plan-card-select-indicator{display:flex;align-items:center}.dot-outer{width:18px;height:18px;border-radius:50%;border:2px solid #3f3f46;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.checkout-plan-card.active .dot-outer{border-color:#eab308}.dot-inner{width:10px;height:10px;border-radius:50%;background:transparent;transition:background-color .2s}.checkout-plan-card.active .dot-inner{background:#eab308}.btn-payment-next{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;background:#fff;color:#000;border:none;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s}.btn-payment-next:hover{background:#e4e4e7;transform:translateY(-1px)}.selected-plan-summary{background:rgba(255,255,255,.02);border-radius:12px;padding:12px 18px;margin-bottom:20px;font-size:13px;color:#a1a1aa;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.04)}.summary-price{color:#eab308;font-weight:800}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.payment-method-btn{background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a1a1aa;cursor:pointer;transition:all .2s}.payment-method-btn svg{color:#71717a}.payment-method-btn:hover{border-color:#ffffff26;color:#fff;background:rgba(255,255,255,.03)}.payment-method-btn:hover svg{color:#fff}.payment-method-btn.selected{border-color:#3b82f6;color:#fff;background:rgba(59,130,246,.08);box-shadow:0 0 12px #3b82f626}.payment-method-btn.selected svg{color:#3b82f6}.paypal-sim-logo{font-style:italic;font-weight:900;color:#0070ba;font-size:16px;letter-spacing:-.5px}.payment-method-btn:hover .paypal-sim-logo{color:#0070ba}.checkout-card-form{display:flex;flex-direction:column;gap:14px;text-align:left}.checkout-card-form h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:4px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:11px;font-weight:700;color:#a1a1aa}.form-group input{background:#141417;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;outline:none}.form-group input:focus{border-color:#3b82f6}.card-input-wrapper{position:relative;display:flex;align-items:center}.input-card-icon{position:absolute;left:14px;color:#52525b}.card-input-wrapper input{padding-left:40px;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-notice{display:flex;align-items:center;gap:6px;font-size:11px;color:#52525b;justify-content:center;margin:5px 0}.btn-payment-action-execute{background:linear-gradient(135deg,#eab308,#ca8a04);border:none;color:#000;padding:12px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;transition:all .2s}.btn-payment-action-execute:hover{transform:translateY(-1px);box-shadow:0 6px 16px #eab3084d}.btn-back-link{background:transparent;border:1px solid rgba(255,255,255,.1);color:#71717a;padding:12px 20px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s}.btn-back-link:hover{color:#fff;border-color:#ffffff4d}.navigation-actions{display:flex;gap:15px;justify-content:space-between;width:100%;margin-top:15px}.checkout-paypal-panel{text-align:center;padding:15px 0}.paypal-btn-simulation-box{margin-top:20px;display:flex;justify-content:center}.paypal-action-btn{background:#ffc439;border:none;padding:14px 24px;border-radius:30px;width:100%;max-width:320px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#003087;font-weight:800;font-size:14px;cursor:pointer;transition:opacity .2s}.paypal-action-btn:hover{opacity:.9}.paypal-logo-icon{font-style:italic;font-weight:900;background:#003087;color:#ffc439;padding:1px 6px;border-radius:4px;font-size:11px;margin-right:4px}.checkout-pagoefectivo-panel{text-align:center;padding:10px 0}.pagoefectivo-generate-view{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px 0}.pagoefectivo-generate-view p{font-size:12px;color:#a1a1aa;line-height:1.5}.btn-pagoefectivo-generate{background:#f58220;color:#000;border:none;padding:12px 24px;border-radius:12px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.btn-pagoefectivo-generate:hover{background:#e07216;transform:translateY(-1px)}.pagoefectivo-code-view{display:flex;flex-direction:column;align-items:center;gap:15px}.pagoefectivo-logo-title{font-size:22px;font-weight:950;color:#f58220;letter-spacing:-.5px}.cip-display-box{background:#141417;border:1.5px dashed #f58220;border-radius:16px;padding:20px;width:100%;text-align:center;display:flex;flex-direction:column;gap:6px}.cip-label{font-size:10px;color:#71717a;font-weight:800;letter-spacing:.5px}.cip-number{font-size:26px;font-weight:900;color:#fff;letter-spacing:1px}.cip-total{font-size:13px;color:#f58220;font-weight:800}.cip-instructions{text-align:left;width:100%;background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px 15px}.cip-instructions h4{font-size:11px;font-weight:800;margin-bottom:6px;color:#fff}.cip-instructions ol{padding-left:15px;font-size:11px;color:#71717a;display:flex;flex-direction:column;gap:4px}.development-sim-box{margin-top:10px;background:rgba(16,185,129,.05);border:1.5px dashed rgba(16,185,129,.25);border-radius:12px;padding:15px;width:100%;text-align:center}.development-sim-box span{font-size:11px;font-weight:900;color:#10b981}.development-sim-box p{font-size:11px;color:#71717a;margin:4px 0 10px}.btn-pagoefectivo-simulate-done{background:#10b981;color:#000;border:none;padding:10px 18px;border-radius:8px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s;width:100%}.btn-pagoefectivo-simulate-done:hover{background:#059669}.btn-payment-success-close{background:#fff;color:#000;border:none;padding:12px 28px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s;width:100%}.btn-payment-success-close:hover{background:#e4e4e7;transform:translateY(-1px)}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background:rgba(16,185,129,.08);border:2px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;margin:0 auto}.live-indicator-container{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.12);padding:6px 12px;border-radius:20px;box-shadow:inset 0 0 8px #ef44440d}.live-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#ff3b30;box-shadow:0 0 8px #ff3b30,0 0 16px #ff3b30;animation:pulse-live-dot 1.6s infinite ease-in-out}.live-indicator-text{color:#ff3b30;font-size:13px;font-weight:900;letter-spacing:.8px;text-shadow:0 0 8px rgba(255,59,48,.35);margin:0;text-transform:uppercase}@keyframes pulse-live-dot{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 4px #ff3b30}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 12px #ff3b30,0 0 20px #ff3b30}to{transform:scale(.85);opacity:.5;box-shadow:0 0 4px #ff3b30}}:root{--bg-color: #0a0a0b;--sidebar-color: #121214;--accent-color: #3b82f6;--text-primary: #ffffff;--text-secondary: #a1a1aa;--card-bg: #1c1c1f;--glass-bg: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}