:root{--acento: #c5e86c;--acento-oscuro: #a9cf52;--acento-suave: rgba(197, 232, 108, .2);--marca: #00534c;--marca-alt: #00594f;--tinta: #06302c;--naranja: #ff5c39;--papel: #ffffff;--fondo: #e7e9e9;--linea: #d0d3d4;--linea-fuerte: #b3b9ba;--gris: #5c6a68;--gris-claro: #7e8a88;--ok: #146b3a;--error: #d93025;--aviso-color: #9c5200;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--sombra: 0 1px 2px rgba(6, 48, 44, .05), 0 8px 24px -14px rgba(6, 48, 44, .25);--e-out: cubic-bezier(.16, 1, .3, 1);--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Archivo", "Inter", system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--alto-cabecera: 62px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--marca)}::selection{background:var(--acento-suave)}.acceso{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 600px at 20% 0%,rgba(197,232,108,.12),transparent 60%),linear-gradient(155deg,#012622,#00534c 52%,#001a17)}.acceso__caja{width:100%;max-width:390px;display:flex;flex-direction:column;gap:18px;padding:38px 34px;background:var(--papel);border-radius:var(--r-xl);box-shadow:0 32px 80px -24px #0009;animation:entrar .6s var(--e-out) both}.acceso__logo{width:132px;height:auto}.acceso__titulo{margin:0;font-family:var(--display);font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.acceso__sub{margin:2px 0 0;font-size:.88rem;color:var(--gris)}.acceso__pie{margin:0;font-size:.78rem;color:var(--gris-claro);line-height:1.5}@keyframes entrar{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:var(--r-sm);border:1px solid var(--linea-fuerte);background:var(--papel);color:var(--tinta);font-size:13.5px;font-weight:550;transition:background .15s,border-color .15s,transform .15s var(--e-out)}.boton:hover:not(:disabled){background:#f2f4f4}.boton:active:not(:disabled){transform:translateY(1px)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton--principal{background:var(--marca);border-color:var(--marca);color:#fff}.boton--principal:hover:not(:disabled){background:var(--marca-alt)}.boton--microsoft{width:100%;padding:12px;font-weight:600;border-color:var(--linea)}.boton--microsoft:hover:not(:disabled){border-color:var(--marca);background:#f7faf9}.app{display:flex;flex-direction:column;height:100%}.cabecera{display:flex;align-items:center;gap:14px;padding:0 20px;height:var(--alto-cabecera);flex-shrink:0;background:var(--marca);color:#fff}.cabecera__logo{height:30px;width:auto}.cabecera__titulo{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.01em;padding-left:14px;border-left:1px solid rgba(255,255,255,.22)}.cabecera__espacio{flex:1}.usuario{display:flex;align-items:center;gap:10px;font-size:12.5px}.usuario__nombre{font-weight:600}.usuario__correo{color:#ffffffad}.chip{padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--acento-suave);color:var(--acento);border:1px solid rgba(197,232,108,.35);white-space:nowrap}.boton--salir{padding:4px 11px;border-radius:var(--r-sm);font-size:12px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.22)}.boton--salir:hover{background:#ffffff38}.cuerpo{display:flex;flex:1;min-height:0}.panel-lista{width:396px;flex-shrink:0;border-right:1px solid var(--linea);background:var(--papel);display:flex;flex-direction:column;min-height:0}.buscador{padding:14px;border-bottom:1px solid var(--linea);display:grid;gap:8px}.buscador input,.buscador select{width:100%;padding:9px 12px;border:1px solid var(--linea);border-radius:var(--r-sm);font:inherit;font-size:13px;background:#fbfcfc;color:var(--tinta)}.buscador input:focus,.buscador select:focus{outline:2px solid var(--marca);outline-offset:-1px;background:#fff}.conteo{padding:8px 14px;font-size:11.5px;font-weight:500;color:var(--gris-claro);border-bottom:1px solid var(--linea);background:#fafbfb}.lista{overflow-y:auto;flex:1}.item{display:block;width:100%;text-align:left;padding:12px 14px 12px 12px;border:0;border-bottom:1px solid var(--linea);background:transparent;border-left:3px solid transparent;transition:background .12s}.item:hover{background:#f6f8f8}.item.activo{background:#00534c0f;border-left-color:var(--marca)}.item__titulo{font-weight:600;font-size:12.8px;line-height:1.4;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item__meta{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--gris-claro)}.item__num{font-family:var(--mono)}.item__monto{color:var(--gris);font-weight:550}.panel-detalle{flex:1;overflow-y:auto;min-width:0}.detalle__cabecera{padding:18px 24px 16px;background:var(--papel);border-bottom:1px solid var(--linea)}.detalle__fila{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.detalle__identidad{min-width:0;flex:1}.detalle__cabecera h1{margin:0 0 8px;font-family:var(--display);font-size:17px;line-height:1.25;font-weight:700;letter-spacing:-.015em}.etiquetas{display:flex;flex-wrap:wrap;gap:6px}.etiqueta{padding:2px 8px;border-radius:5px;border:1px solid var(--linea);background:#f6f8f8;font-size:11px;font-weight:550;color:var(--gris);white-space:nowrap}.etiqueta--codigo{font-family:var(--mono);font-size:10.5px}.etiqueta--estado{border-color:#00534c40;background:#00534c12;color:var(--marca)}.etiqueta--fecha{border-style:dashed;background:transparent}.acciones{display:flex;gap:8px;flex-shrink:0}.resumen{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border-bottom:1px solid var(--linea);background:var(--papel)}.cifra{padding:12px 24px;border-left:1px solid var(--linea);min-width:0}.cifra:first-child{border-left:0}.cifra__rotulo{display:block;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--gris-claro);margin-bottom:3px}.cifra__valor{display:block;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cifra__valor em{font-style:normal;font-size:.72em;font-weight:600;color:var(--gris-claro);margin-right:5px}.cifra--destacada{background:linear-gradient(180deg,rgba(197,232,108,.14),transparent);box-shadow:inset 3px 0 0 var(--acento-oscuro)}.cifra--destacada .cifra__valor{font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:-.025em;color:var(--marca);line-height:1.1}.cifra--destacada .cifra__valor em{font-size:.46em;vertical-align:.35em}.columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:0 22px;align-items:start}.bloque{padding:18px 24px 4px;min-width:0}.bloque--ancho{padding-bottom:8px}.bloque h2{margin:0 0 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--gris-claro)}.h2__nota{margin-left:7px;font-weight:500;letter-spacing:.2px;text-transform:none;color:var(--linea-fuerte)}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r-md);box-shadow:var(--sombra);overflow:hidden}.tarjeta--tabla{overflow-x:auto}.nota{margin:0;padding:9px 13px;border-bottom:1px solid var(--linea);background:#fafbfb;font-size:11.5px;line-height:1.45;color:var(--gris)}.datos{margin:0}.dato{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:baseline;padding:7px 13px;border-top:1px solid var(--linea)}.dato:first-child{border-top:0}.dato dt{font-size:11px;font-weight:550;color:var(--gris-claro);line-height:1.4}.dato dd{margin:0;font-size:12.8px;line-height:1.4;word-break:break-word}.dato dd.vacio{color:var(--linea-fuerte)}.dato dd.mono{font-family:var(--mono);font-size:12px}.dato--editable{align-items:center;padding:6px 13px}.dato--editable dd{display:flex;align-items:center;gap:7px}.sufijo{font-size:11.5px;color:var(--gris-claro)}input.mini{width:84px;padding:5px 9px;border:1px solid var(--linea);border-radius:var(--r-sm);font:inherit;font-size:12.8px;font-variant-numeric:tabular-nums;background:#fbfcfc;color:var(--tinta)}input.mini:focus{outline:2px solid var(--marca);outline-offset:-1px;background:#fff}table.equipos{width:100%;border-collapse:collapse;font-size:12.2px;font-variant-numeric:tabular-nums}table.equipos thead th{background:var(--marca);color:#fff;font-weight:600;text-align:left;padding:8px 11px;white-space:nowrap;font-size:10px;letter-spacing:.6px;text-transform:uppercase}table.equipos th.num,table.equipos td.num{text-align:right}table.equipos tbody tr{border-top:1px solid var(--linea)}table.equipos tbody tr:first-child{border-top:0}table.equipos tbody tr:hover{background:#f6f8f8}table.equipos tbody td{padding:8px 11px}table.equipos td.td-equipo{font-weight:550}table.equipos td.mono{font-family:var(--mono);font-size:11.5px}table.equipos td.num--fuerte{font-weight:650}table.equipos tfoot td{padding:10px 11px;border-top:2px solid var(--marca);background:#fafbfb;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--gris);text-align:right}table.equipos tfoot td.num--fuerte{font-size:14px;letter-spacing:0;text-transform:none;color:var(--marca);white-space:nowrap}.alist-resumen{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;border:0;background:transparent;font-size:13px;color:var(--tinta);text-align:left}.alist-resumen:hover{background:#f6f8f8}.alist-flecha{color:var(--gris-claro)}.alist-cuerpo{border-top:1px solid var(--linea);max-height:420px;overflow-y:auto}.alist-grupo{border-bottom:1px solid var(--linea)}.alist-grupo:last-child{border-bottom:0}.alist-cat{display:flex;justify-content:space-between;width:100%;padding:7px 14px;border:0;background:#f2f4f4;font-size:10.5px;font-weight:700;letter-spacing:.6px;color:var(--gris);text-transform:uppercase}.alist-cat:hover{background:var(--acento-suave)}.alist-cat-n{color:var(--gris-claro);font-weight:500;letter-spacing:0}.alist-item{display:grid;grid-template-columns:18px 92px 1fr auto;gap:8px;align-items:center;padding:5px 14px;font-size:12.2px;cursor:pointer}.alist-item:hover{background:#f6f8f8}.alist-item input{margin:0;accent-color:var(--marca)}.alist-cod{font-family:var(--mono);font-size:10.5px;color:var(--gris-claro)}.alist-cant{color:var(--gris);font-size:11px;white-space:nowrap}.vacio-estado{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gris-claro);text-align:center;padding:40px;gap:6px}.vacio-estado strong{color:var(--gris);font-weight:600;font-size:14px}.aviso{margin:16px 26px;padding:11px 14px;border-radius:var(--r-sm);font-size:12.5px;border:1px solid #e8c37a;background:#fff8e8;color:var(--aviso-color)}.aviso--error,.aviso.error{border-color:#f3b5b0;background:#fdecea;color:var(--error)}.acceso .aviso{margin:0}.cargando{padding:26px;color:var(--gris-claro);font-size:13px}.skeleton{height:56px;border-bottom:1px solid var(--linea);background:linear-gradient(90deg,#f1f3f3 25%,#e7eaea,#f1f3f3 75%);background-size:200% 100%;animation:sk 1.3s infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:900px){.cuerpo{flex-direction:column}.panel-lista{width:100%;max-height:42vh;border-right:0;border-bottom:1px solid var(--linea)}.cabecera__titulo,.usuario__correo{display:none}}.ver-como{display:flex;align-items:center;gap:8px;margin-left:6px}.ver-como__etiqueta{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#ffffff9e}.ver-como select{max-width:280px;padding:5px 10px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font:inherit;font-size:12.5px}.ver-como select:hover{background:#fff3}.ver-como select:focus{outline:2px solid var(--acento);outline-offset:1px}.ver-como option,.ver-como optgroup{color:var(--tinta);background:#fff}.banda-suplantacion{display:flex;align-items:center;gap:10px;padding:7px 26px;background:var(--acento-suave);border-bottom:1px solid rgba(197,232,108,.5);font-size:12.5px;color:var(--tinta)}.visor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:28px}.visor__fondo{position:absolute;top:0;right:0;bottom:0;left:0;background:#06302c9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:aparecer .2s var(--e-out) both}.visor__caja{position:relative;width:min(940px,100%);height:min(94vh,100%);display:flex;flex-direction:column;background:var(--papel);border-radius:var(--r-lg);box-shadow:0 40px 90px -20px #0000008c;overflow:hidden;animation:subir .28s var(--e-out) both}.visor__barra{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--linea);background:#fafbfb;flex-shrink:0}.visor__titulo{flex:1;min-width:0;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visor__acciones{display:flex;align-items:center;gap:8px;flex-shrink:0}.visor__cerrar{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--linea);background:var(--papel);font-size:20px;line-height:1;color:var(--gris)}.visor__cerrar:hover{background:#f2f4f4;color:var(--tinta)}.visor iframe{flex:1;width:100%;border:0;background:#525659}.visor__nota{margin:0;padding:7px 14px;border-top:1px solid var(--linea);background:#fafbfb;font-size:11.5px;color:var(--gris-claro);text-align:center;flex-shrink:0}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes subir{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.volver{display:none}@media(max-width:1100px){.panel-lista{width:320px}.ver-como select{max-width:190px}}@media(max-width:860px){.cabecera{height:auto;min-height:54px;padding:8px 14px;flex-wrap:wrap;gap:8px 10px}.cabecera__logo{height:26px}.cabecera__titulo,.usuario__correo,.usuario__nombre{display:none}.ver-como{order:3;width:100%;margin-left:0}.ver-como select{max-width:none;flex:1}.cuerpo{flex-direction:column}.panel-lista{width:100%;border-right:0;flex:1}.panel-detalle,.cuerpo--detalle .panel-lista{display:none}.cuerpo--detalle .panel-detalle{display:block;flex:1}.volver{display:inline-flex;align-items:center;margin-bottom:10px;padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--linea);background:var(--papel);font-size:12.5px;font-weight:550;color:var(--marca)}.detalle__cabecera{padding:14px 16px}.detalle__cabecera h1{font-size:15.5px}.bloque{padding:14px 16px 2px}.aviso{margin:12px 16px}.acciones{width:100%}.acciones .boton{flex:1;min-width:130px}.resumen{grid-template-columns:1fr 1fr}.cifra{padding:10px 16px;border-top:1px solid var(--linea)}.cifra:nth-child(odd){border-left:0}.cifra--destacada{grid-column:1 / -1;border-top:0}.cifra--destacada .cifra__valor{font-size:22px}.columnas{grid-template-columns:1fr;gap:0}.dato{grid-template-columns:108px 1fr;padding:6px 12px}table.equipos{min-width:640px}.alist-item{grid-template-columns:18px 1fr auto}.alist-cod{display:none}.visor{padding:0}.visor__caja{width:100%;height:100%;border-radius:0}}@media(max-width:480px){.dato{grid-template-columns:1fr;gap:1px}.dato dt{font-size:10.5px}.acciones{gap:8px}.acciones .boton{width:100%}.chip{font-size:9.5px;padding:2px 8px}}@media(min-width:1700px){.panel-detalle>.detalle__cabecera,.panel-detalle>.resumen,.panel-detalle>.columnas,.panel-detalle>.bloque,.panel-detalle>.aviso{max-width:1500px}}