:root{--hijau-900: #123528;--hijau-800: #1b4d3e;--hijau-700: #24634f;--hijau-600: #2f7c62;--hijau-500: #3f9a7b;--hijau-100: #dcece5;--hijau-50: #eff6f2;--emas-600: #8a6318;--emas-500: #b07d2b;--emas-100: #f4e9d4;--kertas: #faf7f2;--kertas-2: #f3efe7;--putih: #ffffff;--teks: #1a1f1d;--teks-2: #5b665f;--teks-3: #8d968f;--garis: #e4ddd1;--garis-2: #eee9df;--merah: #a83a2c;--merah-100: #fbeae7;--biru: #245f83;--biru-100: #e6eff5;--kuning: #8a6318;--kuning-100: #f7eeda;--ungu: #5c4785;--ungu-100: #eee9f7;--abu-100: #edeae3;--bayang: 0 1px 2px rgba(26,31,29,.04), 0 6px 20px rgba(26,31,29,.05);--bayang-2: 0 2px 4px rgba(26,31,29,.05), 0 12px 32px rgba(26,31,29,.08);--radius: 10px;--serif: "Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--kertas);color:var(--teks);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.kerangka{display:flex;min-height:100vh}.sisi{width:242px;flex-shrink:0;background:var(--kertas-2);color:var(--teks);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--garis)}.sisi-merek{padding:20px 18px 16px;display:flex;align-items:center;gap:11px}.sisi-merek .tanda{color:var(--hijau-800);flex-shrink:0}.sisi-merek h1{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.15}.sisi-merek p{font-size:10.5px;color:var(--emas-600);margin-top:2px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sisi-grup{padding:16px 18px 5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--teks-3)}.sisi nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--teks-2);transition:.13s}.sisi nav a:hover{background:#24634f14;color:var(--hijau-800)}.sisi nav a.aktif{background:var(--hijau-800);color:#fff;font-weight:600}.sisi nav a svg{flex-shrink:0;opacity:.85}.sisi nav a.aktif svg{opacity:1}.sisi-kaki{margin-top:auto;padding:14px 16px;border-top:1px solid var(--garis)}.sisi-kaki .orang{display:flex;align-items:center;gap:10px}.sisi-kaki .inisial{width:32px;height:32px;border-radius:9px;background:var(--hijau-800);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12.5px;flex-shrink:0}.sisi-kaki .nama{font-weight:600;font-size:13px;line-height:1.2}.sisi-kaki .peran{color:var(--teks-3);font-size:11px}.sisi-kaki button{margin-top:10px;width:100%;background:transparent;color:var(--teks-2);border:1px solid var(--garis);padding:7px;border-radius:8px;cursor:pointer;font-weight:600;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:7px}.sisi-kaki button:hover{background:var(--merah-100);color:var(--merah);border-color:#eccdc7}.kerangka>.utama{flex:1;min-width:0;display:flex;flex-direction:column}.puncak{background:#faf7f2e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--garis);padding:15px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20}.puncak h2{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.3px}.puncak .sub{font-size:12.5px;color:var(--teks-2);margin-top:1px}.isi{padding:22px 26px 44px;flex:1}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang)}.kartu-kepala{padding:14px 18px;border-bottom:1px solid var(--garis);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kartu-kepala h3{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:-.1px}.kartu-kepala .sub{font-size:12px;color:var(--teks-2);font-weight:400}.kartu-isi{padding:18px}.kartu-isi.rapat{padding:0}.grid-stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:16px;box-shadow:var(--bayang)}.stat .label{font-size:12px;color:var(--teks-2);font-weight:500;display:flex;align-items:center;gap:6px}.stat .nilai{font-family:var(--serif);font-size:24px;font-weight:600;margin-top:5px;letter-spacing:-.6px}.stat .kaki{font-size:11.5px;color:var(--teks-3);margin-top:4px}.stat.hijau .nilai{color:var(--hijau-700)}.stat.emas .nilai{color:var(--emas-600)}.stat.merah .nilai{color:var(--merah)}.stat.biru .nilai{color:var(--biru)}.tabel-bungkus{overflow-x:auto}.tabel-bungkus>table.tabel{min-width:100%;width:auto}table.tabel{width:100%;border-collapse:collapse;font-size:13px}table.tabel th{text-align:left;padding:10px 14px;background:var(--kertas-2);color:var(--teks-2);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--garis);white-space:nowrap}table.tabel td{padding:10px 14px;border-bottom:1px solid var(--garis);vertical-align:middle}table.tabel tbody tr:hover{background:var(--kertas)}table.tabel tbody tr:last-child td{border-bottom:0}table.tabel .ka{text-align:right}table.tabel .tg{text-align:center}table.tabel .angka{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}table.tabel tr.total td{font-weight:700;background:var(--hijau-50);border-top:2px solid var(--hijau-600)}table.tabel tr.sub-total td{font-weight:600;background:#fbfcfc}table.tabel tr.grup td{font-weight:700;background:var(--abu-100);font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--teks-2)}.kosong{padding:40px 20px;text-align:center;color:var(--teks-3)}.kosong .emo{font-size:34px;display:block;margin-bottom:8px;opacity:.6}.tbl{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid var(--garis);background:var(--putih);color:var(--teks);font-weight:600;font-size:13px;cursor:pointer;transition:.15s;white-space:nowrap}.tbl:hover{border-color:var(--hijau-600);color:var(--hijau-700)}.tbl:disabled{cursor:not-allowed;background:var(--kertas-2);border-color:var(--garis);color:var(--teks-3)}.tbl.utama{background:var(--hijau-700);border-color:var(--hijau-700);color:#fff}.tbl.utama:hover{background:var(--hijau-800);color:#fff}.tbl.emas{background:var(--emas-500);border-color:var(--emas-500);color:#3a2c07}.tbl.emas:hover{background:var(--emas-600);color:#fff}.tbl.bahaya{background:var(--merah-100);border-color:#f3c6c0;color:var(--merah)}.tbl.bahaya:hover{background:var(--merah);color:#fff;border-color:var(--merah)}.tbl.kecil{padding:5px 10px;font-size:12px;border-radius:7px}.tbl:disabled,.tbl.utama:disabled,.tbl.emas:disabled,.tbl.bahaya:disabled{background:var(--kertas-2);border-color:var(--garis);color:var(--teks-3);cursor:not-allowed}.lencana{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.lencana.hijau{background:var(--hijau-100);color:var(--hijau-700)}.lencana.emas{background:var(--emas-100);color:var(--emas-600)}.lencana.merah{background:var(--merah-100);color:var(--merah)}.lencana.biru{background:var(--biru-100);color:var(--biru)}.lencana.kuning{background:var(--kuning-100);color:var(--kuning)}.lencana.ungu{background:var(--ungu-100);color:var(--ungu)}.lencana.abu{background:var(--abu-100);color:var(--teks-2)}.baris-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.medan{display:flex;flex-direction:column;gap:5px}.medan>label{font-size:12.5px;font-weight:600;color:var(--teks-2)}.medan input,.medan select,.medan textarea{padding:9px 11px;border:1px solid var(--garis);border-radius:9px;background:var(--putih);color:var(--teks);outline:none;transition:.15s;width:100%}.medan input:focus,.medan select:focus,.medan textarea:focus{border-color:var(--hijau-600);box-shadow:0 0 0 3px var(--hijau-100)}.medan input[readonly]{background:#f6f8f7;color:var(--teks-2)}.medan .bantuan{font-size:11.5px;color:var(--teks-3)}.medan.angka input{text-align:right;font-variant-numeric:tabular-nums}.saring{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.saring .medan{min-width:140px}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:#06342c73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--putih);border-radius:14px;width:100%;max-width:560px;box-shadow:0 20px 60px #00000040;animation:naik .18s ease}.modal.lebar{max-width:940px}.modal.sedang{max-width:740px}@keyframes naik{0%{opacity:0;transform:translateY(12px)}}.modal-kepala{padding:16px 20px;border-bottom:1px solid var(--garis);display:flex;justify-content:space-between;align-items:center}.modal-kepala h3{font-size:15.5px;font-weight:700}.modal-kepala button{background:none;border:0;font-size:20px;cursor:pointer;color:var(--teks-3);line-height:1}.modal-isi{padding:20px}.modal-kaki{padding:14px 20px;border-top:1px solid var(--garis);display:flex;justify-content:flex-end;gap:10px;background:#fbfcfc;border-radius:0 0 14px 14px}.pesan-tumpuk{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.pesan{background:var(--putih);border-left:4px solid var(--hijau-600);padding:12px 16px;border-radius:9px;box-shadow:0 6px 24px #00000024;font-size:13px;font-weight:500;min-width:260px;max-width:400px;animation:geser .2s ease}.pesan.galat{border-left-color:var(--merah)}@keyframes geser{0%{opacity:0;transform:translate(20px)}}.info{padding:11px 14px;border-radius:10px;font-size:12.5px;display:flex;gap:9px;align-items:flex-start}.info.hijau{background:var(--hijau-50);color:var(--hijau-800)}.info.kuning{background:var(--kuning-100);color:var(--kuning)}.info.merah{background:var(--merah-100);color:var(--merah)}.info.biru{background:var(--biru-100);color:var(--biru)}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--garis);margin-bottom:18px;overflow-x:auto}.tab-bar button{background:none;border:0;padding:10px 15px;font-weight:600;font-size:13px;color:var(--teks-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab-bar button.aktif{color:var(--hijau-700);border-bottom-color:var(--hijau-600)}.masuk-layar{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:var(--kertas);background-image:repeating-linear-gradient(45deg,rgba(27,77,62,.045) 0 1px,transparent 1px 34px),repeating-linear-gradient(-45deg,rgba(27,77,62,.045) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(176,125,43,.035) 0 1px,transparent 1px 68px),repeating-linear-gradient(90deg,rgba(176,125,43,.035) 0 1px,transparent 1px 68px)}.masuk-kotak{width:100%;max-width:396px}.masuk-kepala{text-align:center;margin-bottom:26px}.masuk-kepala .tanda{color:var(--hijau-800);display:inline-block}.masuk-kepala h1{font-family:var(--serif);font-size:31px;font-weight:600;letter-spacing:-.9px;margin-top:12px;color:var(--hijau-900)}.masuk-kepala .garis-hias{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:9px;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--emas-600)}.masuk-kepala .garis-hias:before,.masuk-kepala .garis-hias:after{content:"";height:1px;width:30px;background:linear-gradient(90deg,transparent,var(--emas-500))}.masuk-kepala .garis-hias:after{background:linear-gradient(90deg,var(--emas-500),transparent)}.masuk-kartu{background:var(--putih);border:1px solid var(--garis);border-radius:14px;padding:28px 26px 24px;box-shadow:var(--bayang-2)}.masuk-kartu>p.ajakan{font-size:13.5px;color:var(--teks-2);margin-bottom:20px}.masuk-kartu .medan{margin-bottom:15px}.masuk-kartu .medan>label{font-size:12px;letter-spacing:.3px;text-transform:uppercase;font-weight:700;color:var(--teks-3)}.masuk-kartu .medan input{padding:11px 13px;font-size:14.5px;border-radius:9px}.masuk-kartu .tbl{width:100%;justify-content:center;padding:12px;margin-top:4px;font-size:14px}.akun-demo{margin-top:18px;border-top:1px dashed var(--garis);padding-top:14px}.akun-demo summary{cursor:pointer;font-size:12.5px;color:var(--teks-2);font-weight:600;list-style:none;display:flex;align-items:center;gap:6px}.akun-demo summary::-webkit-details-marker{display:none}.akun-demo summary:before{content:"+";color:var(--emas-600);font-weight:700}.akun-demo[open] summary:before{content:"−"}.akun-demo table{width:100%;margin-top:10px;font-size:12px;border-collapse:collapse}.akun-demo td{padding:4px 0;color:var(--teks-2)}.akun-demo td:first-child{font-weight:600;color:var(--teks)}.akun-demo button{background:none;border:0;padding:0;font:inherit;color:var(--hijau-700);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.masuk-kaki{text-align:center;margin-top:20px;font-size:11.5px;color:var(--teks-3)}.papan-kepala{background:var(--hijau-900);color:#eaf2ee;border-radius:14px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;position:relative;overflow:hidden}.papan-kepala:after{content:"";position:absolute;right:-110px;top:-90px;width:260px;height:260px;border:1px solid rgba(176,125,43,.16);transform:rotate(45deg);border-radius:46px;pointer-events:none}.papan-kepala .salam{font-size:12.5px;color:#9bbcae;font-weight:600;letter-spacing:.3px}.papan-kepala h3{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-.5px;margin-top:3px;color:#fff}.papan-kepala .ringkas{display:flex;gap:34px;position:relative;z-index:1}.papan-kepala .ringkas div span{display:block;font-size:11px;color:#9bbcae;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.papan-kepala .ringkas div strong{font-family:var(--serif);font-size:30px;font-weight:600;color:#fff;letter-spacing:-1px}.papan-kepala .ringkas div em{font-style:normal;font-size:12px;color:#9bbcae;margin-left:4px}.jadwal-lajur{display:flex;flex-direction:column}.jadwal-butir{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--garis-2)}.jadwal-butir:last-child{border-bottom:0;padding-bottom:0}.jadwal-butir:first-child{padding-top:0}.jadwal-jam{width:56px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;color:var(--hijau-800);padding-top:1px}.jadwal-jam small{display:block;font-size:10.5px;color:var(--teks-3);font-weight:600}.jadwal-isi{flex:1;min-width:0}.jadwal-isi .anak{font-weight:700;font-size:14.5px;letter-spacing:-.2px}.jadwal-isi .anak a{color:var(--teks)}.jadwal-isi .anak a:hover{color:var(--hijau-700)}.jadwal-isi .rinci{font-size:12.5px;color:var(--teks-2);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px 14px}.jadwal-isi .rinci span{display:inline-flex;align-items:center;gap:4px}.jadwal-isi .paket{margin-top:7px;display:flex;flex-wrap:wrap;gap:5px}.jadwal-isi .paket b{font-size:11.5px;font-weight:600;background:var(--kertas-2);border:1px solid var(--garis);padding:2px 8px;border-radius:6px;color:var(--teks-2)}.jadwal-kanan{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.jadwal-kanan .nilai{font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}.tindakan-butir{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--garis-2);cursor:pointer}.tindakan-butir:last-child{border-bottom:0}.tindakan-butir .lampu{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--kuning-100);color:var(--kuning)}.tindakan-butir.gawat .lampu{background:var(--merah-100);color:var(--merah)}.tindakan-butir .teks{flex:1;min-width:0;font-size:13px;font-weight:500}.tindakan-butir .teks em{display:block;font-style:normal;font-size:11.5px;color:var(--teks-3)}.tindakan-butir .panah{color:var(--teks-3)}.tindakan-butir:hover .teks{color:var(--hijau-700)}.batang-laba{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--abu-100)}.batang-laba span{display:block;height:100%}.batang-kunci{display:flex;flex-direction:column;gap:9px;margin-top:14px}.batang-kunci>div{display:flex;align-items:center;gap:9px;font-size:12.5px}.batang-kunci i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.batang-kunci .ket{flex:1;color:var(--teks-2)}.batang-kunci .jml{font-weight:700;font-variant-numeric:tabular-nums}.angka-besar{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.1}.baris-ringkas{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--garis-2);font-size:13px}.baris-ringkas:last-child{border-bottom:0}.baris-ringkas span{color:var(--teks-2)}.baris-ringkas strong{font-variant-numeric:tabular-nums}@media print{.sisi,.puncak,.tbl,.saring,.tab-bar{display:none!important}.isi{padding:0}.kartu{border:0;box-shadow:none}body{background:#fff}}@media(max-width:1000px){.masuk-layar{grid-template-columns:1fr}.masuk-kiri{display:none}.sisi{position:fixed;z-index:50;transform:translate(-100%);transition:.2s}.sisi.buka{transform:none}}@media(max-width:1100px){.dua-kolom{grid-template-columns:1fr!important}}@media(max-width:1000px){.buka-sisi{display:inline-flex!important}}.dlg-tirai{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:24px;background:#12352861;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dlg-kabut .16s ease both}@keyframes dlg-kabut{0%{opacity:0}}.dlg-kotak{width:100%;max-width:412px;background:var(--putih);border-radius:16px;box-shadow:0 24px 64px #12352842,0 2px 8px #1235281a;overflow:hidden;position:relative;animation:dlg-naik .22s cubic-bezier(.16,1,.3,1) both}@keyframes dlg-naik{0%{opacity:0;transform:translateY(14px) scale(.965)}}.dlg-kotak:before{content:"";position:absolute;inset:0 0 auto 0;height:3px}.dlg-kotak.sukses:before{background:var(--hijau-600)}.dlg-kotak.galat:before,.dlg-kotak.bahaya:before{background:var(--merah)}.dlg-kotak.peringatan:before{background:var(--emas-500)}.dlg-kotak.utama:before{background:var(--hijau-800)}.dlg-isi{padding:30px 28px 22px;text-align:center}.dlg-isi h3{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.4px;margin-top:16px;color:var(--teks)}.dlg-isi p{font-size:13.5px;color:var(--teks-2);margin-top:8px;line-height:1.6}.dlg-ring{width:62px;height:62px;margin:0 auto;border-radius:50%;display:grid;place-items:center;position:relative}.dlg-ring svg{width:30px;height:30px;position:relative}.dlg-ring:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1.5px solid currentColor;opacity:.18;animation:dlg-denyut .5s cubic-bezier(.16,1,.3,1) both}@keyframes dlg-denyut{0%{transform:scale(.55);opacity:0}}.dlg-ring.sukses{background:var(--hijau-100);color:var(--hijau-700)}.dlg-ring.galat,.dlg-ring.bahaya{background:var(--merah-100);color:var(--merah)}.dlg-ring.peringatan{background:var(--kuning-100);color:var(--kuning)}.dlg-ring.utama{background:var(--hijau-50);color:var(--hijau-800)}.dlg-ring .gores{stroke-dasharray:68;stroke-dashoffset:68;animation:dlg-gores .42s .12s cubic-bezier(.65,0,.35,1) forwards}.dlg-ring .gores.lambat{animation-delay:.26s}@keyframes dlg-gores{to{stroke-dashoffset:0}}.dlg-rincian{margin-top:16px;text-align:left;background:var(--kertas);border:1px solid var(--garis);border-radius:10px;padding:4px 14px}.dlg-rincian>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:8px 0;font-size:13px;border-bottom:1px solid var(--garis-2)}.dlg-rincian>div:last-child{border-bottom:0}.dlg-rincian span{color:var(--teks-2);flex-shrink:0}.dlg-rincian strong{font-variant-numeric:tabular-nums;text-align:right;word-break:break-word}.dlg-rincian>div.tebal{border-top:1px solid var(--garis);margin-top:-1px}.dlg-rincian>div.tebal span,.dlg-rincian>div.tebal strong{font-weight:700;color:var(--teks)}.dlg-catatan{margin-top:14px;text-align:left;font-size:12.5px;line-height:1.55;background:var(--kuning-100);color:var(--kuning);border-radius:9px;padding:10px 13px}.dlg-kaki{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--garis-2)}.dlg-kaki.tunggal{grid-template-columns:1fr}.dlg-kaki .tbl{justify-content:center;padding:10px;font-size:13.5px}.tbl.bahaya-padat{background:var(--merah);border-color:var(--merah);color:#fff}.tbl.bahaya-padat:hover{background:#8f2f23;border-color:#8f2f23;color:#fff}.dlg-kaki .tbl:focus-visible{outline:2px solid var(--hijau-600);outline-offset:2px}.dlg-hitung{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--garis-2)}.dlg-hitung i{display:block;height:100%;background:var(--hijau-600);animation:dlg-susut linear forwards}@keyframes dlg-susut{0%{width:100%}to{width:0}}@media(prefers-reduced-motion:reduce){.dlg-tirai,.dlg-kotak,.dlg-ring:after,.dlg-ring .gores{animation:none}.dlg-ring .gores{stroke-dashoffset:0}}.cetak-layar{background:#e9e6df;min-height:100vh;padding:24px 16px 60px}.cetak-alat{max-width:210mm;margin:0 auto 18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--putih);border:1px solid var(--garis);border-radius:10px;padding:12px 16px;box-shadow:var(--bayang)}.cetak-alat h4{font-family:var(--serif);font-size:15px;font-weight:600;flex:1}.lembar{width:210mm;min-height:297mm;margin:0 auto 18px;background:#fff;padding:16mm 15mm;box-shadow:0 4px 24px #00000024;color:#1a1f1d;position:relative}.lembar.setengah{min-height:148mm}.lembar.mendatar{width:297mm;min-height:210mm}.dok-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid var(--hijau-800);padding-bottom:12px}.dok-kop .nama{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--hijau-900);letter-spacing:-.4px}.dok-kop .slogan{font-size:11px;color:var(--emas-600);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dok-kop .alamat{font-size:11.5px;color:#5b665f;margin-top:5px;line-height:1.5;max-width:82mm}.dok-kop .judul{text-align:right}.dok-kop .judul h2{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.5px}.dok-kop .judul .nomor{font-size:12px;color:#5b665f;margin-top:3px;font-variant-numeric:tabular-nums}.dok-blok{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px;font-size:12px}.dok-blok h5{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8d968f;margin-bottom:5px;font-weight:700}.dok-blok .isi{line-height:1.6}.dok-blok .isi b{display:block;font-size:13px}table.dok{width:100%;border-collapse:collapse;margin-top:16px;font-size:12px}table.dok th{background:#f3efe7;text-align:left;padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d9d2c4}table.dok td{padding:8px 10px;border-bottom:1px solid #eee9df;vertical-align:top}table.dok .ka{text-align:right;font-variant-numeric:tabular-nums}table.dok tr.jumlah td{border-bottom:0;padding:4px 10px}table.dok tr.akhir td{border-top:2px solid var(--hijau-800);font-weight:700;font-size:13.5px;padding-top:8px}.dok-terbilang{margin-top:12px;font-size:11.5px;font-style:italic;color:#5b665f;background:#faf8f4;border-left:3px solid var(--emas-500);padding:8px 12px}.dok-catatan{margin-top:14px;font-size:11.5px;color:#5b665f;line-height:1.6}.dok-ttd{display:flex;justify-content:space-between;margin-top:34px;font-size:12px;text-align:center}.dok-ttd>div{width:62mm}.dok-ttd .garis{margin-top:52px;border-top:1px solid #8d968f;padding-top:5px}.dok-kaki{position:absolute;left:15mm;right:15mm;bottom:10mm;text-align:center;font-size:10px;color:#8d968f;border-top:1px solid #eee9df;padding-top:7px}.kuitansi-nilai{margin-top:14px;display:inline-block;background:var(--hijau-900);color:#fff;padding:9px 20px;border-radius:8px;font-family:var(--serif);font-size:21px;font-weight:600}.label-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm}.label-kotak{border:1px dashed #b9b1a0;border-radius:6px;padding:7mm 5mm;text-align:center;height:40mm;display:flex;flex-direction:column;justify-content:center;page-break-inside:avoid}.label-kotak .usaha{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--emas-600);font-weight:700}.label-kotak .anak{font-family:var(--serif);font-size:15px;font-weight:600;margin-top:4px;line-height:1.2}.label-kotak .doa{font-size:9.5px;color:#5b665f;margin-top:4px;font-style:italic}.label-kotak .kaki{font-size:9px;color:#8d968f;margin-top:5px}.sertifikat{text-align:center;padding:14mm 18mm;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.sertifikat:before{content:"";position:absolute;top:8mm;right:8mm;bottom:8mm;left:8mm;border:2px solid var(--hijau-800);border-radius:4mm;pointer-events:none}.sertifikat:after{content:"";position:absolute;top:10mm;right:10mm;bottom:10mm;left:10mm;border:1px solid var(--emas-500);border-radius:3mm;pointer-events:none}.sertifikat .bismillah{font-size:19px;color:var(--emas-600);letter-spacing:1px}.sertifikat h1{font-family:var(--serif);font-size:33px;font-weight:600;letter-spacing:1px;color:var(--hijau-900);margin-top:8px}.sertifikat .anak-nama{font-family:var(--serif);font-size:40px;font-weight:600;color:var(--hijau-800);margin:6px 0 4px;letter-spacing:-.5px}.sertifikat .anak-nasab{font-family:var(--serif);font-size:19px;font-style:italic;color:var(--emas-600);margin:-2px 0 6px}.sertifikat .halal{margin:12px auto 0;max-width:78%;padding:9px 14px;border:1px solid var(--emas-100);border-radius:8px;background:#fdfaf3}.sertifikat .halal-judul{font-size:9.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--emas-600);font-weight:700}.sertifikat .halal-isi{font-size:11.5px;color:#3f4a44;line-height:1.55;margin-top:3px}.sertifikat .rincian{font-size:13px;color:#3d4a44;line-height:2;margin-top:10px}.sertifikat .hadis{font-size:11.5px;font-style:italic;color:#5b665f;margin-top:14px;max-width:150mm;margin-left:auto;margin-right:auto;line-height:1.7}.sertifikat .ttd{margin-top:20px;font-size:12px}.sertifikat .hias{color:var(--emas-500);font-size:15px;letter-spacing:6px;margin:10px 0}@media print{@page{size:A4 portrait;margin:0}@page mendatar{size:A4 landscape}body{background:#fff!important}.cetak-layar{background:#fff;padding:0}.cetak-alat{display:none!important}.lembar{width:auto;min-height:auto;margin:0;padding:14mm 13mm;box-shadow:none;page-break-after:always}.lembar:last-child{page-break-after:auto}}.publik{min-height:100vh;background:var(--kertas)}.publik-kop{background:var(--hijau-900);color:#eaf2ee;padding:22px 32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.publik-kop .tanda{color:var(--emas-500)}.publik-kop h1{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.4px}.publik-kop p{font-size:12.5px;color:#9bbcae}.publik-kop .hubungi{margin-left:auto;text-align:right;font-size:12.5px;line-height:1.6}.publik-isi{max-width:1180px;margin:0 auto;padding:30px 24px 50px;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.publik-judul{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.3px;margin-bottom:14px}.paket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.paket-kartu{background:var(--putih);border:1px solid var(--garis);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:5px;transition:.15s}.paket-kartu.terpilih{border-color:var(--hijau-600);box-shadow:0 0 0 3px var(--hijau-100)}.paket-kartu .nama{font-weight:700;font-size:14.5px;letter-spacing:-.2px;line-height:1.35}.paket-kartu .porsi{font-size:11.5px;color:var(--emas-600);font-weight:600}.paket-kartu .ket{font-size:12px;color:var(--teks-2)}.paket-kartu .harga{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--hijau-800);margin-top:auto;padding-top:8px}.paket-kartu.ringkas .harga{font-size:16px}.paket-kartu .atur{display:flex;align-items:center;gap:10px;margin-top:8px}.paket-kartu .atur button{width:30px;height:30px;border-radius:8px;border:1px solid var(--garis);background:var(--kertas);font-size:16px;cursor:pointer;color:var(--hijau-800);font-weight:700}.paket-kartu .atur button:hover:not(:disabled){background:var(--hijau-100);border-color:var(--hijau-600)}.paket-kartu .atur button:disabled{opacity:.4;cursor:not-allowed}.paket-kartu .atur span{font-weight:700;min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.publik-form{background:var(--putih);border:1px solid var(--garis);border-radius:12px;padding:20px;position:sticky;top:22px;box-shadow:var(--bayang)}.publik-form .medan{margin-bottom:12px}.publik-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--hijau-800);padding-top:12px;margin:16px 0 12px}.publik-total strong{font-family:var(--serif);font-size:22px;color:var(--hijau-800)}.publik-kaki{text-align:center;padding:20px;font-size:12px;color:var(--teks-3);border-top:1px solid var(--garis)}@media(max-width:900px){.publik-isi{grid-template-columns:1fr}.publik-form{position:static}}.pemilih-unit{display:inline-flex;gap:2px;background:var(--kertas-2);padding:3px;border-radius:10px;border:1px solid var(--garis)}.pemilih-unit button{border:1px solid transparent;background:transparent;color:var(--teks-2);padding:5px 12px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.13s}.pemilih-unit button:hover{color:var(--teks);background:#0000000a}.pemilih-unit button.aktif{color:#fff}.pemilih-unit button.gabung.aktif{background:var(--teks);border-color:var(--teks)}.lencana-unit{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:5px;border:1px solid;white-space:nowrap}.papan-kepala .pemilih-unit{background:#ffffff1a;border-color:#ffffff29}.papan-kepala .pemilih-unit button{color:#b9d6cd}.papan-kepala .pemilih-unit button.aktif{color:#fff}.pemilih-unit.regional button{font-variant-numeric:tabular-nums;letter-spacing:.4px;padding:5px 10px}td.aksi-sel{white-space:nowrap}td.aksi-sel>*{margin-right:6px}td.aksi-sel>*:last-child{margin-right:0}.tautan{background:none;border:0;padding:0;cursor:pointer;color:var(--hijau-700);font:inherit}.tautan:hover{text-decoration:underline}.dapur{min-height:100vh;background:#14180f;color:#f4f1e8;padding:20px 24px 40px;font-family:var(--sans, system-ui, sans-serif)}.dapur-atas{display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid #2f3626;padding-bottom:14px}.dapur-atas h1{font-family:var(--serif);font-size:30px;margin:0;letter-spacing:-.3px;color:#f8f5ec}.dapur-sub{color:#9aa38c;font-size:13px;margin-top:3px}.dapur-jam{margin-left:auto;font-size:34px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.dapur-tbl{align-self:center;background:#2a3320;color:#dfe6cf;border:1px solid #3d4a2c;padding:9px 14px;border-radius:8px;cursor:pointer;font-size:13px}.dapur-tbl:hover{background:#364226}.dapur-galat{margin:16px 0;padding:12px 16px;background:#4a1f1a;border-radius:8px;color:#ffd9d2}.dapur-kosong{padding:70px 20px;text-align:center;color:#8e977f;font-size:19px}.dapur-ringkas{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0 6px}.dapur-ringkas>div{color:#9aa38c;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.dapur-ringkas span{display:block;font-size:40px;font-weight:700;color:#f4f1e8;letter-spacing:-1px}.dapur-ringkas .perlu span{color:#ffbe5c}.dapur-ringkas .siap span{color:#8fd39a}.dapur-ringkas .waspada span{color:#ff9b8a}.dapur-rekap{margin:22px 0;background:#1c2216;border:1px solid #2f3626;border-radius:12px;padding:14px 18px}.dapur-rekap h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9aa38c;margin:0 0 10px}.dapur-rekap-isi{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:17px}.dapur-rekap-isi b{font-size:21px;color:#ffd479}.dapur-rekap-isi em{color:#9aa38c;font-style:normal;font-size:14px}.dapur-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:18px}.dapur-kartu{background:#fdfbf5;color:#1a1f1d;border-radius:12px;border-top:6px solid;padding:14px 16px 12px}.dapur-kartu-atas{display:flex;align-items:center;justify-content:space-between}.dapur-jam-kirim{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.dapur-status{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.dapur-nomor{font-size:12px;color:#8d968f;margin-top:2px;font-variant-numeric:tabular-nums}.dapur-nama{font-size:21px;font-weight:700;margin-top:4px;line-height:1.2}.dapur-anak{font-size:14px;color:#5b665f;font-style:italic}.dapur-baris{list-style:none;margin:11px 0 0;padding:11px 0 0;border-top:1px dashed #ded7c9;font-size:17px}.dapur-baris li{padding:3px 0}.dapur-baris b{font-size:20px;color:#8a4b00}.dapur-alamat{margin-top:9px;font-size:13px;color:#5b665f;line-height:1.45}.dapur-catatan{margin-top:7px;font-size:13.5px;background:#fff3e0;color:#8a4b00;padding:6px 9px;border-radius:7px}.dapur-kaki{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}.dapur-lunas{font-size:12px;font-weight:700;color:#1b5e20;background:#e8f5e9;padding:3px 9px;border-radius:20px}.dapur-belum{font-size:12px;font-weight:700;color:#a83a2c;background:#fbeae7;padding:3px 9px;border-radius:20px}@media(max-width:700px){.dapur-atas{flex-wrap:wrap}.dapur-jam{font-size:26px}.dapur-kisi{grid-template-columns:1fr}}.bukti-terima{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}.bukti-bagian>label{display:block;font-size:11.5px;font-weight:600;color:var(--teks-2);margin-bottom:6px}.bukti-foto{width:100%;max-height:190px;object-fit:cover;border-radius:9px;border:1px solid var(--garis)}.bukti-kosong{height:120px;border:1px dashed var(--garis);border-radius:9px;display:grid;place-items:center;color:var(--teks-3);font-size:12.5px;background:var(--kertas)}.bukti-ttd{width:100%;height:130px;background:#fff;border:1px dashed var(--garis);border-radius:9px;touch-action:none;cursor:crosshair}.ppn-pilih{border:1px dashed var(--garis);border-radius:10px;padding:10px;background:var(--kertas-2, #fbfaf7)}.ppn-tombol{display:flex;gap:8px}.ppn-tombol .tbl{flex:1;justify-content:center}.ppn-ket{font-size:12px;color:var(--teks-2);margin-top:7px;line-height:1.45}.pemilih-terikat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--garis);border-radius:999px;background:var(--kertas-2);color:var(--teks-2);font-size:12.5px;font-weight:600;white-space:nowrap}.lonceng{position:relative}.lonceng-tbl{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--garis);background:var(--putih);color:var(--teks-2);cursor:pointer;transition:border-color .15s,color .15s}.lonceng-tbl:hover{border-color:var(--hijau-600);color:var(--hijau-700)}.lonceng-tbl.gawat{border-color:var(--merah);color:var(--merah)}.lonceng-angka{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hijau-700);color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center}.lonceng-tbl.gawat .lonceng-angka{background:var(--merah)}.lonceng-panel{position:absolute;top:42px;right:0;z-index:60;width:330px;background:var(--putih);border:1px solid var(--garis);border-radius:12px;box-shadow:0 14px 40px #18201c29;overflow:hidden}.lonceng-kepala{display:flex;justify-content:space-between;align-items:baseline;padding:11px 14px;border-bottom:1px solid var(--garis-2);font-size:12.5px;font-weight:700;color:var(--teks)}.lonceng-kepala span{font-weight:500;color:var(--teks-3);font-size:11.5px}.lonceng-kosong{padding:22px 14px;text-align:center;color:var(--teks-3);font-size:12.5px;line-height:1.5}.lonceng-baris{display:flex;gap:11px;align-items:flex-start;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--garis-2);background:none;text-align:left;cursor:pointer;font:inherit}.lonceng-baris:last-child{border-bottom:0}.lonceng-baris:hover{background:var(--kertas)}.lonceng-baris strong{display:block;font-size:12.5px;color:var(--teks)}.lonceng-ringkas{display:block;font-size:11.5px;color:var(--teks-3);margin-top:2px}.lonceng-jumlah{flex-shrink:0;min-width:24px;height:24px;padding:0 6px;border-radius:7px;background:var(--kertas-2);color:var(--teks-2);font-size:12px;font-weight:700;line-height:24px;text-align:center}.lonceng-baris.gawat .lonceng-jumlah{background:#fdecec;color:var(--merah)}