:root {
    --admin-sidebar-width: 272px;
    --admin-navbar-height: 68px;
}

html[data-admin-theme="dark"],
.admin-layout[data-admin-theme="dark"] {
    color-scheme: dark;
    --admin-page: #2c3e50;
    --admin-surface: #34495e;
    --admin-surface-raised: #3d566e;
    --admin-surface-muted: #415b72;
    --admin-border: #526a80;
    --admin-text: #f3f6f8;
    --admin-text-muted: #c1ccd6;
    --admin-primary: #c8ad72;
    --admin-primary-contrast: #263746;
    --admin-sidebar: #273746;
    --admin-topbar: #34495e;
    --admin-shadow: 0 10px 28px rgba(16, 28, 40, .18);
    --admin-focus: rgba(200, 173, 114, .3);
}

html[data-admin-theme="light"],
.admin-layout[data-admin-theme="light"] {
    color-scheme: light;
    --admin-page: #f3f6fa;
    --admin-surface: #ffffff;
    --admin-surface-raised: #ffffff;
    --admin-surface-muted: #f7f9fc;
    --admin-border: #e1e7ee;
    --admin-text: #1e2935;
    --admin-text-muted: #718096;
    --admin-primary: #efb900;
    --admin-primary-contrast: #1e2935;
    --admin-sidebar: #ffffff;
    --admin-topbar: #ffffff;
    --admin-shadow: 0 10px 28px rgba(25, 42, 62, .07);
    --admin-focus: rgba(239, 185, 0, .22);
}

.admin-layout {
    min-height: 100vh;
    direction: rtl;
    color: var(--admin-text);
    background: var(--admin-page);
    font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif;
    --sidebar-width: var(--admin-sidebar-width);
    --navbar-height: var(--admin-navbar-height);
}

.admin-layout *,
.admin-layout *::before,
.admin-layout *::after {
    box-sizing: border-box;
}

.admin-layout .top-navbar {
    min-height: var(--admin-navbar-height);
    height: auto;
    position: sticky;
    inset-block-start: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 20px;
    color: var(--admin-text);
    background: var(--admin-topbar) !important;
    border-bottom: 1px solid var(--admin-border);
    box-shadow: 0 4px 18px rgba(8, 18, 28, .08);
}

.admin-layout .admin-header {
    width: auto !important;
    min-width: 0;
    flex: 1 1 auto;
}

.admin-layout .mobile-menu-btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

.admin-layout .admin-theme-toggle {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: var(--admin-primary);
    background: var(--admin-surface-raised);
    border: 1px solid var(--admin-border);
    border-radius: 14px;
    font-size: 22px;
    line-height: 1;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.admin-layout .admin-theme-toggle:hover {
    transform: translateY(-1px);
    background: var(--admin-surface-muted);
    border-color: var(--admin-primary);
}

.admin-layout .admin-theme-toggle:focus-visible,
.admin-layout .top-navbar a:focus-visible,
.admin-layout #sidebar a:focus-visible {
    outline: 3px solid var(--admin-focus);
    outline-offset: 2px;
}

.admin-layout #layoutWrapper {
    display: grid;
    grid-template-columns: var(--admin-sidebar-width) minmax(0, 1fr);
    min-height: calc(100vh - var(--admin-navbar-height));
}

.admin-layout #sidebar {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    inset-block-start: var(--admin-navbar-height);
    height: calc(100vh - var(--admin-navbar-height));
    overflow: hidden;
    background: var(--admin-sidebar);
    border-inline-start: 1px solid var(--admin-border);
    transition: transform .24s ease, background-color .2s ease;
    z-index: 1040;
}

.admin-layout .admin-sidebar-shell {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--admin-text);
    background: var(--admin-sidebar);
}

.admin-layout .sb-sidenav-menu {
    flex: 1;
    overflow-y: auto;
    padding: 12px 10px;
    scrollbar-width: thin;
    scrollbar-color: var(--admin-border) transparent;
}

.admin-layout .sb-sidenav-footer {
    padding: 12px;
    color: var(--admin-text-muted);
    background: var(--admin-surface-muted);
    border-top: 1px solid var(--admin-border);
}

.admin-layout #sidebar .nav-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    color: var(--admin-text-muted);
    border-radius: 12px;
    transition: color .16s ease, background-color .16s ease;
}

.admin-layout #sidebar .nav-link:hover,
.admin-layout #sidebar .nav-link.active {
    color: var(--admin-text);
    background: var(--admin-surface-muted);
}

.admin-layout #sidebar .nav-link.active {
    box-shadow: inset -3px 0 0 var(--admin-primary);
}

.admin-layout #sidebar .sb-sidenav-menu-heading {
    color: var(--admin-text-muted);
}

html[data-admin-theme="dark"] .admin-layout #sidebar .sb-sidenav-menu-heading span {
    color: var(--admin-text-muted) !important;
}

.admin-layout #sidebar .admin-nav-section-heading {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 18px 6px 8px;
    padding: 7px 12px;
    color: var(--admin-text-muted);
    background: var(--admin-surface-muted);
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
}

.admin-layout #sidebar .admin-nav-label {
    color: inherit;
}

.admin-layout #sidebar .sb-nav-link-icon,
.admin-layout #sidebar .sb-sidenav-collapse-arrow,
.admin-layout #sidebar .admin-nav-icon,
.admin-layout #sidebar .sb-sidenav-collapse-arrow * {
    color: var(--admin-primary);
}

.admin-layout #sidebar .sb-sidenav-collapse-arrow * {
    color: var(--admin-primary) !important;
}

.admin-layout #content {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: clamp(14px, 2vw, 28px);
    color: var(--admin-text);
    background: var(--admin-page);
    box-shadow: none;
}

.admin-layout #content h1,
.admin-layout #content h2,
.admin-layout #content h3,
.admin-layout #content h4,
.admin-layout #content h5,
.admin-layout #content h6,
.admin-layout #content .card-title,
.admin-layout #content .modal-title {
    color: var(--admin-text);
}

.admin-layout #content p,
.admin-layout #content .form-label,
.admin-layout #content .form-check-label,
.admin-layout #content label {
    color: var(--admin-text);
}

.admin-layout #content .text-muted,
.admin-layout #content small,
.admin-layout #content .small {
    color: var(--admin-text-muted) !important;
}

.admin-layout #content .card,
.admin-layout #content .white_box,
.admin-layout #content .DDarkBackground01,
.admin-layout #content .dark-card,
.admin-layout #content .admin-dark-container,
.admin-layout #content .container1 {
    color: var(--admin-text);
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
    border-radius: 16px;
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .card {
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.admin-layout #content .card:hover {
    border-color: color-mix(in srgb, var(--admin-primary) 38%, var(--admin-border)) !important;
}

.admin-layout #content .admin-dark-container {
    min-height: 0;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
}

.admin-layout #content a.card-body {
    color: var(--admin-text);
    text-decoration: none;
}

.admin-layout #content a.card-body:hover {
    color: var(--admin-text);
}

.admin-layout #content .date-range-container .range-btn {
    min-height: 38px;
    border-radius: 10px;
}

.admin-layout #content .date-range-container .active-range,
.admin-layout #content .date-range-container .active-custom {
    color: var(--admin-primary-contrast) !important;
    background: var(--admin-primary) !important;
    border-color: var(--admin-primary) !important;
}

.admin-layout #content .dashboard-chart-wrap {
    position: relative;
    width: 100%;
    height: clamp(230px, 28vw, 350px);
}

.admin-layout #content .profile-info-box {
    color: var(--admin-text);
    background: var(--admin-surface-muted);
    border: 1px solid var(--admin-border);
    border-radius: 14px;
}

.admin-layout #content .profile-text,
.admin-layout #content .profile-label {
    color: var(--admin-text);
}

.admin-layout #content .profile-readonly {
    color: var(--admin-text);
    background: var(--admin-surface-muted) !important;
    border-color: var(--admin-border);
}

.admin-layout #content .profile-image {
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

.admin-layout #content .account-summary {
    color: var(--admin-text);
    background: linear-gradient(135deg, var(--admin-surface-raised), var(--admin-surface-muted));
    border: 1px solid var(--admin-border);
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .account-summary-header,
.admin-layout #content .account-transaction {
    border-color: var(--admin-border);
}

.admin-layout #content .account-summary h2,
.admin-layout #content .account-transaction strong,
.admin-layout #content .account-description {
    color: var(--admin-text);
}

.admin-layout #content .account-eyebrow,
.admin-layout #content .account-balance span,
.admin-layout #content .account-empty,
.admin-layout #content .account-transaction-head,
.admin-layout #content .account-transaction > *::before {
    color: var(--admin-text-muted);
}

.admin-layout #content .account-transactions {
    border-color: var(--admin-border);
}

.admin-layout #content .account-transaction {
    border-top-color: var(--admin-border);
}

.admin-layout #content .account-transaction-head {
    background: var(--admin-surface-muted);
}

.admin-layout #content .accounting-dashboard {
    min-height: 0;
    padding: 0;
    color: var(--admin-text);
    background: transparent !important;
}

.admin-layout #content .accounting-page-header {
    color: var(--admin-text);
    background: linear-gradient(135deg, var(--admin-surface-raised), var(--admin-surface-muted));
    border-color: var(--admin-border);
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .accounting-page-header h1,
.admin-layout #content .accounting-period-badge strong {
    color: var(--admin-text);
}

.admin-layout #content .accounting-page-header p,
.admin-layout #content .accounting-period-badge,
.admin-layout #content .accounting-eyebrow {
    color: var(--admin-text-muted);
}

.admin-layout #content .accounting-period-badge {
    background: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

.admin-layout #content .accounting-dashboard .dark-card,
.admin-layout #content .accounting-dashboard .filter-bar {
    color: var(--admin-text);
    background: var(--admin-surface) !important;
    border-color: var(--admin-border);
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .accounting-dashboard .card-header {
    color: var(--admin-text);
    background: var(--admin-surface-muted) !important;
    border-color: var(--admin-border);
}

.admin-layout #content .accounting-dashboard .range-btn,
.admin-layout #content .accounting-dashboard .active-range {
    color: var(--admin-text);
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

.admin-layout #content .accounting-dashboard .range-btn:hover,
.admin-layout #content .accounting-dashboard .active-range {
    color: var(--admin-primary-contrast);
    background: var(--admin-primary);
    border-color: var(--admin-primary);
}

.admin-layout #content .accounting-dashboard .kpi-card.bg-success,
.admin-layout #content .accounting-dashboard .kpi-card.bg-primary,
.admin-layout #content .accounting-dashboard .kpi-card.bg-danger,
.admin-layout #content .accounting-dashboard .kpi-card.bg-warning {
    color: var(--admin-text);
    background: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--admin-primary) 30%, var(--admin-border));
}

.admin-layout #content .accounting-dashboard .kpi-card .card-body,
.admin-layout #content .accounting-dashboard .kpi-card h6,
.admin-layout #content .accounting-dashboard .kpi-card h3,
.admin-layout #content .accounting-dashboard .kpi-card span {
    color: var(--admin-text);
}

.admin-layout #content .accounting-dashboard .inventory-item {
    color: var(--admin-text);
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
    border-radius: 10px;
}

.admin-layout #content .accounting-dashboard .inventory-item.low {
    color: #b42335;
    background: rgba(218, 63, 82, .12);
}

html[data-admin-theme="dark"] .admin-layout #content .accounting-dashboard .inventory-item.low {
    color: #ff9aa7;
}

.admin-layout #content .accounting-chart-body {
    position: relative;
    width: 100%;
    height: clamp(230px, 28vw, 350px);
}

.admin-layout #content .card-header,
.admin-layout #content .card-footer {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout #content .card-body {
    color: var(--admin-text);
}

.admin-layout #content .btn-primary,
.admin-layout #content .btn-warning {
    color: var(--admin-primary-contrast);
    background-color: var(--admin-primary);
    border-color: var(--admin-primary);
    font-weight: 700;
}

.admin-layout #content .btn-primary:hover,
.admin-layout #content .btn-warning:hover {
    color: var(--admin-primary-contrast);
    filter: brightness(.96);
}

.admin-layout #content .btn-secondary,
.admin-layout #content .btn-outline-secondary {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

.admin-layout #content .btn-outline-secondary:hover {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted);
    border-color: var(--admin-primary);
}

.admin-layout #content .bg-light,
.admin-layout #content .text-bg-light {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface-muted) !important;
}

.admin-layout #content .bg-primary-subtle {
    color: #91baff !important;
    background-color: rgba(48, 119, 224, .16) !important;
}

.admin-layout #content .bg-info-subtle {
    color: #69d9ed !important;
    background-color: rgba(24, 174, 201, .15) !important;
}

.admin-layout #content .bg-success-subtle {
    color: #65d9a0 !important;
    background-color: rgba(32, 164, 104, .15) !important;
}

.admin-layout #content .bg-warning-subtle {
    color: #ffd36b !important;
    background-color: rgba(221, 157, 26, .17) !important;
}

.admin-layout #content .bg-danger-subtle {
    color: #ff8a9a !important;
    background-color: rgba(218, 63, 82, .15) !important;
}

.admin-layout #content .bg-secondary-subtle {
    color: #bdc8d3 !important;
    background-color: rgba(134, 151, 168, .15) !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-primary-subtle {
    color: #2462b5 !important;
    background-color: #e8f1ff !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-info-subtle {
    color: #087f95 !important;
    background-color: #e3f7fb !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-success-subtle {
    color: #18794e !important;
    background-color: #e4f6ed !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-warning-subtle {
    color: #956400 !important;
    background-color: #fff5d8 !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-danger-subtle {
    color: #b22b3e !important;
    background-color: #fdebed !important;
}

html[data-admin-theme="light"] .admin-layout #content .bg-secondary-subtle {
    color: #526170 !important;
    background-color: #edf1f5 !important;
}

.admin-layout #content .bg-dark,
.admin-layout #content .text-bg-dark {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface-raised) !important;
}

.admin-layout #content .text-dark {
    color: var(--admin-text) !important;
}

.admin-layout #content .form-control,
.admin-layout #content .form-select,
.admin-layout #content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.admin-layout #content select,
.admin-layout #content textarea {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout #content .form-control,
.admin-layout #content .form-select,
.admin-layout #content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.admin-layout #content textarea,
.admin-layout #content select {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

.admin-layout #content .form-control::placeholder,
.admin-layout #content input::placeholder,
.admin-layout #content textarea::placeholder {
    color: var(--admin-text-muted);
    opacity: .82;
}

.admin-layout #content .form-control:focus,
.admin-layout #content .form-select:focus,
.admin-layout #content input:focus,
.admin-layout #content textarea:focus,
.admin-layout #content select:focus {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 .2rem var(--admin-focus);
}

.admin-layout #content .input-group-text {
    color: var(--admin-text-muted);
    background-color: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

.admin-layout #content .form-control:disabled,
.admin-layout #content .form-control[readonly],
.admin-layout #content input:disabled,
.admin-layout #content textarea:disabled {
    color: var(--admin-text-muted);
    background-color: var(--admin-surface-muted);
}

.admin-layout #content .table {
    --bs-table-color: var(--admin-text);
    --bs-table-bg: var(--admin-surface);
    --bs-table-border-color: var(--admin-border);
    --bs-table-hover-color: var(--admin-text);
    --bs-table-hover-bg: var(--admin-surface-muted);
    color: var(--admin-text);
    border-color: var(--admin-border);
}

.admin-layout #content .table > :not(caption) > * > * {
    color: var(--admin-text);
    background-color: transparent;
    border-bottom-color: var(--admin-border);
}

.admin-layout #content .table thead th {
    color: var(--admin-text-muted);
    background-color: var(--admin-surface-muted);
    font-weight: 700;
    white-space: nowrap;
}

.admin-layout #content .table-hover > tbody > tr:hover > * {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted);
}

.admin-layout #content .dropdown-menu {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
    border-color: var(--admin-border);
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .dropdown-item {
    color: var(--admin-text);
}

.admin-layout #content .dropdown-item:hover,
.admin-layout #content .dropdown-item:focus {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted);
}

.admin-layout #content .modal-content {
    color: var(--admin-text);
    background-color: var(--admin-surface);
    border-color: var(--admin-border);
    border-radius: 16px;
    box-shadow: var(--admin-shadow);
}

.admin-layout #content .modal-header,
.admin-layout #content .modal-footer {
    border-color: var(--admin-border);
}

.admin-layout #content .page-link {
    color: var(--admin-text);
    background-color: var(--admin-surface);
    border-color: var(--admin-border);
}

.admin-layout #content .page-item.active .page-link {
    color: var(--admin-primary-contrast);
    background-color: var(--admin-primary);
    border-color: var(--admin-primary);
}

.admin-layout .e-input-group,
.admin-layout .e-control-wrapper,
.admin-layout .e-ddl,
.admin-layout .e-dropdownlist,
.admin-layout .e-popup,
.admin-layout .e-grid,
.admin-layout .e-grid .e-content,
.admin-layout .e-grid .e-headercontent {
    color: var(--admin-text);
    background-color: var(--admin-surface);
    border-color: var(--admin-border);
}

html[data-admin-theme] .e-popup,
html[data-admin-theme] .e-dropdownbase,
html[data-admin-theme] .e-dialog,
html[data-admin-theme] .e-grid,
html[data-admin-theme] .e-grid .e-content,
html[data-admin-theme] .e-grid .e-headercontent,
html[data-admin-theme] .e-tab .e-tab-header,
html[data-admin-theme] .e-tab .e-content {
    color: var(--admin-text);
    background-color: var(--admin-surface);
    border-color: var(--admin-border);
}

html[data-admin-theme] .e-popup .e-list-item,
html[data-admin-theme] .e-grid .e-rowcell,
html[data-admin-theme] .e-grid .e-headercell,
html[data-admin-theme] .e-tab .e-toolbar-item .e-tab-wrap {
    color: var(--admin-text);
    border-color: var(--admin-border);
}

.admin-layout .e-grid .e-gridheader,
.admin-layout .e-grid .e-headercontent,
.admin-layout .e-grid .e-headercell,
.admin-layout .e-grid .e-pager,
html[data-admin-theme] .e-grid .e-gridheader,
html[data-admin-theme] .e-grid .e-headercontent,
html[data-admin-theme] .e-grid .e-headercell,
html[data-admin-theme] .e-grid .e-pager {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

.admin-layout .e-grid .e-rowcell,
.admin-layout .e-grid .e-row,
html[data-admin-theme] .e-grid .e-rowcell,
html[data-admin-theme] .e-grid .e-row {
    color: var(--admin-text);
    background-color: var(--admin-surface);
    border-color: var(--admin-border);
}

.admin-layout .e-grid .e-altrow .e-rowcell,
html[data-admin-theme] .e-grid .e-altrow .e-rowcell {
    background-color: var(--admin-surface-muted);
}

.admin-layout .e-grid .e-row:hover .e-rowcell,
html[data-admin-theme] .e-grid .e-row:hover .e-rowcell {
    background-color: color-mix(in srgb, var(--admin-primary) 8%, var(--admin-surface));
}

.admin-layout .e-grid .e-pager .e-numericitem,
.admin-layout .e-grid .e-pager .e-icons,
html[data-admin-theme] .e-grid .e-pager .e-numericitem,
html[data-admin-theme] .e-grid .e-pager .e-icons {
    color: var(--admin-text-muted);
}

.admin-layout .e-grid .e-pager .e-currentitem,
html[data-admin-theme] .e-grid .e-pager .e-currentitem {
    color: var(--admin-primary-contrast);
    background-color: var(--admin-primary);
}

.admin-layout .e-grid,
html[data-admin-theme] .e-grid {
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 14px;
}

html[data-admin-theme] .e-popup .e-list-item.e-hover,
html[data-admin-theme] .e-popup .e-list-item:hover,
html[data-admin-theme] .e-grid .e-row:hover .e-rowcell {
    color: var(--admin-text);
    background-color: var(--admin-surface-muted);
}

html[data-admin-theme] .e-popup .e-list-item.e-active,
html[data-admin-theme] .e-popup .e-list-item.e-item-focus {
    color: var(--admin-primary-contrast);
    background-color: var(--admin-primary);
}

html[data-admin-theme] .e-dialog .e-dlg-header-content,
html[data-admin-theme] .e-grid .e-gridheader,
html[data-admin-theme] .e-tab .e-tab-header {
    background-color: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

html[data-admin-theme] .e-dialog .e-dlg-header,
html[data-admin-theme] .e-dialog .e-dlg-content,
html[data-admin-theme] .e-dialog .e-dlg-footer-content {
    color: var(--admin-text);
}

html[data-admin-theme] .e-dialog .e-input-group input,
html[data-admin-theme] .e-popup .e-input-group input {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
}

.admin-layout .d-combobox-wrapper,
html[data-admin-theme] .blazored-modal .d-combobox-wrapper {
    --dc-surface: var(--admin-surface-raised);
    --dc-surface-raised: var(--admin-surface-muted);
    --dc-border: var(--admin-border);
    --dc-text: var(--admin-text);
    --dc-muted: var(--admin-text-muted);
    --dc-primary: var(--admin-primary);
    --dc-primary-soft: color-mix(in srgb, var(--admin-primary) 16%, var(--admin-surface));
    --dc-shadow: var(--admin-shadow);
    color: var(--admin-text);
}

.admin-layout .d-combobox-wrapper .d-combobox-dropdown,
html[data-admin-theme] .blazored-modal .d-combobox-dropdown {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout .d-combobox-wrapper .d-combobox-search-container,
html[data-admin-theme] .blazored-modal .d-combobox-search-container {
    background: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout .d-combobox-wrapper .d-combobox-item,
html[data-admin-theme] .blazored-modal .d-combobox-item,
.admin-layout .d-combobox-wrapper .d-combobox-no-result,
html[data-admin-theme] .blazored-modal .d-combobox-no-result {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
}

.admin-layout .d-combobox-wrapper .d-combobox-item:hover,
.admin-layout .d-combobox-wrapper .d-combobox-item-highlighted,
html[data-admin-theme] .blazored-modal .d-combobox-item:hover,
html[data-admin-theme] .blazored-modal .d-combobox-item-highlighted {
    color: var(--admin-text) !important;
    background: var(--admin-surface-muted) !important;
}

.admin-layout .d-combobox-wrapper .d-combobox-item-selected,
html[data-admin-theme] .blazored-modal .d-combobox-item-selected {
    color: var(--admin-primary-contrast) !important;
    background: var(--admin-primary) !important;
}

.admin-layout .d-combobox-wrapper .d-combobox-load-more,
html[data-admin-theme] .blazored-modal .d-combobox-load-more {
    color: var(--admin-primary-contrast) !important;
    background: var(--admin-primary) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout .cs-textbox-input,
html[data-admin-theme] .blazored-modal .cs-textbox-input {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout .cs-float-label,
html[data-admin-theme] .blazored-modal .cs-float-label {
    color: var(--admin-text-muted) !important;
    background: var(--admin-surface-raised) !important;
}

.admin-layout .cs-float-label.float-up,
html[data-admin-theme] .blazored-modal .cs-float-label.float-up {
    color: var(--admin-primary) !important;
}

.admin-layout .drp-root,
html[data-admin-theme] .blazored-modal .drp-root {
    --drp-bg: var(--admin-surface);
    --drp-bg-soft: var(--admin-surface-raised);
    --drp-border: var(--admin-border);
    --drp-border-soft: var(--admin-border);
    --drp-text: var(--admin-text);
    --drp-text-soft: var(--admin-text);
    --drp-text-muted: var(--admin-text-muted);
    --drp-primary: var(--admin-primary);
    --drp-primary-soft: color-mix(in srgb, var(--admin-primary) 20%, var(--admin-surface));
    --drp-hover: var(--admin-surface-muted);
    --drp-pill: var(--admin-surface-muted);
    --drp-shadow: var(--admin-shadow);
}

.admin-layout .apc-input,
html[data-admin-theme] .blazored-modal .apc-input {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

.admin-layout .apc-dropdown-popup,
html[data-admin-theme] .blazored-modal .apc-dropdown-popup {
    color: var(--admin-text);
    background: var(--admin-surface);
    border-color: var(--admin-border);
    box-shadow: var(--admin-shadow);
}

.admin-layout .apc-month-year-title,
html[data-admin-theme] .blazored-modal .apc-month-year-title {
    color: var(--admin-primary);
}

.admin-layout .apc-nav-btn,
.admin-layout .apc-grid-item,
html[data-admin-theme] .blazored-modal .apc-nav-btn,
html[data-admin-theme] .blazored-modal .apc-grid-item {
    color: var(--admin-text);
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

.admin-layout .apc-weekday-cell,
.admin-layout .apc-not-current,
html[data-admin-theme] .blazored-modal .apc-weekday-cell,
html[data-admin-theme] .blazored-modal .apc-not-current {
    color: var(--admin-text-muted);
}

.admin-layout .apc-day-cell,
html[data-admin-theme] .blazored-modal .apc-day-cell {
    color: var(--admin-text);
}

.admin-layout .apc-day-cell:hover,
.admin-layout .apc-month-year-title:hover,
.admin-layout .apc-nav-btn:hover,
.admin-layout .apc-grid-item:hover,
html[data-admin-theme] .blazored-modal .apc-day-cell:hover,
html[data-admin-theme] .blazored-modal .apc-month-year-title:hover,
html[data-admin-theme] .blazored-modal .apc-nav-btn:hover,
html[data-admin-theme] .blazored-modal .apc-grid-item:hover {
    color: var(--admin-text);
    background: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

.admin-layout .apc-selected,
.admin-layout .apc-range-start,
.admin-layout .apc-range-end,
html[data-admin-theme] .blazored-modal .apc-selected,
html[data-admin-theme] .blazored-modal .apc-range-start,
html[data-admin-theme] .blazored-modal .apc-range-end {
    color: var(--admin-primary-contrast) !important;
    background: var(--admin-primary) !important;
}

.admin-layout .apc-range-between,
html[data-admin-theme] .blazored-modal .apc-range-between {
    background: color-mix(in srgb, var(--admin-primary) 18%, var(--admin-surface)) !important;
}

.admin-layout .e-input-group input,
.admin-layout .e-control-wrapper input,
.admin-layout .e-input-group textarea {
    color: var(--admin-text);
    background-color: var(--admin-surface-raised);
}

html[data-admin-theme="dark"] .bm-container {
    background-color: rgba(2, 8, 14, .72);
    backdrop-filter: blur(6px);
}

html[data-admin-theme="light"] .bm-container {
    background-color: rgba(25, 39, 54, .42);
    backdrop-filter: blur(5px);
}

html[data-admin-theme] .blazored-modal {
    width: min(100% - 24px, 980px);
    max-height: calc(100dvh - 32px);
    overflow: auto;
    color: var(--admin-text) !important;
    background-color: var(--admin-surface) !important;
    background-image: none !important;
    border: 1px solid var(--admin-border);
    border-radius: 18px;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .blazored-modal .bm-header {
    align-items: center;
    padding: 0 0 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--admin-border);
}

html[data-admin-theme] .blazored-modal .bm-title,
html[data-admin-theme] .blazored-modal label,
html[data-admin-theme] .blazored-modal p {
    color: var(--admin-text);
}

html[data-admin-theme] .blazored-modal .bm-close {
    margin: 0;
    padding: 6px 10px;
    color: var(--admin-text-muted);
    border-radius: 10px;
}

html[data-admin-theme] .blazored-modal .bm-close:hover {
    color: var(--admin-text);
    background: var(--admin-surface-muted);
}

html[data-admin-theme] .blazored-modal .form-control,
html[data-admin-theme] .blazored-modal .form-select,
html[data-admin-theme] .blazored-modal input:not([type="checkbox"]):not([type="radio"]),
html[data-admin-theme] .blazored-modal textarea,
html[data-admin-theme] .blazored-modal select {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .blazored-modal .card,
html[data-admin-theme] .blazored-modal .white_box,
html[data-admin-theme] .blazored-modal .DDarkBackground01,
html[data-admin-theme] .blazored-modal .container1,
html[data-admin-theme] .blazored-modal .admin-dark-container {
    color: var(--admin-text);
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .order-preview-overlay {
    color: var(--admin-text);
    background: rgba(4, 10, 16, .68);
    backdrop-filter: blur(5px);
}

html[data-admin-theme="light"] .order-preview-overlay {
    background: rgba(28, 42, 58, .38);
}

html[data-admin-theme] .order-preview-modal,
html[data-admin-theme] .order-preview-card,
html[data-admin-theme] .order-preview-total-grid > div {
    color: var(--admin-text);
    background: var(--admin-surface);
    border-color: var(--admin-border);
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .order-preview-header,
html[data-admin-theme] .order-preview-footer {
    background: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-preview-header h2,
html[data-admin-theme] .order-preview-card-title h3,
html[data-admin-theme] .order-preview-fields strong,
html[data-admin-theme] .order-preview-total-grid strong {
    color: var(--admin-text);
}

html[data-admin-theme] .order-preview-card-title,
html[data-admin-theme] .order-preview-subsection,
html[data-admin-theme] .order-preview-table td {
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-preview-card-title > span,
html[data-admin-theme] .order-preview-table th,
html[data-admin-theme] .order-preview-total-grid .grand-total strong {
    color: var(--admin-primary);
}

html[data-admin-theme] .order-preview-card-title small,
html[data-admin-theme] .order-preview-description,
html[data-admin-theme] .order-preview-fields span,
html[data-admin-theme] .order-preview-label,
html[data-admin-theme] .order-preview-total-grid span {
    color: var(--admin-text-muted);
}

html[data-admin-theme] .order-preview-fields > div,
html[data-admin-theme] .order-preview-transport-row span,
html[data-admin-theme] .order-preview-table th {
    background: var(--admin-surface-muted);
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-preview-table {
    color: var(--admin-text);
}

html[data-admin-theme] .order-preview-table td {
    color: var(--admin-text);
}

html[data-admin-theme] .order-preview-table tbody tr:hover {
    background: var(--admin-surface-muted);
}

html[data-admin-theme] .order-preview-total-grid .grand-total {
    border-color: var(--admin-primary);
    background: color-mix(in srgb, var(--admin-primary) 9%, var(--admin-surface));
}

html[data-admin-theme] .order-preview-close {
    color: var(--admin-text-muted);
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-preview-button.primary {
    color: #fff;
    background: #2878d0;
}

html[data-admin-theme] .order-preview-button.warning {
    color: #fff;
    background: #a96508;
}

html[data-admin-theme] .order-preview-button.success {
    color: #fff;
    background: #168252;
}

html[data-admin-theme] .order-preview-button.secondary {
    color: var(--admin-text);
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-dashboard-page :not(button)[style*="color:white"],
html[data-admin-theme] .order-dashboard-page :not(button)[style*="color: white"],
html[data-admin-theme] .order-dashboard-page :not(button)[style*="color:#fff"],
html[data-admin-theme] .order-dashboard-page :not(button)[style*="color: #fff"] {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .order-dashboard-page [style*="color:#fed136"],
html[data-admin-theme] .order-dashboard-page [style*="color: #fed136"] {
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .order-dashboard-page [style*="background:#151922"],
html[data-admin-theme] .order-dashboard-page [style*="background:#121620"],
html[data-admin-theme] .order-dashboard-page [style*="background:#0f131b"],
html[data-admin-theme] .order-dashboard-page [style*="background: #0f131b"],
html[data-admin-theme] .order-dashboard-page [style*="background:#21262d"] {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .order-dashboard-page .order-payment-heading,
html[data-admin-theme] .order-dashboard-page .payment-item-amount {
    color: var(--admin-primary);
}

html[data-admin-theme] .order-dashboard-page .order-payment-heading span,
html[data-admin-theme] .order-dashboard-page .payment-item-main span,
html[data-admin-theme] .order-dashboard-page .payment-item-meta,
html[data-admin-theme] .order-dashboard-page .order-payment-empty {
    color: var(--admin-text-muted);
}

html[data-admin-theme] .order-dashboard-page .order-payment-item {
    background: var(--admin-surface-raised);
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-dashboard-page .payment-item-main strong {
    color: var(--admin-text);
}

html[data-admin-theme] .order-dashboard-page .payment-item-meta {
    border-color: var(--admin-border);
}

html[data-admin-theme] .order-dashboard-page .order-payment-item.payment-success {
    border-color: rgba(35, 153, 91, .55);
}

html[data-admin-theme] .order-dashboard-page .order-payment-item.payment-failed {
    border-color: rgba(213, 71, 88, .55);
}

html[data-admin-theme] .product-list-page {
    min-height: 100%;
    padding: 0 0 1.25rem;
    color: var(--admin-text);
}

html[data-admin-theme] .product-list-page > .PageTitleGold {
    margin: 0 0 1rem;
    padding: .9rem 1.1rem;
    border: 1px solid var(--admin-border);
    border-right: 4px solid var(--admin-primary);
    border-radius: 14px;
    background: var(--admin-surface);
    color: var(--admin-text);
    text-align: right;
}

html[data-admin-theme] .product-list-page .product-list-card {
    height: 100%;
    border: 1px solid var(--admin-border) !important;
    background: var(--admin-surface) !important;
    color: var(--admin-text);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

html[data-admin-theme] .product-list-page .product-list-card:hover {
    transform: translateY(-2px);
    border-color: var(--admin-primary) !important;
    box-shadow: 0 10px 26px rgb(0 0 0 / 12%) !important;
}

html[data-admin-theme] .product-list-page .product-list-pager .pageing-component {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: .85rem;
}

html[data-admin-theme] .product-list-page .FontSizePageButton {
    min-width: 42px;
}

html[data-admin-theme] .product-dialog-page {
    padding: .25rem;
    color: var(--admin-text);
}

html[data-admin-theme] .product-dialog-page .container1 {
    padding: clamp(.85rem, 2vw, 1.4rem);
    border: 1px solid var(--admin-border);
    border-radius: 16px;
    background: var(--admin-surface);
    color: var(--admin-text);
}

html[data-admin-theme] .product-dialog-page .white_box {
    padding: 1rem clamp(.85rem, 2vw, 1.35rem);
    border: 1px solid var(--admin-border);
    border-radius: 14px;
    background: var(--admin-surface-raised);
    color: var(--admin-text);
}

html[data-admin-theme] .product-dialog-page .form-group {
    min-width: 0;
    margin-bottom: 1rem;
}

html[data-admin-theme] .product-dialog-page .lable_marginButton,
html[data-admin-theme] .product-dialog-page label {
    color: var(--admin-text);
    line-height: 1.8;
}

html[data-admin-theme] .product-dialog-page .row > [class*="col-"] {
    min-width: 0;
}

html[data-admin-theme] .product-dialog-page .form-check {
    min-height: 2.5rem;
    padding: .55rem 2.5rem .55rem .75rem;
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    background: var(--admin-surface);
}

html[data-admin-theme] .product-dialog-page .form-check-input {
    float: right;
    margin-right: -1.9rem;
    margin-left: 0;
}

html[data-admin-theme] .package-dialog-page,
html[data-admin-theme] .package-dialog-items {
    color: var(--admin-text);
}

html[data-admin-theme] .package-dialog-items .PageDataContentBoarder,
html[data-admin-theme] .package-dialog-items .pageing-component,
html[data-admin-theme] .package-dialog-items .template-item,
html[data-admin-theme] .package-dialog-items .card,
html[data-admin-theme] .package-dialog-items .DDarkBackground01,
html[data-admin-theme] .package-dialog-items .DDarkBackground01 .card-body {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .package-dialog-items .fw-semibold,
html[data-admin-theme] .package-dialog-items .fw-bold,
html[data-admin-theme] .package-dialog-items .fw-normal {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .package-dialog-items .text-muted {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .package-dialog-items .btn-outline-primary {
    border-color: var(--admin-primary) !important;
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .package-dialog-items .btn-outline-primary:hover {
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

html[data-admin-theme] .package-dialog-items .btn-outline-danger {
    border-color: #dc6472 !important;
    color: #dc6472 !important;
}

html[data-admin-theme] .package-dialog-items .FontSizePageCunter {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .package-dialog-items .FontSizePageButton {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .product-dialog-price-list,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .pageing-component,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .template-item,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .DDarkBackground01,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .DDarkBackground01 .card-body {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .product-dialog-price-list .card,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .card-body {
    border-radius: 12px;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .product-dialog-page .product-dialog-price-list .fw-bold,
html[data-admin-theme] .product-dialog-page .product-dialog-price-list .FontSizePageCunter {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .product-dialog-price-list .text-muted {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .product-dialog-page .product-dialog-price-list .FontSizePageButton {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-container,
html[data-admin-theme] .product-dialog-page .ddt-popup.gold-black-theme,
html[data-admin-theme] .product-dialog-page .ddt-tree-wrapper {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    background-image: none !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .product-dialog-page .ddt-popup .p-2.border-bottom,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-select-all-container,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-footer {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-muted) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .input-group-text {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-filter {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-filter::placeholder,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-no-records {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-select-all-label,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-text {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-row {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-row:hover {
    background: color-mix(in srgb, var(--admin-primary) 10%, var(--admin-surface)) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .selected-node > .ddt-row,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-row.selected-node {
    border-right-color: var(--admin-primary) !important;
    background: color-mix(in srgb, var(--admin-primary) 18%, var(--admin-surface)) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .selected-node .ddt-text,
html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-row.selected-node .ddt-text {
    color: var(--admin-text) !important;
    text-shadow: none !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-expand {
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .product-dialog-page .ddt-popup .ddt-checkbox {
    accent-color: var(--admin-primary);
}

html[data-admin-theme] .product-dialog-page .e-richtexteditor,
html[data-admin-theme] .product-dialog-page .e-rte-content,
html[data-admin-theme] .product-dialog-page .e-toolbar {
    max-width: 100%;
}

html[data-admin-theme] .product-dialog-page #target {
    max-width: 100%;
    min-width: 0 !important;
}

html[data-admin-theme] .product-dialog-page .PageTitleGold {
    border-color: var(--admin-border);
    background: var(--admin-surface);
    color: var(--admin-text);
}

html[data-admin-theme] .product-dialog-page .GridToolbarItems .white_box,
html[data-admin-theme] .product-dialog-page .PageDataContentBoarder {
    max-width: 100%;
    border: 1px solid var(--admin-border) !important;
    border-radius: 12px;
    background: var(--admin-surface-raised);
    color: var(--admin-text);
}

html[data-admin-theme] .product-dialog-page .default-carousel .d-carousel-viewport {
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 14px;
    background: var(--admin-surface-muted);
}

html[data-admin-theme] .product-dialog-page .default-carousel .e-carousel-items .e-carousel-item .img-container {
    margin: 0;
    background: var(--admin-surface-muted);
}

html[data-admin-theme] .product-dialog-page .default-carousel .img-caption {
    color: #fff;
    text-shadow: 0 1px 4px #000;
}

html[data-admin-theme] .category-dialog {
    color: var(--admin-text);
}

html[data-admin-theme] .category-dialog-header {
    border-color: var(--admin-border);
    background: linear-gradient(135deg, color-mix(in srgb, var(--admin-primary) 12%, transparent), var(--admin-surface));
}

html[data-admin-theme] .category-dialog-header h4,
html[data-admin-theme] .category-section-heading h5 {
    color: var(--admin-primary);
}

html[data-admin-theme] .category-dialog-header span,
html[data-admin-theme] .category-section-heading span {
    color: var(--admin-text-muted);
}

html[data-admin-theme] .category-form-card,
html[data-admin-theme] .category-parent-card {
    border-color: var(--admin-border);
    background: var(--admin-surface-raised);
}

html[data-admin-theme] .category-form-grid label,
html[data-admin-theme] .category-section-heading label {
    color: var(--admin-text);
}

html[data-admin-theme] .category-form-grid .form-control,
html[data-admin-theme] .category-parent-filter,
html[data-admin-theme] .category-parent-tree-content .ddt-filter {
    border-color: var(--admin-border);
    background-color: var(--admin-surface);
    color: var(--admin-text);
}

html[data-admin-theme] .category-parent-tree-content .ddt-filter::placeholder {
    color: var(--admin-text-muted);
}

html[data-admin-theme] .category-form-grid .form-control:focus,
html[data-admin-theme] .category-parent-filter:focus {
    border-color: var(--admin-primary);
    box-shadow: 0 0 0 .2rem var(--admin-focus);
}

html[data-admin-theme] .category-tree-page {
    color: var(--admin-text);
}

html[data-admin-theme] .category-tree-page > .PageTitleGold {
    border: 1px solid var(--admin-border);
    border-right: 4px solid var(--admin-primary);
    border-radius: 12px;
    background: var(--admin-surface);
    color: var(--admin-text);
}

html[data-admin-theme] .category-tree-page .GridToolbarItems .white_box,
html[data-admin-theme] .category-tree-board {
    border-color: var(--admin-border) !important;
    border-radius: 12px;
    background: var(--admin-surface-raised);
    color: var(--admin-text);
}

html[data-admin-theme] .category-tree-page #CategoryTypeItem {
    border: 1px solid var(--admin-border);
    background: var(--admin-surface);
    color: var(--admin-text);
}

@media (max-width: 767.98px) {
    html[data-admin-theme] .category-tree-page .GridToolbarItems .white_box {
        display: flex;
        width: 100% !important;
        flex-wrap: wrap;
        align-items: center;
        gap: .45rem;
        margin: 0 !important;
    }

    html[data-admin-theme] .category-tree-page #CategoryTypeItem {
        flex: 1 1 100%;
        width: 100%;
        margin: .25rem 0 0 !important;
    }
}

html[data-admin-theme] .admin-layout #content .DDarkBackground01 {
    background-color: var(--admin-surface) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    box-shadow: var(--admin-shadow) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme="light"] .admin-layout #content .DDarkBackground01 .text-white,
html[data-admin-theme="light"] .admin-layout #content .DDarkBackground01.text-white {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .PageTitleGold {
    margin: 0 0 1rem;
    padding: .85rem 1.1rem;
    border: 1px solid var(--admin-border) !important;
    border-right: 4px solid var(--admin-primary) !important;
    border-radius: 14px;
    background: var(--admin-surface) !important;
    background-image: none !important;
    box-shadow: var(--admin-shadow);
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .PageDataContentBoarder {
    border-color: var(--admin-border) !important;
    border-radius: 14px;
    background: var(--admin-surface);
    color: var(--admin-text);
}

html[data-admin-theme] .admin-layout #content .GridToolbarItems .white_box {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme="light"] .admin-layout #content .DDarkBackground01,
html[data-admin-theme="light"] .admin-layout #content .DDarkBackground01.card,
html[data-admin-theme="light"] .admin-layout #content .DDarkBackground01 .card-body {
    background-color: var(--admin-surface) !important;
    background-image: none !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .profile-page-container .profile-card,
html[data-admin-theme] .admin-layout #content .profile-page-container .profile-info-box,
html[data-admin-theme] .admin-layout #content .profile-page-container .profile-readonly {
    background: var(--admin-surface-raised) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .buying-products-page .buying-product-card,
html[data-admin-theme] .admin-layout #content .buying-products-page .buying-products-empty,
html[data-admin-theme] .admin-layout #content .buying-products-page .buying-products-loading {
    background: var(--admin-surface) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .buying-products-page .buying-product-title,
html[data-admin-theme] .admin-layout #content .buying-products-page .buying-product-description,
html[data-admin-theme] .admin-layout #content .buying-products-page .buying-product-model {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .buying-products-page .buying-product-image-wrap {
    background: var(--admin-surface-muted) !important;
}

html[data-admin-theme] .admin-layout #content .support-container .category-card {
    background: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .admin-layout #content .support-container .category-title,
html[data-admin-theme] .admin-layout #content .support-container .category-title span {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .support-container .category-card:hover {
    border-color: var(--admin-primary) !important;
    box-shadow: var(--admin-shadow), 0 0 0 2px var(--admin-focus);
}

html[data-admin-theme] .admin-layout #content .recent-ticket,
html[data-admin-theme] .admin-layout #content .list-group-item {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .recent-ticket .truncate,
html[data-admin-theme] .admin-layout #content .recent-ticket small span {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .recent-ticket small .status {
    color: #57cf89 !important;
}

html[data-admin-theme="light"] .admin-layout #content .recent-ticket small .status {
    color: #18794e !important;
}

html[data-admin-theme] .admin-layout #content .order-list-card .order-card-header .fw-bold,
html[data-admin-theme] .admin-layout #content .order-list-card .order-card-state .fw-semibold,
html[data-admin-theme] .admin-layout #content .order-list-card .order-card-time > div {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .order-list-card .order-card-status > div,
html[data-admin-theme] .admin-layout #content .order-list-card .order-card-state,
html[data-admin-theme] .admin-layout #content .order-list-card .order-card-time {
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .admin-layout #content .order-list-card .order-card-header,
html[data-admin-theme] .admin-layout #content .order-list-card .order-card-actions {
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .admin-layout #content .order-list-card .text-muted {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .admin-layout #content .dashboard-page {
    --dashboard-bg: var(--admin-page) !important;
    --dashboard-surface: var(--admin-surface) !important;
    --dashboard-surface-raised: var(--admin-surface-raised) !important;
    --dashboard-border: var(--admin-border) !important;
    --dashboard-primary: var(--admin-primary) !important;
    --dashboard-primary-dark: var(--admin-primary) !important;
    --dashboard-text: var(--admin-text) !important;
    --dashboard-muted: var(--admin-text-muted) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-toolbar,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-scroll,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table td {
    background: var(--admin-surface) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table tbody > tr:first-child > td,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table .dashboard-column-header > td,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table .dashboard-row-label {
    background: var(--admin-surface-muted) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table a {
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-product-select,
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table input:not([type="checkbox"]),
html[data-admin-theme] .admin-layout #content .dashboard-page .dashboard-table select {
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .e-treeview .e-fullrow {
    background: transparent !important;
    border-color: transparent !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .e-treeview .e-list-text {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .e-treeview .e-list-item.e-active > .e-fullrow {
    background: color-mix(in srgb, var(--admin-primary) 22%, var(--admin-surface)) !important;
    border-color: var(--admin-primary) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .e-treeview .e-list-item.e-active .e-list-text {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page {
    color: var(--admin-text);
}

html[data-admin-theme] .admin-layout #content .blog-list-page .blog-list-paging,
html[data-admin-theme] .admin-layout #content .blog-list-page .card-container,
html[data-admin-theme] .admin-layout #content .blog-list-page .template-list-container {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .template-item {
    border-color: var(--admin-border) !important;
    border-radius: 14px;
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .admin-layout #content .blog-list-page .template-item:hover,
html[data-admin-theme] .admin-layout #content .blog-list-page .template-item.selected {
    border-color: var(--admin-primary) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow), 0 0 0 2px var(--admin-focus);
}

html[data-admin-theme] .admin-layout #content .blog-list-page .DDarkBackground01,
html[data-admin-theme] .admin-layout #content .blog-list-page .DDarkBackground01 .card-body {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .fw-bold,
html[data-admin-theme] .admin-layout #content .blog-list-page .fw-semibold,
html[data-admin-theme] .admin-layout #content .blog-list-page .blog-desc-truncate {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .text-muted,
html[data-admin-theme] .admin-layout #content .blog-list-page small {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .FontSizePageCunter {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .FontSizePageButton {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .FontSizePageButton:hover:not(:disabled) {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page input,
html[data-admin-theme] .admin-layout #content .blog-list-page select,
html[data-admin-theme] .admin-layout #content .blog-list-page textarea {
    border-color: var(--admin-border) !important;
    background-color: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page input::placeholder,
html[data-admin-theme] .admin-layout #content .blog-list-page textarea::placeholder {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page input:focus,
html[data-admin-theme] .admin-layout #content .blog-list-page select:focus,
html[data-admin-theme] .admin-layout #content .blog-list-page textarea:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 .2rem var(--admin-focus) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .btn-outline-primary {
    border-color: var(--admin-primary) !important;
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .admin-layout #content .blog-list-page .btn-outline-primary:hover {
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page {
    color: var(--admin-text);
}

html[data-admin-theme] .admin-layout #content .news-list-page .news-list-paging,
html[data-admin-theme] .admin-layout #content .news-list-page .card-container,
html[data-admin-theme] .admin-layout #content .news-list-page .template-list-container {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .template-item,
html[data-admin-theme] .admin-layout #content .news-list-page .DDarkBackground01,
html[data-admin-theme] .admin-layout #content .news-list-page .DDarkBackground01 .card-body {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow);
}

html[data-admin-theme] .admin-layout #content .news-list-page .template-item:hover,
html[data-admin-theme] .admin-layout #content .news-list-page .template-item.selected {
    border-color: var(--admin-primary) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
    box-shadow: var(--admin-shadow), 0 0 0 2px var(--admin-focus);
}

html[data-admin-theme] .admin-layout #content .news-list-page .fw-bold,
html[data-admin-theme] .admin-layout #content .news-list-page .fw-semibold,
html[data-admin-theme] .admin-layout #content .news-list-page .mt-1 {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .text-muted,
html[data-admin-theme] .admin-layout #content .news-list-page small {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .FontSizePageCunter {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .FontSizePageButton {
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .users-list-page .user-list-card-heading { min-width: 0; gap: 12px; }
html[data-admin-theme] .admin-layout #content .users-list-page .user-list-card-heading > div { min-width: 0; }
html[data-admin-theme] .admin-layout #content .users-list-page .user-list-card-heading h5 { overflow-wrap: anywhere; color: var(--admin-text) !important; }
html[data-admin-theme] .admin-layout #content .users-list-page .user-list-avatar {
    position: relative;
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 15px;
    background: var(--admin-surface-muted);
    color: var(--admin-primary);
}
html[data-admin-theme] .admin-layout #content .users-list-page .user-list-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

html[data-admin-theme] .admin-layout #content .news-list-page .FontSizePageButton:hover:not(:disabled) {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page input,
html[data-admin-theme] .admin-layout #content .news-list-page select,
html[data-admin-theme] .admin-layout #content .news-list-page textarea {
    border-color: var(--admin-border) !important;
    background-color: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page input::placeholder,
html[data-admin-theme] .admin-layout #content .news-list-page textarea::placeholder {
    color: var(--admin-text-muted) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page input:focus,
html[data-admin-theme] .admin-layout #content .news-list-page select:focus,
html[data-admin-theme] .admin-layout #content .news-list-page textarea:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 .2rem var(--admin-focus) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .btn-outline-primary {
    border-color: var(--admin-primary) !important;
    color: var(--admin-primary) !important;
}

html[data-admin-theme] .admin-layout #content .news-list-page .btn-outline-primary:hover {
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table tr,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table tr > td,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table td {
    background-color: var(--admin-surface) !important;
    background-image: none !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table tbody > tr:first-child > td,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table .dashboard-column-header > td,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table .dashboard-row-label,
.admin-layout[data-admin-theme="light"] #content .dashboard-page .dashboard-scroll .dashboard-table .dashboard-corner-cell {
    background-color: var(--admin-surface-muted) !important;
    background-image: none !important;
    color: var(--admin-text) !important;
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-price-cell {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    min-width: 190px;
    min-height: 66px;
    padding: .7rem !important;
    background: var(--admin-surface) !important;
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-price-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 42px;
    padding: .55rem .7rem;
    border: 1px solid var(--admin-border) !important;
    border-radius: 10px;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
    font-family: "Vazirmatn UI FD", "Vazirmatn", Tahoma, sans-serif;
    font-size: .95rem;
    font-weight: 700;
    text-align: right;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .05);
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-price-input::placeholder {
    color: var(--admin-text-muted) !important;
    font-size: .82rem;
    font-weight: 500;
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-config-button {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0 0 .25rem;
    border: 1px solid color-mix(in srgb, var(--admin-primary) 55%, var(--admin-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--admin-primary) 12%, var(--admin-surface-raised));
    color: var(--admin-primary) !important;
    font-family: inherit;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-config-button:hover {
    transform: translateY(-1px);
    border-color: var(--admin-primary);
    background: var(--admin-primary);
    color: var(--admin-primary-contrast) !important;
    box-shadow: 0 5px 14px var(--admin-focus);
}

.admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-config-button:focus-visible {
    outline: 3px solid var(--admin-focus);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-price-cell {
        min-width: 170px;
        gap: .4rem;
        padding: .5rem !important;
    }

    .admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-price-input {
        height: 40px;
    }

    .admin-layout[data-admin-theme] #content .dashboard-page .dashboard-table .dashboard-config-button {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    html[data-admin-theme] .product-list-page #target {
        height: auto !important;
    }

    html[data-admin-theme] .product-list-page .product-list-pager > div {
        height: auto !important;
    }

    html[data-admin-theme] .product-dialog-page .container1 {
        padding: .65rem;
    }

    html[data-admin-theme] .product-dialog-page .white_box {
        margin-bottom: .85rem;
        padding: .8rem;
    }

    html[data-admin-theme] .product-dialog-page .carousel-sample {
        width: 100% !important;
        max-width: 100%;
        height: min(55vw, 320px) !important;
    }

    html[data-admin-theme] .product-dialog-page .carousel-sample img {
        object-fit: contain;
    }

    html[data-admin-theme] .product-dialog-page .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    html[data-admin-theme] .product-dialog-page hr + div[style*="display:flex"] {
        position: sticky;
        z-index: 2;
        bottom: 0;
        gap: .5rem;
        padding: .5rem 0 max(.5rem, env(safe-area-inset-bottom));
        background: var(--admin-surface);
    }

    html[data-admin-theme] .product-dialog-page hr + div[style*="display:flex"] button {
        margin: .35rem 0 !important;
    }
}

@media (max-width: 768px) {
    :root {
        --admin-navbar-height: 60px;
    }

    .admin-layout .top-navbar {
        min-height: var(--admin-navbar-height);
        padding: 6px 10px;
        gap: 8px;
    }

    .admin-layout #layoutWrapper {
        display: block;
        min-height: calc(100vh - var(--admin-navbar-height));
    }

    .admin-layout #sidebar {
        position: fixed;
        inset-block-start: var(--admin-navbar-height);
        inset-inline: auto 0;
        left: auto !important;
        right: 0 !important;
        width: min(320px, 88vw) !important;
        height: calc(100dvh - var(--admin-navbar-height));
        z-index: 1100;
        box-shadow: var(--admin-shadow);
        transition: transform .24s ease-out;
        will-change: transform;
    }

    .admin-layout #sidebar.mobile-sidebar-open {
        transform: translateX(0);
    }

    .admin-layout #sidebar.mobile-sidebar-close {
        transform: translate3d(105%, 0, 0);
    }

    .admin-layout .sidebar-overlay {
        display: block;
        position: fixed;
        inset: var(--admin-navbar-height) 0 0;
        z-index: 1090;
        background: rgba(4, 10, 16, .55);
        backdrop-filter: blur(2px);
    }

    .admin-layout #content {
        width: 100%;
        padding: 14px 12px 24px;
    }

    .admin-layout .admin-theme-toggle {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .admin-layout #content .table-responsive {
        border: 1px solid var(--admin-border);
        border-radius: 12px;
    }

    .admin-layout #content .date-range-container {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .admin-layout #content .date-range-container .range-btn {
        min-width: 0;
        padding-inline: 8px !important;
    }

    .admin-layout #content .dashboard-chart-wrap {
        height: 250px;
    }

    html[data-admin-theme] .blazored-modal {
        width: calc(100vw - 20px);
        max-width: none;
        max-height: calc(100dvh - 20px);
        margin: 10px;
        padding: 18px;
        border-radius: 16px;
    }
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control.ddt-container {
    border: 1px solid var(--admin-border) !important;
    border-radius: 12px;
    background: var(--admin-surface) !important;
    box-shadow: none !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-popup,
html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-tree-wrapper {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-row {
    color: var(--admin-text) !important;
    border-color: transparent !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-row:hover {
    background: var(--admin-surface-muted) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-row.selected-node,
html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .selected-node > .ddt-row {
    background: color-mix(in srgb, var(--admin-primary) 16%, var(--admin-surface)) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-text,
html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-expand,
html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-select-all-label {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-filter {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-raised) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .admin-layout #content .category-tree-page .category-tree-control .ddt-select-all-container {
    border-color: var(--admin-border) !important;
    background: var(--admin-surface-muted) !important;
}

html[data-admin-theme="dark"] .admin-layout .sidebar-toggle-btn,
html[data-admin-theme="dark"] .admin-layout .brand-icon {
    color: var(--admin-primary) !important;
}

@media (max-width: 768px) {
    .admin-layout .top-navbar {
        direction: rtl;
        display: flex;
        align-items: center;
    }

    .admin-layout .admin-header {
        display: flex;
        align-items: center;
        min-width: 0;
        padding-inline: 0 !important;
    }

    .admin-layout .admin-header > .pulse {
        display: flex !important;
        align-items: center;
        width: auto !important;
        flex: 0 0 auto;
    }

    .admin-layout .admin-header > .navbar-nav {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        margin-inline-start: auto;
        padding-inline: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-layout *,
    .admin-layout *::before,
    .admin-layout *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

html[data-bs-theme="dark"] .rte-theme-dark,
html[data-bs-theme="dark"] .rte-theme-auto,
html[data-admin-theme="dark"] .rte-theme-dark,
html[data-admin-theme="dark"] .rte-theme-auto {
    border-color: var(--admin-border, #526a80) !important;
    background-color: var(--admin-surface, #34495e) !important;
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .rte-theme-dark .rte-toolbar-button,
html[data-bs-theme="dark"] .rte-theme-dark .rte-font,
html[data-bs-theme="dark"] .rte-theme-dark .rte-fontsize,
html[data-bs-theme="dark"] .rte-theme-auto .rte-toolbar-button,
html[data-bs-theme="dark"] .rte-theme-auto .rte-font,
html[data-bs-theme="dark"] .rte-theme-auto .rte-fontsize,
html[data-admin-theme="dark"] .rte-theme-dark .rte-toolbar-button,
html[data-admin-theme="dark"] .rte-theme-dark .rte-font,
html[data-admin-theme="dark"] .rte-theme-dark .rte-fontsize,
html[data-admin-theme="dark"] .rte-theme-auto .rte-toolbar-button,
html[data-admin-theme="dark"] .rte-theme-auto .rte-font,
html[data-admin-theme="dark"] .rte-theme-auto .rte-fontsize {
    border-color: var(--admin-border, #526a80) !important;
    background-color: var(--admin-surface-raised, #3d566e) !important;
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .rte-theme-dark .rte-content,
html[data-bs-theme="dark"] .rte-theme-auto .rte-content,
html[data-admin-theme="dark"] .rte-theme-dark .rte-content,
html[data-admin-theme="dark"] .rte-theme-auto .rte-content {
    border-color: var(--admin-border, #526a80) !important;
    background-color: var(--admin-page, #2c3e50) !important;
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .rte-theme-dark .rte-editor-hint,
html[data-bs-theme="dark"] .rte-theme-auto .rte-editor-hint,
html[data-admin-theme="dark"] .rte-theme-dark .rte-editor-hint,
html[data-admin-theme="dark"] .rte-theme-auto .rte-editor-hint,
html[data-bs-theme="dark"] .rte-theme-dark .rte-char-count,
html[data-bs-theme="dark"] .rte-theme-auto .rte-char-count,
html[data-admin-theme="dark"] .rte-theme-dark .rte-char-count,
html[data-admin-theme="dark"] .rte-theme-auto .rte-char-count {
    border-color: var(--admin-border, #526a80) !important;
    background-color: var(--admin-surface-raised, #3d566e) !important;
    color: var(--admin-text-muted, #c1ccd6) !important;
}

html[data-bs-theme="dark"] .rte-theme-dark.rte-fullscreen,
html[data-bs-theme="dark"] .rte-theme-auto.rte-fullscreen,
html[data-admin-theme="dark"] .rte-theme-dark.rte-fullscreen,
html[data-admin-theme="dark"] .rte-theme-auto.rte-fullscreen {
    background-color: var(--admin-page, #2c3e50) !important;
}

html[data-bs-theme="dark"] .advanced-uploader,
html[data-admin-theme="dark"] .advanced-uploader {
    border-color: var(--admin-border, #526a80) !important;
    background-color: var(--admin-surface, #34495e) !important;
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .advanced-uploader .drop-zone,
html[data-admin-theme="dark"] .advanced-uploader .drop-zone {
    border-color: var(--admin-border, #526a80) !important;
    background: var(--admin-page, #2c3e50) !important;
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .advanced-uploader .file-item,
html[data-admin-theme="dark"] .advanced-uploader .file-item {
    border-color: var(--admin-border, #526a80) !important;
    background: var(--admin-surface-raised, #3d566e) !important;
    color: var(--admin-text, #f3f6f8) !important;
    box-shadow: none;
}

html[data-bs-theme="dark"] .advanced-uploader .file-item .text-light,
html[data-admin-theme="dark"] .advanced-uploader .file-item .text-light {
    color: var(--admin-text, #f3f6f8) !important;
}

html[data-bs-theme="dark"] .advanced-uploader .progress,
html[data-admin-theme="dark"] .advanced-uploader .progress {
    background-color: var(--admin-page, #2c3e50) !important;
}

html[data-bs-theme="light"] .advanced-uploader {
    border-color: var(--admin-border, #e1e7ee) !important;
    background-color: var(--admin-surface, #ffffff) !important;
    color: var(--admin-text, #1e2935) !important;
}

html[data-bs-theme="light"] .advanced-uploader .drop-zone {
    border-color: var(--admin-border, #e1e7ee) !important;
    background: var(--admin-surface-muted, #f7f9fc) !important;
    color: var(--admin-text, #1e2935) !important;
}

html[data-bs-theme="light"] .advanced-uploader .file-item {
    border-color: var(--admin-border, #e1e7ee) !important;
    background: var(--admin-surface-raised, #ffffff) !important;
    color: var(--admin-text, #1e2935) !important;
    box-shadow: var(--admin-shadow, 0 4px 14px rgba(25, 42, 62, .08));
}

html[data-bs-theme="light"] .advanced-uploader .file-item .text-light {
    color: var(--admin-text, #1e2935) !important;
}

html[data-admin-theme] .admin-layout .form-check-input[type="checkbox"],
html[data-admin-theme] .blazored-modal .form-check-input[type="checkbox"] {
    color-scheme: inherit;
    accent-color: var(--admin-primary);
    border-color: var(--admin-border) !important;
    background-color: var(--admin-surface-raised) !important;
}

html[data-admin-theme] .admin-layout .form-check-input[type="checkbox"]:checked,
html[data-admin-theme] .blazored-modal .form-check-input[type="checkbox"]:checked {
    border-color: var(--admin-primary) !important;
    background-color: var(--admin-primary) !important;
}

html[data-admin-theme] .admin-layout .form-check-input[type="checkbox"]:focus,
html[data-admin-theme] .blazored-modal .form-check-input[type="checkbox"]:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 .2rem var(--admin-focus) !important;
}

html[data-admin-theme] .admin-layout .form-check-input[type="checkbox"]:disabled,
html[data-admin-theme] .blazored-modal .form-check-input[type="checkbox"]:disabled {
    background-color: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
    opacity: .7;
}

html[data-admin-theme] .dynamic-form-dialog {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .dynamic-form-dialog .white_box,
html[data-admin-theme] .dynamic-form-dialog .jobs-container,
html[data-admin-theme] .dynamic-form-dialog .job-status,
html[data-admin-theme] .dynamic-form-dialog .dropzone {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .dynamic-form-dialog .dropzone {
    border-style: dashed !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-form-dropped-item,
html[data-admin-theme] .dynamic-form-dialog .card,
html[data-admin-theme] .dynamic-form-dialog .d-rendered-control-wrapper,
html[data-admin-theme] .dynamic-form-dialog .d-item-action-bar,
html[data-admin-theme] .dynamic-form-dialog .flyout-panel {
    color: var(--admin-text) !important;
    background: var(--admin-surface-raised) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-item-header {
    background: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-title-text,
html[data-admin-theme] .dynamic-form-dialog .form-check-label,
html[data-admin-theme] .dynamic-form-dialog .flyout-panel .text-dark,
html[data-admin-theme] .dynamic-form-dialog .d-toolbar-box,
html[data-admin-theme] .dynamic-form-dialog .d-toolbar-text {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-toolbar-box,
html[data-admin-theme] .dynamic-form-dialog .d-btn-nav,
html[data-admin-theme] .dynamic-form-dialog .d-btn-action {
    background: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
    color: var(--admin-text) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-toolbar-box:hover,
html[data-admin-theme] .dynamic-form-dialog .d-btn-nav:hover:not(:disabled),
html[data-admin-theme] .dynamic-form-dialog .d-btn-action:hover {
    background: var(--admin-primary) !important;
    color: var(--admin-primary-contrast) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-input-control,
html[data-admin-theme] .dynamic-form-dialog .d-flyout-input,
html[data-admin-theme] .dynamic-form-dialog input.form-control,
html[data-admin-theme] .dynamic-form-dialog select.form-select,
html[data-admin-theme] .dynamic-form-dialog textarea.form-control {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .dynamic-form-dialog .d-input-control:focus,
html[data-admin-theme] .dynamic-form-dialog .d-flyout-input:focus,
html[data-admin-theme] .dynamic-form-dialog input.form-control:focus,
html[data-admin-theme] .dynamic-form-dialog select.form-select:focus,
html[data-admin-theme] .dynamic-form-dialog textarea.form-control:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 .2rem var(--admin-focus) !important;
}

html[data-admin-theme] .dynamic-form-dialog input::placeholder,
html[data-admin-theme] .dynamic-form-dialog textarea::placeholder {
    color: var(--admin-text-muted) !important;
    opacity: 1;
}

html[data-admin-theme] .dynamic-form-dialog .list-group-item.bg-dark,
html[data-admin-theme] .dynamic-form-dialog .alert-secondary {
    color: var(--admin-text) !important;
    background-color: var(--admin-surface-muted) !important;
    border-color: var(--admin-border) !important;
}

html[data-admin-theme] .dynamic-form-dialog .form-label,
html[data-admin-theme] .dynamic-form-dialog label,
html[data-admin-theme] .dynamic-form-dialog p,
html[data-admin-theme] .dynamic-form-dialog small {
    color: var(--admin-text) !important;
}

html[data-admin-theme] .dynamic-form-dialog .text-secondary,
html[data-admin-theme] .dynamic-form-dialog .text-muted {
    color: var(--admin-text-muted) !important;
}