.personnel-overview-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 32px;border-radius:18px;background:radial-gradient(circle at 82% 20%,rgba(83,117,255,.35),transparent 28%),linear-gradient(115deg,#0c1d38,#183a70 62%,#465fff);color:#fff;box-shadow:0 18px 42px rgba(19,45,91,.2)}
.personnel-overview-hero:after{content:"";position:absolute;right:-80px;bottom:-130px;width:280px;height:280px;border:44px solid rgba(255,255,255,.055);border-radius:50%}
.personnel-overview-hero>div{position:relative;z-index:1}.personnel-overview-hero h1{margin:0 0 7px;font-size:31px;line-height:1.2}.personnel-overview-hero p{margin:0;color:#cfdbef;font-size:14px}.personnel-overview-hero .data-status{flex:0 0 auto}
.personnel-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:15px}.overview-kpi{--kpi:#465fff;position:relative;overflow:hidden;min-height:136px;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}.overview-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi)}.overview-kpi:after{content:"";position:absolute;right:-24px;top:-30px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--kpi) 8%,white)}.overview-kpi span{position:relative;z-index:1;color:#667085;font-size:13px}.overview-kpi strong{position:relative;z-index:1;margin:9px 0 6px;font-size:31px;line-height:1;color:#172033}.overview-kpi small{position:relative;z-index:1;color:#98a2b3;font-size:12px}.overview-kpi.male{--kpi:#2e90fa}.overview-kpi.female{--kpi:#9b51e0}.overview-kpi.positions{--kpi:#12b76a}
.personnel-overview-grid{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);gap:15px;margin-top:15px}.personnel-overview-grid>.panel{padding:23px}.personnel-overview-grid .panel-header h2,.overview-table-panel .panel-header h2{font-size:20px;margin:0 0 5px}.personnel-overview-grid .panel-header p,.overview-table-panel .panel-header p{font-size:13px;line-height:1.5}
.overview-donut-layout{display:grid;grid-template-columns:minmax(190px,230px) 1fr;align-items:center;gap:28px;min-height:300px;padding:15px 4px 0}.overview-donut{position:relative;width:100%;height:230px}.overview-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.overview-donut>div strong{font-size:29px;color:#172033}.overview-donut>div span{font-size:12px;color:#98a2b3;margin-top:3px}.overview-donut-layout ul{list-style:none;margin:0;padding:0}.overview-donut-layout li{display:grid;grid-template-columns:10px 1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f6}.overview-donut-layout li:last-child{border-bottom:0}.overview-donut-layout li i{width:10px;height:10px;border-radius:50%;background:var(--legend-color)}.overview-donut-layout li span{color:#667085}.overview-donut-layout li strong{font-size:16px}.overview-donut-layout li small{min-width:46px;text-align:right;color:#98a2b3;font-size:12px}
.overview-position-chart{height:315px;margin-top:16px}.overview-table-panel{margin-top:15px;padding:23px}.overview-table-panel .table-search{margin-top:19px}
@media(max-width:1150px){.personnel-overview-kpis{grid-template-columns:repeat(2,1fr)}.personnel-overview-grid{grid-template-columns:1fr}.overview-donut-layout{grid-template-columns:240px minmax(220px,1fr)}}
@media(max-width:640px){.personnel-overview-hero{align-items:flex-start;flex-direction:column;padding:24px 22px}.personnel-overview-hero h1{font-size:27px}.personnel-overview-kpis{grid-template-columns:1fr 1fr;gap:10px}.overview-kpi{min-height:126px;padding:18px}.overview-kpi strong{font-size:27px}.personnel-overview-grid>.panel,.overview-table-panel{padding:17px}.overview-donut-layout{grid-template-columns:1fr;gap:8px}.overview-donut{width:min(230px,100%);margin:auto}.overview-donut-layout ul{width:100%}.overview-position-chart{height:340px}}
@media(max-width:420px){.personnel-overview-kpis{grid-template-columns:1fr}.overview-kpi{min-height:116px}}