:root{--latar:#fafaf7;--kartu:#fff;--teks:#111827;--redup:#6b7280;--garis:#e5e7eb;--utama:#14532d;--utama-teks:#fff;--sorot:#f0fdf4;--merah:#b91c1c;--merah-latar:#fef2f2;--kuning-latar:#fef3c7;--kuning-teks:#92400e;--hijau-latar:#dcfce7;--hijau-teks:#166534;--wa:#16a34a;--radius:10px}*{box-sizing:border-box}html,body{background:var(--latar);color:var(--teks);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4}button,input,textarea,select{font:inherit;color:inherit}.wadah{max-width:480px;margin:0 auto;padding:12px 16px 110px}.kepala h1{margin:0;font-size:20px;font-weight:600}.kepala .asal{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.redup{color:var(--redup)}.kecil{font-size:12px}.tab{border-bottom:1px solid var(--garis);margin:10px -16px 12px;display:flex}.tab button{color:var(--redup);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-weight:500}.tab button.aktif{color:var(--teks);border-bottom-color:var(--utama)}.kotak{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);outline:none;width:100%;height:42px;padding:0 12px}.kotak:focus{border-color:var(--utama)}textarea.kotak{resize:vertical;height:auto;min-height:64px;padding:10px 12px}.label{color:var(--redup);margin:10px 0 4px;font-size:12px;display:block}.cari{position:relative}.cari .kotak{padding-left:36px}.cari svg{width:16px;height:16px;color:var(--redup);position:absolute;top:13px;left:12px}.hasil{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);margin-top:6px;padding:0 12px}.baris{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.baris:last-child{border-bottom:0}.baris .nama{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.baris .isi{flex:1;min-width:0}.judul-bagian{letter-spacing:.04em;color:var(--redup);text-transform:uppercase;margin:14px 0 2px;font-size:12px;font-weight:600}.tombol{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:500;display:inline-flex}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.utama{background:var(--utama);border-color:var(--utama);color:var(--utama-teks)}.tombol.wa{background:var(--wa);border-color:var(--wa);color:#fff}.tombol.besar{height:42px;padding:0 18px}.tombol.penuh{flex:1}.tombol svg{width:16px;height:16px}.stepper{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);align-items:center;height:36px;display:inline-flex}.stepper button{cursor:pointer;background:0 0;border:0;width:34px;height:100%;font-size:18px}.stepper input{border:0;border-left:1px solid var(--garis);border-right:1px solid var(--garis);text-align:center;background:0 0;outline:none;width:58px;height:100%;font-weight:600}.hapus{color:var(--redup);cursor:pointer;background:0 0;border:0;padding:4px}.hapus svg{width:18px;height:18px}.bilah-bawah{background:var(--kartu);border-top:1px solid var(--garis);padding:10px 16px calc(14px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.bilah-bawah .dalam{justify-content:space-between;align-items:center;gap:12px;max-width:480px;margin:0 auto;display:flex}.bilah-bawah .total{font-size:15px;font-weight:600}.kartu{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);margin-top:10px;padding:12px}.kartu.sorot{border-color:var(--utama)}.lencana{white-space:nowrap;border-radius:999px;align-items:center;height:24px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.lencana.belum{background:var(--kuning-latar);color:var(--kuning-teks)}.lencana.sudah{background:var(--hijau-latar);color:var(--hijau-teks)}.rinci-baris{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px;display:flex}.rinci-total{border-top:1px solid var(--garis);justify-content:space-between;margin-top:4px;padding-top:6px;font-weight:600;display:flex}.galat{border-radius:var(--radius);background:var(--merah-latar);color:var(--merah);margin-top:8px;padding:8px 10px;font-size:13px}.kosong{text-align:center;color:var(--redup);padding:28px 12px}.tengah{text-align:center;max-width:420px;margin:48px auto;padding:0 16px}.tengah h1{margin:0 0 6px;font-size:20px}.form-pin{flex-direction:column;gap:10px;margin-top:18px;display:flex}.form-pin input{text-align:center;letter-spacing:.3em;height:52px;font-size:22px}.baris-tombol{gap:8px;margin-top:10px;display:flex}.kartu-kecil{border:1px solid var(--garis);border-radius:var(--radius);background:var(--kartu);padding:8px 10px}.baris2{gap:8px;display:flex}.baris2+.baris2{margin-top:6px}.baris2>*{flex:1;min-width:0}.label-kecil{color:var(--redup);margin:0 0 2px;font-size:11px;display:block}.kotak.kecil{height:36px;padding:0 10px;font-size:14px}.tutup{text-align:center;color:var(--redup);border:1px dashed var(--garis);border-radius:var(--radius);margin-top:10px;padding:24px 12px}.stepper input.jumlah{width:68px;font-size:17px;font-weight:700}.baris-keranjang{border-bottom:1px solid var(--garis);padding-bottom:8px}.baris-keranjang .baris{border-bottom:0;padding-bottom:4px}.catatan-isian{height:36px;font-size:13px}.judul-kategori{color:var(--redup);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 2px;font-size:12px;font-weight:600}.di-keranjang{color:var(--utama);font-weight:600}.catatan-barang{padding:0 0 4px 12px}@media (prefers-color-scheme:dark){:root{--latar:#0f1412;--kartu:#161d19;--teks:#f3f4f6;--redup:#9ca3af;--garis:#2a332e;--sorot:#14261b;--merah-latar:#3a1e1e;--merah:#fca5a5;--kuning-latar:#3b2f0b;--kuning-teks:#f3d47a;--hijau-latar:#1f3a2a;--hijau-teks:#9fe0b4;--utama:#22c55e;--utama-teks:#052e16}}