:root{color-scheme:light;--ground:#eef2f0;--surface:#fff;--surface-2:#f5f8f6;--line:#d4ddd8;--line-strong:#b4c2bb;--line-input:#7d8a84;--ink:#12211b;--ink-2:#43524b;--ink-3:#5c6b64;--accent:#0b6b47;--accent-press:#08553a;--accent-tint:#e1efe7;--accent-deep:#0a4a32;--accent-ink:#fff;--band:#ffd23f;--band-ink:#1c1a10;--danger:#b42318;--danger-deep:#8f1d14;--danger-tint:#fdeceb;--radius:12px;--radius-lg:18px;--shadow-panel:0 1px 2px #12211b0f, 0 10px 28px -12px #12211b2e;--ease-out:cubic-bezier(.16, 1, .3, 1);--band-h:calc(max(.5rem, env(safe-area-inset-top)) + .5rem + .875rem * 1.45 + 1px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:112.5%}body{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0;line-height:1.45;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.01em;text-wrap:balance;font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.125rem;font-weight:650;line-height:1.3}::selection{background:var(--accent-tint);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:1.25rem;height:1.25rem}.banner{z-index:20;background-color:var(--band);color:var(--band-ink);background-image:repeating-linear-gradient(-45deg,#0000 0 14px,#1c1a100f 14px 28px);border-bottom:1px solid #1c1a1033;position:sticky;top:0}.banner p{max-width:75rem;padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .5rem max(1rem, env(safe-area-inset-left));text-align:center;letter-spacing:.14em;margin:0 auto;font-size:.875rem;font-weight:800}.page{width:100%;max-width:75rem;padding:clamp(1rem,2.5vw,1.75rem) clamp(1rem,3vw,2.5rem);padding-left:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-left));padding-right:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-right));flex:1;margin:0 auto}.build-footer{padding:.625rem clamp(1rem,3vw,2.5rem);padding-right:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-right));padding-bottom:max(.625rem, env(safe-area-inset-bottom));padding-left:max(clamp(1rem, 3vw, 2.5rem), env(safe-area-inset-left));color:var(--ink-3);justify-content:flex-end;align-items:baseline;gap:.5ch;font-size:.75rem;display:flex}.build-id{font-family:var(--mono);color:var(--ink-2);font-size:.95em}.button{border-radius:var(--radius);min-height:3.25rem;font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), transform 80ms ease-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-quiet{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button-wide{width:100%;max-width:22rem}.button-small{min-height:2.75rem;padding:0 1rem;font-size:.9375rem}.button-block{width:100%}.button-tall{min-height:4.25rem;font-size:1.1875rem}.button-hero{border-radius:var(--radius-lg);width:100%;min-height:6rem;box-shadow:0 1px 0 var(--accent-press), 0 12px 28px -14px #0b6b478c;padding:0 2rem;font-size:1.375rem}.button-hero .icon{width:1.75rem;height:1.75rem}.button:disabled{cursor:default;opacity:.5}.button:disabled:active{transform:none}@media (hover:hover){.button-primary:hover:not(:disabled){background:var(--accent-press)}.button-quiet:hover:not(:disabled){border-color:var(--ink-3)}}.message{border-radius:var(--radius);align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.9375rem;line-height:1.4;display:flex}.message .icon{margin-top:.1rem}.message>span{flex:1;min-width:0}.message>.button{flex:none;margin:-.375rem -.375rem -.375rem 0}.message-dismiss{border-radius:var(--radius);width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-.625rem -.625rem -.625rem 0;display:grid}.message-error{background:var(--danger-tint);color:var(--danger-deep)}.message-error .icon{color:var(--danger)}.message-info,.message-ok{background:var(--accent-tint);color:var(--accent-deep)}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.key{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:4rem;box-shadow:0 1px 0 var(--line);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;user-select:none;transition:background-color .12s var(--ease-out), box-shadow .12s var(--ease-out), transform 80ms ease-out;padding:0 .25rem;font-size:1.75rem;font-weight:600;line-height:1.1}.key:active:not(:disabled){background:var(--accent-tint);box-shadow:none;transform:scale(.97)}.key:disabled{cursor:default;opacity:.45}.key-erase{color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-size:.8125rem;font-weight:600;display:flex}.key-erase .icon{width:1.625rem;height:1.625rem}.key-action{border-color:var(--accent);background:var(--accent);box-shadow:0 1px 0 var(--accent-press);color:var(--accent-ink);font-size:1.125rem;font-weight:700}.key-action:active:not(:disabled){background:var(--accent-press)}.pane-pin .key-action[aria-busy=true]{padding-inline:0;font-size:.75rem}@media (width>=900px){.pane-pin .key-action[aria-busy=true]{font-size:.9rem}}@media (hover:hover){.key:hover:not(:disabled){background:var(--surface-2)}.key-action:hover:not(:disabled){background:var(--accent-press)}}.status-panel{max-width:30rem;color:var(--ink-2);text-align:center;justify-items:center;gap:1rem;margin:0 auto;padding:4rem 1rem;display:grid}.status-icon{width:2.5rem;height:2.5rem;color:var(--danger)}.loading-bar{background:linear-gradient(90deg, var(--line) 0%, var(--accent) 50%, var(--line) 100%);background-size:200% 100%;border-radius:999px;width:8rem;height:.25rem;animation:1.1s linear infinite sweep}@keyframes sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.split{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.split-main{align-content:start;gap:1rem;padding-top:.25rem;display:grid}.lead{max-width:34rem;color:var(--ink-2);font-size:1.0625rem}.field-label{margin-top:.75rem;font-size:.9375rem;font-weight:650}.code-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;max-width:24rem;display:grid}.code-box{aspect-ratio:4/5;border:2px solid var(--line-input);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;transition:border-color .12s var(--ease-out), box-shadow .12s var(--ease-out);place-items:center;font-size:1.75rem;font-weight:700;display:grid}.code-box.filled{border-color:var(--ink-2)}.code-box.next{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.done{justify-items:start;gap:1rem;max-width:34rem;margin:2rem auto 0;display:grid}.done-mark{background:var(--accent);width:3.5rem;height:3.5rem;color:var(--accent-ink);border-radius:999px;place-items:center;display:grid}.done-mark .icon{width:2rem;height:2rem}.location-list{gap:.5rem;width:100%;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.location-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:.75rem;padding:1rem 1.125rem;font-size:1.25rem;font-weight:650;display:flex}.location-list .icon{width:1.5rem;height:1.5rem;color:var(--accent)}.pin-screen{gap:1.25rem;display:grid}.pin-head h1{align-items:center;gap:.625rem;display:flex}.pin-head-icon{width:1.75rem;height:1.75rem;color:var(--accent)}.pin-panes{grid-template-columns:minmax(0,1fr) minmax(19rem,24rem);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.pane-staff h2{color:var(--ink-2);margin-bottom:.75rem}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.staff-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:3.75rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), box-shadow .15s var(--ease-out);align-items:center;gap:.875rem;padding:.5rem 1rem .5rem .625rem;display:flex}.staff-tile[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent)}.staff-tile:disabled{cursor:default;opacity:.6}.staff-tile-placeholder{cursor:default;background:var(--surface-2);animation:1.4s ease-in-out infinite alternate placeholder}@keyframes placeholder{0%{opacity:1}to{opacity:.55}}@media (hover:hover){.staff-tile:hover:not(:disabled,[aria-pressed=true]){border-color:var(--line-strong);background:var(--surface-2)}}.avatar{border:1px solid var(--line);background:var(--surface-2);width:2.625rem;height:2.625rem;color:var(--ink-2);letter-spacing:.03em;border-radius:999px;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:grid}.staff-tile[aria-pressed=true] .avatar{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.staff-text{flex:1;gap:.125rem;min-width:0;display:grid}.staff-name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:600}.staff-note{color:var(--ink-3);font-size:.8125rem}.avatar .icon{width:1.375rem;height:1.375rem}.pane-pin{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-panel);gap:.75rem;padding:1.25rem;display:grid}.pin-who{overflow-wrap:anywhere;min-height:1.5em;font-size:1.25rem;font-weight:650}.pin-who-empty{color:var(--ink-3);font-size:1rem;font-weight:400}.pin-dots{justify-content:center;gap:.875rem;padding:.5rem 0 .375rem;display:flex}.dot{border:2px solid var(--line-input);width:1.125rem;height:1.125rem;transition:background-color .12s var(--ease-out), border-color .12s var(--ease-out), transform .18s var(--ease-out);border-radius:999px}.dot.filled{border-color:var(--ink);background:var(--ink);transform:scale(1.1)}.pin-dots.refused{animation:refuse .38s var(--ease-out)}@keyframes refuse{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(2px)}}.back-button{display:none}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);padding:1.25rem}body:has(.counter-app){height:100dvh}body:has(.counter-app) .page{flex-direction:column;min-height:0;padding-top:.75rem;padding-bottom:.5rem;display:flex}.counter-app{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.counter-bar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.counter-where,.counter-who{align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.counter-where{color:var(--ink-2)}.counter-where .icon{color:var(--accent)}.counter-who{margin-left:auto}.counter-who .avatar{width:2.25rem;height:2.25rem;font-size:.8125rem}.notices{overscroll-behavior:contain;flex:none;gap:.5rem;max-height:5.25rem;display:grid;overflow-y:auto}.pane-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:2.75rem;display:flex}.pane-head h2{font-size:1.25rem}.pane-head>.button,.pane-head>.preview-tag{margin-left:auto}.pane-hint{color:var(--ink-2);font-size:.9375rem}.back-link{border-radius:var(--radius);min-height:2.75rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin-left:-.375rem;padding:0 .75rem 0 .25rem;font-weight:650;display:inline-flex}@media (hover:hover){.back-link:hover{background:var(--accent-tint)}}.home{grid-template-columns:minmax(15rem,21rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);min-height:0;display:grid}.home-start{gap:.75rem;display:grid}.open-bills{gap:.75rem;min-height:0;max-height:100%;padding:2px;display:grid;overflow:auto}.open-bills h2{color:var(--ink-2)}.open-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.open-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:4.5rem;box-shadow:0 1px 0 var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;gap:.125rem 1rem;padding:.75rem 1.125rem;display:grid}.open-row-placeholder{background:var(--surface-2);cursor:default;animation:1.4s ease-in-out infinite alternate placeholder;display:block}.open-no{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.open-when{color:var(--ink-3);grid-column:1;font-size:.875rem}.open-total,.open-due{text-align:right;font-variant-numeric:tabular-nums;grid-column:2}.open-total{grid-row:1;font-weight:700}.open-due{color:var(--ink-2);grid-row:2;font-size:.875rem}@media (hover:hover){.open-row:hover{border-color:var(--line-strong);background:var(--surface-2)}}.bill-screen{flex:1;grid-template-columns:minmax(0,1fr) minmax(21rem,25rem);gap:clamp(1rem,2.5vw,1.75rem);min-height:0;display:grid}.work-side{flex-direction:column;gap:.75rem;min-width:0;min-height:0;display:flex}.bill-alerts{overscroll-behavior:contain;flex:none;gap:.5rem;max-height:min(12rem,30dvh);display:grid;overflow-y:auto}.work-pane{flex-direction:column;flex:1;gap:.875rem;min-height:0;padding:3px 3px 1rem;scroll-padding-bottom:6rem;display:flex;overflow:auto;container-type:inline-size}.bill-pane{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:flex;overflow:hidden}.bill-body{flex-direction:column;flex:1;gap:.875rem;min-height:0;margin:0 -.25rem;padding:0 .25rem;display:flex;overflow:auto}.bill-head{gap:.125rem;display:grid}.bill-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.bill-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.bill-title h2{font-variant-numeric:tabular-nums;font-size:1.375rem}.saving{color:var(--ink-3);font-size:.8125rem}.state{white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;min-height:2rem;padding:.25rem .875rem;font-size:.9375rem;font-weight:700;display:inline-flex}.state-belumBayar{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-2)}.state-menungguQr{background:var(--accent-tint);color:var(--accent-deep)}.state-dibayar{background:var(--accent);color:var(--accent-ink);letter-spacing:.08em}.state-ditutup{background:var(--ink);color:var(--accent-ink)}.state-dibatalkan{background:var(--danger-tint);color:var(--danger-deep)}.pulse{background:currentColor;border-radius:999px;flex:none;width:.5rem;height:.5rem;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.catalog{gap:.875rem;display:grid}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;height:100%;min-height:5rem;box-shadow:0 1px 0 var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), transform 80ms ease-out;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.875rem 1rem;display:flex}.tile:active:not(:disabled){background:var(--accent-tint);box-shadow:none;transform:scale(.98)}.tile:disabled{cursor:default;opacity:.5}.tile-placeholder{background:var(--surface-2);cursor:default;animation:1.4s ease-in-out infinite alternate placeholder;display:block}.tile-name{overflow-wrap:anywhere;font-weight:650;line-height:1.25}.tile-variant{color:var(--ink-2);font-size:.875rem;font-weight:500;display:block}.tile-meta{color:var(--ink-3);font-size:.8125rem}.tile-price{color:var(--accent-deep);font-variant-numeric:tabular-nums;align-self:flex-end;font-weight:750}@media (hover:hover){.tile:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2)}}.lines{margin:0;padding:0;list-style:none;display:grid}.line{border-top:1px solid var(--line);gap:.5rem;padding:.75rem 0;display:grid}.line:first-child{border-top:0;padding-top:.25rem}.line-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.line-name{overflow-wrap:anywhere;font-weight:650;line-height:1.3}.line-total{font-variant-numeric:tabular-nums;flex:none;font-weight:650}.line-tools{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stepper{border:1px solid var(--line-strong);border-radius:var(--radius);flex:none;align-items:center;display:inline-flex;overflow:hidden}.stepper-button{background:var(--surface);width:3rem;height:3rem;color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;place-items:center;display:grid}.stepper-button:disabled{cursor:default;opacity:.4}.stepper-value{font-variant-numeric:tabular-nums;text-align:center;min-width:2.25rem;font-weight:700}.line-staff{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);width:100%;min-height:3rem;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.3;display:flex}.line-staff span{overflow-wrap:anywhere}.line-staff[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--accent-tint);color:var(--accent-deep)}.line-staff:disabled{cursor:default;opacity:.5}.line-remove{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:3rem;height:3rem;color:var(--ink-3);cursor:pointer;touch-action:manipulation;flex:none;place-items:center;display:grid}.line-remove:disabled{cursor:default;opacity:.4}@media (hover:hover){.stepper-button:hover:not(:disabled){background:var(--surface-2)}.line-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}}.line-note{color:var(--ink-3);font-size:.8125rem}.lines-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-2);padding:1rem}.totals{border-top:2px solid var(--line);gap:.25rem;margin:0;padding-top:.75rem;display:grid}.totals-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;display:flex}.totals-row dt{color:var(--ink-2)}.totals-row dd{margin:0;font-weight:600}.totals-due{font-size:1.25rem}.totals-due dt{color:var(--ink);font-weight:650}.totals-due dd{font-weight:800}.payments{border-radius:var(--radius);background:var(--surface-2);gap:.25rem;margin:0;padding:.625rem .75rem;font-size:.875rem;list-style:none;display:grid}.payment{justify-content:space-between;gap:.75rem;display:flex}.payment-amount{font-variant-numeric:tabular-nums;font-weight:650}.bill-foot{flex:none;gap:.75rem;display:grid}.bill-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.5rem;display:grid}.staff-picker{gap:1rem;display:grid}.chip-group{border:0;gap:.5rem;margin:0;padding:0;display:grid}.chip-group legend{margin-bottom:.5rem;padding:0;font-size:1.0625rem;font-weight:700}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);min-height:3.5rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding:0 1.125rem 0 .625rem;font-weight:600;display:inline-flex}.chip-mark{border:2px solid var(--line-input);border-radius:999px;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.chip-mark .icon{width:1.125rem;height:1.125rem}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-deep)}.chip[aria-pressed=true] .chip-mark{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.chip:disabled{cursor:default;opacity:.5}.pay{gap:.75rem;display:grid}.segmented{border:1px solid var(--line);border-radius:calc(var(--radius) + .25rem);background:var(--surface-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.segment{border-radius:var(--radius);min-height:3rem;color:var(--ink-2);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;font-size:1.125rem;font-weight:700}.segment[aria-pressed=true]{border-color:var(--accent);background:var(--surface);color:var(--accent-deep);box-shadow:0 1px 2px #12211b14}.pay-body{align-items:start;gap:1rem;display:grid}.pay-side{display:contents}@container (width>=26rem){.pay-cash{grid-template-columns:minmax(13.5rem,20rem) minmax(9.5rem,1fr);grid-template-areas:"box box""head head""keys side";gap:.375rem 1.25rem}.pay-cash .amount{display:contents}.pay-cash .amount-box{grid-area:box}.pay-cash .amount-head{grid-area:head}.pay-cash .keypad-amount{grid-area:keys;margin-top:.375rem}.pay-cash .pay-side{grid-area:side;align-content:start;gap:.75rem;margin-top:.375rem;display:grid}.pay-cash .pay-action{background:0 0;margin-top:0;padding:0;position:static}.pay-cash .pay-action .button{padding-inline:.75rem}}@container (width>=34rem){.pay-cash .pay-due{display:grid}}.pay-card{max-width:34rem}.pay-action{z-index:1;background:linear-gradient(to bottom, #eef2f000, var(--ground) .75rem);gap:.5rem;margin-top:-.5rem;padding:.75rem 0 .25rem;display:grid;position:sticky;bottom:0}.pay-due{border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);gap:.125rem;padding:.875rem 1rem;display:none}.pay-due-amount{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}.amount{gap:.375rem;display:grid}.amount-head,.amount-line{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.amount-line{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);padding:.375rem .5rem .375rem 1rem}.amount-line-text{flex-wrap:wrap;align-items:baseline;gap:0 .75rem;display:flex}.amount-line-text .field-label{margin-top:0}.amount-line-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.amount-box{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem .875rem;display:flex}.amount-caption{color:var(--ink-2);font-size:.875rem;font-weight:650}.amount-display{font-variant-numeric:tabular-nums;text-align:right;font-size:2rem;font-weight:750;line-height:1.25;display:block}.amount-hint{color:var(--ink-2);font-size:.9375rem}.amount-problem{color:var(--danger-deep);font-weight:600}.keypad-amount{gap:.5rem}.keypad-amount .key{min-height:3rem}.card-form{gap:.625rem;display:grid}.field-pair{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.75rem;display:grid}.field{align-content:start;gap:.375rem;display:grid}.field .field-label,.send-row .field-label{margin-top:0}.field-hint{color:var(--ink-3);font-size:.8125rem}.text-input{border:2px solid var(--line-input);border-radius:var(--radius);background:var(--surface);width:100%;min-height:3.25rem;color:var(--ink);font:inherit;padding:0 .875rem;font-size:1.125rem}.text-input:focus-visible{border-color:var(--accent);outline-offset:1px}.text-input[aria-invalid=true]{border-color:var(--danger)}.text-input-code{letter-spacing:.08em;text-transform:uppercase}.text-input-digits{letter-spacing:.2em;font-variant-numeric:tabular-nums;max-width:9rem}.choice-row{flex-wrap:wrap;gap:.5rem;display:flex}.choice{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:3.25rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;padding:0 1.125rem;font-weight:650}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-deep)}.qr-start{gap:.875rem;max-width:24rem;display:grid}.qr-live{grid-template-columns:minmax(0,18rem) minmax(10rem,1fr);align-items:center;gap:1.25rem;display:grid}.qr-frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-panel);place-items:center;margin:0;padding:1rem;display:grid}.qr-code{aspect-ratio:1;width:min(18rem,36dvh);max-width:100%;height:auto;display:block}@container (width<=36rem){.qr-scan{font-size:1rem}.qr-amount{font-size:1.375rem}}.qr-light{fill:#fff}.qr-dark{fill:var(--ink)}.qr-facts{justify-items:start;gap:.625rem;display:grid}.qr-scan{font-size:1.125rem;font-weight:650}.qr-amount{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}.qr-expiry{color:var(--ink-2)}.qr-waiting{background:var(--accent-tint);color:var(--accent-deep);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:650;display:inline-flex}.receipt{gap:1rem;max-width:42rem;display:grid}.preview-tag{color:var(--band-ink);background:#fff4c7;border:1px solid #1c1a102e;border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:700}.receipt-paper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-panel);padding:1.125rem 1.375rem}.receipt-text{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.9375rem;line-height:1.55}.send-row{gap:.375rem;display:grid}.send-line{gap:.5rem;display:flex}.send-line .text-input{flex:1;min-width:0}.send-line .button{flex:none}.new-bill{gap:.75rem;display:grid}.new-bill>h2{color:var(--ink-2)}.start-choices{gap:.625rem;display:grid}.start-choice{border-radius:var(--radius-lg);width:100%;min-height:5.5rem;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), transform 80ms ease-out;border:2px solid #0000;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.start-choice:active:not(:disabled){transform:translateY(1px)}.start-choice:disabled{cursor:default;opacity:.5}.start-choice-walkin{background:var(--accent);box-shadow:0 1px 0 var(--accent-press), 0 12px 28px -14px #0b6b478c;color:var(--accent-ink)}.start-choice-find{border-color:var(--accent);background:var(--surface);box-shadow:0 1px 0 var(--line);color:var(--accent-deep)}@media (hover:hover){.start-choice-walkin:hover:not(:disabled){background:var(--accent-press)}.start-choice-find:hover:not(:disabled){background:var(--accent-tint)}}.start-icon{width:1.75rem;height:1.75rem}.start-text{gap:.125rem;min-width:0;display:grid}.start-label{font-size:1.375rem;font-weight:700;line-height:1.2}.start-note{font-size:.875rem;font-weight:500}.start-choice-walkin .start-note{color:#ffffffe0}.start-choice-find .start-note{color:var(--ink-2)}.lookup,.lookup-step{gap:.75rem;display:grid}.lookup>.back-link{justify-self:start}.lookup-title{font-size:1.0625rem;font-weight:650}.lookup-head{align-content:end;height:2.3625rem;margin-bottom:-.25rem;display:grid;overflow-y:auto}.lookup-problem{color:var(--danger-deep);align-items:flex-start;gap:.375rem;font-size:.875rem;font-weight:650;line-height:1.35;display:flex}.lookup-problem .icon{width:1rem;height:1rem;color:var(--danger);flex:none;margin-top:.1rem}.phone-display{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;min-height:calc(3.55rem + 4px);padding:.375rem 1rem;font-size:2rem;font-weight:750;line-height:1.4;display:block}.customer-found{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 0 var(--line);overflow-wrap:anywhere;align-items:center;gap:.75rem;padding:1rem 1.125rem;font-size:1.125rem;font-weight:650;line-height:1.35;display:flex}.bill-customer{min-width:0;color:var(--ink-2);overflow-wrap:anywhere;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}.bill-customer .icon{width:1.125rem;height:1.125rem;color:var(--accent)}.open-head{flex-wrap:wrap;grid-area:1/1;align-items:baseline;gap:0 .625rem;min-width:0;display:flex}.open-who{color:var(--ink-2);overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.state-tiadaBayaran{background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-deep)}.catalog-note{margin:0}.packages{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 0 var(--line);gap:.5rem;padding:.875rem 1.125rem .75rem;display:grid}.packages-none{color:var(--ink-2)}.package-list{margin:0;padding:0;list-style:none;display:grid}.package{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.625rem 1rem;padding:.75rem 0;display:grid}.package:first-child{border-top:0;padding-top:.25rem}.package-placeholder{border-radius:var(--radius);background:var(--surface-2);min-height:4rem;animation:1.4s ease-in-out infinite alternate placeholder}.package-head{gap:.25rem;min-width:0;display:grid}.package-name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:650;line-height:1.3}.package-meta{flex-wrap:wrap;align-items:center;gap:.375rem .5rem;display:flex}.package-left{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-weight:700}.package-usedup .package-name{color:var(--ink-3);font-weight:600}.package-frozen .package-left{color:var(--ink-2)}.package-redeem{white-space:nowrap;min-height:3.75rem;padding:0 1.25rem}.package-confirm{grid-column:1/-1}.badge{white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:.25rem;min-height:1.75rem;margin:0;padding:.125rem .625rem;font-size:.8125rem;font-weight:700;line-height:1.2;display:inline-flex}.badge .icon{width:1rem;height:1rem}.badge-credited{background:var(--accent-tint);color:var(--accent-deep)}.badge-frozen{background:var(--danger-tint);color:var(--danger-deep)}.badge-usedup{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-2)}.confirm-step{border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-tint);gap:.625rem;padding:.875rem 1rem;display:grid}.confirm-text{color:var(--ink);font-size:1.0625rem;font-weight:650;line-height:1.35}.confirm-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:.5rem;display:grid}.confirm-complete .confirm-text{font-size:.9375rem}.app-switch{border:1px solid var(--line);border-radius:calc(var(--radius) + .25rem);background:var(--surface-2);gap:.25rem;padding:.25rem;display:inline-flex}.app-switch-link{border-radius:var(--radius);min-height:2.75rem;color:var(--ink-2);touch-action:manipulation;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:0 1.125rem;font-weight:650;text-decoration:none;display:inline-flex}.app-switch-link[aria-current=page]{border-color:var(--accent);background:var(--surface);color:var(--accent-deep);box-shadow:0 1px 2px #12211b14}@media (hover:hover){.app-switch-link:not([aria-current=page]):hover{background:var(--surface);color:var(--ink)}}body:has(.calendar-app){height:100dvh}body:has(.calendar-app) .page{flex-direction:column;min-height:0;padding-top:.75rem;padding-bottom:.5rem;display:flex}.calendar-app{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex}.cal-bar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.cal-date{font-variant-numeric:tabular-nums;font-size:1.375rem}.cal-preview{margin-left:auto}.day-nav{border:1px solid var(--line);border-radius:calc(var(--radius) + .25rem);background:var(--surface-2);gap:.25rem;padding:.25rem;display:inline-flex}.day-step,.day-today{border-radius:var(--radius);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;place-items:center;font-weight:650;display:inline-grid}.day-step{width:2.75rem}.day-today{padding:0 1rem}.day-today[aria-current=date]{border-color:var(--accent);background:var(--surface);color:var(--accent-deep);box-shadow:0 1px 2px #12211b14}.day-step:disabled,.day-today:disabled{cursor:default;opacity:.5}@media (hover:hover){.day-step:hover:not(:disabled),.day-today:hover:not(:disabled,[aria-current=date]){background:var(--surface)}}.cal-hidden{gap:.125rem;display:grid}.cal-outside{color:var(--ink-2);font-size:.875rem}.cal-body{flex:1;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);min-height:0;display:grid}.cal-body-open{grid-template-columns:minmax(0,1fr) clamp(20rem,34vw,26rem)}.cal-day{flex-direction:column;min-width:0;min-height:0;display:flex}.cal-scroll{overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-panel);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;flex:1;overflow:auto}.cal-grid{--cal-row:2.75rem;--cal-time:4.25rem;grid-template-columns:var(--cal-time);grid-template-rows:auto auto;grid-auto-columns:minmax(10.5rem,1fr);grid-auto-flow:column;width:max-content;min-width:100%;display:grid}.cal-body-open .cal-grid{grid-auto-columns:minmax(9rem,1fr)}.cal-corner,.cal-head{z-index:4;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}.cal-corner{z-index:5;border-right:1px solid var(--line);left:0}.cal-head{border-left:1px solid var(--line);contain:inline-size;align-items:center;gap:.625rem;min-width:0;min-height:3.75rem;padding:.5rem .75rem;display:flex}.cal-head .avatar{width:2.25rem;height:2.25rem;font-size:.8125rem}.cal-head-text{min-width:0;line-height:1.25;display:grid}.cal-head-name{overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.cal-head-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.cal-times{z-index:3;border-right:1px solid var(--line);background:var(--surface);position:sticky;left:0}.cal-time{height:var(--cal-row);color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;border-top:1px solid #0000;padding:.25rem .625rem 0 0;font-size:.8125rem}.cal-time:nth-child(4n+1){border-top-color:var(--line);color:var(--ink-2);font-weight:650}.cal-lane{z-index:0;border-left:1px solid var(--line);position:relative}.cal-slot{height:var(--cal-row);border-top:1px solid #d4ddd873;position:relative}.cal-slot:nth-child(4n+1){border-top-color:var(--line)}.cal-free{z-index:1;width:100%;color:var(--accent-deep);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:background-color .12s var(--ease-out);background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.875rem;font-weight:650;display:flex;position:absolute;inset:0}.cal-free>*{opacity:0;transition:opacity .12s var(--ease-out)}.cal-free .icon{width:1.125rem;height:1.125rem}.cal-free:focus-visible{outline-offset:-3px}.cal-free:active:not(:disabled),.cal-free:focus-visible{background:var(--accent-tint)}.cal-free:active:not(:disabled)>*,.cal-free:focus-visible>*{opacity:1}.cal-free:disabled{cursor:default}@media (hover:hover){.cal-free:hover:not(:disabled){background:var(--accent-tint)}.cal-free:hover:not(:disabled)>*{opacity:1}}.cal-card,.cal-ghost{height:calc(var(--span,1) * var(--cal-row) - 4px);border-radius:calc(var(--radius) - 2px);position:absolute;top:2px;left:.375rem;right:.375rem}.cal-card{z-index:2;border:1px solid var(--accent);background:var(--accent-tint);color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:box-shadow .15s var(--ease-out), transform 80ms ease-out;flex-direction:column;align-items:stretch;gap:.0625rem;padding:.3125rem .625rem;line-height:1.25;display:flex;overflow:hidden;box-shadow:0 1px 2px #12211b14}button.cal-card:active:not(:disabled){transform:scale(.985)}button.cal-card:disabled{cursor:default}.cal-card:focus-visible{outline-offset:2px}.cal-card-time{color:var(--accent-deep);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:750}.cal-card-what{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-card-who{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;font-size:.9375rem;font-weight:700;display:-webkit-box;overflow:hidden}.cal-card-what{color:var(--ink-2);font-size:.8125rem}.cal-card-tags{flex-wrap:wrap;gap:.25rem;margin-top:.125rem;display:flex}.cal-card-status,.cal-card-bill{background:var(--surface);color:var(--accent-deep);white-space:nowrap;border-radius:999px;padding:.0625rem .5rem;font-size:.75rem;font-weight:700}.cal-arrived{border-color:var(--accent-deep);background:var(--accent);color:var(--accent-ink)}.cal-arrived .cal-card-time{color:var(--accent-ink)}.cal-arrived .cal-card-what{color:#ffffffd9}.cal-completed{border-color:var(--line-strong);background:var(--surface-2)}.cal-completed .cal-card-time{color:var(--ink-2)}.cal-freed{z-index:0;border:1px dashed var(--line-strong);background:var(--surface-2);box-shadow:none;color:var(--ink-3);pointer-events:none}.cal-freed .cal-card-time,.cal-freed .cal-card-what{color:var(--ink-3)}.cal-freed .cal-card-who{text-decoration:line-through;text-decoration-color:var(--line-strong);font-weight:600}.cal-freed .cal-card-status{border:1px solid var(--line-strong);color:var(--ink-2)}.cal-selected{z-index:3;outline:3px solid var(--accent-deep);outline-offset:1px}@media (hover:hover){button.cal-card:hover:not(:disabled){box-shadow:0 6px 16px -8px #12211b59}}.cal-ghost{z-index:3;border:2px dashed var(--accent-deep);color:var(--accent-deep);font-variant-numeric:tabular-nums;pointer-events:none;background:#e1efe7b8;align-items:flex-start;gap:.25rem;padding:.3125rem .625rem;font-size:.8125rem;font-weight:750;line-height:1.25;display:flex;overflow:hidden;box-shadow:0 8px 20px -10px #0b6b4780}.cal-ghost .icon{width:1rem;height:1rem}.cal-ghost-clash{border-color:var(--danger);color:var(--danger-deep);background:#fdecebf0;left:min(50%,100% - 7.5rem);box-shadow:0 8px 20px -10px #b4231873}.cal-span-1{--span:1}.cal-span-2{--span:2}.cal-span-3{--span:3}.cal-span-4{--span:4}.cal-span-5{--span:5}.cal-span-6{--span:6}.cal-span-7{--span:7}.cal-span-8{--span:8}.cal-span-9{--span:9}.cal-span-10{--span:10}.cal-span-11{--span:11}.cal-span-12{--span:12}.cal-span-13{--span:13}.cal-span-14{--span:14}.cal-span-15{--span:15}.cal-span-16{--span:16}.cal-span-17{--span:17}.cal-span-18{--span:18}.cal-span-19{--span:19}.cal-span-20{--span:20}.cal-span-21{--span:21}.cal-span-22{--span:22}.cal-span-23{--span:23}.cal-span-24{--span:24}.cal-span-25{--span:25}.cal-span-26{--span:26}.cal-span-27{--span:27}.cal-span-28{--span:28}.cal-span-29{--span:29}.cal-span-30{--span:30}.cal-span-31{--span:31}.cal-span-32{--span:32}.cal-span-33{--span:33}.cal-span-34{--span:34}.cal-span-35{--span:35}.cal-span-36{--span:36}.cal-span-37{--span:37}.cal-span-38{--span:38}.cal-span-39{--span:39}.cal-span-40{--span:40}.cal-span-41{--span:41}.cal-span-42{--span:42}.cal-span-43{--span:43}.cal-span-44{--span:44}.cal-span-45{--span:45}.cal-span-46{--span:46}.cal-span-47{--span:47}.cal-span-48{--span:48}.cal-sheet{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-panel);animation:sheet-in .22s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes sheet-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}.cal-sheet-head{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .75rem .25rem 1.25rem;display:flex}.cal-sheet-head h2{overflow-wrap:anywhere;min-width:0;font-size:1.25rem}.cal-sheet-close{border-radius:var(--radius);width:2.75rem;height:2.75rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}@media (hover:hover){.cal-sheet-close:hover{background:var(--surface-2);color:var(--ink)}}.cal-sheet-summary{border-bottom:1px solid var(--line);gap:.5rem;padding:0 1.25rem .875rem;display:grid}.cal-sheet>.cal-held{margin:.75rem 1.25rem 0}.cal-sheet-body{overscroll-behavior:contain;flex:1;align-content:start;gap:1.125rem;min-height:0;padding:1rem 1.25rem 1.25rem;display:grid;overflow:auto}.cal-sheet-foot{border-top:1px solid var(--line);background:var(--surface);gap:.5rem;padding:.75rem 1.25rem 1rem;display:grid}.cal-sheet-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.cal-sheet-when{color:var(--ink-2);gap:.0625rem;font-size:.9375rem;display:grid}.cal-sheet-range{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.1875rem;font-weight:750}.cal-state-booked,.cal-state-confirmed{background:var(--accent-tint);color:var(--accent-deep)}.cal-state-arrived{background:var(--accent);color:var(--accent-ink)}.cal-state-completed{background:var(--ink);color:var(--accent-ink)}.cal-state-no_show,.cal-state-cancelled{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-2)}.cal-services{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.cal-services li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.125rem .75rem;display:flex}.cal-service-name{font-weight:650}.cal-service-who{color:var(--ink-2);align-items:center;gap:.3125rem;font-size:.9375rem;display:inline-flex}.cal-service-who .icon{width:1rem;height:1rem;color:var(--accent)}.cal-field,.cal-customer,.cal-move,.cal-actions{gap:.625rem;display:grid}.cal-field .field-label,.cal-fieldset .field-label{margin-top:0}.cal-field .keypad .key{min-height:3.25rem}.cal-field .phone-display{min-height:3.25rem;font-size:1.625rem}.cal-fieldset{border:0;gap:.375rem;min-width:0;margin:0;padding:0;display:grid}.cal-fieldset legend{padding:0}.cal-fieldset .choice-row{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));display:grid}.cal-fieldset .choice{text-wrap:balance;min-height:3.25rem;padding:.25rem .5rem;font-size:.9375rem;line-height:1.2}.select-input{background:var(--surface);cursor:pointer;padding-right:.5rem}.select-input:disabled{cursor:default;opacity:.6}.cal-time-field{scroll-margin-block:.75rem}.cal-time-row{align-items:center;gap:.75rem;display:flex}.cal-time-row .select-input{max-width:9rem}.cal-ends{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:650}.cal-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.button-warn{color:var(--danger-deep)}.button-danger{background:var(--danger);color:var(--accent-ink)}@media (hover:hover){.button-danger:hover:not(:disabled){background:var(--danger-deep)}.button-warn:hover:not(:disabled){border-color:var(--danger)}}.cal-confirm{border-color:var(--danger);background:var(--danger-tint)}.work-side>.cal-sheet{flex:1}.line-actions{flex:none;align-items:center;gap:.5rem;display:flex}.line-discount-button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:3rem;color:var(--accent-deep);font:inherit;cursor:pointer;touch-action:manipulation;padding:0 .875rem;font-size:.9375rem;font-weight:650}.line-discount-button:disabled{cursor:default;opacity:.4}@media (hover:hover){.line-discount-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint)}}.line-discount{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;font-size:.875rem;font-weight:600;display:flex}.line-approved{color:var(--accent-deep);align-items:center;gap:.25rem;display:inline-flex}.line-approved .icon{width:1rem;height:1rem}.bill-nav-end{align-items:center;gap:.75rem;min-width:0;display:flex}.bill-void{color:var(--danger-deep);border-color:#b4231873}@media (hover:hover){.bill-void:hover:not(:disabled){border-color:var(--danger);background:var(--danger-tint)}}.late-qr{border-radius:var(--radius);background:var(--danger-tint);color:var(--danger-deep);align-items:flex-start;gap:.5rem;margin-top:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:650;line-height:1.35;display:flex}.late-qr .icon{color:var(--danger);margin-top:.05rem}.approval{container-type:inline-size}.approval-summary{gap:.125rem;display:grid}.approval-what{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.approval-why{color:var(--ink-2);overflow-wrap:anywhere;font-size:.9375rem}.approval-details,.approval-approve{align-items:start;gap:1.125rem;display:grid}@container (width>=23rem){.approval-details-discount{grid-template-columns:minmax(14.5rem,1.3fr) minmax(8rem,1fr)}.approval-approve{grid-template-rows:auto 1fr;grid-template-columns:minmax(9rem,1fr) minmax(14.5rem,15rem)}.approval-pin{grid-area:1/2/span 2}.approval-back{grid-area:2/1}}.cal-sheet>.approval-status{flex:none;height:3.3625rem;margin:.75rem 1.25rem 0;overflow-y:auto}.approval-status>.message{min-height:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.35}.approval-status>.message>.button{margin:-.25rem -.25rem -.25rem 0}.approval-status>.pane-hint{padding:.5rem 0;font-size:.875rem;line-height:1.35}@media (width<=899px){.cal-sheet>.approval-status{height:5.725rem}}.cal-sheet-foot>.approval-read-failed{align-items:center;min-height:3.25rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.35}.cal-sheet-foot>.approval-read-failed>.button{margin:-.25rem -.25rem -.25rem 0}.approval h3{margin:0;font-size:1.0625rem;font-weight:700}.approval-reasons{border:0;gap:.625rem;min-width:0;margin:0;padding:0;display:grid}.approval-reasons legend{margin-bottom:.5rem;padding:0;font-size:1.0625rem;font-weight:700}.approval-who,.approval-pin{align-content:start;gap:.5rem;min-width:0;display:grid}.approver-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.approval-pin .pin-dots{padding:.25rem 0}.approval-pin .key{min-height:3rem}.approval-pin .key-action{font-size:.9375rem}.approval-pin .key-action[aria-busy=true]{letter-spacing:-.02em;padding-inline:0;font-size:.65rem}.approval .keypad-amount .key{min-height:2.75rem}.approver-tile{justify-content:space-between;min-height:3.5rem;padding:.375rem .75rem}.approver-check{color:var(--accent)}.approval-back{justify-self:start}.release{gap:1.125rem;display:grid;container-type:inline-size}.release-facts{border:1px solid var(--line);border-radius:var(--radius);margin:0;display:grid}.release-fact{border-top:1px solid var(--line);grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr);gap:.75rem;padding:.375rem .875rem;display:grid}.release-fact:first-child{border-top:0}.release-fact dt{color:var(--ink-2)}.release-fact dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:650}@container (width>=23rem){.release-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.release-fact{grid-template-columns:minmax(0,1fr);gap:0;padding:.25rem .75rem}.release-fact:nth-child(2){border-top:0}.release-fact:nth-child(2n){border-left:1px solid var(--line)}.release-fact dt{font-size:.8125rem}}.release-bill{gap:.5rem;display:grid}.release-bill h3{margin:0;font-size:1.0625rem;font-weight:700}.release-bill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.release-list{border-radius:var(--radius);background:var(--surface-2);gap:.25rem;margin:0;padding:.625rem .75rem;font-size:.9375rem;list-style:none;display:grid}.release-row{justify-content:space-between;gap:.75rem;display:flex}.release-amount{font-variant-numeric:tabular-nums;flex:none;font-weight:650}.release-choices{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.5rem;display:grid}.release-drop{color:var(--danger-deep)}.unsent-asks{flex:none;gap:.5rem;display:grid}@media (width<=899px){.release-choices{grid-template-columns:minmax(0,1fr)}h1{font-size:1.5rem}.split,.pin-panes{grid-template-columns:minmax(0,1fr)}.split-side,.pane-pin{width:100%;max-width:28rem;margin:0 auto}body:has(.counter-app){height:auto}.counter-where{min-width:0}.counter-where span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.counter-who-name,.counter-lock span{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.counter-lock{width:2.75rem;padding:0}.bill-body{overflow:visible}.work-side{display:contents}.work-side>.notices{order:-3;max-height:12rem}.work-side>.bill-alerts{order:-2}.bill-alerts{top:var(--band-h);z-index:10;background:var(--ground);max-height:40dvh;margin:-.25rem 0;padding:.25rem 0;position:sticky}.bill-alerts .message:has(>.button){flex-wrap:wrap}.bill-alerts .message:has(>.button)>span{flex-basis:calc(100% - 1.875rem)}.bill-alerts .message>.button{margin:0 0 0 1.875rem}.pay-action{padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.home,.bill-screen,.pay-body,.qr-live{grid-template-columns:minmax(0,1fr)}.bill-pane{order:-1;overflow:visible}.field-pair{grid-template-columns:minmax(0,1fr)}.work-pane,.open-bills{overflow:visible}.qr-frame{justify-self:center}.send-line{flex-wrap:wrap}.send-line .text-input{flex-basis:100%}.send-line .button{flex:1}.pin-screen[data-step=staff] .pane-pin,.pin-screen[data-step=pin] .pane-staff{display:none}.counter-bar{flex-wrap:wrap}.counter-where{flex:1 1 0}.app-switch{flex:1 0 100%;order:10}.app-switch-link{flex:1}.cal-preview{margin-left:0}.cal-date{font-size:1.1875rem}.cal-grid,.cal-body-open .cal-grid{--cal-time:3.5rem;grid-auto-columns:minmax(9.5rem,1fr)}.cal-body-open{grid-template-columns:minmax(0,1fr)}.cal-sheet{inset:var(--band-h) 0 0;z-index:15;box-shadow:none;border:0;border-radius:0;animation-name:sheet-up;position:fixed}.cal-sheet-foot{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.back-button{min-height:3rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.375rem;padding:0 .75rem 0 .25rem;font-weight:600;display:inline-flex}}@media (orientation:landscape) and (height<=520px){:root{--band-h:calc(max(.25rem, env(safe-area-inset-top)) + .25rem + .75rem * 1.45 + 1px)}.banner p{padding-top:max(.25rem, env(safe-area-inset-top));padding-bottom:.25rem;font-size:.75rem}.page{padding-top:.75rem;padding-bottom:.75rem}h1{font-size:1.25rem}.split,.pin-panes{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);gap:1.25rem}.split-side,.pane-pin{max-width:none;margin:0}.pin-screen[data-step=staff] .pane-pin,.pin-screen[data-step=pin] .pane-staff{display:grid}.pin-screen{gap:.5rem}.back-button{display:none}.pane-pin{gap:.375rem;padding:.75rem}.pin-who{font-size:1.0625rem}.pin-dots{padding:.125rem 0}.keypad{gap:.375rem}.key{min-height:2.75rem}.key:not(.key-erase,.key-action){font-size:1.375rem}.pane-pin h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.staff-tile{min-height:2.75rem;padding-block:.25rem}.avatar{width:2.25rem;height:2.25rem}.code-boxes{max-width:20rem}.code-box{font-size:1.5rem}}@media (width>=900px) and (height<=820px){.key{min-height:3.5rem}.lookup .key{min-height:3rem}.pin-screen{gap:1rem}.pay>.pane-head{display:contents}.pay>.pane-head .back-link{display:none}.pay>.pane-head h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}