:root{--color-Oscuro: #11131b;--color-OscuroDos: #2d2f33;--color-OscuroAzulado: #242f4e;--color-Blanco: #ffffff;--color-Contenedor: #d6e9fa;--color-ContenedorClaro: #9bd3f1;--color-Azul: #8bc2f3;--color-AzulDos: #4ba4df;--color-AzulTres: #1e67a3;--color-AzulCuatro: #08467a;--color-Complemento: #9da2ff;--color-ComplementoDos: #71e1fd;--color-TitulosMenu: #0c4a7a;--color-Texto: #23212a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px}.center{display:flex;justify-content:center;align-items:center;padding:10px}.layout{display:flex;gap:30px;padding:30px}.contenido{flex:1;display:flex;flex-direction:column;align-items:center}.sidebar{background:linear-gradient(180deg,var(--color-Azul),var(--color-AzulTres));width:150px;height:590px;border-radius:15px;padding:20px;box-shadow:0 10px 25px #00000040}.columna{display:flex;flex-direction:column;gap:10px}.logo{width:120px;margin:auto auto 20px}button.link{background:none;border:none;text-align:left;cursor:pointer;font-family:inherit}.link{text-decoration:none;color:#fff;font-weight:500;padding:10px 12px;border-radius:8px;transition:all .25s ease}.link:hover{background:#fff3;transform:translate(5px)}.router-link-active{background:#fff;color:var(--color-AzulFuerte);font-weight:600}.bg-page[data-v-72b6779c]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.form-container[data-v-72b6779c]{background:var(--color-Contenedor);padding:50px;border-radius:15px;width:45%;margin:auto;text-align:center;box-shadow:0 0 30px #01a2ff80}h1[data-v-72b6779c]{color:var(--color-Titulos);background-color:var(--color-AzulDos);border-radius:40px}h2[data-v-72b6779c]{color:var(--color-Texto)}.form-grid[data-v-72b6779c]{display:columns;grid-template-columns:1fr 1fr;gap:60px;text-align:left}label[data-v-72b6779c]{display:block;margin-top:15px;margin-bottom:5px;color:var(--color-Texto);font-weight:700}input[data-v-72b6779c],select[data-v-72b6779c]{width:100%;padding:12px;border-radius:8px;border:none;background:var(--color-ContenedorClaro);color:#343a55;outline:none}input[data-v-72b6779c]::placeholder{color:#343a55}.btn-submit[data-v-72b6779c]{margin-top:40px;padding:15px 40px;border:none;border-radius:10px;background:var(--color-AzulTres);color:#fff;font-size:16px;cursor:pointer}.btn-submit[data-v-72b6779c]:hover{background:var(--color-OscuroAzulado)}.bg-page[data-v-d06654e1]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-Azul),var(--color-AzulTres));z-index:-1}.form-container[data-v-d06654e1]{background:var(--color-Contenedor);padding:50px;border-radius:15px;width:45%;height:auto;margin:auto;text-align:center;box-shadow:0 0 30px #01a2ff80}h1[data-v-d06654e1]{color:var(--color-TitulosMenu);background-color:var(--color-AzulDos);border-radius:40px;padding:10px}.form-grid[data-v-d06654e1]{display:flex;flex-direction:column;text-align:left}label[data-v-d06654e1]{display:block;margin-top:15px;margin-bottom:5px;color:var(--color-Texto);font-weight:700}input[data-v-d06654e1]{width:100%;padding:12px;border-radius:8px;border:none;background:var(--color-ContenedorClaro);color:#343a55;outline:none}input[data-v-d06654e1]::placeholder{color:#343a55}.btn-submit[data-v-d06654e1]{margin-top:40px;padding:15px;border:none;border-radius:10px;background:var(--color-AzulTres);color:#fff;font-size:16px;cursor:pointer;transition:.2s}.btn-submit[data-v-d06654e1]:hover{background:var(--color-OscuroAzulado)}.bg-page[data-v-6d987451]{position:fixed;inset:0;background:linear-gradient(-45deg,var(--color-Complemento),var(--color-AzulTres),var(--color-Azul),var(--color-AzulCuatro));background-size:400% 400%;animation:gradient-6d987451 15s ease infinite;z-index:0}@keyframes gradient-6d987451{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container[data-v-6d987451]{background:var(--color-Contenedor);padding:40px;border-radius:15px;width:400px;margin:auto;text-align:center}h1[data-v-6d987451]{color:var(--color-TitulosMenu);margin-bottom:30px}.login-form[data-v-6d987451]{display:flex;flex-direction:column;text-align:left}label[data-v-6d987451]{margin-top:15px;margin-bottom:5px;color:var(--color-Texto);font-weight:700}input[data-v-6d987451]{width:100%;padding:12px;border-radius:8px;border:none;background:var(--color-ContenedorClaro);color:var(--color-Texto);outline:none}input[data-v-6d987451]::placeholder{color:#343a55}.btn-login[data-v-6d987451]{margin-top:30px;padding:15px;border:none;border-radius:10px;background:var(--color-AzulTres);color:#fff;font-size:16px;cursor:pointer}.btn-login[data-v-6d987451]:hover{background:var(--color-AzulCuatro)}.contain{background:var(--color-Contenedor);width:1400px;height:690px;border-radius:10px}.shadow{box-shadow:0 0 30px #01a2ff80}.CenterItems[data-v-4700b878]{align-items:center;padding-left:50px}.bg-page[data-v-4700b878]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.ContTittle[data-v-4700b878]{background:var(--color-Azul);width:900px;height:40px;border-radius:10px}.ContSmall[data-v-4700b878]{background:var(--color-Azul);width:1000px;height:40px;border-radius:10px}.ContBig[data-v-4700b878]{background:var(--color-Blanco);width:1000px;height:550px;border-radius:10px}.CenterItems[data-v-1b25953d]{align-items:center;padding-left:50px}.bg-page[data-v-1b25953d]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.ContSmall[data-v-1b25953d]{background:var(--color-Azul);width:1000px;height:60px;border-radius:20px}.ContBig[data-v-1b25953d]{background:var(--color-Blanco);width:800px;height:400px;border-radius:20px}.card[data-v-199326d7]{width:100%;max-width:300px;background:var(--color-Contenedor);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000030;transition:all .25s ease}.card[data-v-199326d7]:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000040}.card-top[data-v-199326d7]{background:linear-gradient(135deg,var(--color-Azul),var(--color-AzulTres));padding:15px;display:flex;justify-content:space-between;align-items:center}.inactive .card-top[data-v-199326d7]{background:var(--color-OscuroDos)}.period-pill[data-v-199326d7]{background:var(--color-Blanco);color:var(--color-AzulCuatro);font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600}.dot[data-v-199326d7]{width:10px;height:10px;border-radius:50%;background:#4cff88}.dot.inactive[data-v-199326d7]{background:#ff6b6b}.card-body[data-v-199326d7]{padding:15px}.card-title[data-v-199326d7]{font-size:1rem;font-weight:600;color:var(--color-TitulosMenu);margin-bottom:5px}.card-desc[data-v-199326d7]{font-size:.85rem;color:var(--color-Texto);opacity:.8;margin-bottom:15px}.meta[data-v-199326d7]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-box[data-v-199326d7]{background:var(--color-ContenedorClaro);border-radius:10px;padding:10px}.meta-label[data-v-199326d7]{font-size:11px;opacity:.7}.meta-value[data-v-199326d7]{font-size:.9rem;font-weight:600}.meta-value.id[data-v-199326d7]{color:var(--color-AzulCuatro)}.meta-value.teacher[data-v-199326d7]{color:var(--color-AzulTres)}.card-footer[data-v-199326d7]{padding:12px 15px;background:#0000000d;display:flex;justify-content:space-between;align-items:center}.status[data-v-199326d7]{font-size:12px;font-weight:600;color:#2ecc71}.status.inactive[data-v-199326d7]{color:#e74c3c}.counts[data-v-199326d7]{font-size:12px;color:var(--color-Texto);display:flex;gap:10px}.bg-page[data-v-91c32d6b]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.ContSmall[data-v-91c32d6b]{background:var(--color-Azul);width:1000px;min-height:70px;border-radius:20px;margin:30px auto 0;padding:15px;color:#fff}.ContSmall h1[data-v-91c32d6b]{margin:0;font-size:1.5rem}.ContSmall p[data-v-91c32d6b]{margin:0;font-size:.9rem;opacity:.9}.ContBig[data-v-91c32d6b]{background:var(--color-Blanco);width:1000px;min-height:500px;border-radius:20px;margin:30px auto;padding:30px;box-shadow:0 10px 30px #00000030}.groups-grid[data-v-91c32d6b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:20px}.loading-state[data-v-91c32d6b]{text-align:center;padding:60px;color:var(--color-AzulTres)}.spinner[data-v-91c32d6b]{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid var(--color-AzulTres);border-radius:50%;animation:spin-91c32d6b 1s linear infinite;margin:0 auto 15px}@keyframes spin-91c32d6b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner[data-v-91c32d6b]{background:#ffe5e5;color:#b91c1c;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;gap:10px;align-items:center;font-weight:600}.btn-create-group[data-v-91c32d6b]{margin-top:12px;padding:12px 22px;border:none;border-radius:14px;background:linear-gradient(135deg,#fff,#dbeafe);color:var(--color-OscuroAzulado);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 18px #00000026;letter-spacing:.5px}.btn-create-group[data-v-91c32d6b]:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fff,#bfdbfe);box-shadow:0 10px 25px #0003}.btn-create-group[data-v-91c32d6b]:active{transform:translateY(0) scale(.98);box-shadow:0 4px 12px #0000002e}.btn-create-group[data-v-91c32d6b]:focus{outline:none;box-shadow:0 0 0 4px #ffffff59,0 10px 25px #0003}.avatar[data-v-91c32d6b]{width:38px;height:38px;border-radius:50%;background:#e1f5ee;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#0f6e56}.CenterItems[data-v-73742f53]{align-items:center;padding-left:50px}.bg-page[data-v-73742f53]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.ContSmall[data-v-73742f53]{background:var(--color-Azul);width:1000px;height:60px;border-radius:20px}.ContBig[data-v-73742f53]{background:var(--color-Blanco);width:800px;height:400px;border-radius:20px}.CenterItems[data-v-d22f9bd1]{align-items:center;padding-left:50px}.bg-page[data-v-d22f9bd1]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.ContSmall[data-v-d22f9bd1]{background:var(--color-Azul);width:1000px;height:60px;border-radius:20px}.ContBig[data-v-d22f9bd1]{background:var(--color-Blanco);width:800px;height:400px;border-radius:20px}.bg-page[data-v-1deaa8e2]{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,var(--color-OscuroAzulado),var(--color-OscuroDos));z-index:-1}.form-container[data-v-1deaa8e2]{background:var(--color-Contenedor);padding:50px;border-radius:15px;width:90%;height:80%;margin:auto;text-align:center;box-shadow:0 0 30px #01a2ff80}h1[data-v-1deaa8e2]{color:var(--color-Titulos);background-color:var(--color-AzulDos);border-radius:40px}h2[data-v-1deaa8e2]{color:var(--color-Texto)}.form-grid[data-v-1deaa8e2]{display:columns;grid-template-columns:1fr 1fr;gap:60px;text-align:left}label[data-v-1deaa8e2]{display:block;margin-top:15px;margin-bottom:5px;color:var(--color-Texto);font-weight:700}input[data-v-1deaa8e2],select[data-v-1deaa8e2]{width:100%;padding:12px;border-radius:8px;border:none;background:var(--color-ContenedorClaro);color:#343a55;outline:none}input[data-v-1deaa8e2]::placeholder{color:#343a55}.btn-submit[data-v-1deaa8e2]{margin-top:40px;padding:15px 40px;border:none;border-radius:10px;background:var(--color-AzulTres);color:#fff;font-size:16px;cursor:pointer}.btn-submit[data-v-1deaa8e2]:hover{background:var(--color-OscuroAzulado)}.ContSmall[data-v-1deaa8e2]{background:var(--color-Azul);width:20%;height:10%;border-radius:20px}.student-platform-container[data-v-ccc4bfec]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f7f9;font-family:Inter,system-ui,-apple-system,sans-serif;padding:20px}.form-card[data-v-ccc4bfec]{background:#fff;width:100%;max-width:500px;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-header[data-v-ccc4bfec]{background-color:#1a73e8;padding:24px;color:#fff;text-align:center}.form-header h2[data-v-ccc4bfec]{margin:0;font-size:1.5rem;font-weight:600}.form-header p[data-v-ccc4bfec]{margin:8px 0 0;font-size:.9rem;opacity:.9}.form-body[data-v-ccc4bfec]{padding:24px}.input-group[data-v-ccc4bfec]{margin-bottom:20px;display:flex;flex-direction:column}.input-row[data-v-ccc4bfec]{display:grid;grid-template-columns:1fr 1fr;gap:15px}label[data-v-ccc4bfec]{font-size:.85rem;font-weight:600;color:#444;margin-bottom:8px}input[data-v-ccc4bfec]{padding:12px 16px;border:2px solid #e1e4e8;border-radius:10px;font-size:1rem;transition:all .3s ease;outline:none}input[data-v-ccc4bfec]:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81a}input[data-v-ccc4bfec]::placeholder{color:#a0aec0}.form-footer[data-v-ccc4bfec]{padding:0 24px 24px}.btn-save[data-v-ccc4bfec]{width:100%;background-color:#1a73e8;color:#fff;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .1s ease}.btn-save[data-v-ccc4bfec]:hover{background-color:#1557b0}.btn-save[data-v-ccc4bfec]:active{transform:scale(.98)}@media(max-width:480px){.input-row[data-v-ccc4bfec]{grid-template-columns:1fr}}