.analytics-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.analytics-toolbar>div{display:flex;align-items:center;gap:15px}.analytics-toolbar strong{font-size:12px;font-weight:500;white-space:nowrap;color:#426680}.analytics-toolbar>span{font-size:11px;color:#60768a;text-align:right}.analytics-toolbar .el-date-editor{width:180px!important}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.analytics-card{padding:23px 25px;min-width:0}.analytics-card-title{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:23px}.analytics-card-title h2{font-size:16px}.analytics-card-title p{font-size:11px;color:#60768a;margin-top:5px}.analytics-note{font-size:11px;line-height:1.9;color:#60768a;margin-top:20px}.trend-plot{min-height:170px;display:grid;align-items:center;padding:15px 0}.trend-plot svg{width:100%;height:auto;overflow:visible}.trend-grid{stroke:#edeff1;stroke-width:1;fill:none}.trend-line{stroke:#6c8ea7;stroke-width:2.5;fill:none;stroke-linejoin:round}.trend-point{fill:#fff;stroke:#6c8ea7;stroke-width:2.5}.trend-value{fill:#4d687c;font-size:13px;font-family:inherit}.trend-date{fill:#919da6;font-size:10px;font-family:inherit}.distribution-list{display:grid;gap:12px}.distribution-item{position:relative;padding-right:42px}.distribution-label{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#426680;margin-bottom:7px}.distribution-label strong{font-size:14px;font-weight:600}.distribution-label small{font-size:10px;color:#60768a;font-weight:400}.distribution-percent{position:absolute;right:0;bottom:-4px;font-size:11px;color:#60768a}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#658ba7}.tone-1{background:#91aec4}.tone-2{background:#c6aa72}.tone-3{background:#b6bfc5}.turnover-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaedf0;margin-top:26px;padding-top:16px;font-size:12px;color:#60768a}.turnover-line strong{color:#426680;font-size:13px;font-weight:500}.department-bar{margin:15px 0}.department-bar>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#426680;margin-bottom:7px}.department-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.department-bar strong{font-weight:500;color:#426680}.company-distribution>div{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf0f2;padding:12px 0;font-size:12px;color:#426680}.company-distribution>div>span{flex:1}.company-distribution strong{font-size:15px;font-weight:600;color:#426680}.company-distribution small{font-size:10px;font-weight:400;color:#60768a}.coverage-section{padding-top:23px;margin-top:10px}.coverage-section h3{font-size:13px;color:#426680;margin-bottom:17px}.coverage-section>div:not(.el-progress){display:flex;justify-content:space-between;font-size:11px;color:#60768a;margin-top:15px;margin-bottom:7px}.coverage-section strong{font-size:11px;font-weight:400}.coverage-section>.el-button{margin-top:18px;font-size:12px}.payroll-analysis,.data-quality-panel{margin-top:22px}.payroll-analysis .panel-heading p{font-size:11px;margin-top:5px}.payroll-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:10px 23px}.payroll-metrics>div{padding:19px 12px;border-bottom:1px solid #edf0f2}.payroll-metrics span{font-size:11px;color:#60768a;display:block;margin-bottom:8px}.payroll-metrics strong{font-size:22px;font-weight:550;letter-spacing:-.4px;color:#426680}.payroll-note{padding:0 25px 20px;margin-top:14px}.data-quality-panel .panel-heading>.muted{font-size:11px}.quality-items{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;padding:23px 25px}.quality-items>div{display:flex;gap:10px}.quality-marker{width:5px;height:5px;background:#c9b487;border-radius:50%;margin-top:9px;flex:none}.quality-items strong{font-size:12px;font-weight:500;color:#60768a}.quality-items .el-tag{margin-left:8px;font-size:10px}.quality-items p{color:#60768a;font-size:11px;line-height:1.85;margin-top:4px}.analytics-loading{padding:30px}
@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-card{padding:22px 18px}.analytics-toolbar{align-items:start}.analytics-toolbar>span{max-width:340px}.payroll-metrics strong{font-size:19px}}
@media(max-width:850px){.analytics-grid{grid-template-columns:1fr}.analytics-toolbar{display:block}.analytics-toolbar>span{display:block;max-width:none;text-align:left;margin-top:11px}.quality-items{grid-template-columns:1fr}.payroll-metrics{grid-template-columns:repeat(2,1fr)}.trend-plot{min-height:140px}}
@media(max-width:600px){.payroll-metrics{padding:8px 12px}.payroll-metrics strong{font-size:16px}.analytics-card-title{flex-wrap:wrap}.quality-items{padding:19px}.analytics-content .kpi-caption{line-height:1.6}.data-quality-panel .panel-heading{display:block}.data-quality-panel .panel-heading>.muted{display:block;margin-top:5px}}

.analytics-toolbar {
  display:grid;
  grid-template-columns:180px 150px minmax(230px, 1fr) auto;
  align-items:end;
  gap:16px;
  margin-bottom:10px;
}
.analytics-toolbar .analytics-filter {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  min-width:0;
}
.analytics-filter label { color:#426680; font-size:12px; font-weight:500; }
.analytics-filter .el-select { width:100%; }
.analytics-filter-note, .analytics-record-note { font-size:11px; line-height:1.85; color:#426680; }
.analytics-filter-note { margin-bottom:22px; }
.analytics-record-note { margin:-7px 2px 23px; }
.analytics-mapping-summary {
  display:grid;
  grid-template-columns:minmax(180px, 1fr) minmax(210px, 1.25fr) auto auto;
  align-items:center;
  gap:22px;
  padding:20px 25px;
  margin-bottom:20px;
  background:linear-gradient(110deg, #f6f8fa, #fff);
}
.analytics-mapping-summary h2 { font-size:14px; color:#1e3d57; }
.analytics-mapping-summary p { font-size:11px; color:#426680; margin-top:7px; }
.mapping-coverage-progress > div:first-child { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; }
.mapping-coverage-progress strong { font-size:15px; color:#426680; font-weight:600; }
.mapping-coverage-progress span { color:#426680; font-size:11px; }
.mapping-uncovered { font-size:12px; color:#426680; white-space:nowrap; }
.mapping-uncovered strong { color: #9b754b; font-size: 17px; margin: 0 4px; font-weight: 600; }
@media(max-width:1150px) {
  .analytics-mapping-summary { grid-template-columns:1fr 1.2fr; gap:16px; }
  .analytics-mapping-summary > .el-button { justify-self:end; }
}
@media(max-width:850px) {
  .analytics-toolbar { display:grid; grid-template-columns:180px 1fr; align-items:end; }
  .analytics-department-filter { grid-column:1 / -1; }
  .analytics-toolbar > .el-button { grid-column:2; justify-self:end; }
  .analytics-mapping-summary { grid-template-columns:1fr; padding:20px; }
  .analytics-mapping-summary > .el-button { justify-self:start; }
}
@media(max-width:450px) {
  .analytics-toolbar { grid-template-columns:1fr; }
  .analytics-toolbar > .el-button { grid-column:1; justify-self:stretch; }
  .analytics-toolbar .el-date-editor { width:100% !important; }
}