.card[data-v-c9f6203c]{background-color:#2f2f2f;border-radius:8px;padding:1.5em;margin-bottom:1.5em}.card__body h3[data-v-c9f6203c]{margin-top:0;border-bottom:1px solid #444;padding-bottom:.5em}.summary-stats[data-v-c9f6203c]{display:flex;justify-content:space-around;text-align:center;margin:1em 0}.stat-value[data-v-c9f6203c]{font-size:2em;font-weight:700}.stat-label[data-v-c9f6203c]{font-size:.9em;color:#aaa}.class-progress-dashboard h4[data-v-c9f6203c]{margin-bottom:.5em}.progress-bar[data-v-c9f6203c]{width:100%;background-color:#444;border-radius:4px;overflow:hidden;height:20px}.progress-fill[data-v-c9f6203c]{height:100%;background-color:#42b883;transition:width .5s ease-in-out}.progress-text[data-v-c9f6203c]{text-align:center;margin-top:.5em;font-size:.9em}.card[data-v-ffd98689]{background-color:#2f2f2f;border-radius:8px;padding:1.5em;margin-bottom:1.5em}.card__body h3[data-v-ffd98689]{margin-top:0;border-bottom:1px solid #444;padding-bottom:.5em;color:#42b883}.categories-list[data-v-ffd98689]{display:flex;flex-direction:column;gap:1em}.category-item[data-v-ffd98689]{display:flex;align-items:center;padding:.75em;background-color:#3a3a3a;border-radius:8px;transition:all .3s ease}.category-item[data-v-ffd98689]:hover{background-color:#444;transform:translate(5px)}.category-icon[data-v-ffd98689]{font-size:1.5em;margin-right:.75em;min-width:30px;text-align:center}.category-info[data-v-ffd98689]{display:flex;flex-direction:column}.category-info strong[data-v-ffd98689]{color:#fff;font-size:.9em;margin-bottom:.2em}.category-info small[data-v-ffd98689]{color:#aaa;font-size:.8em;line-height:1.3}.student-card[data-v-d0e0cc24]{background-color:#3a3a3a;padding:1.5em;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.student-card[data-v-d0e0cc24]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.student-card.status-green[data-v-d0e0cc24]{border-color:#2ed573;background:linear-gradient(135deg,#3a3a3a 0%,#2d4a2d 100%)}.student-card.status-yellow[data-v-d0e0cc24]{border-color:#ffa502;background:linear-gradient(135deg,#3a3a3a 0%,#4a3d2d 100%)}.student-card.status-red[data-v-d0e0cc24]{border-color:#ff4757;background:linear-gradient(135deg,#3a3a3a 0%,#4a2d2d 100%)}.student-avatar[data-v-d0e0cc24]{width:80px;height:80px;border-radius:50%;background-color:#4f4f4f;display:flex;justify-content:center;align-items:center;font-size:2em;margin:0 auto 1em;font-weight:700;color:#fff}.student-info[data-v-d0e0cc24]{display:flex;flex-direction:column;gap:.5em}.student-name[data-v-d0e0cc24]{font-size:1.1em;font-weight:700;color:#fff}.student-xp[data-v-d0e0cc24]{font-size:.9em;color:#42b883;font-weight:700}.student-status[data-v-d0e0cc24]{display:flex;justify-content:center;align-items:center;gap:.5em;margin-top:.5em}.status-indicator[data-v-d0e0cc24]{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:700;text-transform:uppercase}.status-indicator.status-green[data-v-d0e0cc24]{background-color:#2ed573;color:#000}.status-indicator.status-yellow[data-v-d0e0cc24]{background-color:#ffa502;color:#000}.status-indicator.status-red[data-v-d0e0cc24]{background-color:#ff4757;color:#fff}.warnings[data-v-d0e0cc24]{font-size:.9em;color:#ffa502}.modal[data-v-344ce06d]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-backdrop[data-v-344ce06d]{position:absolute;width:100%;height:100%;background-color:#000000b3}.modal-content[data-v-344ce06d]{position:relative;background-color:#2f2f2f;padding:2em;border-radius:12px;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-344ce06d]{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #444;padding-bottom:1em;margin-bottom:1.5em}.student-header[data-v-344ce06d]{display:flex;align-items:center;gap:1em}.student-avatar[data-v-344ce06d]{width:60px;height:60px;border-radius:50%;background-color:#42b883;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;color:#fff}.student-title h3[data-v-344ce06d]{margin:0 0 .5em;color:#fff}.student-status[data-v-344ce06d]{display:flex;gap:.5em;align-items:center}.status-badge[data-v-344ce06d]{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:700;text-transform:uppercase}.status-badge.status-green[data-v-344ce06d]{background-color:#2ed573;color:#000}.status-badge.status-yellow[data-v-344ce06d]{background-color:#ffa502;color:#000}.status-badge.status-red[data-v-344ce06d]{background-color:#ff4757;color:#fff}.warnings-badge[data-v-344ce06d]{font-size:.8em;color:#ffa502}.close-btn[data-v-344ce06d]{background:none;border:none;color:#aaa;font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-344ce06d]:hover{background-color:#444;color:#fff}.modal-body[data-v-344ce06d]{display:flex;flex-direction:column;gap:1.5em}.student-stats[data-v-344ce06d]{display:flex;gap:1em;justify-content:space-around}.stat-item[data-v-344ce06d]{text-align:center;padding:1em;background-color:#3a3a3a;border-radius:8px;flex:1}.stat-value[data-v-344ce06d]{font-size:2em;font-weight:700;color:#42b883}.stat-label[data-v-344ce06d]{font-size:.8em;color:#aaa;margin-top:.5em}.notes-section h4[data-v-344ce06d],.quick-actions h4[data-v-344ce06d]{margin:0 0 .5em;color:#42b883}.notes-textarea[data-v-344ce06d]{width:100%;background-color:#3a3a3a;border:1px solid #444;border-radius:8px;padding:.75em;color:#fff;font-family:inherit;resize:vertical;margin-bottom:.5em}.notes-textarea[data-v-344ce06d]:focus{outline:none;border-color:#42b883}.action-buttons[data-v-344ce06d],.warning-buttons[data-v-344ce06d]{display:flex;gap:.5em;flex-wrap:wrap;margin-bottom:1em}.btn[data-v-344ce06d]{padding:.5em 1em;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:700;transition:all .3s ease}.btn--sm[data-v-344ce06d]{padding:.4em .8em;font-size:.8em}.btn--primary[data-v-344ce06d]{background-color:#42b883;color:#fff}.btn--primary[data-v-344ce06d]:hover{background-color:#3aa876}.btn--success[data-v-344ce06d]{background-color:#2ed573;color:#000}.btn--success[data-v-344ce06d]:hover{background-color:#26c066}.btn--warning[data-v-344ce06d]{background-color:#ffa502;color:#000}.btn--warning[data-v-344ce06d]:hover{background-color:#e69400}.btn--danger[data-v-344ce06d]{background-color:#ff4757;color:#fff}.btn--danger[data-v-344ce06d]:hover{background-color:#e63946}.teacher-dashboard[data-v-0a43c850]{padding:20px;max-width:1200px;margin:0 auto}.dashboard-header[data-v-0a43c850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #444}.dashboard-header h1[data-v-0a43c850]{margin:0;color:#42b883}.header-controls[data-v-0a43c850]{display:flex;align-items:center;gap:15px}.connection-status[data-v-0a43c850]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;background-color:#ff4757;color:#fff}.connection-status.connected[data-v-0a43c850]{background-color:#2ed573}.test-btn[data-v-0a43c850]{padding:8px 16px;background-color:#42b883;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease}.test-btn[data-v-0a43c850]:hover{background-color:#3aa876}.dashboard-content[data-v-0a43c850]{display:grid;grid-template-columns:300px 1fr;gap:30px}.dashboard-sidebar[data-v-0a43c850]{display:flex;flex-direction:column;gap:20px}.dashboard-main[data-v-0a43c850]{background-color:#2f2f2f;border-radius:8px;padding:20px}.students-roster h2[data-v-0a43c850]{margin-top:0;margin-bottom:20px;color:#42b883}.students-list[data-v-0a43c850]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.display-board[data-v-25b4f7a2]{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#1a1a1a 0%,#2f2f2f 100%)}.display-header[data-v-25b4f7a2]{text-align:center;margin-bottom:40px;padding:30px;background-color:#2f2f2f;border-radius:16px;box-shadow:0 8px 32px #0000004d}.display-header h1[data-v-25b4f7a2]{margin:0 0 20px;font-size:3em;color:#42b883;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-controls[data-v-25b4f7a2]{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:20px}.connection-status[data-v-25b4f7a2]{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;background-color:#ff4757;color:#fff}.connection-status.connected[data-v-25b4f7a2]{background-color:#2ed573}.test-btn[data-v-25b4f7a2]{padding:8px 16px;background-color:#42b883;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease}.test-btn[data-v-25b4f7a2]:hover{background-color:#3aa876}.class-progress[data-v-25b4f7a2]{max-width:400px;margin:0 auto}.progress-info[data-v-25b4f7a2]{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-size:1.2em}.current-xp[data-v-25b4f7a2]{color:#42b883;font-weight:700;font-size:1.5em}.separator[data-v-25b4f7a2]{color:#666;font-size:1.2em}.goal-xp[data-v-25b4f7a2]{color:#aaa;font-weight:700}.xp-label[data-v-25b4f7a2]{color:#666;font-size:.9em;margin-left:5px}.progress-bar[data-v-25b4f7a2]{width:100%;height:20px;background-color:#444;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-fill[data-v-25b4f7a2]{height:100%;background:linear-gradient(90deg,#42b883 0%,#2ed573 100%);transition:width .8s ease-in-out;border-radius:10px}.class-stats[data-v-25b4f7a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-25b4f7a2]{background-color:#2f2f2f;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #0003;transition:transform .3s ease}.stat-card[data-v-25b4f7a2]:hover{transform:translateY(-5px)}.stat-card.green[data-v-25b4f7a2]{border-left:4px solid #2ed573}.stat-card.yellow[data-v-25b4f7a2]{border-left:4px solid #ffa502}.stat-card.red[data-v-25b4f7a2]{border-left:4px solid #ff4757}.stat-number[data-v-25b4f7a2]{font-size:2.5em;font-weight:700;color:#fff;margin-bottom:5px}.stat-label[data-v-25b4f7a2]{color:#aaa;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.students-grid[data-v-25b4f7a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0}@media (max-width: 768px){.display-header h1[data-v-25b4f7a2]{font-size:2em}.class-stats[data-v-25b4f7a2]{grid-template-columns:repeat(2,1fr)}.students-grid[data-v-25b4f7a2]{grid-template-columns:1fr}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}