:root{--jp-aksen:#3b5bdb;--jp-aksen-rgb:59, 91, 219;--jp-aksen-tekan:#2f4bc0;--jp-aksen-teks:#3b5bdb;--jp-aksen-teks-rgb:59, 91, 219;--jp-aksen-teks-tekan:#324dba;--jp-aksen-terang-rgb:131, 152, 233;--jp-aksen-gelap:#233783;--jp-aksen-kedua:#7048e8;--jp-aksen-tulis:var(--jp-aksen-teks);--jp-kartu:#fff;--jp-sidebar-lebar:260px;--jp-header-tinggi:56px;--bs-font-sans-serif:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-body-font-size:.9375rem;--bs-body-bg:#f4f6fb;--bs-body-color:#1a2238;--bs-secondary-color:#1a2238a6;--bs-border-color:#e5e8f0;--bs-border-radius:.625rem;--bs-border-radius-sm:.5rem;--bs-border-radius-lg:.875rem;--bs-primary:var(--jp-aksen);--bs-primary-rgb:var(--jp-aksen-rgb);--bs-link-color:var(--jp-aksen-tulis);--bs-link-color-rgb:var(--jp-aksen-teks-rgb);--bs-link-hover-color:var(--jp-aksen-teks-tekan);--bs-link-hover-color-rgb:var(--jp-aksen-teks-rgb);--bs-focus-ring-color:rgba(var(--jp-aksen-rgb), .25)}[data-bs-theme=dark]{--jp-aksen-tulis:rgb(var(--jp-aksen-terang-rgb));--bs-link-color-rgb:var(--jp-aksen-terang-rgb);--bs-link-hover-color:rgb(var(--jp-aksen-terang-rgb));--bs-link-hover-color-rgb:var(--jp-aksen-terang-rgb);--jp-kartu:#1c2130;--bs-body-bg:#12151c;--bs-body-color:#e7eaf0;--bs-secondary-color:#e7eaf0a6;--bs-border-color:#2b3242;--bs-tertiary-bg:#232838}:root{--jp-aksen-lembut:color-mix(in srgb, var(--jp-aksen) 10%, var(--jp-kartu))}[data-bs-theme=dark]{--jp-aksen-lembut:color-mix(in srgb, var(--jp-aksen) 22%, var(--jp-kartu))}body{-webkit-font-smoothing:antialiased}.btn-primary{--bs-btn-bg:var(--jp-aksen-teks);--bs-btn-border-color:var(--jp-aksen-teks);--bs-btn-hover-bg:var(--jp-aksen-teks-tekan);--bs-btn-hover-border-color:var(--jp-aksen-teks-tekan);--bs-btn-active-bg:var(--jp-aksen-teks-tekan);--bs-btn-active-border-color:var(--jp-aksen-teks-tekan);--bs-btn-disabled-bg:var(--jp-aksen-teks);--bs-btn-disabled-border-color:var(--jp-aksen-teks);--bs-btn-focus-shadow-rgb:var(--jp-aksen-rgb)}.btn-outline-primary{--bs-btn-color:var(--jp-aksen-tulis);--bs-btn-border-color:var(--jp-aksen-teks);--bs-btn-hover-bg:var(--jp-aksen-teks);--bs-btn-hover-border-color:var(--jp-aksen-teks);--bs-btn-active-bg:var(--jp-aksen-teks-tekan);--bs-btn-active-border-color:var(--jp-aksen-teks-tekan);--bs-btn-focus-shadow-rgb:var(--jp-aksen-rgb)}.form-control:focus,.form-select:focus{border-color:rgba(var(--jp-aksen-rgb), .6);box-shadow:0 0 0 .25rem rgba(var(--jp-aksen-rgb), .2)}.form-check-input:checked{background-color:var(--jp-aksen);border-color:var(--jp-aksen)}.nav-pills{--bs-nav-pills-link-active-bg:var(--jp-aksen-teks)}.nav-link{--bs-nav-link-color:var(--jp-aksen-tulis)}.page-link{--bs-pagination-color:var(--jp-aksen-tulis);--bs-pagination-active-bg:var(--jp-aksen-teks);--bs-pagination-active-border-color:var(--jp-aksen-teks)}.card{--bs-card-bg:var(--jp-kartu);--bs-card-border-color:var(--bs-border-color)}.dropdown-menu{--bs-dropdown-bg:var(--jp-kartu);--bs-dropdown-link-active-bg:var(--jp-aksen-teks)}.modal{--bs-modal-bg:var(--jp-kartu)}.jp-app{min-height:100vh;display:flex}.jp-utama{flex-direction:column;flex:auto;min-width:0;display:flex}.jp-sidebar{--jp-sb-bg:var(--jp-kartu);--jp-sb-teks:var(--bs-body-color);--jp-sb-redup:var(--bs-secondary-color);--jp-sb-hover:var(--jp-aksen-lembut);--jp-sb-aktif-bg:var(--jp-aksen-lembut);--jp-sb-aktif:var(--jp-aksen-tulis);--jp-sb-garis:var(--bs-border-color);--jp-sb-logo-bg:var(--jp-aksen-teks);--jp-sb-logo:#fff;--jp-sb-merek:var(--jp-aksen-tulis);--bs-offcanvas-width:280px;--bs-offcanvas-bg:var(--jp-sb-bg);--bs-offcanvas-color:var(--jp-sb-teks)}.jp-sidebar-isi{flex-direction:column;width:100%;display:flex}@media (width>=992px){.jp-sidebar{flex:0 0 var(--jp-sidebar-lebar);width:var(--jp-sidebar-lebar);border-right:1px solid var(--jp-sb-garis);height:100vh;color:var(--jp-sb-teks);position:sticky;top:0;overflow-y:auto;background:var(--jp-sb-bg)!important}}.jp-merek{color:var(--jp-sb-merek,var(--jp-aksen-tulis));height:var(--jp-header-tinggi);align-items:center;gap:10px;padding:16px 18px;font-size:1.05rem;font-weight:700;display:flex}.offcanvas-header .jp-merek{height:auto;padding:0}.jp-merek-gambar{object-fit:contain;flex:none;width:32px;height:32px}@media (width>=992px){.jp-sidebar-isi>.jp-merek{z-index:1;background:var(--jp-sb-bg);position:sticky;top:0}.jp-tata-kaca .jp-sidebar-isi>.jp-merek{background:#0b1226d9}}.jp-merek-logo{background:var(--jp-sb-logo-bg,var(--jp-aksen-teks));width:30px;height:30px;color:var(--jp-sb-logo,#fff);border-radius:8px;place-items:center;font-size:.95rem;display:grid}.jp-nav{padding:6px 10px 24px}.jp-grup+.jp-grup{margin-top:6px}.jp-grup-kepala{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--jp-sb-redup);background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 10px 6px;font-size:.72rem;font-weight:600;display:flex}.jp-grup-kepala .bi{font-size:.7rem}.jp-item{border-radius:var(--bs-border-radius-sm);color:var(--jp-sb-teks);border-left:3px solid #0000;align-items:center;gap:12px;min-height:44px;margin:1px 0;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.jp-item .bi{text-align:center;width:1.25rem;color:var(--jp-sb-redup);font-size:1.1rem}.jp-item:hover{background:var(--jp-sb-hover);color:var(--jp-sb-teks)}.jp-item.active{background:var(--jp-sb-aktif-bg);border-left-color:var(--jp-sb-aktif-garis,var(--jp-sb-aktif));color:var(--jp-sb-aktif);font-weight:600}.jp-item.active .bi{color:var(--jp-sb-aktif)}.jp-header{z-index:1020;height:var(--jp-header-tinggi);padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--jp-kartu);border-bottom:1px solid var(--bs-border-color);align-items:center;gap:8px;display:flex;position:sticky;top:0}.jp-tombol-ikon{width:40px;height:40px;color:var(--bs-body-color);padding:0;font-size:1.5rem;line-height:1}.jp-judul{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.jp-judul-teks{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.jp-judul-teks .bi{color:var(--jp-aksen-tulis)}.jp-judul-grup,.jp-periode{color:var(--bs-secondary-color);background:var(--jp-aksen-lembut);white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:.75rem}.jp-pengguna{color:var(--bs-body-color);align-items:center;gap:8px;padding:4px;text-decoration:none;display:flex}.jp-pengguna:hover,.jp-pengguna:focus{color:var(--bs-body-color)}.jp-pengguna-nama{max-width:160px;font-weight:500}.jp-avatar{background:var(--jp-aksen-teks);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:grid}.jp-menu-pengguna{min-width:290px}.jp-label-kecil{text-transform:uppercase;letter-spacing:.05em;color:var(--bs-secondary-color);margin-bottom:6px;font-size:.72rem;font-weight:600}.jp-swatch{border:3px solid var(--jp-kartu);width:30px;height:30px;box-shadow:0 0 0 1px var(--bs-border-color);border-radius:50%;padding:0}.jp-swatch.aktif{box-shadow:0 0 0 2px var(--bs-body-color)}.jp-konten{width:100%;max-width:1200px;padding:16px 12px calc(24px + env(safe-area-inset-bottom));flex:auto;margin:0 auto}@media (width>=768px){.jp-konten{padding:24px}}.jp-kartu{border-radius:var(--bs-border-radius-lg);box-shadow:0 1px 2px #1018280a}.jp-kartu-info{background:var(--jp-aksen-lembut);border-color:#0000}.jp-ikon-besar{color:var(--jp-aksen-tulis);font-size:2.5rem}.jp-spinner{color:var(--jp-aksen-tulis)}.jp-login{background:radial-gradient(circle at 15% 10%, rgba(var(--jp-aksen-rgb), .12) 0, transparent 45%), var(--bs-body-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.jp-login-kartu{background:var(--jp-kartu);border:1px solid var(--bs-border-color);border-radius:16px;width:100%;max-width:400px;padding:32px 24px 24px;box-shadow:0 10px 30px #10182814}.jp-login-logo{object-fit:contain;width:72px;height:72px;margin-bottom:12px}.jp-login-ikon{background:var(--jp-aksen-teks);color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:12px;font-size:1.6rem;display:inline-grid}.jp-login-sekolah{color:var(--jp-aksen-tulis);margin:0 0 4px;font-weight:600}.jp-login-tema{border:1px solid var(--bs-border-color);background:var(--jp-kartu);width:42px;height:42px;color:var(--bs-body-color);border-radius:50%;padding:0;font-size:1.1rem;position:fixed;top:16px;right:16px}.jp-login-footer{text-align:center;color:var(--bs-secondary-color);margin-top:24px;font-size:.75rem}.jp-subtab{scrollbar-width:none;border-bottom:1px solid var(--bs-border-color);gap:4px;margin:0 -4px;padding:0 4px;display:flex;overflow-x:auto}.jp-subtab::-webkit-scrollbar{display:none}.jp-subtab-item{color:var(--bs-secondary-color);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;padding:10px 12px;font-weight:500;display:inline-flex}.jp-subtab-item:hover{color:var(--bs-body-color)}.jp-subtab-item.active{color:var(--jp-aksen-tulis);border-bottom-color:var(--jp-aksen);font-weight:600}.jp-catatan-tab{background:var(--jp-aksen-lembut);border-radius:var(--bs-border-radius);margin-bottom:16px;padding:10px 12px;font-size:.85rem}.jp-subjudul{margin:28px 0 10px;font-size:.95rem;font-weight:700}.jp-gulir-atas{scroll-margin-top:calc(var(--jp-header-tinggi) + 12px)}.jp-teks-panjang{white-space:pre-line;word-break:break-word;min-width:140px}.jp-lencana-minus{background:var(--bs-danger-bg-subtle);color:var(--bs-danger-text-emphasis)}.jp-lencana-plus{background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis)}.jp-lencana-info{background:rgba(var(--jp-aksen-rgb), .14);color:var(--jp-aksen-tulis)}.jp-lencana-netral{background:var(--bs-secondary-bg);color:var(--bs-secondary-color)}.jp-judul-hari{color:var(--jp-aksen-tulis)}.jp-stat{background:var(--jp-aksen-lembut);border-radius:var(--bs-border-radius);height:100%;padding:12px 14px}.jp-stat span{color:var(--bs-secondary-color);font-size:.75rem;display:block}.jp-stat b{font-size:1.35rem}.jp-tabel-kartu{--bs-table-bg:transparent}.jp-tabel-kartu th{text-transform:uppercase;letter-spacing:.03em;color:var(--bs-secondary-color);white-space:nowrap;font-size:.78rem}.jp-sel-aksi{text-align:right;white-space:nowrap}.jp-sel-aksi .btn+.btn{margin-left:6px}@media (width<=767.98px){.jp-tabel-kartu thead{display:none}.jp-tabel-kartu,.jp-tabel-kartu tbody{display:block}.jp-tabel-kartu tr{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--jp-kartu);flex-direction:column;margin-bottom:10px;padding:10px 12px;display:flex}.jp-tabel-kartu>tbody>tr>td{text-align:right;min-width:0;box-shadow:none;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;display:flex}.jp-tabel-kartu>tbody>tr>td:before{content:attr(data-label);text-align:left;color:var(--bs-secondary-color);flex:0 0 38%;font-size:.8rem;font-weight:600}.jp-tabel-kartu>tbody>tr>td.jp-sel-utama{text-align:left;border-bottom:1px solid var(--bs-border-color);order:-1;margin-bottom:4px;padding-bottom:6px;font-weight:600;display:block}.jp-tabel-kartu>tbody>tr>td.jp-sel-aksi{justify-content:flex-end;padding-top:8px}.jp-tabel-kartu>tbody>tr>td.jp-sel-utama:before,.jp-tabel-kartu>tbody>tr>td.jp-sel-aksi:before{content:none}.jp-tabel-kartu>tbody>tr>td.jp-sembunyi-hp{display:none}.jp-tabel-kartu .jp-teks-panjang{min-width:0}}.jp-saran{z-index:1050;--bs-list-group-active-bg:var(--jp-aksen);--bs-list-group-active-border-color:var(--jp-aksen);--bs-list-group-bg:var(--jp-kartu);max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.jp-siswa-terpilih{background:var(--jp-aksen-lembut);min-height:38px}:root{--jp-peringatan:#e67700}.jp-toast-wadah{top:calc(var(--jp-header-tinggi) + 8px + env(safe-area-inset-top));z-index:2000;pointer-events:none;width:min(100% - 24px,400px);position:fixed;left:50%;transform:translate(-50%)}.jp-toast{--bs-toast-bg:var(--jp-kartu);--bs-toast-max-width:100%;--bs-toast-border-color:var(--bs-border-color);--bs-toast-border-radius:12px;--bs-toast-spacing:10px;border-left:4px solid var(--jp-aksen);pointer-events:auto;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 32px #10182829}.jp-toast .toast-body{padding:12px 14px;font-size:.92rem;align-items:center!important}.jp-toast-ikon{color:#fff;background:var(--jp-aksen-teks);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:.95rem;display:grid}.jp-toast .btn-close{--bs-btn-close-opacity:.4;--bs-btn-close-hover-opacity:.8;flex:none;font-size:.65rem}.jp-toast-sukses{border-left-color:var(--bs-success)}.jp-toast-sukses .jp-toast-ikon{background:var(--bs-success)}.jp-toast-gagal{border-left-color:var(--bs-danger)}.jp-toast-gagal .jp-toast-ikon{background:var(--bs-danger)}.jp-toast-peringatan{border-left-color:var(--jp-peringatan)}.jp-toast-peringatan .jp-toast-ikon{background:var(--jp-peringatan)}.jp-toast-sisa{background:var(--bs-danger);height:3px;animation:linear forwards jp-sisa;position:absolute;bottom:0;left:0}.jp-toast-peringatan .jp-toast-sisa{background:var(--jp-peringatan)}@keyframes jp-sisa{0%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.jp-toast-sisa{display:none}}.jp-baris-redup>td{opacity:.55}.jp-baris-redup>td.jp-sel-aksi{opacity:1}.jp-lipat-kepala{width:100%;color:var(--bs-body-color);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-weight:600;display:flex}.jp-input-file{max-width:320px}.jp-kotak-centang{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:16px;max-height:220px;padding:8px 12px;display:grid;overflow-y:auto}.jp-kotak-centang .form-check{margin:4px 0}.jp-sakelar{align-items:center;gap:10px;min-height:36px;padding-left:0;display:flex}.jp-sakelar .form-check-input{float:none;flex:none;width:2.4em;height:1.3em;margin:0}.jp-daftar-akun .list-group-item{--bs-list-group-bg:var(--jp-kartu);padding-top:12px;padding-bottom:12px}.jp-galat-tampilan{text-align:center;background:var(--jp-kartu);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);max-width:460px;margin:40px auto;padding:28px 20px}.jp-galat-penuh{margin:12vh auto}.jp-galat-ikon{background:var(--jp-aksen-lembut);width:52px;height:52px;color:var(--jp-aksen-tulis);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:1.5rem;display:grid}.jp-set-bagian{border-bottom:1px solid var(--bs-border-color);margin-bottom:18px;padding:4px 0 18px}.jp-set-bagian:last-of-type{border-bottom:0}.jp-set-edit{border:1px solid var(--jp-aksen);border-radius:var(--bs-border-radius);padding:12px}.jp-set-bar{z-index:5;background:var(--jp-kartu);border-top:1px solid var(--bs-border-color);border-radius:0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);margin:16px -16px -16px;padding:12px 16px;position:sticky;bottom:0}.jp-set-titik{background:#f08c00;border-radius:50%;width:7px;height:7px;display:inline-block}.jp-set-hari{min-width:52px;min-height:40px}.jp-set-logo{border:1px dashed var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--bs-tertiary-bg);place-items:center;width:96px;height:96px;padding:6px;display:grid}.jp-set-logo img{object-fit:contain;max-width:100%;max-height:100%}.jp-set-libur{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);align-items:center;gap:10px;padding:10px 12px;display:flex}.jp-pemeliharaan-pratinjau{z-index:2000;position:fixed;inset:0;overflow-y:auto}@media (width>=992px){.jp-tata-rel{--jp-sidebar-lebar:92px}.jp-tata-rel .jp-merek{z-index:1;background:var(--jp-sb-bg);justify-content:center;padding:12px 0;position:sticky;top:0}}.jp-rel{flex-direction:column;padding:4px 8px 16px;display:flex}.jp-rel-grup{flex-direction:column;gap:2px;display:flex}.jp-rel-grup+.jp-rel-grup{border-top:1px solid var(--jp-sb-garis);margin-top:6px;padding-top:6px}.jp-rel-item{text-align:center;min-height:52px;color:var(--jp-sb-redup);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:.68rem;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.jp-rel-item .bi{font-size:1.2rem;line-height:1}.jp-rel-item:hover{background:var(--jp-sb-hover);color:var(--jp-sb-teks)}.jp-rel-item.active{background:var(--jp-sb-aktif-bg);color:var(--jp-sb-aktif)}.jp-rel-item:focus-visible,.jp-lembar-item:focus-visible,.jp-bar-item:focus-visible{outline:2px solid var(--jp-aksen);outline-offset:2px}.jp-lembar{padding:4px 16px calc(20px + env(safe-area-inset-bottom))}.jp-lembar-kepala{letter-spacing:.06em;text-transform:uppercase;color:var(--bs-secondary-color);margin:14px 2px 8px;font-size:.72rem;font-weight:600}.jp-lembar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.jp-lembar-item{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);min-height:48px;color:var(--bs-body-color);border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none;display:flex}.jp-lembar-item .bi{color:var(--bs-secondary-color);font-size:1.1rem}.jp-lembar-item.active{border-color:var(--jp-aksen);background:var(--jp-aksen-lembut);color:var(--jp-aksen-tulis);font-weight:600}.jp-lembar-item.active .bi{color:var(--jp-aksen-tulis)}@media (width<=991.98px){.offcanvas-lg.offcanvas-bottom.jp-sidebar-rel{border-radius:20px 20px 0 0;height:auto;max-height:85vh}}.jp-bar-bawah{z-index:1030;padding:0 4px env(safe-area-inset-bottom);background:var(--jp-kartu);border-top:1px solid var(--bs-border-color);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.jp-bar-item{min-width:0;min-height:60px;color:var(--bs-secondary-color);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:6px 2px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.jp-bar-item .bi{font-size:1.3rem;line-height:1}.jp-bar-item.active{color:var(--jp-aksen-tulis);font-weight:700}.jp-bar-fab{color:var(--jp-aksen-tulis);font-weight:700;overflow:visible}.jp-bar-fab-ikon{background:var(--jp-aksen-teks);color:#fff;width:48px;height:48px;box-shadow:0 6px 14px rgba(var(--jp-aksen-rgb), .4);border-radius:16px;place-items:center;margin-top:-22px;display:grid}.jp-bar-fab-ikon .bi{font-size:1.4rem}@media (width<=991.98px){.jp-tata-rel .jp-konten{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}[data-sidebar=warna] .jp-tata-sidebar .jp-sidebar{--jp-sb-bg:var(--jp-aksen-gelap);--jp-sb-teks:#ffffffeb;--jp-sb-redup:#ffffffb3;--jp-sb-hover:#ffffff1f;--jp-sb-aktif-bg:#fff;--jp-sb-aktif:var(--jp-aksen-gelap);--jp-sb-aktif-garis:transparent;--jp-sb-garis:#ffffff24;--jp-sb-logo-bg:#fff;--jp-sb-logo:var(--jp-aksen-gelap);--jp-sb-merek:#fff}@media (width>=992px){[data-sidebar=warna] .jp-tata-rel .jp-sidebar{--jp-sb-bg:var(--jp-aksen-gelap);--jp-sb-teks:#ffffffeb;--jp-sb-redup:#ffffffc7;--jp-sb-hover:#ffffff1f;--jp-sb-aktif-bg:#fff;--jp-sb-aktif:var(--jp-aksen-gelap);--jp-sb-garis:#ffffff29;--jp-sb-logo-bg:#fff;--jp-sb-logo:var(--jp-aksen-gelap);--jp-sb-merek:#fff}}.jp-sidebar .offcanvas-header{--bs-border-color:var(--jp-sb-garis)}[data-sidebar=warna] .jp-tata-sidebar .jp-sidebar .btn-close,.jp-tata-kaca .jp-sidebar .btn-close{filter:invert()grayscale()brightness(2)}[data-tata=kaca] body{background:#0b1226}.jp-tata-kaca{--jp-kartu:#161d36;--jp-kaca:#ffffff12;--jp-kaca-garis:#ffffff29;--bs-body-bg:#0b1226;--bs-body-color:#eef1f8;--bs-secondary-color:#eef1f8b8;--bs-border-color:#ffffff24;--bs-tertiary-bg:#1d2544;color:var(--bs-body-color);background:radial-gradient(640px 560px at 22% -12%, rgba(var(--jp-aksen-rgb), .5), transparent 70%), radial-gradient(560px 520px at 104% 108%, color-mix(in srgb, var(--jp-aksen-kedua) 45%, transparent), transparent 70%), radial-gradient(320px 300px at -4% 86%, #f59f0024, transparent 70%), #0b1226;background-attachment:fixed}.jp-tata-kaca .card{--bs-card-bg:var(--jp-kaca);--bs-card-border-color:var(--jp-kaca-garis);--bs-card-cap-bg:#ffffff0a}.jp-tata-kaca .jp-kartu{box-shadow:0 10px 30px #0000002e}.jp-tata-kaca .table{--bs-table-bg:transparent}.jp-tata-kaca .form-control,.jp-tata-kaca .form-select{background-color:#080d1e8c;border-color:#fff3}.jp-tata-kaca .jp-header{border-bottom-color:var(--jp-kaca-garis);background:#0b122699}.jp-tata-kaca .jp-sidebar{--jp-sb-bg:#121a33;--jp-sb-teks:#eef1f8;--jp-sb-redup:#eef1f8a8;--jp-sb-hover:#ffffff14;--jp-sb-aktif-bg:#ffffff24;--jp-sb-aktif:#fff;--jp-sb-aktif-garis:#fff9;--jp-sb-garis:var(--jp-kaca-garis);--jp-sb-logo-bg:#ffffff29;--jp-sb-logo:#fff;--jp-sb-merek:#fff}@media (width>=992px){.jp-tata-kaca .jp-sidebar{--jp-sb-bg:#ffffff0d}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.jp-tata-kaca .jp-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media (width>=992px){.jp-tata-kaca .jp-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.jp-tata-kaca .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}}.jp-lk{color:#fff;background:radial-gradient(620px 600px at 18% -8%, rgba(var(--jp-aksen-rgb), .8), transparent 70%), radial-gradient(560px 540px at 92% 112%, color-mix(in srgb, var(--jp-aksen-kedua) 70%, transparent), transparent 70%), radial-gradient(320px 300px at 70% 22%, #f59f0038, transparent 70%), #0b1226;flex-direction:column;min-height:100dvh;display:flex;position:relative}.jp-lk-kepala{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 0;display:flex}@media (width>=768px){.jp-lk-kepala{padding:32px 40px 0}}.jp-lk-merek{align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.jp-lk-merek .bi{font-size:1.25rem}.jp-lk-tengah{flex:auto;place-items:center;padding:24px 16px 32px;display:grid}.jp-lk-kartu{background:#ffffff1a;border:1px solid #ffffff3d;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:32px 24px 24px;display:flex;box-shadow:0 24px 60px #00000059}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.jp-lk-kartu{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}@media (width>=576px){.jp-lk-kartu{padding:40px 36px 32px}}.jp-lk-judul{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.jp-lk-judul h1{letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:800}.jp-lk-judul p{color:#ffffffd1;margin:0;font-size:.9rem}.jp-lk-logo{color:#fff;background:#ffffff29;border:1px solid #ffffff4d;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.9rem;display:grid}.jp-lk-logo-gambar{object-fit:contain;width:72px;height:72px}.jp-lk-sekolah{letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;font-size:.75rem;font-weight:600}.jp-lk-galat{color:#ffe3e3;background:#fa52522e;border:1px solid #ffa8a873;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.875rem;display:flex}.jp-lk-isian{flex-direction:column;gap:8px;display:flex}.jp-lk-isian label{font-size:.875rem;font-weight:600}.jp-lk-input{color:#fff;width:100%;height:48px;font:inherit;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;padding:0 16px;font-size:1rem}.jp-lk-input::placeholder{color:#fff9}.jp-lk-input:focus{border-color:#ffffffbf;outline:none;box-shadow:0 0 0 4px #ffffff2e}.jp-lk-sandi{position:relative}.jp-lk-sandi .jp-lk-input{padding-right:52px}.jp-lk-mata{color:#fff;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.15rem;display:grid;position:absolute;top:2px;right:2px}.jp-lk-mata:focus-visible{outline:2px solid #fff}.jp-lk-masuk{height:50px;color:var(--jp-aksen-gelap);font:inherit;background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:4px;font-size:1rem;font-weight:700;display:flex}.jp-lk-masuk:hover{background:#eef1f8}.jp-lk-masuk:disabled{opacity:.75}.jp-lk-masuk:focus-visible{outline-offset:2px;outline:3px solid #fff9}.jp-lk-kaki{color:#ffffffbf;text-align:center;margin:0;font-size:.75rem;line-height:1.6}.jp-lp{--jp-lp-bg:#eef3fb;--jp-lp-garis:#dde4f0;--jp-lp-ikon-bg:#f1f4fa;--jp-lp-input-garis:#cfd7e6;--jp-lp-teks:#1a2238;--jp-lp-redup:#4b5563;--jp-lp-meja:#c9d5ea;--jp-lp-layar:#fff;--jp-lp-garis-layar:#dbe3f1;background:var(--jp-lp-bg);min-height:100dvh;color:var(--jp-lp-teks);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-bs-theme=dark] .jp-lp{--jp-lp-bg:#12151c;--jp-lp-garis:#2b3242;--jp-lp-ikon-bg:#232838;--jp-lp-input-garis:#3a4256;--jp-lp-teks:#e7eaf0;--jp-lp-redup:#aab2c2;--jp-lp-meja:#3a4459;--jp-lp-layar:#e7eaf0;--jp-lp-garis-layar:#c3ccdc}.jp-lp-kepala{z-index:1;background:var(--jp-kartu);border-bottom:1px solid var(--jp-lp-garis);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:8px 12px 8px 16px;display:flex;position:relative;box-shadow:0 1px 3px #1018280d}@media (width>=992px){.jp-lp-kepala{min-height:72px;padding:8px 40px}}.jp-lp-merek{align-items:center;gap:10px;min-width:0;display:flex}.jp-lp-logo{background:var(--jp-aksen-teks);color:#fff;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.jp-lp-logo-gambar{object-fit:contain;flex:0 0 42px;width:42px;height:42px}.jp-lp-merek-teks{flex-direction:column;min-width:0;line-height:1.25;display:flex}.jp-lp-merek-teks b{letter-spacing:.04em;color:var(--jp-aksen-tulis);font-size:.95rem;font-weight:800}.jp-lp-merek-teks span{color:var(--jp-lp-redup);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.jp-lp-kanan{flex:none;align-items:center;gap:12px;display:flex}.jp-lp-waktu{flex-direction:column;align-items:flex-end;line-height:1.3}.jp-lp-waktu span{color:var(--jp-lp-redup);font-size:.8rem}.jp-lp-waktu b{font-variant-numeric:tabular-nums;font-size:1.1rem}.jp-lp-waktu small{color:var(--jp-lp-redup);font-size:.72rem;font-weight:600}.jp-lp-tema{border:1px solid var(--jp-lp-garis);background:var(--jp-kartu);width:44px;height:44px;color:var(--jp-lp-teks);border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.jp-lp-strip{z-index:1;background:var(--jp-aksen-gelap);color:#fff;justify-content:space-between;gap:8px;padding:7px 16px;font-size:.78rem;display:flex;position:relative}.jp-lp-strip b{font-variant-numeric:tabular-nums}.jp-lp-isi{z-index:1;flex-direction:column;flex:auto;gap:16px;padding:18px 16px 40px;display:flex;position:relative}@media (width>=992px){.jp-lp-isi{flex-direction:row;justify-content:center;align-items:center;gap:96px;padding:32px 64px 140px}}.jp-lp-sambut{align-items:center;gap:14px;display:flex}.jp-lp-ilustrasi{flex:0 0 96px;width:96px;height:auto}.jp-lp-sambut-teks h1{margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.jp-lp-sambut-teks p{color:var(--jp-lp-redup);margin:4px 0 0;font-size:.82rem;line-height:1.45}@media (width>=992px){.jp-lp-sambut{flex-direction:column;align-items:flex-start;gap:24px;width:460px}.jp-lp-ilustrasi{flex:none;width:420px}.jp-lp-sambut-teks h1{letter-spacing:-.01em;font-size:2.1rem;line-height:1.15}.jp-lp-sambut-teks p{margin-top:10px;font-size:1rem;line-height:1.6}}.jp-lp-meja{fill:var(--jp-lp-meja)}.jp-lp-gelap{fill:#1f2a44}.jp-lp-gelap2{fill:#2b3657}.jp-lp-layar{fill:var(--jp-lp-layar)}.jp-lp-garis{fill:var(--jp-lp-garis-layar)}.jp-lp-a{fill:var(--jp-aksen)}.jp-lp-a-redup{opacity:.35}.jp-lp-matahari{fill:#f59f00;opacity:.85}.jp-lp-kartu{background:var(--jp-kartu);border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 14px 32px #1f2a4424}@media (width>=992px){.jp-lp-kartu{flex:0 0 400px;width:400px;box-shadow:0 18px 40px #1f2a4424}}.jp-lp-kartu-kepala{background:var(--jp-aksen-teks);color:#fff;padding:16px 20px}.jp-lp-kartu-kepala h2{margin:0;font-size:1.2rem;font-weight:700}.jp-lp-kartu-kepala p{color:#ffffffeb;margin:2px 0 0;font-size:.85rem}.jp-lp-kartu-isi{flex-direction:column;gap:16px;padding:20px;display:flex}@media (width>=992px){.jp-lp-kartu-kepala{padding:22px 28px}.jp-lp-kartu-kepala h2{font-size:1.375rem}.jp-lp-kartu-isi{padding:26px 28px 28px}}.jp-lp-isian{flex-direction:column;gap:6px;display:flex}.jp-lp-isian label{font-size:.875rem;font-weight:600}.jp-lp-grup{border:1px solid var(--jp-lp-input-garis);background:var(--jp-kartu);border-radius:10px;height:50px;display:flex;overflow:hidden}.jp-lp-grup:focus-within{border-color:var(--jp-aksen);box-shadow:0 0 0 4px rgba(var(--jp-aksen-rgb), .22)}.jp-lp-ikon{background:var(--jp-lp-ikon-bg);border-right:1px solid var(--jp-lp-input-garis);width:46px;color:var(--jp-lp-redup);flex:0 0 46px;place-items:center;font-size:1.05rem;display:grid}.jp-lp-grup input{min-width:0;color:var(--jp-lp-teks);font:inherit;background:0 0;border:0;outline:none;flex:auto;padding:0 12px;font-size:1rem}.jp-lp-grup input::placeholder{color:#8a93a6}.jp-lp-mata{width:46px;color:var(--jp-lp-redup);background:0 0;border:0;flex:0 0 46px;font-size:1.1rem}.jp-lp-mata:focus-visible{outline:2px solid var(--jp-aksen);outline-offset:-2px}.jp-lp-masuk{background:var(--jp-aksen-teks);color:#fff;height:52px;font:inherit;letter-spacing:.08em;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.jp-lp-masuk:hover{background:var(--jp-aksen-teks-tekan)}.jp-lp-masuk:disabled{opacity:.75}.jp-lp-masuk:focus-visible{outline:3px solid rgba(var(--jp-aksen-rgb), .45);outline-offset:2px}.jp-lp-info{background:var(--jp-lp-bg);color:var(--jp-lp-redup);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:.82rem;line-height:1.5;display:flex}.jp-lp-info .bi{color:var(--jp-aksen-tulis);margin-top:1px;font-size:1rem}.jp-lp-gelombang{pointer-events:none;width:100%;height:140px;position:absolute;bottom:0;left:0}@media (width>=992px){.jp-lp-gelombang{height:220px}}.jp-lp-gel1{fill:var(--jp-aksen);opacity:.12}.jp-lp-gel2{fill:var(--jp-aksen);opacity:.2}.jp-lp-kaki{z-index:1;text-align:center;background:var(--jp-aksen-gelap);color:#ffffffeb;padding:12px 16px;font-size:.75rem;line-height:1.5;position:relative}.jp-login-pratinjau{z-index:2000;background:var(--bs-body-bg);position:fixed;inset:0;overflow-y:auto}.jp-login-pratinjau-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:2001;white-space:nowrap;background:#0f1423e0;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.jp-desain-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.jp-desain-opsi{border:2px solid var(--bs-border-color);background:var(--jp-kartu);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.jp-desain-opsi.aktif{border-color:var(--jp-aksen);box-shadow:0 0 0 3px rgba(var(--jp-aksen-rgb), .18)}.jp-desain-opsi:focus-within{outline:2px solid var(--jp-aksen);outline-offset:2px}.jp-desain-opsi input{opacity:0;width:1px;height:1px;position:absolute}.jp-desain-nama{align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.jp-desain-ket{color:var(--bs-secondary-color);font-size:.78rem;line-height:1.4}.jp-desain-aksi{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.jp-mini{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:8px;height:86px;display:block;position:relative;overflow:hidden}.jp-mini span{border-radius:3px;display:block;position:absolute}.jp-mini-klasik .m1{background:var(--jp-kartu);border-radius:6px;inset:12% 30%;box-shadow:0 2px 6px #1018281f}.jp-mini-klasik .m2{background:var(--bs-border-color);height:6px;top:34%;left:38%;right:38%}.jp-mini-klasik .m3{background:var(--bs-border-color);height:6px;top:50%;left:38%;right:38%}.jp-mini-klasik .m4{background:var(--jp-aksen-teks);height:9px;top:66%;left:38%;right:38%}.jp-mini-kaca-login,.jp-mini-kaca-tata{background:radial-gradient(70% 90% at 20% 0%, rgba(var(--jp-aksen-rgb), .85), transparent 70%), radial-gradient(60% 80% at 100% 100%, color-mix(in srgb, var(--jp-aksen-kedua) 70%, transparent), transparent 70%), #0b1226;border-color:#0000}.jp-mini-kaca-login .m1{background:#ffffff24;border:1px solid #ffffff4d;border-radius:8px;inset:12% 30%}.jp-mini-kaca-login .m2{background:#fff6;height:6px;top:34%;left:38%;right:38%}.jp-mini-kaca-login .m3{background:#fff6;height:6px;top:50%;left:38%;right:38%}.jp-mini-kaca-login .m4{background:#fff;height:9px;top:66%;left:38%;right:38%}.jp-mini-portal{background:#eef3fb}[data-bs-theme=dark] .jp-mini-portal{background:#12151c}.jp-mini-portal .m1{background:var(--jp-kartu);border-bottom:1px solid var(--bs-border-color);border-radius:0;height:16%;top:0;left:0;right:0}.jp-mini-portal .m2{background:var(--jp-kartu);border-radius:5px;inset:28% 8% 14% 56%;box-shadow:0 2px 6px #1018281f}.jp-mini-portal .m3{background:var(--jp-aksen-teks);border-radius:5px 5px 0 0;height:15%;top:28%;left:56%;right:8%}.jp-mini-portal .m4{background:var(--jp-aksen);opacity:.35;border-radius:6px;width:34%;height:34%;top:38%;left:9%}.jp-mini-sidebar .m1{background:var(--jp-kartu);border-right:1px solid var(--bs-border-color);border-radius:0;width:28%;top:0;bottom:0;left:0}.jp-mini-sidebar .m2{background:var(--jp-kartu);border-bottom:1px solid var(--bs-border-color);border-radius:0;height:16%;top:0;left:28%;right:0}.jp-mini-sidebar .m3{background:rgba(var(--jp-aksen-rgb), .3);width:20%;height:9%;top:24%;left:4%}.jp-mini-sidebar .m4{background:var(--jp-kartu);border-radius:5px;inset:26% 6% 10% 34%}.jp-mini-rel .m1{background:var(--jp-aksen-gelap);border-radius:0;width:13%;top:0;bottom:0;left:0}.jp-mini-rel .m2{background:var(--jp-kartu);border-bottom:1px solid var(--bs-border-color);border-radius:0;height:16%;top:0;left:13%;right:0}.jp-mini-rel .m3{background:#fff;border-radius:4px;width:7%;height:12%;top:22%;left:3%}.jp-mini-rel .m4{background:var(--jp-kartu);border-radius:5px;inset:26% 6% 10% 19%}.jp-mini-kaca-tata .m1{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;width:24%;top:6%;bottom:6%;left:3%}.jp-mini-kaca-tata .m2{background:#ffffff14;border-radius:5px;height:12%;top:8%;left:32%;right:4%}.jp-mini-kaca-tata .m3{background:#ffffff1f;border:1px solid #fff3;border-radius:6px;height:28%;top:26%;left:32%;right:4%}.jp-mini-kaca-tata .m4{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;inset:60% 4% 8% 32%}.min-w-0{min-width:0}.lpj-teks-aksen{color:var(--jp-aksen-tulis)}.lpj-chip{background:var(--jp-aksen-lembut);color:var(--jp-aksen-tulis);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.lpj-chip-tombol{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.75rem;overflow:hidden}.lpj-catatan{font-size:.76rem}.lpj-dua-baris{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lpj-stat .card-body{padding:14px 16px}.lpj-stat-nilai{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:700;overflow:hidden}.lpj-stat-ikon{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}@media (width<=575.98px){.lpj-stat-nilai{font-size:.98rem}.lpj-stat-ikon{flex-basis:36px;width:36px;height:36px;font-size:1rem}}.lpj-cari{max-width:340px}.lpj-sel-uraian{min-width:260px}@media (width>=1400px){.lpj-sel-uraian{min-width:340px}}.table td.text-end,.table th.text-end{font-variant-numeric:tabular-nums}.lpj-daftar-centang{max-height:240px;overflow-y:auto}@media (width<=767.98px){.jp-tabel-kartu tfoot{display:block}.jp-tabel-kartu tfoot tr{border:1px dashed var(--bs-border-color);border-radius:var(--bs-border-radius);flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;padding:8px 12px;display:flex}.jp-tabel-kartu tfoot td{border:0;padding:0}.jp-tabel-kartu tfoot td:empty{display:none}.lpj-sel-uraian{min-width:0}}.lpj-form-trx{padding-bottom:8px}.lpj-tabel-item .form-control,.lpj-tabel-item .form-select{min-width:70px}.lpj-baris-panel>td{background:0 0!important}.lpj-panel-bagi{border:1px solid rgba(var(--jp-aksen-rgb), .35);background:var(--jp-aksen-lembut);border-radius:var(--bs-border-radius);padding:10px 12px}@media (width<=767.98px){.lpj-tabel-item>tbody>tr>td>.form-control,.lpj-tabel-item>tbody>tr>td>.form-select{max-width:62%}.lpj-tabel-item>tbody>tr>td.jp-sel-utama>.form-control{max-width:none}.jp-tabel-kartu>tbody>tr.lpj-baris-panel{background:0 0;border:0;padding:0}.jp-tabel-kartu>tbody>tr.lpj-baris-panel>td{text-align:left;padding:0;display:block}.jp-tabel-kartu>tbody>tr.lpj-baris-panel>td:before{content:none}}.lpj-bar-simpan{z-index:6;background:var(--jp-kartu);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);align-items:center;gap:8px;margin:0 -4px;padding:10px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #10182814}.jp-tata-rel .lpj-bar-simpan{bottom:calc(64px + env(safe-area-inset-bottom))}@media (width>=992px){.jp-tata-rel .lpj-bar-simpan{bottom:0}}.lpj-tab-pek{border:1px solid var(--bs-border-color);background:var(--jp-kartu);color:var(--bs-body-color);text-align:left;border-radius:12px;padding:.45rem .75rem;font-size:.82rem;line-height:1.25}.lpj-tab-pek.kosong{color:var(--bs-secondary-color);border-style:dashed}.lpj-tab-pek.aktif{background:var(--jp-aksen-teks);border-color:var(--jp-aksen-teks);color:#fff;border-style:solid}.lpj-baris-pilih{cursor:pointer}.jp-tabel-kartu tr.lpj-baris-pilih.aktif>td{background-color:var(--jp-aksen-lembut)}@media (width<=767.98px){.jp-tabel-kartu tr.lpj-baris-pilih.aktif{border-color:var(--jp-aksen);background:var(--jp-aksen-lembut)}}.lpj-tabel-hadir th{white-space:nowrap;font-size:.74rem}.lpj-tabel-hadir th.lpj-libur{background:var(--bs-tertiary-bg);color:var(--bs-secondary-color)}.lpj-hd{border:1px solid var(--bs-border-color);background:var(--jp-kartu);width:40px;height:30px;color:var(--bs-body-color);-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;margin:auto;padding:0;font-size:.85rem;font-weight:700;display:grid}button.lpj-hd:not(:disabled){cursor:pointer}button.lpj-hd:disabled{opacity:1}.lpj-hd.h1{color:#146c43;background:#d1f2dd;border-color:#7ccf9b}.lpj-hd.h05{color:#8a6100;background:#fff3cd;border-color:#f0c96b}[data-bs-theme=dark] .lpj-hd.h1{color:#8ce99a;background:#2b8a3e4d;border-color:#2b8a3e}[data-bs-theme=dark] .lpj-hd.h05{color:#ffd43b;background:#f08c0040;border-color:#b77700}.lpj-hd.libur{background:repeating-linear-gradient(45deg, var(--bs-tertiary-bg), var(--bs-tertiary-bg) 4px, transparent 4px, transparent 8px);color:var(--bs-secondary-color);font-size:.6rem;font-weight:600}.lpj-hd.bentrok{outline-offset:1px;outline:2px solid #dc3545}.lpj-publik{flex-direction:column;min-height:100vh;display:flex}.lpj-publik-kepala{justify-content:space-between}.lpj-tab-publik .nav-link{font-size:.88rem}.jp-lk-publik{color:#ffffffd9;font-size:.85rem;text-decoration:none}.jp-lk-publik:hover{color:#fff}@media (width<=767.98px){.jp-tabel-kartu>tbody>tr>td.ps-3{padding-left:0!important}.jp-tabel-kartu>tbody>tr>td.pe-3{padding-right:0!important}}.jp-konten{max-width:none}.lpj-bku-item{color:var(--bs-secondary-color);margin:4px 0 0;padding:0;font-size:.82rem;list-style:none}.lpj-bku-item li{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;display:flex}.lpj-bku-item-teks{gap:4px;min-width:0;display:flex}@media (width>=768px){.lpj-tabel-buku>:not(caption)>*>*+*{border-left:var(--bs-border-width) solid var(--bs-border-color)}.lpj-tabel-buku>:not(caption)>*>.text-end{--bs-table-bg:rgba(var(--jp-aksen-rgb), .05)}}.lpj-pilih-pajak{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);cursor:pointer;align-items:center;gap:8px;margin:0;padding:6px 10px;display:flex}.lpj-pilih-pajak.aktif{border-color:rgba(var(--jp-aksen-rgb), .6);background:rgba(var(--jp-aksen-rgb), .06)}.lpj-rincian-pajak td{font-variant-numeric:tabular-nums}.lpj-status-jaringan{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.lpj-status-jaringan .titik{background:currentColor;border-radius:50%;width:8px;height:8px}.lpj-status-jaringan.online{color:var(--bs-success-text-emphasis);background:var(--bs-success-bg-subtle)}.lpj-status-jaringan.offline{color:var(--bs-warning-text-emphasis);background:var(--bs-warning-bg-subtle);border-color:var(--bs-warning-border-subtle)}.lpj-status-jaringan.kirim{color:var(--bs-info-text-emphasis);background:var(--bs-info-bg-subtle)}.lpj-status-jaringan .spinner-border-sm{border-width:.15em;width:.8rem;height:.8rem}tr.lpj-baris-draf>td{background:rgba(var(--bs-warning-rgb), .08)}.lpj-pembaruan{z-index:1090;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 12px 8px 14px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}@media (width<=991.98px){[data-tata=rel] .lpj-pembaruan{bottom:calc(76px + env(safe-area-inset-bottom))}}.lpj-tombol-ciut{width:32px;height:32px;color:var(--jp-sb-redup);border:1px solid var(--jp-sb-garis);background:0 0;border-radius:8px;place-items:center;margin-left:auto;padding:0;display:grid}.lpj-tombol-ciut:hover,.lpj-tombol-ciut:focus-visible{color:var(--jp-sb-teks);background:var(--jp-sb-hover)}.lpj-merek-teks{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=992px){.lpj-ciut{--jp-sidebar-lebar:68px}.lpj-ciut .jp-sidebar{overflow-x:hidden}.lpj-ciut .jp-sidebar-isi>.jp-merek{flex-direction:column;justify-content:center;gap:8px;height:auto;padding:12px 0}.lpj-ciut .lpj-tombol-ciut{margin-left:0}.lpj-ciut .jp-nav{padding:6px 10px 24px}.lpj-ciut .jp-grup+.jp-grup{border-top:1px solid var(--jp-sb-garis);margin-top:6px;padding-top:6px}.lpj-ciut .jp-item{border-left-width:0;justify-content:center;gap:0;padding:10px 0}.lpj-ciut .jp-item .bi{width:auto;font-size:1.2rem}}.lpj-langkah-impor li{align-items:flex-start;gap:12px;display:flex}.lpj-langkah-impor li+li{margin-top:16px}.lpj-langkah-impor .nomor{color:#fff;background:var(--jp-aksen-teks,var(--bs-primary));border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.jp-tabel-kartu>tbody>tr.lpj-baris-grup>td{background:var(--jp-aksen-lembut);border-bottom-color:rgba(var(--jp-aksen-rgb), .25)}.jp-tabel-kartu>tbody>tr.lpj-baris-redup>td{opacity:.55}@media (width<=767.98px){.jp-tabel-kartu>tbody>tr.lpj-baris-grup{background:0 0;border:0;margin-top:4px;padding:0}.jp-tabel-kartu>tbody>tr.lpj-baris-grup>td{text-align:left;border-radius:var(--bs-border-radius);display:block;padding:8px 12px!important}.jp-tabel-kartu>tbody>tr.lpj-baris-grup>td:before{content:none}}.lpj-kartu-rekap{text-align:left;width:100%;height:100%;color:var(--bs-body-color);background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.lpj-kartu-rekap:hover{border-color:rgba(var(--jp-aksen-rgb), .6)}.lpj-kartu-rekap.aktif{border:2px solid var(--jp-aksen);box-shadow:0 0 0 3px var(--jp-aksen-lembut)}.lpj-kartu-rekap-judul{font-size:.82rem;font-weight:600;line-height:1.25}.lpj-kartu-rekap-angka{color:var(--jp-aksen-tulis);font-size:1.5rem;font-weight:700;line-height:1.1}.lpj-kartu-rekap .badge{font-weight:600}.lpj-tgl-ikut{border-radius:var(--bs-border-radius);border:1px solid rgba(var(--jp-aksen-rgb), .25);background:var(--jp-aksen-lembut);height:100%;padding:8px 10px}.lpj-tgl-ikut.lepas{border-color:rgba(var(--bs-warning-rgb), .55);background:rgba(var(--bs-warning-rgb), .08)}.lpj-tgl-pesan{border-radius:var(--bs-border-radius);border:1px solid rgba(var(--bs-warning-rgb), .45);background:rgba(var(--bs-warning-rgb), .08);padding:6px 10px}.lpj-daftar-periode{max-height:70vh;overflow-y:auto}.lpj-periode-item{text-align:left}.list-group-item.lpj-periode-item.aktif,.list-group-item.lpj-periode-item.aktif:hover,.list-group-item.lpj-periode-item.aktif:focus{background-color:var(--jp-aksen-teks);border-color:var(--jp-aksen-teks);color:#fff;box-shadow:inset 5px 0 #00000038}.lpj-periode-item.aktif .text-body-secondary{color:#ffffffd1!important}.lpj-periode-item.aktif .text-warning{color:#ffd166!important}.lpj-periode-item.aktif .badge{box-shadow:0 0 0 1px #ffffff8c}.lpj-semua-hari{border:1px solid rgba(var(--jp-aksen-rgb), .45);color:var(--jp-aksen-tulis);white-space:nowrap;background:0 0;border-radius:5px;margin:3px auto 0;padding:0 5px;font-size:.66rem;line-height:1.5;display:block}.lpj-semua-baris{border:1px solid rgba(var(--jp-aksen-rgb), .45);width:30px;height:30px;color:var(--jp-aksen-tulis);background:0 0;border-radius:7px;padding:0;font-weight:700}.lpj-semua-hari:hover,.lpj-semua-baris:hover{background:var(--jp-aksen-lembut)}.lpj-hadir-per-hari>td{background:var(--bs-tertiary-bg)}.lpj-bar-simpan.lpj-bar-ubah{border-color:rgba(var(--bs-warning-rgb), .6);background:color-mix(in srgb, var(--jp-kartu) 88%, var(--bs-warning))}.lpj-rekap-rinci>td{background:var(--jp-aksen-lembut)!important}.lpj-rekap-rinci .table{--bs-table-bg:var(--jp-kartu);border-radius:var(--bs-border-radius);overflow:hidden}.lpj-beda-pajak{border-radius:var(--bs-border-radius);border:1px solid rgba(var(--bs-warning-rgb), .55);background:rgba(var(--bs-warning-rgb), .1);padding:8px 10px}.lpj-tab-upah .nav-link{font-weight:600}.lpj-lebar-angka{max-width:200px}.lpj-lebar-kecil{max-width:110px}:root{--lpj-tarik-bg:#eaf2fd;--lpj-tarik-bg-angka:#e0ebfb;--lpj-tarik-garis:#b6cff3;--lpj-tarik-lencana-bg:#d3e3fa;--lpj-tarik-teks:#1d4f91}[data-bs-theme=dark]{--lpj-tarik-bg:#4d91ff1f;--lpj-tarik-bg-angka:#4d91ff2b;--lpj-tarik-garis:#4d91ff73;--lpj-tarik-lencana-bg:#4d91ff3d;--lpj-tarik-teks:#a5c8ff}.lpj-tarik-uraian{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.lpj-tarik-lencana{background:var(--lpj-tarik-lencana-bg);color:var(--lpj-tarik-teks);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.lpj-tarik-arah{color:var(--lpj-tarik-teks);white-space:nowrap;font-size:.8rem;font-weight:400}.lpj-tarik-contoh{background:var(--lpj-tarik-bg);border:1px solid var(--lpj-tarik-garis);border-radius:3px;flex:none;width:14px;height:14px}@media (width>=768px){.lpj-tabel-buku>tbody>tr.lpj-baris-tarik>td{--bs-table-bg:var(--lpj-tarik-bg)}.lpj-tabel-buku>tbody>tr.lpj-baris-tarik>td.text-end{--bs-table-bg:var(--lpj-tarik-bg-angka)}}@media (width<=767.98px){.jp-tabel-kartu>tbody>tr.lpj-baris-tarik{background:var(--lpj-tarik-bg);border-color:var(--lpj-tarik-garis)}}.lpj-huruf-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.lpj-huruf-opsi{text-align:left;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--jp-kartu);min-height:44px;color:inherit;font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;margin:1px;padding:10px 12px;display:flex}.lpj-huruf-opsi:hover{border-color:rgba(var(--jp-aksen-rgb), .5)}.lpj-huruf-opsi.aktif{border:2px solid var(--jp-aksen);background:rgba(var(--jp-aksen-rgb), .06);margin:0}.lpj-huruf-contoh{font-size:1.75rem;font-weight:600;line-height:1.1}.lpj-huruf-angka{font-variant-numeric:tabular-nums}.lpj-huruf-centang{color:var(--jp-aksen-tulis);font-size:1.1rem}.lpj-huruf-pratinjau{border:1px dashed var(--bs-border-color);border-radius:var(--bs-border-radius);padding:12px 14px}.lpj-huruf-pratinjau-judul{letter-spacing:.06em;text-transform:uppercase;color:var(--bs-secondary-color);margin-bottom:4px;font-size:.72rem;font-weight:700}.lpj-tabel-buku td.text-end{font-variant-numeric:tabular-nums}.lpj-huruf-pratinjau .lpj-tabel-buku>tbody>tr.lpj-baris-tarik>td{--bs-table-bg:var(--lpj-tarik-bg)}.form-control-sm.is-invalid{background-image:none;padding-right:.5rem}.lpj-judul-urut{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit}.lpj-judul-urut.aktif{color:var(--jp-aksen-tulis)}.lpj-rincian-barang{--bs-table-bg:var(--bs-body-bg);border:1px solid var(--bs-border-color);font-size:.82rem}.lpj-rincian-barang th{font-size:.72rem}.lpj-saran-barang{z-index:1056;background:var(--bs-body-bg);max-height:340px;color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);padding:6px;font-size:.875rem;position:fixed;overflow:auto;box-shadow:0 10px 30px #1018282e}.lpj-saran-judul{letter-spacing:.05em;text-transform:uppercase;color:var(--bs-secondary-color);padding:6px 8px 2px;font-size:.68rem;font-weight:700}.lpj-saran-item{border-radius:var(--bs-border-radius-sm);cursor:pointer;grid-template-columns:1fr auto;gap:0 12px;padding:6px 8px;display:grid}.lpj-saran-item.aktif{background:rgba(var(--jp-aksen-rgb), .1)}.lpj-saran-item mark{color:inherit;background:#facc1573;border-radius:2px}.lpj-saran-ket{color:var(--bs-secondary-color);grid-column:1/-1;font-size:.78rem}.lpj-saran-kaki{color:var(--bs-secondary-color);border-top:1px solid var(--bs-border-color);margin-top:4px;padding:6px 8px 2px;font-size:.72rem}.lpj-info-barang{margin-top:3px;font-size:.78rem;font-weight:400}.lpj-uraian-otomatis{cursor:text;white-space:normal;height:auto;min-height:64px;line-height:1.6}.lpj-uraian-otomatis:focus-within{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:rgba(var(--jp-aksen-rgb), .6);box-shadow:0 0 0 .25rem rgba(var(--jp-aksen-rgb), .2);outline:0}.lpj-uraian-pembuka{white-space:pre-wrap;outline:none}.lpj-uraian-pembuka:empty:before{content:attr(data-placeholder);color:var(--bs-secondary-color)}.lpj-uraian-ekor{cursor:default;background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;margin-left:4px;padding:1px 6px}.lpj-uraian-ekor .bi{font-size:.75em}.lpj-uraian-hasil{border:1px dashed var(--bs-border-color);border-radius:var(--bs-border-radius);color:var(--bs-secondary-color);margin-top:6px;padding:6px 10px}.lpj-uraian-hasil b{color:var(--bs-body-color);font-weight:600}@media (width>=768px){.lpj-tabel-item>tbody>tr>td{vertical-align:top}.lpj-tabel-item>tbody>tr>td.lpj-sel-jumlah{padding-top:calc(.25rem + 4px)}}.lpj-kaki-bulat{gap:.35rem;padding-top:.5rem;display:grid}.lpj-kaki-baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;display:flex}.lpj-kaki-baris>:last-child{text-align:right;margin-left:auto}.lpj-kaki-akhir{border-top:1px solid var(--bs-border-color);padding-top:.5rem;font-weight:700}.lpj-kaki-akhir>:last-child{color:var(--jp-aksen-tulis);font-size:1.15rem}.lpj-daftar-bulan{max-height:70vh;overflow-y:auto}.lpj-daftar-bulan .list-group-item{padding:.55rem .9rem}.lpj-daftar-bulan-ket{color:var(--bs-secondary-color)}.lpj-daftar-bulan .list-group-item.active .lpj-daftar-bulan-ket{color:inherit;opacity:.85}.lpj-target-kas{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.lpj-target-kas>div{border-right:1px solid var(--bs-border-color);padding:.6rem .8rem}.lpj-target-kas>div:last-child{border-right:0}.lpj-target-kas .pas{background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis)}.lpj-target-kas .kurang{background:var(--bs-warning-bg-subtle);color:var(--bs-warning-text-emphasis)}.lpj-target-kas .lebih{background:var(--bs-danger-bg-subtle);color:var(--bs-danger-text-emphasis)}.lpj-tabel-pecahan .form-control{max-width:140px;margin-left:auto}.lpj-ringkas-kas td{padding-top:.45rem;padding-bottom:.45rem}@media (width<=575.98px){.lpj-target-kas{grid-template-columns:1fr}.lpj-target-kas>div{border-right:0;border-bottom:1px solid var(--bs-border-color)}.lpj-target-kas>div:last-child{border-bottom:0}.lpj-ringkas-kas td:nth-child(2){display:none}}.lpj-pemilih-rab{white-space:normal;height:auto;min-height:31px;line-height:1.25;overflow:hidden}.lpj-pemilih-rab .lpj-pemilih-jalur{color:var(--bs-secondary-color);font-size:.72rem;display:block}.lpj-pemilih-rab .lpj-pemilih-ujung{font-weight:600}.lpj-pemilih-rab .lpj-pemilih-belum{color:var(--bs-warning-text-emphasis);font-size:.75rem}.lpj-panel-rab{z-index:1056;background:var(--bs-body-bg);max-height:420px;color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);flex-direction:column;font-size:.85rem;display:flex;position:fixed;box-shadow:0 10px 30px #1018282e}.lpj-panel-rab-cari{border-bottom:1px solid var(--bs-border-color);padding:8px}.lpj-panel-rab-daftar{padding:4px 0;overflow-y:auto}.lpj-opsi-rab{text-align:left;width:100%;color:inherit;background:0 0;border:0;gap:10px;padding:5px 10px;display:flex}.lpj-opsi-rab:hover,.lpj-opsi-rab:focus{background:rgba(var(--jp-aksen-rgb), .08);outline:none}.lpj-opsi-rab.aktif{background:rgba(var(--jp-aksen-rgb), .15)}.lpj-opsi-rab.keg{background:var(--bs-tertiary-bg);font-weight:700}.lpj-opsi-rab.grp{font-weight:600}.lpj-opsi-rab .nm{flex:1}.lpj-opsi-rab .ket{color:var(--bs-secondary-color);white-space:nowrap;font-size:.75rem;font-weight:400}.lpj-opsi-rab mark{color:inherit;background:#facc1573;border-radius:2px}.lpj-saran-rab{background:var(--bs-info-bg-subtle);color:var(--bs-info-text-emphasis);border:0;border-radius:999px;margin-top:3px;padding:0 8px;font-size:.72rem}.lpj-pohon-rab tr.lpj-rab-kegiatan>td{background:rgba(var(--jp-aksen-rgb), .07);font-weight:700}.lpj-pohon-rab tr.lpj-rab-grup>td{font-weight:600}.lpj-pohon-rab tr.lpj-rab-dihapus>td .lpj-nama-rab{color:var(--bs-secondary-color);text-decoration:line-through}.lpj-pohon-rab .lpj-kode-rab{min-width:20px;color:var(--jp-aksen-tulis);font-weight:700;display:inline-block}.lpj-pohon-rab .lpj-lipat{width:18px;color:var(--bs-secondary-color);text-decoration:none}.lpj-kol-awal{background:#6c757d0d}.lpj-kol-cco{background:#0d6efd0d}.lpj-kotak-awal{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color)}.lpj-kotak-cco{background:var(--bs-info-bg-subtle);border:1px solid var(--bs-info-border-subtle)}.lpj-bar-pilih{bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:1020;border:1px solid var(--bs-primary-border-subtle);background:var(--bs-body-bg);border-radius:.6rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .9rem;display:flex;position:sticky}@media (width<=991.98px){.lpj-bar-pilih{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}}@media print{.lpj-bar-pilih{display:none}}.lpj-pecah-asal{background:rgba(var(--bs-success-rgb), .07)}.lpj-pecah-baru{background:rgba(var(--bs-primary-rgb), .07)}.lpj-tabel-pecah .lpj-isian-qty{width:84px;min-width:70px;margin-left:auto}.lpj-tabel-pecah td,.lpj-tabel-pecah th{vertical-align:middle}.lpj-tombol-jabatan{border:1px dashed var(--bs-border-color);color:var(--bs-secondary-color);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:0 .5rem;font-size:.76rem;display:inline-flex}.lpj-tombol-jabatan:hover,.lpj-tombol-jabatan:focus-visible{border-color:var(--bs-primary);color:var(--bs-primary)}.lpj-tombol-jabatan.khusus{border-style:solid;border-color:var(--bs-primary-border-subtle);background:var(--bs-primary-bg-subtle);color:var(--bs-primary-text-emphasis);font-weight:600}.lpj-ubah-jabatan{white-space:normal;text-align:left;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:.5rem;gap:.2rem;width:230px;max-width:70vw;margin:.35rem 0;padding:.5rem;display:grid}:root{--lpj-ofl:#4338ca;--lpj-ofl-bg:#eef2ff;--lpj-ofl-garis:#c7d2fe;--lpj-ofl-teks:#312e81}[data-bs-theme=dark]{--lpj-ofl:#a5b4fc;--lpj-ofl-bg:#6366f129;--lpj-ofl-garis:#818cf866;--lpj-ofl-teks:#c7d2fe}.lpj-alert-offline{background:var(--lpj-ofl-bg);border:1px solid var(--lpj-ofl-garis);color:var(--lpj-ofl-teks)}.lpj-badge-offline{background:var(--lpj-ofl-bg);color:var(--lpj-ofl);border:1px solid var(--lpj-ofl-garis)}.lpj-penanda-offline{background:var(--lpj-ofl-bg);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex;color:var(--lpj-ofl)!important;border:1px solid var(--lpj-ofl-garis)!important}.lpj-penanda-offline:after{display:none}.lpj-penanda-offline .titik{background:currentColor;border-radius:50%;width:8px;height:8px}.lpj-panel-offline{border-color:var(--lpj-ofl-garis);width:340px;max-width:calc(100vw - 24px);overflow:hidden}.lpj-panel-offline .kepala{background:var(--lpj-ofl-bg);color:var(--lpj-ofl);padding:10px 14px;font-weight:700}.lpj-panel-offline dl{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.lpj-panel-offline dt{color:var(--bs-secondary-color);font-weight:400}.lpj-panel-offline dd{margin:0;font-weight:500}.lpj-status-cadangan{border:1px solid var(--bs-border-color);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.lpj-status-cadangan.ok{color:var(--bs-success-text-emphasis);background:var(--bs-body-bg)}.lpj-status-cadangan.peringatan{color:var(--bs-warning-text-emphasis);background:var(--bs-warning-bg-subtle);border-color:var(--bs-warning-border-subtle)}.lpj-status-cadangan.galat{color:var(--bs-danger-text-emphasis);background:var(--bs-danger-bg-subtle);border-color:var(--bs-danger-border-subtle)}.lpj-putar{animation:1s linear infinite lpj-putar;display:inline-block}@keyframes lpj-putar{to{transform:rotate(360deg)}}.lpj-logo-offline{background:var(--jp-aksen,#0f766e);color:#fff;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:.95rem;font-weight:800;display:grid;position:relative}.lpj-logo-offline span{color:#fff;border:2px solid var(--bs-body-bg);background:#4338ca;border-radius:6px;padding:1px 4px;font-size:.6rem;position:absolute;bottom:-6px;right:-6px}.lpj-layar-awal{background:linear-gradient(160deg, rgba(var(--jp-aksen-rgb,15, 118, 110), .1) 0%, var(--bs-tertiary-bg) 45%, var(--lpj-ofl-bg) 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:28px 14px 60px;display:flex}.lpj-kartu-awal{border-radius:16px;width:100%;max-width:680px}.lpj-langkah-awal{flex-wrap:wrap;gap:6px;display:flex}.lpj-langkah-awal span{background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);border-radius:999px;padding:3px 10px;font-size:.8rem}.lpj-langkah-awal span.aktif{background:var(--jp-aksen,#0f766e);color:#fff;font-weight:600}.lpj-langkah-awal span.selesai{background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis)}.lpj-opsi-awal{text-align:left;border:1.5px solid var(--bs-border-color);background:var(--bs-body-bg);width:100%;height:100%;color:inherit;border-radius:12px;align-content:start;gap:6px;padding:14px;display:grid}.lpj-opsi-awal:hover{border-color:var(--jp-aksen,#0f766e)}.lpj-opsi-awal.pilih{border-color:var(--jp-aksen,#0f766e);background:rgba(var(--jp-aksen-rgb,15, 118, 110), .08);box-shadow:0 0 0 3px rgba(var(--jp-aksen-rgb,15, 118, 110), .12)}.lpj-opsi-awal i{color:var(--jp-aksen,#0f766e);font-size:1.5rem}.lpj-isian-pin{letter-spacing:8px;text-align:center;font-size:1.25rem}.lpj-layar-kunci{z-index:2000;background:linear-gradient(160deg, rgba(var(--jp-aksen-rgb,15, 118, 110), .12) 0%, var(--bs-body-bg) 45%, var(--lpj-ofl-bg) 100%);background-color:var(--bs-body-bg);justify-content:center;align-items:flex-start;padding:6vh 14px 30px;display:flex;position:fixed;inset:0;overflow-y:auto}.lpj-kartu-kunci{border-radius:16px;width:100%;max-width:380px}.lpj-titik-pin{justify-content:center;gap:12px;margin:8px 0 14px;display:flex}.lpj-titik-pin span{border:2px solid var(--bs-secondary-color);border-radius:50%;width:14px;height:14px}.lpj-titik-pin span.isi{background:var(--jp-aksen,#0f766e);border-color:var(--jp-aksen,#0f766e)}.lpj-titik-pin.salah span{border-color:var(--bs-danger)}.lpj-titik-pin.goyang{animation:.35s lpj-goyang}@keyframes lpj-goyang{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.lpj-papan-pin{grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:0 auto;display:grid}.lpj-papan-pin button{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);height:54px;color:inherit;border-radius:12px;font-size:1.25rem;font-weight:600}.lpj-papan-pin button:active{background:rgba(var(--jp-aksen-rgb,15, 118, 110), .15)}.lpj-papan-pin button.fungsi{color:var(--bs-secondary-color);font-size:1.1rem}.lpj-papan-pin button:disabled{opacity:.5}