.class-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);overflow:visible}.class-selector-title-group{display:flex;align-items:center;gap:8px;overflow:visible}.class-selector-title-group h3{font-size:1rem;font-weight:600;margin:0}.class-selector-info-btn{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:#0793d126;border:1px solid rgba(7,147,209,.3);border-radius:50%;color:#5dade2;font-size:.65rem;font-weight:700;cursor:help;transition:all .2s ease;position:relative}.class-selector-info-btn:hover{background:#0793d140;border-color:#0793d180;transform:scale(1.1)}.info-tooltip{position:fixed;background:#141423fa;white-space:pre-line;text-align:left;color:#e0e0e0;padding:10px 14px;border-radius:8px;font-size:.75rem;font-weight:400;line-height:1.5;min-width:200px;max-width:300px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.1);z-index:100000;pointer-events:none}.info-tooltip.visible{opacity:1;visibility:visible}body.light-mode .info-tooltip{background:#fffffffa;color:#333;border-color:#0000001a;box-shadow:0 4px 20px #00000026}.overview-stat[data-engagement-mode]{position:relative;cursor:pointer}.engagement-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e1e32fa;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:10;overflow:hidden}body.light-mode .engagement-hover-overlay{background:#fffffffa}.engagement-hover-header{font-size:.7rem;font-weight:600;opacity:.7;margin-bottom:6px;text-align:center}.engagement-hover-list{width:100%;max-height:calc(100% - 20px);overflow-y:auto;text-align:center}.engagement-all-done{font-weight:600;font-size:.9rem;color:#4ade80}body.light-mode .engagement-all-done{color:#16a34a}.engagement-class-group{margin-bottom:6px}.engagement-class-group:last-child{margin-bottom:0}.engagement-class-name{font-weight:600;font-size:.65rem;opacity:.6;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px;text-align:center}.engagement-students-grid{display:flex;flex-wrap:wrap;gap:2px 8px;justify-content:center}.engagement-student{font-size:.72rem;white-space:nowrap}.class-selector-actions{display:flex;align-items:center;gap:6px}.class-selector-actions .btn-link{display:inline-flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;padding:5px 12px;border-radius:16px;font-family:inherit;transition:all .2s ease}.class-selector-actions .btn-link:hover{background:#0793d126;border-color:#0793d14d;color:#5dade2;text-decoration:none;transform:translateY(-1px)}.class-selector-actions .btn-link:active{transform:translateY(0)}.class-selector-actions .btn-link.select-all:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235dade2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'%3E%3C/polyline%3E%3Cpath d='M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7;transition:opacity .2s}.class-selector-actions .btn-link.select-all:hover:before{opacity:1}.class-selector-actions .btn-link.clear-all:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7;transition:opacity .2s}.class-selector-actions .btn-link.clear-all:hover{background:#e74c3c1f;border-color:#e74c3c40;color:#e74c3c}.class-selector-actions .btn-link.clear-all:hover:before{opacity:1}.class-selector-actions .separator{display:none}#schoolClassSelector{display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#00000026;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.class-selector-year{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px}.year-badge{padding:6px 10px;border-radius:6px;font-size:.7rem;font-weight:700;min-width:32px;text-align:center;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;background:linear-gradient(135deg,#0793d140,#0793d126);color:#5dade2;border:1px solid rgba(7,147,209,.2)}.year-badge[data-year-group="1"]{background:#f0629233;color:#f06292;border-color:#f0629266}.year-badge[data-year-group="2"]{background:#4db6ac33;color:#4db6ac;border-color:#4db6ac66}.year-badge[data-year-group="3"]{background:#ffb74d33;color:#ffb74d;border-color:#ffb74d66}.year-badge[data-year-group="4"]{background:#7986cb33;color:#7986cb;border-color:#7986cb66}.year-badge[data-year-group="5"]{background:#aed58133;color:#aed581;border-color:#aed58166}.year-badge[data-year-group="6"]{background:#ce93d833;color:#ce93d8;border-color:#ce93d866}.year-badge.unassigned{background:linear-gradient(135deg,#95a5a633,#95a5a61a);color:#95a5a6;border-color:#95a5a633}.class-chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.class-chip:before{content:"";width:16px;height:16px;border-radius:4px;border:2px solid rgba(255,255,255,.2);background:#0003;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.class-chip:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:#ffffff26;transform:translateY(-1px)}.class-chip:active{transform:translateY(0) scale(.98)}.class-chip.selected{background:linear-gradient(135deg,#2ecc712e,#27ae6014);border-color:#2ecc7180;box-shadow:0 0 0 1px #2ecc711a,0 2px 8px #2ecc7126,inset 0 1px #ffffff0d}.class-chip.selected:before{background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#2ecc71;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.class-chip.selected:hover{background:linear-gradient(135deg,#2ecc7140,#27ae601f);border-color:#2ecc7199}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 1px #2ecc711a,0 2px 8px #2ecc7126}50%{box-shadow:0 0 0 2px #2ecc7126,0 2px 12px #2ecc7133}}.class-chip.selected{animation:selectedPulse 3s ease-in-out infinite}.class-chip.selected:hover{animation:none}.class-chip input[type=checkbox]{display:none}.chip-name{font-weight:600;font-size:.85rem;color:#ffffffe6;transition:color .2s}.class-chip.selected .chip-name{color:#fff}.chip-teacher{font-size:.7rem;opacity:.5;font-weight:400;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-chip.selected .chip-teacher{opacity:.7}.class-selector-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#2ecc714d,#27ae6033);border:1px solid rgba(46,204,113,.4);border-radius:10px;font-size:.7rem;font-weight:700;color:#2ecc71;margin-left:8px}.class-selector-count.empty{background:#ffffff0d;border-color:#ffffff1a;color:#fff6}.stat-empty{opacity:.3;font-size:1.4rem}#yearGroupModal .modal-content{overflow:visible;padding:24px}#yearGroupOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;justify-items:center}#yearGroupOptions .year-option-btn{width:100%;min-width:0;padding:12px 8px;font-size:.9rem;font-weight:600;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-color-primary);cursor:pointer;transition:all .2s;text-align:center}#yearGroupOptions .year-option-btn:hover{background:#ffffff26;border-color:#ffffff40}#yearGroupOptions .year-option-btn.selected,#yearGroupOptions .year-option-btn[style*="background: var(--color-accent-primary)"]{background:var(--color-accent-primary)!important;border-color:var(--color-accent-primary)!important;color:#fff!important}#yearGroupModal .modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}#yearGroupModal .btn,#yearGroupModal .btn-cancel{min-width:100px;padding:10px 20px;font-size:.9rem}#schoolClassSelector{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.class-selector-year{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.class-selector-year .year-badge{flex-shrink:0}.chip-teacher{display:none!important}body.light-mode .class-selector-header{border-bottom-color:#0000000f}body.light-mode .class-selector-info-btn{background:#0793d11a;border-color:#0793d140;color:#2980b9}body.light-mode .class-selector-actions .btn-link{background:#00000008;border-color:#00000014;color:#0009}body.light-mode .class-selector-actions .btn-link:hover{background:#0793d11a;border-color:#0793d140;color:#2980b9}body.light-mode .class-selector-actions .btn-link.clear-all:hover{background:#e74c3c14;border-color:#e74c3c33;color:#c0392b}body.light-mode #schoolClassSelector{background:#e2e8edcc;border-color:#94a3b826}body.light-mode .class-selector-year{background:#00000008;border-color:#0000000f}body.light-mode .year-badge{background:linear-gradient(135deg,#0793d126,#0793d114);color:#2980b9;border-color:#0793d126}body.light-mode .year-badge.unassigned{background:linear-gradient(135deg,#95a5a626,#95a5a614);color:#7f8c8d;border-color:#95a5a626}body.light-mode .year-badge[data-year-group="1"]{background:#f0629226;color:#c2185b;border-color:#f062924d}body.light-mode .year-badge[data-year-group="2"]{background:#4db6ac26;color:#00796b;border-color:#4db6ac4d}body.light-mode .year-badge[data-year-group="3"]{background:#ffb74d26;color:#e65100;border-color:#ffb74d4d}body.light-mode .year-badge[data-year-group="4"]{background:#7986cb26;color:#283593;border-color:#7986cb4d}body.light-mode .year-badge[data-year-group="5"]{background:#aed58126;color:#33691e;border-color:#aed5814d}body.light-mode .year-badge[data-year-group="6"]{background:#ce93d826;color:#6a1b9a;border-color:#ce93d84d}body.light-mode .class-chip{background:var(--container-bg);border-color:#94a3b840;box-shadow:0 1px 3px #0f172a0a}body.light-mode .class-chip:before{border-color:#94a3b84d;background:var(--container-bg)}body.light-mode .class-chip.selected:before{background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#2ecc71;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}body.light-mode .class-chip:hover{background:#e2e8f0;border-color:#94a3b866;box-shadow:0 2px 6px #0f172a14}body.light-mode .class-chip.selected{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e1a,0 2px 8px #22c55e26}body.light-mode .class-chip.selected:hover{background:linear-gradient(135deg,#22c55e26,#16a34a14);border-color:#22c55e99}body.light-mode .chip-name{color:#000c}body.light-mode .class-chip.selected .chip-name{color:#1e8449}body.light-mode .class-selector-count{background:linear-gradient(135deg,#27ae6033,#27ae601a);border-color:#27ae604d;color:#27ae60}body.light-mode .class-selector-count.empty{background:#00000008;border-color:#00000014;color:#00000059}