.satisfaction-visuals{display:grid;grid-template-columns:.9fr 1.35fr;gap:18px}.satisfaction-donut-panel,.distribution-panel,.staff-performance-panel{padding:24px}.satisfaction-donut-panel h2,.distribution-panel h2{margin-top:0}.satisfaction-donut{width:190px;height:190px;margin:24px auto 16px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0b806f var(--rating-pct),#e8f0ee 0)}.satisfaction-donut:after{content:'';grid-area:1/1;width:132px;height:132px;border-radius:50%;background:#fff}.satisfaction-donut strong,.satisfaction-donut small{grid-area:1/1;z-index:1;text-align:center}.satisfaction-donut strong{font-size:31px;font-weight:800;margin-top:-13px}.satisfaction-donut small{font-size:12px;color:#63777b;margin-top:38px}.satisfaction-donut-panel>p,.distribution-panel>p{color:#708189;font-size:12px;text-align:center}.rating-distribution{height:222px;display:flex;align-items:end;justify-content:space-around;gap:13px;padding:18px 10px 0;border-bottom:1px solid #e5efed}.rating-distribution div{height:100%;flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:7px;align-items:end;text-align:center;font-size:12px;color:#65787d}.rating-distribution i{display:flex;align-items:end;height:100%;border-radius:9px 9px 2px 2px;background:#edf5f3;overflow:hidden}.rating-distribution b{display:block;width:100%;min-height:3px;border-radius:inherit;background:linear-gradient(180deg,#2dc191,#087b70)}.performance-title,.staff-score-head,.staff-score footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.performance-title h2{margin:0}.performance-title p{margin:5px 0 0;color:#71838a;font-size:13px}.performance-badge{padding:8px 12px;border-radius:999px;background:#e6f5f0;color:#087b70;font-size:12px;font-weight:700}.staff-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.staff-score{border:1px solid #e1ece9;border-radius:14px;padding:16px;background:linear-gradient(145deg,#fff,#f7fbfa)}.staff-score-head{justify-content:flex-start}.score-rank{width:30px;height:30px;border-radius:9px;background:#0d7e72;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}.staff-score-head div{min-width:0;flex:1}.staff-score-head strong,.staff-score-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-score-head small{font-size:11px;color:#78898e;margin-top:3px}.staff-score-head>b{font-size:21px;color:#0b746c}.staff-score-track{height:10px;border-radius:20px;background:#e8f0ee;overflow:hidden;margin:17px 0 9px}.staff-score-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a776c,#3dc398)}.staff-score footer{font-size:12px;color:#6e8186}.staff-score footer span:last-child{color:#0b746c;font-weight:700}@media(max-width:850px){.satisfaction-visuals,.staff-score-grid{grid-template-columns:1fr}}@media(max-width:500px){.satisfaction-visuals{gap:12px}.performance-title{align-items:flex-start;flex-direction:column}.satisfaction-donut{width:165px;height:165px}.satisfaction-donut:after{width:115px;height:115px}}