@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";html{--academico-font: "DM Sans", sans-serif;--academico-primary: #3730a3;--academico-primary-light: #6366f1;--academico-primary-subtle: #eef2ff;--academico-surface: #f8fafc;--academico-surface-card: #ffffff;--academico-border: #e2e8f0;--academico-text: #0f172a;--academico-text-muted: #64748b;--academico-success: #16a34a;--academico-error: #dc2626;--academico-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .08);--academico-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07);--academico-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08);--academico-radius-sm: 6px;--academico-radius-md: 10px;--academico-radius-lg: 16px;font-family:var(--academico-font)}.login-view{background-color:var(--academico-surface);background-image:radial-gradient(ellipse 80% 60% at 60% -10%,#c7d2fe 0%,transparent 60%),radial-gradient(ellipse 50% 40% at -5% 80%,#e0e7ff 0%,transparent 55%);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--academico-surface-card);border:1px solid var(--academico-border);border-radius:var(--academico-radius-lg);box-shadow:var(--academico-shadow-lg);padding:2.5rem 2rem;width:100%;max-width:400px;animation:login-appear .4s cubic-bezier(.22,.68,0,1.2) both}@keyframes login-appear{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.login-brand-icon{width:52px;height:52px;border-radius:var(--academico-radius-md);background:var(--academico-primary);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 4px 14px #3730a359}.login-brand-title{font-size:1.4rem;font-weight:600;color:var(--academico-text);letter-spacing:-.02em;margin:0}.login-brand-subtitle{font-size:.8rem;color:var(--academico-text-muted);margin:.2rem 0 0;letter-spacing:.04em;text-transform:uppercase}.login-field{width:100%;margin-bottom:1rem}.login-submit{width:100%;margin-top:.5rem;background:var(--academico-primary)!important;color:#fff!important;border-radius:var(--academico-radius-sm)!important;font-weight:500!important;height:2.75rem!important;transition:background .2s,box-shadow .2s!important}.login-submit:hover{background:var(--academico-primary-light)!important;box-shadow:0 4px 12px #3730a34d!important}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--academico-radius-sm);padding:.6rem .9rem;color:var(--academico-error);font-size:.85rem;margin-bottom:1rem;text-align:center}.login-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:var(--academico-text-muted)}.page-view{background-color:var(--academico-surface);padding:1.5rem;box-sizing:border-box;animation:page-in .3s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:1.25rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--academico-text);letter-spacing:-.02em;margin:0}.page-subtitle{font-size:.82rem;color:var(--academico-text-muted);margin:.15rem 0 0}.page-toolbar{background:var(--academico-surface-card);border:1px solid var(--academico-border);border-radius:var(--academico-radius-md);box-shadow:var(--academico-shadow-sm);padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-nuevo-btn{margin-left:auto;background:var(--academico-primary)!important;color:#fff!important;border-radius:var(--academico-radius-sm)!important;font-weight:500!important;white-space:nowrap;transition:background .2s,box-shadow .2s!important}.page-nuevo-btn:hover{background:var(--academico-primary-light)!important;box-shadow:0 4px 12px #3730a340!important}.page-grid-wrapper{background:var(--academico-surface-card);border:1px solid var(--academico-border);border-radius:var(--academico-radius-md);box-shadow:var(--academico-shadow-sm);overflow:hidden;flex:1}.estado-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500}.estado-activo{background:#dcfce7;color:var(--academico-success)}.estado-inactivo{background:#f1f5f9;color:var(--academico-text-muted)}.form-section-title{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--academico-text-muted);margin:1rem 0 .25rem;padding-bottom:.4rem;border-bottom:1px solid var(--academico-border);width:100%}.form-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1.25rem;border-top:1px solid var(--academico-border);margin-top:.5rem}.form-guardar{background:var(--academico-primary)!important;color:#fff!important;border-radius:var(--academico-radius-sm)!important;font-weight:500!important;transition:background .2s!important}.form-guardar:hover{background:var(--academico-primary-light)!important}.form-cancelar{border-radius:var(--academico-radius-sm)!important}.estado-graduado{background:#dbeafe;color:#1d4ed8}.estado-retirado{background:#fef9c3;color:#a16207}.estado-finalizado{background:#dbeafe;color:#1d4ed8}.estado-cancelado{background:#fee2e2;color:#dc2626}.estado-trasladado{background:#f3e8ff;color:#7c3aed}.asistencia-toggles{display:flex;gap:4px}.asistencia-toggle-btn{min-width:90px;height:32px;font-size:.75rem;font-weight:500;border-radius:var(--academico-radius-sm)!important;border:1px solid var(--academico-border)!important;background:var(--academico-surface)!important;color:var(--academico-text-muted)!important;transition:all .15s ease!important;cursor:pointer}.asistencia-toggle-btn:hover{border-color:var(--academico-primary)!important;color:var(--academico-primary)!important}.asistencia-toggle-asistio.asistencia-toggle-selected{background:#dcfce7!important;border-color:#16a34a!important;color:#16a34a!important;font-weight:600!important}.asistencia-toggle-no_asistio.asistencia-toggle-selected{background:#fee2e2!important;border-color:#dc2626!important;color:#dc2626!important;font-weight:600!important}.asistencia-toggle-justificado.asistencia-toggle-selected{background:#dbeafe!important;border-color:#2563eb!important;color:#1d4ed8!important;font-weight:600!important}.navbar-layout{padding:0 1rem;height:56px;border-bottom:1px solid var(--academico-border);background:var(--academico-surface-card)}.navbar-titulo{font-size:1rem;font-weight:600;color:var(--academico-text);letter-spacing:-.01em;margin:0}.drawer-layout{height:100%;background:var(--academico-surface-card);border-right:1px solid var(--academico-border);display:flex;flex-direction:column}.drawer-brand{padding:1.25rem 1rem;border-bottom:1px solid var(--academico-border);gap:.75rem}.drawer-brand-icon{width:36px;height:36px;min-width:36px;border-radius:var(--academico-radius-sm);background:var(--academico-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3730a34d}.drawer-brand-nombre{font-size:.95rem;font-weight:600;color:var(--academico-text);letter-spacing:-.01em;line-height:1.2}.drawer-brand-version{font-size:.72rem;color:var(--academico-text-muted);line-height:1.2}.drawer-nav{flex:1;overflow-y:auto;padding:.5rem 0}.drawer-seccion-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--academico-text-muted);padding:1rem 1rem .35rem}.drawer-sidenav{width:100%}.drawer-nav-item::part(item){border-radius:var(--academico-radius-sm);margin:1px .5rem;padding:.45rem .75rem;font-size:.85rem;color:var(--academico-text-muted);transition:background .15s,color .15s}.drawer-nav-item::part(item):hover{background:var(--academico-primary-subtle);color:var(--academico-primary)}.drawer-nav-item[active]::part(item){background:var(--academico-primary-subtle);color:var(--academico-primary);font-weight:600}.drawer-footer{padding:.875rem 1rem;border-top:1px solid var(--academico-border);gap:.75rem;margin-top:auto}.drawer-footer-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--academico-primary-subtle);color:var(--academico-primary);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.drawer-footer-nombre{font-size:.82rem;font-weight:500;color:var(--academico-text);line-height:1.2}.drawer-footer-rol{font-size:.72rem;color:var(--academico-text-muted);line-height:1.2}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.login-brand-title{font-size:1.6rem;font-weight:700;color:var(--academico-primary);letter-spacing:-.02em;margin:0 0 .25rem}.login-brand-subtitle{font-size:.82rem;color:var(--academico-text-muted);margin:0;letter-spacing:.01em}