:root{--brand:#1fa6e0;--brand-d:#1287be;--brand-dd:#0e6e9c;--navy:#0e2a3a;--navy-2:#143a50;--bg:#eaf1f7;--paper:#fff;--sunken:#eef4fa;--line:#e0e9f1;--ink:#0f2230;--ink-2:#0e2a3a;--muted:#5f7385;--faint:#92a6b5;--solid:#0e2a3a;--solid-ink:#fff;--cash:#0e9c56;--cash-bg:#e6f6ed;--transfer:#2575d6;--transfer-bg:#e8f1fd;--mixto:#6e4bc4;--mixto-bg:#efeafb;--devol:#d9701b;--devol-bg:#fdeede;--pending:#9a7b22;--pending-bg:#fbf3da;--neutral:#5d6b75;--danger:#d32a48;--danger-bg:#fde7eb;--warm-bg:#fffdf6;--warm-line:#f0d98a;--warm-ink:#8a6d1a;--warm-head:#fff6e0;--shadow:0 1px 2px #0e2a3a0d, 0 2px 8px #0e2a3a0f;--sh-md:0 6px 18px #0e2a3a1a;--sh-lg:0 18px 44px #0e2a3a2e;--sh-brand:0 8px 22px #1287be4d;--gloss:#fff9;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:var(--paper);--texto:var(--ink);--texto-suave:var(--muted);--borde:var(--line);--primario:var(--brand);--primario-osc:var(--brand-d);--ok:var(--cash);--peligro:var(--danger);--aviso:var(--pending);--sombra:var(--shadow);color:var(--ink);font-family:Archivo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--brand:#34b4ed;--brand-d:#1f9bd4;--brand-dd:#1582b5;--bg:#0a141d;--paper:#15242f;--sunken:#0f1e29;--line:#283d4f;--ink:#e9f1f8;--ink-2:#eaf3fa;--muted:#9db1c1;--faint:#6c8597;--solid:#1d3445;--solid-ink:#eef6fb;--cash:#2bc579;--cash-bg:#0e2c1f;--transfer:#5099f2;--transfer-bg:#10243a;--mixto:#a98bf0;--mixto-bg:#241d39;--devol:#ee9450;--devol-bg:#321f0e;--pending:#d4b14c;--pending-bg:#2c2611;--neutral:#8295a3;--danger:#f0647e;--danger-bg:#33141c;--warm-bg:#1c2417;--warm-line:#4a4220;--warm-ink:#d9c277;--warm-head:#242a13;--shadow:0 1px 2px #00000073;--sh-md:0 6px 18px #00000080;--sh-lg:0 20px 48px #0009;--sh-brand:0 8px 22px #1f8fc440;--gloss:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 560px at 50% -8%, color-mix(in srgb, var(--brand) 9%, var(--bg)), transparent 70%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:color-mix(in srgb, var(--brand) 28%, transparent)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3{letter-spacing:-.01em}.app{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.barra{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);color:#cdd9e6;border-right:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:16px 13px;display:flex;position:relative}.marca{padding:6px 6px 14px}.marca-img{width:100%;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:10px 12px;display:block}.marca-logo{background:#ffffff14;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.marca-txt{flex-direction:column;line-height:1.12;display:flex}.marca-nombre{color:#fff;text-transform:uppercase;letter-spacing:.4px;font-size:15px;font-weight:900}.marca-sub{color:var(--brand);letter-spacing:.2px;font-size:12.5px;font-weight:700}.nav{flex-direction:column;gap:2px;margin:2px -4px;padding:2px 4px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--r-sm);color:#c2d1e0;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s,color .14s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.activo{background:linear-gradient(135deg, var(--brand), var(--brand-d));color:#fff;box-shadow:var(--sh-brand)}.nav-icono{text-align:center;width:22px;font-size:17px}.barra-pie{flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.sync-badge{color:#cdd9e6;border-radius:var(--r-sm);letter-spacing:.2px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:8px;width:100%;padding:8px 11px;font-size:12px;font-weight:800;display:flex}.sync-dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #ffffff0f}.sync-badge.on .sync-dot{background:var(--cash)}.sync-badge.off .sync-dot{background:var(--devol)}.sync-pend{background:var(--devol);color:#fff;border-radius:999px;margin-left:auto;padding:1px 9px;font-size:11px;font-weight:800}.theme-btn{border:1px solid var(--line);background:var(--sunken);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:11px;flex:none;place-items:center;font-size:17px;transition:transform .12s,background .14s;display:grid}.theme-btn:hover{background:color-mix(in srgb, var(--brand) 12%, var(--sunken))}.theme-btn:active{transform:scale(.92)}.barra .theme-btn{color:#fff;background:#ffffff0f;border-color:#ffffff24}.usuario-box{border-radius:var(--r-md);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:9px 11px;display:flex}.usuario-info{flex-direction:column;flex:1;min-width:0;display:flex}.usuario-nombre{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.usuario-rol{text-transform:uppercase;letter-spacing:.5px;color:var(--brand);font-size:11px;font-weight:700}.btn-salir{color:#dde7f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:7px 11px;font-size:13px;font-weight:700}.btn-salir:hover{color:#fff;background:#ffffff29}.topbar{background:var(--paper);color:var(--ink);z-index:40;border-bottom:2px solid var(--brand);box-shadow:var(--sh-md);align-items:center;gap:10px;padding:10px 14px;display:none;position:sticky;top:0}.hamburguesa{background:var(--sunken);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 11px;font-size:18px;line-height:1}.topbar-logo{place-items:center;display:grid}.topbar-img{width:auto;height:30px;margin-right:auto}.topbar-titulo{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;margin-right:auto;font-size:14px;font-weight:900;overflow:hidden}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background:#08141c8c;display:none;position:fixed;inset:0}.contenido{padding:26px 30px;overflow:auto}.bottom-nav{display:none}.bn-item{min-height:58px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;text-decoration:none;display:flex}.bn-ic{font-size:21px;line-height:1}.bn-lbl{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:800;overflow:hidden}.bn-item.activo{color:var(--brand)}.bn-item.activo .bn-ic{transform:translateY(-1px)}.pag-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.pag-header h1{color:var(--ink-2);margin:0;font-size:25px;font-weight:900}.pag-sub{color:var(--muted);margin:5px 0 0;font-size:13px;font-weight:600}.acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-sm);cursor:pointer;padding:9px 15px;font-size:14px;font-weight:800;transition:transform .1s,background .14s,border-color .14s}.btn:hover{background:var(--sunken);border-color:var(--faint)}.btn:active{transform:translateY(1px)}.btn.primario{background:linear-gradient(135deg, var(--brand), var(--brand-d));color:#fff;box-shadow:0 3px 0 var(--brand-dd);border-color:#0000}.btn.primario:hover{filter:brightness(1.03);background:linear-gradient(135deg, var(--brand), var(--brand-d))}.btn.primario:active{box-shadow:0 1px 0 var(--brand-dd);transform:translateY(2px)}.btn.peligro{background:var(--paper);border-color:var(--danger);color:var(--danger)}.btn.peligro:hover{background:var(--danger-bg)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.link{color:var(--brand-d);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:800}.link:hover{text-decoration:underline}input,select,textarea{font:inherit;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--sunken);color:var(--ink);padding:9px 12px;font-weight:600}input::placeholder,textarea::placeholder{color:var(--faint);font-weight:600}input:focus,select:focus,textarea:focus{border-color:var(--brand);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}select{cursor:pointer}.buscar{width:240px;max-width:100%}.tarjetas{flex-wrap:wrap;gap:14px;display:flex}.tarjeta{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);min-width:168px;box-shadow:var(--shadow);flex-direction:column;gap:3px;padding:17px 20px;display:flex;position:relative;overflow:hidden}.tarjeta:before{content:"";background:linear-gradient(var(--brand), var(--brand-d));opacity:.85;width:4px;position:absolute;top:0;bottom:0;left:0}.tarjeta-num{color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:29px;font-weight:900}.tarjeta-lbl{color:var(--muted);font-size:12.5px;font-weight:700}.nota{color:var(--muted);margin-top:22px;font-size:13px}.tabla-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;overflow:auto hidden}.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--line);padding:12px 15px}.tabla th{background:var(--sunken);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800;position:sticky;top:0}.tabla tbody tr:last-child td{border-bottom:none}.tabla tbody tr:hover{background:color-mix(in srgb, var(--brand) 5%, var(--paper))}.tabla .num{text-align:right;font-variant-numeric:tabular-nums}.stock-bajo{color:var(--danger);font-weight:800}.vacio{text-align:center;color:var(--muted);padding:30px;font-weight:600}.aviso-amarillo{background:var(--warm-head);border:1px solid var(--warm-line);color:var(--warm-ink);border-radius:var(--r-sm);flex-direction:column;gap:4px;margin-bottom:14px;padding:11px 15px;font-size:13px;font-weight:600;display:flex}.alerta{background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);border-radius:var(--r-sm);margin-bottom:14px;padding:11px 15px;font-size:14px;font-weight:700}.modal-fondo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#08141c9e;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.18s fade;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:620px;box-shadow:var(--sh-lg);padding:24px;animation:.24s cubic-bezier(.2,.8,.2,1) modal-in}.modal h2{color:var(--ink-2);margin:0 0 16px;font-size:21px;font-weight:900}.campos{grid-template-columns:1fr 1fr;gap:14px;display:grid}.campos label{color:var(--muted);letter-spacing:.2px;flex-direction:column;gap:5px;font-size:12.5px;font-weight:800;display:flex}.campos label input,.campos label select,.campos label textarea{color:var(--ink);font-weight:600}.campos .ancho-2{grid-column:span 2}.modal-pie{align-items:center;gap:8px;margin-top:22px;display:flex}.modal-pie .espacio{flex:1}.modal-ancho{max-width:960px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.import-pasos{margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.9}.import-resumen{align-items:center;gap:10px;margin:6px 0 10px;display:flex}.chip{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800}.chip.ok{background:var(--cash-bg);color:var(--cash)}.chip.err{background:var(--danger-bg);color:var(--danger)}.import-archivo{color:var(--muted);font-size:13px}.import-preview{max-height:46vh;overflow:auto}.import-preview .tabla{font-size:13px}.fila-error{background:var(--danger-bg)}.texto-error{color:var(--danger);font-size:12px;font-weight:700}.import-nota{margin:0;padding:8px 14px}.import-ok{background:var(--cash-bg);border:1px solid color-mix(in srgb, var(--cash) 35%, transparent);color:var(--cash);border-radius:var(--r-sm);margin-bottom:10px;padding:12px 15px;font-weight:800}.preventa-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.preventa-col{flex-direction:column;gap:16px;display:flex}.campo-bloque{flex-direction:column;gap:6px;display:flex}.bloque-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:12px;font-weight:800}.bloque-label.mt{margin-top:14px}.buscar-producto{position:relative}.dropdown{z-index:20;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-md);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;padding:10px 13px;font-size:14px;font-weight:600;display:flex}.dropdown-item:hover{background:var(--sunken)}.dropdown-cod{color:var(--muted);font-size:12px}.celda-num{text-align:right;width:92px;padding:5px 8px}.preventa-resumen{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px;position:sticky;top:16px}.preventa-resumen h3{margin:0 0 12px;font-size:16px;font-weight:900}.resumen-fila{font-variant-numeric:tabular-nums;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.resumen-fila.total{border-top:1px solid var(--line);color:var(--ink-2);margin-top:4px;padding-top:11px;font-size:17px;font-weight:900}.resumen-margen{background:var(--sunken);border-radius:var(--r-sm);margin-top:10px;padding:11px}.margen-nota{color:var(--muted);margin:4px 0 0;font-size:11px}.preventa-resumen input,.preventa-resumen textarea{width:100%}.preventa-resumen textarea{resize:vertical}.resumen-acciones{flex-direction:column;gap:8px;margin-top:16px;display:flex}.resumen-acciones .btn{width:100%}.despacho-grupo{margin-bottom:22px}.despacho-fecha{color:var(--ink-2);align-items:center;gap:10px;margin:0 0 10px;font-size:16px;font-weight:900;display:flex}.despacho-conteo{color:var(--brand-d);background:var(--sunken);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:800}.entrega-totales{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);margin-top:16px;padding:13px 15px}.rol-mini{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.acc-rapidas{flex-direction:column;gap:8px;display:flex}.acc-rapidas .btn{text-align:left;text-decoration:none}.rank-fila{margin-bottom:13px}.rank-top{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.rank-nombre{font-weight:800}.rank-val{color:var(--muted);font-variant-numeric:tabular-nums}.rank-extra{font-size:12px}.rank-barra{background:var(--sunken);border-radius:999px;height:9px;overflow:hidden}.rank-relleno{background:linear-gradient(90deg, var(--brand), var(--brand-d));border-radius:999px;height:100%}.reportes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.reporte-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:18px;display:flex}.reporte-card h3{margin:0;font-size:16px;font-weight:900}.reporte-card p{color:var(--muted);flex:1;margin:0;font-size:13px}.reporte-btns{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.rep-filtros{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.rep-campo{color:var(--muted);flex-direction:column;flex:160px;gap:5px;font-size:12.5px;font-weight:800;display:flex}.rep-campo input,.rep-campo select{color:var(--ink);font-weight:600}.rep-presets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.segmento{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:4px;display:inline-flex}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:800;transition:all .14s}.seg-btn.on{background:linear-gradient(135deg, var(--brand), var(--brand-d));color:#fff;box-shadow:var(--sh-brand)}.contab-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px}.panel h3{color:var(--ink-2);margin:0 0 12px;font-size:16px;font-weight:900}.check-inline{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.mov-tipo,.estado{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.mov-tipo.entrada,.mov-tipo.devolucion{background:var(--cash-bg);color:var(--cash)}.mov-tipo.salida{background:var(--devol-bg);color:var(--devol)}.mov-tipo.ajuste{background:var(--sunken);color:var(--muted)}.estado.pendiente{background:var(--pending-bg);color:var(--pending)}.estado.parcial{background:var(--transfer-bg);color:var(--transfer)}.estado.pagada{background:var(--cash-bg);color:var(--cash)}.semaforo{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:7px;display:inline-block}.semaforo.verde{background:var(--cash)}.semaforo.amarillo{background:#e6b800}.semaforo.naranja{background:var(--devol)}.semaforo.rojo{background:var(--danger)}.login-fondo{background:radial-gradient(900px 500px at 50% -10%, var(--brand-d), transparent 60%), linear-gradient(180deg, var(--navy), var(--navy-2));justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-caja{background:var(--paper);border-radius:var(--r-xl);width:100%;max-width:390px;box-shadow:var(--sh-lg);border:1px solid var(--line);padding:32px}.login-marca{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-img{width:240px;max-width:100%;height:auto;display:block}.login-marca .marca-nombre{color:var(--ink-2);font-size:20px;font-weight:900;line-height:1.1;display:block}.login-marca .marca-sub{color:var(--brand-d);font-size:13px;font-weight:800}.login-titulo{margin:0 0 18px;font-size:20px;font-weight:900}.login-campo{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:14px;font-size:12.5px;font-weight:800;display:flex}.login-campo input{color:var(--ink);font-weight:600}.login-btn{width:100%;margin-top:6px;padding:13px;font-size:16px}.cargando-pantalla{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}@media (width<=900px){.app{grid-template-columns:1fr}.topbar{padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 8px calc(14px + env(safe-area-inset-left));display:flex}.overlay.visible{display:block}.barra{z-index:60;width:270px;max-width:84vw;height:100dvh;box-shadow:var(--sh-lg);transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.barra.abierta{transform:translate(0)}html,body{overflow-x:hidden}.contenido{padding:18px 16px calc(80px + env(safe-area-inset-bottom));max-width:100%}input,select,textarea{font-size:16px}.btn{min-height:44px}.nav-item{padding:13px 12px;font-size:15px}.bottom-nav{z-index:46;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0e2a3a1a}}@media (width<=680px){.contenido{padding:14px 12px calc(80px + env(safe-area-inset-bottom))}.pag-header{align-items:stretch}.pag-header h1{font-size:22px}.acciones{width:100%}.acciones .btn{flex:auto}.acciones select{flex:auto;min-height:44px}.buscar{width:100%}.segmento{width:100%;display:flex}.seg-btn{flex:1;min-height:42px}.tarjeta{flex:140px;min-width:140px;padding:14px 16px}.tarjeta-num{font-size:24px}.preventa-grid{grid-template-columns:1fr}.preventa-resumen{position:static}.contab-grid,.campos{grid-template-columns:1fr}.campos .ancho-2{grid-column:span 1}.rep-campo{flex-basis:100%}.rep-presets .btn{flex:auto}.modal-fondo{align-items:flex-end;padding:0}.modal,.modal-ancho{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:100%;max-height:94vh;padding:20px 16px calc(14px + env(safe-area-inset-bottom));animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up;overflow-y:auto}.modal h2{font-size:19px}.modal-pie{background:var(--paper);padding:12px 16px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-wrap:wrap;margin:18px -16px 0;position:sticky;bottom:0}.modal-pie .espacio{display:none}.modal-pie .btn{flex:1;min-height:46px}.tabla-wrap.tarjetas-movil{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.tabla-cards,.tabla-cards tbody{display:block}.tabla-cards thead{display:none}.tabla-cards tr{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);margin-bottom:10px;padding:4px 2px;animation:.25s pop;display:block}.tabla-cards tbody tr:hover{background:var(--paper)}.tabla-cards td{text-align:right;border:none;justify-content:space-between;align-items:center;gap:14px;min-height:0;padding:10px 14px;display:flex}.tabla-cards tr td+td{border-top:1px dashed var(--line)}.tabla-cards td:before{content:attr(data-label);text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);flex:none;font-size:11px;font-weight:800}.tabla-cards td.num{font-variant-numeric:tabular-nums;font-weight:800}.tabla-cards td:empty{display:none}.tabla-cards td.acc{flex-wrap:wrap;justify-content:flex-end;gap:8px}.tabla-cards td.acc:before{margin-right:auto}.tabla-cards td.acc .link{align-items:center;min-height:40px;padding:0 6px;display:inline-flex}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.campo-grande{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.campo-grande>span{color:var(--muted);letter-spacing:.2px;font-size:12.5px;font-weight:800}.inp{border:2px solid var(--line);border-radius:var(--r-md);background:var(--sunken);width:100%;color:var(--ink-2);font-variant-numeric:tabular-nums;padding:14px 16px;font-family:inherit;font-size:21px;font-weight:900}.inp:focus{border-color:var(--brand);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.inp::placeholder{color:var(--faint);font-weight:700}.inp:disabled{opacity:.55}.types{grid-template-columns:1fr 1fr;gap:9px;display:grid}.type-btn{border:2px solid var(--line);background:var(--sunken);border-radius:var(--r-md);cursor:pointer;color:var(--ink-2);flex-direction:column;align-items:center;gap:5px;padding:14px 8px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .15s;display:flex}.type-btn .ic{font-size:21px;line-height:1}.type-btn.full{flex-direction:row;grid-column:1/-1;justify-content:center}.type-btn.on{color:#fff;border-color:#0000;transform:translateY(-1px)}.type-btn[data-t=efectivo].on,.type-btn[data-t=empresa].on{background:var(--cash)}.type-btn[data-t=transferencia].on{background:var(--transfer)}.type-btn[data-t=mixto].on{background:var(--mixto)}.type-btn[data-t=credito].on,.type-btn[data-t=personal].on{background:var(--pending)}.type-btn[data-t=devolucion].on{background:var(--devol)}.dev-toggle{border:2px dashed var(--line);background:var(--sunken);width:100%;color:var(--muted);border-radius:var(--r-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:12px;font-family:inherit;font-size:13.5px;font-weight:800;display:flex}.dev-toggle.on{border-style:solid;border-color:var(--devol);color:var(--devol);background:var(--devol-bg)}.paydiff{font-variant-numeric:tabular-nums;border-radius:12px;justify-content:space-between;align-items:center;margin:4px 0 14px;padding:13px 16px;font-size:13.5px;font-weight:800;display:flex}.paydiff.exact{background:var(--cash-bg);color:var(--cash)}.paydiff.debe{background:var(--warm-head);color:var(--warm-ink)}.paydiff.sobra{background:var(--danger-bg);color:var(--danger)}.res-line{background:var(--paper);border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:13px 16px;display:flex}.res-line .rk{color:var(--muted);align-items:center;gap:10px;font-size:13.5px;font-weight:800;display:flex}.res-line .rv{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:16px;font-weight:900}.res-line.minus .rv{color:var(--danger)}.res-final{background:linear-gradient(135deg, var(--brand), var(--brand-d));color:#fff;box-shadow:var(--sh-brand);border:none;margin-top:6px;padding:18px 16px}.res-final .rk{color:#fff;font-size:14px}.res-final .rv{color:#fff;font-size:26px}.dev-lista{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.dev-prod{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:10px 12px;display:flex}.dev-prod.activa{border-color:var(--devol);background:var(--devol-bg)}.dev-prod-info{flex:1;min-width:0}.dev-prod-info b{color:var(--ink-2);font-size:14px;font-weight:800;display:block}.dev-prod-info span{color:var(--muted);font-size:11.5px;font-weight:600}.inp.inp-mini{text-align:center;flex:none;width:96px;padding:10px;font-size:17px}.dev-acciones{gap:8px;margin-bottom:12px;display:flex}.dev-acciones .btn{flex:1}.error-pantalla{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.error-caja{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);text-align:center;max-width:420px;padding:28px}.error-caja h1{color:var(--ink-2);margin:0 0 10px;font-size:20px;font-weight:900}.error-caja p{color:var(--muted);word-break:break-word;margin:0 0 20px;font-size:14px}.seccion-titulo{text-transform:uppercase;letter-spacing:.6px;color:var(--brand-d);align-items:center;gap:10px;margin:26px 0 12px;font-size:13px;font-weight:900;display:flex}.seccion-titulo:after{content:"";background:var(--line);flex:1;height:1px}.sk{background:linear-gradient(90deg, var(--sunken) 25%, color-mix(in srgb, var(--line) 65%, var(--sunken)) 37%, var(--sunken) 63%);border-radius:var(--r-lg);border:1px solid var(--line);background-size:400% 100%;animation:1.2s infinite sk}.sk-card{height:96px}.sk-panel{height:190px}@keyframes sk{0%{background-position:100% 0}to{background-position:0 0}}@media (width>=901px){.contenido{padding:26px 36px}.inp{padding:11px 14px;font-size:16px}.inp.inp-mini{width:88px;padding:9px;font-size:15px}.campo-grande{gap:6px;margin-bottom:12px}.type-btn{flex-direction:row;gap:7px;padding:10px 12px;font-size:13.5px}.type-btn .ic{font-size:16px}.dev-toggle{padding:10px;font-size:13px}.res-line{padding:11px 15px}.res-final .rv{font-size:23px}.modal h2{font-size:20px}.type-btn:hover:not(.on){border-color:var(--brand)}.dev-toggle:hover:not(.on){border-color:var(--brand);color:var(--brand-d)}.tarjeta{transition:transform .12s,box-shadow .12s}.tarjeta:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.reporte-card:hover,.panel:hover{box-shadow:var(--sh-md)}.pend-row:hover,.dropdown-item:hover{border-color:var(--brand)}}@media (width>=1800px){.contenido{width:100%;max-width:1640px;margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}