@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;min-height:100vh}code{background:#fff3;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.2em .4em}:root{--color-principal:#333;--color-secundario:#666;--color-fondo:#f5f5f5;--color-blanco:#fff;--color-borde:#ddd}*{box-sizing:border-box;margin:0;padding:0}.App{background:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:900px;padding:0 20px}.main-content{flex:1 1;padding:20px 0}.btn{background:#fff;background:var(--color-blanco);border:1px solid #ddd;border:1px solid var(--color-borde);color:#333;color:var(--color-principal);cursor:pointer;display:inline-block;font-family:Arial,sans-serif;font-size:14px;font-weight:400;padding:8px 16px;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-calcular{background:#333;background:var(--color-principal);border-color:#333;border-color:var(--color-principal);color:#fff;font-size:14px;padding:10px 20px}.btn-calcular:hover:not(:disabled){background:#555}.btn-limpiar{background:#f5f5f5;background:var(--color-fondo);border:1px solid #ddd;border:1px solid var(--color-borde);color:#333;color:var(--color-principal)}.btn-limpiar:hover,.card{background:#fff;background:var(--color-blanco)}.card{border:1px solid #ddd;border:1px solid var(--color-borde)}.card-header{background:#f5f5f5;background:var(--color-fondo);border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-borde);padding:15px}.card-body{padding:15px}.loading{align-items:center;color:#666;color:var(--color-secundario);display:flex;flex-direction:column;gap:15px;padding:30px}.spinner{animation:girar 1s linear infinite;border:3px solid #ddd;border-top:3px solid #333;border:3px solid var(--color-borde);border-radius:50%;border-top-color:var(--color-principal);height:30px;width:30px}@keyframes girar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:#ffe6e6;border:1px solid #f99;color:#c00;margin:15px 0;padding:15px}.error h3{font-weight:400;margin-bottom:8px}.sin-resultados{background:#fff;background:var(--color-blanco);border:1px dashed #ddd;border:1px dashed var(--color-borde);color:#666;color:var(--color-secundario);padding:40px 20px;text-align:center}.sin-resultados h3{color:#333;color:var(--color-principal);font-size:1.2rem;font-weight:400;margin-bottom:10px}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}@media (max-width:768px){.container{padding:0 10px}.main-content{padding:10px 0}.btn{font-size:12px;padding:6px 12px}.btn-calcular{font-size:14px;padding:8px 16px}}.comision-calculator{margin:0 auto;max-width:800px;padding:20px}.calculator-header{background:#f9f9f9;border:1px solid #ddd;margin-bottom:40px;padding:20px;text-align:center}.calculator-header h2{color:#333;font-size:1.8rem;font-weight:400;margin-bottom:10px}.calculator-header p{color:#666;font-size:1rem;font-weight:400}.filtros-form{background:#fff;border:1px solid #ddd;margin-bottom:30px;padding:20px}.filtros-grid{display:block;margin-bottom:20px}.campo{margin-bottom:15px}.campo label{color:#333;display:block;font-size:14px;font-weight:400;margin-bottom:5px}.campo input,.campo select{background-color:#fff;border:1px solid #ccc;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.campo input:focus,.campo select:focus{border-color:#666;outline:none}.campo input::placeholder{color:#999}.botones{display:block;text-align:center}.resumen{background:#f0f0f0;border:1px solid #ddd;color:#333;margin-bottom:30px;padding:20px}.resumen h3{font-size:1.3rem;font-weight:400;margin-bottom:15px;text-align:left}.resumen-grid{display:block}.resumen-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:8px 0}.resumen-item:last-child{border-bottom:none}.resumen-item.destacado{background:#e8e8e8;font-weight:700;padding:10px}.resumen-item .label,.resumen-item .valor{font-size:14px;font-weight:400}.resultados{margin-top:30px}.resultados h3{color:#333;font-size:1.3rem;font-weight:400;margin-bottom:20px;text-align:left}.comision-card{background:#fff;border:1px solid #ddd;margin-bottom:20px;padding:20px}.comision-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.comision-header h4{color:#333;font-size:1.1rem;font-weight:400;margin-bottom:5px}.comision-header .email{color:#666;font-size:14px;font-weight:400}.comision-stats{display:block;margin-bottom:15px}.stat{align-items:center;background:#f8f9fa;border:2px solid #e8eaed;border-radius:12px;display:flex;justify-content:space-between;padding:5px 0;transition:all .3s ease}.stat:hover{background:#e8f0fe;border-color:#4285f4;transform:translateY(-2px)}.stat.destacado{background:linear-gradient(135deg,#fbbc05,#f9ab00);border-color:#fbbc05;color:#fff}.stat .label{color:#5f6368;color:#666;font-size:14px;font-weight:500}.stat .valor{color:#333;font-size:14px;font-weight:400}.stat.destacado{font-weight:700}.ventas-detalle{margin-top:15px}.ventas-detalle summary{background:#ddd;border:1px solid #ccc;color:#333;cursor:pointer;font-size:14px;font-weight:400;padding:10px}.ventas-detalle summary:hover{background:#ccc}.ventas-lista{background:#fff;border:1px solid #ccc;border-top:none}.venta-item{border-bottom:1px solid #eee;padding:10px}.venta-item:last-child{border-bottom:none}.venta-info{display:block;font-size:12px;line-height:1.4}.venta-info .fecha{color:#333;font-weight:400}.venta-info .cliente,.venta-info .producto{color:#666;font-weight:400}.venta-info .monto{color:#333;font-size:14px;font-weight:700}.reglas-info{background:#fff;border:1px solid #ddd;margin-bottom:30px;padding:20px}.reglas-info h3{color:#333;font-size:1.3rem;font-weight:400;margin-bottom:15px}.reglas-descripcion{background:#f9f9f9;border-left:3px solid #ddd;color:#666;font-size:14px;line-height:1.5;margin-bottom:20px;padding:15px}.reglas-grid{display:block}.regla-card{background:#f5f5f5;border:1px solid #ddd;margin-bottom:10px;padding:15px}.regla-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.regla-nombre{color:#333;font-size:14px;font-weight:400}.regla-porcentaje{color:#333;font-size:16px;font-weight:700}.regla-rango{color:#666;font-size:12px;font-weight:400}.sistema-info{background:#f0f0f0;border:1px solid #ddd;margin-top:20px;padding:15px}.sistema-info p{color:#333;font-size:14px;font-weight:400;margin:0}.nota-calculo{background:#fffacd;border:1px solid #ddd;margin-top:20px;padding:15px}.nota-calculo p{color:#333;font-size:12px;font-weight:400;margin:0}@media (max-width:768px){.campo input,.campo select{width:100%}.comision-calculator{padding:10px}}.header{background:#fff;border-bottom:1px solid #ddd;color:#333;position:static}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:15px 20px}.logo-section{display:flex;flex-direction:column;gap:5px}.logo{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:400;gap:8px;margin:0}.logo-icon{font-size:1.8rem}.tagline{color:#666;font-size:.9rem;font-weight:400;margin:0}@media (max-width:768px){.header-content{flex-direction:column;gap:10px;text-align:center}.logo{font-size:1.3rem}.logo-icon{font-size:1.5rem}}
/*# sourceMappingURL=main.827b97ef.css.map*/