:root{--primary-color:#0059ff;--secondary-color:#14b8a6;--accent-color:#0059ff;--bg-color:#f1f5f9;--surface:#ffffffb3;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0}body{color:var(--text-main);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;font-family:Inter,sans-serif}body.modal-open{overflow:hidden!important}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.container-fluid{min-height:100vh;padding:1.5rem}@media (width<=768px){.container-fluid{height:auto!important;padding:.25rem!important}.container-fluid.p-3{padding:.25rem!important}.row.g-3{--bs-gutter-x:.25rem;--bs-gutter-y:.25rem}.vh-100{height:auto!important}}.form-control{border:1px solid var(--border-color);color:var(--text-main);background-color:#ffffffe6;border-radius:12px;padding:.85rem 1.25rem;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005,0 1px 2px #0000000d}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #0059ff26}.search-group{border:1px solid var(--border-color);background-color:#ffffffe6;border-radius:12px;transition:all .3s;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #00000005}.search-group:focus-within{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #0059ff26}.search-group .form-control{box-shadow:none!important;background:0 0!important;border:none!important}.btn-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 1.25rem;font-size:1.25rem;transition:all .2s;display:flex}.btn-search:hover{color:var(--primary-color);transform:scale(1.1)}.btn-search:active{transform:scale(.95)}.label-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;margin-left:4px;font-size:.75rem;font-weight:700;display:block}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);color:var(--text-main);border:1px solid #fff9;border-radius:24px;box-shadow:0 15px 35px #0000000d,0 5px 15px #00000008;padding:1.5rem!important}.card .d-flex span:first-child{color:var(--text-muted);font-size:1.05rem;font-weight:500}.card .d-flex span:last-child{font-size:1.1rem;font-weight:600}.card hr{border-color:var(--border-color);opacity:1;border-style:dashed;margin:1.5rem 0}.card .fw-bold span{color:var(--text-main);font-size:1.25rem;font-weight:800}.card .fw-bold span:last-child{color:var(--primary-color);font-size:1.5rem}.table-container{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid #fff9;border-radius:24px;padding:1rem;box-shadow:0 15px 35px #0000000d}.dataTables_wrapper{padding:0}.table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);background-color:#0000;margin-bottom:0}.table-bordered th,.table-bordered td{border-color:var(--border-color)}.table-dark th{background-color:var(--text-main);border-color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:none;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;color:#fff!important}.table th,.table td{vertical-align:middle;color:var(--text-main);padding:.6rem 1.25rem;font-weight:500}.table tbody tr.selected-row td{color:var(--primary-color)!important;background-color:#6366f126!important}.table tbody tr.selected-row td:first-child{box-shadow:inset 4px 0 0 var(--accent-color)}.table tbody tr:focus{outline:none}.modal-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;background:#ffffffe6!important;border-radius:1.5rem!important}#modalSearchInput:focus{background:#f8fafc;box-shadow:0 0 0 2px #6366f133}#tablaBusqueda thead th{text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:1rem;font-size:.75rem;font-weight:600}#tablaBusqueda tbody td{border-bottom:1px solid #f1f5f9;padding:1rem}.btn-add-product{transition:all .3s}.btn-add-product:hover{background-color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)}.dataTables_paginate .pagination{gap:6px;margin:0!important}.dataTables_paginate .page-item,.dataTables_paginate .paginate_button{background:0 0!important;border:none!important;margin-left:0!important;padding:0!important}.dataTables_paginate .page-item .page-link{justify-content:center;align-items:center;min-width:40px;font-size:.875rem;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000d;color:#64748b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:.6rem 1rem!important;transition:all .2s!important}.dataTables_paginate .page-item .page-link:hover{z-index:2;color:var(--primary-color)!important;background:#f8fafc!important}.dataTables_paginate .page-item.active .page-link{z-index:3;box-shadow:0 4px 12px #6366f14d;background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.dataTables_paginate .page-item.disabled .page-link{opacity:.5;color:#94a3b8!important;background:#f8fafc!important;border-color:#e2e8f0!important}.page-link:focus{box-shadow:0 0 0 3px #6366f133}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:#f8fafc99}.table-striped>tbody>tr:nth-of-type(2n)>*{background-color:#fff6}.table-hover>tbody>tr:hover>*{background-color:#6366f114;transition:background-color .2s}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, #0d00ff 100%);border:none;border-radius:12px;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg, #0d00ff 0%, var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.card-body{flex-direction:column;height:100%;display:flex}.qty-column{text-align:center;width:140px}.qty-controls{border:1px solid var(--border-color);background:#ffffff80;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:4px;display:flex}.btn-qty{width:32px;height:32px;color:var(--primary-color);background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.btn-qty:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.btn-qty i{font-size:1rem;font-weight:700}.qty-input{text-align:center;width:45px;color:var(--text-main);background:0 0;border:none;outline:none;font-size:1rem;font-weight:600}.qty-input::-webkit-outer-spin-button{appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{appearance:none;margin:0}.qty-input[type=number]{appearance:textfield}.price,.row-total{color:var(--text-main);font-weight:600}@media (width>=768px){.h-100-md{height:100%!important}}@media (width<=768px){.col-md-8,.col-md-4{padding:.25rem!important}.card{padding:.5rem!important;overflow:visible!important}#ventasTable{table-layout:fixed!important;border:none!important;width:100%!important;max-width:100%!important;overflow:visible!important}#ventasTable.table-bordered{border:none!important}#ventasTable tbody{width:100%!important;display:block!important}.dataTables_wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important}#ventasTable thead{display:none}#ventasTable tbody tr.swiping{z-index:10;position:relative;background-color:#ef4444!important;border-color:#ef4444!important}#ventasTable tbody tr.swiping:before{content:"";z-index:1;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z'%3E%3C/path%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:28px;width:80px;height:100%;transition:all .2s;position:absolute;top:0;left:0}#ventasTable tbody tr.swiping-ready:before{opacity:1;transform:scale(1.2)}#ventasTable tbody tr.swiping-ready{background-color:#dc2626!important}#ventasTable tbody tr{border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:16px;margin-bottom:.75rem;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d;box-sizing:border-box!important;background:#fff!important;max-width:100%!important;padding:0!important}#ventasTable tbody tr td{z-index:5;text-align:right;border:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden;box-sizing:border-box!important;background-color:#fff!important;width:auto!important;max-width:100%!important;padding:.5rem 1rem!important}#ventasTable tbody td:not(:last-child){border-bottom:1px solid #f1f5f9}#ventasTable tbody tr td:first-child{border-top-left-radius:16px;border-top-right-radius:16px}#ventasTable tbody tr td:last-child{border-bottom-right-radius:16px;border-bottom-left-radius:16px}#ventasTable tbody td:before{content:attr(data-label);text-transform:uppercase;text-align:left;flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--text-muted)!important}#ventasTable tbody tr td{transition:transform .2s}#ventasTable tbody tr.swiping td{transition:none;box-shadow:-5px 0 15px #0000000d}#ventasTable tbody tr.selected-row td{box-shadow:inset 4px 0 0 var(--accent-color)!important;background-color:#fff!important}#ventasTable tbody tr.selected-row td:not([data-label=Acciones]){color:var(--primary-color)!important}#ventasTable tbody tr.swiping-ready td{opacity:.7}#ventasTable tbody tr.removing{opacity:0!important;transition:all .3s ease-in!important;transform:translate(100%)!important}.qty-column{width:100%!important}.qty-controls{margin:0!important}#ventasTable .dataTables_empty{color:var(--text-muted);font-size:.9rem;text-align:center!important;padding:2rem 1rem!important;display:block!important}#ventasTable .dataTables_empty:before{display:none!important}.h-100-md{height:auto!important}.dataTables_paginate{justify-content:center;display:flex;margin-top:1rem!important}}.payment-calculator{background-color:#f8fafc!important;border:1px dashed #cbd5e1!important}.payment-calculator .input-group-text{color:var(--text-muted);font-size:1.25rem}.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{appearance:textfield}.receipt-preview{line-height:1.5;color:#334155!important}.truncate-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sidebar-btn{color:var(--text-muted)!important;background-color:#0000!important;border:none!important;border-radius:12px!important;font-weight:500!important;transition:all .2s!important}.sidebar-btn:hover{color:var(--primary-color)!important;background-color:#0059ff14!important;transform:translate(4px)!important}.sidebar-btn.active{background-color:var(--primary-color)!important;color:#fff!important;font-weight:600!important}.sidebar-btn span,.sidebar-btn i{color:inherit!important}.btn,.sidebar-btn{transition:transform .15s cubic-bezier(.25,.46,.45,.94),background-color .2s,border-color .2s,box-shadow .2s!important}.btn:active,.sidebar-btn:active{transform:scale(.97)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes dropdownReveal{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-dropdown-animate{transform-origin:100% 0;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards dropdownReveal}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loading{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}#ventasTable{border-collapse:separate!important;border-spacing:0!important}#ventasTable thead th{z-index:10!important;color:#fff!important;background-color:#1e293b!important;position:sticky!important;top:0!important;box-shadow:0 2px 6px #0000004d!important}