[data-theme]{--cx-surface:#ffffff;--cx-track:#efeeea;--cx-line:#e6e3dc;--cx-line-strong:#d0ccc2;--cx-ink:#111111;--cx-muted:#676767;--cx-on-action:#ffffff;--cx-action:#0f1e3d;--cx-action-press:#050c1c;--cx-action-soft:#e8ecf4;--cx-action-line:#5671a6;--cx-ok:#1d7a4a;--cx-ok-soft:#d7f7e2;--cx-ok-deep:#145c37;--cx-warn:#8a6200;--cx-warn-soft:#fff1c2;--cx-warn-line:#e0b13a;--cx-late:#c0123c;--cx-late-soft:#ffe7f2;--cx-late-deep:#9a0e30;--cx-todo:#533afd;--cx-todo-soft:#e8e5ff;--cx-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;--cx-s4:4px;--cx-s6:6px;--cx-s8:8px;--cx-s12:12px;--cx-s16:16px;--cx-s20:20px;--cx-s24:24px;--cx-r-status:4px;--cx-r-pill:999px;--cx-r-sheet:20px;--cx-shadow-press:0 1px 0 var(--cx-action-press);--cx-shadow-pop:0 12px 32px rgba(17,17,17,0.14)}[data-theme=customer]{--cx-bg:#ffffff;--cx-r-btn:12px;--cx-r-card:12px;--cx-touch:44px;--cx-btn-h:52px;--cx-input-h:50px;--cx-plus:36px;--cx-deal:#b54708;--cx-title:34px}[data-theme=admin]{--cx-bg:#f7f6f3;--cx-r-btn:8px;--cx-r-card:12px;--cx-touch:36px;--cx-btn-h:42px;--cx-input-h:42px;--cx-plus:30px;--cx-deal:#8a6200;--cx-title:26px}.cx-screen{position:relative;width:390px;box-sizing:border-box;background:var(--cx-bg);overflow:hidden;font-family:var(--cx-font);color:var(--cx-ink)}.cx-scroll{height:100%;overflow-y:auto;gap:var(--cx-s24);padding:54px 20px 0;box-sizing:border-box}.cx-scroll,.cx-stack{display:flex;flex-direction:column}.cx-row,.cx-stack{gap:var(--cx-s12)}.cx-row{display:flex;align-items:center}.cx-grow{flex:1 1;min-width:0}.cx-divider{height:1px;background:var(--cx-line);flex-shrink:0}.cx-spacer{height:110px;flex-shrink:0}.cx-h1{font:700 var(--cx-title)/1.1 var(--cx-font)}.cx-h1,.cx-h1s{margin:0;letter-spacing:-.6px;color:var(--cx-ink)}.cx-h1s{font:700 30px/1.1 var(--cx-font)}.cx-h2{margin:0;font:700 22px/1.2 var(--cx-font);letter-spacing:-.3px}.cx-h2,.cx-h3{color:var(--cx-ink)}.cx-h3{font:700 19px/1.3 var(--cx-font);letter-spacing:-.2px}.cx-label{font:600 13px/1.3 var(--cx-font);color:var(--cx-muted);text-transform:uppercase;letter-spacing:.3px}.cx-body{font:400 16px/1.35 var(--cx-font);color:var(--cx-ink)}.cx-strong{font:600 16px/1.3 var(--cx-font);color:var(--cx-ink)}.cx-sub{font:400 14px/1.3 var(--cx-font)}.cx-small,.cx-sub{color:var(--cx-muted)}.cx-small{font:400 12.5px/1.3 var(--cx-font)}.cx-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cx-deal{color:var(--cx-deal);font-weight:500}.cx-ok-text{color:var(--cx-ok)}.cx-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:var(--cx-btn-h);padding:0 20px;border-radius:var(--cx-r-btn);background:var(--cx-action);color:var(--cx-on-action);box-shadow:var(--cx-shadow-press);text-decoration:none;font:600 17px/1 var(--cx-font);flex-shrink:0;box-sizing:border-box}.cx-btn.split{justify-content:space-between}.cx-btn-sm{gap:6px;height:var(--cx-input-h);padding:0 16px;background:var(--cx-action);color:var(--cx-on-action);box-shadow:var(--cx-shadow-press);font:600 16px/1 var(--cx-font);flex-shrink:0}.cx-btn-sec,.cx-btn-sm{display:flex;align-items:center;border-radius:var(--cx-r-btn);text-decoration:none}.cx-btn-sec{justify-content:center;min-height:var(--cx-touch);padding:0 14px;border:1px solid var(--cx-line-strong);background:var(--cx-surface);color:var(--cx-action);font:600 14px/1 var(--cx-font);white-space:nowrap;box-sizing:border-box}.cx-quiet{gap:2px;color:var(--cx-action);font:600 15px/1.2 var(--cx-font)}.cx-quiet,.cx-quiet-muted{display:inline-flex;align-items:center;min-height:var(--cx-touch);text-decoration:none}.cx-quiet-muted{color:var(--cx-muted);font:500 14px/1.2 var(--cx-font)}.cx-back{width:var(--cx-touch);height:var(--cx-touch);margin-left:-12px}.cx-back,.cx-plus{display:flex;align-items:center}.cx-plus{justify-content:center;width:var(--cx-plus);height:var(--cx-plus);border-radius:var(--cx-r-pill);background:var(--cx-action);flex-shrink:0}.cx-input{flex:1 1;min-width:0;height:var(--cx-input-h);box-sizing:border-box;padding:0 14px;border:1px solid var(--cx-line-strong);border-radius:var(--cx-r-btn);background:var(--cx-surface);font:400 17px var(--cx-font);color:var(--cx-ink)}.cx-input::placeholder{color:var(--cx-muted)}.cx-seg{display:flex;padding:2px;border-radius:var(--cx-r-btn);background:var(--cx-track)}.cx-seg button{flex:1 1;height:calc(var(--cx-touch) - 4px);border:0;border-radius:calc(var(--cx-r-btn) - 2px);background:transparent;font:400 14px/1 var(--cx-font);color:var(--cx-ink);cursor:pointer}.cx-seg button.on{background:var(--cx-surface);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}.cx-radio{width:22px;height:22px;box-sizing:border-box;border-radius:var(--cx-r-pill);flex-shrink:0;border:1.5px solid var(--cx-line-strong)}.cx-radio.on{border:7px solid var(--cx-action)}.cx-option{display:flex;align-items:center;gap:14px;min-height:54px;cursor:pointer}.cx-option+.cx-option{border-top:1px solid var(--cx-line)}.cx-hidden-input{position:absolute;opacity:0;width:1px;height:1px}.cx-stepper{border:1px solid var(--cx-line);border-radius:var(--cx-r-btn);height:36px}.cx-stepper,.cx-stepper button{display:flex;align-items:center}.cx-stepper button{width:var(--cx-touch);height:34px;border:0;background:transparent;justify-content:center}.cx-card{background:var(--cx-surface);border:1px solid var(--cx-line);padding:var(--cx-s16);box-sizing:border-box}.cx-card,.cx-tile{border-radius:var(--cx-r-card)}.cx-tile{display:flex;align-items:center;justify-content:center;background:var(--cx-track)}.cx-list>*+*{border-top:1px solid var(--cx-line)}.cx-fact{gap:8px}.cx-avatar,.cx-fact{display:flex;align-items:center}.cx-avatar{justify-content:center;width:36px;height:36px;border-radius:var(--cx-r-pill);background:var(--cx-action-soft);color:var(--cx-action);font:600 13px/1 var(--cx-font);text-decoration:none}.cx-chip{display:inline-block;padding:3px 8px;border-radius:var(--cx-r-status);font:600 12.5px/1.2 var(--cx-font);white-space:nowrap}.cx-chip.ok{background:var(--cx-ok-soft);color:var(--cx-ok-deep)}.cx-chip.warn{background:var(--cx-warn-soft);color:var(--cx-warn)}.cx-chip.late{background:var(--cx-late-soft);color:var(--cx-late-deep)}.cx-chip.info{background:var(--cx-action-soft);color:var(--cx-action)}.cx-bars{display:flex;gap:4px}.cx-bars span{flex:1 1;height:4px;border-radius:2px;background:var(--cx-line)}.cx-bars span.on,.cx-done-mark{background:var(--cx-action)}.cx-done-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--cx-r-pill)}.cx-tabbar{position:absolute;left:0;right:0;bottom:0;height:84px;display:flex;background:var(--cx-surface);border-top:1px solid var(--cx-line)}.cx-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:8px;text-decoration:none;font:500 10.5px/1 var(--cx-font);color:var(--cx-muted)}.cx-tab.on{color:var(--cx-action)}.cx-tab svg{stroke:currentColor}.cx-footer{position:absolute;left:0;right:0;bottom:0;padding:12px 20px 30px;background:var(--cx-surface);border-top:1px solid var(--cx-line)}.cx-viewbar{position:absolute;left:16px;right:16px;bottom:96px;display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;border-radius:var(--cx-r-btn);background:var(--cx-action);text-decoration:none;box-shadow:0 6px 18px rgba(15,30,61,.28);color:var(--cx-on-action);font:600 16px/1 var(--cx-font)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--cx-bg);-webkit-text-size-adjust:100%}body{font-family:var(--cx-font);color:var(--cx-ink)}a,button{color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button,input,textarea{font:inherit}.cx-screen{width:100%;max-width:480px;margin:0 auto}.cx-screen,.cx-scroll{min-height:100dvh;overflow:visible}.cx-scroll{height:auto;padding-top:calc(env(safe-area-inset-top) + 16px)}.cx-spacer{height:calc(110px + env(safe-area-inset-bottom))}.cx-footer,.cx-tabbar{position:fixed;max-width:480px;margin:0 auto;z-index:10}.cx-tabbar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.cx-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.cx-viewbar{position:fixed;width:auto;text-align:left;cursor:pointer;max-width:448px;margin:0 auto;bottom:calc(76px + env(safe-area-inset-bottom));z-index:11}.cx-hero{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(env(safe-area-inset-top) + 56px) 20px 16px;color:#fff}.cx-hero .cx-back{position:absolute;left:24px;top:calc(env(safe-area-inset-top) + 8px)}.cx-under-hero{display:flex;flex-direction:column;gap:22px;padding:16px 20px 0}.cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cx-btn-sm:active,.cx-btn:active,.cx-plus:active{background:var(--cx-action-press)}.cx-btn[aria-disabled=true]{opacity:.4}.cx-input:focus{outline:2px solid var(--cx-action);outline-offset:-1px}.cx-plain{text-decoration:none;color:inherit}.cx-chev{stroke:#b0b0b5;flex-shrink:0}.cx-fchip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--cx-r-btn);border:1px solid var(--cx-line-strong);background:var(--cx-surface);font:500 14px/1 var(--cx-font);color:var(--cx-ink);white-space:nowrap;text-decoration:none;flex-shrink:0}.cx-fchip.on{background:var(--cx-action);border-color:var(--cx-action);color:var(--cx-on-action);font-weight:600}.cx-hscroll{display:flex;gap:8px;margin:0 -20px;padding:0 20px;overflow-x:auto;scrollbar-width:none}.cx-hscroll::-webkit-scrollbar{display:none}.cx-list-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;text-decoration:none;color:inherit}.cx-price-col{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0;text-align:right}.cx-grit{display:flex;align-items:center;justify-content:center;position:relative;height:var(--cx-touch);border-radius:var(--cx-r-btn);border:1px solid var(--cx-line-strong);background:var(--cx-surface);font:600 15px/1 var(--cx-font)}.cx-grit.on{border:2px solid var(--cx-action);background:var(--cx-action-soft);color:var(--cx-action)}.cx-grit .n{position:absolute;top:-7px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--cx-r-pill);background:var(--cx-action);color:var(--cx-on-action);font:700 11px/18px var(--cx-font);text-align:center}textarea.cx-input{height:auto;min-height:72px;padding:12px 14px;resize:vertical}.cx-stage{min-height:100dvh;gap:20px;padding:calc(env(safe-area-inset-top) + 56px) 24px calc(env(safe-area-inset-bottom) + 28px)}.cx-settings-group{border-radius:var(--cx-r-card);background:var(--cx-surface);border:1px solid var(--cx-line);overflow:hidden}.cx-settings-group>*+*{border-top:1px solid var(--cx-line)}.cx-lead{font:400 16px/1.45 var(--cx-font);color:var(--cx-muted)}.cx-field{display:flex;flex-direction:column;gap:8px}.cx-field-label{font:600 15px/1.3 var(--cx-font);color:var(--cx-ink)}.cx-field .cx-input{flex:none}.cx-fill{flex:1 1}.cx-center{text-align:center;justify-content:center}.cx-google{gap:10px;width:100%;height:var(--cx-btn-h);border-radius:var(--cx-r-btn);border:1px solid var(--cx-line-strong);background:var(--cx-surface);color:var(--cx-ink);font:600 17px/1 var(--cx-font)}.cx-google,.cx-google .g{display:flex;align-items:center;justify-content:center}.cx-google .g{width:22px;height:22px;border-radius:var(--cx-r-pill);border:1.5px solid var(--cx-line-strong);font:700 13px/1 var(--cx-font)}.cx-or{display:flex;align-items:center;gap:12px;font:400 14px/1 var(--cx-font);color:var(--cx-muted)}.cx-or:after,.cx-or:before{content:"";flex:1 1;height:1px;background:var(--cx-line)}.cx-notice{background:var(--cx-warn-soft);border-color:var(--cx-warn-line)}.cx-icon-box{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:15px;background:var(--cx-surface);border:1px solid var(--cx-line);color:var(--cx-action)}.cx-icon-box svg{stroke:currentColor}.cx-done-mark svg{stroke:var(--cx-on-action)}.cx-total{font:600 17px/1.3 var(--cx-font)}.cx-wait{display:flex;flex-direction:column;gap:12px}.cx-wait span{height:18px;border-radius:var(--cx-r-status);background:var(--cx-track)}.cx-wait span:nth-child(2){width:70%}.cx-wait span:nth-child(3){width:40%}.cx-photo{width:64px;height:64px;object-fit:cover;border-radius:10px}.cx-field-row{display:flex;align-items:center;gap:8px;min-height:var(--cx-input-h);padding:0 14px;border:1px solid var(--cx-line-strong);border-radius:var(--cx-r-btn);background:var(--cx-track)}.cx-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-link-strong{color:var(--cx-action);font:600 15px/1.3 var(--cx-font)}.cx-scan{--cx-scan-ink:#ffffff;--cx-scan-dim:rgba(0,0,0,0.45);background:#1b1c1f;min-height:100dvh;position:relative;overflow:hidden;color:var(--cx-scan-ink)}.cx-scan-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cx-scan-still{position:absolute;inset:0;background:linear-gradient(160deg,#4a4d52,#2a2c30 55%,#1b1c1f)}.cx-scan-frame{position:absolute;left:50%;top:28%;width:270px;height:300px;margin-left:-135px;border-radius:22px;box-shadow:0 0 0 2000px var(--cx-scan-dim);border:2px solid rgba(255,255,255,.9)}.cx-scan-frame.fail{border-color:var(--cx-warn-line)}.cx-scan-top{position:absolute;left:18px;right:18px;top:calc(env(safe-area-inset-top) + 16px);justify-content:space-between}.cx-scan-round,.cx-scan-top{display:flex;align-items:center}.cx-scan-round{justify-content:center;width:44px;height:44px;border-radius:var(--cx-r-pill);background:var(--cx-scan-dim)}.cx-scan-round svg{stroke:var(--cx-scan-ink)}.cx-scan-pill{padding:9px 14px;border-radius:var(--cx-r-pill);background:var(--cx-scan-dim);font:600 13px/1 var(--cx-font)}.cx-scan-title{position:absolute;left:24px;right:24px;top:calc(28% - 70px);text-align:center;font:700 20px/1.3 var(--cx-font)}.cx-scan-title.fail{top:calc(28% - 80px)}.cx-scan-status{top:calc(28% + 320px);justify-content:center}.cx-scan-bottom,.cx-scan-status{position:absolute;left:0;right:0;display:flex}.cx-scan-bottom{bottom:calc(env(safe-area-inset-bottom) + 40px);align-items:center;justify-content:space-between;padding:0 40px}.cx-scan-bottom.stack{left:20px;right:20px;padding:0;bottom:calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;align-items:stretch;gap:12px}.cx-scan-text{width:90px;white-space:nowrap;color:var(--cx-scan-ink);text-decoration:none;font:600 15px/1 var(--cx-font)}.cx-scan-shutter{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:var(--cx-r-pill);border:4px solid var(--cx-scan-ink)}.cx-scan-shutter span{width:58px;height:58px;border-radius:var(--cx-r-pill);background:var(--cx-scan-ink)}.cx-scan .cx-btn.light{background:var(--cx-scan-ink);color:var(--cx-action)}.cx-scan .cx-quiet{color:var(--cx-scan-ink);justify-content:center}.cx-adding{gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px 20px;background:var(--cx-action-soft);font:600 15px/1.3 var(--cx-font)}.cx-adding,.cx-adding-close{display:flex;align-items:center;color:var(--cx-action)}.cx-adding-close{justify-content:center;width:var(--cx-touch);height:var(--cx-touch)}.cx-btn[aria-busy=true]{opacity:1}.cx-spin{width:16px;height:16px;border-radius:var(--cx-r-pill);border:2px solid;border-right:2px solid transparent;animation:cx-spin .8s linear infinite;flex-shrink:0}@keyframes cx-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cx-spin{animation-duration:2.4s}}.cx-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--cx-touch);height:var(--cx-touch);color:var(--cx-action)}.cx-sheet-dim{position:fixed;inset:0;background:rgba(17,17,17,.32);z-index:20}.cx-sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;z-index:21;background:var(--cx-surface);border-radius:var(--cx-r-sheet) var(--cx-r-sheet) 0 0;box-shadow:var(--cx-shadow-pop)}.cx-bag-dim{opacity:0;transition:opacity .16s ease-out}.cx-bag-dim.on{opacity:1}.cx-bag{display:flex;flex-direction:column;min-height:60dvh;max-height:92dvh;transform:translateY(100%);transition:transform .2s ease-in}.cx-bag.on{transform:translateY(0);transition:transform .24s ease-out}.cx-bag.drag{transition:none}.cx-bag-head{flex-shrink:0;touch-action:none;cursor:-webkit-grab;cursor:grab}.cx-bag-grip{display:block;width:36px;height:4px;margin:8px auto;border-radius:var(--cx-r-pill);background:var(--cx-line-strong)}.cx-bag-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px 4px;border-bottom:1px solid transparent}.cx-bag-bar.line{border-bottom-color:var(--cx-line)}.cx-bag-bar>:first-child{justify-self:start}.cx-bag-title{margin:0;font:700 17px/1.2 var(--cx-font);color:var(--cx-ink)}.cx-bag-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--cx-s16);padding:4px 20px 24px}.cx-bag-body .cx-hscroll{margin:0 -20px;padding:0 20px}.cx-bag-foot{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--cx-line);background:var(--cx-surface)}.cx-bag-foot[hidden]{display:none}.cx-undo{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 16px;border-radius:var(--cx-r-btn);background:var(--cx-ink);color:var(--cx-on-action);font:500 15px/1.2 var(--cx-font);box-shadow:var(--cx-shadow-pop)}.cx-undo:not(.inline){position:fixed;left:16px;right:16px;max-width:448px;margin:0 auto;bottom:calc(100px + env(safe-area-inset-bottom));z-index:12}.cx-undo.inline{box-shadow:none}.cx-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cx-flash{background:var(--cx-action-soft);margin:0 -20px;padding-left:20px!important;padding-right:20px!important;animation:cx-flash .6s ease-out forwards}@keyframes cx-flash{to{background:transparent}}@media (prefers-reduced-motion:reduce){.cx-bag,.cx-bag-dim,.cx-bag.on{transition:none}.cx-flash{animation-duration:1ms;animation-delay:.6s}}.cx-card.cx-pick{border:2px solid var(--cx-action);padding:0 15px!important}.cx-field .cx-row>.cx-input{flex:1 1}.cx-add-qty{display:inline-flex;flex-shrink:0}.cx-add-qty .cx-stepper{width:108px!important;background:var(--cx-surface);box-shadow:0 1px 3px rgba(0,0,0,.12)}.cx-add-qty .cx-stepper button{width:36px}