.date-range-filter{position:relative;margin-bottom:32px;z-index:10}.filter-buttons{gap:12px;flex-wrap:wrap}.filter-btn,.filter-buttons{display:flex;align-items:center}.filter-btn{gap:8px;padding:12px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.8);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(173,30,222,.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(173,30,222,.2)}.filter-btn.active{background:linear-gradient(92deg,#0d58e4,#ad1ede 52%,#ff00db 74%);border-color:transparent;color:white;box-shadow:0 4px 20px rgba(173,30,222,.4)}.filter-btn.active:hover{box-shadow:0 6px 30px rgba(173,30,222,.6)}.filter-icon{font-size:18px}.filter-label{white-space:nowrap}.custom-picker-container{position:absolute;top:calc(100% + 12px);left:0;right:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:slideDown .3s ease;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-picker-content h4{margin:0 0 20px;color:white;font-size:18px;font-weight:600;background:linear-gradient(92deg,#0d58e4,#ad1ede 52%,#ff00db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.date-input-group label{display:block;margin-bottom:8px;color:rgba(255,255,255,.9);font-size:14px;font-weight:600}.date-input-group input[type=date]{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:white;font-size:14px;transition:all .3s ease;box-sizing:border-box}.date-input-group input[type=date]:focus{outline:none;border-color:#ad1ede;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(173,30,222,.2)}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.picker-actions{display:flex;gap:12px;justify-content:flex-end}.btn-apply,.btn-cancel{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:white}.btn-cancel:hover{background:rgba(255,255,255,.1)}.btn-apply{background:linear-gradient(92deg,#0d58e4,#ad1ede 52%,#ff00db 74%);color:white;box-shadow:0 4px 20px rgba(173,30,222,.3);position:relative;overflow:hidden}.btn-apply:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-apply:hover:not(:disabled):before{left:100%}.btn-apply:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(173,30,222,.5)}.btn-apply:disabled{opacity:.5;cursor:not-allowed}.current-range-display{margin-top:16px;padding:12px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:inline-flex;align-items:center;gap:12px}.range-label{color:rgba(255,255,255,.6);font-size:13px;font-weight:500}.range-value{color:white;font-size:14px;font-weight:600;background:linear-gradient(92deg,#0d58e4,#ad1ede 52%,#ff00db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.filter-buttons{flex-direction:column;align-items:stretch}.filter-btn{width:100%;justify-content:center}.custom-picker-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:500px}.date-inputs{grid-template-columns:1fr}.picker-actions{flex-direction:column-reverse}.btn-apply,.btn-cancel{width:100%}}