.sidebar_icon_small {
    font-size: smaller;
    padding-left: 45px;
}

.theme-mode-card {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(71, 85, 131, 0.12);
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.theme-mode-card:hover {
    border-color: rgba(79, 70, 229, 0.45);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.theme-mode-card .theme-mode-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.theme-mode-card__body {
    gap: 16px;
}

.theme-mode-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.16);
}

.theme-mode-card__icon--light {
    background: linear-gradient(135deg, #fbbf24, #f97316);
}

.theme-mode-card__icon--dark {
    background: linear-gradient(135deg, #6366f1, #6d28d9);
}

.theme-mode-card__check {
    display: none;
    color: #6366f1;
    font-size: 1.125rem;
}

.theme-mode-card.is-selected {
    border-color: #6366f1;
    box-shadow: 0 18px 36px rgba(99, 102, 241, 0.24);
}

.theme-mode-card.is-selected .theme-mode-card__check {
    display: inline-flex;
}

.theme-mode-card.is-selected .theme-mode-card__icon--light,
.theme-mode-card.is-selected .theme-mode-card__icon--dark {
    box-shadow: 0 12px 28px rgba(99, 102, 241, 0.32);
}

body.sidebar-dark {
    background-color: #050910;
    color: #dce3ff;
}

body.sidebar-dark .content-wrapper {
    background-color: #050910;
    color: inherit;
}

body.sidebar-dark .text-muted {
    color: rgba(199, 210, 254, 0.65) !important;
}

body.sidebar-dark hr {
    border-color: rgba(71, 84, 131, 0.4);
}

body.sidebar-dark .card,
body.sidebar-dark .modal-content,
body.sidebar-dark .dropdown-menu,
body.sidebar-dark .list-group-item {
    background-color: rgba(12, 18, 31, 0.98);
    border-color: rgba(78, 91, 140, 0.35);
    color: #dce3ff;
    box-shadow: 0 24px 52px rgba(4, 7, 14, 0.65);
    border-radius: 18px;
}

body.sidebar-dark .card .card-header,
body.sidebar-dark .modal-header {
    border-color: rgba(78, 91, 140, 0.35);
    background-color: rgba(9, 14, 24, 0.95);
}

body.sidebar-dark .table {
    color: #dce3ff;
}

body.sidebar-dark .table thead th {
    background-color: rgba(9, 14, 24, 0.95);
    color: #f1f5ff;
    border-color: rgba(78, 91, 140, 0.35);
}

body.sidebar-dark .table tbody tr {
    background-color: rgba(12, 18, 31, 0.9);
    border-color: rgba(78, 91, 140, 0.25);
}

body.sidebar-dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(9, 14, 24, 0.85);
}

body.sidebar-dark .navbar {
    background-color: rgba(5, 9, 16, 0.96);
    color: #e8ecff;
    box-shadow: 0 24px 48px rgba(3, 5, 11, 0.55);
}

body.sidebar-dark .navbar .navbar-brand-wrapper {
    background-color: rgba(5, 9, 16, 0.92);
    border-right: 1px solid rgba(67, 76, 117, 0.45);
}

body.sidebar-dark .navbar .navbar-menu-wrapper {
    background-color: transparent;
    color: inherit;
    border-left: 1px solid rgba(67, 76, 117, 0.45);
}

body.sidebar-dark .navbar .navbar-menu-wrapper .navbar-toggler,
body.sidebar-dark .navbar .navbar-menu-wrapper .nav-link,
body.sidebar-dark .navbar .navbar-menu-wrapper .dropdown-item {
    color: inherit;
}

body.sidebar-dark .navbar .navbar-menu-wrapper .dropdown-menu {
    background-color: rgba(12, 18, 31, 0.98);
    border-color: rgba(83, 98, 149, 0.35);
}

body.sidebar-dark .dropdown-menu .dropdown-item:hover,
body.sidebar-dark .dropdown-menu .dropdown-item:focus {
    background-color: rgba(99, 102, 241, 0.18);
    color: #f5f7ff;
}

body.sidebar-dark .form-control,
body.sidebar-dark .form-select,
body.sidebar-dark textarea {
    background-color: rgba(7, 11, 20, 0.85);
    border-color: rgba(96, 109, 168, 0.5);
    color: #e5e9ff;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(5, 9, 16, 0.55);
}

body.sidebar-dark .form-control:focus,
body.sidebar-dark .form-select:focus,
body.sidebar-dark textarea:focus {
    background-color: rgba(5, 9, 18, 0.95);
    border-color: rgba(129, 140, 248, 0.75);
    color: #f8f9ff;
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.25);
}

body.sidebar-dark .form-control::placeholder,
body.sidebar-dark textarea::placeholder {
    color: rgba(170, 183, 235, 0.7);
}

body.sidebar-dark .btn-primary {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    border-color: transparent;
    color: #f8f9ff;
    box-shadow: 0 18px 36px rgba(76, 63, 191, 0.45);
}

body.sidebar-dark .btn-primary:hover,
body.sidebar-dark .btn-primary:focus {
    background: linear-gradient(135deg, #4338ca, #6d28d9);
    border-color: transparent;
    box-shadow: 0 20px 40px rgba(76, 63, 191, 0.55);
}

body.sidebar-dark .btn-outline-primary {
    color: #c7d2fe;
    border-color: rgba(129, 140, 248, 0.4);
    background-color: rgba(7, 11, 20, 0.85);
}

body.sidebar-dark .btn-outline-primary:hover,
body.sidebar-dark .btn-outline-primary:focus {
    color: #f8f9ff;
    background-color: rgba(99, 102, 241, 0.25);
    border-color: rgba(99, 102, 241, 0.55);
}

body.sidebar-dark .theme-mode-card {
    background-color: rgba(12, 18, 31, 0.9);
    border-color: rgba(96, 109, 168, 0.35);
}

body.sidebar-dark .theme-mode-card:hover {
    border-color: rgba(129, 140, 248, 0.6);
    box-shadow: 0 18px 36px rgba(5, 9, 18, 0.55);
}

body.sidebar-dark .alert {
    background-color: rgba(67, 56, 202, 0.12);
    border-color: rgba(99, 102, 241, 0.3);
    color: #dce3ff;
    box-shadow: 0 12px 30px rgba(6, 10, 20, 0.45);
}

body.sidebar-dark .alert.alert-primary {
    background: linear-gradient(135deg, rgba(76, 63, 191, 0.32), rgba(56, 189, 248, 0.18));
    border-color: rgba(99, 102, 241, 0.4);
    color: #f1f5ff;
}

body.sidebar-dark .btn-link {
    color: #c7d2fe;
}