.sales-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sales-line polyline{fill:none;stroke:#267cf2;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.month-picker{display:flex;align-items:center;gap:9px;min-width:185px;height:46px;padding:0 15px;border-radius:25px;background:#e6f2ff}.month-picker label{color:#6b7690;font-size:9px;text-transform:uppercase}.month-picker select{min-width:125px;border:0;outline:0;color:#26334f;background:transparent;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.bar-stage{position:absolute;inset:8px 8px 0;z-index:2;display:flex;align-items:flex-end;gap:clamp(2px,.45vw,8px)}.sales-bar{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;flex:1;min-width:3px}.sales-bar b{display:block;width:min(24px,78%);height:var(--bar-height,0%);min-height:0;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#67e8ff 0%,#2585ff 45%,#5955ff 100%);box-shadow:0 0 0 rgba(45,132,255,0);transition:height .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.sales-bar.has-value b{box-shadow:0 0 9px #47b8ff,0 0 22px #347fff99,0 -4px 28px #7c5cff88}.sales-bar.has-value:after{content:attr(data-value);position:absolute;bottom:calc(var(--bar-height) + 9px);z-index:4;padding:5px 7px;border-radius:6px;color:#fff;background:#18254c;font-size:9px;white-space:nowrap;opacity:0;transform:translateY(5px);pointer-events:none;transition:.18s}.sales-bar.has-value:hover:after{opacity:1;transform:none}.empty-chart.hidden{display:none}.glowing-bars{overflow:visible}.glowing-bars>i{position:relative;z-index:0}