.admin-kpi-page[data-v-8cf13d72]{padding:20px;min-height:100vh;background:#fff;position:relative;overflow-x:hidden;overflow-y:auto}.admin-card[data-v-8cf13d72]{max-width:2200px;margin:0 auto;position:relative;z-index:1;background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1);max-height:calc(100vh - 40px);overflow-y:auto}.card-header[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f2f5}.header-left[data-v-8cf13d72]{display:flex;align-items:center;gap:15px}.header-icon[data-v-8cf13d72]{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content[data-v-8cf13d72]{display:flex;flex-direction:column}.header-title[data-v-8cf13d72]{margin:0;font-size:20px;font-weight:700;color:#000}.header-subtitle[data-v-8cf13d72]{margin:3px 0 0 0;font-size:12px;color:#7f8c8d;font-weight:400}.header-actions[data-v-8cf13d72]{display:flex;gap:12px}.action-btn[data-v-8cf13d72]{border-radius:12px;font-weight:600;padding:12px 20px;transition:all .3s ease;border:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-btn[data-v-8cf13d72]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.refresh-btn[data-v-8cf13d72]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.back-btn[data-v-8cf13d72]{background:linear-gradient(135deg,#56ab2f,#a8e6cf);color:#fff}.admin-kpi-content[data-v-8cf13d72]{padding:20px 0}.tab-navigation[data-v-8cf13d72]{margin-bottom:30px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.tab-list[data-v-8cf13d72]{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-item[data-v-8cf13d72]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;background:transparent;position:relative}.tab-item[data-v-8cf13d72]:hover{background:rgba(102,126,234,.1)}.tab-item.active[data-v-8cf13d72]{background:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}.tab-item.active .tab-icon[data-v-8cf13d72]{transform:scale(1.1)}.tab-icon[data-v-8cf13d72]{font-size:18px;transition:transform .3s ease}.tab-text[data-v-8cf13d72]{font-size:14px;font-weight:500;color:#6c757d;transition:color .3s ease}.tab-item.active .tab-text[data-v-8cf13d72]{color:#667eea;font-weight:600}.tab-content[data-v-8cf13d72]{animation:fadeIn-8cf13d72 .3s ease-in-out}@keyframes fadeIn-8cf13d72{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.employee-monitoring[data-v-8cf13d72]{padding:20px 0;background:#fff;border-radius:12px;margin:20px}.employee-selector[data-v-8cf13d72]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:20px}.selector-form[data-v-8cf13d72]{margin:0}.selector-form .el-form-item[data-v-8cf13d72]{margin-bottom:0;margin-right:20px}.selected-employee-info[data-v-8cf13d72]{margin-bottom:20px}.employee-card[data-v-8cf13d72]{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);border-left:4px solid #667eea}.employee-card .employee-avatar[data-v-8cf13d72]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.employee-card .avatar-text[data-v-8cf13d72]{text-transform:uppercase}.employee-card .employee-details[data-v-8cf13d72]{flex:1}.employee-card .employee-name[data-v-8cf13d72]{margin:0 0 8px 0;font-size:20px;font-weight:600;color:#2c3e50}.employee-card .employee-department[data-v-8cf13d72]{margin:0;font-size:14px;color:#7f8c8d;background:#f8f9fa;padding:4px 12px;border-radius:16px;display:inline-block}.progress-cards-container[data-v-8cf13d72]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;margin-top:20px}.progress-card[data-v-8cf13d72]{background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;border:1px solid #f0f2f5}.progress-card[data-v-8cf13d72]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.progress-header[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.employee-info[data-v-8cf13d72]{display:flex;align-items:center;gap:15px}.employee-avatar[data-v-8cf13d72]{width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.avatar-text[data-v-8cf13d72]{text-transform:uppercase}.employee-details[data-v-8cf13d72]{flex:1}.employee-name[data-v-8cf13d72]{margin:0 0 5px 0;font-size:18px;font-weight:600;color:#fff}.work-date[data-v-8cf13d72]{margin:0;font-size:14px;color:hsla(0,0%,100%,.8)}.progress-status[data-v-8cf13d72]{flex-shrink:0}.progress-content[data-v-8cf13d72]{padding:20px}.metric-section[data-v-8cf13d72]{margin-bottom:25px}.metric-section[data-v-8cf13d72]:last-child{margin-bottom:0}.metric-title[data-v-8cf13d72]{margin:0 0 15px 0;font-size:16px;font-weight:600;color:#2c3e50;padding-bottom:8px;border-bottom:2px solid #f0f2f5;position:relative}.metric-title[data-v-8cf13d72]:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.metric-grid[data-v-8cf13d72]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.metric-item[data-v-8cf13d72]{display:flex;flex-direction:column;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s ease}.metric-item[data-v-8cf13d72]:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.metric-label[data-v-8cf13d72]{font-size:12px;color:#7f8c8d;font-weight:500;margin-bottom:5px;text-align:center}.metric-value[data-v-8cf13d72]{font-size:16px;font-weight:700;color:#2c3e50;text-align:center}.work-types-display[data-v-8cf13d72]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.work-type-tag[data-v-8cf13d72]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:500}.work-type-tag[data-v-8cf13d72]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.programming-content[data-v-8cf13d72]{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.programming-content .metric-label[data-v-8cf13d72]{font-weight:600;color:#667eea}.programming-content .metric-value[data-v-8cf13d72]{color:#2c3e50;line-height:1.5}.notes-section[data-v-8cf13d72]{margin-top:20px;padding-top:20px;border-top:1px solid #f0f2f5}.notes-content[data-v-8cf13d72]{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e9ecef}.note-item[data-v-8cf13d72]{margin:0 0 10px 0;font-size:14px;line-height:1.5;color:#2c3e50}.note-item[data-v-8cf13d72]:last-child{margin-bottom:0}.note-item strong[data-v-8cf13d72]{color:#667eea;font-weight:600}.progress-footer[data-v-8cf13d72]{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;align-items:center}.update-time[data-v-8cf13d72]{display:flex;align-items:center;gap:5px;font-size:12px;color:#7f8c8d}.update-time i[data-v-8cf13d72]{font-size:14px}.review-cards-container[data-v-8cf13d72]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;margin-top:20px}.review-card[data-v-8cf13d72]{background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;border:1px solid #f0f2f5}.review-card[data-v-8cf13d72]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.review-header[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.review-content[data-v-8cf13d72]{padding:20px}.review-section[data-v-8cf13d72]{margin-bottom:20px}.review-section[data-v-8cf13d72]:last-child{margin-bottom:0}.review-title[data-v-8cf13d72]{margin:0 0 10px 0;font-size:16px;font-weight:600;color:#2c3e50;padding-bottom:8px;border-bottom:2px solid #f0f2f5;position:relative}.review-title[data-v-8cf13d72]:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.review-text[data-v-8cf13d72]{font-size:14px;line-height:1.6;color:#2c3e50;background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e9ecef}.review-footer[data-v-8cf13d72]{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;align-items:center}.analysis-placeholder[data-v-8cf13d72],.monitoring-placeholder[data-v-8cf13d72]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}.placeholder-icon[data-v-8cf13d72]{font-size:48px;margin-bottom:20px;opacity:.6}.analysis-placeholder h4[data-v-8cf13d72],.monitoring-placeholder h4[data-v-8cf13d72]{margin:0 0 10px 0;color:#2c3e50;font-size:20px;font-weight:600}.analysis-placeholder p[data-v-8cf13d72],.monitoring-placeholder p[data-v-8cf13d72]{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5;max-width:400px}.section-title[data-v-8cf13d72]{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 20px 0;padding-bottom:10px;border-bottom:3px solid #667eea;position:relative}.section-title[data-v-8cf13d72]:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.stats-section[data-v-8cf13d72]{margin-bottom:40px}.stat-card[data-v-8cf13d72]{position:relative;background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;height:100px}.stat-card[data-v-8cf13d72]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.stat-card-bg[data-v-8cf13d72]{position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.1;z-index:0}.total-kpis-card .stat-card-bg[data-v-8cf13d72]{background:linear-gradient(135deg,#667eea,#764ba2)}.completed-kpis-card .stat-card-bg[data-v-8cf13d72]{background:linear-gradient(135deg,#a8edea,#fed6e3)}.progress-rate-card .stat-card-bg[data-v-8cf13d72]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.stat-card-content[data-v-8cf13d72]{position:relative;z-index:1;display:flex;align-items:center;gap:15px;height:100%}.stat-icon-wrapper[data-v-8cf13d72]{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.stat-icon[data-v-8cf13d72]{font-size:28px;color:#fff}.stat-info[data-v-8cf13d72]{flex:1}.stat-number[data-v-8cf13d72]{font-size:20px;font-weight:800;color:#2c3e50;margin-bottom:5px;line-height:1}.stat-label[data-v-8cf13d72]{font-size:12px;color:#7f8c8d;font-weight:500}.form-section[data-v-8cf13d72]{margin-bottom:40px}.kpi-form[data-v-8cf13d72]{background:#fff;padding:30px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1)}.name-input-container[data-v-8cf13d72]{width:100%}.checkbox-group[data-v-8cf13d72]{margin-top:10px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.name-checkbox[data-v-8cf13d72]{display:block;margin-bottom:8px;margin-right:0}.name-checkbox[data-v-8cf13d72]:last-child{margin-bottom:0}.selected-name-display[data-v-8cf13d72]{margin-top:15px;padding:10px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.name-tag[data-v-8cf13d72]{margin-right:8px;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.name-tag[data-v-8cf13d72]:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.target-input-container[data-v-8cf13d72]{width:100%}.target-input-item[data-v-8cf13d72]{display:flex;align-items:center;margin-bottom:10px}.target-input-item[data-v-8cf13d72]:last-child{margin-bottom:0}.list-section[data-v-8cf13d72]{margin-bottom:40px}.loading-container[data-v-8cf13d72]{display:flex;justify-content:center;align-items:center;height:200px}.loading-content[data-v-8cf13d72]{text-align:center;color:#409eff}.loading-content i[data-v-8cf13d72]{font-size:32px;margin-bottom:10px;animation:rotating-8cf13d72 2s linear infinite}.loading-content p[data-v-8cf13d72]{margin:0;font-size:14px}@keyframes rotating-8cf13d72{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-container[data-v-8cf13d72]{display:flex;justify-content:center;align-items:center;height:300px}.empty-card[data-v-8cf13d72]{text-align:center;background:#fff;padding:40px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1)}.empty-icon[data-v-8cf13d72]{font-size:48px;margin-bottom:20px}.empty-card h3[data-v-8cf13d72]{margin:0 0 10px 0;color:#2c3e50;font-size:20px}.empty-card p[data-v-8cf13d72]{margin:0;color:#7f8c8d;font-size:14px}.kpi-list[data-v-8cf13d72]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.kpi-card[data-v-8cf13d72]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;position:relative;border:1px solid #f0f2f5}.kpi-card[data-v-8cf13d72]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.kpi-card.overdue[data-v-8cf13d72]{border-left:4px solid #f56c6c}.kpi-card.completed[data-v-8cf13d72]{border-left:4px solid #67c23a}.kpi-header[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kpi-category[data-v-8cf13d72]{flex:1;text-align:center}.category-text[data-v-8cf13d72]{font-size:18px;font-weight:900;font-family:Microsoft YaHei,黑体,Arial,sans-serif;color:#2c3e50;text-transform:uppercase;letter-spacing:1px}.kpi-status[data-v-8cf13d72]{flex-shrink:0}.kpi-title-section[data-v-8cf13d72]{margin-bottom:15px}.kpi-title[data-v-8cf13d72]{margin:0;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.4;text-align:left}.kpi-progress[data-v-8cf13d72]{margin-bottom:15px}.progress-info[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label[data-v-8cf13d72]{font-size:14px;color:#7f8c8d;font-weight:500}.progress-value[data-v-8cf13d72]{font-size:14px;color:#2c3e50;font-weight:600}.progress-bar[data-v-8cf13d72]{width:100%;height:8px;background:#f0f2f5;border-radius:4px;overflow:hidden}.progress-fill[data-v-8cf13d72]{height:100%;border-radius:4px;transition:width .8s ease;background:linear-gradient(135deg,#667eea,#764ba2)}.kpi-content[data-v-8cf13d72]{margin-bottom:15px}.kpi-item[data-v-8cf13d72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0}.kpi-item[data-v-8cf13d72]:last-child{margin-bottom:0}.kpi-label[data-v-8cf13d72]{font-size:14px;color:#7f8c8d;font-weight:500;flex-shrink:0}.kpi-value[data-v-8cf13d72]{font-size:14px;color:#2c3e50;font-weight:600;text-align:right;flex:1;margin-left:10px}.overdue-text[data-v-8cf13d72]{color:#f56c6c!important}.kpi-description[data-v-8cf13d72]{margin-top:10px;padding-top:10px;border-top:1px solid #f0f2f5}.kpi-description p[data-v-8cf13d72]{margin:0;color:#666;font-size:14px;line-height:1.5;font-style:italic}.kpi-actions[data-v-8cf13d72]{display:flex;gap:8px;justify-content:flex-end;padding-top:15px;border-top:1px solid #f0f2f5}.admin-kpi-page[data-v-8cf13d72]::-webkit-scrollbar{width:16px}.admin-kpi-page[data-v-8cf13d72]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.2);border-radius:8px;margin:10px;border:1px solid hsla(0,0%,100%,.1)}.admin-kpi-page[data-v-8cf13d72]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;border:2px solid hsla(0,0%,100%,.3);-webkit-transition:all .3s ease;transition:all .3s ease;min-height:50px}.admin-kpi-page[data-v-8cf13d72]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.admin-card[data-v-8cf13d72]::-webkit-scrollbar{width:14px}.admin-card[data-v-8cf13d72]::-webkit-scrollbar-track{background:rgba(240,242,245,.8);border-radius:7px;margin:8px;border:1px solid rgba(0,0,0,.1)}.admin-card[data-v-8cf13d72]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:7px;border:2px solid hsla(0,0%,100%,.4);-webkit-transition:all .3s ease;transition:all .3s ease;min-height:40px}.admin-card[data-v-8cf13d72]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:1200px){.admin-card[data-v-8cf13d72]{max-width:95%;margin:0 auto}.kpi-list[data-v-8cf13d72]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.admin-kpi-page[data-v-8cf13d72]{padding:10px}.card-header[data-v-8cf13d72]{flex-direction:column;gap:15px;text-align:center}.header-left[data-v-8cf13d72]{flex-direction:column;gap:10px}.header-title[data-v-8cf13d72]{font-size:24px}.section-title[data-v-8cf13d72]{font-size:20px}.stat-card[data-v-8cf13d72]{height:auto;min-height:140px}.kpi-list[data-v-8cf13d72]{grid-template-columns:1fr}.kpi-form[data-v-8cf13d72]{padding:20px}.kpi-actions[data-v-8cf13d72]{flex-direction:column}.kpi-actions .el-button[data-v-8cf13d72]{width:100%}.kpi-card[data-v-8cf13d72]{padding:15px}.kpi-header[data-v-8cf13d72]{flex-direction:column;align-items:center;gap:10px}.kpi-category[data-v-8cf13d72]{text-align:center}.kpi-title-section[data-v-8cf13d72]{margin-bottom:10px}.tab-list[data-v-8cf13d72]{flex-direction:column}.tab-item[data-v-8cf13d72]{border-bottom:1px solid #e9ecef;border-right:none}.tab-item.active[data-v-8cf13d72]{border-bottom:1px solid #e9ecef;border-left:3px solid #667eea}.tab-text[data-v-8cf13d72]{font-size:16px}.tab-icon[data-v-8cf13d72]{font-size:20px}.progress-cards-container[data-v-8cf13d72]{grid-template-columns:1fr}.progress-card[data-v-8cf13d72]{margin-bottom:15px}.review-cards-container[data-v-8cf13d72]{grid-template-columns:1fr}.review-card[data-v-8cf13d72]{margin-bottom:15px}.review-header[data-v-8cf13d72]{flex-direction:column;align-items:flex-start;gap:15px}.kpi-status[data-v-8cf13d72]{align-self:flex-end}.progress-header[data-v-8cf13d72]{flex-direction:column;align-items:flex-start;gap:15px}.employee-info[data-v-8cf13d72]{width:100%}.progress-status[data-v-8cf13d72]{align-self:flex-end}.metric-grid[data-v-8cf13d72]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.metric-item[data-v-8cf13d72]{padding:8px}.metric-label[data-v-8cf13d72]{font-size:11px}.metric-value[data-v-8cf13d72]{font-size:14px}.employee-selector[data-v-8cf13d72]{padding:15px}.selector-form .el-form-item[data-v-8cf13d72]{margin-right:10px;margin-bottom:10px}}