.teacher-pro [hidden]{display:none!important}
.iv3-panel{border:1px solid #dde7f7;background:linear-gradient(175deg,#fff,#fafbff 75%)}
.iv3-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.iv3-head h2{margin:4px 0 8px;font-size:1.4rem;color:#23385c}.iv3-head p{margin:0;max-width:800px;font-size:.8rem;line-height:1.85;color:#687c9d}.iv3-controls{display:grid;justify-items:end;gap:9px}.iv3-meta{font-size:.69rem;color:#7688a7}
.iv3-message{padding:15px;border-radius:12px;background:#f0f4ff;color:#415a91;font-size:.78rem}
.iv3-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0 22px}
.iv3-metrics>div{background:#f2f6ff;padding:18px;border:1px solid #e5ebf8;border-radius:16px;display:grid;gap:7px}
.iv3-metrics strong{font-size:1.45rem;color:#374f9a}.iv3-metrics small{color:#62789d;font-size:.72rem}.iv3-metrics span{color:#8d9bb1;font-size:.68rem}
.iv3-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:15px;margin-bottom:15px}
.iv3-chart-card{border:1px solid #e5eaf4;background:#fff;border-radius:16px;padding:19px;margin-bottom:15px;min-width:0}
.iv3-chart-card h3{font-size:.95rem;color:#2c4268;margin:0 0 6px}.iv3-chart-card>p{font-size:.72rem;color:#93a0b5;margin:0 0 17px;line-height:1.8}
.iv3-timeline{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;height:190px;align-items:end}
.iv3-day{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;height:100%;font-size:.63rem;color:#7688a2}
.iv3-day-track{height:135px;width:100%;background:#f0f4fb;border-radius:7px;display:flex;align-items:end;justify-content:center;overflow:hidden}
.iv3-day-track span{display:block;background:linear-gradient(0deg,#46b8bb,#5b76e9);width:80%;border-radius:6px 6px 0 0}
.iv3-day small{font-size:.57rem;white-space:nowrap}.iv3-day-number{font-weight:800;color:#40578a}
.iv3-states{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.iv3-state{text-align:center;padding:20px 9px;background:#f5f7ff;border-radius:13px}
.iv3-state strong{display:block;font-size:1.55rem;color:#5372c8}.iv3-state span{display:block;font-size:.73rem;color:#7d8fab;margin-top:7px}
.iv3-ranked{display:grid;gap:10px}.iv3-rank{padding:11px;border:1px solid #e9eef6;border-radius:12px;background:#fcfdff}
.iv3-rank-title{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.iv3-rank-title strong{font-size:.76rem;color:#294162}.iv3-rank-title small,.iv3-extra{font-size:.68rem;color:#8293af}
.iv3-track{height:8px;background:#edf1f8;border-radius:20px;overflow:hidden;margin:9px 0}.iv3-track span{display:block;height:100%;background:linear-gradient(90deg,#64bec6,#7176d9);border-radius:20px}
.iv3-empty{color:#8a97aa;padding:18px;text-align:center;font-size:.76rem}.iv3-footnote{color:#8f9bb2;font-size:.72rem;line-height:1.8;margin:12px 0 0}
@media(max-width:1000px){.iv3-grid{grid-template-columns:1fr}.iv3-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.iv3-metrics{gap:7px}.iv3-metrics>div{padding:12px}.iv3-panel{padding:15px}.iv3-day small{font-size:.48rem}.iv3-chart-card{padding:13px}.iv3-states{gap:6px}.iv3-state{padding:14px 6px}}
@media(prefers-reduced-motion:reduce){.iv3-panel *{transition:none!important;animation:none!important}}