:root{--utama:#1d4ed8;--utama-tua:#1e40af;--utama-muda:#f0f5ff;--utama-teks:#1e3a8a;--primer:#2563eb;--primer-gelap:#1d4ed8;--primer-lembut:#eff6ff;--gelap-900:#0f172a;--gelap-800:#1e293b;--aksen-sukses:#059669;--aksen-qris:#0284c7;--owner-bg:#312e81;--kuning:#1d4ed8;--kuning-tua:#1e40af;--kuning-muda:#f0f5ff;--hitam:#182230;--hitam-2:#212f40;--hitam-3:#334155;--latar:#f8f9fa;--putih:#fff;--garis:#e2e8f0;--garis-2:#edf2f7;--teks:#0f172a;--teks-2:#475569;--teks-3:#94a3b8;--hijau:#0d9488;--hijau-muda:#f0fdf4;--oranye:#d97706;--oranye-muda:#fffbeb;--merah:#dc2626;--merah-muda:#fef2f2;--owner-latar:#182230;--owner-emas:#f59e0b;--owner-emas-muda:#fef3c7;--radius:12px;--atas:54px;--bawah:62px;--huruf:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Helvetica, Arial, sans-serif;--huruf-nota:"Courier New", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--latar);min-height:100%;color:var(--teks);font-family:var(--huruf);margin:0;font-size:15px;line-height:1.4}body{overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg[aria-hidden=true]{flex:none;width:20px;height:20px}input,select,textarea{border:1px solid var(--garis);background:var(--putih);border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--utama);box-shadow:0 0 0 3px #1d4ed81f}input::placeholder,textarea::placeholder{color:var(--teks-3)}label{color:var(--teks);margin:12px 0 5px;font-size:13px;font-weight:700;display:block}h1,h2,h3,p{margin:0}p+p{margin-top:6px}.tersembunyi{display:none!important}.atas{z-index:30;height:calc(var(--atas) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 12px;background:var(--hitam);color:var(--putih);border-bottom:1px solid #ffffff12;align-items:center;gap:8px;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0;box-shadow:0 1px 3px #0f172a14}.atas.owner{background:var(--owner-latar);color:var(--putih);box-shadow:0 2px 6px #0f172a26}.atas .judul{flex:1;min-width:0}.atas .judul b{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:16px;font-weight:700;display:block;overflow:hidden}.atas .judul small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;display:block;overflow:hidden}.atas.owner .judul small{color:var(--owner-emas);letter-spacing:.8px;font-weight:700}.atas .judul button{all:unset;cursor:pointer;min-width:0;max-width:100%;display:block}.tombol-atas{color:inherit;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.tombol-atas svg{width:22px;height:22px}.pil-printer{color:var(--putih);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;display:flex}.pil-printer svg{width:15px;height:15px}.pil-printer.perlu{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.tombol-keluar{color:var(--putih);background:#ffffff1f;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:background .15s;display:flex}.tombol-keluar:active{background:#ffffff38}.tombol-keluar svg{width:15px;height:15px}.utama{padding:calc(var(--atas) + env(safe-area-inset-top) + 12px) 12px calc(var(--bawah) + 20px);max-width:1100px;margin:0 auto}.utama.tanpa-nav{padding-bottom:110px}.bawah{z-index:30;height:calc(var(--bawah) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--hitam);border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;top:auto;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0f172a1f}.bawah button{color:#94a3b8;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex;position:relative}.bawah button svg{width:22px;height:22px}.bawah button.aktif{color:#60a5fa}.bawah .fab{color:var(--putih)}.bawah .fab span.lingkar{background:var(--utama);width:48px;height:48px;color:var(--putih);border:3px solid var(--hitam);border-radius:14px;place-items:center;margin-top:-20px;display:grid;box-shadow:0 4px 12px #1d4ed859}.bawah .fab span.lingkar svg{width:24px;height:24px}.angka{background:var(--utama);color:var(--putih);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:6px;left:calc(50% + 5px);box-shadow:0 2px 4px #1d4ed84d}.kartu{background:var(--putih);border-radius:var(--radius);border:1px solid var(--garis);padding:14px 16px;box-shadow:0 1px 2px #0f172a0a}.kartu+.kartu{margin-top:10px}.judul-bagian{color:var(--teks);letter-spacing:.2px;margin:16px 2px 8px;font-size:14px;font-weight:800}.judul-bagian span{color:var(--teks-2);margin-top:1px;font-size:12px;font-weight:500;display:block}.judul-bagian:first-child{margin-top:2px}.kecil{color:var(--teks-2);font-size:13px}.tebal{font-weight:800}.baris{align-items:center;gap:10px;display:flex}.baris.renggang{justify-content:space-between}.kosong-info{text-align:center;color:var(--teks-2);padding:28px 16px}.kosong-info>svg{opacity:.35;width:44px;height:44px;margin:0 auto 8px;display:block}.kosong-info b{color:var(--teks);margin-bottom:4px;font-size:15px;display:block}.tombol{border:1.5px solid var(--hitam);background:var(--putih);color:var(--hitam);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:8px 14px;font-size:15px;font-weight:700;line-height:1.2;display:inline-flex}.tombol svg{width:18px;height:18px}.tombol.utama-t{background:var(--utama);border-color:var(--utama);color:var(--putih);box-shadow:0 2px 6px #2563eb40}.tombol.utama-t:active{background:var(--utama-tua);border-color:var(--utama-tua)}.tombol.gelap{background:var(--hitam);border-color:var(--hitam);color:var(--putih)}.tombol.tipis{border-color:var(--garis);background:var(--putih)}.tombol.hapus{border-color:var(--merah);color:var(--merah);background:var(--putih)}.tombol.hapus-penuh{background:var(--merah);border-color:var(--merah);color:var(--putih)}.tombol.wa{color:var(--putih);background:#15803d;border-color:#15803d}.tombol.wa:active{background:#166534;border-color:#166534}.tombol.penuh{width:100%}.tombol.besar{min-height:52px;font-size:16px}.tombol:disabled{opacity:.35;pointer-events:none}.deret-tombol{flex-wrap:wrap;gap:8px;display:flex}.deret-tombol>.tombol{flex:130px}.tumpuk-tombol{gap:8px;display:grid}.pil{background:var(--garis-2);color:var(--teks-2);white-space:nowrap;letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex}.pil.antrian{color:#92400e;background:#fef3c7}.pil.siap{color:#065f46;background:#ecfdf5}.pil.batal{background:var(--merah-muda);color:var(--merah)}.pil.tunai,.pil.qr{background:var(--putih);border:1px solid var(--garis);color:var(--teks)}.tab{background:#eaeff5;border-radius:10px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.tab button{min-height:38px;color:var(--teks-2);background:0 0;border:0;border-radius:8px;flex:1;font-size:13.5px;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}.tab button.aktif{background:var(--putih);color:var(--teks);font-weight:700;box-shadow:0 1px 3px #0f172a14}.tab button .jml{color:var(--teks-2);background:#0f172a0f;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tab button.aktif .jml{background:var(--utama-muda);color:var(--utama-teks)}.cari{margin-bottom:12px;position:relative}.cari svg{opacity:.5;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cari input{border:1px solid var(--garis);border-radius:8px;padding-left:38px}.cari input[data-papan]{padding-right:62px}.cari .papan-ketik{background:var(--hitam);color:#93c5fd;border:0;border-radius:6px;min-width:44px;height:32px;padding:0 8px;font-size:11.5px;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pemberitahuan{background:var(--utama-muda);color:var(--utama-teks);border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.pemberitahuan svg{flex:none;width:18px;height:18px;margin-top:1px}.pemberitahuan.gagal{background:var(--merah-muda);color:#7f1d1d;border-color:#fecaca}.pita-sinkron{background:var(--hitam-2);color:var(--putih);border-left:4px solid var(--utama);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:13px;line-height:1.35;display:flex}.pita-sinkron svg{color:#60a5fa;flex:none;width:18px;height:18px;margin-top:1px}.pita-sinkron b{color:#60a5fa}.status-data svg{flex:none;width:16px;height:16px}.daftar{background:var(--putih);border-radius:var(--radius);border:1px solid var(--garis);overflow:hidden;box-shadow:0 1px 2px #0f172a08}.daftar>*+*{border-top:1px solid var(--garis-2)}.baris-daftar{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.baris-daftar .isi{flex:1;min-width:0}.baris-daftar .nama{overflow-wrap:anywhere;font-size:15px;font-weight:700}.baris-daftar .ket{color:var(--teks-2);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.baris-daftar .kanan{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.baris-daftar .uang{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.baris-daftar.batal .nama,.baris-daftar.batal .uang{color:var(--teks-3);text-decoration:line-through}.baris-daftar>svg{color:var(--teks-3)}.avatar{background:var(--utama-muda);width:38px;height:38px;color:var(--utama-teks);border:1px solid #bfdbfe;border-radius:50%;flex:none;place-items:center;font-size:13.5px;font-weight:800;display:grid}.avatar svg{width:20px;height:20px}.kartu-antrian{background:var(--putih);border-radius:var(--radius);border:1px solid var(--garis);padding:14px 16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0f172a0a}.kartu-antrian+.kartu-antrian{margin-top:10px}.kartu-antrian .atas-kartu{text-align:left;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;padding:0;display:flex}.kartu-antrian .nama{letter-spacing:-.2px;color:var(--teks);overflow-wrap:anywhere;font-size:16px;font-weight:700}.kartu-antrian .ket{color:var(--teks-2);overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.4}.kartu-antrian .deret-tombol{border-top:1px solid var(--garis-2);margin-top:12px;padding-top:10px}.kartu-antrian .tombol{border-radius:8px;min-height:40px;font-size:13.5px;font-weight:600}.grid-kartu{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.grid-kartu .kartu-antrian+.kartu-antrian{margin-top:0}.rentang{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.rentang button{border:1px solid var(--garis);background:var(--putih);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.rentang button.aktif{background:var(--hitam);border-color:var(--hitam);color:var(--putih)}.rentang-tanggal{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.rentang-tanggal label{margin-top:0}.menu-baris{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 12px;display:flex}.menu-baris .ik{background:var(--utama-muda);width:40px;height:40px;color:var(--utama);border:1px solid #dbeafe;border-radius:10px;flex:none;place-items:center;display:grid}.menu-baris .ik svg{width:20px;height:20px}.menu-baris .isi{flex:1;min-width:0}.menu-baris b{font-size:15px;display:block}.menu-baris span.ket{color:var(--teks-2);font-size:13px;display:block}.menu-baris>svg{color:var(--teks-3)}.langkah{gap:6px;margin-bottom:12px;display:flex}.langkah div{text-align:center;color:var(--teks-3);border-bottom:2.5px solid var(--garis);flex:1;padding-bottom:6px;font-size:12px;font-weight:700}.langkah div.selesai{color:var(--teks);border-color:var(--hitam)}.langkah div.aktif{color:var(--utama);border-color:var(--utama)}.pelanggan-terpilih{background:var(--putih);border:1px solid var(--utama);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #1d4ed814}.pelanggan-terpilih .isi{flex:1;min-width:0}.pelanggan-terpilih .nama{overflow-wrap:anywhere;font-weight:700}.pelanggan-terpilih .hp{color:var(--teks-2);font-size:13px}.pelanggan-terpilih button{border:1px solid var(--garis);background:var(--putih);border-radius:6px;flex:none;padding:5px 10px;font-size:12.5px;font-weight:600}.grid-item{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:700px){.grid-item{grid-template-columns:repeat(2,1fr)}}.item-baris-satu{border:1px solid var(--garis);background:var(--putih);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 12px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.item-baris-satu.dipilih{border-color:var(--utama);background:var(--utama-muda);box-shadow:0 0 0 1px var(--utama)}.item-baris-satu .n{overflow-wrap:anywhere;min-width:0;color:var(--teks);flex:auto;align-items:center;font-size:14px;font-weight:600;line-height:1.3;display:flex}.item-baris-satu .h{font-variant-numeric:tabular-nums;color:var(--teks-2);white-space:nowrap;flex:none;margin-right:4px;font-size:13px;font-weight:600}.item-baris-satu .stepper{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;flex:none}.item-baris-satu .stepper button{width:34px;height:34px;color:var(--teks);background:0 0;border:0;padding:0;font-size:16px;font-weight:700}.item-baris-satu .stepper button:active{background:#0000000f}.jumlah-angka{text-align:center;font-variant-numeric:tabular-nums;min-width:32px;height:34px;color:var(--teks);background:0 0;border:0;border-bottom-width:medium;padding:0 4px;font-size:14.5px;font-weight:800}.jumlah-angka.lonjak{animation:.42s cubic-bezier(.3,1.6,.5,1) lonjak}.jumlah-ketik{text-align:center;font-variant-numeric:tabular-nums;border:1.5px solid var(--utama);background:var(--putih);width:48px;height:32px;color:var(--teks);border-radius:6px;padding:0 2px;font-size:14.5px;font-weight:800}.kotak-kategori{display:none!important}.kotak-kategori.warna-biru{background:#2563eb}.kotak-kategori.warna-merah{background:#dc2626}.kotak-kategori.warna-oranye{background:#ea580c}.kotak-kategori.warna-ungu{background:#7c3aed}.kotak-kategori.warna-hijau{background:#16a34a}.kotak-kategori.warna-abu{background:#94a3b8}.item-tombol{border:1.5px solid var(--garis);background:var(--putih);text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;gap:4px;min-height:72px;padding:10px;display:flex;position:relative}.item-tombol .n{overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.25}.item-tombol .h{color:var(--teks-2);font-size:13px}.item-tombol.dipilih{border-color:var(--utama);background:var(--utama-muda)}.item-tombol .jumlah{background:var(--utama);color:var(--putih);border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #2563eb59}.keranjang-baris{align-items:center;gap:10px;padding:9px 0;display:flex}.keranjang-baris+.keranjang-baris{border-top:1px solid var(--garis-2)}.keranjang-baris .info{flex:1;min-width:0}.keranjang-baris .info .n{overflow-wrap:anywhere;font-weight:700}.keranjang-baris .info .r{color:var(--teks-2);font-size:13px}.keranjang-baris .sub{white-space:nowrap;font-weight:800}.stepper{border:1.5px solid var(--garis);border-radius:10px;flex:none;align-items:center;display:flex;overflow:hidden}.stepper button{background:var(--latar);border:0;width:36px;height:36px;font-size:20px;font-weight:800}.stepper span{text-align:center;min-width:30px;font-weight:800}.bar-bawah{z-index:25;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--putih);border-top:1px solid var(--garis-2);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0f172a14}.bar-bawah .tot{min-width:0}.bar-bawah .tot small{color:var(--teks-2);letter-spacing:.4px;font-size:11px;font-weight:800;display:block}.bar-bawah .tot b{white-space:nowrap;color:var(--teks);font-size:20px;font-weight:900}.bar-bawah .tombol.utama-t,.bar-bawah .tombol.gelap{flex:0 220px;margin-left:auto}.bar-bawah .tombol.tipis{flex:none}.bar-bawah .tombol.balik{width:46px;min-width:46px;padding:0}.pilih-bayar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pilih-bayar button{border:1px solid var(--garis);background:var(--putih);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-size:15px;font-weight:700;transition:border-color .15s,background-color .15s,color .15s;display:flex}.pilih-bayar button svg{width:20px;height:20px}.pilih-bayar button.aktif{border-color:var(--utama);background:var(--utama);color:var(--putih)}.uang-cepat{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.uang-cepat button{border:1px solid var(--garis);background:var(--putih);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.kembalian{background:var(--hitam);color:var(--putih);border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #0f172a1a}.kembalian small{color:#94a3b8;font-size:13px;font-weight:600}.kembalian b{font-variant-numeric:tabular-nums;color:#34d399;font-size:22px;font-weight:800}.kembalian.kurang{background:var(--merah-muda);color:#7f1d1d;border:1px solid #fecaca}.kembalian.kurang b{color:var(--merah);font-size:16px}.total-besar{color:var(--teks);font-size:24px;font-weight:900}.input-uang{text-align:right;font-size:20px;font-weight:800}.langkah.empat div{letter-spacing:-.1px;font-size:11px}.pil.tahap{background:var(--utama-muda);color:var(--utama-teks)}.pil.sisa{background:var(--oranye-muda);color:#92400e;border:1px solid #fde68a}.pil.lunas{color:#065f46;background:#ecfdf5}.pil.telat{background:var(--merah-muda);color:var(--merah)}.deret-pil{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.judul-kelompok{color:var(--teks-2);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:14px 2px 8px;font-size:12px;font-weight:800;display:flex}.judul-kelompok:first-child{margin-top:2px}.judul-kelompok.telat{color:var(--merah)}.judul-kelompok .jml{background:var(--garis-2);color:var(--teks);letter-spacing:0;border-radius:999px;padding:0 8px;font-size:12px}.pilih-bayar.tiga{grid-template-columns:repeat(3,1fr)}.pilih-bayar.tiga button{gap:6px;min-height:50px;padding:0 4px;font-size:14px}.pilih-bayar.tiga button svg{width:18px;height:18px}.isian-ukuran{grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px;display:grid}.isian-ukuran label{color:var(--teks-2);overflow-wrap:anywhere;margin:0 0 3px;font-size:12px;font-weight:700}.isian-ukuran input{min-height:42px;font-weight:800}.isian-ukuran .angka-ukuran{text-align:right}.isian-ukuran.bebas{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.baris-uang{justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.baris-uang+.baris-uang{border-top:1px dashed var(--garis-2)}.baris-uang b{white-space:nowrap;font-variant-numeric:tabular-nums}.baris-uang.besar{font-size:17px;font-weight:800}.kotak-sisa{background:var(--oranye-muda);color:#92400e;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 14px;display:flex}.kotak-sisa b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.kotak-sisa.lunas{background:var(--hijau-muda);color:#065f46;border-color:#a7f3d0}.diskon-baris{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.diskon-baris .rentang{flex-wrap:nowrap;margin:0}.kertas{color:#111827;border:1px solid var(--garis);background:#fff;border-radius:10px;width:100%;max-width:350px;margin:0 auto;padding:18px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.6;overflow-x:auto;box-shadow:0 1px 3px #0f172a14}.kertas .bn{white-space:pre-wrap;font-variant-numeric:tabular-nums;word-break:break-word;min-height:1.45em}.kertas .bn.tengah{text-align:center}.kertas .bn.tebal{font-weight:700}.kertas .bn.besar{letter-spacing:-.3px;font-size:1.45em;font-weight:800;line-height:1.25}.ringkas-uang{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}@media (min-width:700px){.ringkas-uang{grid-template-columns:repeat(4,1fr)}}.kotak-uang{background:var(--putih);border:1px solid var(--garis);border-left:4px solid var(--garis);border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px #0f172a08}.kotak-uang small{color:var(--teks-2);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700;display:block}.kotak-uang b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:3px;font-size:19px;font-weight:800;display:block}.kotak-uang.tunai{border-left-color:var(--hijau)}.kotak-uang.qr{border-left-color:var(--oranye)}.kotak-uang.total{border-left-color:var(--utama);background:var(--utama-muda);color:var(--utama-teks);border-color:#bfdbfe}.kotak-uang.total small{color:var(--utama-teks);opacity:.8}.kotak-uang.total b{color:var(--utama-teks)}.garis-warna{background:var(--garis);border-radius:2px;flex:none;align-self:stretch;width:4px}.garis-warna.tunai{background:var(--hijau)}.garis-warna.qr{background:var(--oranye)}.tabel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.tabel th{text-align:left;color:var(--teks-2);text-transform:uppercase;letter-spacing:.3px;border-bottom:1.5px solid var(--garis);background:#f8fafc;padding:9px 8px;font-size:11px;font-weight:700}.tabel td{border-bottom:1px solid var(--garis-2);vertical-align:top;padding:10px 8px}.tabel td.u,.tabel th.u{text-align:right;white-space:nowrap}.tabel tr.jumlah td{background:var(--utama-muda);color:var(--utama-teks);font-weight:800}.gulir-x{overflow-x:auto}@media (max-width:440px){.gulir-x .tabel{font-size:12px}.gulir-x .tabel th,.gulir-x .tabel td{padding-left:3px;padding-right:3px}.gulir-x .tabel th{letter-spacing:0;font-size:10px}}.tombol-kecil{border:1.5px solid var(--garis);background:var(--putih);border-radius:8px;flex:none;place-items:center;min-width:38px;height:38px;padding:0 9px;font-size:13px;font-weight:700;display:inline-grid}.tombol-kecil svg{width:17px;height:17px}.saklar{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.saklar input{-webkit-appearance:none;appearance:none;background:var(--garis);border:0;border-radius:999px;flex:none;width:46px;height:28px;min-height:0;padding:0;transition:background .15s;position:relative}.saklar input:after{content:"";background:var(--putih);border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.saklar input:checked{background:var(--utama)}.saklar input:checked:after{background:var(--putih);left:21px}.latar{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:700px){.latar{align-items:center}}.lembar{background:var(--latar);width:100%;max-width:560px;max-height:92vh;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -4px 20px #0f172a33}@media (min-width:700px){.lembar{border-radius:18px;box-shadow:0 8px 30px #0f172a40}}.lembar h2{margin-bottom:6px;font-size:17px;font-weight:800}.lembar .pegangan{background:var(--garis);border-radius:2px;width:40px;height:4px;margin:-4px auto 12px}.lembar .deret-tombol,.lembar .tumpuk-tombol{margin-top:14px}.isi-dialog p{font-size:14px}.pin-titik{justify-content:center;gap:12px;margin:14px 0;display:flex}.pin-titik span{border:2px solid var(--hitam);border-radius:50%;width:14px;height:14px}.pin-titik span.isi{background:var(--utama);border-color:var(--utama)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:0 auto;display:grid}.pin-pad button{border:1px solid var(--garis-2);background:var(--putih);border-radius:12px;height:54px;font-size:22px;font-weight:800;box-shadow:0 1px 2px #0f172a0d}.pin-pad button.aksi-pin{background:var(--garis-2);font-size:13px}.pin-salah{color:var(--merah);text-align:center;min-height:20px;font-size:13px;font-weight:700}.proses{text-align:center;padding:8px 4px 2px}.proses .putar{border:4px solid var(--garis);border-top-color:var(--utama);border-radius:50%;width:44px;height:44px;margin:6px auto 12px;animation:.8s linear infinite putar}.proses .tanda{border-radius:50%;place-items:center;width:52px;height:52px;margin:4px auto 10px;display:grid}.proses .tanda svg{width:28px;height:28px}.proses .tanda.ok{color:#059669;background:#ecfdf5}.proses .tanda.gagal{background:var(--merah-muda);color:var(--merah)}.proses h2{margin-bottom:4px}.proses .saran{color:var(--teks-2);margin-top:6px;font-size:14px}.proses details{text-align:left;color:var(--teks-3);margin-top:12px;font-size:12px}.proses details summary{cursor:pointer}@keyframes putar{to{transform:rotate(360deg)}}.toast-wadah{left:50%;top:calc(var(--atas) + env(safe-area-inset-top) + 8px);z-index:70;pointer-events:none;gap:6px;width:min(92vw,440px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--hitam);color:var(--putih);border-left:5px solid var(--utama);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;box-shadow:0 6px 18px #0f172a4d}.toast.gagal{border-left-color:var(--merah)}.layar-penuh{background:var(--hitam);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.layar-penuh .kartu{width:100%;max-width:420px}.logo-besar{text-align:center;color:var(--putih);letter-spacing:-.5px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:14px;font-size:28px;font-weight:800;display:flex}.logo-besar:before{content:"";filter:drop-shadow(0 6px 14px #0006);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' rx='112' fill='%230B0F19'/%3E%3Cg transform='translate(146, 82)'%3E%3Cpath d='M0 48 L48 0 L172 0 L220 48 L220 296 C220 316 204 336 182 336 L38 336 C16 336 0 316 0 296 Z' fill='%23FFFFFF'/%3E%3Ccircle cx='110' cy='44' r='14' fill='%230B0F19'/%3E%3Ccircle cx='110' cy='172' r='82' fill='%231D4ED8'/%3E%3Ccircle cx='110' cy='172' r='62' fill='%230B0F19'/%3E%3Cpath d='M90 134 V202 H136' stroke='%23FFFFFF' stroke-width='18' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='124' cy='148' r='10' fill='%2338BDF8'/%3E%3Cline x1='22' y1='274' x2='198' y2='274' stroke='%2394A3B8' stroke-width='4' stroke-dasharray='8 6'/%3E%3Cpath d='M0 266 A8 8 0 0 1 0 282 Z' fill='%230B0F19'/%3E%3Cpath d='M220 266 A8 8 0 0 0 220 282 Z' fill='%230B0F19'/%3E%3Crect x='68' y='296' width='84' height='10' rx='5' fill='%23CBD5E1'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:58px;height:58px;margin-bottom:12px;display:block}.logo-besar small{color:#94a3b8;letter-spacing:2px;margin-top:6px;font-size:11px;font-weight:700;display:block}@media (min-width:900px){.utama{padding-left:20px;padding-right:20px}.bawah{border-radius:18px 18px 0 0;width:min(100%,860px);left:50%;transform:translate(-50%)}}html.papan-terbuka .bar-bawah,html.papan-terbuka .bawah{display:none}html.papan-terbuka .utama{padding-bottom:45vh}html.papan-terbuka .dua-kolom .kolom-b,html.papan-terbuka .dua-kolom .blok-bayar{position:static}#uang-dibayar{scroll-margin-top:calc(var(--atas) + env(safe-area-inset-top) + 36px)}.dua-kolom>div>.judul-bagian:first-child{margin-top:16px}.rincian-nota .rn-kertas{margin:12px 0}@media (orientation:landscape) and (min-width:760px){.dua-kolom{align-items:start;column-gap:18px;display:grid}.dua-kolom.layanan>div>.judul-bagian:first-child,.dua-kolom.bayar .blok-bayar>.judul-bagian:first-child{margin-top:2px}.dua-kolom.layanan{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}.dua-kolom.layanan .kolom-b{top:calc(var(--atas) + env(safe-area-inset-top) + 12px);position:sticky}.dua-kolom.bayar{grid-template:"pelanggan bayar""rincian bayar""kasir bayar"1fr/minmax(0,1fr) minmax(300px,1fr)}.dua-kolom.bayar .blok-pelanggan{grid-area:pelanggan}.dua-kolom.bayar .blok-rincian{grid-area:rincian}.dua-kolom.bayar .blok-kasir{grid-area:kasir}.dua-kolom.bayar .blok-bayar{top:calc(var(--atas) + env(safe-area-inset-top) + 12px);grid-area:bayar;position:sticky}.lembar.lebar{max-width:min(96vw,980px)}.rincian-nota{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.rincian-nota .rn-kertas{margin:4px 0 0}}.atas{view-transition-name:kepala}main.utama{view-transition-name:isi}.bawah{view-transition-name:menu-bawah}.bawah .penanda{view-transition-name:penanda-menu;background:#60a5fa;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:24%;right:24%}html[data-arah^=tab] .tab button.aktif{view-transition-name:tab-aktif}html[data-arah^=tab] .rentang button.aktif{view-transition-name:rentang-aktif}::view-transition-group(*){animation-duration:.24s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(isi){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(isi){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}html[data-arah=maju]::view-transition-old(isi){animation-name:keluar-kiri}html[data-arah=maju]::view-transition-new(isi){animation-name:masuk-kanan}html[data-arah=mundur]::view-transition-old(isi){animation-name:keluar-kanan}html[data-arah=mundur]::view-transition-new(isi){animation-name:masuk-kiri}html[data-arah=naik]::view-transition-old(isi){animation-name:pudar-keluar}html[data-arah=naik]::view-transition-new(isi){animation-name:masuk-bawah}html[data-arah=turun]::view-transition-old(isi){animation-name:keluar-bawah}html[data-arah=turun]::view-transition-new(isi){animation-name:pudar-masuk}html[data-arah=tab-maju]::view-transition-new(isi){animation-name:masuk-kanan-kecil}html[data-arah=tab-mundur]::view-transition-new(isi){animation-name:masuk-kiri-kecil}html[data-arah^=tab]::view-transition-old(isi){animation-name:pudar-keluar;animation-duration:.12s}::view-transition-group(penanda-menu){animation-duration:.32s;animation-timing-function:cubic-bezier(.34,1.35,.64,1)}::view-transition-group(tab-aktif){animation-duration:.32s;animation-timing-function:cubic-bezier(.34,1.35,.64,1)}::view-transition-group(rentang-aktif){animation-duration:.32s;animation-timing-function:cubic-bezier(.34,1.35,.64,1)}@keyframes masuk-kanan{0%{opacity:0;transform:translate(40px)}}@keyframes masuk-kiri{0%{opacity:0;transform:translate(-40px)}}@keyframes keluar-kiri{to{opacity:0;transform:translate(-40px)}}@keyframes keluar-kanan{to{opacity:0;transform:translate(40px)}}@keyframes masuk-kanan-kecil{0%{opacity:0;transform:translate(16px)}}@keyframes masuk-kiri-kecil{0%{opacity:0;transform:translate(-16px)}}@keyframes masuk-bawah{0%{opacity:0;transform:translateY(56px)}}@keyframes keluar-bawah{to{opacity:0;transform:translateY(56px)}}@keyframes pudar-masuk{0%{opacity:0}}@keyframes pudar-keluar{to{opacity:0}}.latar{animation:.2s ease-out pudar-masuk}.latar .lembar{touch-action:pan-y;transition:transform .22s cubic-bezier(.2,.9,.3,1);animation:.3s cubic-bezier(.2,.9,.3,1) lembar-naik}.latar.menutup{pointer-events:none;z-index:49;animation:.2s ease-in forwards pudar-keluar}.latar.menutup .lembar{animation:.2s ease-in forwards lembar-turun}@keyframes lembar-naik{0%{transform:translateY(100%)}}@keyframes lembar-turun{to{transform:translateY(100%)}}@media (min-width:700px){.latar .lembar{animation-name:lembar-muncul}.latar.menutup .lembar{animation-name:lembar-hilang}}@keyframes lembar-muncul{0%{opacity:0;transform:scale(.94)}}@keyframes lembar-hilang{to{opacity:0;transform:scale(.94)}}.toast{animation:.28s cubic-bezier(.2,.9,.3,1.25) toast-masuk}.toast.hilang{animation:.2s ease-in forwards toast-keluar}@keyframes toast-masuk{0%{opacity:0;transform:translateY(-14px)scale(.96)}}@keyframes toast-keluar{to{opacity:0;transform:translateY(-10px)}}.tombol,.menu-baris,.baris-daftar,.atas-kartu,.item-tombol,.tab button,.rentang button,.pil-printer,.pilih-bayar button,.uang-cepat button,.stepper button{transition:transform .12s,background-color .15s,color .15s,border-color .15s,box-shadow .15s}.tombol:active:not(:disabled),.menu-baris:active,.baris-daftar:active,.atas-kartu:active,.item-tombol:active,.tab button:active,.rentang button:active,.pil-printer:active,.pilih-bayar button:active,.uang-cepat button:active,.stepper button:active{transform:scale(.97)}.bawah button svg,.bawah .fab span.lingkar{transition:transform .15s}.bawah button:active svg,.bawah .fab:active span.lingkar{transform:scale(.88)}.tombol,.menu-baris,.baris-daftar,.atas-kartu,.bawah button:not(.fab),.tab button,.rentang button,.pil-printer{position:relative;overflow:hidden}.riak{opacity:.18;pointer-events:none;background:currentColor;border-radius:50%;animation:.5s ease-out forwards riak;position:absolute;transform:scale(0)}@keyframes riak{to{opacity:0;transform:scale(1)}}.item-tombol .jumlah.lonjak,.angka.lonjak{animation:.42s cubic-bezier(.3,1.6,.5,1) lonjak}@keyframes lonjak{35%{transform:scale(1.4)}}.proses .tanda{animation:.38s cubic-bezier(.3,1.5,.5,1) tanda-muncul}.proses .tanda.gagal{animation:.38s cubic-bezier(.3,1.5,.5,1) tanda-muncul,.42s ease-in-out .38s goyang}@keyframes tanda-muncul{0%{opacity:0;transform:scale(.4)}}@keyframes goyang{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}#wadah-cetak-nota,.hanya-cetak{display:none}@media print{@page{size:auto;margin:0!important}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;-moz-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#app,.modal-latar,.lembar-latar,.toast,.jendela-proses-latar,.atas,.bawah,.latar{display:none!important}#wadah-cetak-nota,.hanya-cetak{color:#000!important;white-space:pre!important;word-break:normal!important;box-sizing:border-box!important;background:#fff!important;margin:0 auto!important;padding:2mm 1mm!important;font-family:Courier New,Courier,Lucida Console,Monaco,monospace!important;display:block!important;overflow:hidden!important}#wadah-cetak-nota.lebar-58{letter-spacing:-.2px!important;width:48mm!important;max-width:48mm!important;font-size:8.5px!important;line-height:1.25!important}#wadah-cetak-nota.lebar-80{letter-spacing:-.2px!important;width:72mm!important;max-width:72mm!important;font-size:8.8px!important;line-height:1.25!important}}@media (min-width:768px){.atas,.bawah{border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;max-width:860px;transform:translate(-50%);left:50%!important}.atas{border-radius:0 0 14px 14px}.bawah{border-radius:14px 14px 0 0}.utama{max-width:860px;padding-left:16px;padding-right:16px}}