.channels-hero-section{background:var(--gradient-hero,radial-gradient(ellipse at 50% 0%,#102144 0%,#081022 65%,#050812 100%));color:#ffffff;padding:4.5rem 0 3.5rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,98,255,0.25)}.channels-hero-section::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:100%;max-width:600px;height:450px;background:radial-gradient(circle,rgba(0,98,255,0.28) 0%,rgba(0,98,255,0) 70%);pointer-events:none}.channels-hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,98,255,0.7) 50%,transparent 100%)}.channels-hero-content{position:relative;z-index:1;max-width:860px;margin:0 auto}.channels-main-title{font-size:2.75rem;font-weight:750;line-height:1.15;margin:0 0 1.25rem;color:#ffffff;letter-spacing:-0.02em;text-shadow:0 2px 10px rgba(0,0,0,0.4)}.channels-main-desc{font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,0.9);margin:0 auto 2.25rem;max-width:720px}.channels-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.channels-stat-card{background:rgba(12,20,40,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,98,255,0.3);border-radius:var(--border-radius-lg,10px);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.35);transition:var(--transition-smooth,transform 0.4s cubic-bezier(0.16,1,0.3,1))}.channels-stat-card:hover{transform:translateY(-3px);background:rgba(16,28,56,0.85);border-color:#0062ff;box-shadow:0 10px 30px rgba(0,98,255,0.25)}.stat-number{font-size:1.75rem;font-weight:750;color:#ffffff;line-height:1.2}.stat-label{font-size:0.875rem;font-weight:500;color:rgba(255,255,255,0.85);margin-top:0.25rem}.channels-sync-banner{background:rgba(6,10,20,0.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,98,255,0.35);border-radius:var(--border-radius-lg,10px);padding:1.5rem 2rem;max-width:540px;margin:0 auto;box-shadow:0 12px 35px rgba(0,0,0,0.5),0 0 25px rgba(0,98,255,0.15)}.sync-status-indicator{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.4);padding:0.35rem 0.85rem;border-radius:var(--border-radius-pill,9999px);font-size:0.8125rem;font-weight:600;color:#a7f3d0;margin-bottom:0.85rem}.status-pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulseGreen 1.8s infinite}@keyframes pulseGreen{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.countdown-heading{font-size:0.9375rem;font-weight:600;color:rgba(255,255,255,0.95);margin:0 0 0.5rem}.countdown-timer-box{display:flex;align-items:center;justify-content:center;gap:0.6rem;font-family:'Plus Jakarta Sans',system-ui,sans-serif;margin-bottom:0.6rem}.timer-segment{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,0.25);padding:0.4rem 0.75rem;border-radius:var(--border-radius-md,8px);min-width:60px}.timer-segment strong{font-size:1.5rem;font-weight:750;color:#ffffff;line-height:1}.timer-segment small{font-size:0.6875rem;text-transform:uppercase;color:rgba(255,255,255,0.75);margin-top:0.15rem;letter-spacing:0.05em}.timer-divider{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,0.6)}.sync-frequency-text{font-size:0.8125rem;color:rgba(255,255,255,0.8);margin:0;display:flex;align-items:center;justify-content:center;gap:0.35rem}.channels-search-section{background-color:var(--color-bg-light,#f8fafc);padding:1.75rem 0;border-bottom:1px solid var(--color-border,#e2e8f0)}.search-panel-wrapper{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,10px);padding:1.25rem 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.03)}.search-bar-inner{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.search-input-group{flex:1;position:relative;display:flex;align-items:center}.search-icon-svg{position:absolute;left:1.1rem;color:var(--color-text-muted,#64748b);pointer-events:none}.channel-search-field{width:100%;padding:0.9rem 6.5rem 0.9rem 3rem;font-size:1.05rem;font-family:inherit;color:var(--color-text-main,#0f172a);background-color:#ffffff;border:2px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.channel-search-field:focus{border-color:var(--color-primary,#0062FF);box-shadow:0 0 0 4px rgba(0,98,255,0.12)}.search-shortcut-badge{position:absolute;right:1rem;pointer-events:none}.search-shortcut-badge kbd{background:var(--color-bg-light,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:4px;padding:0.25rem 0.5rem;font-size:0.75rem;font-family:inherit;color:var(--color-text-muted,#64748b)}.btn-clear-search{position:absolute;right:4.5rem;background:transparent;border:none;color:var(--color-text-muted,#64748b);cursor:pointer;padding:0.35rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color 0.2s ease,background-color 0.2s ease}.btn-clear-search:hover{color:var(--color-text-main,#0f172a);background-color:var(--color-bg-light,#f8fafc)}.search-action-tools{display:flex;gap:0.6rem}.btn-action-utility{display:inline-flex;align-items:center;gap:0.45rem;background:var(--color-bg-light,#f8fafc);color:var(--color-text-main,#0f172a);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);padding:0.75rem 1.1rem;font-size:0.875rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all 0.2s ease}.btn-action-utility:hover{background:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary,#0062FF);border-color:var(--color-primary,#0062FF)}.quick-filters-row{display:flex;align-items:center;gap:0.85rem;padding-top:0.85rem;border-top:1px solid var(--color-border,#e2e8f0)}.quick-filters-label{font-size:0.875rem;font-weight:600;color:var(--color-text-main,#0f172a);white-space:nowrap}.quick-chips-scroller{display:flex;align-items:center;gap:0.5rem;overflow-x:auto;padding-bottom:0.25rem;scrollbar-width:thin}.quick-chips-scroller::-webkit-scrollbar{height:4px}.quick-chips-scroller::-webkit-scrollbar-thumb{background-color:var(--color-border,#e2e8f0);border-radius:4px}.quick-chip-btn{background:var(--color-bg-light,#f8fafc);color:var(--color-text-muted,#64748b);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-pill,9999px);padding:0.4rem 0.9rem;font-size:0.8125rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:0.35rem;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.quick-chip-btn:hover{background:#ffffff;color:var(--color-primary,#0062FF);border-color:var(--color-primary,#0062FF)}.quick-chip-btn.active{background:var(--color-primary,#0062FF);color:#ffffff;border-color:var(--color-primary,#0062FF);box-shadow:0 2px 8px rgba(0,98,255,0.25)}.quick-chip-btn.chip-fav{color:#d97706;background:#fffbeb;border-color:#fde68a}.quick-chip-btn.chip-fav.active{background:#d97706;color:#ffffff;border-color:#d97706}.fav-count-badge{background:rgba(0,0,0,0.1);padding:0.1rem 0.45rem;border-radius:9999px;font-size:0.75rem}.quick-chip-btn.chip-reset{color:#ef4444;background:#fef2f2;border-color:#fecaca}.quick-chip-btn.chip-reset:hover{background:#ef4444;color:#ffffff}.channels-main-section{padding:2.5rem 0 4rem;background-color:#ffffff}.channels-layout-grid{display:grid;grid-template-columns:290px 1fr;gap:2rem;align-items:start}.channels-sidebar-col{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}.channels-sidebar-col::-webkit-scrollbar{width:5px}.channels-sidebar-col::-webkit-scrollbar-thumb{background-color:var(--color-border,#e2e8f0);border-radius:4px}.sidebar-card-inner{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,10px);padding:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.sidebar-heading-box{display:flex;align-items:center;gap:0.6rem;padding-bottom:1rem;margin-bottom:0.85rem;border-bottom:2px solid var(--color-border,#e2e8f0)}.sidebar-header-icon{color:var(--color-primary,#0062FF)}.sidebar-heading-text{font-size:1.125rem;font-weight:700;color:var(--color-text-main,#0f172a)}.categories-nav-list{display:flex;flex-direction:column;gap:0.4rem}.category-nav-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-radius:var(--border-radius-md,8px);border-left:4px solid transparent;background:transparent;color:var(--color-text-main,#0f172a);font-size:0.9375rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;font-family:inherit}.category-nav-item:hover{background-color:var(--color-bg-light,#f8fafc);color:var(--color-primary,#0062FF)}.category-nav-item.active{background-color:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary,#0062FF);border-left-color:var(--color-primary,#0062FF);font-weight:600}.cat-item-name{display:flex;align-items:center;gap:0.6rem}.cat-nav-title{font-size:0.9375rem;font-weight:inherit;color:inherit;margin:0;padding:0;line-height:inherit;display:inline;font-family:inherit}.cat-count-pill{font-size:0.75rem;font-weight:600;background:var(--color-border,#e2e8f0);color:var(--color-text-muted,#64748b);padding:0.15rem 0.55rem;border-radius:var(--border-radius-pill,9999px);transition:all 0.2s ease}.category-nav-item.active .cat-count-pill{background:var(--color-primary,#0062FF);color:#ffffff}.category-skeleton-placeholder .skeleton-line{height:40px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-md,8px);margin-bottom:0.5rem}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.channels-content-col{display:flex;flex-direction:column;gap:1.25rem}.content-header-card{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,10px);padding:1.25rem 1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.content-header-card .header-titles-group{margin-bottom:0.85rem}.active-category-headline{font-size:1.5rem;font-weight:750;color:var(--color-text-main,#0f172a);margin:0 0 0.25rem;line-height:1.2}.active-category-subtext{font-size:0.9375rem;color:var(--color-text-muted,#64748b);margin:0}.header-controls-group{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.85rem 0;border-top:1px solid var(--color-border,#e2e8f0);border-bottom:1px solid var(--color-border,#e2e8f0)}.per-page-box{display:flex;align-items:center;gap:0.5rem}.per-page-label{font-size:0.875rem;font-weight:600;color:var(--color-text-main,#0f172a)}.per-page-dropdown{padding:0.4rem 0.75rem;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);background-color:#ffffff;color:var(--color-text-main,#0f172a);font-size:0.875rem;font-weight:600;font-family:inherit;outline:none;cursor:pointer}.per-page-dropdown:focus{border-color:var(--color-primary,#0062FF)}.compact-pagination-nav{display:flex;align-items:center;gap:0.5rem}.btn-pagination-nav{background:var(--color-bg-light,#f8fafc);color:var(--color-text-main,#0f172a);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);padding:0.45rem 0.65rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:0.875rem;font-weight:600;transition:all 0.2s ease}.btn-pagination-nav svg{width:18px;height:18px;fill:currentColor;color:var(--color-text-main,#0f172a);display:block;flex-shrink:0}.btn-pagination-nav:hover:not(:disabled){background:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary,#0062FF);border-color:var(--color-primary,#0062FF)}.btn-pagination-nav:hover:not(:disabled) svg{color:var(--color-primary,#0062FF)}.btn-pagination-nav *{pointer-events:none}.btn-pagination-nav:disabled{opacity:0.4;cursor:not-allowed}.pagination-status-indicator{font-size:0.875rem;font-weight:600;color:var(--color-text-muted,#64748b);padding:0 0.5rem}.header-results-summary-row{display:flex;align-items:center;justify-content:space-between;padding-top:0.85rem;font-size:0.875rem;color:var(--color-text-muted,#64748b)}.results-active-tag{background:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary,#0062FF);font-weight:600;padding:0.2rem 0.6rem;border-radius:var(--border-radius-pill,9999px);font-size:0.8125rem}.channels-table-card{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,10px);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.channels-listing-body{display:flex;flex-direction:column}.channel-row-item{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--color-border,#e2e8f0);transition:background-color 0.2s ease;content-visibility:auto;contain-intrinsic-size:0 65px}.channel-row-item[hidden],.channel-row-item[style*="display:none"],.channel-row-item[style*="display:none"],.channel-row-item.is-hidden{display:none !important}.channel-row-item:last-child{border-bottom:none}.channel-row-item:hover{background-color:var(--color-bg-light,#f8fafc)}.channel-primary-info{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:0}.channel-identity-group{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.channel-num-badge{background:var(--gradient-brand);color:#ffffff;font-size:1.05rem;font-weight:750;min-width:58px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md,8px);box-shadow:0 2px 8px rgba(0,98,255,0.25);flex-shrink:0}.channel-num-badge.badge-amber{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px rgba(245,158,11,0.25)}.channel-num-badge.badge-purple{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 2px 8px rgba(139,92,246,0.25)}.channel-num-badge.badge-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px rgba(16,185,129,0.25)}.channel-num-badge.badge-red{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);box-shadow:0 2px 8px rgba(239,68,68,0.25)}.channel-meta-box{flex:1;min-width:0}.channel-name-title{font-size:1.125rem;font-weight:700;color:var(--color-text-main,#0f172a);margin:0 0 0.25rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-name-title mark{background-color:#fef08a;color:#854d0e;padding:0.1rem 0.25rem;border-radius:3px;font-weight:700}.channel-sub-details{display:flex;align-items:center;gap:0.85rem;font-size:0.8125rem;color:var(--color-text-muted,#64748b)}.channel-category-tag{display:inline-flex;align-items:center;gap:0.35rem;font-weight:500}.channel-quality-badge{background:var(--color-bg-light,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:4px;padding:0.1rem 0.4rem;font-size:0.6875rem;font-weight:700;color:var(--color-primary,#0062FF);text-transform:uppercase}.channel-row-actions{display:flex;align-items:center;gap:0.6rem;flex-shrink:0;margin-left:1rem}.btn-channel-fav{background:transparent;border:1px solid transparent;color:var(--color-text-muted,#64748b);border-radius:var(--border-radius-md,8px);padding:0.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.btn-channel-fav:hover{color:#f59e0b;background-color:#fffbeb;border-color:#fde68a;transform:scale(1.1)}.btn-channel-fav.is-favorite{color:#f59e0b;background-color:#fffbeb;border-color:#fde68a}.btn-channel-details{display:inline-flex;align-items:center;gap:0.35rem;background:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary,#0062FF);border:1px solid transparent;border-radius:var(--border-radius-md,8px);padding:0.45rem 0.85rem;font-size:0.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.2s ease}.btn-channel-details:hover{background:var(--color-primary,#0062FF);color:#ffffff}.channel-row-skeleton{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border,#e2e8f0)}.sk-num{width:58px;height:42px;background:#f1f5f9;border-radius:var(--border-radius-md,8px);animation:shimmer 1.5s infinite}.sk-info{flex:1;margin:0 1.25rem}.sk-title{height:18px;width:45%;background:#f1f5f9;border-radius:4px;margin-bottom:0.4rem;animation:shimmer 1.5s infinite}.sk-sub{height:14px;width:25%;background:#f1f5f9;border-radius:4px;animation:shimmer 1.5s infinite}.sk-badge{width:80px;height:32px;background:#f1f5f9;border-radius:var(--border-radius-md,8px);animation:shimmer 1.5s infinite}.channels-empty-card{padding:4.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{color:var(--color-border,#cbd5e1);margin-bottom:1.25rem}.empty-state-title{font-size:1.35rem;font-weight:750;color:var(--color-text-main,#0f172a);margin:0 0 0.5rem}.empty-state-text{font-size:0.9375rem;color:var(--color-text-muted,#64748b);max-width:450px;margin:0 0 1.5rem}.btn-empty-action{display:inline-flex;align-items:center;gap:0.45rem;padding:0.65rem 1.25rem}.pagination-footer-card{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-lg,10px);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px rgba(0,0,0,0.02)}.pagination-footer-left{display:flex;align-items:center;gap:1.25rem}.results-footer-summary{font-size:0.875rem;color:var(--color-text-muted,#64748b);font-weight:500}.btn-scroll-top{background:transparent;border:none;color:var(--color-primary,#0062FF);font-size:0.875rem;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:0.35rem;cursor:pointer;padding:0.25rem 0.5rem;border-radius:4px;transition:all 0.2s ease}.btn-scroll-top:hover{background:var(--color-primary-pastel,#eaf2ff)}.pagination-footer-nav{display:flex;align-items:center;gap:0.45rem}.pagination-footer-indicator{font-size:0.875rem;font-weight:600;color:var(--color-text-main,#0f172a);padding:0 0.5rem}.channels-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn 0.25s ease-out}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.channels-modal-box{background:#ffffff;border-radius:var(--border-radius-lg,12px);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,0.25);overflow:hidden;position:relative;transform:scale(0.95);animation:modalZoomIn 0.25s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes modalZoomIn{to{transform:scale(1)}}.modal-header-bar{background:var(--gradient-brand);color:#ffffff;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:0.75rem}.modal-title-wrap{display:flex;align-items:center;gap:0.6rem;flex:1;min-width:0}.modal-channel-num{background:rgba(255,255,255,0.25);font-size:0.875rem;font-weight:750;padding:0.25rem 0.55rem;border-radius:var(--border-radius-md,6px);flex-shrink:0}.modal-channel-title{font-size:1.15rem;font-weight:750;margin:0;color:#ffffff;line-height:1.3;word-break:break-word}.btn-modal-close{background:rgba(255,255,255,0.2);border:none;color:#ffffff;cursor:pointer;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color 0.2s ease}.btn-modal-close:hover{background:rgba(255,255,255,0.35)}.modal-content-body{padding:1.25rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.85rem;margin-bottom:1.25rem}.modal-spec-item{background:var(--color-bg-light,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);padding:0.85rem 1rem;display:flex;flex-direction:column}.modal-spec-item.full-width{grid-column:1 / -1}.spec-label{font-size:0.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted,#64748b);letter-spacing:0.04em;margin-bottom:0.25rem}.spec-value{font-size:0.9375rem;font-weight:700;color:var(--color-text-main,#0f172a)}.spec-value.highlight-res{color:var(--color-primary,#0062FF)}.badge-epg-active,.badge-global-access{color:#059669;display:inline-flex;align-items:center;gap:0.35rem}.badge-epg-active::before,.badge-global-access::before{content:'';width:8px;height:8px;background-color:#10b981;border-radius:50%}.spec-value-chips{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.35rem}.compat-chip{background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-pill,9999px);padding:0.2rem 0.6rem;font-size:0.75rem;font-weight:600;color:var(--color-text-main,#0f172a)}.compat-chip.highlight-chip{background:var(--color-primary-pastel,#eaf2ff);border-color:var(--color-primary,#0062FF);color:var(--color-primary,#0062FF);font-weight:700}.modal-footer-actions{display:flex;justify-content:flex-end;gap:0.75rem;border-top:1px solid var(--color-border,#e2e8f0);padding:1rem 1.25rem;background:#ffffff;flex-shrink:0}.channels-toast-notification{position:fixed;bottom:2rem;right:2rem;background:#0f172a;color:#ffffff;padding:0.85rem 1.5rem;border-radius:var(--border-radius-md,8px);box-shadow:0 10px 25px rgba(0,0,0,0.25);font-size:0.875rem;font-weight:600;z-index:10000;animation:toastSlideUp 0.3s cubic-bezier(0.16,1,0.3,1);display:flex;align-items:center;gap:0.5rem}@keyframes toastSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:1023px){body,.site-content,.channels-page{overflow-x:hidden !important;width:100% !important;max-width:100vw !important}.channels-layout-grid{display:flex !important;flex-direction:column !important;width:100% !important;max-width:100% !important;min-width:0 !important;gap:1.25rem !important}.channels-sidebar-col{width:100% !important;max-width:100% !important;min-width:0 !important;position:static !important;max-height:none !important;overflow-y:visible !important;display:block !important;margin-bottom:0.5rem !important}.sidebar-card-inner{padding:0.75rem 1rem !important;background:#ffffff !important;border:1px solid var(--color-border,#e2e8f0) !important;border-radius:var(--border-radius-lg,10px) !important}.sidebar-heading-box{display:flex !important;align-items:center !important;gap:0.5rem !important;padding-bottom:0.5rem !important;margin-bottom:0.5rem !important;border-bottom:1px solid var(--color-border,#e2e8f0) !important}.sidebar-heading-text{font-size:0.95rem !important;font-weight:700 !important}.categories-nav-list{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;gap:0.5rem !important;padding:0.25rem 0.25rem 0.5rem !important;scrollbar-width:none !important;width:100% !important}.categories-nav-list::-webkit-scrollbar{display:none !important}.category-nav-item{flex:0 0 auto !important;width:auto !important;display:inline-flex !important;align-items:center !important;gap:0.45rem !important;padding:0.45rem 0.85rem !important;background:var(--color-bg-light,#f8fafc) !important;border:1px solid var(--color-border,#e2e8f0) !important;border-radius:var(--border-radius-pill,9999px) !important;white-space:nowrap !important;font-size:0.85rem !important;font-weight:600 !important;color:var(--color-text-main,#0f172a) !important;transition:all 0.2s ease !important;text-decoration:none !important}.category-nav-item:hover{background:#ffffff !important;border-color:var(--color-primary,#0062FF) !important;color:var(--color-primary,#0062FF) !important}.category-nav-item.active{background:var(--color-primary,#0062FF) !important;border-color:var(--color-primary,#0062FF) !important;color:#ffffff !important;box-shadow:0 3px 10px rgba(0,98,255,0.25) !important}.category-nav-item .cat-item-name{display:inline-flex !important;align-items:center !important;gap:0.35rem !important}.category-nav-item .cat-nav-title{font-size:0.85rem !important;font-weight:600 !important;color:inherit !important}.category-nav-item .cat-count-pill{font-size:0.725rem !important;padding:0.1rem 0.45rem !important;background:rgba(0,0,0,0.07) !important;color:inherit !important;border-radius:9999px !important}.category-nav-item.active .cat-count-pill{background:rgba(255,255,255,0.25) !important;color:#ffffff !important}.channels-content-col{width:100% !important;max-width:100% !important;min-width:0 !important}}@media (max-width:767px){.channels-hero-section{overflow:hidden;width:100%;max-width:100%;padding:3rem 0 2.5rem}.channels-main-title{font-size:1.85rem}.channels-main-desc{font-size:0.95rem;margin-bottom:1.5rem}.channels-stats-grid{grid-template-columns:1fr;gap:0.6rem}.channels-stat-card{padding:0.85rem}.channels-sync-banner{padding:1.15rem 0.85rem;width:100%;max-width:100%}.countdown-timer-box{gap:0.35rem}.timer-segment{min-width:48px;padding:0.35rem 0.45rem}.timer-segment strong{font-size:1.25rem}.timer-segment small{font-size:0.625rem}.timer-divider{font-size:1.25rem}.sync-frequency-text{font-size:0.75rem;flex-wrap:wrap;text-align:center}.channels-search-section{display:none !important}.channels-main-section{padding:1.5rem 0 3rem}.search-panel-wrapper{padding:1rem 0.75rem;width:100%;max-width:100%}.search-bar-inner{flex-direction:column;align-items:stretch;gap:0.75rem;width:100%}.search-input-group{width:100%;min-width:0}.channel-search-field{width:100%;padding:0.75rem 2.5rem 0.75rem 2.6rem;font-size:0.9375rem}.search-shortcut-badge{display:none}.btn-clear-search{right:0.75rem}.search-action-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:0.4rem;width:100%}.btn-action-utility{padding:0.6rem 0.35rem;font-size:0.75rem;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:0.25rem}.btn-action-utility svg{width:14px;height:14px;flex-shrink:0}.quick-filters-row{flex-direction:column;align-items:flex-start;gap:0.5rem;width:100%}.quick-chips-scroller{width:100%;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}.header-controls-group{flex-direction:column;align-items:stretch}.compact-pagination-nav{justify-content:space-between}.channel-row-item{display:flex;flex-direction:column;padding:1.25rem 1.15rem;gap:0.95rem;border-bottom:1px solid var(--color-border,#e2e8f0);width:100%;box-sizing:border-box}.channel-row-item[hidden],.channel-row-item[style*="display:none"],.channel-row-item[style*="display:none"],.channel-row-item.is-hidden{display:none !important}.channel-primary-info{display:flex !important;align-items:stretch !important;width:100% !important;min-width:0 !important;gap:0 !important}.channel-identity-group{display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:0.45rem !important;width:30% !important;flex:0 0 30% !important;max-width:30% !important;min-width:unset !important;min-height:76px !important;margin-right:7% !important;box-sizing:border-box !important;flex-shrink:0 !important}.channel-num-badge{width:100% !important;min-width:unset !important;flex:1 !important;min-height:34px !important;max-height:36px !important;height:auto !important;font-size:0.9rem !important;font-weight:750 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:6px !important;box-shadow:0 2px 6px rgba(0,98,255,0.18) !important;flex-shrink:0 !important}.channel-logo-wrap{width:100% !important;flex:1 !important;min-height:34px !important;max-height:36px !important;height:auto !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:2px 6px !important;border-radius:6px !important;background:#ffffff !important;border:1px solid var(--color-border,#e2e8f0) !important;box-shadow:0 1px 3px rgba(0,0,0,0.04) !important;flex-shrink:0 !important}.channel-brand-logo{max-width:100% !important;max-height:100% !important;object-fit:contain !important}.channel-meta-box{width:63% !important;flex:0 0 63% !important;max-width:63% !important;min-width:unset !important;min-height:76px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:0.35rem !important;box-sizing:border-box !important}.channel-name-title{font-size:1.05rem !important;font-weight:750 !important;line-height:1.3 !important;color:var(--color-text-main,#0f172a) !important;white-space:normal !important;word-break:break-word !important;margin:0 !important}.channel-sub-details{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:0.35rem !important;font-size:0.8125rem !important;color:var(--color-text-muted,#64748b) !important;margin-top:0.1rem !important}.channel-category-tag{display:inline-flex !important;align-items:center !important;gap:0.35rem !important;font-size:0.8125rem !important;font-weight:500 !important}.channel-quality-badge{display:inline-block !important;background:var(--color-primary-pastel,#eaf2ff) !important;border:1px solid rgba(0,98,255,0.2) !important;border-radius:4px !important;padding:0.12rem 0.5rem !important;font-size:0.6875rem !important;font-weight:700 !important;color:var(--color-primary,#0062FF) !important;text-transform:uppercase !important}.channel-row-actions{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;margin-left:0 !important;padding-top:0.65rem !important;border-top:1px dashed rgba(226,232,240,0.8) !important}.btn-channel-details{order:1 !important;padding:0.45rem 1.1rem !important;font-size:0.825rem !important;font-weight:600 !important;border-radius:8px !important}.btn-channel-fav{order:2 !important;padding:0.45rem !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important}.pagination-footer-card{display:flex !important;flex-direction:column !important;gap:0.85rem !important;padding:1rem 0.85rem !important;width:100% !important;box-sizing:border-box !important}.pagination-footer-left{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;gap:0.5rem !important}.results-footer-summary{font-size:0.8125rem !important;font-weight:600 !important;color:var(--color-text-muted,#64748b) !important;white-space:nowrap !important}.btn-scroll-top{font-size:0.8125rem !important;font-weight:600 !important;white-space:nowrap !important;padding:0.25rem 0.45rem !important;flex-shrink:0 !important}.pagination-footer-nav{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;gap:0.35rem !important;flex-wrap:nowrap !important}.pagination-footer-nav .nav-btn-text{display:none !important}.pagination-footer-nav .btn-pagination-nav{width:36px !important;height:36px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;flex-shrink:0 !important}.pagination-footer-indicator{font-size:0.875rem !important;font-weight:700 !important;color:var(--color-text-main,#0f172a) !important;white-space:nowrap !important;padding:0 0.5rem !important;text-align:center !important}.channels-modal-backdrop{padding:0.75rem !important}.channels-modal-box{max-height:84vh !important;border-radius:12px !important}.modal-specs-grid{grid-template-columns:1fr !important;gap:0.65rem !important}.modal-header-bar{padding:0.85rem 1rem !important}.modal-channel-title{font-size:1rem !important}.modal-content-body{padding:1rem !important}.modal-footer-actions{padding:0.85rem 1rem !important}}@media (max-width:480px){.search-action-tools{grid-template-columns:1fr 1fr}.btn-action-pdf-highlight{grid-column:1 / -1}.channels-main-title{font-size:1.65rem}}.hero-pdf-cta-wrap{margin-bottom:2rem}.btn-hero-pdf{display:inline-flex;align-items:center;gap:0.6rem;background:#ffffff;color:var(--color-primary,#0062FF);font-size:1.05rem;font-weight:700;padding:0.85rem 1.75rem;border-radius:var(--border-radius-pill,9999px);box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-decoration:none}.btn-hero-pdf:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2);background:var(--color-primary-pastel,#eaf2ff);color:var(--color-primary-hover,#0048d9)}.btn-action-pdf-highlight{background:#fef2f2 !important;color:#dc2626 !important;border-color:#fecaca !important}.btn-action-pdf-highlight:hover{background:#dc2626 !important;color:#ffffff !important;border-color:#dc2626 !important}.channels-pdf-hub-section{padding:3.5rem 0;background-color:var(--color-dark-bg,#060a14);border-top:1px solid var(--color-dark-border,#162344)}.pdf-showcase-card{background:radial-gradient(ellipse at 80% 20%,#102144 0%,#081022 60%,#050812 100%);color:#ffffff;border:1px solid rgba(0,98,255,0.35);border-radius:var(--border-radius-lg,10px);padding:2.5rem;box-shadow:0 15px 40px rgba(0,0,0,0.4),0 0 30px rgba(0,98,255,0.12)}.pdf-showcase-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center}.pdf-badge-tag{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(220,38,38,0.2);color:#f87171;border:1px solid rgba(220,38,38,0.4);padding:0.25rem 0.75rem;border-radius:var(--border-radius-pill,9999px);font-size:0.8125rem;font-weight:700;margin-bottom:0.85rem}.pdf-showcase-title{font-size:1.75rem;font-weight:750;color:#ffffff;margin:0 0 0.85rem;line-height:1.25}.pdf-showcase-desc{font-size:1rem;line-height:1.6;color:rgba(255,255,255,0.85);margin:0 0 1.25rem}.pdf-features-list{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:0.75rem}.pdf-features-list li{display:flex;align-items:flex-start;gap:0.85rem;font-size:0.9375rem;color:rgba(255,255,255,0.95);line-height:1.5}.pdf-features-list li svg{color:#10b981;background:rgba(16,185,129,0.22);border:1.5px solid #10b981;border-radius:50%;padding:3px;width:22px;height:22px;min-width:22px;min-height:22px;flex-shrink:0;margin-top:0.1rem;box-shadow:0 0 12px rgba(16,185,129,0.45)}.btn-download-pdf-large{display:inline-flex;align-items:center;gap:0.6rem;padding:0.9rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none}.pdf-document-preview-box{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#ffffff;border-radius:var(--border-radius-lg,10px);padding:2rem 1.5rem;text-align:center;box-shadow:0 15px 35px rgba(15,23,42,0.2);border:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden}.pdf-preview-header{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:700;letter-spacing:0.08em;color:rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:0.75rem;margin-bottom:1.5rem}.pdf-big-icon{color:#EB5757;margin:0 auto 0.85rem;display:block;width:64px;height:64px;filter:drop-shadow(0 6px 16px rgba(235,87,87,0.55))}.pdf-preview-filename{font-size:1.05rem;font-weight:700;color:#ffffff;margin:0 0 0.4rem;word-break:break-all}.pdf-preview-meta{font-size:0.8125rem;color:var(--color-dark-text-muted,#94a3b8);display:block;margin-bottom:1.25rem}.pdf-status-badge{display:inline-block;background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.4);color:#a7f3d0;font-size:0.75rem;font-weight:600;padding:0.3rem 0.8rem;border-radius:var(--border-radius-pill,9999px)}.channels-faq-section{padding:4rem 0;background-color:#ffffff;border-top:1px solid var(--color-border,#e2e8f0)}.faq-header-box{text-align:center;max-width:700px;margin:0 auto 2.5rem}.faq-section-subtitle{font-size:0.875rem;font-weight:700;text-transform:uppercase;color:var(--color-primary,#0062FF);letter-spacing:0.08em;margin:0 0 0.5rem}.faq-section-title{font-size:1.875rem;font-weight:750;color:var(--color-text-main,#0f172a);margin:0;line-height:1.3}.faq-accordion-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-bg-light,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-md,8px);overflow:hidden;transition:all 0.2s ease}.faq-item[open]{background:#ffffff;border-color:var(--color-primary,#0062FF);box-shadow:0 4px 15px rgba(0,98,255,0.06)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;list-style:none;user-select:none;gap:1rem}.faq-question-title{font-size:1.05rem;font-weight:700;color:var(--color-text-main,#0f172a);margin:0;line-height:1.4;flex:1}.faq-item[open] .faq-question-title{color:var(--color-primary,#0062FF)}.faq-question::-webkit-details-marker{display:none}.faq-chevron{color:var(--color-text-muted,#64748b);transition:transform 0.25s ease;flex-shrink:0}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--color-primary,#0062FF)}.faq-answer{padding:0 1.5rem 1.25rem;font-size:0.9375rem;line-height:1.6;color:var(--color-text-muted,#64748b)}.faq-answer p{margin:0}@media (max-width:767px){.pdf-showcase-grid{grid-template-columns:1fr}.pdf-showcase-title{font-size:1.4rem}.faq-section-title{font-size:1.5rem}}.channel-logo-wrap{width:68px;height:38px;border-radius:var(--border-radius-md,8px);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-border,#e2e8f0);background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden;padding:3px 5px;transition:transform 0.2s ease,box-shadow 0.2s ease}.channel-row-item:hover .channel-logo-wrap{transform:scale(1.06);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.channel-brand-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.channels-floating-search-wrap{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:9999;animation:floatingSlideIn 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes floatingSlideIn{from{opacity:0;transform:translate(-50%,20px) scale(0.95)}to{opacity:1;transform:translate(-50%,0) scale(1)}}.floating-search-pill{display:flex;align-items:center;background:#ffffff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--border-radius-pill,9999px);padding:0.35rem 0.65rem 0.35rem 0.35rem;box-shadow:0 12px 35px rgba(0,0,0,0.18),0 3px 10px rgba(0,98,255,0.25);gap:0.5rem;transition:all 0.25s ease}.floating-search-pill:focus-within{border-color:var(--color-primary,#0062FF);box-shadow:0 14px 40px rgba(0,98,255,0.28),0 0 0 3px rgba(0,98,255,0.15)}.btn-floating-search-trigger{background:var(--gradient-brand);color:#ffffff;border:none;border-radius:var(--border-radius-pill,9999px);padding:0.55rem 1rem;display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(0,98,255,0.3);transition:transform 0.2s ease,filter 0.2s ease;white-space:nowrap}.btn-floating-search-trigger:hover{transform:scale(1.02);filter:brightness(1.05)}.floating-btn-icon{position:static !important;width:18px;height:18px;flex-shrink:0;color:#ffffff;display:block}.floating-kbd{background:rgba(255,255,255,0.2);color:#ffffff;padding:0.1rem 0.35rem;border-radius:4px;font-size:0.75rem;font-family:inherit;font-weight:600;border:1px solid rgba(255,255,255,0.3)}.floating-input-wrap{position:relative;display:flex;align-items:center}.floating-search-field{border:none;background:transparent;padding:0.4rem 1.75rem 0.4rem 0.5rem;font-size:0.875rem;color:var(--color-text-main,#0f172a);font-family:inherit;width:240px;outline:none;transition:width 0.25s ease}.floating-search-field:focus{width:300px}.btn-floating-clear{position:absolute;right:0.25rem;background:var(--color-border,#e2e8f0);border:none;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted,#64748b);cursor:pointer}.btn-floating-clear:hover{background:#cbd5e1;color:var(--color-text-main,#0f172a)}@media (max-width:767px){.channels-floating-search-wrap{left:0.75rem;right:0.75rem;bottom:1rem;transform:none;max-width:calc(100vw - 1.5rem);width:auto;box-sizing:border-box}.floating-search-pill{width:100%;max-width:100%;gap:0.35rem;padding:0.25rem 0.5rem 0.25rem 0.25rem;box-sizing:border-box}.btn-floating-search-trigger{padding:0.45rem 0.75rem;font-size:0.775rem;gap:0.35rem}.floating-btn-icon{width:15px;height:15px}.floating-input-wrap{flex:1;min-width:0}.floating-search-field{width:100% !important;min-width:0;font-size:16px !important;padding:0.35rem 1.5rem 0.35rem 0.35rem;-webkit-appearance:none;box-sizing:border-box}.floating-search-field:focus{width:100% !important}.floating-kbd{display:none}}