:root{--primario:#06854a;--primario-oscuro:#04693a;--acento:#2fcb7c;--primario-suave:#e6f6ee;--sobre-primario:#fff;--fondo:#f3f6f4;--superficie:#fff;--superficie-tenue:#f7faf8;--texto:#15211a;--texto-secundario:#5d6b63;--borde:#dce4df;--error:#c0362c;--error-suave:#fdecea;--aviso:#9a5b00;--aviso-suave:#fff4e0;--radio:10px;--radio-grande:16px;--sombra:0 1px 2px #0b2a1a0a, 0 4px 16px #0b2a1a0d;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0}.icono{flex:none}button{font:inherit;border:1px solid var(--borde);color:var(--texto);background:var(--superficie);border-radius:var(--radio);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}button:hover:not(:disabled){border-color:var(--primario);color:var(--primario)}button:disabled{opacity:.45;cursor:default}button.primario{background:var(--primario);border-color:var(--primario);color:var(--sobre-primario);padding:9px 18px}button.primario:hover:not(:disabled){background:var(--primario-oscuro);border-color:var(--primario-oscuro);color:var(--sobre-primario)}button.secundario{background:var(--primario-suave);color:var(--primario-oscuro);border-color:#0000}button.secundario:hover:not(:disabled){color:var(--primario-oscuro);background:#d5efe1;border-color:#0000}button.grande{justify-content:center;width:100%;padding:12px 18px;font-size:16px}button.enlace{color:var(--primario);background:0 0;border:none;padding:0;font-size:13px}button.icono-boton{color:var(--texto-secundario);background:0 0;border:none;border-radius:8px;padding:6px}button.icono-boton:hover:not(:disabled){background:var(--primario-suave);color:var(--primario-oscuro)}input,select{font:inherit;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto);outline:none;padding:8px 12px}input:focus,select:focus{border-color:var(--primario);box-shadow:0 0 0 3px var(--primario-suave)}label{color:var(--texto-secundario);gap:6px;font-size:13px;font-weight:600;display:grid}label.en-linea{align-items:center;gap:12px;margin:4px 0 16px;display:flex}.secundario{color:var(--texto-secundario)}.mensaje{border-radius:var(--radio);margin:0;padding:10px 14px;font-size:14px;font-weight:600}.mensaje.error{background:var(--error-suave);color:var(--error)}.mensaje.aviso{background:var(--aviso-suave);color:var(--aviso)}.mensaje.exito{background:var(--primario-suave);color:var(--primario-oscuro)}.aviso{color:var(--aviso);font-weight:600}.centro{place-items:center;min-height:100vh;padding:24px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);box-shadow:var(--sombra);padding:20px 24px}.aviso-rol{justify-items:start;gap:16px;width:min(440px,100%);display:grid}.aviso-rol h1{color:var(--primario)}.acceso{grid-template-columns:minmax(380px,1fr) minmax(420px,1fr);min-height:100vh;display:grid}.acceso-marca{color:var(--sobre-primario);text-align:center;background:radial-gradient(circle at 30% 20%,#2fcb7c 0%,#0a9a57 45%,#05703f 100%);place-content:center;justify-items:center;gap:12px;padding:48px;display:grid}.acceso-marca img{border-radius:50%;width:220px;height:220px;margin-bottom:16px;box-shadow:0 16px 48px #00000040}.acceso-marca h1{letter-spacing:-.02em;font-size:40px;font-weight:800}.acceso-marca p{opacity:.9;margin:0;font-size:17px}.acceso-formulario{background:var(--superficie);place-content:center;padding:48px;display:grid;position:relative}.acceso-formulario form{gap:18px;width:360px;display:grid}.acceso-formulario h2{font-size:26px}.acceso-formulario form>p{margin:-12px 0 8px}.acceso-formulario input{padding:11px 14px;font-size:16px}.pie-acceso{text-align:center;color:var(--texto-secundario);margin:0;font-size:13px;position:absolute;bottom:24px;left:0;right:0}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.lateral{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;gap:24px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.marca{align-items:center;gap:12px;padding:0 8px;display:flex}.marca img{border-radius:9px}.marca b{font-size:17px;line-height:1.2;display:block}.marca small,.usuario small{color:var(--texto-secundario);font-size:12px;display:block}.bloque-lateral{align-content:start;gap:8px;display:grid}.bloque-lateral.crece{flex:1;grid-template-rows:auto auto 1fr;min-height:0}.rotulo{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-secundario);padding:0 8px;font-size:11px;font-weight:700}.rotulo-fila{justify-content:space-between;align-items:center;display:flex}.selector-fecha{align-items:center;gap:2px;display:flex}.selector-fecha input{flex:1;min-width:0;padding:7px 8px}.bloque-lateral .enlace{justify-self:start;padding:0 8px}.vacio-lateral{color:var(--texto-secundario);margin:0;padding:8px;font-size:13px}.lista{align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lista button{text-align:left;border-radius:var(--radio);width:100%;color:var(--texto);background:0 0;border:none;gap:3px;padding:9px 10px;display:grid}.lista button:hover:not(:disabled){background:var(--superficie-tenue);color:var(--texto)}.lista button.elegida{background:var(--primario-suave);color:var(--primario-oscuro);box-shadow:inset 3px 0 0 var(--primario)}.nombre-cuadrilla{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.detalle-cuadrilla{color:var(--texto-secundario);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.estado{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.estado.abierta{background:var(--aviso-suave);color:var(--aviso)}.estado.cerrada{background:var(--primario-suave);color:var(--primario-oscuro)}.estado.exportada{color:#2d4fb3;background:#e8eefc}.usuario{border-top:1px solid var(--borde);align-items:center;gap:10px;padding:12px 8px 0;display:flex}.usuario>div{flex:1;min-width:0}.usuario b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.avatar{background:var(--primario);width:34px;height:34px;color:var(--sobre-primario);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.principal{flex-direction:column;gap:20px;min-width:0;max-width:1440px;padding:28px 40px 48px;display:flex}.cargando{color:var(--texto-secundario)}.vacio{text-align:center;max-width:420px;color:var(--texto-secundario);justify-items:center;gap:8px;margin:auto;padding:80px 0;display:grid}.vacio .icono{color:var(--acento);margin-bottom:8px}.vacio h2{color:var(--texto);font-size:20px}.vacio p{margin:0}.cabecera{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.cabecera h1{font-size:28px;font-weight:800}.migas{color:var(--primario);margin:0 0 4px;font-size:13px;font-weight:600}.jornadas{color:var(--texto-secundario);flex-wrap:wrap;gap:8px 16px;margin:8px 0 0;font-size:14px;display:flex}.jornada{align-items:center;gap:8px;display:inline-flex}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);gap:2px;padding:14px 18px;display:grid}.kpi span{color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.kpi b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.pestanas{border-bottom:1px solid var(--borde);align-items:center;gap:4px;display:flex}.pestanas button{color:var(--texto-secundario);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:10px 14px}.pestanas button:hover:not(:disabled){color:var(--texto);border-color:#0000;border-bottom-color:var(--borde)}.pestanas button.elegida,.pestanas button.elegida:hover:not(:disabled){color:var(--primario-oscuro);border-bottom-color:var(--primario)}.pestanas .separador{flex:1}.pestanas .pestana-transfers{color:var(--primario)}.reporte{gap:14px;display:grid;overflow-x:auto}.titulo-reporte{align-items:center;gap:12px;display:flex}.titulo-reporte h2{font-size:18px}.acciones{gap:8px;margin-left:auto;display:flex}.insignia{background:var(--primario-suave);color:var(--primario-oscuro);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.resumen{background:var(--superficie-tenue);border-radius:var(--radio);color:var(--texto);margin:0;padding:12px 16px 12px 32px}p.resumen{padding-left:16px}.pie-acciones{justify-content:flex-end;padding-top:4px;display:flex}.archivo{align-items:center;gap:8px;font-weight:600;display:inline-flex}.archivo .icono{color:var(--primario)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:9px 12px}td{white-space:nowrap}thead th{background:var(--superficie-tenue);color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--borde);font-size:12px;font-weight:700;position:sticky;top:0}thead th:first-child{border-top-left-radius:var(--radio)}thead th:last-child{border-top-right-radius:var(--radio)}tbody tr:hover td{background:var(--superficie-tenue)}td.numero,th.numero{text-align:right}tfoot td{border-bottom:none;border-top:2px solid var(--texto);font-weight:700}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.principal{padding:24px}}@media print{body,.app{background:#fff;display:block}.no-imprimir,.kpis{display:none!important}.principal{max-width:none;padding:0}.tarjeta{box-shadow:none;border:none;padding:0}table{font-size:11px}thead th{position:static}}