.product-sales-chart[data-v-2c2febc1]{background:rgba(255,255,255,.95);border-radius:16px;padding:20px;height:100%;display:flex;flex-direction:column;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a}.product-sales-chart__header[data-v-2c2febc1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.product-sales-chart__title[data-v-2c2febc1]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#212121;margin:0}.product-sales-chart__title .el-icon[data-v-2c2febc1]{color:#81c784}.product-sales-chart__tabs[data-v-2c2febc1]{display:flex;gap:4px;padding:4px;background:#f5f7fa;border-radius:8px}.product-sales-chart .tab-btn[data-v-2c2febc1]{padding:6px 12px;font-size:12px;font-weight:500;color:#606266;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .25s}.product-sales-chart .tab-btn[data-v-2c2febc1]:hover{color:#81c784}.product-sales-chart .tab-btn.is-active[data-v-2c2febc1]{color:#fff;background:#81C784}.product-sales-chart__content[data-v-2c2febc1]{flex:1;display:flex;gap:16px;min-height:0}.product-sales-chart__chart[data-v-2c2febc1]{flex:1;min-width:180px;min-height:180px}.product-sales-chart__legend[data-v-2c2febc1]{flex-shrink:0;width:160px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.product-sales-chart__legend[data-v-2c2febc1]::-webkit-scrollbar{width:4px}.product-sales-chart__legend[data-v-2c2febc1]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.product-sales-chart .legend-item[data-v-2c2febc1]{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fafafa;border-radius:8px;cursor:pointer;animation:fadeSlideIn-2c2febc1 .4s ease forwards;opacity:0;transition:all .25s}.product-sales-chart .legend-item[data-v-2c2febc1]:hover{background:#f0f4f3}.product-sales-chart .legend-dot[data-v-2c2febc1]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.product-sales-chart .legend-name[data-v-2c2febc1]{flex:1;font-size:12px;color:#424242;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-sales-chart .legend-value[data-v-2c2febc1]{font-size:12px;font-weight:600;color:#212121;white-space:nowrap}.product-sales-chart .legend-percent[data-v-2c2febc1]{font-size:11px;color:#9e9e9e;white-space:nowrap}.product-sales-chart__empty[data-v-2c2febc1]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#bdbdbd}.product-sales-chart__empty span[data-v-2c2febc1]{font-size:14px}.product-sales-chart__skeleton[data-v-2c2febc1]{flex:1;display:flex;gap:16px}.product-sales-chart .skeleton-chart[data-v-2c2febc1]{flex:1;min-width:180px;min-height:180px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-2c2febc1 1.5s infinite}.product-sales-chart .skeleton-legend[data-v-2c2febc1]{width:160px;display:flex;flex-direction:column;gap:8px}.product-sales-chart .skeleton-legend-item[data-v-2c2febc1]{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fafafa;border-radius:8px}.product-sales-chart .skeleton-dot[data-v-2c2febc1]{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-2c2febc1 1.5s infinite}.product-sales-chart .skeleton-text[data-v-2c2febc1]{flex:1;height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-2c2febc1 1.5s infinite}.product-sales-chart .skeleton-value[data-v-2c2febc1]{width:40px;height:12px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer-2c2febc1 1.5s infinite}@keyframes fadeSlideIn-2c2febc1{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer-2c2febc1{to{background-position:-200% 0}}@media (max-width: 768px){.product-sales-chart__content[data-v-2c2febc1]{flex-direction:column}.product-sales-chart__chart[data-v-2c2febc1]{min-height:200px}.product-sales-chart__legend[data-v-2c2febc1]{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px}.product-sales-chart .legend-item[data-v-2c2febc1]{flex:1;min-width:120px}}