.msls-date-filter{--msls-accent:#e50914;--msls-card:#20232b;--msls-text:#f5f5f7;--msls-muted:#a8acb8;color:var(--msls-text);margin:24px 0;font-family:inherit}
.msls-date-filter *{box-sizing:border-box}.msls-df-heading{margin-bottom:18px}.msls-df-heading h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0 0 6px;color:inherit}.msls-df-heading p{margin:0;color:var(--msls-muted);font-size:14px}
.msls-df-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 22px}.msls-df-tab{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 8px;border:1px solid rgba(140,150,170,.22);border-radius:10px;background:var(--msls-card);color:var(--msls-text)!important;text-decoration:none!important;font-weight:700;font-size:14px}.msls-df-tab:hover{border-color:var(--msls-accent)}.msls-df-tab.is-active{background:var(--msls-accent);border-color:var(--msls-accent);color:#fff!important}
.msls-df-subtitle{font-size:16px;font-weight:700;margin:0 0 14px}.msls-df-subtitle span{font-size:12px;font-weight:400;color:var(--msls-muted)}
.msls-df-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.msls-df-card{min-width:0;overflow:hidden;background:var(--msls-card);border:1px solid rgba(140,150,170,.13);border-radius:12px}.msls-df-thumb{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#101217}.msls-df-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.msls-df-card:hover .msls-df-thumb img{transform:scale(1.04)}.msls-df-no-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#9298a6;font-size:13px}
.msls-df-date{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:5px;background:rgba(0,0,0,.82);color:#fff;font-size:10px;font-weight:700}.msls-df-card-content{padding:11px}.msls-df-type{display:inline-block;margin-bottom:5px;color:#ff6972;font-size:10px;font-weight:700;text-transform:uppercase}.msls-df-card-content h3{font-size:14px;line-height:1.4;margin:0 0 6px}.msls-df-card-content h3 a{color:inherit!important;text-decoration:none!important}.msls-df-card-content h3 a:hover{color:var(--msls-accent)!important}.msls-df-card-content p{font-size:11px;line-height:1.5;color:var(--msls-muted);margin:0}
.msls-df-pagination{margin:24px 0 8px}.msls-df-pagination ul{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.msls-df-pagination li{margin:0;padding:0}.msls-df-pagination a,.msls-df-pagination span{display:flex;min-width:36px;height:36px;align-items:center;justify-content:center;padding:0 10px;border-radius:7px;background:var(--msls-card);color:var(--msls-text)!important;text-decoration:none!important}.msls-df-pagination .current{background:var(--msls-accent);color:#fff!important}
.msls-df-empty{display:flex;flex-direction:column;gap:5px;padding:28px 18px;text-align:center;border:1px dashed rgba(140,150,170,.35);border-radius:10px;color:var(--msls-muted)}.msls-df-empty strong{color:var(--msls-text)}
@media(max-width:900px){.msls-df-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}}@media(max-width:600px){.msls-df-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.msls-df-tab{min-height:46px;font-size:13px}.msls-df-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.msls-df-card-content{padding:9px}.msls-df-card-content h3{font-size:12px}}