:root{--bg:#EDEFEA;--panel:#FFF;--panel-2:#F5F7F2;--sunk:#E3E7DE;--ink:#16211F;--ink-2:#39433F;--muted:#66716C;--faint:#939E97;--line:#D9DED3;--line-2:#C3CABB;--primary:#0E5249;--primary-ink:#FFF;--primary-soft:#DFEBE7;--accent:#B9740F;--accent-soft:#F8EEDC;--ok:#2C6E3F;--ok-soft:#E1EFE4;--warn:#9A6206;--warn-soft:#F9EFDA;--crit:#9B2F2F;--crit-soft:#F7E5E3;--shadow:0 1px 2px rgba(22,33,31,.06),0 12px 32px -14px rgba(22,33,31,.28)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0D1211;--panel:#161D1B;--panel-2:#1C2522;--sunk:#111816;--ink:#E8EEEB;--ink-2:#C2CBC7;--muted:#95A09A;--faint:#6D7873;--line:#28322F;--line-2:#3A4541;--primary:#3FB6A2;--primary-ink:#06211D;--primary-soft:#13312C;--accent:#E0A24F;--accent-soft:#31250F;--ok:#5FB97A;--ok-soft:#152D1D;--warn:#DFAE55;--warn-soft:#30260E;--crit:#E08B85;--crit-soft:#341B19;--shadow:0 1px 2px rgba(0,0,0,.5),0 12px 32px -14px rgba(0,0,0,.7)}}*{box-sizing:border-box}html,body,#akar{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,Helvetica Neue,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.app{height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:-.02em}.logo i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.meta{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.meta b{color:var(--ink);font-weight:600}.top .kanan{margin-left:auto;display:flex;gap:8px;align-items:center}.chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--line-2);background:var(--panel-2)}.chip i{width:7px;height:7px;border-radius:50%;background:var(--ok)}.chip.off{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.chip.off i{background:var(--warn)}.chip.antre{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-family:IBM Plex Mono,monospace}.chip.tolak{background:var(--crit-soft);border-color:transparent;color:var(--crit)}.pita{display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}.pita.warn{background:var(--warn-soft);color:var(--warn)}.pita.crit{background:var(--crit-soft);color:var(--crit)}.pita button{margin-left:auto;font-size:11px;text-decoration:underline}.utama{flex:1;display:flex;min-height:0}.kiri{flex:1;display:flex;flex-direction:column;min-width:0}.kat{display:flex;gap:5px;padding:10px 12px;overflow-x:auto;background:var(--panel-2);border-bottom:1px solid var(--line)}.kat button{padding:7px 13px;border-radius:7px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.kat button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:transparent}.kisi{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px;align-content:start}.item{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 12px;text-align:left;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .08s,border-color .12s}.item:hover{border-color:var(--primary)}.item:active{transform:scale(.975)}.item .nm{font-size:12.5px;font-weight:600;line-height:1.28}.item .hg{font-size:13px;font-weight:700;color:var(--primary);font-family:IBM Plex Mono,monospace}.item .tag{font-size:9.5px;font-weight:600;color:var(--faint);letter-spacing:.05em;text-transform:uppercase}.item:disabled{opacity:.42;cursor:not-allowed}.item:disabled .hg{color:var(--crit)}.kanan-panel{width:352px;flex:0 0 352px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.kh{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.kh .no{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted)}.kh .no b{color:var(--ink)}.seg{margin-left:auto;display:flex;gap:3px;background:var(--sunk);padding:3px;border-radius:7px}.seg button{padding:4px 9px;border-radius:5px;font-size:11px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--panel);color:var(--ink)}.baris-list{flex:1;overflow-y:auto;padding:6px 0;min-height:0}.kosong{padding:44px 24px;text-align:center;color:var(--faint);font-size:12.5px;line-height:1.6}.kosong b{display:block;color:var(--muted);font-weight:600;font-size:13px;margin-bottom:5px}.br{padding:9px 14px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}.br:last-child{border-bottom:none}.br .isi{flex:1;min-width:0}.br .nm{font-size:13px;font-weight:600;line-height:1.3}.br .mod{font-size:11px;color:var(--muted);line-height:1.45;margin-top:2px}.br .sat{font-size:10.5px;color:var(--faint);margin-top:2px;font-family:IBM Plex Mono,monospace}.br .jml{font-size:13px;font-weight:700;text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace}.qty{display:flex;align-items:center;background:var(--sunk);border-radius:6px;overflow:hidden;flex:0 0 auto}.qty button{width:25px;height:25px;font-size:15px;font-weight:600;color:var(--muted);line-height:1}.qty button:hover{background:var(--line);color:var(--ink)}.qty span{min-width:22px;text-align:center;font-size:12px;font-weight:700;font-family:IBM Plex Mono,monospace}.total{border-top:1px solid var(--line);padding:11px 14px;background:var(--panel-2)}.tr{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:2.5px 0}.tr span:last-child{font-family:IBM Plex Mono,monospace;color:var(--ink-2)}.tr.besar{margin-top:8px;padding-top:9px;border-top:1px solid var(--line-2);font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.025em}.tr.besar span:last-child{font-size:19px;font-weight:800;color:var(--ink)}.aksi{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:11px 14px;border-top:1px solid var(--line)}.tbl{padding:13px 16px;border-radius:9px;font-size:14px;font-weight:700;text-align:center}.tbl.utama{background:var(--primary);color:var(--primary-ink)}.tbl.utama:disabled{background:var(--sunk);color:var(--faint);cursor:not-allowed}.tbl.samar{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.tbl.samar:hover:not(:disabled){color:var(--crit);border-color:var(--crit)}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a100f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow);width:100%;max-width:432px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.mh{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.mh h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}.mh .sub{font-size:11px;color:var(--muted);font-family:IBM Plex Mono,monospace}.mh .x{margin-left:auto;width:28px;height:28px;border-radius:6px;color:var(--muted);font-size:17px}.mh .x:hover{background:var(--sunk);color:var(--ink)}.mb{padding:16px 18px;overflow-y:auto}.mf{padding:13px 18px;border-top:1px solid var(--line);display:flex;gap:9px}.mf .tbl{flex:1}.tender{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:10px;width:100%;border:1px solid var(--line);background:var(--panel-2);text-align:left;margin-bottom:8px}.tender:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.tender:disabled{opacity:.45;cursor:not-allowed}.tender .ic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:0 0 auto;background:var(--panel);border:1px solid var(--line)}.tender.pilih{border-color:var(--primary);background:var(--primary-soft)}.tender.pilih .ic{background:var(--primary);color:var(--primary-ink);border-color:transparent}.tender b{display:block;font-size:14px;font-weight:700}.tender span{display:block;font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:1px}.petunjuk{font-size:11.5px;color:var(--faint);line-height:1.5;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}.tagihan{text-align:center;padding:4px 0 15px}.tagihan .lb{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:0 0 4px}.tagihan .vl{font-size:33px;font-weight:800;letter-spacing:-.035em;margin:0;font-family:IBM Plex Mono,monospace}.cepat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.cepat button{padding:11px 6px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;font-weight:700;font-family:IBM Plex Mono,monospace}.cepat button:hover{border-color:var(--primary);background:var(--primary-soft)}.cepat button.pas{background:var(--primary-soft);border-color:var(--primary);color:var(--ink)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pad button{padding:14px 0;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);font-size:17px;font-weight:600;font-family:IBM Plex Mono,monospace}.pad button:hover{background:var(--sunk)}.pad button.hapus{color:var(--crit);font-size:14px}.terima,.kembali{display:flex;justify-content:space-between;align-items:baseline;padding:11px 13px;border-radius:9px;margin-top:11px}.terima{background:var(--sunk)}.kembali{background:var(--ok-soft);color:var(--ok)}.kembali.kurang{background:var(--crit-soft);color:var(--crit)}.terima .lb,.kembali .lb{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.terima .vl{font-size:20px;font-weight:800;font-family:IBM Plex Mono,monospace}.kembali .vl{font-size:23px;font-weight:800;font-family:IBM Plex Mono,monospace}.proses{text-align:center;padding:22px 8px}.putar{width:36px;height:36px;border-radius:50%;margin:0 auto 15px;border:3px solid var(--line);border-top-color:var(--primary);animation:putar .8s linear infinite}@keyframes putar{to{transform:rotate(360deg)}}.proses h3{margin:0 0 5px;font-size:15px;font-weight:700}.proses p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5;max-width:34ch;margin-inline:auto}.qrkotak{display:grid;place-items:center;padding:4px 0 14px}.qrkotak canvas,.qrkotak img{width:184px;height:184px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:9px}.qrmeta{text-align:center;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--faint);line-height:1.7}.qrmeta b{color:var(--ink-2)}.hitung{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;font-family:IBM Plex Mono,monospace;margin-top:9px}.selesai{text-align:center;padding:12px 8px 6px}.selesai .centang{width:52px;height:52px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:26px;font-weight:800}.selesai h3{margin:0 0 6px;font-size:19px;font-weight:800;letter-spacing:-.025em}.selesai .kb{font-size:13px;color:var(--muted);margin:0 0 15px}.selesai .kb b{color:var(--ink);font-size:17px;font-family:IBM Plex Mono,monospace;font-weight:800}.slip{text-align:left;background:var(--sunk);border-radius:9px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.85;color:var(--ink-2)}.slip div{display:flex;justify-content:space-between;gap:12px}.slip div span:first-child{color:var(--muted)}.slip hr{border:none;border-top:1px dashed var(--line-2);margin:7px 0}.tengah{height:100%;display:grid;place-items:center;padding:20px;overflow:auto}.kartu{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;width:100%;max-width:370px;box-shadow:var(--shadow)}.kartu h1{margin:0 0 6px;font-size:21px;font-weight:800;letter-spacing:-.03em}.kartu p.ket{margin:0 0 20px;font-size:13px;color:var(--muted);line-height:1.5}.isian{margin-bottom:13px}.isian label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.isian input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:15px}.galat{background:var(--crit-soft);color:var(--crit);border-radius:8px;padding:10px 12px;font-size:12.5px;margin-bottom:13px;line-height:1.45}.lebar{width:100%}.tolak-item{border:1px solid var(--crit);background:var(--crit-soft);border-radius:9px;padding:11px 13px;margin-bottom:8px}.tolak-item b{display:block;font-size:12.5px;font-family:IBM Plex Mono,monospace}.tolak-item p{margin:4px 0 8px;font-size:12px;color:var(--ink-2);line-height:1.45}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:9px;font-size:12.5px;font-weight:600;z-index:200;max-width:calc(100% - 32px);text-align:center}@media (max-width:860px){body{overflow:auto}.utama{flex-direction:column}.kanan-panel{width:100%;flex:1 1 auto;border-left:none;border-top:1px solid var(--line)}.kisi{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.chip.tagihan{background:var(--accent);color:#fff;border-color:transparent;font-weight:700}.tg-list{display:grid;gap:8px}.tg{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}.tg:hover{border-color:var(--primary);background:var(--primary-soft)}.tg .kiri{flex:1;min-width:0}.tg .no{font-family:IBM Plex Mono,monospace;font-weight:800;font-size:14px}.tg .sub{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4}.tg .amt{font-family:IBM Plex Mono,monospace;font-weight:800;font-size:15px;white-space:nowrap}.tg .antrean{background:var(--primary);color:var(--primary-ink);min-width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-weight:800;font-size:17px;flex:0 0 auto}.tg-tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-right:6px}.tg-tag.tertahan{background:var(--crit-soft);color:var(--crit)}.tg-tag.kanal{background:var(--sunk);color:var(--muted)}.tg-rinci{background:var(--sunk);border-radius:9px;padding:12px 14px;margin-bottom:14px}.tg-rinci .r{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.tg-rinci .r span:last-child{font-family:IBM Plex Mono,monospace}.tg-rinci .r.besar{margin-top:8px;padding-top:9px;border-top:1px solid var(--line-2);font-size:17px;font-weight:800}.tg-item{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--line)}.tg-item:last-child{border-bottom:none}.tg-item .q{font-family:IBM Plex Mono,monospace;font-weight:700;color:var(--primary);min-width:28px}.tg-item .m{font-size:11.5px;color:var(--muted);margin-top:2px}