:root{--text:#f3f4f6;--text-h:#fff;--bg:#1e1e2f;--border:#2e303a;--code-bg:#1f2028;--accent:#8b5cf6;--accent-bg:#8b5cf626;--accent-border:#8b5cf680;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--heading:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#1e1e2f;width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{width:100%;min-width:100%;min-height:100dvh;font-family:var(--sans);background:#1e1e2f;margin:0;padding:0;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;background:#1e1e2f;border:none;width:100%;min-width:0;max-width:none;min-height:100dvh;margin:0;padding:0;display:block}img,video,canvas,svg{max-width:100%}img{height:auto}button,input,select,textarea{font:inherit}input,select,textarea,table{max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--heading)}p{margin-top:0}code,.counter{font-family:var(--mono)}code{color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%}html{scrollbar-width:thin;scrollbar-color:#8b5cf699 #1e1e2f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e2f}::-webkit-scrollbar-thumb{background:#8b5cf68c;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}@media (width<=1100px){:root{font-size:16px}}@media (width<=700px){:root{font-size:15px}body{overflow-x:hidden}button{touch-action:manipulation}}@media (width<=420px){:root{font-size:14px}}.productos-page,.productos-page *,.productos-page :before,.productos-page :after{box-sizing:border-box}.productos-page{color:#fff;width:100%;max-width:1500px;min-height:100%;margin:0 auto;padding:22px;overflow-x:hidden}.productos-header{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-bottom:20px;display:flex}.productos-titulo{align-items:center;gap:14px;min-width:0;display:flex}.productos-icono-principal{background:linear-gradient(135deg,#6475ff,#4f46e5);border-radius:16px;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:27px;display:flex;box-shadow:0 10px 25px #4f46e547}.productos-titulo>div:last-child{min-width:0}.productos-titulo h1{color:#fff;margin:0;font-size:clamp(27px,2.7vw,34px);font-weight:900;line-height:1.1}.productos-titulo p{color:#aebbd0;margin:5px 0 0;font-size:clamp(11px,1vw,13px);line-height:1.4}.btn-nuevo-producto{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6475ff,#4f46e5);border:0;border-radius:13px;flex-shrink:0;min-height:48px;padding:0 20px;font-size:14px;font-weight:800;transition:all .18s;box-shadow:0 9px 22px #4f46e547}.btn-nuevo-producto:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-nuevo-producto span{margin-right:5px;font-size:18px}.productos-resumen{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1fr);gap:13px;width:100%;margin-bottom:17px;display:grid}.resumen-card{background:linear-gradient(145deg,#213451,#17283f);border:1px solid #7791b747;border-radius:17px;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:105px;padding:15px;display:flex;box-shadow:0 8px 24px #00000024}.resumen-icono{border-radius:14px;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;font-size:23px;display:flex}.resumen-card.azul .resumen-icono{background:#4194d4}.resumen-card.amarillo .resumen-icono{background:#ffbd16}.resumen-card.verde .resumen-icono{background:#39c76a}.resumen-card.rojo .resumen-icono{background:#ff725e}.resumen-contenido{text-align:center;min-width:0}.resumen-contenido span{color:#c4cede;white-space:normal;margin-bottom:6px;font-size:12px;font-weight:750;display:block}.resumen-contenido strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;max-width:100%;font-size:clamp(16px,1.6vw,21px);font-weight:900;line-height:1.2;display:block;overflow:hidden}.productos-busqueda{grid-template-columns:minmax(0,1fr) auto;gap:11px;width:100%;margin-bottom:17px;display:grid}.buscador{background:#1c2d46;border:1px solid #314762;border-radius:13px;align-items:center;gap:10px;min-width:0;height:50px;padding:0 15px;display:flex}.buscador>span{flex-shrink:0;font-size:19px}.buscador input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.buscador input::placeholder{color:#9eabc0}.buscador button{color:#fff;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:30px;height:30px;font-size:22px}.btn-actualizar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6475ff,#4f46e5);border:0;border-radius:13px;min-width:125px;min-height:50px;padding:0 17px;font-size:13px;font-weight:800}.btn-actualizar:hover{filter:brightness(1.08)}.btn-actualizar:disabled{opacity:.6;cursor:wait}.producto-form-card{background:linear-gradient(145deg,#213451,#17283f);border:1px solid #7791b742;border-radius:17px;width:100%;margin-bottom:17px;padding:19px}.formulario-titulo{justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:17px;display:flex}.formulario-titulo>div{min-width:0}.formulario-titulo h2{margin:0;font-size:clamp(17px,1.7vw,20px);font-weight:850}.formulario-titulo p{color:#aebbd0;margin:5px 0 0;font-size:12px}.formulario-titulo-acciones{align-items:center;gap:10px;display:flex}.btn-cerrar{color:#fff;cursor:pointer;background:#ed6258;border:0;border-radius:10px;flex-shrink:0;width:40px;height:40px;font-size:23px}.btn-volver-tipo{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;min-height:40px;padding:0 13px;font-size:12px;font-weight:800}.tipos-producto-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.tipo-producto-card{color:#fff;cursor:pointer;background:#192d46;border:1px solid #8297b961;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;min-height:78px;padding:12px 14px;transition:all .18s;display:flex;position:relative}.tipo-producto-card:hover{background:#203856;border-color:#6475ffbf;transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.tipo-producto-icono{background:#6475ff2e;border-radius:11px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:21px;display:flex}.tipo-peso .tipo-producto-icono{background:#ffb74d29}.tipo-volumen .tipo-producto-icono{background:#37b2ff29}.tipo-producto-contenido{min-width:0}.tipo-producto-contenido h3{color:#fff;white-space:nowrap;margin:0;font-size:15px;font-weight:900;line-height:1.2}.tipo-producto-contenido p,.tipo-producto-ejemplos,.tipo-producto-flecha{display:none}.producto-form{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;display:grid}.campo{min-width:0}.campo label{color:#d9e1ed;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.campo input,.campo select{color:#fff;background:#13243a;border:1px solid #405672;border-radius:10px;outline:0;width:100%;min-width:0;height:44px;padding:0 12px;font-size:13px}.campo select{cursor:pointer}.campo small{color:#8fa0b8;margin-top:5px;font-size:10px;line-height:1.35;display:block}.input-dinero{min-width:0;position:relative}.input-dinero span{color:#fff;pointer-events:none;font-weight:800;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-dinero input{padding-left:28px}.producto-conversion-info{flex-direction:column;display:flex}.conversion-preview{color:#fff;background:#6475ff1a;border:1px solid #6475ff40;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.conversion-preview strong{font-size:16px}.formulario-acciones{grid-column:1/-1;justify-content:flex-end;gap:10px;width:100%;margin-top:4px;display:flex}.btn-cancelar,.btn-guardar{cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:0 18px;font-size:12px;font-weight:800}.btn-cancelar{color:#26344b;background:#d8dee8}.btn-guardar{color:#fff;background:#3ed56b;box-shadow:0 7px 18px #3ed56b2e}.productos-lista{background:linear-gradient(145deg,#213451,#17283f);border:1px solid #7791b742;border-radius:17px;width:100%;margin-top:17px;overflow:hidden}.lista-cabecera{align-items:center;min-height:72px;padding:15px 19px;display:flex}.lista-cabecera h2{color:#fff;margin:0;font-size:clamp(18px,2vw,22px);font-weight:900}.tabla-contenedor{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#687cff #102b42;width:100%;max-height:clamp(300px,48vh,560px);overflow:auto}.tabla-contenedor::-webkit-scrollbar{width:8px;height:8px}.tabla-contenedor::-webkit-scrollbar-thumb{background:#687cff;border-radius:10px}.tabla-contenedor::-webkit-scrollbar-thumb:hover{background:#8190ff}.productos-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1120px}.productos-table th:first-child,.productos-table td:first-child{width:135px}.productos-table th:nth-child(2),.productos-table td:nth-child(2){width:160px}.productos-table th:nth-child(3),.productos-table td:nth-child(3),.productos-table th:nth-child(4),.productos-table td:nth-child(4){width:110px}.productos-table th:nth-child(5),.productos-table td:nth-child(5){width:125px}.productos-table th:nth-child(6),.productos-table td:nth-child(6),.productos-table th:nth-child(7),.productos-table td:nth-child(7){width:85px}.productos-table th:nth-child(8),.productos-table td:nth-child(8){width:90px}.productos-table th:nth-child(9),.productos-table td:nth-child(9){width:125px}.productos-table th:nth-child(10),.productos-table td:nth-child(10){width:90px}.productos-table thead th{z-index:20;color:#fff;text-align:center;white-space:nowrap;background:#35516f;border-top:1px solid #96aecc2e;border-bottom:1px solid #96aecc40;height:50px;padding:0 10px;font-size:13px;font-weight:900;position:sticky;top:0}.productos-table tbody tr{transition:background .15s}.productos-table tbody tr:hover{background:#6373ff1a}.productos-table tbody tr:nth-child(2n):hover{background:#6373ff1a}.productos-table tbody td{color:#f0f4fa;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #94a3b81c;height:62px;padding:0 9px;font-size:13px;font-weight:650;overflow:hidden}.productos-table td.nombre{color:#fff;text-align:left!important;font-size:14px!important;font-weight:850!important}.codigo{color:#dbe5f2;text-overflow:ellipsis;white-space:nowrap;background:#11243a;border-radius:8px;justify-content:center;align-items:center;max-width:125px;min-height:34px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.ganancia{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.stock{border-radius:10px;justify-content:center;align-items:center;min-width:42px;height:38px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.stock.disponible{color:#fff;background:#49ca50}.stock.bajo{color:#fff;background:#ffb20e}.stock.agotado{color:#fff;background:#f15d50}.minimo{color:#d7dfeb;font-size:13px;font-weight:800}.unidad-producto{color:#dce5f2;font-size:12px;font-weight:850}.estado{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:4px;min-width:105px;height:36px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.estado.disponible{color:#5de974;background:#2dbe5621;border:1px solid #2dd25e73}.estado.bajo{color:#ffc329;background:#ffb20e1f;border:1px solid #ffb20e80}.estado.agotado{color:#ff7568;background:#f15d501f;border:1px solid #f15d5080}.estado-punto{font-size:10px}.productos-table th:last-child,.productos-table td:last-child{z-index:30;background:#213b59;border-left:1px solid #ffffff1a;width:90px;min-width:90px;position:sticky;right:0}.productos-table th:last-child{z-index:40;background:#35516f}.celda-acciones{text-align:center!important;overflow:visible!important}.btn-menu-acciones{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:25px;font-weight:900;line-height:1;transition:background .15s,transform .15s;display:inline-flex}.btn-menu-acciones:hover{background:#ffffff3b;transform:scale(1.04)}.btn-menu-acciones:active{transform:scale(.94)}.menu-acciones-flotante{z-index:999999;background:#173b57;border:1px solid #ffffff2e;border-radius:12px;width:155px;padding:6px;animation:.12s ease-out aparecer-menu;box-shadow:0 12px 30px #00000080}@keyframes aparecer-menu{0%{opacity:0;transform:scale(.96)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-acciones-flotante button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:42px;padding:9px 11px;font-size:14px;font-weight:700;display:flex}.mensaje-error{color:#ffaaa2;background:#f15d501f;border:1px solid #f15d5059;border-radius:10px;margin:0 18px 14px;padding:12px;font-size:12px}.tabla-mensaje{color:#aebbd0!important;text-align:center!important;height:150px!important;font-size:13px!important}.lista-footer{color:#aebbd0;border-top:1px solid #94a3b81c;padding:13px 18px;font-size:12px}@media (width<=1250px){.productos-page{padding:17px}.productos-resumen{gap:10px}.resumen-card{min-height:92px;padding:12px}.resumen-icono{width:44px;min-width:44px;height:44px;font-size:20px}.producto-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.productos-resumen,.producto-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tipos-producto-grid{grid-template-columns:1fr}.tabla-contenedor{max-height:460px}}@media (width<=900px){.productos-page{width:100%;min-height:100dvh;padding:68px 12px 16px}.productos-header{gap:12px}.productos-icono-principal{width:50px;min-width:50px;height:50px;font-size:23px}.btn-nuevo-producto{min-height:46px;padding:0 15px}.productos-resumen{grid-template-columns:repeat(2,minmax(0,1fr))}.productos-busqueda{grid-template-columns:1fr}.btn-actualizar{width:100%}.tabla-contenedor{max-height:48dvh}}@media (width<=600px){.productos-page{padding:64px 8px 14px}.productos-header{flex-direction:column;align-items:stretch}.productos-titulo{gap:10px}.productos-titulo p{display:none}.productos-icono-principal{width:45px;min-width:45px;height:45px;font-size:21px}.btn-nuevo-producto{width:100%;min-height:46px}.productos-resumen{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resumen-card{gap:7px;min-height:82px;padding:9px}.resumen-icono{width:36px;min-width:36px;height:36px;font-size:17px}.resumen-contenido span{font-size:10px}.resumen-contenido strong{font-size:14px}.producto-form-card{padding:14px}.tipo-producto-card{min-height:65px;padding:10px 12px}.tipo-producto-icono{width:38px;min-width:38px;height:38px;font-size:18px}.tipo-producto-contenido h3{font-size:14px}.producto-form{grid-template-columns:1fr}.formulario-titulo-acciones{flex-direction:column-reverse;align-items:flex-end}.formulario-acciones{grid-template-columns:1fr 1fr;display:grid}.btn-cancelar,.btn-guardar{width:100%;padding:0 10px}.lista-cabecera{min-height:58px;padding:12px 14px}.tabla-contenedor{max-height:50dvh}.productos-table{min-width:1050px}.productos-table thead th{height:46px;font-size:11px}.productos-table tbody td{height:56px;font-size:11px}.codigo{max-width:110px;min-height:30px;font-size:10px}.ganancia{font-size:11px}.stock{min-width:38px;height:34px;font-size:11px}.estado{min-width:98px;height:33px;font-size:10px}.btn-menu-acciones{width:40px;height:40px;font-size:23px}}@media (width<=380px){.productos-page{padding:62px 6px 12px}.productos-resumen{grid-template-columns:1fr}.resumen-card{justify-content:flex-start;min-height:68px}.resumen-contenido{text-align:left}.formulario-acciones{grid-template-columns:1fr}.tabla-contenedor{max-height:48dvh}}@media (height<=800px) and (width>=901px){.productos-page{padding:11px 15px}.productos-header{margin-bottom:10px}.productos-icono-principal{width:46px;min-width:46px;height:46px;font-size:21px}.productos-titulo h1{font-size:27px}.productos-titulo p{margin-top:2px;font-size:11px}.btn-nuevo-producto{min-height:42px;padding:0 15px}.productos-resumen{margin-bottom:10px}.resumen-card{min-height:72px;padding:8px 10px}.resumen-icono{width:38px;min-width:38px;height:38px;font-size:18px}.resumen-contenido span{margin-bottom:2px;font-size:10px}.resumen-contenido strong{font-size:16px}.productos-busqueda{margin-bottom:10px}.buscador,.btn-actualizar{height:42px;min-height:42px}.producto-form-card{margin-bottom:10px;padding:12px}.formulario-titulo{margin-bottom:10px}.tipos-producto-grid{gap:8px}.tipo-producto-card{min-height:62px;padding:8px 10px}.tipo-producto-icono{width:36px;min-width:36px;height:36px;font-size:17px}.tipo-producto-contenido h3{font-size:13px}.campo input,.campo select{height:39px}.productos-lista{margin-top:10px}.lista-cabecera{min-height:52px;padding:10px 15px}.tabla-contenedor{max-height:clamp(220px,38vh,330px)}.productos-table thead th{height:42px}.productos-table tbody td{height:50px}.lista-footer{padding:9px 15px}}.productos-page{color:#25145a;background:radial-gradient(circle at 8% 0,#8b5cf617,#0000 30%),linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);min-height:100vh}.productos-titulo h1{color:#24105f;font-size:clamp(30px,2.7vw,36px)}.productos-titulo p{color:#756b8a;font-size:clamp(13px,1vw,15px)}.productos-icono-principal,.btn-nuevo-producto,.btn-actualizar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #7c3aed33}.btn-nuevo-producto{font-size:15px}.resumen-card{background:#fffffff7;border:1px solid #e8e2f3;box-shadow:0 10px 26px #4c2d9114}.resumen-contenido span{color:#544a63;font-size:13px;font-weight:700}.resumen-contenido strong{color:#25145a;font-size:clamp(18px,1.6vw,23px)}.resumen-card.azul .resumen-contenido strong{color:#2563eb}.resumen-card.amarillo .resumen-contenido strong{color:#d97706}.resumen-card.verde .resumen-contenido strong{color:#16a34a}.resumen-card.rojo .resumen-contenido strong{color:#dc2626}.productos-busqueda .buscador{background:#fff;border:1px solid #ddd5f5;box-shadow:0 4px 14px #4c2d910d}.productos-busqueda .buscador input{color:#25145a;font-size:15px}.productos-busqueda .buscador input::placeholder{color:#9187a3}.productos-busqueda .buscador button{color:#6d28d9}.producto-form-card{background:#fffffffa;border:1px solid #e6dff2;box-shadow:0 12px 28px #4c2d9114}.formulario-titulo h2{color:#29145e;font-size:clamp(20px,1.7vw,23px)}.formulario-titulo p{color:#796f89;font-size:14px}.tipo-producto-card{color:#25145a;background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #ded6f2;box-shadow:0 5px 14px #4c2d910d}.tipo-producto-card:hover{background:#f6f2ff;border-color:#a78bfa;box-shadow:0 9px 20px #7c3aed1a}.tipo-producto-contenido h3{color:#35205f;font-size:16px}.campo label{color:#514663;font-size:13px}.campo input,.campo select{color:#25145a;background:#fff;border:1px solid #dcd4ef;font-size:14px}.campo input::placeholder{color:#9a91aa}.campo input:focus,.campo select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.campo small{color:#786f87;font-size:11px}.input-dinero span{color:#6d28d9}.conversion-preview{color:#4c326c;background:#f4f0ff;border:1px solid #dcd2fa;font-size:13px}.btn-volver-tipo{color:#6d28d9;background:#f5f1ff;border:1px solid #d9d0ef;font-size:13px}.btn-volver-tipo:hover{background:#eee8ff}.btn-cancelar{color:#493e58;background:#eeeaf5;font-size:13px}.btn-guardar{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:13px}.productos-lista{background:#fffffffa;border:1px solid #e6dff2;box-shadow:0 12px 28px #4c2d9114}.lista-cabecera h2{color:#29145e;font-size:clamp(21px,2vw,24px)}.tabla-contenedor{scrollbar-color:#8b5cf6 #f0edf7}.tabla-contenedor::-webkit-scrollbar-track{background:#f0edf7}.tabla-contenedor::-webkit-scrollbar-thumb{background:#8b5cf6}.productos-table thead th{color:#fff;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-color:#ffffff26;font-size:14px}.productos-table tbody tr{background:#fff}.productos-table tbody tr:nth-child(2n){background:#fbfaff}.productos-table tbody tr:hover,.productos-table tbody tr:nth-child(2n):hover{background:#f5f1ff}.productos-table tbody td{color:#4b4058;border-bottom:1px solid #eeeaf3;font-size:14px}.productos-table td.nombre{color:#2e1b52;font-size:15px!important}.codigo{color:#554969;background:#f2eff8;font-size:12px}.ganancia{font-size:14px}.ganancia.positiva{color:#16a34a}.ganancia.negativa{color:#dc2626}.minimo{color:#514663;font-size:14px}.unidad-producto{color:#514663;font-size:13px}.estado{font-size:12px}.productos-table th:last-child{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.productos-table td:last-child{background:#fff;border-left:1px solid #eee8f5}.productos-table tbody tr:nth-child(2n) td:last-child{background:#fbfaff}.btn-menu-acciones{color:#6d28d9;background:#eee9fa}.btn-menu-acciones:hover{background:#e4dcfa}.menu-acciones-flotante{background:#fff;border:1px solid #ded7ec;box-shadow:0 14px 34px #38235a33}.menu-acciones-flotante button{color:#35225e}.menu-acciones-flotante button:hover{background:#f5f1ff}.menu-acciones-flotante .menu-eliminar{color:#dc2626}.menu-acciones-flotante .menu-eliminar:hover{background:#fff1f2}.mensaje-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;font-size:13px}.tabla-mensaje{color:#81768e!important;font-size:14px!important}.lista-footer{color:#756b83;border-top:1px solid #eeeaf3;font-size:13px}.lista-footer strong{color:#5b21b6}@media (height<=800px) and (width>=901px){.productos-titulo h1{font-size:30px}.productos-titulo p{font-size:13px}.resumen-contenido span{font-size:12px}.resumen-contenido strong{font-size:18px}.productos-table thead th,.productos-table tbody td{font-size:13px}}@media (width<=600px){.productos-titulo h1{font-size:28px}.productos-resumen{gap:9px}.resumen-contenido span{font-size:11px}.resumen-contenido strong{font-size:15px}.productos-table thead th,.productos-table tbody td,.campo label{font-size:12px}.campo input,.campo select{font-size:14px}}.ventas-page{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 0 0,#7c3aed26,#0000 35%),#111827;flex-direction:column;width:100%;height:100dvh;min-height:620px;padding:clamp(10px,1.4vw,20px) clamp(12px,1.7vw,24px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.ventas-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:clamp(8px,1vh,14px);display:flex}.ventas-titulo{min-width:0}.ventas-titulo h1{color:#fff;letter-spacing:-.7px;margin:0;font-size:clamp(27px,2.3vw,36px);font-weight:850}.ventas-titulo p{color:#a5b4fc;margin:5px 0 0;font-size:clamp(13px,1vw,15px);font-weight:600}.usuario-admin{background:#1f2937e0;border:1px solid #ffffff12;border-radius:15px;flex-shrink:0;align-items:center;gap:11px;padding:10px 15px;display:flex}.admin-icono{background:#8b5cf640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.admin-info{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-info strong{color:#fff;font-size:15px;font-weight:800}.admin-info span{color:#cbd5e1;font-size:12px}.admin-flecha{color:#e2e8f0;margin-left:4px;font-size:19px}.venta-card{box-sizing:border-box;background:linear-gradient(145deg,#2e394bf5,#111827fa);border:1px solid #ffffff13;border-radius:clamp(14px,1.5vw,20px);flex-direction:column;flex:auto;width:100%;min-height:0;margin:0;padding:clamp(10px,1.2vw,16px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000040}.buscador-section{flex-shrink:0;margin-bottom:clamp(7px,.8vh,11px);position:relative}.buscador{box-sizing:border-box;background:#94a3b838;border:1px solid #ffffff12;border-radius:14px;align-items:center;height:clamp(48px,6vh,58px);min-height:48px;padding:0 9px 0 17px;display:flex}.buscador-icon{margin-right:12px;font-size:22px}.buscador input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:clamp(15px,1.25vw,18px);font-weight:600}.buscador input::placeholder{color:#cbd5e1;opacity:.95}.boton-scanner{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c6ff0,#8b5cf6);border:none;border-radius:11px;flex-shrink:0;width:44px;height:44px;font-size:21px;font-weight:800;transition:all .2s}.boton-scanner:hover{transform:translateY(-1px)}.resultados-productos{z-index:80;background:#1f2937;border:1px solid #8b5cf680;border-radius:14px;max-height:min(310px,45dvh);position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden auto;box-shadow:0 20px 40px #00000073}.resultado-producto{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 17px;display:flex}.resultado-producto:hover{background:#8b5cf633}.resultado-producto div{flex-direction:column;gap:4px;min-width:0;display:flex}.resultado-producto strong{color:#fff;font-size:16px}.resultado-producto small{color:#aeb9c9;font-size:13px}.cliente-row{flex-shrink:0;gap:10px;width:100%;margin-bottom:clamp(7px,.8vh,11px);display:flex}.cliente-row select{color:#1e293b;background:#edf2f7;border:none;border-radius:13px;outline:none;flex:1;min-width:0;height:clamp(44px,5.5vh,52px);padding:0 16px;font-size:clamp(14px,1.1vw,16px);font-weight:700}.boton-nuevo-cliente{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c6ff0,#8b5cf6);border:none;border-radius:13px;min-width:max-content;height:clamp(44px,5.5vh,52px);padding:0 22px;font-size:clamp(13px,1vw,15px);font-weight:800;transition:all .2s}.boton-nuevo-cliente:hover{transform:translateY(-1px)}.tabla-venta{background:#0a1221a3;border:1px solid #ffffff0e;border-radius:16px;flex-direction:column;flex:auto;min-height:100px;display:flex;overflow:hidden}.tabla-cabecera{color:#fff;background:linear-gradient(90deg,#4338ca7a,#56647880);flex-shrink:0;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(145px,1fr) minmax(115px,1fr) 70px;align-items:center;min-height:clamp(44px,5.7vh,56px);padding:0 18px;font-size:clamp(13px,1vw,15px);font-weight:850;display:grid}.tabla-cabecera span{text-align:center}.tabla-cabecera span:first-child{text-align:left}.venta-vacia{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(10px,2vh,24px);display:flex;overflow:hidden}.carrito-grande{margin-bottom:8px;font-size:clamp(34px,5vh,56px)}.mensaje-principal{color:#fff;margin:0;font-size:clamp(15px,1.35vw,19px);font-weight:800;line-height:1.4}.venta-vacia small{color:#aeb9c9;margin-top:7px;font-size:clamp(11px,.9vw,13px);line-height:1.45}.productos-ticket{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;width:100%;min-height:0;overflow:hidden auto}.fila-producto{box-sizing:border-box;border-bottom:1px solid #fff1;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(145px,1fr) minmax(115px,1fr) 70px;align-items:center;min-height:clamp(64px,8vh,80px);padding:9px 18px;display:grid}.producto-info{flex-direction:column;gap:4px;min-width:0;display:flex}.producto-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.15vw,17px);font-weight:800;overflow:hidden}.producto-info small{color:#aeb9c9;font-size:13px}.precio-producto{color:#fff;text-align:center;font-size:clamp(14px,1.15vw,17px);font-weight:800}.total-producto{color:#4ade80;text-align:center;font-size:clamp(16px,1.3vw,19px);font-weight:900}.cantidad-control{justify-content:center;align-items:center;gap:clamp(7px,.8vw,12px);display:flex}.cantidad-control button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5fe6,#8b5cf6);border:none;border-radius:10px;width:clamp(36px,3vw,42px);height:clamp(36px,3vw,42px);font-size:22px;font-weight:900}.cantidad-control strong{color:#fff;text-align:center;min-width:24px;font-size:20px;font-weight:900}.cantidad-control button:disabled{opacity:.45;cursor:not-allowed}.boton-eliminar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:11px;justify-self:center;width:clamp(38px,3vw,44px);height:clamp(38px,3vw,44px);font-size:18px}.venta-footer-fijo{flex-shrink:0;grid-template-columns:minmax(280px,1.35fr) minmax(230px,.95fr) minmax(220px,.82fr);gap:clamp(7px,.8vw,11px);margin-top:clamp(7px,.8vh,11px);display:grid}.resumen-venta{box-sizing:border-box;background:#2b374adb;border:1px solid #ffffff0f;border-radius:15px;min-height:clamp(105px,13vh,130px);padding:clamp(11px,1.3vw,19px)}.resumen-linea{color:#e2e8f0;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:clamp(13px,1vw,15px);font-weight:650;display:flex}.resumen-linea strong{color:#fff;font-size:clamp(14px,1.1vw,16px);font-weight:850}.total-principal{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.total-principal span{color:#fff;font-size:clamp(14px,1.15vw,17px);font-weight:900}.total-principal strong{color:#4ade80;letter-spacing:-.5px;white-space:nowrap;font-size:clamp(24px,2.2vw,32px);font-weight:950}.descuentos-section{box-sizing:border-box;background:#2b374adb;border:1px solid #ffffff0d;border-radius:15px;min-height:clamp(105px,13vh,130px);padding:clamp(10px,1.1vw,15px)}.descuentos-section h3{color:#fff;text-align:center;margin:0 0 12px;font-size:16px;font-weight:850}.descuentos{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.descuento{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5fe6,#8b5cf6);border:none;border-radius:11px;min-width:68px;height:clamp(44px,5vh,50px);min-height:44px;padding:0 12px;font-size:16px;font-weight:900}.descuento.activo{box-shadow:0 0 0 2px #fff,0 0 14px #8b7cf699}.descuento.quitar{background:linear-gradient(135deg,#f97316,#ea580c)}.descuento:disabled{opacity:.45;cursor:not-allowed}.botones-finales{box-sizing:border-box;background:#2b374adb;border:1px solid #ffffff0d;border-radius:15px;flex-direction:column;justify-content:center;gap:9px;min-height:clamp(105px,13vh,130px);padding:clamp(9px,1vw,13px);display:flex}.boton-limpiar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#64748b,#7c899a);border:none;border-radius:11px;width:100%;min-height:46px;font-size:clamp(15px,1.15vw,17px);font-weight:850}.boton-cobrar{color:#052e16;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:13px;width:100%;min-height:clamp(54px,6.5vh,64px);font-size:clamp(18px,1.55vw,23px);font-weight:950;transition:all .2s;box-shadow:0 8px 20px #22c55e33}.boton-cobrar:hover{transform:translateY(-2px)}.boton-limpiar:disabled,.boton-cobrar:disabled{opacity:.42;cursor:not-allowed;transform:none}.mensaje-venta{text-align:center;color:#fff;background:#8b5cf624;border:1px solid #8b5cf652;border-radius:11px;grid-column:1/-1;padding:11px 15px;font-size:14px;font-weight:750}.productos-ticket{scrollbar-width:thin;scrollbar-color:#7065d8 #0f172a59}.productos-ticket::-webkit-scrollbar{width:7px}.productos-ticket::-webkit-scrollbar-track{background:#0f172a47}.productos-ticket::-webkit-scrollbar-thumb{background:#7065d8;border-radius:20px}.pago-overlay{z-index:1000;box-sizing:border-box;background:linear-gradient(145deg,#273449,#111827);border:1px solid #8b5cf673;border-radius:22px;width:min(500px,100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(16px,2vw,24px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #000000ad}.pago-overlay:before{content:"";z-index:-1;background:#000000b8;position:fixed;inset:-100vh}.pago-overlay-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pago-overlay-header h2{color:#fff;margin:0;font-size:clamp(20px,2vw,24px)}.cerrar-pago{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex-shrink:0;width:42px;height:42px;font-size:19px}.pago-overlay-contenido{background:#0f172aad;border-radius:16px;padding:clamp(13px,1.5vw,19px)}.pago-campo{flex-direction:column;gap:8px;margin-bottom:17px;display:flex}.pago-campo label{color:#cbd5e1;font-size:16px;font-weight:800}.pago-campo select,.pago-campo input{box-sizing:border-box;color:#1e293b;background:#e2e8f0;border:none;border-radius:11px;outline:none;width:100%;height:54px;padding:0 15px;font-size:17px;font-weight:700}.aviso-credito{color:#fef3c7;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;margin-bottom:15px;padding:13px;font-size:14px}.cambio-overlay{background:#4ade801f;border:1px solid #4ade804d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:16px;display:flex}.cambio-overlay span{color:#bbf7d0;font-size:15px;font-weight:850}.cambio-overlay strong{color:#4ade80;font-size:24px;font-weight:900}.total-pago{text-align:center;color:#fff;background:#8b5cf626;border-radius:12px;margin-top:18px;padding:16px;font-size:clamp(21px,2vw,25px);font-weight:950}.confirmar-cobro{color:#052e16;cursor:pointer;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:13px;width:100%;min-height:58px;margin-top:17px;font-size:20px;font-weight:950}.ticket-overlay{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ticket-modal{color:#222;background:#fff;border-radius:18px;flex-direction:column;max-width:95vw;max-height:92dvh;display:flex;overflow:hidden;box-shadow:0 25px 70px #00000080}.ticket-modal-80{width:390px}.ticket-modal-58{width:300px}.ticket-contenido{box-sizing:border-box;padding:25px;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}.ticket-logo{text-align:center;margin-bottom:5px;font-size:38px}.ticket-contenido h2{text-align:center;margin:0;font-size:23px;font-weight:800}.ticket-contenido h3{text-align:center;color:#666;margin:5px 0 10px;font-size:14px;font-weight:500}.ticket-separador{border-top:1px dashed #999;width:100%;margin:15px 0}.ticket-info{font-size:13px;line-height:1.6}.ticket-info p{margin:3px 0}.ticket-productos{flex-direction:column;gap:10px;display:flex}.ticket-producto{justify-content:space-between;align-items:flex-start;gap:15px;font-size:13px;display:flex}.ticket-producto>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ticket-producto small{color:#666;font-size:11px}.ticket-producto>strong{white-space:nowrap}.ticket-linea{justify-content:space-between;align-items:center;margin:7px 0;font-size:13px;display:flex}.ticket-total{border-top:2px solid #222;border-bottom:2px solid #222;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 0;font-size:20px;font-weight:800;display:flex}.ticket-deuda{text-align:center;color:#6b21a8;background:#f3e8ff;border-radius:10px;margin-top:15px;padding:12px;font-size:13px;font-weight:600}.ticket-gracias-final{text-align:center;color:#555;margin-top:20px;font-size:13px}.ticket-modal-58 .ticket-contenido{padding:18px}.ticket-modal-58 .ticket-logo{font-size:28px}.ticket-modal-58 .ticket-contenido h2{font-size:18px}.ticket-modal-58 .ticket-contenido h3{font-size:12px}.ticket-modal-58 .ticket-info,.ticket-modal-58 .ticket-producto,.ticket-modal-58 .ticket-linea{font-size:11px}.ticket-modal-58 .ticket-producto small{font-size:9px}.ticket-modal-58 .ticket-total{font-size:16px}.ticket-modal-58 .ticket-deuda{font-size:10px}.ticket-modal-58 .ticket-gracias-final{font-size:11px}.ticket-botones{background:#f3f4f6;border-top:1px solid #ddd;gap:10px;padding:15px;display:flex}.boton-imprimir-ticket,.boton-cerrar-ticket{cursor:pointer;border:none;border-radius:10px;flex:1;min-height:48px;font-size:14px;font-weight:700}.boton-imprimir-ticket{color:#fff;background:#22c55e}.boton-cerrar-ticket{color:#222;background:#e5e7eb}@media (width<=1250px){.ventas-page{padding:12px 14px}.venta-footer-fijo{grid-template-columns:1.2fr .9fr .8fr}}@media (width<=1000px){.ventas-page{height:auto;min-height:100dvh;padding:68px 12px 14px;overflow:hidden auto}.usuario-admin{display:none}.venta-card{flex:none;min-height:calc(100dvh - 100px);overflow:visible}.tabla-venta{min-height:300px}.venta-footer-fijo{grid-template-columns:repeat(2,minmax(0,1fr))}.resumen-venta{grid-column:1/-1}.botones-finales{flex-direction:row}.boton-limpiar,.boton-cobrar{flex:1}}@media (width<=760px){.ventas-page{padding:64px 10px 12px}.ventas-header{margin-bottom:9px}.ventas-titulo h1{font-size:25px}.cliente-row{gap:7px}.tabla-cabecera{display:none}.tabla-venta{min-height:260px;overflow:hidden}.productos-ticket{box-sizing:border-box;padding:8px}.fila-producto{background:#1e293bb8;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:1fr auto;grid-template-areas:"producto eliminar""precio precio""cantidad total";gap:10px 12px;min-height:auto;margin-bottom:8px;padding:13px;display:grid}.producto-info{grid-area:producto}.precio-producto{text-align:left;grid-area:precio}.precio-producto:before{content:"Precio: ";color:#94a3b8;font-size:13px;font-weight:600}.cantidad-control{grid-area:cantidad;justify-content:flex-start}.total-producto{text-align:right;grid-area:total;align-self:center}.total-producto:before{content:"Total: ";color:#94a3b8;font-size:13px;font-weight:600}.boton-eliminar{grid-area:eliminar}.venta-footer-fijo{grid-template-columns:1fr}.resumen-venta,.descuentos-section,.botones-finales{min-height:auto}.botones-finales{flex-direction:row}}@media (width<=560px){.ventas-page{padding:62px 7px 10px}.ventas-header{gap:8px}.ventas-titulo h1{font-size:22px}.ventas-titulo p{display:none}.venta-card{border-radius:14px;padding:8px}.buscador{height:48px;min-height:48px}.buscador-icon{margin-right:7px;font-size:18px}.buscador input{font-size:16px}.boton-scanner{width:40px;height:40px;font-size:18px}.cliente-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.cliente-row select{width:100%;height:44px;font-size:14px}.boton-nuevo-cliente{height:44px;padding:0 12px;font-size:13px}.tabla-venta{min-height:250px}.venta-vacia{min-height:230px}.productos-ticket{max-height:48dvh}.fila-producto{padding:11px}.producto-info strong{white-space:normal;font-size:15px}.cantidad-control button{width:40px;height:40px}.total-principal{align-items:flex-end}.total-principal span{font-size:15px}.total-principal strong{font-size:25px}.descuentos{gap:6px}.descuento{flex:1;min-width:0;height:46px;font-size:14px}.botones-finales{flex-direction:column}.boton-limpiar{min-height:48px}.boton-cobrar{min-height:60px;font-size:21px}.pago-overlay{border-radius:16px;width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:14px}.pago-overlay-contenido{padding:12px}.pago-campo select,.pago-campo input{height:50px;font-size:16px}.ticket-modal-80{width:min(390px,100vw - 18px)}.ticket-modal-58{width:min(300px,100vw - 18px)}}@media (height<=800px) and (width>=1001px){.ventas-page{padding:8px 14px}.ventas-header{margin-bottom:6px}.ventas-titulo h1{font-size:26px}.ventas-titulo p{margin-top:2px;font-size:12px}.usuario-admin{padding:6px 11px}.admin-icono{width:34px;height:34px}.venta-card{padding:9px}.buscador-section{margin-bottom:6px}.buscador{height:43px;min-height:43px}.boton-scanner{width:36px;height:36px}.cliente-row{margin-bottom:6px}.cliente-row select,.boton-nuevo-cliente{height:40px}.tabla-cabecera{min-height:42px}.fila-producto{min-height:58px}.venta-footer-fijo{margin-top:6px}.resumen-venta,.descuentos-section,.botones-finales{min-height:96px;padding:9px 12px}.resumen-linea{margin-bottom:4px}.total-principal{margin-top:5px;padding-top:6px}.total-principal strong{font-size:24px}.descuentos-section h3{margin-bottom:6px}.descuento{height:38px;min-height:38px}.boton-limpiar{min-height:36px}.boton-cobrar{min-height:46px;font-size:18px}}@media (width>=1600px) and (height>=900px){.ventas-page{padding:22px 28px}.ventas-header{margin-bottom:16px}.ventas-titulo h1{font-size:38px}.venta-card{padding:18px}.buscador{height:60px}.tabla-cabecera{min-height:58px}.fila-producto{min-height:82px}.resumen-venta,.descuentos-section,.botones-finales{min-height:135px}.boton-cobrar{min-height:66px;font-size:24px}}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.ticket-overlay,.ticket-overlay *{visibility:visible!important}.ticket-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.ticket-modal{height:auto!important;max-height:none!important;box-shadow:none!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.ticket-contenido{color:#000!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:auto!important;max-height:none!important;font-family:Arial,Helvetica,sans-serif!important;overflow:visible!important}.ticket-modal.ticket-modal-80{width:72mm!important;max-width:72mm!important}.ticket-modal.ticket-modal-80 .ticket-contenido{box-sizing:border-box!important;width:72mm!important;max-width:72mm!important;padding:3mm!important}.ticket-modal.ticket-modal-58{width:58mm!important;max-width:58mm!important}.ticket-modal.ticket-modal-58 .ticket-contenido{box-sizing:border-box!important;width:58mm!important;max-width:58mm!important;padding:3mm!important}.ticket-logo{color:#000!important;opacity:1!important;filter:grayscale()contrast(300%)!important;font-weight:900!important}.ticket-contenido h2{color:#000!important;font-weight:900!important}.ticket-contenido h3{color:#000!important;font-weight:700!important}.ticket-info,.ticket-info p{color:#000!important;opacity:1!important}.ticket-info strong{color:#000!important;font-weight:800!important}.ticket-producto{color:#000!important;opacity:1!important}.ticket-producto>div{min-width:0!important}.ticket-producto strong{color:#000!important;white-space:nowrap!important;font-weight:800!important}.ticket-producto small{color:#000!important;opacity:1!important;font-size:11px!important;font-weight:700!important}.ticket-linea{color:#000!important;opacity:1!important}.ticket-linea span,.ticket-linea strong{color:#000!important;font-weight:700!important}.ticket-total{color:#000!important;border-top:2px solid #000!important;border-bottom:2px solid #000!important;font-weight:900!important}.ticket-total span,.ticket-total strong{color:#000!important;white-space:nowrap!important;font-weight:900!important}.ticket-separador{opacity:1!important;border-color:#000!important}.ticket-gracias-final{color:#000!important;opacity:1!important;font-size:13px!important;font-weight:700!important}.ticket-deuda{color:#000!important;font-weight:700!important}.ticket-botones{display:none!important}@page{margin:0}}@media screen{.ventas-page{color:#25145a;background:radial-gradient(circle at 0 0,#8b5cf61f,#0000 35%),linear-gradient(135deg,#faf9ff 0%,#f6f3ff 45%,#fff 100%)}.ventas-titulo h1{color:#24105f}.ventas-titulo p{color:#7c6ac8}.usuario-admin{background:#ffffffe6;border:1px solid #e7e1fa;box-shadow:0 7px 22px #4c2d9114}.admin-icono{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.admin-info strong{color:#25145a}.admin-info span{color:#7b7096}.admin-flecha{color:#7659b5}.venta-card{background:#fffffff0;border:1px solid #ebe6f7;box-shadow:0 18px 45px #4c2d911a}.buscador{background:#f8f7fc;border:1px solid #ddd5f5;box-shadow:inset 0 1px 2px #1e143c08}.buscador-icon{color:#7c3aed}.buscador input{color:#25145a}.buscador input::placeholder{color:#8f87a8}.boton-scanner{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 15px #7c3aed38}.resultados-productos{background:#fff;border:1px solid #d8cef5;box-shadow:0 20px 40px #4c2d9129}.resultado-producto{color:#25145a;border-bottom:1px solid #eeeaf7}.resultado-producto:hover{background:#f5f1ff}.resultado-producto strong{color:#25145a}.resultado-producto small{color:#7c718f}.cliente-row select{color:#312052;background:#fff;border:1px solid #ded7f1;box-shadow:0 3px 10px #4c2d910a}.boton-nuevo-cliente{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 14px #7c3aed33}.tabla-venta{background:#fff;border:1px solid #e8e2f3;box-shadow:inset 0 0 0 1px #ffffff80}.tabla-cabecera{color:#fff;background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.carrito-grande{color:#7c3aed}.mensaje-principal{color:#28115f}.venta-vacia small{color:#716780}.fila-producto{border-bottom:1px solid #ece8f3}.fila-producto:hover{background:#faf8ff}.producto-info strong{color:#2b1850}.producto-info small{color:#7f748d}.precio-producto{color:#312052}.total-producto{color:#16a34a}.cantidad-control button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 5px 12px #7c3aed2e}.cantidad-control strong{color:#25145a}.resumen-venta{background:#fff;border:1px solid #e8e2f3;box-shadow:0 6px 18px #4c2d9112}.resumen-linea{color:#514663}.resumen-linea strong{color:#25145a}.total-principal{border-top:1px solid #e7e0f2}.total-principal span{color:#25145a}.total-principal strong{color:#22c55e}.descuentos-section{background:#fff;border:1px solid #e8e2f3;box-shadow:0 6px 18px #4c2d9112}.descuentos-section h3{color:#25145a}.descuento{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.descuento.activo{box-shadow:0 0 0 2px #7c3aed,0 0 14px #7c3aed40}.botones-finales{background:#fff;border:1px solid #e8e2f3;box-shadow:0 6px 18px #4c2d9112}.boton-limpiar{color:#6d28d9;background:linear-gradient(135deg,#f1edff,#e9e3ff);border:1px solid #ddd3fb}.boton-cobrar{color:#052e16;background:linear-gradient(135deg,#22c55e,#4ade80)}.mensaje-venta{color:#5b21b6;background:#f3eeff;border:1px solid #ddd2fa}.productos-ticket{scrollbar-color:#a78bfa #f3f0fa}.productos-ticket::-webkit-scrollbar-track{background:#f3f0fa}.productos-ticket::-webkit-scrollbar-thumb{background:#a78bfa}.pago-overlay{background:linear-gradient(145deg,#fff,#f8f5ff);border:1px solid #ddd2fa;box-shadow:0 30px 80px #2114464d}.pago-overlay:before{background:#1d12368c}.pago-overlay-header h2{color:#25145a}.pago-overlay-contenido{background:#f7f4ff;border:1px solid #e8e1f8}.pago-campo label{color:#493a63}.pago-campo select,.pago-campo input{color:#25145a;background:#fff;border:1px solid #ddd5ef}.total-pago{color:#5b21b6;background:#eee7ff}@media (width<=760px){.fila-producto{background:#fff;border:1px solid #e8e2f3;box-shadow:0 4px 12px #4c2d910d}.precio-producto:before,.total-producto:before{color:#827690}}}.usuario-menu-wrapper{flex-shrink:0;position:relative}.usuario-menu-wrapper .usuario-admin{appearance:none;text-align:left;cursor:pointer;margin:0;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.usuario-menu-wrapper .usuario-admin:hover{border-color:#d7ccf5;transform:translateY(-1px);box-shadow:0 8px 24px #4c2d911c}.admin-flecha{transition:transform .2s}.admin-flecha.abierta{transform:rotate(180deg)}.usuario-dropdown{z-index:500;box-sizing:border-box;background:#fff;border:1px solid #e8e2f3;border-radius:15px;width:245px;padding:8px;animation:.16s abrirMenuUsuario;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #311c5c2b}@keyframes abrirMenuUsuario{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.usuario-dropdown-cabecera{border-bottom:1px solid #eeeaf5;align-items:center;gap:10px;margin-bottom:6px;padding:10px 9px 12px;display:flex}.usuario-dropdown-avatar{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.usuario-dropdown-cabecera>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.usuario-dropdown-cabecera strong{color:#25145a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.usuario-dropdown-cabecera span{color:#817590;font-size:11px;font-weight:600}.usuario-dropdown-opcion{color:#35234f;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:43px;padding:0 11px;font-family:inherit;font-size:14px;font-weight:700;transition:background .18s,color .18s;display:flex}.usuario-dropdown-opcion:hover{color:#6d28d9;background:#f5f1ff}.usuario-dropdown-salir{color:#dc2626}.usuario-dropdown-salir:hover{color:#b91c1c;background:#fff1f2}@media (width<=1000px){.usuario-menu-wrapper{display:none}}.clientes-page,.clientes-page *,.clientes-page :before,.clientes-page :after{box-sizing:border-box}.clientes-page{color:#fff;width:100%;min-height:100%;padding:20px;overflow-x:hidden}.clientes-header{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-bottom:18px;display:flex}.clientes-header>div{min-width:0}.clientes-header h1{color:#fff;margin:0;font-size:clamp(27px,3vw,34px);font-weight:800;line-height:1.1}.clientes-header p{color:#bfc4dc;margin:5px 0 0;font-size:clamp(12px,1.1vw,14px);line-height:1.4}.clientes-card{background:linear-gradient(145deg,#354065f5,#1f253efa);border:1px solid #96a0cd59;border-radius:22px;width:100%;max-width:1250px;margin:0 auto;padding:18px;overflow:hidden;box-shadow:0 25px 60px #00000059}.clientes-toolbar{align-items:center;gap:12px;width:100%;margin-bottom:15px;display:flex}.clientes-buscador{background:#707ea38c;border:1px solid #bec3e159;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;height:54px;padding:0 15px;display:flex}.clientes-buscador span{flex-shrink:0;font-size:20px}.clientes-buscador input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:16px}.boton-nuevo-cliente-page{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a879ff,#7654f5);border:none;border-radius:14px;flex-shrink:0;min-height:54px;padding:0 21px;font-size:16px;font-weight:700;transition:all .18s}.boton-nuevo-cliente-page:hover{transform:translateY(-1px)}.cliente-formulario{background:#63719540;border:1px solid #bec3dc2e;border-radius:16px;width:100%;margin-bottom:18px;padding:18px}.cliente-formulario h2{margin:0 0 15px;font-size:18px}.cliente-form-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;width:100%;display:grid}.cliente-campo{flex-direction:column;gap:6px;min-width:0;display:flex}.cliente-campo label{color:#dce0ef;font-size:13px;font-weight:700}.cliente-campo input{color:#fff;background:#667797;border:1px solid #bcc1dc59;border-radius:12px;outline:none;width:100%;min-width:0;height:48px;padding:0 14px;font-size:15px}.boton-guardar-cliente{color:#fff;cursor:pointer;background:linear-gradient(135deg,#42e95a,#20bd43);border:none;border-radius:12px;min-width:130px;height:48px;padding:0 18px;font-size:15px;font-weight:800}.clientes-lista-header{justify-content:space-between;align-items:center;gap:12px;width:100%;margin:15px 0 10px;display:flex}.clientes-lista-header h2{margin:0;font-size:clamp(18px,2vw,20px)}.clientes-lista-header span{color:#bfc4dc;flex-shrink:0;font-size:14px}.clientes-tabla-contenedor{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b5cf6 #191f35bf;border:1px solid #a0aacd59;border-radius:16px;width:100%;max-height:clamp(300px,52vh,600px);overflow:auto}.clientes-tabla-contenedor::-webkit-scrollbar{width:8px;height:8px}.clientes-tabla-contenedor::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:20px}.clientes-tabla{border-collapse:collapse;color:#fff;background:#191f35bf;width:100%;min-width:760px}.clientes-tabla thead{z-index:10;background:#4f5876;position:sticky;top:0}.clientes-tabla th{text-align:left;white-space:nowrap;color:#fff;height:54px;padding:0 16px;font-size:15px;font-weight:800}.clientes-tabla td{white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff14;height:60px;padding:10px 16px;font-size:15px;overflow:hidden}.clientes-acciones{justify-content:flex-start;gap:8px;display:flex}.clientes-acciones button{cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:40px;font-size:17px;transition:all .2s}.boton-editar-cliente{color:#fff;background:linear-gradient(135deg,#9a78ff,#7255ef)}.boton-eliminar-cliente{color:#fff;background:linear-gradient(135deg,#ff654c,#f3452e)}.clientes-acciones button:hover{transform:scale(1.05)}.clientes-vacio{text-align:center;color:#bfc4dc;padding:45px!important}.clientes-vacio strong{color:#fff;margin-bottom:8px;font-size:18px;display:block}@media (width<=1100px){.clientes-page{padding:16px}.cliente-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boton-guardar-cliente{width:100%}}@media (width<=900px){.clientes-page{min-height:100dvh;padding:68px 12px 16px}.clientes-card{padding:15px}.cliente-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clientes-tabla-contenedor{max-height:50dvh}}@media (width<=600px){.clientes-page{padding:64px 8px 14px}.clientes-header{margin-bottom:14px}.clientes-header p{display:none}.clientes-card{border-radius:17px;padding:11px}.clientes-toolbar{flex-direction:column;align-items:stretch;gap:8px}.clientes-buscador{width:100%;height:48px}.clientes-buscador input{font-size:14px}.boton-nuevo-cliente-page{width:100%;min-height:48px;font-size:14px}.cliente-formulario{padding:13px}.cliente-form-grid{grid-template-columns:1fr}.boton-guardar-cliente{width:100%}.clientes-lista-header{align-items:flex-start}.clientes-lista-header span{font-size:12px}.clientes-tabla-contenedor{max-height:50dvh}.clientes-tabla{min-width:700px}.clientes-tabla th{height:48px;padding:0 12px;font-size:12px}.clientes-tabla td{height:54px;padding:8px 12px;font-size:12px}.clientes-acciones button{width:38px;height:38px}}@media (width<=380px){.clientes-page{padding:62px 6px 12px}.clientes-card{padding:9px}.cliente-formulario{padding:11px}.clientes-lista-header{flex-direction:column;align-items:flex-start;gap:4px}.clientes-tabla{min-width:660px}}@media (height<=800px) and (width>=901px){.clientes-page{padding:10px 14px}.clientes-header{margin-bottom:10px}.clientes-header h1{font-size:28px}.clientes-header p{margin-top:2px;font-size:12px}.clientes-card{padding:12px}.clientes-toolbar{margin-bottom:10px}.clientes-buscador,.boton-nuevo-cliente-page{height:44px;min-height:44px}.cliente-formulario{margin-bottom:10px;padding:12px}.cliente-campo input,.boton-guardar-cliente{height:41px}.clientes-lista-header{margin:10px 0 7px}.clientes-tabla-contenedor{max-height:clamp(220px,45vh,350px)}.clientes-tabla th{height:44px}.clientes-tabla td{height:50px}}.clientes-page{color:#25145a;background:radial-gradient(circle at 8% 0,#8b5cf61a,#0000 28%),linear-gradient(135deg,#faf9ff 0%,#f7f5ff 45%,#fff 100%)}.clientes-header h1{color:#24105f;font-size:clamp(30px,3vw,36px)}.clientes-header p{color:#756b8a;font-size:clamp(14px,1.1vw,16px)}.clientes-card{background:#fffffff7;border:1px solid #e9e3f4;box-shadow:0 18px 40px #4c2d911a}.clientes-buscador{background:#f8f7fc;border:1px solid #ddd5f5;box-shadow:inset 0 1px 2px #1e143c08}.clientes-buscador span{font-size:21px}.clientes-buscador input{color:#25145a;font-size:16px}.clientes-buscador input::placeholder{color:#8f87a8}.boton-nuevo-cliente-page{background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-size:16px;box-shadow:0 7px 16px #7c3aed33}.boton-nuevo-cliente-page:hover{box-shadow:0 10px 22px #7c3aed42}.cliente-formulario{background:linear-gradient(145deg,#fbfaff,#f6f2ff);border:1px solid #e5def5;box-shadow:0 7px 18px #4c2d910d}.cliente-formulario h2{color:#29145e;font-size:21px}.cliente-campo label{color:#514663;font-size:14px}.cliente-campo input{color:#25145a;background:#fff;border:1px solid #dcd4ef;font-size:16px;box-shadow:inset 0 1px 2px #1e143c08}.cliente-campo input::placeholder{color:#9a91aa}.cliente-campo input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.boton-guardar-cliente{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:16px;box-shadow:0 7px 16px #22c55e2e}.clientes-lista-header h2{color:#29145e;font-size:clamp(21px,2vw,24px)}.clientes-lista-header span{color:#746a83;font-size:15px;font-weight:700}.clientes-tabla-contenedor{scrollbar-color:#8b5cf6 #f0edf7;border:1px solid #e4def0;box-shadow:0 7px 18px #4c2d910d}.clientes-tabla-contenedor::-webkit-scrollbar-track{background:#f0edf7}.clientes-tabla-contenedor::-webkit-scrollbar-thumb{background:#8b5cf6}.clientes-tabla{color:#35225e;background:#fff}.clientes-tabla thead{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.clientes-tabla th{color:#fff;font-size:16px}.clientes-tabla td{color:#4a4058;border-top:1px solid #eeeaf3;font-size:16px}.clientes-tabla tbody tr:hover{background:#faf8ff}.boton-editar-cliente{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 5px 12px #7c3aed2e}.boton-eliminar-cliente{background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 5px 12px #ef444429}.clientes-vacio{color:#847990}.clientes-vacio strong{color:#29145e;font-size:20px}@media (width<=600px){.clientes-header h1{font-size:28px}.clientes-buscador input,.boton-nuevo-cliente-page{font-size:15px}.cliente-formulario h2{font-size:19px}.cliente-campo label{font-size:13px}.cliente-campo input{font-size:15px}.clientes-lista-header h2{font-size:20px}.clientes-tabla th,.clientes-tabla td{font-size:13px}}@media (height<=800px) and (width>=901px){.clientes-header h1{font-size:30px}.clientes-header p{font-size:13px}.clientes-tabla th,.clientes-tabla td{font-size:15px}}.clientes-page{background:radial-gradient(circle at 8% 0,#8b5cf614,#0000 30%),linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);min-height:100vh}.clientes-page:after{content:"";z-index:-1;background:linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);position:fixed;inset:0}.informes-page,.informes-page *,.informes-page :before,.informes-page :after{box-sizing:border-box}.informes-page{color:#33205f;background:linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);flex-direction:column;width:100%;max-width:1700px;height:100%;min-height:0;margin:0 auto;padding:18px;display:flex;overflow:hidden}.informes-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.informes-header>div{min-width:0}.informes-header h1{color:#5b21b6;margin:0;font-size:clamp(38px,3.8vw,46px);font-weight:900;line-height:1.05}.informes-header p{color:#766a8d;margin:7px 0 0;font-size:20px;font-weight:600}.informes-empresa-nombre{color:#8a8099;margin-top:7px;font-size:16px;font-weight:600;display:block}.informes-actualizar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:11px;flex-shrink:0;min-height:52px;padding:11px 23px;font-size:17px;font-weight:850;transition:transform .15s,box-shadow .15s;box-shadow:0 7px 18px #7c3aed2e}.informes-actualizar:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 9px 22px #7c3aed3b}.informes-actualizar:disabled{opacity:.55;cursor:not-allowed}.informes-mensaje{text-align:center;color:#5b21b6;background:#fff;border:1px solid #e7e1f0;border-radius:11px;flex-shrink:0;margin-bottom:17px;padding:14px 17px;font-size:19px;font-weight:800;box-shadow:0 7px 20px #4c2d910f}.informes-mensaje-ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.informes-mensaje-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.informes-stats{flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.informes-stat-card{text-align:center;background:#fff;border:1px solid #e7e1f0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:115px;padding:15px 10px;display:flex;box-shadow:0 7px 20px #4c2d910f}.informes-stat-card span{color:#655a73;white-space:normal;text-overflow:clip;min-width:0;font-size:17px;font-weight:700;line-height:1.25;display:block;overflow:visible}.informes-stat-card strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:8px;font-size:clamp(23px,2vw,29px);font-weight:900;line-height:1.1;display:block;overflow:hidden}.informes-purple{color:#7c3aed}.informes-green{color:#16a34a}.informes-orange{color:#ea580c}.informes-blue{color:#0284c7}.informes-filtros{background:#fff;border:1px solid #e7e1f0;border-radius:14px;flex-shrink:0;margin-bottom:17px;padding:14px;box-shadow:0 8px 22px #4c2d9112}.informes-filtros input{color:#33205f;background:#fff;border:1px solid #ddd5ee;border-radius:10px;outline:none;width:100%;min-width:0;height:50px;padding:0 17px;font-size:20px;font-weight:600}.informes-filtros input::placeholder{color:#9b92aa}.informes-filtros input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.informes-filtros-botones{flex-wrap:wrap;gap:9px;margin-top:11px;display:flex}.informes-filtros-botones button{color:#5b21b6;cursor:pointer;background:#ede9fe;border:none;border-radius:9px;min-height:42px;padding:8px 17px;font-size:17px;font-weight:800;transition:background .15s}.informes-filtros-botones button:hover{background:#ddd6fe}.informes-filtros-botones .informes-filtro-activo{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.informes-contenido{flex:1;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;min-height:0;display:grid;overflow:hidden}.informes-historial-card{background:#fff;border:1px solid #e7e1f0;border-radius:16px;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:18px;display:flex;overflow:hidden;box-shadow:0 10px 28px #4c2d9114}.informes-historial-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.informes-historial-header>div:first-child{min-width:0}.informes-historial-header h2{color:#33205f;margin:0;font-size:26px;font-weight:900}.informes-historial-header span{color:#8a8099;margin-top:5px;font-size:17px;font-weight:600;display:block}.informes-export-buttons{flex-shrink:0;gap:8px;display:flex}.informes-export-buttons button{color:#fff;cursor:pointer;border:none;border-radius:9px;min-height:43px;padding:8px 16px;font-size:17px;font-weight:850;transition:transform .15s,opacity .15s}.informes-export-buttons button:hover:not(:disabled){transform:translateY(-1px)}.informes-export-buttons button:first-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.informes-export-buttons button:last-child{background:linear-gradient(135deg,#22c55e,#16a34a)}.informes-export-buttons button:disabled{opacity:.45;cursor:not-allowed}.informes-tabla-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8b5cf6 #f1edfa;border:1px solid #eeeaf3;border-radius:11px;flex:1;width:100%;min-width:0;min-height:0;overflow:auto}.informes-tabla-scroll::-webkit-scrollbar{width:9px;height:9px}.informes-tabla-scroll::-webkit-scrollbar-track{background:#f1edfa}.informes-tabla-scroll::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px}.informes-tabla{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.informes-tabla thead{z-index:10;position:sticky;top:0}.informes-tabla th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(90deg,#7c3aed,#6d28d9);padding:14px 12px;font-size:17px;font-weight:900}.informes-tabla th:first-child{width:25%}.informes-tabla th:nth-child(2){width:35%}.informes-tabla th:nth-child(3){text-align:center;width:20%}.informes-tabla th:nth-child(4){text-align:right;width:20%}.informes-tabla td{color:#514663;vertical-align:middle;overflow-wrap:break-word;word-break:break-word;border-bottom:1px solid #eeeaf3;padding:14px 12px;font-size:17px;font-weight:600}.informes-tabla tbody tr{background:#fff}.informes-tabla tbody tr:nth-child(2n){background:#fcfbff}.informes-tabla tbody tr:hover{background:#f7f3ff}.informes-cliente-celda{font-weight:800;color:#33205f!important}.informes-pago-celda{text-align:center}.informes-pago-badge{color:#fff;white-space:nowrap;border-radius:8px;padding:7px 9px;font-size:15px;font-weight:850;display:inline-block}.informes-total-celda{text-align:right;white-space:nowrap;font-weight:900;color:#16a34a!important;font-size:18px!important}.informes-tabla-mensaje{text-align:center;height:210px;font-weight:600;color:#8a8099!important;padding:40px!important;font-size:17px!important}.informes-paginacion{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:13px;display:flex}.informes-paginacion button{color:#5b21b6;cursor:pointer;background:#ede9fe;border:none;border-radius:8px;min-width:38px;min-height:38px;padding:7px 12px;font-size:16px;font-weight:850}.informes-paginacion button:hover:not(:disabled){background:#ddd6fe}.informes-paginacion button:disabled{color:#b0a8bc;cursor:not-allowed;background:#f3f0f7}.informes-paginacion .informes-pagina-activa{color:#fff;background:#7c3aed}.informes-mostrando{text-align:center;color:#8a8099;flex-shrink:0;margin:10px 0 0;font-size:16px;font-weight:600}.informes-mas-vendidos{display:none!important}.informes-mas-vendidos h2{color:#ca8a04;margin:0;font-size:26px;font-weight:900}.informes-mas-vendidos>p{color:#8a8099;margin:7px 0 18px;font-size:17px;font-weight:600}.informes-producto-ranking{margin-bottom:18px}.informes-ranking-titulo{color:#514663;justify-content:space-between;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.informes-ranking-titulo span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.informes-ranking-titulo strong{color:#7c3aed;flex-shrink:0;font-size:18px}.informes-ranking-barra{background:#ede9fe;border-radius:10px;width:100%;height:8px;margin-top:9px;overflow:hidden}.informes-ranking-barra div{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:10px;height:100%}.informes-sin-productos{color:#8a8099;text-align:center;padding:24px 0;font-size:17px}@media (width<=1100px){.informes-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.informes-contenido{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.informes-page{height:100dvh;padding:68px 12px 14px}.informes-header h1{font-size:39px}.informes-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.informes-contenido{display:block;overflow:hidden auto}.informes-historial-card{height:auto;min-height:500px}}@media (width<=700px){.informes-header{align-items:flex-start}.informes-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.informes-historial-header{flex-direction:column;align-items:stretch}.informes-export-buttons{width:100%}.informes-export-buttons button{flex:1}}@media (width<=600px){.informes-page{height:auto;min-height:100dvh;padding:64px 8px 14px;overflow:hidden auto}.informes-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.informes-header h1{font-size:35px}.informes-header p{display:none}.informes-empresa-nombre{font-size:15px}.informes-actualizar{width:100%;min-height:50px;font-size:17px}.informes-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}.informes-stat-card{min-height:105px;padding:12px 8px}.informes-stat-card span{font-size:15px}.informes-stat-card strong{font-size:22px}.informes-filtros{margin-bottom:11px;padding:10px}.informes-filtros input{height:48px;font-size:17px}.informes-filtros-botones{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.informes-filtros-botones button{width:100%;min-height:41px;padding:7px 6px;font-size:15px}.informes-contenido{display:block;overflow:visible}.informes-historial-card{width:100%;height:auto;min-height:540px;padding:11px}.informes-historial-header h2{font-size:23px}.informes-historial-header span{font-size:15px}.informes-export-buttons button{min-height:43px;font-size:15px}.informes-tabla-scroll{min-height:320px;max-height:450px}.informes-tabla{min-width:720px}.informes-tabla th,.informes-tabla td{padding:10px 8px;font-size:14px}.informes-pago-badge{padding:5px 7px;font-size:13px}.informes-total-celda{font-size:15px!important}.informes-paginacion{gap:5px}.informes-paginacion button{min-height:36px;padding:6px 9px;font-size:14px}.informes-mostrando{font-size:14px}}@media (width<=380px){.informes-page{padding:62px 6px 12px}.informes-header h1{font-size:32px}.informes-stats,.informes-filtros-botones{grid-template-columns:1fr}.informes-tabla{min-width:690px}}@media (height<=800px) and (width>=901px){.informes-page{padding:10px 14px}.informes-header{margin-bottom:9px}.informes-header h1{font-size:36px}.informes-header p{font-size:17px}.informes-stats{gap:8px;margin-bottom:9px}.informes-stat-card{min-height:90px;padding:9px}.informes-stat-card span{font-size:15px}.informes-stat-card strong{margin-top:4px;font-size:22px}.informes-filtros{margin-bottom:9px;padding:9px}.informes-filtros input{height:43px;font-size:17px}.informes-filtros-botones{margin-top:7px}.informes-filtros-botones button{min-height:36px;padding:6px 12px;font-size:15px}.informes-historial-card{padding:12px}.informes-historial-header h2{font-size:23px}.informes-tabla th,.informes-tabla td{padding:9px 8px;font-size:15px}.informes-pago-badge{font-size:13px}.informes-paginacion button{min-height:33px;font-size:14px}}.configuracion-page,.configuracion-page *,.configuracion-page :before,.configuracion-page :after{box-sizing:border-box}.configuracion-page{color:#33205f;background:linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);width:100%;max-width:1500px;min-height:100%;margin:0 auto;padding:24px;overflow-x:hidden}.configuracion-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}.configuracion-header>div{min-width:0}.configuracion-header h1{color:#5b21b6;margin:0;font-size:clamp(38px,4vw,44px);font-weight:900;line-height:1.08}.configuracion-header p{color:#766a8d;margin:8px 0 0;font-size:19px;font-weight:600}.configuracion-card{background:#fff;border:1px solid #e7e1f0;border-radius:18px;width:100%;min-width:0;margin-bottom:20px;padding:24px;box-shadow:0 10px 28px #4c2d9114}.configuracion-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.configuracion-card-header>div{min-width:0}.configuracion-card-header h2{color:#33205f;margin:0;font-size:29px;font-weight:900}.configuracion-card-header p{color:#8a8099;margin:7px 0 0;font-size:17px;font-weight:600;line-height:1.5}.usuario-form{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:end;gap:16px;width:100%;min-width:0;display:grid}.usuario-campo{min-width:0}.usuario-campo label{color:#514663;margin-bottom:8px;font-size:16px;font-weight:850;display:block}.usuario-campo input,.usuario-campo select{color:#33205f;background:#fff;border:1px solid #ddd5ee;border-radius:10px;outline:none;width:100%;min-width:0;height:52px;padding:0 15px;font-size:19px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.usuario-campo input::placeholder{color:#9b92aa}.usuario-campo input:focus,.usuario-campo select:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61c}.usuario-campo input:disabled,.usuario-campo select:disabled{opacity:.65;cursor:not-allowed;background:#f5f3f7}.usuario-campo select{cursor:pointer}.usuario-campo select option{color:#33205f;background:#fff}.usuario-acciones{justify-content:flex-end;align-items:center;gap:10px;min-width:0;min-height:52px;display:flex}.btn-usuario-guardar,.btn-usuario-cancelar{cursor:pointer;white-space:nowrap;border:0;border-radius:10px;min-height:52px;padding:0 21px;font-size:17px;font-weight:850;transition:transform .15s,filter .15s,opacity .15s}.btn-usuario-guardar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 7px 18px #7c3aed33}.btn-usuario-cancelar{color:#5b21b6;background:#ede9fe;border:1px solid #ddd6fe}.btn-usuario-guardar:hover:not(:disabled),.btn-usuario-cancelar:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.btn-usuario-guardar:disabled,.btn-usuario-cancelar:disabled{opacity:.55;cursor:not-allowed;transform:none}.usuarios-lista{background:#fff;border:1px solid #e7e1f0;border-radius:18px;width:100%;min-width:0;overflow:hidden;box-shadow:0 10px 28px #4c2d9114}.usuarios-lista-header{justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:20px 22px;display:flex}.usuarios-lista-header>div{min-width:0}.usuarios-lista-header h2{color:#33205f;margin:0;font-size:29px;font-weight:900}.usuarios-lista-header p{color:#8a8099;margin:7px 0 0;font-size:17px;font-weight:600}.usuarios-lista-header strong{color:#5b21b6}.btn-actualizar-usuarios{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:0;border-radius:10px;flex-shrink:0;min-width:145px;min-height:48px;padding:0 18px;font-size:17px;font-weight:850;transition:transform .15s,filter .15s,opacity .15s;box-shadow:0 7px 18px #7c3aed2e}.btn-actualizar-usuarios:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.btn-actualizar-usuarios:disabled{opacity:.55;cursor:not-allowed;transform:none}.usuarios-tabla-contenedor{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8b5cf6 #f1edfa;width:100%;max-width:100%;overflow:auto hidden}.usuarios-tabla-contenedor::-webkit-scrollbar{height:9px}.usuarios-tabla-contenedor::-webkit-scrollbar-track{background:#f1edfa}.usuarios-tabla-contenedor::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:10px}.usuarios-tabla-contenedor::-webkit-scrollbar-thumb:hover{background:#7c3aed}.usuarios-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:980px}.usuarios-table th:first-child,.usuarios-table td:first-child{width:25%}.usuarios-table th:nth-child(2),.usuarios-table td:nth-child(2){width:30%}.usuarios-table th:nth-child(3),.usuarios-table td:nth-child(3){width:18%}.usuarios-table th:nth-child(4),.usuarios-table td:nth-child(4){width:27%}.usuarios-table thead th{color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#7c3aed,#6d28d9);border-top:none;border-bottom:1px solid #6d28d9;height:58px;padding:0 16px;font-size:17px;font-weight:900}.usuarios-table tbody td{color:#514663;text-align:center;vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #eeeaf3;height:72px;min-height:72px;padding:10px 16px;font-size:19px;font-weight:650;overflow:hidden}.usuarios-table tbody tr{background:#fff;transition:background .15s}.usuarios-table tbody tr:hover{background:#f7f3ff}.usuarios-table tbody tr:nth-child(2n){background:#fcfbff}.usuarios-table tbody tr:nth-child(2n):hover{background:#f7f3ff}.usuario-nombre{white-space:normal;overflow-wrap:anywhere;color:#33205f!important;font-size:19px!important;font-weight:850!important}.usuario-rol{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-width:130px;min-height:40px;padding:8px 14px;font-size:16px;font-weight:850;display:inline-flex}.usuario-rol.administrador{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.usuario-rol.cajero{color:#15803d;background:#dcfce7;border:1px solid #86efac}.usuario-tabla-acciones{flex-wrap:nowrap;justify-content:center;align-items:center;gap:9px;display:flex}.btn-editar-usuario,.btn-eliminar-usuario{color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:9px;min-width:108px;min-height:42px;padding:0 14px;font-size:16px;font-weight:850;transition:transform .15s,filter .15s,opacity .15s}.btn-editar-usuario{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 5px 14px #0284c72e}.btn-eliminar-usuario{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 5px 14px #ef44442e}.btn-editar-usuario:hover:not(:disabled),.btn-eliminar-usuario:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.btn-editar-usuario:disabled,.btn-eliminar-usuario:disabled{opacity:.45;cursor:not-allowed;transform:none}.usuarios-mensaje{font-weight:600;color:#8a8099!important;text-align:center!important;height:180px!important;font-size:19px!important}@media (width<=1100px){.configuracion-page{padding:18px}.usuario-form{grid-template-columns:repeat(2,minmax(0,1fr))}.usuario-acciones{grid-column:1/-1;justify-content:flex-end}}@media (width<=900px){.configuracion-page{min-height:100dvh;padding:68px 14px 18px}.configuracion-card{padding:20px}.configuracion-header h1{font-size:38px}.usuarios-table{min-width:920px}}@media (width<=650px){.configuracion-page{padding:64px 8px 14px}.configuracion-header{margin-bottom:16px}.configuracion-header h1{font-size:35px}.configuracion-header p{font-size:16px}.configuracion-card{border-radius:14px;margin-bottom:12px;padding:14px}.configuracion-card-header{margin-bottom:15px}.configuracion-card-header h2{font-size:25px}.configuracion-card-header p{font-size:16px}.usuario-form{grid-template-columns:1fr}.usuario-campo label{font-size:15px}.usuario-campo input,.usuario-campo select{height:50px;font-size:17px}.usuario-acciones{flex-direction:column;grid-column:1/-1;align-items:stretch;width:100%;min-height:auto}.btn-usuario-guardar,.btn-usuario-cancelar{width:100%;min-height:49px;font-size:16px}.usuarios-lista{border-radius:14px}.usuarios-lista-header{flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.usuarios-lista-header h2{font-size:25px}.usuarios-lista-header p{font-size:15px}.btn-actualizar-usuarios{width:100%;min-height:47px;font-size:16px}.usuarios-tabla-contenedor{width:100%;overflow-x:auto}.usuarios-table{min-width:850px}.usuarios-table thead th{height:50px;padding:0 11px;font-size:15px}.usuarios-table tbody td{height:62px;padding:8px 11px;font-size:16px}.usuario-nombre{font-size:16px!important}.btn-editar-usuario,.btn-eliminar-usuario{min-width:94px;min-height:38px;padding:0 10px;font-size:14px}.usuario-rol{min-width:115px;min-height:37px;font-size:14px}.usuarios-mensaje{font-size:16px!important}}@media (width<=450px){.configuracion-page{padding:62px 6px 12px}.configuracion-header h1{font-size:32px}.configuracion-header p{display:none}.configuracion-card{padding:12px}.configuracion-card-header h2{font-size:23px}.usuario-campo input,.usuario-campo select{height:48px;font-size:16px}.usuarios-lista-header{padding:12px}.usuarios-table{min-width:820px}}@media (height<=800px) and (width>=901px){.configuracion-page{padding:12px 16px}.configuracion-header{margin-bottom:12px}.configuracion-header h1{font-size:36px}.configuracion-header p{font-size:16px}.configuracion-card{margin-bottom:12px;padding:15px}.configuracion-card-header{margin-bottom:12px}.configuracion-card-header h2{font-size:24px}.configuracion-card-header p{font-size:15px}.usuario-campo label{font-size:14px}.usuario-campo input,.usuario-campo select{height:43px;font-size:16px}.usuario-acciones{min-height:43px}.btn-usuario-guardar,.btn-usuario-cancelar{min-height:43px;font-size:15px}.usuarios-lista-header{min-height:70px;padding:12px 16px}.usuarios-lista-header h2{font-size:24px}.usuarios-table thead th{height:47px;font-size:15px}.usuarios-table tbody td{height:58px;font-size:16px}.usuario-nombre{font-size:16px!important}.usuario-rol,.btn-editar-usuario,.btn-eliminar-usuario{font-size:14px}}.compras-page{box-sizing:border-box;color:#fff;width:100%;max-width:1700px;height:auto;min-height:100%;margin:0 auto;padding:24px;overflow-x:hidden}.compras-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:22px;display:flex}.compras-titulo{align-items:center;gap:16px;min-width:0;display:flex}.compras-icono-principal{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex;box-shadow:0 10px 25px #2563eb59}.compras-titulo h1{color:#fff;margin:0;font-size:clamp(27px,3vw,38px);font-weight:800;line-height:1.1}.compras-titulo p{color:#b8c1d9;margin:5px 0 0;font-size:clamp(12px,1.2vw,15px);line-height:1.4}.btn-abrir-compra{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;flex-shrink:0;min-height:48px;padding:12px 22px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px #2563eb59}.btn-abrir-compra:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb73}.btn-abrir-compra span{margin-right:6px;font-size:20px}.compras-resumen{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;width:100%;margin-bottom:20px;display:grid}.compra-resumen-card{box-sizing:border-box;background:linear-gradient(145deg,#244d72,#1e405f);border:1px solid #38698f;border-radius:17px;align-items:center;gap:15px;min-width:0;min-height:105px;padding:17px;display:flex;box-shadow:0 10px 25px #00000038}.compra-resumen-icono{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:25px;display:flex}.compra-resumen-card.azul .compra-resumen-icono{background:#38bdf8}.compra-resumen-card.amarillo .compra-resumen-icono{background:#fbbf24}.compra-resumen-card.verde .compra-resumen-icono{background:#4ade80}.compra-resumen-card>div:last-child{min-width:0}.compra-resumen-card span{color:#d8e2f1;margin-bottom:6px;font-size:13px;display:block}.compra-resumen-card strong{color:#fff;text-overflow:ellipsis;font-size:clamp(19px,2vw,26px);font-weight:800;display:block;overflow:hidden}.compras-error{box-sizing:border-box;color:#fecaca;background:#ef444426;border:1px solid #ef444466;border-radius:12px;width:100%;margin-bottom:18px;padding:13px 16px;font-size:14px}.nueva-compra-card{box-sizing:border-box;background:linear-gradient(145deg,#244d72,#1e405f);border:1px solid #38698f;border-radius:20px;width:100%;margin-bottom:20px;padding:22px;animation:.2s aparecerCompra;box-shadow:0 12px 30px #00000040}@keyframes aparecerCompra{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.seccion-titulo{justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:20px;display:flex}.seccion-titulo>div{min-width:0}.seccion-titulo h2{color:#fff;margin:0;font-size:clamp(20px,2vw,24px)}.seccion-titulo p{color:#b8c7d9;margin:6px 0 0;font-size:13px;line-height:1.4}.btn-cerrar-compra{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;flex-shrink:0;width:40px;height:40px;font-size:25px}.compra-formulario{box-sizing:border-box;grid-template-columns:minmax(160px,1.2fr) minmax(160px,1.2fr) minmax(90px,.65fr) minmax(135px,.9fr) minmax(145px,.9fr) minmax(145px,.9fr);align-items:end;gap:14px;width:100%;display:grid}.compra-campo{min-width:0}.compra-campo label{color:#dce6f5;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.compra-campo input,.compra-campo select{box-sizing:border-box;color:#fff;background:#172f49;border:1px solid #486783;border-radius:11px;outline:none;width:100%;min-width:0;height:46px;padding:0 13px;font-size:14px}.campo-dinero{box-sizing:border-box;background:#172f49;border:1px solid #486783;border-radius:11px;align-items:center;width:100%;height:46px;display:flex;overflow:hidden}.campo-dinero span{color:#fbbf24;flex-shrink:0;padding-left:13px;font-weight:800}.campo-dinero input{flex:1;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;height:44px!important}.compra-total{box-sizing:border-box;background:#22c55e26;border:1px solid #22c55e59;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;min-height:46px;padding:7px 13px;display:flex}.compra-total strong{color:#4ade80;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,1.4vw,18px);overflow:hidden}.producto-info-compra{box-sizing:border-box;background:#0f172a59;border:1px solid #365b78;border-radius:13px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:14px;display:grid}.producto-info-compra div{flex-direction:column;gap:4px;min-width:0;display:flex}.producto-info-compra strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.compra-acciones{grid-column:1/-1;justify-content:flex-end;gap:10px;width:100%;margin-top:4px;display:flex}.btn-compra-cancelar,.btn-compra-guardar{box-sizing:border-box;cursor:pointer;border:none;border-radius:11px;min-width:145px;min-height:46px;padding:10px 16px;font-weight:800}.btn-compra-guardar:hover{transform:translateY(-1px)}.btn-compra-cancelar:disabled,.btn-compra-guardar:disabled{opacity:.6;cursor:not-allowed}.historial-compras{box-sizing:border-box;background:linear-gradient(145deg,#244d72,#1e405f);border:1px solid #38698f;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 12px 30px #00000040}.historial-header{box-sizing:border-box;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:95px;padding:18px 22px;display:flex}.historial-header>div:first-child{min-width:0}.historial-header h2{color:#fff;margin:0;font-size:clamp(19px,2vw,24px)}.historial-header p{color:#b8c7d9;margin:5px 0 0;font-size:13px}.historial-buscador{box-sizing:border-box;background:#172f49;border:1px solid #456680;border-radius:12px;flex-shrink:0;align-items:center;gap:9px;width:min(300px,100%);height:44px;padding:0 12px;display:flex}.historial-buscador span{flex-shrink:0;font-size:17px}.historial-buscador input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.historial-buscador button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:21px}.historial-scroll{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4f8fc4 #172f49;border-top:1px solid #3d6684;border-bottom:1px solid #3d6684;width:100%;height:clamp(240px,34vh,360px);overflow:auto}.historial-scroll::-webkit-scrollbar{width:8px;height:8px}.historial-scroll::-webkit-scrollbar-thumb{background:#4f8fc4;border-radius:10px}.compras-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:850px}.compras-table thead{z-index:10;position:sticky;top:0}.compras-table th{box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#f1f7ff;background:#397da5;border-bottom:1px solid #5794b8;height:52px;padding:0 10px;font-size:13px;font-weight:800;overflow:hidden}.compras-table td{box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#e6eef7;background:#214b6d;border-bottom:1px solid #6d97b538;height:58px;padding:9px 10px;font-size:13px;overflow:hidden}.compras-table th:first-child,.compras-table td:first-child{width:18%}.compras-table th:nth-child(2),.compras-table td:nth-child(2),.compras-table th:nth-child(3),.compras-table td:nth-child(3){width:16%}.compras-table th:nth-child(4),.compras-table td:nth-child(4){width:10%}.compras-table th:nth-child(5),.compras-table td:nth-child(5){width:13%}.compras-table th:nth-child(6),.compras-table td:nth-child(6){width:14%}.compras-table th:nth-child(7),.compras-table td:nth-child(7){width:13%}.cantidad-compra{color:#fff;background:#4b9bd0;border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:32px;padding:0 9px;font-weight:800;display:inline-flex}.total-compra-tabla{color:#fbbf24;font-size:14px}.pago-badge{color:#e2e8f0;font-size:12px}.compras-tabla-mensaje{text-align:center!important;color:#aebfd0!important;height:120px!important;font-size:14px!important}.historial-footer{color:#b9cadb;align-items:center;gap:7px;min-height:52px;padding:0 22px;font-size:13px;display:flex}@media (width<=1300px){.compras-page{padding:18px}.compras-header{margin-bottom:18px}.compras-resumen{gap:12px;margin-bottom:16px}.compra-resumen-card{min-height:95px;padding:14px}.compra-resumen-icono{width:48px;height:48px;font-size:23px}.compra-formulario{grid-template-columns:repeat(3,minmax(0,1fr))}.compra-total{min-height:46px}}@media (width<=1000px){.compras-resumen{grid-template-columns:repeat(3,minmax(0,1fr))}.compra-formulario{grid-template-columns:repeat(2,minmax(0,1fr))}.producto-info-compra{grid-template-columns:repeat(3,minmax(0,1fr))}.historial-scroll{height:clamp(260px,38vh,380px)}}@media (width<=900px){.compras-page{width:100%;min-height:100dvh;padding:68px 12px 18px;overflow-x:hidden}.compras-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.compras-titulo{gap:12px}.compras-icono-principal{border-radius:15px;width:52px;height:52px;font-size:24px}.btn-abrir-compra{width:100%}.compras-resumen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compra-resumen-card{gap:9px;min-height:90px;padding:11px}.compra-resumen-icono{border-radius:12px;width:42px;height:42px;font-size:20px}.compra-resumen-card span{font-size:11px}.compra-resumen-card strong{font-size:17px}.nueva-compra-card{border-radius:16px;padding:16px}.compra-formulario{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.historial-header{flex-direction:column;align-items:stretch;min-height:auto;padding:15px}.historial-buscador{width:100%}.historial-scroll{height:360px;max-height:45dvh;overflow:auto}.compras-table{min-width:820px}}@media (width<=600px){.compras-page{padding:64px 8px 14px}.compras-titulo p{display:none}.compras-icono-principal{border-radius:13px;width:45px;height:45px;font-size:21px}.compras-resumen{grid-template-columns:1fr;gap:8px}.compra-resumen-card{min-height:72px;padding:10px 13px}.compra-resumen-icono{width:42px;height:42px}.compra-resumen-card strong{font-size:19px}.seccion-titulo{align-items:flex-start}.seccion-titulo p{font-size:12px}.compra-formulario,.producto-info-compra{grid-template-columns:1fr}.compra-acciones{grid-template-columns:1fr 1fr;display:grid}.btn-compra-cancelar,.btn-compra-guardar{width:100%;min-width:0}.historial-compras{border-radius:16px}.historial-header{padding:14px}.historial-header p{font-size:12px}.historial-scroll{height:340px;max-height:48dvh}.compras-table{min-width:760px}.compras-table th{height:48px;font-size:11px}.compras-table td{height:54px;font-size:11px}.fecha-compra,.pago-badge{font-size:10px}.cantidad-compra{min-width:32px;height:29px;padding:0 6px}.historial-footer{padding:0 14px}}@media (width<=380px){.compras-page{padding:62px 6px 12px}.compras-titulo h1{font-size:23px}.btn-abrir-compra{min-height:44px;padding:9px 12px;font-size:13px}.nueva-compra-card{padding:12px}.compra-campo input,.compra-campo select,.campo-dinero{height:44px}.compra-acciones{grid-template-columns:1fr}.historial-scroll{height:310px}}@media (height<=800px) and (width>=901px){.compras-page{padding:12px 16px}.compras-header{margin-bottom:11px}.compras-icono-principal{width:48px;height:48px;font-size:22px}.compras-titulo h1{font-size:28px}.compras-titulo p{font-size:12px}.btn-abrir-compra{min-height:42px;padding:9px 17px}.compras-resumen{margin-bottom:11px}.compra-resumen-card{min-height:75px;padding:9px 12px}.compra-resumen-icono{width:40px;height:40px;font-size:19px}.compra-resumen-card span{margin-bottom:3px;font-size:11px}.compra-resumen-card strong{font-size:18px}.nueva-compra-card{margin-bottom:12px;padding:14px}.seccion-titulo{margin-bottom:12px}.compra-campo input,.compra-campo select,.campo-dinero{height:40px}.campo-dinero input{height:38px!important}.compra-total{min-height:40px}.historial-header{min-height:68px;padding:10px 16px}.historial-scroll{height:clamp(210px,31vh,280px)}.compras-table th{height:43px}.compras-table td{height:50px}.historial-footer{min-height:42px;padding:0 16px}}.compras-page *,.compras-page :before,.compras-page :after{box-sizing:border-box}.compras-page{color:#25145a;background:radial-gradient(circle at 8% 0,#8b5cf617,#0000 30%),linear-gradient(135deg,#faf9ff 0%,#f7f5ff 50%,#fff 100%);min-height:100vh}.compras-titulo h1{color:#29145e;font-size:clamp(30px,3vw,38px);font-weight:900}.compras-titulo p{color:#756b83;font-size:clamp(13px,1.2vw,15px)}.compras-icono-principal,.btn-abrir-compra{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #7c3aed33}.btn-abrir-compra{font-size:15px}.compra-resumen-card{background:#fff;border:1px solid #e7e1f0;box-shadow:0 10px 26px #4c2d9114}.compra-resumen-card span{color:#655a73;font-size:14px;font-weight:700}.compra-resumen-card strong{color:#29145e;font-weight:900}.compra-resumen-card.azul strong{color:#2563eb}.compra-resumen-card.amarillo strong{color:#d97706}.compra-resumen-card.verde strong{color:#16a34a}.compras-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.nueva-compra-card{background:#fff;border:1px solid #e7e1f0;box-shadow:0 12px 28px #4c2d9114}.seccion-titulo h2{color:#29145e;font-size:clamp(21px,2vw,25px);font-weight:900}.seccion-titulo p{color:#756b83;font-size:14px}.btn-cerrar-compra{color:#fff;background:#ef6358}.btn-cerrar-compra:hover{background:#dc2626}.compra-campo label{color:#514663;font-size:14px;font-weight:800}.compra-campo input,.compra-campo select{color:#25145a;background:#fff;border:1px solid #ddd5ee;font-size:14px}.compra-campo input::placeholder{color:#9a91aa}.compra-campo input:focus,.compra-campo select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.compra-campo select option{color:#25145a;background:#fff}.campo-dinero{background:#fff;border:1px solid #ddd5ee}.campo-dinero span{color:#6d28d9}.compra-total{background:#f0fdf4;border:1px solid #bbf7d0}.compra-total span{color:#5f6f63;font-size:12px}.compra-total strong{color:#16a34a;font-weight:900}.producto-info-compra{background:#f8f6ff;border:1px solid #ded7ef}.producto-info-compra span{color:#756b83;font-size:13px}.producto-info-compra strong{color:#342257;font-size:15px}.stock-despues{color:#16a34a!important}.btn-compra-cancelar{color:#514663;background:#eeeaf5}.btn-compra-guardar{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 7px 18px #16a34a29}.historial-compras{background:#fff;border:1px solid #e7e1f0;box-shadow:0 12px 28px #4c2d9114}.historial-header h2{color:#29145e;font-size:clamp(21px,2vw,25px);font-weight:900}.historial-header p{color:#756b83;font-size:14px}.historial-buscador{background:#fff;border:1px solid #ddd5ee;box-shadow:0 4px 14px #4c2d910d}.historial-buscador input{color:#25145a;font-size:14px}.historial-buscador input::placeholder{color:#9a91aa}.historial-buscador button{color:#6d28d9}.historial-scroll{scrollbar-color:#8b5cf6 #f0edf7;border-top:1px solid #eeeaf3;border-bottom:1px solid #eeeaf3}.historial-scroll::-webkit-scrollbar-track{background:#f0edf7}.historial-scroll::-webkit-scrollbar-thumb{background:#8b5cf6}.historial-scroll::-webkit-scrollbar-thumb:hover{background:#7c3aed}.compras-table th{color:#fff;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-bottom:1px solid #ffffff2e;font-size:14px;font-weight:900}.compras-table td{color:#514663;background:#fff;border-bottom:1px solid #eeeaf3;font-size:14px;font-weight:600}.compras-table tbody tr:nth-child(2n) td{background:#fbfaff}.compras-table tbody tr:hover td{background:#f5f1ff}.fecha-compra{color:#6f657c;font-size:13px}.texto-fuerte{font-weight:850;color:#342257!important}.cantidad-compra{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe;font-weight:900}.total-compra-tabla{color:#d97706;font-size:15px;font-weight:900}.pago-badge{color:#514663;font-size:13px;font-weight:700}.compras-tabla-mensaje{color:#81768e!important;font-size:15px!important}.historial-footer{color:#756b83;font-size:14px}.historial-footer strong{color:#6d28d9;font-size:15px}@media (height<=800px) and (width>=901px){.compras-titulo h1{font-size:30px}.compras-titulo p{font-size:13px}.compra-resumen-card span{font-size:12px}.compra-resumen-card strong{font-size:19px}.seccion-titulo h2,.historial-header h2{font-size:21px}.compras-table th,.compras-table td{font-size:13px}}@media (width<=600px){.compras-titulo h1{font-size:28px}.compra-resumen-card span{font-size:12px}.compra-resumen-card strong{font-size:18px}.compra-campo label{font-size:13px}.compra-campo input,.compra-campo select{font-size:14px}.compras-table th,.compras-table td{font-size:12px}.fecha-compra,.pago-badge{font-size:11px}}