:root {
    color-scheme: dark;
    --h5-bg: #050b14;
    --h5-panel: #0e1828;
    --h5-panel-2: #111f34;
    --h5-panel-3: #132034;
    --h5-border: #2b4c76;
    --h5-border-soft: rgba(166, 184, 207, 0.18);
    --h5-text: #edf5ff;
    --h5-muted: #a6b8cf;
    --h5-heading: #ffffff;
    --h5-button: #132034;
    --h5-button-hover: #183154;
    --h5-info: #58e6ff;
    --h5-blue: #4da3ff;
    --h5-blue-soft: rgba(77, 163, 255, 0.16);
    --h5-blue-border: rgba(77, 163, 255, 0.36);
    --h5-success: #3ddc97;
    --h5-danger: #ff6b6b;
    --h5-warning: #f8c256;
}

body.h5-shortops-dark {
    background:
        linear-gradient(120deg, rgba(77, 163, 255, 0.22), transparent 36%),
        linear-gradient(180deg, #081426, var(--h5-bg)),
        var(--h5-bg) !important;
    color: var(--h5-text);
    letter-spacing: 0;
}

.h5-shortops-dark #wrapper,
.h5-shortops-dark .content-page,
.h5-shortops-dark .container-fluid,
.h5-shortops-dark .authentication-bg {
    background: transparent !important;
}

.h5-shortops-dark h1,
.h5-shortops-dark h2,
.h5-shortops-dark h3,
.h5-shortops-dark h4,
.h5-shortops-dark h5,
.h5-shortops-dark h6,
.h5-shortops-dark .header-title,
.h5-shortops-dark .card-title {
    color: var(--h5-heading) !important;
}

.h5-shortops-dark p,
.h5-shortops-dark label,
.h5-shortops-dark small,
.h5-shortops-dark .text-muted,
.h5-shortops-dark .form-label {
    color: var(--h5-muted) !important;
}

.h5-shortops-dark a {
    color: #8fb4e7;
}

.h5-shortops-dark a:hover,
.h5-shortops-dark a:focus {
    color: var(--h5-info);
}

.h5-shortops-dark .navbar,
.h5-shortops-dark .navbar-new-dark,
.h5-shortops-dark .navbar.navbar-new-dark,
.h5-shortops-dark .navbar.bg-dark {
    background: rgba(5, 11, 20, 0.98) !important;
    background-color: rgba(5, 11, 20, 0.98) !important;
    border-bottom: 1px solid var(--h5-border);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.h5-shortops-dark .navbar-new-dark .container {
    min-height: 64px;
}

.h5-shortops-dark .navbar-brand,
.h5-shortops-dark .navbar-brand:hover,
.h5-shortops-dark .navbar-brand:focus {
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .navbar-brand .high-5 {
    color: var(--h5-heading) !important;
    font-weight: 900;
    opacity: 1;
}

.h5-shortops-dark .navbar-new-dark .h5-main-menu .h5-nav-link,
.h5-shortops-dark .navbar-new-dark .navbar-nav .nav-link,
.h5-shortops-dark .navbar-new-dark .h5-user-menu .nav-link {
    color: rgba(237, 245, 255, 0.86) !important;
    opacity: 1 !important;
}

.h5-shortops-dark .navbar-new-dark .h5-main-menu .h5-nav-link:hover,
.h5-shortops-dark .navbar-new-dark .h5-main-menu .h5-nav-link:focus,
.h5-shortops-dark .navbar-new-dark .h5-main-menu .h5-nav-dropdown.show > .h5-nav-link,
.h5-shortops-dark .navbar-new-dark .navbar-nav .nav-link:hover,
.h5-shortops-dark .navbar-new-dark .navbar-nav .nav-link:focus {
    background: var(--h5-blue-soft);
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .navbar-new-dark .btn-feedback {
    background: linear-gradient(90deg, #132034, #183154) !important;
    border-color: rgba(88, 230, 255, 0.42) !important;
    box-shadow: 0 0 0 1px rgba(77, 163, 255, 0.18), 0 12px 24px rgba(0, 0, 0, 0.28);
    color: #ffffff !important;
}

.h5-shortops-dark .navbar-new-dark .nav-user img {
    border: 2px solid rgba(88, 230, 255, 0.36);
}

.h5-shortops-dark .h5-main-menu .h5-submenu,
.h5-shortops-dark .dropdown-menu {
    background: var(--h5-panel) !important;
    border: 1px solid var(--h5-border);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
}

.h5-shortops-dark .dropdown-item,
.h5-shortops-dark .h5-main-menu .h5-submenu-link {
    color: var(--h5-text) !important;
}

.h5-shortops-dark .dropdown-item:hover,
.h5-shortops-dark .dropdown-item:focus,
.h5-shortops-dark .h5-main-menu .h5-submenu-link:hover,
.h5-shortops-dark .h5-main-menu .h5-submenu-link:focus {
    background: var(--h5-blue-soft) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .card,
.h5-shortops-dark .modal-content,
.h5-shortops-dark .offcanvas,
.h5-shortops-dark .panel,
.h5-shortops-dark .bootstrap-table,
.h5-shortops-dark .table-responsive,
.h5-shortops-dark .select2-dropdown,
.h5-shortops-dark .selectize-control.single .selectize-input,
.h5-shortops-dark .selectize-dropdown {
    background: rgba(17, 24, 39, 0.94) !important;
    border-color: var(--h5-border) !important;
    color: var(--h5-text) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.h5-shortops-dark .card {
    position: relative;
    overflow: hidden;
}

.h5-shortops-dark .card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--h5-blue), var(--h5-info));
    opacity: 0.75;
    pointer-events: none;
}

.h5-shortops-dark .card-header,
.h5-shortops-dark .modal-header,
.h5-shortops-dark .modal-footer,
.h5-shortops-dark .offcanvas-header,
.h5-shortops-dark .offcanvas-footer {
    background: var(--h5-panel-2) !important;
    border-color: var(--h5-border) !important;
}

.h5-shortops-dark .table,
.h5-shortops-dark table {
    --ct-table-color: var(--h5-text);
    --ct-table-bg: transparent;
    --ct-table-border-color: var(--h5-border-soft);
    color: var(--h5-text) !important;
}

.h5-shortops-dark .table thead,
.h5-shortops-dark table thead,
.h5-shortops-dark .fixed-table-header {
    background: var(--h5-panel-3) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .table > :not(caption) > * > *,
.h5-shortops-dark table > :not(caption) > * > * {
    background-color: transparent !important;
    border-color: var(--h5-border-soft) !important;
    color: inherit !important;
}

.h5-shortops-dark .table > tbody > tr,
.h5-shortops-dark table > tbody > tr,
.h5-shortops-dark table.dataTable tbody tr,
.h5-shortops-dark .bootstrap-table .table > tbody > tr {
    --ct-table-bg: transparent;
    --ct-table-accent-bg: transparent;
    --ct-table-striped-bg: rgba(19, 32, 52, 0.46);
    --ct-table-hover-bg: rgba(22, 54, 92, 0.82);
    --ct-table-active-bg: rgba(29, 78, 124, 0.82);
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: rgba(19, 32, 52, 0.46);
    --bs-table-hover-bg: rgba(22, 54, 92, 0.82);
    --bs-table-active-bg: rgba(29, 78, 124, 0.82);
    background: linear-gradient(90deg, rgba(12, 24, 42, 0.98), rgba(15, 31, 52, 0.92)) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-dark .table-striped > tbody > tr:nth-of-type(odd) > *,
.h5-shortops-dark table.dataTable.display tbody tr.odd > *,
.h5-shortops-dark table.dataTable.stripe tbody tr.odd > *,
.h5-shortops-dark table.dataTable.display tbody tr.odd > .sorting_1,
.h5-shortops-dark table.dataTable.display tbody tr.even > .sorting_1 {
    background-color: rgba(19, 32, 52, 0.46) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-dark .table-light,
.h5-shortops-dark .table-light > *,
.h5-shortops-dark .table thead.table-light,
.h5-shortops-dark table thead.table-light {
    --ct-table-bg: var(--h5-panel-3);
    --ct-table-color: var(--h5-heading);
    --bs-table-bg: var(--h5-panel-3);
    --bs-table-color: var(--h5-heading);
    background: var(--h5-panel-3) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .table-hover > tbody > tr:hover > *,
.h5-shortops-dark .table tbody > tr:hover > *,
.h5-shortops-dark table tbody > tr:hover > *,
.h5-shortops-dark table.dataTable tbody tr:hover > *,
.h5-shortops-dark table.dataTable.display tbody tr:hover > *,
.h5-shortops-dark table.dataTable.stripe tbody tr:hover > *,
.h5-shortops-dark table.dataTable.hover tbody tr:hover > *,
.h5-shortops-dark table.dataTable.display tbody tr:hover > .sorting_1,
.h5-shortops-dark table.dataTable.stripe tbody tr:hover > .sorting_1,
.h5-shortops-dark .fixed-table-container tbody tr:hover td,
.h5-shortops-dark .bootstrap-table .table > tbody > tr:hover > * {
    --ct-table-accent-bg: transparent;
    --ct-table-hover-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-hover-bg: transparent;
    background: linear-gradient(90deg, rgba(20, 57, 100, 0.92), rgba(8, 18, 32, 0.98)) !important;
    box-shadow: inset 4px 0 0 rgba(88, 230, 255, 0.9), inset 0 0 0 1px rgba(88, 230, 255, 0.18) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .table-active,
.h5-shortops-dark .table-active > *,
.h5-shortops-dark .table > tbody > tr.table-active > *,
.h5-shortops-dark .table > tbody > tr.selected > *,
.h5-shortops-dark table.dataTable tbody tr.selected > *,
.h5-shortops-dark .bootstrap-table .table > tbody > tr.selected > *,
.h5-shortops-dark .fixed-table-container tbody tr.selected td {
    --ct-table-accent-bg: transparent;
    --ct-table-active-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-active-bg: transparent;
    background: linear-gradient(90deg, rgba(21, 76, 122, 0.95), rgba(9, 29, 51, 0.98)) !important;
    box-shadow: inset 4px 0 0 rgba(88, 230, 255, 0.95), inset 0 0 0 1px rgba(88, 230, 255, 0.22) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .table tbody > tr:hover a,
.h5-shortops-dark table tbody > tr:hover a,
.h5-shortops-dark table.dataTable tbody tr:hover a {
    color: #58e6ff !important;
}

.h5-shortops-dark table.dataTable tbody td.dataTables_empty,
.h5-shortops-dark table.dataTable tbody tr > td.dataTables_empty,
.h5-shortops-dark .table td.dataTables_empty,
.h5-shortops-dark td.dataTables_empty,
.h5-shortops-dark .dataTables_empty,
.h5-shortops-dark .bootstrap-table .no-records-found,
.h5-shortops-dark .bootstrap-table .no-records-found td {
    background: linear-gradient(90deg, rgba(14, 24, 40, 0.94), rgba(17, 31, 52, 0.94)) !important;
    border: 1px solid var(--h5-border) !important;
    color: var(--h5-muted) !important;
    font-weight: 800;
    padding: 18px 16px !important;
    text-align: center;
}

.h5-shortops-dark .dataTables_wrapper,
.h5-shortops-dark .dataTables_wrapper .dataTables_info,
.h5-shortops-dark .dataTables_wrapper .dataTables_length,
.h5-shortops-dark .dataTables_wrapper .dataTables_filter,
.h5-shortops-dark .fixed-table-pagination,
.h5-shortops-dark .fixed-table-toolbar {
    color: var(--h5-muted) !important;
}

.h5-shortops-dark .dataTables_wrapper .page-link,
.h5-shortops-dark .dataTables_wrapper .paginate_button,
.h5-shortops-dark .fixed-table-pagination .page-link,
.h5-shortops-dark .pagination .page-link,
.h5-shortops-dark .page-btn {
    background: #081221 !important;
    border-color: rgba(77, 163, 255, 0.36) !important;
    color: #9cc8ff !important;
}

.h5-shortops-dark .dataTables_wrapper .page-link:hover,
.h5-shortops-dark .dataTables_wrapper .paginate_button:hover,
.h5-shortops-dark .fixed-table-pagination .page-link:hover,
.h5-shortops-dark .pagination .page-link:hover,
.h5-shortops-dark .page-btn:hover,
.h5-shortops-dark .page-btn:focus {
    background: linear-gradient(90deg, rgba(31, 95, 168, 0.78), rgba(22, 123, 149, 0.76)) !important;
    border-color: rgba(88, 230, 255, 0.56) !important;
    color: #ffffff !important;
}

.h5-shortops-dark .dataTables_wrapper .active .page-link,
.h5-shortops-dark .dataTables_wrapper .paginate_button.current,
.h5-shortops-dark .fixed-table-pagination .page-item.active .page-link,
.h5-shortops-dark .pagination .page-item.active .page-link,
.h5-shortops-dark .page-btn.active {
    background: linear-gradient(135deg, #1f6fb9, #1bbdd1) !important;
    border-color: rgba(88, 230, 255, 0.72) !important;
    color: #ffffff !important;
}

.h5-shortops-dark .tab-content,
.h5-shortops-dark .bg-white,
.h5-shortops-dark .bg-light {
    background: var(--h5-panel-2) !important;
    border-color: var(--h5-border) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-dark .fte-row-detail-popover,
.h5-shortops-dark .fte-row-detail-popover .detail-header,
.h5-shortops-dark .team-lookup-summary,
.h5-shortops-dark .team-chip,
.h5-shortops-dark .settings-metric,
.h5-shortops-dark .settings-chart-panel,
.h5-shortops-dark .settings-directory,
.h5-shortops-dark .settings-directory-toolbar {
    background: var(--h5-panel-2) !important;
    border-color: var(--h5-border) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-dark .fte-row-detail-popover .detail-name,
.h5-shortops-dark .fte-row-detail-popover .detail-value,
.h5-shortops-dark .settings-metric .metric-value,
.h5-shortops-dark .settings-chart-panel h6,
.h5-shortops-dark .settings-area-header h5,
.h5-shortops-dark .team-chip,
.h5-shortops-dark .reports-launch-card strong {
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .fte-row-detail-popover .detail-subtitle,
.h5-shortops-dark .fte-row-detail-popover .detail-label,
.h5-shortops-dark .settings-metric .metric-label,
.h5-shortops-dark .settings-area-header .subtitle,
.h5-shortops-dark .settings-directory-filters label,
.h5-shortops-dark .reports-launch-card p {
    color: var(--h5-muted) !important;
}

.h5-shortops-dark a > .row:hover,
.h5-shortops-dark .item-hovered:hover {
    background: linear-gradient(90deg, rgba(23, 61, 108, 0.88), rgba(8, 18, 32, 0.96)) !important;
    border-radius: 8px;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark a > .row:hover h1,
.h5-shortops-dark a > .row:hover h2,
.h5-shortops-dark a > .row:hover h3,
.h5-shortops-dark a > .row:hover h4,
.h5-shortops-dark a > .row:hover h5,
.h5-shortops-dark a > .row:hover h6,
.h5-shortops-dark a > .row:hover p,
.h5-shortops-dark a > .row:hover span,
.h5-shortops-dark .item-hovered:hover {
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .btn-close-input,
.h5-shortops-dark .bg-light.btn-close-input {
    background: rgba(77, 163, 255, 0.16) !important;
    border: 1px solid var(--h5-blue-border);
    color: var(--h5-info) !important;
}

.h5-shortops-dark .btn-close-input:hover,
.h5-shortops-dark .btn-close-input:focus {
    background: rgba(77, 163, 255, 0.26) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .btn-close-input i {
    color: var(--h5-info) !important;
}

.h5-shortops-dark .form-control,
.h5-shortops-dark .form-select,
.h5-shortops-dark input,
.h5-shortops-dark select,
.h5-shortops-dark textarea,
.h5-shortops-dark .select2-container .select2-selection,
.h5-shortops-dark .selectize-input {
    background: #081221 !important;
    border-color: var(--h5-border) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-dark .form-control:focus,
.h5-shortops-dark .form-select:focus,
.h5-shortops-dark input:focus,
.h5-shortops-dark select:focus,
.h5-shortops-dark textarea:focus,
.h5-shortops-dark .select2-container--focus .select2-selection,
.h5-shortops-dark .selectize-input.focus {
    border-color: var(--h5-info) !important;
    box-shadow: 0 0 0 3px rgba(88, 230, 255, 0.15) !important;
}

.h5-shortops-dark .btn,
.h5-shortops-dark button {
    border-radius: 6px;
}

.h5-shortops-dark .btn-light,
.h5-shortops-dark .btn-outline-dark,
.h5-shortops-dark .btn-outline-secondary,
.h5-shortops-dark .fixed-table-toolbar .btn,
.h5-shortops-dark .dataTables_wrapper .dt-button,
.h5-shortops-dark .tabledit-edit-button,
.h5-shortops-dark .tabledit-save-button,
.h5-shortops-dark .tabledit-confirm-button {
    background: linear-gradient(90deg, #132034, #183154) !important;
    border: 1px solid rgba(77, 163, 255, 0.42) !important;
    box-shadow: 0 0 0 1px rgba(77, 163, 255, 0.12), 0 10px 22px rgba(0, 0, 0, 0.22) !important;
    color: var(--h5-text) !important;
    font-weight: 800;
}

.h5-shortops-dark .btn-light:hover,
.h5-shortops-dark .btn-light:focus,
.h5-shortops-dark .btn-outline-dark:hover,
.h5-shortops-dark .btn-outline-dark:focus,
.h5-shortops-dark .btn-outline-secondary:hover,
.h5-shortops-dark .btn-outline-secondary:focus,
.h5-shortops-dark .fixed-table-toolbar .btn:hover,
.h5-shortops-dark .fixed-table-toolbar .btn:focus,
.h5-shortops-dark .dataTables_wrapper .dt-button:hover,
.h5-shortops-dark .dataTables_wrapper .dt-button:focus,
.h5-shortops-dark .tabledit-edit-button:hover,
.h5-shortops-dark .tabledit-save-button:hover,
.h5-shortops-dark .tabledit-confirm-button:hover {
    background: linear-gradient(90deg, #1f5fa8, #167b95) !important;
    border-color: rgba(88, 230, 255, 0.68) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .tabledit-delete-button {
    background: rgba(255, 107, 107, 0.16) !important;
    border: 1px solid rgba(255, 107, 107, 0.72) !important;
    color: #ffb4b4 !important;
}

.h5-shortops-dark .tabledit-delete-button:hover,
.h5-shortops-dark .tabledit-delete-button:focus {
    background: #d92d20 !important;
    border-color: #ff9f9f !important;
    color: #ffffff !important;
}

.h5-shortops-dark .btn-close,
.h5-shortops-dark .btn-close.text-reset {
    background-color: rgba(77, 163, 255, 0.14) !important;
    border: 1px solid rgba(77, 163, 255, 0.36);
    border-radius: 999px;
    filter: invert(1) grayscale(1);
    opacity: 0.8;
}

.h5-shortops-dark .btn-close:hover,
.h5-shortops-dark .btn-close:focus,
.h5-shortops-dark .btn-close.text-reset:hover,
.h5-shortops-dark .btn-close.text-reset:focus {
    background-color: rgba(255, 107, 107, 0.24) !important;
    border-color: rgba(255, 107, 107, 0.78);
    opacity: 1;
}

.h5-shortops-dark .btn-primary,
.h5-shortops-dark .btn-new-color,
.h5-shortops-dark .btn-feedback,
.h5-shortops-dark .btn-enviar {
    background: var(--h5-button) !important;
    border-color: var(--h5-border) !important;
    color: var(--h5-text) !important;
    font-weight: 800;
}

.h5-shortops-dark .btn-primary:hover,
.h5-shortops-dark .btn-new-color:hover,
.h5-shortops-dark .btn-feedback:hover,
.h5-shortops-dark .btn-enviar:hover {
    background: linear-gradient(90deg, #1f5fa8, #167b95) !important;
    border-color: var(--h5-blue-border) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .btn-outline-primary,
.h5-shortops-dark .nav-tabs .nav-link {
    border-color: var(--h5-border) !important;
    color: #8fb4e7 !important;
}

.h5-shortops-dark .nav-tabs,
.h5-shortops-dark .nav-bordered {
    border-color: var(--h5-border) !important;
}

.h5-shortops-dark .nav-tabs .nav-link.active,
.h5-shortops-dark .nav-bordered .nav-link.active {
    background: var(--h5-blue-soft) !important;
    border-color: var(--h5-blue-border) !important;
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .badge,
.h5-shortops-dark .status-pill,
.h5-shortops-dark .h5-feedback-steps span {
    background: var(--h5-blue-soft) !important;
    border: 1px solid var(--h5-blue-border) !important;
    color: var(--h5-info) !important;
}

.h5-shortops-dark .h5-feedback-title-block .modal-title {
    color: var(--h5-heading) !important;
}

.h5-shortops-dark .h5-feedback-footer {
    background: var(--h5-panel-2) !important;
    border-color: var(--h5-border) !important;
}

.h5-shortops-dark .h5-feedback-comment-label {
    color: var(--h5-muted) !important;
}

.h5-shortops-dark .h5-feedback-close {
    background: rgba(255, 107, 107, 0.14) !important;
    border-color: #ff6b6b !important;
    color: #ffb4b4 !important;
}

.h5-shortops-dark .h5-feedback-close:hover,
.h5-shortops-dark .h5-feedback-close:focus {
    background: #d92d20 !important;
    color: #fff !important;
}

.h5-shortops-dark #matrix {
    background: var(--h5-panel) !important;
    border-color: var(--h5-border) !important;
}

.h5-shortops-dark .sticky-td,
.h5-shortops-dark .sticky-td-top,
.h5-shortops-dark .sticky-td-first,
.h5-shortops-dark .current-staff-background {
    background: var(--h5-panel-3) !important;
    color: var(--h5-heading) !important;
    border-color: var(--h5-border) !important;
}

.h5-shortops-dark .div-dots,
.h5-shortops-dark .points {
    color: var(--h5-heading);
}

.h5-shortops-dark .footer {
    background: rgba(10, 15, 24, 0.96) !important;
    border-top: 1px solid var(--h5-border);
    color: var(--h5-muted) !important;
}

.h5-shortops-dark .footer a {
    color: #8fb4e7 !important;
}

.h5-shortops-dark .h5-page-loader {
    background-color: rgba(5, 10, 18, 0.68);
}

.h5-shortops-dark .h5-page-loader-panel {
    background: var(--h5-panel);
    border-color: var(--h5-border);
    color: var(--h5-text);
}

.h5-shortops-dark .h5-page-loader-spinner {
    border-color: rgba(100, 168, 255, 0.22);
    border-top-color: var(--h5-info);
}

.h5-shortops-login {
    background:
        linear-gradient(120deg, rgba(77, 163, 255, 0.24), transparent 38%),
        linear-gradient(180deg, #081426, var(--h5-bg)),
        var(--h5-bg) !important;
}

.h5-shortops-login .account-pages,
.h5-shortops-login .card,
.h5-shortops-login .auth-card,
.h5-shortops-login .login-card {
    background: rgba(17, 24, 39, 0.94) !important;
    border-color: var(--h5-border) !important;
}

.h5-shortops-login .form-div {
    background: rgba(14, 24, 40, 0.96) !important;
    border: 1px solid var(--h5-border) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34) !important;
}

.h5-shortops-login .header-login {
    color: var(--h5-heading) !important;
}

.h5-shortops-login .div-login-input {
    background: #081221 !important;
    border: 1px solid var(--h5-border) !important;
}

.h5-shortops-login .div-login-input > label,
.h5-shortops-login .input-group-text,
.h5-shortops-login .eye-show {
    color: var(--h5-info) !important;
}

.h5-shortops-login .input-login,
.h5-shortops-login input#usernameInput,
.h5-shortops-login input#passwordInput {
    background: #081221 !important;
    -webkit-box-shadow: 0 0 0 1000px #081221 inset !important;
    -webkit-text-fill-color: var(--h5-text) !important;
    caret-color: var(--h5-info) !important;
    color: var(--h5-text) !important;
}

.h5-shortops-login .input-login::placeholder {
    color: rgba(166, 184, 207, 0.78) !important;
    -webkit-text-fill-color: rgba(166, 184, 207, 0.78) !important;
}

.h5-shortops-login .input-login:focus,
.h5-shortops-login input#usernameInput:focus,
.h5-shortops-login input#passwordInput:focus {
    background: #081221 !important;
    border-color: var(--h5-info) !important;
    box-shadow: 0 0 0 3px rgba(88, 230, 255, 0.15), 0 0 0 1000px #081221 inset !important;
    color: var(--h5-text) !important;
}

@media (max-width: 991.98px) {
    .h5-shortops-dark .navbar-collapse {
        background: rgba(10, 15, 24, 0.98);
        border-top: 1px solid var(--h5-border);
        margin-top: 0.7rem;
        padding: 0.75rem;
    }
}