body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--accent-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--success-color:#22c55e;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);font-size:14px;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.main-content{flex:1 1;padding:2rem 0}.hero-section{background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;border-radius:var(--border-radius-lg);color:#fff;margin-bottom:2rem;padding:2rem 0;text-align:center}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.hero-section .subtitle{font-size:1.25rem;margin-bottom:.5rem;opacity:.9}.hero-section .description{font-size:1rem;margin:0 auto;max-width:600px;opacity:.8}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;min-height:40px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-calcular{background-color:#2563eb;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;padding:.875rem 2rem}.btn-calcular:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-limpiar{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary)}.btn-limpiar:hover{background-color:#e2e8f0;background-color:var(--border-color)}.card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background-color:#f8fafc;background-color:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.card-body,.card-header{padding:1.5rem}.loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--border-radius);color:#ef4444;color:var(--error-color);margin:1rem 0;padding:1rem}.error h3{margin-bottom:.5rem}.sin-resultados{background:#fff;background:var(--bg-primary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);color:#64748b;color:var(--text-secondary);padding:3rem;text-align:center}.sin-resultados h3{color:#1e293b;color:var(--text-primary);margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}@media (max-width:768px){.hero-section h1{font-size:2rem}.hero-section .subtitle{font-size:1rem}.container{padding:0 .5rem}.main-content{padding:1rem 0}}html{scroll-behavior:smooth}::selection{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.comision-calculator{margin:0 auto;max-width:1000px}.calculator-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.calculator-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.calculator-header p{font-size:1.1rem;opacity:.9}.filtros-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.filtros-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.campo{display:flex;flex-direction:column;gap:.5rem}.campo label{color:#374151;font-size:.875rem;font-weight:600}.campo input,.campo select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.campo input:focus,.campo select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.botones{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.resumen{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;margin-bottom:2rem;padding:1.5rem}.resumen h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.resumen-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.resumen-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.resumen-item.destacado{background:#fff3;border:1px solid #ffffff4d;font-weight:600}.resumen-item .label{font-size:.875rem;opacity:.9}.resumen-item .valor{font-size:1rem;font-weight:600}.resultados{margin-top:2rem}.resultados h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.comision-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.comision-card:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.comision-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.comision-header h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.comision-header .email{color:#6b7280;font-size:.875rem}.comision-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.stat{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat.destacado{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:#f59e0b;font-weight:600}.stat .label{color:#6b7280;font-size:.875rem;font-weight:500}.stat .valor{color:#1f2937;font-weight:600}.ventas-detalle{margin-top:1rem}.ventas-detalle summary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem;transition:all .2s}.ventas-detalle summary:hover{background:#e5e7eb}.ventas-detalle[open] summary{background:#3b82f6;border-color:#3b82f6;color:#fff}.ventas-lista{border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;overflow:hidden}.venta-item{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;transition:background-color .2s}.venta-item:last-child{border-bottom:none}.venta-item:hover{background-color:#f9fafb}.venta-info{grid-gap:1rem;align-items:center;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:100px 1fr 1fr 100px}.venta-info .fecha{color:#374151;font-weight:500}.venta-info .cliente,.venta-info .producto{color:#6b7280}.venta-info .monto{color:#059669;font-weight:600;text-align:right}@media (max-width:768px){.filtros-grid{gap:1rem;grid-template-columns:1fr}.botones{align-items:stretch;flex-direction:column}.comision-stats,.resumen-grid,.venta-info{grid-template-columns:1fr}.venta-info{gap:.5rem}.venta-info .monto{text-align:left}.calculator-header h2{font-size:1.5rem}}@media (max-width:480px){.comision-card,.filtros-form{padding:1rem}.calculator-header{padding:1.5rem}}.reglas-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.reglas-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.reglas-descripcion{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem}.reglas-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.regla-card{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:8px;padding:1rem;transition:all .2s}.regla-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.regla-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.regla-nombre{color:#1f2937;font-size:.9rem;font-weight:600}.regla-porcentaje{font-size:1.1rem;font-weight:700}.regla-rango{color:#6b7280;font-size:.85rem;font-weight:500}.sistema-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin-top:1rem;padding:1rem}.sistema-info p{color:#1e40af;font-size:.9rem;margin:0}.nota-calculo{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-top:1rem;padding:.75rem}.nota-calculo p{color:#92400e;font-size:.875rem;margin:0}@media (max-width:768px){.reglas-grid{grid-template-columns:1fr}.reglas-info{padding:1.5rem}.regla-header{align-items:flex-start;flex-direction:column;gap:.25rem}}.header{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 6px -1px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.logo-section{display:flex;flex-direction:column;gap:.25rem}.logo{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin:0}.logo-icon{animation:pulse 2s infinite;font-size:2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tagline{color:#cbd5e1;font-size:.875rem;font-weight:400;margin:0}.header-info{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.tecnologias{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s}.tech-tag:hover{background:#fff3;transform:translateY(-1px)}.estado,.estado-servidor{align-items:center;display:flex}.estado{border:1px solid #0000;border-radius:20px;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem;transition:all .2s}.estado.conectado{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.estado.desconectado{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.estado.verificando{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.nav{border-top:1px solid #ffffff1a;margin-top:.5rem;padding:.75rem 0}.nav-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.nav-info span{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-info{align-items:center}.logo{font-size:1.5rem}.tecnologias{justify-content:center}.nav-info{font-size:.75rem;gap:1rem}}@media (max-width:480px){.nav-info{flex-direction:column;gap:.5rem}.tecnologias{gap:.25rem}.tech-tag{font-size:.625rem;padding:.125rem .5rem}}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid #ffffff1a;color:#fff;margin-top:auto}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem 0}.footer-section h3{color:#f1f5f9;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.core-features{display:flex;flex-direction:column;gap:.5rem}.feature{align-items:center;color:#94a3b8;font-size:.875rem}.endpoints,.feature{display:flex;gap:.5rem}.endpoints{flex-direction:column}.endpoint-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;text-align:left;transition:all .2s}.endpoint-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateX(4px)}.mvc-info{display:flex;flex-direction:column;gap:.75rem}.mvc-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.mvc-layer{color:#22c55e;font-size:.875rem;font-weight:600}.mvc-desc{color:#cbd5e1;font-size:.875rem}.tech-stack{gap:.75rem}.tech-category,.tech-stack{display:flex;flex-direction:column}.tech-category{gap:.25rem}.category-title{color:#3b82f6;font-size:.875rem;font-weight:600}.tech-list{color:#cbd5e1;font-size:.875rem;padding-left:1rem}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 0}.footer-info p{color:#94a3b8;font-size:.875rem;margin:0}.footer-info strong{color:#f1f5f9;font-weight:600}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links span{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;gap:.25rem}.contact{color:#3b82f6!important;font-weight:500}.version{background:#ffffff1a;border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status{color:#22c55e!important;font-weight:500}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem 0}.footer-section,.mvc-item{text-align:center}.mvc-item{flex-direction:column;gap:.25rem}.endpoint-btn,.footer-bottom{text-align:center}.footer-bottom{flex-direction:column;gap:1rem}.footer-links{gap:1rem;justify-content:center}}@media (max-width:480px){.footer-links{flex-direction:column;gap:.5rem}.core-features,.endpoints,.mvc-info,.tech-stack{gap:.5rem}.footer-content{padding:1rem 0}}
/*# sourceMappingURL=main.76907b3c.css.map*/