:root{--wo-blue: #3b82f6;--wo-blue-bright: #5b9cff;--wo-blue-deep: #2563EB;--wo-indigo: #818cf8;--wo-indigo-light: #a5b4fc;--grad-accent: linear-gradient(135deg, #5b9cff, #818cf8);--bg: #080c14;--surface: #0f1c2e;--surface-2: #101e32;--line: #1c2c44;--text: #eef2ff;--text-muted: #7a94b8;--on-blue: #FFFFFF;--good: #22C55E;--danger: #EF4444;--warn: #F59E0B;--radius: 10px;--tap: 48px;--bg-elev: var(--surface);--bg-elev2: var(--surface-2);--border: var(--line);--text-dim: var(--text-muted);--accent: var(--wo-blue);--accent-press: var(--wo-blue-deep);--green: var(--good);--red: var(--danger);--amber: var(--warn);--blue: var(--wo-blue-bright)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:inherit}.pos-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:grid;grid-template-columns:72px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"brand topbar" "rail  content";background:var(--bg);overflow:hidden}@keyframes wo-dots{0%{background-position:0 0}to{background-position:26px 26px}}.pos-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(129,140,248,.45) 1.1px,transparent 1.7px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 22%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 50% 22%,#000 50%,transparent 100%);opacity:.55;animation:wo-dots 14s linear infinite}@keyframes wo-glow{0%{opacity:.55;transform:translateZ(0) scale(1)}50%{opacity:.9;transform:translate3d(2%,-1%,0) scale(1.08)}to{opacity:.55;transform:translateZ(0) scale(1)}}.pos-shell:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:0;background:radial-gradient(38% 42% at 10% -6%,rgba(59,130,246,.3),transparent 70%),radial-gradient(34% 40% at 94% 14%,rgba(129,140,248,.22),transparent 70%),radial-gradient(46% 36% at 64% 112%,rgba(147,51,234,.16),transparent 70%);filter:blur(46px);animation:wo-glow 9s ease-in-out infinite}.pos-shell>*{position:relative;z-index:1}.pos-brand{grid-area:brand;display:flex;align-items:center;justify-content:center;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pos-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--wo-blue),var(--wo-indigo));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;letter-spacing:-.5px;box-shadow:0 4px 14px #636efa73}.pos-topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line)}.pos-topbar .tb-title{display:flex;flex-direction:column;line-height:1.15;min-width:0}.pos-topbar .tb-title .t1{font-size:16px;font-weight:800;letter-spacing:-.2px}.pos-topbar .tb-title .t2{font-size:12px;color:var(--text-muted);font-weight:600}.pos-topbar .tb-mode{margin-left:4px;padding:4px 12px;border-radius:999px;background:#2563eb29;color:var(--wo-blue-bright);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pos-topbar .tb-spacer{flex:1}.pos-topbar .tb-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;letter-spacing:.02em}.pos-topbar .tb-user{font-size:12px;color:var(--text-muted);font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-topbar select{width:auto;min-height:38px;height:38px;font-size:13px;padding:0 12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);font-weight:600}.tb-btn{height:40px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.tb-btn:hover{border-color:var(--wo-blue)}.tb-btn.primary{background:var(--wo-blue);border-color:var(--wo-blue);color:#fff}.tb-btn.primary:hover{background:var(--wo-blue-bright)}.pos-rail{grid-area:rail;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px;overflow-y:auto}.rail-item{width:56px;min-height:60px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-muted);text-decoration:none;cursor:pointer;font:inherit;transition:background .12s ease,color .12s ease}.rail-item .ri-ico{font-size:22px;line-height:1}.rail-item .ri-lbl{font-size:9.5px;font-weight:700;letter-spacing:.01em;text-align:center}.rail-item:hover{background:var(--surface-2);color:var(--text)}.rail-item.active{background:var(--wo-blue);color:#fff;border-color:var(--wo-blue-deep);box-shadow:0 4px 12px #2563eb59}.pos-content{grid-area:content;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.pos-page{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.pos-page.narrow{max-width:720px;margin:0 auto;width:100%}.page-head{display:flex;align-items:center;gap:14px}.page-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px}.page-head .sub{font-size:13px;color:var(--text-muted);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],input[type=file],textarea,select{width:100%;min-height:var(--tap);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:0 14px;font-size:16px}textarea{padding:12px 14px;min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--wo-blue);border-color:var(--wo-blue)}.code-input{letter-spacing:2px;text-transform:uppercase;font-variant-numeric:tabular-nums}.btn{width:100%;min-height:var(--tap);border:none;border-radius:var(--radius);background:var(--wo-blue);color:var(--on-blue);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease}.btn:hover{background:var(--wo-blue-bright)}.btn:active{background:var(--wo-blue-deep)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.secondary:hover{border-color:var(--wo-blue);background:var(--surface-2)}.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn.danger:hover{background:#ef44441a}.btn.ghost{background:transparent;color:var(--text-muted);border:1px solid var(--line)}.btn.ghost:hover{color:var(--text);border-color:var(--wo-blue);background:transparent}.row{display:flex;gap:10px}.row>*{flex:1}.field{margin-bottom:14px}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-muted)}.kv .v{font-weight:700}.balance{font-size:38px;font-weight:900;text-align:center;margin:6px 0;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.active{background:#22c55e29;color:var(--good)}.badge.redeemed{background:#3b82f629;color:var(--wo-blue-bright)}.badge.expired,.badge.cancelled{background:#ef444429;color:var(--danger)}.badge.pending_payment{background:#f59e0b29;color:var(--warn)}.alert{border-radius:var(--radius);padding:12px 14px;font-size:14px;font-weight:500}.alert.error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.alert.success{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.4)}.alert.info{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.alert.warn{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.muted{color:var(--text-muted);font-size:13px}.center{text-align:center}.quick-amts{display:flex;gap:8px;flex-wrap:wrap}.quick-amts button{flex:1 0 28%;min-height:46px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:700;font-size:15px;cursor:pointer}.quick-amts button:hover{border-color:var(--wo-blue)}.quick-amts button.sel{background:var(--wo-blue);color:#fff;border-color:var(--wo-blue)}.scanner-box{width:100%;border-radius:var(--radius);overflow:hidden;background:#000}#qr-reader{width:100%!important;border:none!important}#qr-reader video{border-radius:var(--radius)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--text);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}table.report{width:100%;border-collapse:collapse;font-size:13px}table.report th,table.report td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}table.report th{color:var(--text-muted);font-weight:600}table.report td.ok{color:var(--good)}table.report td.err{color:var(--danger)}.order-screen{flex:1;min-height:0;display:grid;grid-template-columns:1fr 380px}.order-left{min-width:0;display:flex;flex-direction:column;min-height:0}.mode-tabs{display:flex;gap:8px;padding:14px 20px 0}.mode-tab{padding:10px 20px;border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--line);border-bottom:none;background:var(--surface);color:var(--text-muted);font-weight:800;font-size:14px;cursor:pointer}.mode-tab.active{background:var(--surface-2);color:var(--text)}.mode-tab:disabled{opacity:.5;cursor:default}.cat-chips{display:flex;gap:8px;padding:14px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.cat-chip{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);font-weight:700;font-size:13px;cursor:pointer}.cat-chip:hover{border-color:var(--wo-blue);color:var(--text)}.cat-chip.active{background:var(--wo-blue);border-color:var(--wo-blue);color:#fff}.order-products{flex:1;min-height:0;overflow-y:auto;padding:18px 20px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.menu-tile{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:96px;padding:16px;cursor:pointer;text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);transition:transform .08s ease,border-color .12s ease,background .12s ease}.menu-tile:hover{border-color:var(--wo-blue);background:var(--surface-2)}.menu-tile:active{transform:scale(.97)}.menu-tile:disabled{opacity:.5}.menu-tile .mt-name{font-size:16px;font-weight:700;line-height:1.25}.menu-tile .mt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-tile .mt-price{font-size:17px;font-weight:900;color:var(--wo-blue-bright);font-variant-numeric:tabular-nums}.menu-tile .mt-tag{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.menu-tile .mt-tag.bar{background:#3b82f629;color:var(--wo-blue-bright)}.menu-tile .mt-tag.kitchen{background:#f59e0b29;color:var(--warn)}.empty-hint{color:var(--text-muted);font-size:14px;padding:40px 0;text-align:center}.order-cart{width:380px;flex:0 0 380px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.cart-head{padding:16px 18px;border-bottom:1px solid var(--line)}.cart-target{display:flex;align-items:center;gap:10px}.cart-target .ct-info{display:flex;flex-direction:column;min-width:0}.cart-target .ct-k{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cart-target .ct-v{font-size:19px;font-weight:900;letter-spacing:-.2px}.cart-target .ct-sub{font-size:12px;color:var(--text-muted);font-weight:600}.cart-change{margin-left:auto;height:36px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:700;font-size:12px;cursor:pointer}.cart-change:hover{border-color:var(--wo-blue)}.cart-items{flex:1;min-height:0;overflow-y:auto;padding:6px 18px}.cart-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:none}.cart-row.voided{opacity:.5;font-size:13px}.ci-qty{display:inline-flex;align-items:center;gap:6px}.ci-step{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.ci-step:hover{border-color:var(--wo-blue)}.ci-step:disabled{opacity:.35;cursor:not-allowed}.ci-count{min-width:22px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.ci-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ci-name{font-size:14px;font-weight:700;line-height:1.2}.ci-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ci-price{font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.ci-void{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--danger);font-size:16px;cursor:pointer;line-height:1}.ci-void:hover{background:#ef44441f}.route-badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.route-badge.bar{background:#3b82f629;color:var(--wo-blue-bright)}.route-badge.kitchen{background:#f59e0b29;color:var(--warn)}.route-badge.none{background:var(--surface-2);color:var(--text-muted)}.route-badge.fired{background:#22c55e29;color:var(--good)}.cart-note{font-size:12px;color:var(--warn)}.voided-block{padding:8px 18px;font-size:12px;border-top:1px solid var(--line)}.voided-block summary{color:var(--text-muted);cursor:pointer}.cart-foot{border-top:1px solid var(--line);padding:14px 18px;background:var(--surface)}.cart-totals{margin-bottom:12px}.cart-totals .kv{padding:5px 0;border:none}.cart-totals .kv.total .k,.cart-totals .kv.total .v{font-size:24px;font-weight:900}.cart-totals .kv.total .v{color:var(--text);font-variant-numeric:tabular-nums}.cart-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.btn-lg{min-height:58px;font-size:17px;font-weight:800}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);padding:30px;text-align:center}.empty-cart .ec-ico{font-size:40px;opacity:.5}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;justify-content:flex-end}.drawer{width:min(760px,90vw);height:100%;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:slidein .18s ease}@keyframes slidein{0%{transform:translate(40px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-size:18px;font-weight:800}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:18px}.legend{display:flex;gap:20px;font-size:13px;color:var(--text-muted);padding:2px}.legend i.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-1px}.legend i.dot.free{background:var(--good)}.legend i.dot.busy{background:var(--wo-blue-bright)}.venue-block{display:flex;flex-direction:column;gap:12px}.venue-block-title{font-size:15px;margin:4px 0 0;color:var(--text);font-weight:800;display:flex;align-items:center;gap:8px}.venue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.venue-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:104px;padding:12px 8px;cursor:pointer;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);color:var(--text);transition:transform .08s ease,border-color .12s ease}.venue-card.free{border-color:#22c55e80;background:#22c55e0d}.venue-card.busy{border-color:var(--wo-blue-bright);background:#3b82f61a}.venue-card.hit{outline:3px solid var(--warn);outline-offset:1px}.venue-card:active{transform:scale(.96)}.venue-card:disabled{opacity:.5}.vc-label{font-size:23px;font-weight:900}.vc-free{font-size:12px;font-weight:800;color:var(--good);text-transform:uppercase;letter-spacing:.04em}.vc-sum{font-size:15px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.vc-timer{font-size:11px;color:var(--wo-blue-bright);font-weight:700;background:#3b82f624;border-radius:999px;padding:2px 9px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px}.sheet{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.sheet h3{margin-top:0}.booking-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:8px 0;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}.booking-row:first-of-type{margin-top:0}.booking-main{display:flex;flex-direction:column;gap:4px;min-width:0}.booking-name{font-weight:800;font-size:17px}.booking-meta{font-size:14px;color:var(--text-muted);font-variant-numeric:tabular-nums}.booking-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.badge.bk-confirmed,.badge.bk-checked_in{background:#22c55e29;color:var(--good)}.badge.bk-reserved,.badge.bk-draft{background:#f59e0b29;color:var(--warn)}.badge.bk-cancelled,.badge.bk-no_show{background:#ef444429;color:var(--danger)}.badge.bk-completed{background:#3b82f629;color:var(--wo-blue-bright)}.kds-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.kds-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.kds-ticket{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px}.kds-ticket.late{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger) inset}.kds-ticket.done{opacity:.45}.kds-ticket-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.kds-table{font-size:26px;font-weight:900}.kds-wait{font-size:16px;font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:999px;padding:4px 12px}.kds-wait.late{color:#fff;background:var(--danger)}.kds-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.kds-items li{font-size:20px;font-weight:600;line-height:1.25}.kds-qty{font-weight:900;color:var(--wo-blue-bright);font-size:22px}.kds-note{display:block;margin-top:4px;font-size:15px;background:#f59e0b29;color:var(--warn);padding:4px 10px;border-radius:8px}.kds-ticket>.btn{min-height:52px;font-size:17px}.app{max-width:460px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:24px 16px;gap:16px;justify-content:center}.pos-home{padding:34px clamp(20px,4vw,56px);max-width:1100px;margin:0 auto}.ph-head{margin-bottom:26px}.ph-head h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ph-head p{margin:0;color:var(--text-muted);font-size:14px}.ph-head p strong{color:var(--text)}.ph-user{color:var(--text-muted)}.home-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.home-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;padding:22px 22px 20px;min-height:150px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,rgba(91,156,255,.1),transparent 60%),var(--surface);color:var(--text);font:inherit;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.home-tile:hover{transform:translateY(-2px);border-color:var(--wo-blue-bright);box-shadow:0 12px 30px -16px #5b9cff8c}.home-tile:active{transform:translateY(0)}.ht-ico{font-size:30px;line-height:1;width:54px;height:54px;display:grid;place-items:center;border-radius:13px;margin-bottom:6px;background:linear-gradient(135deg,#5b9cff2e,#818cf82e);border:1px solid var(--line)}.ht-title{font-size:18px;font-weight:700;letter-spacing:-.01em}.ht-sub{font-size:13px;color:var(--text-muted);line-height:1.35}