.pos-root{--pos-bg:#ebe4d6;--pos-panel:#f7f5f2;--pos-ink:#1c1c1c;--pos-brown:#3a2e25;--pos-brown-soft:#3a2e2514;--pos-accent:#8b5e3c;--pos-success:#2f6b4f;--pos-danger:#9b3b2e;--pos-muted:#1c1c1c8c;--pos-radius:18px;--pos-shadow:0 10px 30px #3a2e2514;z-index:200;color:var(--pos-ink);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(80% 50% at 10% 0,#ffffff8c,#0000 55%),linear-gradient(160deg,#e8dfd0 0%,#ebe4d6 45%,#e2d7c4 100%);grid-template-columns:220px 1fr 380px;font-family:DM Sans,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.pos-root *{box-sizing:border-box}.pos-col{flex-direction:column;min-height:0;display:flex}.pos-left{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f5f28c;border-right:1px solid #3a2e251a;gap:.75rem;padding:1.1rem .9rem}.pos-brand{color:var(--pos-brown);letter-spacing:.02em;padding:.2rem .4rem .6rem;font-family:Cormorant Garamond,serif;font-size:1.85rem;font-weight:600}.pos-brand span{font-style:italic;font-weight:300}.pos-clock{color:var(--pos-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .4rem .5rem;font-size:.78rem}.pos-search{background:var(--pos-panel);width:100%;color:var(--pos-ink);border:1px solid #3a2e2526;border-radius:14px;outline:none;padding:.85rem 1rem;font-size:1rem}.pos-search:focus{border-color:var(--pos-accent);box-shadow:0 0 0 3px #8b5e3c26}.pos-cat-list{flex-direction:column;flex:1;gap:.45rem;padding-right:.15rem;display:flex;overflow-y:auto}.pos-cat-btn{text-align:left;color:var(--pos-brown);background:0 0;border:none;border-radius:14px;min-height:52px;padding:.95rem 1rem;font-size:1rem;font-weight:500;transition:background .18s,transform .12s}.pos-cat-btn:hover{background:var(--pos-brown-soft)}.pos-cat-btn.active{background:var(--pos-brown);color:var(--pos-panel)}.pos-left-actions{flex-direction:column;gap:.4rem;margin-top:auto;padding-top:.6rem;display:flex}.pos-ghost-btn{color:var(--pos-brown);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #3a2e252e;border-radius:12px;min-height:46px;padding:.75rem .9rem;font-size:.82rem;transition:background .15s}.pos-ghost-btn:hover{background:var(--pos-brown-soft)}.pos-center{gap:.9rem;padding:1.1rem 1.2rem 1.2rem}.pos-center-top{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.pos-pill{background:var(--pos-panel);color:var(--pos-brown);border:1px solid #3a2e2524;border-radius:999px;min-height:48px;padding:.7rem 1.15rem;font-size:.9rem;font-weight:500;transition:all .15s}.pos-pill.active{background:var(--pos-brown);color:#f7f5f2;border-color:var(--pos-brown)}.pos-rule-badge{color:var(--pos-accent);background:#8b5e3c1f;border-radius:999px;margin-left:auto;padding:.55rem .95rem;font-size:.85rem;font-weight:500;animation:.25s posFadeIn}.pos-rule-badge.late{color:var(--pos-danger);background:#9b3b2e1f}.pos-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:.85rem;padding:.15rem .2rem .4rem;display:grid;overflow-y:auto}.pos-product{background:var(--pos-panel);border-radius:var(--pos-radius);box-shadow:var(--pos-shadow);text-align:left;cursor:pointer;border:none;flex-direction:column;gap:.45rem;min-height:168px;padding:1rem .9rem 1.05rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pos-product:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #3a2e251f}.pos-product:active:not(:disabled){transform:scale(.98)}.pos-product:disabled{opacity:.45;cursor:not-allowed}.pos-product.flash{animation:.35s posPulse}.pos-notes{background:var(--pos-panel);resize:vertical;border:1px solid #3a2e2526;border-radius:12px;width:100%;min-height:64px;margin:.5rem 0 .75rem;padding:.7rem .85rem;font-family:DM Sans,sans-serif;font-size:.9rem}.pos-customer-search{flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;margin-bottom:.35rem;display:flex;position:relative}.pos-customer-search .pos-search{flex:1;min-width:180px}.pos-customer-chip,.pos-customer-anon{color:var(--pos-muted);align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.pos-customer-chip{color:var(--pos-brown);background:#3a2e2514;border-radius:999px;padding:.35rem .65rem}.pos-customer-chip button{color:var(--pos-danger);cursor:pointer;background:0 0;border:none;font-size:.75rem}.pos-customer-results{z-index:20;box-shadow:var(--pos-shadow);background:#f7f5f2;border:1px solid #3a2e251f;border-radius:12px;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow:auto}.pos-customer-results button{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #3a2e250f;flex-direction:column;gap:.15rem;width:100%;padding:.75rem .9rem;font-family:DM Sans,sans-serif;display:flex}.pos-customer-results button:hover{background:#3a2e250d}.pos-customer-results span{opacity:.65;font-size:.78rem}.pos-product-emoji{font-size:2rem;line-height:1}.pos-product-img{object-fit:cover;background:#3a2e250f;border-radius:12px;width:100%;height:72px}.pos-product-name{color:var(--pos-brown);font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;line-height:1.15}.pos-product-price{color:var(--pos-ink);margin-top:auto;font-size:1.05rem;font-weight:500}.pos-product-meta{color:var(--pos-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.pos-soldout{background:var(--pos-danger);color:#fff;letter-spacing:.08em;border-radius:8px;padding:.28rem .5rem;font-size:.68rem;font-weight:500;position:absolute;top:.7rem;right:.7rem}.pos-fav-star{width:36px;height:36px;color:var(--pos-accent);background:#f7f5f2e6;border:none;border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;top:.65rem;left:.65rem}.pos-right{background:var(--pos-panel);border-left:1px solid #3a2e251a;gap:.75rem;padding:1.1rem 1rem 1rem;box-shadow:-8px 0 28px #3a2e250d}.pos-right-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.pos-right-header h2{color:var(--pos-brown);font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:600}.pos-right-header span{color:var(--pos-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.pos-cart-items{flex-direction:column;flex:1;gap:.55rem;padding-right:.15rem;display:flex;overflow-y:auto}.pos-cart-empty{text-align:center;color:var(--pos-muted);margin:auto;padding:2rem 1rem;font-size:.95rem}.pos-cart-line{background:#e6dccb73;border-radius:14px;grid-template-columns:1fr auto;gap:.4rem .6rem;padding:.75rem .8rem;animation:.2s posFadeIn;display:grid}.pos-cart-line.selected{outline:2px solid var(--pos-accent)}.pos-cart-line-name{color:var(--pos-brown);font-size:.98rem;font-weight:500}.pos-cart-line-opts{color:var(--pos-muted);grid-column:1/-1;font-size:.78rem}.pos-cart-line-price{align-self:start;font-weight:500}.pos-qty{align-items:center;gap:.35rem;display:inline-flex}.pos-qty button{background:var(--pos-brown);color:#f7f5f2;border:none;border-radius:10px;width:40px;height:40px;font-size:1.2rem;line-height:1}.pos-qty span{text-align:center;min-width:1.4rem;font-weight:500}.pos-remove{color:var(--pos-danger);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;padding:.2rem 0;font-size:.75rem}.pos-totals{border-top:1px solid #3a2e251f;flex-direction:column;gap:.35rem;padding-top:.75rem;display:flex}.pos-total-row{color:var(--pos-muted);justify-content:space-between;font-size:.92rem;display:flex}.pos-total-row.discount{color:var(--pos-success)}.pos-total-row.surcharge{color:var(--pos-danger)}.pos-total-final{background:var(--pos-brown);color:#f7f5f2;border-radius:16px;justify-content:space-between;align-items:baseline;margin-top:.35rem;padding:.85rem .9rem;display:flex}.pos-total-final label{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:.78rem}.pos-total-final strong{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600}.pos-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pos-btn{letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:14px;min-height:56px;font-size:.92rem;font-weight:500;transition:transform .12s,opacity .15s}.pos-btn:active:not(:disabled){transform:scale(.98)}.pos-btn:disabled{opacity:.4;cursor:not-allowed}.pos-btn-primary{background:var(--pos-accent);color:#fff;grid-column:1/-1;min-height:64px;font-size:1.05rem}.pos-btn-secondary{background:var(--pos-brown-soft);color:var(--pos-brown)}.pos-btn-danger{color:var(--pos-danger);background:#9b3b2e1f}.pos-held{flex-direction:column;gap:.35rem;max-height:120px;display:flex;overflow-y:auto}.pos-held-item{text-align:left;color:var(--pos-brown);background:0 0;border:1px dashed #3a2e2540;border-radius:12px;padding:.65rem .75rem;font-size:.85rem}.pos-modal-backdrop{z-index:300;background:#1c1c1c73;place-items:center;padding:1.5rem;animation:.18s posFadeIn;display:grid;position:fixed;inset:0}.pos-modal{background:var(--pos-panel);border-radius:22px;width:min(560px,100%);max-height:90vh;padding:1.5rem;animation:.22s posSlideUp;overflow-y:auto;box-shadow:0 24px 60px #00000038}.pos-modal h3{color:var(--pos-brown);margin-bottom:.35rem;font-family:Cormorant Garamond,serif;font-size:2rem}.pos-modal p.lead{color:var(--pos-muted);margin-bottom:1.1rem}.pos-pay-methods{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1rem;display:grid}.pos-pay-methods button{min-height:72px;color:var(--pos-brown);background:#fff;border:1px solid #3a2e2526;border-radius:14px;font-size:.95rem;font-weight:500}.pos-pay-methods button.active{background:var(--pos-brown);color:#f7f5f2;border-color:var(--pos-brown)}.pos-cash-input{text-align:right;border:1px solid #3a2e252e;border-radius:14px;width:100%;margin:.5rem 0 .75rem;padding:.85rem 1rem;font-size:1.6rem}.pos-quick-cash{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.pos-quick-cash button{background:var(--pos-brown-soft);min-height:52px;color:var(--pos-brown);border:none;border-radius:12px;flex:1;font-weight:500}.pos-change{color:var(--pos-success);background:#2f6b4f1a;border-radius:14px;justify-content:space-between;margin-bottom:1rem;padding:.9rem 1rem;font-size:1.15rem;font-weight:500;display:flex}.pos-modal-actions{gap:.55rem;display:flex}.pos-modal-actions .pos-btn{flex:1}.pos-success{text-align:center;padding:1rem .5rem}.pos-success-icon{width:72px;height:72px;color:var(--pos-success);background:#2f6b4f1f;border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:2rem;animation:.45s posPulse;display:grid}.pos-success h3{margin-bottom:.25rem}.pos-success .order-no{color:var(--pos-brown);margin-bottom:1.2rem;font-size:1.3rem}.pos-toast{z-index:400;background:var(--pos-brown);color:#f7f5f2;box-shadow:var(--pos-shadow);border-radius:999px;padding:.85rem 1.3rem;font-size:.92rem;animation:.2s posSlideUp;position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%)}.pos-loading{z-index:20;background:#f7f5f28c;place-items:center;display:grid;position:absolute;inset:0}.pos-spinner{border:3px solid #3a2e2526;border-top-color:var(--pos-brown);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite posSpin}.pos-orders-page{z-index:200;padding:1.5rem 2rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));background:#ebe4d6;font-family:DM Sans,sans-serif;position:fixed;inset:0;overflow:auto}.pos-orders-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pos-orders-back{align-items:center;min-height:48px;padding:0 1.4rem;text-decoration:none;display:inline-flex}.pos-orders-table-wrap{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;overflow-x:auto}.pos-orders-page h1{color:#3a2e25;margin-bottom:1rem;font-family:Cormorant Garamond,serif;font-size:2.4rem}.pos-orders-table{border-collapse:collapse;background:#f7f5f2;border-radius:16px;width:100%;overflow:hidden}.pos-orders-table th,.pos-orders-table td{text-align:left;border-bottom:1px solid #3a2e2514;padding:.9rem 1rem;font-size:.92rem}.pos-orders-table th{color:#3a2e25;letter-spacing:.08em;text-transform:uppercase;background:#3a2e250f;font-size:.75rem}.pos-orders-table tr{cursor:pointer}.pos-orders-table tr:hover td{background:#e6dccb66}.pos-ticket{display:none}@media print{body *{visibility:hidden!important}.pos-ticket,.pos-ticket *{visibility:visible!important}.pos-ticket{color:#000;background:#fff;width:80mm;max-width:80mm;padding:4mm;font-family:Courier New,Courier,monospace;font-size:12px;position:absolute;top:0;left:0;display:block!important}.pos-ticket .center{text-align:center}.pos-ticket .bold{font-weight:700}.pos-ticket .line{border-top:1px dashed #000;margin:6px 0}.pos-ticket .row{justify-content:space-between;gap:8px;display:flex}@page{size:80mm auto;margin:0}}@keyframes posFadeIn{0%{opacity:0}to{opacity:1}}@keyframes posSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes posPulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes posSpin{to{transform:rotate(360deg)}}@media (width<=1400px){.pos-root{grid-template-columns:200px 1fr 360px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=1200px){.pos-root{grid-template-rows:auto 1fr;grid-template-columns:1fr 340px}.pos-left{border-bottom:1px solid #3a2e251a;border-right:none;flex-flow:wrap;grid-column:1/-1;align-items:center;gap:.6rem;max-height:none;overflow:visible}.pos-brand{padding:.2rem .4rem;font-size:1.5rem}.pos-clock{padding:.2rem .4rem}.pos-search{flex:1;min-width:160px;max-width:240px}.pos-cat-list{flex-flow:wrap;flex:100%;max-height:none;overflow:visible}.pos-cat-btn{white-space:nowrap;min-height:44px;padding:.65rem .9rem}.pos-left-actions{flex-flow:wrap;margin-top:0;padding-top:0}.pos-center,.pos-right{min-height:0}}@media (width<=900px){.pos-root{-webkit-overflow-scrolling:touch;grid-template-rows:auto minmax(40vh,1fr) auto;grid-template-columns:1fr;overflow:auto}.pos-left{z-index:5;background:#f7f5f2f2;grid-column:auto;position:sticky;top:0}.pos-right{border-top:1px solid #3a2e251a;border-left:none;min-height:50vh;max-height:none}.pos-center-top{gap:.4rem}.pos-pill{min-height:44px;padding:.55rem .9rem;font-size:.82rem}.pos-rule-badge{text-align:center;width:100%;margin-left:0}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.pos-product{min-height:148px;padding:.85rem .75rem}.pos-product-name{font-size:1.15rem}.pos-pay-methods{grid-template-columns:1fr}.pos-pay-methods button{min-height:56px}.pos-modal{border-radius:18px;width:100%;max-height:92vh;padding:1.15rem}.pos-modal-actions{flex-direction:column}.pos-modal-actions .pos-btn{width:100%}.pos-actions{grid-template-columns:1fr 1fr}.pos-btn-primary{grid-column:1/-1;min-height:56px}.pos-orders-page{padding:1rem}.pos-orders-page h1{font-size:1.8rem}.pos-orders-table-wrap{-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto}.pos-orders-table{min-width:720px}}@media (width<=560px){.pos-search{width:100%;max-width:none}.pos-left-actions{width:100%}.pos-left-actions .pos-ghost-btn{flex:1;min-width:0;padding:.65rem .5rem;font-size:.72rem}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-center{padding:.75rem}.pos-right{padding:.85rem .75rem 1rem}.pos-total-final strong{font-size:1.55rem}.pos-qty button{width:44px;height:44px}.pos-cart-line{grid-template-columns:1fr auto;gap:.5rem}.pos-orders-header{flex-direction:column;align-items:stretch}.pos-orders-back{justify-content:center;width:100%}.pos-actions{grid-template-columns:1fr}.pos-btn-primary{grid-column:auto}.pos-held{flex-wrap:wrap}}