.chart-slider{margin-top:1.5rem;padding:0 clamp(12px,2vw,16px);user-select:none;overflow:visible;max-width:100%;box-sizing:border-box}.chart-slider__track{position:relative;height:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:visible;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);transition:background 0.2s ease,border-color 0.2s ease}.chart-slider__mini-chart{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);pointer-events:none;z-index:0;opacity:0.8}.chart-slider__inactive{position:absolute;top:0;height:100%;background:rgba(0,0,0,0.08);z-index:1;transition:width 0.1s ease-out;backdrop-filter:blur(0.5px)}.chart-slider__inactive--left{left:0;border-radius:8px 0 0 8px}.chart-slider__inactive--right{right:0;border-radius:0 8px 8px 0}.chart-slider__range{position:absolute;top:0;height:100%;background:linear-gradient(to bottom,rgba(var(--accent-rgb),0.1) 0,rgba(var(--accent-rgb),0.05) 100%);cursor:grab;transition:background 0.15s ease,box-shadow 0.15s ease;z-index:2;box-shadow:inset 0 0 0 1px var(--accent);overflow:visible}.chart-slider__range:hover{background:linear-gradient(to bottom,rgba(var(--accent-rgb),0.15) 0,rgba(var(--accent-rgb),0.08) 100%);box-shadow:inset 0 0 0 1px var(--accent),0 0 12px rgba(var(--accent-rgb),0.2)}.chart-slider__range:active{cursor:grabbing}.chart-slider__range::before,.chart-slider__range::after{display:none}.chart-slider__handle{position:absolute;top:50%;width:18px;height:26px;background:var(--accent);border:none;border-radius:4px;transform:translateY(-50%);cursor:grab;transition:transform 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,0.15),0 0 0 3px rgba(var(--accent-rgb),0.1);display:flex;align-items:center;justify-content:center}.chart-slider__handle-icon{display:block;width:4px;height:10px;background:repeating-linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0.5) 1px,transparent 1px,transparent 2px);border-radius:1px}.chart-slider__handle:hover{transform:translateY(-50%) scale(1.08);background:var(--accent-hover);box-shadow:0 2px 8px rgba(var(--accent-rgb),0.4),0 0 0 3px rgba(var(--accent-rgb),0.15)}.chart-slider__handle--left{left:-9px}.chart-slider__handle--right{right:-9px;left:auto}.chart-slider__labels{position:relative;height:20px;margin-top:0.5rem}.chart-slider__labels span{position:absolute;transform:translateX(-50%);font-size:clamp(0.625rem,1vw,0.75rem);font-weight:400;color:var(--text-muted);white-space:nowrap;letter-spacing:0.02em}.chart-slider__range-text{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:0.75rem;padding:clamp(0.5rem,1vw,0.75rem) clamp(0.75rem,1.5vw,1rem);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-size:clamp(0.75rem,1vw,0.875rem);color:var(--text-secondary);transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.chart-slider__range-text:hover{border-color:var(--border-light);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.chart-slider__range-text strong{color:var(--text-primary);font-weight:600}.chart-slider--dragging{cursor:grabbing!important}.chart-slider--dragging .chart-slider__range{cursor:grabbing;background:linear-gradient(to bottom,rgba(var(--accent-rgb),0.2) 0,rgba(var(--accent-rgb),0.1) 100%);box-shadow:inset 0 0 0 1px var(--accent),0 2px 12px rgba(var(--accent-rgb),0.3)}.chart-slider--dragging .chart-slider__handle{transform:translateY(-50%) scale(1.15);box-shadow:0 3px 10px rgba(var(--accent-rgb),0.5),0 0 0 3px rgba(var(--accent-rgb),0.2)}.chart-slider__handle-date{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:6px;font-size:0.7rem;font-weight:500;color:var(--text-primary);white-space:nowrap;pointer-events:none;background:var(--bg-primary);padding:3px 8px;border-radius:4px;border:1px solid var(--border);box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index:10;opacity:0;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease}.chart-slider__handle-date--left{}.chart-slider__handle-date--right{}.chart-slider:hover .chart-slider__handle-date,.chart-slider--dragging .chart-slider__handle-date{opacity:1;visibility:visible}.chart-slider__handle:hover .chart-slider__handle-date{opacity:1;visibility:visible}.chart-slider--dragging .chart-slider__handle-date{background:var(--accent);color:#ffffff;border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),0.3)}.dark .chart-slider__track,html.dark .chart-slider__track{background:var(--bg-tertiary);border-color:var(--border-light);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}.dark .chart-slider__inactive,html.dark .chart-slider__inactive{background:rgba(0,0,0,0.12)}.dark .chart-slider__range-text,html.dark .chart-slider__range-text{background:var(--bg-tertiary);border-color:var(--border-light)}.dark .chart-slider__range-text:hover,html.dark .chart-slider__range-text:hover{border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.dark .chart-slider__handle,html.dark .chart-slider__handle{box-shadow:0 1px 4px rgba(0,0,0,0.4),0 0 0 3px rgba(var(--accent-rgb),0.15)}.dark .chart-slider__handle:hover,html.dark .chart-slider__handle:hover{box-shadow:0 2px 8px rgba(var(--accent-rgb),0.5),0 0 0 3px rgba(var(--accent-rgb),0.2)}.dark .chart-slider__handle-date,html.dark .chart-slider__handle-date{background:var(--bg-tertiary);border-color:var(--border-light);box-shadow:0 2px 6px rgba(0,0,0,0.3)}.dark .chart-slider--dragging .chart-slider__handle-date,html.dark .chart-slider--dragging .chart-slider__handle-date{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.light .chart-slider__track,html.light .chart-slider__track{background:var(--bg-secondary);border-color:var(--border)}.light .chart-slider__inactive,html.light .chart-slider__inactive{background:rgba(0,0,0,0.06)}.chart-slider__handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-slider--compact{margin-top:0.75rem}.chart-slider--compact .chart-slider__track{height:32px}.chart-slider--compact .chart-slider__handle{width:14px;height:22px}.chart-slider--compact .chart-slider__handle-icon{width:3px;height:10px}.chart-slider--compact .chart-slider__handle-date{font-size:0.6rem;padding:2px 5px;margin-bottom:4px}.chart-slider--compact .chart-slider__labels{font-size:0.6rem;margin-top:0.25rem}.product-details-modal__price-history .chart-slider{margin-top:0.5rem;padding:0 10px}.product-details-modal__price-history .chart-slider__track{height:28px}.product-details-modal__price-history .chart-slider__handle{width:12px;height:20px}.product-details-modal__price-history .chart-slider__handle--left{left:-6px}.product-details-modal__price-history .chart-slider__handle--right{right:-6px}.product-details-modal__price-history .chart-slider__handle-date{font-size:0.55rem;padding:2px 4px;margin-bottom:3px}.product-details-modal__price-history .chart-slider__labels{font-size:0.55rem;height:16px}