.range-filter{position:relative;width:100%}.range-filter__trigger{width:100%;padding:.75rem 1rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-family:inherit;text-align:left;transition:all .2s ease;min-height:48px}.range-filter__trigger:hover{border-color:#007aff;box-shadow:0 2px 8px rgba(0,122,255,.1)}.range-filter__trigger.open,.range-filter__trigger:focus{border-color:#007aff;outline:none;box-shadow:0 0 0 2px rgba(0,122,255,.1)}.range-filter__trigger.has-value{border-color:#007aff;background:rgba(0,122,255,.03)}.range-filter__trigger.has-value .range-filter__value span{color:#007aff;font-weight:500}.range-filter__value{flex:1;min-width:0}.range-filter__value span{color:#333;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-filter__arrow{color:#666;transition:transform .2s ease;flex-shrink:0}.range-filter__arrow.open{transform:rotate(180deg)}.range-filter__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid #d0d0d0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-top:4px;padding:1.25rem;min-width:280px}.range-filter__header{margin-bottom:1rem}.range-filter__label{font-weight:600;color:#333;font-size:.95rem}.range-filter__inputs{display:flex;gap:.75rem;margin-bottom:1.25rem}.range-filter__input-group{flex:1}.range-filter__input-group label{display:block;font-size:.8rem;color:#666;margin-bottom:.25rem;font-weight:500}.range-filter__input-group input{width:100%;padding:.5rem .75rem;border:1px solid #d0d0d0;border-radius:4px;font-size:.9rem;background:#fff;color:#333}.range-filter__input-group input:focus{border-color:#007aff;outline:none;box-shadow:0 0 0 2px rgba(0,122,255,.1)}.range-filter__input-group input::placeholder{color:#999}.range-filter__slider{position:relative;margin-bottom:1rem;height:20px}.range-filter__track{position:absolute;top:50%;left:0;right:0;height:4px;background:#e0e0e0;border-radius:2px;transform:translateY(-50%)}.range-filter__range{position:absolute;top:0;height:100%;background:#007aff;border-radius:2px}.range-filter__thumb{position:absolute;top:0;width:100%;height:20px;background:rgba(0,0,0,0);appearance:none;cursor:pointer;pointer-events:none}.range-filter__thumb::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#007aff;border-radius:50%;cursor:pointer;pointer-events:all;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease}.range-filter__thumb::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,122,255,.3)}.range-filter__thumb::-moz-range-thumb{width:20px;height:20px;background:#007aff;border-radius:50%;cursor:pointer;pointer-events:all;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.range-filter__thumb--to{pointer-events:none}.range-filter__thumb--to::-webkit-slider-thumb{pointer-events:all}.range-filter__actions{display:flex;justify-content:flex-end}.range-filter__reset{padding:.5rem 1rem;background:none;border:1px solid #d0d0d0;border-radius:4px;color:#666;font-size:.85rem;cursor:pointer;transition:all .2s ease}.range-filter__reset:hover{border-color:#007aff;color:#007aff}@media(max-width:768px){.range-filter__inputs{gap:1rem}}[data-theme=dark] .range-filter__trigger{background:#2d3748;border-color:#4a5568}[data-theme=dark] .range-filter__trigger:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.15)}[data-theme=dark] .range-filter__trigger.open,[data-theme=dark] .range-filter__trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}[data-theme=dark] .range-filter__trigger.has-value{border-color:#3b82f6;background:rgba(59,130,246,.1)}[data-theme=dark] .range-filter__trigger.has-value .range-filter__value span{color:#60a5fa;font-weight:500}[data-theme=dark] .range-filter__value span{color:#f7fafc}[data-theme=dark] .range-filter__arrow{color:#a0aec0}[data-theme=dark] .range-filter__dropdown{background:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .range-filter__label{color:#f7fafc}[data-theme=dark] .range-filter__input-group label{color:#a0aec0}[data-theme=dark] .range-filter__input-group input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .range-filter__input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}[data-theme=dark] .range-filter__input-group input::placeholder{color:#718096}[data-theme=dark] .range-filter__track{background:#4a5568}[data-theme=dark] .range-filter__range{background:#3b82f6}[data-theme=dark] .range-filter__thumb::-webkit-slider-thumb{background:#3b82f6;border-color:#2d3748;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .range-filter__thumb::-webkit-slider-thumb:hover{box-shadow:0 4px 12px rgba(59,130,246,.4)}[data-theme=dark] .range-filter__thumb::-moz-range-thumb{background:#3b82f6;border-color:#2d3748;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .range-filter__reset{background:rgba(0,0,0,0);border-color:#4a5568;color:#a0aec0}[data-theme=dark] .range-filter__reset:hover{border-color:#3b82f6;color:#60a5fa;background:rgba(59,130,246,.1)}