:root{--aksen:#6c5ce7;--aksen2:#00d2ff;--hijau:#1b873f;--kuning:#b7791f;--merah:#c53030;--garis:#d0d4dc;color:#111;background:#f7f8fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button{font:inherit;border:1px solid var(--garis);cursor:pointer;background:#fff;border-radius:6px;min-height:44px;padding:0 12px}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;border:1px solid var(--garis);border-radius:6px;width:100%;padding:8px 10px}.kepala{border-bottom:3px solid var(--aksen);background:#fff;align-items:center;gap:8px;padding:8px 16px;display:flex}.kepala .sinkron{margin-left:auto;font-weight:600}.hijau{color:var(--hijau)}.kuning{color:var(--kuning)}.merah{color:var(--merah)}.kotak{background:#fff;border-left:4px solid;border-radius:6px;padding:8px 12px}.kasir{grid-template-columns:1fr 1.2fr;gap:16px;padding:16px;display:grid}.kasir h2{letter-spacing:.05em;color:#555;margin:8px 0;font-size:14px}.jasa{grid-template-columns:1fr 1fr;gap:6px;display:grid}.jasa button.aktif{border:2px solid var(--aksen);background:#f1efff;font-weight:600}.masukan{margin-top:12px;font-weight:600;display:block}.masukan input{margin-top:4px;font-size:22px}.petunjuk{color:#666;font-size:13px}.nota{border-collapse:collapse;background:#fff;width:100%}.nota td{vertical-align:top;border-bottom:1px solid #eee;padding:6px 8px}.nota small{color:#666}.angka{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nota .total td{border-top:2px solid #111;font-size:22px;font-weight:700}.bayar{background:var(--aksen);color:#fff;border:0;width:100%;margin-top:8px;font-weight:700}.panel-bayar{border:2px solid var(--aksen);background:#fff;border-radius:8px;gap:8px;margin-top:8px;padding:12px;display:grid}.panel-bayar .uang{flex-wrap:wrap;gap:6px;display:flex}.dokumen{padding-left:18px;font-size:14px}.pasang{gap:12px;max-width:520px;margin:40px auto;padding:0 16px;display:grid}.pasang form{gap:12px;display:grid}.memuat,.tab-lain{text-align:center;padding:40px}@media (max-width:800px){.kasir{grid-template-columns:1fr}}.kepala button.kecil{min-height:32px;padding:0 10px;font-size:14px}.info-shift{color:#444}.shift{gap:12px;max-width:520px;margin:32px auto;padding:0 16px;display:grid}.shift select{font:inherit;padding:8px}button.utama{background:var(--aksen);color:#fff;border:0;font-weight:700}.panel-kas{border-bottom:2px solid var(--aksen);background:#fff;flex-wrap:wrap;align-items:end;gap:8px;padding:12px 16px;display:flex}.panel-kas label{gap:4px;display:grid}.tutup-shift{gap:12px;max-width:640px;margin:16px auto;padding:0 16px;display:grid}.pecahan,.rekap{border-collapse:collapse;background:#fff;width:100%}.pecahan td,.rekap td{border-bottom:1px solid #eee;padding:4px 8px}.pecahan input{max-width:120px}.rekap .total td{font-size:18px;font-weight:700}.tutup-shift .aksi{justify-content:flex-end;gap:8px;display:flex}.aksi-nota{gap:8px;margin-top:8px;display:flex}.aksi-nota .bayar{flex:1;margin-top:0}.nota button.hapus{min-height:28px;color:var(--merah);padding:0 8px}.terparkir{border:1px dashed var(--garis);background:#fff;border-radius:6px;gap:6px;margin-top:8px;padding:8px;display:grid}.terparkir .draf{align-items:center;gap:8px;display:flex}.terparkir .draf span{flex:1}.panel-bayar .metode{flex-wrap:wrap;gap:6px;display:flex}.panel-bayar .sub-bayar{border:1px solid var(--garis);border-radius:6px;gap:6px;padding:8px;display:grid}.panel-bayar img.qris{max-width:220px;image-rendering:pixelated;justify-self:center}.panel-bayar .merchant{margin:0;font-size:18px}.panel-bayar .baris-non{align-items:center;gap:8px;display:flex}.hasil-cari{border:1px solid var(--garis);background:#fff;border-radius:6px;max-height:360px;margin:4px 0 0;padding:0;list-style:none;overflow:auto}.hasil-cari li button{text-align:left;border:0;border-bottom:1px solid #f0f0f0;border-radius:0;justify-content:space-between;gap:8px;width:100%;min-height:36px;display:flex}.hasil-cari li.terpilih button{background:#f1efff;font-weight:600}.barang-stok{gap:12px;max-width:1100px;margin:0 auto;padding:12px 16px;display:grid}.barang-stok .tab{flex-wrap:wrap;gap:6px;display:flex}.barang-stok .tab button.aktif{border:2px solid var(--aksen);background:#f1efff;font-weight:600}.barang-stok .tab .kembali{margin-left:auto}.barang-stok .baris-alat{gap:8px;display:flex}.barang-stok .daftar{border-collapse:collapse;background:#fff;width:100%}.barang-stok .daftar th{text-align:left;color:#555;border-bottom:2px solid var(--garis);padding:6px 8px;font-size:13px}.barang-stok .daftar td{border-bottom:1px solid #eee;padding:6px 8px}.barang-stok .daftar tbody tr{cursor:pointer}.barang-stok .daftar tr.nonaktif td{color:#888}.barang-stok .daftar td input{text-align:right;max-width:160px}.form-barang,.form-stok{border:1px solid var(--garis);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.form-barang h2{margin:0;font-size:18px}.form-barang label,.form-stok label{gap:4px;font-weight:600;display:grid}.form-barang select{font:inherit;padding:8px}.form-barang .dua,.form-stok .dua{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-barang label.centang{align-items:center;gap:8px;font-weight:400;display:flex}.form-barang label.centang input{width:auto}.form-barang .chip{flex-wrap:wrap;gap:6px;display:flex}.form-barang .chip span{font-variant-numeric:tabular-nums;background:#f1efff;border-radius:16px;align-items:center;gap:4px;padding:2px 4px 2px 10px;display:flex}.form-barang .chip button.hapus,.barang-stok button.hapus{min-height:28px;color:var(--merah);padding:0 8px}.form-barang .aksi,.form-stok .aksi{justify-content:flex-end;gap:8px;display:flex}.kepala .konflik{color:var(--kuning);border-color:var(--kuning)}.panel-konflik{border-bottom:2px solid var(--kuning);background:#fffbea;gap:6px;padding:12px 16px;display:grid}.panel-konflik ul{margin:0;padding-left:18px}.area-cetak{display:none}@media print{body.sedang-cetak>:not(.area-cetak){display:none!important}body.sedang-cetak{background:#fff}.area-cetak{color:#000;font-family:system-ui,sans-serif;display:block}.area-cetak table{border-collapse:collapse;width:100%}.area-cetak td{vertical-align:top;padding:1px 0}.area-cetak td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.area-cetak tr.garis td{border-top:1px dashed #000}.area-cetak tr.tebal td{font-weight:700}.area-cetak .rinci{font-size:.85em}.area-cetak .kepala-struk,.area-cetak .info,.area-cetak .kaki,.area-cetak .qr{text-align:center}.area-cetak .salinan{text-align:center;border:1px solid #000;margin:2px 0;font-weight:700}.area-cetak .qr svg{width:30mm;height:30mm}.cetak-58{width:54mm;font-size:10px}.cetak-80{width:76mm;font-size:11px}.cetak-a5{font-size:12pt}.cetak-a5 .kepala-struk strong{font-size:16pt}}.pasca-jual{background:#f1efff;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:8px;display:flex}.pasca-jual span{flex:100%}.pasca-jual select{font:inherit;padding:6px}.pasca-jual input{max-width:170px}.panel-qr{z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.panel-qr>div{background:#fff;border-radius:8px;justify-items:center;gap:8px;max-width:360px;padding:16px;display:grid}.panel-qr svg{width:240px;height:240px}.panel-qr small{word-break:break-all;color:#555}.dokumen li{align-items:center;gap:8px;display:flex}.dokumen li span{flex:1}.dokumen li button{min-height:30px;font-size:13px}.dasbor{gap:14px;max-width:900px;margin:0 auto;padding:12px 16px;display:grid}.dasbor h2{color:#444;margin:6px 0;font-size:15px}.dasbor .baris-alat{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.dasbor .baris-alat label{gap:4px;display:grid}.dasbor select{font:inherit;padding:8px}.dua-blok{grid-template-columns:1fr 1fr;gap:12px;display:grid}.blok{border-top:4px solid var(--aksen);background:#fff;border-radius:8px;padding:12px 14px}.blok p{margin:4px 0}.blok .besar{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.peringatan{gap:4px;margin:0;padding:0;list-style:none;display:grid}.peringatan li{border-left:4px solid var(--kuning);background:#fff;border-radius:4px;padding:6px 10px}.peringatan li.merah{border-left-color:var(--merah);color:var(--merah)}.dasbor tr.dicabut td{color:#999}.kode-pasang .kode{letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:30px;font-weight:700}button.tautan{color:var(--aksen);background:0 0;border:0;min-height:32px;text-decoration:underline}@media (max-width:640px){.dua-blok{grid-template-columns:1fr}}.shift .lepas{text-align:center;margin-top:24px}.pembatalan{min-width:min(560px,92vw);justify-items:stretch!important;max-width:640px!important}.pembatalan input{max-width:140px}.pembatalan label{gap:4px;display:grid}.pembatalan label.centang{align-items:center;gap:8px;display:flex}.pembatalan label.centang input{width:auto}.pembatalan select{font:inherit;padding:6px}.pembatalan .aksi,.panel-qr .aksi{justify-content:flex-end;gap:8px;display:flex}.cari-nota{margin-bottom:6px}.panel-qr.setuju-atas{z-index:20}.panel-bayar .diskon{flex-wrap:wrap;gap:8px;display:flex}.panel-bayar .diskon label{gap:2px;font-size:14px;display:grid}.panel-bayar .diskon input{max-width:180px}.dasbor .atur{border-left-color:var(--aksen);gap:8px;display:grid}.dasbor .atur label{gap:4px;display:grid}.dasbor .atur label.centang{align-items:center;gap:8px;display:flex}.dasbor .atur label.centang input{width:auto}.dasbor .qris-kecil{max-width:160px;image-rendering:pixelated}.laporan-shift{border-top:4px solid var(--aksen);background:#fff;border-radius:8px;gap:6px;max-width:520px;margin:16px auto 0;padding:12px 16px;display:grid}.laporan-shift .aksi{flex-wrap:wrap;gap:8px;display:flex}