:root{--ink: #17233B;--ink2: #2C3A57;--bg: #EEF1F4;--paper: #FFFFFF;--line: #D5DBE3;--muted: #5B6779;--green: #0B6B57;--green-d: #08523F;--green-s: #E3F1EC;--amber: #9A5B00;--amber-s: #FFF1D6;--red: #B42318;--red-s: #FDE8E6;--r: 10px;font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:24px;margin:0 0 16px}h2{font-size:18px;margin:0 0 12px}code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:18px;letter-spacing:.5px}.muted{color:var(--muted)}.mini{font-size:13px}.nota{margin-top:24px}.btn{font:inherit;font-weight:700;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r);padding:10px 16px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--ink2)}.btn:disabled{opacity:.55;cursor:default}.btn-primario{background:var(--green);border-color:var(--green);color:#fff}.btn-primario:hover:not(:disabled){background:var(--green-d);border-color:var(--green-d)}.btn-texto{background:none;border:none;color:var(--muted);padding:8px}.btn-claro{color:#a9b5cc}.btn-chico{padding:6px 12px;font-size:14px}.form{display:flex;flex-direction:column;gap:14px}.form-fila{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.form-fila label{flex:1 1 180px}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}input,select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);width:100%}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}.alerta{border-radius:var(--r);padding:12px 14px;margin:0 0 16px}.alerta-error{background:var(--red-s);color:var(--red)}.alerta-aviso{background:var(--amber-s);color:var(--amber)}.alerta-ok{background:var(--green-s);color:var(--ink)}.alerta p{margin:6px 0 0}.credencial{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.chip{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:8px;background:var(--bg);color:var(--muted);vertical-align:middle}td>.chip:first-child{margin-left:0}.chip-verde{background:var(--green-s);color:var(--green)}.chip-rojo{background:var(--red-s);color:var(--red)}.chip-ambar{background:var(--amber-s);color:var(--amber)}.acceso{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:20px}.acceso-marca{text-align:center;display:flex;flex-direction:column}.acceso-marca b{font-size:22px}.acceso-marca span{color:var(--muted)}.acceso-tarjeta{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px;width:100%;max-width:400px}.acceso-tarjeta h1{font-size:20px}.acceso-tarjeta>p{margin:-8px 0 18px}.app{min-height:100vh}header.top{background:var(--ink);color:#fff;position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;padding:22px 12px 16px;gap:22px}.logo{display:flex;flex-direction:column;gap:2px;padding:0 10px}.logo b{font-size:19px}.logo span{color:#a9b5cc;font-size:14px}nav.tabs{display:flex;flex-direction:column;gap:4px}nav.tabs a{color:#d9e0ec;text-decoration:none;padding:10px;border-radius:8px;font-weight:700}nav.tabs a:hover{background:var(--ink2)}nav.tabs a.active{background:var(--paper);color:var(--ink)}.yo{margin-top:auto;display:flex;flex-direction:column;padding:0 10px;gap:2px}.yo span{color:#a9b5cc;font-size:13px}.yo .btn{align-self:flex-start;padding-left:0}.contenido{margin-left:232px;padding:28px 32px;max-width:1180px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px;overflow-x:auto}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;font-size:13px;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}.tabla td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.tabla tr:last-child td{border-bottom:none}.tabla tr.inactivo td{color:var(--muted)}.acciones{text-align:right;white-space:nowrap}.acciones .btn+.btn{margin-left:8px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi span{color:var(--muted);font-size:14px}.kpi b{font-size:22px;font-variant-numeric:tabular-nums}.kpi-verde b{color:var(--green)}.kpi-rojo b{color:var(--red)}.kpi-ambar b{color:var(--amber)}.kpi-fuerte{border-color:var(--ink)}@media (max-width: 860px){header.top{position:sticky;inset:0 0 auto 0;width:auto;flex-direction:row;align-items:center;padding:8px 16px;gap:14px;min-height:56px;z-index:10;flex-wrap:wrap}.logo{padding:0}.logo span,.yo span{display:none}nav.tabs{flex-direction:row}.yo{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:8px;padding:0}.contenido{margin-left:0;padding:20px 16px}}