:root{--brand:#ff5a1f;--brand-d:#c2410c;--brand-press:#9a3412;--brand-l:#ff8a5c;--brand-t:#ff5a1f12;--brand-b:#ff5a1f33;--peach:#fff2ec;--peach-mid:#ffdfd1;--ink:#1a1614;--ink-2:#3d3733;--ink-3:#736b65;--ink-4:#6f675f;--ink-5:#ece7e2;--ink-6:#f6f2ef;--white:#fff;--off-white:#faf8f6;--ok:#166534;--ok-t:#15a34a1a;--warn:#92400e;--warn-t:#c8790a1a;--danger:#b91c1c;--danger-t:#dc26261a;--info:#1d4ed8;--info-t:#2563eb1a;--teal:#0f766e;--teal-t:#0d94881a;--sh-sm:0 1px 2px #1a16140a;--sh-md:0 4px 16px #1a16140f;--sh-lg:0 18px 48px #1a16141a;--sh-brand:0 6px 20px #ff5a1f47;--r-sm:4px;--r-control:8px;--r-card:12px;--r-lg:14px;--r-chip:999px;--sh-inset:inset 0 1px 0 #ffffff8c;--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--fs-xs:11.5px;--fs-sm:13px;--fs-md:15px;--fs-lg:22px;--font-body:"Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--font-num:"Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--page-bg:var(--off-white);--page-fg:var(--ink)}:root[data-theme=dark]{--ink:#f3ede8;--ink-2:#dcd3cc;--ink-3:#a89d94;--ink-4:#948a80;--ink-5:#3a322c;--ink-6:#241f1a;--white:#2a2420;--off-white:#1a1512;--peach:#2c211a;--peach-mid:#3a2a1f;--brand:#ff7a45;--brand-d:#ff9265;--brand-l:#ffab7d;--brand-t:#ff7a4520;--brand-b:#ff7a4550;--ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--info:#60a5fa;--ok-t:#22c55e26;--warn-t:#eab30826;--danger-t:#f8717126;--info-t:#60a5fa26;--teal:#2dd4bf;--teal-t:#2dd4bf26;--sh-sm:0 1px 2px #00000030;--sh-md:0 4px 16px #00000040;--sh-lg:0 18px 48px #0005;--sh-inset:inset 0 1px 0 #ffffff14;--page-bg:var(--off-white);--page-fg:var(--ink)}:root{--color-text:#201e1d;--color-bg:#fff;--surface:color-mix(in srgb, var(--color-text) 5%, var(--color-bg));--color-divider:#201e1d29;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent:#c2410c;--color-accent-100:#fff2ec;--color-accent-200:#ffdfd1;--color-accent-300:#ffb899;--color-accent-500:#ff5a1f;--color-accent-600:#9a3412;--color-accent-700:#7c2d12;--color-accent-800:#5c210d;--color-accent-fill:#c2410c;--color-accent-fill-hover:#9a3412;--color-accent-fill-active:#7c2d12;--color-success:#3f7d3a;--color-success-100:#eaf4e8;--color-success-700:#2c5a29;--color-warning:#b8860b;--color-warning-100:#fbf1dc;--color-warning-700:#7a590a;--color-danger:#b3261e;--color-danger-100:#fbeceb;--color-danger-700:#7f1b16;--shadow-sm:0 1px 2px #2d2b2b24;--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38;--scrim:#2d2b2b80;--r-ui:4px;--r-frame:6px;--brand:var(--color-accent);--brand-d:var(--color-accent);--brand-press:var(--color-accent-600);--brand-l:var(--color-accent-300);--brand-t:var(--color-accent-100);--brand-b:var(--color-accent-300);--peach:var(--color-accent-100);--peach-mid:var(--color-accent-200);--ink:var(--color-text);--ink-2:var(--color-neutral-800);--ink-3:var(--color-neutral-700);--ink-4:#6c6868;--ink-5:var(--color-neutral-300);--ink-6:var(--surface);--white:#fff;--off-white:#fff;--page-bg:var(--color-bg);--page-fg:var(--color-text);--ok:var(--color-success-700);--ok-t:var(--color-success-100);--warn:var(--color-warning-700);--warn-t:var(--color-warning-100);--danger:var(--color-danger);--danger-t:var(--color-danger-100);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg);--sh-brand:none;--sh-inset:none;--r-sm:4px;--r-control:4px;--r-card:4px;--r-lg:6px}:root[data-theme=dark]{--color-text:#f3ede8;--color-bg:#1a1512;--color-divider:#f3ede829;--color-neutral-200:#2e2825;--color-neutral-300:#3d3531;--color-neutral-400:#5b524c;--color-neutral-500:#7a7069;--color-neutral-600:#978c84;--color-neutral-700:#b5aba3;--color-neutral-800:#d9d0c9;--color-neutral-900:#ece5df;--color-accent:#ff7a45;--color-accent-100:#2c211a;--color-accent-200:#3a2a1f;--color-accent-300:#6b3a22;--color-accent-500:#ff7a45;--color-accent-600:#ff9265;--color-accent-700:#ffab7d;--color-accent-800:#ffd2bd;--color-success:#6fbf67;--color-success-100:#1d2e1b;--color-success-700:#9ad893;--color-warning:#e0b54a;--color-warning-100:#33290f;--color-warning-700:#f0cd7a;--color-danger:#f0736b;--color-danger-100:#3a1714;--color-danger-700:#f6a19b;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 3px 10px #0005;--shadow-lg:0 12px 32px #00000070;--scrim:#000000a6;--ink-4:#a89d94;--white:#221c19;--off-white:var(--color-bg)}.num{font-variant-numeric:tabular-nums}.kick{letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-700);margin:0;font-size:12px;font-weight:600}.kick.is-accent{color:var(--color-accent-700)}.rule{border-top:1px solid var(--color-divider);flex:none;height:0}.lcard{background:var(--surface);border:1px solid var(--color-divider);border-radius:var(--r-ui)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary,.btn-outline,.btn-ghost,.btn-danger,.btn-danger-outline{font:inherit;border-radius:var(--r-ui);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn-primary{background:var(--color-accent-fill);color:#fff;border:0}.btn-primary:hover:not(:disabled){background:var(--color-accent-fill-hover)}.btn-primary:active:not(:disabled){background:var(--color-accent-fill-active)}.btn-outline{color:var(--color-accent-700);border:1px solid var(--color-accent);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-accent-100)}.btn-outline:active:not(:disabled){background:var(--color-accent-200)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-divider);background:0 0}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 6%, transparent)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 12%, transparent)}.btn-danger{background:var(--color-danger);color:#fff;border:0}.btn-danger:hover:not(:disabled){background:var(--color-danger-700)}:root[data-theme=dark] .btn-danger{background:#b3261e}.btn-danger-outline{color:var(--color-danger-700);border:1px solid var(--color-danger);background:0 0}.btn-danger-outline:hover:not(:disabled){background:var(--color-danger-100)}.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-danger-outline:disabled{opacity:.45;cursor:not-allowed}.tap{cursor:pointer}.tap:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.tap:active{background:color-mix(in srgb, var(--color-text) 12%, transparent)}.key{font:inherit;font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-ui);cursor:pointer;place-items:center;font-weight:700;transition:background .12s,border-color .12s;display:grid}.key:hover{background:var(--color-accent-100);border-color:var(--color-accent-300)}.key:active{background:var(--color-accent-200)}.opt{font:inherit;cursor:pointer;color:var(--color-text);border:1px solid var(--color-divider);background:0 0;transition:background .12s,border-color .12s,color .12s}.opt:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.opt:active{background:color-mix(in srgb, var(--color-text) 12%, transparent)}.opt[aria-pressed=true],.opt[aria-checked=true],.opt.is-on{background:var(--color-accent-fill);border-color:var(--color-accent-fill);color:#fff}.seg{border:1px solid var(--color-divider);border-radius:var(--r-ui);background:var(--color-bg);display:inline-flex;overflow:hidden}.seg>.opt{border:0;border-left:1px solid var(--color-divider);border-radius:0;margin-left:-1px}.tour-layer{z-index:9000;position:fixed;inset:0}.tour-block{position:absolute;inset:0}.tour-block.is-dim{background:var(--scrim)}.tour-spot{border-radius:var(--r-frame);box-shadow:0 0 0 2px var(--color-accent-500), 0 0 0 9999px var(--scrim);pointer-events:none;transition:top .2s var(--ease-spring), left .2s var(--ease-spring), width .2s var(--ease-spring), height .2s var(--ease-spring);position:fixed}.tour-pop{width:min(340px,100vw - 24px);padding:var(--sp-4);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--r-frame);box-shadow:var(--shadow-lg);font-family:var(--font-body);position:fixed}.tour-pop.is-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-pop:focus{outline:none}.tour-count{margin:0 0 var(--sp-1);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-700);font-size:12px;font-weight:600}.tour-title{margin:0 0 var(--sp-2);font-size:16px;font-weight:700;line-height:1.3}.tour-body{color:var(--color-neutral-800);margin:0;font-size:14px;line-height:1.55}.tour-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.tour-spacer{flex:1}.tour-btn{min-height:36px;padding:0 var(--sp-4);font-size:14px;font-weight:600}.tour-skip{font:inherit;min-height:36px;padding:0 var(--sp-1);color:var(--color-neutral-700);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:13px;font-weight:600;text-decoration:underline}.tour-skip:hover{color:var(--color-text)}.tour-trigger{align-items:center;gap:6px;display:inline-flex}.tour-trigger svg{flex:none}@media (width<=720px){.tour-trigger-label{display:none}}@media (prefers-reduced-motion:reduce){.tour-spot{transition:none}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/kasir/assets/PlusJakartaSans-Variable-eXO_dkmS.woff2)format("woff2-variations"),url(/kasir/assets/PlusJakartaSans-Variable-eXO_dkmS.woff2)format("woff2")}:root{--fs-xs:13px;--fs-sm:14px;--fs-md:16px;--sat-t:env(safe-area-inset-top,0px);--sat-b:env(safe-area-inset-bottom,0px);--aside-w:420px;--side-w:400px;--pad-x:26px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.45;overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button{color:inherit;font-family:inherit}::selection{background:var(--color-accent-200)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400);background-clip:padding-box}.ic{flex:none;width:16px;height:16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--color-bg);overscroll-behavior:none;width:100%;height:100%;position:relative;overflow:hidden}.view{flex-direction:column;display:flex;position:absolute;inset:0}.fade-in{animation:fadein .18s var(--ease-spring)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.spinner{opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1.1s linear infinite spin}.load-row{color:var(--color-neutral-700);justify-content:center;align-items:center;gap:10px;padding:32px 12px;font-size:14px;display:flex}.btn-busy{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-busy[aria-busy=true]{opacity:.85;cursor:progress}.btn-sm{min-height:40px;padding:8px 12px;font-size:13px;font-weight:600}.btn-md{justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn-lg{width:100%;min-height:54px;padding:14px;font-size:17px;font-weight:700}.btn-md .ic{width:15px;height:15px}.cta-split{flex:none;justify-content:space-between;align-items:baseline;gap:12px;width:100%;min-height:64px;padding:14px 18px;display:flex}.cta-split>span:first-child{font-size:19px;font-weight:700}.cta-split>span:last-child{white-space:nowrap;text-align:right;font-size:26px;font-weight:700}.cta-split:disabled{opacity:1;background:color-mix(in srgb,var(--color-accent-fill) 45%,var(--surface))}.cta-split.is-ready{animation:ready-pulse .7s var(--ease-spring) 1}@keyframes ready-pulse{0%,to{box-shadow:none}40%{box-shadow:0 0 0 6px var(--color-accent-200)}}.chip{font-variant-numeric:tabular-nums;min-height:38px;padding:7px 13px;font-size:13px;font-weight:600}.chip-row,.quick-cash,.voucher-list{flex-wrap:wrap;gap:6px;display:flex}.back-link{border-radius:var(--r-ui);cursor:pointer;color:var(--color-accent-700);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:6px 10px 6px 0;font-size:15px;font-weight:600;display:inline-flex}.back-link .ic{width:15px;height:15px;transition:transform .15s}.back-link:hover .ic{transform:translate(-2px)}.icon-btn{border-radius:var(--r-ui);cursor:pointer;color:var(--color-text);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-btn .ic{width:18px;height:18px}.clock{flex:none;font-size:19px;font-weight:700}.link-more{font:inherit;color:var(--color-accent-700);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.input{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-ui);padding:10px 14px;font-size:15px}.input::placeholder{color:var(--ink-4);opacity:1}.input:focus{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.input:disabled{opacity:.55;cursor:not-allowed}.input-code{letter-spacing:.08em;text-transform:uppercase;min-height:54px;font-size:20px}.input-row{align-items:stretch;gap:8px;display:flex}.input-row .input{flex:1}.input-row .input-code{min-height:44px;font-size:16px}.input-row .input,.input-row .btn-md{min-height:44px}.field{flex-direction:column;gap:6px;display:flex}.nav-path .nav-path-arrow{vertical-align:-.12em;width:.95em;height:.95em;margin:0 .3em}.form-note{color:var(--color-neutral-700);font-size:13px;line-height:1.5}.form-error{background:var(--color-danger-100);color:var(--color-danger-700);border:1px solid var(--color-danger);border-radius:var(--r-ui);padding:10px 14px;font-size:14px;font-weight:600}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.numpad .key{min-height:56px;font-size:22px}.numpad .key.is-aux{color:var(--color-neutral-700);font-size:13px}.numpad .key.is-aux .ic{width:20px;height:20px}.numpad.is-pin .key{min-height:60px}.auth-split{flex:1;grid-template-columns:1fr 1fr;height:100%;display:grid;overflow:hidden}.auth-side{overscroll-behavior:contain;min-height:0;padding:calc(40px + var(--sat-t)) 40px 40px;flex-direction:column;display:flex;overflow-y:auto}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{border-radius:var(--r-ui);background:var(--color-accent-fill);flex:none;place-items:center;width:28px;height:28px;display:grid}.brand-mark svg{width:16px;height:16px}.brand-word{white-space:nowrap;font-size:19px;font-weight:700}.brand-word small{font-weight:400;font-size:inherit;color:var(--color-neutral-700)}.auth-side-body{flex-direction:column;align-items:flex-start;margin-top:56px;display:flex}.auth-side-body.is-bare{margin-top:0}.auth-side-body.is-bare>.kick{margin-bottom:0}.auth-side-body.is-bare h1{margin:10px 0 16px}.auth-side-body>.kick{margin-bottom:8px}.auth-side h1{text-wrap:pretty;max-width:460px;margin-bottom:16px;font-size:44px;line-height:1.1}.auth-side .kick+h1{margin-bottom:8px}.auth-sub{color:var(--color-neutral-800);max-width:440px;font-size:16px}.auth-points{flex-direction:column;gap:10px;max-width:440px;margin:20px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.auth-points li{align-items:flex-start;gap:9px;display:flex}.auth-points .ic{color:var(--color-success);margin-top:3px}.auth-illus{width:100%;max-width:clamp(280px,200dvh - 940px,760px);margin:16px 0 0}.auth-illus svg{width:100%;height:auto;display:block;overflow:visible}.is-pairing .auth-illus{max-width:clamp(280px,200dvh - 1200px,760px)}.auth-illus text{font-family:var(--font-body);fill:var(--color-text)}.auth-illus .ia-kick{letter-spacing:.08em;fill:var(--color-neutral-700);font-size:9.5px;font-weight:600}.auth-illus .ia-name{font-size:12.5px;font-weight:600}.auth-illus .ia-tile-name{font-size:11px;font-weight:600}.auth-illus .ia-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.auth-illus .ia-sub{fill:var(--color-neutral-700);font-variant-numeric:tabular-nums;font-size:11px}.auth-illus .ia-status{fill:var(--color-success-700);font-size:10px;font-weight:600}.auth-illus .ia-status.is-idle{fill:var(--color-neutral-700)}.auth-illus .ia-badge{fill:#fff;font-variant-numeric:tabular-nums;font-size:9px;font-weight:700}.auth-illus .ia-tile-bg{fill:var(--color-bg);stroke:var(--color-divider);transition:fill .2s,stroke .2s}.auth-illus .ia-tile.is-active .ia-tile-bg{fill:var(--color-accent-100);stroke:var(--color-accent);stroke-width:1.5px}.auth-illus .ia-pay{fill:var(--color-accent-fill);transition:fill .2s}.auth-illus .ia-pay.is-active{fill:var(--color-accent-fill-active)}.auth-illus .ia-pay.is-done{fill:var(--color-success)}.auth-illus .ia-pay-label{fill:#fff;font-size:11.5px;font-weight:700}.auth-illus .ia-led{fill:var(--color-neutral-400,#b8b4b4)}.auth-illus .ia-led.is-on{fill:var(--color-success)}.auth-illus .ia-receipt{transition:transform .7s cubic-bezier(.3,.7,.3,1);transform:translateY(36px)}.auth-illus .ia-receipt.is-out{transform:none}.auth-illus .ia-mini-tile{fill:var(--color-neutral-200);transition:fill .2s}.auth-illus .ia-mini-tile.is-on{fill:var(--color-accent-200);stroke:var(--color-accent);stroke-width:6px}.auth-illus .ia-head{transition:transform .6s cubic-bezier(.3,.7,.3,1)}.auth-illus .ia-arm{transition:transform .45s cubic-bezier(.3,.7,.3,1)}.auth-illus .ia-eyes{transition:transform .35s}.auth-illus .ia-tap{fill:var(--color-accent);opacity:0;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out .4s ia-tap}.auth-illus figcaption{color:var(--color-neutral-700);margin-top:4px;font-size:12px}@keyframes ia-tap{0%{opacity:.45;transform:scale(.3)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.auth-illus .ia-receipt,.auth-illus .ia-head,.auth-illus .ia-arm,.auth-illus .ia-eyes{transition:none}}@media (height<=700px){.auth-illus{display:none}}.auth-side-foot{color:var(--color-neutral-700);justify-content:space-between;align-items:baseline;gap:16px;margin-top:auto;padding-top:32px;font-size:13px;display:flex}.auth-side-foot p{max-width:60%}.auth-side-foot .clock{color:var(--color-text)}.who-card{align-items:center;gap:10px;margin-top:22px;padding:10px 14px;font-size:15px;display:inline-flex}.who-card .av{width:38px;height:38px;font-size:13px}.av{background:var(--color-accent-200);width:32px;height:32px;color:var(--color-accent-800);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.auth-main{overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--color-divider);min-height:0;padding:calc(40px + var(--sat-t)) 40px calc(40px + var(--sat-b));display:flex;overflow-y:auto}.auth-form{flex-direction:column;gap:18px;width:100%;max-width:400px;margin:auto;display:flex}.auth-form.is-pin{gap:16px}.auth-form-head h2{margin-bottom:6px;font-size:26px}.auth-form-head p{color:var(--color-neutral-700);font-size:14px}.auth-form-head.is-narrow-only,.auth-brandrow{display:none}.auth-main{position:relative}.auth-main>.auth-tour{top:calc(10px + var(--sat-t));color:var(--color-neutral-700);position:absolute;right:10px}.pair-guide{padding:16px 18px}.pair-guide h5{margin-bottom:10px;font-size:15px}.pair-guide ol{color:var(--color-neutral-800);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13.5px;line-height:1.55;display:flex}.kasir-picker{flex-wrap:wrap;gap:8px;display:flex}.kasir-chip{border:1px solid var(--color-divider);border-radius:var(--r-ui);background:var(--color-bg);max-width:100%;min-height:48px;font:inherit;text-align:left;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex}.kasir-chip b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.kasir-chip small{color:var(--color-neutral-700);font-size:13px}button.kasir-chip[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-100)}.pin-dots{justify-content:center;gap:14px;padding:10px 0;display:flex}.pin-dots i{border:1.5px solid var(--color-accent);width:15px;height:15px;transition:background .15s var(--ease-pop),transform .2s var(--ease-pop);border-radius:50%}.pin-dots i.filled{background:var(--color-accent);transform:scale(1.06)}.pin-dots.err{animation:shake .4s var(--ease-spring)}.pin-dots.err i{border-color:var(--color-danger)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.money-card{background:var(--color-bg);padding:14px 16px}.money-input{font-variant-numeric:tabular-nums;align-items:baseline;gap:.25em;font-size:40px;font-weight:700;line-height:1.1;display:flex}.money-input .val{overflow-wrap:anywhere;min-width:0}.auth{background:var(--surface);flex:1;height:100%;padding:24px;display:flex;overflow-y:auto}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;margin:auto;display:flex}.auth-card .btn-primary{min-height:48px;padding:12px;font-weight:600}.pos{grid-template-columns:minmax(0,1fr) var(--aside-w);flex:1;min-height:0;display:grid}.pos-main{min-width:0;min-height:0;padding:calc(22px + var(--sat-t)) var(--pad-x) 0;flex-direction:column;flex:1;display:flex}.pos-toolbar{align-items:center;gap:16px;display:flex}.search{cursor:text;background:var(--surface);border:1px solid var(--color-divider);border-radius:var(--r-ui);min-width:0;min-height:44px;color:var(--color-neutral-700);flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search .ic{width:18px;height:18px}.search input{min-width:0;font:inherit;color:var(--color-text);background:0 0;border:0;outline:none;flex:1;min-height:42px;font-size:15px}.search input::placeholder{color:var(--ink-4);opacity:1}.search:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.pos-status{flex:none;align-items:center;gap:16px;display:flex}.queue-btn{align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.queue-btn b{font-weight:700}.queue-btn.is-hot{border-color:var(--color-accent)}.queue-btn.is-hot b{background:var(--color-accent-fill);color:#fff;border-radius:var(--r-ui);text-align:center;min-width:20px;padding:0 6px}.sync-wrap{display:flex;position:relative}.sync{white-space:nowrap;border-radius:var(--r-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:13px;font-weight:600;display:inline-flex}.sync .ic{width:15px;height:15px}.sync.is-ok{color:var(--color-success-700)}.sync.is-pending{color:var(--color-warning-700)}.sync.is-offline,.sync.is-rejected{color:var(--color-danger-700)}.sync.is-syncing{color:var(--color-neutral-700)}.sync.is-pending .ic{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-count{border-radius:var(--r-ui);background:var(--color-warning);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-weight:700;display:none}.pop{z-index:30;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-frame);box-shadow:var(--shadow-lg);flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.sync-pop{gap:4px;min-width:240px;max-width:min(80vw,300px);padding:12px}.sync-pop b{font-size:14px}.sync-pop p{color:var(--color-neutral-700);font-size:13px;line-height:1.5}.sync-pop small{color:var(--color-neutral-700);font-size:13px}.sync-pop .sync-error{color:var(--color-danger-700);overflow-wrap:anywhere}.sync-pop .btn-ghost{justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.menu-wrap{display:flex;position:relative}.menu-head{border-bottom:1px solid var(--color-divider);color:var(--color-neutral-700);font-variant-numeric:tabular-nums;margin-bottom:4px;padding:8px 11px 10px;font-size:13px}.menu-pop button{text-align:left;border-radius:var(--r-ui);cursor:pointer;background:0 0;border:0;min-height:40px;padding:10px 11px;font-size:14px;font-weight:600}.menu-pop button:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.menu-pop button.is-danger{color:var(--color-danger-700)}.menu-pop button.menu-toggle{justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-toggle-state{color:var(--color-neutral-700);font-size:13px;font-weight:700}.menu-pop button[aria-checked=true] .menu-toggle-state{color:var(--color-success-700)}.cat-scroll{margin:16px 0 14px;position:relative}.cat-row{scrollbar-width:none;flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.cat-row::-webkit-scrollbar{display:none}.cat-pill{white-space:nowrap;border-radius:999px;flex:none;min-height:40px;padding:7px 15px;font-size:14px;font-weight:600}.cat-fade{pointer-events:none;opacity:0;width:34px;transition:opacity .25s var(--ease-spring);align-items:center;display:flex;position:absolute;top:0;bottom:0}.cat-fade.left{background:linear-gradient(to right,var(--color-bg),transparent);left:0}.cat-fade.right{background:linear-gradient(to left,var(--color-bg),transparent);justify-content:flex-end;right:0}.cat-fade.show{opacity:1}.cat-fade svg{width:13px;height:13px;color:var(--color-neutral-700);stroke-width:2.4px}.cat-fade.right svg{transform:rotate(180deg)}.grid-scroll{flex:1;min-height:0;padding-bottom:26px;overflow-y:auto}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:12px;display:grid}.prod{background:var(--surface);border:1px solid var(--color-divider);border-radius:var(--r-ui);min-width:0;font:inherit;text-align:left;cursor:pointer;color:var(--color-text);flex-direction:column;padding:0;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.prod:hover{border-color:var(--color-accent-300)}.prod:hover .prod-body{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.prod:active .prod-body{background:color-mix(in srgb,var(--color-text) 10%,transparent)}.prod-photo{background:var(--color-neutral-200);height:100px;color:var(--color-neutral-600);letter-spacing:.02em;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid;overflow:hidden}.prod-photo img{object-fit:cover;width:100%;height:100%;display:block}.prod-body{flex-direction:column;flex:1;justify-content:space-between;gap:6px;min-width:0;min-height:76px;padding:10px 12px;transition:background .12s;display:flex}.prod-body b{text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.prod-meta{justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.prod .price{overflow-wrap:anywhere;font-size:16px;font-weight:700}.prod-varian{color:var(--color-accent-700);white-space:nowrap;font-size:13px;font-weight:600}.prod-qty{background:var(--color-accent-fill);color:#fff;border-radius:var(--r-ui);padding:2px 8px;font-size:13px;font-weight:700;position:absolute;top:8px;left:8px}.prod.bump{animation:.18s bump}@keyframes bump{0%,to{transform:scale(1)}45%{transform:scale(.96)}}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.empty-state-icon{border-radius:var(--r-ui);background:var(--color-accent-100);width:52px;height:52px;color:var(--color-accent-700);place-items:center;margin-bottom:4px;display:grid}.empty-state-icon svg{width:24px;height:24px}.empty-state>b{font-size:18px;font-weight:600}.empty-state>p{color:var(--color-neutral-700);max-width:40ch;font-size:14px;line-height:1.55}.empty-state-cta{min-height:44px;margin-top:8px;padding:10px 18px;font-size:15px;font-weight:600}.pos-aside{background:var(--surface);border-left:1px solid var(--color-divider);--panel-pad:22px;--panel-pad-top:calc(22px + var(--sat-t));min-width:0;min-height:0;padding:var(--panel-pad-top) var(--panel-pad) calc(22px + var(--sat-b));flex-direction:column;display:flex}.order,.pay{flex-direction:column;flex:1;min-height:0;display:flex}.order-head{margin:calc(var(--panel-pad-top,0px) * -1) calc(var(--panel-pad,0px) * -1) 0;padding:var(--panel-pad-top,0px) var(--panel-pad,0px) 10px;background:var(--color-bg);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.order-title{flex-direction:column;gap:2px;min-width:0;display:flex}.order-title .kick{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.order-title h3{font-size:22px}.order-count{color:var(--color-neutral-700);white-space:nowrap;font-size:13px}.order-count b{color:var(--color-text)}.order-head-total{margin-left:auto;font-size:16px;font-weight:700;display:none}.order>.rule{margin:0 calc(var(--panel-pad,0px) * -1) 4px}.cart-list-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cart-list{min-height:0;margin-right:calc(var(--panel-pad,0px) * -1);padding-right:var(--panel-pad,0px);flex:1;overflow-y:auto}@media (hover:hover) and (pointer:fine){.cart-list{scrollbar-gutter:stable;padding-right:max(0px,calc(var(--panel-pad,0px) - 10px))}}.cart-cut{pointer-events:none;background:linear-gradient(to top,var(--surface),transparent);opacity:0;height:22px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.cart-cut.show{opacity:1}.cart-empty{color:var(--color-neutral-700);padding:12px 0;font-size:14px}.cart-row{border-bottom:1px solid var(--color-divider);animation:row-in .18s var(--ease-spring);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 0;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ci-name{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600;line-height:1.2}button.ci-name{text-align:left;border-radius:var(--r-ui);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:2px 4px 2px 0;font-weight:600;display:inline-flex}button.ci-name .ic{width:12px;height:12px;color:var(--color-accent-700)}.ci-total{text-align:right;font-size:15px}.ci-sub{color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.stepper{border:1px solid var(--color-divider);border-radius:var(--r-ui);background:var(--color-bg);flex:none;justify-self:end;align-items:center;display:inline-flex}.stepper button{cursor:pointer;width:34px;height:32px;color:var(--color-text);background:0 0;border:0;place-items:center;display:grid}.stepper button:first-child{border-radius:var(--r-ui) 0 0 var(--r-ui)}.stepper button:last-child{border-radius:0 var(--r-ui) var(--r-ui) 0}.stepper button .ic{width:12px;height:12px}.stepper>span{text-align:center;min-width:26px;font-size:14px;font-weight:700}.stepper.is-lg button{width:44px;height:44px}.stepper.is-lg button .ic{width:14px;height:14px}.stepper.is-lg>span{min-width:32px;font-size:16px}.sum{flex:none;grid-template-columns:1fr auto;row-gap:4px;margin:0;padding-top:12px;font-size:14px;display:grid}.sum dt{color:var(--color-neutral-700)}.sum dd{text-align:right;margin:0}.order>.cta-split{margin-top:14px}.pay{overscroll-behavior:contain;overflow-y:auto}.pay-top{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.pay-top .back-link{font-size:14px}.pay-top .back-link .ic{width:14px;height:14px}.pay-top .pay-tour{color:var(--color-neutral-700);margin-left:auto;padding:6px}.pay>.kick{letter-spacing:.05em;margin-top:12px;font-size:13px}.pay-total{overflow-wrap:anywhere;font-size:38px;font-weight:700;line-height:1}.pay-discount{color:var(--color-success-700);margin-top:6px;font-size:13px;font-weight:600}.pay-methods{scrollbar-width:none;flex:none;align-self:flex-start;max-width:100%;margin-top:14px;overflow-x:auto}.pay-methods::-webkit-scrollbar{display:none}.pay-methods .opt{white-space:nowrap;align-items:center;gap:6px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.m-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--color-warning-700);background:var(--color-warning-100);border-radius:var(--r-ui);padding:1px 5px;font-size:12px;font-weight:700}.opt[aria-checked=true] .m-tag{background:#fff}.pay-desc{color:var(--color-neutral-700);flex:none;margin-top:8px;font-size:13px}.pay-prepaid{border:1px solid var(--color-success);border-radius:var(--r-ui);background:var(--color-success-100);flex-direction:column;flex:none;gap:2px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.pay-prepaid b{color:var(--color-success-700);font-size:14px}.pay-body{flex-direction:column;flex:1 0 auto;display:flex}.pay-cards{flex:none;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px;display:grid}.pay-card{background:var(--color-bg);min-width:0;padding:10px 12px}.pay-card .kick{display:block}.pay-card b{overflow-wrap:anywhere;font-size:22px;font-weight:700;display:block}.pay-card.is-change b{color:var(--color-success-700)}.pay-card.is-short{background:var(--color-danger-100);border-color:var(--color-danger)}.pay-card.is-short b{color:var(--color-danger-700)}.pay-body .quick-cash{flex:none;margin-top:12px}.numpad.is-pay{flex:1;grid-auto-rows:minmax(44px,1fr);gap:6px;min-height:0;margin-top:12px}.numpad.is-pay .key{min-height:44px;font-size:20px}.numpad.is-pay .key.is-aux{font-size:13px}.pay-note{text-align:center;color:var(--color-neutral-700);margin:auto 0;padding:20px;font-size:14px}.pay-extras{flex:none;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.pay-extras small{color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:13px;font-weight:600;overflow:hidden}.pay-extras small.is-on{color:var(--color-success-700)}.pay>.cta-split{box-shadow:0 0 0 8px var(--surface);margin-top:12px;position:sticky;bottom:0}.gw-qris{background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-ui);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.gw-qris-hint{color:var(--color-neutral-700);max-width:34ch;font-size:13px;line-height:1.5}.gw-qris-error{color:var(--color-danger-700);font-size:13px;font-weight:600;line-height:1.45}.gw-qris-img{border-radius:var(--r-ui);width:220px;height:220px;image-rendering:pixelated;background:#fff}.gw-qris-img.is-loading{background:var(--color-neutral-200);place-items:center;display:grid}.gw-qris-meta{color:var(--color-neutral-700);align-items:baseline;gap:8px;font-size:14px;display:flex}.gw-qris-meta b{font-variant-numeric:tabular-nums;color:var(--color-text)}.gw-qris>.btn-primary{width:100%;min-height:48px;padding:12px;font-weight:600}.gw-qris.is-page{gap:8px;padding:8px}.gw-qris-frame{border-radius:var(--r-ui);background:#fff;border:0;width:100%;height:clamp(380px,52dvh,600px)}.gw-qris-actions{gap:8px;width:100%;display:flex}.gw-qris-actions .btn-ghost{flex:1}.gw-qris-actions .btn-ghost.warn{color:var(--color-danger-700)}.gw-qris.is-paid{background:var(--color-success-100);border-color:var(--color-success);animation:rise .32s var(--ease-spring) both;gap:2px;padding:20px 14px 16px}.gw-paid-check{background:var(--color-success);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:6px;display:grid;position:relative}.gw-paid-check svg{width:26px;height:26px}.gw-paid-check .success-ring{border:2px solid var(--color-success);opacity:0;border-radius:50%;animation:.6s ease-out .26s forwards ring;position:absolute;inset:0}.gw-paid-title{color:var(--color-success-700);font-size:14px;font-weight:700}.gw-paid-amount{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.15}.gw-paid-meta{color:var(--color-neutral-700);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.gw-paid-channel{color:var(--color-success-700);border:1px solid var(--color-success);border-radius:999px;padding:2px 9px;font-style:normal;font-weight:700}.gw-paid-next{color:var(--color-neutral-800);margin-top:10px;font-size:13px;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.extras-card{gap:16px;max-width:480px}.extras-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.extras-sub{color:var(--color-neutral-700);margin-top:-8px;font-size:13px}.pay-block{flex-direction:column;gap:8px;display:flex}.loyalty-box{border:1px solid var(--color-divider);border-radius:var(--r-ui);background:var(--surface);flex-direction:column;gap:8px;padding:10px 12px;font-size:14px;display:flex}.loyalty-box b{font-weight:700}.voucher-applied{border-radius:var(--r-ui);background:var(--color-success-100);color:var(--color-success-700);padding:9px 11px;font-size:13px;font-weight:600;line-height:1.5}.confirm-ov{z-index:60;background:var(--scrim);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-card{background:var(--color-bg);border-radius:var(--r-frame);width:100%;max-width:460px;max-height:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto}.confirm-card:focus{outline:none}.confirm-card h3{font-size:21px}.confirm-card>p{color:var(--color-neutral-700);font-size:13px;line-height:1.55}.confirm-row{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.confirm-row button{min-height:44px;padding:10px 18px;font-size:15px;font-weight:600}.facts{grid-template-columns:1fr auto;align-items:baseline;gap:6px 16px;margin:0;font-size:15px;display:grid}.facts dt{color:var(--color-neutral-700)}.facts dd{text-align:right;margin:0;font-weight:600}.facts dd.is-big{font-size:21px;font-weight:700}.facts dd.is-strong{font-weight:700}.facts dd.is-ok{color:var(--color-success-700)}.facts dd.is-warn{color:var(--color-warning-700)}.facts dd.is-danger{color:var(--color-danger-700)}.success-ov{z-index:55;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-spring);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.success-ov.show{opacity:1;pointer-events:auto}.success-card{text-align:center;background:var(--color-bg);border-radius:var(--r-frame);width:100%;max-width:440px;box-shadow:var(--shadow-lg);opacity:0;transition:transform .3s var(--ease-pop),opacity .2s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:28px 22px 22px;display:flex;transform:translateY(14px)}.success-ov.show .success-card{opacity:1;transform:none}.success-check{color:var(--color-success);display:grid}.success-check .ic{width:52px;height:52px}.success-check path{stroke-dasharray:12;stroke-dashoffset:12px}.success-ov.show .success-check{animation:pop .4s var(--ease-pop) 60ms both}.success-ov.show .success-check path{animation:draw .3s var(--ease-spring) .3s forwards}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}.success-title{margin-top:6px;font-size:21px}.success-total{font-size:38px;font-weight:700;line-height:1}.success-facts{text-align:left;grid-template-columns:auto auto;gap:4px 20px;margin:10px 0 0;font-size:14px;display:grid}.success-facts dt{color:var(--color-neutral-700)}.success-facts dd{margin:0}.success-facts dd.is-strong{font-weight:700}.success-note{color:var(--color-warning-700);margin-top:4px;font-size:13px;line-height:1.45}.success-actions{gap:10px;width:100%;margin-top:16px;display:flex}.success-actions button{flex:1;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:12px;font-size:15px;font-weight:600;display:inline-flex}.success-actions .ic{width:15px;height:15px}.success-hint{color:var(--color-neutral-700);font-size:13px}.success-ov.show .success-title,.success-ov.show .success-total,.success-ov.show .success-facts,.success-ov.show .success-actions{animation:rise .3s var(--ease-spring) both}.success-ov.show .success-title{animation-delay:.18s}.success-ov.show .success-total{animation-delay:.24s}.success-ov.show .success-facts{animation-delay:.3s}.success-ov.show .success-actions{animation-delay:.36s}@media (pointer:coarse){.success-hint{display:none}}.mod-ov{z-index:40;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-spring);place-items:center;padding:40px;display:grid;position:absolute;inset:0}.mod-ov.show{opacity:1;pointer-events:auto}.mod-card{background:var(--color-bg);border-radius:var(--r-frame);width:100%;max-width:560px;max-height:100%;box-shadow:var(--shadow-lg);transition:transform .18s var(--ease-pop);flex-direction:column;display:flex;overflow:hidden;transform:scale(.96)}.mod-card:focus{outline:none}.mod-ov.show .mod-card{transform:none}.mod-head{flex:none;grid-template-columns:130px minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.mod-photo{background:var(--color-neutral-200);height:130px;color:var(--color-neutral-600);place-items:center;font-size:24px;font-weight:700;display:grid;overflow:hidden}.mod-photo img{object-fit:cover;width:100%;height:100%;display:block}.mod-head-title{min-width:0;padding-top:18px}.mod-head-title h3{font-size:21px}.mod-head-title span{color:var(--color-neutral-700);font-size:14px}.mod-close{border-radius:var(--r-ui);cursor:pointer;color:var(--color-text);background:0 0;border:0;margin:6px 6px 0 0;padding:12px;display:inline-flex}.mod-close .ic{width:18px;height:18px}.mod-body{flex-direction:column;gap:16px;padding:16px 20px 4px;display:flex;overflow-y:auto}.mod-group-label{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.mod-group-label b{font-size:15px;font-weight:600}.mod-group-label small{color:var(--color-neutral-700);font-size:13px}.mod-opts{flex-wrap:wrap;gap:8px;display:flex}.mod-opt{border-radius:var(--r-ui);align-items:baseline;gap:8px;min-height:44px;padding:9px 14px;font-size:14px;display:inline-flex}.mod-opt span{font-weight:600}.mod-opt small{opacity:.85;font-size:13px}.mod-opt[aria-checked=false]:hover{background:var(--color-accent-100)}.mod-foot{flex:none;align-items:center;gap:14px;padding:16px 20px 20px;display:flex}.mod-foot .cta-split{flex:1;justify-content:center;gap:10px;min-width:0;min-height:52px;padding:12px 14px}.mod-foot .cta-split>span:first-child{font-size:15px}.mod-foot .cta-split>span:last-child{overflow-wrap:anywhere;min-width:0;font-size:17px}.mod-foot .cta-split>.ic{flex:none;width:20px;height:20px}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen-head{padding:calc(22px + var(--sat-t)) var(--pad-x) 0;flex:none;align-items:center;gap:16px;display:flex}.screen-title{min-width:0;margin-right:auto;font-size:26px}.screen-title small{color:var(--color-neutral-700);letter-spacing:0;margin-left:8px;font-size:14px;font-weight:400}.screen-tools{flex:none;align-items:center;gap:16px;display:flex}.screen-tools .seg .opt{min-height:40px;padding:8px 16px;font-size:13px;font-weight:600}.screen-body{min-height:0;padding:14px var(--pad-x) calc(26px + var(--sat-b));flex:1;overflow-y:auto}.state-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.state-card b{font-size:17px;font-weight:600}.state-card p{color:var(--color-neutral-700);max-width:48ch;font-size:14px}.state-card button{margin-top:6px}.split-screen{grid-template-columns:minmax(0,1fr) var(--side-w);flex:1;min-height:0;display:grid}.screen-main{flex-direction:column;min-width:0;min-height:0;display:flex}.screen-main>.screen-head{padding-bottom:0}.side-panel{background:var(--surface);border-left:1px solid var(--color-divider);--panel-pad:22px;min-width:0;min-height:0;padding:calc(22px + var(--sat-t)) var(--panel-pad) calc(22px + var(--sat-b));flex-direction:column;display:flex}.co-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-content:start;gap:18px;padding-top:8px;display:grid}.co-card{flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.co-card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.co-card-head h3{font-size:20px}.co-card-head span{color:var(--color-neutral-700);white-space:nowrap;font-size:13px}.co-card-head .co-paid{color:var(--color-success-700);border:1px solid var(--color-success);border-radius:999px;align-self:center;margin-left:auto;padding:2px 9px;font-size:13px;font-weight:700}.co-items{flex-direction:column;gap:4px;font-size:14px;display:flex}.co-item{justify-content:space-between;gap:12px;display:flex}.co-qty{color:var(--color-neutral-700)}.co-meta{color:var(--color-neutral-700);overflow-wrap:anywhere;font-size:13px}.co-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;display:flex}.co-total{font-size:24px;font-weight:700;line-height:1.1}.co-actions{gap:8px;display:flex}.co-actions button{padding:10px 14px;font-size:14px}.co-hint{color:var(--color-neutral-700);max-width:320px;padding:18px;font-size:13.5px}.history-list{min-height:0;padding:12px var(--pad-x) calc(26px + var(--sat-b));flex:1;overflow-y:auto}.history-day{margin-bottom:22px}.history-day-head{background:var(--surface);border-radius:var(--r-ui) var(--r-ui) 0 0;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 10px;display:flex}.history-day-head h3{font-size:18px}.history-day-head span{color:var(--color-neutral-700);font-size:13px}.history-day-head b{color:var(--color-text);font-weight:700}.history-day>.rule{margin-bottom:0}.history-row{border:0;border-bottom:1px solid var(--color-divider);border-radius:var(--r-ui);width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--color-text);background:0 0;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:baseline;gap:14px;padding:11px 10px;display:grid}.history-row[aria-pressed=true]{background:var(--color-accent-100)}.hr-time{font-size:15px;font-weight:700}.hr-main{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hr-no{color:var(--color-neutral-700)}.hr-tag{white-space:nowrap;font-size:13px;font-weight:600}.hr-tag.is-void{color:var(--color-danger-700)}.hr-tag.is-pending{color:var(--color-warning-700)}.hr-total{font-size:15px;font-weight:700}.history-row.is-void .hr-total{color:var(--color-neutral-700);text-decoration:line-through}.history-detail>.kick{flex:none;margin-bottom:10px}.history-empty{text-align:center;border:1px dashed var(--color-divider);border-radius:var(--r-ui);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:28px 20px;display:flex}.history-empty b{font-size:15px;font-weight:600}.history-empty p{color:var(--color-neutral-700);max-width:260px;font-size:13px;line-height:1.5}.history-detail .form-error{margin-bottom:10px}.receipt-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.history-actions{flex:none;gap:8px;margin-top:14px;display:flex}.history-actions .btn-ghost{flex:1;min-height:48px}.history-actions .btn-danger-outline{min-height:48px;padding:12px 14px}.void-form{flex-direction:column;flex:none;gap:8px;margin-top:14px;display:flex}.void-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.receipt{background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-ui);color:var(--color-text);flex:1;padding:18px;font-size:13.5px;line-height:1.5}.r-head{text-align:center;flex-direction:column;display:flex}.r-head b{font-size:16px}.r-meta{color:var(--color-neutral-700);grid-template-columns:1fr auto;column-gap:12px;margin-top:12px;font-size:13px;display:grid}.r-meta span:nth-child(2n){text-align:right}.r-void{color:var(--color-danger-700);border:1px dashed var(--color-danger);border-radius:var(--r-ui);text-align:center;margin-top:10px;padding:5px 8px;font-size:13px;font-weight:700}.r-block{border-top:1px dashed var(--color-divider);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;display:flex}.r-line{justify-content:space-between;gap:12px;display:flex}.r-line>span:last-child{white-space:nowrap;text-align:right;flex:none}.r-meta span:first-child{overflow-wrap:anywhere}.r-line.is-muted>span:first-child,.r-qty{color:var(--color-neutral-700)}.r-total{font-size:16px;font-weight:700}.r-sign{flex-direction:column;align-items:center;gap:6px;margin-top:14px;font-size:13px;display:flex}.r-sign p{align-self:flex-start;margin:0}.r-sign-line{border-bottom:1px solid;width:70%;height:44px;display:block}.r-foot{text-align:center;color:var(--color-neutral-700);margin-top:14px;font-style:italic}.print-portal{display:none}@media print{body.printing>:not(.print-portal){display:none!important}body.printing .print-portal{display:block}body.printing{background:#fff}body.printing .receipt{border:0;border-radius:0;max-width:80mm;margin:0;padding:0}}.commission{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-content:start;gap:40px;padding-top:12px;display:grid}.commission-big{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:6px;font-size:64px;font-weight:700;line-height:1}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:26px;display:grid}.stat{min-width:0;padding:14px 16px}.stat .kick{display:block}.stat b{overflow-wrap:anywhere;font-size:26px;font-weight:700;display:block}.target{max-width:520px;margin-top:26px}.target-label{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;display:flex}.bar{background:var(--color-neutral-300);border-radius:var(--r-ui);height:8px;overflow:hidden}.bar>span{background:var(--color-accent);border-radius:var(--r-ui);height:100%;transition:width .3s var(--ease-spring);display:block}.note-card{color:var(--color-neutral-800);flex-direction:column;align-self:start;gap:10px;padding:18px 20px;font-size:14px;line-height:1.6;display:flex}.note-card h5{color:var(--color-text);font-size:15px}.note-card .is-warn{color:var(--color-warning-700);align-items:flex-start;gap:8px;display:flex}.note-card .is-warn .ic{width:15px;height:15px;margin-top:4px}.close-body{min-height:0;padding:22px var(--pad-x) calc(26px + var(--sat-b));flex:1;overflow-y:auto}.close-body>*{max-width:620px}.close-body h3{margin-bottom:4px;font-size:19px}.close-sub{color:var(--color-neutral-700);margin-bottom:18px;font-size:14px}.recon{grid-template-columns:1fr auto;row-gap:8px;margin:0;padding:16px 18px;font-size:16px;display:grid}.recon dd{text-align:right;margin:0;padding-left:16px}.recon .is-muted{color:var(--color-neutral-700)}.recon .is-total{border-top:1px solid var(--color-divider);padding-top:8px;font-size:18px;font-weight:700}.counted{margin-top:26px}.counted .kick{display:block}.counted-val{overflow-wrap:anywhere;font-size:48px;font-weight:700;line-height:1.1}.variance{border-radius:var(--r-ui);border:1px solid;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:15px;font-weight:600;display:inline-flex}.variance .ic{width:15px;height:15px}.variance.is-ok{color:var(--color-success-700);background:var(--color-success-100);border-color:var(--color-success)}.variance.is-warn{color:var(--color-warning-700);background:var(--color-warning-100);border-color:var(--color-warning)}.variance.is-danger{color:var(--color-danger-700);background:var(--color-danger-100);border-color:var(--color-danger)}.variance-note{color:var(--color-neutral-700);max-width:480px;margin-top:8px;font-size:13px}.close-pad{gap:12px}.close-pad .numpad{flex:1;grid-auto-rows:minmax(56px,1fr)}.close-pad .btn-md{width:100%;min-height:48px}.toast-stack{z-index:99999;left:50%;bottom:calc(24px + var(--sat-b));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(440px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-ui);background:var(--color-bg);border:1px solid var(--color-divider);width:100%;box-shadow:var(--shadow-lg);animation:toast-in .18s var(--ease-spring) both;align-items:center;gap:10px;padding:11px 12px 11px 14px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.tk{display:inline-flex}.toast-success .tk{color:var(--color-success)}.toast-error .tk{color:var(--color-danger)}.toast-info .tk{color:var(--color-neutral-700)}.toast-msg{overflow-wrap:anywhere;flex:1;min-width:0}.toast-x{border-radius:var(--r-ui);cursor:pointer;width:24px;height:24px;color:var(--color-neutral-700);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast-x:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.toast-x .ic{width:14px;height:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sheet-grip{display:none}@media (width<=1100px){:root{--aside-w:360px;--side-w:340px;--pad-x:20px}.pos-aside,.side-panel{--panel-pad:18px}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pay-total{font-size:32px}.commission{grid-template-columns:1fr;gap:24px}.commission-big{font-size:52px}}@media (width<=900px){.pos-status .clock{display:none}}@media (width<=860px){.auth-split{grid-template-columns:1fr}.auth-side{display:none}.auth-main{padding:calc(24px + var(--sat-t)) 16px calc(24px + var(--sat-b));border-left:0}.auth-brandrow{display:flex}.auth-form-head.is-narrow-only{display:block}}@media (width<=760px) and (width>=721px){:root{--aside-w:300px;--side-w:300px}}@media (width<=760px) and (width>=721px),(width<=720px) and (height<=519px){.cta-split{padding:12px 14px}.cta-split>span:first-child{font-size:15px}.cta-split>span:last-child{font-size:19px}.pay-methods .opt{padding:8px 10px;font-size:13px}.pay-cards{grid-template-columns:1fr 1fr;gap:8px}.pay-card{padding:8px 10px}.pay-cards .pay-card b{font-size:15px}}@media (width<=720px){:root{--pad-x:12px}.search input,.input{font-size:16px}.pos-main{padding:calc(10px + var(--sat-t)) 12px 0}.pos-toolbar{flex-wrap:wrap;gap:8px}.pos-status{order:-1;justify-content:flex-end;gap:8px;width:100%}.pos-status .sync-wrap{margin-right:auto}.pos-status .sync-wrap .pop{left:0;right:auto}.search{flex:1 0 100%}.cat-scroll{margin:10px 0}.grid-scroll{margin-right:calc(var(--pad-x) * -1);padding-bottom:12px;padding-right:var(--pad-x)}.pay,.receipt-scroll{margin-right:calc(var(--panel-pad,0px) * -1);padding-right:var(--panel-pad,0px)}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.prod-photo{height:72px;font-size:17px}.prod-body{min-height:64px;padding:8px 10px}.prod-body b{font-size:14px}.prod .price{font-size:15px}.screen-head{padding-top:calc(10px + var(--sat-t));flex-wrap:wrap;gap:8px 12px}.screen-title{flex:1 0 100%;order:2;font-size:21px}.screen-title small{margin:2px 0 0;display:block}.screen-tools{gap:10px;margin-left:auto}.screen-tools .clock,.sync .sync-text{display:none}.sync-count{display:inline-flex}.split-screen{flex-direction:column;display:flex}.side-panel{border-left:0;border-top:1px solid var(--color-divider)}.commission-big{font-size:44px}.counted-val{font-size:38px}.close-screen{overscroll-behavior:contain;display:block;overflow-y:auto}.close-screen .close-body{padding-bottom:16px;overflow:visible}.close-sub{display:none}.recon{padding:12px 14px;font-size:15px}.recon .is-total{font-size:16px}.close-pad{padding:12px 12px calc(12px + var(--sat-b));flex:none;gap:8px}.close-pad .numpad{grid-auto-rows:48px}.close-pad .numpad .key{min-height:48px}.history-row{grid-template-columns:52px minmax(0,1fr) auto}.hr-tag{grid-area:2/2}.hr-total{grid-area:1/3/span 2;align-self:center}.mod-ov{padding:12px}.mod-head{grid-template-columns:88px minmax(0,1fr) auto;gap:12px}.mod-photo{height:88px}.mod-head-title{padding-top:12px}.mod-body{padding:14px 14px 4px}.mod-foot{padding:12px 14px calc(14px + var(--sat-b))}.confirm-ov,.success-ov{padding:12px}.toast-stack{bottom:auto;top:calc(8px + var(--sat-t))}}@media (width<=720px) and (height>=520px){.pos{flex-direction:column;display:flex}.pos-aside{border-left:0;border-top:1px solid var(--color-divider);--panel-pad:12px;--panel-pad-top:12px;max-height:46dvh;padding:var(--panel-pad-top) var(--panel-pad) calc(12px + var(--sat-b))}.pos.is-paying .pos-aside{flex:1;max-height:none}.pos.is-paying .pos-main{display:none}.order-title h3{font-size:18px}.order-title .kick{display:none}.cta-split{min-height:56px;padding:12px 16px}.cta-split>span:first-child{font-size:17px}.cta-split>span:last-child{font-size:22px}.pay-total{font-size:30px}.pay>.cta-split{box-shadow:0 0 0 8px var(--surface);position:sticky;bottom:0}.history-detail{border-top:1px solid var(--color-divider);max-height:52dvh}.history-list{flex:1}.split-screen>.screen-main{flex-grow:1}}@media (width<=720px) and (height>=520px) and (pointer:coarse){.pos-aside,.history-detail{height:var(--sheet-h,50dvh);min-height:0;max-height:100%;transition:height .2s var(--ease-spring);z-index:2;--panel-pad-top:0px;flex:none;padding-top:0;position:relative;overflow:hidden}.pos-aside:has(>.order)>.sheet-grip{width:auto;margin:0 calc(var(--panel-pad,0px) * -1);background:var(--color-bg);align-self:stretch}.pos.is-paying .pos-aside{flex:0 auto}.pos.is-paying .pos-main{display:flex}.pos-main{overflow:hidden}.pos-aside.sheet-dragging,.history-detail.sheet-dragging{transition:none}.pos-aside.sheet-min .order-head-total{display:inline}.pos-aside.sheet-min .order-count{display:none}.sheet-grip{cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:100%;padding:12px 0 10px;display:flex;position:relative}.sheet-grip:before{content:"";position:absolute;inset:-8px 0}.sheet-grip-bar{background:var(--color-neutral-400);border-radius:999px;width:46px;height:4px;transition:background .15s,width .15s}.sheet-grip:active .sheet-grip-bar{background:var(--color-accent);width:60px}}@media (width<=720px) and (height<=519px){:root{--aside-w:260px;--side-w:260px}.split-screen{display:grid}.side-panel{border-top:0;border-left:1px solid var(--color-divider)}}@media (height<=520px){.pos-main,.screen-head{padding-top:calc(10px + var(--sat-t))}.pos-aside,.side-panel,.auth-main{padding-top:calc(12px + var(--sat-t));padding-bottom:calc(12px + var(--sat-b))}.pos-aside{--panel-pad-top:calc(12px + var(--sat-t))}.cat-scroll{margin:8px 0}.prod-photo{height:56px}.pay-total{font-size:26px}.pay-methods,.pay-cards{margin-top:8px}.pay-card b{font-size:18px}.numpad.is-pay{grid-auto-rows:minmax(40px,1fr)}.numpad .key{min-height:44px}.numpad.is-pin .key{min-height:46px}.cta-split{min-height:52px}.pay>.cta-split{box-shadow:0 0 0 8px var(--surface);position:sticky;bottom:0}.auth-form{gap:12px}.pin-dots{padding:4px 0}}@media (pointer:coarse){.stepper button{width:44px;height:44px}.sync,.icon-btn,.back-link,.toast-x,.mod-close,button.ci-name{position:relative}.sync:before,.icon-btn:before,.back-link:before,button.ci-name:before{content:"";position:absolute;inset:-6px -4px}.toast-x:before{content:"";position:absolute;inset:-10px}.queue-btn,.cat-pill,.chip,.btn-sm,.pay-methods .opt,.screen-tools .seg .opt{min-height:44px}.icon-btn{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.fade-in,.cart-row,.prod.bump,.pin-dots.err,.gw-qris.is-paid,.cta-split.is-ready,.sync.is-pending .ic,.spin{animation:none}.spinner{animation-duration:2.4s}.success-card,.mod-card,.mod-ov,.success-ov,.cart-cut,.bar>span,.pos-aside,.history-detail,.sheet-grip-bar{transition:none}.success-ov.show .success-check,.success-ov.show .success-check path,.success-ov.show .success-title,.success-ov.show .success-total,.success-ov.show .success-facts,.success-ov.show .success-actions{animation:none}.success-check path{stroke-dashoffset:0}.gw-paid-check .success-ring{display:none}}.update-notice{left:16px;bottom:calc(16px + var(--sat-b,0px));z-index:70;background:var(--color-accent-100);border:1px solid var(--color-accent);border-radius:var(--r-ui);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:14px 44px 14px 16px;display:flex;position:fixed}.update-notice b{font-size:15px;font-weight:700;display:block}.update-notice p{color:var(--color-neutral-800);margin:4px 0 0;font-size:13.5px;line-height:1.5}.update-notice-cur{color:var(--color-neutral-700);white-space:nowrap}.update-notice-how{border-top:1px solid var(--color-divider);padding-top:8px}.update-notice-actions{gap:8px;display:flex}.update-notice-actions button{width:auto;min-height:40px;padding:8px 16px;font-size:14px;font-weight:600}.update-notice-x{position:absolute;top:6px;right:6px}@media (width<=720px){.update-notice{bottom:auto;top:calc(12px + var(--sat-t,0px))}}@media print{.update-notice{display:none}}.tempo-form{flex-direction:column;gap:12px;min-height:0;display:flex}.tempo-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tempo-warn{color:var(--color-warning-700);background:var(--color-warning-100);border-radius:var(--r-ui);padding:8px 10px;font-size:13px;line-height:1.45}.tempo-info{color:var(--color-neutral-800);background:var(--surface);border-radius:var(--r-ui);padding:8px 10px;font-size:13px;line-height:1.45}.tempo-dp-method,.rcv-method{align-self:flex-start;max-width:100%;display:flex}.tempo-dp-method .opt,.rcv-method .opt{min-height:44px;padding:9px 14px;font-size:14px;font-weight:600}.rcv-search{padding:12px var(--pad-x) 0;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rcv-search .search{flex:220px}.rcv-mode .opt{min-height:44px;padding:9px 14px;font-size:14px;font-weight:600}.rcv-result{border-radius:var(--r-ui);background:var(--surface);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.history-row.rcv-row{grid-template-columns:minmax(0,1fr) auto auto}.rcv-detail{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.rcv-head{flex-direction:column;gap:2px;display:flex}.rcv-head b{font-size:17px}.rcv-remind{align-self:flex-start;margin-top:6px}.rcv-head span{color:var(--color-neutral-700);overflow-wrap:anywhere;font-size:13px}.rcv-payments{margin:0}.rcv-payment{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.rcv-payment dt{color:var(--color-neutral-700)}.rcv-amount{margin-top:0}.rcv-detail .pay-card b{font-size:18px}