@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";.container[data-v-ec48ec1b]{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header[data-v-ec48ec1b]{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:15px;color:#fff;box-shadow:0 5px 15px #0003}header h1[data-v-ec48ec1b]{margin:0;font-size:2.5rem}.subtitle[data-v-ec48ec1b]{font-size:1.1rem;opacity:.9;margin-top:10px}.panel[data-v-ec48ec1b]{background:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 5px 15px #0000000d}h2[data-v-ec48ec1b]{color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px;margin-top:0;display:flex;align-items:center}h2 i[data-v-ec48ec1b]{margin-right:10px}.grid-classes[data-v-ec48ec1b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.class-card[data-v-ec48ec1b]{border:1px solid #e0e0e0;border-radius:12px;padding:20px;background:#fff;transition:all .3s ease;box-shadow:0 3px 10px #00000014}.class-card.highlighted[data-v-ec48ec1b]{animation:pulse-ec48ec1b 1.5s infinite;border:2px solid #3498db}.class-card.assigned[data-v-ec48ec1b]{background-color:#3498db1a;border:2px solid #3498db}@keyframes pulse-ec48ec1b{0%{box-shadow:0 0 #3498db66}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}.class-header[data-v-ec48ec1b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.class-title[data-v-ec48ec1b]{font-weight:700;font-size:1.3rem;color:#2c3e50}.class-teacher[data-v-ec48ec1b]{font-size:.9rem;color:#7f8c8d}.class-input[data-v-ec48ec1b]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.class-stats[data-v-ec48ec1b]{display:flex;justify-content:space-around;margin:15px 0}.stat-badge[data-v-ec48ec1b]{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.male-stat[data-v-ec48ec1b]{background:#d6eaf8;color:#2874a6}.female-stat[data-v-ec48ec1b]{background:#fadbd8;color:#922b21}.total-stat[data-v-ec48ec1b]{background:#d5f5e3;color:#196f3d}.students-list[data-v-ec48ec1b]{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:8px;padding:10px;background:#f9f9f9}.student-item[data-v-ec48ec1b]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:5px;background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000000d}.student-gender[data-v-ec48ec1b]{padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700}.student-gender.male[data-v-ec48ec1b]{background:#d6eaf8;color:#2874a6}.student-gender.female[data-v-ec48ec1b]{background:#fadbd8;color:#922b21}.twin-badge[data-v-ec48ec1b]{background-color:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;margin-left:5px}.flex-between[data-v-ec48ec1b]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.btn[data-v-ec48ec1b]{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-primary[data-v-ec48ec1b]{background:#3498db;color:#fff}.btn-primary[data-v-ec48ec1b]:hover{background:#2980b9}.btn-danger[data-v-ec48ec1b]{background:#e74c3c;color:#fff}.btn-danger[data-v-ec48ec1b]:hover{background:#c0392b}.btn-success[data-v-ec48ec1b]{background:#2ecc71;color:#fff}.btn-success[data-v-ec48ec1b]:hover{background:#27ae60}.btn-warning[data-v-ec48ec1b]{background:#f39c12;color:#fff}.btn-warning[data-v-ec48ec1b]:hover{background:#d35400}.btn[data-v-ec48ec1b]:disabled{opacity:.6;cursor:not-allowed}.assignment-area[data-v-ec48ec1b]{min-height:200px;display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:12px;padding:30px;text-align:center}.overlay-mask[data-v-ec48ec1b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.current-student[data-v-ec48ec1b]{font-size:1.8rem;font-weight:700;margin:15px 0;color:#2c3e50}.student-info[data-v-ec48ec1b]{font-size:1.2rem;color:#000808;margin-bottom:25px}.class-selection-animation[data-v-ec48ec1b]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.class-option[data-v-ec48ec1b]{border:2px solid #e0e0e0;border-radius:10px;padding:15px;width:140px;background:#fff;transition:all .3s ease}.class-option.active[data-v-ec48ec1b]{border-color:#3498db;background:#e3f2fd;transform:scale(1.05);box-shadow:0 5px 15px #3498db4d}.assigned-class[data-v-ec48ec1b]{font-size:1.5rem;font-weight:700;padding:20px;border-radius:10px;background:#e3f2fd;color:#2980b9;animation:fadeIn-ec48ec1b .5s ease}@keyframes fadeIn-ec48ec1b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-input-wrapper[data-v-ec48ec1b]{position:relative;display:inline-block}.file-input[data-v-ec48ec1b]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.loading[data-v-ec48ec1b]{text-align:center;padding:30px}.loading-icon[data-v-ec48ec1b]{font-size:2.5rem;animation:spin-ec48ec1b 1.5s linear infinite;color:#3498db;margin-bottom:15px}@keyframes spin-ec48ec1b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}table[data-v-ec48ec1b]{width:100%;border-collapse:collapse;margin-top:15px}th[data-v-ec48ec1b],td[data-v-ec48ec1b]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-ec48ec1b]{background:#f5f7fa;font-weight:600;color:#2c3e50}tr[data-v-ec48ec1b]:hover{background:#f9f9f9}.status-badge[data-v-ec48ec1b]{padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.bg-success[data-v-ec48ec1b]{background:#d5f5e3;color:#196f3d}.bg-info[data-v-ec48ec1b]{background:#d6eaf8;color:#2874a6}.bg-warning[data-v-ec48ec1b]{background:#fef9e7;color:#d35400}.error-message[data-v-ec48ec1b]{background:#fadbd8;color:#922b21;padding:15px;border-radius:8px;margin:15px 0;font-weight:500}.progress-container[data-v-ec48ec1b]{height:10px;background:#ecf0f1;border-radius:5px;margin-top:15px;overflow:hidden}.progress-bar[data-v-ec48ec1b]{height:100%;background:linear-gradient(90deg,#2ecc71,#3498db);border-radius:5px;transition:width .5s ease}.import-popup[data-v-ec48ec1b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;text-align:center;z-index:2000;animation:popIn-ec48ec1b .4s ease-out}@keyframes popIn-ec48ec1b{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.import-stats[data-v-ec48ec1b]{display:flex;justify-content:center;gap:30px;margin-top:20px;flex-wrap:wrap}.import-stat-item[data-v-ec48ec1b]{text-align:center}.import-stat-value[data-v-ec48ec1b]{font-size:2.5rem;font-weight:700;color:#3498db}.import-stat-label[data-v-ec48ec1b]{font-size:1.1rem;color:#7f8c8d;margin-top:5px}.process-toggle[data-v-ec48ec1b]{display:flex;align-items:center;gap:10px;margin-right:auto}.switch[data-v-ec48ec1b]{position:relative;display:inline-block;width:60px;height:34px}.switch input[data-v-ec48ec1b]{opacity:0;width:0;height:0}.slider[data-v-ec48ec1b]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-ec48ec1b]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-ec48ec1b]{background-color:#3498db}input:checked+.slider[data-v-ec48ec1b]:before{transform:translate(26px)}.toggle-label[data-v-ec48ec1b]{font-weight:500;color:#2c3e50}.teacher-management[data-v-ec48ec1b]{margin-top:10px;padding:15px;background:#f8f9fa;border-radius:10px}.teacher-management .btn[data-v-ec48ec1b]{min-width:130px;justify-content:center;height:44px;box-sizing:border-box}.teacher-item[data-v-ec48ec1b]{display:flex;gap:10px;margin-bottom:5px;padding:2px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d}.teacher-item .class-input[data-v-ec48ec1b]{flex:1;margin-bottom:0}.no-teachers[data-v-ec48ec1b]{text-align:center;padding:20px;color:#7f8c8d;font-style:italic}.teacher-assignment-animation[data-v-ec48ec1b]{margin-top:20px}.current-teacher[data-v-ec48ec1b]{font-size:1.8rem;font-weight:700;margin:15px 0;color:#2c3e50}.teacher-info[data-v-ec48ec1b]{font-size:1.2rem;color:#000808;margin-bottom:25px}.assigned-teacher[data-v-ec48ec1b]{font-size:1.5rem;font-weight:700;padding:20px;border-radius:10px;background:#e3f2fd;color:#2980b9;animation:fadeIn-ec48ec1b .5s ease;text-align:center}@media(max-width:768px){.grid-classes[data-v-ec48ec1b]{grid-template-columns:1fr}.flex-between[data-v-ec48ec1b]{flex-direction:column}.btn[data-v-ec48ec1b]{width:100%;margin-bottom:10px}}.teacher-assignment-popup[data-v-ec48ec1b]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.teacher-assignment-popup h3[data-v-ec48ec1b]{text-align:center;color:#2c3e50;margin-top:0}.class-teacher-assignment[data-v-ec48ec1b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0}.class-teacher-card[data-v-ec48ec1b]{border:2px solid #e0e0e0;border-radius:10px;padding:15px;text-align:center;background:#f9f9f9;min-height:150px;display:flex;flex-direction:column;justify-content:center}.class-teacher-card.assigned[data-v-ec48ec1b]{border-color:#3498db;background:#e3f2fd;animation:pulse-ec48ec1b 1s}.class-teacher-card.current[data-v-ec48ec1b]{border-color:#f39c12;background:#fef9e7;animation:pulse-ec48ec1b 1s infinite;box-shadow:0 0 15px #f39c1266}.class-name[data-v-ec48ec1b]{font-weight:700;font-size:1.2rem;margin-bottom:15px;color:#2c3e50}.scrolling-teacher[data-v-ec48ec1b]{font-size:1rem;color:#7f8c8d;padding:3px 0}.pending-teacher[data-v-ec48ec1b]{color:#f39c12;font-weight:700;font-size:1.1rem;padding:10px 0}.empty-teacher[data-v-ec48ec1b]{color:#bdc3c7;font-size:1rem;padding:10px 0}.central-scroll-layer[data-v-ec48ec1b]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:30px 20px;margin:20px 0;text-align:center;box-shadow:0 5px 20px #0003;transition:all .3s ease}.central-scroll-layer.is-scrolling[data-v-ec48ec1b]{background:linear-gradient(135deg,#667eea,#764ba2)}.central-scroll-layer.is-confirmed[data-v-ec48ec1b]{background:linear-gradient(135deg,#11998e,#38ef7d);transform:scale(1.02)}.current-class-label[data-v-ec48ec1b]{font-size:1.3rem;color:#ffffffd9;margin-bottom:15px;font-weight:500;letter-spacing:2px}.scrolling-teacher-name[data-v-ec48ec1b]{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);min-height:60px;display:flex;align-items:center;justify-content:center;animation:flicker-ec48ec1b .1s infinite}.confirmed-teacher-name[data-v-ec48ec1b]{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5);min-height:60px;display:flex;align-items:center;justify-content:center;animation:bounceIn-ec48ec1b .5s ease}.confirm-label[data-v-ec48ec1b]{font-size:1.2rem;color:#fff;margin-top:10px;font-weight:700;animation:fadeIn-ec48ec1b .3s ease}@keyframes flicker-ec48ec1b{0%{opacity:1}50%{opacity:.85}to{opacity:1}}@keyframes bounceIn-ec48ec1b{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes fadeIn-ec48ec1b{0%{opacity:0}to{opacity:1}}.remaining-teachers-preview[data-v-ec48ec1b]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 15px;margin:15px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.remaining-label[data-v-ec48ec1b]{font-size:.9rem;color:#6c757d;font-weight:500;margin-right:5px}.remaining-teacher-chip[data-v-ec48ec1b]{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid #bbdefb}.stop-button-container[data-v-ec48ec1b]{text-align:center;margin-top:20px}.student-pool-container[data-v-ec48ec1b]{position:relative;min-height:200px;border:2px dashed #3498db;border-radius:15px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;transition:all .3s ease}.student-pool-container[data-v-ec48ec1b]:hover{border-color:#2980b9;box-shadow:0 5px 15px #3498db1a}.pool-stats[data-v-ec48ec1b]{display:flex;gap:15px;align-items:center}.stat-item[data-v-ec48ec1b]{background:#3498db;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 2px 5px #3498db4d}.student-pool[data-v-ec48ec1b]{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;min-height:150px;position:relative}.student-pool-item[data-v-ec48ec1b]{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;animation:slideInUp-ec48ec1b .6s ease forwards;opacity:0;transform:translateY(30px);transition:all .3s ease;border-left:4px solid #3498db;position:relative;overflow:hidden}.student-pool-item[data-v-ec48ec1b]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.student-pool-item[data-v-ec48ec1b]:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71)}.student-avatar[data-v-ec48ec1b]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #0003}.student-avatar.male[data-v-ec48ec1b]{background:linear-gradient(135deg,#3498db,#2980b9)}.student-avatar.female[data-v-ec48ec1b]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.student-info[data-v-ec48ec1b]{display:flex;flex-direction:column;flex:1}.student-name[data-v-ec48ec1b]{font-weight:600;color:#2c3e50;font-size:1.1rem;margin-bottom:4px}.student-details[data-v-ec48ec1b]{display:flex;gap:8px;align-items:center}.student-gender-tag[data-v-ec48ec1b]{padding:3px 10px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.student-gender-tag.male[data-v-ec48ec1b]{background:#d6eaf8;color:#2874a6}.student-gender-tag.female[data-v-ec48ec1b]{background:#fadbd8;color:#922b21}.twin-indicator[data-v-ec48ec1b]{background:linear-gradient(135deg,#f39c12,#d35400);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700}.student-pool-empty[data-v-ec48ec1b]{width:100%;text-align:center;color:#27ae60;padding:40px 20px;font-size:1.2rem;font-weight:500}.student-pool-empty i[data-v-ec48ec1b]{font-size:3rem;margin-bottom:15px;color:#27ae60;display:block}.flying-student[data-v-ec48ec1b]{position:fixed;z-index:1001;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);animation:flyToClass-ec48ec1b .8s cubic-bezier(.34,1.56,.64,1) forwards}.flying-student-content[data-v-ec48ec1b]{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0000004d;border:2px solid #3498db;transform-origin:center;animation:flyingPulse-ec48ec1b .8s ease-in-out}@keyframes flyToClass-ec48ec1b{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(calc(var(--to-x) * .5),calc(var(--to-y) * .5)) scale(1.2);opacity:.9}to{transform:translate(var(--to-x),var(--to-y)) scale(.8);opacity:0}}@keyframes flyingPulse-ec48ec1b{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInUp-ec48ec1b{to{opacity:1;transform:translateY(0)}}.particle[data-v-ec48ec1b]{position:fixed;width:8px;height:8px;border-radius:50%;background:linear-gradient(45deg,#3498db,#2ecc71);z-index:2000;pointer-events:none;animation:particleFloat-ec48ec1b 1.5s ease-out forwards}@keyframes particleFloat-ec48ec1b{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle))*100px),calc(sin(var(--angle))*100px)) scale(0);opacity:0}}@media(max-width:768px){.student-pool[data-v-ec48ec1b]{gap:10px}.student-pool-item[data-v-ec48ec1b]{padding:10px 15px;width:100%}.pool-stats[data-v-ec48ec1b]{flex-direction:column;gap:8px;align-items:flex-end}.stat-item[data-v-ec48ec1b]{font-size:.8rem;padding:4px 10px}}.animation-controls[data-v-ec48ec1b]{display:flex;align-items:center;gap:20px}.speed-control[data-v-ec48ec1b]{display:flex;align-items:center;gap:10px;flex:1}.speed-slider[data-v-ec48ec1b]{flex:1;height:8px;border-radius:4px;background:#ddd;outline:none}.speed-slider[data-v-ec48ec1b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer}