.conversion-dashboard-head{align-items:flex-end}
.conversion-filters{display:flex;gap:12px;flex-wrap:wrap}
.conversion-filters label{min-width:170px}
.conversion-donut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.conversion-chart-panel{min-width:0;padding:18px;border:1px solid #e2e8f5;border-radius:18px;background:linear-gradient(145deg,#fff,#f8faff)}
.conversion-chart-panel h3{margin:0;color:#142347;font-size:17px}
.conversion-chart-panel>p{margin:6px 0 18px;color:#7a88a8;font-size:13px}
.teacher-card-panel{margin-top:16px}
.donut-board{min-height:260px}
.donut-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center}
.donut-wrap{display:flex;justify-content:center}
.donut-chart{position:relative;width:160px;height:160px}
.donut-chart svg{display:block;width:100%;height:100%;overflow:visible}
.donut-segment{cursor:pointer;transition:transform .18s ease,opacity .18s ease,filter .18s ease;transform-box:fill-box;transform-origin:center}
.donut-segment.active{transform:scale(1.04);filter:drop-shadow(0 4px 10px rgba(74,96,152,.2))}
.donut-segment.muted{opacity:.38}
.donut-center{position:absolute;inset:45px 30px;display:grid;place-content:center;text-align:center;pointer-events:none}
.donut-center strong{font-size:25px;line-height:1;color:#172342}
.donut-center span{max-width:100px;margin-top:5px;overflow:hidden;color:#7583a3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.donut-center small{margin-top:3px;color:#315ed3;font-size:12px;font-weight:800}
.donut-legend{display:grid;gap:8px;max-height:240px;overflow:auto;padding-right:3px}
.donut-legend button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:9px 10px;border:1px solid #e5eaf5;border-radius:12px;background:#fff;color:#536387;text-align:left;cursor:pointer}
.donut-legend button.active{border-color:#8ba9fa;background:#f0f5ff;box-shadow:0 6px 14px rgba(49,94,211,.1)}
.donut-dot{width:9px;height:9px;border-radius:50%}
.donut-legend strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.donut-legend small{font-size:12px;color:#7180a1}
.conversion-teacher-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:560px;overflow:auto;padding-right:4px}
.conversion-teacher-group{padding:14px;border:1px solid #e5eaf6;border-radius:15px;background:#fff}
.conversion-teacher-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#16254a}
.conversion-teacher-head span{color:#5573d8;font-size:13px;font-weight:800}
.conversion-bar-list{display:grid;gap:10px}
.conversion-bar-row{display:grid;grid-template-columns:minmax(88px,120px) minmax(100px,1fr) 30px;gap:10px;align-items:center;font-size:12px}
.conversion-bar-row>span{overflow:hidden;color:#536387;text-overflow:ellipsis;white-space:nowrap}
.conversion-bar-track{height:10px;overflow:hidden;border-radius:999px;background:#edf1fa}
.conversion-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b7cf5,#6a5ff2)}
.conversion-bar-row>strong{text-align:right;color:#172342}
.conversion-card-details{margin-top:16px;border:1px solid #e2e8f5;border-radius:14px;background:#fbfcff}
.conversion-card-details summary{padding:14px 16px;color:#315ed3;cursor:pointer;font-weight:800}
.conversion-card-details .table-wrap{max-height:420px;border-width:1px 0 0;border-radius:0 0 14px 14px}
@media(max-width:1100px){.conversion-donut-grid,.conversion-teacher-bars{grid-template-columns:1fr}.donut-layout{grid-template-columns:160px minmax(0,1fr)}}