.date-filter{width:200px;font-size:16px;position:relative}.date-filter .input{color:#5f5f5f;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:row;align-items:center;gap:12px;padding:6px 10px;display:flex}.date-filter .input .chevron{width:16px;margin-inline-start:auto}.date-filter .dropdown{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;display:flex;position:absolute;top:110%}.date-filter .column{text-align:center;scrollbar-width:none;flex:1;max-height:180px;overflow-y:auto}.date-filter .item{color:#aaa;cursor:pointer;padding:8px}.date-filter .item:hover{background:#f5f5f5}.date-filter .item.active{color:#000;font-weight:600}@media (max-width:1100px){.date-filter{width:150px;font-size:14px}.chevron{width:14px}}@media (max-width:768px){.date-filter{width:100%;max-width:200px;font-size:12px}.chevron{width:12px}}