:root{--bg: #0b0d0f;--panel: #12161a;--raised: #171c21;--line: #1e262b;--edge: #2e3841;--ink: #e8edf0;--ink-dim: #8b979f;--ink-faint: #5c6870;--go: #12a35c;--go-deep: #0d7f45;--warn: #c98a00;--stop: #d0342c;--info: #4da3ff;--gap: 8px;--row: 72px;--commit: 118px;--key: 118px;--command: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Roboto,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html[lang=my] body{font-family:Noto Sans Myanmar,Roboto,sans-serif}html[lang=my]{--row: 76px}html[lang=my] .name,html[lang=my] .command,html[lang=my] .tab{line-height:1.65}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}.status{display:flex;align-items:center;gap:20px;flex:none;height:calc(56px + env(safe-area-inset-top));padding:0 20px;padding-top:env(safe-area-inset-top);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:#14181c;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-dim)}.status:has(.mode.sale){border-bottom:3px solid var(--go)}.status:has(.mode.tender){border-bottom:3px solid var(--info)}.status .gap{flex:1}.status-right{display:flex;align-items:center;gap:20px;flex:none}.who{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;height:44px;padding:0 10px;border-radius:8px;text-align:right}.who:active{background:var(--raised)}.who-name{font-size:13px;color:var(--ink)}.who-out{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.status>*{flex:none}.status .shop,.status .shift{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.14em;white-space:nowrap}.mode.sale{background:#12a35c2e;color:#35d489}.mode.tender{background:#4da3ff2e;color:var(--info)}.shop{color:var(--ink);font-weight:500}.shift.shut{color:var(--warn)}.dot{display:inline-flex;align-items:center;gap:6px}.dot:before{content:"";width:8px;height:8px;border-radius:50%}.dot.online:before{background:var(--go)}.dot.offline:before{background:var(--stop)}.dot.offline{color:var(--stop)}.lang{display:flex;gap:2px;flex:none}.lang button{min-width:52px;height:44px;padding:0 12px;border-radius:6px;font-size:13px;line-height:1.6;white-space:nowrap;flex:none}.lang button:last-child{min-width:66px}[lang=my]{font-family:Noto Sans Myanmar,Roboto,sans-serif}.lang button[lang=my]{font-family:Noto Sans Myanmar,Roboto,sans-serif;line-height:1.65}.lang-on{background:var(--edge);color:var(--ink)}.lang-off{color:var(--ink-dim)}main.lane{display:flex;flex:1;min-width:0;min-height:0}.ledger{display:flex;flex-direction:column;flex:none;width:480px;min-height:0;padding-left:env(safe-area-inset-left);background:var(--panel);border-right:1px solid var(--line)}.ledger-head{display:flex;align-items:baseline;gap:10px;flex:none;padding:12px 16px;border-bottom:1px solid var(--line)}.region{font:500 11px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--go)}.ledger-head .count{font-size:12px;color:var(--ink-dim)}.ledger-head .customer{margin-left:auto;font-size:12px;color:var(--info)}.ledger-body{flex:1;min-height:0;overflow-y:auto}.rows{margin:0;padding:0;list-style:none}.row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:var(--row);padding:8px 16px;border-bottom:1px solid var(--line)}.row .qty{font:700 20px/1 Roboto,sans-serif;color:var(--ink);text-align:center}.line-body{display:flex;flex-direction:column;gap:3px;min-width:0}.name{font-size:15px;font-weight:500}.detail{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink-dim)}.promo{color:var(--go)}.override,.age{color:var(--warn)}.age.ok{color:var(--go)}.amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.was{font-size:12px;color:var(--ink-faint);text-decoration:line-through}.now{font:500 16px/1 Roboto,sans-serif}.empty{padding:32px 16px;color:var(--ink-faint);text-align:center}.ledger-foot{flex:none;padding:12px 16px 16px;border-top:1px solid var(--line)}.totals{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.tot{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-dim)}.tot.saved{color:var(--go)}.grand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.grand-label{font:500 11px/1 ui-monospace,monospace;letter-spacing:.18em;color:var(--ink-dim)}.grand-value{font:900 40px/1 Roboto,sans-serif;letter-spacing:-.02em}.commit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--commit);border-radius:10px;background:var(--go);color:#04170d;font:700 20px/1 Roboto,sans-serif}.commit:active{background:var(--go-deep)}.commit.off{background:var(--raised);color:var(--ink-faint);cursor:default}.commit.wide{height:72px;font-size:17px}.commit.danger{background:var(--stop);color:#fff}.work{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:0;gap:0}.scan{display:flex;align-items:center;gap:12px;flex:none;height:88px;padding:16px 20px}.scan .chip:nth-last-child(2){width:132px}.scan .chip:last-child{width:110px}.scan-field{flex:1;min-width:0;height:56px;padding:0 14px;border:1px solid var(--edge);border-radius:8px;background:var(--raised);color:var(--ink);font-size:17px;outline:none}.scan-field:focus{border-color:var(--go)}.chip{height:56px;padding:0 16px;border:1px solid var(--edge);border-radius:8px;background:var(--raised);font-size:13px;color:var(--ink-dim)}.tabs{display:flex;align-items:center;gap:var(--gap);flex:none;height:56px;padding:0 18px;overflow-x:auto}.tab{flex:none;height:40px;padding:0 18px;border-radius:999px;background:var(--raised);font-size:13px;color:var(--ink-dim);white-space:nowrap}.tab.on{background:var(--edge);color:var(--ink)}.grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;gap:12px;padding:8px 20px 0;align-content:start}.tile{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:left}.tile:active{border-color:var(--go)}.tile-photo{flex:1;border-radius:6px;background:var(--raised)}.tile-name{font:500 15px/1.25 Roboto,sans-serif}.tile-price{font:700 16px/1 Roboto,sans-serif}.tile-marks{display:flex;gap:6px;font:700 10px/1 ui-monospace,monospace}.tile-age{color:var(--warn)}.tile-ask{color:var(--info)}.tile-out{color:var(--stop)}.tender-work{flex-direction:row;gap:16px;padding:20px}.tender-summary{display:flex;flex-direction:column;gap:12px;width:300px;flex:none}.tender-pad{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;min-height:0;overflow-y:auto;padding-bottom:2px}.tender-pad .commit.wide{position:sticky;bottom:0;flex:none;margin-top:auto;box-shadow:0 -12px 16px -8px var(--bg)}@media(max-width:1331px){.tender-work{flex-direction:column}.tender-summary{width:auto}}.takens{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.taken{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--panel);font-size:14px}.due{display:flex;align-items:baseline;justify-content:space-between;padding:14px;border-radius:10px;background:var(--raised)}.due-value{font:900 30px/1 Roboto,sans-serif}.tender-actions{display:flex;gap:var(--gap);margin-top:auto}.tender-actions .commit{flex:1;height:72px;font-size:17px}.ghost{flex:1;height:72px;border:1px solid var(--edge);border-radius:10px;color:var(--ink-dim);font-size:15px}.tenders{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.tender{height:64px;border:1px solid var(--edge);border-radius:8px;background:var(--raised);font-size:14px}.tender.on{background:#4da3ff29;border-color:var(--info);color:#cfe6ff}.rule{margin:0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.entry{display:flex;align-items:baseline;justify-content:space-between;padding:10px 14px;border-radius:8px;background:var(--panel)}.entry-label{font-size:12px;color:var(--ink-dim)}.entry-value{font:900 32px/1.2 Roboto,sans-serif;text-align:right}.quicks{display:flex;gap:var(--gap);flex-wrap:wrap}.quick{height:56px;min-width:96px;padding:0 14px;border:1px solid var(--edge);border-radius:8px;background:var(--raised);font:500 16px/1 Roboto,sans-serif}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--key);gap:var(--gap)}.keypad:not(.pin-pad){width:100%;max-width:calc(var(--key) * 4 + var(--gap) * 3);margin-inline:auto}.key{height:auto;min-height:var(--key);border-radius:10px;background:var(--raised);font:500 26px/1 Roboto,sans-serif}.keypad>.key:nth-child(13):last-child{grid-column:1 / span 3}.key:active{background:var(--edge)}.key.util{background:var(--panel);color:var(--ink-dim);font-size:20px}.key.go{background:var(--go);color:#04170d}.commands{display:flex;align-items:center;gap:var(--gap);flex:none;height:calc(96px + env(safe-area-inset-bottom));padding:0 20px;padding-bottom:env(safe-area-inset-bottom);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:#14181c;border-top:3px solid var(--warn);overflow-x:auto}.commands .gap{flex:1}.command-group{display:flex;gap:var(--gap)}.command-group.restricted{padding-left:14px;border-left:1px solid var(--line)}.command{height:var(--command);min-width:104px;padding:0 16px;border:1px solid var(--edge);border-radius:8px;background:var(--raised);font-size:14px}.command.danger{color:#ff9a94;border-color:#d0342c66}.command.locked{color:var(--ink-faint);border-color:var(--line);background:var(--panel)}.shade{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#040608b8}.panel{width:min(560px,100%);max-height:90vh;max-height:90dvh;overflow-y:auto;padding:22px;border:1px solid var(--edge);border-radius:14px;background:var(--panel)}.panel h2{margin:0 0 14px;font:700 20px/1.2 Roboto,sans-serif}.panel .lede{margin:0 0 12px;font-size:16px;color:var(--ink)}.panel .detail{margin:0 0 12px}.panel-actions{display:flex;gap:var(--gap);margin-top:16px}.panel-actions .commit,.panel-actions .ghost{flex:1;height:64px;font-size:16px}.panel .keypad{justify-content:center;margin:12px 0}.age-figures{display:flex;gap:24px;margin:16px 0}.age-figures .k{display:block;font-size:12px;color:var(--ink-dim)}.age-figures .big{font:900 26px/1.2 Roboto,sans-serif;color:var(--warn)}.held-list,.found{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.held-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--raised)}.held-row .chip{height:44px;padding:0 14px}.signin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100vh;height:100dvh;padding:24px}.signin h1{margin:0;font:500 20px/1 Roboto,sans-serif;color:var(--ink-dim)}.pin-dots{min-height:34px;font-size:30px;letter-spacing:12px;color:var(--go)}.pin-pad{grid-template-columns:repeat(3,var(--key))}.trouble{min-height:20px;margin:0;font-size:14px;color:var(--stop)}.notice-bar,.trouble-bar{flex:none;padding:10px 16px;font-size:14px;text-align:center}.notice-bar{background:#12a35c29;color:#7fe3b0}.trouble-bar{background:#d0342c2e;color:#ffb4ae}@media(max-width:1100px){.status .shop,.status .shift,.status .when{display:none}}@media(max-width:1000px){.ledger{width:400px}.ledger-head .customer{display:none}.command{min-width:88px;padding:0 12px;font-size:13px}}@media(orientation:portrait){.status{gap:14px;padding:0 16px;padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.status-right{gap:14px}.lang button{height:40px;min-width:46px;font-size:12px}.lang button:last-child{min-width:60px}main.lane{flex-direction:column}.ledger{width:auto;height:420px;flex:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);border-right:0;border-bottom:1px solid var(--line)}.work{flex:1}:root{--row: 68px}.ledger-head{align-items:center;height:44px;padding:0 16px}.ledger-head .customer{display:block}.row{grid-template-columns:32px 1fr auto;gap:12px;padding:8px 16px}.ledger-foot{padding:12px 16px}.totals{flex-direction:row;flex-wrap:wrap;column-gap:14px;row-gap:4px;margin-bottom:4px;font-size:14px;line-height:1.6}.tot{gap:6px}.tot:not(:last-child):after{content:"·";color:var(--ink-faint)}.grand{margin-bottom:0}.grand-label{font-size:15px}.grand-value{font-size:34px}.scan{height:80px;gap:10px;padding:14px 16px}.scan-field{font-size:16px}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:96px}.tabs{height:52px;padding:0 16px}.tab{height:38px}.grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:156px;gap:10px;padding:8px 16px 0}.tile{padding:10px}.tile-name{font-size:14px}.tile-price{font-size:15px}.commands{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.commands .gap{flex:none}.commands .command-group{flex:1 1 auto}.command{flex:1 1 auto;min-width:88px;padding:0 8px;font-size:14px}.ledger-foot .commit{position:fixed;inset:auto 0 0;z-index:5;display:flex;align-items:center;justify-content:space-between;height:calc(112px + env(safe-area-inset-bottom));padding:0 28px;padding-bottom:env(safe-area-inset-bottom);border-radius:0;font:700 26px/1 Roboto,sans-serif}#app:has(.ledger-foot .commit){padding-bottom:calc(112px + env(safe-area-inset-bottom))}}@media(max-width:560px){.row .detail .unit,.row .was{display:none}.ledger{height:300px}.ledger-head .customer{display:none}.grand-value{font-size:32px}.lang button{height:30px;min-width:34px;font-size:11px}.lang button:last-child{min-width:44px}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:0;padding:0 12px}.tile{padding:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:132px}.commands{height:calc(84px + env(safe-area-inset-bottom));overflow-x:auto}.command{min-width:76px;font-size:12px}.ledger-foot .commit{height:calc(72px + env(safe-area-inset-bottom));padding:0 16px;font-size:18px}#app:has(.ledger-foot .commit){padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tender-work{flex-direction:column}.tender-summary{width:auto}:root{--key: 84px}}@media(max-height:430px)and (orientation:landscape){.status{height:calc(34px + env(safe-area-inset-top));font-size:11px}.status .shop,.status .shift,.status .when,.status .who,.status .register,.status .lane{display:none}.lang button{height:44px;min-width:46px}main.lane{flex-direction:row}.ledger{width:260px;height:auto;border-bottom:0;border-right:1px solid var(--line)}.ledger-body .detail{display:none}.grand-value{font-size:24px}.commit{height:64px;font-size:16px}.commands{order:-1;flex-direction:column;height:auto;width:92px;padding:8px;padding-left:max(8px,env(safe-area-inset-left));border-top:0;border-right:3px solid var(--warn);overflow-x:hidden;overflow-y:auto}#app{flex-direction:row;flex-wrap:wrap}.status{order:-2;width:100%;flex:none}.commands,main.lane{height:calc(100dvh - 34px - env(safe-area-inset-top))}.command{min-width:0;width:100%;height:52px;font-size:11px}.command-group{flex-direction:column;width:100%}.command-group.restricted{padding-left:0;padding-top:8px;border-left:0;border-top:1px solid var(--line)}.scan{height:72px;padding:8px;gap:8px}.scan .region{display:none}.scan .chip:nth-last-child(2),.scan .chip:last-child{width:auto;min-width:0;padding:0 10px}.tabs{height:48px;padding:0 8px}.grid{grid-auto-rows:108px;padding:8px 8px 0}:root{--key: 68px}}.return-row{display:grid;grid-template-columns:1fr 56px 56px 56px;align-items:center;gap:var(--gap);padding:12px;border-radius:8px;background:var(--raised)}.return-row .qty{font:700 20px/1 Roboto,sans-serif;text-align:center}.step{height:56px;border-radius:8px;background:var(--edge);font:500 24px/1 Roboto,sans-serif}.step:active{background:var(--go);color:#04170d}img.tile-photo{object-fit:cover;width:100%;height:100%;min-height:0}.splash{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:20px;background:var(--bg)}.splash-mark{display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:var(--raised);border:1px solid var(--edge);color:var(--ink);font:700 34px/1 Roboto,sans-serif;letter-spacing:.04em}.splash-name{margin:0;font:500 18px/1.35 Roboto,sans-serif;color:var(--ink-dim)}