:root{--color-grey-basic:gray;--color-grey-1:#bfbfbf;--color-grey-2:#d9d9d9;--color-grey-3:#efefef;--color-grey-4:#f8f8f8;--color-grey-5:#e1e1e1;--color-grey-6:#f1f1f1;--color-grey-7:#f2f2f2;--color-grey-8:#e3e3e3;--color-red-1:#e41b23;--color-grey-active:silver;--color-grey-active-1:#d3d3d3;--color-grey-border-button-primary:#adadad}*,body{font-size:10px}body{font-family:Google Sans,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f4f6f9}h1{font-size:16px}h2{font-size:15px}h3{font-size:14px}h4{font-size:13px}h5{font-size:12px}h6{font-size:11px}.main-header{height:30px}@media(min-width:992px){.main-footer{margin-left:0!important}}.sidebar-light{background-color:#f4f6f9;border-right:1px solid #dee2e6}.sidebar-light .nav-sidebar>.nav-item>.nav-link{color:#3d4452;border-left:3px solid transparent;height:31px;transition:background-color .12s}.sidebar-light .nav-sidebar>.nav-item>.nav-link:hover{background-color:#0000000f;color:#3d4452}.sidebar-light .nav-sidebar>.nav-item>.nav-link.active{background-color:#00000017;color:#1a252f;border-left-color:transparent}.sidebar-light .nav-treeview>.nav-item>.nav-link{color:#3d4452;height:31px}.sidebar-light .nav-treeview>.nav-item>.nav-link:hover{background-color:#0000000f;color:#3d4452}.sidebar-light .nav-treeview>.nav-item>.nav-link.active{background-color:#00000017;color:#1a252f}.examio-nav-header,.nav-header{border-bottom:1px solid #dee2e6!important;font-size:9.5px!important;letter-spacing:.7px!important;background-color:#f8f9fa!important;padding:7px 10px!important;height:31px!important;line-height:17px!important;color:#5a626a!important;text-transform:uppercase!important}.examio-nav-header:not(:first-child),.nav-header:not(:first-child){margin-top:31px!important;border-top:1px solid #dee2e6!important}.sidebar .nav-link i{font-size:11px;width:14px;text-align:center;flex-shrink:0;margin-right:4px}.sidebar .nav-link .fas.fa-angle-left,.sidebar .nav-link .fas.fa-angle-up{font-size:9px;color:#bbb}.nav-treeview{background-color:#00000005}.sidebar .nav-treeview>.nav-item>.nav-link{padding-left:1.5rem!important;font-size:10px}.sidebar-light .brand-link{display:none}.examio-user-panel{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #dee2e6;background:#f4f6f9}.examio-user-avatar{width:42px;height:42px;border-radius:50%;background:#e9ecef;border:2px solid #007bff;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:16px;flex-shrink:0}.examio-user-info{margin-left:10px;overflow:hidden}.examio-user-name{font-size:12px;font-weight:600;color:#333;line-height:1.2}.examio-user-role{font-size:10px;color:#888;line-height:1.2}.examio-logout-link,.sidebar-link-danger{color:#dc3545!important}.examio-logout-link:hover,.sidebar-link-danger:hover{background-color:#dc354512!important;color:#dc3545!important}.main-header.navbar{padding:0!important;min-height:30px!important;height:30px!important}.main-header .nav-link{padding:0 8px!important;font-size:10px;line-height:28px;height:30px;display:flex;align-items:center}.main-header .nav-link i{font-size:11px;margin:0}.examio-topbar-profile{display:flex;align-items:center;padding:0 16px;height:65px;width:100%;background-color:#fff;border-bottom:1px solid #dee2e6}.examio-topbar-avatar{width:35px;height:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:10px;border:1.5px solid #d0d4dc}.examio-topbar-info{display:flex;flex-direction:column}.examio-topbar-name{color:#1a252f;margin:0;line-height:1.2}.examio-topbar-role{color:#5a626a;margin-top:1px}.table td,.table th{padding:.4rem;font-size:10px;vertical-align:middle}.table thead th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;color:#444;font-size:10px}.table-hover tbody tr:hover{background-color:#f0f4ff}.card{border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 3px #0000000a}.card-header{padding:.5rem .75rem;background-color:#fff;border-bottom:1px solid #dee2e6}.card-body{padding:.75rem}.examio-stat-card{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:14px 16px;margin-bottom:12px}.examio-stat-label{font-size:9px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.examio-stat-value{font-size:22px;font-weight:700;color:#333}.btn{font-size:10px!important;padding:.2rem .4rem!important;line-height:1.2!important;border-radius:3px}.btn-xs{padding:1px 5px!important;font-size:9px!important}.btn-sm,.card-tools .btn{font-size:9px!important;padding:.15rem .4rem!important}.table .btn+.btn{margin-left:4px}.badge{font-size:9px;padding:2px 5px}.breadcrumb{font-size:10px;margin-bottom:0;background:transparent}.info-box{min-height:50px;padding:.5rem;border:1px solid #dee2e6;border-radius:4px}.info-box .info-box-text{font-size:10px}.info-box .info-box-number{font-size:13px}.form-control{font-size:10px;padding:.2rem .5rem;border-radius:3px;border:1px solid #ced4da}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff1f}.form-group{margin-bottom:.5rem}.form-group label{font-size:10px;margin-bottom:2px}.modal-header{padding:.5rem .75rem}.modal-body{padding:.75rem}.modal-footer{padding:.5rem .75rem}.modal-title{font-size:13px}.content-header{padding:.3rem .75rem}.content-header h1{font-size:13px;margin:0}.wrapper{min-height:100vh}.fullscreen-mode .main-footer,.fullscreen-mode .main-header,.fullscreen-mode .main-sidebar{display:none!important}.fullscreen-mode .content-wrapper{margin-left:0!important;width:100%!important;max-width:100%!important;min-height:100vh!important}.fullscreen-mode .content-header{display:none}.btn-fullscreen{position:fixed;bottom:15px;right:15px;z-index:9999;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.pagination .page-item.active .page-link{background-color:#007bff;border-color:#007bff}.pagination .page-link{font-size:10px;padding:4px 8px}.small-box h3{font-size:22px}.small-box .small-box-footer,.small-box p,.text-sm{font-size:10px}.btn-group-xs>.btn{padding:2px 6px;font-size:10px}.btn-outline-danger,.btn-outline-info,.btn-outline-primary,.btn-outline-success,.btn-outline-warning{border-width:1.5px;border-radius:4px;padding:3px 7px;font-size:10px;line-height:1}.btn-outline-danger:hover,.btn-outline-info:hover,.btn-outline-primary:hover,.btn-outline-success:hover,.btn-outline-warning:hover{color:#fff}.modal-custom{overflow-y:hidden}.modal-custom-body{max-height:500px;overflow-y:auto;padding:0 10px}.basic-grey-card,.filter-card{background-color:var(--color-grey-4)}body.dark-mode .card{background-color:#1e1e1e;border-color:#404040}body.dark-mode .card-header{background-color:#1e1e1e;border-bottom-color:#404040;color:#e0e0e0}body.dark-mode .card-body{color:#ccc}body.dark-mode .card-title{color:#e0e0e0}body.dark-mode .card-footer{background-color:#1a1a1a;border-top-color:#404040}body.dark-mode .examio-stat-card{background-color:#1e1e1e;border-color:#404040}body.dark-mode .examio-stat-label{color:#aaa}body.dark-mode .examio-stat-value{color:#e0e0e0}body.dark-mode .basic-grey-card,body.dark-mode .filter-card{background-color:#1a1a1a}body.dark-mode .table{color:#ccc}body.dark-mode .table td,body.dark-mode .table th{border-top-color:#404040}body.dark-mode .table thead th{background-color:#2a2a2a;border-bottom-color:#404040;color:#e0e0e0}body.dark-mode .table-hover tbody tr:hover{background-color:#2a2a2a}body.dark-mode .table-striped tbody tr:nth-of-type(odd){background-color:#ffffff05}body.dark-mode .table-bordered,body.dark-mode .table-bordered td,body.dark-mode .table-bordered th{border-color:#404040}body.dark-mode .table-active,body.dark-mode .table-danger,body.dark-mode .table-info,body.dark-mode .table-primary,body.dark-mode .table-success,body.dark-mode .table-warning{background-color:#ffffff0a!important}body.dark-mode .table-active td,body.dark-mode .table-active th,body.dark-mode .table-danger td,body.dark-mode .table-danger th,body.dark-mode .table-info td,body.dark-mode .table-info th,body.dark-mode .table-primary td,body.dark-mode .table-primary th,body.dark-mode .table-success td,body.dark-mode .table-success th,body.dark-mode .table-warning td,body.dark-mode .table-warning th{background-color:transparent}body.dark-mode .table-success{background-color:#28a74526!important}body.dark-mode .form-control{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}body.dark-mode .form-control:focus{background-color:#2a2a2a;border-color:#666;color:#e0e0e0;box-shadow:0 0 0 2px #ffffff14}body.dark-mode .form-control::-moz-placeholder{color:#777}body.dark-mode .form-control::placeholder{color:#777}body.dark-mode .form-control:disabled{background-color:#1a1a1a;color:#888}body.dark-mode select.form-control,body.dark-mode textarea.form-control{background-color:#2a2a2a;color:#e0e0e0}body.dark-mode .form-group label{color:#ccc}body.dark-mode .input-group-text{background-color:#333;border-color:#404040;color:#ccc}body.dark-mode .custom-select,body.dark-mode .form-input{background-color:#2a2a2a;border-color:#404040;color:#e0e0e0}body.dark-mode .form-input:focus{border-color:#666;background-color:#333!important}body.dark-mode .btn-outline-primary{border-color:#4dabf7;color:#4dabf7}body.dark-mode .btn-outline-primary:hover{background-color:#4dabf7;color:#fff}body.dark-mode .btn-outline-info{border-color:#4dd0e1;color:#4dd0e1}body.dark-mode .btn-outline-info:hover{background-color:#4dd0e1;color:#fff}body.dark-mode .btn-outline-success{border-color:#69db7c;color:#69db7c}body.dark-mode .btn-outline-success:hover{background-color:#69db7c;color:#fff}body.dark-mode .btn-outline-warning{border-color:#ffd43b;color:#ffd43b}body.dark-mode .btn-outline-warning:hover{background-color:#ffd43b;color:#1a1a1a}body.dark-mode .btn-outline-danger{border-color:#ef5350;color:#ef5350}body.dark-mode .btn-outline-danger:hover{background-color:#ef5350;color:#fff}body.dark-mode .btn-outline-secondary{border-color:#666;color:#ccc}body.dark-mode .btn-outline-secondary:hover{background-color:#666}body.dark-mode .btn-primary{background-color:#1971c2;border-color:#1971c2;color:#fff}body.dark-mode .btn-primary:hover{background-color:#1864ab}body.dark-mode .btn-secondary{background-color:#444;border-color:#444;color:#e0e0e0}body.dark-mode .btn-secondary:hover{background-color:#555}body.dark-mode .btn-success{background-color:#2f9e44;border-color:#2f9e44}body.dark-mode .btn-danger{background-color:#c92a2a;border-color:#c92a2a}body.dark-mode .btn-warning{color:#1a1a1a}body.dark-mode .btn-info{background-color:#0b7285;border-color:#0b7285}body.dark-mode .btn-light{background-color:#444;border-color:#444;color:#e0e0e0}body.dark-mode .btn-link{color:#4dabf7}body.dark-mode .btn-link:hover{color:#74c0fc}body.dark-mode .modal-content{background-color:#1e1e1e;border-color:#404040}body.dark-mode .modal-header{background-color:#1e1e1e;border-bottom-color:#404040;color:#e0e0e0}body.dark-mode .modal-body{background-color:#1e1e1e;color:#ccc}body.dark-mode .modal-footer{background-color:#1a1a1a;border-top-color:#404040}body.dark-mode .modal-title{color:#e0e0e0}body.dark-mode .close{color:#aaa;text-shadow:none}body.dark-mode .close:hover{color:#e0e0e0}body.dark-mode .modal-backdrop.show{opacity:.7}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal-form{background-color:#1e1e1e;border-color:#404040}body.dark-mode .modal-header-custom{background-color:#1e1e1e;border-bottom-color:#404040}body.dark-mode .modal-header-custom h5{color:#e0e0e0}body.dark-mode .modal-footer-custom{background-color:#1a1a1a;border-top-color:#404040}body.dark-mode .btn-close-modal{color:#aaa}body.dark-mode .btn-close-modal:hover{color:#e0e0e0}body.dark-mode .modal-body-custom{color:#ccc}body.dark-mode .badge{color:#e0e0e0}body.dark-mode .badge-primary{background-color:#1971c2}body.dark-mode .badge-success{background-color:#2f9e44}body.dark-mode .badge-danger{background-color:#c92a2a}body.dark-mode .badge-warning{color:#1a1a1a}body.dark-mode .badge-info{background-color:#0b7285}body.dark-mode .badge-secondary{background-color:#555}body.dark-mode .pagination .page-link{background-color:#2a2a2a;border-color:#404040;color:#ccc}body.dark-mode .pagination .page-link:hover{background-color:#333;color:#e0e0e0}body.dark-mode .pagination .page-item.active .page-link{background-color:#1971c2;border-color:#1971c2;color:#fff}body.dark-mode .pagination .page-item.disabled .page-link{background-color:#1e1e1e;border-color:#333;color:#666}body.dark-mode .info-box{background-color:#1e1e1e;border-color:#404040}body.dark-mode .info-box .info-box-text{color:#aaa}body.dark-mode .info-box .info-box-number{color:#e0e0e0}body.dark-mode .info-box-icon{border-radius:2px 0 0 2px}body.dark-mode .small-box{background-color:#1e1e1e;border-color:#404040}body.dark-mode .small-box h3{color:#e0e0e0}body.dark-mode .small-box p{color:#aaa}body.dark-mode .small-box .small-box-footer{background-color:#ffffff0d;color:#aaa}body.dark-mode .small-box .small-box-footer:hover{background-color:#ffffff1a}body.dark-mode .alert{border-color:#404040}body.dark-mode .alert-primary{background-color:#1e3a5f;color:#b3d9ff;border-color:#2d5a8e}body.dark-mode .alert-success{background-color:#1b3a24;color:#a3d9b1;border-color:#2d5e3a}body.dark-mode .alert-danger{background-color:#3a1b1b;color:#f0a3a3;border-color:#5e2d2d}body.dark-mode .alert-warning{background-color:#3a321b;color:#e6cc80;border-color:#5e4d2d}body.dark-mode .alert-info{background-color:#1b2d3a;color:#a3cce6;border-color:#2d4d5e}body.dark-mode .dropdown-menu{background-color:#2a2a2a;border-color:#404040}body.dark-mode .dropdown-item{color:#ccc}body.dark-mode .dropdown-item:hover{background-color:#333;color:#e0e0e0}body.dark-mode .dropdown-divider{border-top-color:#404040}body.dark-mode .breadcrumb{background:transparent}body.dark-mode .breadcrumb-item{color:#aaa}body.dark-mode .breadcrumb-item a{color:#4dabf7}body.dark-mode .breadcrumb-item.active{color:#e0e0e0}body.dark-mode .breadcrumb-item+.breadcrumb-item:before{color:#666}body.dark-mode .progress{background-color:#2a2a2a}body.dark-mode .list-group-item{background-color:#1e1e1e;border-color:#404040;color:#ccc}body.dark-mode .list-group-item-action:hover{background-color:#2a2a2a}body.dark-mode .nav-tabs{border-bottom-color:#404040}body.dark-mode .nav-tabs .nav-link{color:#aaa}body.dark-mode .nav-tabs .nav-link:hover{border-color:#404040}body.dark-mode .nav-tabs .nav-link.active{background-color:#1e1e1e;border-color:#404040 #404040 #1e1e1e;color:#e0e0e0}body.dark-mode .nav-pills .nav-link{color:#ccc}body.dark-mode .nav-pills .nav-link.active{background-color:#1971c2}body.dark-mode .popover{background-color:#2a2a2a;border-color:#404040}body.dark-mode .popover-header{background-color:#333;border-bottom-color:#404040;color:#e0e0e0}body.dark-mode .popover-body{color:#ccc}body.dark-mode .toast-notif-container .toast-notif,body.dark-mode .toast-notif-container .toast-notif-toast{background-color:#2a2a2a;color:#e0e0e0}body.dark-mode .table-toolbar{background-color:#1a1a1a;border-color:#404040}body.dark-mode .card-tools{color:#e0e0e0}body.dark-mode .dash-stat-card{background-color:#1e1e1e!important;border-color:#404040!important}body.dark-mode .dash-stat-value{color:#e0e0e0!important}body.dark-mode .dash-stat-label{color:#aaa!important}body.dark-mode .dash-progress{background-color:#2a2a2a!important}body.dark-mode .dash-breakdown-item{border-bottom-color:#333!important}body.dark-mode .dash-breakdown-count,body.dark-mode .dash-breakdown-name{color:#ccc!important}body.dark-mode .dash-activity-item{border-bottom-color:#333!important}body.dark-mode .dash-activity-dot{background-color:#2a2a2a!important}body.dark-mode .dash-activity-name{color:#e0e0e0!important}body.dark-mode .dash-activity-meta{color:#aaa!important}body.dark-mode .dash-activity-meta .text-muted{color:#777!important}body.dark-mode .instansi-name{color:#e0e0e0!important;border-bottom-color:#404040!important}body.dark-mode .instansi-table td{color:#ccc!important}body.dark-mode .instansi-table td:nth-child(2){color:#888!important}body.dark-mode .instansi-logo-box{background-color:#1a1a1a!important;border-color:#404040!important}body.dark-mode .instansi-logo-placeholder{color:#777!important}body.dark-mode .text-muted{color:#888!important}body.dark-mode .text-secondary{color:#aaa!important}body.dark-mode .text-dark,body.dark-mode .text-light{color:#e0e0e0!important}body.dark-mode .text-body{color:#ccc!important}body.dark-mode .bg-white{background-color:#1e1e1e!important}body.dark-mode .bg-light{background-color:#2a2a2a!important}body.dark-mode .bg-dark{background-color:#111!important}body.dark-mode .border{border-color:#404040!important}body.dark-mode .border-top{border-top-color:#404040!important}body.dark-mode .border-bottom{border-bottom-color:#404040!important}body.dark-mode .border-left{border-left-color:#404040!important}body.dark-mode .border-right{border-right-color:#404040!important}body.dark-mode hr{border-top-color:#404040}body.dark-mode pre{background-color:#1a1a1a!important;color:#ccc;border-color:#404040}body.dark-mode code{color:#e0e0e0;background-color:#2a2a2a}body.dark-mode blockquote{border-left-color:#404040}body.dark-mode .table-responsive{color:#ccc}body.dark-mode a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.sidebar-link):not(.badge){color:#4dabf7}body.dark-mode a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.sidebar-link):not(.badge):hover{color:#74c0fc}body.dark-mode .btn.disabled,body.dark-mode .btn:disabled{opacity:.4;filter:grayscale(.5)}body.dark-mode .btn-outline-danger:hover,body.dark-mode .btn-outline-info:hover,body.dark-mode .btn-outline-primary:hover,body.dark-mode .btn-outline-secondary:hover,body.dark-mode .btn-outline-success:hover{color:#fff}