.performance-basis{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,#172343,#315fae);color:#fff}.performance-basis small{letter-spacing:2px;opacity:.7}.performance-basis h2{font-size:30px;margin:5px 0}.performance-basis p{margin:0;opacity:.9}.performance-basis>span{padding:9px 14px;border:1px solid #ffffff40;border-radius:999px;white-space:nowrap}.staff-performance-filter{margin-bottom:18px}.staff-performance-filter .filter-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:14px}.staff-performance-filter button{height:46px}.staff-performance-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-performance-table{min-width:1050px}.staff-performance-table td:first-child b,.staff-performance-table td:first-child small{display:block}.staff-performance-table td:first-child small{margin-top:5px;color:#8490a5}.staff-performance-value{display:inline-grid;place-items:center;min-width:44px;height:36px;padding:0 11px;border-radius:10px;background:#edf3ff;color:#3976f6;font-size:18px}.performance-rule-note{padding:14px 18px;border-radius:12px;background:#fff8e8;color:#89641b;line-height:1.65}@media(max-width:1000px){.staff-performance-metrics{grid-template-columns:repeat(2,1fr)}.staff-performance-filter .filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.performance-basis{align-items:flex-start;flex-direction:column}.staff-performance-filter .filter-grid,.staff-performance-metrics{grid-template-columns:1fr}}