.banner-terputus{margin:var(--jarak-3);padding:var(--jarak-3);border-radius:var(--radius);background:var(--galat-latar);color:var(--galat);display:flex;flex-direction:column;align-items:flex-start;gap:var(--jarak-2)}.banner-terputus p{margin:0}.akses{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-3);overflow-wrap:break-word}.akses-butir>*,.akses h2,.akses-aksi button{max-width:100%;overflow-wrap:anywhere}.akses-daftar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-2)}.akses-butir{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);cursor:pointer}.akses-butir[aria-pressed=true]{border-color:var(--utama-terbaca);outline:.125rem solid var(--utama-terbaca)}.akses-butir-aksi{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--jarak-2);cursor:default;padding:var(--jarak-2) var(--jarak-3);flex-wrap:wrap}.akses-butir small,.akses-catatan,.izin-judul small,.izin-alasan{display:block;color:var(--teks-redup)}.akses-aksi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-2);margin-bottom:var(--jarak-3)}.izin-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-3)}.izin-baris{border-top:var(--garis) solid var(--garis-warna);padding-top:var(--jarak-2)}.izin-label{color:var(--teks-redup);font-size:.875rem}.izin-kode{font-size:.8125rem;overflow-wrap:anywhere}.izin-kotak{display:flex;flex-wrap:wrap;gap:var(--jarak-2);margin-top:var(--jarak-2)}.izin-kotak-item{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--jarak-2);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);max-width:100%}.izin-kotak-berubah{border-color:var(--utama-terbaca);box-shadow:inset 0 0 0 .125rem var(--utama-terbaca)}.izin-tanda{display:block;color:var(--teks);font-weight:600;font-size:.8125rem}.izin-legenda{margin:0 0 var(--jarak-3);color:var(--teks-redup);font-size:.875rem}.izin-catatan-lama{margin:0 0 var(--jarak-3);color:var(--teks-redup);font-size:.875rem;overflow-wrap:anywhere}.izin-bar{position:sticky;bottom:var(--tinggi-menu-bawah, 0);z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-2);padding:var(--jarak-2) var(--jarak-3);background:var(--permukaan);border-top:var(--garis) solid var(--garis-warna)}html:has(.izin-bar){scroll-padding-bottom:calc(var(--tinggi-bilah-izin, 0rem) + var(--jarak-3));scroll-padding-top:var(--jarak-3)}.izin-ukur-lekat{position:fixed;inset-block-end:0;inset-inline-start:0;inline-size:0;block-size:var(--tinggi-menu-bawah, 0rem);overflow:hidden;visibility:hidden;pointer-events:none}.izin-bar-atas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jarak-2)}.izin-bar-atas .tombol{flex:0 0 auto;min-width:min-content}.izin-bar p,.izin-bar ul{margin:0}.izin-bar ul{padding-inline-start:var(--jarak-3)}.izin-bar-hitung{flex:1 1 0;font-weight:600}.izin-bar-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.izin-bar-aksi .tombol{flex:1 1 0;min-width:min-content}.izin-pesan-ringkas .pesan-galat{margin:0}.izin-pesan-ringkas .izin-pesan-teks{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.izin-pesan-ringkas .izin-hasil{line-height:1.5;max-height:3em;overflow:hidden}.izin-dialog.izin-lembar{display:flex;flex-direction:column;max-height:85vh;max-height:85dvh}.izin-lembar h3,.izin-lembar .izin-dialog-aksi{flex:0 0 auto}.izin-lembar-isi{flex:1 1 auto;min-height:0;overflow-y:auto}.izin-lompat{display:inline-flex;align-items:center;min-height:2.75rem;margin-bottom:var(--jarak-2);color:var(--utama-terbaca);text-decoration:underline}@media (min-width: 48rem){.izin-lompat{display:none}}.izin-salinan{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-2);justify-items:start;margin-bottom:var(--jarak-3)}.izin-salinan .pesan-galat{margin:0;width:100%}.izin-editor h3{scroll-margin-top:1rem}.izin-dialog-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.izin-dialog-latar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--teks);opacity:.45}.izin-dialog{position:fixed;inset-inline:0;bottom:0;z-index:21;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-2);padding:var(--jarak-3);background:var(--permukaan);color:var(--teks);border-top:var(--garis) solid var(--garis-warna);border-radius:var(--radius) var(--radius) 0 0}.izin-dialog h3,.izin-dialog p{margin:0}.izin-dialog-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-3);justify-content:space-between}.izin-dialog-aksi .tombol{flex:1 1 8rem}@media (min-width: 40rem){.izin-dialog{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;max-width:28rem;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius)}}.izin-kotak-item input{width:1.25rem;height:1.25rem;flex:0 0 auto}.form-impor{display:grid;gap:var(--jarak-2);max-width:32rem;margin-bottom:var(--jarak-3)}.konfirmasi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jarak-2);margin:var(--jarak-2) 0;padding:var(--jarak-2) var(--jarak-3);border:var(--garis) solid var(--utama-terbaca);border-radius:var(--radius)}.kas{display:grid;gap:var(--jarak-3)}.kas-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;gap:var(--jarak-2)}.kas-butir{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);padding:var(--jarak-2) var(--jarak-3);gap:var(--jarak-2)}button.kas-butir{cursor:pointer}.kas-ringkas{display:grid;gap:var(--jarak-2)}.kas-ringkas dd{margin:0;font-weight:600}.kas-ringkas dt,.kas-redup,.kas-butir small{color:var(--teks-redup);font-size:.875rem}.kas-form{display:grid;gap:var(--jarak-2);border-top:var(--garis) solid var(--garis-warna);padding-top:var(--jarak-3)}.kas-selisih{border:var(--garis) solid var(--utama-terbaca);border-radius:var(--radius);padding:var(--jarak-2) var(--jarak-3);font-weight:600}select.sentuh{width:100%;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks)}.kas-rujukan{color:var(--teks-redup);overflow-wrap:anywhere}.kas-saring{display:flex;flex-wrap:wrap;gap:var(--jarak-2);margin-bottom:var(--jarak-2)}.kas-konfirmasi{margin:0;border:var(--garis) solid var(--utama-terbaca);border-radius:var(--radius);padding:var(--jarak-2) var(--jarak-3);font-weight:600;overflow-wrap:anywhere}.agen{display:grid;gap:var(--jarak-3);min-width:0}.agen-form,.agen-kelompok{display:grid;gap:var(--jarak-2);min-width:0}.agen-kelompok{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-3);margin:0}.agen-kelompok legend{font-weight:600;padding:0 var(--jarak-2)}.agen-baris,.agen-hitung{display:grid;gap:var(--jarak-2);border-top:var(--garis) solid var(--garis-warna);padding-top:var(--jarak-2)}.agen-daftar{list-style:none;margin:0;padding:0;display:grid;gap:var(--jarak-2)}.agen-butir{display:grid;gap:var(--jarak-2);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);padding:var(--jarak-2) var(--jarak-3);overflow-wrap:anywhere}.agen-centang{display:flex;align-items:center;gap:var(--jarak-2)}.agen-tab{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.agen-tab [aria-selected=true]{font-weight:700;border-color:var(--utama-terbaca)}.agen-catatan{color:var(--teks-redup);font-size:.875rem;margin:0}.agen-sukses{margin:0;font-weight:600}.agen-selisih{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-2) var(--jarak-3);font-weight:600}.agen-rincian{margin:0;padding-left:1.25rem}.agen-pilih{display:flex;flex-direction:column;gap:.25rem}.agen-pilih select{min-height:var(--sentuh-min);font:inherit}.laporan{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-3)}.laporan-tab{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.laporan-isi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jarak-3)}.laporan-tabel{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.875rem}.laporan-tabel th,.laporan-tabel td{text-align:left;padding:.375rem .5rem;border-bottom:var(--garis) solid var(--garis-warna)}.laporan label{display:grid;gap:.25rem}@media (max-width: 40rem){.laporan-tabel{display:table;width:100%;overflow-x:visible}.laporan-tabel thead{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip:rect(0 0 0 0)}.laporan-tabel,.laporan-tabel tbody,.laporan-tabel tr,.laporan-tabel td{display:block}.laporan-tabel tr{padding:.375rem 0;border-bottom:var(--garis) solid var(--garis-warna)}.laporan-tabel td{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:.5rem;border-bottom:0;padding:.125rem .5rem;overflow-wrap:anywhere}.laporan-tabel td:before{content:attr(data-label);font-weight:600}}.laporan-rekon{display:grid;gap:var(--jarak-2);margin:0 0 var(--jarak-2)}.laporan-rekon>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding-bottom:.25rem;border-bottom:var(--garis) solid var(--garis-warna)}.laporan-rekon dt{font-weight:600}.laporan-rekon dd{margin:0;text-align:right;overflow-wrap:anywhere}.laporan-teknis{margin-top:var(--jarak-2)}.laporan-teknis>summary{cursor:pointer;padding:.5rem 0}.kuagen{display:grid;gap:var(--jarak-3);min-width:0}.kuagen-form{display:grid;gap:var(--jarak-2);min-width:0}.kuagen-saldo{font-size:1.75rem;font-weight:700;margin:0}.kuagen-daftar{list-style:none;margin:0;padding:0;display:grid;gap:var(--jarak-2)}.kuagen-butir{display:grid;gap:var(--jarak-1);min-width:0;overflow-wrap:anywhere;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-3)}.kuagen-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.kuagen-sukses{margin:0;padding:var(--jarak-2) var(--jarak-3);border-radius:var(--radius);border:var(--garis) solid var(--garis-warna)}.kuagen-pilih{min-width:0;display:flex;flex-direction:column;gap:.25rem}.kuagen-pilih select{min-height:var(--sentuh-min);font:inherit;width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}.kuagen-terpotong{margin:0;font-size:.875rem;overflow-wrap:anywhere}.tab-daftar{display:flex;flex-wrap:wrap;gap:var(--jarak-1);margin-bottom:var(--jarak-3)}.tab{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);cursor:pointer}.tab-aktif{background:var(--merek-utama);border-color:var(--merek-utama);color:var(--teks-di-utama);font-weight:600}.tabel{width:100%;border-collapse:collapse;margin-bottom:var(--jarak-3)}.tabel th,.tabel td{text-align:left;padding:var(--jarak-2);border-bottom:var(--garis) solid var(--garis-warna);vertical-align:top}.form-katalog,.editor{display:grid;gap:var(--jarak-2);max-width:32rem;margin-top:var(--jarak-3)}.baris-harga{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-2);display:grid;gap:var(--jarak-2)}.aksi-editor{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.harga-salah{color:var(--galat);font-size:.875rem;margin:0}.harga-terbaca{color:var(--teks-redup);font-size:.875rem;margin:0}.info{margin:0 0 var(--jarak-3);padding:var(--jarak-2) var(--jarak-3);border-radius:var(--radius);background:var(--permukaan);border:var(--garis) solid var(--utama-terbaca)}.peringatan{color:var(--teks-redup)}.galat-daftar{color:var(--galat)}@media (max-width: 40rem){.tabel{display:block;overflow-x:auto;container-type:inline-size}}.daftar-varian{position:sticky;inset-inline-start:0;inline-size:min(100%,100cqi);box-sizing:border-box;overflow-wrap:anywhere}.penanda-express{color:var(--utama-terbaca);font-weight:600}.sakelar-express{display:flex;align-items:center;gap:var(--jarak-2);min-block-size:var(--sentuh-min);overflow-wrap:anywhere}.sakelar-express>input{flex:none}.plg{display:grid;gap:var(--jarak-3)}.plg-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;gap:var(--jarak-2)}.plg-butir{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);cursor:pointer}.plg-butir[aria-pressed=true]{border-color:var(--utama-terbaca);outline:.125rem solid var(--utama-terbaca)}.plg-baris{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--jarak-2);flex-wrap:wrap;cursor:default;padding:var(--jarak-2) var(--jarak-3)}.plg-butir small{display:block;color:var(--teks-redup)}.plg-label{color:var(--teks-redup);font-size:.875rem}.plg-tanpa-wa{color:var(--galat);font-weight:600}.plg-aksi{display:flex;gap:var(--jarak-2);flex-wrap:wrap}.plg-centang{display:flex;align-items:center;gap:var(--jarak-2);margin-bottom:var(--jarak-3)}.plg-centang input{width:1.25rem;height:1.25rem}.produksi{display:grid;gap:var(--jarak-3)}.papan{display:flex;gap:var(--jarak-2);overflow-x:auto;padding-bottom:var(--jarak-2)}.papan-kolom{flex:1 0 9rem;min-width:9rem;background:var(--permukaan);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-2)}.papan-kolom h3{margin:0 0 var(--jarak-2);font-size:.9375rem}.papan-kolom ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--jarak-2)}.papan-jumlah{font-weight:400;color:var(--teks-redup, inherit)}.papan-kartu{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);padding:var(--jarak-2);cursor:pointer}.papan-kartu[aria-pressed=true]{border-color:var(--utama-terbaca);outline:.125rem solid var(--utama-terbaca)}.papan-pelanggan{font-size:.875rem;overflow-wrap:anywhere}.papan-alamat{font-size:.75rem;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.papan-pelanggan-rinci{margin:0 0 var(--jarak-2);overflow-wrap:anywhere}.papan-tanda{font-size:.75rem;border-radius:.75rem;padding:0 .5rem;border:var(--garis) solid var(--garis-warna)}.papan-selesai{border-color:var(--utama-terbaca)}.papan-gagal{border-color:var(--galat);color:var(--galat)}.papan-petunjuk{margin:0}.papan-form{display:grid;gap:var(--jarak-2);max-width:28rem}.papan-qc{border:0;padding:0;display:flex;gap:var(--jarak-3)}.papan-riwayat ol,.papan-riwayat ul{margin:0 0 var(--jarak-2);padding-left:1.25rem}.papan-tidak-sukses{text-decoration:line-through;opacity:.8}.papan-tidak-sukses em{text-decoration:none;display:inline-block}.papan-sempit{display:grid;gap:var(--jarak-2);min-width:0}.papan-sempit ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--jarak-2)}.papan-cari{display:grid;gap:var(--jarak-1)}.papan-cari input{width:100%;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks)}.papan-tahap-grup{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.papan-tahap{flex:1 1 8rem;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);cursor:pointer}.papan-tahap[aria-pressed=true]{background:var(--merek-utama);border-color:var(--merek-utama);color:var(--teks-di-utama);font-weight:700}.papan-tahap:focus-visible{outline:.1875rem solid var(--utama-terbaca);outline-offset:.125rem}.papan-tahap .papan-jumlah{color:inherit}.papan-rincian{scroll-margin-top:var(--tinggi-header-lengket, 0rem)}.papan-rincian h2:focus{outline:none}.papan-kembali{justify-self:start;margin-bottom:var(--jarak-2)}.papan-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jarak-2);scroll-margin-top:var(--tinggi-header-lengket, 0rem)}.papan-info p{margin:0}.papan-konfirmasi-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.papan-konfirmasi-latar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--teks);opacity:.45}.papan-konfirmasi{position:fixed;inset-inline:0;bottom:0;z-index:21;display:grid;gap:var(--jarak-2);padding:var(--jarak-3);background:var(--permukaan);color:var(--teks);border-top:var(--garis) solid var(--garis-warna);border-radius:var(--radius) var(--radius) 0 0}.papan-konfirmasi h3{margin:0;font-size:1.125rem}.papan-konfirmasi p{margin:0}.papan-konfirmasi-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-3);justify-content:space-between}.papan-konfirmasi-aksi .tombol{flex:1 1 8rem}@media (min-width: 37.5rem){.papan-konfirmasi{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;max-width:28rem;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius)}}.papan-baris-atas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--jarak-2);max-width:100%}.papan-kartu-express{border-inline-start:var(--penanda-tebal) solid var(--merek-penekanan)}.papan-express{font-weight:700;border-color:var(--merek-penekanan);border-width:.125rem;color:var(--teks)}.papan-tenggat{font-size:.875rem}.papan-tenggat-lewat{font-weight:700;color:var(--galat);text-decoration:underline}.papan-tenggat-rinci{margin:0 0 var(--jarak-2)}.papan-isi{display:grid;gap:.125rem;max-width:100%}.papan-isi-baris{font-size:.8125rem;overflow-wrap:anywhere}.papan-isi-lagi{color:var(--teks-redup)}.papan-isi-rinci ul,.papan-catatan-rinci ul{margin:0 0 var(--jarak-2);padding-inline-start:var(--jarak-3)}.nota-cetak-atas{margin-bottom:var(--jarak-3)}.nota-lebar{border:0;padding:0;display:flex;gap:var(--jarak-3);flex-wrap:wrap}.nota-kertas-bungkus{overflow-x:auto;margin-bottom:var(--jarak-3)}.nota-kertas{font-family:ui-monospace,Courier New,monospace;font-size:.8125rem;line-height:1.25;white-space:pre;margin:0;padding:var(--jarak-2);box-sizing:content-box;background:var(--cetak-latar);color:var(--cetak-teks);border:var(--garis) solid var(--garis-warna)}.nota-aksi{display:flex;gap:var(--jarak-2);flex-wrap:wrap}.nota-cetak{position:fixed;left:-200vw;top:0;pointer-events:none}.nota-cetak-teks{font-family:Courier New,Courier,monospace;font-size:14pt;font-weight:700;line-height:1.25;white-space:pre;margin:0;padding:0;color:var(--cetak-teks);background:var(--cetak-latar);transform-origin:0 0}@media print{body>*:not(.nota-cetak){display:none!important}html,body{margin:0;padding:0;background:var(--cetak-latar)!important}.nota-cetak{position:static;margin:0 auto;overflow:hidden}}@page{margin:0}.nota-gagal{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.nota-gagal input{flex:1 1 14rem;min-height:var(--sentuh-min, 2.75rem)}.nota-riwayat{margin-top:1rem}.nota-riwayat ul{margin:0;padding-left:1.25rem;font-size:.875rem}.nota,.nota .kartu{min-width:0;max-width:100%}.nota-kertas-bungkus{max-width:100%}.nota-lebar{min-width:0}.nota{display:grid;gap:var(--jarak-3)}.nota-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;gap:var(--jarak-2)}.nota-butir{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);padding:var(--jarak-2) var(--jarak-3)}button.nota-butir{cursor:pointer}.nota-butir[aria-pressed=true]{border-color:var(--utama-terbaca);outline:.125rem solid var(--utama-terbaca)}.nota-baris{gap:var(--jarak-2)}.nota-aksi,.nota-aksi-nota{display:grid;gap:var(--jarak-2);width:100%}.nota-timbang{display:grid;gap:var(--jarak-2)}.nota-status{font-weight:600}.nota-label{color:var(--teks-redup);font-size:.875rem}.nota-butir small,.nota-pratinjau{color:var(--teks-redup)}.nota-pratinjau{border:var(--garis) dashed var(--garis-warna);border-radius:var(--radius);padding:var(--jarak-2) var(--jarak-3);margin-bottom:var(--jarak-3)}.nota-form-baris,.nota-risiko,.nota-persetujuan{display:grid;gap:var(--jarak-2);border-top:var(--garis) solid var(--garis-warna);padding-top:var(--jarak-3)}.nota-centang{display:flex;align-items:center;gap:var(--jarak-2)}.nota-centang input{width:1.25rem;height:1.25rem}select.sentuh,.isian input[type=datetime-local],.isian input[type=file]{width:100%;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks)}.nota-salah{color:var(--galat);font-size:.875rem;margin:0}.nota-perkiraan small{color:var(--teks-redup)}.nota-terbaca{color:var(--teks-redup);font-size:.875rem;margin:0}.nota-utama{display:block;overflow-wrap:anywhere}.nota-nama{font-weight:600}.nota-jam{color:var(--teks-redup)}.nota-pembeda{font-size:1rem;color:var(--teks-redup);overflow-wrap:anywhere}.nota-tambah{display:grid;gap:var(--jarak-2)}.nota-penerima{margin:0;color:var(--teks-redup)}.nota-info{margin:0;border:var(--garis) solid var(--utama-terbaca);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);padding:var(--jarak-2) var(--jarak-3);overflow-wrap:anywhere}.nota-info-hati{font-size:.9375rem}.nota-bentrok{display:grid;gap:var(--jarak-2)}.nota-kelompok{list-style:none;font-size:.875rem;font-weight:600;color:var(--teks-redup);padding-block-start:var(--jarak-2)}.nota-pelanggan{margin:0;overflow-wrap:anywhere}.nota-bantu{margin:0;color:var(--teks-redup);overflow-wrap:anywhere}.nota-kepala-aksi{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--jarak-2)}.nota-opsi{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);padding:0 var(--jarak-3)}.nota-opsi>summary{cursor:pointer;min-block-size:2.75rem;display:flex;align-items:center;font-weight:600;color:var(--teks)}.nota-opsi[open]>summary{margin-block-end:var(--jarak-2)}.nota-opsi[open]{display:grid;gap:var(--jarak-3);padding-block-end:var(--jarak-3)}.nota-langkah{display:grid;gap:var(--jarak-3)}.nota-langkah-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.nota-lunas{margin:0;font-weight:600}.nota-lunas-belum{color:var(--teks)}.nota-langkah-cetak{display:grid;gap:var(--jarak-2)}.nota-menu{position:relative}.nota-menu-isi{position:absolute;inset-inline-start:0;z-index:6;min-inline-size:12rem;display:grid;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan)}.nota-menu-butir{text-align:left;border:0;background:transparent;color:var(--teks);padding:var(--jarak-2) var(--jarak-3);cursor:pointer}.nota-dialog-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.nota-dialog-latar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--teks);opacity:.45}.nota-dialog{position:fixed;inset-inline:0;bottom:0;z-index:21;display:grid;gap:var(--jarak-2);padding:var(--jarak-3);background:var(--permukaan);color:var(--teks);border-top:var(--garis) solid var(--garis-warna);border-radius:var(--radius) var(--radius) 0 0;max-block-size:85dvh;overflow-y:auto}.nota-dialog h3,.nota-dialog p{margin:0}.nota-dialog-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.nota-penyetuju{min-width:0;margin:0 0 var(--jarak-3)}.nota-penyelia-daftar{display:flex;flex-wrap:wrap;gap:var(--jarak-2);margin-bottom:var(--jarak-3)}.nota-penyelia-daftar>*{max-width:100%;overflow-wrap:anywhere}.nota-penyetuju-bantuan{margin:0 0 var(--jarak-3);overflow-wrap:anywhere}.nota-penyetuju-bantuan>summary{cursor:pointer;padding:var(--jarak-2) 0}.bayar{display:grid;gap:var(--jarak-3)}.bayar-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;gap:var(--jarak-2)}.bayar-butir{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);padding:var(--jarak-2) var(--jarak-3);gap:var(--jarak-2)}button.bayar-butir{cursor:pointer}.bayar-ringkas{display:grid;gap:var(--jarak-2)}.bayar-ringkas dd{margin:0;font-weight:600}.bayar-ringkas dt{color:var(--teks-redup);font-size:.875rem}.bayar-status{font-weight:600}.bayar-form,.bayar-aksi{display:grid;gap:var(--jarak-2);border-top:var(--garis) solid var(--garis-warna);padding-top:var(--jarak-3)}.bayar-peringatan{border:var(--garis) solid var(--utama-terbaca);border-radius:var(--radius);padding:var(--jarak-2) var(--jarak-3)}.bayar-butir small,.bayar-redup{color:var(--teks-redup)}select.sentuh,.isian input[type=file]{width:100%;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks)}.bayar-utama{display:block;overflow-wrap:anywhere}.bayar-nama{font-weight:600}.bayar-nota{margin:0 0 var(--jarak-2);overflow-wrap:anywhere}.bayar-lebih{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);padding:var(--jarak-2) var(--jarak-3);display:grid;gap:var(--jarak-2)}.bayar-lebih h3{margin:0;font-size:1rem}.pengaturan{display:grid;gap:var(--jarak-3)}.pengaturan-kelompok{display:grid;gap:var(--jarak-2);margin-bottom:var(--jarak-3)}.pengaturan-kelompok h3{margin:0}.pengaturan-daftar{list-style:none;margin:0;padding:0;display:grid;gap:var(--jarak-2)}.pengaturan-butir{display:grid;gap:var(--jarak-1);padding:var(--jarak-2) var(--jarak-3);border:var(--garis) solid var(--garis-lembut);border-radius:var(--radius);background:var(--permukaan)}.pengaturan-butir small,.pengaturan-penjelasan,.pengaturan-catatan,.pengaturan-kosong{color:var(--teks-redup)}.pengaturan-butir a{display:inline-flex;align-items:center;min-height:var(--sentuh-min);font-weight:600;color:var(--utama-terbaca)}.pengaturan-butir small{display:block}.pengaturan-aksi{display:flex;flex-wrap:wrap;gap:var(--jarak-2)}.pengaturan-sebaris,.pengaturan-form{display:grid;gap:var(--jarak-2)}.pengaturan-status{color:var(--teks-redup)}.pengaturan-status-aktif{color:var(--teks);font-weight:600}.pengaturan-lencana{display:inline-block;margin-left:var(--jarak-2);padding:0 var(--jarak-2);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);color:var(--teks-redup);font-size:.8125rem;white-space:nowrap}.pengaturan-pilihan{display:grid;gap:var(--jarak-1);margin:0;padding:0;border:0}.pengaturan-pilihan legend{padding:0;font-weight:600}.pengaturan-pilihan .pengaturan-sakelar{align-items:flex-start;padding:var(--jarak-1) 0}.pengaturan-pilihan small{display:block;color:var(--teks-redup)}.pengaturan-lanjut{display:grid;gap:var(--jarak-2)}.pengaturan-lanjut>summary{display:flex;align-items:center;cursor:pointer;font-weight:600}.pengaturan-lanjut[open]>summary{margin-bottom:var(--jarak-2)}.pengaturan-contoh{display:grid;gap:var(--jarak-2);padding:var(--jarak-3);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan)}.pengaturan-contoh h4,.pengaturan-contoh p{margin:0}.pengaturan-konfirmasi{display:grid;gap:var(--jarak-2);padding:var(--jarak-2);border:var(--garis) solid var(--garis-warna);border-radius:var(--radius)}.pengaturan-konfirmasi p{margin:0}.pengaturan-pratinjau{display:grid;gap:var(--jarak-2);margin-top:var(--jarak-3);padding:var(--jarak-3);border:.125rem solid var(--utama-terbaca);border-radius:var(--radius);background:var(--permukaan)}.pengaturan-sukses{color:var(--teks);font-weight:600}.pengaturan-sakelar{display:flex;align-items:center;gap:var(--jarak-2);min-height:var(--sentuh-min)}.pengaturan-kembali{margin:0}.pengaturan-kembali-tautan{display:inline-flex;align-items:center;color:var(--utama-terbaca)}@media (max-width: 63.99rem){.shell-menu .menu-tautan{flex:1 1 auto;padding-inline:var(--jarak-2)}}.shell .shell-merek{flex:1 1 0;min-width:0}.shell .shell-keluar{margin-inline-start:auto}.shell .shell-kepala .shell-aksi{flex:1 1 100%;order:3}.shell-aksi .lokasi-aktif{font-weight:600;overflow-wrap:anywhere}@media (max-width: 63.99rem){.shell .shell-menu{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;--bayangan-menu: color-mix(in srgb, var(--teks) 45%, transparent);background:linear-gradient(to right,var(--permukaan),transparent) left center / var(--jarak-4) 100% no-repeat local,linear-gradient(to left,var(--permukaan),transparent) right center / var(--jarak-4) 100% no-repeat local,radial-gradient(farthest-side at 0 50%,var(--bayangan-menu),transparent) left center / var(--jarak-3) 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--bayangan-menu),transparent) right center / var(--jarak-3) 100% no-repeat scroll,var(--permukaan)}.shell .shell-menu .menu-tautan{flex:0 0 auto;white-space:nowrap}}@media (min-width: 64rem){.shell .shell-kepala .shell-aksi{flex:0 1 auto;order:2}.shell .shell-keluar{order:3;margin-inline-start:var(--jarak-4)}.shell .shell-merek{flex:1 1 auto}}.shell-isi [tabindex="-1"]:focus,.shell-isi:focus{outline:none}.shell-judul{position:absolute;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell .shell-merek{position:relative;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:0}.shell-org{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;color:var(--teks-redup)}.shell-nama{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--teks);text-decoration:none}.shell-nama:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.shell-nama:focus-visible{outline:.1875rem solid var(--utama-terbaca);outline-offset:.125rem}.shell-identitas{display:flex;align-items:baseline;gap:.25rem;min-width:0;max-width:100%}.shell-identitas .shell-nama{flex:0 1 auto;min-width:0;padding-block-start:1.25rem;margin-block-start:-1.25rem}.shell-identitas .shell-nama{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere}.shell-peran{flex:none;display:flex;align-items:baseline;gap:.25rem;min-width:0;max-width:100%;font-size:.8125rem;font-weight:500;color:var(--teks-redup)}.shell-peran-nama{min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.shell-peran-tambah{flex:none}@media (max-width: 63.99rem){.shell .shell-menu.menu-hp{flex-wrap:nowrap;overflow:visible;gap:0;padding-inline:var(--jarak-1);background:var(--permukaan)}.shell .shell-menu.menu-hp .menu-tautan{flex:1 1 0;min-width:0;flex-direction:column;gap:0;padding-inline:var(--jarak-1);font-size:var(--menu-label);line-height:var(--menu-label-lh);white-space:normal}.shell .shell-menu.menu-hp .menu-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell .shell-menu.menu-hp .menu-ikon{width:var(--menu-ikon);height:var(--menu-ikon);flex:none}}.shell-menu button.menu-tautan{background:none;border:0;font:inherit;color:var(--teks);cursor:pointer}.lembar-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--teks) 40%,transparent)}.lembar-lainnya{position:fixed;inset-inline:0;bottom:0;z-index:21;max-height:80vh;overflow-y:auto;padding:var(--jarak-3);background:var(--permukaan);border-top:var(--garis) solid var(--garis-lembut);border-radius:var(--radius) var(--radius) 0 0}.lembar-daftar{list-style:none;margin:0 0 var(--jarak-3);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--jarak-1)}.lembar-tautan{justify-content:flex-start;width:100%;box-sizing:border-box}.shell-menu .menu-kelompok{display:flex;flex-direction:column;gap:var(--jarak-1)}.shell-menu .menu-kelompok-judul{display:flex;align-items:center;justify-content:space-between;gap:var(--jarak-2);width:100%;box-sizing:border-box;padding-inline:var(--jarak-2);background:none;border:0;border-radius:var(--radius);font:inherit;font-size:.8125rem;font-weight:600;color:var(--teks-redup);text-align:start;cursor:pointer}.shell-menu .menu-kelompok-judul:after{content:"▾";flex:none}.shell-menu .menu-kelompok-judul[aria-expanded=false]:after{content:"▸"}.shell-menu .menu-kelompok-judul:focus-visible{outline:.1875rem solid var(--utama-terbaca);outline-offset:.125rem}.shell-menu .menu-kelompok .menu-tautan{padding-inline-start:var(--jarak-4)}.lembar-kelompok{margin:0 0 var(--jarak-2)}.lembar-judul{margin:0 0 var(--jarak-1);font-size:.8125rem;font-weight:600;color:var(--teks-redup)}.shell-org:only-child{font-size:inherit;font-weight:700;color:var(--teks)}@media (max-width: 63.99rem){.shell{grid-template-columns:minmax(0,1fr)}.shell .shell-kepala,.shell .shell-menu.menu-hp{min-width:0;max-width:100%;box-sizing:border-box}}.shell-kepala{position:relative}.shell-kepala.kaca:after{bottom:0}.shell .shell-menu.menu-hp.kaca:after,.lembar-lainnya.kaca:after{top:0}.shell .shell-menu.menu-hp,.lembar-lainnya{--kaca-bayangan: var(--kaca-bayangan-atas)}.shell-identitas{flex-wrap:wrap;row-gap:0}@media (max-width: 63.99rem){.shell{display:flex;flex-direction:column}.shell .shell-isi{flex:1 1 auto}.shell .shell-menu.menu-hp{order:3;position:sticky;bottom:0;z-index:10;padding-block-end:env(safe-area-inset-bottom,0)}.shell .shell-menu.menu-hp .menu-tautan{padding-inline:0}}@media (max-width: 63.99rem){.shell .shell-kepala{padding-block:var(--jarak-1);row-gap:.125rem}.shell .shell-kepala .tombol,.shell .shell-kepala .menu-tautan{padding-inline:var(--jarak-2)}.shell .shell-kepala .shell-org,.shell .shell-kepala .shell-peran{line-height:1.25}.shell .shell-kepala .shell-aksi{flex-wrap:wrap;gap:var(--jarak-1)}.shell .shell-kepala .shell-aksi .menu-tautan,.shell .shell-kepala .shell-aksi .tombol{flex:none}.shell .shell-kepala .shell-aksi .menu-tautan{padding-inline:var(--jarak-1)}.shell .shell-kepala .shell-aksi .pemilih-lokasi,.shell .shell-kepala .shell-aksi .lokasi-aktif{flex:1 1 5rem;min-width:0}.shell .shell-kepala .shell-aksi .isian{margin-bottom:0}.shell .shell-kepala .shell-aksi .isian label{position:absolute;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell .shell-kepala .shell-aksi .isian select{width:100%;min-width:0;padding-inline:var(--jarak-2);text-overflow:ellipsis}.shell .shell-kepala .shell-aksi .lokasi-aktif{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:.8125rem;line-height:1.25}}.shell{--menu-ikon: 1.5rem;--menu-label: .75rem;--menu-label-lh: 1.2;--garis-menu: .0625rem;--tinggi-menu-bawah: 0rem}@media (max-width: 63.99rem){.shell{--tinggi-menu-bawah: calc(var(--garis-menu) + 3 * var(--jarak-2) + var(--menu-ikon) + var(--menu-label) * var(--menu-label-lh) + env(safe-area-inset-bottom, 0rem))}.shell .shell-menu.menu-hp{box-sizing:border-box;border-top-width:var(--garis-menu);min-height:var(--tinggi-menu-bawah)}}:root{--sentuh-min: 2.75rem;--jarak-1: .25rem;--jarak-2: .5rem;--jarak-3: 1rem;--jarak-4: 1.5rem;--radius: .5rem;--garis: thin;--penanda-tebal: .25rem;--efek-blur: .75rem;--kaca-persen: 85%;--kaca-jenuh: 1.3;--kaca-garis: color-mix(in srgb, var(--teks) 14%, transparent);--kaca-bayangan: 0 .125rem .75rem color-mix(in srgb, var(--teks) 12%, transparent);--kaca-bayangan-atas: 0 -.125rem .75rem color-mix(in srgb, var(--teks) 12%, transparent);--kaca-aksen-tinggi: .1875rem;--motif-ukuran: 1.5rem;--motif-gelembung: 9rem;--motif-warna: color-mix(in srgb, var(--utama-terbaca) 14%, transparent);--motif: radial-gradient(circle at 50% 50%, var(--motif-warna) .0625rem, transparent .09375rem), radial-gradient(circle at 30% 65%, transparent .9375rem, var(--motif-warna) .96875rem, var(--motif-warna) 1.03125rem, transparent 1.0625rem);--latar: #f5f6f8;--permukaan: #ffffff;--teks: #1c2330;--teks-redup: #566074;--garis-warna: #808a9b;--garis-lembut: #cfd5df;--merek-utama: #3b4658;--merek-utama-muda: #e4e8ef;--merek-penekanan: #1b2230;--merek-penekanan-muda: #cfd6e2;--teks-di-utama: #ffffff;--teks-di-penekanan: #ffffff;--utama-terbaca: var(--merek-utama);--galat: #a3201a;--galat-latar: #fdeceb;--berhasil: #1d6b34;--berhasil-latar: #e8f5ec;--cetak-latar: #ffffff;--cetak-teks: #000000;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-tema=terang]){--latar: #12161d;--permukaan: #1b212b;--teks: #e8ecf3;--teks-redup: #a4aebf;--garis-warna: #6b768a;--garis-lembut: #364050;--merek-utama: #9fb4d4;--merek-utama-muda: #2a3342;--merek-penekanan: #e3e8f2;--merek-penekanan-muda: #3a4558;--teks-di-utama: #0c1626;--teks-di-penekanan: #12161d;--galat: #ff9a92;--galat-latar: #3a1c1a;--berhasil: #7fd99a;--berhasil-latar: #17301f;--motif-warna: color-mix(in srgb, var(--utama-terbaca) 12%, transparent);color-scheme:dark}}[data-tema=gelap]{--latar: #12161d;--permukaan: #1b212b;--teks: #e8ecf3;--teks-redup: #a4aebf;--garis-warna: #6b768a;--garis-lembut: #364050;--merek-utama: #9fb4d4;--merek-utama-muda: #2a3342;--merek-penekanan: #e3e8f2;--merek-penekanan-muda: #3a4558;--teks-di-utama: #0c1626;--teks-di-penekanan: #12161d;--galat: #ff9a92;--galat-latar: #3a1c1a;--berhasil: #7fd99a;--berhasil-latar: #17301f;--motif-warna: color-mix(in srgb, var(--utama-terbaca) 12%, transparent);color-scheme:dark}[data-efek=hemat] *,[data-efek=hemat] *:before,[data-efek=hemat] *:after{animation:none!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-efek=hemat]{--motif: none}[data-efek=hemat] .kaca{background:var(--permukaan);box-shadow:none}[data-efek=hemat] .kaca:after{background:var(--merek-utama)}[data-tab=tersembunyi] *,[data-tab=tersembunyi] *:before,[data-tab=tersembunyi] *:after{animation-play-state:paused!important}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;background-color:var(--latar);background-image:var(--motif);background-size:var(--motif-ukuran) var(--motif-ukuran),var(--motif-gelembung) var(--motif-gelembung);color:var(--teks);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2{margin:0 0 var(--jarak-3);line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.25rem}.sentuh{min-height:var(--sentuh-min);min-width:var(--sentuh-min);padding:var(--jarak-2) var(--jarak-3);font:inherit}.tombol{border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks);cursor:pointer}.tombol-utama{background:var(--merek-utama);border-color:var(--merek-utama);color:var(--teks-di-utama);font-weight:600}.tombol[aria-pressed=true]{font-weight:700;border-color:var(--utama-terbaca);box-shadow:inset 0 0 0 .125rem var(--utama-terbaca)}.tombol:disabled{opacity:.6;cursor:progress}.tombol:focus-visible,.menu-tautan:focus-visible,input:focus-visible{outline:.1875rem solid var(--utama-terbaca);outline-offset:.125rem}.isian{display:flex;flex-direction:column;gap:var(--jarak-1);margin-bottom:var(--jarak-3)}.isian input{width:100%;border:var(--garis) solid var(--garis-warna);border-radius:var(--radius);background:var(--permukaan);color:var(--teks)}.kartu{background:var(--permukaan);border:var(--garis) solid var(--garis-lembut);border-radius:var(--radius);padding:var(--jarak-3)}.pesan-galat{margin:0 0 var(--jarak-3);padding:var(--jarak-2) var(--jarak-3);border-radius:var(--radius);background:var(--galat-latar);color:var(--galat)}.memuat{padding:var(--jarak-4);color:var(--teks-redup)}.kaca{background:var(--permukaan)}@supports ((backdrop-filter: blur(.0625rem)) or (-webkit-backdrop-filter: blur(.0625rem))) and (background: color-mix(in srgb,red 50%,transparent)){:root:not([data-efek=hemat]) .shell .kaca{background:color-mix(in srgb,var(--permukaan) var(--kaca-persen),transparent);-webkit-backdrop-filter:blur(var(--efek-blur)) saturate(var(--kaca-jenuh));backdrop-filter:blur(var(--efek-blur)) saturate(var(--kaca-jenuh));box-shadow:var(--kaca-bayangan)}}.kaca:after{content:"";position:absolute;inset-inline:0;height:var(--kaca-aksen-tinggi);background:var(--gradien-aksen, var(--gradien-header, var(--garis-lembut)));font-size:1.5rem;pointer-events:none}@media (prefers-reduced-transparency: reduce){:root:not([data-efek=hemat]) .shell .kaca{background:var(--permukaan);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}:root{--motif: none}:root .kaca:after{background:var(--merek-utama)}}.login{min-height:100vh;display:grid;place-items:center;padding:var(--jarak-3)}.login-form{width:100%;max-width:24rem}.shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"kepala" "isi" "menu"}.shell-kepala{grid-area:kepala;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jarak-2);padding:var(--jarak-2) var(--jarak-3);background:var(--permukaan);border-bottom:var(--garis) solid var(--garis-lembut)}.shell-merek,.shell-aksi{display:flex;align-items:center;gap:var(--jarak-2);flex-wrap:wrap}.shell-logo{height:2rem;width:auto}.shell-pengguna{color:var(--teks-redup)}.shell-menu{grid-area:menu;display:flex;flex-wrap:wrap;gap:var(--jarak-1);padding:var(--jarak-2);background:var(--permukaan);border-top:var(--garis) solid var(--garis-lembut)}.menu-tautan{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;border-radius:var(--radius);color:var(--teks);text-decoration:none}.menu-tautan.active{font-weight:700;box-shadow:inset 0 calc(-1 * var(--penanda-tebal)) 0 var(--merek-penekanan)}.shell-isi{grid-area:isi;padding:var(--jarak-3);min-width:0}@media (min-width: 64rem){.shell{grid-template-columns:14rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"kepala kepala" "menu isi"}.shell-menu{flex-direction:column;flex-wrap:nowrap;align-content:flex-start;border-top:0;border-right:var(--garis) solid var(--garis-lembut)}.menu-tautan{flex:0 0 auto;justify-content:flex-start}.menu-tautan.active{box-shadow:inset var(--penanda-tebal) 0 0 var(--merek-penekanan)}}