:root{--primary:oklch(30% .04 260);--primary-hover:oklch(25% .04 260);--bg-app:oklch(98% .01 260);--bg-card:oklch(100% 0 0);--text-main:oklch(15% .01 260);--text-muted:oklch(45% .01 260);--border:oklch(92% .01 260);--success:oklch(65% .1 145);--success-soft:oklch(95% .03 145);--danger:oklch(60% .12 25);--danger-soft:oklch(95% .03 25);--danger-shadow:#ef444433;--success-shadow:#22c55e33;--warning:oklch(75% .15 85);--warning-soft:oklch(95% .05 85);--warning-shadow:#eab30833;--accent-soft:oklch(92% .03 260);--bg-panel:oklch(94% .015 260);--primary-shadow:#33415533;--overlay-dark:#000000b3;--radius:14px;--radius-sm:8px;--primary-rgb:51, 65, 85;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:24px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--duration-fast:.16s;--duration-normal:.25s}.dark{--bg-app:oklch(15% .02 260);--bg-card:oklch(20% .02 260);--primary:oklch(55% .14 260);--text-main:oklch(98% .01 260);--text-muted:oklch(80% .01 260);--border:oklch(28% .02 260);--accent-soft:oklch(30% .02 260);--bg-panel:oklch(25% .025 260);--primary-shadow:#00000080;--success:oklch(55% .15 145);--success-soft:oklch(25% .05 145);--success-shadow:#22c55e1a;--warning:oklch(65% .15 85);--warning-soft:oklch(25% .05 85);--warning-shadow:#eab3081a;--danger:oklch(52% .16 25);--danger-soft:oklch(25% .05 25);--danger-shadow:#ff5e5e33;--overlay-dark:#000c;--shadow:0 10px 20px -5px #0006;--shadow-lg:0 20px 40px -10px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}body{background-color:var(--bg-app);color:var(--text-main);scrollbar-gutter:stable;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600}button{cursor:pointer;border-radius:var(--radius);border:none;transition:all .2s}input,select,textarea{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;max-width:100%;padding:12px 16px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 2px var(--primary-light)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.glass-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.pos-container{grid-template-columns:1fr 1fr;gap:20px;max-width:1700px;height:100vh;margin:0 auto;padding:20px;display:grid}.search-section,.cart-section{flex-direction:column;gap:16px;height:100%;display:flex;overflow-y:auto}.floating-nav{z-index:1000;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:40px;gap:6px;padding:6px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.icon-pill{background:var(--accent-soft);color:var(--primary);border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.floating-nav .nav-item{color:var(--text-muted);border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.floating-nav>div{align-items:center;display:flex}.nav-item.active{background:var(--primary);color:#fff}@media (hover:hover){.nav-item:hover:not(.active){background:var(--accent-soft);color:var(--primary);transform:translateY(-2px)}}.dropdown-menu{z-index:1100;background:var(--bg-card);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:8px;animation:.2s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.dropdown-menu{animation:.2s ease-out slideUp;top:auto;bottom:calc(100% + 12px);right:-10px}}.page-container{max-width:1400px;margin:0 auto;padding:40px}.mobile-container{width:100%;max-width:1400px;margin:0 auto}@media (width<=768px){.mobile-container{padding-top:20px;padding-bottom:100px}}.main-content{margin-top:86px}@media (width<=1024px){.pos-container{grid-template-columns:1fr;height:auto;padding-bottom:40px}}@media (width<=768px){.page-container{padding:0 16px 100px}.main-content{margin-top:10px}.pos-container{padding:0 16px 100px}.floating-nav{background:var(--bg-card);width:95%;box-shadow:var(--shadow-lg);border-radius:24px;justify-content:space-evenly;gap:4px;padding:8px;top:auto;bottom:20px;left:50%;overflow:visible;transform:translate(-50%)}.nav-item-wrapper{justify-content:center;align-items:center;display:flex}.dropdown-menu{right:0}@media (width<=480px){.dropdown-menu{right:-40px}}.floating-nav::-webkit-scrollbar{display:none}.floating-nav .nav-item{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.floating-nav .nav-item svg{width:20px;height:20px}.floating-nav .nav-item span{display:none}.metrics-grid{grid-template-columns:1fr 1fr!important}.settings-grid,.customers-grid,.form-grid,.debts-main-grid{grid-template-columns:1fr!important}.modal-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:95%!important;padding:15px 15px 80px!important}input,select{padding:8px 12px;font-size:15px}table thead{display:none}table tr{background:var(--bg-card);border-radius:10px;margin-bottom:8px;padding:8px 12px;display:block;border:1px solid var(--border)!important}table td{justify-content:space-between;font-size:13px;display:flex;border:none!important;padding:4px 0!important}table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.hide-mobile{display:none!important}.glass-panel:has(table){box-shadow:none!important;background:0 0!important;border:none!important;padding:4px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.sidebar-section{flex-direction:column;gap:16px;display:flex}.clickable-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.clickable-card:hover{border-color:var(--primary);background:#33415505;transform:translateY(-1px)}.clickable-card.selected{border-color:var(--primary);background:#3341550d;box-shadow:0 4px 6px -1px #0000000d}.payment-input-group{background:var(--bg-app);border:1px solid var(--border);border-radius:16px;padding:20px}.filter-bar{flex-wrap:nowrap;gap:8px;padding:12px;display:flex}@media (width<=768px){.filter-bar{flex-wrap:wrap;padding:8px}}.nav-item-relative{position:relative}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{background:var(--bg-card);color:var(--text-main);text-align:center;white-space:nowrap;border:1px solid var(--border);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:600;animation:2s ease-in-out forwards toastAnimate;display:flex;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes toastAnimate{0%{opacity:0;transform:translateY(12px)scale(.95)}10%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.95)}}.toast.success{background:var(--bg-card);border-color:var(--success);border-width:1.5px}.toast.error{background:var(--bg-card);border-color:var(--danger);border-width:1.5px}.centered-page-loader{width:100%;height:60vh;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.3s ease-out fadeIn;display:flex}@keyframes slideUpFull{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFull}.flex-col{flex-direction:column;display:flex}.p-0{padding:0!important}.m-0{margin:0!important}.bottom-sheet{align-items:flex-end!important;padding:0!important}.bottom-sheet-content{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFull;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;width:100%!important;max-width:100%!important;margin-bottom:0!important}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.switch{cursor:pointer;width:52px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:#cbd5e1;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 5px #00000026}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(24px)}.print-only{display:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.text-center{text-align:center}.gap-1\.5{gap:6px}.mt-8{margin-top:32px}.mt-12{margin-top:48px}.px-3{padding-left:12px;padding-right:12px}.pl-9{padding-left:36px}.pl-10{padding-left:40px}.text-\[8px\],.text-\[9px\],.text-\[10px\],.text-\[11px\]{font-size:11px!important;font-weight:600!important}.text-xs{font-size:12px}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:28px}.text-3xl{font-size:var(--font-3xl)}.font-medium{font-weight:500}.font-semibold,.font-bold,.font-extrabold,.font-black{font-weight:600}.font-mono{font-family:monospace}.uppercase{text-transform:uppercase}.truncate{white-space:normal;line-height:1.25;overflow:visible}.block{display:block}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.w-7{width:28px}.w-8{width:32px}.w-9{width:36px}.w-10{width:40px}.w-12{width:48px}.h-7{height:28px}.h-8{height:32px}.h-10{height:40px}.h-12{height:48px}.h-full{height:100%}.min-w-0{min-width:0}.bg-white{background-color:var(--bg-card)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-green-600{background-color:var(--success)}.bg-slate-50{background-color:var(--bg-app)}.bg-slate-50\/50{background-color:var(--accent-soft)}.bg-transparent{background-color:#0000}.bg-card{background-color:var(--bg-card)}.bg-success\/10{background-color:var(--success-soft)}.bg-danger\/10{background-color:var(--danger-soft)}.bg-primary\/10{background-color:var(--accent-soft)}.bg-primary\/5{background-color:rgba(var(--primary-rgb), .05)}.bg-danger\/5{background-color:#ef44440d}.bg-success\/5{background-color:#22c55e0d}.bg-muted\/10{background-color:#64748b1a}.bg-muted\/20{background-color:#64748b33}.hover\:bg-primary\/5:hover{background-color:rgba(var(--primary-rgb), .05)}.hover\:bg-primary\/10:hover{background-color:var(--accent-soft)}.hover\:bg-danger\/10:hover{background-color:var(--danger-soft)}.hover\:bg-muted\/20:hover{background-color:#64748b33}.list-item-hover{background-color:var(--bg-card)}.list-item-hover:hover{background-color:var(--accent-soft)}.overlay-fixed{background-color:var(--overlay-dark);z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:12px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-primary\/20{box-shadow:0 10px 15px -3px var(--primary-shadow)}.shadow-success\/20{box-shadow:0 10px 15px -3px var(--success-shadow)}.shadow-danger\/20{box-shadow:0 10px 15px -3px var(--danger-shadow)}.border{border:1px solid var(--border)}.border-border{border-color:var(--border)}.border-t{border-top:1px solid var(--border)}.border-b-2{border-bottom-style:solid;border-bottom-width:2px}.border-dashed{border-style:dashed}.transition-all{transition:all .2s}.hover\:opacity-90:hover{opacity:.9}.hover\:scale-105:hover{transform:scale(1.05)}.relative{position:relative}.absolute{position:absolute}.left-3{left:12px}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-none{flex:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.\!p-1{padding:4px!important}.\!p-2{padding:8px!important}.\!p-4{padding:16px!important}.\!pr-12{padding-right:48px!important}.\!py-4{padding-top:16px!important;padding-bottom:16px!important}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.m-1{margin:4px}.m-2{margin:8px}.m-4{margin:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-10{margin-top:40px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mx-1{margin-left:4px;margin-right:4px}.mx-2{margin-left:8px;margin-right:8px}.cursor-pointer{cursor:pointer}.text-primary{color:var(--primary)}.text-warning{color:var(--warning)}.text-white\/80{color:#fffc}.text-white\/60{color:#fff9}.text-muted{color:var(--text-muted)}.text-muted\/40{color:rgba(var(--primary-rgb), .4)}.text-muted\/50{color:rgba(var(--primary-rgb), .5)}.text-danger\/50{color:#ef444480}.text-danger\/70{color:#ef4444b3}.text-red-400{color:#f87171}.text-slate-600{color:#475569}.border-border\/30{border-color:rgba(var(--primary-rgb), .1)}.border-border\/40{border-color:rgba(var(--primary-rgb), .15)}.border-border\/50{border-color:rgba(var(--primary-rgb), .2)}.border-primary\/10{border-color:rgba(var(--primary-rgb), .1)}.border-primary\/20{border-color:rgba(var(--primary-rgb), .2)}.border-primary\/30{border-color:rgba(var(--primary-rgb), .3)}.border-primary\/50{border-color:rgba(var(--primary-rgb), .5)}.border-danger\/20{border-color:#ef444433}.border-danger\/30{border-color:#ef44444d}.modal-overlay-custom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;animation:fadeIn var(--duration-fast) var(--ease-out);background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.animate-modal-in{animation:modalScaleIn var(--duration-normal) var(--ease-out) forwards}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=480px){.modal-overlay-custom{padding:8px}}.modal-content-custom{background-color:var(--bg-card);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:20px;max-height:90vh;margin:auto;padding:24px;position:relative;overflow-y:auto}@media (width<=640px){.modal-content-custom{width:96%;max-height:88vh;padding:16px}}.checkout-header{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.btn-icon{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.btn-icon:hover{background:var(--bg-app)}.product-item-row{border-radius:var(--radius);cursor:pointer;border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;transition:all .2s;display:flex}.product-item-row.selected,.product-item-row:hover{background:var(--bg-app)}.cart-item-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}@media (width<=768px){.cart-item-row{padding:10px 4px}}.grid-col-span-2{grid-column:span 2}@media (width<=640px){.grid-col-span-2{grid-column:span 1}}.btn-primary-compact{background-color:var(--primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px 0 var(--primary-shadow);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:12px 24px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary-compact:hover{color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary), 0 4px 12px rgba(var(--primary-rgb), .15);background-color:#0000;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-app);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-secondary:hover{background-color:var(--accent-soft);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.btn-icon{background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--accent-soft);color:var(--primary);border-color:var(--primary);transform:scale(1.05)}@media (width<=768px){.btn-primary-compact{padding:10px 16px;font-size:12px}}@media (width<=480px){.btn-primary-compact{justify-content:center;padding:10px}.btn-primary-compact span{display:none}.btn-primary-compact svg{margin:0!important}}.icon-wrapper-accent{background-color:var(--accent-soft);color:var(--primary);border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:11px;font-weight:600;display:block}.detail-item-value{color:var(--text-main);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.close-button-absolute{color:var(--text-muted);z-index:50;cursor:pointer;will-change:transform, background;backface-visibility:hidden;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;transition:background .25s,color .25s,transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:12px;right:12px;transform:rotate(0)}.close-button-absolute:hover{background:var(--danger-soft);color:var(--danger);transform:rotate(90deg)scale(1.05)}.close-button-absolute:active{transform:rotate(90deg)scale(.95)}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.green{background-color:var(--success-soft);color:var(--success);border:1px solid var(--success-shadow)}.status-badge.red{background-color:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-shadow)}.status-badge.yellow{background-color:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-shadow)}.text-amount-success{color:var(--success);font-weight:600}.text-amount-danger{color:var(--danger);font-weight:600}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-success-muted{color:var(--success);opacity:.6}.text-danger-muted{color:var(--danger);opacity:.6}.summary-metric-card{flex-direction:column;justify-content:center;gap:4px;padding:16px;display:flex}.summary-metric-card.success{background:linear-gradient(135deg,#22c55e0d 0%,#22c55e05 100%);border-color:#22c55e26}.summary-metric-card.neutral{background:linear-gradient(135deg,#37415108 0%,#37415103 100%)}.summary-metric-card.primary{background:linear-gradient(135deg, rgba(var(--primary-rgb), .05) 0%, rgba(var(--primary-rgb), .02) 100%);border-color:rgba(var(--primary-rgb), .15)}.summary-metric-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.summary-metric-card .value{color:var(--text-main);font-size:20px;font-weight:600}.sale-details-container{padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;position:relative}.header-with-icon{align-items:center;gap:12px;margin-bottom:20px;display:flex}.icon-wrapper-accent{color:var(--primary);background-color:#3472f71a;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.detail-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.histoy-list-header{border-bottom:1px solid var(--border);background:var(--bg-app);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.empty-state-container{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:60px 20px;display:flex}.tab-group{gap:8px;margin-bottom:24px;display:flex}.tab-button{border:1px solid var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #33415533}.tab-button:not(.active){background:var(--bg-card);color:var(--text-main)}.tab-button:not(.active):hover{background:var(--bg-app);border-color:var(--text-muted)}.pagination-standard-container{background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 4px;animation:.3s fadeIn;display:flex}.pagination-page-info{color:var(--text-muted);font-size:12px;font-weight:500}.pagination-standard-button{background-color:var(--bg-card);min-height:44px;color:var(--text-main);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pagination-standard-button:hover:not(:disabled){background-color:var(--accent-soft);color:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.pagination-standard-button:disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted)}.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}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--accent-soft) inset!important;-webkit-text-fill-color:var(--text-main)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--accent-soft) inset!important;-webkit-text-fill-color:var(--text-main)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--accent-soft) inset!important;-webkit-text-fill-color:var(--text-main)!important}.modal-content-custom input,.modal-content-custom select{background-color:var(--accent-soft);border:1.5px solid var(--border);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-content-custom input:focus,.modal-content-custom select:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1)}.modal-content-custom input::placeholder{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:10px;font-weight:700;transition:all .2s}.modal-content-custom input:focus::placeholder{opacity:.4;transform:translate(4px)}.modal-content-custom select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.modal-content-custom select:hover{background-color:var(--bg-card);border-color:var(--primary-shadow)}.modal-content-custom select option{background-color:var(--bg-card);color:var(--text-main);padding:12px;font-size:14px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.jrwtf-stepper{background-color:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;align-items:center;gap:.4rem;height:4.5rem;padding:.4rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.jrwtf-stepper-btn{aspect-ratio:1;background-color:var(--accent-soft);height:100%;color:var(--primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:all .2s;display:flex}.jrwtf-stepper-btn:hover{background-color:rgba(var(--primary-rgb), .05)}.jrwtf-stepper-btn.minus:hover{color:#ef4444;background-color:#ef44441a}.jrwtf-stepper-btn.plus:hover{color:#22c55e;background-color:#22c55e1a}.jrwtf-stepper-btn:active{transform:scale(.9)}.jrwtf-stepper-input{width:100%;color:var(--primary);text-align:center;font-variant-numeric:tabular-nums;background:0 0;outline:none;font-size:2.5rem;font-weight:900;box-shadow:none!important;border:none!important}.jrwtf-pill-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.jrwtf-pill{border:1px solid var(--border);background-color:var(--bg-card);height:2.75rem;color:var(--text-muted);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;transition:all .2s;display:flex}.jrwtf-pill:hover{border-color:rgba(var(--primary-rgb), .4)}.jrwtf-pill.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 10px 15px -3px rgba(var(--primary-rgb), .2)}.jrwtf-pill:active{transform:scale(.95)}.metric-card-interactive{border:1.5px solid var(--border);transition:all .3s cubic-bezier(.16,1,.3,1)}.metric-card-interactive:hover{border-color:var(--primary);box-shadow:0 12px 24px -10px rgba(var(--primary-rgb), .2);transform:translateY(-4px);background-color:var(--bg-card)!important}.metric-card-interactive:active{transform:translateY(-2px)scale(.98)}.bg-red-50\/80{background-color:#fef2f2cc}.bg-red-100{background-color:#fee2e2}.bg-primary{background-color:var(--primary)}.bg-danger{background-color:var(--danger)}.border-red-300{border-color:#fca5a5}.border-l-4{border-left-style:solid;border-left-width:4px}.border-l-danger{border-left-color:var(--danger)}.text-white{color:#fff}.whitespace-nowrap{white-space:nowrap}.px-2\.5{padding-left:10px;padding-right:10px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-3\.5{padding-top:14px;padding-bottom:14px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.rounded-xl{border-radius:16px}.no-underline{text-decoration:none!important}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.leading-none{line-height:1}.mb-0\.5{margin-bottom:2px}.text-\[8px\]{font-size:10px}.opacity-90{opacity:.9}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-soft}.payment-grid{grid-template-columns:repeat(2,1fr);gap:20px 32px;display:grid}@media (width<=640px){.payment-grid{grid-template-columns:1fr;gap:16px}}.payment-method-row{flex-direction:column;gap:4px;display:flex}.payment-input{width:100%;color:var(--primary);outline:none;background:0 0!important;border:none!important;padding:0!important;font-size:18px!important;font-weight:900!important}.payment-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0;display:grid}.payment-method-row{background:var(--bg-app);border:1px solid var(--border);border-radius:16px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.payment-method-row:hover{background:var(--accent-soft);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.payment-method-row:focus-within{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px #3341551a}.payment-input{width:100%;color:var(--primary);caret-color:var(--primary);tabular-nums:true;background:0 0;border:none;outline:none;min-height:43px;padding:8px 0;font-family:inherit;font-size:22px;font-weight:700;line-height:1.2}.payment-input::placeholder{color:var(--text-muted);opacity:.3}.history-item-container{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .2s;display:flex}.history-item-container:hover{border-color:var(--text-muted)}.pos-search-input-wrapper{width:100%;position:relative}.pos-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.product-search-item{background-color:var(--bg-card);cursor:pointer;border-bottom:1px solid var(--border);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:all .2s;display:flex}.product-search-item.selected{background-color:var(--bg-app);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cart-header{border-bottom:1px solid var(--border);background:#33415505;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cart-item-row{background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.cart-main-panel{max-height:calc(100vh - 40px);height:auto!important}.cart-items-list{max-height:340px;overflow-y:auto}.qty-input{text-align:center;border:1px solid var(--border);border-radius:4px;width:50px;padding:4px 0;font-size:14px;font-weight:600}.checkout-footer{border-top:1px solid var(--border);background:#33415505;padding:10px}.currency-toggle{background:var(--accent-soft);border-radius:8px;gap:2px;padding:2px;display:flex}.currency-btn{color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.currency-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow)}.payment-method-btn{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .2s;display:flex}.payment-method-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px var(--primary-shadow)}.checkout-confirm-btn{background-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(var(--primary-rgb), .3);cursor:pointer;border:none;border-radius:9999px;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:18px 24px;font-size:16px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.checkout-confirm-btn:hover:not(:disabled){color:var(--primary);box-shadow:inset 0 0 0 2.5px var(--primary), 0 8px 30px rgba(var(--primary-rgb), .15);background-color:#0000;transform:translateY(-2px)}.checkout-confirm-btn:disabled{background-color:var(--bg-panel);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.success-ticket-btn{cursor:pointer;color:var(--primary)!important;border:2px solid rgba(var(--primary-rgb), .1)!important;background-color:#fff!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;padding:18px 24px!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.success-ticket-btn:hover{color:var(--primary)!important;box-shadow:inset 0 0 0 2.5px var(--primary), 0 8px 30px rgba(var(--primary-rgb), .15)!important;background-color:#0000!important;border-color:#0000!important;transform:translateY(-2px)!important}.search-container-glass{align-items:center;gap:16px;margin-bottom:24px;padding:12px 24px;display:flex}@media (width<=768px){.search-container-glass{flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px;display:flex}}.badge-blue{background-color:rgba(var(--primary-rgb), .1);color:var(--primary);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.stock-indicator{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:45px;padding:4px 8px;display:flex}.stock-indicator.low{color:var(--danger);background-color:#ef44441a}.stock-indicator.ok{color:var(--success);background-color:#22c55e1a}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.form-label-caps{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.price-input-wrapper{flex-direction:column;display:flex;position:relative}.price-hint-overlay{color:var(--primary);pointer-events:none;font-size:10px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pagination-container{border-top:1px solid var(--border);background:var(--bg-app);justify-content:center;align-items:center;gap:12px;padding:16px 24px;display:flex}.pagination-btn{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background-color:var(--accent-soft);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}@media print{@page{margin:10mm;size:auto}@page pos-ticket{margin:0;size:80mm auto}@page letter-page{margin:15mm;size:letter}html,body{background:#fff!important;height:auto!important;overflow:hidden!important}#root,.pos-container,.page-container,.main-content{background:0 0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.printing-ticket #root,body.printing-ticket .main-content,body.printing-ticket .pos-container{width:80mm!important;display:block!important}.search-section,.cart-section,.floating-nav,.toast-container,.modal-overlay,.modal-content,.checkout-footer,.pos-search-input-wrapper,.checkout-methods,.checkout-bar-integrated,nav,header{display:none!important}.print-only{page:pos-ticket;z-index:9999!important;background:#fff!important;width:80mm!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}body.print-letter,body.print-letter #root,body.print-letter .page-container{width:100%!important;max-width:none!important}.print-only-letter{page:letter-page;z-index:9999!important;background:#fff!important;width:100%!important;margin:0 auto!important;display:block!important;position:relative!important}}