:root{--canvas:#efede7;--panel:#fff;--fondo:#fff;--acento:#f0870f;--acento-suave:#f0870f1f;--texto:#1a1a18;--texto-sec:#6b6a64;--texto-ter:#9a988f;--borde:#e2e0da;--borde-suave:#eceae3;--error:#c0392b;--error-suave:#c0392b1a;--aviso:#b45309;--aviso-suave:#d977061f;--ok:#0f9d84;--ok-suave:#0f9d841f;--fuente-ui:"Archivo", system-ui, -apple-system, sans-serif;--fuente-mono:"JetBrains Mono", ui-monospace, monospace;--radio-sm:6px;--radio-md:10px;--radio-lg:14px;--sombra-panel:0 1px 2px #1a1a180a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--fuente-ui);color:var(--texto);background-color:var(--fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente-ui);background-color:var(--fondo);color:var(--texto)}.mono{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-cargando{height:100%;color:var(--texto-ter);place-items:center;font-size:14px;display:grid}.shell{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{--tb-crema:#fcebd9;--tb-borde-crema:#f4d4b0;--tb-ambar:#9a6516;background:var(--tb-crema);border:1px solid var(--tb-borde-crema);border-radius:var(--radio-lg);flex-wrap:wrap;align-items:stretch;margin:14px;display:flex}.topbar-logobox{background:var(--panel);border-top-left-radius:var(--radio-lg);border-bottom-left-radius:var(--radio-lg);justify-content:center;align-items:center;padding:8px 24px;display:flex}.topbar-logobox img{object-fit:contain;width:auto;height:48px;display:block}.topbar-sep{background:var(--tb-borde-crema);flex-shrink:0;align-self:stretch;width:1px}.topbar-cell{white-space:nowrap;flex-direction:column;justify-content:center;gap:2px;padding:8px 16px;line-height:1.2;display:flex}.topbar-cell.usuario{position:relative}.topbar-sistema{font-family:var(--fuente-mono);letter-spacing:1px;text-transform:uppercase;color:var(--tb-ambar);font-size:12px;font-weight:600}.topbar-label{font-family:var(--fuente-mono);letter-spacing:1px;text-transform:uppercase;color:var(--tb-ambar);font-size:10px}.topbar-usuario-btn{color:var(--texto);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.topbar-usuario-btn .chevron{color:var(--texto-sec);transition:transform .15s}.topbar-usuario-btn.abierto .chevron{transform:rotate(180deg)}.topbar-menu-backdrop{z-index:40;position:fixed;inset:0}.topbar-menu{z-index:41;background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-md);min-width:184px;position:absolute;top:calc(100% + 6px);left:16px;overflow:hidden;box-shadow:0 8px 24px #1a1a181f}.topbar-menu button{background:var(--panel);width:100%;color:var(--texto);text-align:left;border:none;align-items:center;gap:8px;padding:11px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.topbar-menu button:hover{background:var(--canvas);color:var(--texto)}.topbar-right{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;padding:8px 18px;display:flex}.topbar-fecha{font-family:var(--fuente-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--tb-ambar);font-size:12px;font-weight:600}.topbar-punto{color:var(--tb-ambar);font-size:14px}.topbar-reloj{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;color:var(--texto);font-size:20px;font-weight:600}.cuerpo{grid-template-columns:240px 1fr;gap:14px;min-height:0;padding:0 14px 14px;display:grid}.sidebar{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-panel);padding:16px 12px;overflow-y:auto}.nav-seccion+.nav-seccion{margin-top:22px}.nav-titulo{letter-spacing:.02em;color:var(--texto-ter);margin-bottom:8px;padding:0 10px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radio-sm);width:100%;color:var(--texto-sec);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav-item:hover:not(:disabled){background:var(--canvas);color:var(--texto)}.nav-item.activo{background:var(--acento-suave);color:var(--acento);font-weight:500}.nav-item:disabled{color:var(--texto-ter);cursor:not-allowed}.nav-item .etiqueta{background:var(--borde-suave);color:var(--texto-ter);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.contenido{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);min-height:0;box-shadow:var(--sombra-panel);flex-direction:column;padding:20px;display:flex;overflow:hidden}.panel{flex:1;place-items:center;display:grid}.placeholder{text-align:center;color:var(--texto-ter)}.placeholder .icono{color:var(--texto-ter);margin-bottom:12px}.placeholder h2{color:var(--texto-sec);margin:0 0 6px;font-size:16px;font-weight:600}.placeholder p{color:var(--texto-ter);margin:0;font-size:13px}.cli-modulo{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.cli-encabezado{justify-content:space-between;align-items:flex-end;display:flex}.cli-titulo{color:var(--texto);margin:0;font-size:20px;font-weight:600}.cli-titulo-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cli-chip{background:var(--acento-suave);height:22px;color:var(--acento);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.cli-controles{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cli-filtro-grupo{align-items:center;gap:8px;display:flex}.cli-filtro-etq{color:var(--texto-ter);font-size:12px;font-weight:500}.cli-select{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239A988F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:0 30px 0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.cli-select:hover,.cli-select:focus{border-color:var(--acento)}.cli-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tabla-scroll{flex:1;min-height:0;overflow-y:auto}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla thead th{text-align:left;letter-spacing:.02em;color:var(--texto-ter);border-bottom:.5px solid var(--borde);background:var(--panel);padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.tabla-th-ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.tabla-th-ordenable:hover{color:var(--texto-sec)}.tabla-th-contenido{align-items:center;gap:4px;display:inline-flex}.tabla-th-ordenable[aria-sort=ascending],.tabla-th-ordenable[aria-sort=descending]{color:var(--acento)}.tabla tbody tr{border-bottom:.5px solid var(--borde-suave)}.tabla tbody tr:last-child{border-bottom:none}.tabla tbody tr:hover{background:var(--canvas)}.tabla td{color:var(--texto);vertical-align:middle;padding:12px 16px}.tabla.cargando tbody{opacity:.55;transition:opacity .15s}.tabla-vacio{text-align:center;color:var(--texto-ter);padding:40px 16px;font-size:14px}.tabla-spinner{vertical-align:-2px;border:2px solid var(--borde);border-top-color:var(--acento);border-radius:999px;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite tabla-girar;display:inline-block}@keyframes tabla-girar{to{transform:rotate(360deg)}}@media (width<=767px){.contenido-movil{margin:0 14px 14px;padding:14px 12px}.cli-encabezado{flex-wrap:wrap;align-items:center;gap:10px}.cli-titulo{letter-spacing:.2px;font-size:22px;font-weight:700}.cli-controles{flex-direction:column;align-items:stretch;gap:10px}.cli-filtro-grupo{justify-content:space-between;width:100%}.cli-filtro-grupo .cli-select{flex:1;min-width:0}.tabla-cards{box-sizing:border-box;flex-direction:column;flex:1;gap:8px;width:100%;max-width:100%;min-height:0;padding:1px;display:flex;overflow-y:auto}.tabla-cards.cargando{opacity:.55;transition:opacity .15s}.tarjeta{background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-md)}.tarjeta-fila{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.tarjeta-principal{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tarjeta-chevron{color:var(--texto-ter);flex-shrink:0;transition:transform .15s}.tarjeta-chevron.abierto{transform:rotate(90deg)}.tarjeta-principal-txt{font-family:var(--fuente-ui);color:var(--texto);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.tarjeta-resumen{flex-shrink:0;align-items:center;gap:6px;display:flex}.tarjeta-detalle{border-top:.5px solid var(--borde-suave);padding:0 14px 14px}.tarjeta-meta{grid-template-columns:1fr 1fr;gap:12px 14px;padding-top:12px;display:grid}.tarjeta-meta-celda{flex-direction:column;gap:4px;min-width:0;display:flex}.tarjeta-meta-label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-family:var(--fuente-mono);color:var(--texto-ter)}.tarjeta-meta-valor{color:var(--texto);min-width:0;font-size:13.5px}.tarjeta-acciones{flex-direction:column;gap:8px;margin-top:14px;display:flex}.tarjeta-accion{box-sizing:border-box;border-radius:var(--radio-sm);width:100%;font-family:var(--fuente-ui);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:13.5px;font-weight:600;display:flex}.tarjeta-accion-sec{background:var(--panel);color:var(--texto);border:.5px solid var(--borde)}.tarjeta-accion-sec:hover{background:var(--canvas)}.tarjeta-accion-brand{background:var(--acento);color:#fff;border:none}.tarjeta-accion-danger{background:var(--panel);color:var(--error);border:.5px solid var(--error)}}.shell{background:var(--fondo)}.acceso-pantalla{background:var(--fondo);place-items:center;min-height:100%;padding:24px;display:grid}.acceso-tarjeta{text-align:center;background:var(--panel);border:.5px solid var(--borde);border-radius:var(--radio-lg);flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 36px 28px;display:flex;box-shadow:0 10px 40px #1a1a181f}.acceso-logo{width:100%;max-width:220px;height:auto;margin-bottom:12px;display:block}.acceso-sub{font-family:var(--fuente-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--texto-ter);margin-bottom:24px;font-size:10px}.acceso-icono{color:var(--error);margin-bottom:10px}.acceso-titulo{color:var(--texto);margin:0 0 10px;font-size:18px;font-weight:600}.acceso-texto{color:var(--texto-sec);overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;line-height:1.5}.acceso-texto-sec{color:var(--texto-ter);font-size:13px}.acceso-boton{border-radius:var(--radio-sm);background:var(--acento);height:38px;color:var(--panel);border:none;margin-top:10px;padding:0 18px;font-size:14px;font-weight:600}.acceso-boton:hover{opacity:.92}.acceso-salir{color:var(--error);font-family:var(--fuente-mono);letter-spacing:.5px;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:8px;margin-top:24px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.asis-controles{justify-content:flex-start;gap:24px}.asis-select-disp{min-width:260px;max-width:420px}.asis-select-disp:disabled{cursor:not-allowed;color:var(--texto-ter)}.asis-fecha{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto);font-family:var(--fuente-mono);outline:none;padding:0 10px;font-size:13px;transition:border-color .15s}.asis-fecha:hover,.asis-fecha:focus{border-color:var(--acento)}.asis-boton{border:.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);height:32px;color:var(--texto-sec);align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.asis-boton:hover{border-color:var(--acento);color:var(--acento)}.asis-estado{flex:1;place-items:center;min-height:160px;display:grid}.asis-aviso{border-radius:var(--radio-md);border:.5px solid var(--borde);flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;font-size:14px;display:flex}.asis-aviso.error{background:var(--error-suave);border-color:var(--error);color:var(--error)}.asis-aviso.aviso{background:var(--aviso-suave);border-color:var(--aviso);color:var(--aviso)}.asis-aviso-titulo{font-weight:600}.asis-aviso-detalle{color:var(--texto-sec);overflow-wrap:anywhere;font-size:12px}.asis-truncado{border-radius:var(--radio-sm);background:var(--aviso-suave);color:var(--aviso);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.asis-sin-nombre{color:var(--texto-ter);font-style:italic}.asis-pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.asis-pill.entrada{background:var(--ok-suave);color:var(--ok)}.asis-pill.salida{background:var(--acento-suave);color:var(--acento)}.asis-pill.otro{background:var(--borde-suave);color:var(--texto-sec)}.asis-resumen-hora{color:var(--texto-sec);font-size:13px}@media (width<=767px){.asis-controles{gap:10px}.asis-select-disp{min-width:0;max-width:none}.cli-filtro-grupo .asis-fecha{flex:1;min-width:0}.acceso-tarjeta{padding:32px 22px 24px}}