.metrics-dashboard[data-v-51dded66]{padding:24px;background-color:#f5f5f5;min-height:100vh}.metrics-dashboard__header[data-v-51dded66]{margin-bottom:24px}.metrics-dashboard__title[data-v-51dded66]{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.metrics-dashboard__subtitle[data-v-51dded66]{font-size:14px;color:#666;margin:4px 0 0}.metrics-dashboard__period[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:#666;margin-top:12px;font-weight:500}.metrics-dashboard__filters[data-v-51dded66]{background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.conversion-funnel-container[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:16px 0;min-height:450px}.conversion-funnel[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px 0;position:relative}.conversion-funnel[data-v-51dded66],.funnel-stage[data-v-51dded66]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.funnel-stage[data-v-51dded66]{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:0}.funnel-stage__badges[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-left:-65px;-ms-flex-item-align:center;align-self:center;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.funnel-badge[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;border:1.5px solid #dee2e6;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);white-space:nowrap}.funnel-badge--single[data-v-51dded66]{padding:6px 14px}.funnel-badge__label[data-v-51dded66]{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--badge-label-color,#666)}.funnel-badge--single .funnel-badge__label[data-v-51dded66]{font-size:11px}.funnel-badge__value[data-v-51dded66]{font-size:11px;font-weight:700;color:#1a1a1a}.funnel-badge--single .funnel-badge__value[data-v-51dded66]{font-size:14px}.funnel-trapezoid[data-v-51dded66]{position:relative;padding:16px 28px;text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);-webkit-transition:all .2s ease;transition:all .2s ease}.funnel-trapezoid[data-v-51dded66]:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.funnel-stage--total .funnel-trapezoid--base[data-v-51dded66]{background:linear-gradient(135deg,#5c7cfa,#4c6ef5);width:440px;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}.funnel-trapezoid__label[data-v-51dded66]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.95;margin-bottom:6px}.funnel-trapezoid__value[data-v-51dded66]{font-size:36px;font-weight:700;line-height:1;margin-bottom:3px}.funnel-trapezoid__percentage[data-v-51dded66]{font-size:14px;font-weight:600;opacity:.9}.funnel-split[data-v-51dded66]{position:relative;width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4px 0}.funnel-split__circle[data-v-51dded66]{width:12px;height:12px;background:#adb5bd;border-radius:50%;margin-bottom:6px;z-index:2}.funnel-split__lines[data-v-51dded66]{position:relative;width:280px;height:28px}.funnel-split__line[data-v-51dded66]{position:absolute;width:2px;height:28px;background:#adb5bd;top:-4px}.funnel-split__line--left[data-v-51dded66]{left:70px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);-webkit-transform-origin:top;transform-origin:top}.funnel-split__line--right[data-v-51dded66]{right:70px;-webkit-transform:rotate(25deg);transform:rotate(25deg);-webkit-transform-origin:top;transform-origin:top}.funnel-bottom[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:120px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:8px}.funnel-result[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.funnel-result__box[data-v-51dded66]{background:#fff;border-radius:10px;padding:14px 22px;text-align:center;min-width:150px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease}.funnel-result__box[data-v-51dded66]:hover{-webkit-box-shadow:0 3px 10px rgba(0,0,0,.15);box-shadow:0 3px 10px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.funnel-result--active .funnel-result__box[data-v-51dded66]{border:2px solid #7b1fa2}.funnel-result--discarded .funnel-result__box[data-v-51dded66]{border:2px solid #747474}.funnel-result__label[data-v-51dded66]{font-size:9px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}.funnel-result__value[data-v-51dded66]{font-size:30px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:3px}.funnel-result__percentage[data-v-51dded66]{font-size:13px;font-weight:600;color:#666}.funnel-result__icon[data-v-51dded66]{width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.funnel-result__icon--active[data-v-51dded66]{background:#7b1fa2}.funnel-result__icon--discarded[data-v-51dded66]{background:#747474}@media (max-width:1200px){.conversion-funnel-container[data-v-51dded66]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@-webkit-keyframes shimmer-51dded66{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes shimmer-51dded66{0%{background-position:-600px 0}to{background-position:600px 0}}.funnel-skeleton[data-v-51dded66]{padding:0}.funnel-skeleton__card[data-v-51dded66]{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px 24px 32px}.funnel-skeleton__header[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.funnel-skeleton__bar[data-v-51dded66]{border-radius:6px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#e8e8e8),color-stop(50%,#f5f5f5),color-stop(75%,#e8e8e8));background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:600px 100%;-webkit-animation:shimmer-51dded66 1.4s linear infinite;animation:shimmer-51dded66 1.4s linear infinite}.funnel-skeleton__bar--icon[data-v-51dded66]{width:24px;height:24px;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.funnel-skeleton__bar--title[data-v-51dded66]{width:260px;height:22px}.funnel-skeleton__body[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.funnel-skeleton__stage[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.funnel-skeleton__trapezoid[data-v-51dded66]{height:72px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#e8e8e8),color-stop(50%,#f5f5f5),color-stop(75%,#e8e8e8));background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:600px 100%;-webkit-animation:shimmer-51dded66 1.4s linear infinite;animation:shimmer-51dded66 1.4s linear infinite;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);max-width:100%}.funnel-skeleton__bottom[data-v-51dded66]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:120px;margin-top:32px}.funnel-skeleton__result[data-v-51dded66]{width:150px;height:88px;border-radius:10px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#e8e8e8),color-stop(50%,#f5f5f5),color-stop(75%,#e8e8e8));background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:600px 100%;-webkit-animation:shimmer-51dded66 1.4s linear infinite;animation:shimmer-51dded66 1.4s linear infinite}.funnel-skeleton__result[data-v-51dded66]:last-child{-webkit-animation-delay:.15s;animation-delay:.15s}