:root{--color-primario:#0f5c3f;--color-primario-oscuro:#0a4530;--color-texto:#1f2937;--color-texto-secundario:#6b7280;--color-borde:#e5e7eb;--color-fondo:#f5f6f8;--color-error-fondo:#fdecea;--color-error-texto:#b3261e;--color-topbar:#15171c;--color-topbar-texto-secundario:#9aa0ac;--sidebar-ancho:240px;--topbar-alto:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--color-fondo);color:var(--color-texto);margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-alto);min-height:var(--topbar-alto);background:var(--color-topbar);color:#fff;z-index:40;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.topbar__izquierda{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.topbar__hamburguesa{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:.4rem;display:none}.topbar__hamburguesa span{background:#fff;border-radius:2px;width:18px;height:2px;display:block}.topbar__marca{flex-direction:column;line-height:1.15;display:flex}.topbar__marca-titulo{font-size:1.02rem;font-weight:700}.topbar__marca-subtitulo{color:var(--color-topbar-texto-secundario);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.topbar__buscador{max-width:420px;color:var(--color-topbar-texto-secundario);background:#ffffff14;border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.45rem .8rem;display:flex}.topbar__buscador input{color:#fff;background:0 0;border:none;flex:1;padding:0;font-size:.88rem}.topbar__buscador input::placeholder{color:var(--color-topbar-texto-secundario)}.topbar__buscador input:focus{outline:none}.topbar__derecha{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.topbar__icono-btn{color:var(--color-topbar-texto-secundario);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem;display:flex}.topbar__icono-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.topbar__icono-btn:disabled{opacity:.45;cursor:default}.topbar__usuario{position:relative}.topbar__avatar{background:var(--color-primario);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.82rem;font-weight:700;display:flex}.topbar__menu{color:var(--color-texto);border:1px solid var(--color-borde);z-index:41;background:#fff;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 28px #0000002e}.topbar__menu-usuario{border-bottom:1px solid var(--color-borde);flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.topbar__menu-usuario strong{font-size:.9rem}.topbar__menu-usuario span{color:var(--color-texto-secundario);text-transform:capitalize;font-size:.76rem}.topbar__menu-item{text-align:left;cursor:pointer;width:100%;color:var(--color-texto);background:0 0;border:none;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.88rem;display:flex}.topbar__menu-item:hover{background:var(--color-fondo)}.app-cuerpo{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-ancho);border-right:1px solid var(--color-borde);background:#fff;flex-shrink:0;padding:1rem .75rem;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:.15rem;display:flex}.sidebar-nav__titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--color-texto-secundario);margin:.25rem .6rem .4rem;font-size:.7rem}.sidebar-item{color:var(--color-texto);cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .6rem;font-size:.9rem;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--color-fondo)}.sidebar-item--activo{color:var(--color-primario-oscuro);background:#e6f4ea;font-weight:600}.sidebar-item--proximamente{color:var(--color-texto-secundario);cursor:default;justify-content:space-between}.sidebar-item--proximamente:hover{background:0 0}.chip-proximamente,.chip-global{background:var(--color-fondo);border:1px solid var(--color-borde);color:var(--color-texto-secundario);white-space:nowrap;border-radius:999px;padding:.1rem .4rem;font-size:.63rem}.sidebar-grupo__encabezado{text-align:left;width:100%;color:var(--color-texto);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;margin-top:.6rem;padding:.55rem .6rem;font-size:.9rem;display:flex}.sidebar-grupo__encabezado:hover{background:var(--color-fondo)}.sidebar-grupo__encabezado span{flex:1}.sidebar-grupo__flecha{transition:transform .15s;flex:none!important}.sidebar-grupo__flecha--abierta{transform:rotate(90deg)}.sidebar-grupo__contenido{flex-direction:column;gap:.15rem;padding-left:.4rem;display:flex}.sidebar-overlay{display:none}.app-main{flex:1;width:100%;min-width:0;max-width:1200px;padding:1.5rem}@media (width<=880px){.topbar__hamburguesa{display:flex}.topbar__buscador{display:none}.sidebar{top:var(--topbar-alto);height:calc(100vh - var(--topbar-alto));z-index:46;transition:left .2s;position:fixed;left:-100%;box-shadow:0 10px 28px #0000002e}.sidebar--abierta{left:0}.sidebar-overlay{inset:0;top:var(--topbar-alto);z-index:45;background:#0f172a66;display:block;position:fixed}}.tarjeta--bienvenida{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.tarjetas-stat{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.tarjeta-stat{flex-direction:column;gap:.35rem;display:flex}.tarjeta-stat__titulo{color:var(--color-texto-secundario);font-size:.82rem}.tarjeta-stat__valor{color:var(--color-texto);font-size:1.9rem;font-weight:700}.pagina-login{background:var(--color-fondo);justify-content:center;align-items:center;min-height:100vh;display:flex}.tarjeta{border:1px solid var(--color-borde);background:#fff;border-radius:10px;padding:1.75rem;box-shadow:0 1px 3px #0000000f}.tarjeta--login{flex-direction:column;gap:.9rem;width:100%;max-width:360px;display:flex}.tarjeta--login h1{color:var(--color-primario);margin:0}.texto-secundario{color:var(--color-texto-secundario);margin-top:-.5rem}label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500;display:flex}input,select{border:1px solid var(--color-borde);color:var(--color-texto);background:#fff;border-radius:6px;padding:.55rem .65rem;font-family:inherit;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--color-primario);outline-offset:1px}.btn{border:1px solid var(--color-borde);cursor:pointer;color:inherit;background:#fff;border-radius:6px;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:default}.btn--primario{background:var(--color-primario);border-color:var(--color-primario);color:#fff}.btn--primario:hover:not(:disabled){background:var(--color-primario-oscuro)}.btn--link{color:var(--color-primario);background:0 0;border:none;padding:.25rem .4rem}.btn--link:hover{text-decoration:underline}.alerta{border-radius:6px;padding:.6rem .8rem;font-size:.88rem}.alerta--error{background:var(--color-error-fondo);color:var(--color-error-texto)}.alerta--exito{color:#1e7a34;background:#e6f4ea}.pagina-empresas__encabezado{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pagina-empresas__acciones{align-items:center;gap:.6rem;display:flex}.filtro-inactivas{flex-direction:row;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1rem;font-weight:400}.tabla-contenedor{border:1px solid var(--color-borde);background:#fff;border-radius:10px;overflow-x:auto}.tabla{border-collapse:collapse;width:100%;font-size:.9rem}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--color-borde);padding:.65rem .9rem}.tabla th{color:var(--color-texto-secundario);text-transform:uppercase;font-size:.8rem;font-weight:600}.fila-inactiva{opacity:.55}.etiqueta{border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:600}.etiqueta--activa{color:#1e7a34;background:#e6f4ea}.etiqueta--inactiva{color:#6b7280;background:#f1f1f1}.etiqueta--pendiente_jefe{color:#9a3412;background:#ffedd5}.etiqueta--pendiente{color:#92400e;background:#fef3c7}.etiqueta--aprobada{color:#1e7a34;background:#e6f4ea}.etiqueta--rechazada{color:#b3261e;background:#fdecea}.etiqueta--nueva{color:#3730a3;background:#e0e7ff}.etiqueta--cancelacion{color:#9f1239;background:#ffe4e6}.tabla-acciones{white-space:nowrap}.modal-fondo{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-tarjeta{flex-direction:column;gap:.9rem;width:100%;max-width:420px;max-height:90vh;display:flex;overflow-y:auto}.modal-tarjeta--ancha{max-width:760px}.form-fila{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.form-fila--3{grid-template-columns:1fr 1fr 1fr}@media (width<=560px){.form-fila,.form-fila--3{grid-template-columns:1fr}}.campo-con-accion{align-items:center;gap:.4rem;display:flex}.campo-con-accion select{flex:1}.btn--icono{flex-shrink:0;padding:.35rem .6rem;font-weight:600;line-height:1}.filtros-colaboradores{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.filtro-select{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.filtro-select select{min-width:200px}.btn--documentos{border-color:var(--color-primario);color:var(--color-primario);align-self:flex-start}.btn--documentos:hover{background:#e6f4ea}.documentos-lista{flex-direction:column;gap:.75rem;display:flex}.documento-fila{border:1px solid var(--color-borde);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.documento-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.documento-etiqueta{font-size:.9rem;font-weight:600}.documento-acciones{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.modal-tarjeta h2{margin:0}.modal-acciones{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.modal-acciones__derecha{gap:.6rem;margin-left:auto;display:flex}.pagina-cargando{text-align:center;color:var(--color-texto-secundario);padding:2rem}.nota-tabla{color:var(--color-texto-secundario);margin-top:.25rem;font-size:.78rem}.campo-checkbox{flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.campo-error{color:var(--color-error-texto);font-size:.8rem;font-weight:400}.selector-colaborador{position:relative}.selector-colaborador input{width:100%}.selector-colaborador__lista{z-index:20;border:1px solid var(--color-borde);background:#fff;border-radius:8px;max-height:220px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #0000001f}.selector-colaborador__lista li button{text-align:left;cursor:pointer;width:100%;color:var(--color-texto);background:0 0;border:none;border-radius:6px;padding:.45rem .6rem;font-size:.9rem;font-weight:400;display:block}.selector-colaborador__lista li button:hover{background:#f1f5f9}.selector-colaborador__vacio{color:var(--color-texto-secundario);padding:.45rem .6rem;font-size:.85rem}.checkbox-lista__todos{border-bottom:1px solid var(--color-borde);padding-bottom:.6rem;font-weight:600}.checkbox-lista{flex-direction:column;gap:.5rem;max-height:260px;padding-right:.25rem;display:flex;overflow-y:auto}.checkbox-lista__item{text-transform:capitalize}.permisos-menu{border:1px solid var(--color-borde);border-radius:8px;flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.permisos-menu__titulo{margin:0;font-size:.9rem;font-weight:600}.permisos-menu__opciones{grid-template-columns:1fr 1fr;gap:.4rem 1rem;display:grid}@media (width<=560px){.permisos-menu__opciones{grid-template-columns:1fr}}.botones-secundarios{flex-wrap:wrap;gap:.6rem;display:flex}.modal-tarjeta--familiar{max-width:760px}.modal-tarjeta--familiar h3{margin:.2rem 0 0;font-size:1rem}.form-familiar{flex-direction:column;gap:.6rem;width:100%;display:flex}.modal-acciones--compactas{margin-top:0}.documentos-lista--anidada{border-left:2px solid var(--color-borde);margin-left:1rem;padding-left:.75rem}.documento-fila--columna{flex-direction:column;align-items:stretch}.calendario-encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calendario-navegacion{align-items:center;gap:.6rem;display:flex}.calendario-mes-actual{text-align:center;min-width:160px;font-weight:600}.calendario-leyenda{flex-wrap:wrap;gap:.9rem;display:flex}.calendario-leyenda__item{color:var(--color-texto-secundario);align-items:center;gap:.4rem;font-size:.82rem;display:flex}.calendario-chip-color{vertical-align:middle;border-radius:3px;flex-shrink:0;width:.65rem;height:.65rem;margin-right:.35rem;display:inline-block}.calendario-grid{background:var(--color-borde);border:1px solid var(--color-borde);border-radius:8px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendario-grid__dia-semana{text-align:center;color:var(--color-texto-secundario);background:#f8fafc;padding:.5rem;font-size:.78rem;font-weight:600}.calendario-celda{background:#fff;flex-direction:column;gap:.25rem;min-height:96px;padding:.4rem;display:flex}.calendario-celda--fuera{color:var(--color-texto-secundario);background:#fafafa}.calendario-celda--fuera .calendario-celda__numero{color:var(--color-texto-secundario)}.calendario-celda--hoy{background:#eef6f0}.calendario-celda__numero{font-size:.82rem;font-weight:600}.calendario-celda__eventos{flex-direction:column;gap:.2rem;display:flex}.calendario-evento-chip{color:#fff;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.68rem;overflow:hidden}.calendario-evento-chip--pendiente{opacity:.55;cursor:default}.calendario-lista{margin-top:1.5rem}.calendario-lista h3{margin:0;font-size:1rem}.calendario-lista__encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.calendario-lista__buscador{flex:0 280px;min-width:240px}.calendario-lista__grupos{flex-direction:column;gap:.6rem;display:flex}.calendario-lista__grupo{border:1px solid var(--color-borde);border-radius:8px;overflow:hidden}.calendario-lista__grupo-encabezado{cursor:pointer;text-align:left;background:#f8fafc;border:none;align-items:center;gap:.5rem;width:100%;padding:.7rem .9rem;font-size:.9rem;display:flex}.calendario-lista__grupo-encabezado:hover{background:#eef2f7}.calendario-lista__grupo-nombre{font-weight:600}.calendario-lista__grupo-conteo{color:var(--color-texto-secundario);margin-left:auto;font-size:.82rem}.calendario-lista__grupo-flecha{color:var(--color-texto-secundario);font-size:.75rem}.calendario-lista__items{flex-direction:column;gap:.5rem;margin:0;padding:.6rem .9rem;list-style:none;display:flex}.calendario-lista__item{border:1px solid var(--color-borde);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.calendario-lista__tipo{font-weight:600}.calendario-lista__fechas{color:var(--color-texto-secundario);font-size:.85rem}.calendario-lista__item .btn--link{margin-left:auto}@media (width<=700px){.calendario-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendario-celda{min-height:64px;font-size:.75rem}.calendario-grid__dia-semana{padding:.3rem;font-size:.65rem}}.tarjetas-saldo-contenedor{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}@media (width<=560px){.tarjetas-saldo-contenedor{grid-template-columns:1fr}}.tarjeta-saldo{border:1px solid var(--color-borde);background:#eceef2;border-radius:8px;padding:1rem 1.1rem}.tarjeta-saldo h3{margin:0 0 .7rem;font-size:1rem}.tarjeta-saldo__numeros{flex-wrap:wrap;gap:1rem 1.25rem;margin-bottom:1rem;display:flex}.tarjeta-saldo__numeros>div{flex-direction:column;gap:.15rem;display:flex}.tarjeta-saldo__periodo{border-top:1px solid var(--color-borde);margin-top:.7rem;padding-top:.7rem;line-height:1.5}.tarjeta-saldo__valor{color:var(--color-primario);font-size:1.5rem;font-weight:700}.resumen-otros-conceptos{flex-wrap:wrap;gap:.6rem;margin:-.3rem 0 1rem;display:flex}.resumen-otros-conceptos__item{border:1px solid var(--color-borde);color:var(--color-texto-secundario);background:#f8fafc;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.82rem;display:flex}.resumen-otros-conceptos__item strong{color:var(--color-texto);font-weight:700}.resumen-otros-conceptos__punto{border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}