.customerServicePerformance[data-v-8a2b3972]{--bg-light:#f8fafc;--bg-white:#fff;--primary-blue:#0a2647;--primary-orange:#ff6b35;--text-dark:#1e293b;--text-gray:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--success-green:#10b981;--warning-yellow:#f59e0b;--danger-red:#ef4444;--shadow-sm:0 0.005208rem 0.010417rem rgba(0,0,0,0.05);--shadow-md:0 0.020833rem 0.03125rem rgba(0,0,0,0.07);--shadow-lg:0 0.052083rem 0.078125rem rgba(0,0,0,0.1);min-height:100%;background:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.customerServicePerformance .container[data-v-8a2b3972]{margin:0 auto;padding:.125rem}.customerServicePerformance .page-header[data-v-8a2b3972]{margin-bottom:.125rem}.customerServicePerformance .page-header h1[data-v-8a2b3972]{margin:0 0 .041667rem;font-size:.145833rem;font-weight:700;color:var(--primary-blue)}.customerServicePerformance .page-header p[data-v-8a2b3972]{margin:0;color:var(--text-gray);font-size:.072917rem}.customerServicePerformance .metrics-section[data-v-8a2b3972]{display:grid;grid-template-columns:repeat(4,1fr);gap:.083333rem;margin-bottom:.125rem}.customerServicePerformance .metric-card[data-v-8a2b3972]{background:var(--bg-white);border-radius:.041667rem;padding:.104167rem;box-shadow:var(--shadow-sm);border:.005208rem solid var(--border-light);transition:all .3s}.customerServicePerformance .metric-card[data-v-8a2b3972]:hover{box-shadow:var(--shadow-md);transform:translateY(-.010417rem)}.customerServicePerformance .metric-header[data-v-8a2b3972]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.0625rem}.customerServicePerformance .metric-header .icon[data-v-8a2b3972]{width:.208333rem;height:.208333rem;border-radius:.020833rem;display:flex;align-items:center;justify-content:center;font-size:.09375rem}.customerServicePerformance .metric-header .icon.blue[data-v-8a2b3972]{background:rgba(10,38,71,.1);color:var(--primary-blue)}.customerServicePerformance .metric-header .icon.orange[data-v-8a2b3972]{background:rgba(255,107,53,.1);color:var(--primary-orange)}.customerServicePerformance .metric-header .icon.green[data-v-8a2b3972]{background:rgba(16,185,129,.1);color:var(--success-green)}.customerServicePerformance .metric-header .icon.purple[data-v-8a2b3972]{background:rgba(139,92,246,.1);color:#8b5cf6}.customerServicePerformance .metric-header .trend[data-v-8a2b3972]{display:flex;align-items:center;gap:.020833rem;font-size:.0625rem;font-weight:600}.customerServicePerformance .metric-header .trend.up[data-v-8a2b3972]{color:var(--success-green)}.customerServicePerformance .metric-header .trend.down[data-v-8a2b3972]{color:var(--danger-red)}.customerServicePerformance .metric-value[data-v-8a2b3972]{font-size:.145833rem;font-weight:700;color:var(--primary-blue);margin-bottom:.020833rem}.customerServicePerformance .metric-subtitle[data-v-8a2b3972]{font-size:.067708rem;color:var(--text-gray)}.customerServicePerformance .filter-bar[data-v-8a2b3972]{background:var(--bg-white);border-radius:.041667rem;padding:.083333rem .104167rem;margin-bottom:.125rem;box-shadow:var(--shadow-sm);border:.005208rem solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.083333rem}.customerServicePerformance .filter-left[data-v-8a2b3972],.customerServicePerformance .filter-right[data-v-8a2b3972]{display:flex;gap:.0625rem;align-items:center;flex-wrap:wrap}.customerServicePerformance .filter-group[data-v-8a2b3972]{display:flex;align-items:center;gap:.041667rem}.customerServicePerformance .filter-label[data-v-8a2b3972]{font-size:.067708rem;font-weight:500;color:var(--text-dark)}.customerServicePerformance .filter-select[data-v-8a2b3972]{width:.677083rem}.customerServicePerformance .filter-search[data-v-8a2b3972]{width:1.25rem}.customerServicePerformance .outline-btn[data-v-8a2b3972]{border:.005208rem solid var(--border-light);background:var(--bg-white);color:var(--text-dark);border-radius:.020833rem}.customerServicePerformance .outline-btn[data-v-8a2b3972]:focus,.customerServicePerformance .outline-btn[data-v-8a2b3972]:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:rgba(10,38,71,.02)}.customerServicePerformance .primary-btn[data-v-8a2b3972]{background:var(--primary-blue);color:#fff;border:.005208rem solid var(--primary-blue);border-radius:.020833rem}.customerServicePerformance .primary-btn[data-v-8a2b3972]:focus,.customerServicePerformance .primary-btn[data-v-8a2b3972]:hover{background:#081d36;border-color:#081d36;color:#fff;box-shadow:0 .010417rem .041667rem rgba(10,38,71,.2)}.customerServicePerformance .ai-insight-banner[data-v-8a2b3972]{background:linear-gradient(135deg,rgba(10,38,71,.05),rgba(255,107,53,.05));border:.005208rem solid rgba(10,38,71,.1);border-radius:.041667rem;padding:.083333rem .104167rem;margin-bottom:.125rem;display:flex;align-items:center;gap:.0625rem}.customerServicePerformance .ai-insight-banner .ai-icon[data-v-8a2b3972]{width:.166667rem;height:.166667rem;border-radius:.041667rem;background:rgba(10,38,71,.1);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.09375rem}.customerServicePerformance .ai-insight-banner .content[data-v-8a2b3972]{flex:1}.customerServicePerformance .ai-insight-banner .title[data-v-8a2b3972]{font-weight:600;color:var(--primary-blue);margin-bottom:.020833rem;display:flex;align-items:center;gap:.03125rem}.customerServicePerformance .ai-insight-banner .message[data-v-8a2b3972]{font-size:.072917rem;color:var(--text-gray);line-height:1.6}.customerServicePerformance .table-section[data-v-8a2b3972]{background:var(--bg-white);border-radius:.041667rem;box-shadow:var(--shadow-sm);border:.005208rem solid var(--border-light);overflow:hidden}.customerServicePerformance .performance-table[data-v-8a2b3972]{width:100%}.customerServicePerformance .performance-table .employee-cell[data-v-8a2b3972]{display:flex;align-items:center;gap:.0625rem}.customerServicePerformance .performance-table .employee-avatar[data-v-8a2b3972]{width:.208333rem;height:.208333rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--primary-orange));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.083333rem;flex-shrink:0}.customerServicePerformance .performance-table .employee-info .name[data-v-8a2b3972]{padding:0;color:var(--primary-blue);font-weight:600}.customerServicePerformance .performance-table .employee-info .name[data-v-8a2b3972]:hover{color:var(--primary-orange);text-decoration:underline}.customerServicePerformance .performance-table .employee-info .role[data-v-8a2b3972]{font-size:.0625rem;color:var(--text-gray)}.customerServicePerformance .performance-table .badge[data-v-8a2b3972]{display:inline-flex;align-items:center;padding:.020833rem .052083rem;border-radius:.0625rem;font-size:.0625rem;font-weight:500}.customerServicePerformance .performance-table .badge-blue[data-v-8a2b3972]{background:rgba(59,130,246,.1);color:#3b82f6}.customerServicePerformance .performance-table .badge-green[data-v-8a2b3972]{background:rgba(16,185,129,.1);color:var(--success-green)}.customerServicePerformance .performance-table .visit-count[data-v-8a2b3972]{padding:0;color:var(--primary-blue);font-weight:600}.customerServicePerformance .performance-table .visit-count[data-v-8a2b3972]:focus,.customerServicePerformance .performance-table .visit-count[data-v-8a2b3972]:hover{color:var(--primary-orange);text-decoration:underline}.customerServicePerformance .performance-table .unit[data-v-8a2b3972]{color:var(--text-light);margin-left:.010417rem}.customerServicePerformance .performance-table .warning-icon[data-v-8a2b3972]{display:inline-flex;align-items:center;justify-content:center;width:.104167rem;height:.104167rem;background:rgba(239,68,68,.1);color:var(--danger-red);border-radius:50%;margin-left:.020833rem;font-size:.0625rem}.customerServicePerformance .performance-table .progress-cell[data-v-8a2b3972]{display:flex;flex-direction:column;gap:.020833rem}.customerServicePerformance .performance-table .progress-value[data-v-8a2b3972]{display:flex;align-items:center;gap:.03125rem;font-size:.072917rem}.customerServicePerformance .performance-table .progress-bar[data-v-8a2b3972]{width:.5rem;height:.03125rem;background:var(--border-light);border-radius:.015625rem;overflow:hidden}.customerServicePerformance .performance-table .progress-fill[data-v-8a2b3972]{height:100%;border-radius:.015625rem;transition:width .5s ease}.customerServicePerformance .performance-table .progress-fill.high[data-v-8a2b3972]{background:var(--success-green)}.customerServicePerformance .performance-table .progress-fill.medium[data-v-8a2b3972]{background:var(--warning-yellow)}.customerServicePerformance .performance-table .progress-fill.low[data-v-8a2b3972]{background:var(--danger-red)}.customerServicePerformance .performance-table .rating-cell[data-v-8a2b3972]{display:flex;align-items:center;justify-content:center;gap:.03125rem;font-size:.0625rem;color:var(--text-gray)}.customerServicePerformance .performance-table .rating-cell[data-v-8a2b3972] .el-rate{height:.104167rem;line-height:.104167rem}.customerServicePerformance .performance-table .rating-cell[data-v-8a2b3972] .el-rate__icon{margin-right:.005208rem;font-size:.072917rem}.customerServicePerformance .performance-table .action-buttons[data-v-8a2b3972]{display:flex;justify-content:center;gap:.041667rem}.customerServicePerformance .performance-table .action-buttons .action-btn[data-v-8a2b3972]{margin-left:0;border-color:var(--border-light);background:var(--bg-light);color:var(--text-dark)}.customerServicePerformance .performance-table .action-buttons .action-btn[data-v-8a2b3972]:focus,.customerServicePerformance .performance-table .action-buttons .action-btn[data-v-8a2b3972]:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.customerServicePerformance .pagination[data-v-8a2b3972]{display:flex;justify-content:flex-end;align-items:center;padding:.083333rem .104167rem;border-top:.005208rem solid var(--border-light)}.customerServicePerformance[data-v-8a2b3972] .el-pagination.is-background .el-pager li:not(.disabled).active{background:#ff6b35;color:#fff;border-color:#ff6b35}[data-v-8a2b3972] .customerServicePerformance .el-input__inner:focus,[data-v-8a2b3972] .customerServicePerformance .el-select .el-input.is-focus .el-input__inner,[data-v-8a2b3972] .customerServicePerformance .el-select .el-input__inner:focus{border-color:#0a2647;box-shadow:0 0 0 .010417rem rgba(10,38,71,.1)}[data-v-8a2b3972] .customerServicePerformance .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#0a2647}[data-v-8a2b3972] .customerServicePerformance .el-table th.el-table__cell{padding:.0625rem 0}[data-v-8a2b3972] .customerServicePerformance .el-table td.el-table__cell{padding:.072917rem 0}[data-v-8a2b3972] .performance-drawer .el-drawer{background:#fff;box-shadow:-.020833rem 0 .104167rem rgba(0,0,0,.15)}[data-v-8a2b3972] .performance-drawer .el-drawer__body{height:100%;display:flex;flex-direction:column;overflow:hidden}[data-v-8a2b3972] .performance-drawer .drawer-header{padding:.104167rem .125rem;border-bottom:.005208rem solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}[data-v-8a2b3972] .performance-drawer .drawer-header h2{margin:0;font-size:.09375rem;font-weight:700;color:#1e293b}[data-v-8a2b3972] .performance-drawer .drawer-header .drawer-close{width:.166667rem;height:.166667rem;border:none;background:#f8fafc;color:#1e293b}[data-v-8a2b3972] .performance-drawer .drawer-body{flex:1;overflow-y:auto;padding:.104167rem .125rem}[data-v-8a2b3972] .performance-drawer .agent-profile{text-align:center;padding:.125rem;background:linear-gradient(135deg,#0a2647,#1a365d);border-radius:.041667rem;color:#fff;margin-bottom:.104167rem}[data-v-8a2b3972] .performance-drawer .agent-profile .avatar{width:.416667rem;height:.416667rem;margin:0 auto .0625rem;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:.166667rem;font-weight:700;border:.015625rem solid hsla(0,0%,100%,.3)}[data-v-8a2b3972] .performance-drawer .agent-profile .name{font-size:.114583rem;font-weight:700;margin-bottom:.020833rem}[data-v-8a2b3972] .performance-drawer .agent-profile .team{font-size:.072917rem;opacity:.85}[data-v-8a2b3972] .performance-drawer .detail-card{background:#fff;border:.005208rem solid #e2e8f0;border-radius:.041667rem;padding:.083333rem;margin-bottom:.083333rem}[data-v-8a2b3972] .performance-drawer .detail-card h3{margin:0 0 .083333rem;font-size:.083333rem;font-weight:600;color:#0a2647;display:flex;align-items:center;gap:.041667rem}[data-v-8a2b3972] .performance-drawer #trendChart{width:100%;height:1.041667rem}[data-v-8a2b3972] .performance-drawer .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.0625rem}[data-v-8a2b3972] .performance-drawer .detail-item{padding:.0625rem;background:#f8fafc;border-radius:.03125rem;display:flex;flex-direction:column;gap:.020833rem}[data-v-8a2b3972] .performance-drawer .detail-item .label{font-size:.0625rem;color:#64748b}[data-v-8a2b3972] .performance-drawer .detail-item .value{font-size:.114583rem;font-weight:700;color:#0a2647}[data-v-8a2b3972] .performance-drawer .detail-item .value em{font-style:normal;font-size:.072917rem;margin-left:.010417rem}[data-v-8a2b3972] .performance-drawer .detail-item .change{font-size:.0625rem;color:#10b981}[data-v-8a2b3972] .performance-drawer .detail-table{width:100%}[data-v-8a2b3972] .performance-drawer .drawer-footer{padding:.083333rem .125rem;border-top:.005208rem solid #e2e8f0;display:flex;gap:.0625rem;flex-shrink:0}[data-v-8a2b3972] .performance-drawer .drawer-footer .el-button{flex:1;margin-left:0}[data-v-8a2b3972] .performance-drawer .drawer-footer .outline-btn{border:.005208rem solid #e2e8f0;background:#fff;color:#1e293b}[data-v-8a2b3972] .performance-drawer .drawer-footer .outline-btn:focus,[data-v-8a2b3972] .performance-drawer .drawer-footer .outline-btn:hover{border-color:#0a2647;color:#0a2647}[data-v-8a2b3972] .performance-drawer .drawer-footer .primary-btn{background:#0a2647;color:#fff;border-color:#0a2647}[data-v-8a2b3972] .performance-drawer .drawer-footer .primary-btn:focus,[data-v-8a2b3972] .performance-drawer .drawer-footer .primary-btn:hover{background:#081d36;border-color:#081d36}@media (max-width:1024px){.customerServicePerformance .metrics-section[data-v-8a2b3972]{grid-template-columns:repeat(2,1fr)}.customerServicePerformance .filter-bar[data-v-8a2b3972],.customerServicePerformance .filter-left[data-v-8a2b3972],.customerServicePerformance .filter-right[data-v-8a2b3972]{align-items:stretch}}@media (max-width:768px){.customerServicePerformance .container[data-v-8a2b3972]{padding:.083333rem}.customerServicePerformance .metrics-section[data-v-8a2b3972]{grid-template-columns:1fr}.customerServicePerformance .filter-bar[data-v-8a2b3972],.customerServicePerformance .filter-group[data-v-8a2b3972],.customerServicePerformance .filter-left[data-v-8a2b3972],.customerServicePerformance .filter-right[data-v-8a2b3972]{flex-direction:column;align-items:stretch}.customerServicePerformance .filter-search[data-v-8a2b3972],.customerServicePerformance .filter-select[data-v-8a2b3972]{width:100%}.customerServicePerformance .pagination[data-v-8a2b3972]{flex-direction:column;gap:.0625rem;align-items:center}}