:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--border: #f3f4f6;--border-strong: #e5e7eb;--text: #1f2937;--muted: #6b7280;--accent: #1c3163;--accent-soft: #e8ecf3;--ok-bg: #dcfce7;--ok-fg: #15803d;--warn-bg: #fffbeb;--warn-fg: #b45309;--danger-bg: #fef2f2;--danger-fg: #b91c1c;--info-bg: #e8ecf3;--info-fg: #1c3163;--busy-bg: #f3e8ff;--busy-fg: #7e22ce;--muted-bg: #f3f4f6;--muted-fg: #6b7280;--neutral-bg: #f3f4f6;--neutral-fg: #374151;--surface-alt: #f9fafb;--surface-alt-2: #f9fafb;--on-accent: #ffffff;--accent-strong: #16284f;--btn-bg: #1c3163;--btn-bg-hover: #16284f;--danger-border: #fecaca;--sidebar-bg: #ffffff;--sidebar-fg: #6b7280;--sidebar-strong: #1f2937;--sidebar-muted: #9ca3af;--sidebar-hover: #f9fafb;--sidebar-count: #f3f4f6;--mock-bg: #fffbeb;--mock-fg: #b45309;--mock-border: #fde68a;--radio: 8px;--radio-card: 12px;--sombra: 0 1px 2px rgba(16, 24, 40, .05)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--surface: #171a1f;--border: #272b33;--border-strong: #3a3f49;--text: #e7e9ec;--muted: #9aa1ad;--accent: #8fa8d8;--accent-soft: rgba(143, 168, 216, .16);--ok-bg: rgba(21, 128, 61, .22);--ok-fg: #6ee7a0;--warn-bg: rgba(180, 83, 9, .22);--warn-fg: #fbbf24;--danger-bg: rgba(185, 28, 28, .22);--danger-fg: #fca5a5;--info-bg: rgba(143, 168, 216, .16);--info-fg: #a9bde6;--busy-bg: rgba(126, 34, 206, .22);--busy-fg: #d0aefb;--muted-bg: #272b33;--muted-fg: #9aa1ad;--neutral-bg: #272b33;--neutral-fg: #c7ccd4;--surface-alt: #1c2026;--surface-alt-2: #1c2026;--on-accent: #ffffff;--accent-strong: #b3c5ea;--btn-bg: #2c4a8f;--btn-bg-hover: #35579f;--danger-border: #7f1d1d;--sidebar-bg: #171a1f;--sidebar-fg: #9aa1ad;--sidebar-strong: #f3f4f6;--sidebar-muted: #6b7280;--sidebar-hover: #1c2026;--sidebar-count: #272b33;--mock-bg: rgba(180, 83, 9, .22);--mock-fg: #fbbf24;--mock-border: #78350f;--sombra: 0 1px 2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.topbar{background:var(--surface);border-bottom:1px solid var(--border-strong);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-acciones{display:flex;align-items:center;gap:12px}.topbar-sesion{display:flex;flex-direction:column;line-height:1.3;text-align:right}.topbar-sesion strong{font-size:13px;color:var(--text)}.shell{display:grid;grid-template-columns:288px 1fr;min-height:100%}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:18px}.brand{font-size:18px;font-weight:700;color:var(--accent-strong);letter-spacing:.04em}.brand small{display:block;font-size:11px;font-weight:400;color:var(--sidebar-muted);letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tema{display:flex;gap:2px;border:1px solid var(--border-strong);border-radius:var(--radio);padding:2px;margin:0;min-inline-size:0;flex:0 0 auto}.tema-opcion{font-size:11px;padding:4px 10px;white-space:nowrap;border:0;border-radius:6px;background:transparent;color:var(--sidebar-muted)}.tema-opcion:hover:not(:disabled){background:var(--sidebar-hover);color:var(--sidebar-fg)}.tema-opcion[aria-pressed=true]{background:var(--btn-bg);color:#fff;font-weight:600}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{color:var(--sidebar-fg);text-decoration:none;padding:12px 16px;border-radius:var(--radio);display:flex;align-items:center;gap:12px;font-size:14px}.nav-item svg{flex:0 0 auto;color:var(--sidebar-muted)}a.nav-item:hover{background:var(--sidebar-hover);color:var(--accent)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav-item[aria-current=page] svg{color:var(--accent)}.nav-item.desactivado{color:var(--sidebar-muted);cursor:not-allowed}.nav-item.indicador{cursor:default}.semaforo{width:12px;height:12px;border-radius:999px;flex:0 0 auto;margin:0 4px}.semaforo.verde{background:#22c55e}.semaforo.rojo{background:#ef4444}.semaforo.gris{background:var(--border-strong)}.nav-sep{border:0;border-top:1px solid var(--border);margin:8px 16px}.sidebar-plegar{display:flex;justify-content:flex-end;border-bottom:1px solid var(--border);margin:-18px -14px 0;padding:8px}button.icono{border:0;background:transparent;color:var(--sidebar-muted);padding:8px;line-height:0;border-radius:var(--radio)}button.icono:hover:not(:disabled){background:var(--sidebar-hover);color:var(--accent)}.shell.colapsado{grid-template-columns:72px 1fr}.shell.colapsado .nav-item{justify-content:center;padding:12px 0}.shell.colapsado .nav-sep{margin:8px 12px}.nav .count{background:var(--sidebar-count);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.sidebar-foot{margin-top:auto;font-size:12px;color:var(--sidebar-muted);display:flex;flex-direction:column;gap:8px}.main{padding:22px 26px 60px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:0 0 10px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}.sub{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio-card);box-shadow:var(--sombra);padding:20px;margin-bottom:16px}.grid{display:grid;gap:12px}.kpis{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radio-card);box-shadow:var(--sombra);padding:20px}.kpi .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:26px;font-weight:700;margin-top:6px}.kpi .hint{font-size:12px;color:var(--muted);margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-alt);white-space:nowrap;padding:12px 24px}td{padding:16px 24px}tbody tr:hover{background:var(--surface-alt-2)}td.num,th.num{text-align:right;white-space:nowrap}.row-review{box-shadow:inset 3px 0 0 var(--warn-fg)}.row-danger{box-shadow:inset 3px 0 0 var(--danger-fg)}.empty{padding:26px;text-align:center;color:var(--muted)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;cursor:help}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-warn{background:var(--warn-bg);color:var(--warn-fg)}.pill-danger{background:var(--danger-bg);color:var(--danger-fg)}.pill-info{background:var(--info-bg);color:var(--info-fg)}.pill-busy{background:var(--busy-bg);color:var(--busy-fg)}.pill-muted{background:var(--muted-bg);color:var(--muted-fg)}.pill-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.pill-row{display:flex;gap:5px;flex-wrap:wrap}button,.btn{font:inherit;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radio);padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-block}button:hover:not(:disabled),.btn:hover{background:var(--surface-alt);border-color:var(--border-strong)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:#fff}button.primary:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-bg-hover);color:#fff}button.danger{border-color:var(--danger-border);color:var(--danger-fg)}button.small,.btn.small{padding:4px 9px;font-size:12px}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radio);padding:7px 9px;background:var(--surface);color:var(--text);max-width:100%}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{width:100%;min-height:84px;resize:vertical}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.field{margin-bottom:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px}.alert-error{background:var(--danger-bg);color:var(--danger-fg)}.alert-ok{background:var(--ok-bg);color:var(--ok-fg)}.alert-info{background:var(--info-bg);color:var(--info-fg)}.alert-muted{background:var(--muted-bg);color:var(--muted-fg)}.banner-mock{background:var(--mock-bg);color:var(--mock-fg);padding:6px 26px;font-size:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.banner-mock button{background:transparent;border-color:var(--mock-border);color:var(--mock-fg);padding:2px 8px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#10162080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{background:var(--surface);border-radius:12px;padding:20px;width:min(520px,100%);max-height:90vh;overflow:auto}.modal h2{margin-top:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;width:min(380px,100%)}.dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px}.dl dt{color:var(--muted)}.dl dd{margin:0;overflow-wrap:anywhere}.err{color:var(--danger-fg);font-size:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tabs button[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.bar{display:inline-block;width:64px;height:6px;border-radius:999px;background:var(--neutral-bg);overflow:hidden;vertical-align:middle;margin-right:6px}.bar i{display:block;height:100%;background:var(--accent)}.hint{color:var(--muted);font-size:12px}.skeleton{padding:26px;color:var(--muted)}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.nav{flex-direction:row;flex-wrap:wrap}.sidebar-foot{margin-top:0}}