@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/poppins-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/poppins-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/poppins-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/poppins-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    color-scheme: light;
    --gateway-motion-fast: 120ms;
    --gateway-motion-enter: 160ms;
    --gateway-motion-navigation: 200ms;
    --gateway-ease-enter: ease-out;
    --gateway-ease-exit: ease-in;
    --gateway-ease-control: ease;
    --gateway-brand: #252b52;
    --gateway-primary: #343d75;
    --gateway-accent: #d6a43b;
    --gateway-canvas: #f7f5f0;
    --gateway-surface: #fff;
    --gateway-ink: #242738;
    --gateway-muted: #626578;
    --gateway-border: #dededc;
    --gateway-control-border: #858797;
    --gateway-field: #f8f8fa;
    --gateway-primary-soft: #edeef5;
    --gateway-primary-hover: #dfe2ef;
    --gateway-success: #38634b;
    --gateway-success-soft: #edf3ee;
    --gateway-warning: #805b13;
    --gateway-warning-soft: #faf2df;
    --gateway-danger: #a13342;
    --gateway-danger-soft: #faeef0;
    --gateway-danger-hover: #822936;
    --gateway-info: #365d7c;
    --gateway-info-soft: #edf2f6;
    --gateway-sidebar-text: #c8cbdf;
    --gateway-sidebar-active: #3c446d;
    --gateway-shadow: 0 8px 24px #252b5214;
}
body { background: var(--gateway-canvas); color: var(--gateway-ink); }
/* Framework integration: map Metronic utilities and vendor states to the brand.
   !important is limited to competing framework utilities/interactive states. */
a { color: var(--gateway-primary); }
a:hover { color: var(--gateway-brand); }
h1, h2, h3, h4, h5, h6, .form-label { color: var(--gateway-ink); }
.text-gray-500, .text-gray-600, .text-muted { color: var(--gateway-muted) !important; }
.form-text { color: var(--gateway-muted); }
.invalid-feedback { color: var(--gateway-danger); }
.text-success { color: var(--gateway-success) !important; }
.text-danger { color: var(--gateway-danger) !important; }
.bg-light { background-color: var(--gateway-field) !important; }
.border-bottom, .border-top { border-color: var(--gateway-border) !important; }
.card { background-color: var(--gateway-surface); }
.card .card-header { border-bottom-color: var(--gateway-border); }
.btn.btn-primary { color: #fff; background-color: var(--gateway-primary); border-color: var(--gateway-primary); }
.btn.btn-primary:is(:hover, :focus, :active, .active):not(.btn-active) { color: #fff; background-color: var(--gateway-brand) !important; border-color: var(--gateway-brand); }
.btn.btn-light, .btn.btn-light-primary { color: var(--gateway-primary); background-color: var(--gateway-primary-soft); border-color: transparent; }
.btn.btn-light:is(:hover, :focus, :active, .active):not(.btn-active),
.btn.btn-light-primary:is(:hover, :focus, :active, .active):not(.btn-active) { color: var(--gateway-brand); background-color: var(--gateway-primary-hover) !important; border-color: transparent; }
.btn.btn-danger { color: #fff; background-color: var(--gateway-danger); border-color: var(--gateway-danger); }
.btn.btn-danger:is(:hover, :focus, :active):not(.btn-active) { background-color: var(--gateway-danger-hover) !important; border-color: var(--gateway-danger-hover); }
.btn:focus-visible { outline: 3px solid var(--gateway-primary); outline-offset: 3px; }
.form-control, .form-control.form-control-solid { color: var(--gateway-ink); background-color: var(--gateway-field); border-color: var(--gateway-control-border); }
.form-control::placeholder, .form-control.form-control-solid::placeholder { color: var(--gateway-muted); opacity: 1; }
.form-control:focus, .form-control.form-control-solid:focus { color: var(--gateway-ink); background-color: var(--gateway-surface); border-color: var(--gateway-primary); outline: 2px solid var(--gateway-primary); outline-offset: 2px; box-shadow: none; }
.form-check-input, .form-check.form-check-solid .form-check-input { border: 1px solid var(--gateway-control-border); background-color: var(--gateway-field); }
.form-check-input:checked, .form-check.form-check-solid .form-check-input:checked { background-color: var(--gateway-primary); border-color: var(--gateway-primary); }
.form-check-input:focus-visible { outline: 3px solid var(--gateway-primary); outline-offset: 3px; }
.form-control:disabled { background-color: var(--gateway-primary-soft); color: var(--gateway-muted); }
.form-control.is-invalid { border-color: var(--gateway-danger); }
.badge-light-primary, .alert-primary { color: var(--gateway-primary); background-color: var(--gateway-primary-soft); }
.badge-light-success, .alert-success { color: var(--gateway-success); background-color: var(--gateway-success-soft); }
.badge-light-warning, .alert-warning { color: var(--gateway-warning); background-color: var(--gateway-warning-soft); }
.badge-light-danger, .alert-danger { color: var(--gateway-danger); background-color: var(--gateway-danger-soft); }
.badge-light-info, .alert-info { color: var(--gateway-info); background-color: var(--gateway-info-soft); }
.badge-light-secondary { color: var(--gateway-muted); background-color: var(--gateway-field); }
.alert { border-color: currentColor; }
.gateway-portal .aside.aside-dark, .gateway-portal .aside-dark .aside-logo { background-color: var(--gateway-brand); }
.gateway-portal .aside-logo { border-bottom: 1px solid var(--gateway-sidebar-active); }
.gateway-portal .aside-dark .menu .menu-item .menu-link .menu-title { color: var(--gateway-sidebar-text); }
.gateway-portal .aside-dark .menu .menu-item .menu-link:is(:hover, :focus-visible, .active) { background-color: var(--gateway-sidebar-active) !important; }
.gateway-portal .aside-dark .menu .menu-item .menu-link:is(:hover, :focus-visible, .active) .menu-title { color: #fff; }
.gateway-portal .aside-dark .gateway-sidebar-caption :is(.text-gray-500, .text-gray-600) { color: var(--gateway-sidebar-text) !important; }
.gateway-portal .header { background-color: var(--gateway-surface); box-shadow: 0 1px 0 var(--gateway-border); }
.table { color: var(--gateway-ink); --bs-table-striped-bg: var(--gateway-field); --bs-table-striped-color: var(--gateway-ink); --bs-table-hover-bg: var(--gateway-primary-soft); --bs-table-hover-color: var(--gateway-ink); }
.table th, .table caption { color: var(--gateway-muted); }
.table tr, .table td, .table th { border-color: var(--gateway-border); }
.table tbody tr:hover > * { --bs-table-accent-bg: var(--gateway-primary-soft); }
/* DataTables replaces Bootstrap's stripe shadow; use the shared stripe/hover token. */
table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * { box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
.page-item .page-link { color: var(--gateway-primary); }
.page-item .page-link:is(:hover, :focus) { color: var(--gateway-brand); background-color: var(--gateway-primary-soft); }
.page-item.active .page-link { color: #fff; background-color: var(--gateway-primary); }
.page-item.disabled .page-link { color: var(--gateway-muted); }
.page-item .page-link :is(.first, .previous, .next, .last) { background-color: currentColor; }
.flatpickr-months .flatpickr-month, .flatpickr-current-month .numInputWrapper { color: var(--gateway-ink); }
span.flatpickr-weekday { color: var(--gateway-muted); }
.flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month),
.flatpickr-months :is(.flatpickr-prev-month, .flatpickr-next-month):hover svg { color: var(--gateway-primary); fill: var(--gateway-primary); }
.flatpickr-day { color: var(--gateway-ink); }
.flatpickr-day:is(.prevMonthDay, .nextMonthDay):not(.flatpickr-disabled, .selected) { color: var(--gateway-muted); }
.flatpickr-day:is(:hover, :focus) { background: var(--gateway-primary-soft); border-color: var(--gateway-primary-soft); }
.flatpickr-day.today { border-color: var(--gateway-primary); }
.flatpickr-day.today:is(:hover, :focus) { color: var(--gateway-ink); background: var(--gateway-primary-soft); }
.gateway-brand { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color: var(--gateway-ink); white-space: nowrap; }
.gateway-mark { display: block; flex-shrink: 0; width: 36px; height: 36px; }
.gateway-shell { max-width: 1600px; }
.gateway-login { max-width: 480px; width: 100%; border: 1px solid var(--gateway-border); }
.gateway-secret { overflow-wrap: anywhere; white-space: pre-wrap; }
.gateway-user { min-width: 0; max-width: min(360px, 35vw); }
.gateway-user-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gateway-detail { overflow-wrap: anywhere; }
.gateway-amount { font-variant-numeric: tabular-nums; white-space: nowrap; }
.gateway-footer { border-top: 1px solid var(--gateway-border); background: var(--gateway-surface); }
.gateway-skip { position: fixed; left: 12px; top: -60px; z-index: 1100; }
.gateway-skip:focus { top: 12px; }
.gateway-login-layout { position: relative; min-height: 100vh; min-height: 100dvh; padding-left: clamp(240px, 30vw, 460px); }
.gateway-login-art { position: absolute; inset: 0 auto 0 0; width: clamp(240px, 30vw, 460px); background: var(--gateway-brand); overflow: hidden; }
.gateway-login-art::after { content: ''; position: absolute; inset: 0; background: url(../brand/pattern.svg) center / 240px 144px; opacity: .28; }
.gateway-sidebar-caption::after { content: ''; display: block; height: 48px; margin: 20px -18px 0; background: url(../brand/pattern.svg) center / 80px 48px; opacity: .24; }
@media (max-width: 767px) {
    .gateway-login-layout { padding-left: 0; padding-top: 64px; }
    .gateway-login-art { inset: 0 0 auto; width: 100%; height: 64px; }
    .gateway-login-art::after { background-size: 107px 64px; }
}
.gateway-login-page { flex: 1 0 auto; }
.gateway-login-copyright { flex-shrink: 0; }
.gateway-sidebar-toggle { color: var(--gateway-sidebar-text); }
.gateway-sidebar-toggle:hover { color: #fff; }
.gateway-portal .aside-logo { flex-shrink: 0; padding: 0 18px; }
.gateway-portal .aside-menu { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.gateway-sidebar-caption { flex-shrink: 0; }
@media (max-height: 600px) { .gateway-sidebar-caption::after { display: none; } }
.gateway-menu-group + .gateway-menu-group { margin-top: 20px; }
.gateway-menu-heading { margin: 4px 16px 8px; color: var(--gateway-sidebar-text); font-size: 10px; font-weight: 600; line-height: 16px; letter-spacing: .1em; text-transform: uppercase; }
.gateway-portal .menu-link:focus-visible { outline: 3px solid #fff !important; outline-offset: -3px; }
.gateway-portal .menu-link .gateway-nav-icon { color: var(--gateway-sidebar-text); }
.gateway-portal .menu-link:is(:hover, :focus-visible, .active) .gateway-nav-icon { color: #fff; }
.aside-dark :focus-visible { outline-color: #fff; }
.gateway-portal .content { padding-top: 30px; }
summary { cursor: pointer; }
:focus-visible { outline: 3px solid var(--gateway-primary); outline-offset: 3px; }
[id] { scroll-margin-top: 95px; }
@media (min-width: 992px) {
    body[data-kt-aside-minimize="on"] .gateway-brand-name,
    body[data-kt-aside-minimize="on"] .gateway-sidebar-caption { display: none; }
    body[data-kt-aside-minimize="on"] .gateway-menu-heading { display: none; }
    body[data-kt-aside-minimize="on"] .gateway-menu-group + .gateway-menu-group { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--gateway-sidebar-active); }
    body[data-kt-aside-minimize="on"] .aside-logo { flex-direction: column; justify-content: center; height: 110px; gap: 8px; padding: 12px; }
    body[data-kt-aside-minimize="on"] .gateway-sidebar-toggle svg { transform: rotate(180deg); }
}
@media (max-width: 991.98px) {
    .gateway-portal .aside { display: flex; position: fixed; width: 265px; height: 100dvh; top: 0; bottom: 0; left: 0; z-index: 1100; transform: translateX(-100%); transition: transform var(--gateway-motion-navigation) var(--gateway-ease-enter); }
    .gateway-portal.gateway-navigation-open .aside { transform: translateX(0); }
    .gateway-portal .aside-logo { height: 65px; display: flex; align-items: center; justify-content: space-between; }
    .gateway-portal .aside-menu { width: 265px; }
    .gateway-navigation-open { overflow: hidden; }
    .gateway-sidebar-backdrop { position: fixed; inset: 0; z-index: 1090; border: 0; background: rgba(0,0,0,.35); }
}
@media (max-width: 575px) {
    .gateway-user { display: none; }
    .gateway-shell { padding-left: 16px; padding-right: 16px; }
    .card .card-body { padding: 1.5rem; }
}

/* Shared portal layout, statistics and dialogs. */
.gateway-header-main { flex: 1; min-width: 0; }
.gateway-header-main > button, .gateway-header-name { flex-shrink: 0; }
.gateway-header-brand { min-width: 0; display: flex; align-items: center; gap: 18px; }
.gateway-header-breadcrumb { min-width: 0; border-left: 1px solid var(--gateway-border); padding-left: 18px; }
.gateway-profile { position: relative; }
.gateway-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; background: var(--gateway-primary-soft); color: var(--gateway-primary); font-weight: 700; font-size: 18px; list-style: none; }
.gateway-avatar::-webkit-details-marker { display: none; }
.gateway-profile-menu { position: absolute; right: 0; top: 52px; width: 285px; background: var(--gateway-surface); border: 1px solid var(--gateway-border); border-radius: 10px; box-shadow: 0 10px 35px #252b5214; padding: 8px; z-index: 100; overflow-wrap: anywhere; }
.gateway-profile-menu > a, .gateway-profile-menu button { display: block; text-align: left; width: 100%; border: 0; background: none; padding: 12px 16px; color: var(--gateway-ink); border-radius: 6px; }
.gateway-profile-menu > a:hover, .gateway-profile-menu button:hover { background: var(--gateway-field); color: var(--gateway-primary); }
.gateway-page-toolbar { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.gateway-breadcrumb { list-style: none; display: flex; gap: 9px; padding: 0; margin: 0; color: var(--gateway-muted); font-size: 12px; white-space: nowrap; }
.gateway-breadcrumb li { display: flex; align-items: center; min-width: 0; }
.gateway-breadcrumb li:first-child { flex-shrink: 0; }
.gateway-breadcrumb [aria-current="page"] > span { overflow: hidden; text-overflow: ellipsis; }
.gateway-breadcrumb a { color: var(--gateway-muted); }
.gateway-breadcrumb li + li::before { content: '/'; margin-right: 9px; color: var(--gateway-muted); }
.gateway-filter-button { display: inline-flex; align-items: center; gap: 6px; }
.gateway-filter-button .gateway-nav-icon { width: 16px; height: 16px; padding: 0; }
.gateway-stat-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.gateway-stat { background: var(--stat-background, var(--gateway-surface)); border: 1px solid var(--gateway-border); box-shadow: 0 2px 5px #252b5206; color: var(--gateway-ink); transition: border-color var(--gateway-motion-fast) var(--gateway-ease-control); }
.gateway-stat:hover { border-color: var(--stat-color); }
.gateway-stat .card-body { padding: 22px 18px; }
.gateway-stat-neutral { --stat-color: var(--gateway-ink); }
.gateway-stat-primary { --stat-color: var(--gateway-primary); --stat-background: var(--gateway-primary-soft); }
.gateway-stat-success { --stat-color: var(--gateway-success); --stat-background: var(--gateway-success-soft); }
.gateway-stat-info { --stat-color: var(--gateway-info); --stat-background: var(--gateway-info-soft); }
.gateway-stat-danger { --stat-color: var(--gateway-danger); --stat-background: var(--gateway-danger-soft); }
.gateway-stat-warning { --stat-color: var(--gateway-warning); --stat-background: var(--gateway-warning-soft); }
.gateway-stat-label { color: var(--gateway-muted); font-size: 12px; font-weight: 500; }
.gateway-stat-value { color: var(--stat-color); font-size: clamp(22px, 2vw, 30px); font-weight: 600; font-variant-numeric: tabular-nums; margin: 10px 0; overflow-wrap: anywhere; }
.gateway-table-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.gateway-table-filters .form-label { font-size: 11px; }
.gateway-date-zone { width: 100%; font-size: 11px; color: var(--gateway-muted); }
.gateway-dialog { border: 0; border-radius: 12px; padding: 0; width: min(720px, calc(100% - 32px)); max-height: calc(100dvh - 40px); color: var(--gateway-ink); box-shadow: 0 24px 80px #0003; overflow-y: auto; }
.gateway-dialog::backdrop { background: #191e3b99; }
.gateway-dialog-small { max-width: 440px; }
.gateway-dialog-header { position: sticky; top: 0; background: var(--gateway-surface); display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 28px; border-bottom: 1px solid var(--gateway-border); z-index: 1; }
.gateway-dialog-header h2 { font-size: 18px; margin: 0; overflow-wrap: anywhere; }
.gateway-dialog-body { padding: 26px 28px; }
body:has(dialog[open]) { overflow: hidden; }
.gateway-fee-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 22px 0; font-size: 12px; }
.gateway-fee-summary dt { color: var(--gateway-muted); font-weight: 400; }
.gateway-fee-summary dd { text-align: right; margin: 0; }
.gateway-data-table { width: 100%; min-width: 600px; }
.dt-container .dt-layout-row { margin: 0 0 16px; }
.dt-container .dt-search input { background: var(--gateway-field); border-color: var(--gateway-control-border); padding: 6px 10px; }
.dt-container .dt-info { color: var(--gateway-muted); font-size: 12px; }
.dt-container thead { background: var(--gateway-field); color: var(--gateway-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.dt-container table.dataTable thead > tr > th { padding: 8px 6px; }
.dt-container table.dataTable tbody > tr > td { padding: 6px; font-size: 13px; }
.dt-container .gateway-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 1399px) { .gateway-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .gateway-header-name { display: none; }
    .gateway-header-breadcrumb { border-left: 0; padding-left: 0; }
    .gateway-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .gateway-dialog-header, .gateway-dialog-body { padding: 20px; }
}

.gateway-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; border-top: 1px solid var(--gateway-border); margin-top: 24px; padding-top: 20px; }

[hidden] { display: none !important; }

/* Styled selects and calendars share the portal's form colors and spacing. */
.ts-wrapper.form-select { padding: 0; background: none; border: 0; }
.ts-wrapper.single .ts-control { min-height: 43px; padding: 10px 36px 10px 13px; border: 1px solid var(--gateway-control-border); border-radius: .475rem; background: var(--gateway-field); box-shadow: none; color: var(--gateway-muted); font: inherit; }
.ts-wrapper.single.input-active .ts-control { background: var(--gateway-primary-soft); }
.ts-control input { color: var(--gateway-muted); font: inherit; }
.ts-wrapper.focus .ts-control { outline: 2px solid var(--gateway-primary); outline-offset: 2px; border-color: var(--gateway-primary); }
.ts-wrapper:has([aria-invalid="true"]) .ts-control { border-color: var(--gateway-danger); }
.ts-dropdown { z-index: 1200; margin-top: 5px; border: 1px solid var(--gateway-border); border-radius: 8px; box-shadow: var(--gateway-shadow); background: var(--gateway-surface); color: var(--gateway-ink); font: inherit; font-size: 13px; }
.ts-dropdown .option { padding: 9px 12px; }
.ts-dropdown .active { background: var(--gateway-primary); color: #fff; }
.ts-dropdown .selected:not(.active) { background: var(--gateway-primary-soft); color: var(--gateway-primary); }
.ts-dropdown-content { max-height: 220px; }
.gateway-table-filters .ts-wrapper { min-width: 160px; }
.dt-length .ts-wrapper { display: inline-block; width: 78px; margin: 0 8px 0 0; vertical-align: middle; }
.dt-length .ts-wrapper.single .ts-control { min-height: 34px; padding: 6px 28px 6px 10px; font-size: 12px; }
.flatpickr-wrapper { display: block; }
.flatpickr-calendar { font-family: inherit; border: 1px solid var(--gateway-border); box-shadow: var(--gateway-shadow); border-radius: 8px; }
.flatpickr-day.selected, .flatpickr-day.selected:is(:hover, :focus) { color: #fff; background: var(--gateway-primary); border-color: var(--gateway-primary); }
.flatpickr-current-month { font-size: 14px; }
.flatpickr-current-month .cur-month { font-weight: 600; }
.flatpickr-calendar.static.open { z-index: 1200; }
.gateway-dialog .flatpickr-calendar.static.open { position: relative; top: auto; margin-top: 8px; }
@media (max-width: 374px) {
    .gateway-dialog .flatpickr-calendar { width: 246px; }
    .gateway-dialog .flatpickr-days, .gateway-dialog .dayContainer { width: 244px; min-width: 244px; max-width: 244px; }
}

/* Motion uses one timing scale; completion leaves no transform or opacity behind. */
@keyframes gateway-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes gateway-dialog-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes gateway-dialog-out { from { opacity: var(--gateway-exit-opacity, 1); } to { opacity: 0; } }
@keyframes gateway-backdrop-out { from { opacity: var(--gateway-backdrop-exit-opacity, 1); } to { opacity: 0; } }
.gateway-page-enter { animation: gateway-fade-in var(--gateway-motion-enter) var(--gateway-ease-enter); }
.gateway-dialog[open] { animation: gateway-dialog-in var(--gateway-motion-enter) var(--gateway-ease-enter); }
.gateway-dialog[open]::backdrop { animation: gateway-fade-in var(--gateway-motion-enter) var(--gateway-ease-enter); }
.gateway-dialog.gateway-dialog-closing { transform: var(--gateway-exit-transform, none); animation: gateway-dialog-out var(--gateway-motion-fast) var(--gateway-ease-exit) forwards; }
.gateway-dialog.gateway-dialog-closing::backdrop { animation: gateway-backdrop-out var(--gateway-motion-fast) var(--gateway-ease-exit) forwards; }
.gateway-profile[open] .gateway-profile-menu, .ts-dropdown, .flatpickr-calendar.animate.open { animation: gateway-fade-in var(--gateway-motion-fast) var(--gateway-ease-enter); }
body.gateway-portal.aside-enabled.aside-fixed .wrapper { transition: padding-left var(--gateway-motion-navigation) var(--gateway-ease-control); }
body.gateway-portal.aside-enabled.aside-fixed.header-fixed .header { transition: left var(--gateway-motion-navigation) var(--gateway-ease-control); }
body.gateway-portal .aside .menu .menu-item .menu-link { transition: color var(--gateway-motion-fast) var(--gateway-ease-control), background-color var(--gateway-motion-fast) var(--gateway-ease-control) !important; }
body .btn, body .form-control, body .form-control.form-control-solid,
body .form-control.form-control-solid:is(:focus, :active, .active, .focus),
.ts-wrapper.single .ts-control, .gateway-profile-menu > a, .gateway-profile-menu button { transition: color var(--gateway-motion-fast) var(--gateway-ease-control), background-color var(--gateway-motion-fast) var(--gateway-ease-control), border-color var(--gateway-motion-fast) var(--gateway-ease-control); }
@media (min-width: 992px) { body.gateway-portal .aside { transition: width var(--gateway-motion-navigation) var(--gateway-ease-control); } }
body.gateway-portal .aside .menu-title { transition-duration: var(--gateway-motion-navigation) !important; }
/* Override vendor motion too; disabling an exit settles its completion promise. */
@media (prefers-reduced-motion: reduce) {
    :root { --gateway-motion-fast: 0ms; --gateway-motion-enter: 0ms; --gateway-motion-navigation: 0ms; }
    *, *::before, *::after, *::backdrop { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.gateway-request-payload { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 65vh; overflow: auto; font-size: 12px; }