:root{--bg-dark:#1a1a2e;--surface:#2d2d44;--surface-light:#3f3f5f;--primary:#7c3aed;--primary-hover:#a855f7;--primary-rgb:124, 58, 237;--danger:#ef4444;--danger-rgb:239, 68, 68;--success:#10b981;--success-rgb:16, 185, 129;--amber:#f59e0b;--amber-rgb:245, 158, 11;--blue:#3b82f6;--blue-rgb:59, 130, 246;--green-light:#22c55e;--whatsapp:#25d366;--text:#e4e4e7;--text-muted:#a1a1aa;--border:#52526e;--row-hover:#ffffff0a;--row-active:#ffffff14;--overlay-subtle:#ffffff0d;--overlay-medium:#ffffff1a;--overlay-strong:#ffffff26;--card-shadow:0 10px 15px -3px #0006, 0 4px 6px -4px #0003;--border-radius-sm:.5rem;--border-radius-md:.75rem;--border-radius-lg:1.25rem;--h1-size:clamp(1.5rem, 4vw, 2.25rem);--h2-size:clamp(1.25rem, 3vw, 1.75rem);--h3-size:clamp(1.1rem, 2.5vw, 1.5rem);--h4-size:clamp(1rem, 2vw, 1.25rem);--body-size:clamp(.875rem, 1.5vw, 1rem);--small-size:clamp(.75rem, 1.2vw, .875rem);scroll-behavior:smooth}body.light-mode{--bg-dark:#f5f5fa;--surface:#fff;--surface-light:#f0f0f5;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-rgb:124, 58, 237;--danger:#ef4444;--danger-rgb:239, 68, 68;--success:#10b981;--success-rgb:16, 185, 129;--amber:#d97706;--amber-rgb:245, 158, 11;--blue:#2563eb;--blue-rgb:37, 99, 235;--green-light:#16a34a;--whatsapp:#25d366;--text:#1f1f2e;--text-muted:#6b7280;--border:#e2e4e9;--row-hover:#00000008;--row-active:#0000000f;--overlay-subtle:#00000008;--overlay-medium:#0000000f;--overlay-strong:#0000001a;--card-shadow:0 1px 3px #0000000a, 0 4px 12px #00000008}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}html,body{height:100%;margin:0}body{background-color:var(--bg-dark);color:var(--text);scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb), .25) transparent;line-height:1.5;overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb), .25);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb), .4)}.btn{border-radius:var(--border-radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:.8rem 1.4rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--border);color:var(--text)}.btn-secondary:hover{background-color:var(--text-muted);color:var(--bg-dark)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-icon{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;padding:5px;font-size:1.2rem;text-decoration:none;transition:all .2s}.btn-icon:hover{background:var(--overlay-medium);color:var(--text)}input,select,textarea{background-color:var(--surface);border:2px solid var(--border);border-radius:var(--border-radius-md);width:100%;color:var(--text);outline:none;padding:.85rem 1rem;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .2)}.form-check-input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.form-check-label{cursor:pointer;-webkit-user-select:none;user-select:none}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin-bottom:1.25rem;padding:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-lg);flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--primary)}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.stat-value{color:var(--text);font-size:1.8rem;font-weight:800}.stock-table{border-collapse:collapse;width:100%}.stock-table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);white-space:nowrap;background:#0000001a;padding:12px 15px;font-size:.8rem}.stock-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 15px;font-size:.9rem}.stock-table tbody tr{transition:background .2s}.stock-table tbody tr:hover{background:var(--row-hover)}.modal-overlay,.modal{pointer-events:none}.modal-overlay[style*="display: flex"],.modal[style*="display: flex"],.modal-overlay.active,.modal.active{pointer-events:auto}.modal-overlay,.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) modalOverlayFade;display:flex;position:fixed;inset:0}.modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;width:100%;height:100%;padding:0;top:0;left:0}.modal-content{background-color:var(--surface);border-radius:var(--border-radius-lg);border:1px solid var(--border);width:95%;max-width:800px;max-height:95vh;box-shadow:0 25px 50px -12px #00000080, 0 0 0 1px var(--border);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden}.modal>.modal-content{max-width:90%;max-height:90vh;box-shadow:var(--card-shadow);animation:.2s modalSlideIn}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-large{max-width:900px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.modal-body{background:var(--surface);flex-grow:1;padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;display:flex}.tipo-movimiento{border-radius:var(--border-radius-sm);text-transform:uppercase;padding:3px 8px;font-size:.7rem;font-weight:700}.tipo-venta{color:var(--success);background:#10b98126}.tipo-gasto{color:var(--danger);background:#ef444426}.tipo-ingreso{color:#818cf8;background:#6366f126}.tipo-anulado{background:var(--surface);color:var(--text-muted)}.tipo-presup-pendiente{color:var(--amber);background:#f59e0b26}.tipo-presup-aprobado{color:var(--success);background:#10b98126}.tipo-presup-rechazado{color:var(--danger);background:#ef444426}.tipo-presup-vencido{color:var(--text-muted);background:#6b728026}.monto-positivo{color:var(--success);font-weight:700}.monto-negativo{color:var(--danger);font-weight:700}.texto-recortado{text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:.85rem;overflow:hidden}.detalle-lista-modal{color:var(--text);font-size:.85rem;line-height:1.4}#usd-widget{width:100%}.dolar-row{border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0;display:flex}.dolar-row:last-child{border-bottom:none}.dolar-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dolar-name{color:var(--text);align-items:center;font-size:.9rem;font-weight:600;display:flex}.dolar-trend{font-size:.8rem;font-weight:700}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-equal{color:var(--text-muted)}.dolar-values{border-radius:var(--border-radius-md);background:#0003;justify-content:space-between;padding:8px 12px;display:flex}.dolar-val-item{flex-direction:column;align-items:center;display:flex}.dolar-val-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:.65rem}.dolar-val-num{color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700}body.light-mode .dolar-val-num{color:var(--text)}.theme-switch-wrapper{align-items:center;gap:10px;display:flex}.theme-switch{width:50px;height:24px;display:inline-block;position:relative}.theme-switch input{display:none}.slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{background-color:#fff;transform:translate(26px)}.fila-anulada{opacity:.4;filter:grayscale();text-decoration:line-through}.form-row{gap:1rem;margin-bottom:1rem;display:flex}.form-row>div{flex:1}.form-row label{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;display:block}.text-right{text-align:right}.w-full{width:100%}.mt-auto{margin-top:auto}body.rol-staff:not(.inventario-puede-editar) .btn-icon.edit,body.rol-staff:not(.inventario-puede-editar) .btn-icon.delete,body.rol-staff:not(.inventario-puede-editar) .btn-icon.wa,body.rol-staff:not(.inventario-puede-editar) button[onclick="exportarInventario()"],body.rol-staff:not(.inventario-puede-editar) button[onclick="triggerImportar()"]{display:none!important}.cierre-line-item{justify-content:space-between;padding:8px 0;font-size:1rem;display:flex}.cierre-line-item span{color:var(--text-muted)}.cierre-line-item strong{font-weight:700}.cierre-line-item.total-sistema strong{color:var(--primary);font-size:1.2rem}.cierre-diferencia{border-radius:var(--border-radius-md);text-align:center;min-height:54px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700}.cierre-diferencia.sobrante{color:var(--success);border:1px solid var(--success);background:#10b9811a}.cierre-diferencia.faltante{color:var(--danger);border:1px solid var(--danger);background:#ef44441a}.cierre-diferencia.exacto{color:var(--blue);border:1px solid var(--blue);background:#3b82f61a}.user-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.user-list-item:last-child{border-bottom:none}.user-list-item .user-actions{align-items:center;gap:10px;display:flex}.pos-client-box{text-align:left;width:100%}.pos-client-box small{color:var(--text-muted);margin-bottom:4px;font-size:.8rem;display:block}.btn-client-select{background:var(--overlay-medium);border:1px solid var(--border);color:#fff;border-radius:var(--border-radius-md);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:.95rem;display:flex}.btn-client-select:hover{background:var(--overlay-strong)}.cliente-tabs{border-bottom:1px solid var(--border);display:flex}.cliente-tab{background:var(--bg-dark);color:var(--text-muted);cursor:pointer;border:none;border-bottom:3px solid #0000;flex:1;padding:15px;font-weight:600;transition:all .2s}.cliente-tab:hover{background:var(--surface);color:var(--text)}.cliente-tab.active{background:var(--surface);color:var(--text);border-bottom-color:var(--primary)}#panel-consumidor-final,#panel-facturacion{animation:.2s fadeIn}.modal-historial-cliente{width:90vw;max-width:800px;max-height:80vh}.modal-historial-cliente .modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.historial-cliente-table-container{border:1px solid var(--border);border-radius:var(--border-radius-md);flex:1;max-height:60vh;margin:15px;overflow-y:auto}.historial-cliente-table{border-collapse:separate;border-spacing:0;width:100%}.historial-cliente-table thead{background:var(--bg-dark);z-index:10;position:sticky;top:0}.historial-cliente-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:12px 10px;font-size:.8rem;font-weight:600}.historial-cliente-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:15px 10px}.historial-cliente-table tbody tr{transition:background .15s}.historial-cliente-table tbody tr:hover{background:var(--row-hover)}.historial-cliente-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:4px;align-items:center;padding:4px 8px;font-size:.8rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.historial-cliente-table .btn-sm{min-width:32px;padding:6px 10px;font-size:.85rem}@media (width<=768px){.modal-historial-cliente{width:95vw;max-height:90vh}.historial-cliente-table th,.historial-cliente-table td{padding:10px 8px;font-size:.85rem}.historial-cliente-table th{font-size:.75rem}}.lista-seleccionable{border:1px solid var(--border);border-radius:var(--border-radius-md);max-height:300px;overflow-y:auto}.historial-scroll-container{border:1px solid var(--border);height:380px;max-height:380px;transition:max-height .4s;overflow-y:hidden}#card-historial.expanded .historial-scroll-container{max-height:380px;overflow-y:auto}.offline-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;text-align:center;background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.offline-icon{margin-bottom:1rem;font-size:4rem}.offline-title{color:var(--danger);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.offline-text{color:var(--text-muted);max-width:400px;line-height:1.6}.offline-toast-pro{background:var(--danger);color:#fff;border-radius:var(--border-radius-md);z-index:9999;align-items:center;gap:10px;padding:10px 20px;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-tipo-venta{background:var(--bg-dark);border:2px solid var(--border);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:15px;transition:all .2s;display:flex}.btn-tipo-venta:hover{border-color:var(--primary);background:#3b82f60d}.btn-tipo-venta .icon{font-size:1.5rem}.btn-tipo-venta .info{flex:1}.btn-tipo-venta .info strong{color:var(--text);font-size:.95rem;display:block}.btn-tipo-venta .info small{color:var(--text-muted);font-size:.8rem;display:block}.btn-tipo-venta.factura{border-color:#3b82f64d}.badge-recommended{background:var(--success);color:#fff;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.wizard-step-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;display:flex}.wizard-step-indicator.active{color:var(--primary)}.wizard-step-indicator.completed{color:var(--success)}.wizard-step-indicator .step-circle{background:var(--bg-dark);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.wizard-step-indicator.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.wizard-step-indicator.completed .step-circle{background:var(--success);border-color:var(--success);color:#fff}.wizard-step-line{background:var(--border);flex:1;max-width:40px;height:2px}.btn-tipo-factura{background:var(--bg-dark);border:2px solid var(--border);border-radius:var(--border-radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:all .2s;display:flex}.btn-tipo-factura:hover{border-color:var(--primary)}.btn-tipo-factura strong{color:var(--text);font-size:.95rem}.btn-tipo-factura small{color:var(--text-muted);font-size:.75rem}.btn-tipo-factura.selected{border-color:var(--primary);background:#3b82f61a}#modal-pos-cliente .modal-content{width:95vw;max-width:650px;min-height:450px;max-height:90vh}#modal-pos-cliente .wizard-step-panel{flex-direction:column;flex:1;justify-content:flex-start;min-height:280px;display:flex}#modal-pos-cliente .btn-tipo-venta{border-radius:8px;min-height:70px}#wizard-lista-clientes{min-height:60px}#wizard-form-nuevo-cliente .form-group{margin-bottom:10px}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr;gap:15px}.content-wrapper{padding:15px}}@media (width<=767px){.stats-grid{grid-template-columns:1fr}.card{border-radius:var(--border-radius-md);padding:12px}.card-title{font-size:1rem}.btn{padding:8px 14px;font-size:.85rem}.form-control{padding:10px 12px;font-size:16px}.sidebar{z-index:1000;width:80%;max-width:280px;transition:left .3s;position:fixed;left:-100%}.sidebar.active{left:0}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.menu-toggle{z-index:1001;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;display:flex;position:fixed;top:15px;left:15px;box-shadow:0 2px 8px #0000004d}.main-content{margin-left:0;padding-top:60px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header h1{font-size:1.25rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{justify-content:center;width:100%}.modal-content{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.modal-header,.modal-body,.modal-footer{padding:15px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}table{font-size:.8rem}table th,table td{padding:8px 6px}.wizard-steps{flex-direction:column;gap:8px}.wizard-step-line{display:none}.btn-tipo-factura-container,.pos-grid{grid-template-columns:1fr}.pos-sidebar{order:-1}}@media (width>=768px) and (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.menu-toggle{display:none}}h1,.h1{font-size:var(--h1-size);margin-bottom:1rem;font-weight:800;line-height:1.2}h2,.h2{font-size:var(--h2-size);margin-bottom:.875rem;font-weight:700;line-height:1.3}h3,.h3{font-size:var(--h3-size);margin-bottom:.75rem;font-weight:600;line-height:1.35}h4,.h4{font-size:var(--h4-size);margin-bottom:.5rem;font-weight:600;line-height:1.4}body{font-size:var(--body-size)}small,.small{font-size:var(--small-size)}.whatsapp-float{background:linear-gradient(135deg, var(--whatsapp) 0%, #128c7e 100%);color:#fff;-webkit-backdrop-filter:blur(10px);z-index:9998;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:10s ease-in-out infinite whatsappPulse;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 15px #25d36666,inset 0 0 0 1px #ffffff1a}body.tab-configuracion-active .whatsapp-float{display:flex}body:has(#tab-configuracion[style*="display: block"]) .whatsapp-float{display:flex}body:has(#tab-configuracion.tab-active) .whatsapp-float{display:flex}@media (hover:none){.whatsapp-float.visible{display:flex!important}}.whatsapp-float:hover{animation:none;transform:scale(1.1)translateY(-4px);box-shadow:0 8px 25px #25d36680,inset 0 0 0 1px #fff3}.whatsapp-float:before{content:"";background:linear-gradient(135deg, var(--whatsapp) 0%, #128c7e 100%);opacity:.3;z-index:-1;border-radius:50%;animation:2s ease-out infinite whatsappRipple;position:absolute;inset:-4px}.whatsapp-float-tooltip{background:var(--surface);color:var(--text);border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;visibility:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border);padding:8px 12px;font-size:.85rem;transition:all .3s;position:absolute;top:50%;right:70px;transform:translateY(-50%)}.whatsapp-float:hover .whatsapp-float-tooltip{opacity:1;visibility:visible;right:75px}@keyframes whatsappPulse{0%,90%,to{transform:scale(1)}95%{transform:scale(1.05)}}@keyframes whatsappRipple{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (width<=767px){.whatsapp-float{width:56px;height:56px;font-size:1.5rem;bottom:20px;right:20px}.whatsapp-float-tooltip{display:none}}body.modal-open{padding-right:var(--scrollbar-width,0px);overflow:hidden}body:not(.modal-open){overflow:auto}.modal-overlay{pointer-events:auto}.modal-overlay[style="display: none"],.modal-overlay[style*="display: none"]{pointer-events:none}.modal-overlay{z-index:2000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal{z-index:10000}.sidebar-overlay{z-index:999}.sidebar{z-index:1000}.menu-toggle{z-index:1001}@media print{body{color:#000!important;background:#fff!important}.sidebar,.gesi-bubble,.gesi-window,.btn,.filters-top-row,.action-buttons-row,.search-group,.filter-group,.modal-overlay,.modal-dialog,.modal,.toast-container,.tabs-header,#diagnostico-panel{display:none!important}.main-content,.tab-content,.tab-pane.active{width:100%!important;margin-left:0!important;display:block!important}.stock-table,table{border:1px solid #ccc}.stock-table th,.stock-table td,table th,table td{color:#000!important;border-color:#ccc!important}}