:root{--aksen: #078FA4;--aksen-gelap: #06707F;--aksen-muda: #E6F4F6;--tinta: #0F2F33;--tinta-lembut: #5F7F83;--garis: #DCE9EA;--latar: #F1F6F7;--kartu: #FFFFFF;--bahaya: #B42318;--bahaya-muda: #FDECEA;--radius: 14px;--bayang: 0 1px 2px rgba(15, 47, 51, .06), 0 8px 24px rgba(15, 47, 51, .06)}*{box-sizing:border-box}body{margin:0;background:var(--latar);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}a{color:var(--aksen-gelap)}.bilah{background:var(--aksen);color:#fff;padding:0 24px;height:60px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20}.bilah-judul{font-weight:700;font-size:17px;letter-spacing:.3px}.bilah-sisa{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px}.bilah a,.bilah button.tautan{color:#fff;text-decoration:none;opacity:.9}.bilah a:hover{opacity:1;text-decoration:underline}.isi{max-width:1400px;margin:0 auto;padding:24px}.judul-halaman{font-size:22px;margin:0 0 4px}.sub-halaman{color:var(--tinta-lembut);margin:0 0 20px}.tombol{background:var(--aksen);color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.tombol:hover{background:var(--aksen-gelap)}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol.sekunder{background:#fff;color:var(--aksen-gelap);border:1px solid var(--garis)}.tombol.sekunder:hover{background:var(--aksen-muda)}.tombol.bahaya{background:var(--bahaya);color:#fff}.tombol.bahaya:hover{background:#8f1c13}button.tautan{background:none;border:0;cursor:pointer;padding:0}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang)}.area-menu{padding:20px 24px 40px}.kepala-menu{display:flex;align-items:baseline;gap:12px;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:14px 20px;margin-bottom:20px}.kepala-menu h1{margin:0;font-size:17px;letter-spacing:.6px}.kepala-catatan{color:var(--tinta-lembut);font-size:13px}.kisi-kartu{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.kartu-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang);padding:0;text-align:left;cursor:pointer;color:inherit;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.kartu-menu:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #078fa433}.kartu-menu:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.kartu-gambar{display:flex;justify-content:center;padding:26px 20px 18px}.ikon-kartu{display:inline-grid;place-items:center;flex:none;width:var(--ikon-ukuran, 88px);height:var(--ikon-ukuran, 88px);border-radius:calc(var(--ikon-ukuran, 88px) * .22)}.ikon-kartu svg{width:52%;height:52%}.kartu-kaki{border-top:1px solid var(--garis);padding:12px 16px 14px;display:flex;flex-direction:column;gap:2px;min-height:62px}.kartu-judul{font-weight:600;font-size:13.5px;letter-spacing:.3px}.kartu-jumlah,.kartu-nanti{font-size:12px;color:var(--tinta-lembut)}.kartu-mati{cursor:default;box-shadow:none}.kartu-mati .kartu-judul{color:var(--tinta-lembut)}.tirai{position:fixed;inset:0;background:#0a314073;display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.lembar{background:var(--kartu);border-radius:var(--radius);box-shadow:0 20px 60px #0a31404d;width:min(460px,100%);max-height:80vh;overflow:auto;padding:20px}.lembar-kepala{display:flex;align-items:flex-start;gap:16px;margin-bottom:14px}.lembar-kepala h2{margin:0;font-size:17px;letter-spacing:.4px}.lembar-kepala p{margin:2px 0 0;color:var(--tinta-lembut);font-size:13px}.lembar-kepala .tombol{margin-left:auto;flex:none}.daftar-anak{display:flex;flex-direction:column;gap:8px}.baris-anak{display:flex;align-items:center;gap:12px;background:var(--latar);border:1px solid var(--garis);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:500;text-align:left;color:inherit}.baris-anak:hover{background:var(--aksen-muda);border-color:var(--aksen)}.baris-anak .panah{margin-left:auto;color:var(--tinta-lembut);font-size:22px;line-height:1}.isian{width:100%;border:1px solid var(--garis);border-radius:10px;padding:11px 13px;background:#fff;color:var(--tinta)}.isian:focus{outline:2px solid var(--aksen);outline-offset:-1px}.label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}.medan{margin-bottom:14px}.pesan-sibuk-login{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px 10px}.mini-ring{width:18px;height:18px;border-radius:50%;border:2px solid rgba(7,143,164,.18);border-top-color:var(--aksen);animation:putar-memuat .9s linear infinite}.bar-login-sibuk{grid-column:1 / -1;position:relative;height:5px;overflow:hidden;border-radius:999px;background:#078fa41a}.bar-login-sibuk span{position:absolute;inset:0 auto 0 0;width:44%;border-radius:inherit;background:linear-gradient(90deg,var(--aksen),#FFD60A);animation:jalan-memuat 1.35s ease-in-out infinite}.laman-login{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:#bfe3f0;background-image:url(/latar/ponsel.webp);background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-aspect-ratio:2/3){.laman-login{background-image:url(/latar/tegak.webp)}}@media(min-aspect-ratio:1/1){.laman-login{background-image:url(/latar/sedang.webp)}}@media(min-aspect-ratio:29/20){.laman-login{background-image:url(/latar/lebar.webp)}}.kotak-login{width:100%;max-width:380px;padding:28px;background:#fffffff0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 50px #083c4e47}.logo-login{display:block;width:78px;height:78px;margin:0 auto 12px;border-radius:19px;object-fit:contain}.kotak-login h1{margin:0 0 2px;font-size:20px}.kotak-login p.sub{margin:0 0 20px;color:var(--tinta-lembut);font-size:14px;text-align:center}.pilihan-saluran{display:flex;gap:8px;margin-bottom:14px}.pilihan-saluran button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:10px;border:1px solid var(--garis);background:#fff;cursor:pointer}.pilihan-saluran button svg{flex:none}.pilihan-saluran button.terpilih{border-color:var(--aksen);background:var(--aksen-muda);color:var(--aksen-gelap);font-weight:600}.pesan{border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:14px}.pesan.info{background:var(--aksen-muda);color:var(--aksen-gelap)}.pesan.galat{background:var(--bahaya-muda);color:var(--bahaya)}.alat-tabel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.alat-tabel .isian{width:auto;min-width:260px;flex:1}.info-jumlah{color:var(--tinta-lembut);font-size:13px}.form-modul{max-width:1040px;margin:0 auto;padding:20px}.form-kepala{display:flex;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--garis)}.form-kepala p{margin:0 0 4px;color:var(--tinta-lembut);font-weight:700}.form-kepala h1{margin:0;font-size:24px;line-height:1.2}.bar-langkah{display:flex;gap:8px;margin:18px 0 16px;overflow-x:auto}.bar-langkah button{width:38px;height:38px;border-radius:999px;border:1px solid var(--garis);background:#fff;color:var(--tinta-lembut);font-weight:800;cursor:pointer}.bar-langkah button.aktif{background:var(--aksen);border-color:var(--aksen);color:#fff;box-shadow:0 8px 18px #078fa438}.judul-langkah{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.judul-langkah span{color:var(--aksen-gelap);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.judul-langkah h2{margin:0;font-size:18px}.kisi-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.medan-form{display:flex;flex-direction:column;gap:7px;min-width:0}.medan-form>span{font-size:13px;font-weight:800;color:#21384b}.area-teks{min-height:112px;resize:vertical}.input-beraksi{display:flex;gap:8px}.input-beraksi .isian{min-width:0}.input-beraksi .tombol{flex:none}.unggah-form{display:grid;gap:8px}.preview-form{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;min-height:66px;padding:8px;border:1px dashed var(--garis);border-radius:10px;background:#f8fcfc}.preview-form img{width:92px;height:60px;object-fit:cover;border-radius:8px;background:#e9f5f6}.preview-form span,.petunjuk-form{color:var(--tinta-lembut);font-size:12px;font-weight:700}.aksi-form{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.dialog-form{z-index:80}.konfirmasi-keluar{text-align:center;max-width:430px}.konfirmasi-keluar h2{margin:8px 0 6px}.konfirmasi-keluar p{color:var(--tinta-lembut);margin:0}.ikon-konfirmasi{width:54px;height:54px;margin:0 auto;border-radius:18px;display:grid;place-items:center;background:#fff7e6}.detail-edit{flex:none;padding:8px 12px}.detail-hapus{flex:none;padding:8px 12px;color:var(--bahaya)!important;background:var(--bahaya-muda)!important;border-color:#f7c8c3!important}.detail-hapus:hover{background:#fbd8d4!important}.dialog-konfirmasi.bahaya .ikon-konfirmasi{background:var(--bahaya-muda)}.ba-section{margin:16px 0 18px;padding:16px;border:1px solid var(--garis);border-radius:16px;background:#f7fcfc}.ba-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.ba-section-head p{margin:0;color:#708993;font-size:12px;font-weight:900;letter-spacing:.4px}.ba-section-head h3{margin:2px 0 0;color:#020733;font-size:22px;line-height:1.15}.ba-generate-semua{background:var(--aksen-muda)!important;border-color:transparent!important;white-space:nowrap}.ba-card{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:14px;border:1px solid var(--garis);border-radius:14px;background:#fff}.ba-card+.ba-card{margin-top:12px}.ba-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--aksen-muda)}.ba-icon.siap{background:var(--aksen);box-shadow:0 10px 20px #078fa42e}.ba-info{min-width:0;display:grid;gap:2px}.ba-info strong{color:#020733;font-size:18px;line-height:1.2}.ba-info span{color:#21384b;font-weight:900;word-break:break-word}.ba-info em{color:#65718e;font-style:normal;font-weight:800}.ba-actions{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ba-actions .tombol{flex:1;min-width:138px}.tirai-pdf{background:#031a22db}.pdf-penuh{width:min(980px,96vw);height:min(760px,calc(100vh - 110px));border:0;border-radius:12px;background:#fff}.bingkai-tabel{overflow-x:auto;border-radius:var(--radius)}table.data{border-collapse:collapse;width:100%;background:#fff;font-size:14px}table.data th,table.data td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--garis);white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}table.data th{position:sticky;top:0;background:#f7fbfb;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--tinta-lembut);z-index:1}table.data th:hover{color:var(--aksen-gelap)}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:var(--aksen-muda)}td.angka,th.angka{text-align:right}.halaman-tabel{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:14px}.kisi-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0}.medan-detail{padding:14px 18px;border-bottom:1px solid var(--garis)}.medan-detail dt{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--tinta-lembut);margin:0 0 4px}.medan-detail dd{margin:0;font-weight:600;word-break:break-word}.medan-detail.sorot dd{color:var(--aksen-gelap);font-size:18px}.memuat{color:var(--tinta-lembut);padding:40px 0;text-align:center}.layar-memuat-awal{min-height:calc(100vh - 60px);display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 35% 25%,rgba(12,166,166,.14),transparent 34%),radial-gradient(circle at 72% 64%,rgba(255,214,10,.12),transparent 30%),linear-gradient(180deg,#F2FAFA 0%,var(--latar) 100%)}.wadah-memuat{min-height:340px;display:grid;place-items:center;padding:34px 18px}.wadah-memuat.ringkas{min-height:260px;padding:18px 0 8px}.panel-memuat-awal{width:min(440px,100%);display:grid;justify-items:center;gap:18px;padding:34px 30px 30px;text-align:center;background:#ffffffd1;border:1px solid rgba(7,143,164,.16);border-radius:18px;box-shadow:0 20px 70px #07707f29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-memuat-ringkas{width:min(360px,100%);padding:26px 22px 24px;box-shadow:0 14px 42px #07707f1f}.orbit-memuat{position:relative;width:118px;height:118px;display:grid;place-items:center}.orbit-memuat img{width:58px;height:58px;border-radius:14px;box-shadow:0 10px 30px #07707f3d;animation:logo-memuat 2.4s ease-in-out infinite}.panel-memuat-ringkas .orbit-memuat{width:92px;height:92px}.panel-memuat-ringkas .orbit-memuat img{width:46px;height:46px;border-radius:12px}.orbit-cincin,.orbit-cincin:before,.orbit-cincin:after{position:absolute;inset:0;border-radius:50%}.orbit-cincin{border:2px solid rgba(7,143,164,.12);animation:putar-memuat 1.8s linear infinite}.orbit-cincin:before{content:"";border:3px solid transparent;border-top-color:var(--aksen);border-right-color:#ffd60ae6}.orbit-cincin:after{content:"";inset:20px;border:1px dashed rgba(7,143,164,.22);animation:putar-memuat 3.6s linear infinite reverse}.orbit-titik{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--aksen);box-shadow:0 0 0 7px #078fa41a;animation:titik-memuat 1.55s ease-in-out infinite}.titik-satu{top:8px;left:54px}.titik-dua{right:11px;bottom:28px;animation-delay:.18s;background:#ffd60a;box-shadow:0 0 0 7px #ffd60a26}.titik-tiga{left:15px;bottom:26px;animation-delay:.36s;background:#12b8b8}.label-memuat{margin:0 0 4px;color:var(--aksen-gelap);font-size:12px;font-weight:800;letter-spacing:2px}.panel-memuat-awal h1{margin:0;font-size:24px;letter-spacing:.2px}.teks-memuat{margin:8px auto 0;max-width:310px;color:var(--tinta-lembut)}.kemajuan-memuat{margin:10px 0 0;color:var(--aksen-gelap);font-weight:800}.bar-memuat{position:relative;width:min(310px,100%);height:8px;overflow:hidden;border-radius:999px;background:#078fa41a}.bar-memuat span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--aksen-gelap),var(--aksen),#FFD60A);animation:jalan-memuat 1.45s ease-in-out infinite}@keyframes putar-memuat{to{transform:rotate(360deg)}}@keyframes logo-memuat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}@keyframes titik-memuat{0%,to{transform:scale(.82);opacity:.62}50%{transform:scale(1.18);opacity:1}}@keyframes jalan-memuat{0%{transform:translate(-105%)}52%{transform:translate(72%)}to{transform:translate(245%)}}@media(prefers-reduced-motion:reduce){.orbit-memuat img,.orbit-cincin,.orbit-cincin:after,.orbit-titik,.bar-memuat span,.mini-ring,.bar-login-sibuk span,.cap-update-sibuk:after{animation:none}}@media(max-width:720px){.isi{padding:16px}.bilah{padding:0 16px}}.tubuh{display:flex;align-items:stretch;min-height:calc(100vh - 60px)}.batang-kiri{flex:none;width:62px;background:var(--kartu);border-right:1px solid var(--garis);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;position:sticky;top:60px;height:calc(100vh - 60px)}.batang-ikon{width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--tinta-lembut);display:grid;place-items:center;cursor:pointer}.batang-ikon:hover,.batang-ikon.aktif{background:var(--aksen-muda);color:var(--aksen-gelap)}.batang-bawah{margin-top:auto}.utama{flex:1;min-width:0}.utama .isi{padding:24px}.bilah-ikon{width:36px;height:36px;border:0;border-radius:9px;background:#ffffff24;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.bilah-ikon:hover{background:#ffffff42}.bilah-cari{flex:1;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:8px;background:#ffffff2e;border-radius:10px;padding:0 12px;height:38px;color:#fff}.bilah-cari input{flex:1;border:0;background:transparent;color:#fff;outline:none;font-size:14px}.bilah-cari input::placeholder{color:#fffc}.bilah-akun{position:relative}.bilah-awal{width:36px;height:36px;border-radius:50%;border:0;background:#ffffff38;color:#fff;font-weight:700;cursor:pointer}.tirai-tipis{position:fixed;inset:0;z-index:30}.kotak-akun{position:absolute;right:0;top:46px;z-index:31;background:var(--kartu);color:var(--tinta);border:1px solid var(--garis);border-radius:12px;box-shadow:0 12px 34px #0a314038;padding:14px;min-width:200px;display:flex;flex-direction:column;gap:4px}.kotak-akun span{color:var(--tinta-lembut);font-size:13px}.kotak-akun .tombol{margin-top:10px}.bilah-hanya-sempit{display:none}@media(max-width:720px){.batang-kiri{display:none}.bilah-hanya-sempit{display:grid}.bilah-cari{margin:0}.bilah-judul{display:none}.area-menu{padding:16px}.kisi-kartu{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kartu-gambar .ikon-kartu{--ikon-ukuran: 66px}.kartu-gambar{padding:18px 14px 12px}}@media(max-width:520px){.laman-login{padding:16px}.kotak-login{max-width:310px;padding:18px 16px 20px;border-radius:16px}.logo-login{width:58px;height:58px;border-radius:14px;margin-bottom:8px}.kotak-login p.sub{font-size:12.5px;margin-bottom:14px}.kotak-login .label{font-size:12px;margin-bottom:4px}.kotak-login .medan{margin-bottom:11px}.kotak-login .isian{padding:9px 12px;font-size:14px}.kotak-login .tombol{padding:11px 14px;font-size:14px}.kotak-login .pesan{font-size:12.5px;padding:9px 11px}.pilihan-saluran{gap:7px;margin-bottom:12px}.pilihan-saluran button{padding:9px 6px;font-size:13px;gap:5px}}.daftar-kartu{display:flex;flex-direction:column;gap:10px}.kartu-data{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:0 6px 12px #007a7c0f;text-decoration:none;color:inherit;transition:box-shadow .12s ease,transform .12s ease}.kartu-data:hover{box-shadow:0 8px 20px #007a7c24;transform:translateY(-1px)}.kartu-data:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}.kartu-data-isi{flex:1;min-width:0}.kartu-data-judul{display:block;color:#020733;font-size:15px;font-weight:900;line-height:18px}.kartu-data-baris{display:flex;align-items:center;gap:7px;margin-top:5px}.kartu-data-baris-bungkus{flex-wrap:nowrap;margin-top:8px}.kartu-data-baris-bungkus .pil-status{min-width:0;overflow:hidden;text-overflow:ellipsis}.kartu-data-tanggal{flex:none}.kartu-data-baris-bungkus .titik-meta,.kartu-data-baris-bungkus svg{flex:none}.kartu-data{min-height:92px;height:100%}.kartu-data-meta{color:#65718e;font-size:12px;font-weight:700;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kartu-data-rupiah{color:#078fa4;font-weight:800}.pil-status{background:#ffe3e1;color:#c91f1f;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:900;white-space:nowrap}.pil-status.pil-normal{background:#ddf8e8;color:#0a9e50}.titik-meta{color:#52627c;font-size:18px;font-weight:900;line-height:1}.kartu-data-kontrak{display:flex;flex-direction:column;gap:7px;margin-top:2px}.lencana-waktu{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;background:#e7faf8;border:1px solid #BFE8E5;border-radius:14px;padding:4px 9px;color:#078b8e;font-size:11px;font-weight:900}.lencana-waktu-awas{background:#fff4e5;border-color:#ffd7a3;color:#b42318}.lencana-waktu-bahaya{background:#ffe3e1;border-color:#ffc7c2}.cincin{position:relative;display:inline-block;flex:none}.cincin-titik{position:absolute;border-radius:50%}.cincin-isi{position:absolute;inset:0;margin:auto;border-radius:50%;background:#fff;display:grid;place-items:center;color:#067c7e;font-size:12px;font-weight:900}@media(max-width:520px){.kartu-data{padding:10px;border-radius:16px}.kartu-data-judul{font-size:14px}}.foto-medan{display:flex;flex-direction:column;gap:8px;margin-top:8px}.foto-tombol{display:block;padding:0;border:0;background:none;cursor:zoom-in;width:100%;max-width:420px}.foto-detail{display:block;width:100%;height:190px;object-fit:cover;border-radius:14px;background:#eef7f6}.foto-nama{color:#65718e;font-size:12px;font-weight:700}.tirai-foto{position:fixed;inset:0;z-index:60;background:#031a22eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;cursor:zoom-out}.foto-penuh-kepala{display:flex;align-items:center;gap:16px;color:#fff;font-size:13px;max-width:100%}.foto-penuh-kepala a{color:#8fe3f0}.foto-penuh-kepala button{background:#ffffff29;color:#fff;border:0;border-radius:8px;width:30px;height:30px;font-size:20px;line-height:1;cursor:pointer}.foto-penuh{max-width:min(100%,1100px);max-height:calc(100vh - 110px);object-fit:contain;border-radius:12px;cursor:default}.kerja-modul{display:flex;align-items:flex-start}.panel-daftar{flex:1;min-width:0;padding:24px}.panel-detail,.kerja-modul.ada-detail .panel-daftar{display:none}.kerja-modul.ada-detail .panel-detail{display:block;flex:1;min-width:0}.panel-detail-isi{padding:20px 24px 40px}.panel-detail-kepala{display:flex;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--garis);margin-bottom:4px}.panel-detail-kepala h2{margin:0;font-size:17px;font-weight:900;color:#020733;flex:1;min-width:0;word-break:break-word}.tombol-ikon{flex:none;width:34px;height:34px;border:1px solid var(--garis);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;color:#52627c}.tombol-ikon:hover{background:var(--aksen-muda);border-color:var(--aksen)}.daftar-detail{margin:0}.daftar-detail .medan-detail{padding:12px 0;border-bottom:1px solid var(--garis)}.daftar-detail .medan-detail dt{font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#708993;margin:0 0 4px}.daftar-detail .medan-detail dd{margin:0;color:#21384b;font-size:15px;font-weight:700;line-height:21px;word-break:break-word}.kartu-data-terpilih{outline:2px solid var(--aksen);outline-offset:-2px;box-shadow:0 8px 20px #007a7c29}@media(min-width:900px){.daftar-kartu{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.kerja-modul.ada-detail .panel-daftar{display:block;flex:1.1}.kerja-modul.ada-detail .panel-detail{display:block;flex:none;width:clamp(380px,42%,620px);border-left:1px solid var(--garis);background:var(--kartu);position:sticky;top:60px;max-height:calc(100vh - 60px);overflow:auto}}@media(max-width:899px){.panel-daftar{padding:16px}.panel-detail-isi{padding:16px 16px 32px}.form-modul{padding:16px}.kisi-form{grid-template-columns:1fr}.input-beraksi{flex-direction:column}.aksi-form .tombol{flex:1;min-width:150px}}.kepala-modul{display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}.kepala-modul .judul-halaman{margin:0}.cap-update{flex:none;background:var(--aksen-muda);color:var(--aksen-gelap);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.cap-update-sibuk{position:relative;overflow:hidden;background:#fff4e5;color:#92400e}.cap-update-sibuk:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);animation:sapu-memuat 1.2s ease-in-out infinite}.cap-update:empty{display:none}@keyframes sapu-memuat{0%{transform:translate(-120%)}to{transform:translate(250%)}}.tombol-kembali{display:inline-flex;align-items:center;gap:5px;margin-bottom:14px;padding:7px 14px 7px 10px;border:1px solid var(--garis);border-radius:999px;background:var(--kartu);color:var(--aksen-gelap);font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 1px 2px #0f2f330d;transition:background .12s ease,border-color .12s ease,transform .12s ease}.tombol-kembali:hover{background:var(--aksen-muda);border-color:var(--aksen);transform:translate(-1px)}.tombol-kembali:focus-visible{outline:3px solid var(--aksen);outline-offset:2px}@media(max-width:520px){.kepala-modul{gap:6px 12px;margin-bottom:12px}.cap-update{padding:4px 11px;font-size:11.5px}}.kartu-kaki{align-items:center;justify-content:center;text-align:center;min-height:0;padding:12px 12px 14px}.kartu-judul{letter-spacing:.3px}.bilah-judul{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:25px;font-weight:900;line-height:1;letter-spacing:.8px;text-shadow:0 2px 10px rgba(0,44,52,.2);flex:none}.bilah-judul span,.bilah-judul strong{display:inline-block}.bilah-judul strong{padding:5px 8px 4px;border-radius:9px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff29;font-size:.78em;letter-spacing:.7px}.bilah-awal img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.lembar-kepala h2{flex:1;min-width:0}.halaman-profil{min-height:calc(100vh - 64px);display:grid;place-items:start center;padding:34px 18px}.profil-card{width:min(760px,100%);padding:28px;border:1px solid #D4EEF0;border-radius:26px;background:#ffffffeb;box-shadow:0 18px 50px #0f2f331f}.profil-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.profil-avatar{width:92px;height:92px;display:grid;place-items:center;flex:none;border:1px solid #CDEFF0;border-radius:28px;background:#e7fafa;color:var(--aksen-gelap);font-size:36px;font-weight:900;overflow:hidden}.profil-avatar img{width:100%;height:100%;object-fit:cover}.profil-head p{margin:0 0 5px;color:var(--tinta-lembut);font-size:13px;font-weight:900;letter-spacing:.06em}.profil-head h1{margin:0;color:var(--tinta);font-size:30px}.profil-head span{display:block;margin-top:6px;color:var(--tinta-lembut);font-weight:800}.profil-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profil-form label span,.profil-otp-channel>span{display:block;margin-bottom:6px;color:var(--tinta);font-size:13px;font-weight:900}.profil-otp-channel,.profil-submit,.profil-otp-form,.profil-actions{grid-column:1 / -1}.profil-otp-channel{padding:14px;border:1px solid #D9EEF0;border-radius:16px;background:#f8fefe}.profil-otp-channel div,.profil-actions{display:flex;flex-wrap:wrap;gap:10px}.profil-otp-channel button{min-width:118px;padding:10px 14px;border:1px solid #D9EEF0;border-radius:999px;background:#fff;color:var(--aksen-gelap);cursor:pointer;font-weight:900}.profil-otp-channel button.aktif{background:var(--aksen);color:#fff;border-color:var(--aksen)}.profil-otp-form{display:block}.profil-otp-form label{display:block;max-width:360px}.profil-actions{margin-top:14px}@media(max-width:720px){.profil-card{padding:20px;border-radius:22px}.profil-head{align-items:flex-start;flex-direction:column}.profil-form{grid-template-columns:1fr}}.laman-admin-login .kotak-login{gap:14px}.admin-auth-card h1{margin:0;color:var(--tinta);font-size:28px}.admin-auth-icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 4px;border-radius:24px;background:linear-gradient(135deg,#e7fafa,#fff);box-shadow:inset 0 0 0 1px #cdeff0}.kode-auth{text-align:center;font-size:30px;font-weight:900;letter-spacing:8px}.admin-page{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(7,143,164,.14),transparent 34%),linear-gradient(180deg,#f5fefe,#ecf7f8);color:var(--tinta)}.admin-topbar,.admin-card{max-width:1180px;margin:0 auto}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:28px;background:var(--aksen);color:#fff;box-shadow:0 18px 50px #078fa438}.admin-topbar span{display:block;margin-bottom:4px;font-weight:800;opacity:.8}.admin-topbar h1{margin:0;font-size:32px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-actions .tombol{box-shadow:none}.admin-actions .tombol.bahaya{background:#ffe4e4;color:#b42318}.admin-message{max-width:1180px;margin:18px auto 0}.admin-card{margin-top:22px;padding:22px;border:1px solid #D3ECEE;border-radius:24px;background:#ffffffdb;box-shadow:0 14px 36px #0f2f3314}.admin-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.admin-card-head p{margin:0 0 4px;color:var(--tinta-lembut);font-weight:900;letter-spacing:.06em}.admin-card-head h2{margin:0;font-size:26px}.admin-card-head span{padding:8px 13px;border-radius:999px;background:#e7fafa;color:var(--aksen-gelap);font-weight:900}.admin-table-wrap{overflow:auto;border:1px solid #D9EEF0;border-radius:18px}.admin-access-table{width:100%;min-width:840px;border-collapse:collapse;background:#fff}.admin-access-table th,.admin-access-table td{padding:14px 16px;border-bottom:1px solid #E1EFF1;text-align:left;vertical-align:middle}.admin-access-table th{position:sticky;top:0;z-index:1;background:#f2fbfc;color:var(--tinta-lembut);font-size:12px;font-weight:900;text-transform:uppercase}.admin-access-table tbody tr:hover{background:#f8fefe}.admin-check{width:42px;height:28px;display:inline-flex;align-items:center;cursor:pointer}.admin-check input{position:absolute;opacity:0;pointer-events:none}.admin-check span{position:relative;width:42px;height:24px;border-radius:999px;background:#dde9ec;transition:background .16s ease}.admin-check span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f2f3329;transition:transform .16s ease}.admin-check input:checked+span{background:var(--aksen)}.admin-check input:checked+span:after{transform:translate(18px)}.admin-user-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:22px}.admin-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-user-form label span,.admin-inline-check span{display:block;margin-bottom:6px;color:var(--tinta);font-size:13px;font-weight:900}.admin-user-form select.isian{appearance:none;background:#fff}.admin-inline-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #D9EEF0;border-radius:14px;background:#f8fefe}.admin-inline-check input{width:18px;height:18px;accent-color:var(--aksen)}.admin-inline-check span{margin:0}.admin-user-form .tombol{min-height:48px;align-self:end}.admin-user-list{padding:16px;border:1px solid #D9EEF0;border-radius:18px;background:#f8fefe}.admin-user-list h3{margin:0 0 12px;font-size:18px}.admin-user-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #DDEEEF}.admin-user-row:first-of-type{border-top:0;padding-top:0}.admin-user-row strong,.admin-user-row span{display:block}.admin-user-row span{margin-top:3px;color:var(--tinta-lembut);font-size:12px;font-weight:800}.admin-user-row em{align-self:flex-start;padding:4px 9px;border-radius:999px;background:#dff8ea;color:#137a42;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.admin-user-row em.mati{background:#ffe4e4;color:#b42318}.admin-secret-box{margin-top:14px;padding:14px;border-radius:16px;background:#fff8e8;color:#7a4a00}.admin-secret-box strong,.admin-secret-box code,.admin-secret-box p{display:block}.admin-secret-box code{margin:9px 0;padding:10px;border-radius:10px;background:#fff;color:var(--tinta);font-size:16px;font-weight:900;overflow-wrap:anywhere}.admin-secret-box p{margin:0;font-size:13px;font-weight:800}@media(max-width:760px){.admin-page{padding:14px}.admin-topbar{align-items:flex-start;flex-direction:column;border-radius:22px}.admin-topbar h1{font-size:25px}.admin-actions{width:100%;justify-content:stretch}.admin-actions .tombol{flex:1}.admin-card{padding:14px;border-radius:20px}.admin-user-grid,.admin-user-form{grid-template-columns:1fr}}