*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#e8ecf2;-webkit-font-smoothing:antialiased;background:#0c0e12;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}button{font-family:inherit}.page{flex-direction:column;align-items:center;gap:18px;min-height:100vh;padding:24px 16px 48px;display:flex}.page-head{width:min(100%,1100px)}.page-head .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#3bd486;font-size:12px;font-weight:700}.page-head h1{margin:4px 0 0;font-size:22px;font-weight:700}.page-head p{color:#8b94a3;max-width:70ch;margin:6px 0 0;font-size:14px}.register{--r-bg:#0f1319;--r-panel:#171d27;--r-panel2:#1e2632;--r-line:#2a3340;--r-ink:#eef2f7;--r-muted:#8592a3;--r-green:#22a85c;--r-blue:#2c93d6;--r-violet:#7c6bf2;--r-amber:#e39a34;--r-red:#e5484d;--r-steel:#4d6a8a;--r-readout:#37e08a;aspect-ratio:4/3;background:var(--r-bg);width:min(100%,1100px);color:var(--r-ink);border:1px solid #000;border-radius:14px;grid-template-rows:auto auto 1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #0009,inset 0 2px #333;container-type:size}.txnbar{background:var(--r-panel);border-bottom:.45cqw solid var(--r-green);align-items:flex-end;gap:.8cqw;padding:1cqw 1.6cqw 0;display:flex}.txntab{cursor:pointer;background:var(--r-panel2);border:1px solid var(--r-line);color:var(--r-ink);text-align:left;border-bottom:0;border-radius:8px 8px 0 0;flex-direction:column;gap:.2cqw;min-width:16cqw;padding:.8cqw 1.4cqw;display:flex}.txntab .tt-title{align-items:center;gap:.8cqw;font-size:1.5cqw;font-weight:700;display:flex}.txntab .tt-meta{opacity:.82;font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:1.1cqw}.txntab .dot{background:currentColor;border-radius:50%;flex:none;width:1.1cqw;height:1.1cqw}.txntab.active{background:var(--r-green);color:#062012;border-color:var(--r-green);min-width:21cqw}.txntab.parked{background:var(--r-amber);color:#251700;border-color:var(--r-amber);cursor:pointer}.txntab.parked:hover{filter:brightness(1.06)}.txntab.add{min-width:0;color:var(--r-muted);opacity:.55;cursor:default;background:0 0;border-style:dashed;justify-content:center;align-items:center;font-size:1.35cqw;font-weight:600}.txntab--right{margin-left:auto}.statusbar{background:var(--r-panel);border-bottom:1px solid var(--r-line);align-items:center;gap:2.2cqw;padding:1.4cqw 2.2cqw;display:flex}.sb-lock{background:var(--r-panel2);border:1px solid var(--r-line);color:#cf6b6f;cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:5cqw;height:5cqw;display:flex}.sb-lock svg{width:2.6cqw;height:2.6cqw}.sb-clock{color:var(--r-blue);text-align:center;font-family:Consolas,monospace;font-size:1.7cqw;font-weight:700;line-height:1.15}.sb-field{flex-direction:column;display:flex}.sb-label{letter-spacing:.12em;text-transform:uppercase;color:var(--r-muted);font-size:1.15cqw}.sb-value{font-size:2cqw;font-weight:700}.sb-spacer{margin-left:auto}.sb-store .sb-value{color:var(--r-muted);font-size:1.5cqw}.sb-due{text-align:right}.sb-due .sb-value{color:var(--r-readout);font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:2.8cqw}.body{grid-template-columns:1fr 24cqw;min-height:0;display:grid}.inputzone{grid-template-rows:1fr auto;gap:1.6cqw;min-height:0;padding:1.8cqw;display:grid}.input-main{grid-template-columns:1.3fr 1fr;gap:1.4cqw;min-height:0;display:grid}.keypad-big{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:1.2cqw;display:grid}.keypad-big .tile{font-family:Consolas,monospace;font-size:2.6cqw;font-weight:700}.keypad-big .tile small{font-family:Segoe UI,sans-serif}.primary-col{grid-template-rows:1fr 2.7fr;gap:1.1cqw;min-height:0;display:grid}.primary-col .pay{font-size:2.2cqw}.primary-col .pay svg{width:2.6cqw;height:2.6cqw}.primary-sub{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr;gap:1cqw;display:grid}.primary-sub .tile{font-size:1.55cqw}.secondary{flex-direction:column;gap:.8cqw;display:flex}.secondary-label{letter-spacing:.14em;text-transform:uppercase;color:var(--r-muted);font-size:1.05cqw}.secondary-strip{grid-template-columns:repeat(5,1fr);gap:.9cqw;display:grid}.secondary-strip .tile{border-radius:6px;gap:.3cqw;min-height:6.2cqw;padding:.9cqw .4cqw;font-size:1.25cqw}.secondary-strip .tile svg{width:1.9cqw;height:1.9cqw}.of-btn{border-color:color-mix(in srgb, var(--r-blue) 60%, var(--r-line));color:var(--r-blue);font-weight:700}.tile{cursor:pointer;color:#fff;text-align:center;background:var(--r-panel2);border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5cqw;padding:1cqw;font-size:1.55cqw;font-weight:600;line-height:1.1;transition:filter .12s,transform 40ms;display:flex}.tile:hover{filter:brightness(1.14)}.tile:active{transform:translateY(1px)}.tile:focus-visible{outline-offset:2px;outline:2px solid #fff}.tile svg{width:2.4cqw;height:2.4cqw}.tile--blue{background:var(--r-blue)}.tile--green{background:var(--r-green)}.tile--violet{background:var(--r-violet)}.tile--amber{background:var(--r-amber);color:#201400}.tile--red{background:var(--r-red)}.tile--steel{background:var(--r-steel)}.tile--ghost{background:var(--r-panel2);color:var(--r-ink);border:1px solid var(--r-line)}.tape-wrap{min-width:0;min-height:0;display:flex}.tape{background:var(--r-panel);border-left:1px solid var(--r-line);flex-direction:column;flex:1;min-height:0;display:flex}.tape-head{letter-spacing:.12em;text-transform:uppercase;color:var(--r-muted);border-bottom:1px solid var(--r-line);grid-template-columns:1fr auto;gap:1cqw;padding:1cqw 1.3cqw;font-size:1.05cqw;display:grid}.tape-context{background:var(--r-panel2);border-bottom:1px solid var(--r-line);flex-direction:column;gap:.8cqw;padding:1cqw 1.3cqw;display:flex}.ctx-cust{align-items:center;gap:.7cqw;font-size:1.4cqw;font-weight:700;display:flex}.ctx-cust .star{color:var(--r-violet);font-size:1.8cqw;line-height:1}.ctx-cust.guest{color:var(--r-muted);font-weight:600}.ctx-badges{flex-wrap:wrap;gap:.6cqw;display:flex}.ctx-badge{border-radius:20px;align-items:center;gap:.4cqw;padding:.3cqw 1cqw;font-size:1cqw;font-weight:600;display:inline-flex}.ctx-badge.age{background:color-mix(in srgb, var(--r-green) 22%, transparent);color:#93e9bb}.ctx-badge.pac{background:color-mix(in srgb, var(--r-violet) 26%, transparent);color:#cfc6ff}.ctx-badge.pts{background:var(--r-bg);color:var(--r-ink)}.upsell{background:color-mix(in srgb, var(--r-readout) 12%, transparent);border:1px solid color-mix(in srgb, var(--r-readout) 34%, transparent);border-radius:6px;align-items:center;gap:.9cqw;padding:.8cqw 1cqw;display:flex}.upsell svg{width:2cqw;height:2cqw;color:var(--r-readout);flex:none}.upsell .u-text{font-size:1.1cqw;line-height:1.25}.upsell .u-text b{color:var(--r-readout)}.upsell .u-save{color:var(--r-readout);white-space:nowrap;margin-left:auto;font-family:Consolas,monospace;font-size:1.3cqw;font-weight:700}.lines{flex:1;overflow:auto}.lines .empty{color:var(--r-muted);text-align:center;padding:2cqw 1.3cqw;font-size:1.3cqw}.line{border-bottom:1px solid var(--r-line);padding:.85cqw 1.3cqw}.line.void{opacity:.5}.line-main{grid-template-columns:1fr auto;align-items:baseline;gap:1cqw;display:grid}.line-desc{font-size:1.35cqw;font-weight:600}.line.void .line-desc{text-decoration:line-through}.line-amt{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:1.4cqw;font-weight:700}.line-sub{color:var(--r-muted);margin-top:.1cqw;font-family:Consolas,monospace;font-size:1cqw}.line-adj{color:var(--r-readout);gap:.6cqw;margin-top:.35cqw;font-size:1.05cqw;display:flex}.line-adj .save-amt{margin-left:auto;font-family:Consolas,monospace}.totals{background:var(--r-panel2);border-top:1px solid var(--r-line);font-variant-numeric:tabular-nums;flex-direction:column;gap:.4cqw;padding:1cqw 1.3cqw;display:flex}.totrow{color:var(--r-muted);justify-content:space-between;font-family:Consolas,monospace;font-size:1.2cqw;display:flex}.totrow.grand{color:var(--r-ink);border-top:1px dashed var(--r-line);margin-top:.3cqw;padding-top:.6cqw;font-size:1.8cqw;font-weight:700}.totrow.grand .val{color:var(--r-readout)}.paypanel{grid-template-columns:1fr 1.15fr;gap:1.8cqw;min-height:0;padding:1.8cqw;display:grid}.pay-left{flex-direction:column;gap:1.3cqw;min-height:0;display:flex}.age-banner{background:color-mix(in srgb, var(--r-green) 16%, transparent);border:1px solid color-mix(in srgb, var(--r-green) 40%, transparent);border-radius:8px;align-items:center;gap:1.2cqw;padding:1.1cqw 1.3cqw;display:flex}.age-banner svg{width:2.4cqw;height:2.4cqw;color:var(--r-readout);flex:none}.age-banner .ab-t{font-size:1.4cqw;font-weight:600}.age-banner .ab-s{color:var(--r-muted);font-size:1.1cqw}.due-block{border:1px solid var(--r-line);text-align:center;background:#0a0d12;border-radius:10px;padding:1.6cqw}.due-block.change{border-color:color-mix(in srgb, var(--r-readout) 50%, var(--r-line))}.due-label{letter-spacing:.14em;text-transform:uppercase;color:var(--r-muted);font-size:1.3cqw}.due-amt{font-variant-numeric:tabular-nums;color:var(--r-readout);font-family:Consolas,monospace;font-size:5.6cqw;font-weight:700;line-height:1.05}.tendered-list{background:var(--r-panel);border:1px solid var(--r-line);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.tl-head{text-transform:uppercase;letter-spacing:.1em;color:var(--r-muted);border-bottom:1px solid var(--r-line);padding:1cqw 1.3cqw;font-size:1.1cqw}.tl-scroll{flex:1;overflow:auto}.tl-row{border-bottom:1px solid var(--r-line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:1cqw 1.3cqw;font-family:Consolas,monospace;font-size:1.5cqw;display:flex}.tl-row .tl-kind{font-family:Segoe UI,sans-serif}.tl-empty{color:var(--r-muted);text-align:center;padding:1.6cqw 1.3cqw;font-size:1.25cqw}.back-btn{background:var(--r-panel2);border:1px solid var(--r-line);color:var(--r-ink);cursor:pointer;border-radius:8px;align-self:flex-start;padding:.9cqw 1.6cqw;font-size:1.4cqw}.back-btn:hover{background:var(--r-bg)}.pay-right{grid-template-rows:auto 1fr auto;gap:1.2cqw;min-height:0;display:grid}.cash-readout{border:1px solid var(--r-line);background:#0a0d12;border-radius:8px;justify-content:space-between;align-items:baseline;padding:1cqw 1.4cqw;display:flex}.cash-readout .cr-label{color:var(--r-muted);text-transform:uppercase;letter-spacing:.1em;font-size:1.2cqw}.cash-readout .cr-val{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:2.6cqw;font-weight:700}.pay-keypad{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1cqw;min-height:0;display:grid}.pay-keypad .tile{font-family:Consolas,monospace;font-size:2.4cqw;font-weight:700}.pay-actions{grid-template-columns:repeat(4,1fr);gap:1cqw;display:grid}.pay-actions .preset{font-size:1.5cqw}.pay-actions .tile--wide2{grid-column:span 2}.complete-wrap{place-items:center;display:grid}.complete-btn{background:var(--r-green);color:#062012;cursor:pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:.6cqw;padding:3cqw 5cqw;font-size:3cqw;font-weight:800;display:flex}.complete-btn small{opacity:.85;font-family:Consolas,monospace;font-size:1.6cqw;font-weight:600}.complete-btn:hover{filter:brightness(1.08)}.qty-overlay{z-index:50;background:#080c12f0;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;display:flex;position:absolute;inset:0}.qty-exit{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:10px;place-items:center;width:6cqw;height:6cqw;font-size:3.2cqw;line-height:1;display:grid;position:absolute;top:2cqw;right:2cqw}.qty-exit:hover{background:#e5484d59;border-color:#e5484d}.qty-cap{letter-spacing:.3em;text-transform:uppercase;color:#8592a3;font-size:2.2cqw}.qty-num{color:#fff;font-family:Consolas,ui-monospace,monospace;font-size:34cqw;font-weight:800;line-height:.85}.qty-hint{color:#cdd6e2;font-size:1.8cqw}.qty-dismiss{color:#8592a3;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;margin-top:2.4cqw;padding:1cqw 2.2cqw;font-size:1.3cqw}.qty-dismiss:hover{color:#cdd6e2;border-color:#ffffff59}.tile.armed{outline:2px solid #fff;box-shadow:0 0 0 4px #2c93d659}.done-overlay{z-index:30;background:#06120ae6;place-items:center;display:grid;position:absolute;inset:0}.done-card{text-align:center}.done-card .big{color:var(--r-readout);font-family:Consolas,monospace;font-size:5cqw;font-weight:800}.done-card .sub{color:var(--r-ink);margin-top:1cqw;font-size:1.8cqw}.done-card button{background:var(--r-green);color:#062012;cursor:pointer;border:0;border-radius:8px;margin-top:2.5cqw;padding:1.2cqw 3cqw;font-size:1.7cqw;font-weight:700}.toast{z-index:40;cursor:pointer;border-radius:8px;padding:1cqw 2cqw;font-size:1.4cqw;position:absolute;bottom:3cqw;left:50%;transform:translate(-50%)}.toast.warn{color:#f08a8d;background:#3a1b1d;border:1px solid #6a2b2f}.toast.info{color:#7fe0aa;background:#12261c;border:1px solid #2c6a47}.switch-note{z-index:44;pointer-events:none;color:#062012;background:#22a85cf5;border-radius:999px;align-items:center;gap:1cqw;padding:1cqw 2.4cqw;font-size:2cqw;font-weight:800;animation:2s forwards switchflash;display:flex;position:absolute;top:10cqw;left:50%;box-shadow:0 4cqw 12cqw -3cqw #000000b3}.switch-note svg{width:2.2cqw;height:2.2cqw}@keyframes switchflash{0%{opacity:0;transform:translate(-50%,-8px)}8%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.switch-note{opacity:1;animation:none;transform:translate(-50%)}}.confirm-overlay{z-index:45;background:#060a10b8;place-items:center;padding:4cqw;display:grid;position:absolute;inset:0}.confirm-box{background:var(--r-panel);border:1px solid var(--r-line);border-radius:12px;max-width:52cqw;padding:2.4cqw;box-shadow:0 6cqw 16cqw -4cqw #000}.confirm-title{font-size:2.4cqw;font-weight:800}.confirm-body{color:var(--r-muted);margin-top:1cqw;font-size:1.5cqw;line-height:1.4}.confirm-actions{justify-content:flex-end;gap:1.2cqw;margin-top:2.2cqw;display:flex}.confirm-keep,.confirm-go{cursor:pointer;border:0;border-radius:8px;padding:1.2cqw 2.4cqw;font-size:1.6cqw;font-weight:700}.confirm-keep{background:var(--r-panel2);color:var(--r-ink);border:1px solid var(--r-line)}.confirm-keep:hover{background:var(--r-bg)}.confirm-go{background:var(--r-red);color:#fff}.confirm-go:hover{filter:brightness(1.1)}.devbar{background:#14181f;border:1px dashed #2e3947;border-radius:10px;width:min(100%,1100px);padding:14px 16px}.devbar h3{letter-spacing:.1em;text-transform:uppercase;color:#6f7c8d;margin:0 0 4px;font-size:13px}.devbar p{color:#6f7c8d;margin:0 0 10px;font-size:12.5px}.devrow{flex-wrap:wrap;gap:8px;display:flex}.devbtn{color:#cdd6e2;cursor:pointer;background:#1e2632;border:1px solid #2e3947;border-radius:7px;padding:8px 12px;font-size:13px}.devbtn:hover{background:#263041}.devbtn.accent{color:#cfc6ff;border-color:#7c6bf2}.fb-tab{z-index:100;writing-mode:vertical-rl;color:#fff;letter-spacing:.08em;cursor:pointer;background:#7c6bf2;border:0;border-radius:10px 0 0 10px;padding:16px 8px;font-size:13px;font-weight:700;position:fixed;top:42%;right:0;transform:translateY(-50%)rotate(180deg);box-shadow:-4px 4px 14px -6px #0009}.fb-tab:hover{background:#8b7bff}.fb-panel{z-index:101;color:#e8ecf2;background:#14181f;border-left:1px solid #2a3340;flex-direction:column;gap:12px;width:min(380px,92vw);height:100vh;padding:18px;font-size:14px;animation:.18s ease-out fbslide;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px -12px #000000b3}@keyframes fbslide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.fb-head{justify-content:space-between;align-items:center;display:flex}.fb-head h3{margin:0;font-size:18px}.fb-x{color:#e8ecf2;cursor:pointer;background:#1e2632;border:1px solid #2a3340;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}.fb-x:hover{background:#0f1319}.fb-hint{color:#8b94a3;margin:0;font-size:12.5px;line-height:1.4}.fb-shot{background:#0f1319;border:1px dashed #2e3947;border-radius:8px;place-items:center;min-height:120px;display:grid;overflow:hidden}.fb-shot img{max-width:100%;max-height:220px;display:block}.fb-noshot{color:#5b6572;padding:24px;font-size:12.5px}.fb-actions{flex-wrap:wrap;gap:8px;display:flex}.fb-btn{color:#cdd6e2;cursor:pointer;background:#1e2632;border:1px solid #2e3947;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}.fb-btn:hover{background:#263041}.fb-btn:disabled{opacity:.5;cursor:default}.fb-upload{position:relative;overflow:hidden}.fb-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.fb-ghost{color:#f08a8d;border-color:#6a2b2f}.fb-name,.fb-comment{color:#e8ecf2;width:100%;font:inherit;background:#0f1319;border:1px solid #2a3340;border-radius:8px;padding:10px 12px}.fb-comment{resize:vertical;min-height:84px}.fb-name:focus,.fb-comment:focus{outline-offset:1px;border-color:#7c6bf2;outline:2px solid #7c6bf2}.fb-submit{color:#062012;cursor:pointer;background:#22a85c;border:0;border-radius:8px;padding:12px;font-size:15px;font-weight:800}.fb-submit:hover{filter:brightness(1.08)}.fb-submit:disabled{opacity:.6;cursor:default}.fb-status{text-align:center;color:#7fe0aa;font-size:13px}.toggle{color:#cdd6e2;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e2632;border:1px solid #2e3947;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .sw{background:#3a4553;border-radius:10px;flex:none;width:34px;height:18px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:#8592a3;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.toggle.on .sw{background:#22a85c}.toggle.on .sw:after{background:#fff;transform:translate(16px)}.toggle.disabled{opacity:.4;cursor:not-allowed}.toggle input:focus-visible+.sw{outline-offset:2px;outline:2px solid #2c93d6}