@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/martian-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/martian-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--sans:"Archivo", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--mono:"Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--bg:#f4f7fa;--surface:#fff;--surface-2:#edf2f8;--border:#dbe3ed;--border-strong:#bdc9d9;--text:#141e2d;--text-2:#53627a;--text-3:#8793a6;--accent:#1b72b8;--accent-hover:#155e9a;--accent-soft:#e3eff9;--brand-red:#ce2e3b;--grad:linear-gradient(97deg, #2c6fbf 0%, #8b3e9e 52%, #e8543c 100%);--good:#16795a;--good-soft:#dff1ea;--warn:#92640c;--warn-soft:#faf0da;--neutral:#64728a;--neutral-soft:#e9edf3;--crit:#be2c38;--crit-soft:#fae5e7;--shadow:0 1px 2px #141e2d0d, 0 4px 16px #141e2d0f;--radius:10px;--radius-sm:6px;--radius-lg:14px}@media (prefers-color-scheme:dark){:root{--bg:#0b111b;--surface:#121b28;--surface-2:#1a2434;--border:#253145;--border-strong:#35445c;--text:#e3eaf5;--text-2:#96a5bc;--text-3:#6a7890;--accent:#52a5e4;--accent-hover:#6db5eb;--accent-soft:#12283e;--brand-red:#ef6470;--grad:linear-gradient(97deg, #4e8fd6 0%, #a755b4 52%, #f0705a 100%);--good:#45bd93;--good-soft:#0e2e24;--warn:#d5a140;--warn-soft:#32260c;--neutral:#8595ae;--neutral-soft:#1d2837;--crit:#e2666f;--crit-soft:#33161a;--shadow:0 1px 2px #00000073, 0 4px 16px #00000059}}:root[data-theme=light]{--bg:#f4f7fa;--surface:#fff;--surface-2:#edf2f8;--border:#dbe3ed;--border-strong:#bdc9d9;--text:#141e2d;--text-2:#53627a;--text-3:#8793a6;--accent:#1b72b8;--accent-hover:#155e9a;--accent-soft:#e3eff9;--brand-red:#ce2e3b;--grad:linear-gradient(97deg, #2c6fbf 0%, #8b3e9e 52%, #e8543c 100%);--good:#16795a;--good-soft:#dff1ea;--warn:#92640c;--warn-soft:#faf0da;--neutral:#64728a;--neutral-soft:#e9edf3;--crit:#be2c38;--crit-soft:#fae5e7;--shadow:0 1px 2px #141e2d0d, 0 4px 16px #141e2d0f}:root[data-theme=dark]{--bg:#0b111b;--surface:#121b28;--surface-2:#1a2434;--border:#253145;--border-strong:#35445c;--text:#e3eaf5;--text-2:#96a5bc;--text-3:#6a7890;--accent:#52a5e4;--accent-hover:#6db5eb;--accent-soft:#12283e;--brand-red:#ef6470;--grad:linear-gradient(97deg, #4e8fd6 0%, #a755b4 52%, #f0705a 100%);--good:#45bd93;--good-soft:#0e2e24;--warn:#d5a140;--warn-soft:#32260c;--neutral:#8595ae;--neutral-soft:#1d2837;--crit:#e2666f;--crit-soft:#33161a;--shadow:0 1px 2px #00000073, 0 4px 16px #00000059}:root{--panel:var(--surface);--panel-2:var(--surface-2);--panel-3:color-mix(in srgb, var(--border) 55%, var(--surface-2));--line:var(--border);--line-2:var(--border-strong);--dim:var(--text-2);--dim-2:var(--text-3);--biru:var(--accent);--biru-2:var(--accent-hover);--r-sm:var(--radius-sm);--r:var(--radius);--r-lg:var(--radius-lg);--void:color-mix(in srgb, var(--border) 60%, var(--bg));--grid:color-mix(in srgb, var(--border) 45%, transparent);--keycap:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);--keycap-b:var(--border-strong);--glow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent);--tunai:var(--good);--emoney:var(--accent);--batal:var(--crit)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{font-family:var(--sans);background:var(--void);color:var(--text);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:28px 28px;font-size:15px;line-height:1.35}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.mesin{background:var(--line);grid-template-rows:auto 1fr auto;gap:1px;height:100dvh;padding:1px;display:grid}.bilah{background:var(--bg);align-items:center;gap:18px;height:52px;padding:0 16px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.tanda{background:var(--grad);color:#fff;width:30px;height:30px;font:800 15px/1 var(--sans);letter-spacing:-.03em;border-radius:8px;flex:none;place-items:center;display:grid}.logo b{color:var(--biru)}.logo-tag{font:500 10px/1 var(--mono);letter-spacing:.18em;color:var(--dim-2);text-transform:uppercase;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:3px 6px}.bilah-sisa{flex:1}.bilah-info{color:var(--dim);align-items:center;gap:8px;font-size:12px;display:flex}.bilah-info strong{color:var(--text);font-weight:600}.titik{background:var(--tunai);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tunai) 20%, transparent);border-radius:50%}.badan{grid-template-columns:1fr 400px;gap:1px;min-height:0;display:grid}@media (width<=1100px){.badan{grid-template-columns:1fr 340px}}.kiri{background:var(--bg);grid-template-rows:auto auto 1fr;min-height:0;display:grid}.pindai{border-bottom:1px solid var(--line);background:var(--panel);padding:14px 16px}.pindai-kotak{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r);align-items:center;gap:12px;height:58px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.pindai-kotak:focus-within{border-color:var(--biru);box-shadow:var(--glow)}.pindai-ikon{width:22px;height:22px;color:var(--biru);flex:none}.pindai input{min-width:0;color:var(--text);font:600 20px/1 var(--mono);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1}.pindai input::placeholder{color:var(--dim-2);letter-spacing:0;font-weight:400;font-family:var(--sans);font-size:16px}.cepat{border-bottom:1px solid var(--line);scrollbar-width:none;background:var(--bg);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.cepat::-webkit-scrollbar{display:none}.cepat button{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);font:600 12px/1.3 var(--sans);cursor:pointer;text-align:left;flex:none;min-width:104px;padding:8px 12px;transition:transform 80ms,border-color .12s,background .12s}.cepat button:hover{border-color:var(--line-2);background:var(--panel-3)}.cepat button:active{transform:translateY(1px)}.cepat button i{font-style:normal;font:500 11px/1 var(--mono);color:var(--dim);margin-top:5px;display:block}.keranjang{min-height:0;overflow:auto}.keranjang table{border-collapse:collapse;width:100%}.keranjang thead th{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim-2);text-align:left;padding:11px 12px;position:sticky;top:0}.keranjang th.n,.keranjang td.n{text-align:right}.keranjang tbody td{border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent);vertical-align:middle;padding:11px 12px}.keranjang tbody tr{transition:background .12s}.keranjang tbody tr:hover{background:var(--panel)}.keranjang tbody tr[aria-selected=true]{background:color-mix(in srgb, var(--biru) 12%, transparent);box-shadow:inset 3px 0 0 var(--biru)}.nama{font-weight:600}.sku{font:400 11px/1 var(--mono);color:var(--dim-2);margin-top:4px}.harga,.subtotal,.qty{font-family:var(--mono);font-variant-numeric:tabular-nums}.subtotal{font-weight:600}.qty{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);justify-content:center;align-items:center;min-width:44px;height:32px;padding:0 8px;font-weight:600;display:inline-flex}.hapus{cursor:pointer;color:var(--dim-2);border-radius:var(--r-sm);background:0 0;border:0;padding:6px;line-height:0}.hapus:hover{color:var(--batal);background:color-mix(in srgb, var(--batal) 14%, transparent)}@keyframes masuk{0%{background:color-mix(in srgb, var(--biru) 30%, transparent)}to{background:0 0}}.baru{animation:.55s ease-out masuk}.kosong{height:100%;min-height:220px;color:var(--dim-2);text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.kosong svg{opacity:.35}.kosong p{max-width:260px;font-size:13px}.kanan{background:var(--panel);grid-template-rows:auto 1fr auto;min-height:0;display:grid}.anggota{border-bottom:1px solid var(--line);padding:14px 16px}.anggota-kepala{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--dim-2);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.anggota-kosong{background:var(--panel-2);border:1px dashed var(--line-2);border-radius:var(--r);width:100%;color:var(--dim);font:500 13px/1 var(--sans);cursor:pointer;align-items:center;gap:10px;padding:12px;transition:border-color .12s,color .12s;display:flex}.anggota-kosong:hover{border-color:var(--biru);color:var(--text)}.anggota-kartu{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-left:3px solid var(--accent);border-radius:var(--r);cursor:pointer;padding:12px}.anggota-nama{font-size:15px;font-weight:700}.anggota-no{font:400 11px/1 var(--mono);color:var(--dim);margin-top:5px}.anggota-limit{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.anggota-limit b{font:600 14px/1 var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}.anggota-limit b.tipis{color:var(--warn)}.anggota-limit b.habis{color:var(--crit)}.skor{align-content:end;gap:10px;min-height:0;padding:18px 16px;display:grid}.rinci{gap:7px;font-size:13px;display:grid}.rinci div{color:var(--dim);justify-content:space-between;display:flex}.rinci b{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.rinci .potong b{color:var(--tunai)}.layar{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px 18px 18px}.layar-label{font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.layar-nilai{font:700 clamp(34px, 4.4vw, 52px)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text);align-items:baseline;gap:8px;margin-top:8px;display:flex}.layar-nilai small{font:500 15px/1 var(--mono);color:var(--biru)}@keyframes denyut{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.5);transform:scale(1.022)}to{filter:brightness();transform:scale(1)}}.layar-nilai.ubah{animation:.3s ease-out denyut}.layar-jumlah{border-top:1px solid color-mix(in srgb, var(--accent) 22%, transparent);font:500 11px/1 var(--mono);color:var(--dim);justify-content:space-between;margin-top:10px;padding-top:10px;display:flex}.bayar{gap:8px;padding:0 16px 16px;display:grid}.tbl{border:1px solid var(--line-2);border-radius:var(--r);background:var(--keycap);width:100%;height:56px;color:var(--text);font:700 15px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;border-bottom-width:3px;align-items:center;gap:12px;padding:0 14px;transition:transform 70ms,border-color .12s,box-shadow .12s;display:flex}.tbl:hover{border-color:var(--w,var(--biru))}.tbl:active{border-bottom-width:1px;margin-bottom:2px;transform:translateY(2px)}.tbl:disabled{opacity:.38;cursor:not-allowed;transform:none}.tbl .kunci{border-radius:var(--r-sm);border:1px solid var(--keycap-b);background:color-mix(in srgb, var(--w,var(--biru)) 20%, transparent);min-width:34px;height:26px;color:var(--w,var(--biru));font:700 11px/1 var(--mono);flex:none;place-content:center;display:grid}.tbl .sisa{text-align:left;flex:1}.tbl .sisa i{font-style:normal;font:400 11px/1 var(--sans);color:var(--dim);margin-top:4px;display:block}.tbl.utama{--w:var(--tunai)}.tbl.emoney{--w:var(--emoney)}.tbl.kredit{--w:#fff;background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 1px 2px #141e2d24}.tbl.kredit:hover{filter:brightness(1.07);border-color:#0000}.tbl.kredit .kunci{color:#fff;background:#fff3;border-color:#ffffff52}.tbl.kredit .sisa i{color:#ffffffc7}.tbl.kredit:disabled{filter:saturate(.2)brightness(.9)}.kaki{background:var(--bg);scrollbar-width:none;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex;overflow-x:auto}.kaki::-webkit-scrollbar{display:none}.kaki span{color:var(--dim);white-space:nowrap;align-items:center;gap:6px;padding-right:10px;font-size:11px;display:inline-flex}.kaki kbd{font:600 10px/1 var(--mono);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);border-bottom-width:2px;padding:4px 6px}.tirai{z-index:50;background:color-mix(in srgb, var(--void) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;place-items:center;padding:20px;transition:opacity .16s;display:grid;position:fixed;inset:0}.tirai[data-buka]{opacity:1;pointer-events:auto}.dialog{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);width:min(560px,100%);box-shadow:var(--shadow);transition:transform .18s cubic-bezier(.2,.9,.3,1);overflow:hidden;transform:translateY(10px)scale(.985)}.tirai[data-buka] .dialog{transform:none}.dialog-kepala{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:10px;padding:14px 16px;display:flex}.dialog-kepala .pita{background:var(--w,var(--biru));border-radius:2px;width:4px;height:22px}.dialog-kepala h2{letter-spacing:-.01em;font-size:15px;font-weight:700}.dialog-kepala .tutup{cursor:pointer;color:var(--dim);font:600 11px/1 var(--mono);border:0;border:1px solid var(--line);border-radius:var(--r-sm);background:0 0;margin-left:auto;padding:6px 8px}.dialog-isi{gap:16px;padding:18px 16px;display:grid}.tagih{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:var(--r);justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.tagih span{font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.tagih b{font:700 30px/1 var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.uang input{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r);width:100%;color:var(--text);font:700 28px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right;outline:0;padding:14px 16px}.uang input:focus{border-color:var(--w,var(--biru));box-shadow:var(--glow)}.uang label{font:600 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2);margin-bottom:8px;display:block}.pas{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pas button{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font:500 12px/1 var(--mono);cursor:pointer;padding:8px 10px}.pas button:hover{border-color:var(--line-2)}.numpad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.numpad button{background:var(--keycap);border:1px solid var(--line-2);border-radius:var(--r);height:52px;color:var(--text);font:600 18px/1 var(--mono);cursor:pointer;border-bottom-width:3px}.numpad button:active{border-bottom-width:1px;transform:translateY(2px)}.kembali{border-radius:var(--r);background:color-mix(in srgb, var(--w,var(--biru)) 12%, transparent);border:1px solid color-mix(in srgb, var(--w,var(--biru)) 40%, transparent);justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.kembali span{font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.kembali b{font:700 26px/1 var(--mono);color:var(--w,var(--biru));font-variant-numeric:tabular-nums}.kembali.kurang{--w:var(--batal)}.info-kredit{gap:8px;font-size:13px;display:grid}.info-kredit div{color:var(--dim);justify-content:space-between;display:flex}.info-kredit b{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.peringatan{background:color-mix(in srgb, var(--batal) 12%, transparent);border:1px solid color-mix(in srgb, var(--batal) 35%, transparent);border-radius:var(--r);color:var(--text);align-items:flex-start;gap:10px;padding:11px 12px;font-size:12.5px;display:flex}.peringatan b{color:var(--batal)}.dialog-kaki{border-top:1px solid var(--line);background:var(--panel-2);gap:8px;padding:14px 16px;display:flex}.dialog-kaki .tbl{height:50px}.cari-anggota input{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r);width:100%;color:var(--text);font:500 15px/1 var(--sans);outline:0;padding:13px 14px}.cari-anggota input:focus{border-color:var(--biru);box-shadow:var(--glow)}.hasil{gap:6px;max-height:260px;display:grid;overflow:auto}.hasil button{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.hasil button:hover{border-color:var(--biru)}.hasil .h-nama{font-size:14px;font-weight:600;display:block}.hasil .h-no{font:400 11px/1 var(--mono);color:var(--dim);margin-top:4px;display:block}.hasil button:disabled{opacity:.55;cursor:not-allowed}.hasil button:disabled:hover{border-color:var(--line)}.hasil .h-limit{font:600 12px/1 var(--mono);color:var(--accent);white-space:nowrap}.selesai{text-align:center;justify-items:center;gap:14px;padding:26px 16px;display:grid}@keyframes centang{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}.selesai svg circle{opacity:.25}.selesai svg path{stroke-dasharray:60;animation:.5s ease-out .1s backwards centang}.selesai h3{letter-spacing:-.02em;font-size:20px;font-weight:800}.selesai .nom{font:700 30px/1 var(--mono);color:var(--tunai);font-variant-numeric:tabular-nums}.selesai p{color:var(--dim);font-size:13px}@media (width<=860px){.badan{grid-template-rows:1fr auto;grid-template-columns:1fr}.kanan{grid-template-rows:auto auto auto}.anggota{display:none}.skor{padding:12px 14px}.bayar{grid-template-columns:repeat(3,1fr)}.tbl{flex-direction:column;justify-content:center;gap:6px;height:68px}.tbl .sisa i,.kaki{display:none}.cepat button{min-width:120px;padding:12px}}.galat{background:var(--crit-soft);border:1px solid color-mix(in srgb, var(--crit) 35%, transparent);color:var(--crit);border-radius:var(--r-sm);font:500 13px/1.4 var(--sans);margin-top:10px;padding:9px 11px}