:root{--biru:#2177f5;--teks:#142440;--abu:#8797ad;--garis:#edf0f4}*{box-sizing:border-box}body{color:var(--teks);background:#f4f6f9;margin:0;font:13px system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.mono{font-variant-numeric:tabular-nums}.phone{background:#fff;flex-direction:column;max-width:420px;min-height:100dvh;margin:auto;display:flex}.top{border-bottom:1px solid var(--garis);justify-content:space-between;align-items:center;padding:18px 16px 12px;display:flex}.top h1{margin:0;font-size:18px}.status{color:#60806f;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.status .nanti{color:#ef9b23}.status .gagal{color:#c9353f}.tombol-status{color:inherit;text-underline-offset:2px;background:0 0;border:0;padding:2px 4px;font-size:11px;text-decoration:underline}.tombol-status:disabled{opacity:.6;text-decoration:none}.badge{color:#8a97aa;font-size:10px}.sub{color:#8797ad;margin-top:5px;font-size:11px}.menu-wrap{display:inline-block;position:relative}.menu-trigger{color:#62748a;vertical-align:middle;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:21px;line-height:1}.menu-panel{z-index:9;background:#fff;border:1px solid #e6ebf2;border-radius:9px;width:170px;padding:5px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #14244020}.menu-panel button{text-align:left;width:100%;color:var(--teks);background:#fff;border:0;border-radius:6px;padding:10px;display:block}.menu-panel button:hover{background:#f0f7ff}.menu-panel button.bahaya{color:#c9353f}.list{flex:1;padding:4px 9px}.item{border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;min-height:68px;display:flex}.number{text-align:center;color:#8797ad;flex:none;width:15px;font-size:11px}.thumb{color:#5b7ca8;background:#f4f6f9;border-radius:8px;flex:none;place-items:center;width:45px;height:45px;font-size:17px;font-weight:700;display:grid;overflow:hidden}.info{flex:1;min-width:0}.name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sku{color:#8797ad;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:10px;overflow:hidden}.price{font-size:11px;font-weight:650}.quantity{background:#f5f7fa;border:1px solid #e7ecf2;border-radius:8px;flex:none;align-items:center;display:flex;overflow:hidden}.quantity button{color:#62748a;background:0 0;border:0;width:25px;height:28px;font-size:16px}.quantity b{text-align:center;width:22px;font-size:11px}.subtotal{text-align:right;white-space:nowrap;width:75px;font-size:11px;font-weight:700}.more{color:#62748a;cursor:pointer;background:0 0;border:0;flex:none;padding:4px 6px;font-size:22px}.actions{flex:none;gap:4px;display:flex}.actions button{color:#216de3;background:#f1f6fd;border:0;border-radius:6px;padding:7px 9px;font-size:11px}.empty{text-align:center;color:#8290a3;padding:30px}.sync{border-radius:5px;margin-top:5px;padding:3px 6px;font-size:10px;display:inline-block}.sync.ok{color:#0b6b45;background:#e7f6ee}.sync.nanti{color:#b87914;background:#fff7e8}.sync.gagal{color:#c9353f;background:#fdeceb}.bottom{padding:8px 9px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0f2f5}.total{cursor:pointer;background:#f0f7ff;border:1px solid #e6f0ff;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 12px;font-weight:700;display:flex}.total strong{color:#2477ff;font-size:20px}.search{gap:8px;margin-top:9px;display:flex}.search input{border:1px solid var(--garis);border-radius:9px;flex:1;min-width:0;height:44px;padding:0 12px;font-size:12px}.scan{color:#fff;background:#2177f5;border:0;border-radius:8px;flex:none;width:44px;font-size:22px}.hint{text-align:center;color:#8896aa;margin:8px 0 0;font-size:10px}.overlay{z-index:20;background:#0d1c3380;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:420px;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;overflow:auto}.sheet h2{margin:0 0 16px;font-size:17px}.sheet label{margin:12px 0 5px;font-size:12px;font-weight:650;display:block}.sheet input,.sheet textarea,.sheet select{width:100%;font:inherit;border:1px solid #dfe6ef;border-radius:8px;padding:11px}.payments{gap:8px;margin-top:18px;display:flex}.payments button{color:#216de3;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:8px;flex:1;padding:11px 4px;font-weight:700}.payments button.active{color:#fff;background:#2177f5}.close{float:right;color:#70819a;background:0 0;border:0;font-size:20px}.chosen{color:#64748b;margin:12px 0 0;font-size:12px}.simpan{color:#fff;background:#2177f5;border:0;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-weight:700}.simpan:disabled{opacity:.6}.galat{color:#c9353f;background:#fdeceb;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.peringatan{color:#b87914;background:#fff7e8;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.kembalian-baris{border-top:1px dashed #dfe6ef;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;font-weight:650;display:flex}.kembalian-baris b{font-size:18px}.tools{gap:8px;padding:14px 12px 0;display:flex}.tools input{border:1px solid var(--garis);border-radius:9px;flex:1;min-width:0;height:42px;padding:0 12px}.tools .tambah{color:#fff;background:#2177f5;border:0;border-radius:9px;flex:none;padding:0 14px;font-weight:700}.icon{color:#5b7ca8;background:#f4f6f9;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid;overflow:hidden}.icon img,.thumb img,.u-foto img{object-fit:cover;width:100%;height:100%;display:block}.grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.grid .lebar{grid-column:1/-1}.hitung{float:right;color:#8797ad;font-size:10px;font-weight:400}.hitung.salah{color:#c9353f;font-weight:700}.unit-title{color:#216de3;margin:16px 0 0;font-size:12px;font-weight:700}.hint-kiri{text-align:left}.sandi-cek{color:#64748b;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.sandi-cek input{flex:none;width:16px;height:16px;margin:0}.pindai-mode{gap:6px;margin:12px 0 4px;display:flex}.pindai-mode button{border:1px solid var(--garis);color:#3c4b61;background:#fff;border-radius:8px;flex:1;padding:8px 4px;font-size:12px}.pindai-mode button.aktif{border-color:var(--biru);color:#216de3;background:#eaf2ff;font-weight:700}.pindai-video{aspect-ratio:4/3;object-fit:cover;background:#0d1c33;border-radius:10px;width:100%;margin-top:10px}.pindai-aksi{color:#216de3;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:12px}.pindai-aksi:disabled{opacity:.6}.pindai-kecil{color:#216de3;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:7px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600}.pindai-kecil.lebar{width:100%}.baris-scan{gap:6px;display:flex}.baris-scan input{flex:1;min-width:0}.baris-scan button{color:#216de3;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:8px;flex:none;width:42px;font-size:16px}.unit-title .pindai-kecil{float:right;margin-top:0}.icon.is-imei{color:#216de3;background:#eaf2ff}.item .tail{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.item .tail .harga{font-size:11px;font-weight:700}.item .tail .sync{white-space:nowrap;margin-top:0}.stok{color:#64748b;margin-top:2px;font-size:11px}.item[role=button]{cursor:pointer}.item[role=button]:hover{background:#f8fafc}.chev{color:#b6c2d1;flex:none;align-self:center}.dl{grid-template-columns:104px 1fr;gap:9px 12px;margin:12px 0 0;font-size:13px;display:grid}.dl dt{color:#8797ad;font-size:12px}.dl dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.unit-sec{border-top:1px solid var(--garis);margin-top:16px;padding-top:14px}.unit-sec-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.unit-sec-head h3{color:#465568;margin:0;font-size:12.5px;font-weight:700}.mini{color:#216de3;white-space:nowrap;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:8px;min-height:30px;padding:0 9px;font-size:11.5px;font-weight:650}.unit-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.unit-list li{border:1px solid var(--garis);background:#f6f8fb;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.u-body{flex:1;min-width:0}.u-id{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12.5px;font-weight:650;display:block}.u-foto{color:#8797ad;background:#eef2f7;border-radius:7px;flex:none;place-items:center;width:40px;height:40px;font-size:13px;display:grid;overflow:hidden}.u-foto-kosong{font-size:12px}.foto-baris{align-items:flex-start;gap:10px;margin-top:2px;display:flex}.foto-kotak{color:#8797ad;text-align:center;background:#f4f6f9;border:1px dashed #cfd8e3;border-radius:10px;flex:none;place-items:center;width:84px;height:84px;font-size:10.5px;display:grid;overflow:hidden}.foto-kotak img{object-fit:cover;width:100%;height:100%;display:block}.foto-aksi{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.foto-hint{color:#8797ad;font-size:10.5px;line-height:1.35}.foto-besar{object-fit:contain;background:#f4f6f9;border-radius:10px;width:100%;max-height:220px;margin:10px 0 4px;display:block}.foto-besar.kosong{color:#8797ad;border:1px dashed #cfd8e3;place-items:center;height:90px;font-size:11px;display:grid}.u-meta{color:#8797ad;overflow-wrap:anywhere;margin-top:2px;font-size:11px;line-height:1.45;display:block}.chip{white-space:nowrap;border-radius:6px;flex:none;padding:3px 6px;font-size:10px}.chip.ok{color:#0b6b45;background:#e7f6ee}.chip.mute{color:#8797ad;background:#eef2f7}.sheet-foot{gap:8px;margin-top:16px;display:flex}.sheet-foot .simpan,.sheet-foot .sekunder{flex:1;margin-top:0}.sekunder{color:#64748b;background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:12px;font-weight:650}.mini-head{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 2px;display:flex}.mini-cap{color:#465568;font-size:11.5px;font-weight:650}.icon-row{gap:6px;display:flex}.iconbtn{color:#216de3;background:#f1f7ff;border:1px solid #cfe0fa;border-radius:9px;width:36px;height:36px;font-size:16px}.iconbtn:active{background:#dbeafe}.nota-struk{border:1px solid var(--garis);color:#111;background:#fff;border-radius:3px;max-width:302px;margin:12px auto 0;padding:14px 12px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,Courier New,monospace;font-size:11.5px;line-height:1.5}.nt-toko{text-align:center;margin:0 0 2px}.nt-baris1{letter-spacing:.02em;font-size:23px;font-weight:700;line-height:1.15}.nt-lain{font-size:11.5px;font-weight:600}.nt-samadengan{white-space:nowrap;letter-spacing:0;-webkit-user-select:none;user-select:none;margin:6px 0;overflow:hidden}.nt-meta{grid-template-columns:auto 1fr;gap:0 8px;margin:0;display:grid}.nt-meta dt{margin:0}.nt-meta dd{text-align:right;margin:0}.nt-garis{border-top:1px dashed #9aa4b2;margin:7px 0}.nt-item{margin:0 0 7px}.nt-nama{grid-template-columns:3ch 1fr;gap:0;display:grid}.nt-nama span:last-child{overflow-wrap:anywhere}.nt-lanjutan{padding-left:3ch}.nt-hit{justify-content:space-between;gap:8px;display:flex}.nt-imei{color:#333;overflow-wrap:anywhere;font-size:10.5px}.nt-total{justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;display:flex}.nt-baris{justify-content:space-between;gap:8px;display:flex}.nt-baris .tebal{font-weight:700}.nt-pembeli{overflow-wrap:anywhere}.nt-penutup{text-align:center;color:#333;margin-top:8px;font-size:10.5px}.periode{gap:6px;padding:2px 16px 10px;display:flex}.periode button{border:1px solid var(--garis);color:#465568;background:#fff;border-radius:9px;flex:1;min-height:34px;font-size:12px}.periode button[aria-pressed=true]{border-color:var(--biru);color:#216de3;background:#eaf2ff;font-weight:700}.ringkas{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 12px;display:grid}.kartu{border:1px solid var(--garis);border-radius:12px;padding:10px 12px}.kartu .label{color:#8797ad;font-size:11px;display:block}.kartu .nilai{margin-top:2px;font-size:17px;display:block}.kartu .nilai.kecil{font-size:14.5px}.kartu.utama{background:#eaf2ff;border-color:#cfe0fb}.kartu.utama .nilai{color:#0f4c9c}.metode{padding:0 16px 12px}.sec-title{color:#465568;margin:4px 0 8px;padding:0 16px;font-size:12px;font-weight:700}.metode .baris{grid-template-columns:64px 1fr 112px;align-items:center;gap:8px;margin-bottom:7px;font-size:11.5px;display:grid}.metode .track{border:1px solid var(--garis);background:#f6f8fb;border-radius:999px;height:6px;overflow:hidden}.metode .isi{background:var(--biru);height:100%;display:block}.metode .isi.q{background:#7c5cf0}.metode .isi.t{background:#0f9d76}.metode .angka{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.metode .kecil{color:#8797ad;font-weight:400}.daftar-lap{padding-bottom:16px}.lap-row{border-top:1px solid var(--garis);text-align:left;align-items:center;gap:10px;width:100%;padding:11px 16px;display:flex}.lap-row:hover{background:#f8fafc}.lap-row .jam{color:#8797ad;flex:none;width:44px;font-size:11.5px}.lap-row .body{flex:1;min-width:0}.lap-row .nont{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;display:block}.lap-row .ket{color:#8797ad;margin-top:2px;font-size:10.5px;display:block}.lap-row .tail{text-align:right;flex:none}.lap-row .total{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;display:block}.lap-row .sync{margin-top:3px}.lap-item{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lap-item li{border-top:1px solid var(--garis);gap:10px;padding-top:9px;display:flex}.lap-item .b{flex:1;min-width:0}.lap-item .nm{overflow-wrap:anywhere;font-size:12.5px;font-weight:600;display:block}.lap-item .sub2{color:#8797ad;margin-top:2px;font-size:11px;display:block}.lap-item .amt{font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:700}@media print{@page{size:58mm auto;margin:0}html,body{background:#fff!important}body *{visibility:hidden}.nota-cetak,.nota-cetak *{visibility:visible}.nota-cetak{width:58mm;max-width:none;box-shadow:none;border-radius:0;margin:0;padding:2mm;position:absolute;top:0;left:0;border:0!important}.overlay,.sheet{box-shadow:none!important;background:0 0!important;border:0!important}}.pesan-info{color:#0b6b45;background:#e7f6ee;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.45}.kode-terkunci{color:#8797ad;vertical-align:middle;background:#eef2f7;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:9px;font-weight:650}.sheet input[readonly]{color:#64748b;background:#f4f6f9}.sheet select:disabled{color:#64748b;opacity:1;background:#f4f6f9}.tombol-hapus{color:#b3261e;background:#fdeceb;border:1px solid #f2c9c5;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-weight:700}.sheet-foot .tombol-hapus{flex:1;width:auto;margin-top:0}.foto-aksi-baris{flex-wrap:wrap;gap:6px;display:flex}.scan-panel{background:linear-gradient(#f3f9ff 0%,#eaf3ff 100%);border:1px solid #cfe0fa;border-radius:11px;margin:10px 0 4px;padding:10px 11px}.scan-panel-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.scan-cap{letter-spacing:.08em;text-transform:uppercase;color:#8797ad;font-size:9.5px;font-weight:750;display:block}.scan-panel-head strong{color:#216de3;margin-top:1px;font-size:18px;line-height:1.2;display:block}.scan-tip{text-align:right;color:#8797ad;max-width:118px;font-size:9.5px;line-height:1.3}.scan-actions{gap:6px;margin-top:8px;display:flex}.scan-actions .pindai-kecil{flex:1}.scan-actions .pindai-kecil:disabled{opacity:.6}.scan-note{color:#64748b;margin:7px 0 0;font-size:10px;line-height:1.4}.scan-info{color:#0b6b45;background:#e7f6ee;border-radius:7px;margin:7px 0 0;padding:6px 8px;font-size:10.5px;line-height:1.4}.scan-info.galat{color:#c9353f;background:#fdeceb}.update-banner{left:50%;bottom:calc(112px + env(safe-area-inset-bottom));z-index:60;color:#fff;pointer-events:none;background:#0f2a4a;border-radius:9px;align-items:center;gap:7px;width:calc(100% - 24px);max-width:396px;padding:9px 12px;font-size:11.5px;line-height:1.4;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0f1c3047}.update-banner:before{content:"";background:#7fc4ff;border-radius:999px;flex:none;width:6px;height:6px}.form-baris{flex-direction:column;margin-top:2px;display:flex}.barix{border-bottom:1px solid #eef2f8;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;display:grid}.barix:last-child{border-bottom:0}.barix-label{flex-direction:column;gap:1px;min-width:0;display:flex}.barix-teks{align-items:center;gap:2px;min-width:0;display:flex}.barix label{color:#465568;white-space:nowrap;margin:0;font-size:12.5px;font-weight:650;line-height:1.25;display:inline}.barix .hitung{float:none;font-size:10px;line-height:1.2}.barix[data-aktif=true] label{color:#216de3}.barix[data-aktif=true] input{background:#fff;border-color:#a9c9f6}.barix-input{align-items:center;min-width:0;display:flex;position:relative}.barix input{color:#0f1c30;font-variant-numeric:tabular-nums;letter-spacing:.005em;background:#f5f8fc;border:1px solid #c9d4e2;border-radius:10px;width:100%;height:40px;padding:0 32px 0 10px;font-family:inherit;font-size:13px;font-weight:500}.barix input:focus{background:#fff;border-color:#216de3;outline:none;box-shadow:0 0 0 3px #e8f1fe}.scan-inline{color:#64748b;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:34px;padding:0;font-size:15px;display:grid;position:absolute;right:2px}.scan-inline:hover{color:#216de3;background:#e8f1fe}.swap-imei{color:#6b7c91;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:3px;height:22px;margin-top:3px;padding:0 8px 0 6px;font-size:11px;font-weight:700;display:inline-flex}.swap-imei[aria-disabled=true]{opacity:.6}.swap-imei[aria-disabled=false]{color:#216de3;background:#e8f1fe;border-color:#cfe0fa}.swap-imei[aria-disabled=false]:active{transform:translateY(1px)}