:root{--azul-inst:#042c53;--azul-med:#0c4a8f;--azul-accion:#185fa5;--naranja:#ef9f27;--naranja-hover:#d4891f;--azul-claro:#85b7eb;--verde:#1d9e75;--rojo:#e24b4a;--gris-fondo:#f5f7fa;--gris-texto:#374151;--gris-suave:#6b7280}*{box-sizing:border-box}body{background:var(--gris-fondo);color:var(--gris-texto);min-height:100vh;margin:0;font-family:Arial,sans-serif}header{background:var(--azul-inst);color:#fff;z-index:10;padding:18px 16px 14px;position:sticky;top:0}header h1{letter-spacing:.2px;margin:0;font-size:17px;font-weight:800}header p{color:var(--azul-claro);margin:4px 0 0;font-size:12px}.tabs{background:var(--azul-med);display:flex}.tab{text-align:center;color:#cfe0f5;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:3px solid #0000;flex:1;padding:13px 8px;font-size:13px;font-weight:700}.tab.active{color:#fff;border-bottom-color:var(--naranja);background:#ffffff0f}main{max-width:640px;margin:0 auto;padding:16px 16px 60px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;margin-bottom:14px;padding:16px;box-shadow:0 1px 3px #042c5314}label{color:var(--azul-inst);margin:12px 0 5px;font-size:12px;font-weight:700;display:block}label:first-child{margin-top:0}select,textarea,input[type=text],input[type=date],input[type=time],input[type=email],input[type=password],input[type=number]{width:100%;color:var(--gris-texto);background:#fff;border:1px solid #d1d9e6;border-radius:8px;padding:11px;font-family:Arial,sans-serif;font-size:16px}select:focus,input:focus,textarea:focus{outline:2px solid var(--azul-accion);border-color:var(--azul-accion)}textarea{resize:vertical;min-height:60px}.range-row{align-items:center;gap:12px;display:flex}input[type=range]{accent-color:var(--azul-accion);flex:1}.range-val{color:var(--azul-inst);text-align:right;min-width:46px;font-size:18px;font-weight:800}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:16px;padding:13px;font-family:Arial,sans-serif;font-size:14px;font-weight:800;display:block}.btn-primary{background:var(--azul-accion);color:#fff}.btn-primary:hover{background:var(--azul-inst)}.btn-primary:disabled{cursor:not-allowed;background:#a9b7c9}.msg{border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:600}.msg-ok{color:var(--verde);background:#e4f6ef;border:1px solid #bee8d6}.msg-err{color:var(--rojo);background:#fcebea;border:1px solid #f5c6c3}.kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kpi{background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:14px}.kpi .num{color:var(--azul-inst);font-size:22px;font-weight:800}.kpi .lbl{color:var(--gris-suave);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:11px;font-weight:700}.comp-row{border:1px solid #e5e9f0;border-left:5px solid var(--azul-accion);background:#fff;border-radius:10px;margin-bottom:10px;padding:13px 14px}.comp-row.alerta{border-left-color:var(--rojo)}.comp-row.ok{border-left-color:var(--verde)}.comp-row .top{justify-content:space-between;align-items:baseline;display:flex}.comp-row .nombre{color:var(--azul-inst);font-size:13px;font-weight:800}.comp-row .pct{font-size:16px;font-weight:800}.barra{background:#e9eef5;border-radius:4px;height:7px;margin-top:8px;overflow:hidden}.barra .fill{background:var(--azul-accion);border-radius:4px;height:100%}.comp-row .meta{color:var(--gris-suave);margin-top:6px;font-size:11px}.alert-badge{color:var(--rojo);background:#fcebea;border-radius:20px;margin-top:6px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.reporte-item{border-bottom:1px solid #eef1f6;padding:9px 0;font-size:12px}.reporte-item:last-child{border-bottom:none}.reporte-item .cab{color:var(--azul-inst);font-weight:700}.reporte-item .det{color:var(--gris-suave);margin-top:2px}.empty{text-align:center;color:var(--gris-suave);padding:30px 10px;font-size:13px}.conn-note{color:#8a5a00;background:#fff7e6;border:1px solid #f5d68a;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12px;font-weight:600}.footer-note{text-align:center;color:var(--gris-suave);margin-top:10px;font-size:11px}.chip{color:var(--azul-inst);background:#eaf1fb;border:1px solid #cfe0f5;border-radius:20px;align-items:center;gap:6px;margin:3px 4px 3px 0;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip button{color:var(--rojo);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:900}.persona-row{background:#fff;border:1px solid #e5e9f0;border-radius:10px;margin-bottom:10px;padding:12px 14px}.persona-row .nombre{color:var(--azul-inst);font-size:14px;font-weight:800}.link-box{background:var(--gris-fondo);word-break:break-all;border:1px dashed #c6d2e3;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:11px;display:flex}.link-box code{color:var(--azul-med);flex:1}.btn-sm{background:var(--azul-accion);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.btn-sm.secondary{background:var(--rojo)}.checklist{border:1px solid #e5e9f0;border-radius:8px;max-height:220px;padding:8px 10px;overflow-y:auto}.checklist label{color:var(--gris-texto);text-transform:none;align-items:flex-start;gap:8px;margin:6px 0;font-size:12.5px;font-weight:400;display:flex}.checklist input[type=checkbox]{margin-top:2px}.mirror-header{background:var(--azul-inst);color:#fff;text-align:center;padding:20px 16px}.mirror-header .saludo{font-size:15px;font-weight:800}.mirror-header .sub{color:var(--azul-claro);margin-top:4px;font-size:12px}.act-card{border:1px solid #e5e9f0;border-left:5px solid var(--naranja);background:#fff;border-radius:10px;margin-bottom:12px;padding:14px}.act-card .cod{color:var(--naranja-hover);text-transform:uppercase;font-size:11px;font-weight:800}.act-card .titulo{margin:3px 0 8px;font-size:13px;font-weight:700}.centrado{place-items:center;min-height:100vh;padding:20px;display:grid}.caja-entrar{width:100%;max-width:380px}.marca{text-align:center;margin-bottom:22px}.marca h1{color:var(--azul-inst);margin:0 0 6px;font-size:19px;font-weight:800}.marca p{color:var(--gris-suave);margin:0;font-size:12px}.barra-sesion{background:var(--azul-med);color:#cfe0f5;justify-content:space-between;align-items:center;gap:12px;padding:7px 16px;font-size:11.5px;display:flex}.barra-sesion b{color:#fff;font-weight:700}.barra-sesion .rol{text-transform:uppercase;letter-spacing:.05em;background:#ffffff24;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:800}.barra-sesion button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700}.barra-sesion button:hover{background:#ffffff1f}.pendiente{text-align:center;color:var(--gris-suave);background:#fff;border:1px dashed #c6d2e3;border-radius:10px;padding:34px 20px;font-size:13px}.pendiente b{color:var(--azul-inst);margin-bottom:6px;font-size:14px;display:block}.tab{text-decoration:none;display:block}