.personnel-section-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 31px;border-radius:18px;background:radial-gradient(circle at 83% 18%,rgba(96,125,255,.34),transparent 29%),linear-gradient(115deg,#0c1d38,#193b72 63%,#465fff);color:#fff;box-shadow:0 17px 40px rgba(19,45,91,.18)}.personnel-section-hero:after{content:"";position:absolute;right:-65px;bottom:-135px;width:270px;height:270px;border:42px solid rgba(255,255,255,.055);border-radius:50%}.personnel-section-hero>div{position:relative;z-index:1}.personnel-section-hero h1{font-size:30px;line-height:1.2;margin:0 0 7px}.personnel-section-hero p{font-size:14px;color:#cfdbef;margin:0}.personnel-section-hero .data-status{flex:0 0 auto}
.personnel-section-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:15px}.section-kpi{--tone:#465fff;position:relative;overflow:hidden;min-height:132px;padding:21px 22px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 18px rgba(15,35,70,.045);display:flex;flex-direction:column}.section-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tone)}.section-kpi:after{content:"";position:absolute;right:-25px;top:-32px;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--tone) 8%,white)}.section-kpi span,.section-kpi strong,.section-kpi small{position:relative;z-index:1}.section-kpi span{font-size:13px;color:#667085}.section-kpi strong{margin:9px 0 6px;font-size:29px;line-height:1.05;color:#172033;overflow-wrap:anywhere}.section-kpi small{font-size:12px;color:#98a2b3}.section-kpi.male{--tone:#2e90fa}.section-kpi.female{--tone:#9b51e0}.section-kpi.positions{--tone:#12b76a}.section-kpi.muted{--tone:#98a2b3}
.personnel-section-charts{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:15px;margin-top:15px}.personnel-section-charts.single{grid-template-columns:1fr}.section-chart-panel{padding:23px}.section-chart-panel .panel-header h2,.personnel-section-table .panel-header h2{font-size:20px;margin:0 0 5px}.section-chart-panel .panel-header p,.personnel-section-table .panel-header p{font-size:13px;line-height:1.5}.section-chart-canvas{height:330px;margin-top:15px}.section-chart-panel.doughnut .section-chart-canvas,.section-chart-panel.standing-doughnut .section-chart-canvas{height:260px}.section-chart-legend{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;list-style:none;margin:12px 0 0;padding:0}.section-chart-legend li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6}.section-chart-legend i{width:10px;height:10px;border-radius:50%;background:var(--legend-color)}.section-chart-legend span{font-size:12px;color:#667085}.section-chart-legend strong{font-size:13px}.personnel-section-table{margin-top:15px;padding:23px}.personnel-section-table .table-search{margin-top:18px}
@media(max-width:1150px){.personnel-section-kpis{grid-template-columns:1fr 1fr}.personnel-section-charts{grid-template-columns:1fr}}
@media(max-width:640px){.personnel-section-hero{align-items:flex-start;flex-direction:column;padding:24px 22px}.personnel-section-hero h1{font-size:27px}.personnel-section-kpis{grid-template-columns:1fr 1fr;gap:10px}.section-kpi{min-height:124px;padding:18px}.section-kpi strong{font-size:25px}.section-chart-panel,.personnel-section-table{padding:17px}.section-chart-legend{grid-template-columns:1fr}.section-chart-canvas{margin-top:12px}}
@media(max-width:420px){.personnel-section-kpis{grid-template-columns:1fr}.section-kpi{min-height:114px}}
.section-chart-panel.education-doughnut .section-chart-canvas{height:260px}
.table-search-field select{width:100%;height:42px;border:1px solid #d8deea;border-radius:9px;background:#fff;padding:0 12px;font:inherit;outline:none}.table-search-field.subject-filter{flex:0 1 260px}.personnel-section-table .table-search{flex-wrap:wrap}
.school-major-table{margin-top:22px}.school-major-table td:nth-child(n+3){text-align:center;min-width:44px;padding-left:8px;padding-right:8px}.school-major-table th:nth-child(n+3){height:154px;min-width:44px;width:44px;padding:10px 8px;text-align:center;vertical-align:bottom;white-space:normal;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1.15}.school-major-table th:nth-child(-n+2){white-space:nowrap}.school-major-table tbody td:last-child{font-weight:700;color:#344054}
