@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);body,html{overscroll-behavior-y:none}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}.app-header{background-color:#fff;border-radius:1rem;box-shadow:0 1px 4px #0000001a;font-family:Inter,sans-serif;padding:1rem}.header-top i{color:#1f2937;font-size:1.5rem}.header-top h1{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0}nav{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.nav-item{align-items:center;color:#1f2937;display:flex;flex-direction:column;font-size:1rem;text-decoration:none}.nav-item i{font-size:1.5rem;margin-bottom:.25rem}@media (min-width:768px){.header-top h1{font-size:2rem}.nav-item{font-size:1.125rem}.nav-item i{font-size:1.75rem}}.header-top{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding-bottom:.75rem}*{box-sizing:border-box;margin:0;padding:0}.dashboard-container{background-color:#f3f4f6;font-family:Inter,sans-serif;margin:0 auto;max-width:600px;padding:1.5rem}.dashboard-title{color:#111827;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.dashboard-card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 8px #0000000a;margin-bottom:1.5rem;padding:1.5rem}.dashboard-card h3{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-left:2.5rem;position:relative}.dashboard-card:first-of-type h3:before{color:#3b82f6;content:"\f201"}.dashboard-card:first-of-type h3:before,.dashboard-card:nth-of-type(2) h3:before{font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-card:nth-of-type(2) h3:before{color:#6366f1;content:"\f788"}.dashboard-card:nth-of-type(3) h3:before{color:#ef4444;content:"\f071"}.dashboard-card:nth-of-type(3) h3:before,.dashboard-card:nth-of-type(4) h3:before{font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-card:nth-of-type(4) h3:before{color:#f59e0b;content:"\f468"}.row{align-items:center;color:#374151;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem;padding-left:2.5rem;position:relative}.label{font-weight:600}.value{color:#111827;font-size:1.125rem;font-weight:700}.summary .value{color:#10b981}.summary .value:before{content:"\f062";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:.4rem}.cash .row:first-of-type:before{color:#10b981;content:"\f53b"}.cash .row:first-of-type:before,.cash .row:nth-of-type(2):before{font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.cash .row:nth-of-type(2):before{color:#6366f1;content:"\f1ec"}.cash .row:nth-of-type(3):before{color:#9ca3af;content:"\f555"}.cash .row:nth-of-type(3):before,.debt .amount-row:before{font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.debt .amount-row:before{color:#ef4444;content:"\f071"}.debt .amount-row .value{color:#ef4444}.inventory .inventory-item:before{color:#f59e0b;content:"\f468";font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.badge{background:#fee2e2;border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.no-alert{color:#6b7280;justify-content:flex-start;padding-left:0}.refresh-container{display:flex;justify-content:center;margin-top:.5rem}.refresh-icon{cursor:pointer;font-size:1.5rem;transition:transform .5s ease}.refresh-icon.rotate{transform:rotate(1turn)}@media (max-width:600px){.dashboard-container{padding:1rem}.dashboard-title{font-size:1.5rem}.dashboard-card{padding:1.25rem}.dashboard-card h3{font-size:1.125rem;padding-left:2rem}.row{font-size:.95rem;padding-left:2rem}.value{font-size:1rem}.badge{font-size:.75rem}}.dashboard-card.summary .row:first-of-type{padding-left:2.5rem;position:relative}.dashboard-card.summary .row:first-of-type:before{color:#3b82f6;content:"\f201";font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-card.debt{display:flex;flex-direction:column}.dashboard-card.debt .amount-row{order:2}.dashboard-card.debt .label-row{order:1;padding-left:2.5rem;position:relative}.dashboard-card.debt .label-row:before{color:#ef4444;content:"\f071";font-family:Font Awesome\ 5 Free;font-weight:900;left:0;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-card.debt .amount-row .value{color:#ef4444}.inventory-item .stock{margin-left:auto;margin-right:.5rem}.inventory-item .badge{margin:0}.inventory-item .stock{font-weight:700}.dashboard-card h3{font-size:1.5rem;padding-left:0!important}.dashboard-card h3:before{content:none!important}.psc-container{display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:12px}.psc-search{align-items:center;display:flex}.psc-search i{margin-right:8px}.psc-search input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-family:Inter,sans-serif;font-size:14px;padding:6px 8px}.psc-tabs{display:flex;gap:8px}.psc-tab{background:none;border:none;border-radius:6px;color:#1f2937;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;padding:6px 12px}.psc-tab.active{background:#1a73e8;color:#fff}.psc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.psc-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:box-shadow .2s}.psc-card.selected{box-shadow:0 0 0 2px #1a73e8}.psc-img{height:100px;margin-bottom:6px;object-fit:contain;width:80px}.psc-name{color:#1f2937;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:6px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.psc-stepper{align-items:center;display:flex;gap:8px;margin-bottom:6px}.psc-stepper button{align-items:center;background:#f5f3f3;border:1px solid #f5f3f3;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.psc-stepper button:hover{background:#f3f4f6}.psc-stepper span{font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-align:center;width:20px}.psc-price{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;margin-top:4px}.psc-search{position:relative}.psc-search input{padding-left:36px}.psc-search i{color:#6b7280;font-size:18px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ss-header{align-items:center;color:#1f2937;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px}.ss-header i{font-size:18px}.ss-header+hr{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.ss-list{gap:12px}.ss-item,.ss-list{display:flex;flex-direction:column}.ss-item{align-items:flex-start;padding:4px 0;width:100%}.ss-item-main{align-items:center;display:flex;width:100%}.ss-img{height:56px;margin-right:8px;width:56px}.ss-info{display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;gap:2px;text-align:left}.ss-name{color:#1f2937;font-size:18px;font-weight:600}.ss-price{color:#6b7280;font-size:16px}.ss-stepper{align-items:center;display:flex;gap:4px}.quantity-button{background:#f5f3f3;border:1px solid #f5f3f3;color:#1f2937;font-size:12px;height:24px;padding:0;width:24px}.quantity-button:disabled{cursor:default;opacity:.4}.quantity-button:hover:not(:disabled){background:#f3f4f6}.ss-stepper-value{font-family:Inter,sans-serif;font-size:14px;text-align:center;width:20px}.ss-envases-section{margin:8px 0 4px;width:100%}.ss-envases-label{color:#1f2937;font-family:Inter,sans-serif;font-size:14px}.ss-envases-stepper{gap:4px}.ss-envases-stepper,.tiny-btn{align-items:center;display:flex}.tiny-btn{background:#f5f5f5;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;cursor:pointer;font-size:14px;height:24px;justify-content:center;padding:0;width:24px}.tiny-btn:hover{background:#e5e7eb}.tiny-value{min-width:20px;text-align:center}.ss-fiar,.tiny-value{color:#1f2937;font-family:Inter,sans-serif;font-size:14px}.ss-fiar{align-items:center;display:flex;gap:6px}.ss-caja-section{margin:4px 0 12px;width:100%}.ss-caja-switch{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;gap:6px;position:relative;-webkit-user-select:none;user-select:none}.ss-caja-switch input{height:0;opacity:0;width:0}.ss-caja-slider{background:#d1d5db;border-radius:8px;flex-shrink:0;height:16px;position:relative;transition:background .2s;width:32px}.ss-caja-slider:before{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .2s;width:12px}.ss-caja-switch input:checked+.ss-caja-slider{background:#4ade80}.ss-caja-switch input:checked+.ss-caja-slider:before{transform:translateX(16px)}.ss-caja-label{color:#1f2937;font-family:Inter,sans-serif;font-size:14px}.caja-switch-inline{align-items:center;cursor:pointer;display:inline-flex;gap:6px;position:relative;-webkit-user-select:none;user-select:none}.caja-switch-inline input{-webkit-tap-highlight-color:transparent;height:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;width:0}.caja-slider-inline{background:#d1d5db;border-radius:8px;flex-shrink:0;height:16px;position:relative;transition:background .3s ease;width:32px}.caja-slider-inline:before{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:12px}.caja-switch-inline input:checked+.caja-slider-inline{background:#4ade80}.caja-switch-inline input:checked+.caja-slider-inline:before{transform:translateX(16px)}.caja-label-inline{color:#1f2937;font-family:Inter,sans-serif;font-size:14px}.ss-env-caja-row{margin:8px 0}.ss-envases-section{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.ss-env-caja-row{align-items:baseline}.ss-env-caja-row .ss-caja-section{margin:0}.ss-env-caja-row{align-items:center;display:flex;flex-wrap:nowrap;gap:16px}.ss-envases-label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-caja-section{flex-shrink:0;white-space:nowrap}.panel-right{width:350px}.ss-remove-btn{right:4px}.ss-clear-btn{background:none;border:none;color:#1f2937;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-left:auto;transition:color .2s}.ss-clear-btn:hover{color:#4ade80}.ss-img-container{display:inline-block;height:56px;position:relative;width:56px}.ss-img{display:block;height:100%;margin:0;object-fit:contain;width:100%}.ss-remove-btn{background:#fffc;border:none;border-radius:50%;color:#1f2937;cursor:pointer;font-size:14px;left:-6px;padding:4px;position:absolute;right:auto;top:4px;transition:background .2s;z-index:2}.ss-remove-btn:hover{background:#0000001a}.ss-clear-btn{color:#6b7280}.ss-clear-btn:hover{color:#10b981}:root{--primary:#1a73e8;--bg:#f9fafb;--card:#fff;--text:#1f2937;--muted:#6b7280}.venta-container{background:#f9fafb;background:var(--bg);font-family:Inter,sans-serif;min-height:100vh;padding:20px}.venta-header{align-items:center;margin-bottom:20px}.venta-date{color:#6b7280;color:var(--muted);font-size:14px}.venta-user i{color:#1f2937;color:var(--text)}.venta-content{display:flex;gap:20px}.panel-left{flex:2 1}.panel-right{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;padding:20px}.panel-right h3{color:#1f2937;color:var(--text);font-weight:500;margin:0 0 16px}.venta-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.venta-section{background:#f9fafb;background:var(--bg);border:1px solid #e5e7eb;border-radius:8px;padding:12px}.venta-label{color:#1f2937;color:var(--text);display:flex;flex-direction:column;font-size:14px;font-weight:500}.venta-label small{color:#6b7280;color:var(--muted);font-size:12px;margin-top:4px}.venta-checkbox{margin-top:8px;transform:scale(1.1);width:auto}.venta-text{color:#6b7280;color:var(--muted);font-size:14px;margin-top:8px}.totals{align-items:center;color:#1f2937;color:var(--text);display:flex;justify-content:space-between;margin:16px 0}.totals,.venta-button{font-size:16px;font-weight:600}.venta-button{background:#1a73e8;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:12px;width:100%}.venta-button:disabled{cursor:not-allowed;opacity:.6}.venta-message{color:#1a73e8;color:var(--primary);font-size:14px;margin-top:12px;text-align:center}.venta-date{color:#1f2937;color:var(--text);font-size:16px;font-weight:600}.payment-method{font-family:Inter,sans-serif;margin-bottom:16px;position:relative;width:100%}.pm-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%236B7280" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6"/></svg>');background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;padding:8px 32px 8px 36px;width:100%}.pm-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.pm-icon{color:#4b5563;font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pm-separator{border:none;border-top:1px solid #e5e7eb;margin:12px 0;width:100%}.client-field{font-family:Inter,sans-serif;margin-bottom:16px;position:relative;width:100%}.cf-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px 8px 36px;width:100%}.cf-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.client-field .pm-icon{color:#4b5563;font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.client-field,.payment-method{margin-bottom:4px}.pm-separator,.totals{margin:4px 0}.venta-button{margin-top:0}.venta-container .panel-right .panel-right-title{color:#1f2937;font-family:Inter,sans-serif;font-size:21px;font-weight:600;margin-bottom:12px}.venta-button{transition:background-color .4s ease,transform .3s ease}.venta-button.saving{background-color:#1976d2;color:#fff;cursor:wait}.venta-button.saving .fa-circle-notch{color:#fff;font-size:18px}@keyframes successWave{0%{box-shadow:0 0 0 #4ade8000;transform:scale(1)}10%{transform:scale(1.15)}30%{box-shadow:0 0 0 #4ade8000;transform:scale(1)}50%{box-shadow:0 0 10px #4ade8099}to{box-shadow:0 0 0 #4ade8000}}.venta-button.success{animation:successWave 2s ease-out;background-color:#4ade80;color:#fff}.venta-button.success .fa-check{animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.historial-container{background-color:#f0f2f5;font-family:Poppins,sans-serif;margin:0 auto;max-width:700px;padding:1.2rem}.historial-title{color:#2c3e50;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.historial-filtros{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.historial-filtros .filtro-fecha{align-items:center;display:flex;gap:.4rem;min-width:120px;width:48%}.historial-filtros .filtro-fecha i{color:#7f8c8d;font-size:.95rem}.historial-filtros input[type=text]{font-size:.8rem;min-width:100px;width:48%}.historial-filtros input[type=date],.historial-filtros input[type=text]{background:#0000;border:none;border-bottom:2px solid #ccc;font-family:inherit;outline:none;padding:.25rem .5rem;transition:border-color .2s ease}.historial-filtros input[type=date]{width:100%}.historial-filtros input:focus{border-color:#3498db}.venta-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000012;margin-bottom:.9rem;padding:.8rem}.venta-header{color:#34495e;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.6rem}.venta-medio{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.venta-medio.efectivo{background-color:#27ae60}.venta-medio.yape{background-color:#8e44ad}.venta-medio.fiado{background-color:#e67e22}.venta-productos{border-bottom:1px solid #ecf0f1;border-top:1px solid #ecf0f1;display:flex;flex-direction:column;gap:.3rem;padding:.6rem 0}.producto-item.compacto{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;gap:.75rem;justify-content:flex-start}.producto-nombre{font-weight:500;white-space:nowrap}.producto-cantidad{color:#2980b9}.producto-total{color:#2c3e50}.venta-footer{color:#34495e;display:flex;flex-wrap:wrap;font-size:.85rem;justify-content:space-between;margin-top:.5rem}.venta-total{color:#3498db;font-weight:600}.venta-cliente{color:#7f8c8d}.historial-empty{color:#7f8c8d;font-size:1rem;text-align:center}@media (max-width:420px){.historial-filtros{flex-direction:row;flex-wrap:wrap;gap:.3rem}.historial-filtros input{font-size:.75rem;padding:.2rem .4rem}.producto-item.compacto{flex-wrap:wrap;font-size:.85rem;gap:.5rem}.venta-footer{align-items:flex-start;flex-direction:column;gap:.2rem}}.historial-filtros input{box-sizing:border-box;display:inline-block;font-size:.8rem;height:2rem;line-height:1.2;padding:.25rem .5rem;vertical-align:middle}@media (max-width:420px){.historial-filtros input[type=text]{flex:0 0 120px;width:120px}.historial-filtros .filtro-fecha{flex:1 1 auto;width:auto}.historial-filtros input[type=date]{font-size:.75rem;height:2rem;padding:.2rem .4rem}}.fecha-label{color:#7f8c8d;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.historial-filtros input[type=date]{-webkit-appearance:none;appearance:none;background-color:initial;box-sizing:border-box;font-size:.8rem;height:2rem;line-height:1.2;padding-right:.5rem;text-align:left}.historial-filtros input[type=date]::-webkit-calendar-picker-indicator{display:none;opacity:0}.historial-filtros input[type=date]{display:block;margin-left:auto;margin-right:0;max-width:120px;text-align:right;width:120px}.quantity-input-container{gap:8px}.quantity-button{align-items:center;background:#f9fafb;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.quantity-input{border:1px solid #e5e7eb;border-radius:6px;padding:4px;width:40px}.historial-wrapper{font-family:Poppins,sans-serif;margin:1.5rem 0;position:relative;text-align:left}.abrir-historial-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:background-color .3s ease}.abrir-historial-btn:hover{background-color:#2980b9}.historial-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:10000}.historial-contenido{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:90%}.historial-header{padding:.5rem 0;position:relative}.historial-title{margin:0;padding-top:5px;text-align:center}.historial-cerrar-modal{background:none!important;border:none!important;color:#7f8c8d!important;cursor:pointer!important;font-size:1.5rem!important;height:30px!important;line-height:30px!important;margin:0!important;padding:0!important;position:absolute!important;right:5px!important;text-align:center!important;top:5px!important;transition:color .3s ease!important;width:30px!important}.historial-cerrar-modal:hover{color:#e74c3c!important}.buscador-cliente{background:#0000;border:none;border-bottom:2px solid #ccc;display:block;font-family:Poppins,sans-serif;font-size:.8rem;margin-bottom:1rem;max-width:250px;outline:none;padding:.25rem .5rem;transition:border-color .2s ease}.buscador-cliente:focus{border-bottom-color:#3498db}.clientes-historial-lista{list-style:none;margin:0;padding:0}.cliente-item{border-bottom:1px solid #f0f0f0;padding:.8rem 0}.cliente-nombre{align-items:center;color:#34495e;cursor:pointer;display:flex;font-weight:600;gap:.5rem;transition:color .3s ease}.cliente-nombre:hover{color:#3498db}.flecha{font-size:1.2rem}.pagos-detalle{display:flex;flex-direction:column;gap:.4rem;list-style-position:outside;list-style-type:disc;margin-top:.5rem;padding-left:1.5rem}.pago-item{color:#2c3e50;font-size:.95rem}@media (max-width:500px){.buscador-cliente{max-width:100%;padding:.3rem .5rem}.cliente-nombre{gap:.3rem}}.fiados-container{background-color:#f0f2f5;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Poppins,sans-serif;margin:1.5rem auto;max-width:700px;padding:1.2rem}.fiados-header{height:3rem;margin-bottom:1rem;position:relative}.fiados-header button{left:0;position:absolute;top:50%;transform:translateY(-50%)}.fiados-title{color:#2c3e50;font-size:2rem;font-weight:600;left:50%;margin:0;position:absolute;top:100%;transform:translate(-50%,-50%)}.fiados-section{margin-bottom:1.5rem}.fiados-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.75rem}.fiados-list{list-style:none;margin:0;padding:0}.fiado-item{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#2c3e50;font-size:1rem;margin-bottom:.75rem;padding:.75rem}.fiado-item .info{align-items:center;display:flex;gap:.5rem}.fiado-item strong{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.fiado-actions{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:.5rem}.fiado-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.fiado-actions button:hover{opacity:.9}.fiado-actions button:first-child{background-color:#f39c12;color:#fff}.fiado-actions button:last-child{background-color:#e74c3c;color:#fff}.fiado-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1rem}.fiado-form{display:flex;flex-direction:column;gap:1rem}.fiado-label{color:#2c3e50;font-size:1rem}.fiado-input.nombre{background:#0000;border:none;border-bottom:2px solid #ccc;font-size:.8rem;max-width:200px;outline:none;padding:.25rem .5rem;transition:border-color .2s ease;width:100%}.fiado-input.nombre:focus{border-bottom-color:#3498db}.fiado-input{border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none;padding:.5rem;transition:border-color .3s;width:100%}.fiado-input:focus{border-color:#3498db}.fiado-btn{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .3s ease}.fiado-btn:hover{background-color:#219150}.fiado-message{color:#e74c3c;font-size:1rem;text-align:center}.bienes-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;padding:.75rem}.bienes-container .fiado-label{font-size:.95rem;margin:0;padding:0}.abono-panel{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1rem}.abono-panel h4{color:#2c3e50;font-size:1.25rem;margin-bottom:.75rem}.abono-panel input,.abono-panel select{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-right:.5rem;padding:.5rem}.abono-panel button{background-color:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:.3rem;padding:.5rem 1rem;transition:background-color .3s ease}.abono-panel button:hover{background-color:#2980b9}.confirmacion-pago-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmacion-pago-modal{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000026;max-width:500px;padding:1.5rem;width:90%}.confirmacion-pago-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.confirmacion-pago-header h3{color:#2c3e50;font-size:1.75rem;margin:0}.cerrar-modal{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.cerrar-modal:hover{color:#e74c3c}.confirmacion-pago-content p{color:#34495e;font-size:1rem;margin:0 0 1rem}.confirmacion-pago-actions{display:flex;gap:1rem;justify-content:flex-end}.confirmacion-pago-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.confirmacion-pago-actions button:first-child{background-color:#27ae60;color:#fff}.confirmacion-pago-actions button:first-child:hover{background-color:#219150}.confirmacion-pago-actions button:last-child{background-color:#e74c3c;color:#fff}.confirmacion-pago-actions button:last-child:hover{background-color:#c0392b}@media (max-width:500px){.fiados-container{padding:1rem}.fiados-title{font-size:1.75rem}.abono-panel input,.abono-panel select,.fiado-btn,.fiado-input{font-size:.9rem}.confirmacion-pago-modal{max-width:90%;padding:1rem}.bienes-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.fiado-input.nombre{max-width:130px}}.fiado-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.fiado-grid .fiado-field{flex-basis:calc(50% - 2px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 2px);min-width:0}.fiado-field input,.quantity-input-container{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.quantity-input-container{align-items:center;display:flex;gap:.25rem;justify-content:space-between}.quantity-input{flex:1 1;font-size:1rem;min-width:0;padding:.25rem;text-align:center}.quantity-button{flex:0 0 auto;font-size:1rem;line-height:1;padding:.25rem .5rem}.productos-wrapper{font-family:Poppins,sans-serif;padding:1rem}.productos-header{justify-content:center;position:relative}.productos-title{margin:0}.btn-add{position:absolute;right:0}.modal-overlay{background:#0000004d}.modal-content{position:relative}.modal-header h3{font-size:1.5rem}.producto-form.form-columns{display:flex;flex-wrap:wrap;gap:1.5rem}.form-column{display:flex;flex:1 1;flex-direction:column;gap:1rem}.producto-form.form-columns .btn-submit,.producto-form.form-columns .file-input,.producto-form.form-columns .form-preview{flex-basis:100%}.producto-label{color:#34495e;display:flex;flex-direction:column;font-size:.9rem}.producto-label input[type=file],.producto-label input[type=number],.producto-label input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:.85rem;margin-top:.3rem;padding:.5rem}.producto-label.file-input{display:block}.producto-label.checkbox{align-items:center;flex-direction:row;gap:.5rem}.producto-toggle-group{align-items:center;display:flex;gap:1rem}.form-preview{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.3rem}.producto-preview{border-radius:8px;box-shadow:inset 0 0 5px #0000001a;max-height:150px;max-width:100%;object-fit:contain}.btn-clear-image{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background-color .3s ease}.btn-clear-image:hover{background-color:#c0392b}.btn-submit{background-color:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:-1rem auto 0;padding:.7rem 1rem;transition:background-color .3s ease}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-confirm{background-color:#27ae60;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.btn-confirm:hover{background-color:#219150}.btn-cancel{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.btn-cancel:hover{background-color:#c0392b}.productos-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));list-style:none;margin:0;padding:0}.producto-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:.8rem;text-align:center}.producto-nombre{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.producto-image{border-radius:6px;margin-bottom:.5rem;max-height:100px;object-fit:contain;width:100%}.producto-detalles{color:#34495e;display:flex;flex-direction:column;font-size:.9rem;gap:.3rem;margin-bottom:.5rem}.producto-actions{display:flex;gap:.5rem}.btn-edit{background-color:#f39c12;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background-color .3s ease}.btn-edit:hover{background-color:#d35400}.btn-delete{background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background-color .3s ease}.btn-delete:hover{background-color:#c0392b}.no-products{color:#7f8c8d;font-size:1rem;text-align:center}@media (max-width:500px){.productos-header{padding:0 1rem}.productos-title{font-size:1.6rem}.btn-add{height:35px;width:35px}}.productos-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.productos-title{font-size:1.8rem;margin:0 0 .5rem}.productos-controls{align-items:center;display:flex;justify-content:space-between;padding:0 1rem;width:100%}.buscador-productos{background:url(https://cdn-icons-png.flaticon.com/512/622/622669.png) no-repeat 10px;background-color:initial;background-size:16px 16px;border:none;border-bottom:2px solid #ccc;font-family:Poppins,sans-serif;font-size:.8rem;outline:none;padding:.25rem .5rem .25rem 2.5rem;transition:border-color .2s ease;width:150px}.buscador-productos:focus{border-bottom-color:#3498db}.btn-add{align-items:center;background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.btn-add:hover{background-color:#1f2a36}.btn-add-icon{font-size:1.2rem;line-height:1}.modal-overlay{background:#0006;box-sizing:border-box;inset:0}.modal-content{border-radius:12px;box-sizing:border-box;max-height:80vh;max-width:600px}.cat-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.cat-pill{background:#eee;border:none;border-radius:9999px;cursor:pointer;padding:.25rem .75rem}.cat-pill.active{background:#333;color:#fff}.productos-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.caja-wrapper{color:#2c3e50;font-family:Poppins,sans-serif;margin:0 auto;max-width:800px;padding:1rem}.caja-wrapper h2,.saldo-card{margin-bottom:1rem;text-align:center}.saldo-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.saldo-card h3{color:#2c3e50;font-size:1.4rem;margin:0 0 .5rem}.saldo-card p{font-size:1rem;margin:.25rem 0}.btn-historial-gastos{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-top:.5rem;padding:.5rem 1rem;transition:background .3s ease}.btn-historial-gastos:hover{background:#2980b9}.acciones-card{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.acciones-card button{background:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;max-width:250px;padding:.75rem;transition:background .3s ease}.acciones-card button:hover{background:#1f2a36}.historial-pagos-proveedores{margin:1rem 0}.historial-pagos-proveedores h3{font-size:1.4rem;margin-bottom:.5rem}.historial-pagos-proveedores table{border-collapse:collapse;margin-bottom:1rem;width:100%}.historial-pagos-proveedores td,.historial-pagos-proveedores th{border-bottom:1px solid #ccc;font-size:.9rem;padding:.5rem;text-align:left}.modal-overlay{padding:1.5rem}.modal-content{padding:1.5rem;width:90%}.modal-content form{display:flex;flex-direction:column;gap:.75rem}.modal-content label{color:#34495e;display:flex;flex-direction:column;font-size:.9rem;margin-bottom:.5rem}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-top:.25rem;padding:.5rem}.modal-content button[type=submit]{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background .3s ease}.modal-content button[type=submit]:hover{background:#27ae60}.form-message{color:#16a085;font-size:.9rem;margin-top:.5rem;text-align:center}.modal-content table{border-collapse:collapse;margin-top:1rem;width:100%}.modal-content td,.modal-content th{border:1px solid #ddd;font-size:.85rem;padding:.5rem}.btn-detalle{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:-.1rem;padding:.4rem .8rem;transition:background .3s ease}.btn-detalle:hover{background:#2980b9}.btn-confirm-expense{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.4rem .8rem;transition:background .3s ease}.btn-confirm-expense:hover{background:#219150}@media (max-width:500px){.saldo-card h3{font-size:1.2rem}.saldo-card p{font-size:.9rem}.acciones-card{flex-direction:row;gap:.75rem;justify-content:center}.acciones-card button{font-size:.9rem;max-width:45%;padding:.6rem}.modal-content{max-width:90%;padding:1rem}.btn-confirm-expense,.btn-detalle{font-size:.8rem;padding:.3rem .6rem}.historial-pagos-proveedores td,.historial-pagos-proveedores th{font-size:.7rem;padding:.3rem;white-space:normal;word-break:break-word}.modal-content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.modal-content td,.modal-content th{font-size:.75rem;padding:.3rem;white-space:normal;word-break:break-word}}@media (max-width:500px){.modal-content table::-webkit-scrollbar{height:6px}.modal-content table::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}}.notas-wrapper{color:#2c3e50;font-family:Poppins,sans-serif;margin:0 auto;max-width:800px;padding:.75rem}.notas-header{display:flex;flex-direction:column;margin-bottom:1rem}.notas-title{font-size:1.8rem;margin:0 0 .5rem;text-align:center}.notas-controls{align-items:center;display:flex;justify-content:space-between}.buscador-notas{background:#0000;border:none;border-bottom:2px solid #ccc;font-family:inherit;font-size:.8rem;margin:0;outline:none;padding:.25rem .5rem;text-align:left;transition:border-color .2s ease;width:60%}.buscador-notas:focus{border-bottom-color:#3498db}.btn-add-nota{align-items:center;background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;margin:0;transition:background-color .3s ease;width:35px}.btn-add-nota:hover{background-color:#1f2a36}.btn-add-nota-icon{font-size:1.2rem;line-height:1}.nota-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:.75rem}.nota-form label{color:#34495e;display:flex;flex-direction:column;font-size:.95rem;margin-bottom:.75rem}.nota-form input,.nota-form select,.nota-form textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-top:.3rem;padding:.5rem;transition:border-color .3s}.nota-form input:focus,.nota-form select:focus,.nota-form textarea:focus{border-color:#3498db}.nota-form button{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.65rem;transition:background .3s ease}.nota-form button:hover{background:#27ae60}.nota-message{color:#16a085;font-size:.95rem;margin-top:.5rem;text-align:center}.notas-list{display:flex;flex-direction:column;gap:1rem}.nota-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:.75rem;transition:none}.nota-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.nota-title{flex:1 1;font-size:1.2rem;margin:0}.nota-status{border-radius:4px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.nota-status.pendiente{background:#e67e22;color:#fff}.nota-status.cumplido{background:#27ae60;color:#fff}.nota-description{color:#2c3e50;font-size:.95rem;margin-bottom:.5rem}.nota-date{color:#7f8c8d;font-size:.85rem;margin-bottom:.75rem}.nota-actions{display:flex;gap:.5rem;justify-content:flex-end}.nota-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background .3s ease}.btn-confirm{background:#27ae60;color:#fff}.btn-confirm:hover{background:#219150}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover{background:#2980b9}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.modal-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.modal-close{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.modal-close:hover{color:#e74c3c}@media (max-width:500px){.notas-wrapper{padding:.5rem}.notas-header{align-items:flex-start;flex-direction:column;margin-bottom:.5rem}.notas-title{margin-bottom:.5rem;text-align:center;width:100%}.notas-controls{align-items:center;display:flex;justify-content:space-between;width:100%}.buscador-notas{margin:0;text-align:left;width:70%}.btn-add-nota{height:30px;width:30px}.nota-form input,.nota-form select,.nota-form textarea{font-size:.9rem}.nota-form button{font-size:.9rem;padding:.6rem}.nota-card{padding:.75rem}.nota-title{font-size:1.1rem}.nota-description{font-size:.9rem}.nota-date{font-size:.8rem}.nota-actions button{font-size:.8rem;padding:.3rem .6rem}.buscador-notas{font-size:.9rem;max-width:100%}}.App{background:#f3f4f6;font-family:Poppins,sans-serif;min-height:100vh;padding:0 1rem 1rem;text-align:center}.navbar{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:0;margin-top:.5rem}.navbar button{background:#0000;border:1px solid #cbd5e1;border-radius:.25rem;color:#111827;font-size:.7rem;font-weight:500;padding:.25rem .5rem;transition:border-color .2s ease}.navbar button:hover{border-color:#3b82f6}.navbar button:active{border-color:#2563eb}header h1{color:#111827;font-size:1.25rem;margin-bottom:.3rem;margin-top:.5rem}header h1,main{font-family:Poppins,sans-serif}main{margin-top:.25rem}.titulo-iluminado{color:#ffeb3b;font-size:1.75rem;font-weight:600;text-shadow:0 0 1.5px #000,0 0 6px #fff200,0 0 10px #f1c40f}
/*# sourceMappingURL=main.0cd502cf.css.map*/