.banner-telepon{align-items:center;gap:.5rem;margin:0 0 1.2rem;display:flex}.banner-ok{background:var(--ok-bg);color:var(--ok-fg)}.banner-warn{background:var(--warn-bg);color:var(--warn-fg)}.banner-err{background:var(--err-bg);color:var(--err-fg)}.banner-info{background:var(--info-bg);color:var(--info-fg)}.stat .angka{font-size:1.45rem;font-weight:700;display:block}.stat-ringkas{align-items:center;gap:1rem;min-width:0;min-height:6.5rem;display:flex}.stat-ringkas-ikon{border-radius:50%;flex:0 0 3.6rem;place-items:center;width:3.6rem;height:3.6rem;display:grid}.stat-ringkas-ikon .ikon{width:1.5rem;height:1.5rem}.stat-ringkas-copy{min-width:0}.stat-ringkas .stat-ringkas-copy h3{margin:0 0 .2rem;font-size:1rem;font-weight:500}.stat-ringkas-lunas .stat-ringkas-ikon{color:var(--ok-fg);background:var(--ok-bg)}.stat-ringkas-menunggu .stat-ringkas-ikon{color:var(--warn-fg);background:var(--warn-bg)}.stat-ringkas-kedaluwarsa .stat-ringkas-ikon{color:var(--err-fg);background:var(--err-bg)}.tombol{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.tombol:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.page-head-kanan a.tombol{color:var(--on-accent);font-size:inherit}.page-head-kanan a.tombol-garis{color:var(--accent)}.tombol-garis{color:var(--accent);background:0 0}.tombol-garis:hover{background:var(--accent-soft);color:var(--accent)}.pager{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.pager-tombol{gap:.4rem;display:flex}.dua-kolom{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=900px){.dua-kolom{grid-template-columns:minmax(0,1fr)}}.content>main{max-width:1305px;margin:0 auto;padding:2.5rem 3.2rem 2rem 1.5rem}.content>main>.banner-telepon{margin-bottom:1.8rem;padding:.7rem 1rem}main .page-head{margin-bottom:1.2rem}main .page-head h1{letter-spacing:-.025em;font-size:2rem;line-height:1.2}main .page-head .sub{margin-top:.3rem;font-size:1rem}main .card{padding:1.1rem 1.3rem}main .card h2{font-size:1.1rem}@media (width<=900px){.content>main{max-width:none;margin:0;padding:1.2rem .9rem}}@media (width<=640px){main .page-head h1{font-size:1.6rem}main .page-head .sub{font-size:.95rem}main .card{padding:1rem}main .card h2{font-size:1rem}}.buat-tagihan .kembali{margin-bottom:.3rem}.buat-tagihan .page-head{margin-bottom:.7rem}.buat-tagihan .dua-kolom{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:1.25rem}.buat-tagihan form.card{padding-bottom:2rem}.buat-tagihan .card h2{margin-bottom:.95rem}.buat-tagihan .nominal-kontrol{margin:1.4rem 0 .3rem;position:relative}.buat-tagihan .nominal-kontrol-kepala{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.3rem;display:flex}.buat-tagihan .nominal-kontrol-kepala>label{margin:0!important}.buat-tagihan form label:not(.inline){color:var(--text);margin:.8rem 0 .3rem;font-size:1rem}.buat-tagihan .rentang-kode>summary{border:1px solid var(--line);background:var(--bg);min-height:3.8rem;color:var(--text);border-radius:8px;align-items:center;gap:.75rem;padding:.7rem 1.1rem;font-size:1rem;list-style:none;display:flex}.buat-tagihan .rentang-kode>summary::-webkit-details-marker{display:none}.buat-tagihan .rentang-kode>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.55rem;height:.55rem;margin:-.25rem .15rem 0 .2rem;transition:transform .15s;transform:rotate(45deg)}.buat-tagihan .rentang-kode[open]>summary:after{margin-top:.3rem;transform:rotate(225deg)}.buat-tagihan .rentang-kode>summary:hover{border-color:var(--accent)}.buat-tagihan .rentang-nilai{color:var(--muted);margin-left:auto}.buat-tagihan .rentang-kode .row{padding-top:.7rem}.buat-tagihan .referensi-opsional{margin:0;position:relative}.buat-tagihan .referensi-opsional>summary{color:var(--accent);white-space:nowrap;padding:0;font-size:.85rem;list-style:none}.buat-tagihan .referensi-opsional>summary::-webkit-details-marker{display:none}.buat-tagihan .referensi-popover{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:min(24rem,78vw);padding:1rem;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 .75rem 2rem #0000002e}.buat-tagihan .referensi-popover label{display:block}.buat-tagihan .buat-tagihan-aksi{border-top:1px solid var(--line);justify-content:flex-end;gap:.75rem;margin-top:.4rem;padding-top:1.1rem}.buat-tagihan .buat-tagihan-aksi button.primary,.buat-tagihan .buat-tagihan-aksi .tombol{justify-content:center;min-width:6.5rem;margin:0}.buat-tagihan .buat-tagihan-aksi button.primary{align-items:center;gap:.45rem;padding-inline:1.4rem;display:inline-flex}@media (width<=900px){.buat-tagihan .dua-kolom{grid-template-columns:minmax(0,1fr);gap:.85rem}}@media (width<=640px){.buat-tagihan .buat-tagihan-aksi{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.buat-tagihan .buat-tagihan-aksi button.primary{order:-1}.buat-tagihan .buat-tagihan-aksi button.primary,.buat-tagihan .buat-tagihan-aksi .tombol{width:100%;min-width:0;min-height:2.75rem}.buat-tagihan form.card{padding-bottom:1.2rem}.buat-tagihan form label:not(.inline){margin:.65rem 0 .25rem;font-size:.95rem}.buat-tagihan form input[type=text],.buat-tagihan form select{min-height:2.75rem;padding:.5rem .75rem}.buat-tagihan .nominal-kontrol{margin-top:1rem}.buat-tagihan .rentang-kode{margin-top:1.2rem}.buat-tagihan .rentang-kode>summary{min-height:2.75rem;padding:.5rem .85rem;font-size:.95rem}}.notifikasi-pelanggan .card-head{align-items:center;margin-bottom:1.1rem}.notifikasi-pelanggan .card-head .row{align-items:center;gap:1rem}.notifikasi-pelanggan .card-head .switch{font-size:.82rem;font-weight:600}.notifikasi-pelanggan .card-head button{align-items:center;gap:.4rem;min-height:2.5rem;margin:0;padding:.45rem .85rem;font-size:.82rem;display:inline-flex}.notifikasi-pelanggan .notif-tabel{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.notifikasi-pelanggan .notif-tabel table{table-layout:fixed;width:100%;min-width:100%}.notifikasi-pelanggan .notif-tabel th{white-space:nowrap;padding:.75rem .65rem}.notifikasi-pelanggan .notif-tabel td{white-space:normal;overflow-wrap:anywhere;padding:.8rem .65rem;line-height:1.4}.notifikasi-pelanggan .notif-tabel th:first-child{width:9%}.notifikasi-pelanggan .notif-tabel th:nth-child(2){width:14%}.notifikasi-pelanggan .notif-tabel th:nth-child(3){width:16%}.notifikasi-pelanggan .notif-tabel th:nth-child(4){width:19%}.notifikasi-pelanggan .notif-tabel th:nth-child(5){width:15%}.notifikasi-pelanggan .notif-tabel th:nth-child(6){width:14%}.notifikasi-pelanggan .notif-tabel th:nth-child(7){width:13%}.notifikasi-pelanggan .notif-tabel th .notif-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin:0;padding:0;display:inline-flex}.notifikasi-pelanggan .notif-tabel th .notif-sort:hover{color:var(--accent)}.notif-sort-panah{width:.65rem;height:1rem;color:var(--muted);display:inline-block;position:relative}.notif-sort-panah:before,.notif-sort-panah:after{content:"";border-left:.18rem solid #0000;border-right:.18rem solid #0000;width:0;height:0;position:absolute;left:.13rem}.notif-sort-panah:before{border-bottom:.22rem solid;top:.12rem}.notif-sort-panah:after{border-top:.22rem solid;bottom:.12rem}.notif-sort-panah.aktif{color:var(--accent)}.notif-sort-panah.asc:after,.notif-sort-panah.desc:before{opacity:.3}.notif-app-identitas{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.notif-app-identitas>span:last-child{min-width:0}.notif-app-logo{color:#fff;border-radius:50%;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;font-size:1.05rem;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.notif-app-gopay .notif-app-logo{background:#fff;position:relative}.notif-app-dana .notif-app-logo{background:#fff}.notif-app-lainnya .notif-app-logo{background:var(--accent-soft);color:var(--accent)}.notif-app-logo img{object-fit:cover;object-position:left center;width:100%;height:100%;display:block}.notif-app-gopay .notif-app-logo img{object-position:center top;width:150%;height:150%;position:absolute;top:0;left:-25%}.notif-app-logo>span{place-items:center;width:100%;height:100%;display:grid}.notifikasi-pelanggan .gateway-supported{align-items:center;min-height:4.8rem;display:flex}.notifikasi-pelanggan .gateway-supported>strong{width:100%}.notifikasi-pelanggan .gateway-brand{align-items:center;gap:.9rem;display:flex}.notifikasi-pelanggan .gateway-brand img{object-fit:contain;flex:0 0 4rem;width:4rem;height:4rem;display:block}.notifikasi-pelanggan .gateway-brand strong{width:auto}.notifikasi-pelanggan .notif-pager{flex-wrap:wrap;margin-top:.65rem}.notifikasi-pelanggan .notif-pager p{margin:0}.notifikasi-pelanggan .notif-pager button{place-items:center;width:2.75rem;height:2.75rem;margin:0;padding:.5rem;display:inline-grid}.notifikasi-pelanggan .notif-pager button:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.notifikasi-pelanggan .card-head{align-items:flex-start}}.rincian{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;gap:.55rem 0;margin:1rem 0;padding:.85rem 1rem;display:grid}.rincian dt{color:var(--muted)}.rincian dd{text-align:right;margin:0;padding-left:1rem;font-weight:600}.tagihan-detail{text-align:center;max-width:27rem;margin:0 auto}.tagihan-detail .rincian,.tagihan-detail .sisa-waktu,.tagihan-detail form{text-align:left}.tagihan-detail .nominal-besar{margin:.6rem 0 .1rem;font-size:2rem;font-weight:800}.sisa-waktu{background:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.sisa-waktu strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.tagihan-detail .tombol{justify-content:center;width:100%}.akun{position:relative}.akun-tombol{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0;display:flex}.akun-tombol small{color:var(--sb-muted);display:block}.akun-menu{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:.35rem;list-style:none;position:absolute;bottom:calc(100% + .4rem);left:0;right:0}.akun-menu a,.akun-menu button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem .6rem;text-decoration:none;display:block}.akun-menu a:hover,.akun-menu button:hover{background:var(--accent-soft)}main a:not(.tombol){color:var(--accent);font-weight:600;text-decoration:none}main a:not(.tombol):hover{color:var(--accent-hover);text-decoration:none}main a:not(.tombol):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}main .tagihan-ringkas a,main td a:not(.tombol){color:var(--text)}main .tagihan-ringkas a:hover,main td a:not(.tombol):hover{color:var(--accent)}.row .tombol{margin-top:.7rem}main button.link{align-items:center;gap:.3rem;display:inline-flex}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;padding:1.5rem}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone .ikon{width:2rem;height:2rem;color:var(--accent)}.dropzone p{margin:.25rem 0}.titik-baru{background:var(--err-fg);border-radius:50%;align-self:flex-start;width:.5rem;height:.5rem;margin-left:.35rem}.gateway-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;display:grid}.sel-teks{white-space:normal;min-width:12rem}.baris-antara{justify-content:space-between;align-items:center;gap:.8rem;margin-top:.6rem;display:flex}.baris-antara .switch{margin:0}.card-head button{margin-top:0}@media (width<=900px){.tombol-menu{position:relative}.titik-menu{margin:0;position:absolute;top:.3rem;right:.3rem}.sidebar-nav a,.akun-menu a,.akun-menu button{align-items:center;min-height:44px;display:flex}}.notif-kartu{margin:0;padding:0;list-style:none;display:none}.notif-kartu li{border-bottom:1px solid var(--line);padding:.75rem 0}.notif-kartu p{margin:.3rem 0}.notif-kepala,.notif-kaki{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.notif-kepala>strong{overflow-wrap:anywhere;min-width:0}.notif-kepala>.hint{white-space:nowrap;flex:none}.notif-kaki{font-weight:600}@media (width<=640px){.notif-kartu{display:block}.notif-tabel,.kol-aksi{display:none}.tabel-tagihan thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabel-tagihan tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"referensi nominal""status waktu";align-items:center;gap:.35rem .75rem;padding:.7rem 0;display:grid}.tabel-tagihan td{border:0;padding:0;display:block}.tabel-tagihan td.kol-aksi{display:none}.tabel-tagihan td:first-child{text-overflow:ellipsis;white-space:nowrap;grid-area:referensi;min-width:0;overflow:hidden}.tabel-tagihan td:nth-child(2){white-space:nowrap;grid-area:nominal;font-weight:600}.tabel-tagihan td:nth-child(3){grid-area:status;justify-self:start}.tabel-tagihan td:nth-child(4){text-align:right;white-space:nowrap;color:var(--muted);grid-area:waktu}.table-scroll th,.table-scroll td{padding-left:.35rem;padding-right:.35rem}.shell input,.shell select,.shell textarea{font-size:16px}}.kartu-judul{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding-bottom:.9rem;display:flex}.kartu-judul h2{margin:0}.kartu-judul .sub{color:var(--muted);margin:.2rem 0 0;font-size:.78rem;line-height:1.4}.endpoint>button{justify-self:start;margin-top:0}.ikon-bulat{background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:inline-grid}.ikon-bulat .ikon{width:1.35rem;height:1.35rem}.rahasia{gap:.4rem;display:grid}.rahasia-label{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.rahasia-baris{align-items:stretch;gap:.5rem;display:flex}.rahasia code{border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;border-radius:8px;flex:1;align-items:center;min-width:0;min-height:2.6rem;padding:.45rem .75rem;font-size:.8rem;display:flex}.tombol-ikon{border:1px solid var(--line);background:var(--card);width:2.6rem;min-height:2.6rem;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;margin:0;padding:0;display:inline-grid}.tombol-ikon:hover{border-color:var(--accent);color:var(--accent)}.tombol-ikon[aria-pressed=true]{color:var(--accent)}.tombol-ikon .ikon{width:1.1rem;height:1.1rem}[data-hasil=ok]{border-color:currentColor;color:var(--ok-fg)!important}[data-hasil=gagal]{border-color:currentColor;color:var(--err-fg)!important}.msg-warn{background:var(--warn-bg);color:var(--warn-fg)}.pilihan-scope{border:1px solid var(--line);border-radius:8px;gap:.35rem;padding:.6rem .8rem;display:grid}.pilihan-scope legend{color:var(--muted);padding:0 .3rem;font-size:.85rem}.pilihan-scope label:has(input:disabled){opacity:.6}.pilihan-scope label.inline{color:var(--text);align-items:center;gap:.5rem;font-size:.82rem}.pilihan-scope label.inline code.hint{border:1px solid var(--line);background:var(--bg);border-radius:4px;margin:0;padding:.1rem .4rem;font-size:.7rem;line-height:1.4}.pilihan-scope label.inline span.hint{margin:0;font-size:.72rem}.endpoint{border:1px solid var(--line);border-radius:var(--radius);gap:.5rem;padding:.8rem;display:grid}.endpoint .url{overflow-wrap:anywhere}.konfirmasi{border-left:3px solid var(--err-fg);padding-left:.6rem}.kunci-baru{gap:.5rem;display:grid}.tiga-kolom{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}@media (width<=1100px){.tiga-kolom{grid-template-columns:minmax(0,1fr)}}.payload{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:7px;padding:.5rem .6rem;font-size:.8rem;display:block}.dropzone .tombol-garis{border:1px solid var(--accent);color:var(--accent);background:0 0}@media (width<=640px){.shell button.primary,.shell .tombol,.shell button.danger{min-height:44px}.pilihan-scope label.inline{grid-template-columns:auto minmax(0,1fr);gap:.25rem .5rem;display:grid}.pilihan-scope label.inline>:not(input){grid-column:2;justify-self:start}}.auth-tengah{background:var(--bg);place-items:center;max-width:none;min-height:100svh;margin:0;padding:2rem 1rem;display:grid}main.auth-tengah{max-width:none}.auth-kartu{border:1px solid var(--line);background:var(--card);border-radius:16px;width:100%;max-width:26rem;padding:2.25rem 2rem 2rem;box-shadow:0 12px 32px #102d3b0d}.auth-merek{color:var(--text);align-items:center;gap:.65rem;margin-bottom:2rem;display:flex}.auth-merek-ikon{background:var(--accent);width:2.25rem;height:2.25rem;color:var(--on-accent);border-radius:8px;flex:none;place-items:center;display:grid}.auth-merek-ikon .ikon{width:1.2rem;height:1.2rem}.auth-merek strong{letter-spacing:-.03em;font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.1;display:block}.auth-merek small{color:var(--muted);margin-top:.15rem;font-size:.72rem;display:block}.auth-kartu h1{letter-spacing:-.035em;margin:0;font-size:1.6rem;line-height:1.2}.auth-kartu>.sub{color:var(--muted);margin:.35rem 0 1.6rem;font-size:.92rem}.auth-form{gap:1.1rem}.auth-form label:not(.inline){color:var(--text);gap:.45rem;margin:0;font-size:.85rem;font-weight:600;display:grid}.auth-form label:not(.inline)>input{border-radius:8px;height:2.9rem;padding:.6rem .8rem;font-weight:400;transition:border-color .16s,box-shadow .16s}.auth-field{display:block;position:relative}.auth-field>.ikon{z-index:1;width:1.1rem;height:1.1rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.auth-field input{border-radius:8px;height:2.9rem;padding:.6rem .8rem .6rem 2.7rem;font-weight:400;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.auth-sandi{position:relative}.auth-sandi .auth-lupa{margin:0;font-size:.8rem;font-weight:600;line-height:1.25;position:absolute;top:0;right:0}.auth-lupa a{color:var(--accent);text-decoration:none}.auth-lupa a:hover{text-decoration:underline}.auth-submit{border-radius:8px;width:100%;min-height:3.1rem;margin:.3rem 0 0;font-size:.95rem;transition:background .12s}.auth-switch{text-align:center;border:0;margin:1.4rem 0 0;padding:0;font-size:.85rem}.sandi button{margin:0;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.sandi input{padding-right:2.8rem}@media (width<=480px){.auth-tengah{padding:1.5rem 1rem}.auth-kartu{border-radius:14px;padding:1.75rem 1.25rem 1.5rem}.auth-merek{margin-bottom:1.75rem}}@media (width<=640px){.auth-tengah input{font-size:16px}.stat-grid.ringkas{grid-template-columns:minmax(0,1fr);gap:.5rem}.stat-grid.ringkas .stat{gap:.8rem;min-height:0;padding:.7rem .9rem}.stat-grid.ringkas .stat-ringkas-ikon{flex-basis:2.4rem;width:2.4rem;height:2.4rem}.stat-grid.ringkas .stat-ringkas-ikon .ikon{width:1.15rem;height:1.15rem}.stat-grid.ringkas .stat-ringkas-copy{flex:1;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.stat-grid.ringkas .stat-ringkas-copy h3{margin:0;font-size:.92rem}.stat-grid.ringkas .angka{white-space:nowrap;font-size:1.2rem;line-height:1.25}.tagihan-ringkas li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"referensi nominal""status waktu";row-gap:.35rem}.tagihan-ringkas li>:first-child{text-overflow:ellipsis;white-space:nowrap;grid-area:referensi;min-width:0;overflow:hidden}.tagihan-ringkas li>:nth-child(2){white-space:nowrap;grid-area:nominal}.tagihan-ringkas li>:nth-child(3){grid-area:status;justify-self:start}.tagihan-ringkas li>:nth-child(4){text-align:right;white-space:nowrap;grid-area:waktu}}.langkah-awal{gap:.4rem;margin:0;padding-left:1.3rem;display:grid}.langkah-awal li.selesai{color:var(--muted);text-decoration:line-through}.tagihan-ringkas{margin:0;padding:0;list-style:none}.tagihan-ringkas li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) auto auto auto;align-items:center;gap:.6rem;padding:.55rem 0;display:grid}.panduan code{overflow-wrap:anywhere}@font-face{font-family:Inter Panel;src:url(/fonts/inter-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Plus Jakarta Sans Panel;src:url(/fonts/plus-jakarta-sans-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8f8;--card:#fff;--line:#dbe5e7;--text:#102d3b;--muted:#677b85;--accent:#087f89;--accent-hover:#066b74;--accent-soft:#e7f4f3;--on-accent:#fff;--ok-bg:#e3f6ed;--ok-fg:#08744e;--warn-bg:#fff3da;--warn-fg:#a55b00;--dead-bg:#f0f3f4;--dead-fg:#60747e;--err-bg:#ffe8e9;--err-fg:#b4232f;--info-bg:#e7f4f3;--info-fg:#006b73;--sb-bg:#fff;--sb-fg:#102d3b;--sb-muted:#526a75;--sb-line:#e5edef;--sb-active-bg:#e7f4f3;--sb-active-fg:#006b73;--radius:12px}body{-webkit-font-smoothing:antialiased;font-family:Inter Panel,Inter,system-ui,sans-serif}.shell{grid-template-columns:220px minmax(0,1fr)}.shell .sidebar{box-shadow:none;z-index:20;padding:0}.shell .sidebar-brand{border-bottom:1px solid #eef2f3;align-items:center;gap:.65rem;padding:1.15rem 1rem 1rem;display:flex}.shell .brand-mark{background:var(--accent);width:2rem;height:2rem;color:var(--on-accent);border-radius:8px;flex:0 0 2rem;place-items:center;display:grid}.shell .brand-mark .ikon{width:1.15rem;height:1.15rem}.shell .brand-copy{min-width:0}.shell .sidebar-brand .wordmark{letter-spacing:-.035em;font-size:1.13rem;line-height:1.25}.shell .sidebar-brand .tagline{letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.75rem;font-weight:400;overflow:hidden}.shell .sidebar-nav{gap:.2rem;padding:1.15rem .6rem}.shell .sidebar-nav a{border-radius:8px;gap:.75rem;min-height:42px;padding:.55rem .75rem;font-size:.88rem;font-weight:500;position:relative}.shell .sidebar-nav a .ikon{width:1.3rem;height:1.3rem}.shell .sidebar-nav a[aria-current=page]{font-weight:700}.shell .sidebar-nav a[aria-current=page]:before{background:var(--accent);content:"";border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:0}.shell .sidebar-nav .titik-baru{flex:0 0 .4rem;align-self:center;width:.4rem;height:.4rem;margin-left:auto}.shell .sidebar-foot{border-top:1px solid var(--sb-line);margin-top:auto;padding:.85rem}.shell .akun-tombol{background:#f7fafb;border:1px solid #e4eced;border-radius:10px;min-height:56px;margin:0;padding:.45rem}.shell .akun-tombol:hover{background:#f0f7f7;border-color:#bdd5d8}.shell .akun-tombol .avatar{width:35px;height:35px;font-size:.74rem}.shell .akun-tombol .identitas{color:var(--text);font-size:.76rem;font-weight:700}.shell .akun-tombol small{margin-top:.1rem;font-size:.69rem;font-weight:400}.shell .akun-tombol>.ikon{color:var(--muted)}.shell .akun-menu{z-index:2;padding:.3rem;bottom:calc(100% + .3rem);left:.85rem;right:.85rem;box-shadow:0 12px 28px #102d3b18}.shell .akun-menu li{margin:0;padding:0}.shell .akun-menu a,.shell .akun-menu button{border-radius:6px;margin:0;font-size:.8rem}.shell .content{min-width:0}.shell .banner-telepon{border-bottom:1px solid #cde5e6;border-radius:0;align-items:center;gap:.5rem;min-height:44px;margin:0;padding:.5rem 1.5rem;font-size:.76rem;font-weight:500;display:flex}.shell .banner-telepon.banner-ok{color:#184e50;background:#e7f4f3}.shell .banner-telepon-dot{background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem}.shell .banner-ok .banner-telepon-dot{background:#0c9975}.shell .banner-telepon a{color:inherit;white-space:nowrap;margin-left:auto;font-weight:700;text-decoration:none}.shell .banner-telepon a:hover{text-decoration:underline}.shell .content>main{width:100%;max-width:1240px;margin:0 auto;padding:2rem clamp(1.5rem,3vw,2.5rem) 3rem}.shell main .page-head{align-items:center;margin-bottom:1.5rem}.shell main .page-head h1,.auth-kartu h1{letter-spacing:-.04em;font-family:Inter Panel,system-ui,sans-serif;font-weight:800}.shell main .page-head h1{font-size:clamp(1.6rem,2.3vw,2rem)}.shell main .page-head .sub{color:var(--muted);margin-top:.25rem;font-size:.9rem}.shell main .card,.shell main .stat{border-color:var(--line);box-shadow:0 1px 3px #102d3b0a}.shell main .card{padding:1.25rem}.shell main .card h2{letter-spacing:-.015em;font-size:1.05rem}.shell main .card-head{margin-bottom:1rem}.shell main .card-head a{font-size:.83rem}.shell main .stack{gap:1rem}.shell main .stack>h2,.shell main .stack>p,.shell main .stack>.msg{margin-top:0;margin-bottom:0}.shell main .stack>label:not(.inline),.shell main .stack>.row>label:not(.inline){color:var(--text);gap:.4rem;margin:0;font-size:.8rem;font-weight:600;display:grid}.shell main .stack label:not(.inline)>:is(input,select,textarea){font-weight:400}.shell main .stack>button,.shell main .stack>.tombol{align-self:flex-start;margin-top:0}.shell main .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.shell main .stat-ringkas{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.9rem;min-height:150px;padding:1.15rem 1.25rem;display:flex}.shell main .stat-ringkas-kepala{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.shell main .stat-ringkas h3{color:var(--muted);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.shell main .stat-ringkas-ikon{flex:0 0 2rem;width:2rem;height:2rem}.shell main .stat-ringkas-ikon .ikon{width:1.05rem;height:1.05rem}.shell main .stat-ringkas .angka{letter-spacing:-.035em;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;line-height:1.15}.shell main .stat-ringkas .hint{margin-top:.5rem;font-size:.77rem}.shell .badge{white-space:nowrap;border:1px solid;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.shell .badge-dot:before{width:.4rem;height:.4rem}.shell .badge-paid,.shell .badge-active{border-color:#bcebd3}.shell .badge-pending,.shell .badge-suspended{border-color:#f6d893}.shell .badge-expired,.shell .badge-err{color:#b4232f;background:#ffe8e9;border-color:#f9c5ca}.shell main .tombol,.shell main button.primary{border-radius:8px;min-height:42px;font-size:.88rem}.shell main .tombol{padding:.58rem 1rem}.shell main input,.shell main select,.shell main textarea,.auth-tengah input{color:var(--text);background:#fff}.shell main input:not([type=checkbox]):not([type=radio]),.shell main select,.shell main textarea{border-radius:8px;min-height:42px}.shell main input[type=checkbox]:not([role=switch]){width:1rem;height:1rem;accent-color:var(--accent);margin:0}.shell main table{font-size:.84rem}.shell main th{color:#526a75;letter-spacing:.035em;text-transform:uppercase;background:#f3f7f7;padding:.75rem .8rem;font-size:.72rem;font-weight:700}.shell main td{padding:.85rem .8rem}.shell main tbody tr:hover{background:#f7fafb}.shell main .filters{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(145px,.7fr));gap:.75rem;margin-bottom:1rem}.shell main .filters>*{min-width:0}.shell main .filters select{margin:0}.shell main .tagihan-tabel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.shell main .tagihan-ringkas li{padding:.9rem .2rem}.shell main .tagihan-ringkas li:last-child{border-bottom:0}.shell main .tagihan-ringkas li>:nth-child(2){font-weight:700}.shell main .tagihan-detail{max-width:680px;margin:0 auto;padding:2rem}.shell main .tagihan-detail h1{letter-spacing:-.03em;font-size:1.55rem}.shell main .tagihan-detail .qr-wrap{margin:1rem auto}.shell main .tagihan-detail .qr-wrap img{max-width:100%;height:auto;padding:.6rem}.shell main .tagihan-detail .nominal-besar{letter-spacing:-.035em;font-size:2rem}.shell main .dropzone{background:#f9fbfb}.tagihan-kartu{margin:0;padding:0;list-style:none;display:none}@media (width<=1023px){.shell{grid-template-columns:minmax(0,1fr)}.shell .sidebar{width:min(280px,85vw);height:100dvh;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 28px #102d3b14}.shell .sidebar[hidden]{display:none!important}.shell .latar-drawer{z-index:19;background:#102d3b55;display:block;position:fixed;inset:0}.shell .topbar{justify-content:flex-start;gap:.75rem;min-height:56px;padding:.5rem 1rem;display:flex}.shell .topbar .wordmark{letter-spacing:-.025em;font-size:.95rem}.shell .topbar .avatar{width:34px;height:34px;margin-left:auto}.shell .topbar .tombol-menu{background:0 0;border:0}.shell .banner-telepon{padding-inline:1rem}.shell .content>main{padding:1.5rem 1rem 2.5rem}}@media (width<=700px){.shell main .page-head{align-items:flex-start;gap:.85rem}.shell main .page-head-kanan,.shell main .page-head-kanan .tombol{justify-content:center;width:100%}.shell main .stat-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.shell main .stat-ringkas{gap:.5rem;min-height:0;padding:1rem}.shell main .stat-ringkas .stat-ringkas-copy{display:block}.shell main .stat-ringkas .angka{font-size:1.5rem}.shell main .card{padding:1rem}.shell main .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shell main .filters .cari{grid-column:1/-1}.shell main .tagihan-tabel{display:none}.tagihan-kartu{grid-template-columns:minmax(0,1fr);gap:.7rem;min-width:0;display:grid}.tagihan-kartu li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr);gap:.6rem;min-width:0;padding:1rem;display:grid}.tagihan-kartu-atas,.tagihan-kartu-bawah{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.tagihan-kartu-atas a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tagihan-kartu-atas .badge{flex-shrink:0}.tagihan-kartu li>strong{letter-spacing:-.025em;font-size:1.18rem}.tagihan-kartu-bawah{border-top:1px solid var(--line);color:var(--muted);padding-top:.55rem;font-size:.78rem}.tagihan-kartu-bawah a{white-space:nowrap;align-items:center;display:inline-flex}.shell main .tagihan-detail{padding:1.2rem}.shell .banner-telepon{gap:.4rem;font-size:.7rem}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111d24;--card:#1b2b34;--line:#344a55;--text:#ecf5f6;--muted:#afc2ca;--accent:#70d4d8;--accent-hover:#99e6e8;--accent-soft:#1c4046;--on-accent:#082b32;--ok-bg:#173c34;--ok-fg:#83e2bc;--warn-bg:#46361d;--warn-fg:#f2cc83;--dead-bg:#2d3a42;--dead-fg:#b7c6cb;--err-bg:#4b292e;--err-fg:#ffa7ae;--info-bg:#193d49;--info-fg:#9ddfe8;--sb-bg:#172731;--sb-fg:#ecf5f6;--sb-muted:#b2c6cd;--sb-line:#344a55;--sb-active-bg:#1c4046;--sb-active-fg:#8bdee1}.shell .sidebar-brand{border-bottom-color:var(--sb-line)}.shell .akun-tombol{border-color:var(--line);background:#21343e}.shell .akun-tombol:hover{border-color:var(--accent);background:#29414a}.shell .akun-menu{box-shadow:0 12px 28px #050f16a8}.shell .banner-telepon{border-bottom-color:#315b60}.shell .banner-telepon.banner-ok{color:#b5e9e2;background:#183c3d}.shell .banner-ok .banner-telepon-dot{background:#59caa0}.shell main .card,.shell main .stat{box-shadow:0 1px 3px #050f1640}.shell .badge-paid,.shell .badge-active{border-color:#326e58}.shell .badge-pending,.shell .badge-suspended{border-color:#795e33}.shell .badge-expired,.shell .badge-err{background:var(--err-bg);color:var(--err-fg);border-color:#845058}.shell main input,.shell main select,.shell main textarea,.auth-tengah input{border-color:var(--line);color:var(--text);background:#20333d}.shell main input::placeholder,.auth-tengah input::placeholder{color:#9db0ba}.shell main button:not(.primary):not(.danger):not(.link),.auth-tengah button:not(.primary):not(.danger):not(.link){border-color:var(--line);color:var(--text);background:#20333d}.shell .topbar .tombol-menu{color:var(--text);background:0 0;border-color:#0000}.shell main th{color:var(--muted);background:#223640}.shell main tbody tr:hover{background:#223640}.shell main .tagihan-tabel{background:var(--card)}.shell main .kartu-qris-atas,.shell main .kartu-qris-status,.shell main .dropzone{background:#20333d}.kartu-qris-gambar,.tagihan-kartu li{background:var(--card)}.auth-kartu{box-shadow:0 12px 32px #050f1659}}.qris-kolom{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.integrasi-kolom{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.buat-tagihan .dua-kolom{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.parameter-kepala{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding-bottom:.85rem;display:flex}.parameter-kepala>.ikon{color:var(--accent)}.parameter-kepala h2{margin:0!important}.buat-tagihan .nominal-kontrol{gap:.3rem;display:grid}.buat-tagihan .nominal-kontrol>label{margin:0!important}.masa-berlaku-preset{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.masa-berlaku-preset button{border-color:var(--line);background:var(--card);min-width:0;color:var(--muted);margin:0;padding:.5rem .35rem;font-size:.78rem}.masa-berlaku-preset button:hover{border-color:var(--accent);color:var(--text)}.masa-berlaku-preset button.aktif{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700}.pratinjau-tagihan-kepala{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.8rem;padding-bottom:1rem;display:flex}.pratinjau-tagihan-kepala h2{margin:0!important}.pratinjau-tagihan-kepala .sub{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.pratinjau-tagihan>.msg-info{font-size:.82rem}.ringkasan-tagihan-scroll{border:1px solid var(--line);background:var(--card);border-radius:10px}.shell main .ringkasan-tagihan-tabel th{padding-block:.65rem}.shell main .ringkasan-tagihan-tabel td{padding-block:.7rem}.shell main .ringkasan-tagihan-tabel td:nth-child(2){font-weight:700}.shell main .ringkasan-tagihan-tabel td:last-child{text-align:right}.detail-tagihan{gap:.8rem;width:min(100%,720px);margin:0 auto;display:grid}.detail-tagihan-identitas{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-tagihan-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.detail-tagihan-ref{align-items:center;gap:.6rem;display:flex}.detail-tagihan-ref h1{letter-spacing:-.025em;margin:0;font-size:1.25rem}.detail-tagihan-ref button{margin:0}.detail-tagihan-pembayaran{text-align:center;flex-direction:column;align-items:center;display:flex}.detail-tagihan-qr-kepala{width:100%;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.detail-tagihan-qr-kepala h2{color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin:0!important;font-size:.85rem!important}.detail-tagihan-qr-kepala>span{background:var(--accent-soft);color:var(--accent);border-radius:5px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.detail-tagihan-pembayaran .qr-wrap{border:2px solid var(--line);background:#fff;border-radius:16px;margin:.4rem auto .75rem;padding:.65rem}.detail-tagihan-pembayaran .qr-wrap img{width:min(240px,56vw);height:auto;display:block}.detail-tagihan-total-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:.25rem 0 0;font-size:.68rem;font-weight:800}.detail-tagihan-pembayaran .nominal-besar{color:var(--accent);letter-spacing:-.04em;margin:.15rem 0;font-size:2.35rem;font-weight:850}.detail-tagihan-pembayaran>.hint{margin-top:.2rem}.detail-tagihan-rincian h2{letter-spacing:.07em;text-transform:uppercase;margin:0 0 .5rem!important;font-size:.76rem!important}.detail-tagihan-rincian .rincian{border:0;border-radius:0;margin:0;padding:0}.detail-tagihan-rincian .rincian dt,.detail-tagihan-rincian .rincian dd{border-bottom:1px solid var(--line);padding:.6rem 0}.detail-tagihan-rincian .rincian dd:last-of-type{color:var(--accent);font-weight:800}.detail-tagihan-rincian .rincian dt:last-of-type,.detail-tagihan-rincian .rincian dd:last-of-type{border-bottom:0}.detail-tagihan .sisa-waktu{border:1px solid var(--line);background:var(--card);margin:0;padding:1rem}.detail-tagihan-aksi{justify-items:center;gap:.45rem;display:grid}.detail-tagihan-aksi>.tombol{justify-content:center;width:100%;min-height:3.1rem!important}.shell main .detail-tagihan-aksi>button.tombol.tombol-garis{border-color:var(--accent);color:var(--accent);background:0 0}.shell main .detail-tagihan-aksi>button.tombol.tombol-garis:hover{background:var(--accent-soft)}.detail-tagihan-aksi>p{margin:.2rem 0}.detail-tagihan-aksi>.link{color:var(--accent);font-weight:700}.detail-tagihan-aksi form{width:100%}.dialog-konfirmasi-tagihan{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:min(28rem,100% - 2rem);max-height:calc(100svh - 2rem);color:var(--text);text-align:left;margin:auto;padding:1.25rem;overflow-y:auto}.dialog-konfirmasi-tagihan::backdrop{background:#0009}.dialog-konfirmasi-tagihan h2{margin:0;font-size:1.15rem}.dialog-konfirmasi-tagihan input{font-size:16px}.tools-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:1rem;display:grid}.tools-validasi{grid-area:1/1}.tools-decode{grid-area:1/2}.tools-dinamis{grid-area:2/1/auto/-1}.integrasi-kolom{align-items:stretch}.integrasi-kanan{gap:1rem;min-width:0;display:grid}.shell main .page-head h1,.shell main .card h2,.shell main .stat-ringkas .angka,.shell main .tombol,.auth-kartu h1,.detail-tagihan-ref h1,.detail-tagihan-pembayaran .nominal-besar{font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif}.ringkasan-terbaru .card-head{border-bottom:1px solid var(--line);align-items:center;margin-bottom:0;padding-bottom:.85rem}.ringkasan-terbaru .card-head h2{margin:0!important}.ringkasan-terbaru .card-head .sub{color:var(--muted);margin:.2rem 0 0;font-size:.76rem}.ringkasan-terbaru .card-head>a{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.shell main .ringkasan-tagihan-tabel th:nth-child(2),.shell main .ringkasan-tagihan-tabel td:nth-child(2){text-align:right}.shell main .ringkasan-tagihan-tabel th:nth-child(3),.shell main .ringkasan-tagihan-tabel td:nth-child(3){text-align:center}.shell main .ringkasan-tagihan-tabel td:nth-child(4){color:var(--muted)}.shell main .ringkasan-tagihan-tabel td:last-child a{color:var(--accent);font-size:.77rem;font-weight:700}.filters-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:1rem;padding:.75rem}.shell main .filters-panel .filters{grid-template-columns:minmax(220px,1.4fr) minmax(145px,.7fr) minmax(200px,.9fr);gap:.5rem;margin:0}.shell main .filters-panel .filters input,.shell main .filters-panel .filters select{background:var(--bg);border-color:#0000;min-height:2.75rem;font-size:.78rem}.shell main .filters-panel .filters input:focus,.shell main .filters-panel .filters select:focus{border-color:var(--accent);background:var(--card)}.shell main .card.tagihan-liste{padding:0;overflow:hidden}.shell main .tagihan-liste .tagihan-tabel{background:0 0;border:0;border-radius:0}.shell main .tagihan-liste .tabel-tagihan th{border-bottom:1px solid var(--line);padding:.8rem 1rem}.shell main .tagihan-liste .tabel-tagihan td{padding:.85rem 1rem}.shell main .tagihan-liste .tabel-tagihan th:nth-child(2),.shell main .tagihan-liste .tabel-tagihan td:nth-child(2){text-align:right}.shell main .tagihan-liste .tabel-tagihan th:nth-child(3),.shell main .tagihan-liste .tabel-tagihan td:nth-child(3){text-align:center}.shell main .tagihan-liste .tabel-tagihan td:nth-child(2){font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:.9rem;font-weight:750}.shell main .tagihan-liste .tabel-tagihan .kol-aksi{text-align:right}.tagihan-liste .kol-aksi a{color:var(--accent);align-items:center;gap:.25rem;font-size:.77rem;font-weight:700;text-decoration:none;display:inline-flex}.tagihan-liste .kol-aksi a:hover{text-decoration:underline}.shell main .tagihan-liste .pager{border-top:1px solid var(--line);margin:0;padding:.85rem 1.1rem}.tagihan-liste .tagihan-kosong{margin:1rem}.parameter-kepala{margin-bottom:.15rem}.parameter-kepala>span:first-child{align-items:center;gap:.6rem;display:flex}.mode-tagihan{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:5px;margin-left:auto;padding:.25rem .5rem;font-size:.68rem;font-weight:600}.buat-tagihan form.card{padding:1.5rem}.buat-tagihan form label:not(.inline){margin:.3rem 0 .4rem;font-size:.78rem;font-weight:600}.buat-tagihan form input[type=text],.buat-tagihan form select{min-height:2.75rem;padding:.6rem .8rem;font-size:.82rem}.pemilih-qris{min-width:0}.pemilih-qris>span{color:var(--text);margin:.3rem 0 .4rem;font-size:.78rem;font-weight:600;display:block}.pemilih-qris details{border:1px solid var(--line);background:var(--card);border-radius:8px}.pemilih-qris summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.6rem .8rem;font-size:16px;list-style:none;display:flex}.pemilih-qris summary::-webkit-details-marker{display:none}.pemilih-qris summary span{overflow-wrap:anywhere;min-width:0}.pemilih-qris summary .ikon{flex-shrink:0;transform:rotate(90deg)}.pemilih-qris details[open] summary .ikon{transform:rotate(-90deg)}.pemilih-qris details[open] summary{border-bottom:1px solid var(--line)}.pemilih-qris-daftar{max-height:15rem;padding:.35rem;overflow-y:auto}.shell main .pemilih-qris-daftar button{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;margin:0;padding:.6rem;font-size:16px;display:block}.shell main .pemilih-qris-daftar button:hover,.shell main .pemilih-qris-daftar button[aria-pressed=true]{background:var(--accent-soft)}.pemilih-qris-daftar button span{overflow-wrap:anywhere}.field-select>span{margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.shell main .pilihan-daftar-opsi>.pilihan-daftar-opsi-item{width:100%;min-height:44px;color:var(--text);text-align:left;white-space:normal;background:0 0;border-radius:5px;justify-content:flex-start;margin:0;padding:.6rem;text-decoration:none;display:flex}.shell main .pilihan-daftar-opsi>.pilihan-daftar-opsi-item:hover,.shell main .pilihan-daftar-opsi>.pilihan-daftar-opsi-item[aria-pressed=true]{background:var(--accent-soft);color:var(--text)}.buat-tagihan .hint{font-size:.72rem}.buat-tagihan .nominal-kontrol{margin:0}.nominal-input{position:relative}.nominal-input>span{z-index:1;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:4px;padding:.15rem .35rem;font-size:.68rem;font-weight:800;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.shell main .nominal-input input{padding-left:3.7rem;font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:.95rem;font-weight:700}.nominal-persis{border:1px solid var(--line);background:var(--bg);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.15rem .65rem;padding:.8rem .9rem;display:grid}.nominal-persis>label.inline{color:var(--text);grid-column:1/-1;align-items:flex-start;gap:.55rem;font-size:.78rem;font-weight:650}.nominal-persis>label.inline input{width:1rem;height:1rem;accent-color:var(--accent);flex:none;margin:.05rem 0 0}.nominal-persis>p{color:var(--muted);margin:0 0 0 1.55rem;font-size:.7rem;line-height:1.4}.buat-tagihan .masa-berlaku{gap:.55rem;display:grid}.masa-berlaku-label{font-size:.78rem;font-weight:650}.masa-berlaku-preset{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.masa-berlaku-preset button{border-radius:7px;min-height:2.5rem;padding:.45rem .3rem;font-size:.73rem}.masa-berlaku-kustom summary{width:fit-content;color:var(--accent);cursor:pointer;font-size:.72rem;font-weight:600}.masa-berlaku-kustom label{margin-top:.5rem!important}.buat-tagihan .rentang-kode{margin-top:.3rem}.buat-tagihan .rentang-kode>summary{min-height:2.8rem;padding:.55rem .8rem;font-size:.8rem}.buat-tagihan .rentang-kode .row label{font-size:.72rem!important}.shell main .buat-tagihan .parameter-kepala h2{font-size:.9rem!important}.pratinjau-tagihan{gap:.8rem}.pratinjau-tagihan-kepala{align-items:center;padding-bottom:.85rem}.shell main .pratinjau-tagihan-kepala h2{font-size:.9rem!important}.pratinjau-tagihan-kepala .sub{font-size:.7rem}.pratinjau-tagihan .rincian{border:0;border-radius:0;align-items:center;margin:0;padding:0}.pratinjau-tagihan .rincian dt,.pratinjau-tagihan .rincian dd{border:0;padding-block:.55rem;font-size:.78rem}.pratinjau-tagihan .rincian dd{color:var(--text);font-weight:600}.pratinjau-tagihan .kode-rentang{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.pratinjau-tagihan .rincian dt:last-of-type,.pratinjau-tagihan .rincian dd:last-of-type{border-top:1px dashed var(--line);flex-direction:column;justify-content:center;align-self:stretch;margin-top:.4rem;padding-top:1rem;display:flex}.pratinjau-tagihan .rincian dd:last-of-type{align-items:flex-end}.pratinjau-tagihan .rincian dt:last-of-type{color:var(--text);font-weight:700}.pratinjau-tagihan .rincian dt small{color:var(--accent);margin-top:.15rem;font-size:.68rem;font-weight:400;display:block}.shell main .pratinjau-tagihan .rincian dd:last-of-type{color:var(--accent);letter-spacing:-.02em;font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:1.3rem;font-weight:800}.pratinjau-qris{border:1px solid var(--line);background:var(--bg);border-radius:10px;gap:.65rem;padding:.85rem;display:grid}.pratinjau-qris>div:first-child{align-items:center;gap:.4rem;font-size:.68rem;font-weight:650;display:flex}.pratinjau-qris>div:first-child .hint{margin-left:auto;font-size:.65rem}.pratinjau-qris-placeholder{aspect-ratio:1;border:1px dashed var(--line);background:var(--card);width:min(100%,190px);color:var(--muted);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;margin:0 auto;display:flex}.pratinjau-qris-placeholder>.ikon{width:2rem;height:2rem;color:var(--accent)}.pratinjau-qris-placeholder>span:last-child{max-width:9rem;font-size:.68rem;line-height:1.4}.pratinjau-qris>p{text-align:center;margin:0;font-size:.7rem;font-weight:650}.pratinjau-tagihan>.msg-info{padding:.8rem;font-size:.73rem}.detail-tagihan{width:min(100%,640px)}.detail-tagihan-qris{color:var(--text);margin:0 0 .35rem;font-size:.82rem;font-weight:600}.detail-tagihan-petunjuk{background:var(--ok-bg);color:var(--ok-fg);border:1px solid #bcebd3;border-radius:8px;align-items:center;gap:.4rem;margin:.45rem 0 0;padding:.35rem .75rem;font-size:.76rem;font-weight:600;display:inline-flex}.detail-tagihan-petunjuk .ikon{width:.95rem;height:.95rem}.detail-tagihan-ref .link{color:var(--muted);padding:.25rem}.detail-tagihan-ref .link:hover{color:var(--accent)}.detail-tagihan-rincian .rincian dt:last-of-type{color:var(--text);font-weight:700}@media (width<=1023px){.tools-layout{grid-template-columns:minmax(0,1fr)}.tools-validasi,.tools-decode,.tools-dinamis{grid-area:auto/1}.shell main .buat-tagihan form input[type=text],.shell main .buat-tagihan form select{font-size:16px}}@media (width<=900px){.qris-kolom,.integrasi-kolom,.buat-tagihan .dua-kolom{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.shell main .ringkasan-terbaru .card-head{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:0}.shell main .ringkasan-terbaru .card-head>a{min-height:44px;font-size:.85rem}.shell main .filters-panel .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shell main .filters-panel .filters .cari{grid-column:1/-1}.shell main .card.tagihan-liste{padding:0}.shell main .tagihan-liste .tagihan-tabel{display:none}.shell main .tagihan-liste .tagihan-kartu{padding:.75rem}.shell main .tagihan-liste .pager{padding:.75rem 1rem}.mode-tagihan{font-size:.61rem}.buat-tagihan form.card{padding:1rem}.pratinjau-qris-placeholder{width:min(100%,170px)}.ringkasan-tagihan-scroll{display:none}.ringkasan-tagihan-kartu .tagihan-kartu-bawah a{min-height:44px}.detail-tagihan-identitas{align-items:flex-start}.detail-tagihan-ref h1{overflow-wrap:anywhere;font-size:1.05rem}.detail-tagihan-pembayaran .nominal-besar{font-size:2rem}.masa-berlaku-preset button{padding-inline:.2rem;font-size:.72rem}}.kartu-qris{border-bottom:1px solid var(--line);gap:1rem;padding-bottom:1.25rem;display:grid}.kartu-qris:last-of-type{border-bottom:0;padding-bottom:0}.kartu-qris.off .kartu-qris-gambar img{opacity:.5;filter:grayscale(.6)}.kartu-qris-atas{border:1px solid var(--line);background:var(--bg);border-radius:12px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:1.25rem;padding:1rem;display:grid}.kartu-qris-gambar{border:1px solid var(--line);background:#fff;border-radius:10px;justify-items:center;gap:.5rem;margin:0;padding:.85rem;display:grid}.kartu-qris-gambar img{aspect-ratio:1;object-fit:contain;width:100%;max-width:160px;height:auto;display:block}.kartu-qris-gambar figcaption{color:#102d3b;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:700;overflow:hidden}.kartu-qris-info{gap:.85rem;margin:0;display:grid}.kartu-qris-info dt{color:var(--muted);font-size:.7rem;font-weight:500}.kartu-qris-info dd{color:var(--text);overflow-wrap:anywhere;margin:.15rem 0 0;font-size:.88rem;font-weight:600}.kartu-qris-label{gap:.4rem;display:grid}.kartu-qris-label>label{color:var(--text);margin:0;font-size:.8rem;font-weight:600}.kartu-qris-label .merchant-ctl{gap:.5rem;display:flex}.kartu-qris-label .merchant-ctl input{flex:1;min-width:0}.kartu-qris-label .merchant-ctl button{margin:0}.kartu-qris-label .hint{margin:0;font-size:.72rem}.kartu-qris-status{border:1px solid var(--line);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.kartu-qris-status strong{font-size:.82rem;display:block}.kartu-qris-status .hint{margin:.15rem 0 0;font-size:.72rem;display:block}.kartu-qris-status .switch{flex:none}.kartu-judul-aksi{white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;display:inline-flex;margin:0 0 0 auto!important}@media (width<=560px){.kartu-qris-atas{grid-template-columns:minmax(0,1fr)}.kartu-qris-gambar img{max-width:200px}}.langkah-bernomor{counter-reset:langkah;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.langkah-bernomor>li{counter-increment:langkah;min-height:1.75rem;padding-left:2.6rem;font-size:.84rem;line-height:1.45;position:relative}.langkah-bernomor>li:before{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--on-accent);content:counter(langkah);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.langkah-bernomor>li>strong{color:var(--text);display:block}.langkah-bernomor>li .hint{margin-top:.15rem;font-size:.76rem;display:block}.langkah-bernomor>li br{display:none}.subjudul-kartu{color:var(--text);letter-spacing:.07em;text-transform:uppercase;margin:.25rem 0 0;font-size:.72rem;font-weight:800}.tabel-kunci{border:1px solid var(--line);border-radius:10px}.shell main .tabel-kunci table{font-size:.8rem}.shell main .tabel-kunci th{text-transform:none;letter-spacing:0;padding:.6rem .75rem;font-size:.74rem}.shell main .tabel-kunci td{vertical-align:middle;padding:.7rem .75rem}.tabel-kunci td>strong{color:var(--text);display:block}.tabel-kunci td>code.hint,.tabel-kunci td>.hint{margin:.15rem 0 0;font-size:.7rem;display:block}.scope-chip-baris{flex-wrap:wrap;gap:.25rem;display:flex}.scope-chip{border:1px solid var(--line);background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:4px;padding:.1rem .35rem;font-size:.68rem}.tabel-kunci .kol-cabut{text-align:right}.tabel-kunci .kol-cabut>button{background:0 0;border:0;margin:0;padding:.3rem .6rem;font-size:.8rem;font-weight:600}.tabel-kunci .kol-cabut .konfirmasi{text-align:left;min-width:12rem}@media (width<=640px){.tabel-kunci thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabel-kunci table,.tabel-kunci tbody,.tabel-kunci tr,.tabel-kunci td{display:block}.tabel-kunci tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.35rem .6rem;padding:.75rem;display:grid}.tabel-kunci tr:last-child{border-bottom:0}.shell main .tabel-kunci td{border:0;padding:0!important}.tabel-kunci td:nth-child(2),.tabel-kunci td:nth-child(3){grid-column:1/-1}.tabel-kunci td:nth-child(4){grid-column:1}.tabel-kunci td.kol-cabut{grid-area:1/2}}.panduan{gap:2rem;display:grid}.shell main .panduan>.page-head{border-bottom:1px solid var(--line);margin-bottom:0;padding-bottom:1.25rem}.panduan .page-head-kanan{flex-wrap:wrap;gap:.6rem;display:flex}.panduan-bagian{gap:1rem;scroll-margin-top:1rem;display:grid}.panduan-kepala h2{letter-spacing:-.02em;align-items:center;gap:.55rem;margin:0;font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:1.2rem;display:flex}.panduan-kepala h2 .ikon{width:1.25rem;height:1.25rem;color:var(--accent)}.panduan-kepala .sub{color:var(--muted);margin:.25rem 0 0;font-size:.8rem}.panduan-langkah{counter-reset:panduan;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.shell main .panduan-langkah>li{counter-increment:panduan;flex-direction:column;gap:.5rem;padding:1.15rem;display:flex}.panduan-langkah>li:before{background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent);content:counter(panduan);border-radius:8px;place-items:center;margin-bottom:.35rem;font-weight:800;display:grid}.panduan-langkah h3{margin:0;font-size:.92rem}.panduan-langkah p{color:var(--muted);flex:1;margin:0;font-size:.8rem;line-height:1.5}.panduan-langkah a{border-top:1px solid var(--line);text-align:right;align-self:flex-end;width:100%;margin-top:.4rem;padding-top:.7rem;font-size:.76rem}.formula-kode{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:.9rem;padding:1.1rem 1.25rem;display:grid}.formula-judul{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.formula-baris{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.formula-kotak{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:10px;gap:.25rem;min-width:9.5rem;padding:.75rem 1rem;display:grid}.formula-kotak small{color:var(--muted);font-size:.7rem}.formula-kotak strong{font-variant-numeric:tabular-nums;font-family:Plus Jakarta Sans Panel,Inter Panel,sans-serif;font-size:1.15rem}.formula-kode-unik{background:var(--warn-bg);border-color:#f6d893}.formula-kode-unik small,.formula-kode-unik strong{color:var(--warn-fg)}.formula-total{border:2px solid var(--accent)}.formula-total strong{color:var(--accent)}.formula-op{color:var(--muted);font-size:1.2rem;font-weight:700}.panduan-catatan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.5rem;display:grid}.panduan-catatan{align-items:flex-start;gap:.75rem;display:flex}.panduan-catatan h3{margin:0 0 .2rem;font-size:.84rem}.panduan-catatan p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.panduan-dua{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:1rem;display:grid}.panduan-list{gap:.6rem;margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.5;display:grid}.panduan-list li::marker{color:var(--accent)}.shell main .panduan-tautan{background:var(--accent-soft);color:var(--text);border-color:#cde5e6;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panduan-tautan strong{color:var(--accent);font-size:.85rem;display:block}.panduan-tautan .hint{margin:.15rem 0 0;font-size:.74rem;display:block}.panduan-tautan>.ikon{color:var(--accent);flex:none}.panduan code{background:var(--bg);overflow-wrap:anywhere;border-radius:4px;padding:.05rem .3rem;font-size:.78em}@media (width<=1100px){.panduan-langkah{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.panduan-dua{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.panduan{gap:1.5rem}.panduan-langkah,.panduan-catatan-grid{grid-template-columns:minmax(0,1fr)}.formula-baris{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:.4rem;display:grid}.formula-op{text-align:center}.panduan .page-head-kanan .tombol{flex:10rem;justify-content:center}}.kartu-qris-label .merchant-ctl{border:0;margin:0;padding:0}.shell main .switch input{background:var(--line)}.shell main .switch input:checked{background:var(--accent)}.dokumentasi a[href*=redocly\.com]{display:none}.redoc-bingkai{background:var(--card);border:1px solid var(--line);border-radius:12px}.redoc-bingkai.redoc-gelap{background:#141c22;border-color:#26343d}.shell main .redoc-bingkai input{color:inherit;background:0 0;border-color:#0000}.redoc-gelap h5,.redoc-gelap h5 *{color:#a9bac3!important}.redoc-gelap [role=tab][aria-selected=true]{background-color:#2b3c46!important}.shell .content>main:has(>.dokumentasi){max-width:none}.redoc-gelap button+div:has(>div>div[role=button]){border:1px solid #33434d;color:#d3dfe5!important;background:#1a242b!important}.redoc-gelap div[role=button][tabindex="0"]>div:has(>span){background:#0b161d!important;border-color:#33434d!important}.redoc-gelap div[role=button][tabindex="0"]>div>span{color:#a9bac3!important}