/* Profi-Files brand layer over Tabler. */
:root,
[data-bs-theme="light"] {
    --profi-blue: #0043ce;
    --profi-blue-hover: #0035a3;
    --profi-blue-soft: #eaf1ff;
    --profi-blue-border: #b8cdfb;
    --profi-green: #2da354;
    --profi-green-hover: #248344;
    --profi-green-soft: #e9fbf0;
    --profi-ink: #242424;
    --profi-muted: #5f6875;
    --profi-border: #dce7f8;
    --profi-surface: #ffffff;
    --profi-page-bg: #f5f8fd;
    --profi-toast-bg: #87aaf3;

    --tblr-blue: var(--profi-blue);
    --tblr-green: var(--profi-green);
    --tblr-primary: var(--profi-blue);
    --tblr-primary-rgb: 0, 67, 206;
    --tblr-primary-fg: #ffffff;
    --tblr-primary-lt: var(--profi-blue-soft);
    --tblr-primary-text-emphasis: #002970;
    --tblr-primary-bg-subtle: var(--profi-blue-soft);
    --tblr-primary-border-subtle: var(--profi-blue-border);
    --tblr-success: var(--profi-green);
    --tblr-success-rgb: 45, 163, 84;
    --tblr-success-fg: #ffffff;
    --tblr-success-lt: var(--profi-green-soft);
    --tblr-success-text-emphasis: #176334;
    --tblr-success-bg-subtle: var(--profi-green-soft);
    --tblr-success-border-subtle: #bde8cb;
    --tblr-link-color: var(--profi-blue);
    --tblr-link-color-rgb: 0, 67, 206;
    --tblr-link-hover-color: var(--profi-blue-hover);
    --tblr-link-hover-color-rgb: 0, 53, 163;
    --tblr-body-color: var(--profi-ink);
    --tblr-body-color-rgb: 36, 36, 36;
    --tblr-body-bg: var(--profi-page-bg);
    --tblr-body-bg-rgb: 245, 248, 253;
    --tblr-emphasis-color: var(--profi-ink);
    --tblr-secondary: var(--profi-muted);
    --tblr-muted: var(--profi-muted);
    --tblr-border-color: var(--profi-border);
    --tblr-border-color-translucent: rgba(0, 67, 206, 0.12);
    --tblr-focus-ring-color: rgba(0, 67, 206, 0.22);
    --tblr-active-bg: rgba(0, 67, 206, 0.08);
    --tblr-bg-surface: var(--profi-surface);
    --tblr-bg-surface-secondary: #f8fbff;
    --tblr-bg-surface-tertiary: #eef5ff;
    --tblr-form-valid-color: var(--profi-green);
    --tblr-form-valid-border-color: var(--profi-green);
}

body {
    letter-spacing: 0;
    min-width: 350px;
}

body.bg-white {
    background:
        radial-gradient(circle at 15% 12%, rgba(43, 248, 154, 0.13), transparent 28rem),
        radial-gradient(circle at 86% 6%, rgba(0, 67, 206, 0.10), transparent 30rem),
        var(--profi-page-bg) !important;
}

.navbar-brand {
    font-weight: 700;
}

.navbar {
    --tblr-navbar-active-color: var(--profi-blue);
    --tblr-navbar-hover-color: var(--profi-blue);
    border-bottom-color: rgba(0, 67, 206, 0.10);
    background: var(--profi-surface);
}

.navbar .nav-item.active .nav-link {
    color: var(--profi-blue);
}

.navbar .nav-item.active .nav-link-icon {
    color: var(--profi-green);
}

.app-logo {
    display: block;
    height: 2rem;
    width: auto;
}

.page-center {
    min-height: 100vh;
}

.container-tight {
    max-width: 26rem;
}

.card-md {
    border-radius: 8px;
}

.card {
    border-color: rgba(0, 67, 206, 0.10);
    box-shadow: 0 12px 30px rgba(0, 32, 91, 0.04);
}

.btn-primary {
    --tblr-btn-bg: var(--profi-blue);
    --tblr-btn-border-color: var(--profi-blue);
    --tblr-btn-hover-bg: var(--profi-blue-hover);
    --tblr-btn-hover-border-color: var(--profi-blue-hover);
    --tblr-btn-active-bg: #002b83;
    --tblr-btn-active-border-color: #002b83;
    --tblr-btn-focus-shadow-rgb: 0, 67, 206;
}

.form-control:focus,
.form-check-input:focus {
    border-color: var(--profi-blue-border);
    box-shadow: 0 0 0 0.25rem rgba(0, 67, 206, 0.16);
}

.form-check-input:checked {
    background-color: var(--profi-green);
    border-color: var(--profi-green);
}

.bg-primary-lt {
    color: var(--profi-blue) !important;
    background-color: var(--profi-blue-soft) !important;
}

.form-footer {
    margin-top: 1.5rem;
}

.avatar {
    font-weight: 700;
}

.avatar.bg-primary-lt {
    box-shadow: inset 0 0 0 1px rgba(0, 67, 206, 0.10);
}

.page-pretitle {
    letter-spacing: .04em;
    color: var(--profi-green);
}

.ti {
    line-height: 1;
}

.admin-user-toast-container .toast {
    color: #ffffff;
    background-color: var(--profi-toast-bg);
    border-color: rgba(0, 67, 206, 0.14);
}

.admin-user-toast-container .toast-header {
    color: #ffffff;
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.28);
}

.admin-user-toast-container .toast strong,
.admin-user-toast-container .toast-body {
    color: #ffffff;
}

.admin-user-toast-container .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .9;
}

.admin-user-datatable-card .table-responsive {
    border-radius: var(--tblr-border-radius);
}

.bank-logo-thumb {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: cover;
    border-radius: var(--tblr-border-radius);
    box-shadow: inset 0 0 0 1px rgba(0, 67, 206, 0.10);
}

.bank-datatable-card .table-responsive {
    border-radius: var(--tblr-border-radius);
}

.client-copy-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .1875rem .5rem;
    color: var(--profi-blue);
    background-color: var(--profi-blue-soft);
    border: 0;
    border-radius: 6px;
    font: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.supplier-copy-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: .1875rem .5rem;
    color: var(--profi-blue);
    background-color: var(--profi-blue-soft);
    border: 0;
    border-radius: 6px;
    font: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.client-copy-chip:hover,
.client-copy-chip:focus,
.supplier-copy-chip:hover,
.supplier-copy-chip:focus {
    color: var(--profi-blue-hover);
    background-color: #dbe8ff;
}

.client-link-badge,
.supplier-link-badge,
.purchased-code-link-badge {
    display: inline-flex;
    align-items: center;
    padding: .1875rem .5rem;
    color: #ffffff;
    border-radius: 6px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
}

.client-link-badge:hover,
.client-link-badge:focus,
.supplier-link-badge:hover,
.supplier-link-badge:focus,
.purchased-code-link-badge:hover,
.purchased-code-link-badge:focus {
    color: #ffffff;
    text-decoration: none;
    filter: brightness(.95);
}

.client-link-badge-avito {
    background-color: #00AAFF;
}

.client-link-badge-vk {
    background-color: #0077FF;
}

.supplier-link-badge,
.purchased-code-link-badge {
    background-color: #0077FF;
}

#client-data-table_wrapper tr.child .client-link-badge,
#supplier-data-table_wrapper tr.child .supplier-link-badge,
#purchased-code-data-table_wrapper tr.child .purchased-code-link-badge {
    display: inline-flex !important;
}

#client-data-table_wrapper tr.child .client-link-badge-avito {
    background-color: #00AAFF !important;
    color: #ffffff!important;
}

#client-data-table_wrapper tr.child .client-link-badge-vk,
#supplier-data-table_wrapper tr.child .supplier-link-badge,
#purchased-code-data-table_wrapper tr.child .purchased-code-link-badge {
    background-color: #0077FF !important;
    color: #ffffff!important;
}

#supplier-data-table_wrapper tr.child .badge.bg-success-lt,
#purchased-code-data-table_wrapper tr.child .badge.bg-green-lt {
    background-color: var(--tblr-success-lt) !important;
}

#supplier-data-table_wrapper tr.child .badge.bg-secondary-lt,
#purchased-code-data-table_wrapper tr.child .badge.bg-secondary-lt {
    background-color: var(--tblr-secondary-bg-subtle) !important;
}

#purchased-code-data-table_wrapper tr.child .badge.bg-red-lt {
    background-color: var(--tblr-danger-lt) !important;
}

.client-note-preview {
    max-width: 100%;
    padding: .1875rem .5rem;
    color: var(--profi-ink);
    background-color: var(--tblr-bg-surface-tertiary);
    border: 0;
    border-radius: 6px;
    font: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.supplier-note-preview {
    max-width: 100%;
    padding: .1875rem .5rem;
    color: var(--profi-ink);
    background-color: var(--tblr-bg-surface-tertiary);
    border: 0;
    border-radius: 6px;
    font: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.purchased-code-note-preview {
    max-width: 100%;
    padding: .1875rem .5rem;
    color: var(--profi-ink);
    background-color: var(--tblr-bg-surface-tertiary);
    border: 0;
    border-radius: 6px;
    font: inherit;
    line-height: 1.35;
    cursor: pointer;
}

.client-note-popover-content {
    position: relative;
    max-width: 22rem;
    padding-right: 1.75rem;
}

.supplier-note-popover-content {
    position: relative;
    max-width: 22rem;
    padding-right: 1.75rem;
}

.purchased-code-note-popover-content {
    position: relative;
    max-width: 22rem;
    padding-right: 1.75rem;
}

.client-note-popover-close {
    position: absolute;
    top: 0;
    right: 0;
}

.supplier-note-popover-close {
    position: absolute;
    top: 0;
    right: 0;
}

.purchased-code-note-popover-close {
    position: absolute;
    top: 0;
    right: 0;
}

.client-note-popover-text {
    white-space: normal;
}

.supplier-note-popover-text {
    white-space: normal;
}

.purchased-code-note-popover-text {
    white-space: normal;
}

.client-note-popover,
.client-note-popover .popover-header,
.client-note-popover .popover-body,
.supplier-note-popover,
.supplier-note-popover .popover-header,
.supplier-note-popover .popover-body,
.purchased-code-note-popover,
.purchased-code-note-popover .popover-header,
.purchased-code-note-popover .popover-body {
    background-color: peachpuff;
}

.supplier-note-popover,
.purchased-code-note-popover {
    z-index: 1040;
}

.client-note-popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.client-note-popover.bs-popover-top > .popover-arrow::after,
.supplier-note-popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.supplier-note-popover.bs-popover-top > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-top > .popover-arrow::after {
    border-top-color: peachpuff;
}

.client-note-popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.client-note-popover.bs-popover-end > .popover-arrow::after,
.supplier-note-popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.supplier-note-popover.bs-popover-end > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-end > .popover-arrow::after {
    border-right-color: peachpuff;
}

.client-note-popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.client-note-popover.bs-popover-bottom > .popover-arrow::after,
.supplier-note-popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.supplier-note-popover.bs-popover-bottom > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-bottom > .popover-arrow::after {
    border-bottom-color: peachpuff;
}

.client-note-popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.client-note-popover.bs-popover-start > .popover-arrow::after,
.supplier-note-popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.supplier-note-popover.bs-popover-start > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.purchased-code-note-popover.bs-popover-start > .popover-arrow::after {
    border-left-color: peachpuff;
}

#bank-data-table .bank-id-column {
    width: 5%;
}

#client-data-table .client-id-column {
    width: 7%;
}

#client-data-table tbody tr.client-row-highlight > * {
    background-color: #d9f2d9;
}

#supplier-data-table .supplier-id-column {
    width: 7%;
}

#purchased-code-data-table .purchased-code-id-column {
    width: 5%;
}

.purchased-code-offcanvas {
    width: min(85vw, 960px)!important;
}

.purchased-code-offcanvas .offcanvas-title {
    font-size: 1.125rem;
}

.purchased-code-offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    padding: 1rem 1.5rem 1.5rem;
    background: var(--tblr-bg-surface);
}

#bank-data-table tbody tr.bank-row-highlight > *,
#supplier-data-table tbody tr.supplier-row-highlight > *,
#product-data-table tbody tr.product-row-highlight > *,
#product-tariff-data-table tbody tr.product-tariff-row-highlight > *,
#admin-user-data-table tbody tr.admin-user-row-highlight > *,
#purchased-code-data-table tbody tr.purchased-code-row-highlight > * {
    background-color: #d9f2d9;
}

.purchased-code-product-cell,
.purchased-code-select-product {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.purchased-code-product-logo {
    flex: 0 0 auto;
    width: 1.75rem;
    height: 1.75rem;
    object-fit: cover;
    border-radius: 6px;
    background: var(--tblr-bg-surface-secondary);
}

.purchased-code-select-logo {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 10px;
    background: var(--tblr-bg-surface-secondary);
}

.purchased-code-select-tariff {
    font-size: 1rem;
}

.select2-results__option--highlighted .purchased-code-select-tariff,
.select2-results__option[aria-selected="true"] .purchased-code-select-tariff {
    color: #ffffff !important;
}

.product-logo-thumb {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    border-radius: 6px;
    background: var(--tblr-bg-surface-secondary);
}

#product-data-table .product-id-column,
#product-tariff-data-table .product-tariff-order-column {
    width: 5%;
}

#product-tariff-data-table .product-tariff-order-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
}

#product-tariff-data-table .product-tariff-reorder-handle {
    display: inline-flex;
    align-items: center;
    cursor: grab;
    user-select: none;
}

#product-tariff-data-table .product-tariff-reorder-handle:active {
    cursor: grabbing;
}

#product-tariff-data-table .product-tariff-price-column {
    text-align: left !important;
}

.product-tariff-summary + .product-tariff-summary {
    margin-top: .375rem;
}

.product-tariff-block {
    padding: 1rem;
    border: 1px solid var(--tblr-border-color);
    border-radius: 8px;
}

.product-tariff-block + .product-tariff-block {
    margin-top: 1rem;
}

.product-price-matrix {
    margin-bottom: 0;
}

#admin-user-data-table_wrapper .dt-layout-row,
#admin-user-data-table_wrapper .dt-layout-cell,
#client-data-table_wrapper .dt-layout-row,
#client-data-table_wrapper .dt-layout-cell,
#supplier-data-table_wrapper .dt-layout-row,
#supplier-data-table_wrapper .dt-layout-cell,
#bank-data-table_wrapper .dt-layout-row,
#bank-data-table_wrapper .dt-layout-cell,
#product-data-table_wrapper .dt-layout-row,
#product-data-table_wrapper .dt-layout-cell,
#product-tariff-data-table_wrapper .dt-layout-row,
#product-tariff-data-table_wrapper .dt-layout-cell,
#purchased-code-data-table_wrapper .dt-layout-row,
#purchased-code-data-table_wrapper .dt-layout-cell {
    margin: 0;
}

#admin-user-data-table,
#client-data-table,
#supplier-data-table,
#bank-data-table,
#product-data-table,
#product-tariff-data-table,
#purchased-code-data-table {
    margin: 0 !important;
    border-bottom: 0 !important;
}

#admin-user-data-table.dataTable > thead > tr > th,
#admin-user-data-table.dataTable > tbody > tr > td,
#client-data-table.dataTable > thead > tr > th,
#client-data-table.dataTable > tbody > tr > td,
#supplier-data-table.dataTable > thead > tr > th,
#supplier-data-table.dataTable > tbody > tr > td,
#bank-data-table.dataTable > thead > tr > th,
#bank-data-table.dataTable > tbody > tr > td,
#product-data-table.dataTable > thead > tr > th,
#product-data-table.dataTable > tbody > tr > td,
#product-tariff-data-table.dataTable > thead > tr > th,
#product-tariff-data-table.dataTable > tbody > tr > td,
#purchased-code-data-table.dataTable > thead > tr > th,
#purchased-code-data-table.dataTable > tbody > tr > td {
    border-color: var(--tblr-border-color);
}

#admin-user-data-table.dataTable > thead > tr:first-child > th,
#client-data-table.dataTable > thead > tr:first-child > th,
#supplier-data-table.dataTable > thead > tr:first-child > th,
#bank-data-table.dataTable > thead > tr:first-child > th,
#product-data-table.dataTable > thead > tr:first-child > th,
#product-tariff-data-table.dataTable > thead > tr:first-child > th,
#purchased-code-data-table.dataTable > thead > tr:first-child > th {
    padding: .75rem .75rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--tblr-secondary);
    background: var(--tblr-bg-surface);
    border-bottom: 1px solid var(--tblr-border-color);
}

#admin-user-data-table .admin-user-id-column {
    width: 5%;
}

#admin-user-data-table.dataTable > thead > tr.admin-user-datatable-filters > th,
#client-data-table.dataTable > thead > tr.client-datatable-filters > th,
#supplier-data-table.dataTable > thead > tr.supplier-datatable-filters > th,
#bank-data-table.dataTable > thead > tr.bank-datatable-filters > th,
#product-data-table.dataTable > thead > tr.product-datatable-filters > th,
#product-tariff-data-table.dataTable > thead > tr.product-tariff-datatable-filters > th,
#purchased-code-data-table.dataTable > thead > tr.purchased-code-datatable-filters > th {
    padding: .5rem .75rem;
    background: var(--tblr-bg-surface-secondary);
    border-bottom: 1px solid var(--tblr-border-color);
}

#admin-user-data-table.dataTable > thead > tr > th.dt-orderable-asc:hover,
#admin-user-data-table.dataTable > thead > tr > th.dt-orderable-desc:hover,
#bank-data-table.dataTable > thead > tr > th.dt-orderable-asc:hover,
#bank-data-table.dataTable > thead > tr > th.dt-orderable-desc:hover {
    outline: 0;
    color: var(--tblr-body-color);
    background: var(--tblr-bg-surface-secondary);
}

#admin-user-data-table.dataTable > thead > tr > th span.dt-column-order,
#bank-data-table.dataTable > thead > tr > th span.dt-column-order {
    right: .75rem;
    opacity: .55;
}

#admin-user-data-table.dataTable > thead > tr > th span.dt-column-order::before,
#admin-user-data-table.dataTable > thead > tr > th span.dt-column-order::after,
#bank-data-table.dataTable > thead > tr > th span.dt-column-order::before,
#bank-data-table.dataTable > thead > tr > th span.dt-column-order::after {
    font-size: .625rem;
}

#admin-user-data-table.dataTable > tbody > tr > td,
#bank-data-table.dataTable > tbody > tr > td {
    padding: .75rem;
}

#admin-user-data-table.dataTable > tbody > tr:hover > *,
#bank-data-table.dataTable > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 67, 206, 0.035) !important;
}

#admin-user-data-table .form-control-sm,
#admin-user-data-table .form-select-sm,
#admin-user-data-table .select2-container--krajee-bs5 .select2-selection--single,
#bank-data-table .form-control-sm,
#bank-data-table .form-select-sm,
#bank-data-table .select2-container--krajee-bs5 .select2-selection--single {
    min-height: 2rem;
    font-size: .8125rem;
}

#admin-user-data-table_wrapper .card-footer,
#bank-data-table_wrapper .card-footer {
    border-top: none;
    background: var(--tblr-bg-surface);
}

#admin-user-data-table_wrapper .dt-info,
#bank-data-table_wrapper .dt-info {
    padding: 0;
    color: var(--tblr-secondary);
    font-size: .8125rem;
}

#admin-user-data-table_wrapper .dt-paging,
#bank-data-table_wrapper .dt-paging {
    display: flex;
    justify-content: flex-end;
}

#admin-user-data-table_wrapper .dt-paging nav,
#bank-data-table_wrapper .dt-paging nav {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

#admin-user-data-table_wrapper .dt-paging .dt-paging-button,
#bank-data-table_wrapper .dt-paging .dt-paging-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: .25rem .5rem;
    margin: 0 0 0 -1px;
    color: var(--tblr-body-color) !important;
    background: var(--tblr-bg-surface) !important;
    border: 1px solid var(--tblr-border-color) !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: .8125rem;
    line-height: 1.25;
}

#admin-user-data-table_wrapper .dt-paging .dt-paging-button:hover,
#bank-data-table_wrapper .dt-paging .dt-paging-button:hover {
    color: var(--tblr-primary) !important;
    background: var(--tblr-bg-surface-secondary) !important;
    text-decoration: none !important;
}

#admin-user-data-table_wrapper .dt-paging .dt-paging-button:first-child,
#bank-data-table_wrapper .dt-paging .dt-paging-button:first-child {
    border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius);
}

#admin-user-data-table_wrapper .dt-paging .dt-paging-button:last-child,
#bank-data-table_wrapper .dt-paging .dt-paging-button:last-child {
    border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0;
}

.dt-paging .dt-paging-button.current,
#admin-user-data-table_wrapper .dt-paging .dt-paging-button.current,
#bank-data-table_wrapper .dt-paging .dt-paging-button.current {
    z-index: 1;
    color: var(--tblr-body-color) !important;
    background: #cbdcff !important;
    background-color: #cbdcff !important;
    border-color: #cbdcff !important;
    border-radius: 10px !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    color: #242424 !important;
    background-color: #e2ecff !important;
    border: 1px solid #e2ecff;
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    border-radius: 10px !important;
}

#admin-user-data-table_wrapper .dt-paging .dt-paging-button.disabled,
#bank-data-table_wrapper .dt-paging .dt-paging-button.disabled {
    color: var(--tblr-muted) !important;
    background: var(--tblr-bg-surface-secondary) !important;
}

#admin-user-data-table_wrapper .dt-processing,
#bank-data-table_wrapper .dt-processing {
    color: var(--tblr-primary);
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow);
}

@media (max-width: 575.98px) {
    #admin-user-data-table_wrapper .dt-paging,
    #bank-data-table_wrapper .dt-paging {
        justify-content: center;
        width: 100%;
    }
}