:root{--font-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--bg: #f5f3fa;--surface: #ffffff;--surface-2: #faf8fe;--border: #e8e1f3;--border-fuerte: #d9cfec;--text: #221533;--text-2: #4d4166;--muted: #7a6f92;--primary: #5a189a;--primary-700: #47137a;--primary-300: #9d4edd;--primary-100: #e9ddf9;--primary-soft: #f3ecfc;--green: #38b000;--green-700: #237100;--green-soft: #e9f7e0;--orange: #f2542d;--orange-700: #c2401f;--orange-soft: #fdeae4;--danger: #d4202c;--danger-soft: #fdecec;--amber: #b97a0c;--amber-soft: #fbf3df;--sidebar: #1c0f31;--sidebar-2: #2a1650;--sidebar-text: #cdc3e2;--sidebar-muted: #8f80b0;--radius: 16px;--radius-s: 12px;--radius-pill: 999px;--shadow-s: 0 1px 2px rgba(28, 15, 49, .05), 0 2px 10px -2px rgba(28, 15, 49, .06);--shadow-m: 0 2px 6px rgba(28, 15, 49, .06), 0 14px 34px -10px rgba(28, 15, 49, .14);--shadow-l: 0 32px 80px -20px rgba(28, 15, 49, .4);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.3, 1.35, .4, 1);--grano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--text);background:radial-gradient(1100px 500px at 85% -10%,rgba(157,78,221,.07),transparent 60%),radial-gradient(900px 480px at -10% 0%,rgba(56,176,0,.05),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#9d4edd47}h1,h2,h3{margin:0 0 .5rem;color:var(--text)}h1{font-family:var(--font-display);font-size:1.85rem;font-weight:600;letter-spacing:-.015em;line-height:1.12}h2{font-size:1.06rem;font-weight:700;letter-spacing:-.01em}h3{font-size:.95rem;font-weight:700}a{color:var(--primary);text-decoration-thickness:1.5px;text-underline-offset:3px}a svg{width:.95em;height:.95em;vertical-align:-.12em}:focus-visible{outline:2.5px solid var(--primary-300);outline-offset:2px;border-radius:8px}code{font-family:var(--font-mono);font-size:.85em;background:var(--primary-soft);padding:.08em .4em;border-radius:6px}kbd{font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:.18rem .42rem;border-radius:6px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);box-shadow:0 1.5px #ffffff1a inset;color:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(90,24,154,.28) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#5a189a38;border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.texto-muted{color:var(--muted);font-size:.86rem}.mono{font-family:var(--font-mono);font-size:.86em;font-weight:600;letter-spacing:.01em}.separador{border:none;border-top:1px solid var(--border);margin:1.1rem 0}.fila-flex{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.acciones-fila{display:flex;gap:.1rem;justify-content:flex-end}.revelar{animation:revelar .12s var(--ease-out) both}@keyframes revelar{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.app{display:flex;min-height:100dvh}.sidebar{width:252px;flex-shrink:0;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:1.15rem .85rem .9rem;color:var(--sidebar-text);background:radial-gradient(420px 300px at -30% -10%,rgba(157,78,221,.35),transparent 60%),radial-gradient(360px 420px at 120% 110%,rgba(56,176,0,.14),transparent 55%),linear-gradient(175deg,var(--sidebar-2) 0%,var(--sidebar) 42%);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grano);opacity:.16;mix-blend-mode:overlay;pointer-events:none}.sidebar>*{position:relative;z-index:1}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.15rem .55rem 1.05rem;color:#fff}.brand .logo-caja{display:block;background:#fff;border-radius:12px;padding:.5rem .72rem;box-shadow:0 6px 18px -6px #00000059,0 1px #ffffff80 inset}.brand .logo-caja img{display:block;height:26px;width:auto}.brand small{display:block;font-family:var(--font-ui);font-size:.6rem;font-weight:600;letter-spacing:.24em;color:var(--sidebar-muted);margin-top:2px}.buscador{display:flex;align-items:center;gap:.55rem;width:100%;min-height:40px;margin-bottom:.9rem;padding:.45rem .6rem .45rem .75rem;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#ffffff0e;color:var(--sidebar-muted);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out)}.buscador:hover{background:#ffffff1a;border-color:#ffffff38;color:#fff}.buscador svg{width:15px;height:15px}.buscador kbd{margin-left:auto}.nav{position:relative;display:flex;flex-direction:column;gap:4px;flex:1}.nav-indicador{position:absolute;top:0;left:0;right:0;height:44px;border-radius:12px;background:linear-gradient(120deg,#6d1fb0 0%,var(--primary) 70%);box-shadow:0 8px 22px -6px #5a189acc,0 1px #ffffff24 inset;transform:translateY(calc(var(--ind, 0) * 48px));transition:transform .38s var(--ease-spring),opacity .2s ease;pointer-events:none}.nav-indicador.oculto{opacity:0}.nav a{position:relative;z-index:1;display:flex;align-items:center;gap:.7rem;height:44px;padding:0 .75rem;border-radius:12px;color:var(--sidebar-text);text-decoration:none;font-weight:500;font-size:.92rem;transition:color .18s ease,background .18s ease}.nav a svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s var(--ease-spring)}.nav a:not(.activo):hover{color:#fff;background:#ffffff12}.nav a:not(.activo):hover svg{transform:translate(2px) scale(1.08)}.nav a.activo{color:#fff;font-weight:600}.nav-footer{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:.7rem;margin-top:.7rem;gap:4px}.estado-backup{display:flex;align-items:center;gap:.55rem;margin:.75rem .35rem .1rem;font-size:.74rem;color:var(--sidebar-muted)}.estado-backup .punto{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#6f6486}.estado-backup .punto.ok{background:#4ade43;box-shadow:0 0 8px #4ade43cc}.estado-backup .punto.error{background:#ff5a4e;box-shadow:0 0 8px #ff5a4ecc;animation:pulso 1.6s ease infinite}@keyframes pulso{50%{opacity:.35}}.contenido{flex:1;min-width:0;display:flex;flex-direction:column}.main{flex:1;min-width:0;width:100%;max-width:1240px;margin:0 auto;padding:1.7rem 2rem 7rem}.pagina{animation:paginaEntra .12s var(--ease-out)}@keyframes paginaEntra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.cabecera h1{margin:0}.cabecera .subtitulo{margin:.3rem 0 0;color:var(--muted);font-size:.88rem}.cabecera .subtitulo:first-letter{text-transform:uppercase}.topbar{display:none;position:sticky;top:0;z-index:40;padding:.55rem .85rem;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,var(--sidebar-2),var(--sidebar));box-shadow:0 1px #ffffff14 inset,0 6px 18px -8px #1c0f3180}.topbar .brand{padding:0;flex-direction:row;align-items:center;gap:0}.topbar .brand .logo-caja{padding:.32rem .5rem}.topbar .brand .logo-caja img{height:19px}.topbar .brand small{display:none}.topbar .acciones{display:flex;gap:.35rem}.topbar .boton-icono{color:#ffffffbf}.topbar .boton-icono:hover{background:#ffffff1f;color:#fff}.menu-movil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#170c2880;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .26s ease}.menu-movil.abierto{opacity:1;pointer-events:auto}.menu-movil .panel{width:min(80vw,310px);height:100%;display:flex;flex-direction:column;padding:1rem .85rem;overflow-y:auto;color:var(--sidebar-text);background:linear-gradient(175deg,var(--sidebar-2) 0%,var(--sidebar) 45%);transform:translate(-104%);transition:transform .38s var(--ease-out)}.menu-movil.abierto .panel{transform:none}@media (max-width: 900px){.sidebar{display:none}.topbar{display:flex}.main{padding:1.1rem .95rem 5rem}h1{font-size:1.55rem}}.paleta-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem;background:#170c2873;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:fondoEntra .2s ease}.paleta{width:min(580px,100%);background:var(--surface);border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow-l);overflow:hidden;animation:modalEntra .34s var(--ease-spring)}.paleta .entrada{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;border-bottom:1px solid var(--border)}.paleta .entrada svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.paleta input{border:none;outline:none;padding:0;min-height:0;font-size:1.05rem;background:transparent;box-shadow:none!important}.paleta input:focus{border:none}.paleta .resultados{max-height:320px;overflow-y:auto;padding:.45rem}.paleta .grupo{padding:.5rem .7rem .25rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.paleta .opcion{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;border:none;border-radius:10px;background:transparent;font-family:var(--font-ui);font-size:.92rem;color:var(--text);text-align:left;cursor:pointer}.paleta .opcion svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.paleta .opcion.activa{background:var(--primary-soft);color:var(--primary-700)}.paleta .opcion.activa svg{color:var(--primary)}.paleta .opcion .atajo{margin-left:auto;color:var(--muted)}.paleta .pie{display:flex;gap:1rem;padding:.55rem 1.1rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted)}.paleta .pie kbd{background:var(--primary-soft);border-color:var(--border);color:var(--text-2);box-shadow:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:1.15rem 1.3rem}.card h2{display:flex;align-items:center;gap:.5rem}.card h2 svg{width:18px;height:18px;color:var(--primary)}.grid-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-bottom:1.2rem}.kpi{position:relative;display:flex;flex-direction:column;gap:.15rem;overflow:hidden;transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out)}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-m)}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-300) 45%,rgba(157,78,221,0) 100%)}.kpi.verde:after{background:linear-gradient(90deg,var(--green) 0%,#6ddb3a 45%,rgba(109,219,58,0) 100%)}.kpi.naranja:after{background:linear-gradient(90deg,var(--orange) 0%,#ff8a5c 45%,rgba(255,138,92,0) 100%)}.kpi .kpi-cabeza{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kpi .valor{font-family:var(--font-display);font-size:2.05rem;font-weight:600;line-height:1.05;color:var(--primary-700);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi .etiqueta{font-size:.8rem;font-weight:500;color:var(--muted)}.kpi .kpi-icono{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--primary);background:var(--primary-soft)}.kpi .kpi-icono svg{width:17px;height:17px}.kpi.verde .valor{color:var(--green-700)}.kpi.verde .kpi-icono{color:var(--green-700);background:var(--green-soft)}.kpi.naranja .valor{color:var(--orange-700)}.kpi.naranja .kpi-icono{color:var(--orange-700);background:var(--orange-soft)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.55rem 1.35rem;border-radius:var(--radius-pill);border:1.5px solid transparent;background:linear-gradient(180deg,#6b1fb3 0%,var(--primary) 60%);box-shadow:0 6px 16px -6px #5a189a8c,0 1px #ffffff2e inset;color:#fff;font-family:var(--font-ui);font-weight:600;font-size:.92rem;cursor:pointer;transition:transform .18s var(--ease-out),box-shadow .22s var(--ease-out),background .22s ease,border-color .22s ease,color .22s ease;will-change:transform}.boton:hover{transform:translateY(-1.5px);box-shadow:0 10px 22px -6px #5a189a99,0 1px #ffffff2e inset}.boton:active{transform:translateY(0) scale(.975);transition-duration:60ms}.boton:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.boton svg{width:17px;height:17px}.boton.secundario{background:var(--surface);border-color:var(--border-fuerte);color:var(--primary);box-shadow:var(--shadow-s)}.boton.secundario:hover{border-color:var(--primary-300);background:var(--primary-soft);box-shadow:var(--shadow-s)}.boton.peligro{background:var(--surface);border-color:#f0c4c6;color:var(--danger);box-shadow:var(--shadow-s)}.boton.peligro:hover{background:var(--danger-soft);border-color:var(--danger);box-shadow:var(--shadow-s)}.boton.peligro-solido{background:linear-gradient(180deg,#e03240 0%,var(--danger) 70%);box-shadow:0 6px 16px -6px #d4202c8c,0 1px #ffffff2e inset;color:#fff}.boton.peligro-solido:hover{box-shadow:0 10px 22px -6px #d4202c99,0 1px #ffffff2e inset}.boton.compacto{min-height:36px;padding:.3rem .95rem;font-size:.84rem}.boton-icono{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .17s ease,color .17s ease,transform .17s var(--ease-out)}.boton-icono:hover{background:var(--primary-soft);color:var(--primary);transform:scale(1.06)}.boton-icono:active{transform:scale(.94)}.boton-icono.peligro:hover{background:var(--danger-soft);color:var(--danger)}.boton-icono svg{width:17px;height:17px}.campo{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.campo label{font-size:.8rem;font-weight:600;color:var(--text-2);letter-spacing:.01em}.campo label .req{color:var(--orange)}.campo .ayuda{font-size:.75rem;color:var(--muted)}.campo .error-campo{font-size:.78rem;color:var(--danger)}input,select,textarea{font-family:var(--font-ui);font-size:.95rem;color:var(--text);background:var(--surface);border:1.5px solid var(--border-fuerte);border-radius:var(--radius-s);padding:.55rem .8rem;min-height:44px;width:100%;transition:border-color .17s ease,box-shadow .17s ease,background .17s ease}input:hover,select:hover,textarea:hover{border-color:#c7b8e4}textarea{min-height:72px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #5a189a21}input[type=checkbox],input[type=radio]{flex-shrink:0;width:19px;height:19px;min-height:0;padding:0;accent-color:var(--primary);cursor:pointer}input[type=file]{padding:.45rem .8rem;font-size:.85rem}.fila-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 .85rem}.check-inline{display:flex;align-items:center;gap:.5rem;min-height:44px;font-size:.9rem;cursor:pointer}.nuevo-catalogo{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.nuevo-catalogo input{flex:1;min-width:0;width:auto}.nuevo-catalogo .error-campo{flex-basis:100%;font-size:.78rem;color:var(--danger)}.card table td:last-child{width:1%;white-space:nowrap;text-align:right}.card table td:first-child{overflow-wrap:anywhere}.tabla-contenedor{position:relative;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-s)}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);padding:.7rem .8rem;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.58rem .8rem;border-bottom:1px solid #f2eef9;vertical-align:middle}tbody tr{transition:background .14s ease}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--primary-soft)}tbody tr.seleccionada,tbody tr.seleccionada:hover{background:var(--primary-100)}td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}th.num{text-align:right;white-space:nowrap}td:has(>.acciones-fila){padding-left:.2rem;padding-right:.35rem}td.num,th.num{padding-left:.6rem;padding-right:.55rem}.ref{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.16rem .5rem;border-radius:7px;background:var(--primary-soft);color:var(--primary-700);letter-spacing:.02em}td.recortada{max-width:10.5ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celda-envio{display:block;width:100%;max-width:100%;padding:.3rem 0;border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px}.celda-envio{min-height:38px}.celda-envio:hover{color:var(--primary);text-decoration:underline}.celda-envio:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chip{display:inline-flex;align-items:center;gap:.34rem;padding:.17rem .68rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 0 0 1px #1c0f310d inset}.chip:before{content:"";width:6.5px;height:6.5px;border-radius:50%;background:currentColor}.chip.enviada{background:var(--orange-soft);color:var(--orange-700)}.chip.recepcionada{background:var(--green-soft);color:var(--green-700)}.chip.pendiente_respuesta{background:var(--primary-100);color:var(--primary-700)}.chip.vendida{background:var(--green-700);color:#fff}.chip.no_disponible{background:#f0edf6;color:#6b6180}.chip-tipo{background:var(--primary-soft);color:var(--primary)}.chip-proveedor{background:var(--green-soft);color:var(--green-700)}.chip-comprador{background:var(--orange-soft);color:var(--orange-700)}.chip-ambos,.chip-morado{background:var(--primary-100);color:var(--primary-700)}.chip-naranja{background:var(--orange-soft);color:var(--orange-700)}.chip-verde{background:var(--green-soft);color:var(--green-700)}.chip-verde-oscuro{background:var(--green-700);color:#fff}.chip-gris{background:#f0edf6;color:#6b6180}.estado-sel{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;box-shadow:0 0 0 1px #1c0f310f inset;transition:filter .15s ease,transform .15s var(--ease-out)}.estado-sel:hover{filter:brightness(.97);transform:scale(1.02)}.estado-sel:before{content:"";width:6.5px;height:6.5px;border-radius:50%;background:currentColor;margin-left:.68rem}.estado-sel:after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-1.5px);margin:0 .6rem 0 .1rem;pointer-events:none}.estado-sel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;box-shadow:none;min-height:30px;padding:.2rem .15rem;width:auto;font:inherit;color:inherit;cursor:pointer}.estado-sel select:focus{outline:none}.estado-sel select option{color:var(--text);font-weight:500}.estado-sel.enviada{background:var(--orange-soft);color:var(--orange-700)}.estado-sel.recepcionada{background:var(--green-soft);color:var(--green-700)}.estado-sel.pendiente_respuesta{background:var(--primary-100);color:var(--primary-700)}.estado-sel.vendida{background:var(--green-700);color:#fff}.estado-sel.no_disponible{background:#f0edf6;color:#6b6180}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:2.4rem 1rem;overflow-y:auto;background:#170c287a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fondoEntra .22s ease}@keyframes fondoEntra{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-l);width:min(780px,100%);padding:1.35rem 1.5rem 1.5rem;animation:modalEntra .38s var(--ease-spring)}@keyframes modalEntra{0%{opacity:0;transform:translateY(22px) scale(.965)}to{opacity:1;transform:none}}.modal.estrecho{width:min(500px,100%)}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-cabecera h2{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:600}.modal-pie{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}.confirm{width:min(430px,100%);text-align:left}.confirm h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.confirm .icono-alerta{display:grid;place-items:center;width:44px;height:44px;margin-bottom:.8rem;border-radius:13px;color:var(--danger);background:var(--danger-soft)}.confirm .icono-alerta svg{width:22px;height:22px}.confirm p{margin:.25rem 0 0;color:var(--text-2);font-size:.92rem}.filtros{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.filtros select{width:auto}.busqueda{position:relative}.busqueda svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.busqueda input{padding-left:2.3rem}.filtros .busqueda{max-width:320px;flex:1;min-width:200px}.aviso{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem 1rem;border-radius:var(--radius-s);font-size:.88rem;margin-bottom:1rem;border:1px solid transparent;animation:revelar .4s var(--ease-out)}.aviso svg{width:17px;height:17px;flex-shrink:0;margin-top:.1rem}.aviso.ok{background:var(--green-soft);color:var(--green-700);border-color:#cfeab9}.aviso.error{background:var(--danger-soft);color:var(--danger);border-color:#f3c3c5}.aviso.info{background:var(--primary-soft);color:var(--primary-700);border-color:var(--primary-100)}.toasts{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.55rem;background:#241638;color:#fff;padding:.65rem 1.25rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-l);animation:toastEntra .35s var(--ease-spring)}.toast svg{width:16px;height:16px}.toast.error{background:var(--danger)}@keyframes toastEntra{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}.vacio{padding:3rem 1.2rem;text-align:center;color:var(--muted)}.vacio .vacio-icono{display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:.8rem;border-radius:18px;color:var(--primary-300);background:var(--primary-soft)}.vacio .vacio-icono svg{width:26px;height:26px}.vacio strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.25rem}.skl{border-radius:10px;background:linear-gradient(90deg,#efebf6 25%,#f8f5fd,#efebf6 75%);background-size:220% 100%;animation:skl 1.15s ease-in-out infinite}@keyframes skl{to{background-position:-120% 0}}.skl-fila{display:flex;gap:.8rem;padding:.72rem .8rem;border-bottom:1px solid #f2eef9;align-items:center}.skl-fila:last-child{border-bottom:none}.skl-bloque{height:15px}.barra-seleccion{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:.9rem;padding:.55rem .6rem .55rem 1.15rem;border-radius:var(--radius-pill);color:#fff;background:linear-gradient(120deg,#2c1a47,#1c0f31);box-shadow:var(--shadow-l);font-size:.9rem;animation:barraEntra .38s var(--ease-spring)}@keyframes barraEntra{0%{opacity:0;transform:translate(-50%,18px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.barra-seleccion .cuenta{font-weight:600;white-space:nowrap}.barra-seleccion .cuenta b{font-family:var(--font-display);font-size:1.05rem}.barra-seleccion .boton{min-height:44px;padding:.35rem 1.05rem;font-size:.85rem;white-space:nowrap}.barra-seleccion .limpiar{border:none;background:transparent;color:#ffffffa6;font-family:var(--font-ui);font-size:.85rem;cursor:pointer;padding:.3rem .5rem;border-radius:8px;transition:color .15s ease}.barra-seleccion .limpiar:hover{color:#fff}.folio{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:210px;padding:9px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-s)}.folio button{aspect-ratio:70 / 37;border-radius:6px;border:1.5px solid var(--border-fuerte);background:var(--surface);cursor:pointer;transition:all .15s var(--ease-out);min-height:0;padding:0}.folio button:hover{border-color:var(--primary);transform:scale(1.06)}.folio button.usada{background:var(--primary);border-color:var(--primary)}.folio button.saltada{background:var(--primary-100);border-style:dashed}.paginacion{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem .2rem 0;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.paginacion .botones{display:flex;gap:.4rem}.login-fondo{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login-marca{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 3.2rem;color:#fff;overflow:hidden;background:radial-gradient(600px 500px at 15% 20%,rgba(157,78,221,.55),transparent 60%),radial-gradient(520px 480px at 85% 85%,rgba(56,176,0,.28),transparent 55%),radial-gradient(400px 320px at 75% 15%,rgba(242,84,45,.3),transparent 60%),linear-gradient(155deg,#33135e 0%,var(--sidebar) 60%)}.login-marca:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grano);opacity:.18;mix-blend-mode:overlay;pointer-events:none}.login-marca>*{position:relative;z-index:1}.login-marca .brand{padding:0}.login-marca .titular{color:#fff;font-family:var(--font-display);font-size:clamp(2rem,3.4vw,3rem);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0;max-width:15ch}.login-marca .titular em{font-style:italic;color:#d8b4fe}.login-marca .claim{margin:1rem 0 0;color:#ffffffb8;max-width:42ch;font-size:.98rem}.login-marca .puntos{display:flex;flex-direction:column;gap:.55rem;margin-top:2rem}.login-marca .puntos span{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:#ffffffd1}.login-marca .puntos svg{width:15px;height:15px;color:#a3e635;flex-shrink:0}.login-marca .pie-login{font-size:.75rem;color:#ffffff73}.login-panel{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.login-caja{width:min(400px,100%);animation:revelar .5s var(--ease-out)}.login-caja h1{font-size:1.6rem;margin-bottom:.2rem}.login-caja .sub{color:var(--muted);font-size:.9rem;margin-bottom:1.6rem}.login-caja form{margin-top:.4rem}@media (max-width: 860px){.login-fondo{grid-template-columns:1fr}.login-marca{padding:1.6rem 1.4rem;gap:1rem}.login-marca .titular{font-size:1.45rem;max-width:none}.login-marca .claim,.login-marca .puntos,.login-marca .pie-login{display:none}}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.2rem}.b2{grid-column:span 2}.b3{grid-column:span 3}.tile{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.05rem 1.2rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);color:inherit;text-decoration:none;overflow:hidden;transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out),border-color .2s ease}a.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--primary-100)}.tile .tile-flecha{position:absolute;top:.95rem;right:.95rem;width:15px;height:15px;color:var(--primary);opacity:0;transform:translate(-5px,5px);transition:opacity .2s ease,transform .28s var(--ease-spring)}a.tile:hover .tile-flecha{opacity:1;transform:none}.tile .tile-flecha svg{width:100%;height:100%;display:block}.tile-cabeza{display:flex;align-items:center;gap:.55rem}.tile-cabeza .etiqueta{font-size:.8rem;font-weight:600;color:var(--muted)}.tile .valor-grande{font-family:var(--font-display);font-size:2.3rem;font-weight:600;line-height:1.05;color:var(--primary-700);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tile .valor-grande .unidad{font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--muted)}.barras{display:flex;align-items:flex-end;gap:7px;height:54px;margin-top:auto;padding-top:.8rem}.barras .barra{flex:1;min-height:3px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--primary-300),var(--primary));transform-origin:bottom;animation:barraCrece .2s var(--ease-out) both}.barras .barra.actual{background:linear-gradient(180deg,#c58ef5,var(--primary-300));box-shadow:0 0 12px #9d4edd73}@keyframes barraCrece{0%{transform:scaleY(0)}}.barras-etiquetas{display:flex;gap:7px}.barras-etiquetas span{flex:1;text-align:center;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.spark{display:block;width:100%;height:64px;margin-top:auto;padding-top:.6rem;cursor:crosshair}.aove-nota{font-size:.78rem;color:var(--muted);min-height:1.25em}.aove-nota strong{color:var(--text-2);font-weight:600}.delta{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto;font-size:.74rem;font-weight:700;padding:.14rem .55rem;border-radius:var(--radius-pill)}.delta.up{background:var(--green-soft);color:var(--green-700)}.delta.down{background:var(--orange-soft);color:var(--orange-700)}.tile-copia{justify-content:center}.tile-copia .copia-icono{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.35rem;border-radius:13px;background:#f0edf6;color:var(--muted)}.tile-copia .copia-icono svg{width:21px;height:21px}.tile-copia .estado{font-weight:700;font-size:.95rem}.tile-copia .cuando{font-size:.77rem;color:var(--muted);line-height:1.4}.tile-copia.ok .copia-icono{background:var(--green-soft);color:var(--green-700)}.tile-copia.error{border-color:#f3c3c5;background:linear-gradient(160deg,#fff 40%,#fff5f5)}.tile-copia.error .copia-icono{background:var(--danger-soft);color:var(--danger)}.tile-copia.error .estado{color:var(--danger)}@media (max-width: 1100px){.bento{grid-template-columns:repeat(2,1fr)}.b2,.b3{grid-column:span 2}}@media (max-width: 640px){.bento{grid-template-columns:1fr}.b2,.b3{grid-column:span 1}}.tarjeta-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.tarjeta-cabecera h2{margin:0}.tarjeta-cabecera h2 svg{width:18px;height:18px;color:var(--primary)}.tarjeta-cabecera a{display:inline-flex;align-items:center;gap:.25rem;font-size:.88rem;font-weight:600;white-space:nowrap}.lista-envios{display:flex;flex-direction:column}.lista-envios .fila-envio{display:flex;align-items:center;gap:.9rem;padding:.7rem .4rem;border-bottom:1px solid #f2eef9;text-decoration:none;color:inherit;border-radius:10px;transition:background .15s ease;animation:revelar .12s var(--ease-out) both}.lista-envios .fila-envio:last-child{border-bottom:none}.lista-envios .fila-envio:hover{background:var(--primary-soft)}.lista-envios .fecha{flex-shrink:0;width:52px;text-align:center;border-radius:10px;padding:.3rem 0;background:var(--surface-2);border:1px solid var(--border);font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.lista-envios .fecha b{display:block;font-family:var(--font-display);font-size:1.05rem;color:var(--primary-700);font-weight:600}.lista-envios .quien{flex:1;min-width:0}.lista-envios .quien .de-a{display:block;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lista-envios .quien .detalle{display:block;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lista-envios .refs{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.serie-dibuja{stroke-dashoffset:1;animation:dibuja .25s var(--ease-out) forwards}@keyframes dibuja{to{stroke-dashoffset:0}}.serie-fade{opacity:0;animation:serieAparece .15s ease forwards}@keyframes serieAparece{to{opacity:1}}.grafico-tooltip{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-height:40px;margin-top:.4rem;padding:.45rem .9rem;border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--border);font-size:.86rem}.grafico-tooltip .valor-serie{white-space:nowrap}.barra-filtros{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.1rem}.barra-filtros .busqueda{max-width:420px}.pastillas-filtro{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.pastilla-filtro{position:relative}.pastilla{display:inline-flex;align-items:center;gap:.35rem;max-width:15rem;min-height:36px;padding:.3rem .6rem .3rem .75rem;border:1.5px solid var(--border-fuerte);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.pastilla-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pastilla svg{width:14px;height:14px;flex-shrink:0;opacity:.65;transition:transform .18s var(--ease-out)}.pastilla:hover{border-color:var(--primary-300);background:var(--primary-soft)}.pastilla.abierta svg{transform:rotate(180deg)}.pastilla.activa{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-700)}.pastilla.activa svg{opacity:1}.pastilla-cuenta{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .28rem;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:.7rem;font-weight:700}.limpiar-filtros{display:inline-flex;align-items:center;gap:.3rem;min-height:36px;padding:.3rem .7rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.limpiar-filtros svg{width:13px;height:13px}.limpiar-filtros:hover{background:var(--danger-soft);color:var(--danger)}.popover-fondo{display:none}.popover-filtro{position:absolute;top:calc(100% + .4rem);left:0;z-index:40;width:300px;max-width:calc(100vw - 2rem);padding:.75rem .85rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-m);animation:revelar .22s var(--ease-out)}.popover-filtro.a-derecha{left:auto;right:0}.popover-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.popover-cabecera h2{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--text-2)}.popover-cuerpo{display:flex;flex-direction:column}.popover-acciones{display:flex;gap:.5rem;margin-top:.65rem;padding-top:.6rem;border-top:1px solid var(--border)}.popover-acciones .boton{flex:1;min-height:36px;padding:.35rem .6rem;font-size:.84rem}.lista-opciones,.opciones-radio{display:flex;flex-direction:column;gap:.1rem;max-height:244px;overflow-y:auto;overflow-x:hidden}.sin-opciones{margin:.4rem .35rem;font-size:.86rem}.lista-procedencias{margin:0;padding:.4rem .6rem;max-height:168px;overflow-y:auto;list-style:none;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-2);font-size:.88rem}.lista-procedencias li{padding:.15rem 0}.lista-procedencias li+li{border-top:1px solid var(--border)}.opcion{display:flex;align-items:center;gap:.5rem;min-height:36px;padding:.12rem .35rem;border-radius:8px;font-size:.88rem;cursor:pointer;transition:background .14s ease}.opcion:hover{background:var(--primary-soft)}.opcion .opcion-texto{overflow-wrap:anywhere}.opcion .cuenta{margin-left:auto;color:var(--muted);font-size:.78rem;white-space:nowrap}.busca-opcion{min-height:38px;margin-bottom:.4rem;font-size:.88rem}.fechas-rango{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:.55rem}.fechas-rango input{min-width:0}.fechas-rango label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--text-2)}.segmentado{display:flex;flex-wrap:wrap;gap:.4rem}.segmentado button{min-height:38px;padding:.35rem .95rem;border-radius:var(--radius-pill);border:1.5px solid var(--border-fuerte);background:var(--surface);color:var(--text-2);font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.segmentado button:hover{border-color:var(--primary-300);background:var(--primary-soft)}.segmentado button.activo{background:var(--primary);border-color:var(--primary);color:#fff}.adjuntos{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.4rem}.adjuntos-aviso{margin:0;padding:.6rem .85rem;border-radius:var(--radius-s);background:var(--amber-soft);color:var(--amber);font-size:.82rem;line-height:1.45}.adjuntos-vacio{display:flex;align-items:center;gap:.45rem;margin:0}.adjuntos-vacio svg{width:15px;height:15px;flex-shrink:0}.lista-adjuntos{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.adjunto{display:flex;align-items:center;gap:.65rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-2)}.adjunto>svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.adjunto-info{flex:1;min-width:0;display:flex;flex-direction:column}.adjunto-nombre{font-weight:600;font-size:.9rem;overflow-wrap:anywhere}.adjunto-meta{font-size:.78rem;color:var(--muted)}.oculto-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.clip-indicador{display:inline-flex;vertical-align:-2px;margin-left:.35rem;color:var(--primary-300)}.clip-indicador svg{width:14px;height:14px}details.historico{margin-top:1.2rem}details.plegable{margin-top:.2rem}details.historico summary,details.plegable summary{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .2rem;font-weight:600;font-size:.92rem;color:var(--text-2);cursor:pointer;border-radius:10px;list-style:none}details.historico summary::-webkit-details-marker,details.plegable summary::-webkit-details-marker{display:none}details.historico summary:before,details.plegable summary:before{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .2s var(--ease-out)}details.historico[open] summary:before,details.plegable[open] summary:before{transform:rotate(45deg)}details.historico summary:hover,details.plegable summary:hover{color:var(--primary)}details.historico .historico-cuerpo,details.plegable .plegable-cuerpo{padding-top:.8rem}.pie-grafico{margin:.5rem 0 0;font-size:.78rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}@media (max-width: 700px){.oculto-movil{display:none}.cabecera{align-items:flex-start;flex-direction:column}.lista-envios .refs{display:none}.modal-fondo{padding:.8rem .6rem}.barra-filtros{overflow-x:clip}.barra-filtros .busqueda{max-width:none}.pastillas-filtro{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-.25rem -1rem;padding:.25rem 1rem;scroll-padding-inline:1rem}.pastillas-filtro::-webkit-scrollbar{display:none}.pastilla{flex-shrink:0}.popover-fondo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#170c287a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fondoEntra .22s ease}.popover-filtro{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:70;display:flex;flex-direction:column;width:auto;max-width:none;max-height:82dvh;padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border-bottom:none;box-shadow:var(--shadow-l);animation:hojaEntra .38s var(--ease-spring)}@keyframes hojaEntra{0%{transform:translateY(103%)}to{transform:none}}.popover-cabecera h2{font-size:1rem;color:var(--text)}.popover-cuerpo{flex:1;min-height:0;overflow-y:auto}.lista-opciones,.opciones-radio{max-height:none}.opcion,.popover-acciones .boton{min-height:44px}.barra-seleccion{max-width:calc(100vw - 1.2rem);flex-wrap:wrap;justify-content:center;border-radius:22px;padding:.55rem .8rem;gap:.5rem}}