.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 form input[type=text],.buat-tagihan form select{min-height:3rem;padding:.65rem .8rem;font-size:1rem}.buat-tagihan form label.inline{gap:.75rem;margin-top:1.15rem;font-size:1rem}.buat-tagihan form>label.inline+label{margin-top:2.15rem}.buat-tagihan form label.inline input{width:1.5rem;height:1.5rem;accent-color:var(--accent);margin:0}.buat-tagihan .hint{font-size:.95rem}.buat-tagihan .rentang-kode{margin-top:2.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{gap:1.1rem;margin-top:1.05rem}.buat-tagihan .buat-tagihan-aksi button.primary{flex:14rem;min-height:3.25rem;font-size:1rem}.buat-tagihan .buat-tagihan-aksi .tombol{justify-content:center;min-width:9.5rem;min-height:3.25rem;font-size:1rem}.buat-tagihan .rincian{grid-template-columns:minmax(0,1fr) auto;gap:0 1rem;margin:.5rem 0 1rem;padding:.4rem 1.2rem}.buat-tagihan .rincian dt,.buat-tagihan .rincian dd,.buat-tagihan .rincian dt{border-bottom:1px solid var(--line);padding:1.33rem 0}.buat-tagihan aside .card h2{margin-bottom:.8rem}.buat-tagihan .rincian dt:last-of-type,.buat-tagihan .rincian dd:last-of-type{border-bottom:0}.buat-tagihan .rincian dd:first-of-type{font-size:1.3rem;font-weight:750}.buat-tagihan aside .msg-info{gap:.85rem;padding:1.15rem;font-size:1rem;line-height:1.45}.buat-tagihan aside .msg-info .ikon{width:1.35rem;height:1.35rem;margin-top:.1rem}@media (width<=900px){.buat-tagihan .dua-kolom{grid-template-columns:minmax(0,1fr);gap:.85rem}}@media (width<=640px){.buat-tagihan .rincian{grid-template-columns:minmax(0,1fr);gap:0;padding:.4rem .85rem}.buat-tagihan .rincian dt{border-bottom:0;padding:.75rem 0 .1rem}.buat-tagihan .rincian dd{text-align:left;overflow-wrap:anywhere;padding:0 0 .75rem}.buat-tagihan .rincian dd:first-of-type{font-size:1.15rem}.buat-tagihan .buat-tagihan-aksi{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.buat-tagihan .buat-tagihan-aksi button.primary,.buat-tagihan .buat-tagihan-aksi .tombol{width:100%;min-width:0;min-height:2.75rem;font-size:.95rem}.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 form label.inline{gap:.6rem;margin-top:.9rem;font-size:.95rem}.buat-tagihan form label.inline input{width:1.15rem;height:1.15rem}.buat-tagihan form>label.inline+label,.buat-tagihan .rentang-kode{margin-top:1.2rem}.buat-tagihan .rentang-kode>summary{min-height:2.75rem;padding:.5rem .85rem;font-size:.95rem}.buat-tagihan .buat-tagihan-aksi{margin-top:1rem}.buat-tagihan aside .msg-info{gap:.65rem;padding:.8rem .9rem;font-size:.92rem}.buat-tagihan aside .msg-info .ikon{width:1.15rem;height:1.15rem}}.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 label.inline{gap:.6rem;font-size:.95rem}.notifikasi-pelanggan .card-head label.inline input{width:1.5rem;height:1.5rem;accent-color:var(--accent);margin:0}.notifikasi-pelanggan .card-head button{min-height:2.75rem;margin:0;padding:.55rem .9rem;font-size:.95rem}.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%;font-size:.95rem}.notifikasi-pelanggan .notif-tabel th{white-space:nowrap;padding:.8rem .65rem;font-size:.9rem}.notifikasi-pelanggan .notif-tabel td{white-space:normal;overflow-wrap:anywhere;padding:.8rem .65rem;font-size:.95rem;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}.notifikasi-pelanggan .card-head label.inline input{width:1.15rem;height:1.15rem}}.rincian{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;gap:.55rem 1rem;margin:1rem 0;padding:.85rem 1rem;display:grid}.rincian dt{color:var(--muted)}.rincian dd{text-align:right;margin:0;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)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}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}.kartu-qris{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.kartu-qris img{width:120px;height:120px}@media (width<=480px){.kartu-qris{grid-template-columns:minmax(0,1fr)}.kartu-qris img{width:100%}}.kartu-qris .merchant-ctl button{margin-top:0}.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}.table-scroll{position:relative}@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{align-items:flex-start;gap:.8rem;display:flex}.kartu-judul h2{margin:0}.kartu-judul .sub{margin:.2rem 0 0}.ikon-bulat{background:var(--accent-soft);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ikon-bulat .ikon{width:1.35rem;height:1.35rem}.rahasia{gap:.25rem;display:grid}.rahasia-label{color:var(--muted);font-size:.85rem}.rahasia code{border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;border-radius:7px;padding:.5rem .6rem;display:block}.rahasia-aksi{gap:.5rem;display:flex}.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}.daftar-kunci{margin:0;padding:0;list-style:none}.daftar-kunci li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.6rem 0;display:flex}.daftar-kunci p{margin:.15rem 0 0}.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{flex-wrap:wrap;align-items:baseline;display:flex}.pilihan-scope label.inline code,.pilihan-scope label.inline .hint{flex-basis:100%;padding-left:1.6rem}}.auth-dua{--auth-gutter:24px;min-height:calc(100svh - 48px);margin:var(--auth-gutter);border:1px solid var(--line);background:var(--card);border-radius:22px;grid-template-columns:minmax(0,1.43fr) minmax(0,.97fr);max-width:none;padding:0;display:grid;overflow:hidden;box-shadow:0 24px 64px #16202a14}main.auth-dua{max-width:none;padding:0}.auth-kiri{flex-direction:column;justify-content:center;width:100%;max-width:46rem;margin:0 auto;padding:3rem clamp(1.5rem,7.5vw,5.75rem);display:flex}.auth-merek{color:var(--text);letter-spacing:-.075em;margin:0 0 2rem;font-size:2.35rem;font-weight:850;line-height:1}.auth-kicker{color:var(--accent);letter-spacing:.12em;align-items:center;gap:.45rem;margin:0 0 .8rem;font-size:.72rem;font-weight:750;display:flex}.auth-kicker .ikon{width:1rem;height:1rem}.auth-kiri h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,2.5vw,2.45rem);line-height:1.15}.auth-kiri>.sub{color:var(--muted);margin:.55rem 0 1.6rem;font-size:1rem}.auth-form{gap:1rem}.auth-form>label{color:var(--text);gap:.45rem;margin:0;font-size:.9rem;font-weight:650;display:grid}.auth-form>label>input{border-radius:10px;height:3.25rem;padding:.7rem .8rem;font-weight:400;transition:border-color .16s,box-shadow .16s}.auth-form>label>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.auth-field{display:block;position:relative}.auth-field>.ikon{z-index:1;color:#8493a3;pointer-events:none;width:1.15rem;height:1.15rem;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.auth-field input{border-radius:10px;height:3.25rem;padding:.7rem .8rem .7rem 2.8rem;font-weight:400;transition:border-color .16s,box-shadow .16s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.auth-lupa{text-align:right;margin:-.5rem 0 0;font-size:.9rem}.auth-submit{width:100%;min-height:3.25rem;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:10px;margin:-.05rem 0 0;transition:transform .16s,box-shadow .16s,background .12s}.auth-submit:hover{box-shadow:0 11px 22px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-switch{margin-top:1.1rem;padding-top:1rem}.auth-kanan{isolation:isolate;background:radial-gradient(at 75% 22%,#ffffffd1,#0000 36%),linear-gradient(145deg,#e9f6fb 0%,#d9eff6 42%,#d8e9ff 100%);flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.auth-kanan:before,.auth-kanan:after{z-index:-1;content:"";pointer-events:none;border:1px solid #fff9;border-radius:50%;position:absolute}.auth-kanan:before{width:32rem;height:32rem;top:-19rem;right:-10rem}.auth-kanan:after{width:24rem;height:24rem;bottom:-16rem;left:-11rem}.auth-kanan-kepala{z-index:1;text-align:center;width:min(100% - 3rem,38rem);margin:3rem auto 0;position:relative}.auth-slogan{color:#10243a;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(2rem,3.3vw,3rem);font-weight:800;line-height:1.08}.auth-kanan img{object-fit:contain;width:min(100%,1050px);max-width:100%;height:auto;max-height:56vh;margin:-.15rem auto 0;display:block}.auth-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #fffc;border-radius:14px;align-items:center;gap:.7rem;max-width:min(19rem,86%);padding:.75rem 1rem;display:flex;position:absolute;bottom:5%;left:5%;box-shadow:0 12px 32px #184b691f}.auth-badge-ikon{background:var(--accent-soft);width:2.5rem;height:2.5rem;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.auth-badge-ikon .ikon{width:1.3rem;height:1.3rem}.auth-badge strong,.auth-badge small{display:block}.auth-badge strong{color:#16202a;font-size:.88rem}.auth-badge small{color:#64707d;margin-top:.12rem;font-size:.76rem}.sandi button{margin:0;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.sandi input{padding-right:2.8rem}@media (width<=900px){.auth-dua{--auth-gutter:16px;min-height:calc(100svh - 32px)}.auth-kiri{padding-inline:clamp(1.5rem,4vw,2.75rem)}.auth-kanan-kepala{margin-inline:1.5rem}.auth-badge{max-width:calc(100% - 2rem);left:1rem}}@media (width<=768px){.auth-dua{--auth-gutter:10px;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 20px)}.auth-kiri{max-width:35rem;padding:2.5rem clamp(1.25rem,6vw,2rem)}.auth-merek{margin-bottom:2.2rem}.auth-kanan{display:none}}@media (width<=640px){.auth-dua input{font-size:16px}}@media (width<=420px){.auth-dua{border-radius:17px}.auth-merek{font-size:2.1rem}.auth-kiri h1{font-size:2rem}.auth-kiri>.sub{font-size:.95rem}}@media (width<=640px){.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}