:root{--docentes-accent:#8b5cf6;--docentes-accent-hover:#a78bfa;--docentes-accent-muted:rgba(139, 92, 246, 0.15);--docentes-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%)}.docentes-page{--color-primary:#8b5cf6;--color-primary-hover:#a78bfa;--color-primary-muted:rgba(139, 92, 246, 0.15)}.docentes-header{position:relative}.docentes-header::after{content:'📚 Sección Docentes';display:inline-block;background:var(--docentes-accent-muted);color:var(--docentes-accent);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-left:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.docentes-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);transition:all .3s ease}.docentes-card:hover{border-color:var(--docentes-accent);box-shadow:0 0 30px rgba(139,92,246,.15);transform:translateY(-2px)}.btn-docentes{background:var(--docentes-gradient);color:#fff;box-shadow:0 0 20px rgba(139,92,246,.2)}.btn-docentes:hover{box-shadow:0 0 30px rgba(139,92,246,.3)}.tag-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--bg-body);border-radius:20px;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;border:1px solid transparent}.tag:hover{background:var(--bg-card-hover)}.tag.active{background:var(--docentes-accent-muted);color:var(--docentes-accent);border-color:var(--docentes-accent)}.lista-alumnos{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-md);max-height:300px;overflow-y:auto}.alumno-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s}.alumno-item:hover{background:var(--bg-card-hover)}.alumno-item.selected{background:var(--docentes-accent-muted);border-left:3px solid var(--docentes-accent)}.alumno-item .nombre{display:flex;align-items:center;gap:var(--spacing-sm)}.alumno-item .eliminar{opacity:0;transition:opacity .2s;color:var(--color-danger);cursor:pointer;padding:.25rem}.alumno-item:hover .eliminar{opacity:1}.ruleta-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.ruleta-display{width:200px;height:200px;border-radius:50%;background:var(--bg-body);border:4px solid var(--docentes-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--docentes-accent);position:relative;margin-bottom:var(--spacing-lg);box-shadow:0 0 30px rgba(139,92,246,.2)}.ruleta-display.spinning{animation:pulse .1s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.ruleta-pointer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--docentes-accent)}.timer-display{font-size:4rem;font-weight:700;font-family:'JetBrains Mono','Fira Code',monospace;text-align:center;color:var(--color-text);letter-spacing:4px;margin:var(--spacing-lg) 0}.timer-display.warning{color:var(--color-warning);animation:blink 1s ease-in-out infinite}.timer-display.danger{color:var(--color-danger);animation:blink .5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}.timer-controls{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.timer-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.timer-btn.play{background:var(--color-success);color:#fff}.timer-btn.pause{background:var(--color-warning);color:#fff}.timer-btn.reset{background:var(--color-danger);color:#fff}.timer-btn:hover{transform:scale(1.1)}.modo-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--bg-body);padding:var(--spacing-xs);border-radius:var(--radius-md)}.modo-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all .2s}.modo-tab.active{background:var(--docentes-accent);color:#fff}.notas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.nota-input{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.nota-input label{font-size:.8rem;color:var(--color-text-muted)}.nota-input input{width:100%;padding:var(--spacing-sm);text-align:center;font-size:1.1rem;font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text);transition:border-color .2s}.nota-input input:focus{border-color:var(--docentes-accent);outline:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat-card{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.stat-card .value{font-size:1.5rem;font-weight:700;color:var(--docentes-accent)}.stat-card .label{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}@media (max-width:600px){.timer-display{font-size:2.5rem;letter-spacing:2px}.ruleta-display{width:150px;height:150px;font-size:1.2rem}.notas-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}