.supervision-detail[data-v-4eff0c68]{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;min-width:0;height:calc(100vh - 80px);min-height:560px;text-align:left}.detail-header[data-v-4eff0c68],.detail-heading[data-v-4eff0c68]{display:flex;align-items:center;gap:var(--sp-4)}.detail-header[data-v-4eff0c68]{justify-content:space-between;flex:0 0 auto}.detail-heading[data-v-4eff0c68],.detail-title-group[data-v-4eff0c68]{min-width:0}.detail-header>.el-button[data-v-4eff0c68],.detail-heading>.el-button[data-v-4eff0c68]{flex-shrink:0}.detail-eyebrow[data-v-4eff0c68]{color:var(--text-3);font-size:var(--fs-12);margin-bottom:var(--sp-1)}.detail-title[data-v-4eff0c68]{margin:0;color:var(--text);font-size:var(--fs-20);font-weight:600;overflow-wrap:anywhere}.detail-summary[data-v-4eff0c68]{display:grid;grid-template-columns:repeat(var(--detail-summary-columns,3),minmax(0,1fr));gap:var(--sp-3);flex:0 0 auto}.detail-stat-content[data-v-4eff0c68]{display:flex;align-items:center;gap:var(--sp-4)}.detail-stat-icon[data-v-4eff0c68]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--sp-6)*2);height:calc(var(--sp-6)*2);border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand);font-size:var(--fs-24)}.detail-stat-label[data-v-4eff0c68]{color:var(--text-2);font-size:var(--fs-13)}.detail-stat-value[data-v-4eff0c68]{margin-top:var(--sp-2);color:var(--text);font-size:var(--fs-30);font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.detail-stat-unit[data-v-4eff0c68]{margin-left:var(--sp-1);color:var(--text-2);font-size:var(--fs-14);font-weight:400}.detail-table-panel[data-v-4eff0c68]{flex:1 1 0;min-height:0;min-width:0;height:auto}.detail-table-heading[data-v-4eff0c68]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-shrink:0}.detail-table-heading h2[data-v-4eff0c68]{margin:0;color:var(--text);font-size:var(--fs-16);font-weight:600}.detail-table-heading>span[data-v-4eff0c68]{color:var(--text-3);font-size:var(--fs-13)}.detail-pagination[data-v-4eff0c68]{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:var(--sp-4);flex-shrink:0}@media (max-width:1024px){.detail-header[data-v-4eff0c68]{flex-wrap:wrap}.detail-stat-content[data-v-4eff0c68]{gap:var(--sp-2)}.detail-stat-icon[data-v-4eff0c68]{width:var(--sp-6);height:var(--sp-6);font-size:var(--fs-20)}.detail-stat-value[data-v-4eff0c68]{font-size:var(--fs-24)}}.supervision-detail--student[data-v-4eff0c68]{--detail-summary-columns:2}