.auth-one-bg {
    background-image: url(../images-sikab/banner_mpk.jpg)
}

[data-sidebar="gradient"] .navbar-menu {
    background: linear-gradient(180deg, #0d9488 0%, #0891b2 100%) !important
}

[data-sidebar="gradient"] .navbar-brand-box {
    background: transparent
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-weight: 500
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link i {
    color: #fff !important;
    opacity: 1
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.15)
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link:hover i {
    color: #fff !important
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-sm .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 400
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-sm .nav-link:hover,
[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: #fff !important
}

[data-sidebar="gradient"] .menu-title,
[data-sidebar="gradient"] .menu-title span {
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase;
    letter-spacing: .5px
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    color: rgba(255, 255, 255, 0.8) !important
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link.active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2)
}

[data-sidebar="gradient"] .navbar-menu .navbar-nav .nav-link.active i {
    color: #fff !important
}

.card {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border: none
}

.card-header,
.card>.card-header {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);
    color: #fff;
    border-bottom: none;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 16px 20px;
    letter-spacing: -0.01em;
    border-radius: 16px 16px 0 0
}

.card-header .card-title {
    color: #fff;
    margin-bottom: 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 700
}

.panel {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border: none
}

.panel-heading,
.panel-info>.panel-heading,
.panel>.panel-heading {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 16px 20px;
    letter-spacing: -0.01em;
    border-radius: 16px 16px 0 0
}

.panel-heading .panel-title,
.panel-heading h3 {
    color: #fff !important;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 700
}

.panel-heading .panel-title i,
.panel-heading i {
    color: #fff !important
}

.kv-panel-before,
.kv-panel-after {
    background-color: rgba(13, 148, 136, 0.05);
    border-radius: 0
}

.panel-body {
    border-radius: 0 0 16px 16px
}

.panel-footer {
    border-radius: 0 0 16px 16px
}

.accordion-item {
    border-radius: 16px !important;
    overflow: hidden;
    margin-bottom: 8px
}

.accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);
    color: #fff;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 600
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1)
}

.nav-tabs .nav-link.active {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);
    color: #fff;
    border-color: transparent;
    border-radius: 8px 8px 0 0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-weight: 600
}

.modal-content {
    border-radius: 16px;
    overflow: hidden
}

.modal-header {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);
    color: #fff;
    border-bottom: none;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    padding: 16px 20px
}

.modal-header .modal-title {
    color: #fff;
    font-weight: 700
}

.modal-header .btn-close {
    filter: brightness(0) invert(1)
}

.alert-info {
    background-color: rgba(13, 148, 136, 0.1);
    border-color: rgba(13, 148, 136, 0.2);
    color: #0d9488;
    border-radius: 12px
}

.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected]{background-color:#e0e0e0 !important;color:#000 !important}.select2-container--default .select2-results__option[aria-selected=true]:hover,.select2-container--krajee-bs5 .select2-results__option[aria-selected=true]:hover{background-color:#e0e0e0 !important;color:#000 !important}