@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;0,800&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap";:root{--app-bg:#f4f6fb;--app-text:#0f172a;--app-text-muted:#64748b;--app-sidebar-text:#64748b;--app-secondary-text:#64748b;--app-section-heading:#475569;--app-border:#e2e8f0;--app-sidebar:#fff;--app-sidebar-border:#e2e8f0;--app-nav-active-bg:#0ea5e91f;--app-accent-soft-bg:color-mix(in srgb, var(--app-accent) 12%, var(--app-sidebar));--app-nav-active:#0284c7;--app-header-bg:#fff;--app-header-border:#e2e8f0;--app-card:#fff;--app-card-border:#e2e8f0;--app-input-bg:#fff;--app-input-border:#cbd5e1;--app-modal-overlay:#0f172a73;--app-modal-bg:#fff;--app-modal-border:#e2e8f0;--app-soft:#f1f5f9;--app-bar-track:#e2e8f0;--app-bottom-nav:#fff;--app-bottom-border:#e2e8f0;--app-stats-bg:#f8fafc;--app-shadow:#0f172a14;--app-accent:#0ea5e9;--app-accent-glow:0 2px 14px #0ea5e973;--app-accent-border-strong:#38bdf899;--app-accent-focus-border:#0ea5e9a6;--app-accent-focus-ring:0 0 0 3px #0ea5e91f;--app-on-accent:#fff;--app-toolbar-text:#64748b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{background:var(--app-bg);height:100%;color:var(--app-text);margin:0;padding:0;font-family:DM Sans,system-ui,sans-serif}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--app-bg,#f4f6fb);color:var(--app-text,#0f172a);font-family:DM Sans,Segoe UI,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}select option{color:#0f172a;background:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:8px;width:230px;padding:32px 20px;display:flex}.sidebar__label{color:#475569;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.sidebar__title{color:#0f172a;letter-spacing:-.03em;margin-bottom:28px;font-size:20px;font-weight:800}.sidebar__nav-item{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar__nav-item--active{color:#38bdf8;background:#38bdf81a;border-color:#38bdf833;font-weight:700}.sidebar__nav-icon{font-size:16px}.sidebar__spacer{flex:1}.sidebar__footer{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;font-size:12px}.sidebar__status{color:#38bdf8;margin-bottom:4px;font-size:11px;font-weight:700}.main{flex:1;max-height:100vh;padding:36px 40px;overflow-y:auto}.page-header{margin-bottom:36px;animation:.4s both fadeUp}.page-header__eyebrow{color:var(--app-section-heading,#475569);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.page-header__title{color:var(--app-text,#0f172a);letter-spacing:-.04em;font-size:32px;font-weight:800}.card{background:var(--app-header-bg,var(--app-sidebar,var(--app-card,#fff)));border:1px solid var(--app-sidebar-border,var(--app-card-border,#e2e8f0));box-shadow:none;border-radius:16px;margin-bottom:20px;padding:22px 24px}.card h2{color:var(--app-text,#0f172a);letter-spacing:-.02em;margin:0 0 16px;font-size:17px;font-weight:800}.leccionario-page{flex-direction:column;gap:16px;max-width:min(1000px,100%);animation:.3s both fadeUp;display:flex}.leccionario-page>.card,.leccionario-panel{margin-bottom:0}.leccionario-panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--app-section-heading,#475569);margin:0 0 6px;font-size:11px;font-weight:700}.leccionario-panel__title{color:var(--app-text);letter-spacing:-.02em;margin:0 0 10px;font-size:17px;font-weight:800}.leccionario-panel__hint{color:var(--app-secondary-text,#64748b);max-width:640px;margin:0 0 18px;font-size:13px;line-height:1.5}.leccionario-period-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:end;gap:14px 16px;display:grid}.leccionario-period-grid .select-wrapper{min-width:0}.leccionario-period-grid .select-wrapper>span:first-child{color:var(--app-secondary-text,#64748b);letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.leccionario-unidad-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:16px;display:grid}.leccionario-form-card__divider{border:0;border-top:1px solid var(--app-sidebar-border,var(--app-card-border,var(--app-border,#e2e8f0)));background:0 0;height:0;margin:28px 0 22px}.leccionario-section-head{margin-bottom:16px}.leccionario-section-head+.leccionario-unidad-grid,.leccionario-section-head+.leccionario-clases{margin-top:0}.card h2.leccionario-panel__title{margin:0 0 10px}.leccionario-alert{background:#fef2f2!important;border-color:#fecaca!important}.leccionario-alert__text{color:#991b1b;margin:0;font-size:14px}.leccionario-loading{color:var(--app-secondary-text,#64748b);margin:0}.leccionario-nueva{border:1px solid var(--app-sidebar-border,var(--app-card-border,var(--app-border,#e2e8f0)));background:var(--app-bg,#f8fafc);border-radius:14px;padding:18px}.leccionario-nueva__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--app-section-heading,#475569);margin:0 0 14px;font-size:11px;font-weight:700}.leccionario-nueva__actions{margin-top:12px}.leccionario-nueva__titulo-input{box-sizing:border-box;width:100%}.leccionario-clases__fila-fecha{width:100%;max-width:200px}.leccionario-historial-bar{margin-top:12px}.leccionario-historial--spaced{margin-top:16px}.leccionario-empty-hint{color:var(--app-secondary-text,#64748b);margin:0;font-size:13px;font-style:italic}.leccionario-footer-actions{flex-wrap:wrap;gap:10px;margin-top:4px;padding-top:8px;display:flex}.leccionario-footer-actions--autosave{align-items:center}.leccionario-autosave-hint{color:var(--app-secondary-text,#64748b);margin:0;font-size:14px;line-height:1.45}.leccionario-modal__fecha{color:var(--app-secondary-text,#64748b);margin:0 0 12px;font-size:13px}.leccionario-modal__label{color:var(--app-section-heading,#475569);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.leccionario-modal__body{color:var(--app-text);white-space:pre-wrap;word-break:break-word;border:1px solid var(--app-border,#e2e8f0);background:var(--app-soft);border-radius:12px;min-height:120px;max-height:min(50vh,360px);padding:12px 14px;font-size:14px;line-height:1.55;overflow-y:auto}.leccionario-clases__bloque{border-bottom:1px solid var(--app-sidebar-border,var(--app-card-border,var(--app-border,#e2e8f0)));padding:18px 0}.leccionario-clases__bloque:first-child{padding-top:0}.leccionario-clases__bloque:last-child{border-bottom:0;padding-bottom:4px}.leccionario-clases__fila-meta{grid-template-columns:1fr minmax(150px,200px) auto;align-items:end;gap:12px 14px;margin-bottom:2px;display:grid}.leccionario-clases__fila-meta--nueva{grid-template-columns:1fr minmax(150px,200px)}.leccionario-clases__acciones{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:2px;display:flex}.leccionario-historial{flex-direction:column;gap:10px;display:flex}.leccionario-historial__row{border:1px solid var(--app-sidebar-border,var(--app-card-border,var(--app-border,#e2e8f0)));background:var(--app-bg,#f8fafc);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.leccionario-historial__row.leccionario-historial__row--listado{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 18px;padding:14px 16px;display:grid}.leccionario-clase-fila__main{flex-direction:column;gap:10px;min-width:0;display:flex}.leccionario-clase-fila__encabezado{align-items:flex-start;gap:10px;display:flex}.leccionario-clase-fila__titulo-fecha{flex-direction:column;gap:4px;min-width:0;display:flex}.leccionario-historial__row--incompleta{background:#fee2e261;border-color:#dc26266b;box-shadow:inset 0 0 0 1px #f8717124}.leccionario-historial__row--incompleta.leccionario-historial__row--rellenable:hover{background:#fecaca8c;border-color:#b91c1c80}.leccionario-historial__row--datos-ok{border-color:var(--app-sidebar-border,var(--app-card-border,var(--app-border,#e2e8f0)));background:var(--app-bg,#f8fafc)}.leccionario-clase-fila__aviso-sin-texto{color:#b91c1c;margin:0;font-size:12px;font-weight:500;line-height:1.45}.leccionario-historial__row--rellenable{cursor:pointer;transition:background .15s,border-color .15s}.leccionario-historial__row--rellenable:hover{background:var(--app-card-bg,#fff);border-color:var(--app-accent-muted,#bae6fd)}.leccionario-historial__row--rellenable:focus-visible{outline:2px solid var(--app-accent,#0ea5e9);outline-offset:2px}.leccionario-historial__row--activa{border-color:var(--app-accent-muted,#bae6fd);background:#0ea5e914;box-shadow:inset 0 0 0 1px #0ea5e933}.leccionario-historial__row--activa.leccionario-historial__row--incompleta{background:#fee2e273;border-color:#0ea5e9a6;box-shadow:inset 0 0 0 1px #0ea5e940,0 0 0 1px #dc26261f}.leccionario-historial__meta{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.leccionario-historial__titulo-row{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.leccionario-historial__orden{color:var(--app-secondary-text,#94a3b8);flex-shrink:0;font-size:12px;font-weight:800}.leccionario-historial__vista-previa{color:var(--app-secondary-text,#64748b);margin:4px 0 0;font-size:12px;line-height:1.45}.leccionario-loading--inline{margin:0 0 14px}.leccionario-clases-creadas__lista{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.leccionario-clases-creadas__lista-vacia{list-style:none}.leccionario-clases-creadas__count{color:var(--app-secondary-text,#64748b);font-weight:600}.leccionario-historial__titulo{color:var(--app-text);font-size:14px;font-weight:700}.leccionario-historial__fecha{color:var(--app-secondary-text,#64748b);font-size:12px}.leccionario-historial__fecha--muted{opacity:.85;font-style:italic}.leccionario-historial__asistencia-row{margin-top:2px}.leccionario-asistencia-badge{letter-spacing:.02em;border-radius:999px;align-items:center;max-width:100%;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.leccionario-asistencia-badge--ok{color:#047857;background:#10b98124;border:1px solid #10b98159}.leccionario-asistencia-badge--warn{color:#b45309;background:#fbbf2426;border:1px solid #d9770659}.leccionario-asistencia-badge--muted{color:#64748b;background:#94a3b81f;border:1px solid #94a3b859}.leccionario-historial__acciones{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=720px){.leccionario-historial__row.leccionario-historial__row--listado{grid-template-columns:1fr}.leccionario-historial__acciones{border-top:1px solid #94a3b833;justify-content:flex-start;width:100%;padding-top:4px}.leccionario-clases__fila-meta{grid-template-columns:1fr}.leccionario-clases__acciones{justify-content:flex-start}}.selectors{background:var(--app-header-bg,var(--app-sidebar));border:1px solid var(--app-sidebar-border,var(--app-border,#e2e8f0));box-sizing:border-box;border-radius:16px;flex-wrap:wrap;gap:14px;margin-bottom:36px;padding:16px 18px;animation:.4s 80ms both fadeUp;display:flex}.selectors .select-wrapper>span:first-child{color:var(--app-sidebar-text,var(--app-secondary-text,#64748b))!important}.select-wrapper{flex:1;min-width:180px;position:relative}.select-box{background:var(--app-bg,#f4f6fb);border:1px solid var(--app-input-border,#cbd5e1);width:100%;color:var(--app-text,#0f172a);appearance:none;cursor:pointer;border-radius:14px;outline:none;padding:13px 42px 13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.select-box:disabled{background:var(--app-soft,#f1f5f9);color:var(--app-text-muted,#334155);cursor:not-allowed}.select-box:focus{border-color:var(--app-accent-focus-border,#38bdf880);box-shadow:var(--app-accent-focus-ring,0 0 0 3px #38bdf81a)}input.select-box.leccionario-input-year{appearance:auto;cursor:text;padding:13px 6px 13px 18px}input.select-box.leccionario-input-year::-webkit-inner-spin-button{margin-inline-end:0}select{background-color:var(--app-bg,#f4f6fb)}select:disabled{background:var(--app-soft,#f1f5f9)}.select-arrow{color:#475569;pointer-events:none;font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.empty-state{flex-direction:column;justify-content:center;align-items:center;height:320px;animation:.5s both fadeUp;display:flex}.empty-state__icon{opacity:.2;margin-bottom:20px;font-size:80px}.empty-state__text{color:#334155;font-size:16px}.dashboard{animation:.4s both fadeUp}.student-header{background:linear-gradient(135deg,#38bdf814 0%,#a78bfa0d 100%);border:1px solid #38bdf826;border-radius:20px;align-items:center;gap:22px;margin-bottom:32px;padding:22px 28px;display:flex}.student-avatar{color:#0f172a;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:flex}.student-info{flex:1}.student-name{letter-spacing:-.03em;color:#0f172a;font-size:22px;font-weight:800}.student-meta{color:#64748b;margin-top:3px;font-size:13px}.overall-avg{text-align:right}.overall-avg__label{color:#475569;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.overall-avg__value{letter-spacing:-.04em;font-family:DM Mono,monospace;font-size:38px;font-weight:800}.section-label{color:#475569;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.observations{margin-bottom:28px}.observations__tags{flex-wrap:wrap;gap:10px;display:flex}.observation-tag{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:99px;padding:7px 14px;font-size:13px}.subjects-list{flex-direction:column;gap:12px;display:flex}.subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;transition:box-shadow .2s,border-color .2s;animation:.45s both fadeUp;overflow:hidden}.subject-card__toggle{cursor:pointer;color:#0f172a;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:18px 22px;display:flex}.subject-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-family:monospace;font-size:18px;font-weight:800;display:flex}.subject-card__name{color:#0f172a;letter-spacing:-.02em;font-size:15px;font-weight:700}.subject-card__meta{color:#94a3b8;margin-top:2px;font-size:12px}.subject-avg-badge{letter-spacing:-.03em;border-radius:99px;padding:6px 14px;font-family:monospace;font-size:20px;font-weight:800}.subject-card__chevron{color:#475569;font-size:18px;transition:transform .25s}.subject-card__chevron--open{transform:rotate(180deg)}.grade-bar-wrapper{padding:0 22px 16px}.grade-bar{align-items:center;gap:8px;display:flex}.grade-bar__track{background:#e2e8f0;border-radius:99px;flex:1;height:6px;overflow:hidden}.grade-bar__fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.grade-bar__value{min-width:28px;font-family:DM Mono,monospace;font-size:13px;font-weight:700}.subject-card__body{border-top:1px solid #e2e8f0;padding:18px 22px;animation:.25s both fadeUp}.grades-row{gap:10px;margin-bottom:20px;display:flex}.grade-pill{text-align:center;border-radius:12px;flex:1;padding:12px 8px}.grade-pill__label{color:#64748b;margin-bottom:4px;font-size:11px}.grade-pill__value{font-family:DM Mono,monospace;font-size:22px;font-weight:800}.grade-pill__bar-track{background:#e2e8f0;border-radius:99px;height:3px;margin-top:8px;overflow:hidden}.grade-pill__bar-fill{border-radius:99px;height:100%}.annotations-list{flex-direction:column;gap:7px;display:flex}.annotation-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:9px 13px;display:flex}.annotation-item__dot{margin-top:1px;font-size:14px}.annotation-item__text{color:#334155;font-size:13px;line-height:1.5}.annotation-item__meta{color:#64748b;margin-top:4px;font-size:11px}.annotation-empty{color:#475569;font-size:13px;font-style:italic}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:10px;font-weight:700}.data-table td{vertical-align:top;color:#334155;border-bottom:1px solid #e2e8f0;padding:12px}.data-table tbody tr:hover{background:var(--app-bg,#f8fafc)}.data-table__cell--muted{color:#64748b;font-size:12px}.data-table__cell--strong{color:#0f172a;font-weight:600}.asistencia-field-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.asistencia-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s}.asistencia-input:focus{border-color:var(--app-accent-focus-border,#38bdf8);box-shadow:var(--app-accent-focus-ring,0 0 0 3px #38bdf81f);background:#fff}.asistencia-toolbar-actions{border-top:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:16px 20px 0;display:flex;position:relative}.asistencia-toolbar-actions:before{content:"";top:0;left:calc(20px + var(--asistencia-rule-inset,12px));right:calc(20px + var(--asistencia-rule-inset,12px));background:var(--app-border,#e2e8f0);pointer-events:none;height:1px;position:absolute}.asistencia-table-wrap .data-table td{vertical-align:middle}.asistencia-table-wrap .data-table td.asistencia-td--estado{vertical-align:top;min-width:260px}.asistencia-table-wrap{--asistencia-rule-inset:12px}.asistencia-table-wrap .data-table{border-collapse:separate;border-spacing:0;min-width:600px}.asistencia-table-wrap .data-table thead th{border-bottom:none}.asistencia-table-wrap .data-table thead tr{position:relative}.asistencia-table-wrap .data-table thead tr:after{content:"";left:var(--asistencia-rule-inset);right:var(--asistencia-rule-inset);background:var(--app-border,#e2e8f0);pointer-events:none;height:1px;transition:opacity .15s;position:absolute;bottom:0}.asistencia-table-wrap .data-table tbody td{border-bottom:none}.asistencia-table-wrap .data-table tbody tr{position:relative}.asistencia-table-wrap .data-table tbody tr:not(:last-child):after{content:"";left:var(--asistencia-rule-inset);right:var(--asistencia-rule-inset);background:var(--app-border,#e2e8f0);pointer-events:none;z-index:1;height:1px;transition:opacity .15s;position:absolute;bottom:0}.asistencia-table-wrap .data-table:has(tbody tr:first-child:hover) thead tr:after{opacity:0}.asistencia-table-wrap .data-table tbody tr:hover:after{opacity:0}.asistencia-table-wrap .data-table tbody tr:has(+tr:hover):after{opacity:0}.asistencia-table-wrap .data-table tbody tr:hover{background:0 0}.asistencia-table-wrap .data-table tbody tr:hover td{background:var(--app-bg,#f8fafc);transition:background-color .15s}.asistencia-table-wrap .data-table tbody tr:hover td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.asistencia-table-wrap .data-table tbody tr:hover td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.app-layout{min-height:100dvh}.app-header{border-bottom:1px solid var(--app-header-border,#e2e8f0);background:var(--app-header-bg,#fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;flex-direction:column;flex-shrink:0;align-items:stretch;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.app-header__top{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.app-header__title{color:var(--app-text,#0f172a);letter-spacing:-.02em;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:clamp(15px,2.8vw,17px);font-weight:800;line-height:1.25;overflow:hidden}.app-header__pdf{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.app-nav-link{font-family:DM Sans,system-ui,sans-serif;transition:background .15s,color .15s,box-shadow .15s,border-color .15s}.app-nav-link:focus-visible{outline:2px solid var(--app-accent,#0ea5e9);outline-offset:2px}.app-nav-link--sidebar{cursor:pointer;text-align:left;width:100%;color:var(--app-sidebar-text,#64748b);background:0 0;border:none;border-left:2px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.app-nav-link--sidebar.app-nav-link--active{background:var(--app-nav-active-bg);color:var(--app-nav-active);border-left-color:var(--app-accent);font-weight:700}.app-nav-link--sidebar:not(.app-nav-link--active):hover{background:var(--app-soft,#f1f5f9);color:var(--app-text,#0f172a)}.app-nav-link--bottom{cursor:pointer;min-height:44px;color:var(--app-sidebar-text,#64748b);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 6px;font-size:10px;font-weight:600;display:flex}.app-nav-link--bottom.app-nav-link--active{background:var(--app-nav-active-bg);color:var(--app-nav-active);box-shadow:inset 0 -3px 0 0 var(--app-accent);font-weight:700}.app-nav-link--bottom:not(.app-nav-link--active):hover{background:var(--app-soft,#f1f5f9);color:var(--app-text,#0f172a)}.app-main{-webkit-overflow-scrolling:touch;flex:1;padding:22px 20px;overflow-y:auto}.app-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}@media (width>=900px){.app-header{flex-flow:wrap;align-items:center;gap:12px}.app-header__top{flex:1;width:auto;min-width:120px}.app-header__title{white-space:nowrap}.app-header__pdf{flex:0 auto;justify-content:flex-end;width:auto;max-width:min(100%,520px)}.app-header__pdf select{width:auto}.app-bottom-nav{display:none!important}}@media (width<=899px){.app-sidebar{display:none!important}.app-header{padding:12px 14px}.app-header__pdf{flex-direction:column;align-items:stretch}.app-header__pdf .app-header__pdf-select,.app-header__pdf select{width:100%!important;max-width:none!important}.app-header__pdf button{justify-content:center;width:100%}.app-main{padding:16px 14px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@media (width<=640px){.page-header{margin-bottom:22px}.page-header__title{font-size:clamp(22px,7vw,32px)}.card{border-radius:14px;padding:16px 14px}.selectors{margin-bottom:22px}.select-wrapper{flex:100%;min-width:0}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}.grades-row{flex-direction:column}.grade-pill{width:100%}.student-header{text-align:center;flex-direction:column;padding:18px 16px}.overall-avg{text-align:center;width:100%}}.alumno-list-item{flex-wrap:wrap}.alumno-list-item__info{flex:1;min-width:0}.alumno-list-item__grade-wrap{width:100%;min-width:0;margin-top:5px}@media (width<=520px){.alumno-list-item{align-items:flex-start}.alumno-list-item__actions{justify-content:flex-end;width:100%;margin-top:4px}}.analisis-page{flex-direction:column;gap:20px;max-width:1100px;display:flex}.analisis-panel{padding:20px 22px 22px}.analisis-section-head{margin-bottom:16px}.analisis-section-head--tight{margin-bottom:12px}.analisis-section-eyebrow{color:#64748b;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.analisis-section-title{color:var(--app-text,#0f172a);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.analisis-divider{border:none;border-top:1px solid var(--app-border,#e2e8f0);margin:20px 0}.analisis-period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:440px;display:grid}@media (width<=520px){.analisis-period-grid{grid-template-columns:1fr;max-width:none}}.analisis-filters-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:16px 18px;display:grid}.analisis-filters-grid .analisis-field{flex-direction:column;gap:6px;min-width:0;display:flex}.analisis-field-label{color:#475569;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.analisis-field--mes{grid-column:span 2;max-width:440px}@media (width<=640px){.analisis-field--mes{grid-column:1/-1;max-width:none}}.analisis-kpi-section .analisis-section-head{margin-bottom:14px}.analisis-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.analisis-kpi-grid>div{min-width:0}.analisis-chart-card{padding:18px 20px 20px}.analisis-chart-foot{color:#475569;margin:12px 0 0;font-size:12px;line-height:1.45}.analisis-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.analisis-toolbar label{flex:160px;min-width:0}.analisis-toolbar select{width:100%;min-width:0!important}.analisis-chart-wrap{height:min(280px,42vh);min-height:200px;margin-bottom:0}@media (width<=480px){.analisis-chart-wrap{height:min(240px,38vh);min-height:180px}.analisis-panel{padding:16px 16px 18px}}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=380px){.confirm-actions{flex-direction:column-reverse}.confirm-actions button{justify-content:center;width:100%}}.login-page{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(160deg,#e0f2fe 0%,#f0f9ff 35%,#eef2ff 70%,#faf5ff 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page__bg{pointer-events:none;background:radial-gradient(90% 60% at 50% -15%,#0ea5e938,#0000 55%),radial-gradient(55% 45% at 105% 40%,#818cf824,#0000 50%),radial-gradient(50% 40% at -5% 85%,#38bdf81f,#0000 50%);position:absolute;inset:0}.login-page__orb{filter:blur(48px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.login-page__orb--1{background:#38bdf8;width:min(320px,90vw);height:min(320px,90vw);top:-100px;right:-60px}.login-page__orb--2{background:#a78bfa;width:220px;height:220px;bottom:8%;left:-70px}.login-page__orb--3{background:#22d3ee;width:140px;height:140px;bottom:-30px;right:18%}.login-page__card{z-index:1;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #fffffff2;border-radius:24px;width:100%;max-width:420px;padding:40px 36px 28px;animation:.55s both fadeUp;position:relative;box-shadow:0 4px 6px -1px #0f172a0d,0 20px 40px -12px #0ea5e924,inset 0 1px #ffffffe6}.login-page__brand{text-align:center;margin-bottom:28px}.login-page__logo{background:linear-gradient(145deg,#38bdf833,#818cf81f);border:1px solid #0ea5e933;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:28px;display:flex;box-shadow:0 8px 20px #0ea5e91a}.login-page__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#64748b;margin:0 0 6px;font-size:10px;font-weight:700}.login-page__title{letter-spacing:-.04em;color:#0f172a;margin:0 0 8px;font-size:clamp(26px,5vw,32px);font-weight:800}.login-page__subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.45}.login-page__form{flex-direction:column;gap:16px;display:flex}.login-page__field{flex-direction:column;gap:6px;display:flex}.login-page__label{color:#475569;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.login-page__input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-page__input::placeholder{color:#94a3b8}.login-page__input:focus{border-color:var(--app-accent-focus-border,#0ea5e9a6);box-shadow:var(--app-accent-focus-ring,0 0 0 3px #0ea5e91f)}.login-page__error{color:#dc2626;background:#f8717114;border:1px solid #f8717133;border-radius:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:600}.app-header__logout{border:1px solid var(--app-border,#e2e8f0);background:var(--app-soft,#f1f5f9);color:var(--app-toolbar-text,#64748b);cursor:pointer;border-radius:9px;flex-shrink:0;padding:6px 12px;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.app-header__logout:hover{color:var(--app-text,#0f172a);background:#e2e8f0;border-color:#cbd5e1}@media (width<=899px){.app-header__logout{width:100%;margin-top:2px}}.settings-layout{align-items:flex-start;gap:28px;max-width:1100px;animation:.3s both fadeUp;display:flex}.settings-nav{flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:4px 0;display:flex;position:sticky;top:0}.settings-nav__btn{text-align:left;width:100%;color:var(--app-sidebar-text,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.settings-nav__btn:hover{background:var(--app-soft,#f1f5f9);color:var(--app-text,#0f172a)}.settings-nav__btn--active{border-color:var(--app-border,#e2e8f0);color:var(--app-text,#0f172a);background:#fff;box-shadow:0 1px 3px #0f172a0f}.settings-nav__icon{opacity:.92;flex-shrink:0;font-size:16px;line-height:1}.settings-panel{background:var(--app-header-bg,var(--app-sidebar));border:1px solid var(--app-sidebar-border,var(--app-border,#e2e8f0));min-width:0;box-shadow:none;border-radius:16px;flex:1;padding:22px 24px}.settings-panel__title{color:var(--app-text,#0f172a);letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:800}.settings-panel__hint{color:var(--app-secondary-text,#64748b);max-width:640px;margin:0 0 22px;font-size:13px;line-height:1.5}.settings-section{margin-bottom:0}.settings-section+.settings-section{border-top:1px solid var(--app-border,#e2e8f0);margin-top:28px;padding-top:28px}.settings-banner{color:#92400e;background:linear-gradient(135deg,#fbbf241f,#f9731614);border:1px solid #f59e0b59;border-radius:14px;margin-bottom:22px;padding:14px 18px;font-size:13px;line-height:1.55}.settings-banner code{font-family:DM Mono,ui-monospace,monospace;font-size:12px}.settings-theme-palette{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px 20px;max-width:920px;display:grid}.settings-theme-palette__subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--app-section-heading,#475569);grid-column:1/-1;margin:0 0 10px;font-size:11px;font-weight:700}.settings-theme-palette__subtitle:not(:first-child){margin-top:18px}@media (width<=640px){.settings-theme-palette{grid-template-columns:1fr}}@media (width<=780px){.settings-layout{flex-direction:column;gap:16px}.settings-nav{flex-flow:wrap;gap:8px;width:100%;position:static}.settings-nav__btn{flex:auto;justify-content:center;width:auto;min-width:calc(50% - 4px)}}