.km-dialog{background:var(--card);border-radius:14px;width:min(920px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 48px #140a103d}.km-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.km-title{display:flex;align-items:baseline;gap:10px}.km-title strong{font-size:18px;color:var(--ink)}.km-tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--mint-dk);background:var(--mint-tint);padding:3px 8px;border-radius:999px}.km-head-actions{display:flex;align-items:center;gap:8px}.km-note{padding:10px 20px;font-size:12px;line-height:1.7;color:var(--ink-2);background:var(--canvas);border-bottom:1px solid var(--border)}.km-note kbd,.km-fixed kbd,.km-foot kbd{font-family:JetBrains Mono;font-size:10px;background:var(--card);border:1px solid var(--border-2);padding:2px 6px;border-radius:3px;color:var(--ink-2)}.km-problem{padding:10px 20px;font-size:13px;font-weight:600;color:#7a5212;background:var(--warn-tint);border-bottom:1px solid #f0dcae}.km-scroll{overflow-y:auto;padding:4px 20px 16px}.km-group{margin-top:14px}.km-group-title{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--mute)}.km-row{display:grid;grid-template-columns:1fr 180px 170px;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;border:1px solid transparent}.km-row:hover{background:var(--canvas)}.km-row.is-cursor{background:var(--mint-tint);border-color:var(--mint)}.km-row.is-capturing{background:var(--warn-tint);border-color:var(--warn)}.km-row-label{display:flex;flex-direction:column;gap:2px;min-width:0}.km-row-name{font-size:14px;color:var(--ink);font-weight:500}.km-row-lock{margin-left:8px;font-size:10px;font-weight:600;color:var(--mint-dk);border:1px solid var(--mint);border-radius:999px;padding:1px 6px;vertical-align:1px}.km-row-hint{font-size:11px;color:var(--mute);line-height:1.5}.km-key{min-height:40px;padding:8px 12px;font-family:JetBrains Mono;font-size:13px;font-weight:600;color:var(--ink);background:var(--canvas);border:1px solid var(--border-2);border-radius:6px;text-align:center}.km-key:hover{border-color:var(--mint);color:var(--mint-dk)}.km-key:focus-visible{outline:3px solid var(--mint-glow);outline-offset:2px}.km-key.is-capturing{font-family:Sarabun;font-weight:600;background:#fff;border-color:var(--warn);color:#7a5212;animation:km-pulse 1s ease-in-out infinite}@keyframes km-pulse{0%,to{box-shadow:0 0 #f0ac4a80}50%{box-shadow:0 0 0 6px #f0ac4a00}}.km-row-actions{display:flex;gap:6px;justify-content:flex-end}.km-btn{min-height:36px;padding:6px 12px;font-family:Sarabun;font-size:12px;font-weight:500;border-radius:6px;border:1px solid var(--border-2);background:var(--card);color:var(--ink-2)}.km-btn:hover:not(:disabled){border-color:var(--mint);color:var(--mint-dk)}.km-btn:disabled{opacity:.35;cursor:not-allowed}.km-btn-ghost{background:transparent}.km-btn-primary{background:var(--mint);border-color:var(--mint);color:#fff;font-weight:600}.km-btn-primary:hover{background:var(--mint-dk);color:#fff}.km-btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.km-fixed{display:flex;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;line-height:1.7;color:var(--ink-2);background:var(--canvas);border-radius:8px}.km-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border);font-size:12px;color:var(--mute)}@media(max-width:1100px){.km-row{grid-template-columns:1fr 150px;grid-template-areas:"label key" "actions actions"}.km-row-label{grid-area:label}.km-row-actions{grid-area:actions;justify-content:flex-start}}.cs-shell{--sidebar: #ffffff;--sidebar-2: #fde4ee;--sidebar-3: #ffd6e8;--sidebar-ink: #7a6b74;--sidebar-ink-mute: #b6a6ae;--sidebar-active: #f72a7a;--canvas: #fdf2f7;--card: #FFFFFF;--border: #f3e2ea;--border-2: #ecd2df;--ink: #2a1f27;--ink-2: #5c4c55;--mute: #7a6b74;--mint: #f72a7a;--mint-dk: #d91b68;--mint-tint: #ffe4f0;--mint-ink: #ad1456;--mint-glow: rgba(247, 42, 122, .16);--warn: #F0AC4A;--warn-tint: #FBEFCD;--warn-ink: #7a5212;--danger: #c0332b;display:grid;grid-template-columns:96px 1fr;height:100dvh;background:var(--canvas);color:var(--ink);font-family:Sarabun,system-ui,sans-serif;font-size:15px;overflow:hidden}.cs-shell *{box-sizing:border-box}.cs-shell>*,.cs-main>*,.cs-canvas>*,.cs-plane>*{min-height:0}.cs-sb-nav{overflow-y:auto}.cs-shell button{font-family:inherit;cursor:pointer}.cs-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.cs-sidebar{background:var(--sidebar);color:var(--sidebar-ink);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 0 14px}.cs-sb-brand{width:56px;height:56px;margin:0 auto 24px;background:linear-gradient(135deg,var(--mint) 0%,var(--mint-dk) 100%);color:#fff;border-radius:14px;display:grid;place-items:center;font-family:JetBrains Mono;font-weight:600;font-size:18px;box-shadow:0 6px 20px #f72a7a47}.cs-sb-nav{display:flex;flex-direction:column;gap:4px;flex:1}.cs-sb-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 10px;margin:0 12px;border-radius:12px;color:var(--sidebar-ink-mute);background:transparent;border:0;transition:background .12s ease,color .12s ease}.cs-sb-item:hover{background:var(--sidebar-2);color:var(--sidebar-ink)}.cs-sb-item.is-active{background:var(--sidebar-3);color:var(--sidebar-active)}.cs-sb-item.is-active:before{content:"";position:absolute;left:-12px;top:14px;bottom:14px;width:3px;background:var(--mint);border-radius:0 4px 4px 0}.cs-sb-item svg{width:22px;height:22px}.cs-sb-item-label{font-size:11px;letter-spacing:.04em}.cs-sb-foot{margin:0 12px;padding:12px;background:var(--sidebar-2);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px}.cs-sb-foot .cs-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--warn) 0%,#D88C2A 100%);color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px}.cs-sb-foot .cs-who{color:var(--sidebar-active);font-weight:500;font-size:12px}.cs-sb-foot .cs-conn{display:inline-flex;align-items:center;gap:4px;color:var(--mint);font-family:JetBrains Mono;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.cs-sb-foot .cs-conn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px var(--mint-glow)}.cs-sb-foot .cs-conn.is-offline{color:var(--warn)}.cs-sb-foot .cs-conn.is-offline:before{background:var(--warn);box-shadow:0 0 0 2px #f0ac4a2e}.cs-sb-foot .cs-role{font-size:10px;color:var(--sidebar-ink-mute);font-family:JetBrains Mono;text-transform:uppercase;letter-spacing:.05em}.cs-signout{margin-top:10px;width:100%;min-height:44px;padding:8px;background:#dc57501f;border:1px solid rgba(220,87,80,.35);color:var(--danger);border-radius:6px;font-family:Sarabun;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s ease}.cs-signout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.cs-main{display:grid;grid-template-columns:1fr 488px;grid-template-rows:56px 1fr;overflow:hidden}.cs-topbar{grid-column:1 / -1;display:flex;align-items:center;padding:0 16px;gap:10px;overflow:hidden;border-bottom:1px solid var(--border);background:var(--card)}.cs-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-crumbs strong{color:var(--ink);font-weight:600}.cs-crumbs .cs-sep{color:var(--border-2)}.cs-topbar-spacer{flex:0 1 8px}.cs-scan-pill{display:flex;align-items:center;gap:10px;background:var(--canvas);border:1px solid var(--border);border-radius:8px;padding:6px 6px 6px 12px;flex:1 1 200px;min-width:160px}.cs-scan-pill .cs-mint-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--mint-glow);animation:cs-pulse 1.6s ease-in-out infinite}@keyframes cs-pulse{0%,to{box-shadow:0 0 0 4px var(--mint-glow)}50%{box-shadow:0 0 0 7px #f72a7a0d}}.cs-scan-pill input{flex:1;background:transparent;border:none;outline:none;font-family:JetBrains Mono;font-size:14px;padding:6px 8px;color:var(--ink)}.cs-scan-pill input::placeholder{font-family:Sarabun;color:var(--mute)}.cs-scan-pill kbd{font-family:JetBrains Mono;font-size:11px;background:var(--card);border:1px solid var(--border);padding:4px 8px;border-radius:4px;color:var(--mute)}.cs-pill-warn{background:var(--warn-tint);color:#7a5212;border:1px solid #F3D283;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.cs-tool-btn{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;background:var(--card);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink-2);font-family:Sarabun}.cs-tool-btn kbd{font-family:JetBrains Mono;font-size:10px;background:var(--canvas);border:1px solid var(--border);padding:2px 5px;border-radius:3px;color:var(--mute)}.cs-tool-btn:hover:not(:disabled){border-color:var(--mint);color:var(--mint-dk)}.cs-tool-btn:disabled{opacity:.4;cursor:not-allowed}.cs-tool-btn.has-badge{border-color:var(--warn);color:#7a5212}.cs-tool-btn.is-active{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-tool-badge{background:var(--warn);color:#fff;font-family:JetBrains Mono;font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;min-width:18px;text-align:center}.cs-clock{font-family:JetBrains Mono;font-weight:500;color:var(--ink-2);font-size:13px;padding:5px 10px;border:1px solid var(--border);border-radius:6px}.cs-pill-danger{background:#dc57501a;color:var(--danger);border:1px solid rgba(220,87,80,.4);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.cs-pill-action{min-height:44px;cursor:pointer}.cs-pill-action:hover{background:#dc57502e}.cs-sb-item.is-soon{opacity:.45}.cs-pill-shift{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;font-family:Sarabun;border:1px solid var(--border);background:var(--card)}.cs-pill-shift .cs-shift-dot{width:8px;height:8px;border-radius:50%;background:var(--mute);flex:none}.cs-pill-shift.is-open{background:var(--mint-tint);color:var(--mint-dk);border-color:var(--mint)}.cs-pill-shift.is-open .cs-shift-dot{background:var(--mint)}.cs-pill-shift.is-closed{background:#fce9e8;color:#8e2f2a;border-color:var(--danger);font-weight:600}.cs-pill-shift.is-closed .cs-shift-dot{background:var(--danger)}.cs-pill-shift:hover{filter:brightness(.97)}.cs-shift-summary{background:var(--canvas);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:12px;display:grid;gap:6px}.cs-shift-srow{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-2)}.cs-shift-srow em{color:var(--mute);font-style:normal;font-size:11px}.cs-shift-srow.is-expected{border-top:1px dashed var(--border-2);margin-top:2px;padding-top:8px;font-weight:700;color:var(--ink);font-size:14px}.cs-canvas{overflow:hidden;display:grid;grid-template-rows:1fr 96px;padding:16px 8px 16px 16px;gap:12px}.cs-cart-block{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:44px 1fr}.cs-cart-block.has-member{grid-template-rows:auto 44px 1fr}.cs-cart-head{display:grid;grid-template-columns:40px 1fr 144px 130px 120px 140px 40px;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);font-family:JetBrains Mono;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}.cs-cart-head>div{padding:0 6px}.cs-cart-head .cs-ra{text-align:right}.cs-cart-rows{overflow:auto}.cs-cart-row{position:relative;display:grid;grid-template-columns:40px 1fr 144px 130px 120px 140px 40px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);font-size:15px;min-height:68px;cursor:pointer;transition:background .1s ease}.cs-cart-row>div{padding:0 6px}.cs-cart-row:hover{background:#f72a7a0a}.cs-cart-row.is-selected{background:var(--mint-tint)}.cs-cart-row.is-selected:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--mint);border-radius:0 3px 3px 0}.cs-cart-row.is-selected .cs-ix{color:var(--mint-dk);font-weight:600}.cs-ix{font-family:JetBrains Mono;font-size:12px;color:var(--mute)}.cs-nm{font-weight:500;line-height:1.3}.cs-sku{font-family:JetBrains Mono;font-size:11px;color:var(--mute);background:var(--canvas);padding:1px 6px;border-radius:4px;margin-top:4px;display:inline-block}.cs-qty-pill{display:inline-flex;align-items:center;background:var(--canvas);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px}.cs-qty-pill button{width:44px;height:44px;border:none;background:transparent;color:var(--mute);font-size:16px;border-radius:4px}.cs-qty-pill button:hover{background:var(--card);color:var(--ink)}.cs-qty-pill button:active{background:var(--mint-tint);color:var(--mint-dk)}.cs-qty-pill .cs-qv{font-family:JetBrains Mono;font-weight:600;min-width:28px;text-align:center;font-size:15px}.cs-price{font-family:JetBrains Mono;text-align:right}.cs-price .cs-strike{color:var(--mute);text-decoration:line-through;font-size:12px;margin-right:4px}.cs-disc-cell{font-family:JetBrains Mono;font-size:13px;color:var(--mute)}.cs-disc-cell .cs-save{color:var(--warn);font-weight:500}.cs-total-cell{font-family:JetBrains Mono;font-weight:600;text-align:right}.cs-del-x{width:44px;height:44px;display:grid;place-items:center;color:var(--mute);border-radius:6px;border:0;background:transparent}.cs-del-x:hover{background:#dc575014;color:var(--danger)}.cs-del-x.is-locked{color:var(--mute);opacity:.45;font-size:14px;cursor:not-allowed}.cs-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--mute);gap:16px}.cs-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--mint-tint);color:var(--mint-dk);display:grid;place-items:center;font-size:36px}.cs-empty-title{font-size:20px;font-weight:600;color:var(--ink-2)}.cs-empty-hint{font-size:14px}.cs-empty-hint kbd{font-family:JetBrains Mono;font-size:12px;background:var(--card);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--ink-2)}.cs-grand-bar{background:var(--card);border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 24px;overflow:hidden;position:relative}.cs-grand-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mint)}.cs-grand-left{display:flex;gap:22px;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.cs-grand-left strong{display:block;font-family:JetBrains Mono;font-weight:600;color:var(--ink-2);font-size:16px;margin-top:4px;letter-spacing:0;text-transform:none}.cs-clear-discount{margin-top:6px;padding:6px 12px;min-height:32px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink-2);font-size:12px;letter-spacing:0;text-transform:none}.cs-clear-discount:hover{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-discount-cell .cs-discount-head{display:flex;align-items:baseline;gap:8px}.cs-discount-cell .cs-discount-head strong{margin-top:0}.cs-discount-cell .cs-discount-row{display:flex;align-items:center;gap:6px;margin-top:4px}.cs-discount-cell .cs-clear-discount,.cs-discount-cell .cs-bill-discount{margin-top:0;margin-right:0;min-height:28px;padding:4px 10px}.cs-bill-discount{margin-top:6px;margin-right:6px;padding:6px 12px;min-height:32px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--mint);border-radius:8px;background:var(--mint-tint);color:var(--mint-ink);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}.cs-bill-discount:hover{background:var(--mint);color:#fff}.cs-bill-discount:hover .cs-kb{color:#fffc}.cs-bill-discount.is-on{background:var(--mint);border-color:var(--mint-dk);color:#fff}.cs-bill-discount.is-on .cs-kb{color:#fffc}.cs-bill-discount .cs-kb{font-family:JetBrains Mono;font-size:10px;color:var(--mute)}.cs-bd-hint{margin:10px 0 0;padding:7px 12px;border-radius:8px;background:var(--sidebar-2);color:var(--ink-2);font-size:12.5px;line-height:1.5}.cs-bd-hint.is-warn{background:var(--warn-tint);color:var(--warn-ink);font-weight:600}.cs-grand-left{min-width:0}.cs-grand-left>div:not(.cs-note-cell){flex:none;white-space:nowrap}.cs-note-cell{flex:0 1 auto;min-width:0}.cs-note-line{display:flex;align-items:center;gap:6px;margin-top:4px}.cs-note-btn{max-width:220px;min-height:44px;padding:6px 12px;border:1px dashed var(--border-2);border-radius:8px;background:var(--card);color:var(--mute);font-size:13px;letter-spacing:0;text-transform:none;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-note-btn:hover{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-note-btn.has-note{border-style:solid;border-color:var(--mint);background:var(--mint-tint);color:var(--ink);font-weight:600}.cs-note-x{flex:none;min-width:44px;min-height:44px;border:none;background:transparent;color:var(--ink-2);font-size:16px;line-height:1;border-radius:8px}.cs-note-x:hover{background:#0000000f;color:var(--danger)}.cs-note-dlg{background:var(--card);border-radius:14px;padding:24px;min-width:420px;max-width:520px;box-shadow:0 18px 48px #140a103d;display:flex;flex-direction:column;gap:10px}.cs-note-input{width:100%;box-sizing:border-box;resize:none;padding:12px 14px;border:1px solid var(--border-2);border-radius:10px;background:var(--canvas);color:var(--ink);font-family:inherit;font-size:16px;line-height:1.5}.cs-note-input:focus{outline:3px solid var(--mint-glow);outline-offset:1px;border-color:var(--mint)}.cs-note-count{font-size:11px;color:var(--mute);text-align:right}.cs-note-count.is-low{color:var(--danger);font-weight:600}.cs-discount-capped{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:999px;background:var(--warn-tint);color:#7a5212;border:1px solid #F3D283;font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}.cs-grand-right{display:flex;align-items:baseline;gap:12px}.cs-grand-label{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.cs-grand-amount{font-family:JetBrains Mono;font-weight:600;font-size:48px;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.cs-grand-amount sup{font-size:18px;color:var(--mute);vertical-align:super;margin-left:2px;font-weight:500}.cs-plane{position:relative;padding:16px 16px 16px 8px;display:grid;grid-template-rows:1fr auto;gap:8px;overflow:hidden}.cs-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.cs-panel-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cs-panel-title{font-family:JetBrains Mono;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);font-weight:500}.cs-panel-title strong{color:var(--ink-2);margin-right:4px}.cs-panel-link{font-family:JetBrains Mono;font-size:11px;color:var(--mint-dk);background:transparent;border:0}.cs-panel-body{padding:12px;flex:1;overflow:auto}.cs-kp-modes{display:inline-flex;gap:4px}.cs-kp-mode{font-family:JetBrains Mono;font-size:11px;font-weight:600;min-width:44px;min-height:44px;padding:4px 10px;border-radius:6px;background:var(--canvas);border:1px solid var(--border);color:var(--mute);letter-spacing:.04em}.cs-kp-mode.is-active{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-kp-buffer{display:flex;align-items:center;gap:6px;padding:10px 12px;margin:8px;background:var(--canvas);border:1px solid var(--border);border-radius:8px}.cs-kp-buf-text{flex:1;font-family:JetBrains Mono;font-size:22px;font-weight:600;color:var(--ink);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-kp-buf-text.is-placeholder{color:var(--mute);font-weight:400}.cs-kp-bs{width:44px;height:44px;border-radius:6px;background:var(--card);border:1px solid var(--border);font-family:JetBrains Mono;font-size:14px;color:var(--ink-2);display:grid;place-items:center}.cs-kp-bs:hover:not(:disabled){background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-kp-bs:disabled{opacity:.4;cursor:not-allowed}.cs-kp-clr{font-size:13px;font-weight:600}.cs-kp-hint{margin:0 12px 6px;font-size:11px;color:var(--mute);font-family:Sarabun}.cs-kp-wrap{padding:8px;flex:1;min-height:0}.cs-kp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px;height:100%;min-height:0}.cs-kp-key{background:var(--canvas);border:1px solid var(--border);border-radius:8px;font-family:JetBrains Mono;font-size:20px;font-weight:500;color:var(--ink)}.cs-kp-key:hover:not(:disabled){background:var(--mint-tint);border-color:var(--mint)}.cs-kp-key:active:not(:disabled){background:var(--mint);color:#fff}.cs-kp-key:disabled{opacity:.3;cursor:not-allowed}.cs-kp-key.cs-kp-enter{background:var(--mint);color:#fff;border-color:var(--mint-dk);font-size:18px}.cs-kp-key.cs-kp-enter:hover:not(:disabled){background:var(--mint-dk);color:#fff}.cs-kp-key.cs-kp-enter:disabled{background:var(--canvas);color:var(--mute);border-color:var(--border)}.cs-pay-stack{display:grid;gap:6px;padding:12px}.cs-pay-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cs-pay-cell{background:var(--canvas);border:1px solid var(--border);border-radius:8px;padding:10px 8px;text-align:center;font-size:13px;font-weight:500;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:2px}.cs-pay-cell:hover{border-color:var(--mint)}.cs-pay-cell.is-active{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-dk)}.cs-pay-cell .cs-ico{font-size:20px}.cs-pay-cell .cs-kb{font-family:JetBrains Mono;font-size:10px;color:var(--mute)}.cs-pay-confirm{width:100%;padding:18px 24px;border:none;background:var(--mint);color:#fff;border-radius:10px;font-family:Sarabun;font-weight:700;font-size:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 16px #f72a7a4d}.cs-pay-confirm:hover:not(:disabled){background:var(--mint-dk);color:#fff}.cs-pay-confirm:disabled{background:var(--canvas);color:var(--mute);box-shadow:none;cursor:not-allowed;border:1px solid var(--border)}.cs-pay-confirm .cs-amt{font-family:JetBrains Mono;font-weight:600}.cs-toast-stack{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:min(520px,60vw)}.cs-toast{background:var(--ink);color:var(--card);padding:14px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 10px 30px #00000040;display:flex;align-items:center;gap:12px}.cs-toast.is-warn{background:var(--warn);color:#4a350a}.cs-toast-action{flex:none;min-height:32px;padding:6px 14px;border-radius:8px;border:1px solid currentColor;background:transparent;color:inherit;font-size:13px;font-weight:600}.cs-toast-action:hover{background:#ffffff26}.cs-sum{position:fixed;right:24px;bottom:24px;z-index:25;width:min(420px,46vw);background:var(--card);color:var(--ink);border:2px solid var(--mint);border-radius:14px;box-shadow:0 18px 48px #00000038;overflow:hidden;animation:cs-fade-in .12s ease-out}.cs-sum.is-warn{border-color:var(--warn)}.cs-sum-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--mint-tint)}.cs-sum.is-warn .cs-sum-head{background:var(--warn-tint)}.cs-sum-tag{font-size:15px;font-weight:700;color:var(--mint-ink)}.cs-sum.is-warn .cs-sum-tag{color:var(--warn-ink)}.cs-sum-ref{font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums;letter-spacing:.02em}.cs-sum-rows{padding:6px 18px 10px}.cs-sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0}.cs-sum-row+.cs-sum-row{border-top:1px dashed var(--border)}.cs-sum-label{font-size:14px;color:var(--mute)}.cs-sum-amt{font-size:20px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.cs-sum-row-change{padding-top:12px}.cs-sum-change{font-size:34px;font-weight:700;line-height:1.05;color:var(--mint-dk);font-variant-numeric:tabular-nums}.cs-sum-warn{margin:0 18px 12px;padding:10px 12px;border-radius:8px;background:var(--warn-tint);color:var(--warn-ink);font-size:14px;font-weight:600}.cs-sum-print{margin:0 18px 12px;padding:10px 12px;border-radius:8px;background:var(--canvas);color:var(--mute);font-size:14px}.cs-sum-actions{padding:0 18px 12px}.cs-sum-reprint{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer}.cs-sum-reprint:hover{background:var(--canvas)}.cs-sum.is-warn .cs-sum-reprint{border-color:var(--warn);background:var(--warn-tint);color:var(--warn-ink)}.cs-sum-hint{padding:10px 18px;border-top:1px solid var(--border);background:var(--canvas);color:var(--mute);font-size:13px}.cs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0f141973;display:grid;place-items:center;animation:cs-fade-in .12s ease-out}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-drawer{background:var(--card);border-radius:14px;min-width:480px;max-width:640px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.cs-drawer-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cs-drawer-title{display:inline-flex;align-items:baseline;gap:10px;font-size:16px;color:var(--ink)}.cs-drawer-title strong{font-weight:600}.cs-drawer-title .cs-mono{color:var(--mute);font-size:14px}.cs-drawer-close{width:44px;height:44px;border-radius:6px;background:transparent;border:0;color:var(--mute);font-size:20px}.cs-drawer-close:hover{background:var(--canvas);color:var(--ink)}.cs-drawer-empty{padding:48px 20px;text-align:center;color:var(--mute);font-family:Sarabun;font-size:14px}.cs-drawer-empty kbd{font-family:JetBrains Mono;font-size:12px;background:var(--canvas);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--ink-2)}.cs-drawer-list{list-style:none;margin:0;padding:8px 0;overflow:auto}.cs-drawer-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:16px;border-bottom:1px solid var(--border)}.cs-drawer-row:last-child{border-bottom:0}.cs-drawer-row:hover{background:var(--canvas)}.cs-drawer-row-meta{flex:1}.cs-drawer-row-when{font-family:JetBrains Mono;font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}.cs-drawer-row-label{font-size:14px;font-weight:500;color:var(--ink);margin-top:2px}.cs-drawer-row-stats{font-size:13px;color:var(--ink-2);margin-top:2px}.cs-drawer-row-actions{display:inline-flex;gap:6px}.cs-drawer-btn{min-height:44px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;font-family:Sarabun;border:1px solid transparent}.cs-drawer-btn-primary{background:var(--mint);color:#fff;border-color:var(--mint-dk)}.cs-drawer-btn-primary:hover{background:var(--mint-dk);color:#fff}.cs-drawer-btn-ghost{background:var(--card);color:var(--mute);border-color:var(--border)}.cs-drawer-btn-ghost:hover{color:var(--danger);border-color:var(--danger)}.cs-drawer-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}.cs-rc-dialog{background:var(--card);border-radius:14px;width:560px;max-width:92vw;max-height:92dvh;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.cs-rc-head{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cs-rc-title{display:flex;flex-direction:column;gap:4px}.cs-rc-tag{font-family:JetBrains Mono;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.cs-rc-title strong{font-weight:600;font-size:17px;color:var(--ink)}.cs-rc-body{padding:20px 22px 6px}.cs-rc-grid{background:var(--canvas);border-radius:10px;padding:14px 18px;margin-bottom:16px}.cs-rc-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0}.cs-rc-row+.cs-rc-row{border-top:1px dashed var(--border)}.cs-rc-label{font-size:13px;color:var(--mute)}.cs-rc-amt{font-family:JetBrains Mono;font-weight:600;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.cs-rc-row-received .cs-rc-amt{color:var(--mint-dk);font-size:22px}.cs-rc-row-qr .cs-rc-amt-qr{color:#4a6f94;font-size:20px}.cs-rc-tag-mixed{color:#6b8fb3}.cs-rc-row-change{background:var(--mint-tint);border-radius:8px;padding:10px 14px;margin-top:4px}.cs-rc-row-change.is-warn{background:var(--canvas);color:var(--mute)}.cs-rc-row-change.is-warn .cs-rc-change-whole{color:var(--mute)}.cs-rc-change-amt{font-family:JetBrains Mono;font-weight:700;font-variant-numeric:tabular-nums}.cs-rc-change-whole{font-size:32px;color:var(--mint-deep, #d91b68);line-height:1}.cs-rc-change-frac{font-size:16px;opacity:.6;margin-left:2px}.cs-rc-quick{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;margin-bottom:14px}.cs-rc-quick-btn{padding:12px 8px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--ink);font-family:Sarabun;font-weight:500;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background .08s ease,border-color .08s ease}.cs-rc-quick-btn:hover{background:var(--canvas);border-color:var(--border-2)}.cs-rc-quick-btn:active,.cs-rc-quick-exact{background:var(--mint-tint);border-color:var(--mint)}.cs-rc-quick-exact:hover{background:var(--mint-tint)}.cs-rc-quick-label{font-weight:600;font-size:14px}.cs-rc-quick-amt{font-family:JetBrains Mono;font-size:11px;color:var(--mute)}.cs-rc-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cs-rc-key{padding:16px 0;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--ink);font-family:JetBrains Mono;font-weight:600;font-size:20px;cursor:pointer}.cs-rc-key:hover{background:var(--canvas)}.cs-rc-key:active{background:var(--mint-tint)}.cs-rc-hint{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--warn-tint);color:#7a5212;font-size:13px;line-height:1.5}.cs-rc-actions{display:flex;gap:8px;padding:14px 22px 22px;border-top:1px solid var(--border);margin-top:6px}.cs-rc-cancel,.cs-rc-clear{padding:12px 18px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--mute);font-family:Sarabun;font-size:14px;font-weight:500;cursor:pointer}.cs-rc-cancel:hover{color:var(--danger);border-color:var(--danger)}.cs-rc-clear:hover{color:var(--ink);border-color:var(--ink-2)}.cs-rc-confirm{flex:1;padding:12px 22px;border:none;border-radius:8px;background:var(--mint);color:#fff;font-family:Sarabun;font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 14px #f72a7a40;cursor:pointer}.cs-rc-confirm:hover:not(:disabled){background:var(--mint-dk);color:#fff}.cs-rc-confirm:disabled{background:var(--canvas);color:var(--mute);box-shadow:none;cursor:not-allowed;border:1px solid var(--border)}.cs-rc-confirm-amt{font-family:JetBrains Mono;font-weight:600;font-size:13px}.cs-np-dialog{width:720px;max-height:88vh}.cs-np-body{display:flex;flex-direction:column;gap:14px;overflow:auto;padding-bottom:14px}.cs-np-alert{margin:0;padding:10px 12px;border-radius:8px;background:#fdecea;border:1px solid var(--danger);color:#8f2d27;font-size:14px;line-height:1.45}.cs-np-field{display:flex;flex-direction:column;gap:6px;flex:1}.cs-np-label{font-size:13px;font-weight:600;color:var(--ink-2)}.cs-np-label em{font-style:normal;font-weight:400;color:var(--mute)}.cs-np-input{min-height:48px;padding:10px 14px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);font-family:inherit;font-size:16px}.cs-np-input:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-glow)}.cs-np-input::placeholder{color:var(--mute)}.cs-np-hint{font-size:12px;color:var(--mute)}.cs-np-hint.is-warn{color:var(--danger)}.cs-np-row{display:flex;flex-wrap:wrap;gap:12px}.cs-np-row .cs-np-field{min-width:150px}.cs-np-chips{display:flex;flex-wrap:wrap;gap:8px}.cs-np-chip{min-height:44px;padding:8px 14px;border:1px solid var(--border-2);border-radius:999px;background:var(--card);color:var(--ink-2);font-family:inherit;font-size:14px;font-weight:500}.cs-np-chip:hover{border-color:var(--mint);color:var(--mint)}.cs-np-chip.is-on{background:var(--mint);border-color:var(--mint);color:#fff;font-weight:600}.cs-np-note{margin:0;padding:8px 12px;border-radius:8px;background:var(--mint-tint);color:var(--ink-2);font-size:13px;line-height:1.45}@media(max-height:820px){.cs-main{grid-template-rows:48px 1fr}.cs-canvas{grid-template-rows:1fr 76px;padding:10px 8px 10px 12px;gap:8px}.cs-cart-row{min-height:52px;padding:8px 16px;font-size:14px}.cs-cart-empty{padding:24px;gap:10px}.cs-cart-empty-icon{width:56px;height:56px}.cs-grand-bar{padding:0 16px}.cs-plane{padding:10px 12px 10px 6px;grid-template-rows:1fr auto;gap:6px}.cs-pay-stack{padding:8px;gap:4px}.cs-kp-wrap{padding:6px}.cs-sidebar{padding:10px 0 8px}.cs-sb-brand{width:44px;height:44px;margin-bottom:12px}.cs-sb-item{padding:9px 0 7px}}.cs-scan-clear{flex:none;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--mute);font-size:13px;cursor:pointer;line-height:1}.cs-scan-clear:hover{background:var(--mint-tint);color:var(--mint-dk)}.cs-search-pop{--card: #FFFFFF;--border: #f3e2ea;--ink: #2a1f27;--ink-2: #5c4c55;--mute: #7a6b74;--mint: #f72a7a;--mint-dk: #d91b68;--mint-tint: #ffe4f0;--warn-ink: #7A5212;--warn-tint: #FBEFCD;--danger: #c0332b;position:fixed;z-index:60;max-width:calc(100vw - 24px);max-height:min(58dvh,420px);overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #2a1f2729;font-family:Sarabun,system-ui,sans-serif;color:var(--ink)}.cs-sr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:none;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;font-family:inherit;color:inherit}.cs-sr-row:last-of-type{border-bottom:none}.cs-sr-row.is-active{background:var(--mint-tint)}.cs-sr-main{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-sr-name{font-size:14px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-sr-sku{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mute)}.cs-sr-side{display:flex;align-items:center;gap:10px;flex:none}.cs-sr-stock{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--mint-tint);color:var(--mint-dk);white-space:nowrap}.cs-sr-stock.is-low{background:var(--warn-tint);color:var(--warn-ink)}.cs-sr-stock.is-zero,.cs-sr-stock.is-neg{background:#fbe5e3;color:var(--danger);font-weight:600}.cs-sr-price{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}.cs-search-foot{position:sticky;bottom:0;padding:8px 14px;font-size:11px;color:var(--mute);background:var(--card);border-top:1px solid var(--border)}.cs-search-empty{display:flex;flex-direction:column;gap:6px;padding:18px 14px;font-size:14px;color:var(--ink-2)}.cs-search-empty span{font-size:12px;color:var(--mute)}.cs-branch-chip{font:inherit;color:inherit;background:none;border:none;border-radius:6px;padding:2px 6px;cursor:pointer}.cs-branch-chip:not(:disabled):hover{background:var(--mint-tint);color:var(--mint-dk)}.cs-branch-chip:disabled{cursor:default}.cs-shell-setup{display:block;background:var(--bg, #fff5f9);min-height:100dvh}.cs-db-dialog{max-width:520px}.cs-db-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.cs-db-why{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}.cs-db-loading,.cs-db-error{font-size:14px;color:var(--ink-2)}.cs-db-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--danger)}.cs-db-error button{min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);font:inherit;cursor:pointer}.cs-db-list{display:flex;flex-direction:column;gap:10px}.cs-db-item{display:flex;flex-direction:column;gap:4px;text-align:left;min-height:64px;padding:12px 16px;border-radius:12px;border:2px solid var(--border);background:var(--card);font:inherit;color:var(--ink);cursor:pointer}.cs-db-item.is-on{border-color:var(--mint);background:var(--mint-tint)}.cs-db-name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.cs-db-now{font-size:11px;font-weight:500;color:var(--mint-dk);background:var(--card);border:1px solid var(--mint);border-radius:999px;padding:2px 8px}.cs-db-addr{font-size:12px;color:var(--mute)}.cs-db-foot{display:flex;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--border)}.cs-db-confirm,.cs-db-cancel{min-height:52px;border-radius:12px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.cs-db-confirm{flex:1;border:none;background:var(--mint);color:#fff}.cs-db-confirm:disabled{background:var(--border);color:var(--mute);cursor:default}.cs-db-cancel{padding:0 20px;border:1px solid var(--border);background:var(--card);color:var(--ink-2);font-weight:500}.cs-branch-chip-mark{margin-left:6px;font-size:10px;color:var(--mint-dk);border:1px solid var(--mint);border-radius:999px;padding:1px 6px;vertical-align:1px}.cs-db-warn{margin:0;font-size:13px;line-height:1.6;color:var(--warn-ink);background:var(--warn-tint);border-radius:10px;padding:10px 12px}.cs-tool-btn-danger{color:var(--danger);border-color:#f0cfcd}.cs-tool-btn-danger:hover:not(:disabled){background:#fdeceb;border-color:var(--danger);color:var(--danger)}.cs-pay-confirm-kb{font-family:JetBrains Mono;font-size:11px;font-weight:600;margin-left:10px;padding:2px 7px;border-radius:4px;background:#ffffff38;border:1px solid rgba(255,255,255,.45);vertical-align:2px}.cs-pay-confirm:disabled .cs-pay-confirm-kb{display:none}.cs-confirm{background:var(--card);border-radius:14px;padding:24px;min-width:380px;max-width:460px;box-shadow:0 18px 48px #140a103d}.cs-confirm-title{font-size:18px;font-weight:700;color:var(--ink)}.cs-confirm-body{margin-top:10px;font-size:13px;line-height:1.7;color:var(--ink-2)}.cs-confirm-actions{margin-top:20px;display:flex;gap:10px;justify-content:flex-end}.cs-confirm-actions button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:8px;font-family:Sarabun;font-size:14px;font-weight:600}.cs-confirm-actions kbd{font-family:JetBrains Mono;font-size:10px;font-weight:500;padding:2px 5px;border-radius:3px;background:#0000000f;border:1px solid rgba(0,0,0,.1)}.cs-confirm-cancel{background:var(--card);border:1px solid var(--border-2);color:var(--ink-2)}.cs-confirm-cancel:hover{border-color:var(--mute)}.cs-confirm-ok{background:var(--mint);border:none;color:#fff}.cs-confirm-ok:hover{background:var(--mint-dk)}.cs-confirm-ok.is-danger{background:var(--danger)}.cs-confirm-ok.is-danger:hover{background:#c34840}.cs-confirm-ok kbd{background:#ffffff38;border-color:#ffffff73;color:#fff}.cs-confirm-ok:focus-visible{outline:3px solid var(--mint-glow);outline-offset:2px}.cs-scan-pill input{min-width:0}.cs-tool-more{font-size:18px;line-height:1;letter-spacing:1px;padding:6px 12px;min-width:44px;justify-content:center}.cs-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.cs-more-pop{--card: #FFFFFF;--canvas: #fdf2f7;--border: #f3e2ea;--border-2: #ecd2df;--ink: #2a1f27;--mute: #7a6b74;--mint-tint: #ffe4f0;--mint-dk: #d91b68;position:fixed;z-index:41;min-width:260px;padding:6px;background:var(--card);border:1px solid var(--border-2);border-radius:10px;box-shadow:0 12px 32px #140a102e;display:flex;flex-direction:column;gap:2px}.cs-more-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 10px;background:transparent;border:0;border-radius:7px;font-family:Sarabun;font-size:14px;color:var(--ink);text-align:left}.cs-more-row:hover:not(:disabled){background:var(--mint-tint);color:var(--mint-dk)}.cs-more-row:disabled{opacity:.45;cursor:not-allowed}.cs-more-row-main{display:flex;flex-direction:column;gap:1px;min-width:0}.cs-more-row-note{font-size:11px;color:var(--mute)}.cs-more-row kbd{flex:none;font-family:JetBrains Mono;font-size:10px;background:var(--canvas);border:1px solid var(--border);padding:2px 6px;border-radius:3px;color:var(--mute)}.cs-mb-dialog{width:720px;max-height:88vh}.cs-mb-body{display:flex;flex-direction:column;gap:12px;overflow:hidden}.cs-mb-alert{margin:0;padding:10px 12px;border-radius:8px;background:var(--mint-tint);color:var(--ink-2);font-size:13px;line-height:1.5}.cs-mb-alert.is-warn{background:#fdecea;border:1px solid var(--danger);color:#8f2d27}.cs-mb-field{display:flex;flex-direction:column;gap:6px}.cs-mb-label{font-size:13px;font-weight:600;color:var(--ink-2)}.cs-mb-label em{font-style:normal;font-weight:400;color:var(--mute)}.cs-mb-input{min-height:48px;padding:10px 14px;border:1px solid var(--border-2);border-radius:8px;background:var(--card);color:var(--ink);font-family:inherit;font-size:16px}.cs-mb-input:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-glow)}.cs-mb-input::placeholder{color:var(--mute)}.cs-mb-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:180px;max-height:46vh;padding-right:4px}.cs-mb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 14px;width:100%;border:1px solid var(--border-2);border-radius:10px;background:var(--card);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer}.cs-mb-row:hover{border-color:var(--mint)}.cs-mb-row.is-current{border-color:var(--mint);background:var(--mint-tint)}.cs-mb-who{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-mb-who strong{font-size:16px;font-weight:600}.cs-mb-sub{font-size:12px;color:var(--mute)}.cs-mb-pts{display:flex;align-items:baseline;gap:6px;flex:none}.cs-mb-pts strong{font-family:JetBrains Mono;font-size:18px;font-weight:600;color:var(--mint-dk)}.cs-mb-tier{font-style:normal;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--mint-dk);color:#fff}.cs-mb-empty{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:180px;text-align:center;color:var(--mute);font-size:14px;line-height:1.5}.cs-mb-empty strong{color:var(--ink-2);font-size:15px}.cs-mb-note{margin:0;padding:8px 12px;border-radius:8px;background:var(--mint-tint);color:var(--ink-2);font-size:13px;line-height:1.45}.cs-mb-actions{flex-wrap:wrap}.cs-mb-unlink{min-height:44px;padding:8px 16px;border-radius:8px;border:1px solid var(--danger);background:var(--card);color:var(--danger);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}.cs-mb-blocked{display:block;font-size:11px;font-weight:400;opacity:.85}.cs-member-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;border:1px solid var(--mint);border-radius:10px;background:var(--mint-tint);color:var(--ink);font-size:14px}.cs-member-bar strong{font-weight:600}.cs-member-bar .cs-mb-tier{flex:none}.cs-member-pts{margin-left:auto;flex:none;font-family:JetBrains Mono;font-weight:600;color:var(--mint-dk)}.cs-member-x{flex:none;min-width:44px;min-height:44px;border:none;background:transparent;color:var(--ink-2);font-size:18px;line-height:1;cursor:pointer;border-radius:8px}.cs-member-x:hover{background:#0000000f;color:var(--danger)}.cs-redeem{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--mint);background:var(--mint-tint);font-size:14px;color:var(--ink)}.cs-redeem-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-redeem-head strong{font-family:JetBrains Mono;color:var(--mint-dk)}.cs-redeem-actions{display:flex;gap:8px;flex-wrap:wrap}.cs-redeem-btn{min-height:44px;padding:8px 16px;border-radius:8px;border:1px solid var(--mint);background:var(--card);color:var(--mint-dk);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.cs-redeem-btn.is-on{background:var(--mint);border-color:var(--mint);color:#fff}.cs-redeem-btn:disabled{opacity:1;color:var(--mute);border-color:var(--border-2);cursor:not-allowed}.cs-redeem-why{font-size:12px;color:var(--ink-2);line-height:1.45}.cd-shell{--bg: #fdf2f7;--bg-2: #f3e2ea;--card: #ffffff;--ink: #2a1f27;--ink-2: #5c4c55;--mute: #7a6b74;--mint: #f72a7a;--mint-dk: #d91b68;--mint-tint: rgba(247, 42, 122, .12);--border: #f3e2ea;--warn: #F0AC4A;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);color:var(--ink);font-family:Sarabun,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}.cd-shell *{box-sizing:border-box}.cd-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.cd-idle{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(247,42,122,.1) 0%,transparent 60%),var(--bg)}.cd-brand .cd-brand-mark{font-size:96px;filter:drop-shadow(0 8px 24px rgba(247,42,122,.2));margin-bottom:16px}.cd-idle h1{font-size:64px;font-weight:700;letter-spacing:-.02em}.cd-idle p{margin-top:12px;color:var(--ink-2);font-size:22px}.cd-cart{padding:32px 40px;gap:16px}.cd-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;border-bottom:1px solid var(--bg-2)}.cd-logo{font-size:22px;font-weight:700;letter-spacing:-.01em}.cd-branch{font-family:JetBrains Mono;font-size:13px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.cd-lines{flex:1;overflow:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.cd-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--bg-2)}.cd-line:last-child{border-bottom:0}.cd-line-name{font-size:22px;font-weight:500;line-height:1.3}.cd-line-meta{display:flex;flex-direction:column;font-family:JetBrains Mono;font-size:14px;color:var(--mute);text-align:right;gap:2px}.cd-line-qty{font-weight:600;color:var(--ink-2);font-size:16px}.cd-line-total{font-family:JetBrains Mono;font-weight:600;font-size:26px;min-width:140px;text-align:right}.cd-foot{padding-top:18px;border-top:2px solid var(--mint);display:flex;flex-direction:column;gap:8px}.cd-foot-row{display:flex;justify-content:space-between;font-size:18px;color:var(--ink-2)}.cd-foot-row.cd-grand{font-size:36px;font-weight:700;color:var(--ink);align-items:baseline;margin-top:6px}.cd-foot-row.cd-grand span:last-child{font-family:JetBrains Mono;font-size:56px;color:var(--mint);letter-spacing:-.01em}.cd-thanks{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(247,42,122,.18) 0%,transparent 65%),var(--bg);animation:cd-fade .28s ease-out}@keyframes cd-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cd-thanks-icon{font-size:88px;filter:drop-shadow(0 8px 24px rgba(247,42,122,.3));margin-bottom:8px}.cd-thanks h1{font-size:72px;font-weight:700;letter-spacing:-.02em;color:var(--mint)}.cd-thanks-amount{margin-top:16px;font-family:JetBrains Mono;font-weight:600;font-size:52px;color:var(--ink)}.cd-thanks p{margin-top:24px;color:var(--ink-2);font-size:22px}.cd-thanks-change{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--mint-tint, #d9f5ee);padding:18px 36px;border-radius:16px}.cd-thanks-change-label{font-size:18px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono;font-weight:500}.cd-thanks-change-amt{font-family:JetBrains Mono;font-weight:700;font-size:64px;color:var(--mint-dk, #00a48c);font-variant-numeric:tabular-nums}.cd-thanks-split{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cd-thanks-split-row{display:inline-flex;align-items:center;gap:10px;background:var(--card, #fff);border:1px solid var(--border, #e5e7ea);padding:10px 18px;border-radius:999px}.cd-thanks-split-tag{font-family:JetBrains Mono;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mute, #6b7480)}.cd-thanks-split-amt{font-family:JetBrains Mono;font-weight:700;font-size:22px;color:var(--ink);font-variant-numeric:tabular-nums}.cd-pay{display:flex;flex-direction:column}.cd-pay-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:12px 24px 28px}.cd-pay-lead{margin:0;font-size:22px;color:var(--ink-2);letter-spacing:.04em}.cd-pay-amount{font-family:JetBrains Mono;font-weight:700;font-size:68px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.cd-qr{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001f}.cd-pay-note{margin:0;font-size:22px;color:var(--ink-2)}.cd-pay-note strong{color:var(--ink);font-weight:700}.cd-pay-empty{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card, #fff);border:1px dashed var(--border, #e5e7ea);border-radius:16px;padding:32px 40px;text-align:center}.cd-pay-empty p{margin:0;font-size:22px;color:var(--ink)}.cd-pay-empty-sub{font-size:18px!important;color:var(--mute, #6b7480)!important}.hp-shell{--canvas: #fdf2f7;--card: #ffffff;--border: #f3e2ea;--border-2: #ecd2df;--ink: #2a1f27;--ink-2: #5c4c55;--mute: #7a6b74;--pink: #f72a7a;--pink-dk: #c8155e;--pink-tint: #ffe4f0;--navy: #0e2a6b;--navy-tint: #e9edf8;--ok: #0f7038;--ok-tint: #e6f6ec;--warn: #8a5a00;--warn-tint: #fff5e0;--stop: #bb1e3c;--stop-tint: #ffecef;display:grid;grid-template-columns:264px 1fr;height:100vh;background:var(--canvas);color:var(--ink);font-family:Sarabun,system-ui,sans-serif;font-size:17px;line-height:1.75;overflow:hidden}.hp-shell *{box-sizing:border-box}.hp-shell button{font-family:inherit;cursor:pointer}.hp-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.hp-rail{background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px 12px;overflow-y:auto}.hp-back{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;background:var(--pink);color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 6px 18px #f72a7a42}.hp-back:hover{background:var(--pink-dk)}.hp-rail-title{margin:20px 6px 8px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--mute);text-transform:uppercase;font-family:JetBrains Mono,monospace}.hp-rail-list{display:flex;flex-direction:column;gap:2px}.hp-rail-item{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 12px;background:transparent;border:0;border-radius:10px;color:var(--ink-2);font-size:15.5px;text-align:left}.hp-rail-item:hover{background:var(--pink-tint);color:var(--ink)}.hp-rail-item.is-active{background:var(--pink-tint);color:var(--pink-dk);font-weight:600}.hp-rail-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--canvas);color:var(--mute);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:grid;place-items:center}.hp-rail-item.is-active .hp-rail-num{background:var(--pink);color:#fff}.hp-main{overflow-y:auto;scroll-behavior:smooth;padding:0 0 120px}.hp-inner{max-width:1040px;margin:0 auto;padding:28px 32px 0}.hp-head h1{margin:0;font-size:30px;font-weight:700;line-height:1.3}.hp-head p{margin:4px 0 0;color:var(--ink-2);font-size:16px}.hp-map{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;margin-top:20px}.hp-map h2{margin:0 0 2px;font-size:21px;font-weight:700}.hp-map-lead{margin:0 0 16px;color:var(--ink-2);font-size:15.5px}.hp-map-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,.75fr);gap:18px}.hp-shot{position:relative;border:1px solid var(--border-2);border-radius:12px;overflow:hidden;line-height:0}.hp-shot img{width:100%;height:auto;display:block}.hp-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;padding:0;background:var(--pink);color:#fff;border:2.5px solid #fff;font-family:JetBrains Mono,monospace;font-weight:700;font-size:15px;display:grid;place-items:center;box-shadow:0 2px 8px #c8155e73}.hp-pin:hover{background:var(--navy);transform:translate(-50%,-50%) scale(1.12)}.hp-legend{display:flex;flex-direction:column;gap:2px}.hp-legend-item{display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border:0;border-radius:9px;padding:7px 8px;min-height:44px;color:var(--ink);font-size:15px}.hp-legend-item:hover{background:var(--pink-tint)}.hp-legend-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--pink-tint);color:var(--pink-dk);font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px;display:grid;place-items:center}.hp-sec{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:26px 30px;margin-top:18px;scroll-margin-top:20px}.hp-sec-head{display:flex;gap:12px;align-items:baseline}.hp-sec-num{flex:none;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;color:#fff;background:var(--navy);border-radius:8px;padding:3px 9px}.hp-sec h2{margin:0;font-size:24px;font-weight:700;line-height:1.3}.hp-sec-lead{margin:4px 0 18px;color:var(--ink-2);font-size:16px}.hp-sub{margin:24px 0 8px;font-size:18.5px;font-weight:600;color:var(--navy)}.hp-sub:first-of-type{margin-top:4px}.hp-p{margin:0 0 10px}.hp-steps{margin:0;padding:0;list-style:none;counter-reset:hpstep}.hp-steps>li{counter-increment:hpstep;position:relative;padding:0 0 14px 44px}.hp-steps>li:before{content:counter(hpstep);position:absolute;left:0;top:3px;width:28px;height:28px;border-radius:50%;background:var(--pink-tint);color:var(--pink-dk);font-family:JetBrains Mono,monospace;font-weight:700;font-size:13.5px;display:grid;place-items:center}.hp-steps>li:last-child{padding-bottom:0}.hp-fig{margin:16px 0 0}.hp-fig img{width:100%;height:auto;display:block;border:1px solid var(--border-2);border-radius:12px}.hp-fig.is-half img{max-width:560px}.hp-cap{margin-top:8px;font-size:14.5px;color:var(--mute)}.hp-cap b{color:var(--pink-dk);font-weight:600}.hp-btn{display:inline-block;background:var(--pink-tint);color:var(--pink-dk);border-radius:7px;padding:1px 8px;font-weight:600;white-space:nowrap}.hp-key{display:inline-block;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;background:#fff;border:1px solid var(--border-2);border-bottom-width:2px;border-radius:6px;padding:0 6px;color:var(--navy)}.hp-note{border-radius:12px;padding:14px 18px;margin-top:16px;font-size:15.5px}.hp-note p{margin:0}.hp-note p+p{margin-top:8px}.hp-note b{font-weight:600}.hp-note.is-do{background:var(--ok-tint);border-left:4px solid var(--ok)}.hp-note.is-do b{color:var(--ok)}.hp-note.is-warn{background:var(--warn-tint);border-left:4px solid var(--warn)}.hp-note.is-warn b{color:var(--warn)}.hp-note.is-stop{background:var(--stop-tint);border-left:4px solid var(--stop)}.hp-note.is-stop b{color:var(--stop)}.hp-note.is-info{background:var(--navy-tint);border-left:4px solid var(--navy)}.hp-note.is-info b{color:var(--navy)}.hp-trouble{border-top:1px solid var(--border);margin-top:4px}.hp-trouble-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;padding:15px 0;border-bottom:1px solid var(--border)}.hp-trouble-q{font-weight:600;color:var(--navy)}.hp-trouble-a{color:var(--ink-2);font-size:15.5px}.hp-trouble-a b{color:var(--ink);font-weight:600}.hp-foot{margin-top:22px;text-align:center;font-size:14px;color:var(--mute)}.hp-foot a{color:var(--pink-dk)}@media(max-width:1100px){.hp-map-grid{grid-template-columns:1fr}.hp-trouble-row{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){.hp-main{scroll-behavior:auto}}.rp-shell{--canvas: #fdf2f7;--card: #ffffff;--border: #f3e2ea;--border-2: #ecd2df;--ink: #2a1f27;--ink-2: #5c4c55;--mute: #7a6b74;--pink: #f72a7a;--pink-dk: #c8155e;--pink-tint: #ffe4f0;--stop: #bb1e3c;--stop-tint: #ffecef;display:flex;flex-direction:column;height:100vh;background:var(--canvas);color:var(--ink);font-family:Sarabun,system-ui,sans-serif;overflow:hidden}.rp-shell *{box-sizing:border-box}.rp-shell button{font-family:inherit;cursor:pointer}.rp-mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.rp-top{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border)}.rp-back{display:flex;align-items:center;min-height:52px;padding:0 18px;background:var(--pink);color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 6px 18px #f72a7a42}.rp-back:hover{background:var(--pink-dk)}.rp-title{font-size:18px;font-weight:700}.rp-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.rp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:6px}.rp-tab{min-height:52px;border:0;border-radius:10px;background:transparent;color:var(--ink-2);font-size:17px;font-weight:600}.rp-tab.is-active{background:var(--pink);color:#fff}.rp-nav{display:grid;grid-template-columns:64px 1fr 64px auto;align-items:center;gap:10px}.rp-nav-btn,.rp-nav-now{min-height:56px;border:1px solid var(--border-2);border-radius:12px;background:var(--card);color:var(--ink);font-size:20px;font-weight:700}.rp-nav-now{padding:0 18px;font-size:16px}.rp-nav-btn:disabled,.rp-nav-now:disabled{opacity:.42;cursor:default}.rp-nav-mid{text-align:center;min-width:0}.rp-nav-label{font-size:19px;font-weight:700}.rp-nav-sub{font-size:13px;color:var(--mute)}.rp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rp-stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.rp-stat.is-hero{grid-column:1 / -1;border-color:var(--pink);background:linear-gradient(180deg,#fff,var(--pink-tint))}.rp-stat.is-stop{border-color:var(--stop);background:var(--stop-tint)}.rp-stat-label{font-size:13px;color:var(--mute)}.rp-stat-value{font-size:26px;font-weight:700;line-height:1.3}.rp-stat.is-hero .rp-stat-value{font-size:40px;color:var(--pink-dk)}.rp-stat-hint{font-size:12.5px;color:var(--mute)}.rp-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.rp-card-head{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-family:JetBrains Mono,monospace}.rp-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:16px}.rp-pay.is-strong{font-weight:700}.rp-pay-hint{display:block;font-size:12px;font-weight:400;color:var(--mute)}.rp-pay-amt{font-size:17px}.rp-pay-total{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--pink-tint);font-size:17px}.rp-warn{padding:10px 16px;font-size:13.5px;color:var(--stop);background:var(--stop-tint);border-top:1px solid var(--border)}.rp-day{display:grid;grid-template-columns:1fr 72px 108px;grid-template-areas:"date bills amt" "bar bar bar";align-items:center;gap:4px 10px;padding:10px 16px;border-bottom:1px solid var(--border)}.rp-day:last-child{border-bottom:0}.rp-day-date{grid-area:date;font-size:15.5px}.rp-day-bills{grid-area:bills;text-align:right;font-size:13px;color:var(--mute)}.rp-day-amt{grid-area:amt;text-align:right;font-size:16px;font-weight:700}.rp-day-bar{grid-area:bar;height:6px;border-radius:999px;background:var(--pink-tint);overflow:hidden}.rp-day-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink-dk),var(--pink))}.rp-loading,.rp-empty{padding:36px 16px;text-align:center;color:var(--mute);font-size:16px}.rp-notice{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 18px}.rp-notice-title{font-size:18px;font-weight:700;margin-bottom:6px}.rp-notice-body{margin:0;font-size:15.5px;line-height:1.75;color:var(--ink-2)}.rp-notice-btn{margin-top:14px;min-height:52px;padding:0 22px;border:0;border-radius:12px;background:var(--pink);color:#fff;font-size:16px;font-weight:600}.rp-notice-btn:hover{background:var(--pink-dk)}@media(min-width:900px){.rp-body{max-width:960px;width:100%;margin:0 auto}.rp-stats{grid-template-columns:repeat(5,1fr)}.rp-stat.is-hero{grid-column:span 2}.rp-day{grid-template-columns:1fr 80px 120px 220px;grid-template-areas:"date bills amt bar"}}.rp-nav-range{grid-template-columns:1fr}.rp-presets .rp-tab{font-size:15px}.rp-daterow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rp-datefield{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;background:var(--card);border:1px solid var(--border-2);border-radius:12px}.rp-datelabel{color:var(--mute);font-size:14px;white-space:nowrap}.rp-dateinput{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:16px;min-height:52px}.rp-dateinput:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.lg-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:linear-gradient(135deg,#fff5f9,#ffe8f2 60%,#ffd9ea 130%);display:grid;place-items:center;font-family:Sarabun,system-ui,sans-serif;color:#2a1f27;padding:24px}.lg-shell *,.lg-shell *:before,.lg-shell *:after{box-sizing:border-box}.lg-card{width:min(420px,100%);background:#fff;border:1px solid #f3d9e6;border-radius:18px;padding:28px 28px 24px;box-shadow:0 30px 80px #961e5029}.lg-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.lg-brand-mark{width:52px;height:52px;background:linear-gradient(135deg,#f72a7a,#d91b68);color:#fff;border-radius:14px;display:grid;place-items:center;font-family:JetBrains Mono;font-weight:600;font-size:18px;box-shadow:0 6px 20px #f72a7a47}.lg-brand-text{display:flex;flex-direction:column}.lg-brand-text strong{font-size:16px;font-weight:600;color:#2a1f27}.lg-brand-text span{font-size:12px;color:#998a92;margin-top:2px}.lg-user-row{margin-bottom:18px}.lg-user-input{display:flex;flex-direction:column;gap:6px}.lg-user-input span{font-family:JetBrains Mono;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#998a92}.lg-user-input input{width:100%;padding:12px 14px;background:#fff7fb;border:1px solid #f0d7e4;border-radius:10px;color:#2a1f27;font-family:JetBrains Mono;font-size:16px;outline:none}.lg-user-input input:focus{border-color:#f72a7a;box-shadow:0 0 0 3px #f72a7a26}.lg-user-input input::placeholder{color:#b6a6ae}.lg-user-chip{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#ffe4f0;border:1px solid #f7b9d3;border-radius:10px;color:#2a1f27;font-family:JetBrains Mono;font-size:15px}.lg-user-chip-swap{font-family:Sarabun;font-size:11px;color:#d91b68;text-transform:uppercase;letter-spacing:.06em}.lg-pin-row{display:flex;justify-content:center;gap:14px;margin:18px 0 12px;position:relative}.lg-pin-input{position:absolute;top:-10px;right:0;bottom:-10px;left:0;width:100%;opacity:0;border:none;background:transparent;font-size:16px;text-align:center;color:transparent}.lg-pin-input:focus-visible{outline:none}.lg-pin-input:focus~.lg-pin-dot{border-color:#f5a8c8}.lg-pin-dot{width:14px;height:14px;border-radius:50%;background:transparent;border:2px solid #e7c4d5;transition:background .1s ease,border-color .1s ease}.lg-pin-dot.is-filled{background:#f72a7a;border-color:#f72a7a;box-shadow:0 0 8px #f72a7a59}.lg-error{margin:8px 0 0;padding:10px 14px;border-radius:8px;background:#dc57501a;border:1px solid rgba(220,87,80,.35);color:#c0392b;font-size:13px;text-align:center}.lg-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 16px}.lg-key{height:64px;border-radius:12px;background:#fff7fb;border:1px solid #f0d7e4;color:#2a1f27;font-family:JetBrains Mono;font-size:22px;font-weight:500;cursor:pointer;transition:background .08s ease,border-color .08s ease}.lg-key:hover:not(:disabled){background:#ffe4f0;border-color:#f7b9d3}.lg-key:active:not(:disabled){background:#ffd0e4}.lg-key:disabled{opacity:.4;cursor:not-allowed}.lg-key.lg-key-alt{font-family:Sarabun;font-size:14px;color:#7a6b74}.lg-submit{width:100%;padding:16px;border-radius:12px;border:0;background:#f72a7a;color:#fff;font-family:Sarabun;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 18px #f72a7a4d;transition:background .1s ease}.lg-submit:hover:not(:disabled){background:#d91b68;color:#fff}.lg-submit:disabled{background:#f4e2ea;color:#b6a6ae;cursor:not-allowed;box-shadow:none}.lg-hint{margin-top:12px;text-align:center;color:#998a92;font-size:11px}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}