:root{--warna-latar:#fff;--warna-teks:#1b211e;--warna-teks-lemah:#4a5550;--warna-garis:#c9d1cc;--warna-garis-kuat:#8a958f;--warna-fokus:#1f5fbf;--warna-error:#b42318;--warna-sukses:#1d6b3a;
--panel-kertas:#f4f6f5;--panel-aksi:#2b3430;--panel-aksi-ink:#fff;--panel-awas-latar:#fff3d6;--panel-awas-teks:#6b4200;--panel-galat-latar:#fdecea;--panel-sukses-latar:#e8f4ec;--panel-nonaktif-latar:#e3e8e5;--panel-lebar:44rem;--jarak-1:.25rem;--jarak-2:.5rem;--jarak-3:.75rem;--jarak-4:1rem;--jarak-5:1.5rem;--jarak-6:2rem}
*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--warna-latar);color:var(--warna-teks);font-size:1.0625rem;line-height:1.5}
.bilah{border-bottom:3px solid var(--panel-aksi);padding:var(--jarak-3) var(--jarak-4);font-weight:700}
main{max-width:var(--panel-lebar);margin:0 auto;padding:var(--jarak-5) var(--jarak-4) var(--jarak-6)}
form{max-width:26rem}
h1{font-size:1.625rem;font-weight:800;line-height:1.2;margin:0 0 var(--jarak-4)}
label{display:block;font-weight:600;margin:var(--jarak-4) 0 var(--jarak-1)}
input[type=text],input[type=email],input[type=password]{display:block;width:100%;min-height:2.75rem;padding:var(--jarak-2) var(--jarak-3);font:inherit;color:inherit;background:var(--warna-latar);border:2px solid var(--warna-garis-kuat);border-radius:2px}
input[readonly]{background:var(--panel-kertas)}
input[aria-invalid=true]{border-color:var(--warna-error)}
.bantu{color:var(--warna-teks-lemah);font-size:.9375rem;margin:var(--jarak-1) 0 0}
.centang{display:flex;align-items:center;gap:var(--jarak-2);font-weight:400;min-height:2.75rem}
.centang input{width:1.375rem;height:1.375rem}
button,.tombol{display:inline-block;min-height:2.75rem;margin-top:var(--jarak-5);padding:var(--jarak-2) var(--jarak-5);font:inherit;font-size:1.125rem;font-weight:700;color:var(--panel-aksi-ink);background:var(--panel-aksi);border:2px solid var(--panel-aksi);border-radius:2px;cursor:pointer;text-decoration:none}
button.sekunder,.tombol.sekunder{color:var(--panel-aksi);background:var(--warna-latar)}
button.bahaya,.tombol.bahaya{color:#fff;background:var(--warna-error);border-color:var(--warna-error)}
button:disabled{color:var(--warna-teks-lemah);background:var(--panel-nonaktif-latar);border-color:var(--warna-garis-kuat);cursor:not-allowed}
:focus-visible{outline:3px solid var(--warna-fokus);outline-offset:2px}
.pita{padding:var(--jarak-3) var(--jarak-4);margin:0 0 var(--jarak-4);border-left:6px solid var(--panel-aksi);background:var(--panel-kertas)}
.pita b{font-weight:800}
.pita.galat{background:var(--panel-galat-latar);border-left-color:var(--warna-error)}
.pita.galat b{color:var(--warna-error)}
.pita.perhatian{background:var(--panel-awas-latar);border-left-color:var(--panel-awas-teks)}
.pita.perhatian b{color:var(--panel-awas-teks)}
.pita.sukses{background:var(--panel-sukses-latar);border-left-color:var(--warna-sukses)}
.pita.sukses b{color:var(--warna-sukses)}
.alasan{color:var(--warna-teks-lemah);font-size:.9375rem;margin:var(--jarak-2) 0 0}
.keterangan{color:var(--warna-teks-lemah);font-size:.9375rem;margin-top:var(--jarak-4)}
a{color:var(--panel-aksi);text-underline-offset:.15em}
.teks-luar{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-kertas);padding:var(--jarak-3) var(--jarak-4);margin:0 0 var(--jarak-4)}
.sela{height:1rem}
.nota{background:var(--panel-kertas);padding:var(--jarak-3) var(--jarak-4);margin:0 0 var(--jarak-4)}
.nota p{margin:0}
.kembali{display:inline-block;margin-bottom:var(--jarak-4);min-height:2.75rem;line-height:2.75rem}
.daftar{list-style:none;margin:0 0 var(--jarak-4);padding:0}
.daftar li{border-bottom:1px solid var(--warna-garis)}
.daftar a,.daftar li>span{display:grid;gap:var(--jarak-1);padding:var(--jarak-3) 0;min-height:2.75rem;color:inherit;text-decoration:none}
.daftar .judul{font-weight:800}
.daftar .waktu,.daftar .baris2,.daftar .alasan{color:var(--warna-teks-lemah);font-size:.9375rem}
.tanda{display:inline-block;padding:0 var(--jarak-2);border:2px solid var(--warna-garis-kuat);font-weight:700;font-size:.875rem;margin-right:var(--jarak-2)}
.tanda.awas{border-color:var(--panel-awas-teks);color:var(--panel-awas-teks)}
.uang,.angka{font-variant-numeric:tabular-nums;font-size:1.25rem}
.galat{color:var(--warna-error);font-weight:700;margin:var(--jarak-1) 0 0}
.alamat{overflow-wrap:anywhere}