@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Archivo+Narrow:wght@500;600;700&display=swap";:root{--orange: #FC8019;--orange-hover: #E86F0C;--orange-dim: #FFEEDD;--orange-2: #FF9640;--navy: #1F1F1F;--success: #22A447;--success-dim: #E4F7EA;--warning: #F59E0B;--warning-dim: #FEF3DD;--critical: #E53935;--critical-dim: #FCE8E7;--info: #3B82F6;--info-dim: #E7F0FE;--green: #22A447;--green-dim: #E4F7EA;--bg: #F7F7F7;--surface: #FFFFFF;--surface-2: #F7F7F7;--surface-3: #EFEFEF;--border: #EBEBEB;--border-soft: #F1F1F1;--text: #1F1F1F;--text-dim: #686868;--text-faint: #999999;--shadow-xs: 0 1px 2px rgba(31,31,31,.04);--shadow-sm: 0 1px 2px rgba(31,31,31,.03), 0 3px 10px rgba(31,31,31,.05);--shadow-md: 0 2px 6px rgba(31,31,31,.05), 0 8px 24px rgba(31,31,31,.07);--shadow-lg: 0 6px 14px rgba(31,31,31,.07), 0 16px 40px rgba(31,31,31,.1);--shadow-xl: 0 10px 20px rgba(31,31,31,.09), 0 28px 56px rgba(31,31,31,.14);--shadow: var(--shadow-md);--ease: cubic-bezier(.2, .7, .3, 1);--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--tap: 44px}*{box-sizing:border-box}html,body,#root{height:100%}.app-shell{height:100vh;overflow:hidden}@supports (height: 100dvh){.app-shell{height:100dvh}}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.display{font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em;font-weight:700}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}input,select,textarea{font-family:inherit}::selection{background:var(--orange-dim);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--border)}.card-hover{transition:box-shadow .15s var(--ease),border-color .15s var(--ease)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-soft)}.btn-tap{transition:transform .1s var(--ease),background .12s var(--ease),border-color .12s var(--ease),opacity .12s var(--ease)}.btn-tap:active{transform:scale(.97)}.btn-tap:disabled{opacity:.5}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .18s var(--ease) both}@keyframes pop-check{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.pop-check{animation:pop-check .32s var(--ease) both}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-indeterminate{animation:progress-indeterminate 1.1s ease-in-out infinite}@media (max-width: 680px){.pos.shell-topbar{flex-wrap:nowrap}.pos .shell-tabs,.pos .shell-manage-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.pos .shell-outlet-name,.pos .shell-clock,.pos .shell-net,.pos .shell-theme-label,.pos .shell-profile-text{display:none}.pos .shell-outlet{padding:0 10px!important}}.pos{--bg: #f3f2f2;--panel: #f8f4f4;--panel2: #eae7e7;--ink: #201e1d;--dim: #605d5d;--faint: #605d5d;--rule: #201e1d;--rule-soft: #d7d3d3;--accent: #ec3013;--accent-ink: #f8f4f4;--accent-soft: #ffe0d9;--veg: #0f8a3f;--nonveg: #8b2f1f;font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html[data-theme=dark] .pos{--bg: #201e1d;--panel: #2d2b2b;--panel2: #444141;--ink: #f8f4f4;--dim: #bab6b6;--faint: #bab6b6;--rule: #7d7979;--rule-soft: #444141;--accent: #ff563c;--accent-ink: #201e1d;--accent-soft: #4d170e;--veg: #4ec27a;--nonveg: #ff9783}.pos *{box-sizing:border-box}.pos button,.pos input,.pos select{font-family:inherit;border-radius:0}.pos button{cursor:pointer}.pos :focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pos .num{font-family:Archivo Narrow,Archivo,sans-serif;font-variant-numeric:tabular-nums}.pos .tap{min-width:44px;min-height:44px}.pos .chip,.pos .seg{min-height:44px}.pos .tab,.pos .cat,.pos .seg,.pos .chip{background:transparent;color:var(--ink)}.pos .chip,.pos .prim{background:var(--panel);color:var(--ink)}.pos .row{background:transparent;color:var(--ink)}.pos .tab[data-active=true]{background:var(--ink);color:var(--bg)}.pos .tab:hover[data-active=false]{background:var(--panel2)}.pos .cat[data-active=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pos .cat:hover[data-active=false]{background:var(--panel2)}.pos .item:hover{border-color:var(--accent)!important}.pos .item:active{background:var(--accent-soft)!important}.pos .row[data-active=true],.pos .row:hover{background:var(--panel2)}.pos .ghost:hover{background:var(--panel2)!important}.pos .prim:hover{background:var(--ink);color:var(--bg)}.pos .chip[data-active=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pos .seg[data-active=true]{background:var(--accent);color:var(--accent-ink)}.pos .thumb{position:relative;height:74px;width:100%;background-color:var(--panel2);background-image:repeating-linear-gradient(135deg,var(--rule-soft) 0 2px,transparent 2px 7px);display:flex;align-items:flex-end;justify-content:flex-start}.pos .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 1600px){.pos .till{grid-template-columns:160px minmax(0,1fr) 440px!important}.pos .grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important}}@media (max-width: 1180px){.pos .till{grid-template-columns:112px minmax(0,1fr) minmax(280px,330px)!important}.pos .outlet{display:none}}@media (max-width: 900px){.pos .till{grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;grid-template-areas:"rail items" "ticket ticket"!important}.pos .ticket{border-left:none!important;border-top:2px solid var(--rule)!important;max-height:52vh}}@media (max-width: 680px){.pos .till{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto!important;grid-template-areas:"rail" "items" "ticket"!important}.pos .rail{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:none!important;border-bottom:2px solid var(--rule)!important}.pos .rail .cat{display:flex!important;flex-direction:column;justify-content:center;width:auto!important;flex:0 0 auto;border-bottom:none!important;border-right:1px solid var(--rule-soft)!important;white-space:nowrap}.pos .grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important}.pos .ticket{max-height:46vh}.till-mobile-tabs{display:grid!important;grid-template-columns:1fr 1fr}.pos .till[data-mobile-view=menu]{grid-template-rows:auto minmax(0,1fr) 0!important}.pos .till[data-mobile-view=menu] .ticket{display:none!important}.pos .till[data-mobile-view=ticket]{grid-template-rows:0 0 minmax(0,1fr)!important}.pos .till[data-mobile-view=ticket] .rail,.pos .till[data-mobile-view=ticket] .order-menu-col{display:none!important}.pos .till[data-mobile-view=ticket] .ticket{max-height:none!important}.pos .self-order-split{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:min-content}.pos .self-order-detail{border-left:none!important;border-top:2px solid var(--rule)!important}.pos .customers-split{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:min-content}.pos .customers-detail{border-left:none!important;border-top:2px solid var(--rule)!important}.shift-grid{grid-template-columns:minmax(0,1fr)!important}}