:root{--fondo: #f4f6fa;--superficie: #ffffff;--superficie-alta: #eef2f9;--borde: #d6deea;--texto: #1c2b3a;--texto-suave: #5f7086;--acento: #1c4fa1;--acento-suave: #eaf1fb;--ok: #1f8a4d;--aviso: #c07a12;--error: #c23a2e;--info: #1c7fb8;--radio: 8px;--sombra: 0 1px 3px rgba(28,79,161,.1)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--fondo);color:var(--texto);line-height:1.5}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:.95rem}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.lateral{width:220px;background:var(--superficie);border-right:1px solid var(--borde);padding:1rem 0;flex-shrink:0}.marca{padding:0 1rem 1rem;border-bottom:1px solid var(--borde);margin-bottom:.5rem}.marca strong{display:block;font-size:1rem}.marca span{font-size:.75rem;color:var(--texto-suave)}.nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;color:var(--texto-suave);text-decoration:none;border-left:3px solid transparent}.nav a:hover{background:var(--superficie-alta);color:var(--texto);text-decoration:none}.nav a.activo{background:var(--acento-suave);color:var(--texto);border-left-color:var(--acento)}.principal{flex:1;padding:1.5rem;overflow-x:auto}.cabecera{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.cabecera p{margin:0;color:var(--texto-suave);font-size:.85rem}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem}.tarjeta .etiqueta{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave)}.tarjeta .valor{font-size:1.75rem;font-weight:600;margin:.25rem 0}.tarjeta .pie{font-size:.75rem;color:var(--texto-suave)}.tarjeta.ok .valor{color:var(--ok)}.tarjeta.error .valor{color:var(--error)}.tarjeta.aviso .valor{color:var(--aviso)}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem;margin-bottom:1rem}.panel>h2,.panel>h3{margin-bottom:.75rem}table{width:100%;border-collapse:collapse;font-size:.85rem}th{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--borde);color:var(--texto-suave);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}td{padding:.55rem .6rem;border-bottom:1px solid var(--borde)}tbody tr:hover{background:var(--superficie-alta)}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.insignia{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.insignia.ACEPTADO,.insignia.ok{background:#22c55e26;color:var(--ok)}.insignia.RECHAZADO,.insignia.ERROR,.insignia.error{background:#ef444426;color:var(--error)}.insignia.ENVIADO,.insignia.EN-PROCESO,.insignia.aviso{background:#f59e0b26;color:var(--aviso)}.insignia.FIRMADO,.insignia.info{background:#38bdf826;color:var(--info)}input,select,textarea{background:var(--superficie-alta);border:1px solid var(--borde);border-radius:6px;color:var(--texto);padding:.45rem .6rem;font-size:.85rem;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acento)}label{display:block;font-size:.75rem;color:var(--texto-suave);margin-bottom:.25rem}.campo{margin-bottom:.75rem}.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;align-items:end}button{background:var(--acento);border:none;border-radius:6px;color:#fff;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--superficie);border:1px solid var(--acento);color:var(--acento)}button.secundario:hover{background:var(--acento-suave);filter:none}button.peligro{background:var(--error);color:#fff}button.pequeno{padding:.25rem .6rem;font-size:.75rem}.acciones{display:flex;gap:.5rem;flex-wrap:wrap}.linea-tiempo{position:relative;padding-left:1.5rem}.linea-tiempo:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--borde)}.evento{position:relative;padding-bottom:1rem}.evento:before{content:"";position:absolute;left:-1.5rem;top:5px;width:12px;height:12px;border-radius:50%;background:var(--info);border:2px solid var(--fondo)}.evento.ERROR:before{background:var(--error)}.evento.AVISO:before{background:var(--aviso)}.evento .titulo{font-weight:600;font-size:.85rem}.evento .meta{font-size:.75rem;color:var(--texto-suave)}.evento .cuerpo{font-size:.8rem;margin-top:.25rem}pre{background:var(--fondo);border:1px solid var(--borde);border-radius:6px;padding:.75rem;overflow-x:auto;font-size:.75rem;margin:.5rem 0 0;max-height:320px}.barra{height:6px;background:var(--superficie-alta);border-radius:3px;overflow:hidden}.barra>span{display:block;height:100%;background:var(--acento)}.barra.aviso>span{background:var(--aviso)}.barra.error>span{background:var(--error)}.grafico{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:.5rem}.grafico .columna{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0}.grafico .segmento{border-radius:2px 2px 0 0;min-height:2px}.grafico .segmento.ok{background:var(--ok)}.grafico .segmento.error{background:var(--error)}.grafico .segmento.aviso{background:var(--aviso)}.grafico .fecha{font-size:.65rem;color:var(--texto-suave);text-align:center;margin-top:.25rem;white-space:nowrap;overflow:hidden}.leyenda{display:flex;gap:1rem;font-size:.75rem;color:var(--texto-suave)}.leyenda span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:.3rem}.leyenda .l-ok:before{background:var(--ok)}.leyenda .l-error:before{background:var(--error)}.leyenda .l-aviso:before{background:var(--aviso)}.aviso-caja{padding:.75rem 1rem;border-radius:var(--radio);border-left:3px solid;margin-bottom:1rem;font-size:.85rem}.aviso-caja.error{background:#ef44441a;border-color:var(--error)}.aviso-caja.aviso{background:#f59e0b1a;border-color:var(--aviso)}.aviso-caja.ok{background:#22c55e1a;border-color:var(--ok)}.vacio{text-align:center;padding:2.5rem;color:var(--texto-suave)}.cargando{text-align:center;padding:2rem;color:var(--texto-suave)}.paginacion{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.8rem;color:var(--texto-suave)}.rejilla-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.rejilla-2{grid-template-columns:1fr}.lateral{width:60px}.marca span,.nav a span{display:none}}dl.datos{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0}dl.datos dt{color:var(--texto-suave);font-size:.8rem}dl.datos dd{margin:0;font-size:.85rem}