.main-header.navbar {
    background: linear-gradient(90deg, #1f4e79 0%, #2b6a9c 100%);
    border-bottom: 1px solid #18415f;
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-nav .nav-link,
.main-header.navbar .brand-link,
.main-header.navbar .text-sm,
.main-header.navbar .dropdown-toggle {
    color: #f4f7fb;
}

.main-header.navbar .nav-link:hover,
.main-header.navbar .navbar-nav .nav-link:hover,
.main-header.navbar .dropdown-toggle:hover {
    color: #ffffff;
}

.adminlte-darkmode-widget .nav-link {
    gap: 0.35rem;
    font-weight: 600;
}

.adminlte-darkmode-widget .adminlte-darkmode-label {
    font-size: 0.92rem;
    line-height: 1;
}

.main-header.navbar .nav-link:focus-visible,
.main-header.navbar .dropdown-toggle:focus-visible,
.adminlte-darkmode-widget .nav-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.55);
    outline-offset: 2px;
    border-radius: 0.25rem;
}

.dark-mode .main-header.navbar {
    background: linear-gradient(90deg, #0f172a 0%, #15304a 100%);
    border-bottom-color: #1f3f5c;
}

.dark-mode .main-sidebar {
    background-color: #111927;
}

.dark-mode .content-wrapper,
.dark-mode .main-footer {
    background-color: #0f1720;
    color: #d6dee8;
}

.dark-mode .card,
.dark-mode .info-box,
.dark-mode .small-box,
.dark-mode .modal-content {
    background-color: #16212d;
    color: #d6dee8;
}

.dark-mode .card-header,
.dark-mode .card-footer,
.dark-mode .small-box-footer {
    border-color: rgba(148, 163, 184, 0.16);
}

.dark-mode .table,
.dark-mode .table td,
.dark-mode .table th {
    color: #d6dee8;
    border-color: rgba(148, 163, 184, 0.14);
}

.dark-mode .thead-light th,
.dark-mode .table thead th {
    background-color: #1d2a38;
    color: #eef4fb;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(59, 130, 246, 0.08);
}

.dark-mode .form-control,
.dark-mode .custom-select,
.dark-mode .select2-selection,
.dark-mode .select2-dropdown {
    background-color: #111927;
    color: #e5edf7;
    border-color: #2b3d50;
}

.dark-mode .form-control:focus,
.dark-mode .custom-select:focus,
.dark-mode .select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #5fa8e8;
    box-shadow: 0 0 0 0.2rem rgba(95, 168, 232, 0.2);
}

.dark-mode .text-muted,
.dark-mode small.text-muted {
    color: #9fb1c5 !important;
}

.dark-mode .content-header h1,
.dark-mode .card-title,
.dark-mode .info-box-text {
    color: #eef4fb;
}

.dark-mode .dropdown-menu {
    background-color: #16212d;
    border-color: #2b3d50;
}

.dark-mode .dropdown-item {
    color: #d6dee8;
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    background-color: #1d2a38;
    color: #ffffff;
}