.pos-page-wrapper{width:100%;height:100vh;font-family:var(--font-sans);color:var(--text-main);box-sizing:border-box;background-color:#f7faff;flex-direction:column;font-size:13px;display:flex;overflow:hidden}.pos-header-container{box-shadow:var(--shadow-sm);box-sizing:border-box;background-color:#fff;border-bottom:1px solid #cbd5e1;flex-direction:column;flex-shrink:0;width:100%;max-width:100vw;padding:8px 16px;display:flex;overflow-x:clip}.pos-header-top-row{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.pos-header-left{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.pos-header-branding{-webkit-user-select:none;user-select:none}.pos-header-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.pos-header-subtitle{color:#64748b;margin-top:1px;font-size:12px}.pos-header-center-search{flex:180px;align-items:center;min-width:140px;max-width:440px;display:flex;position:relative}.pos-search-dropdown{z-index:1050;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;max-height:420px;animation:.15s ease-out posFadeDown;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a2e,0 2px 6px #0f172a14}@keyframes posFadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pos-search-dropdown-header{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:11.5px;font-weight:600;display:flex}.pos-search-dropdown-list{max-height:360px;padding:4px 0;overflow-y:auto}.pos-search-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:9px 14px;transition:background-color .12s;display:flex}.pos-search-dropdown-item:last-child{border-bottom:none}.pos-search-dropdown-item:hover,.pos-search-dropdown-item.active{background-color:#f0fdfa}.pos-search-item-thumb{object-fit:cover;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:42px;height:42px}.pos-search-item-thumb-placeholder{color:#94a3b8;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pos-search-item-details{flex:1;min-width:0}.pos-search-item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pos-search-item-meta{color:#64748b;align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.pos-search-item-meta .badge-sku{font-family:var(--font-mono);color:var(--blue-primary);font-weight:600}.pos-search-item-meta .badge-stock{color:#16a34a;font-weight:500}.pos-search-item-meta .badge-stock.out{color:#ef4444}.pos-search-item-price-col{text-align:right;flex-shrink:0}.pos-search-item-price{color:var(--blue-primary);font-size:13.5px;font-weight:700}.pos-search-item-unit{color:#64748b;font-size:11px}.pos-search-empty-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.pos-barcode-search-form{align-items:center;gap:6px;width:100%;display:flex}.pos-barcode-input{border-radius:var(--radius-pill);background-color:#fff;border:1px solid #cbd5e1;outline:none;flex:1;height:34px;padding:0 14px;font-size:12.5px;transition:all .2s}.pos-barcode-input:focus{border-color:var(--blue-primary);box-shadow:0 0 0 2px #0f766e26}.pos-barcode-submit-btn{background-color:var(--blue-primary);color:#fff;border:1px solid var(--blue-dark);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;height:34px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s}.pos-barcode-submit-btn:hover{background-color:var(--blue-hover)}.pos-header-right-actions{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.pos-mode-switch{border-radius:var(--radius-pill);white-space:nowrap;background-color:#f1f5f9;flex-shrink:0;gap:2px;padding:3px;display:flex}.pos-mode-btn{color:#475569;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.pos-mode-btn.active{background-color:var(--blue-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px #0f766e40}.pos-cashier-badge{color:#0f766e;border-radius:var(--radius-pill);white-space:nowrap;background-color:#f0fdfa;border:1px solid #ccfbf1;padding:4px 12px;font-size:12px;font-weight:500}.pos-hamburger-wrapper{position:relative}.pos-hamburger-btn{border-radius:var(--radius-pill);color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pos-hamburger-btn:hover,.pos-hamburger-btn.active{background-color:#e2e8f0;border-color:#94a3b8}.pos-hamburger-icon{font-size:15px;line-height:1}.pos-hamburger-dropdown{z-index:1050;background-color:#fff;border:1px solid #cbd5e1;border-radius:14px;flex-direction:column;gap:4px;width:250px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px -4px #0f172a1f,0 4px 10px -2px #0f172a0f}.pos-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.pos-dropdown-item:hover{background-color:#f1f5f9}.pos-dropdown-item.highlight{background-color:#f0fdfa;border:1px solid #ccfbf1}.pos-dropdown-item.highlight:hover{background-color:#ccfbf1}.pos-dropdown-item .item-icon{flex-shrink:0;font-size:18px}.pos-dropdown-item .item-content{flex:1;min-width:0}.pos-dropdown-item .item-title{color:#0f172a;font-size:12.5px;font-weight:600}.pos-dropdown-item .item-desc{color:#64748b;margin-top:1px;font-size:11px;line-height:1.2}.pos-header-tabs-row{box-sizing:border-box;border-top:1px solid #f1f5f9;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;margin-top:4px;padding-top:6px;display:flex}.pos-tab-nav-arrow{border-radius:var(--radius-pill);color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:inline-flex}.pos-tab-nav-arrow:hover{background-color:var(--blue-primary);color:#fff;border-color:var(--blue-primary)}.pos-tabs-scroll-area{cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;scroll-behavior:smooth;flex:1;align-items:center;gap:6px;padding:3px 2px;display:flex;overflow:auto hidden}.pos-tabs-scroll-area.is-dragging{cursor:grabbing;scroll-behavior:auto}.pos-tabs-scroll-area::-webkit-scrollbar{height:5px}.pos-tabs-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.pos-tabs-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.pos-tab-item{border-radius:var(--radius-pill);cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;background-color:#f8fafc;border:1px solid #cbd5e1;flex-shrink:0;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;transition:all .15s;display:inline-flex;white-space:nowrap!important}.pos-tab-item:hover{color:#0f172a;background-color:#e2e8f0}.pos-tab-item.active{background-color:var(--blue-primary);color:#fff;border-color:var(--blue-dark);font-weight:700}.pos-tab-name{font-weight:inherit}.pos-tab-close{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;margin-left:2px;padding:0;font-size:14px;line-height:1}.pos-tab-close:hover{opacity:1}.pos-add-tab-btn-outside{border-radius:var(--radius-pill);color:#0f766e;cursor:pointer;white-space:nowrap;background-color:#f0fdfa;border:1px solid #99f6e4;flex-shrink:0;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.pos-add-tab-btn-outside:hover{background-color:#ccfbf1;border-color:#5eead4}.pos-main-body{box-sizing:border-box;background-color:#f7faff;flex:1;grid-template-columns:minmax(0,1fr) clamp(375px,26vw,440px);gap:12px;width:100%;max-width:1920px;min-height:0;margin:0 auto;padding:10px 14px;display:grid;overflow:hidden}.pos-left-column{border-right:none;flex-direction:column;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.pos-right-column{background-color:#0000;flex-direction:column;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.pos-cart-section{height:100%;min-height:0;box-shadow:var(--shadow-sm);box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:10px 14px;display:flex;overflow:hidden}.pos-cart-header-bar{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pos-cart-heading{color:#0f172a;font-size:13px;font-weight:700}.pos-table-responsive{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-height:0;overflow:auto}.pos-cart-footer-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:6px 12px;display:flex}.pos-cart-footer-note{flex:1;max-width:480px}.pos-cart-footer-total{color:#475569;white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.pos-cart-footer-divider{color:#cbd5e1}.pos-cart-footer-amount{color:#0f172a;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.pos-table-responsive::-webkit-scrollbar{width:6px;height:6px}.pos-table-responsive::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.pos-cart-table{border-collapse:collapse;width:100%;font-size:12.5px}.pos-cart-table thead{z-index:5;background-color:#f8fafc;position:sticky;top:0}.pos-cart-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:8px 10px;font-weight:600}.pos-cart-table th:last-child{border-right:none}.pos-cart-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;border-right:1px solid #f8fafc;padding:6px 10px}.pos-cart-table td:last-child{border-right:none}.pos-cart-row:hover{background-color:#f8fafc}.pos-delete-row-btn{border-radius:var(--radius-pill);color:#ef4444;cursor:pointer;background:0 0;border:1px solid #cbd5e1;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.pos-delete-row-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.pos-qty-input{text-align:center;border-radius:var(--radius-pill);border:1px solid #cbd5e1;outline:none;width:50px;height:28px;font-weight:600}.pos-qty-input:focus{border-color:var(--blue-primary)}.pos-options-btn{border-radius:var(--radius-pill);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;padding:2px 8px;font-size:14px}.pos-options-btn:hover,.pos-options-btn.active{background-color:var(--blue-primary);color:#fff;border-color:var(--blue-dark)}.pos-item-discount-popover{border-radius:var(--radius-sm);width:320px;box-shadow:var(--shadow-card);z-index:100;text-align:left;background-color:#fff;border:1px solid #94a3b8;padding:10px;position:absolute;top:100%;right:0}.pos-popover-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12.5px;display:flex}.pos-popover-close{cursor:pointer;color:#64748b;background:0 0;border:none}.pos-popover-body{padding-top:8px;font-size:12px}.pos-popover-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pos-badge-btn{border-radius:var(--radius-xs);cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:2px 6px;font-size:11px}.pos-badge-btn.active{background-color:var(--blue-primary);color:#fff;border-color:var(--blue-dark);font-weight:700}.pos-below-cost-btn{color:#c2410c;border-radius:var(--radius-xs);cursor:pointer;text-align:center;background-color:#fff7ed;border:1px solid #fed7aa;width:100%;padding:5px;font-size:11.5px;font-weight:600}.pos-below-cost-btn:hover{background-color:#ffedd5}.pos-catalog-section{margin-top:8px;margin-bottom:8px}.pos-catalog-fieldset{border-radius:var(--radius-md);background-color:#fff;border:1px solid #cbd5e1;padding:10px 14px}.pos-catalog-legend{color:#0f172a;padding:0 6px;font-size:12.5px;font-weight:700}.pos-category-tabs-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pos-category-tabs{flex-wrap:wrap;gap:6px;display:flex}.pos-category-btn{border-radius:var(--radius-pill);cursor:pointer;color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:4px 10px;font-size:12px}.pos-category-btn:hover{background-color:#e2e8f0}.pos-category-btn.active{color:#fff;background-color:#334155;border-color:#1e293b;font-weight:700}.pos-category-hint{color:#64748b;font-size:11.5px}.pos-products-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=1400px){.pos-products-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.pos-products-grid{grid-template-columns:repeat(3,1fr)}}.pos-product-card{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:7px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.pos-product-card:hover{border-color:#0f766e;transform:translateY(-2px);box-shadow:0 6px 16px -2px #0f766e24}.pos-product-image-wrap{background-color:#f1f5f9;border:1px solid #f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:100%;height:92px;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.pos-product-img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.pos-product-card:hover .pos-product-img{transform:scale(1.06)}.pos-product-img-fallback{color:#94a3b8;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.pos-product-fallback-icon{color:#cbd5e1}.pos-product-fallback-text{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:600}.pos-product-stock-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-pill);z-index:2;background-color:#0f172ab8;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:5px;right:5px}.pos-product-stock-tag.low{background-color:#dc2626e0}.pos-product-info{flex-direction:column;flex:1;display:flex}.pos-product-name{color:#0f172a;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:31px;margin:1px 0 4px;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pos-product-bottom-row{justify-content:space-between;align-items:center;margin-top:auto;padding-top:2px;display:flex}.pos-product-price-box{align-items:baseline;gap:2px;display:flex;overflow:hidden}.pos-product-price{color:#0f766e;font-size:13px;font-weight:700;font-family:var(--font-sans,"Be Vietnam Pro", sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}.pos-product-unit{color:#64748b;white-space:nowrap;font-size:10.5px;font-weight:500}.pos-product-round-add-btn{color:#0f766e;cursor:pointer;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:inline-flex}.pos-product-round-add-btn:hover,.pos-product-card:hover .pos-product-round-add-btn{color:#fff;background-color:#0f766e;border-color:#0f766e;transform:scale(1.08);box-shadow:0 2px 6px #0f766e4d}.pos-payment-panel{height:100%;min-height:0;box-shadow:var(--shadow-sm);box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:10px 12px;display:flex;overflow:hidden}.pos-payment-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.pos-payment-scroll-area::-webkit-scrollbar{width:4px}.pos-payment-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.pos-panel-top-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.pos-dvt-badge{color:#0f766e;border-radius:var(--radius-pill);background-color:#f0fdfa;border:1px solid #ccfbf1;padding:2px 8px;font-size:11px;font-weight:500}.pos-divider{border:none;border-top:1px solid #f1f5f9;margin:1px 0}.pos-fieldset{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:6px 10px}.pos-legend{color:#0f172a;padding:0 4px;font-size:12px;font-weight:700}.pos-input{border-radius:var(--radius-pill);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:6px 12px;font-family:inherit;font-size:12.5px;transition:all .15s}.pos-input:focus{border-color:var(--blue-primary);box-shadow:0 0 0 2px #0f766e26}.pos-select{border-radius:var(--radius-pill);background-color:#fff;border:1px solid #cbd5e1;outline:none;padding:6px 12px;font-family:inherit;font-size:12.5px}.pos-select:focus{border-color:var(--blue-primary);box-shadow:0 0 0 2px #0f766e26}.pos-btn-primary{background-color:var(--blue-primary);color:#fff;border:1px solid var(--blue-dark);border-radius:var(--radius-pill);cursor:pointer;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .15s}.pos-btn-primary:hover{background-color:var(--blue-hover)}.pos-btn-secondary{color:#0f766e;border-radius:var(--radius-pill);cursor:pointer;background-color:#f0fdfa;border:1px solid #ccfbf1;align-items:center;gap:4px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pos-btn-secondary:hover{color:#fff;background-color:#0f766e;border-color:#0f766e}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-label{color:#334155;margin:0;font-size:13px;font-weight:700}.modal-input{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:all .15s}.modal-input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.modal-input::placeholder{color:#94a3b8}.modal-select{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:all .15s}.modal-select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.pos-selected-customer-card{background-color:#fff;border:1px solid #99f6e4;border-radius:10px;justify-content:space-between;align-items:center;margin-top:6px;padding:6px 10px;font-size:11.5px;display:flex}.pos-loyalty-text{color:#0f766e;font-weight:600}.pos-customer-dropdown{box-shadow:var(--shadow-card);z-index:100;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:200px;position:absolute;top:100%;left:0;right:48px;overflow-y:auto}.pos-customer-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px;transition:background .12s}.pos-customer-dropdown-item:hover{background-color:#f0fdfa}.pos-calc-table{border-collapse:collapse;width:100%;font-size:12px}.pos-calc-table td{border-bottom:1px solid #f1f5f9;padding:4px 2px}.pos-total-row td{border-top:1px solid #e2e8f0;border-bottom:none;padding-top:8px}.pos-link{color:var(--blue-primary);cursor:pointer;font-weight:600;text-decoration:underline}.pos-checkout-big-btn{background-color:var(--blue-primary);color:#fff;border:1px solid var(--blue-dark);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;width:100%;height:44px;margin-top:4px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px -2px #0f766e47}.pos-checkout-big-btn:hover{background-color:var(--blue-hover);transform:translateY(-1px);box-shadow:0 8px 20px -2px #0f766e59}.pos-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.pos-modal-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);width:100%;font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:#fff;border:1px solid #94a3b8;animation:.15s ease-out posModalFadeIn;overflow:hidden}.pos-modal-dialog button,.pos-modal-dialog input,.pos-modal-dialog select,.pos-modal-dialog textarea,.pos-modal-dialog table,.pos-modal-dialog th,.pos-modal-dialog td{font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.pos-modal-dialog .font-mono,.pos-modal-dialog input.font-mono,.pos-modal-dialog span.font-mono,.pos-modal-dialog b.font-mono{font-variant-numeric:tabular-nums;font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important}@keyframes posModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.pos-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.pos-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:16px}.pos-modal-body{max-height:calc(85vh - 100px);padding:16px;overflow-y:auto}.pos-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.pos-form-table{border-collapse:collapse;width:100%;font-size:12.5px}.pos-form-table td{vertical-align:middle;padding:6px 8px}.pos-catalog-modal-dialog{flex-direction:column;width:95vw;max-width:1040px;max-height:90vh;display:flex}.pos-catalog-modal-body{flex:1;min-height:0;padding:10px 16px;overflow-y:auto}.pos-catalog-modal-dialog .pos-catalog-section{margin:0}.pos-catalog-modal-dialog .pos-catalog-fieldset{background-color:#0000;border:none;padding:0}.pos-catalog-modal-dialog .pos-catalog-legend{display:none}.pos-catalog-modal-dialog .pos-category-tabs-bar{scrollbar-width:none;justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex;overflow-x:auto}.pos-catalog-modal-dialog .pos-category-tabs-bar::-webkit-scrollbar{display:none}.pos-catalog-modal-dialog .pos-category-tabs{flex-wrap:nowrap;gap:6px;display:flex}.pos-catalog-modal-dialog .pos-category-btn{border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:4px 12px;font-size:12px}.pos-catalog-modal-dialog .pos-category-btn.active{background-color:var(--blue-primary);border-color:var(--blue-dark);color:#fff;font-weight:700;box-shadow:0 2px 6px #0f766e40}.pos-catalog-modal-dialog .pos-products-grid{gap:10px;margin-bottom:6px;display:grid;grid-template-columns:repeat(5,1fr)!important}.pos-catalog-modal-dialog .pos-product-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 1px 3px #0f172a0a}.pos-catalog-modal-dialog .pos-product-card:hover{border-color:var(--blue-primary);transform:translateY(-3px);box-shadow:0 8px 18px -2px #0f766e2e}.pos-catalog-modal-dialog .pos-product-image-wrap{background-color:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:114px;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.pos-catalog-modal-dialog .pos-product-card .pos-product-stock-tag{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ab8;border-radius:9999px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;top:6px;left:6px}.pos-catalog-modal-dialog .pos-product-card .pos-product-stock-tag.low{background-color:#dc2626e0}.pos-catalog-modal-dialog .pos-product-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s}.pos-catalog-modal-dialog .pos-product-card:hover .pos-product-img{transform:scale(1.06)}.pos-catalog-modal-dialog .pos-product-floating-add-btn{background-color:var(--blue-primary);color:#fff;cursor:pointer;z-index:3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;bottom:6px;right:6px;box-shadow:0 4px 10px #0f766e66}.pos-catalog-modal-dialog .pos-product-card:hover .pos-product-floating-add-btn{transform:scale(1.1);box-shadow:0 6px 14px #0f766e80}.pos-catalog-modal-dialog .pos-product-floating-add-btn:hover{background-color:#115e59;transform:scale(1.18)!important}.pos-catalog-modal-dialog .pos-product-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.pos-catalog-modal-dialog .pos-product-name{color:#0f172a;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:34px;margin:1px 0 4px;font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pos-catalog-modal-dialog .pos-product-bottom-row{justify-content:flex-start;align-items:baseline;margin-top:auto;padding-top:1px;display:flex}.pos-catalog-modal-dialog .pos-product-price-box{align-items:baseline;gap:4px;display:flex}.pos-catalog-modal-dialog .pos-product-price{color:#0f766e;font-size:14px;font-weight:800;font-family:var(--font-sans,"Be Vietnam Pro", sans-serif);font-variant-numeric:tabular-nums}.pos-catalog-modal-dialog .pos-product-unit{color:#64748b;font-size:11.5px;font-weight:500}.pos-catalog-modal-dialog .table-pagination-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;padding:4px 10px;font-size:11px}.pos-catalog-modal-dialog .table-pagination-size-select{height:26px;padding:0 4px;font-size:11px}.pos-catalog-modal-dialog .table-pagination-btn{width:26px;height:26px;font-size:11px}@media (height<=720px){.pos-catalog-modal-dialog .pos-product-image-wrap{height:96px}.pos-catalog-modal-dialog .pos-product-name{height:30px;font-size:11.5px}.pos-catalog-modal-dialog .pos-product-floating-add-btn{width:28px;height:28px;bottom:5px;right:5px}}.pos-catalog-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:8px 18px;display:flex}.pos-receipt-overlay{padding:20px;overflow-y:auto}.pos-receipt-container{flex-direction:column;align-items:center;gap:12px;display:flex}.pos-receipt-toolbar{gap:10px;display:flex}.pos-receipt-paper{box-sizing:border-box;width:320px;font-family:var(--font-mono,"JetBrains Mono", Consolas, monospace);color:#000;background-color:#fff;border:1px solid #777;padding:14px;font-size:12px;line-height:1.35;box-shadow:0 4px 20px #00000026}.pos-receipt-header{text-align:center}.pos-receipt-store-name{font-size:15px;font-weight:800}.pos-receipt-store-sub{margin-top:2px;font-size:10.5px}.pos-receipt-main-title{margin:8px 0 2px;font-size:14px;font-weight:800}.pos-receipt-meta{font-size:11px}.pos-receipt-hr{border:none;border-top:1px dashed #000;margin:6px 0}.pos-receipt-customer-block{font-size:11px}.pos-receipt-items-table{border-collapse:collapse;width:100%;margin-bottom:6px;font-size:11px}.pos-receipt-items-table th{border-bottom:1px dashed #000;padding:4px 2px}.pos-receipt-items-table td{vertical-align:top;padding:4px 2px}.pos-receipt-totals-table{border-collapse:collapse;width:100%;font-size:11px}.pos-receipt-totals-table td{padding:2px 0}.pos-receipt-final-row td{padding:4px 0;font-size:13px}.pos-receipt-footer{text-align:center;margin-top:8px;font-size:11px}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.printable-receipt,.printable-receipt *{visibility:visible}.printable-receipt{position:absolute;top:0;left:0;width:48mm!important;max-width:48mm!important;box-shadow:none!important;border:none!important;margin:0 auto!important;padding:1mm!important;font-size:8pt!important;line-height:1.25!important}.no-print{display:none!important}@page{size:58mm auto;margin:0}}.pos-shift-page-root{background-color:var(--bg-soft-blue,#f0fdfa);width:100%;height:100%;min-height:0;color:var(--text-main);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden;font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important}.pos-shift-page-root,.pos-shift-page-root button,.pos-shift-page-root input,.pos-shift-page-root select,.pos-shift-page-root textarea,.pos-shift-page-root table,.pos-shift-page-root th,.pos-shift-page-root td{font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.pos-shift-page-root .font-mono,.pos-shift-page-root input.font-mono,.pos-shift-page-root span.font-mono,.pos-shift-page-root b.font-mono,.pos-shift-page-root td.font-mono,.pos-shift-page-root div.font-mono{font-variant-numeric:tabular-nums;font-family:var(--font-sans,"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important}.pos-shift-unified-header{min-height:52px;box-shadow:var(--shadow-sm);box-sizing:border-box;scrollbar-width:none;background-color:#fff;border-bottom:1px solid #cbd5e1;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;overflow-x:auto}.pos-shift-unified-header::-webkit-scrollbar{display:none}.unified-header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.pos-back-to-sales-btn{border-radius:var(--radius-pill);color:#334155;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pos-back-to-sales-btn:hover{color:#0f172a;background-color:#e2e8f0}.unified-header-divider{background-color:#e2e8f0;width:1px;height:24px}.unified-header-title-box{flex-direction:column;display:flex}.unified-header-title{color:#0f172a;white-space:nowrap;margin:0;font-size:15.5px;font-weight:700}.unified-header-subtitle{color:#64748b;white-space:nowrap;margin-top:1px;font-size:11px}.unified-header-center{flex-shrink:0;justify-content:center;align-items:center;display:flex}.unified-tabs-group{border-radius:var(--radius-pill);white-space:nowrap;background-color:#f1f5f9;align-items:center;gap:4px;padding:3px;display:flex}.unified-tab-btn{color:#475569;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.unified-tab-btn.active{background-color:var(--blue-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px #0f766e40}.unified-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pos-btn-primary-pill{background-color:var(--blue-primary);color:#fff;border:1px solid var(--blue-dark);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pos-btn-primary-pill:hover{background-color:var(--blue-hover)}.pos-btn-secondary-pill{color:#1e293b;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;height:34px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pos-btn-secondary-pill:hover{background-color:#e2e8f0;border-color:#94a3b8}.pos-btn-danger-pill{color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background-color:#dc2626;border:1px solid #b91c1c;align-items:center;gap:6px;height:36px;padding:0 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.pos-btn-danger-pill:hover{background-color:#b91c1c}.pos-shift-body-container{box-sizing:border-box;flex:1;height:100%;min-height:0;padding:16px 20px 48px;overflow:hidden auto}.shift-content-layout{flex-direction:column;gap:12px;max-width:1440px;margin:0 auto;display:flex}.shift-info-bar-card{border-radius:var(--radius-pill);background-color:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:7px 18px;display:flex;box-shadow:0 1px 3px #00000008}.info-bar-item{align-items:center;gap:5px;font-size:12px;display:flex}.info-label{color:#64748b;font-weight:500}.info-value{color:#0f172a}.shift-status-badge{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;display:inline-flex}.shift-status-badge.on-duty{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.shift-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.shift-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;padding:10px 14px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.shift-kpi-header{justify-content:space-between;align-items:center;display:flex}.shift-kpi-title{color:#64748b;font-size:11.5px;font-weight:500}.shift-kpi-value{font-size:17px;font-weight:700}.shift-kpi-subtitle{color:#94a3b8;font-size:11px}.shift-kpi-card.color-primary .shift-kpi-value{color:#0f766e}.shift-kpi-card.color-success .shift-kpi-value{color:#16a34a}.shift-kpi-card.color-warning .shift-kpi-value{color:#d97706}.shift-kpi-card.color-info .shift-kpi-value{color:#0284c7}.shift-columns-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.shift-column-left,.shift-column-right{flex-direction:column;gap:12px;display:flex}.pos-shift-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000008}.pos-shift-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.pos-shift-card-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:14.5px;font-weight:700;display:flex}.pos-shift-table-responsive{width:100%;overflow-x:auto}.pos-shift-table{border-collapse:collapse;width:100%;font-size:12.5px}.pos-shift-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.pos-shift-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 10px}.pos-shift-table tbody tr:hover{background-color:#f8fafc}.pos-shift-table tfoot .total-summary-row td{background-color:#f8fafc;border-top:2px solid #e2e8f0;padding:10px;font-size:13px}.revenue-method-cell{align-items:center;gap:8px;display:flex}.method-icon{font-size:18px}.method-name{color:#0f172a;font-weight:600}.method-desc{color:#64748b;font-size:11px}.order-count-badge{border-radius:var(--radius-pill);color:#334155;background-color:#f1f5f9;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.total-revenue-value{color:#0f766e;font-size:15px;font-weight:700}.tx-type-tag{border-radius:var(--radius-pill);padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.tx-type-in{color:#15803d;background-color:#dcfce7}.tx-type-out{color:#b91c1c;background-color:#fee2e2}.theoretical-cash-value{color:#0f766e;font-size:15px;font-weight:700}.pos-cash-counting-wrapper{flex-direction:column;gap:8px;display:flex}.counting-two-columns-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.counting-col-table{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.pos-shift-table.compact-table td{border-bottom:1px solid #f1f5f9;padding:5px 6px}.pos-shift-table.compact-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:5px 6px;font-weight:600}.denomination-input-wrapper{justify-content:center;align-items:center;gap:3px;display:inline-flex}.denomination-count-input{text-align:center;border-radius:var(--radius-pill);border:1px solid #cbd5e1;outline:none;width:48px;height:25px;padding:0 4px;font-size:12px;font-weight:600}.denomination-count-input:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e26}.denomination-unit{color:#64748b;font-size:11px}.counting-summary-strip{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.counting-summary-item{align-items:center;gap:6px;display:flex}.counting-summary-item.highlight{gap:8px}.counted-total-value{color:#15803d;font-size:14.5px;font-weight:700}.pos-reconciliation-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:4px;padding:8px 14px}.reconciliation-grid-3{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;display:grid}.reconciliation-block{flex-direction:column;gap:2px;display:flex}.reconciliation-block.highlight{align-items:flex-end}.reconciliation-block-label{color:#64748b;font-size:11px;font-weight:500}.reconciliation-block-val{color:#0f172a;font-size:13.5px;font-weight:700}.diff-badge{white-space:nowrap;border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.diff-badge.match{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.diff-badge.surplus{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.diff-badge.deficit{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.pos-handover-card{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;margin-top:4px;padding-top:8px;display:flex}.handover-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.handover-field{flex-direction:column;gap:3px;display:flex}.handover-label{color:#334155;font-size:11.5px;font-weight:600}.handover-select,.handover-input{border-radius:var(--radius-pill);background-color:#fff;border:1px solid #cbd5e1;outline:none;height:32px;padding:0 10px;font-size:12px}.handover-input.readonly{background-color:#f1f5f9;border-color:#e2e8f0}.handover-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.pos-history-filter-bar{background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #0000000d}.filter-group-time{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-label{color:#334155;font-size:13px;font-weight:600}.time-preset-buttons{gap:4px;display:flex}.preset-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:5px 12px;font-size:12px;transition:all .15s}.preset-btn.active{color:#fff;background-color:#0f766e;border-color:#0d655e;font-weight:600}.filter-date-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;height:32px;padding:0 10px;font-size:12px}.filter-group-selects{align-items:center;gap:8px;display:flex}.filter-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:34px;padding:0 12px;font-size:12.5px}.z-report-btn-tag{white-space:nowrap;color:#0f766e;border-radius:var(--radius-pill);cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:5px;padding:4px 12px;font-size:11.5px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.z-report-btn-tag:hover{color:#fff;background-color:#0f766e;border-color:#0f766e;box-shadow:0 2px 6px #0f766e33}.z-report-paper{color:#1e293b;background-color:#fff;border:1px dashed #cbd5e1;border-radius:8px;width:380px;max-width:100%;margin:0 auto;padding:18px 20px;font-family:inherit;font-size:12.5px;box-shadow:0 4px 14px #0000000d}.z-report-divider{border-top:1px dashed #cbd5e1;margin:10px 0}.fefo-rank-tag{border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.fefo-rank-tag.rank-1{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}.fefo-rank-tag.rank-2{color:#ea580c;background-color:#ffedd5;border:1px solid #fed7aa}.fefo-rank-tag.rank-3{color:#0f766e;background-color:#f0fdfa;border:1px solid #ccfbf1}.fefo-badge-urgent{border-radius:var(--radius-pill);color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.fefo-badge-near{border-radius:var(--radius-pill);color:#ea580c;background-color:#ffedd5;border:1px solid #fed7aa;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.fefo-badge-clearance{border-radius:var(--radius-pill);color:#b45309;background-color:#fef9c3;border:1px solid #fde047;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.fefo-badge-safe{border-radius:var(--radius-pill);color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.pos-autocomplete-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;overflow:hidden}.pos-autocomplete-table{table-layout:fixed;border-collapse:collapse;width:100%}.pos-autocomplete-header-tr{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.pos-autocomplete-header-tr th{color:#475569;font-size:11.5px;font-weight:600}.pos-autocomplete-row{cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:12.5px;transition:all .15s}.pos-autocomplete-row:last-child{border-bottom:none}.pos-autocomplete-row:hover,.pos-autocomplete-row.active{background-color:#f0fdfa}.pos-pricing-tier-pill{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex}.pos-pricing-tier-pill b{color:#15803d;font-size:13px}.pos-method-pill{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pos-method-pill.vietqr{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.pos-method-pill.cash{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.pos-status-pill{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pos-status-pill.completed{color:#15803d;background-color:#dcfce7}.pos-status-pill.cancelled{color:#dc2626;background-color:#fee2e2}.pos-status-pill.reserved{color:#ea580c;background-color:#fff7ed}.pos-k80-paper{width:360px;max-width:100%;font-family:var(--font-mono,"JetBrains Mono", Consolas, monospace);color:#0f172a;background-color:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin:0 auto;padding:18px 20px;font-size:12px;box-shadow:0 4px 14px #0000000d}@media (width<=1366px){.pos-main-body{grid-template-columns:minmax(0,1fr) 380px;gap:10px;padding:8px 12px}.pos-cart-section{padding:8px 12px}.pos-payment-panel{padding:8px 10px}.pos-checkout-big-btn{height:40px;font-size:13.5px}}@media (width<=1024px){.pos-page-wrapper{height:auto;min-height:100vh;overflow-y:auto}.pos-main-body{flex-direction:column;gap:12px;height:auto;padding:10px;display:flex;overflow:visible}.pos-left-column,.pos-right-column{width:100%;min-width:0;height:auto;overflow:visible}.pos-cart-section,.pos-payment-panel{height:auto;overflow:visible}.pos-payment-scroll-area{overflow:visible}.pos-table-responsive{min-height:220px;max-height:380px}}@media (width<=768px){.pos-header-top-row{flex-wrap:wrap;gap:8px}.pos-header-left{min-width:auto}.pos-header-title{font-size:15px}.pos-header-subtitle{display:none}.pos-header-center-search{order:3;width:100%;max-width:100%}.pos-header-right-actions{gap:6px}.pos-cashier-badge{display:none}.pos-cart-header-bar{flex-direction:column;align-items:flex-start;gap:8px}.pos-cart-header-bar>div{flex-wrap:wrap;justify-content:flex-start;width:100%}.pos-cart-heading{font-size:12px}.pos-cart-table{min-width:620px}.pos-cart-table th,.pos-cart-table td{padding:6px 8px;font-size:11.5px}.pos-catalog-modal-dialog{border-radius:14px;width:96vw;max-height:94vh;margin:0}.pos-catalog-modal-body{padding:10px}.pos-products-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.pos-product-card{padding:6px}.pos-product-name{height:28px;font-size:11px}.pos-product-price,.pos-calc-table{font-size:12px}.pos-checkout-big-btn{height:46px;font-size:14px}}.pos-unit-select{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:4px 6px;font-size:12px;font-weight:600;transition:all .15s ease-in-out}.pos-unit-select:hover{background-color:#eff6ff;border-color:#3b82f6}.pos-unit-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}