:root{--color-primario:#3730a3;--color-primario-hover:#312e81;--color-primario-suave:#eef2ff;--color-exito:#15803d;--color-exito-suave:#f0fdf4;--color-alerta:#b45309;--color-alerta-suave:#fffbeb;--color-error:#b91c1c;--color-error-suave:#fef2f2;--color-fondo:#f4f5f9;--color-superficie:#fff;--color-borde:#e2e4ec;--color-texto:#1b1f2b;--color-texto-suave:#5b6072;--color-texto-tenue:#8b8fa3;--radio:10px;--radio-chico:6px;--sombra:0 1px 2px rgba(20,22,40,.04),0 4px 16px rgba(20,22,40,.06);--fuente:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--fuente);background:var(--color-fondo);color:var(--color-texto);-webkit-font-smoothing:antialiased}main{max-width:1080px;margin:0 auto;padding:32px 24px 64px}h1{font-size:24px;letter-spacing:-.01em;margin:0}h1,h2{font-weight:700}h2{font-size:15px;text-transform:uppercase;letter-spacing:.04em;margin-top:40px;margin-bottom:12px}h2,p{color:var(--color-texto-suave)}p{line-height:1.5}.tarjeta{border:1px solid var(--color-borde);border-radius:var(--radio)}.tarjeta,table{background:var(--color-superficie);box-shadow:var(--sombra);overflow:hidden}table{width:100%;border-collapse:collapse;border:1px solid var(--color-borde);border-radius:var(--radio);font-size:14px}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--color-borde)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafd}th{background:#f8f9fc;color:var(--color-texto-suave);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pantalla-login{min-height:100vh;margin:-32px -24px;padding:24px;display:flex;align-items:center;justify-content:center}.tarjeta-login{width:100%;max-width:400px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:16px;padding:36px 32px;box-shadow:0 2px 4px rgba(20,22,40,.04),0 12px 32px rgba(20,22,40,.08)}.marca-login{display:flex;align-items:center;gap:12px;margin-bottom:4px}.marca-login .icono{width:40px;height:40px;border-radius:10px;background:var(--color-primario);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.marca-login h1{color:var(--color-primario)}.subtitulo-login{margin:4px 0 24px;font-size:14px}.encabezado{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);padding:20px 24px;box-shadow:var(--sombra)}.encabezado p{margin:4px 0 0;font-size:13px}label{display:block;margin-top:18px;font-size:13px;font-weight:600}input,label{color:var(--color-texto)}input{width:100%;padding:10px 12px;margin-top:6px;border:1px solid var(--color-borde);border-radius:var(--radio-chico);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--color-superficie);transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px var(--color-primario-suave)}button{margin-top:22px;width:100%;padding:12px;background:var(--color-primario);color:#fff;border:none;border-radius:var(--radio-chico);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--color-primario-hover)}button:disabled{opacity:.6;cursor:default}.boton-secundario{width:auto;margin-top:0;background:var(--color-superficie);color:var(--color-texto);border:1px solid var(--color-borde)}.boton-secundario:hover:not(:disabled){background:#f4f5f9}.error{display:flex;align-items:flex-start;gap:8px;color:var(--color-error);background:var(--color-error-suave);border:1px solid #fecaca;border-radius:var(--radio-chico);padding:10px 12px;font-size:13px;margin-top:16px}.vacio{display:flex;align-items:center;gap:10px;background:var(--color-superficie);border:1px dashed var(--color-borde);border-radius:var(--radio);margin:0}.cargando,.vacio{color:var(--color-texto-tenue);font-size:14px;padding:20px}.alerta{color:var(--color-alerta);font-weight:600}.chip-alerta{color:var(--color-alerta);background:var(--color-alerta-suave);border:1px solid #fde68a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;margin-left:8px}.chip-alerta,.chip-ok{display:inline-flex;align-items:center;gap:4px}.chip-ok{color:var(--color-exito);font-size:13px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-si{background:var(--color-exito-suave);color:var(--color-exito)}.badge-no{background:#f1f2f6;color:var(--color-texto-tenue)}.marca-dashboard{display:flex;align-items:center;gap:10px}.marca-dashboard .icono{width:32px;height:32px;border-radius:8px;background:var(--color-primario);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.marca-dashboard .nombre-empresa{line-height:1.2}.marca-dashboard h1{font-size:20px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:20px}.kpi{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px}.kpi-valor{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.kpi-valor.kpi-ok{color:var(--color-exito)}.kpi-valor.kpi-alerta{color:var(--color-alerta)}.kpi-etiqueta{margin-top:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-tenue)}@media (max-width:720px){.kpis{grid-template-columns:repeat(2,1fr)}}.badge-tipo{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-tipo-entrada{background:var(--color-exito-suave);color:var(--color-exito)}.badge-tipo-salida{background:var(--color-alerta-suave);color:var(--color-alerta)}.texto-truncado{cursor:help;border-bottom:1px dotted var(--color-texto-tenue)}.tiempo-relativo{cursor:help}@media (max-width:640px){main{padding:20px 16px 48px}table{display:block;overflow-x:auto}}.pestanas{display:flex;gap:4px;margin-top:24px;border-bottom:1px solid var(--color-borde)}.pestana{padding:10px 4px;margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-texto-suave);font-size:14px;font-weight:600;width:auto;cursor:pointer}.pestana:hover:not(:disabled){background:none;color:var(--color-texto)}.pestana.pestana-activa{color:var(--color-primario);border-bottom-color:var(--color-primario)}.indicador-refresco{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-texto-tenue)}.punto-vivo{width:8px;height:8px;border-radius:999px;background:var(--color-exito);flex-shrink:0;animation:pulso-vivo 2.4s ease-in-out infinite}@keyframes pulso-vivo{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(21,128,61,.35)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(21,128,61,0)}}.indicador-refresco.aviso-error{color:var(--color-alerta)}.indicador-refresco.aviso-error .punto-vivo{background:var(--color-alerta);animation:none}.total-presentes{display:flex;align-items:center;gap:20px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px 24px;margin-top:20px}.total-presentes .numero{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--color-exito)}.total-presentes .numero.sin-gente{color:var(--color-texto-tenue)}.total-presentes .etiqueta{font-size:13px;color:var(--color-texto-suave)}.total-presentes .etiqueta strong{display:block;font-size:15px;color:var(--color-texto)}.grilla-ubicaciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.tarjeta-ubicacion{border-radius:var(--radio);padding:18px 20px;border:1px solid var(--color-borde);box-shadow:var(--sombra);transition:transform .15s ease}.tarjeta-ubicacion.con-gente{background:var(--color-exito-suave);border-color:#bbf0cf}.tarjeta-ubicacion.vacia{background:#f4f5f9;opacity:.72}.tarjeta-ubicacion.inactiva{opacity:.5}.tarjeta-ubicacion-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tarjeta-ubicacion-nombre{font-size:15px;font-weight:700;color:var(--color-texto)}.tarjeta-ubicacion.vacia .tarjeta-ubicacion-nombre{color:var(--color-texto-suave)}.tarjeta-ubicacion-contador{font-size:30px;font-weight:800;line-height:1;color:var(--color-exito)}.tarjeta-ubicacion.vacia .tarjeta-ubicacion-contador{color:var(--color-texto-tenue);font-size:22px}.tarjeta-ubicacion-estado-vacio{margin-top:8px;font-size:13px;color:var(--color-texto-tenue)}.lista-presentes{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.lista-presentes li{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.lista-presentes .nombre-presente{font-weight:600;color:var(--color-texto)}.lista-presentes .tiempo-presente{color:var(--color-texto-suave);white-space:nowrap}.senal-por-vencer{color:var(--color-alerta)!important;font-weight:600}.badge-inactiva{font-size:11px;font-weight:600;color:var(--color-texto-tenue);background:#e9eaf1;border-radius:999px;padding:2px 8px}.lista-estuvieron-hoy{display:flex;flex-direction:column;gap:8px}.fila-estuvo-hoy{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio-chico);padding:10px 14px;font-size:13px}.fila-estuvo-hoy .estuvo-hoy-persona{font-weight:600}.fila-estuvo-hoy .estuvo-hoy-lugar{color:var(--color-texto-suave)}.motivo-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.motivo-chip-salida{background:#f1f2f6;color:var(--color-texto-suave)}.motivo-chip-sin-senal{background:var(--color-alerta-suave);color:var(--color-alerta)}.campo-clave{position:relative;display:flex;align-items:center}.campo-clave input{flex:1 1;padding-right:5.5rem}.ver-clave{position:absolute;right:.5rem;background:transparent;border:none;color:var(--primario,#3949ab);font-size:.85rem;font-weight:600;cursor:pointer;padding:.35rem .5rem;width:auto}.ver-clave:hover{text-decoration:underline}.marca-sin-confirmar{margin-left:.5rem;padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#f5b942;background:rgba(245,185,66,.14);border:1px solid rgba(245,185,66,.35);white-space:nowrap}