:root{--siakad-navy:#1d4e89;--siakad-navy-rgb:29, 78, 137;--siakad-navy-gelap:#163b68;--siakad-navy-muda:#e3ebf5;--siakad-emas:#e0b84f;--siakad-tinggi-atas:6rem;--bs-primary:var(--siakad-navy);--bs-primary-rgb:var(--siakad-navy-rgb);--bs-primary-text-emphasis:#0c1f37;--bs-primary-bg-subtle:#d8e3f0;--bs-primary-border-subtle:#b1c6df;--bs-link-color:var(--siakad-navy);--bs-link-color-rgb:var(--siakad-navy-rgb);--bs-link-hover-color:var(--siakad-navy-gelap);--bs-link-hover-color-rgb:22, 59, 104}.btn-primary{--bs-btn-bg:var(--siakad-navy);--bs-btn-border-color:var(--siakad-navy);--bs-btn-hover-bg:var(--siakad-navy-gelap);--bs-btn-hover-border-color:var(--siakad-navy-gelap);--bs-btn-focus-shadow-rgb:var(--siakad-navy-rgb);--bs-btn-active-bg:#12315a;--bs-btn-active-border-color:#12315a;--bs-btn-disabled-bg:var(--siakad-navy);--bs-btn-disabled-border-color:var(--siakad-navy)}.btn-link{--bs-btn-color:var(--siakad-navy);--bs-btn-hover-color:var(--siakad-navy-gelap);--bs-btn-active-color:var(--siakad-navy-gelap)}:root{--siakad-biru-laut:#1f7fb4;--siakad-kuning:#f2b02e;--siakad-kuning-tua:#8a5a00}.btn-info{--bs-btn-color:#fff;--bs-btn-bg:var(--siakad-biru-laut);--bs-btn-border-color:var(--siakad-biru-laut);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#19699a;--bs-btn-hover-border-color:#19699a;--bs-btn-focus-shadow-rgb:31, 127, 180;--bs-btn-active-color:#fff;--bs-btn-active-bg:#155a84;--bs-btn-active-border-color:#155a84}.btn-warning{--bs-btn-color:#1f2d4d;--bs-btn-bg:var(--siakad-kuning);--bs-btn-border-color:var(--siakad-kuning);--bs-btn-hover-color:#1f2d4d;--bs-btn-hover-bg:#e09e1c;--bs-btn-hover-border-color:#e09e1c;--bs-btn-active-color:#1f2d4d;--bs-btn-active-bg:#d0901a;--bs-btn-active-border-color:#d0901a}.card .card-header .card-title i{color:var(--siakad-navy)}.pagination{--bs-pagination-color:var(--siakad-navy);--bs-pagination-focus-color:var(--siakad-navy-gelap);--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(var(--siakad-navy-rgb), .25);--bs-pagination-active-bg:var(--siakad-navy);--bs-pagination-active-border-color:var(--siakad-navy)}.pagination.pagination-primary .page-item.active .page-link{background-color:var(--siakad-navy);border-color:var(--siakad-navy)}.dropdown-menu{--bs-dropdown-link-active-bg:var(--siakad-navy)}.list-group{--bs-list-group-active-bg:var(--siakad-navy);--bs-list-group-active-border-color:var(--siakad-navy)}.nav-pills{--bs-nav-pills-link-active-bg:var(--siakad-navy)}.nav-tabs .nav-link.active{color:var(--siakad-navy)}.nav-tabs .nav-link.active:after{background-color:var(--siakad-navy)}.progress{--bs-progress-bar-bg:var(--siakad-navy)}.progress.progress-primary .progress-bar{background-color:var(--siakad-navy)}.form-control:focus,.form-select:focus,.form-check-input:focus{box-shadow:0 0 0 .25rem rgba(var(--siakad-navy-rgb), .2);border-color:#8eaad0}.form-check-input:checked,.form-check-input[type=checkbox]:indeterminate{background-color:var(--siakad-navy);border-color:var(--siakad-navy)}html{font-size:15px}:root{--bs-body-bg:#f4f6fa;--siakad-teks:#1f2d4d;--siakad-teks-redup:#6b7a90;--siakad-garis:#e3e8ef}#main #main-content{padding:1.5rem 1.75rem}.card{--bs-card-border-radius:.75rem;--bs-card-inner-border-radius:calc(.75rem - 1px);border:1px solid var(--siakad-garis);margin-bottom:1.5rem;box-shadow:0 1px 2px #1018280a}.card-header{background-color:#fff;border:0;border-bottom:1px solid #edf1f6;padding:.9rem 1.25rem}.card .card-header .card-title{color:var(--siakad-teks);align-items:center;margin:0;font-size:1rem;font-weight:700;display:flex}.card-body,.card-header~.card-body{padding:1.25rem}.card-footer{background-color:#fff;border-top:1px solid #edf1f6;padding:.75rem 1.25rem}.card-footer .pagination{margin-bottom:0}.table{font-size:.93rem}.table>:not(caption)>tr>:not(:first-child){border-left:1px solid var(--siakad-garis)}.table>tbody>tr.baris-kelompok{--bs-table-bg:#f7f9fc}.table>tbody>tr.baris-kelompok>td{color:var(--siakad-teks);font-weight:700}.table>tbody>tr.baris-aktif{--bs-table-bg:#eef8f2}.table>tbody>tr.baris-aktif>td:first-child{box-shadow:inset 3px 0 #1f8a57}.angka{font-variant-numeric:tabular-nums}.table>thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--siakad-teks-redup);background-color:#f7f9fc;font-size:.75rem;font-weight:700}.page-heading{margin:0 0 1.5rem}.page-heading .breadcrumb{margin-bottom:.35rem;font-size:.8rem}.page-heading h3{color:var(--siakad-teks);margin:0;font-size:1.5rem;font-weight:700}.page-heading .page-subtitle{color:var(--siakad-teks-redup);margin:.25rem 0 0;font-size:.95rem}#sidebar .sidebar-wrapper{background-color:#0f2a4d}#sidebar .sidebar-header{height:var(--siakad-tinggi-atas);border-bottom:1px solid #ffffff14;align-items:center;padding:0 1.5rem;display:flex}#sidebar .sidebar-header>.d-flex{flex:1;min-width:0}#sidebar .sidebar-header .sidebar-brand img.logo-lembaga{object-fit:cover;background-color:#fff;border-radius:50%;flex-shrink:0;width:4.125rem;height:4.125rem;padding:3px}#sidebar .sidebar-brand .sidebar-app-name{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.1}#sidebar .sidebar-brand .sidebar-lembaga{color:#fff9;margin-top:.15rem;font-size:.75rem;font-weight:600;line-height:1.2}#sidebar .sidebar-toggler.x a{color:#fff}.sidebar-wrapper .menu{margin-top:1rem;padding:0 1.25rem}.sidebar-wrapper .menu .sidebar-title{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin:1.25rem 0 .5rem;padding:0 .9rem;font-size:.7rem;font-weight:700}.sidebar-wrapper .menu .sidebar-item{margin-top:.2rem}.sidebar-wrapper .menu .sidebar-link{color:#ffffffc7;border-radius:.375rem;padding:.6rem .9rem;font-size:.95rem}.sidebar-wrapper .menu .sidebar-link span{margin-left:.85rem}.sidebar-wrapper .menu .sidebar-link i{color:#ffffff8c}.sidebar-wrapper .menu .sidebar-link:hover{color:#fff;background-color:#ffffff12}.sidebar-wrapper .menu .sidebar-item.has-sub>.sidebar-link:after{filter:brightness(0)invert();opacity:.6}.sidebar-wrapper .menu .sidebar-item.active>.sidebar-link{background-color:var(--siakad-navy);box-shadow:inset 3px 0 0 var(--siakad-emas);color:#fff}.sidebar-wrapper .menu .submenu{padding-left:0;position:relative}.sidebar-wrapper .menu .submenu:before{content:"";background-color:#ffffff26;width:1px;position:absolute;top:.35rem;bottom:.35rem;left:1.45rem}.sidebar-wrapper .menu .submenu .submenu-item a{letter-spacing:0;color:#ffffffb3;align-items:center;padding:.45rem .9rem .45rem 2.75rem;font-size:.9rem;display:flex}.sidebar-wrapper .menu .submenu .submenu-item a i{opacity:.7;font-size:.95rem}.sidebar-wrapper .menu .submenu .submenu-item a:hover{color:#fff;margin-left:0}.sidebar-wrapper .menu .submenu .submenu-item.active>a{color:var(--siakad-emas)}.sidebar-wrapper .menu .submenu .submenu-item.active>a i{opacity:1}#main.layout-navbar{flex-direction:column;min-height:100vh;display:flex}#main #main-content{flex:1 0 auto}.footer-siakad{color:#3d4b66;border-top:1px solid var(--siakad-garis);background-color:#fff;padding:1rem 1.75rem;font-size:.85rem;font-weight:600}.footer-siakad .footer-app{color:var(--siakad-navy);font-weight:800}.layout-navbar{--navbar-height:var(--siakad-tinggi-atas)}#main .navbar-top{border-bottom:1px solid var(--siakad-garis);background-color:#fff;min-height:4rem;padding:.5rem 1.25rem;box-shadow:0 1px 4px #0f2a4d0f}.periode-aktif{color:var(--siakad-navy);background-color:var(--siakad-navy-muda);border:1px solid #c9d8ea;border-radius:2rem;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.periode-aktif i{color:var(--siakad-navy)}.user-menu{color:inherit}.user-menu-nama{max-width:14rem;color:var(--siakad-teks);font-size:.9rem;font-weight:700}.user-menu-peran{color:var(--siakad-teks-redup);font-size:.75rem}.navbar-top .dropdown-menu{border:1px solid var(--siakad-garis);border-radius:.5rem;min-width:15rem;padding:.5rem;box-shadow:0 .5rem 1.5rem #0f2a4d1f}.navbar-top .dropdown-header{white-space:normal;padding:.5rem .75rem}.navbar-top .dropdown-item{border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem}.navbar-top .dropdown-item:hover,.navbar-top .dropdown-item:focus{background-color:#f4f6fa}.navbar-top .dropdown-item.text-danger:hover,.navbar-top .dropdown-item.text-danger:focus{background-color:#fdecec}.avatar-inisial{letter-spacing:.03em;color:#fff;background-color:var(--siakad-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:.85rem;font-weight:800;display:inline-flex}.avatar-foto{object-fit:cover;border:2px solid var(--siakad-navy-muda);border-radius:50%;flex-shrink:0;width:2.4rem;height:2.4rem}.nav-tabs{border-bottom:1px solid var(--siakad-garis)}.nav-tabs .nav-link{color:var(--siakad-teks-redup);background-color:#0000;border:0;border-bottom:3px solid #0000;padding:.6rem 1.1rem;font-weight:600}.nav-tabs .nav-link:hover{color:var(--siakad-navy);border-bottom-color:#c9d8ea}.nav-tabs .nav-link.active{color:var(--siakad-navy);border-bottom-color:var(--siakad-navy);background-color:#0000;font-weight:700}.card.kartu-tab{margin-top:1rem}.data-judul{letter-spacing:.08em;text-transform:uppercase;color:var(--siakad-navy);margin:1.5rem 0 .35rem;font-size:.75rem;font-weight:800}.data-judul:first-child{margin-top:0}.data-baris{border-bottom:1px solid #eef2f7;gap:1rem;padding:.5rem 0;display:flex}.data-baris:last-child{border-bottom:0}.data-baris-label{color:var(--siakad-teks-redup);flex:0 0 13rem;font-size:.88rem}.data-baris-nilai{min-width:0;color:var(--siakad-teks);word-break:break-word;font-weight:600}@media (width<=575.98px){.data-baris{flex-direction:column;gap:.1rem}.data-baris-label{flex:none}}.avatar-inisial.avatar-profil{width:4.5rem;height:4.5rem;font-size:1.5rem}.kartu-profil .card-body{padding:1.1rem 1rem}.foto-profil.foto-profil-kecil{width:4.5rem;height:4.5rem}.foto-profil{object-fit:cover;border:3px solid var(--siakad-navy-muda);border-radius:50%;width:6rem;height:6rem}.stat-card .card-body{padding:1.1rem 1.25rem}.stat-card .stats-icon{float:none;border-radius:.6rem;width:3rem;height:3rem;margin:0}.stats-icon i{font-size:1.4rem}.stats-icon.navy{background-color:var(--siakad-navy-muda)}.stats-icon.navy i{color:var(--siakad-navy)}.stats-icon.gold{background-color:#fbf1d6}.stats-icon.gold i{color:#a8801a}.stats-icon.green{background-color:#dcf2e6}.stats-icon.green i{color:#1f8a57}.stats-icon.red{background-color:#fbe3e3}.stats-icon.red i{color:#c0392b}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--siakad-teks-redup);font-size:.72rem;font-weight:700}.stat-value{color:var(--siakad-teks);font-size:1.6rem;font-weight:800;line-height:1.25}.stat-note{color:#8a97ab;font-size:.8rem}.min-w-0{min-width:0}#auth #auth-left{flex-direction:column;justify-content:center;min-height:100vh;display:flex}#auth .auth-brand{margin-bottom:2.5rem}#auth .auth-brand img.logo-lembaga{object-fit:cover;width:6rem;height:6rem;margin:0 auto 1rem;display:block}#auth .auth-app-name{letter-spacing:.5px;color:var(--bs-primary);font-size:2.25rem;font-weight:800;line-height:1.1}#auth .auth-lembaga{color:#6c757d;margin-top:.35rem;font-size:1.05rem;font-weight:600}#auth #auth-left .auth-title{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}#auth #auth-left .auth-subtitle{font-size:1rem;line-height:1.5rem}#auth .form-control.form-control-xl{padding:.75rem 1rem;font-size:1rem}#auth .form-group[class*=has-icon-] .form-control.form-control-xl{padding-left:2.75rem}#auth .form-group[class*=has-icon-] .form-control.form-control-xl~.form-control-icon{align-items:center;display:flex;top:50%;transform:translateY(-50%)}#auth .form-group[class*=has-icon-] .form-control.form-control-xl~.form-control-icon i{font-size:1.25rem;line-height:1}#auth #auth-right{--navy:12, 30, 66;background:linear-gradient(180deg, rgba(var(--navy), .7) 0%, rgba(var(--navy), .45) 35%, rgba(var(--navy), .12) 65%, rgba(var(--navy), .3) 100%), var(--foto-login) center 75% / cover no-repeat, rgb(var(--navy))}
