*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}:root{--bg-deep: #0f121a;--bg-radial: #191e2b;--card: rgba(26, 31, 46, .72);--card-solid: #1a1f2e;--card-hover: rgba(36, 43, 62, .85);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f0f4f8;--muted: #94a3b8;--muted-hover: #cbd5e1;--accent: #0078D4;--accent-hover: #106ebe;--accent-soft: rgba(0, 120, 212, .15);--accent-glow: rgba(0, 120, 212, .4);--gold: #FFB900;--gold-hi: #F59E0B;--gold-glow: rgba(245, 158, 11, .45);--good: #107C41;--good-hi: #4ade80;--good-light: #dff6dd;--bad: #D13438;--bad-hi: #ff6b6b;--bad-light: #fde7e9;--pos-bg: #eef2f7;--pos-surface: #ffffff;--pos-line: #e2e8f0;--pos-line-strong: #cbd5e1;--pos-text: #0f172a;--pos-sub: #475569;--pos-muted: #64748b;--pos-blue: #0078D4;--pos-blue-dark: #106ebe;--pos-blue-soft: #eff6ff;--pos-blue-line: #bfdbfe;--pos-green: #107C41;--pos-green-dark: #0c6132;--pos-green-soft: #dff6dd;--pos-red: #D13438;--pos-red-soft: #fde7e9;--pos-amber: #F59E0B;--pos-amber-soft: #fef3c7;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 8px 24px rgba(0, 0, 0, .3);--shadow-3: 0 24px 48px rgba(0, 0, 0, .45);--pos-shadow-1: 0 1px 2px rgba(15, 23, 42, .05), 0 2px 8px rgba(15, 23, 42, .04);--pos-shadow-2: 0 8px 20px rgba(15, 23, 42, .1);--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.175, .885, .32, 1.275);font-family:Inter,Segoe UI,Noto Sans,Noto Sans SC,Noto Sans Thai,Noto Sans Myanmar,system-ui,sans-serif}body{background:radial-gradient(circle at 50% 0%,var(--bg-radial),var(--bg-deep) 100%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.center{text-align:center}.error{color:var(--bad-hi);font-size:var(--fs-sm);font-weight:500}button{font:inherit;cursor:pointer;border:none;border-radius:var(--r-sm);color:inherit;background:none;position:relative;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease),opacity .2s var(--ease)}button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}button:active:not(:disabled){transform:scale(.97)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pos-frame :focus-visible{outline-color:var(--pos-blue)}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.gate-card{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6) 40px;width:min(680px,100%);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-3),0 0 0 1px #ffffff0d inset;animation:gateIn .4s var(--ease) both}@keyframes gateIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gate-card.narrow{width:min(440px,100%)}.gate-card h2{font-size:var(--fs-xl)}.brand{font-size:var(--fs-3xl);font-weight:700;margin-bottom:var(--sp-1);background:linear-gradient(135deg,#fff 30%,#8ec3f2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-top:var(--sp-2)}.lang-btn{background:#ffffff08;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1);text-align:left}.lang-btn:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff0f;box-shadow:0 8px 16px #0003,0 0 12px var(--accent-glow)}.lang-btn:active{background:var(--accent-soft);border-color:var(--accent)}.lang-label{font-size:var(--fs-lg);font-weight:600;color:#fff}.lang-pending{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}label{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted-hover);font-weight:500}input{font:inherit;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#0003;color:#fff;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);box-shadow:inset 0 2px 4px #0000001a}input:hover{border-color:#ffffff4d}input:focus{outline:none;border-color:var(--accent);background:#0000004d;box-shadow:0 0 0 3px var(--accent-glow),inset 0 2px 4px #0000001a}.primary-btn{background:linear-gradient(180deg,#1a88dd,var(--accent));color:#fff;padding:14px var(--sp-4);min-height:48px;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-base);box-shadow:0 4px 12px #0078d44d,inset 0 1px #ffffff26;margin-top:var(--sp-2)}.primary-btn:hover{background:linear-gradient(180deg,var(--accent),var(--accent-hover));box-shadow:0 6px 16px #0078d473,inset 0 1px #ffffff26}.ghost{border:1px solid var(--line-strong);padding:10px var(--sp-4);min-height:44px;color:var(--text);background:#ffffff0d;font-weight:500}.ghost:hover{background:#ffffff1a;border-color:#ffffff40}.small-btn{padding:6px var(--sp-3);min-height:40px;font-size:var(--fs-sm)}.dash{max-width:920px;margin:0 auto;padding:var(--sp-6) var(--sp-5) 80px}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--line)}.dash-head h1{font-size:var(--fs-3xl)}.shift-list{display:flex;flex-direction:column;gap:var(--sp-4)}.shift-card{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-5);display:flex;justify-content:space-between;gap:var(--sp-5);align-items:center;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);box-shadow:var(--shadow-1)}.shift-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.shift-card.disabled{opacity:.4;background:#1a1f2e4d}.shift-info{flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.shift-info h3{font-size:var(--fs-xl);color:#fff}.stage-btns{display:flex;align-items:flex-start}.stage{width:108px;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.stage+.stage{margin-left:28px}.stage+.stage:before{content:"";position:absolute;top:10px;right:calc(100% + 4px);width:20px;height:2px;border-radius:1px;background:var(--line-strong);transition:background .3s var(--ease)}.stage.done+.stage:before{background:var(--good-hi)}.stage-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.stage.off .stage-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.stage.now .stage-dot{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-soft);animation:stepPulse 2s var(--ease) infinite}.stage.now .stage-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.stage.done .stage-dot{background:var(--good);border-color:var(--good);color:#fff}.stage.done .stage-dot:after{content:"✓";font-weight:700}@keyframes stepPulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 7px #0078d414}}.stage.off{opacity:.45}.stage-label{font-size:var(--fs-xs);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stage.now .stage-label{color:#fff}.stage.done .stage-label{color:var(--good-hi)}.stage-start{width:100%;padding:10px 0;min-height:44px;border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--line-strong);font-weight:600;font-size:var(--fs-sm)}.stage-start:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.stage-start.hot{background:linear-gradient(180deg,#1a88dd,var(--accent));border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.stage-start.hot:hover{background:var(--accent-hover)}.stage.done .stage-start{background:#107c4124;border-color:#4ade804d;color:#a7f3c9}.stage.done .stage-start:hover:not(:disabled){background:#107c413d;border-color:#4ade8080}.stage-sub{font-size:var(--fs-xs);color:var(--muted);text-align:center;min-height:1.2em}.stage.done .stage-sub{color:var(--good-hi)}.play-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 70% 40%,#12161f,#0a0d14 75%)}.hud-top{position:absolute;top:var(--sp-4);left:var(--sp-5);right:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);z-index:20}.hud-top .ghost{margin-left:auto;background:#0f121a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-step{color:#fff;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;background:#0f121ab3;border:1px solid var(--line);padding:6px 14px;border-radius:var(--r-pill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-badge{padding:6px 14px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;box-shadow:0 4px 12px #00000040}.mode-badge.guided{background:linear-gradient(135deg,#1a88dd,var(--accent));box-shadow:0 4px 14px var(--accent-glow)}.mode-badge.practice{background:linear-gradient(135deg,#159a52,var(--good));box-shadow:0 4px 14px #107c4166}.mode-badge.exam{background:linear-gradient(135deg,#e04549,var(--bad));box-shadow:0 4px 14px #d1343866}.ticket-panel{position:absolute;left:var(--sp-5);top:80px;z-index:20;background:#fffffff5;color:var(--card-solid);border-radius:var(--r-sm);padding:var(--sp-4) var(--sp-4);width:260px;box-shadow:0 16px 40px #00000059;font-size:var(--fs-sm);border-left:4px solid var(--accent);animation:gateIn .35s var(--ease) both}.ticket-panel h4{margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px dashed #cbd5e1;font-size:var(--fs-base);color:var(--bg-deep)}.ticket-panel ul{padding-left:18px;display:flex;flex-direction:column;gap:var(--sp-1)}.ticket-mods{color:var(--pos-muted);font-size:var(--fs-xs)}.ticket-cash{margin-top:var(--sp-3);color:var(--bg-deep);font-weight:700;border-top:1px dashed #cbd5e1;padding-top:var(--sp-2)}.instruction-bar{position:absolute;bottom:var(--sp-5);left:var(--sp-5);top:auto;transform:none;z-index:12;background:linear-gradient(180deg,#181d2aeb,#0f121aeb);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);width:min(340px,calc(100vw - 640px));min-width:280px;display:flex;flex-direction:column;gap:var(--sp-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 40px #00000080;animation:gateIn .3s var(--ease) both}.instruction-bar.guided{border-left:3px solid var(--gold)}.instruction-bar.practice{border-left:3px solid var(--good-hi)}.instruction-bar strong{color:var(--gold);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em}.instr-x{color:#fff;font-size:var(--fs-base);line-height:1.5}.instruction-bar .ghost{align-self:flex-end;margin-top:var(--sp-1)}.toast{position:absolute;bottom:120px;left:50%;transform:translate(-50%);z-index:30;background:var(--bad);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);font-weight:600;box-shadow:0 8px 24px #d1343866;animation:slideUp .3s var(--spring)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pos-frame{position:absolute;right:4%;top:50%;transform:translateY(-50%);z-index:15;width:min(600px,92vw);height:min(680px,86vh);background:var(--pos-bg);color:var(--pos-text);border-radius:24px;border:10px solid #10131a;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff1f;overflow:hidden;display:flex;flex-direction:column}.pos-statusbar{flex-shrink:0;height:32px;background:#0f172a;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-4);font-size:var(--fs-xs);font-weight:600;z-index:3}.pos-sb-brand{color:#fff;font-weight:800;font-size:.7rem;letter-spacing:.14em}.pos-sb-meta{color:#64748b;letter-spacing:.02em}.pos-sb-net{display:flex;align-items:center;gap:6px;color:#4ade80}.pos-sb-net.off{color:#f87171}.pos-sb-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.pos-offline-banner{flex-shrink:0;background:var(--pos-red);color:#fff;text-align:center;padding:6px var(--sp-3);font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em;z-index:3}.pos-screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--pos-bg)}.pos-screen::-webkit-scrollbar{width:6px}.pos-screen::-webkit-scrollbar-thumb{background:var(--pos-line-strong);border-radius:3px}.pos-muted{color:var(--pos-muted)}.pos-header{position:sticky;top:0;background:var(--pos-surface);color:var(--pos-text);display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);border-bottom:1px solid var(--pos-line);box-shadow:0 2px 8px #0f172a08;z-index:5}.pos-title{font-weight:700;font-size:var(--fs-lg);letter-spacing:-.01em}.pos-user{font-size:var(--fs-sm);color:var(--pos-muted);font-weight:500;background:var(--pos-bg);border:1px solid var(--pos-line);border-radius:var(--r-pill);padding:4px 12px}.hdr-btn{background:var(--pos-bg);color:var(--pos-sub);padding:var(--sp-2) 14px;min-height:44px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;border:1px solid var(--pos-line)}.hdr-btn:hover{background:var(--pos-line);border-color:var(--pos-line-strong)}.pos-lock{align-items:center;justify-content:flex-start;padding:var(--sp-6) var(--sp-4) var(--sp-4);gap:var(--sp-4);background:radial-gradient(circle at 50% 20%,#fff,#eef2f7 80%);color:var(--pos-text)}.pos-logo{font-size:2.2rem;font-weight:800;letter-spacing:.2em;color:var(--pos-blue);text-shadow:0 2px 12px rgba(0,120,212,.15)}.pos-logo-sub{font-size:var(--fs-sm);color:var(--pos-muted);margin-top:-10px;font-weight:500}.pos-lock.manager .pos-logo-sub{background:var(--pos-amber-soft);border:1px solid #fde68a;color:#92400e;padding:4px 14px;border-radius:var(--r-pill);font-weight:700;margin-top:0}.pin-display{font-size:1.75rem;letter-spacing:.35em;margin:var(--sp-3) 0 0;color:var(--pos-sub);height:40px}.pin-display.err{color:var(--pos-red);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.pin-pad{display:grid;grid-template-columns:repeat(3,84px);gap:var(--sp-3)}.pin-key{background:var(--pos-surface);color:var(--pos-sub);border:1px solid var(--pos-line);border-radius:var(--r-md);height:64px;font-size:1.4rem;font-weight:600;box-shadow:var(--pos-shadow-1)}.pin-key:hover{background:#f8fafc;border-color:var(--pos-line-strong)}.pin-key:active{background:var(--pos-line);box-shadow:none}.pin-key.ok{background:var(--pos-green);color:#fff;border-color:var(--pos-green);box-shadow:0 4px 12px #107c414d}.pin-key.ok:hover{background:var(--pos-green-dark)}.home-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(104px,1fr);gap:var(--sp-4);padding:var(--sp-5)}.tile{background:var(--pos-surface);border:1px solid var(--pos-line);border-radius:var(--r-md);font-size:var(--fs-base);font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);box-shadow:var(--pos-shadow-1);color:var(--pos-sub);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .15s var(--ease)}.tile:hover{border-color:var(--pos-blue);box-shadow:var(--pos-shadow-2);transform:translateY(-2px)}.tile:active{transform:scale(.98);box-shadow:var(--pos-shadow-1)}.tile-ico{font-size:1.7rem;line-height:1}.tile.big{grid-column:span 2;flex-direction:row;gap:var(--sp-3);background:linear-gradient(135deg,#1a88dd,var(--pos-blue-dark));border-color:var(--pos-blue-dark);font-size:var(--fs-xl);color:#fff;box-shadow:0 8px 20px #0078d44d}.tile.big:hover{border-color:var(--pos-blue-dark);box-shadow:0 12px 28px #0078d466}.tile.util{background:transparent;border-style:dashed;border-color:var(--pos-line-strong);color:var(--pos-muted);box-shadow:none}.tile.util:hover{border-color:var(--pos-muted);transform:none;box-shadow:none}.badge0{position:absolute;top:10px;right:10px;background:var(--pos-red);color:#fff;border-radius:var(--r-pill);min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:var(--fs-xs);font-weight:700;box-shadow:0 2px 6px #d1343866}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--sp-4);padding:var(--sp-5);flex:1;align-content:start}.table-btn{background:var(--pos-surface);border:2px solid var(--pos-line);border-radius:var(--r-lg);aspect-ratio:1;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--pos-sub);box-shadow:var(--pos-shadow-1)}.table-cap{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pos-muted)}.table-num{font-size:2rem;font-weight:800;line-height:1.1;color:var(--pos-text)}.table-btn:hover{border-color:var(--pos-blue);box-shadow:var(--pos-shadow-2)}.table-btn:hover .table-num{color:var(--pos-blue)}.live-order-list{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);flex:1}.live-order-card{background:var(--pos-surface);border:1px solid var(--pos-line);border-left:4px solid var(--pos-amber);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-4);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);box-shadow:var(--pos-shadow-1)}.live-order-info strong{display:block;font-size:var(--fs-lg);color:var(--pos-text);margin-bottom:2px}.live-order-info span{color:var(--pos-muted);font-size:var(--fs-sm)}.cat-tabs{display:flex;flex-shrink:0;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);overflow-x:auto}.cat-tab{flex-shrink:0;padding:10px var(--sp-4);min-height:44px;border-radius:var(--r-pill);background:var(--pos-surface);border:1px solid var(--pos-line);color:var(--pos-sub);font-weight:600;font-size:var(--fs-sm);white-space:nowrap}.cat-tab.active{background:var(--pos-blue);border-color:var(--pos-blue);color:#fff;box-shadow:0 4px 12px #0078d44d}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) 96px}.item-card{background:var(--pos-surface);border:1px solid var(--pos-line);border-radius:var(--r-md);padding:var(--sp-2);display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-weight:600;color:var(--pos-text);box-shadow:var(--pos-shadow-1);overflow:visible;text-align:left}.item-card:hover{border-color:var(--pos-blue-line);box-shadow:var(--pos-shadow-2);transform:translateY(-2px)}.item-card:active{transform:scale(.98)}.item-image{width:100%;height:90px;object-fit:cover;border-radius:var(--r-sm);background:var(--pos-bg)}.item-name{margin-top:2px;padding:0 var(--sp-1);font-size:var(--fs-sm);line-height:1.3}.item-price{color:var(--pos-blue);font-size:var(--fs-sm);font-weight:700;padding:0 var(--sp-1) var(--sp-1)}.mod-sheet{position:absolute;inset:auto 0 0 0;z-index:30;background:var(--pos-surface);border-top:1px solid var(--pos-line);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--sp-3) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:0 -8px 40px #0f172a40,0 0 0 100vmax #0f172a59;animation:sheetUp .28s var(--ease) both}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.mod-sheet:before{content:"";width:44px;height:5px;border-radius:3px;background:var(--pos-line-strong);align-self:center}.mod-sheet h4{font-size:var(--fs-lg);color:var(--pos-text)}.mod-opt{text-align:left;padding:14px var(--sp-4);min-height:48px;border-radius:var(--r-sm);background:#f8fafc;border:1px solid var(--pos-line);font-size:var(--fs-base);font-weight:500;color:var(--pos-sub)}.mod-opt.on{background:var(--pos-blue-soft);color:#1d4ed8;font-weight:600;border-color:var(--pos-blue-line)}.mod-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.mod-actions .pos-btn{flex:1}.pos-btn{padding:14px var(--sp-4);min-height:48px;border-radius:10px;background:#e6ebf2;font-weight:600;color:var(--pos-sub);font-size:var(--fs-base)}.pos-btn:hover{background:#dae2ec}.pos-btn:active{background:var(--pos-line-strong)}.pos-btn.primary{background:linear-gradient(180deg,#1a88dd,var(--pos-blue));color:#fff;box-shadow:0 4px 12px #0078d44d,inset 0 1px #ffffff26}.pos-btn.primary:hover{background:var(--pos-blue-dark)}.pos-btn.pay{background:linear-gradient(180deg,#159a52,var(--pos-green));color:#fff;box-shadow:0 4px 12px #107c414d,inset 0 1px #ffffff26}.pos-btn.pay:hover{background:var(--pos-green-dark)}.pos-btn.done{background:var(--pos-green-soft);color:var(--pos-green)}.pos-btn.ghosted{background:#f1f5f9;color:#94a3b8}.pos-btn.wide{margin:var(--sp-4) var(--sp-4) var(--sp-4);padding:16px var(--sp-4)}.pos-btn.danger-outline{background:var(--pos-surface);border:1.5px solid var(--pos-red);color:var(--pos-red)}.pos-btn.danger-outline:hover{background:var(--pos-red-soft)}.pos-btn.method.active,.pos-btn.tender.active{outline:2px solid var(--pos-blue);outline-offset:-2px;background:var(--pos-blue-soft);color:#1d4ed8}.cart-lines{flex:1;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border-bottom:1px dashed var(--pos-line-strong);padding-bottom:var(--sp-3);color:var(--pos-sub);font-weight:500}.cart-line-info{flex:1}.cart-line-info strong{color:var(--pos-text)}.cart-line-price{font-weight:600;font-variant-numeric:tabular-nums;color:var(--pos-text)}.pos-btn.line-del{background:transparent;min-width:44px;min-height:44px;padding:var(--sp-2);color:var(--pos-muted);font-size:var(--fs-lg)}.pos-btn.line-del:hover{background:var(--pos-red-soft);color:var(--pos-red)}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4);border-top:2px solid var(--pos-line);font-size:var(--fs-lg);font-weight:700;color:var(--pos-text);background:var(--pos-surface)}.cart-total strong{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums}.cart-actions{display:flex;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4);background:var(--pos-surface)}.cart-actions .pos-btn{flex:1}.pay-total{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:center;padding:var(--sp-6) 0 var(--sp-4);color:var(--pos-text)}.pay-methods{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.pay-methods .pos-btn{flex:1;min-height:60px}.pay-declined{margin:var(--sp-3) var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:var(--pos-red-soft);border:1px solid #f6b6b8;border-radius:var(--r-sm);color:#a4262c;font-weight:600;font-size:var(--fs-sm);text-align:center}.pos-label{padding:var(--sp-4) var(--sp-4) var(--sp-2);color:var(--pos-muted);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tender-row{display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.tender-row .pos-btn{flex:1;font-variant-numeric:tabular-nums}.pay-cta{margin-top:var(--sp-5)}.eod-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.eod-card{background:var(--pos-surface);border:1px solid var(--pos-line);border-radius:var(--r-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--pos-shadow-1)}.eod-note{color:var(--pos-sub);font-size:var(--fs-base)}input.eod-input{font:inherit;font-size:var(--fs-2xl);font-weight:600;font-variant-numeric:tabular-nums;padding:14px var(--sp-4);border:1.5px solid var(--pos-line-strong);border-radius:10px;background:var(--pos-surface);color:var(--pos-text);box-shadow:none}input.eod-input:hover{border-color:var(--pos-muted)}input.eod-input:focus{outline:none;border-color:var(--pos-blue);background:var(--pos-surface);box-shadow:0 0 0 3px #0078d426}.eod-body .pos-btn.wide{margin:var(--sp-1) 0 0}.receipt{align-items:center;background:linear-gradient(180deg,#b6c2d1,#cbd5e1)}.receipt-paper{position:relative;background:#fff;width:min(360px,90%);margin-top:var(--sp-6);padding:var(--sp-5);font-size:var(--fs-sm);box-shadow:0 12px 32px #0f172a40;display:flex;flex-direction:column;gap:var(--sp-2);color:var(--pos-sub);font-family:Courier New,Courier,monospace;border-radius:3px 3px 0 0}.receipt-paper:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;background:conic-gradient(from 135deg at 50% 0,#fff 90deg,transparent 0) 0 0 / 14px 8px repeat-x}.receipt-paper h4{text-align:center;color:var(--pos-text);font-size:var(--fs-base);letter-spacing:.02em}.receipt-paper hr{border:none;border-top:1px dashed #94a3b8;margin:var(--sp-2) 0}.r-line{display:flex;justify-content:space-between;gap:var(--sp-3);font-variant-numeric:tabular-nums}.receipt .pos-btn.wide{width:min(360px,90%);margin:var(--sp-5) 0 var(--sp-6)}.pos-alert-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);animation:fadeIn .2s var(--ease) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pos-alert{background:var(--pos-surface);border-radius:var(--r-lg);border-top:4px solid var(--pos-red);padding:var(--sp-5) var(--sp-5) var(--sp-5);width:min(380px,100%);text-align:center;box-shadow:0 24px 60px #0f172a66;animation:alertPop .3s var(--spring) both}@keyframes alertPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pos-alert-icon{font-size:2.2rem;line-height:1;margin-bottom:var(--sp-2)}.pos-alert-title{color:var(--pos-red);font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.pos-alert-text{color:var(--pos-sub);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.pos-alert .pos-btn.wide{margin:0;width:100%}.glow{position:relative;z-index:10;box-shadow:0 0 0 3px var(--gold-hi),0 0 20px var(--gold-glow);animation:pulseGlow 1.5s var(--ease) infinite;border-color:var(--gold-hi)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px var(--gold-hi),0 0 18px var(--gold-glow)}50%{box-shadow:0 0 0 5px var(--gold-hi),0 0 32px #f59e0bb3}}.pos-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(var(--tt-x, -50%));background:#0f172a;color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);width:max-content;max-width:min(280px,70vw);box-shadow:0 10px 24px #00000059;z-index:50;font-weight:500;font-size:var(--fs-sm);line-height:1.45;text-align:center;pointer-events:none;white-space:normal;letter-spacing:normal;text-transform:none;animation:tooltipPop .25s var(--spring) both}.pos-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #0f172a transparent}.pos-tooltip strong{display:block;color:#38bdf8;margin-bottom:4px;font-size:var(--fs-base);font-weight:600}@keyframes tooltipPop{0%{opacity:0;transform:translate(var(--tt-x, -50%)) translateY(6px)}to{opacity:1;transform:translate(var(--tt-x, -50%)) translateY(0)}}.cart-actions .pos-tooltip,.mod-actions .pos-tooltip,.pos-btn.wide .pos-tooltip,.cart-total .pos-tooltip{top:auto;bottom:calc(100% + 12px)}.cart-actions .pos-tooltip:before,.mod-actions .pos-tooltip:before,.pos-btn.wide .pos-tooltip:before,.cart-total .pos-tooltip:before{bottom:auto;top:100%;border-color:#0f172a transparent transparent transparent}.pos-header .hdr-btn:first-child .pos-tooltip{--tt-x: 0;left:0}.pos-header .hdr-btn:first-child .pos-tooltip:before{left:24px;transform:none}.pos-header .hdr-btn:last-child .pos-tooltip,.cart-line .pos-tooltip,.live-order-card .pos-tooltip{--tt-x: 0;left:auto;right:0}.pos-header .hdr-btn:last-child .pos-tooltip:before,.cart-line .pos-tooltip:before,.live-order-card .pos-tooltip:before{left:auto;right:20px;transform:none}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.modal{position:relative;overflow:hidden;background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6);width:min(480px,100%);display:flex;flex-direction:column;gap:var(--sp-4);text-align:center;box-shadow:var(--shadow-3);animation:alertPop .35s var(--spring) both}.modal h2{font-size:var(--fs-2xl)}.modal-icon{width:72px;height:72px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;line-height:1}.modal-pass{border-color:#4ade8059;box-shadow:var(--shadow-3),0 0 80px #107c4140}.modal-pass .modal-icon{background:linear-gradient(135deg,#16a34a,var(--good));color:#fff;box-shadow:0 0 0 8px #4ade8026,0 8px 24px #107c4173;animation:iconPop .5s .15s var(--spring) both}.modal-try .modal-icon{background:#ffffff0f;border:2px solid var(--line-strong);color:var(--muted-hover)}@keyframes iconPop{0%{transform:scale(0)}to{transform:scale(1)}}.modal-pass:before,.modal-pass:after{content:"";position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;pointer-events:none;opacity:0}.modal-pass:before{left:24px;background:var(--gold);box-shadow:70px 6px 0 var(--accent),150px -4px #e879f9,230px 8px 0 var(--good-hi),310px -6px 0 var(--gold),390px 4px #38bdf8;animation:confettiFall 2.4s .2s ease-in both}.modal-pass:after{left:52px;background:var(--good-hi);box-shadow:74px -8px #f472b6,160px 6px 0 var(--gold-hi),250px -2px 0 var(--accent),330px 8px #a78bfa;animation:confettiFall 2.8s .45s ease-in both}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(620px) rotate(320deg)}}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.score-grid>div{background:#0000004d;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.score-grid>div strong{font-size:var(--fs-2xl);color:#fff;font-variant-numeric:tabular-nums}.score-grid .total{grid-column:span 2;background:var(--accent-soft);border-color:#0078d44d}.score-grid .total strong{color:#4ba3e3;font-size:var(--fs-3xl)}.modal-pass .score-grid .total{background:#107c412e;border-color:#4ade8059}.modal-pass .score-grid .total strong{color:var(--good-hi);animation:iconPop .5s .3s var(--spring) both}@media (max-width: 860px){.shift-card{flex-direction:column;align-items:stretch}.stage-btns{justify-content:center}}@media (max-width: 760px){.ticket-panel{top:var(--sp-3);width:200px;max-height:108px;overflow-y:auto;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.ticket-panel h4{margin-bottom:var(--sp-1);padding-bottom:var(--sp-1)}.pos-frame{right:50%;top:168px;transform:translate(50%);height:min(680px,calc(100vh - 184px))}.dash-head h1{font-size:var(--fs-2xl)}.instruction-bar{left:50%;transform:translate(-50%);bottom:var(--sp-2);width:min(700px,92vw);padding:var(--sp-2) var(--sp-3);gap:2px;animation:gateInCentered .3s var(--ease) both}.instruction-bar strong{font-size:var(--fs-xs)}.instruction-bar .instr-x{font-size:var(--fs-sm);line-height:1.3}}@keyframes gateInCentered{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tap-fx{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;animation:tapFx .45s ease-out forwards}.tap-fx.ok{background:#107c41eb}.tap-fx.bad{background:#d13438eb}@keyframes tapFx{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-90%) scale(.9)}}.wrong-shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both}.toast{display:flex;align-items:center;gap:12px}.toast-hint{background:#fff3;border-radius:6px;padding:4px 10px;font-weight:600;color:#fff;white-space:nowrap}.toast-hint:hover{background:#ffffff52}