:root{--fondo:#f4f6f3;--tinta:#173638;--muted:#6b7d7d;--borde:#dce4df;--verde:#0a5b55;--verde-oscuro:#092f33;--menta:#dff1e9;--blanco:#fff;--ambar:#a96713;--rojo:#a43b3b;--sombra:0 14px 35px rgba(20,55,54,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo)}*{box-sizing:border-box}body{margin:0;min-width:320px}.aplicacion{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.barra-lateral{position:sticky;top:0;height:100vh;background:var(--verde-oscuro);color:#d9e7e2;padding:30px 22px;display:flex;flex-direction:column}.marca{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;margin:0 8px 45px}.marca-sello{display:grid;place-items:center;width:43px;height:43px;border:1px solid #6ba69b;border-radius:13px;color:#b5e2d6;font-weight:800;font-size:13px}.marca strong,.marca small{display:block}.marca strong{letter-spacing:.08em}.marca small{color:#8fb3ad;font-size:11px;margin-top:3px}.barra-lateral nav{display:grid;gap:8px}.navegacion{border:0;background:transparent;color:#a8c1bc;padding:13px 14px;border-radius:10px;text-align:left;font:inherit;cursor:pointer;display:flex;gap:12px;align-items:center}.navegacion:hover,.navegacion.activa{background:#16494a;color:#fff}.navegacion span{font-size:18px}.estado-sistema{margin-top:auto;border-top:1px solid #214f50;padding:22px 8px 16px;display:flex;gap:10px;align-items:center}.estado-sistema strong,.estado-sistema small{display:block;font-size:12px}.estado-sistema small{color:#8fb3ad;margin-top:2px}.pulso{width:9px;height:9px;border-radius:50%;background:#55d49d;box-shadow:0 0 0 4px rgba(85,212,157,.12)}.pulso.error{background:#ed7878}.enlace-documentacion{color:#8fb3ad;text-decoration:none;font-size:12px;padding:8px}.enlace-documentacion:hover{color:#fff}main{padding:35px 42px 60px;min-width:0}.cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.sobrelinea{font-size:10px;letter-spacing:.17em;font-weight:800;color:#77908c;margin:0 0 7px}.sobrelinea.claro{color:#8ec1b8}.cabecera h1{font-family:Georgia,serif;font-size:31px;margin:0;color:#173638}.acciones-cabecera,.acciones-dialogo{display:flex;gap:10px}button,input{font:inherit}.boton-primario,.boton-secundario{border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer}.boton-primario{border:1px solid var(--verde);background:var(--verde);color:#fff}.boton-primario:hover{background:#074843}.boton-secundario{border:1px solid var(--borde);background:var(--blanco);color:var(--tinta)}.seccion{display:none}.seccion.activa{display:block}.bienvenida{background:var(--verde-oscuro);color:#fff;border-radius:16px;padding:30px 34px;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:var(--sombra)}.bienvenida h2{font-family:Georgia,serif;font-size:27px;margin:0 0 9px}.bienvenida p{margin:0;color:#b8cfca;max-width:660px;line-height:1.55}.fecha-actual{font-size:12px;color:#9fc1ba;white-space:nowrap}.metricas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metricas article{background:#fff;border:1px solid var(--borde);border-radius:13px;padding:20px;display:flex;gap:15px;align-items:flex-start}.metricas small,.metricas strong,.metricas p{display:block}.metricas small{color:var(--muted);font-weight:700}.metricas strong{font-family:Georgia,serif;font-size:28px;margin:3px 0}.metricas p{font-size:11px;color:#8a9997;margin:0}.icono-metrica{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-weight:900}.turquesa{background:#e2f2ef;color:#13796e}.verde{background:#e1f3e7;color:#37865a}.ambar{background:#fff0dc;color:#b36d13}.rojo{background:#fbe4e4;color:#a64040}.rejilla-resumen{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:14px;box-shadow:0 4px 18px rgba(20,55,54,.03);overflow:hidden}.titulo-tarjeta,.barra-tabla{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #edf1ee}.titulo-tarjeta h3,.barra-tabla h2{font-family:Georgia,serif;margin:0;font-size:20px}.enlace-boton{border:0;background:transparent;color:var(--verde);font-weight:800;cursor:pointer}.lista-vacia{padding:28px;color:#8a9997;text-align:center}.fila-reciente{display:grid;grid-template-columns:1fr auto;gap:15px;padding:16px 24px;border-bottom:1px solid #edf1ee;cursor:pointer}.fila-reciente:last-child{border:0}.fila-reciente:hover{background:#f8faf8}.fila-reciente strong,.fila-reciente small{display:block}.fila-reciente small{color:var(--muted);margin-top:4px;font-size:11px}.estado{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:850;letter-spacing:.04em;background:#e7efed;color:#536b68;white-space:nowrap}.estado.aprobado{background:#def1e6;color:#28734a}.estado.proceso{background:#fff0d8;color:#8b5a14}.estado.error{background:#f9dede;color:#963a3a}.barra-tabla{padding:24px}.busqueda{display:flex;align-items:center;gap:8px;border:1px solid var(--borde);background:#f8faf8;border-radius:9px;padding:8px 12px;min-width:300px}.busqueda input{border:0;outline:0;background:transparent;width:100%;color:var(--tinta)}.tabla-contenedor{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;color:#71817f;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:13px 20px;background:#f8faf8}td{padding:16px 20px;border-top:1px solid #edf1ee;font-size:13px}td small{display:block;color:var(--muted);margin-top:4px}.cdc{max-width:190px;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:11px}.boton-tabla{border:1px solid var(--borde);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--verde);font-weight:700}.aviso{padding:13px 16px;border-radius:9px;background:#fff1d9;color:#765017;border:1px solid #f0d7a8;margin-bottom:18px}.aviso.error{background:#fae2e2;color:#873535;border-color:#edc5c5}.oculto{display:none!important}dialog{border:0;border-radius:16px;padding:0;width:min(520px,calc(100% - 32px));box-shadow:0 25px 80px rgba(9,47,51,.28);color:var(--tinta)}dialog::backdrop{background:rgba(5,27,29,.58);backdrop-filter:blur(3px)}dialog form,dialog.detalle-dialogo{padding:26px}.dialogo-cabecera{display:flex;justify-content:space-between;align-items:flex-start}.dialogo-cabecera h2{font-family:Georgia,serif;margin:0}.cerrar{border:0;background:#eef2ef;color:#526765;border-radius:50%;width:33px;height:33px;font-size:21px;cursor:pointer}.texto-ayuda{color:var(--muted);font-size:13px;line-height:1.5}.dialogo-cabecera+div{margin-top:20px}form label{display:grid;gap:7px;margin:18px 0;font-size:12px;font-weight:800}form label input{border:1px solid var(--borde);border-radius:9px;padding:12px;outline:0}form label input:focus{border-color:#4a8c83;box-shadow:0 0 0 3px #e1f0ec}.acciones-dialogo{justify-content:flex-end;margin-top:24px}.detalle-dialogo{width:min(720px,calc(100% - 32px))}.detalle-cabecera{background:#f4f8f5;border-radius:11px;padding:18px;margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dato small,.dato strong{display:block}.dato small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.linea-tiempo{border-left:2px solid #dce8e3;margin:22px 8px;padding-left:22px}.evento{position:relative;margin:0 0 22px}.evento::before{content:"";position:absolute;left:-29px;top:4px;width:10px;height:10px;border-radius:50%;background:#4d968a;border:3px solid #e4f1ed}.evento strong,.evento small{display:block}.evento small{color:var(--muted);margin-top:4px}.acciones-detalle{display:flex;justify-content:flex-end}.resumen-lote{padding:18px 24px;border-bottom:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between}.resumen-lote:last-child{border:0}.resumen-lote strong,.resumen-lote small{display:block}.resumen-lote small{color:var(--muted);margin-top:4px}
@media(max-width:1050px){.metricas{grid-template-columns:repeat(2,1fr)}.rejilla-resumen{grid-template-columns:1fr}.aplicacion{grid-template-columns:210px 1fr}main{padding:30px 25px}}
@media(max-width:720px){.aplicacion{display:block}.barra-lateral{position:static;height:auto;padding:16px;flex-direction:row;align-items:center;gap:10px;overflow:auto}.marca{margin:0 auto 0 0}.marca small,.estado-sistema,.enlace-documentacion{display:none}.barra-lateral nav{display:flex}.navegacion{white-space:nowrap}.navegacion span{display:none}main{padding:22px 15px}.cabecera{align-items:flex-start}.cabecera h1{font-size:26px}.acciones-cabecera{flex-direction:column}.bienvenida{padding:24px;display:block}.fecha-actual{display:block;margin-top:20px}.metricas{grid-template-columns:1fr 1fr;gap:10px}.metricas article{padding:14px}.barra-tabla{display:block}.busqueda{min-width:0;margin-top:16px}.detalle-cabecera{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.marca span:last-child,.boton-secundario{display:none}.metricas{grid-template-columns:1fr}.navegacion{padding:10px}.cabecera{gap:10px}}
.factura-dialogo{width:min(980px,calc(100% - 32px));max-height:92vh}.factura-dialogo form{padding:26px}.grupo-formulario{border-top:1px solid var(--borde);padding-top:18px;margin-top:20px}.grupo-formulario h3{font-family:Georgia,serif;margin:0 0 14px}.encabezado-grupo{display:flex;justify-content:space-between;align-items:center}.rejilla-formulario{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.rejilla-formulario.tres{grid-template-columns:repeat(3,1fr)}form label select{border:1px solid var(--borde);border-radius:9px;padding:12px;background:#fff;color:var(--tinta)}.tabla-items table{min-width:760px}.tabla-items input,.tabla-items select{width:100%;min-width:80px;border:1px solid var(--borde);border-radius:7px;padding:9px;background:#fff}.tabla-items td{padding:10px 7px}.tabla-items th{padding:10px 7px}.quitar-item{border:0;background:#f9e5e5;color:#983e3e;border-radius:7px;width:31px;height:31px;cursor:pointer}.total-factura{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;padding:18px 8px}.total-factura span{color:var(--muted);font-size:12px;font-weight:700}.total-factura strong{font-family:Georgia,serif;font-size:25px}@media(max-width:760px){.rejilla-formulario,.rejilla-formulario.tres{grid-template-columns:1fr}.factura-dialogo form{padding:20px}.acciones-cabecera{display:grid}.acciones-cabecera button{padding:8px 10px;font-size:12px}}
.nota-seguridad{margin:18px 0;padding:16px 18px;border:1px solid #ead7b2;background:#fff8e9;border-radius:11px;display:flex;gap:12px;align-items:center;color:#765017;font-size:12px}.nota-seguridad strong{white-space:nowrap}.nota-seguridad code{background:#f3e4c8;padding:2px 5px;border-radius:4px}.eventos-webhook{border:1px solid var(--borde);border-radius:10px;padding:12px 16px;margin-top:18px}.eventos-webhook legend{font-size:12px;font-weight:800;padding:0 6px}.eventos-webhook label{display:flex;grid-template-columns:none;align-items:center;gap:9px;margin:5px 0}.eventos-webhook input{width:auto}#dialogo-secreto{padding:26px}.secreto{display:block;margin:18px 0;padding:15px;background:#102f31;color:#c9f0e5;border-radius:9px;word-break:break-all;user-select:all;font-size:13px}
.configuracion-cabecera{background:var(--verde-oscuro);color:#fff;padding:28px 30px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.configuracion-cabecera h2{font-family:Georgia,serif;margin:0 0 6px}.configuracion-cabecera p{margin:0;color:#a9c6c0}.configuracion-rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.bloque-configuracion{background:#fff;border:1px solid var(--borde);border-radius:13px;padding:22px}.bloque-configuracion h3{font-family:Georgia,serif;margin:0 0 15px}.fila-configuracion{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf1ee}.fila-configuracion:first-of-type{border-top:0}.fila-configuracion span{color:var(--muted);font-size:12px}.fila-configuracion strong{text-align:right;font-size:13px}@media(max-width:760px){.configuracion-rejilla{grid-template-columns:1fr}.configuracion-cabecera{display:block}.configuracion-cabecera .estado{margin-top:14px}}
.evento-dialogo{width:min(820px,calc(100% - 32px))}.evento-dialogo form{padding:26px}.evento-dialogo textarea{min-height:105px;resize:vertical;border:1px solid var(--borde);border-radius:9px;padding:12px;outline:0;font:inherit;color:var(--tinta)}.evento-dialogo textarea:focus{border-color:#4a8c83;box-shadow:0 0 0 3px #e1f0ec}.acciones-detalle{gap:10px;align-items:center;flex-wrap:wrap}