:root{--azul-900: #0b1f3a;--azul-800: #0f2a4d;--azul-700: #143a68;--azul-500: #1e63b8;--azul-400: #2f7de0;--acento: #2f7de0;--acento-hover: #3d8bf0;--texto: #14263d;--texto-suave: #5a6b80;--linea: #e2e8f0;--fondo: #f4f6f9;--panel: #ffffff;--error: #d64545;--ok: #2fa76b;--verde: #2fa76b;--verde-bg: #e6f6ee;--ambar: #b7791f;--ambar-bg: #fdf3e0;--rojo: #d64545;--rojo-bg: #fdeaea;--radio: 12px;--sombra: 0 10px 30px rgba(11, 31, 58, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--fondo);color:var(--texto)}.btn-primario{padding:12px 16px;border:none;border-radius:8px;background:var(--acento);color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .05s}.btn-primario:hover:not(:disabled){background:var(--acento-hover)}.btn-primario:disabled{opacity:.6;cursor:default}.btn-secundario{padding:10px 16px;border:1px solid var(--linea);border-radius:8px;background:#fff;color:var(--texto);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}.btn-secundario:hover{border-color:var(--acento);color:var(--acento)}.campo__label{display:block;margin:18px 0 7px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--texto-suave)}.campo__input{width:100%;padding:13px 14px;border:1px solid var(--linea);border-radius:8px;font-size:14px;color:var(--texto);background:#fff;transition:border-color .15s,box-shadow .15s}.campo__input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px #2f7de026}.pantalla-carga{display:grid;place-items:center;height:100%}.spinner{width:34px;height:34px;border:3px solid var(--linea);border-top-color:var(--acento);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.login{display:grid;grid-template-columns:1.1fr 1fr;height:100%}.login__marca{position:relative;background:linear-gradient(160deg,var(--azul-900),var(--azul-700));color:#fff;display:flex;align-items:center;padding:64px;overflow:hidden}.login__marca:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 78%)}.login__marca-contenido{position:relative;z-index:1}.login__logo{display:flex;flex-direction:column;line-height:1}.login__logo-marca{font-size:20px;font-weight:600;letter-spacing:.35em;color:#ffffffbf}.login__logo-nombre{font-size:58px;font-weight:800;letter-spacing:.02em;margin:6px 0}.login__logo-tipo{font-size:20px;font-weight:600;letter-spacing:.5em;color:#ffffffbf}.login__tagline{margin-top:26px;font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--azul-400)}.login__form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login__form{width:100%;max-width:380px}.login__titulo{font-size:26px;font-weight:800;margin:0}.login__subtitulo{margin:8px 0 26px;color:var(--texto-suave);font-size:14px}.login__error{margin:14px 0 0;color:var(--error);font-size:13px;font-weight:600}.login__nota{margin-top:26px;font-size:12.5px;line-height:1.6;color:var(--texto-suave)}.login__nota a{color:var(--acento);font-weight:600;text-decoration:none}.login .btn-primario{width:100%;margin-top:22px;padding:14px;font-size:14px;letter-spacing:.08em}.sinacceso{display:grid;place-items:center;height:100%;padding:24px}.sinacceso__caja{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:32px;max-width:420px;text-align:center}.sinacceso__titulo{margin:0 0 10px;font-size:22px;font-weight:800}.sinacceso__texto{color:var(--texto-suave);font-size:14px;line-height:1.6;margin:0 0 20px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--azul-900);color:#fff}.header__marca-fuerte{font-weight:700;letter-spacing:.05em}.header__marca-sep{margin:0 10px;color:#fff6}.header__marca-suave{font-size:13px;letter-spacing:.18em;color:#fff9}.header__usuario{display:flex;align-items:center;gap:16px}.header__email{font-size:13px;color:#fff9}.header__salir{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:7px 12px;border-radius:7px;font-size:12px;cursor:pointer}.header__salir:hover{border-color:#fff}.contenido{max-width:1240px;margin:0 auto;padding:28px 32px 64px}.titulo{font-size:24px;font-weight:800;margin:0 0 4px}.subt{margin:0 0 22px;color:var(--texto-suave);font-size:14px}.panel{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px 20px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.campo{display:flex;flex-direction:column;gap:6px}.campo>span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-suave)}.campo input,.campo select{padding:10px 12px;border:1px solid var(--linea);border-radius:8px;font-size:14px;color:var(--texto);background:#fff}.campo input:focus,.campo select:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px #2f7de026}.campo--buscar input{min-width:240px}.tiles{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.tile{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px 18px;min-width:150px}.tile__n{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.tile__l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave)}.tile--alerta .tile__n{color:var(--error)}.tile--alerta{cursor:pointer;transition:border-color .15s,box-shadow .15s}.tile--alerta:hover{border-color:var(--error)}.tile--alerta.activo{border-color:var(--error);box-shadow:0 0 0 3px #d6454526}.tile__hint{font-size:10px;color:var(--texto-suave);margin-top:2px}.tabla-wrap{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);overflow:auto;max-height:calc(100vh - 210px)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;background:#eef3f8;text-align:right;padding:9px 12px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--texto-suave);border-bottom:1px solid var(--linea);z-index:3}thead th.txt{text-align:left}tbody td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--linea);font-variant-numeric:tabular-nums;white-space:nowrap}tbody td.txt{text-align:left}tr.nv{cursor:pointer}tr.nv:hover td{background:#f0f6ff}tr.nv--abierta td{background:#eaf1fb}.nv__num{font-weight:700;font-variant-numeric:tabular-nums}.nv__saldo{font-weight:700;color:var(--azul-700)}.nv__grupo{color:var(--texto-suave);font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.nv__items{color:var(--texto-suave)}.detalle__grupo{color:var(--texto-suave);font-size:12px}.chevron{color:var(--acento);font-size:11px}.badge{display:inline-block;min-width:62px;text-align:center;padding:5px 12px;border-radius:999px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.01em;border:1.5px solid transparent}.badge--verde{color:var(--verde);background:var(--verde-bg);border-color:#2fa76b59}.badge--amarillo{color:var(--ambar);background:var(--ambar-bg);border-color:#b7791f59}.badge--rojo{color:#fff;background:var(--rojo);border-color:var(--rojo);box-shadow:0 2px 8px #d6454559}tr.detalle-fila>td{padding:0;background:#f7fafd;border-bottom:1px solid var(--linea)}.detalle-cargando{padding:16px 20px;color:var(--texto-suave);font-size:13px}table.detalle{width:100%;margin:0;font-size:12.5px}table.detalle thead th{position:static;top:auto;background:#eef3f8;padding:7px 12px;font-size:10px}table.detalle tbody td{padding:7px 12px;border-bottom:1px solid #eaeef3}table.detalle tbody tr:last-child td{border-bottom:none}.detalle__desc{white-space:normal;max-width:420px;color:var(--texto-suave);font-size:12px;line-height:1.4}td.por-facturar{color:var(--error);font-weight:800}tr.linea-lista td{color:var(--texto-suave);background:#fbfcfd}.estado{padding:40px;text-align:center;color:var(--texto-suave)}.estado--cargando{color:var(--acento)}@media (max-width: 640px){.login{grid-template-columns:1fr;height:auto;min-height:100%}.login__marca{padding:32px 22px;min-height:180px}.login__logo-nombre{font-size:40px}.contenido{padding:22px 16px 48px}.header{padding:14px 16px}.detalle__desc{max-width:220px}}