*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1400px;margin:0 auto;padding:1.5rem 2rem}h1{color:#f1f5f9;margin-bottom:.25rem;font-size:1.6rem}h2{color:#f1f5f9;margin-bottom:.75rem;font-size:1.15rem}h3{color:#e2e8f0;font-size:1rem}.card{background:#1e293b;border:1px solid #334155;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-chip{text-align:center;background:#334155;border-radius:8px;padding:1rem}.stat-chip .num{color:#38bdf8;font-size:1.8rem;font-weight:700}.stat-chip .lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}table{border-collapse:collapse;background:#1e293b;border-radius:8px;width:100%;font-size:.86rem;overflow:hidden}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #334155;padding:.55rem .6rem}th{color:#e2e8f0;background:#334155;position:sticky;top:0}tr:hover td{background:#273449}input,select,button{color:#e2e8f0;background:#334155;border:1px solid #475569;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}input:focus,select:focus{outline:2px solid #38bdf8}button{cursor:pointer;background:#0284c7;border:none;font-weight:600}button:hover{background:#0369a1}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:#cbd5e1;background:0 0;border:1px solid #475569}button.secondary:hover{background:#334155}button.danger{background:#b91c1c}button.danger:hover{background:#991b1b}.btn{align-items:center;gap:.4rem;display:inline-flex}.form-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field label{color:#94a3b8;font-size:.78rem}.msg-ok{color:#bbf7d0;background:#14532d;border:1px solid #166534;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.msg-err{color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.msg-info{color:#bae6fd;background:#1e3a5f;border:1px solid #1d4ed8;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.charts-row{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.chart-scroll-card{overflow-x:auto}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bar-cell{border-radius:3px;min-width:2px;height:18px}.app-shell{min-height:100vh;display:flex}.app-body{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{z-index:50;background:#0b1220;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.sidebar-head{border-bottom:1px solid #1e293b;align-items:center;gap:.6rem;padding:1rem 1.1rem;display:flex}.sidebar-logo{font-size:1.3rem}.sidebar-title{color:#f1f5f9;font-size:.95rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:1rem;padding:.8rem .6rem;display:flex;overflow-y:auto}.sidebar .nav-group{flex-direction:column;align-items:stretch;gap:.15rem;display:flex}.sidebar .nav-group+.nav-group:before{content:none}.sidebar .nav-group-label{margin:0 0 .2rem .4rem}.sidebar .nav-link{border-radius:7px;padding:.45rem .6rem;font-size:.88rem;display:block}.sidebar .nav-link.active{color:#fff;background:#1d4ed8}.sidebar-foot{border-top:1px solid #1e293b;flex-direction:column;gap:.45rem;padding:.8rem .9rem;display:flex}.sidebar-foot button{text-align:left;border-radius:7px;padding:.45rem .6rem;font-size:.82rem}.sidebar-user{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.rol-badge{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#334155;border-radius:999px;padding:.15rem .5rem;font-size:.66rem;font-weight:700}.rol-badge-admin{color:#86efac;background:#14532d}.mobile-topbar{z-index:40;background:#0b1220;border-bottom:1px solid #1e293b;align-items:center;gap:.6rem;padding:.6rem 1rem;display:none;position:sticky;top:0}.icon-btn{color:#e2e8f0;background:0 0;border:1px solid #475569;border-radius:6px;padding:.25rem .6rem;font-size:1rem;line-height:1}.mobile-title{font-size:.92rem;font-weight:700}.drawer-backdrop{display:none}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-right:.2rem;font-size:.68rem}.nav-link{color:#93c5fd;border-radius:6px;padding:.3rem .6rem;font-size:.86rem;text-decoration:none}.nav-link:hover{background:#1e293b}.nav-link.active{color:#fff;background:#334155}.app-main{flex:1;width:100%;max-width:1460px;margin:0 auto;padding:1.5rem 2rem}.filter-bar-wrap{z-index:30;background:#0b1220;border-bottom:1px solid #1e293b;padding:.6rem 2rem;position:sticky;top:0}.filter-bar{max-width:1460px;margin:0 auto}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.filter-chips{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#0b1220;border:1px solid #1e293b;border-radius:14px;flex-direction:column;gap:.9rem;width:100%;max-width:390px;padding:2rem;display:flex;box-shadow:0 20px 50px #02061799}.login-logo{font-size:2.2rem}.login-title{color:#f1f5f9;font-size:1.35rem}.login-sub{color:#94a3b8;margin-top:-.4rem;font-size:.9rem}.login-error{color:#fecaca;background:#7f1d1d;border:1px solid #b91c1c;border-radius:8px;padding:.6rem .8rem;font-size:.84rem}.login-submit{color:#fff;border-radius:8px;padding:.65rem}.modal-overlay{z-index:100;background:#020617b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:.8rem;width:100%;max-width:430px;max-height:90vh;padding:1.4rem;display:flex;overflow-y:auto}.modal-card h3{margin-bottom:.2rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.4rem;display:flex}.screen-center{color:#94a3b8;justify-content:center;align-items:center;min-height:100vh;display:flex}.tabla-usuarios-wrap{background:#0f172a;border:1px solid #334155;border-radius:10px;overflow-x:auto}.tabla-usuarios{border-collapse:collapse;width:100%;font-size:.88rem}.tabla-usuarios th,.tabla-usuarios td{text-align:left;vertical-align:middle;border-bottom:1px solid #1e293b;padding:.6rem .8rem}.tabla-usuarios th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0b1220;font-size:.72rem}.tabla-usuarios tr:last-child td{border-bottom:none}.tabla-usuarios tr:hover td{background:#111c33}.fila-inactiva td{opacity:.55}.rol-select{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:.3rem .5rem;font-size:.82rem}.chip-estado{border:none;border-radius:999px;padding:.28rem .7rem;font-size:.74rem;font-weight:700}.chip-on{color:#bbf7d0;background:#14532d}.chip-off{color:#fecaca;background:#7f1d1d}.table-actions{white-space:nowrap;text-align:right}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.page-subtitle{color:#94a3b8;margin-bottom:.25rem;font-size:.9rem}.page-periodo{color:#64748b;margin-bottom:.75rem;font-size:.8rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kpi-card{background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:140px;padding:1rem}.kpi-clickable{cursor:pointer;transition:border-color .15s}.kpi-clickable:hover{border-color:#38bdf8}.kpi-value{font-size:1.9rem;font-weight:700}.kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.74rem}.kpi-sub{color:#64748b;margin-top:2px;font-size:.72rem}.grid-stats.kpi-compact .stat-chip{padding:.6rem}.estado-bar{border-radius:6px;gap:2px;width:100%;display:flex;overflow:hidden}.legend-row{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.legend-item{color:#cbd5e1;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.legend-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.materia-bar-list{flex-direction:column;gap:.4rem;display:flex}.materia-bar-row{grid-template-columns:minmax(180px,1.4fr) 1.6fr 60px;align-items:center;gap:.75rem;display:grid}.materia-bar-label{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.materia-bar-num{color:#94a3b8;text-align:right;font-size:.82rem;font-weight:600}.sede-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.sede-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem}.sede-name{margin-bottom:2px;font-size:1rem;font-weight:700}.sede-total{color:#94a3b8;margin-bottom:.6rem;font-size:.8rem}.sede-pcts{gap:.75rem;margin-top:.5rem;font-size:.78rem;display:flex}.table-card-btn{margin-top:.75rem;font-size:.78rem}.rankings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.rank-list{padding:0;list-style:none}.rank-item{border-bottom:1px solid #1e293b;align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.rank-item:hover{background:#0f172a}.rank-pos{color:#94a3b8;background:#334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.rank-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.86rem;overflow:hidden}.rank-sub{color:#64748b;font-size:.72rem}.rank-value{font-size:.9rem;font-weight:700}.heatmap-table{border-collapse:collapse;width:auto;font-size:.7rem}.heatmap-table th{position:static}.tooltip-hidden .recharts-tooltip-wrapper{display:none}.badge-crit{color:#fecaca;background:#7f1d1d;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.badge-alta{color:#fed7aa;background:#7c2d12;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.badge-atencion{color:#fef3c7;background:#713f12;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.causas-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.causas-card{margin-bottom:0;padding:1rem}.causas-card ul{margin-top:.5rem;font-size:.84rem;list-style:none}.causas-card li{padding:2px 0}.hallazgos-list{padding:0;list-style:none}.hallazgo-item{color:#cbd5e1;background:#0f172a;border-left:3px solid #38bdf8;border-radius:6px;align-items:flex-start;gap:.6rem;margin-bottom:.5rem;padding:.55rem .75rem;font-size:.9rem;display:flex}.hallazgo-item .chip{flex-shrink:0;margin-left:auto;font-size:.72rem}.chip{color:#cbd5e1;background:#334155;border:1px solid #475569;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.chip:hover{background:#475569}.chip-active{color:#fff;background:#0284c7;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.chip-toggle{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:999px;padding:.25rem .6rem;font-size:.74rem}.chip-toggle.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.export-buttons{align-items:center;gap:.5rem;display:flex}.export-label{color:#94a3b8;font-size:.8rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination span{color:#94a3b8;font-size:.86rem}.checks-list{flex-direction:column;gap:.75rem;display:flex}.check-card{background:#0f172a;border:1px solid #334155;border-left-width:4px;border-radius:8px;padding:.9rem 1rem}.check-ok{border-left-color:#16a34a}.check-warn{border-left-color:#d97706}.check-err{border-left-color:#dc2626}.check-head{align-items:center;gap:.6rem;display:flex}.check-badge{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-flex}.check-ok .check-badge{color:#fff;background:#16a34a}.check-warn .check-badge{color:#fff;background:#d97706}.check-err .check-badge{color:#fff;background:#dc2626}.check-detalle{color:#94a3b8;margin-top:.3rem;margin-left:34px;font-size:.84rem}.table-action{color:#93c5fd;background:0 0;border:1px solid #1d4ed8;border-radius:6px;padding:.2rem .5rem;font-size:.76rem;font-weight:600}.table-action:hover{background:#1e3a8a}@media (width<=900px){.materia-bar-row{grid-template-columns:1fr 1fr 50px}.filter-bar-wrap{position:static}.sidebar{transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 40px #02061780}.app-shell.drawer-open .sidebar{transform:translate(0)}.app-body{min-width:0}.mobile-topbar{display:flex}.drawer-backdrop{z-index:45;background:#02061799;display:block;position:fixed;inset:0}}