:root{--ground:#f4f1ea;--panel:#fff;--ink:#1b1a17;--muted:#5e5a52;--line:#ddd6c8;--soft:#efeae0;--field:#e6e0d3;--sale:#1e5e44;--sale-soft:#e3efe8;--sale-ink:#14432f;--pay:#9a4a0b;--pay-soft:#f7e4d2;--pay-ink:#5c2c05;--sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;height:100%}body{font-family:var(--sans);background:var(--ground);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;overscroll-behavior:none}input{-webkit-user-select:text;-moz-user-select:text;user-select:text}button{font-family:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--sale);outline-offset:2px}h1,h2,h3{margin:0}h2{font-size:18px}h2,h3{font-weight:700}h3{font-size:15px;margin-top:18px}.num{font-family:var(--mono);font-weight:600}.neg{color:var(--pay)}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.error{color:#9b1c1c;margin:6px 0}.error,.note{font-size:14px}.note{background:var(--sale-soft);color:var(--sale-ink);padding:10px 12px;border-radius:10px}.empty{text-align:center;padding:28px 0;font-size:15px}.empty,.link{color:var(--muted)}.link{background:none;border:none;text-decoration:underline;font-size:14px;padding:8px}.app{height:100dvh;flex-direction:column;padding-top:env(safe-area-inset-top)}.app,.top{display:flex}.top{height:64px;flex-shrink:0;align-items:center;gap:20px;padding:0 20px;background:var(--ink);color:var(--ground)}.brand{font-size:19px;font-weight:700}.tabs{display:flex;gap:4px}.tabs button{height:44px;padding:0 16px;border-radius:8px;border:none;background:transparent;color:var(--ground);font-size:15px;font-weight:500}.tabs button.on{background:var(--ground);color:var(--ink);font-weight:600}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{padding:6px 12px;border-radius:999px;background:#2e3b33;color:#cfe8da;font-size:13px;font-weight:500}.pill.warn{background:#3a2a1c;color:#f3d9c1}.seg{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--field)}.seg button{height:40px;padding:0 16px;border:none;border-radius:7px;background:transparent;font-size:15px;font-weight:600}.seg button.on{background:var(--ink);color:#fff}.seg.dark{background:#2c2a26}.seg.dark button{color:var(--ground)}.seg.dark button.on{background:var(--ground);color:var(--ink)}.update{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:var(--sale);color:#fff;font-size:15px;font-weight:500}.update button{height:36px;padding:0 14px;border-radius:8px;border:2px solid #fff;background:transparent;color:#fff;font-weight:700}.body{flex:1 1;min-height:0;padding:16px 20px 18px}.fill{height:100%}.btn-primary{height:52px;padding:0 22px;border:none;border-radius:12px;background:var(--ink);color:#fff;font-size:17px;font-weight:700}.btn-primary.big{width:100%;height:60px;font-size:18px}.btn-primary.payout{background:var(--pay)}.btn-primary:disabled{background:var(--field);color:var(--muted)}.btn-dark{height:60px;padding:0 24px;border:none;border-radius:10px;background:var(--ink);color:#fff;font-size:17px;font-weight:700}.btn-dark:disabled{background:var(--field);color:var(--muted)}.btn-ghost{height:44px;padding:0 16px;border-radius:10px;border:1px solid #cfc7b6;background:#fff;font-size:15px;font-weight:600}.reg{height:100%;display:flex;gap:18px;position:relative}.reg-left{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:12px}.sec-head{display:flex;align-items:center;gap:10px}.tag{padding:4px 10px;border-radius:6px;color:#fff;font-size:13px;font-weight:700}.tag-sale{background:var(--sale)}.tag-term{background:var(--ink)}.price-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:10px;gap:10px}.price-btn{height:76px;border:none;border-radius:12px;background:var(--sale);color:#fff;font-family:var(--mono);font-size:26px;font-weight:600}.price-btn:active{transform:scale(.97)}.term-wrap{min-height:0;gap:16px}.term-col,.term-wrap{flex:1 1;display:flex}.term-col{min-width:0;flex-direction:column;gap:12px}.term-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;border-radius:12px;background:#fff;border:2px solid var(--sale)}.term-field.neg{border-color:var(--pay)}.term-field .hint{font-size:13px;font-weight:600;color:var(--muted)}.term-amt{font-family:var(--mono);font-size:38px;font-weight:600}.term-field.neg .term-amt{color:var(--pay)}.example{margin:0;padding:12px 14px;border-radius:10px;background:var(--soft);color:var(--muted);font-size:13px;line-height:1.45}.keypad-col{width:290px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.key{height:60px;border-radius:10px;border:1px solid #cfc7b6;background:#fff;font-family:var(--mono);font-size:22px;font-weight:600}.key:active{background:var(--soft)}.keypad-lg{flex:1 1;gap:10px}.keypad-lg .key{height:auto;min-height:72px;font-size:30px;border-radius:12px}.neg-key{height:52px;border-radius:10px;border:2px solid var(--pay);background:#fff;color:var(--pay);font-size:17px;font-weight:700}.neg-key.on{background:var(--pay);color:#fff}.pay{flex:1 1;display:flex;flex-direction:column;gap:16px;min-height:0}.pay-head{display:flex;align-items:center;gap:14px}.pay-head h2{font-size:22px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.tile{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:14px}.tile span{font-size:13px;font-weight:600}.tile b{font-family:var(--mono);font-size:34px;font-weight:600}.tile-dark{background:var(--ink);color:#fff}.tile-outline{background:#fff;border:2px solid var(--ink)}.tile-good{background:var(--sale);color:#fff}.tile-short{background:var(--pay-soft);color:var(--pay-ink)}.pay-body{flex:1 1;min-height:0;display:flex;gap:14px}.pay-body .keypad{flex:1 1;grid-auto-rows:1fr}.fast{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.fast-btn{flex:1 1;min-height:56px;border-radius:12px;border:1px solid #9cc3ae;background:var(--sale-soft);color:var(--sale-ink);font-family:var(--mono);font-size:22px;font-weight:600}.fast-btn:first-of-type{font-size:17px}.fast-btn.on{background:var(--sale);border-color:var(--sale);color:#fff}.cart{width:380px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.cart-lines{flex:1 1;min-height:0;overflow-y:auto;padding:4px 18px;-webkit-overflow-scrolling:touch}.line{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--soft)}.line-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.line-text b{font-size:15px;font-weight:600}.line-text span{font-size:12px;color:var(--muted)}.line-amt{font-family:var(--mono);font-size:16px;font-weight:600}.x{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:18px}.totals{padding:12px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;font-size:15px}.totals>div{display:flex;justify-content:space-between;align-items:baseline}.totals .due span{font-size:18px;font-weight:700}.totals .due b{font-size:30px}.cart-foot{padding:0 18px 16px}.last{margin:8px 0 0;text-align:center;font-size:12px;color:var(--muted)}.toast{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:640px;padding:14px 20px;border-radius:12px;background:var(--ink);color:#fff;font-size:16px;font-weight:600;box-shadow:0 8px 24px rgba(27,26,23,.25);z-index:20}.toast.bad{background:var(--pay)}.overlay{position:fixed;inset:0;z-index:50;justify-content:center;background:rgba(27,26,23,.72);padding:20px}.done-card,.overlay{display:flex;align-items:center}.done-card{width:640px;max-width:100%;padding:36px 40px;border-radius:24px;color:#fff;text-align:center;flex-direction:column;gap:6px;background:var(--sale)}.done-card.pay{background:var(--pay)}.done-title{font-size:30px;font-weight:700}.done-amount{font-family:var(--mono);font-size:120px;font-weight:600;line-height:1}.done-sub{font-size:18px;opacity:.9}.done-bar{width:100%;height:8px;margin-top:18px;border-radius:999px;background:hsla(0,0%,100%,.25);overflow:hidden}.done-bar div{height:100%;background:#fff;transition:width 1s linear}.done-btn{margin-top:14px;height:56px;padding:0 32px;border-radius:12px;border:2px solid #fff;background:transparent;color:#fff;font-size:18px;font-weight:700}.modal{width:520px;max-width:100%;max-height:100%;overflow-y:auto;background:#fff;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}.modal h2{font-size:22px}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.field-label{font-size:14px;font-weight:600;margin-top:4px}.text-input{height:52px;width:100%;padding:0 14px;border-radius:10px;border:1px solid #cfc7b6;background:#fbf9f4;font-family:inherit;font-size:17px;color:var(--ink)}.chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.chip{height:52px;border-radius:10px;border:1px solid #cfc7b6;background:#fff;font-family:var(--mono);font-size:18px;font-weight:600}.chip.on{background:var(--sale);border-color:var(--sale);color:#fff}.pinpad{display:flex;flex-direction:column;gap:10px}.pin-label{font-size:15px;font-weight:600}.pin-dots{font-size:32px;letter-spacing:8px;text-align:center;min-height:40px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.panel.narrow{width:420px;max-width:100%;margin:0 auto;gap:10px}.panel.narrow,.shift{display:flex;flex-direction:column}.shift{height:100%;gap:14px}.shift-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-input{width:190px;height:44px}.shift-grid{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.shift-grid .panel{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.kv{display:grid;grid-template-columns:1fr auto;grid-gap:8px 16px;gap:8px 16px;margin:6px 0;font-size:15px}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-family:var(--mono);font-weight:600}.kv .strong{color:var(--ink);font-weight:700;font-size:16px}.kv .warn{color:var(--pay)}.kv .ok{color:var(--sale)}.kv .bad{color:#9b1c1c}.kv.result{padding-top:10px;border-top:1px solid var(--soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 14px;gap:10px 14px}.form-grid label{gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.form-grid label,.txn-list{display:flex;flex-direction:column}.txn{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--soft);font-size:14px}.txn .num:first-child{width:72px;flex-shrink:0}.txn-desc{flex:1 1;min-width:0}.games{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.games-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.game-table{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.game-row{display:grid;grid-template-columns:90px 1fr 90px 130px;grid-gap:12px;gap:12px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--soft);font-size:15px}.game-row.head{font-size:13px;font-weight:600}.game-row.head,.game-row.off,.status{color:var(--muted)}.status{height:36px;padding:0 14px;border-radius:999px;border:none;background:var(--soft);font-size:13px;font-weight:600}.status.on{background:var(--sale-soft);color:var(--sale-ink)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login h1{font-size:26px}@media (prefers-reduced-motion:reduce){.done-bar div{transition:none}.price-btn:active{transform:none}}