.pos-layout,.pos-login-page{--pos-bg:#080c14;--pos-surface:#0f1621;--pos-surface-2:#151d2b;--pos-surface-3:#1c2637;--pos-border:rgba(148,163,184,.09);--pos-border-hover:rgba(148,163,184,.22);--pos-text:#e2e8f0;--pos-text-muted:#94a3b8;--pos-text-subtle:#64748b;--pos-accent:#6366f1;--pos-accent-light:#818cf8;--pos-accent-hover:#4f46e5;--pos-accent-soft:rgba(99,102,241,.12);--pos-accent-glow:rgba(99,102,241,.38);--pos-success:#10b981;--pos-success-soft:rgba(16,185,129,.12);--pos-danger:#f43f5e;--pos-danger-soft:rgba(244,63,94,.12);--pos-warning:#f59e0b;--pos-warning-soft:rgba(245,158,11,.12);--pos-topbar-h:60px;--pos-radius:12px;--pos-radius-sm:8px;--pos-radius-xs:6px;--pos-transition:0.18s cubic-bezier(0.4,0,0.2,1);--pos-shadow:0 2px 16px rgba(0,0,0,.4);--pos-shadow-lg:0 12px 48px rgba(0,0,0,.65)}.pos-layout{background:var(--pos-bg);color:var(--pos-text);font-family:Inter,Segoe UI,-apple-system,system-ui,sans-serif;min-height:100vh}.pos-layout *,.pos-layout :after,.pos-layout :before{box-sizing:border-box}.pos-layout a{color:var(--pos-accent);text-decoration:none}.pos-layout button:focus-visible,.pos-layout input:focus-visible{outline:2px solid var(--pos-accent);outline-offset:2px}.pos-layout button:focus:not(:focus-visible),.pos-layout input:focus:not(:focus-visible){outline:none}.pos-layout ::-webkit-scrollbar{height:4px;width:4px}.pos-layout ::-webkit-scrollbar-track{background:transparent}.pos-layout ::-webkit-scrollbar-thumb{background:var(--pos-surface-3);border-radius:4px}.pos-layout ::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.25)}.pos-layout{scrollbar-color:var(--pos-surface-3) transparent;scrollbar-width:thin}.pos-layout .p-button{border-radius:var(--pos-radius-sm)!important;font-family:Inter,system-ui,sans-serif!important;font-weight:500!important;letter-spacing:.01em;transition:all var(--pos-transition)!important}.pos-layout .p-button.p-button-primary{background:var(--pos-accent)!important;border-color:var(--pos-accent)!important}.pos-layout .p-button.p-button-primary:hover{background:var(--pos-accent-hover)!important;border-color:var(--pos-accent-hover)!important}.pos-layout .p-autocomplete-input,.pos-layout .p-inputnumber-input,.pos-layout .p-inputtext{background:var(--pos-surface-2)!important;border-color:var(--pos-border-hover)!important;border-radius:var(--pos-radius-sm)!important;color:var(--pos-text)!important;font-family:Inter,system-ui,sans-serif!important;transition:all var(--pos-transition)!important}.pos-layout .p-autocomplete-input:enabled:focus,.pos-layout .p-inputnumber-input:enabled:focus,.pos-layout .p-inputtext:enabled:focus{border-color:var(--pos-accent)!important;box-shadow:0 0 0 3px var(--pos-accent-soft)!important}.pos-layout .p-autocomplete-input::-moz-placeholder,.pos-layout .p-inputnumber-input::-moz-placeholder,.pos-layout .p-inputtext::-moz-placeholder{color:var(--pos-text-subtle)!important}.pos-layout .p-autocomplete-input::placeholder,.pos-layout .p-inputnumber-input::placeholder,.pos-layout .p-inputtext::placeholder{color:var(--pos-text-subtle)!important}.pos-layout .p-dropdown,.pos-layout .p-select{background:var(--pos-surface-2)!important;border-color:var(--pos-border-hover)!important;border-radius:var(--pos-radius-sm)!important}.pos-layout .p-dropdown .p-dropdown-label,.pos-layout .p-dropdown .p-select-label,.pos-layout .p-select .p-dropdown-label,.pos-layout .p-select .p-select-label{color:var(--pos-text)!important}.pos-layout .p-dropdown .p-dropdown-panel,.pos-layout .p-dropdown .p-select-overlay,.pos-layout .p-select .p-dropdown-panel,.pos-layout .p-select .p-select-overlay{background:var(--pos-surface-2)!important;border:1px solid var(--pos-border-hover)!important;border-radius:var(--pos-radius)!important;box-shadow:var(--pos-shadow-lg)!important;margin-top:4px}.pos-layout .p-dropdown .p-dropdown-item,.pos-layout .p-dropdown .p-select-option,.pos-layout .p-select .p-dropdown-item,.pos-layout .p-select .p-select-option{border-radius:var(--pos-radius-xs)!important;color:var(--pos-text-muted)!important}.pos-layout .p-dropdown .p-dropdown-item.p-highlight,.pos-layout .p-dropdown .p-dropdown-item.p-select-option-selected,.pos-layout .p-dropdown .p-select-option.p-highlight,.pos-layout .p-dropdown .p-select-option.p-select-option-selected,.pos-layout .p-select .p-dropdown-item.p-highlight,.pos-layout .p-select .p-dropdown-item.p-select-option-selected,.pos-layout .p-select .p-select-option.p-highlight,.pos-layout .p-select .p-select-option.p-select-option-selected{background:var(--pos-accent-soft)!important;color:var(--pos-accent-light)!important}.pos-layout .p-dropdown .p-dropdown-item:not(.p-highlight):hover,.pos-layout .p-dropdown .p-select-option:not(.p-highlight):hover,.pos-layout .p-select .p-dropdown-item:not(.p-highlight):hover,.pos-layout .p-select .p-select-option:not(.p-highlight):hover{background:var(--pos-surface-3)!important;color:var(--pos-text)!important}.pos-layout .p-dialog{border:1px solid var(--pos-border-hover)!important;border-radius:var(--pos-radius)!important;box-shadow:var(--pos-shadow-lg)!important;overflow:hidden}.pos-layout .p-dialog .p-dialog-header{background:var(--pos-surface)!important;border-bottom:1px solid var(--pos-border)!important;padding:1.1rem 1.35rem .95rem!important}.pos-layout .p-dialog .p-dialog-header .p-dialog-title{color:var(--pos-text)!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:-.01em}.pos-layout .p-dialog .p-dialog-header .p-dialog-header-icon{border-radius:var(--pos-radius-xs)!important;color:var(--pos-text-muted)!important}.pos-layout .p-dialog .p-dialog-header .p-dialog-header-icon:hover{background:var(--pos-surface-3)!important;color:var(--pos-text)!important}.pos-layout .p-dialog .p-dialog-content{background:var(--pos-surface)!important;color:var(--pos-text)!important;padding:1.2rem 1.35rem!important}.pos-layout .p-dialog .p-dialog-footer{background:var(--pos-surface)!important;border-top:1px solid var(--pos-border)!important;display:flex!important;gap:.5rem!important;justify-content:flex-end!important;padding:.85rem 1.35rem!important}.pos-layout .p-toast-message{backdrop-filter:blur(12px);border-radius:var(--pos-radius)!important}.pos-layout .p-progress-spinner-svg circle{stroke:var(--pos-accent)!important}.pos-layout .p-paginator{background:transparent!important;padding:.4rem 0!important}.pos-layout .p-paginator .p-paginator-next,.pos-layout .p-paginator .p-paginator-page,.pos-layout .p-paginator .p-paginator-prev{border-radius:var(--pos-radius-xs)!important;color:var(--pos-text-muted)!important;font-size:.8rem!important;height:32px!important;min-width:32px!important}.pos-layout .p-paginator .p-paginator-next.p-highlight,.pos-layout .p-paginator .p-paginator-next:hover,.pos-layout .p-paginator .p-paginator-page.p-highlight,.pos-layout .p-paginator .p-paginator-page:hover,.pos-layout .p-paginator .p-paginator-prev.p-highlight,.pos-layout .p-paginator .p-paginator-prev:hover{background:var(--pos-accent-soft)!important;color:var(--pos-accent-light)!important}.pos-layout .p-autocomplete-overlay{background:var(--pos-surface-2)!important;border:1px solid var(--pos-border-hover)!important;border-radius:var(--pos-radius)!important;box-shadow:var(--pos-shadow-lg)!important}.pos-layout .p-autocomplete-overlay .p-autocomplete-option{color:var(--pos-text-muted)!important}.pos-layout .p-autocomplete-overlay .p-autocomplete-option.p-focus,.pos-layout .p-autocomplete-overlay .p-autocomplete-option:hover{background:var(--pos-surface-3)!important;color:var(--pos-text)!important}.pos-layout .p-tag{border-radius:999px!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.02em;padding:.18rem .6rem!important}.pos-layout .p-checkbox .p-checkbox-box{background:var(--pos-surface-2)!important;border-color:var(--pos-border-hover)!important;border-radius:4px!important}.pos-layout .p-checkbox .p-checkbox-box.p-checked{background:var(--pos-accent)!important;border-color:var(--pos-accent)!important}.pos-layout .p-confirmdialog .p-confirmdialog-message,.pos-layout .p-inputnumber-button{color:var(--pos-text-muted)!important}.pos-layout .p-inputnumber-button{background:var(--pos-surface-3)!important;border-color:var(--pos-border-hover)!important}.pos-layout .p-inputnumber-button:hover{background:var(--pos-accent-soft)!important;color:var(--pos-accent-light)!important}.pos-topbar{align-items:center;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background:rgba(8,12,20,.92);border-bottom:1px solid var(--pos-border);box-shadow:0 1px 0 var(--pos-border),0 4px 32px rgba(0,0,0,.5);display:flex;gap:.6rem;height:var(--pos-topbar-h);left:0;padding:0 1.25rem;position:fixed;right:0;top:0;z-index:1000}.pos-topbar .pos-brand{align-items:center;display:flex;flex-shrink:0;gap:.55rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.pos-topbar .pos-brand .pos-brand-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:9px;box-shadow:0 4px 14px var(--pos-accent-glow);color:#fff;display:flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;width:34px}.pos-topbar .pos-brand .pos-brand-label{color:var(--pos-text);font-size:.88rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.pos-topbar .pos-brand .pos-brand-label small{color:var(--pos-text-subtle);display:block;font-size:.58rem;font-weight:500;letter-spacing:.06em;margin-top:1px;text-transform:uppercase}.pos-topbar .pos-topbar-sep{background:var(--pos-border);flex-shrink:0;height:20px;margin:0 .1rem;width:1px}.pos-topbar .pos-session-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:.35rem;letter-spacing:.01em;padding:.26rem .72rem;white-space:nowrap}.pos-topbar .pos-session-badge .badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.pos-topbar .pos-session-badge.open{background:var(--pos-success-soft);border:1px solid rgba(16,185,129,.22);color:var(--pos-success)}.pos-topbar .pos-session-badge.open .badge-dot{background:var(--pos-success);box-shadow:0 0 6px rgba(16,185,129,.8)}.pos-topbar .pos-session-badge.closed{background:var(--pos-danger-soft);border:1px solid rgba(244,63,94,.22);color:var(--pos-danger)}.pos-topbar .pos-session-badge.closed .badge-dot{background:var(--pos-danger)}.pos-topbar .pos-clock{color:var(--pos-text-subtle);font-size:.73rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.pos-topbar .pos-spacer{flex:1}.pos-topbar .pos-nav-item{align-items:center;border:1px solid transparent;border-radius:var(--pos-radius-xs);color:var(--pos-text-muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.005em;padding:.3rem .7rem;text-decoration:none;transition:all var(--pos-transition);white-space:nowrap}.pos-topbar .pos-nav-item i{font-size:.82rem}.pos-topbar .pos-nav-item:hover{background:var(--pos-surface-3);border-color:var(--pos-border);color:var(--pos-text)}.pos-topbar .pos-nav-item.is-active{background:var(--pos-accent-soft);border-color:rgba(99,102,241,.25);color:var(--pos-accent-light)}.pos-topbar .pos-logout-btn{align-items:center;background:none;border:1px solid transparent;border-radius:var(--pos-radius-xs);color:var(--pos-text-subtle);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;gap:.3rem;padding:.3rem .7rem;transition:all var(--pos-transition);white-space:nowrap}.pos-topbar .pos-logout-btn i{font-size:.82rem}.pos-topbar .pos-logout-btn:hover{background:var(--pos-danger-soft);border-color:rgba(244,63,94,.22);color:var(--pos-danger)}.pos-topbar .pos-cashier-chip{align-items:center;background:var(--pos-surface-2);border:1px solid var(--pos-border);border-radius:999px;display:flex;flex-shrink:0;gap:.45rem;padding:.22rem .6rem .22rem .25rem}.pos-topbar .pos-cashier-chip .pos-cashier-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.62rem;font-weight:800;height:26px;justify-content:center;letter-spacing:0;width:26px}.pos-topbar .pos-cashier-chip .pos-cashier-name{color:var(--pos-text-muted);font-size:.73rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-body{height:calc(100vh - var(--pos-topbar-h));margin-top:var(--pos-topbar-h)}.pos-body,.pos-left{display:flex;overflow:hidden}.pos-left{border-right:1px solid var(--pos-border);flex:0 0 62%;flex-direction:column;max-width:62%}.pos-right{display:flex;flex:1;flex-direction:column;overflow:hidden}.pos-card,.pos-right{background:var(--pos-surface)}.pos-card{border:1px solid var(--pos-border);border-radius:var(--pos-radius);padding:1rem 1.1rem;transition:border-color var(--pos-transition),box-shadow var(--pos-transition)}.pos-card:hover{border-color:var(--pos-border-hover)}.pos-page-header{align-items:center;border-bottom:1px solid var(--pos-border);display:flex;justify-content:space-between;margin-bottom:1.1rem;padding-bottom:.85rem}.pos-page-header h2{align-items:center;color:var(--pos-text);display:flex;font-size:1rem;font-weight:700;gap:.45rem;letter-spacing:-.01em;margin:0}.pos-page-header h2 i{color:var(--pos-accent);font-size:.95rem}.pos-search-bar{align-items:center;flex-shrink:0;gap:.5rem;padding:.65rem .85rem}.pos-category-tabs,.pos-search-bar{background:var(--pos-surface);border-bottom:1px solid var(--pos-border);display:flex}.pos-category-tabs{gap:.35rem;overflow-x:auto;padding:.6rem .85rem;scrollbar-width:none}.pos-category-tabs::-webkit-scrollbar{display:none}.pos-category-tabs{flex-shrink:0}.pos-category-tabs .pos-cat-btn{background:transparent;border:1px solid var(--pos-border-hover);border-radius:999px;color:var(--pos-text-muted);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:.3rem 1rem;transition:all var(--pos-transition);white-space:nowrap}.pos-category-tabs .pos-cat-btn:hover{background:var(--pos-accent-soft);border-color:var(--pos-accent);color:var(--pos-accent-light)}.pos-category-tabs .pos-cat-btn.active{background:var(--pos-accent);border-color:var(--pos-accent);box-shadow:0 2px 10px var(--pos-accent-glow);color:#fff;font-weight:600}.pos-product-scroll{flex:1;overflow-y:auto;padding:.85rem}.pos-product-grid{display:grid;gap:.6rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1400px){.pos-product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.pos-product-grid{grid-template-columns:repeat(2,1fr)}}.pos-product-card{background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform var(--pos-transition),border-color var(--pos-transition),box-shadow var(--pos-transition),background var(--pos-transition)}.pos-product-card:hover{background:var(--pos-surface-2);border-color:var(--pos-accent);box-shadow:0 8px 28px rgba(99,102,241,.22),0 0 0 1px var(--pos-accent);transform:translateY(-3px)}.pos-product-card:active{box-shadow:none;transform:translateY(0)}.pos-product-card.out-of-stock{cursor:not-allowed;filter:grayscale(.4);opacity:.35;pointer-events:none}.pos-product-card .pos-product-img-wrap{background:var(--pos-surface-2);overflow:hidden;padding-top:72%;position:relative;width:100%}.pos-product-card .pos-product-img-wrap img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .3s ease;width:100%}.pos-product-card .pos-product-img-wrap .pos-product-img-ph{align-items:center;background:linear-gradient(135deg,var(--pos-surface-2),var(--pos-surface-3));display:flex;flex-direction:column;gap:.3rem;inset:0;justify-content:center;position:absolute}.pos-product-card .pos-product-img-wrap .pos-product-img-ph i{color:var(--pos-text-subtle);font-size:1.6rem;opacity:.4}.pos-product-card .pos-product-img-wrap .pos-product-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(99,102,241,.18);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--pos-transition)}.pos-product-card .pos-product-img-wrap .pos-product-overlay .pos-overlay-icon{align-items:center;background:var(--pos-accent);border-radius:50%;box-shadow:0 4px 16px var(--pos-accent-glow);display:flex;height:42px;justify-content:center;transform:scale(.7);transition:transform var(--pos-transition);width:42px}.pos-product-card .pos-product-img-wrap .pos-product-overlay .pos-overlay-icon i{color:#fff;font-size:1rem}.pos-product-card:hover .pos-product-img-wrap img{transform:scale(1.06)}.pos-product-card:hover .pos-product-overlay{opacity:1}.pos-product-card:hover .pos-product-overlay .pos-overlay-icon{transform:scale(1)}.pos-product-card .pos-product-info{display:flex;flex:1;flex-direction:column;gap:.2rem;padding:.55rem .65rem .6rem}.pos-product-card .pos-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--pos-text);display:-webkit-box;font-size:.78rem;font-weight:600;line-height:1.35;overflow:hidden}.pos-product-card .pos-product-price{color:var(--pos-accent-light);font-size:.92rem;font-weight:800;letter-spacing:-.02em}.pos-product-card .pos-product-stock-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.2rem;margin-top:.1rem;padding:.1rem .4rem;width:-moz-fit-content;width:fit-content}.pos-product-card .pos-product-stock-badge.in-stock{background:var(--pos-success-soft);color:var(--pos-success)}.pos-product-card .pos-product-stock-badge.low-stock{background:var(--pos-warning-soft);color:var(--pos-warning)}.pos-product-card .pos-product-stock-badge.no-stock{background:var(--pos-danger-soft);color:var(--pos-danger)}.pos-customer-panel{background:var(--pos-surface);border-bottom:1px solid var(--pos-border);flex-shrink:0;padding:.75rem .85rem}.pos-cart{display:flex;flex-direction:column;height:100%;overflow:hidden}.pos-cart-header{align-items:center;border-bottom:1px solid var(--pos-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.7rem .85rem .5rem}.pos-cart-header .pos-cart-title{align-items:center;color:var(--pos-text-subtle);display:flex;font-size:.7rem;font-weight:700;gap:.4rem;letter-spacing:.1em;text-transform:uppercase}.pos-cart-header .pos-cart-count{align-items:center;background:var(--pos-accent);border-radius:999px;box-shadow:0 2px 8px var(--pos-accent-glow);color:#fff;display:inline-flex;font-size:.62rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 .35rem}.pos-cart-items{flex:1;overflow-y:auto}.pos-cart-empty{flex-direction:column;gap:.6rem;height:100%}.pos-cart-empty,.pos-cart-empty .pos-cart-empty-icon{align-items:center;display:flex;justify-content:center}.pos-cart-empty .pos-cart-empty-icon{background:var(--pos-surface-2);border:1px solid var(--pos-border);border-radius:50%;height:60px;width:60px}.pos-cart-empty .pos-cart-empty-icon i{color:var(--pos-text-subtle);font-size:1.5rem}.pos-cart-empty p{color:var(--pos-text-subtle);font-size:.82rem;margin:0}.pos-cart-empty span{color:var(--pos-text-subtle);font-size:.73rem;opacity:.6}.pos-cart-item{align-items:flex-start;border-bottom:1px solid var(--pos-border);display:flex;gap:.6rem;padding:.62rem .85rem;transition:background var(--pos-transition)}.pos-cart-item:hover{background:rgba(99,102,241,.04)}.pos-cart-item .pos-ci-thumb{align-items:center;background:var(--pos-surface-3);border:1px solid var(--pos-border);border-radius:var(--pos-radius-xs);display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.pos-cart-item .pos-ci-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pos-cart-item .pos-ci-thumb .pos-ci-initial{color:var(--pos-accent-light);font-size:.75rem;font-weight:800}.pos-cart-item .pos-ci-body{flex:1;min-width:0}.pos-cart-item .pos-ci-name{color:var(--pos-text);font-size:.8rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-cart-item .pos-ci-meta{color:var(--pos-text-subtle);font-size:.68rem;margin-top:.05rem}.pos-cart-item .pos-ci-controls{align-items:center;display:flex;gap:.35rem;margin-top:.35rem}.pos-cart-item .pos-ci-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.35rem}.pos-cart-item .pos-ci-price{color:var(--pos-text);font-size:.85rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.pos-cart-item .pos-ci-remove{background:none;border:none;border-radius:var(--pos-radius-xs);color:var(--pos-text-subtle);cursor:pointer;font-size:.78rem;line-height:1;padding:.15rem .2rem;transition:all var(--pos-transition)}.pos-cart-item .pos-ci-remove:hover{background:var(--pos-danger-soft);color:var(--pos-danger)}.pos-qty-spinner{align-items:center;background:var(--pos-surface-3);border:1px solid var(--pos-border);border-radius:var(--pos-radius-xs);display:inline-flex;height:26px;overflow:hidden}.pos-qty-spinner button{align-items:center;background:none;border:none;color:var(--pos-text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;height:100%;justify-content:center;padding:0;transition:all var(--pos-transition);width:24px}.pos-qty-spinner button:hover{background:var(--pos-accent-soft);color:var(--pos-accent-light)}.pos-qty-spinner input{background:transparent;border:none;border-left:1px solid var(--pos-border);border-right:1px solid var(--pos-border);color:var(--pos-text);font-size:.78rem;font-weight:700;height:100%;padding:0;text-align:center;width:30px}.pos-qty-spinner input[type=number]::-webkit-inner-spin-button,.pos-qty-spinner input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.pos-qty-spinner input[type=number]{-moz-appearance:textfield}.pos-summary{border-top:1px solid var(--pos-border);flex-shrink:0;padding:.85rem}.pos-summary .pos-summary-row{align-items:center;color:var(--pos-text-muted);display:flex;font-size:.79rem;justify-content:space-between;padding:.2rem 0}.pos-summary .pos-summary-row span:last-child{color:var(--pos-text);font-weight:500}.pos-summary .pos-summary-row.discount,.pos-summary .pos-summary-row.discount span:last-child{color:var(--pos-success)}.pos-summary .pos-summary-total{align-items:center;border-top:1px solid var(--pos-border-hover);display:flex;justify-content:space-between;margin-top:.4rem;padding:.55rem 0 .2rem}.pos-summary .pos-summary-total span:first-child{color:var(--pos-text);font-size:.92rem;font-weight:700}.pos-summary .pos-summary-total span:last-child{color:var(--pos-accent-light);font-size:1.25rem;font-weight:900;letter-spacing:-.03em}.pos-action-bar{background:var(--pos-surface);border-top:1px solid var(--pos-border);display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:auto auto 1fr;padding:.75rem .85rem}.pos-btn-charge{background:linear-gradient(135deg,#6366f1,#9333ea);border:none;border-radius:var(--pos-radius-sm);box-shadow:0 4px 16px rgba(99,102,241,.4);color:#fff;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:-.01em;padding:0 1rem;transition:all var(--pos-transition);white-space:nowrap}.pos-btn-charge:hover:not(:disabled){box-shadow:0 6px 24px rgba(99,102,241,.55);transform:translateY(-1px)}.pos-btn-charge:active{box-shadow:0 2px 8px rgba(99,102,241,.3);transform:translateY(0)}.pos-btn-charge:disabled{background:var(--pos-surface-3);box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.pos-btn-hold{align-items:center;background:var(--pos-surface-2);border:1px solid var(--pos-border-hover);border-radius:var(--pos-radius-sm);color:var(--pos-text-muted);cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:600;gap:.35rem;height:40px;padding:0 .9rem;transition:all var(--pos-transition);white-space:nowrap}.pos-btn-hold:hover{background:var(--pos-warning-soft);border-color:var(--pos-warning);color:var(--pos-warning)}.pos-btn-clear{align-items:center;background:var(--pos-surface-2);border:1px solid var(--pos-border-hover);border-radius:var(--pos-radius-sm);color:var(--pos-text-muted);cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:.88rem;height:40px;justify-content:center;transition:all var(--pos-transition);width:40px}.pos-btn-clear:hover{background:var(--pos-danger-soft);border-color:var(--pos-danger);color:var(--pos-danger)}.pos-payment-header{border-bottom:1px solid var(--pos-border);margin-bottom:1.1rem;padding-bottom:1rem;text-align:center}.pos-payment-header .pos-due-label{color:var(--pos-text-subtle);font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-bottom:.3rem;text-transform:uppercase}.pos-payment-header .pos-due-amount{color:var(--pos-text);font-size:2.6rem;font-weight:900;letter-spacing:-.05em;line-height:1}.pos-payment-header .pos-due-amount .pos-due-currency{color:var(--pos-text-muted);font-size:1.3rem;font-weight:600;margin-right:.05rem;vertical-align:super}.pos-payment-line{background:var(--pos-surface-2);border:1px solid var(--pos-border);border-radius:var(--pos-radius);margin-bottom:.6rem;padding:.85rem;transition:border-color var(--pos-transition)}.pos-payment-line:focus-within{border-color:var(--pos-accent)}.pos-pay-methods{display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr);margin-bottom:.7rem}.pos-pay-btn{align-items:center;background:var(--pos-surface-3);border:1px solid var(--pos-border-hover);border-radius:var(--pos-radius-sm);color:var(--pos-text-muted);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;gap:.25rem;padding:.65rem .4rem;text-align:center;transition:all var(--pos-transition)}.pos-pay-btn i{font-size:1.1rem}.pos-pay-btn:hover{background:var(--pos-surface-2);border-color:var(--pos-border-hover);color:var(--pos-text);transform:translateY(-1px)}.pos-pay-btn.active{background:var(--pos-accent-soft);border-color:var(--pos-accent);box-shadow:0 0 0 1px var(--pos-accent),0 4px 12px var(--pos-accent-soft);color:var(--pos-accent-light)}.pos-numpad{display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr);margin-top:.75rem}.pos-numpad button{background:var(--pos-surface-2);border:1px solid var(--pos-border);border-radius:var(--pos-radius-sm);color:var(--pos-text);cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:1.15rem;font-weight:700;padding:.82rem;transition:all var(--pos-transition)}.pos-numpad button:hover{background:var(--pos-surface-3);border-color:var(--pos-border-hover);transform:scale(.96)}.pos-numpad button:active{transform:scale(.91)}.pos-numpad button.pos-numpad-wide{grid-column:span 2}.pos-numpad button.pos-numpad-clear{color:var(--pos-danger)}.pos-numpad button.pos-numpad-clear:hover{background:var(--pos-danger-soft);border-color:var(--pos-danger)}.pos-numpad button.pos-numpad-backspace{color:var(--pos-warning)}.pos-numpad button.pos-numpad-backspace:hover{background:var(--pos-warning-soft);border-color:var(--pos-warning)}.pos-change-display{align-items:center;background:var(--pos-success-soft);border:1px solid rgba(16,185,129,.22);border-radius:var(--pos-radius-sm);color:var(--pos-text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.6rem;padding:.7rem 1rem}.pos-change-display .pos-change-amount{color:var(--pos-success);font-size:1.3rem;font-weight:800;letter-spacing:-.025em}.pos-total-check{align-items:center;background:var(--pos-surface-3);border:1px solid var(--pos-border);border-radius:var(--pos-radius-sm);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.6rem;padding:.55rem 1rem}.pos-total-check span:first-child{color:var(--pos-text-muted)}.pos-total-check .pos-paid-amount{color:var(--pos-text);font-size:1rem;font-weight:700;letter-spacing:-.02em}.pos-receipt{background:#fff;color:#1a1a1a;font-family:Courier New,Lucida Console,monospace;font-size:.78rem;line-height:1.65;margin:0 auto;max-width:100%;padding:1.1rem 1rem;width:300px}.pos-receipt .pos-receipt-header{border-bottom:2px dashed #c8c8c8;margin-bottom:.65rem;padding-bottom:.65rem;text-align:center}.pos-receipt .pos-receipt-store{font-size:.93rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pos-receipt .pos-receipt-sub{color:#888;font-size:.62rem;letter-spacing:.12em;margin-top:.2rem;text-transform:uppercase}.pos-receipt .pos-receipt-meta{font-size:.72rem;margin:.5rem 0}.pos-receipt .pos-receipt-line{display:flex;gap:.4rem;justify-content:space-between}.pos-receipt .pos-receipt-line span:first-child{color:#555}.pos-receipt .pos-receipt-line span:last-child{color:#111;font-weight:600;text-align:right}.pos-receipt .pos-receipt-divider{border:none;border-top:1px dashed #c8c8c8;margin:.5rem 0}.pos-receipt .pos-receipt-item{margin:.2rem 0}.pos-receipt .pos-receipt-item .item-name{color:#111;font-weight:600}.pos-receipt .pos-receipt-item .item-detail{color:#666;display:flex;font-size:.71rem;justify-content:space-between;padding-left:.5rem}.pos-receipt .pos-receipt-totals{margin:.2rem 0}.pos-receipt .pos-receipt-grand{border-top:2px solid #1a1a1a;color:#000;display:flex;font-size:.92rem;font-weight:700;justify-content:space-between;margin-top:.2rem;padding-top:.4rem}.pos-receipt .pos-receipt-payments{border-top:1px dashed #c8c8c8;font-size:.71rem;margin:.5rem 0;padding-top:.2rem}.pos-receipt .pos-receipt-footer{border-top:1px dashed #c8c8c8;color:#999;font-size:.65rem;letter-spacing:.06em;line-height:2;margin-top:.75rem;padding-top:.55rem;text-align:center;text-transform:uppercase}@media print{#app>:not(.p-dialog-mask),body>:not(#app){display:none!important}.p-dialog-mask{background:none!important;position:static!important}.p-dialog{border:none!important;box-shadow:none!important;max-width:none!important;width:100%!important}.p-dialog-footer,.p-dialog-header{display:none!important}.p-dialog-content{background:#fff!important;padding:0!important}.pos-receipt{width:100%!important}.pos-receipt-no-print{display:none!important}}.pos-login-page{align-items:center;background:var(--pos-bg);background-image:radial-gradient(ellipse at 15% 50%,rgba(99,102,241,.1) 0,transparent 60%),radial-gradient(ellipse at 85% 15%,rgba(147,51,234,.07) 0,transparent 55%);display:flex;justify-content:center;min-height:100vh}.pos-login-page .pos-login-card{background:var(--pos-surface);border:1px solid var(--pos-border-hover);border-radius:20px;box-shadow:var(--pos-shadow-lg);max-width:420px;padding:2.5rem 2.2rem;width:100%}.pos-login-page .pos-login-card .pos-login-logo{margin-bottom:1.85rem;text-align:center}.pos-login-page .pos-login-card .pos-login-logo .pos-login-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#9333ea);border-radius:18px;box-shadow:0 8px 28px var(--pos-accent-glow);color:#fff;display:inline-flex;font-size:1.55rem;height:64px;justify-content:center;margin-bottom:.95rem;width:64px}.pos-login-page .pos-login-card .pos-login-logo h1{color:var(--pos-text);font-size:1.35rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .25rem}.pos-login-page .pos-login-card .pos-login-logo p{color:var(--pos-text-subtle);font-size:.82rem;line-height:1.5;margin:0}.pos-stat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:.85rem}.pos-stat-card{background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius);padding:1rem 1.1rem;transition:all var(--pos-transition)}.pos-stat-card:hover{border-color:var(--pos-border-hover);box-shadow:var(--pos-shadow);transform:translateY(-2px)}.pos-stat-card .pos-stat-label{color:var(--pos-text-subtle);font-size:.63rem;font-weight:700;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.pos-stat-card .pos-stat-value{color:var(--pos-text);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.pos-stat-card .pos-stat-sub{color:var(--pos-text-subtle);font-size:.7rem;margin-top:.3rem}.pos-order-row{align-items:center;background:var(--pos-surface);border:1px solid var(--pos-border);border-radius:var(--pos-radius);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.45rem;padding:.85rem 1rem;transition:all var(--pos-transition)}.pos-order-row:hover{background:var(--pos-surface-2);border-color:var(--pos-border-hover);transform:translateX(2px)}.pos-order-row .pos-order-meta{flex:1;min-width:0}.pos-order-row .pos-order-number{color:var(--pos-text);font-size:.88rem;font-weight:700;letter-spacing:-.01em}.pos-order-row .pos-order-detail{align-items:center;color:var(--pos-text-subtle);display:flex;flex-wrap:wrap;font-size:.72rem;gap:.5rem;margin-top:.15rem}.pos-order-row .pos-order-amount{color:var(--pos-accent-light);flex-shrink:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.pos-order-row .pos-order-actions{display:flex;flex-shrink:0;gap:.4rem}.pos-layout .flex{display:flex}.pos-layout .flex-column{flex-direction:column}.pos-layout .align-center{align-items:center}.pos-layout .justify-center{justify-content:center}.pos-layout .justify-between{justify-content:space-between}.pos-layout .justify-end{justify-content:flex-end}.pos-layout .flex-wrap{flex-wrap:wrap}.pos-layout .flex-1{flex:1}.pos-layout .gap-1{gap:.25rem}.pos-layout .gap-2{gap:.5rem}.pos-layout .gap-3{gap:.75rem}.pos-layout .gap-4{gap:1rem}.pos-layout .mt-3{margin-top:.75rem}.pos-layout .mb-3{margin-bottom:.75rem}.pos-layout .p-4{padding:1rem}.pos-layout .text-center{text-align:center}.pos-layout .w-full{width:100%}.pos-layout .min-w-0{min-width:0}