.section-title[data-v-0727692e]{margin:0 0 24px 0;color:#2c3e50;font-size:26px;font-weight:700;padding:18px 24px;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(74,144,226,.1);letter-spacing:.5px;-webkit-box-shadow:0 2px 10px rgba(74,144,226,.1);box-shadow:0 2px 10px rgba(74,144,226,.1)}.metrics-section[data-v-0727692e]{margin-bottom:40px;position:relative;z-index:1}.metrics-grid[data-v-0727692e]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin:0}.metric-card[data-v-0727692e]{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(74,144,226,.15);box-shadow:0 4px 20px rgba(74,144,226,.15);border:1px solid rgba(74,144,226,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .4s ease;transition:all .4s ease;position:relative;overflow:hidden}.metric-card[data-v-0727692e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#4a90e2),to(#357abd));background:linear-gradient(90deg,#4a90e2,#357abd);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.metric-card[data-v-0727692e]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 8px 30px rgba(74,144,226,.25);box-shadow:0 8px 30px rgba(74,144,226,.25);border-color:rgba(74,144,226,.2)}.metric-card[data-v-0727692e]:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.metric-icon[data-v-0727692e]{font-size:48px;margin-right:20px}.metric-content h3[data-v-0727692e]{margin:0 0 8px 0;color:#909399;font-size:18px;font-weight:400}.metric-value[data-v-0727692e]{margin:0 0 8px 0;color:#303133;font-size:36px;font-weight:700}.metric-comparison[data-v-0727692e]{font-size:16px}.comparison-text.positive[data-v-0727692e]{color:#67c23a}.comparison-text.negative[data-v-0727692e]{color:#f56c6c}@media (max-width:992px){.metrics-grid[data-v-0727692e]{grid-template-columns:repeat(3,minmax(200px,1fr));max-width:none}}@media (max-width:768px){.metrics-grid[data-v-0727692e]{grid-template-columns:1fr;max-width:500px}.metric-card[data-v-0727692e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.metric-icon[data-v-0727692e]{margin-right:0;margin-bottom:15px}}@media (max-width:480px){.metric-value[data-v-0727692e]{font-size:28px}}.section-title[data-v-bc93613e]{margin:0 0 15px 0;color:#2c3e50;font-size:24px;font-weight:700;padding:12px 16px;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(74,144,226,.1);letter-spacing:.5px;-webkit-box-shadow:0 2px 10px rgba(74,144,226,.1);box-shadow:0 2px 10px rgba(74,144,226,.1)}.top-customers-section[data-v-bc93613e]{margin-bottom:40px;min-width:350px;position:relative;z-index:1}.customers-list-container[data-v-bc93613e]{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(74,144,226,.15);box-shadow:0 4px 20px rgba(74,144,226,.15);border:1px solid rgba(74,144,226,.1);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;padding:4px}.customers-list-container[data-v-bc93613e]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 30px rgba(74,144,226,.25);box-shadow:0 8px 30px rgba(74,144,226,.25);border-color:rgba(74,144,226,.2)}.customers-list[data-v-bc93613e]{max-height:500px;overflow-y:auto;padding:2px}.customer-item[data-v-bc93613e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;border-radius:8px;margin-bottom:2px;background:#f8f9fa;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;min-height:65px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.customer-item[data-v-bc93613e]:hover{background:#e3f2fd;-webkit-transform:translateX(5px);transform:translateX(5px)}.customer-item[data-v-bc93613e]:last-child{margin-bottom:0}.rank-badge[data-v-bc93613e]{width:32px;height:32px;background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;border-radius:50%;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:15px;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.customer-info[data-v-bc93613e],.rank-badge[data-v-bc93613e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.customer-info[data-v-bc93613e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-ms-flex-align:center;gap:25px}.customer-name[data-v-bc93613e]{font-size:18px;font-weight:600;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:120px;-ms-flex-negative:0;flex-shrink:0}.customer-stats[data-v-bc93613e]{gap:25px}.customer-stats[data-v-bc93613e],.stat-item[data-v-bc93613e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-item[data-v-bc93613e]{gap:6px;white-space:nowrap}.stat-label[data-v-bc93613e]{font-size:16px;color:#606266;font-weight:500}.stat-value[data-v-bc93613e]{font-size:17px;font-weight:600}.stat-value.amount[data-v-bc93613e]{color:#409eff}.stat-value.orders[data-v-bc93613e]{color:#67c23a}.stat-value.avg-price[data-v-bc93613e]{color:#e6a23c}.percentage[data-v-bc93613e]{font-size:18px;color:#909399;font-weight:600;min-width:55px;text-align:right;-ms-flex-negative:0;flex-shrink:0}.customers-list[data-v-bc93613e]::-webkit-scrollbar{width:6px}.customers-list[data-v-bc93613e]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.customers-list[data-v-bc93613e]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.customers-list[data-v-bc93613e]::-webkit-scrollbar-thumb:hover{background:#a6a9ad}@media (max-width:1024px){.customer-info[data-v-bc93613e],.customer-stats[data-v-bc93613e]{gap:20px}.stat-label[data-v-bc93613e]{font-size:15px}.stat-value[data-v-bc93613e]{font-size:16px}}@media (max-width:768px){.customer-item[data-v-bc93613e]{padding:8px;min-height:80px;margin-bottom:3px}.customer-info[data-v-bc93613e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.customer-name[data-v-bc93613e]{font-size:18px;min-width:auto;width:100%}.customer-stats[data-v-bc93613e]{gap:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.rank-badge[data-v-bc93613e]{width:28px;height:28px;font-size:13px;margin-right:10px}.stat-label[data-v-bc93613e]{font-size:14px}.stat-value[data-v-bc93613e]{font-size:15px}.percentage[data-v-bc93613e]{font-size:16px;min-width:50px;-ms-flex-item-align:end;align-self:flex-end}}.sales-dashboard[data-v-1f981de4]{padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;position:relative}.sales-dashboard[data-v-1f981de4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.6) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(74,144,226,.05) 0,transparent 50%);pointer-events:none}.dashboard-header[data-v-1f981de4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(74,144,226,.15);box-shadow:0 4px 20px rgba(74,144,226,.15);border:1px solid rgba(74,144,226,.1);position:relative;z-index:1}.page-title[data-v-1f981de4]{margin:0;color:#2c3e50;font-size:36px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#4a90e2,#357abd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters-container[data-v-1f981de4]{gap:30px}.filter-group[data-v-1f981de4],.filters-container[data-v-1f981de4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-group[data-v-1f981de4]{gap:10px}.filter-label[data-v-1f981de4]{font-size:16px;color:#606266;font-weight:500;white-space:nowrap}.customer-select[data-v-1f981de4]{min-width:180px}.customer-select[data-v-1f981de4] .el-input__inner{font-size:16px;color:#606266}.customer-select[data-v-1f981de4] .el-input__inner:focus,.customer-select[data-v-1f981de4] .el-input__inner:hover{border-color:#409eff}.date-range-picker[data-v-1f981de4]{min-width:240px}.date-range-picker[data-v-1f981de4] .el-input__inner{font-size:16px;color:#606266}.date-range-picker[data-v-1f981de4] .el-input__inner:focus,.date-range-picker[data-v-1f981de4] .el-input__inner:hover{border-color:#409eff}@media (max-width:992px){.filters-container[data-v-1f981de4]{gap:20px}.filter-group[data-v-1f981de4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.customer-select[data-v-1f981de4]{min-width:140px}}@media (max-width:768px){.sales-dashboard[data-v-1f981de4]{padding:10px}.dashboard-header[data-v-1f981de4]{text-align:center}.dashboard-header[data-v-1f981de4],.filters-container[data-v-1f981de4]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.filters-container[data-v-1f981de4]{width:100%}.filter-group[data-v-1f981de4]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.date-range-picker[data-v-1f981de4]{min-width:200px}.customer-select[data-v-1f981de4]{min-width:120px}}.bottom-section[data-v-1f981de4]{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px}.single-section[data-v-1f981de4]{width:100%}@media (max-width:1200px){.bottom-section[data-v-1f981de4]{grid-template-columns:1fr}}@media (max-width:480px){.page-title[data-v-1f981de4]{font-size:24px}.date-range-picker[data-v-1f981de4]{min-width:180px}}.operate[data-v-4e6fad9b],.search[data-v-4e6fad9b]{background:#fff;border-radius:8px;margin-bottom:20px}[data-v-4e6fad9b] .vxe-grid{background:#fff;border-radius:8px}[data-v-4e6fad9b] .el-tag{font-weight:500}[data-v-4e6fad9b] .el-button.is-circle{padding:8px}.rightList[data-v-3ad2d042]{padding-left:15px}.leftList[data-v-3ad2d042]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:15px;border-right:1px solid #e9eaec;border-bottom:1px solid #e9eaec}.leftList .title[data-v-3ad2d042]{font-size:16px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.leftList .title .titleText[data-v-3ad2d042]{padding:5px}.leftList .listPart[data-v-3ad2d042]{height:627px;overflow:scroll;border-top:1px solid #e9eaec}.leftList .listPart .listItem[data-v-3ad2d042]{width:100%;height:45px;border-top:1px solid #e9eaec;line-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.listPart[data-v-3ad2d042]::-webkit-scrollbar{display:none}.leftList .listPart .listItem .itemName[data-v-3ad2d042]{font-size:14px;width:60%}.leftList .listPart .listItem .actions[data-v-3ad2d042]{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.chooseMatBtn[data-v-2f4b9c14]{margin-bottom:10px}[data-v-2f4b9c14] .el-select{width:100%}.chooseMatBtn[data-v-3823549c]{margin-bottom:10px}[data-v-3823549c] .el-select{width:100%}