[x-cloak] {
    display: none !important;
}

body {
    font-family: Inter, Helvetica, sans-serif;
    background: var(--bs-gray-100);
}

.app-sidebar {
    position: fixed;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 105;
    transition: width .2s ease;
    background: #fff;
}

.metronic-sidebar-open {
    width: 280px;
}

.metronic-sidebar-mini {
    width: 78px;
}

.metronic-wrapper-open {
    margin-left: 280px;
}

.metronic-wrapper-mini {
    margin-left: 78px;
}

.wrapper {
    min-height: 100vh;
    transition: margin-left .2s ease;
    background: var(--bs-gray-100);
}

.app-header {
    position: sticky;
    top: 0;
    z-index: 95;
}

.app-sidebar-menu {
    height: calc(100vh - 83px);
}

.metronic-menu-link {
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: .85rem;
    padding: .65rem .85rem;
    margin-bottom: .25rem;
    border-radius: .75rem;
    color: var(--bs-gray-700);
    font-weight: 600;
    font-size: .95rem;
}

.metronic-menu-link:hover,
.metronic-menu-link.active {
    color: var(--bs-primary);
    background: var(--bs-primary-light);
}

.metronic-menu-link.active {
    box-shadow: inset 3px 0 0 var(--bs-primary);
}

.metronic-menu-link .menu-icon {
    width: 28px;
    display: inline-flex;
    justify-content: center;
    color: #7e8299;
}

.metronic-menu-link:hover .menu-icon,
.metronic-menu-link.active .menu-icon {
    color: var(--bs-primary);
}

.menu-heading {
    color: #7e8299;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 1.1rem .85rem .45rem;
}

.card,
.bg-white.rounded-2xl,
.bg-white.rounded-xl,
.bg-white.rounded-3xl,
.bg-white.rounded-lg,
.shadow-sm {
    border-radius: 1rem !important;
    border: 1px solid var(--bs-gray-200) !important;
    box-shadow: 0 .1rem 1rem .25rem rgba(0, 0, 0, .04) !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-gray-50,
.bg-gray-100,
.hover\:bg-gray-50:hover,
.hover\:bg-gray-100:hover {
    background-color: var(--bs-gray-100) !important;
}

.border-gray-100,
.border-gray-200,
.border-gray-300 {
    border-color: var(--bs-gray-200) !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form-control,
.form-select {
    border-radius: .75rem !important;
    border-color: var(--bs-gray-300) !important;
    font-weight: 500;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 .25rem rgba(62, 151, 255, .15) !important;
}

button,
.btn {
    border-radius: .75rem !important;
    font-weight: 700;
}

button[class*="text-white"],
a[class*="text-white"],
[style*="background:#003087"],
[style*="background: #003087"],
[style*="background='#003087'"],
.bg-blue-600,
.bg-brand-600 {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

[style*="background:#002570"],
[style*="background='#002570'"],
.bg-blue-700,
.bg-brand-700 {
    background: var(--bs-primary-active) !important;
    border-color: var(--bs-primary-active) !important;
    color: #fff !important;
}

[style*="background:#D4AF37"],
[style*="background: #D4AF37"],
[style*="background='#D4AF37'"],
.bg-yellow-500,
.bg-amber-500 {
    background: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
    color: var(--bs-gray-900) !important;
}

.bg-blue-50,
.bg-blue-100,
.bg-brand-50,
.bg-brand-100,
.bg-indigo-50 {
    background-color: var(--bs-primary-light) !important;
}

.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-indigo-700,
.text-brand-600 {
    color: var(--bs-primary) !important;
}

.bg-green-50,
.bg-green-100 {
    background-color: var(--bs-success-light) !important;
}

.text-green-600,
.text-green-700 {
    color: var(--bs-success) !important;
}

.bg-red-50,
.bg-red-100 {
    background-color: var(--bs-danger-light) !important;
}

.text-red-500,
.text-red-600,
.text-red-700 {
    color: var(--bs-danger) !important;
}

.bg-yellow-50,
.bg-yellow-100,
.bg-amber-50,
.bg-amber-100 {
    background-color: var(--bs-warning-light) !important;
}

.text-yellow-700,
.text-amber-700,
.text-orange-700 {
    color: var(--bs-warning) !important;
}

.text-gray-400 {
    color: var(--bs-gray-500) !important;
}

.text-gray-500,
.text-gray-600,
.text-gray-700,
.text-gray-800 {
    color: var(--bs-gray-700) !important;
}

table thead,
.bg-gray-50 {
    background: var(--bs-gray-100) !important;
}

table th {
    color: var(--bs-gray-600) !important;
    font-weight: 800 !important;
}

.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.rounded-lg {
    border-radius: .85rem !important;
}

.fixed.inset-0.z-50 .relative.bg-white,
.modal-content {
    border-radius: 1.15rem !important;
    border: 1px solid var(--bs-gray-200) !important;
    box-shadow: var(--bs-modal-box-shadow) !important;
}

.fixed.inset-0.z-50 .absolute.inset-0 {
    background: rgba(30, 41, 59, .35) !important;
}

.peer:checked ~ .peer-checked\:bg-brand-600,
.peer:checked ~ .peer-checked\:bg-blue-600 {
    background-color: var(--bs-primary) !important;
}

.z-index-3 {
    z-index: 3000;
}

@media (max-width: 991.98px) {
    .metronic-sidebar-open,
    .metronic-sidebar-mini {
        width: 78px;
    }

    .metronic-wrapper-open,
    .metronic-wrapper-mini {
        margin-left: 78px;
    }
}

.metronic-light .app-container {
    max-width: none;
}

.metronic-light .space-y-3 > * + * {
    margin-top: .75rem;
}

.metronic-light .space-y-4 > * + * {
    margin-top: 1rem;
}

.metronic-light .space-y-5 > * + * {
    margin-top: 1.25rem;
}

.metronic-light .space-y-6 > * + * {
    margin-top: 1.5rem;
}

.metronic-light .card,
.metronic-light .bg-white.rounded-2xl,
.metronic-light .bg-white.rounded-3xl,
.metronic-light .bg-white.rounded-xl {
    background: var(--bs-body-bg) !important;
}

.metronic-light h2,
.metronic-light h3,
.metronic-light .font-bold,
.metronic-light .font-semibold,
.metronic-light .font-extrabold {
    letter-spacing: 0 !important;
}

.metronic-light label {
    color: var(--bs-gray-700);
    font-weight: 600;
}

.metronic-light .form-control,
.metronic-light .form-select {
    min-height: 42px;
}

.metronic-light input[type="file"].hidden {
    display: none !important;
}

.metronic-light input[type="checkbox"].form-check-input {
    width: 1.35rem !important;
    height: 1.35rem !important;
    margin-top: 0;
    border-radius: .45rem !important;
}

.metronic-light table.table {
    margin-bottom: 0;
}

.metronic-light table.table th {
    padding: 1rem 1.25rem !important;
    font-size: .75rem !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: var(--bs-gray-100) !important;
    white-space: nowrap;
}

.metronic-light table.table td {
    padding: 1rem 1.25rem !important;
    vertical-align: middle;
}

.metronic-light tbody.divide-y > tr,
.metronic-light tbody[class*="divide-y"] > tr {
    border-bottom: 1px dashed var(--bs-gray-300);
}

.metronic-light tr[class*="hover:bg"]:hover,
.metronic-light label[class*="hover:bg"]:hover {
    background: var(--bs-primary-light) !important;
}

.metronic-light .badge,
.metronic-light span[class*="bg-blue-100"],
.metronic-light span[class*="bg-green-100"],
.metronic-light span[class*="bg-red-100"],
.metronic-light span[class*="bg-amber-100"],
.metronic-light span[class*="bg-yellow-100"],
.metronic-light span[class*="bg-gray-100"],
.metronic-light span[class*="bg-purple-100"] {
    display: inline-flex;
    align-items: center;
    border-radius: .625rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
}

.metronic-light .bg-purple-50,
.metronic-light .bg-purple-100 {
    background-color: var(--bs-info-light) !important;
}

.metronic-light .text-purple-600,
.metronic-light .text-purple-700 {
    color: var(--bs-info) !important;
}

.metronic-light .bg-cyan-50,
.metronic-light .bg-cyan-100 {
    background-color: var(--bs-info-light) !important;
}

.metronic-light .text-cyan-600,
.metronic-light .text-cyan-700 {
    color: var(--bs-info) !important;
}

.metronic-light .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    white-space: nowrap;
}

.metronic-light .btn.btn-icon {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0 !important;
}

.metronic-light button:disabled,
.metronic-light .btn:disabled {
    opacity: .55 !important;
    cursor: not-allowed;
}

.metronic-light .fixed.inset-0.z-50 {
    background: rgba(24, 28, 50, .25);
    backdrop-filter: blur(2px);
}

.metronic-light .fixed.inset-0.z-50 > .absolute.inset-0 {
    background: transparent !important;
}

.metronic-light .alert {
    border-radius: .95rem !important;
}

.metronic-light .bg-black\/40 {
    background-color: rgba(24, 28, 50, .25) !important;
}

.metronic-light .shadow-2xl {
    box-shadow: var(--bs-modal-box-shadow) !important;
}

.metronic-light .rounded-full {
    border-radius: 999px !important;
}

.metronic-light .tracking-wide,
.metronic-light .tracking-wider {
    letter-spacing: .04em !important;
}

@media (max-width: 991.98px) {
    .app-sidebar {
        transform: translateX(-100%);
    }

    .metronic-sidebar-open {
        transform: translateX(0);
        width: 280px;
    }

    .metronic-sidebar-mini {
        width: 78px;
    }

    .metronic-wrapper-open,
    .metronic-wrapper-mini {
        margin-left: 0;
    }

    .app-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}