:root{--color-white: #fff;--color-black: #000;--color-red: #fd3838;--color-red-hover: #fd383815;--color-bg: #ffffff;--color-text: #111;--color-text-gray: #7f7f7f;--dark-gray: #646464;--color-bg-card: #ffffff;--color-primary-filled: #1971c2;--color-primary-filled-hover: #1864ab;--color-primary-subtle: #e5e7eb;--color-primary-ligth: #228be61a;--color-primary-ligth-hover: #228be61f;--color-primary-ligth-color: #228be6;--color-primary-outline-hover: #228be60d;--color-primary-outline-color: #228be6;--color-primary-disable: #e9ecef;--color-primary-disable-color: #adb5bd;--color-disable-bg: #f8f8f8;--color-disable: #b0b0b0;--color-border: #e5e7eb;--subtle-pos: #cacbcb;--color-error: #fa5252;--radius: 8px;--tertiary-radius: 6px;--secondary-radius: 12px;--primary-radius: 24px;--transition: .2s ease-in-out;--input-bg: #fff;--input-color: #000;--input-color-hover: #adb5bd;--padding-input: .5rem .75rem;--input-heigth: 2.5rem;--input-font-size: .875rem;--color-bg-icon: #efefef;--color-bg-hover: #ededed;--sidebar-bg: #f8f8f8;--header-height: 60px;--transition-fast: .25s;--sidebar-width: 260px;--sidebar-collapsed: 0px;--padding-body: 20px;--pading-body-sm: 10px;--pos-bg: #ffffff;--pos-bg-2: #e5e7eb;--pos-bg-3: #f8f9fa;--pos-bg-25: #e7e9eda9;--scrollbar-bg: #e5e5e5;--scrollbar-thumb: #bfbfbf;--scrollbar-thumb-hover: #a6a6a6;--skeleton-bg: #e5e7eb;--skeleton-color: #f3f4f6;--age-normal-bg: #fff3c4;--age-warning-bg: #ffe0c2;--age-critical-bg: #ffd6d6;--color-success-green: #ebfbee;--color-success-green-hover: #d3f9d8;--color-success-green-color: #2f9e44;--color-success-green-color2: #2f9e44;--color-warning-light: #fff4e6;--color-warning-light-hover: #ffe8cc;--color-warning-light-color: #f08c00;--color-warning-light-active: #ffe0b2;--color-warning-light-active-color: #d97706;--color-canceled-red: #fff5f5;--color-canceled-red-hover: #ffe3e3;--color-canceled-red-color: #e03131;--color-canceled-red-active: #ffc9c9;--color-canceled-red-active-color: #c92a2a;--color-red-bg: #fef2f2}[data-theme=dark]{--color-bg: #242424;--color-text: #f3f4f6;--color-bg-card: #1e293b;--dark-gray: #7f7f7f;--color-primary-filled: #1971c2;--color-primary-filled-hover: #1864ab;--color-primary-subtle: #232124;--color-primary-ligth: #228be626;--color-primary-ligth-hover: #228be633;--color-primary-ligth-color: #74c0fc;--color-primary-outline-hover: #4dabf70d;--color-primary-outline-color: #4dabf7;--color-border: #3d3d3d;--subtle-pos: #3d3d3d;--color-error: #fa5252;--color-red-bg: #450a0a92;--color-disable-bg: #333333;--color-disable: #6f6f6f;--input-bg: #2e2e2e;--input-color: #c9c9c9;--input-color-hover: #696969;--color-bg-icon: #2e2e2e;--sidebar-bg: #242424;--color-bg-hover: #2a2a2a;--pos-bg: #0d0b0e;--pos-bg-2: #232124;--pos-bg-25: #18161a;--pos-bg-3: #131114;--scrollbar-bg: #2a2a2a;--scrollbar-thumb: #4b4b4b;--scrollbar-thumb-hover: #5c5c5c;--skeleton-bg: #232124;--skeleton-color: #18161a;--age-normal-bg: #feb703;--age-warning-bg: #ff6c02;--age-critical-bg: #ff0103;--color-primary-disable: #343638;--color-success-green: #2f9e4426;--color-success-green-hover: #2f9e4433;--color-success-green-color: #69db7c;--color-success-green-color2: #20662c;--color-warning-light: #f08c0026;--color-warning-light-hover: #f08c0033;--color-warning-light-color: #ffd43b;--color-warning-light-active: #f08c0066;--color-warning-light-active-color: #ffe066;--color-canceled-red: #e0313126;--color-canceled-red-hover: #e0313133;--color-canceled-red-color: #ffc9c9;--color-canceled-red-active: #e0313166;--color-canceled-red-active-color: #fff5f5}:root{--font-family: "roc-grotesk", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.1;--lh-normal: 1.5;--lh-relaxed: 1.7}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);transition:background-color var(--transition),color var(--transition);margin:0;padding:0}html,body{height:100%}#root{overflow-y:auto}input{font-family:var(--font-family)}a{color:inherit;text-decoration:none;transition:color var(--transition);cursor:pointer}hr{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.icon{border-radius:var(--radius);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.icon:hover{border:1px solid var(--color-bg-icon)}.main-content{transition:margin-left var(--transition-fast) ease;padding:20px}.contenido-main{padding:20px;overflow-y:auto}.contenido-main-siat{padding:20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.ml-2{margin-left:10px}.ml-3{margin-left:12px}.mt-1{margin-top:4px}.mt-2{margin-top:10px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-7{margin-bottom:28px}.mb-8{margin-bottom:32px}.mb-9{margin-bottom:36px}.mb-10{margin-bottom:40px}.mb-11{margin-bottom:44px}.mb-12{margin-bottom:48px}.mb-13{margin-bottom:52px}.mb-14{margin-bottom:56px}.mb-15{margin-bottom:60px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.py-9{padding-top:36px;padding-bottom:36px}.px-2{padding-left:8px;padding-right:8px}.px-5{padding-left:20px;padding-right:20px}.pl-9{padding-left:36px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-0{width:0}.w-1{width:4px}.w-2{width:8px}.w-3{width:12px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-8{width:32px}.w-10{width:40px}.w-12{width:48px}.w-14{width:56px}.w-16{width:64px}.w-20{width:80px}.w-24{width:96px}.w-25{width:100px}.w-26{width:104px}.w-27{width:108px}.w-28{width:112px}.w-32{width:128px}.w-36{width:144px}.w-40{width:160px}.w-48{width:192px}.w-56{width:224px}.w-64{width:256px}.w-96{max-width:512px}.w-full{width:100%}.w-auto{width:auto}.h-0{height:0}.h-1{height:4px}.h-2{height:8px}.h-3{height:12px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-16{height:64px}.h-20{height:80px}.h-24{height:96px}.h-32{height:128px}.h-40{height:160px}.h-48{height:192px}.h-56{height:224px}.h-64{height:256px}.h-full{height:100%}.h-auto{height:auto}.line-through{text-decoration:line-through}.position-relative{position:relative}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}.hidden{display:none}.border-radius-none{border-radius:0!important}.title-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem}.container-name{position:relative;display:inline-block}.popup-container{display:none;position:absolute;right:-20px;top:60%;transform:translateY(-50%)}.container-name:hover .popup-container{display:block}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:var(--input-bg);cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:checked{background:var(--color-primary-filled);border-color:var(--color-primary-filled)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:8px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;transition:background .25s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.produt-table-list{height:300px;overflow:auto;align-content:start}.floor-plan-container{width:100%;height:100%}.board,.table-obj,.resize-handle{touch-action:none;user-select:none;-webkit-user-select:none}.board{position:relative;width:100%;height:calc(100dvh - 140px);aspect-ratio:16 / 9;background-color:var(--color-bg);border:2px dotted var(--color-border);border-radius:8px;overflow:hidden;background-image:radial-gradient(var(--dark-gray) 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 12)}.board.pos{background-color:var(--pos-bg-3);border:2px dotted var(--pos-bg-2)}.table-obj{position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-filled);color:#fff;cursor:move;transition:transform .1s ease,box-shadow .2s ease,border-radius .3s ease;-webkit-user-select:none;user-select:none;font-weight:700;font-size:.8rem;box-shadow:0 4px 6px -1px #0000001a}.table-obj.dragging{transition:none;z-index:100;opacity:.8;box-shadow:0 10px 15px -3px #0003}.table-obj.selected{outline:3px solid var(--color-primary-filled-hover);z-index:10}.table-obj.round{border-radius:50%}.table-obj.square{border-radius:8px}.table-obj.free{background-color:var(--pos-bg-2)}.table-obj.occupied.selected{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;bottom:0;right:0;width:15px;height:15px;background:#ffffff80;cursor:nwse-resize;clip-path:polygon(100% 0,100% 100%,0 100%)}.controls{margin-top:15px;display:flex;gap:10px}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;background-color:#fff;border:2px solid #3b82f6;border-radius:4px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center}.resize-handle:after{content:":::";font-size:8px;color:#3b82f6;transform:rotate(-45deg)}.payment-card-qr__img{width:250px;height:250px;margin:0 auto;border-radius:10px;overflow:hidden;padding:.8rem}.payment-card-qr__img.pos{width:auto;height:auto;position:relative}.payment-card-qr__img img{width:100%;height:100%}@media(max-width:768px){.payment-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100dvh - 165px)}}.modern-dot-loader{width:332px;height:332px;background-color:var(--pos-bg);border-radius:20px;position:relative;overflow:hidden}.dot-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.1) .5px,transparent .5px);background-size:20px 20px,10px 10px;background-position:0 0,10px 10px}.moving-gradient{position:absolute;top:-100%;left:-100%;width:250%;height:250%;background:radial-gradient(circle,rgba(255,255,255,.177) 12%,transparent 50%);mix-blend-mode:color-dodge;animation:move-wave 7s infinite ease-in-out}@keyframes move-wave{0%{transform:translate(0)}25%{transform:translate(-10%,10%)}50%{transform:translate(-20%,-20%)}75%{transform:translate(10%,20%)}to{transform:translate(0)}}h1,.h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}h2,.h2{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}h3,.h3{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}h4,.h4{font-size:var(--fs-xl);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin:0}p,.text{font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);margin:0}.small{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text);opacity:.85}.caption{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover, var(--color-primary));text-decoration:underline}.cont{display:flex;flex-direction:row;width:100vw;height:100dvh;overflow:hidden;--side-bar-width: 260px}.main{flex:1;max-width:100%;display:flex;flex-direction:column;align-items:stretch;z-index:1;overflow:auto}.container{height:100dvh;overflow:hidden}.note-block{width:100%;border-radius:12px;padding:.3rem;overflow:hidden;background-color:var(--pos-bg-3);display:flex;flex-direction:column;gap:6px}.pos-header-areas{display:flex;flex-direction:column;padding:.5rem;gap:6px;align-items:center;width:200px;min-width:200px}.pos-header-area{padding:.7rem;border-radius:6px;background-color:var(--pos-bg-3);color:var(--color-text);cursor:pointer;transition:all .2s ease;width:100%;text-align:center;display:flex;align-items:center;gap:6px;border:2px solid transparent}.pos-header-area.disabled{pointer-events:none;opacity:.5}.pos-header-area:hover{background-color:var(--pos-bg-25)}.pos-header-area.active{background-color:var(--pos-bg-2);color:var(--color-primary);border:2px solid var(--color-primary-filled)}.editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;overscroll-behavior-y:none}.select-mesa-modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000}.select-mesa-modal-container{background-color:var(--pos-bg-2);width:380px;max-width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;border:6px solid var(--pos-bg-2);border-radius:14px;height:70%}.add-note-modal-container{background-color:var(--pos-bg-2);width:380px;max-width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;border:6px solid var(--pos-bg-2);border-radius:14px}.note-keypad-footer{display:flex;align-items:center;gap:.3rem;width:100%;border-top:6px solid var(--pos-bg-2);background-color:var(--pos-bg-2)}.lounge-block{width:100%;border-radius:12px;padding:.5rem .3rem 0;overflow:hidden;background-color:var(--pos-bg-3);min-height:90%}.tables-grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;padding:8px;width:100%;height:100%;overflow:auto;padding-bottom:5rem}.tables-footer{width:100%;border-top:6px solid var(--pos-bg-2);background-color:var(--pos-bg-2)}.hs-container{display:flex;justify-content:center;align-items:center;gap:16px}.hs-selector{position:relative;display:flex;background-color:var(--pos-bg-2);border-radius:12px;padding:4px;box-shadow:#0000001a 0 10px 25px;border:1px solid rgba(0,0,0,.05);max-width:100%;overflow-x:auto;scrollbar-width:none}.hs-indicator{position:absolute;top:4px;bottom:4px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;z-index:1}.hs-option{position:relative;z-index:2;min-width:fit-content;padding:4px 11px;border:none;background-color:transparent;font-size:15px;border-radius:8px;cursor:pointer;transition:all .2s ease;outline:none;white-space:nowrap;color:var(--color-text);font-family:var(--font-family);display:inline-flex;line-height:1.5;align-items:center;justify-content:center;margin-right:6px}.hs-option:last-child{margin-right:0}.hs-option:hover:not(.active){background-color:#00000008;color:var(--color-primary)}.hs-option.active{color:#fff;background-color:var(--color-primary-filled)}.product-card{padding:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:var(--pos-bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;-webkit-user-select:none;user-select:none;position:relative}.product-card-lg{border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:120px;background-color:var(--pos-bg-2);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;position:relative}.product-card-lg img{width:100%;object-fit:cover;pointer-events:none;aspect-ratio:1/1;border-radius:5px}.pos-product-info{padding:5px}.product-card.mobile{height:75px}.text-limit-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-limit-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.payment-keypad-container{width:250px;background-color:var(--pos-bg-2);max-width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;border:6px solid var(--pos-bg-2);border-radius:14px}.payment-keypad-block{width:100%;border-radius:12px;padding:.5rem .3rem 0;overflow:hidden;background-color:var(--pos-bg)}.payment-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:8px;width:100%;overflow-y:auto;max-height:calc(100dvh - 200px)}.payment-keypad-footer{display:flex;gap:.3rem;width:100%;border-top:6px solid var(--pos-bg-2);background-color:var(--pos-bg-2)}.payment-keypad-header{padding:8px}.qty-selected{font-size:12px;padding:2px 6px;position:absolute;top:0;left:0;background-color:var(--color-primary-filled);font-weight:700;border-top-left-radius:5px;border-bottom-right-radius:4px;color:var(--color-white);font-family:var(--font-family)}.close-btn-overlay{background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer;position:absolute;top:5px;right:8px}.title-only-print{display:none}@media print{.no-print-column{display:none!important}.title-only-print{display:block!important;margin:1rem}}.products-image{width:25px;height:25px}.products-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.product-price{position:relative;display:inline-block}.popup-price-container{display:none;position:absolute;right:0;top:60%;background-color:#fff;color:var(--color-primary-filled);transform:translateY(-50%);width:60px;font-weight:700}.product-name:hover{opacity:.85;text-decoration:none}.product-price:hover .popup-price-container{display:block}.report-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;overflow:hidden;width:100%}.report-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 2rem;gap:6px;background-color:var(--color-disable-bg);border-radius:10px;text-align:center;cursor:pointer;transition:all .2s ease}.block-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.block-disabled-soft{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.sidebar{top:0;left:0;height:100%;background-color:var(--sidebar-bg);color:var(--text-light);width:var(--sidebar-width);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;transition:width var(--transition-fast) ease-out 0s;z-index:1}.sidebar-logo{display:flex;gap:10px;align-items:center}.sidebar-logo-icon{background-color:var(--color-primary-filled);color:var(--color-bg);border-radius:6px;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-header-text{display:flex;flex-direction:column}.sidebar-header-text span{line-height:1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.dark{background-color:var(--bg-dark);color:var(--text-dark)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;height:60px;padding:18px;font-weight:700;border-bottom:1px solid var(--color-border)}.sidebar-nav{flex:1;padding-top:12px}.sidebar-item .item-main{display:flex;align-items:center;padding:10px 18px;cursor:pointer;border-radius:6px;transition:background-color var(--transition-fast) ease;justify-content:space-between}.sidebar-text{display:flex;align-items:center;gap:10px}.sidebar-text svg{color:var(--color-text-gray)}.sidebar-item .item-main .chevron svg{color:var(--color-text-gray)}.sidebar-item .item-main:hover{background-color:var(--color-bg-hover)}.sidebar-item .item-main .sidebar-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .item-main.active .sidebar-text span,.sidebar-item .item-main.active .sidebar-text svg{color:var(--color-primary-filled)!important;font-weight:600!important}.subitems{padding-left:20px;display:flex;flex-direction:column}.subitem{position:relative;padding:10px 0 10px 12px;display:flex;align-items:center;cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition-fast) ease}.subitem:hover{background-color:var(--color-bg-hover)}.subitem .line{position:absolute;left:6px;top:0;bottom:0;width:2px;background-color:var(--color-bg-icon)}.subitem.active .dot{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--color-primary-filled);border-radius:50%}.subitem.active .sub-label,.subitem.active .sub-label span,.subitem.active .sub-label svg{color:var(--color-primary-filled)!important;font-weight:600!important}.subitem .sub-label{margin-left:12px}.subitem .sub-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px;border-top:1px solid var(--border-color);margin-top:auto;background-color:var(--color-bg);width:100%}.sidebar-footer:hover{background-color:var(--color-bg-hover)}.sidebar-footer .footer-item{display:flex;align-items:center;cursor:pointer}.sidebar-footer .footer-item span{margin-left:8px}@media(max-width:768px){.sidebar{transform:translate(-100%);position:fixed;top:60px;transition:transform var(--transition-fast) cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.sidebar.mobile-open{transform:translate(0);transition:transform var(--transition-fast) ease}.sidebar-footer{position:absolute;bottom:60px}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform .1s ease;border:1px solid transparent;-webkit-user-select:none;user-select:none;letter-spacing:.03em;line-height:14px}.btn-gap-md{gap:.4rem}.btn-gap-none{gap:0}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-sm{padding:.4rem .75rem;font-size:.875rem}.btn-md{padding:.55rem 1rem;font-size:.95rem}.btn-mdlg{padding:.67rem 1rem;font-size:.95rem}.btn-lg{padding:.8rem 1.25rem;font-size:.95rem}.btn-xl{padding:1rem 1.5rem;font-size:1rem}.btn-full{width:100%}.btn-radius-sm{border-radius:4px}.btn-radius-md{border-radius:8px}.btn-radius-lg{border-radius:12px}.btn-radius-xl{border-radius:16px}.btn-radius-round{border-radius:50%}.btn-filled{background:var(--color-primary-filled);color:#fff}.btn-filled:hover{background:var(--color-primary-filled-hover)}.btn-simple{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-simple:hover{background:var(--color-border-hover)}.btn-filled-red{background:var(--color-red);color:#fff}.btn-filled-red:hover{background:var(--color-red-hover)}.btn-ligth{color:var(--color-primary-ligth-color);background-color:var(--color-primary-ligth)}.btn-ligth:hover{background-color:var(--color-primary-ligth-hover)}.btn-green{color:var(--color-success-green-color);background-color:var(--color-success-green)}.btn-green:hover{background-color:var(--color-success-green-hover)}.btn-orange{color:var(--color-warning-light-color);background-color:var(--color-warning-light)}.btn-orange-filled{color:var(--color-warning-light-active-color);background-color:var(--color-warning-light-active)}.btn-red-filled{color:var(--color-canceled-red-active-color);background-color:var(--color-canceled-red-active)}.btn-orange:hover{background-color:var(--color-warning-light-hover)}.btn-red{color:var(--color-canceled-red-color);background-color:var(--color-canceled-red)}.btn-outline{background:transparent;border:1px solid var(--color-primary-outline-color);color:var(--color-primary-outline-color)}.btn-outline:hover{background:var(--color-primary-outline-hover)}.btn-ligth-filled{background-color:var(--color-primary-ligth);border:1px solid var(--color-primary-filled);color:var(--color-primary-ligth-color)}.btn-subtle{background:var(--color-border);color:var(--color-text)}.btn-subtle-hard{background:var(--color-primary-subtle);color:var(--color-text)}.btn-subtle-hard:hover{filter:brightness(1.01)}.btn-subtle-pos{background:var(--subtle-pos);color:var(--color-text)}.btn-outline-red{background:transparent;border:1px solid var(--color-red);color:var(--color-red)}.btn-outline-red:hover,.btn-red:hover{background:var(--color-red-hover)}.btn-ligth-red{color:var(--color-red);border:none}.btn-ligth-red:hover{background-color:transparent}.btn-icon{display:inline-flex;align-items:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-sample{display:flex;align-items:center;padding:10px;font-size:14px;gap:20px}.btn-sample-between{justify-content:space-between}.btn-sample:hover{background-color:var(--color-bg-icon);cursor:pointer}.btn-sample-red{color:var(--color-red)}.btn-sample-red:hover{background-color:var(--color-red-bg)}.btn-sample-border-radius-sm{border-radius:4px}.btn-sample-border-radius-md{border-radius:6px}.btn-sample-border-radius-lg{border-radius:8px}.btn-sample-border-bottom{border-bottom:1px solid var(--color-border)}.btn-sample-gap-sm{gap:08px}.btn-sample-gap-md{gap:12px}.btn-sample-gap-lg{gap:16px}.btn-sample.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.popover-wrapper{position:relative;display:flex;align-items:center;border-radius:8px;justify-content:center;width:fit-content}.popover-wrapper-border{border:1px solid var(--color-border)}.popover-wrapper.over{background-color:red}.popover{position:absolute;top:-55px;left:55px;background-color:var(--color-bg);border-radius:8px;box-shadow:2px 2px 6px #0000000d;z-index:200}.popover-button{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:3px 6px;border-radius:8px}.popover-button.mobile{flex-direction:row;gap:5px;width:100%}.header{position:sticky;top:0;left:0;width:100%;min-height:var(--header-height);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg);z-index:10;border-bottom:1px solid var(--color-border)}.header.shifted{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.header.full{left:0;width:100%}.toggle-btn{background:none;border:none;cursor:pointer}.toggle-btn svg{color:var(--color-text)!important}.header-center>span{white-space:nowrap;font-variant:small-caps;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:10px;padding:0 5px 0 10px;border-radius:6px;height:40px}.header-right:hover svg{color:var(--color-text)!important;font-weight:600!important}@media(max-width:768px){.header{left:0;width:100%}}@media(max-width:768px){.header{padding:0 10px}}.header-popover{padding:1rem 1rem .5rem;border:1px solid var(--color-border);border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:.5rem}.header-popover-icon{color:var(--color-bg);border-radius:6px;padding:2px;display:flex;justify-content:center;text-align:center;align-content:center}.header-popover-icon-icon{background-color:var(--color-primary-disable);color:var(--color-bg);border-radius:6px;padding:2px;width:40px;height:30px}.card{background-color:color-bg;border-radius:var(--radius);display:flex;flex-direction:column;border:1px solid var(--color-border)}.card-header{border-bottom:1px solid var(--color-border);padding:1rem}.card-header.xs{padding:.5rem}.card-header.sm{padding:.6rem}.card-body{padding:1rem}.card-body.xs{padding:0}.card-body.sm{padding:.6rem}.casd-body.md{padding:.4rem}.card.selected{border:1px solid var(--color-primary-filled);background:#1971c21a}@media(max-width:600px){.card{padding:.75rem;border-radius:10px}.card.xs{padding:.2rem}.card.md{padding:.4rem}}.control-panel{width:100%;height:100dvh;padding:2px;background-color:var(--pos-bg)}.start-operations{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh}.dashboard-pos{display:flex;width:100%}.dashboard-pos-header{display:flex;justify-content:space-between;align-items:end;gap:6px;background-color:var(--pos-bg-3);padding:8px;border-radius:10px}.dashboard-pos-right{padding:6px 6px 6px 0;width:30%}.dashboard-pos-right-container{border-radius:10px;background-color:var(--pos-bg-3);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;height:100%}.dashboard-pos-left{width:70%;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:6px}.dashboard-pos-main{height:calc(100dvh - 140px);display:flex;gap:6px;width:100%}.dashboard-pos-main-left,.dashboard-pos-main-right{display:flex;flex-direction:column;gap:6px;border-radius:10px;padding:6px;width:100%;overflow-y:auto;background-color:var(--pos-bg-3)}.dashboard-pos-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;background-color:var(--pos-bg-3);padding:6px;border-radius:10px;width:100%}.close-operations{display:flex;justify-content:space-between;height:100%;gap:6px;padding:6px}.close-operations-container{overflow-y:auto}.close-operations-right{display:flex;flex-direction:column;justify-content:center;width:40%;background-color:var(--pos-bg-3);border-radius:10px}.cash-movements-right-container{border-radius:10px;padding:6px;display:flex;justify-content:center;overflow-y:auto}.close-operations-left{display:flex;gap:6px;overflow-y:auto;background-color:var(--pos-bg-3);width:60%;border-radius:10px;align-items:start}.cash-movements-left{display:flex;flex-direction:column;width:70%}.cash-movements-left-info{height:100%;overflow-y:auto;width:100%;background-color:var(--pos-bg-3);border-radius:10px;padding:6px;display:flex;flex-direction:column;justify-content:center;gap:4rem}.cash-movement-amount{background-color:var(--pos-bg-2);padding:6px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;margin:1rem 0}.start-operations-footer{position:absolute;bottom:10px}.close-operations-table{background-color:var(--pos-bg-3)!important}.close-operations-table-td{border:none!important}.close-operations-table-th{background-color:var(--pos-bg-3)!important;border:none!important}.bg-input{background-color:var(--pos-bg-3)!important}.bg-input2{background-color:var(--pos-bg-2)!important}.close-ticket{width:300px;font-family:monospace;padding:10px}.close-ticket-title{font-size:18px;font-weight:700;margin:10px 0}.ticket-section{font-size:16px;margin-top:15px;margin-bottom:8px}.ticket-row{display:grid;grid-template-columns:1fr auto;margin:2px 0;font-size:14px}.divider{border-top:2px dotted black;margin:10px 0}.ticket-dates{margin-bottom:10px}.ticket-header{margin-bottom:5px}.dashboard-pos-header-info{display:flex;align-items:end;gap:10px}@media(max-width:768px){.dashboard-pos{flex-direction:column}.dashboard-pos-right{width:100%;order:2;padding:0}.dashboard-pos-left{width:100%;order:1;padding:0}.dashboard-pos-main{flex-direction:column;height:calc(100dvh - 180px)}.dashboard-pos-right-container{padding:0 6px}.close-operations{flex-direction:column;justify-content:start}.close-operations-right{width:100%;order:2;padding:0}.close-operations-left{width:100%;order:1;padding:0}.cash-movements-left{width:100%}.dashboard-pos-header-info{flex-direction:column;align-items:start;gap:0}.dashboard-pos-main-right{display:none}.control-panel{min-height:100%}}.custom-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.875rem;border-radius:12px;overflow-x:auto;background-color:var(--input-bg);transition:background-color .2s ease,border-color .2s ease}.custom-table-container.responsive{overflow-x:auto}.custom-thead{background-color:var(--input-bg)}.custom-th{text-align:left;padding:10px 16px;font-weight:500;color:var(--dark-gray);border-bottom:1px solid var(--color-bg-icon);white-space:nowrap;cursor:default;background-color:var(--color-disable-bg);transition:background .2s;-webkit-user-select:none;user-select:none}.custom-th.sortable{cursor:pointer}.sort-icon{display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,transform .3s ease}.custom-th.sortable:hover .sort-icon{opacity:1}.table-icon{width:14px;height:14px;fill:#9ca3af;transition:transform .3s ease,fill .2s ease}.sort-icon.rotated{transform:rotate(180deg)}.table-icon.active{fill:var(--primary-color, #2563eb)}.custom-td{padding:12px 16px;border-top:1px solid var(--color-border);vertical-align:middle}.custom-th.left{text-align:left}.custom-th.right{text-align:right}.custom-th.center{text-align:center}.custom-td.left{text-align:left}.custom-td.right{text-align:right}.custom-td.center{text-align:center}.custom-tr.selected td{background-color:var(--color-primary-ligth);border-top:1px solid var(--color-primary-ligth-color)!important;border-bottom:1px solid var(--color-primary-ligth-color);transition:background-color .2s,border-color .2s}.table-container{border:1px solid var(--color-disable-bg);border-radius:12px;overflow:hidden}.table-container-header{padding:10px}.custom-tr{-webkit-user-select:none;user-select:none;transition:background .15s}.custom-tr.disabled,.custom-td.disabled{opacity:.5;pointer-events:none}.custom-tr.bold{font-weight:700}.drag-handle-cell{width:40px;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none}.drag-handle-cell svg{color:#888;width:16px;height:16px}.drag-handle-cell:hover svg{color:#555}.drag-handle-cell:active{cursor:grabbing}.input-container{display:flex;flex-direction:column;gap:4px}.input-shell{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-border);background-color:var(--input-bg);border-radius:.375rem;padding:var(--padding-input);transition:all .2s ease;height:var(--input-heigth)}.input-shell.xs{height:24px}.input-shell.sm{height:32px}.input-inner{flex:1;border:none;background:transparent;color:var(--input-color);font-size:1rem;outline:none;width:100%}.input-inner::placeholder{color:var(--dark-gray)}.input-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:default}.input-icon.clear{cursor:pointer}.input-inner:focus+.input-icon,.input-shell:has(.input-inner:focus){border-color:var(--color-primary-filled)}.input-shell.error{border-color:var(--color-error)}.input-shell.pos{background-color:var(--pos-bg-2)}.input-error{font-size:.75rem;color:var(--color-error)}.input-container.disabled{opacity:.6;pointer-events:none}.textarea-container{display:flex;flex-direction:column;gap:4px;width:100%}.textarea-label{font-size:.875rem;color:var(--color-text);font-weight:500}.textarea-field{resize:none;width:100%;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;color:var(--input-color);background-color:var(--input-bg);outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5}.textarea-field.pos{background-color:var(--pos-bg-2);border-color:var(--pos-bg-2)}.textarea-field:focus{border-color:var(--color-primary-filled)}.textarea-field.error{border-color:var(--color-error)}.textarea-error{font-size:.75rem;color:var(--color-error);margin-top:2px}.select-container{display:flex;flex-direction:column;gap:4px;width:100%;position:relative}.select-control{display:flex;align-items:center;justify-content:space-between;border:1.5px solid var(--color-border);background-color:var(--input-bg);padding:var(--padding-input);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:var(--input-font-size);height:var(--input-heigth)}.select-control.open{border-color:var(--color-primary-filled)}.select-control.error{border-color:var(--color-error)}.select-icon{transition:transform .2s ease;width:18px;height:18px}.select-icon.rotate{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #00000014;z-index:10;max-height:220px;overflow-y:auto}.select-option{padding:10px 12px;font-size:.95rem;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.select-option:hover{background-color:var(--color-bg-hover)}.select-option.selected:hover,.select-option.selected{background-color:var(--color-primary-ligth);color:var(--color-primary-ligth-color)}.select-input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:var(--text-primary)}.no-results{padding:10px 12px;text-align:center;color:var(--color-text)}.select-control.disabled{cursor:not-allowed;opacity:.6}.select-option.disabled{color:var(--text-secondary);cursor:default}.select-error{font-size:.75rem;color:var(--color-error);margin-top:2px}.bg-input{background-color:var(--pos-bg-2)!important}.status{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;font-size:.75rem;font-weight:500;border-radius:9999px;line-height:1;text-transform:capitalize;border:1px solid transparent;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.status-success{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.status-warning{color:#a16207;background-color:#fefce8;border-color:#fde047}.status-error{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.status-info{color:#1e3a8a;background-color:#eff6ff;border-color:#bfdbfe}.dark.status-success{color:#bbf7d0;background-color:#14532daf;border-color:#15803c87}.dark.status-warning{color:#fde68a;background-color:#713e1284;border-color:#f59f0b78}.dark.status-error{color:#fecaca;background-color:#450a0a92;border-color:#dc262675}.dark.status-info{color:#bfdbfe;background-color:#1e3a8a;border-color:#3b82f6}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;border-radius:var(--radius);background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.empty-state.pos{background-color:var(--pos-bg-25);border:1px solid var(--pos-bg-2)}.confirm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:20}.confirm-modal-container{background-color:var(--color-bg);padding:24px;width:320px;max-width:90%;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0003}.confirm-modal-icon{font-size:2rem}.confirm-subtitle{color:#6b7280;margin-bottom:16px}.confirm-subtitle{margin-top:1rem}.confirm-modal-actions{margin-top:.75rem;display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:12px}.ms-trigger{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:var(--padding-input);border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--input-bg);cursor:pointer;transition:border-color .15s;font-family:var(--font-family);color:var(--input-color);height:var(--input-heigth)}.ms-trigger.xs{max-height:28px}.ms-trigger.pos{background-color:var(--pos-bg-2)}.ms-trigger:hover{border-color:var(--color-primary-filled)}.ms-disabled{opacity:.5;cursor:not-allowed}.ms-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;font-family:13px}.ms-placeholder{color:var(--text-muted)}.ms-chip{background:var(--color-primary-ligth);color:var(--color-primary-ligth-color);padding:2px 8px;border-radius:var(--radius);white-space:nowrap}.ms-chip-more{background:var(--color-primary-ligth);color:var(--color-primary-ligth-color)}.ms-chevron{display:flex;transition:transform .15s ease}.ms-chevron.ms-open{transform:rotate(180deg)}.ms-popover{position:absolute;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 30px #0000001f;padding:6px 0;z-index:2000;max-height:240px;display:flex;flex-direction:column}.ms-popover.pos{background-color:var(--pos-bg-2)}.ms-search-container{position:relative;padding:6px 10px}.ms-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.7;pointer-events:none}.ms-search-input{width:100%;padding:6px 10px 6px 36px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-bg);font-size:var(--input-font-size);font-family:var(--font-family)}.ms-options{max-height:200px;overflow-y:auto}.ms-option{display:flex;align-items:center;gap:8px;padding:10px 15px;cursor:pointer;font-size:14px;color:var(--text-primary);font-family:var(--font-family)}.ms-option:hover{background-color:var(--color-bg-hover)}.ms-option-selected{background-color:var(--color-primary-ligth);color:var(--color-primary-ligth-color);font-weight:500}.ms-option-empty{padding:8px 12px;font-size:13px;color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px 0}.pagination__btn,.pagination__page{padding:6px 12px;background:var(--color-bg);border-radius:6px;border:1px solid var(--color-border);cursor:pointer;font-size:14px;font-family:var(--font-family);color:var(--colot-text)}.pagination__btn:hover,.pagination__page:hover:not(.active){background:var(--color-bg-hover)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__page.active{background:var(--color-primary-filled);color:var(--color-white);font-weight:700}.pagination__dots{padding:6px 12px;opacity:.6}.pagination__pages{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination__pages::-webkit-scrollbar{display:none}@media(max-width:768px){.pagination{justify-content:space-between;padding:12px}}:root{--padding-body-sm: 1rem}.side-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:flex-end;z-index:100;overflow:hidden}.modal-body.disabled{pointer-events:none;opacity:.5}.modal-container{background-color:var(--color-bg);max-width:820px;min-width:768px;width:50%;max-height:90dvh;height:fit-content;margin:auto;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0003;transition:transform .3s ease;overflow:hidden;border-radius:var(--radius)}.modal-container.sm{max-width:500px;min-width:300px;width:80%}.modal-container.pos{background-color:var(--pos-bg-2)}.modal-header{padding:var(--padding-body);color:var(--color-text);font-weight:600;display:flex;justify-content:space-between;align-items:start;flex-shrink:0;border-bottom:1px solid var(--color-border)}.modal-texts{display:flex;flex-direction:column}.modal-body{padding:var(--padding-body-sm);overflow-y:auto;flex-grow:1}@media(max-width:768px){.modal-container{max-width:100%;min-width:100%;min-height:100dvh}.modal-container.sm{max-width:100%;min-width:100%}}.modal-footer{padding:10px;flex-shrink:0;border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-footer.single{grid-template-columns:repeat(1,1fr)}.accordion-root{width:100%;display:flex;flex-direction:column;border-radius:8px}.accordion-item{border-bottom:1px solid var(--border-soft)}.accordion-header{width:100%;background:var(--surface);color:var(--text-light);padding:14px 12px;border:none;outline:none;cursor:pointer;display:flex;gap:1rem;align-items:center;transition:background .15s ease;font-size:15px;border-bottom:1px solid var(--color-border)}.accordion-header.pos{background-color:var(--pos-bg-2);border-radius:8px 8px 0 0;padding:8px}.accordion-header.pos:hover{background-color:var(--pos-bg-2)}.accordion-title{width:100%}.accordion-header:hover{background:var(--hover-bg)}.accordion-icon{transition:transform .2s ease}.accordion-icon.rotated{transform:rotate(180deg)}.accordion-panel-wrapper{overflow:hidden;transition:height .2s ease}.accordion-panel{padding:12px 12px 16px;color:var(--text-gray);font-size:14px}.accordion-panel.pos{padding:8px 0 0}:root{--border-radius: 6px;--padding: 1rem;--gap: 8px;--height: calc(100dvh - 142px) ;--heightSplit: calc(100dvh - 80px) }.pos-container{display:flex;flex-direction:column;gap:8px;background-color:var(--pos-bg);padding:10px;height:100dvh;overflow:hidden;overscroll-behavior-y:none}.pos-container-sales{display:flex;flex-direction:column;gap:8px;background-color:var(--pos-bg);padding:10px}.pos-container-main{display:flex;gap:8px;background-color:var(--pos-bg);height:var(--height)}.split-panel{height:var(--heightSplit)}.pos-container-main-sales{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:calc(100dvh - 142px)}.pos-header{display:flex;gap:8px}.pos-header-info{width:35%}.pos-header-info-mobile{display:flex;width:100%;align-items:center;gap:8px;justify-content:space-between;padding:10px 10px 0}.categories-view-mobile{display:flex;flex-direction:column;width:100%;padding:0 10px}.order-panel{width:35%}.pos-header-search{width:65%}.categories-container{width:18%}.products-container,.product-editor{width:47%}.pos-footer,.categories-container,.pos-header-info,.pos-header-search,.pos-sale-history-header,.pos-history-footer,.pos-tables-header{padding:5px;border-radius:6px;background-color:var(--pos-bg-3)}.products-container,.order-panel,.product-editor,.payment-details,.sale-history-list,.order-history-container{border-radius:6px;background-color:var(--pos-bg-3)}.order-details{border-radius:6px}.order-panel,.categories-container,.products-container,.product-editor,.payment-details,.sale-history-list,.order-history-container,.order-details{position:relative;overflow-y:auto;overflow-x:hidden}.product-editor{height:var(--height)}.categories-container{display:flex;flex-direction:column;gap:6px}.category-card{width:100%;padding:1rem;border:1px solid transparent;border-radius:6px;cursor:pointer;background-color:var(--pos-bg-2);display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-height:60px;max-height:60px;position:relative;-webkit-user-select:none;user-select:none}.category-card:after{content:"";position:absolute;bottom:0;left:0;height:7px;width:100%;background:var(--category-color);opacity:1;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.category-card.active:after{opacity:0}.category-card.active{background-color:var(--category-bg);border:1px solid var(--category-color)}.category-card.active.mobile{border:none;min-height:75px;max-height:75px}.categories-types{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.category-type{border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:var(--pos-bg-2);color:var(--color-text);padding:.4rem .5rem;height:35px}.category-type.active{border:2px solid var(--color-primary-filled);background-color:var(--color-bg)}.products-header{flex-shrink:0;position:sticky;top:0;z-index:10;display:flex;justify-content:center;align-items:center;background-color:var(--pos-bg-2);padding:.5rem;border-top-left-radius:6px;border-top-right-radius:6px}.products-list,.variant-list,.modifier-options,.payment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;align-content:start}.products-list{padding:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.variant-list,.modifier-options{padding:6px 0}.text-limit-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.order-panel,.order-history-container{display:flex;flex-direction:column}.order-panel-header{flex-shrink:0;position:sticky;top:0;background:var(--pos-bg-2);padding:8px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-color);z-index:1}.order-panel-tag-input,.order-panel-people-input{padding:6px 10px;font-size:14px;border-radius:6px;border:1px solid var(--border-color)}.order-panel-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.order-panel-sent{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.order-item-card{display:flex;flex-direction:column;border:1px solid var(--pos-bg-2);border-radius:6px;padding:6px;position:relative}.order-item-row{display:grid;grid-template-columns:40px 1fr 90px;align-items:center;gap:6px;position:relative;border-radius:6px;overflow:hidden}.order-item-row.split{grid-template-columns:40px 1fr 90px 40px}.order-item-row.refund{grid-template-columns:40px 1fr 90px 20px}.order-item-card.item-editing{border:1px solid var(--color-primary-filled);border-radius:6px;z-index:20}.order-item-card.item-new{border:1px solid var(--color-success-green-color2)}.order-item-card.item-canceled{opacity:.3;pointer-events:none}.row-sub{font-size:12px;color:var(--color-text-2)}.order-panel-qty{font-weight:700}.order-panel-total{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:6px}.order-panel-total.mobile{padding:6px 0}.order-panel-footer{flex-shrink:0;position:relative;bottom:0;background:var(--pos-bg-2);padding:8px;border-top:1px solid var(--border-color)}.order-panel-footer-mobile{flex-shrink:0;position:relative;bottom:0;padding:2px}.order-panel-footer-actions{display:flex;gap:8px;align-items:center}.btn-pending,.btn-more{width:40px;height:40px;border-radius:8px}.btn-pay{flex:1;height:40px;border-radius:8px;font-weight:700}.order-panel-popover{position:absolute;right:10px;bottom:60px;background:var(--pos-bg);border-radius:8px;padding:10px;border:1px solid var(--border-color)}.pos-header-info,.pos-header-search{display:flex;justify-content:space-between;align-items:center}.pos-footer,.pos-history-footer{display:flex;justify-content:space-around;align-items:center;gap:8px}.pos-footer>button,.pos-history-footer>button{padding-left:1.5rem;padding-right:1.5rem}.product-editor,.order-details{display:flex;flex-direction:column;gap:8px;position:relative}.editor-header{display:flex;justify-content:space-between;align-items:center;width:100%}.editor-main{flex:1;overflow-y:auto;padding:6px}.editor-main.mobile{padding:10px}.pos-disabled{position:fixed;top:0;left:0;height:100%;width:100%;opacity:.5;z-index:30}.editor-footer{position:relative;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:6px;gap:6px;background-color:var(--pos-bg-2)}.editor-footer.mobile{background-color:var(--pos-bg);padding:10px}.note-added,.discount-added,.discount-global-added{position:absolute;top:3px;right:6px;width:13px;height:13px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary-filled);border-radius:50%;font-size:10px;font-weight:700;border:2px solid var(--color-border)}.discount-added{right:10px;top:3px}.discount-global-added{right:15px;top:5px}.editor-payment{flex-direction:column;gap:4px;padding:8px}.editor-payment.mobile{width:100%;background-color:var(--pos-bg-3);padding:12px;position:fixed;bottom:0}.order-details-footer{flex-direction:column;gap:4px;padding:8px}.qty-value{font-weight:700;font-size:18px;color:var(--color-primary);text-align:center;padding:0 15px}.variant-section{display:flex;flex-direction:column}.variant-card{position:relative}.variant-card:after{content:"";position:absolute;bottom:0;left:0;height:7px;width:100%;background:var(--variant-color);opacity:1;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.variant-card.active:after{opacity:0}.variant-card.active{background-color:var(--variant-bg);border:1px solid var(--variant-color)}.modifier-option-multiple{display:grid;grid-template-columns:1fr 1fr;place-items:center;position:relative;width:100%;height:100%;overflow:hidden}.modifier-option-multiple-left{display:grid;grid-template-rows:1fr 1fr;place-items:center;gap:5px;cursor:pointer;width:100%;height:100%;border-left:2px solid var(--pos-bg-3);border-bottom:2px solid var(--pos-bg-3);border-top:2px solid var(--pos-bg-3);border-right:1px solid var(--pos-bg-3);border-radius:5px}.modifier-option-multiple-name{text-align:center;padding-left:14px;display:flex;align-items:start;height:100%}.modifier-option-multiple-icon{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center}.modifier-option-multiple-right{display:flex;flex-direction:column;align-items:center;place-items:center;cursor:pointer;background-color:var(--variant-bg2);width:100%;height:100%;border-right:2px solid var(--pos-bg-3);border-top:2px solid var(--pos-bg-3);border-bottom:2px solid var(--pos-bg-3);border-left:1px solid var(--pos-bg-3);border-radius:5px;justify-content:center;transition:background-color .2s ease}.modifier-option-multiple-right:active{background-color:var(--variant-bg3)}.modifier-option-multiple-quantity{position:absolute;top:0;left:0;background-color:var(--variant-color);border-top-left-radius:5px;border-bottom-right-radius:4px;padding:2px 6px;font-size:12px;color:var(--color-white)}.pos-header-username{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-header-area-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-sale-container{width:100%;height:calc(100dvh - 20px);display:flex;flex-direction:column;gap:4rem;justify-content:center;align-items:center;grid-column:1 / 9;background-color:var(--pos-bg);padding:1rem;border-radius:12px;position:relative}.order-list{display:flex;flex-direction:column;gap:8px;padding:6px}.sale-history-item{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background-color:var(--pos-bg-2);border-radius:6px;cursor:pointer;gap:6px;border:1px solid transparent}.sale-history-item.pending{background-color:var(--pos-bg-25)}.sale-history-item.selected{border:1px solid var(--color-primary-filled);background:#1971c21a}.sale-history-item.canceled{opacity:.3}.pending-sale{position:absolute;top:2px;left:-10px;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary-filled)}@media(min-width:900px){.pos-header-info{width:30%}.pos-header-search{width:70%}.order-panel{width:30%}.categories-container{width:18%}.products-container,.product-editor{width:52%}}@media(min-width:1024px){.pos-header-info{width:30%}.pos-header-search{width:70%}.order-panel{width:30%}.categories-container{width:15%}.products-container,.product-editor{width:55%}}@media(min-width:1280px){.pos-header-info{width:30%}.pos-header-search{width:70%}.order-panel{width:30%}.categories-container{width:12%}.products-container,.product-editor{width:58%}}@media(min-width:1440px){.pos-header-info{width:30%}.pos-header-search{width:70%}.order-panel{width:30%}.categories-container{width:11%}.products-container,.product-editor{width:59%}}@media(min-width:1600px){.pos-header-info{width:25%}.pos-header-search{width:75%}.order-panel{width:25%}.categories-container{width:10%}.products-container,.product-editor{width:65%}}.card-container{width:100%;max-width:448px;overflow:hidden}.content-wrapper{position:relative}.pull-indicator{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease-out;overflow:hidden;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.indicator-text{margin-left:12px;font-size:14px;font-weight:500;color:#4b5563}.categories-list{overflow-y:auto;-webkit-user-select:none;user-select:none;cursor:grab}.categories-list.dragging{cursor:grabbing}.categories-inner{display:flex;flex-direction:column;gap:6px}.customers-list{display:flex;flex-direction:column;gap:6px;padding:6px}.customers-list.mobile{max-height:200px;overflow-y:auto;overflow-x:hidden}.customer-card{padding:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:var(--pos-bg-2);display:flex;flex-direction:column;align-items:start;-webkit-user-select:none;user-select:none;position:relative}.customer-card:after{content:"";position:absolute;bottom:0;left:0;height:7px;width:100%;background:var(--category-color);opacity:1;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.customer-card.active:after{opacity:0}.customer-card.active{background-color:var(--category-bg);border:1px solid var(--category-color)}.bg-input-pos{background-color:var(--pos-bg-2)!important}.input-card{border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:var(--pos-bg-2);color:var(--color-text);display:flex;flex-direction:column;align-items:start;-webkit-user-select:none;user-select:none;position:relative;padding:.7rem;width:100%;font-size:1rem;height:100%}.pos-tables{background-color:var(--pos-bg)}.pos-tables-header{display:flex;gap:1rem;justify-content:center;position:relative;align-items:center;margin-bottom:2px}.pos-tables-header-info{position:absolute;left:0;margin-left:5px}.pos-tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;align-content:start;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0 20px;overflow:auto}.pos-table{display:flex;justify-content:center;align-items:center;background-color:var(--pos-bg-2);border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;width:100%;font-size:1rem;min-height:185px;cursor:pointer;transition:all .3s ease}.pos-table.occupied{display:flex;flex-direction:column;justify-content:start;align-items:start;background-color:var(--pos-bg-3)}.pos-table.occupied.selected{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.pos-table.free.selected{outline:2px solid var(--color-primary-filled-hover);outline-offset:-2px}.pos-table-header{background-color:var(--color-primary-filled);display:flex;justify-content:space-between;width:100%;border-top-left-radius:6px;border-top-right-radius:6px;padding:.4rem .7rem}.pos-table-content{display:flex;flex-direction:column;padding:.7rem;gap:.6rem;width:100%}.pos-table-content-row{display:flex;justify-content:space-between;gap:4px;align-items:center;background-color:var(--pos-bg-25);width:100%;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease}@media(max-width:768px){.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;place-items:center;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0 20px;background-color:#f7f9fb}.categories-inner-mobile{display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));place-content:start;height:calc(100dvh - 220px)}.payments-inner-mobile{place-content:start;gap:.3rem;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.slider-wrapper{position:relative;background-color:var(--pos-bg);padding:10px 0;width:100%;overflow:hidden}.slider-wrapper:before,.slider-wrapper:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.slider-wrapper:before{left:0;background:linear-gradient(to right,var(--pos-bg),transparent)}.slider-wrapper:after{right:0;background:linear-gradient(to left,var(--pos-bg),transparent)}.slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;box-sizing:border-box;padding:0 50%;align-items:center;scrollbar-width:none}.slider-container::-webkit-scrollbar{display:none}.category-item{flex:0 0 auto;padding:5px 20px;cursor:pointer;scroll-snap-align:center;transition:opacity .3s ease,transform .3s ease;opacity:.4;filter:blur(1px)}.category-item.active{opacity:1;filter:blur(0);font-weight:700;transform:scale(1.1)}.order-panel-mobile{position:absolute;bottom:0;width:100%}.post-sale-mobile{width:100%;position:fixed;bottom:0;left:0;padding:.8rem}@media(min-width:1800px){.products-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}@media(max-width:1800px){.products-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}}@media(max-width:1200px){.products-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px}}.dividing-line{width:100%;height:1px;background-color:var(--color-border)}.split-account{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.table-context-menu{position:fixed;background-color:var(--pos-bg-3);border:6px solid var(--pos-bg-2);border-radius:8px;min-width:180px;user-select:none;-webkit-user-select:none}.table-context-header{border-bottom:2px solid var(--pos-bg-2);display:flex;justify-content:center;padding:7px 0 3px}.table-context-list{list-style:none;margin:0;padding:0}.table-context-item{cursor:pointer;padding:6px;transition:background-color .2s ease}.table-context-item:hover{background-color:var(--pos-bg-25)}.refund-modal-header{display:flex;padding:8px;gap:8px;align-items:center}@media(max-width:768px){.pos-container{padding:0}.products-container{width:100%!important;background-color:var(--pob-bg)!important;padding:2px}.product-editor{width:100%!important;background-color:var(--pob-bg)!important;height:100dvh}}.configuration-header{display:flex;gap:.5rem;margin-top:.8rem;overflow-x:auto;white-space:nowrap}.configuration-header>*{flex:0 0 auto}.configuration-header button{width:auto}.side-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:flex-end;z-index:100;overflow:hidden}.side-modal-body.disabled{pointer-events:none;opacity:.5}.side-modal-container{background-color:var(--color-bg);width:620px;max-width:100%;height:100%;display:flex;flex-direction:column;box-shadow:-2px 0 8px #0003;transition:transform .3s ease;overflow:hidden}.side-modal-header{padding:var(--padding-body);color:var(--color-text);font-weight:600;display:flex;justify-content:space-between;align-items:start;flex-shrink:0;border-bottom:1px solid var(--color-border)}.side-modal-texts{display:flex;flex-direction:column}.side-modal-body{padding:var(--padding-body);overflow-y:auto;flex-grow:1}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer}@media(max-width:620px){.side-modal-container{width:100%}}.side-modal-footer{padding:var(--padding-body);flex-shrink:0;border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.side-modal-footer.single{grid-template-columns:repeat(1,1fr)}.ps-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--padding-input);border:none;background-color:var(--input-bg);font-size:14px;font-family:var(--font-family);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;color:var(--input-color);height:var(--input-heigth)}.border-rounded{border-radius:var(--radius)}.border-full{border:1px solid var(--color-border)}.border-rounded-right{border-radius:0 var(--radius) var(--radius) 0}.ps-select-trigger.ps-open{border-color:var(--color-primary-filled)}.ps-select-trigger:focus{border-color:var(--color-primary-filled)}.ps-select-trigger.ps-disabled{opacity:.5;cursor:not-allowed}.ps-select-label{flex:1;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ps-placeholder{color:var(--text-muted)}.ps-chevron{display:inline-flex;transition:transform .15s ease}.ps-chevron.ps-open{transform:rotate(180deg)}.ps-popover{position:absolute;background:var(--input-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #00000014;padding:6px 0;z-index:2000;max-height:260px;overflow-y:auto;display:flex;flex-direction:column}.ps-search-container{position:relative;width:100%}.ps-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.7}.ps-search-wrapper{padding:10px}.ps-search-input{width:100%;border:1px solid var(--color-border);background-color:var(--input-bg);color:var(--input-color);border-radius:var(--radius);padding:.5rem .75rem;padding:.5rem .75rem .5rem 34px;outline:none;font-size:1rem}.ps-search-input:focus{border-color:var(--color-primary-filled)}.ps-options{max-height:240px;overflow-y:auto}.ps-option{width:100%;padding:10px 15px;background:transparent;border:none;text-align:left;font-size:14px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;font-family:var(--font-family)}.ps-option:hover{background-color:var(--color-bg-hover)}.ps-option-active{background-color:var(--color-primary-ligth);color:var(--color-primary-ligth-color);font-weight:500}.ps-option-active div span:first-child{color:var(--color-primary-ligth-color)!important}.ps-option.ps-empty{font-size:13px;color:var(--text-muted);cursor:default;width:0;padding:0}.ps-options::-webkit-scrollbar{width:6px}.ps-options::-webkit-scrollbar-track{background:transparent}.ps-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.ps-select-trigger.error{border-color:var(--color-error)}.image-upload-card{position:relative;border:1px dashed var(--color-border);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--sidebar-bg);font-family:system-ui,-apple-system,sans-serif}.image-upload-card.dragging{border-color:var(--color-border);background-color:var(--input-bg)}.image-upload-card.disabled{opacity:.5;cursor:not-allowed}.image-upload-card input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-upload-preview{position:relative;display:inline-block;margin:0 auto}.image-upload-preview img{max-height:192px;border-radius:6px;object-fit:cover;box-shadow:0 1px 3px #0000001a}.cbx-trigger{position:relative;display:flex;align-items:center;border:1px solid var(--color-border);background-color:var(--input-bg);border-radius:8px;padding:var(--padding-input);font-family:var(--font-family);gap:4px;transition:border-color .15s ease,background-color .15s ease;color:var(--input-color);height:var(--input-heigth)}.cbx-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-light);font-size:14px}.cbx-chevron{transition:transform .15s ease}.cbx-chevron.rotated{transform:rotate(180deg)}.cbx-trigger.cbx-disabled{opacity:.5;cursor:not-allowed}.cbx-popover{position:absolute;max-height:200px;overflow-y:auto;background:var(--input-bg);border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 12px #00000014;z-index:2000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cbx-option{width:100%;padding:10px 15px;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-family:var(--font-family)}.cbx-option:hover{background-color:var(--color-bg-hover)}.cbx-option.active{background-color:var(--color-primary-ligth);color:var(--color-primary-ligth-color);font-weight:500}.cbx-empty{display:flex;align-items:center;gap:4px;padding:8px;font-size:14px;color:var(--primary-color);cursor:pointer}.scroll-horizontal-container{display:flex;gap:8px;margin-top:16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.scroll-horizontal-container.p-none{padding:0;margin:0}.scroll-horizontal-container::-webkit-scrollbar{display:none}.scroll-horizontal-container{-ms-overflow-style:none;scrollbar-width:none}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}