/* --- ESTILOS FUTURISTAS V2.0 --- */
        body { font-family: 'Rajdhani', sans-serif; background-color: #020617; color: #e2e8f0; overflow: hidden; position: relative; }
        body::before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-image: linear-gradient(to right, rgba(0, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 255, 255, 0.05) 1px, transparent 1px); background-size: 40px 40px; z-index: -1; pointer-events: none; }
        .nav-btn[aria-current="page"] { background-color: rgba(0, 255, 255, 0.1); color: #67e8f9; font-weight: 700; box-shadow: inset 3px 0 0 0 #22d3ee; }
        .glass-panel { background: rgba(15, 23, 42, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(56, 189, 248, 0.1); }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.5); }
        ::-webkit-scrollbar-thumb { background: #0891b2; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #06b6d4; }
        #student-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; max-height: 350px; overflow-y: auto; border: 1px solid rgba(56, 189, 248, 0.2); padding: 16px; border-radius: 8px; background-color: rgba(2, 6, 23, 0.5); }
        .student-checkbox { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 4px; transition: background-color 0.2s ease; }
        .student-checkbox:hover { background-color: rgba(0, 255, 255, 0.1); }
        .student-checkbox input { cursor: pointer; accent-color: #22d3ee; width: 16px; height: 16px; }
        .student-checkbox label { cursor: pointer; font-size: 14px; font-weight: 500; color: #cbd5e1; }