.videoTableClass .ant-table-thead .ant-table-cell{background:hsla(0,0%,100%,.15)!important;color:#fff}.videoTableClass .ant-table-content{background:rgba(0,0,0,.8)!important;color:#fff}.videoTableClass .ant-table-tbody>tr:hover>td{background-color:inherit!important}.videoTableClass .ant-table-wrapper table{border-radius:0!important}.video-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.video-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -15px rgba(239,68,68,.3)}.video-card .video-thumbnail{transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-button{transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.8);opacity:0}.video-card:hover .play-button{transform:scale(1);opacity:1}.video-title{transition:color .2s ease}.video-card:hover .video-title{color:#dc2626}.dark .video-card:hover .video-title{color:#f87171}.video-stats{transition:all .2s ease}.video-card:hover .video-stats{transform:translateY(-2px)}.channel-avatar{transition:all .3s ease}.video-card:hover .channel-avatar{transform:scale(1.1);box-shadow:0 4px 12px rgba(239,68,68,.3)}.duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;backdrop-filter:blur(4px)}.dark .ant-select-dropdown,.dark .ant-select-dropdown-menu,.dark .ant-select-dropdown-menu-item,.dark-mode-video-dropdown{background-color:#27272a!important;color:#e4e4e7!important;border-color:#3f3f46!important}.dark .ant-select-item,.dark-mode-video-dropdown .ant-select-item{color:#e4e4e7!important;background-color:#27272a!important}.dark .ant-select-item-option-active,.dark-mode-video-dropdown .ant-select-item-option-active{background-color:rgba(239,68,68,.1)!important}.dark .ant-select-item-option-selected,.dark-mode-video-dropdown .ant-select-item-option-selected{background-color:rgba(239,68,68,.2)!important;color:#ef4444!important}.sticky-filter-card{position:sticky;top:24px;height:auto;max-height:calc(100vh - 48px);overflow-y:auto;z-index:10;scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.3) transparent}.sticky-filter-card::-webkit-scrollbar{width:6px}.sticky-filter-card::-webkit-scrollbar-track{background:transparent}.sticky-filter-card::-webkit-scrollbar-thumb{background-color:rgba(239,68,68,.3);border-radius:3px}.sticky-filter-card::-webkit-scrollbar-thumb:hover{background-color:rgba(239,68,68,.5)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}@media (max-width:640px){.video-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.video-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.video-search-input{transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8fafc)}.dark .video-search-input{background:linear-gradient(135deg,#18181b,#09090b)}.video-search-input:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1);border-color:#ef4444}.video-filter-input{transition:all .2s ease}.video-filter-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.15)}.video-stats-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(239,68,68,.1);color:#dc2626;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease}.dark .video-stats-badge{background:hsla(0,91%,71%,.1);color:#f87171}.video-stats-badge:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.video-category-tag{display:inline-block;padding:.125rem .5rem;background:#f1f5f9;color:#475569;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease}.dark .video-category-tag{background:#334155;color:#cbd5e1}.video-category-tag:hover{background:rgba(239,68,68,.1);color:#dc2626}.dark .video-category-tag:hover{background:hsla(0,91%,71%,.1);color:#f87171}.video-pagination-button{transition:all .2s ease;position:relative;overflow:hidden}.video-pagination-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease}.video-pagination-button:hover:before{left:100%}.video-pagination-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.15)}.video-empty-state{background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #e2e8f0;border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.dark .video-empty-state{background:linear-gradient(135deg,#18181b,#27272a);border-color:#3f3f46}.video-empty-state:hover{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.05),hsla(0,91%,71%,.05))}@media (max-width:768px){.video-card{margin-bottom:1rem}.video-card:hover{transform:translateY(-4px) scale(1.01)}.sticky-filter-card{position:relative;top:0;max-height:none;margin-bottom:1rem}.video-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}.video-card:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.video-filter-input:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.video-loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(239,68,68,.3);border-top-color:#ef4444;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.video-title{font-size:.875rem;line-height:1.25rem}.video-stats{font-size:.75rem}}.video-gradient-overlay{background:linear-gradient(135deg,rgba(239,68,68,.1),hsla(0,91%,71%,.05) 50%,transparent)}.dark .video-gradient-overlay{background:linear-gradient(135deg,hsla(0,91%,71%,.1),hsla(0,94%,82%,.05) 50%,transparent)}