.pf-page{display:grid;gap:22px;color:#19324e}.pf-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:21px;background:linear-gradient(115deg,#193e53,#132448);color:white}.pf-hero h2{font-size:25px;margin:8px 0 10px;line-height:1.65}.pf-hero>div>span{color:#8bd2c7;font-size:12px}.pf-hero p{color:#c3d2df;font-size:13px;margin:0}.pf-period{display:grid;gap:8px;padding-inline-start:24px;border-inline-start:1px solid #ffffff26;flex-shrink:0}.pf-period small{font-size:11px;color:#c3d2df}.pf-period strong{font-size:13px}.pf-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px 24px;background:white;border:1px solid #e2e9f1;border-radius:16px}.pf-filters label{margin:0;flex:1;min-width:155px}.pf-filters .pf-employee-filter{flex:1.6;margin-inline-start:12px}.pf-filters button{font-size:13px;min-height:45px}.pf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pf-metric{padding:20px;background:white;border:1px solid #e2e9f1;border-radius:15px;display:flex;flex-direction:column;gap:12px}.pf-metric>span{font-size:12px;color:#667b90}.pf-metric>strong{font-size:28px;font-variant-numeric:tabular-nums;line-height:1.6}.pf-employees{display:grid;gap:24px}.pf-person{background:white;border:1px solid #e2e9f1;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px #19324e04}.pf-person .pf-person-head{display:flex;align-items:center;gap:14px;margin:0;padding:24px;border-bottom:0}.pf-avatar{width:48px;height:48px;display:grid;place-items:center;background:#eaf4f3;color:#24877a;border-radius:15px;font-size:21px}.pf-person-head h2{font-size:19px;margin:0 0 5px}.pf-state{font-size:11px;color:#7b8898;display:flex;align-items:center;gap:6px}.pf-state i{width:6px;height:6px;border-radius:50%;background:#acb7c3}.pf-state.is-online{color:#238775}.pf-state.is-online i{background:#2db395}.pf-rating{margin-inline-start:auto;display:grid;gap:2px;text-align:end}.pf-rating strong{font-size:24px}.pf-rating small{font-size:13px;color:#8491a3;font-weight:400}.pf-rating>span{font-size:11px;color:#667b90}.pf-current{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:12px 24px;background:#f6f9fc;border-block:1px solid #edf2f6;font-size:14px}.pf-current>span{font-size:11px;color:#71849a}.pf-current small{font-size:11px;color:#64788e;font-weight:400}.pf-overdue{color:#b05c35}.pf-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 24px 0}.pf-highlights .pf-metric{background:#f8fbfc;border:0;border-radius:12px}.pf-highlights .pf-metric strong{font-size:22px;color:#207c73}.pf-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:26px 24px}.pf-group{min-width:0}.pf-group+ .pf-group{border-inline-start:1px solid #edf2f6;padding-inline-start:26px}.pf-group h3{font-size:14px;margin:0 0 19px}.pf-values{display:grid;gap:13px}.pf-values>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:baseline}.pf-values span{color:#657b91}.pf-values b{font-size:12px;text-align:end;flex-shrink:0}.pf-distribution{display:grid;gap:9px}.pf-distribution>div{display:flex;align-items:center;gap:10px;font-size:12px}.pf-distribution span{min-width:28px}.pf-distribution i{font-style:normal;color:#c9a556}.pf-distribution b{min-width:20px;text-align:end}.pf-distribution progress{flex:1;width:100%;min-width:0;height:7px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#edf2f7}.pf-distribution progress::-webkit-progress-bar{background:#edf2f7;border-radius:8px}.pf-distribution progress::-webkit-progress-value{background:#48ab9c;border-radius:8px}.pf-distribution progress::-moz-progress-bar{background:#48ab9c;border-radius:8px}.pf-rating-note{font-size:10px;color:#75889c;margin:14px 0 0;line-height:1.8}.pf-foot{font-size:11px;color:#71849a;padding:15px 24px;border-top:1px solid #edf2f6;display:flex;gap:10px;flex-wrap:wrap}.pf-method{border:1px solid #e2e9f1;border-radius:14px;background:#fff;padding:18px 22px;font-size:12px;color:#667b90}.pf-method summary{cursor:pointer;font-weight:700;color:#36536f}.pf-method p{margin:14px 0 0;line-height:1.9}.pf-empty{text-align:center;padding:45px;background:white;border:1px dashed #c9d6e3;border-radius:16px;color:#6f8296}@media(max-width:1100px){.pf-groups{grid-template-columns:1fr 1fr}.pf-group:last-child{grid-column:1/-1;border-inline-start:0;padding:20px 0 0;border-top:1px solid #edf2f6}.pf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.pf-hero{flex-direction:column;align-items:stretch;padding:23px}.pf-hero h2{font-size:21px}.pf-period{border-inline-start:0;border-top:1px solid #ffffff26;padding:15px 0 0}.pf-filters{padding:18px}.pf-filters .pf-employee-filter{margin-inline-start:0;flex-basis:100%}.pf-highlights{gap:10px;padding:18px 18px 0;grid-template-columns:1fr}.pf-highlights .pf-metric{flex-direction:row;align-items:center;justify-content:space-between;padding:15px}.pf-highlights .pf-metric strong{font-size:19px}.pf-person .pf-person-head{padding:18px;gap:10px}.pf-person-head h2{font-size:16px}.pf-current{padding:12px 18px;gap:12px}.pf-groups{padding:22px 18px;grid-template-columns:1fr}.pf-group+ .pf-group{grid-column:auto;border-inline-start:0;padding:20px 0 0;border-top:1px solid #edf2f6}.pf-metric{padding:17px}.pf-metric>strong{font-size:24px}.pf-avatar{height:40px;width:40px;flex-shrink:0}.pf-rating strong{font-size:21px}.pf-foot{padding:14px 18px}.pf-summary{gap:12px}}