.list-container{width:100%}.breadcrumb-nav{align-items:center;background:hsla(0,0%,100%,.9);border-radius:12px;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:16px}.breadcrumb-link{color:#6b7280;transition:color .3s}.breadcrumb-link:hover{color:#667eea}.separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:600}.filter-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:32px;padding:24px}.page-title{color:#111827;font-size:28px;font-weight:700;margin-bottom:24px}.filter-wrapper{display:flex;flex-direction:column;gap:16px}.filter-row{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding-bottom:16px}.filter-row:last-child{border-bottom:none;padding-bottom:0}.filter-label{color:#374151;flex-shrink:0;font-size:14px;font-weight:600;width:80px}.filter-items{display:flex;flex:1;flex-wrap:wrap;gap:12px}.filter-item{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;padding:6px 16px;transition:all .3s}.filter-item:hover{background:#e5e7eb;color:#667eea}.filter-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.selected-filters{background:#f9fafb;border-radius:8px;padding:12px 16px}.filter-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .3s}.filter-tag:hover{opacity:.9;transform:translateY(-1px)}.filter-tag .close-icon{flex-shrink:0;height:14px;width:14px}.filter-extend{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-top:16px}.filter-extend.hidden{display:none}.filter-toggle{padding-top:12px;text-align:center}.toggle-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s}.toggle-btn:hover{background:#e5e7eb}.toggle-icon{height:16px;transition:transform .3s;width:16px}.toggle-icon.rotate{transform:rotate(180deg)}.empty-state{color:#fff;padding:80px 20px;text-align:center}.empty-state svg{height:64px;margin:0 auto 16px;opacity:.6;width:64px}.empty-state p{font-size:16px}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.video-grid{gap:20px;grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.video-grid{gap:24px;grid-template-columns:repeat(6,1fr)}}.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;transition:all .3s}.video-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.video-cover{aspect-ratio:2/3;background:#f3f4f6;overflow:hidden;position:relative}.video-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.video-card:hover .video-cover img{transform:scale(1.05)}.video-type{background:rgba(102,126,234,.9);left:8px}.video-badge,.video-type{border-radius:4px;color:#fff;font-size:11px;padding:4px 8px;position:absolute;top:8px}.video-badge{background:rgba(239,68,68,.9);font-weight:600;right:8px}.video-overlay{align-items:center;background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.video-card:hover .video-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:48px;width:48px}.video-info{padding:12px}.video-title{color:#111827;font-size:14px;font-weight:600;-webkit-line-clamp:2;margin-bottom:4px}.video-actor,.video-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.video-actor{color:#6b7280;font-size:12px;-webkit-line-clamp:1}