:root{--hd: #f96302;--hd-dark: #d9530a;--ink: #1b1b1b;--panel: #262626;--panel2: #2f2f2f;--line: #3a3a3a;--muted: #9a9a9a;--green: #79c14a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#000;color:#fff}.kiosk{min-height:100vh;display:flex;flex-direction:column;background:var(--ink)}.kiosk.orange{background:var(--hd)}.display{font-weight:800;letter-spacing:-.02em;line-height:1.04}.cap{text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.green{color:var(--green)}.hd-orange{color:var(--hd)}.strike{color:#7d7d7d;text-decoration:line-through}.hdmark{display:inline-flex;align-items:center;justify-content:center;background:var(--hd);color:#fff;font-weight:800;letter-spacing:.02em;border-radius:6px;padding:8px 12px;line-height:1}.hdmark.big{font-size:30px;padding:14px 18px}.orange .hdmark{background:#00000038}.topbar{height:72px;background:#141414;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0}.laneopen{display:inline-flex;align-items:center;gap:10px;background:#0f0f0f;border:1px solid #2a2a2a;color:var(--green);font-weight:700;padding:8px 16px;border-radius:999px}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.body{flex:1;overflow:auto}.btn-hd{background:var(--hd);color:#fff;border:0;font-weight:700;border-radius:10px;cursor:pointer;transition:filter .12s;display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn-hd:hover{filter:brightness(1.06)}.btn-hd:disabled{opacity:.5;cursor:not-allowed}.btn-hd.lg{font-size:26px;padding:20px 36px}.btn-ghost{background:transparent;color:#fff;border:2px solid #4a4a4a;font-weight:700;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-ghost:hover{border-color:#6a6a6a}.barcode{width:520px;height:140px;border-radius:8px;background:#fff;background-image:repeating-linear-gradient(90deg,#111 0 5px,transparent 5px 9px,#111 9px 12px,transparent 12px 20px,#111 20px 23px,transparent 23px 31px)}.prod{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;cursor:pointer;text-align:left;color:#fff;transition:border-color .12s,transform .06s}.prod:hover{border-color:var(--hd)}.prod:active{transform:scale(.98)}.item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.cardrow{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px}.cardrow.sel{border-color:var(--hd);box-shadow:inset 0 0 0 2px #f963024d}.brandbadge{width:56px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff}.rcard{flex:1;background:var(--panel);border:2px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:44px 20px;cursor:pointer;color:#fff;position:relative;transition:border-color .12s,transform .06s}.rcard:hover{border-color:var(--hd)}.rcard:active{transform:scale(.99)}.rcard i{font-size:60px}.rcard.kite{border-color:var(--hd);background:linear-gradient(180deg,#2c2113,#262626)}.newtag{position:absolute;top:14px;right:14px;background:var(--hd);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:5px 10px;border-radius:6px}.digit{width:66px;height:84px;border-radius:12px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800}.digit.empty{background:var(--panel);color:#555;border:2px dashed #4a4a4a}.key{background:var(--panel2);border:1px solid var(--line);color:#fff;border-radius:12px;height:68px;font-size:26px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.key:hover{background:#3a3a3a}.key:disabled{opacity:.4;cursor:not-allowed}.note{background:#20170d;border:1px solid #4a3115;color:#f4c48c;border-radius:12px;padding:16px 18px}.kebab-menu{position:absolute;top:56px;right:0;width:300px;background:#1f1f1f;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #00000080;padding:8px;z-index:50}.kebab-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:16px;text-align:left}.kebab-item:hover{background:#2b2b2b}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#1f1f1f;border:1px solid var(--line);color:#fff;padding:14px 22px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px #0006;z-index:60}.qr{width:76px;height:76px;border-radius:8px;background:#fff;background-image:conic-gradient(from 0deg,#111 25%,#fff 0,#fff 50%,#111 0,#111 75%,#fff 0);background-size:26px 26px}