:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#0b1220;--muted:#667085;--line:#e5e7eb;--accent:#d7ff64;--panel:#fff;--bg:#f5f7f8}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}button,input{font:inherit}button{touch-action:manipulation}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:10px;font-weight:850}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:var(--accent);flex:0 0 auto}.eyebrow{margin:0 0 7px;font-size:.72rem;letter-spacing:.14em;font-weight:850;color:#98a2b3}.muted{color:var(--muted)}.pos-nav{position:relative;z-index:40}.pos-nav .staff-topbar{position:relative}.pos-nav+.pin-view{min-height:calc(100dvh - 61px)}.pin-view{min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 20%,#26324a 0,transparent 30%),linear-gradient(135deg,#08111f,#152239)}.pin-card{width:min(440px,100%);background:rgba(255,255,255,.98);border-radius:30px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.pin-copy{margin-top:34px}.pin-copy h1{font-size:clamp(2.2rem,8vw,3.5rem);letter-spacing:-.05em;margin:0 0 10px}.pin-copy p:last-child{color:var(--muted);line-height:1.55}.setup-copy h1{font-size:clamp(2rem,7vw,3rem)}.pin-dots{display:flex;justify-content:center;gap:13px;margin:26px 0}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid #cbd5e1;background:transparent}.pin-dots span.filled{background:var(--ink);border-color:var(--ink)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{min-height:66px;border:1px solid var(--line);border-radius:18px;background:#fff;font-size:1.35rem;font-weight:800}.keypad button:active{transform:scale(.97);background:#f2f4f7}.keypad .key-action{font-size:.85rem;color:var(--muted);background:#f8fafc}.pin-hint{text-align:center;color:#98a2b3;font-size:.8rem;margin:18px 0 0;min-height:1.2em}.setup-link{display:block;width:100%;border:0;background:transparent;color:#344054;font-size:.84rem;font-weight:800;text-align:center;padding:13px 8px;margin-top:5px;border-radius:12px}.setup-link:active{background:#f2f4f7}.setup-form{display:grid;gap:14px;margin-top:24px}.setup-form label{display:grid;gap:7px}.setup-form label>span{font-size:.78rem;font-weight:800;color:#475467}.setup-form input{width:100%;min-height:50px;border:1px solid #d0d5dd;border-radius:14px;padding:11px 13px;background:#fff;color:var(--ink);outline:none}.setup-form input:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}.setup-pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.setup-form .primary-button:disabled{opacity:.65;cursor:wait}.toast{position:fixed;z-index:99;left:50%;top:max(18px,env(safe-area-inset-top));transform:translateX(-50%);background:#101828;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.2);max-width:calc(100vw - 28px);text-align:center}.register{min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px clamp(14px,3vw,30px);padding-top:max(12px,env(safe-area-inset-top));background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar-left,.staff-area{display:flex;align-items:center;gap:10px;min-width:0}.facility-context{display:grid;gap:1px;min-width:0;padding-left:4px}.facility-context strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facility-context span{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facility-context span.live{color:#027a48}.staff-area{color:var(--muted);font-size:.9rem}.text-button,.icon-button{border:0;background:transparent;font-weight:800;color:var(--ink);min-height:42px;min-width:42px;border-radius:12px}.text-button:active,.icon-button:active{background:rgba(15,23,42,.06)}.icon-button{font-size:1.4rem;padding:8px}.screen{width:min(1360px,100%);margin:0 auto;padding:32px clamp(14px,3vw,32px) 72px}.screen-heading,.order-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.screen-heading h1,.order-heading h1{font-size:clamp(2.2rem,6vw,4.2rem);letter-spacing:-.05em;margin:0}.section-lead{margin:10px 0 0;color:var(--muted);max-width:620px;line-height:1.5}.status-pill{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:.82rem;font-weight:800;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#12b76a}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.table-card{min-height:160px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);padding:18px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .16s ease,box-shadow .16s ease}.table-card:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,23,42,.08)}.table-card:active{transform:scale(.985)}.table-card.open{background:var(--ink);color:#fff;border-color:var(--ink)}.table-number{font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1.05}.table-meta{font-size:.8rem;color:#98a2b3;margin-top:7px;line-height:1.35}.table-card.open .table-meta{color:#cbd5e1}.table-total{font-size:1rem;font-weight:850}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.menu-panel,.ticket-panel{background:var(--panel);border:1px solid var(--line);border-radius:24px}.menu-panel{padding:16px}.ticket-panel{position:sticky;top:88px;overflow:hidden;scroll-margin-top:90px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 13px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:10px 13px;font-weight:800;min-height:42px}.category-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-card{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,#eef2f6);color:var(--ink);border-radius:18px;padding:16px;text-align:left;min-height:145px;display:flex;flex-direction:column;align-items:flex-start}.product-card:active{transform:scale(.985)}.product-category{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--muted);margin-bottom:7px}.product-card strong{font-size:1.02rem;line-height:1.2}.product-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);line-height:1.35;margin-top:6px}.product-price{margin-top:auto;padding-top:12px;font-size:.9rem;font-weight:850}.empty-state{grid-column:1/-1;min-height:220px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:6px}.empty-state strong{color:var(--ink)}.ticket-title{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.ticket-title h2{margin:0}.count-badge{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#f2f4f7;font-weight:850}.ticket-items{display:grid;gap:10px;padding:14px 16px;min-height:220px;max-height:52dvh;overflow:auto}.ticket-empty{display:grid;place-content:center;text-align:center;gap:5px;color:var(--muted);min-height:180px}.ticket-empty strong{color:var(--ink)}.ticket-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:10px;border-bottom:1px solid #f0f1f3}.ticket-item:last-child{border-bottom:0}.ticket-item strong{font-size:.95rem}.ticket-actions{display:flex;align-items:center;gap:7px;margin-top:7px}.ticket-actions button{width:34px;height:34px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;font-weight:850}.ticket-footer{padding:16px;border-top:1px solid var(--line)}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.05rem}.total-row strong{font-size:1.35rem}.primary-button,.secondary-button{border:0;border-radius:14px;padding:13px 16px;font-weight:850;min-height:46px}.primary-button{background:var(--accent);color:var(--ink)}.secondary-button{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.full{width:100%}.integration-note{font-size:.72rem;line-height:1.45;color:#98a2b3;text-align:center;margin:10px 0 0}.mobile-ticket-bar{display:none}.pos-credit{padding:20px 28px calc(20px + env(safe-area-inset-bottom));text-align:center;font-size:.74rem;color:var(--muted)}
@media(max-width:1080px){.table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout{grid-template-columns:minmax(0,1fr) 320px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pos-nav{display:none}.pin-view{min-height:100dvh}.topbar{min-height:64px}.facility-context{display:none}.staff-area span{display:none}.screen{padding-top:22px;padding-bottom:100px}.screen-heading,.order-heading{align-items:flex-start;flex-direction:column}.screen-heading h1,.order-heading h1{font-size:clamp(2rem,12vw,3.2rem)}.status-pill{align-self:flex-start}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.table-card{min-height:128px;padding:14px;border-radius:18px}.order-layout{grid-template-columns:1fr}.menu-panel{padding:12px;border-radius:20px}.ticket-panel{position:static;border-radius:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-height:122px;padding:13px;border-radius:16px}.order-heading .secondary-button{width:100%}.mobile-ticket-bar{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:18px;padding:12px 16px;background:var(--ink);color:#fff;box-shadow:0 16px 40px rgba(15,23,42,.24)}.mobile-ticket-bar span:first-child{display:grid;text-align:left}.mobile-ticket-bar small{color:#cbd5e1;font-size:.7rem}.has-mobile-ticket #orderView:not(.hidden)~.mobile-ticket-bar{display:flex}.pos-credit{padding-bottom:90px}}
@media(max-width:390px){.pin-card{padding:20px;border-radius:24px}.pin-copy{margin-top:26px}.keypad button{min-height:58px}.setup-pin-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{min-height:104px}.table-number{font-size:1.25rem}.staff-area{gap:2px}.topbar{padding-left:10px;padding-right:10px}}