.pos-root{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pos-topbar{background:var(--pos-topbar-bg);border-bottom:1px solid var(--pos-topbar-border)}.pos-cart{border-left:1px solid var(--pos-cart-border)}.pos-cart,.pos-cart-bar{background:var(--pos-cart-bg)}.pos-cart-bar{border-top:1px solid var(--pos-cart-border);box-shadow:0 -2px 8px color-mix(in srgb,var(--pos-text) 8%,transparent);padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.pos-card{border:1px solid var(--pos-card-border);border-radius:var(--pos-radius-lg)}.pos-card,.pos-product-card{background:var(--pos-card-bg);box-shadow:var(--pos-card-shadow)}.pos-product-card{border:1px solid var(--pos-card-border);border-radius:var(--pos-radius);padding:1rem;transition:all .15s ease}.pos-product-card:hover{box-shadow:var(--pos-card-hover-shadow);transform:translateY(-1px)}.pos-product-card:active{transform:scale(.97)}.pos-product-img{background:var(--pos-product-img-bg);border-radius:var(--pos-radius-sm)}.pos-category-tab{background:var(--pos-category-bg);border-radius:var(--pos-radius-sm);color:var(--pos-category-text);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.pos-category-tab.active{background:var(--pos-category-active);color:var(--pos-category-active-text)}.pos-category-tab:not(.active):hover{background:var(--pos-surface-hover)}.pos-input{background:var(--pos-input-bg);border:1px solid var(--pos-input-border);border-radius:var(--pos-radius-sm);color:var(--pos-text);outline:none;transition:border-color .15s}.pos-input:focus{border-color:var(--pos-input-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--pos-input-focus) 20%,transparent)}.pos-input::-moz-placeholder{color:var(--pos-text-muted)}.pos-input::placeholder{color:var(--pos-text-muted)}.pos-qty-btn{align-items:center;background:var(--pos-surface-hover);border-radius:var(--pos-radius-sm);color:var(--pos-text);display:flex;font-weight:500;height:2rem;justify-content:center;transition:background .15s;width:2rem}.pos-qty-btn:hover{background:var(--pos-surface-active)}.pos-btn-pay{background:var(--pos-success);border-radius:var(--pos-radius);color:var(--pos-success-text);transition:all .15s}.pos-btn-pay:hover:not(:disabled){background:var(--pos-success-hover)}.pos-btn-ghost{background:var(--pos-surface-hover);border-radius:var(--pos-radius-sm);color:var(--pos-text);transition:all .15s}.pos-btn-ghost:hover{background:var(--pos-surface-active)}.pos-btn-accent{background:var(--pos-badge-bg);border-radius:var(--pos-radius-sm);color:var(--pos-badge-text);font-weight:500;transition:all .15s}.pos-btn-accent:hover{opacity:.85}.pos-btn-accent-solid{background:var(--pos-primary);border-radius:var(--pos-radius);color:var(--pos-primary-text);transition:all .15s}.pos-btn-accent-solid:hover{background:var(--pos-primary-hover)}.pos-btn-success{background:var(--pos-success);border-radius:var(--pos-radius-sm);color:var(--pos-success-text);font-weight:500}.pos-badge-online{background:color-mix(in srgb,var(--pos-success) 15%,transparent);color:var(--pos-success)}.pos-badge-offline{background:color-mix(in srgb,var(--pos-danger) 15%,transparent);color:var(--pos-danger)}.pos-badge-member{background:var(--pos-badge-bg)}.pos-badge-promo{background:color-mix(in srgb,var(--pos-success) 10%,transparent)}