:root,[data-theme=light]{--color-navy: #2B2871;--color-navy-hover: #1A1758;--color-navy-light: #3E3B9E;--color-navy-pale: rgba(43,40,113,.1);--color-sky: #1E9AD6;--color-sky-hover: #1577A8;--color-sky-light: #6DC5EC;--color-sky-pale: rgba(30,154,214,.1);--color-red: #E31E24;--color-red-light: #F5595E;--color-red-pale: rgba(227,30,36,.1);--bg-page: #F4F6FB;--bg-surface: #FFFFFF;--bg-surface2: #F0F2FA;--bg-sidebar: #2B2871;--bg-sidebar-hover: rgba(255,255,255,.08);--bg-sidebar-active: rgba(255,255,255,.15);--tx: #1A1A2E;--tx-muted: #4A5568;--tx-subtle: #666D7A;--tx-inverse: #FFFFFF;--tx-sidebar: #EEEEF8;--tx-sidebar-muted: rgba(255,255,255,.55);--border: rgba(0,0,0,.1);--border-s: rgba(0,0,0,.06);--border-md: rgba(0,0,0,.15);--success: #2D7A35;--success-bg: #E8F5EA;--warning: #B45309;--warning-bg: #FFF3E0;--error: #DC2626;--error-bg: #FEF2F2;--info: #1E9AD6;--info-bg: rgba(30,154,214,.08);--agenda-pendiente: #A16207;--agenda-pendiente-line: #EAB308;--agenda-pendiente-bg: #FEF9C3;--agenda-traslado: #C2410C;--agenda-traslado-line: #F97316;--agenda-traslado-bg: #FFEDD5;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(0,0,0,.14);--font-display: "Libre Baskerville", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body: 15px;--text-sm: 13px;--text-xs: 11px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 20px;--th-bg: #F0F2FA}[data-theme=dark],.dark{--color-navy: #8380DC;--color-navy-hover: #A09EE8;--color-navy-light: #5552B8;--color-navy-pale: rgba(131,128,220,.15);--color-sky: #4DB5E8;--color-sky-hover: #6DC5EC;--color-sky-light: #1E9AD6;--color-sky-pale: rgba(77,181,232,.15);--color-red: #F5595E;--color-red-light: #F88A8E;--color-red-pale: rgba(245,89,94,.15);--bg-page: #0D0C1E;--bg-surface: #161529;--bg-surface2: #1E1D38;--bg-sidebar: #0A091A;--bg-sidebar-hover: rgba(255,255,255,.06);--bg-sidebar-active: rgba(131,128,220,.2);--tx: #EEEEF8;--tx-muted: #9090B8;--tx-subtle: #7A7A9A;--tx-inverse: #0D0C1E;--tx-sidebar: #EEEEF8;--tx-sidebar-muted: rgba(255,255,255,.45);--border: rgba(255,255,255,.1);--border-s: rgba(255,255,255,.05);--border-md: rgba(255,255,255,.15);--success: #4CAF55;--success-bg: rgba(76,175,85,.12);--warning: #F5A623;--warning-bg: rgba(245,166,35,.12);--error: #F5595E;--error-bg: rgba(245,89,94,.12);--info: #4DB5E8;--info-bg: rgba(77,181,232,.12);--agenda-pendiente: #FDE047;--agenda-pendiente-line: #FACC15;--agenda-pendiente-bg: rgba(250,204,21,.14);--agenda-traslado: #FDBA74;--agenda-traslado-line: #FB923C;--agenda-traslado-bg: rgba(251,146,60,.16);--shadow-sm: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5);--th-bg: #1E1D38}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--tx);background:var(--bg-page);line-height:1.5;-webkit-font-smoothing:antialiased}input,select,button,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:fadeIn .35s ease forwards}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);border:none;cursor:pointer;background:transparent;color:var(--tx-sidebar-muted);font-family:var(--font-body);font-size:14px;font-weight:400;margin-bottom:2px;transition:background .14s,color .14s;text-align:left}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--tx-sidebar)}.nav-item.active{background:var(--bg-sidebar-active);color:var(--tx-inverse);font-weight:600}.nav-footer-btn{width:100%;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-md);border:none;cursor:pointer;background:transparent;color:var(--tx-sidebar-muted);font-family:var(--font-body);font-size:13px;font-weight:400;margin-bottom:2px;transition:background .14s,color .14s;text-align:left}.nav-footer-btn:hover{background:var(--bg-sidebar-hover);color:var(--tx-sidebar)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);padding:8px 14px;border-radius:var(--r-md);transition:background .14s,opacity .14s,box-shadow .14s;line-height:1;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-navy-hover)}.btn-secondary{background:var(--color-sky);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-sky-hover)}.btn-outline{background:transparent;color:var(--color-navy);border:1.5px solid var(--color-navy)}.btn-outline:hover:not(:disabled){background:var(--color-navy-pale)}.btn-ghost{background:var(--bg-surface);color:var(--tx);border:1px solid var(--border-md)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface2)}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(220,38,38,.25)}.btn-danger:hover:not(:disabled){background:var(--error-bg)}.btn-sm{padding:5px 10px;font-size:var(--text-xs);border-radius:var(--r-sm)}.btn-lg{padding:11px 20px;font-size:var(--text-body)}.btn-icon{padding:7px;border-radius:var(--r-md)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-accent-sky{border-left:3px solid var(--color-sky)}.card-accent-navy{border-left:3px solid var(--color-navy)}.card-accent-red{border-left:3px solid var(--color-red)}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:var(--text-xs);font-weight:700;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:9px 12px;border:1px solid var(--border-md);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--tx);background:var(--bg-surface);transition:border-color .14s,box-shadow .14s;width:100%}.form-input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-navy-pale)}.form-input::placeholder{color:var(--tx-subtle)}.form-input-sm{padding:5px 9px;font-size:var(--text-xs)}.topbar{height:58px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 28px;gap:12px}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-surface2);color:var(--tx-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid var(--border-s);font-size:var(--text-sm);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-surface2);transition:background .1s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a091a8c;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;animation:fadeIn .2s ease}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:700;line-height:1.6;white-space:nowrap}.badge-alto{background:var(--success-bg);color:var(--success)}.badge-medio{background:var(--warning-bg);color:var(--warning)}.badge-bajo{background:var(--bg-surface2);color:var(--tx-muted)}.badge-induccion{background:var(--error-bg);color:var(--error)}.badge-navy{background:var(--color-navy-pale);color:var(--color-navy)}.badge-sky{background:var(--color-sky-pale);color:var(--color-sky)}.badge-jointex{background:#10b9811f;color:#059669}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:11px 20px;border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);z-index:500;animation:toastIn .2s ease;white-space:nowrap;pointer-events:none}.toast-default{background:var(--tx);color:var(--tx-inverse)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-info{background:var(--color-navy);color:#fff}.divider{height:1px;background:var(--border);margin:var(--sp-md) 0}.kpi-value{font-family:var(--font-mono);font-size:var(--text-h2);font-weight:700;color:var(--tx);line-height:1}.kpi-label{font-size:var(--text-xs);font-weight:600;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.section-label{font-size:var(--text-xs);font-weight:700;color:var(--tx-muted);text-transform:uppercase;letter-spacing:1px}.rank-top{background:var(--color-navy-pale)!important}