:root{color-scheme:light;--pos-primary: #e8521a;--pos-primary-dark: #cc4312;--pos-primary-light: #f0672a;--pos-accent: #f5a623;--pos-pay: #e8521a;--pos-positive: #4f8a3f;--pos-bg: #f4efec;--pos-bg-soft: #fff8f4;--pos-surface: #ffffff;--pos-surface-2: #fbf3ee;--pos-border: #e6c9ba;--pos-text: #201813;--pos-muted: #746a62;--pos-secondary-bg: #fff3ec;--pos-secondary-border: #e3ad95;--pos-secondary-text: #6a3622;--pos-body-gradient-1: #f8f1ed;--pos-body-gradient-2: #efe4de;--pos-shadow: 0 18px 34px rgba(23, 16, 12, .08);--pos-cart-width: 400px;--pos-topbar-h: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[data-theme=dark]{color-scheme:dark;--pos-primary: #e8521a;--pos-primary-dark: #f0672a;--pos-primary-light: #f5a623;--pos-pay: #e8521a;--pos-positive: #6dad5c;--pos-bg: #1c1917;--pos-bg-soft: #252220;--pos-surface: #2a2522;--pos-surface-2: #322c28;--pos-border: #4a423c;--pos-text: #f5ebe3;--pos-muted: #a89b92;--pos-secondary-bg: #3d3430;--pos-secondary-border: #6b5d54;--pos-secondary-text: #e8ddd4;--pos-body-gradient-1: #252019;--pos-body-gradient-2: #1a1714;--pos-shadow: 0 18px 34px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(circle at top left,var(--pos-body-gradient-1) 0%,var(--pos-bg) 55%,var(--pos-body-gradient-2) 100%);color:var(--pos-text)}.pos-app{position:relative;height:100%;overflow:hidden}.pos-theme-toggle{position:fixed;top:.5rem;right:.5rem;z-index:200;padding:.35rem .65rem;border:1px solid var(--pos-border);border-radius:6px;background:var(--pos-surface);color:var(--pos-text);font-size:.75rem;cursor:pointer}.pos-login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:2rem;background:radial-gradient(circle at top left,var(--pos-body-gradient-1) 0%,var(--pos-bg) 50%,color-mix(in srgb,var(--pos-primary) 18%,var(--pos-body-gradient-2)) 100%)}.pos-login-logo{width:200px;margin-bottom:1.5rem}.pos-login-card{width:min(400px,100%);padding:2rem;background:var(--pos-surface);border:1px solid var(--pos-border);border-top:3px solid color-mix(in srgb,var(--pos-primary) 55%,transparent);border-radius:12px;box-shadow:var(--pos-shadow)}.pos-login-card h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--pos-primary)}.pos-login-sub{margin:0 0 1.25rem;color:var(--pos-muted);font-size:.9rem}.pos-login-modes{display:flex;gap:.5rem;margin-bottom:1rem}.pos-mode-btn{flex:1;padding:.5rem;border:1px solid var(--pos-border);border-radius:8px;background:var(--pos-surface-2);color:var(--pos-text);cursor:pointer;font-weight:500}.pos-mode-btn--active{background:var(--pos-primary);border-color:var(--pos-primary);color:#fff}.pos-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.85rem;font-weight:600;color:var(--pos-muted)}.pos-field input{padding:.65rem .75rem;border:1px solid var(--pos-border);border-radius:8px;font-size:1rem;background:var(--pos-surface);color:var(--pos-text)}.pos-btn{padding:.55rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.pos-btn:disabled{opacity:.5;cursor:not-allowed}.pos-btn--primary{background:var(--pos-primary);color:#fff}.pos-btn--primary:hover:not(:disabled){background:var(--pos-primary-dark)}.pos-btn--secondary{background:var(--pos-secondary-bg);color:var(--pos-secondary-text);border:1px solid var(--pos-secondary-border)}.pos-btn--ghost{background:transparent;color:var(--pos-text);border:1px solid var(--pos-border)}.pos-btn--pay{background:var(--pos-pay);color:#fff;flex:1}.pos-btn--pay:hover:not(:disabled){background:var(--pos-primary-dark)}.pos-btn--block{width:100%}.pos-btn--icon{min-width:2.5rem;padding:.4rem;font-size:1.1rem}.pos-topbar{display:flex;align-items:center;justify-content:space-between;height:var(--pos-topbar-h);padding:0 1rem;background:linear-gradient(180deg,var(--pos-primary-light) 0%,var(--pos-primary) 100%);color:#fff;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--pos-primary-dark) 40%,transparent)}.pos-topbar-left{display:flex;align-items:center;gap:.75rem}.pos-topbar-title{margin:0;font-size:1.1rem;font-weight:600}.pos-topbar-sub{font-size:.8rem;opacity:.85}.pos-topbar-actions{display:flex;gap:.5rem;align-items:center}.pos-topbar .pos-btn--ghost{border-color:#fff6;color:#fff}.pos-topbar .pos-btn--primary{background:#fff3}.pos-topbar .pos-btn--primary:hover:not(:disabled){background:#ffffff4d}.pos-search{padding:.4rem .75rem;border:none;border-radius:6px;min-width:200px;font-size:.9rem}.pos-floor{display:flex;flex-direction:column;height:100%}.pos-floor-main{flex:1;overflow:auto;padding:1.25rem}.pos-floor-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.pos-floor-tab{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--pos-border);background:var(--pos-surface);color:var(--pos-text);font:inherit;cursor:pointer}.pos-floor-tab--active{border-color:var(--pos-primary);background:color-mix(in srgb,var(--pos-primary) 12%,var(--pos-surface));color:var(--pos-primary)}.pos-floor-canvas{position:relative;margin-bottom:2rem;border:1px solid var(--pos-border);border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--pos-border) 55%,transparent) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(color-mix(in srgb,var(--pos-border) 55%,transparent) 1px,transparent 1px) 0 0 / 24px 24px,var(--pos-bg);max-width:100%;overflow:auto}.pos-floor-table{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.35rem;border:2px solid var(--pos-border);cursor:pointer;text-align:center;font:inherit;transition:transform .1s,border-color .15s}.pos-floor-table--square{border-radius:10px}.pos-floor-table--round{border-radius:999px}.pos-floor-table--free{background:var(--pos-surface);color:var(--pos-muted)}.pos-floor-table--occupied{background:color-mix(in srgb,var(--pos-primary) 14%,var(--pos-surface));border-color:var(--pos-primary);color:var(--pos-text)}.pos-floor-table:hover:not(:disabled){transform:scale(1.02)}.pos-floor-table-num{font-size:1.1rem;font-weight:700}.pos-floor-table-label{font-size:.72rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-floor-table-meta{font-size:.68rem;color:var(--pos-muted)}.pos-floor-table-total{font-weight:700;color:var(--pos-primary);font-size:.82rem}.pos-section-title{margin:0 0 1rem;font-size:1rem;color:var(--pos-muted);text-transform:uppercase;letter-spacing:.04em}.pos-floor-empty,.pos-floor-hint{color:var(--pos-muted);font-size:.9rem;margin:0 0 1.5rem}.pos-floor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:20vh}.pos-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:2rem}.pos-table-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:100px;padding:.75rem;border-radius:8px;border:2px solid var(--pos-border);cursor:pointer;text-align:center;transition:transform .1s,border-color .15s}.pos-table-tile--free{background:var(--pos-surface);color:var(--pos-muted)}.pos-table-tile--occupied{background:color-mix(in srgb,var(--pos-primary) 14%,var(--pos-surface));border-color:var(--pos-primary);color:var(--pos-text)}.pos-table-tile:hover:not(:disabled){transform:scale(1.02)}.pos-table-tile-num{font-size:1.35rem;font-weight:700}.pos-table-tile-label{font-size:.8rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-table-tile-meta{font-size:.75rem;color:var(--pos-muted)}.pos-table-tile-total{font-weight:700;color:var(--pos-primary);font-size:.95rem}.pos-cart-controls{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .5rem;border-top:1px solid var(--pos-border);border-bottom:1px solid var(--pos-border);background:var(--pos-surface-2)}.pos-control-btn{flex:1;min-width:0;padding:.55rem .65rem;border:1px solid var(--pos-secondary-border);border-radius:6px;background:var(--pos-secondary-bg);color:var(--pos-secondary-text);font-weight:600;font-size:.85rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-control-btn:hover:not(:disabled){border-color:var(--pos-primary);color:var(--pos-primary-dark)}.pos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem;background:#20181373}.pos-modal{width:min(520px,100%);max-height:min(90vh,720px);display:flex;flex-direction:column;background:var(--pos-surface);border-radius:12px;box-shadow:var(--pos-shadow);border:1px solid var(--pos-border);overflow:hidden}.pos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:linear-gradient(180deg,var(--pos-primary-light) 0%,var(--pos-primary) 100%);color:#fff}.pos-modal-header h2{margin:0;font-size:1.05rem}.pos-modal-close{border:none;background:transparent;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.9}.pos-modal-body{padding:1rem;overflow:auto}.pos-modal-search-wrap{padding:.75rem 1rem 0}.pos-modal-search{width:100%;padding:.6rem .75rem;border:1px solid var(--pos-border);border-radius:8px;font-size:1rem}.pos-customer-list{flex:1;overflow:auto;padding:.5rem 1rem;min-height:200px;max-height:50vh}.pos-customer-row{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.75rem;margin-bottom:.35rem;border:1px solid var(--pos-border);border-radius:8px;background:var(--pos-surface);cursor:pointer;text-align:left}.pos-customer-row strong{font-size:.95rem}.pos-customer-row span{font-size:.8rem;color:var(--pos-muted)}.pos-customer-row--active{border-color:var(--pos-primary);background:color-mix(in srgb,var(--pos-primary) 10%,var(--pos-surface))}.pos-customer-empty{text-align:center;color:var(--pos-muted);padding:2rem 0}.pos-modal-footer,.pos-modal-actions{display:flex;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--pos-border)}.pos-modal-footer .pos-btn--primary,.pos-modal-actions .pos-btn--primary{margin-left:auto}.pos-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.pos-order-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;min-height:120px;border:2px solid var(--pos-border);border-radius:10px;background:var(--pos-surface);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.pos-order-tile:hover:not(:disabled){border-color:var(--pos-primary);box-shadow:var(--pos-shadow)}.pos-order-tile-name{font-weight:700;font-size:1rem}.pos-order-tile-table{font-size:.85rem;color:var(--pos-muted)}.pos-order-tile-meta{font-size:.8rem;color:var(--pos-muted)}.pos-order-tile-total{margin-top:auto;font-size:1.1rem;font-weight:700;color:var(--pos-primary)}.pos-register{display:flex;flex-direction:column;height:100%}.pos-register-body{display:flex;flex:1;min-height:0}.pos-products-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--pos-bg)}.pos-category-bar{display:flex;flex-wrap:nowrap;gap:.35rem;padding:.5rem .75rem;overflow-x:auto;background:var(--pos-surface);border-bottom:1px solid var(--pos-border);flex-shrink:0}.pos-category-tab{flex-shrink:0;padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:var(--pos-text);font-weight:600;font-size:.9rem;cursor:pointer}.pos-category-tab--active{background:var(--pos-primary);color:#fff}.pos-product-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;padding:.75rem;overflow:auto;align-content:start}.pos-products-empty{grid-column:1 / -1;text-align:center;color:var(--pos-muted);padding:2rem}.pos-product-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:110px;padding:.65rem;border:none;border-radius:8px;background:hsl(var(--tile-hue, 24) 52% 91%);color:var(--pos-text);cursor:pointer;box-shadow:0 1px 3px #20181314;border:1px solid color-mix(in srgb,var(--pos-border) 70%,transparent);transition:transform .1s,border-color .15s}[data-theme=dark] .pos-product-tile{background:hsl(var(--tile-hue, 24) 28% 30%);border-color:var(--pos-border)}.pos-product-tile:hover:not(:disabled){transform:scale(1.02);border-color:var(--pos-primary)}.pos-product-tile-badge{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000014;font-size:.7rem;font-weight:700}.pos-product-tile-name{font-size:.85rem;font-weight:600;text-align:center;line-height:1.2}.pos-product-tile-price{font-size:.9rem;font-weight:700;color:var(--pos-primary)}.pos-cart-pane{width:var(--pos-cart-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--pos-surface);border-left:1px solid var(--pos-border);min-height:0}.pos-cart-lines{flex:1;overflow:auto;padding:.5rem}.pos-cart-empty{padding:1.5rem;text-align:center;color:var(--pos-muted);font-size:.9rem}.pos-cart-line{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.6rem .5rem;border-radius:6px;cursor:pointer;border-bottom:1px solid var(--pos-border)}.pos-cart-line--selected{background:color-mix(in srgb,var(--pos-primary) 12%,transparent);outline:2px solid var(--pos-primary)}.pos-cart-line-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.pos-cart-line-info strong{font-size:.9rem}.pos-cart-line-info span{font-size:.8rem;color:var(--pos-muted)}.pos-cart-line-right{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.pos-cart-line-total{font-weight:700;font-size:.95rem}.pos-cart-line-remove{width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--pos-muted);font-size:1.1rem;cursor:pointer;line-height:1}.pos-cart-line-remove:hover{background:color-mix(in srgb,var(--pos-primary) 12%,transparent);color:var(--pos-primary-dark)}.pos-numpad-display{padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:var(--pos-primary);background:var(--pos-surface-2);text-align:center}.pos-numpad{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:.35rem;background:var(--pos-border)}.pos-numpad-key{padding:.65rem;border:none;background:var(--pos-surface);font-size:1rem;font-weight:600;cursor:pointer;color:var(--pos-text)}.pos-numpad-key--action{background:var(--pos-primary-light);color:#fff}.pos-numpad-key:hover:not(:disabled){filter:brightness(.97)}.pos-cart-totals{padding:.5rem .75rem;border-top:1px solid var(--pos-border)}.pos-cart-total-row{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.9rem}.pos-cart-total-row--muted{color:var(--pos-muted);font-size:.85rem}.pos-cart-total-row--grand{font-size:1.15rem;font-weight:700;padding-top:.35rem;margin-top:.25rem;border-top:1px dashed var(--pos-border)}.pos-cart-actions{display:flex;gap:.5rem;padding:.5rem .75rem .75rem}.pos-receipt-preview{margin:0;padding:.5rem .75rem;max-height:120px;overflow:auto;font-size:.65rem;line-height:1.3;background:var(--pos-surface-2);border-top:1px solid var(--pos-border);white-space:pre-wrap}.pos-payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--pos-bg)}.pos-topbar--payment{background:linear-gradient(180deg,var(--pos-primary-light) 0%,var(--pos-primary) 100%)}.pos-payment-total{font-size:1.35rem;font-weight:700}.pos-payment-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;overflow:auto}@media (max-width: 768px){.pos-payment-body{grid-template-columns:1fr}.pos-cart-pane{width:320px}}.pos-payment-methods h2,.pos-payment-cash h2,.pos-payment-summary h2{margin:0 0 .75rem;font-size:.85rem;text-transform:uppercase;color:var(--pos-muted)}.pos-payment-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.pos-payment-method{padding:1rem;border:2px solid var(--pos-border);border-radius:8px;background:var(--pos-surface);font-weight:600;cursor:pointer;color:var(--pos-text)}.pos-payment-method--active{border-color:var(--pos-pay);background:color-mix(in srgb,var(--pos-pay) 12%,var(--pos-surface))}.pos-payment-cash-input{font-size:1.5rem;font-weight:700;text-align:right}.pos-payment-change{margin:.5rem 0 1rem;font-size:1rem}.pos-payment-card-hint{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--pos-surface);border-radius:8px;color:var(--pos-muted)}.pos-payment-lines{list-style:none;margin:0;padding:0}.pos-payment-lines li{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--pos-border);font-size:.9rem}.pos-payment-summary-total{display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.5rem;font-size:1.2rem;font-weight:700;border-top:2px solid var(--pos-primary)}.pos-payment-footer{padding:1rem;background:var(--pos-surface);border-top:1px solid var(--pos-border)}.pos-numpad--payment{max-width:280px}.pos-toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:.75rem;max-width:min(90vw,480px);padding:.75rem 1rem;border-radius:8px;background:var(--pos-text);color:var(--pos-bg-soft);font-size:.9rem;box-shadow:var(--pos-shadow)}.pos-toast-dismiss{padding:0 .35rem;border:none;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.8}