:root{--fondo: #0b1220;--panel: #101a2e;--tarjeta: #141f37;--borde: #1f2d4a;--texto: #dde5f1;--texto-suave: #8494ac;--azul: #2f7df6;--azul-hover: #4a90f8;--verde: #34c07c;--amarillo: #d4a72c;--rojo: #e5534b;--sombra: 0 8px 28px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--fondo);color:var(--texto);font-size:14px;line-height:1.45}::selection{background:var(--azul);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--borde);border-radius:6px}::-webkit-scrollbar-track{background:transparent}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--borde);border-radius:8px;background:var(--panel);color:var(--texto);transition:border-color .15s,box-shadow .15s}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px #2f7df640}::placeholder{color:var(--texto-suave);opacity:.8}.boton{background:var(--azul);color:#fff;border:0;padding:9px 18px;border-radius:8px;font-weight:600;transition:background .15s,transform .1s}.boton:hover{background:var(--azul-hover)}.boton:active{transform:scale(.97)}.boton.suave{background:var(--tarjeta);border:1px solid var(--borde);color:var(--texto);font-weight:500}.boton.suave:hover{background:#1a2946;border-color:#2a3d63}.boton.peligro-btn{background:transparent;border:1px solid var(--rojo);color:var(--rojo)}.boton.peligro-btn:hover{background:#e5534b1f}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(1200px 600px at 70% -10%,#14264d 0%,var(--fondo) 55%)}.login form{background:var(--panel);border:1px solid var(--borde);padding:clamp(26px,5vw,42px);border-radius:16px;width:min(400px,100%);display:grid;gap:14px;box-shadow:var(--sombra)}.login h1{font-size:20px;color:var(--texto);text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.login h1 .cubo{background:var(--azul);border-radius:9px;width:34px;height:34px;display:grid;place-items:center;color:#fff}.login .sub{text-align:center;color:var(--texto-suave);font-size:13px}.login img.qr{justify-self:center;border-radius:12px;background:#fff;padding:8px}.error{color:var(--rojo);font-size:13px;text-align:center}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.menu{background:var(--panel);border-right:1px solid var(--borde);padding:18px 0 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;z-index:30}.menu .logo{display:flex;align-items:center;gap:11px;padding:4px 18px 20px}.menu .logo .cubo{background:var(--azul);border-radius:9px;width:38px;height:38px;display:grid;place-items:center;color:#fff;flex-shrink:0}.menu .logo b{font-size:14px;line-height:1.2;display:block}.menu .logo small{color:var(--texto-suave);font-size:9.5px;letter-spacing:1.2px}.menu .seccion{color:var(--texto-suave);font-size:10px;letter-spacing:1.4px;padding:16px 18px 7px;text-transform:uppercase}.menu nav-group{display:contents}.menu button{background:none;border:0;color:var(--texto-suave);text-align:left;padding:10px 18px;font-size:13.5px;display:flex;gap:11px;align-items:center;border-radius:0 22px 22px 0;margin-right:12px;transition:background .15s,color .15s}.menu button:hover{color:var(--texto);background:#16223c}.menu button.activo{background:var(--azul);color:#fff}.menu .salir{margin-top:auto}.barra-movil,.velo{display:none}.contenido{padding:22px clamp(14px,3vw,32px) 40px;min-width:0}.miga{color:var(--texto-suave);font-size:12px;margin-bottom:4px}.contenido h2{font-size:20px;margin-bottom:18px;font-weight:650;letter-spacing:-.2px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px;margin-bottom:22px}.tarjeta{background:linear-gradient(180deg,#16223e 0%,var(--tarjeta) 100%);border:1px solid var(--borde);border-radius:13px;padding:16px;transition:transform .15s,border-color .15s}.tarjeta:hover{transform:translateY(-2px);border-color:#2a3d63}.tarjeta .valor{font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.5px}.tarjeta .titulo{font-size:10.5px;color:var(--texto-suave);margin-bottom:7px;text-transform:uppercase;letter-spacing:.7px}.ok{color:var(--verde)}.alerta{color:var(--amarillo)}.peligro{color:var(--rojo)}.tabla-marco{border:1px solid var(--borde);border-radius:13px;overflow:hidden;background:var(--tarjeta)}.tabla-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}th{background:var(--panel);text-align:left;padding:11px 14px;color:var(--texto-suave);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}td{padding:10px 14px;border-top:1px solid var(--borde)}tbody tr{transition:background .12s}tbody tr:hover{background:#182849}tr.clicable{cursor:pointer}.vacio{text-align:center;color:var(--texto-suave);padding:34px 10px!important}.cargando{color:var(--texto-suave);padding:30px 0;text-align:center;animation:pulso 1.2s infinite}@keyframes pulso{50%{opacity:.45}}.estado{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.estado.entregado,.estado.si{background:#12351f;color:#4ade80}.estado.enviado,.estado.encolado{background:#10294d;color:#60a5fa}.estado.rebotado,.estado.fallido,.estado.queja,.estado.no{background:#3d1513;color:#f87171}.estado.rechazado_validacion{background:#3a2e0a;color:#fbbf24}.filtros{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filtros input{flex:1 1 220px}.detalle{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812b8;display:grid;place-items:center;z-index:50;padding:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:aparecer .15s}@keyframes aparecer{0%{opacity:0}}.detalle>div{background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:clamp(18px,3vw,28px);width:min(680px,100%);max-height:88vh;overflow-y:auto;box-shadow:var(--sombra);animation:subir .18s}@keyframes subir{0%{transform:translateY(14px);opacity:0}}.detalle h3{margin-bottom:12px;font-size:15px;padding-right:40px}.detalle p{margin-bottom:6px;font-size:13.5px;word-break:break-word}.linea-tiempo{border-left:2px solid var(--azul);margin:14px 0 14px 6px;padding-left:16px;display:grid;gap:10px}.linea-tiempo .evento b{text-transform:capitalize}.linea-tiempo .fecha{color:var(--texto-suave);font-size:12px}.linea-tiempo pre{background:var(--fondo);padding:8px 10px;border-radius:8px;font-size:11px;overflow-x:auto;margin-top:4px;color:#9ab}.cerrar{float:right;border:0;background:var(--tarjeta);color:var(--texto);border-radius:8px;padding:5px 11px}.acciones-detalle{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.formulario{background:var(--tarjeta);border:1px solid var(--borde);border-radius:13px;padding:18px;margin-bottom:18px;display:grid;gap:12px;max-width:720px}.formulario .fila{display:flex;gap:10px;flex-wrap:wrap}.formulario .fila>*{flex:1 1 180px}.formulario .fila>button{flex:0 1 auto}.aviso-key{background:#0f2e1c;border:1px solid var(--verde);color:#4ade80;border-radius:12px;padding:14px 16px;font-family:ui-monospace,monospace;word-break:break-all;margin-bottom:16px;font-size:13px}.aviso-key small{display:block;color:var(--texto-suave);font-family:inherit;margin-top:6px}textarea.editor{font-family:ui-monospace,monospace;font-size:12px;min-height:240px;flex:1 1 300px}.preview{background:#fff;border-radius:10px;min-height:240px;border:0;flex:1 1 300px}.toasts{position:fixed;bottom:18px;right:18px;display:grid;gap:10px;z-index:100;max-width:min(360px,calc(100vw - 36px))}.toast{background:var(--panel);border:1px solid var(--borde);border-left:4px solid var(--verde);border-radius:10px;padding:12px 16px;box-shadow:var(--sombra);font-size:13.5px;animation:subir .2s}.toast.error{border-left-color:var(--rojo)}@media (max-width: 880px){.app{grid-template-columns:1fr}.barra-movil{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;background:var(--panel);border-bottom:1px solid var(--borde);padding:12px 16px}.barra-movil .cubo{background:var(--azul);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:#fff}.barra-movil b{font-size:14px}.barra-movil .hamburguesa{margin-left:auto;background:none;border:1px solid var(--borde);border-radius:8px;color:var(--texto);padding:7px 9px;display:grid;place-items:center}.menu{position:fixed;top:0;left:0;width:260px;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--sombra)}.menu.abierto{transform:none}.velo.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#04081299;z-index:25}.contenido{padding:16px 14px 40px}.tarjetas{grid-template-columns:repeat(2,1fr);gap:10px}.acciones-detalle .boton{width:100%}}@media (max-width: 420px){.tarjetas{grid-template-columns:1fr 1fr}.filtros .boton{width:100%}}