@layer legacy{.filter-button-date{width:250px}.date-picker-dropdown{z-index:var(--z-dropdown);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:row-reverse;max-width:90vw;max-height:80vh;display:flex;position:absolute;top:100%;left:50%;overflow:auto;transform:translate(-50%)}.date-picker-presets{gap:var(--spacing-xs);flex-direction:column;min-width:130px;display:flex}.preset-button{padding:var(--spacing-sm)var(--spacing-md);background:var(--light-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);text-align:left}.preset-button:hover{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.preset-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--primary-color);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm);text-align:center;background:0 0;border:none}.preset-link:hover{color:var(--primary-dark);text-decoration:none}.filter-chevron{position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (max-width:1200px){.date-picker-dropdown{flex-direction:column;max-width:95vw;left:50%;transform:translate(-50%)}.date-picker-presets{flex-flow:wrap;justify-content:center;min-width:auto}.preset-button{text-align:center;flex:1;min-width:120px}}@media (max-width:768px){.date-picker-dropdown{max-width:366px;padding:var(--spacing-xs)var(--spacing-md)var(--spacing-md)var(--spacing-md);gap:var(--spacing-xs)}.filter-button-date{width:100%;min-width:81dvw}}}