:root {
    color-scheme: light;
    --c-indigo:  #5451d1;  --c-blue:   #0067cf;  --c-teal:   #00848b;
    --c-green:   #00831c;  --c-amber:  #a84800;  --c-red:    #bd1f28;
    --c-plum:    #8e3aa3;  --c-pink:   #ad2569;  --c-gray:   #626366;
    --c-indigo-fg: #4a48b7; --c-blue-fg: #005ab5; --c-teal-fg:  #00686e;
    --c-green-fg:  #00731b; --c-amber-fg: #934000; --c-red-fg:  #a51e24;
    --c-plum-fg:   #823094; --c-pink-fg: #9d1e60; --c-gray-fg: #626366;
    --mx-page:        #f2f3f7;
    --mx-surface:     #ffffff;
    --mx-raised:      #f6f7fb;
    --mx-head:        #f2f3f7;
    --mx-hover:       #f2f3f7;
    --mx-active:      #e9eaef;
    --mx-border:      #e5e6ea;
    --mx-border-firm: #d6d7dc;
    --mx-text:        #151618;
    --mx-text-2:      #424245;
    --mx-text-3:      #626366;
    --mx-on-accent:   #ffffff;
    --mx-neutral:     #47474b;
    --mx-accent:      #5856d6;
    --mx-accent-hi:   #4a48c9;
    --mx-accent-lo:   #eef0ff;
    --mx-accent-ink:  #4a48b7;
    --mx-ring:        #5856d6;
    --mx-ok:          #00831c;
    --mx-ok-lo:       #e8f5ea;
    --mx-ok-ink:      #00731b;
    --mx-warn:        #a84800;
    --mx-warn-lo:     #faefe3;
    --mx-warn-ink:    #934000;
    --mx-bad:         #bd1f28;
    --mx-bad-lo:      #ffecea;
    --mx-bad-ink:     #a51e24;
    --mx-info:        #0067cf;
    --mx-info-lo:     #e7f3ff;
    --mx-info-ink:    #005ab5;
    --mx-chip-gray:   #ececf0;  --mx-chip-gray-ink:   #424245;
    --mx-chip-accent: #eef0ff;  --mx-chip-accent-ink: #4a48b7;
    --mx-chip-ok:     #e8f5ea;  --mx-chip-ok-ink:     #00731b;
    --mx-chip-warn:   #faefe3;  --mx-chip-warn-ink:   #934000;
    --mx-chip-bad:    #ffecea;  --mx-chip-bad-ink:    #a51e24;
    --mx-chip-plum:   #f7edfa;  --mx-chip-plum-ink:   #823094;
    --mx-chip-rose:   #fdecf2;  --mx-chip-rose-ink:   #9d1e60;
    --mx-chip-blue:   #e7f3ff;  --mx-chip-blue-ink:   #005ab5;
    --mx-track:       #e9eaef;
    --mx-chart-1:     #7177ea;
    --mx-chart-2:     #1289e7;
    --mx-chart-3:     #c56e00;
    --mx-chart-4:     #03a14a;
    --mx-chart-5:     #00a3a7;
    --mx-chart-6:     #d1528b;
    --mx-chart-bad:   #bd1f28;
    --mx-glass:       color-mix(in srgb, var(--mx-surface) 72%, transparent);
    --mx-glass-strong:color-mix(in srgb, var(--mx-surface) 86%, transparent);
    --mx-glass-brd:   rgba(255, 255, 255, .62);
    --mx-glass-hi:    rgba(255, 255, 255, .9);
    --mx-glass-blur:  22px;
    --mx-glow-a:      rgba(88, 86, 214, .10);
    --mx-glow-b:      rgba(0, 122, 255, .08);
    --mx-glow-c:      rgba(255, 45, 85, .05);
    --mx-shadow:      0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);
    --mx-shadow-md:   0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);
    --mx-shadow-lg:   0 12px 40px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.06);
    --mx-scrim:       rgba(0, 0, 0, .32);
    --mx-font:        "__Inter_fe60ce", "__Inter_Fallback_fe60ce", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --mx-mono:        ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    --mx-radius-sm:   8px;
    --mx-radius:      12px;
    --mx-radius-lg:   16px;
    --mx-radius-xl:   22px;
    --mx-header-h:    56px;
    --mx-sidebar-w:   256px;
    --mx-touch:       36px;
    --mx-ease:        cubic-bezier(.2, .8, .2, 1);
    --mx-dur-1:       .10s;
    --mx-dur-2:       .16s;
    --mx-dur-3:       .22s;
    --mx-dur-4:       .30s;
    --mx-dur-5:       .52s;
    --mx-ease-out:    cubic-bezier(.2, .8, .2, 1);
    --mx-ease-in-out: cubic-bezier(.45, 0, .25, 1);
    --mx-ease-in:     cubic-bezier(.4, 0, 1, 1);
    --mx-ease-back:   cubic-bezier(.34, 1.4, .64, 1);
    --mx-ease-linear: linear;
    --mx-spring-snap:  420, 34, 1;
    --mx-spring-soft:  260, 28, 1;
    --mx-spring-bouncy:300, 18, 1;
    --mx-z-base:       0;
    --mx-z-raised:     10;
    --mx-z-sticky:    100;
    --mx-z-header:    200;
    --mx-z-sidebar:   300;
    --mx-z-dropdown:  400;
    --mx-z-dialog:    500;
    --mx-z-toast:     600;
    --mx-z-cursor:    700;
    --mx-blur-1:       6px;
    --mx-blur-2:      12px;
    --mx-blur-3:      22px;
    --mx-blur-4:      40px;
    --mx-sp-1:  4px;  --mx-sp-2:  8px;  --mx-sp-3: 12px;  --mx-sp-4: 16px;
    --mx-sp-5: 20px;  --mx-sp-6: 24px;  --mx-sp-8: 32px;  --mx-sp-10: 40px;
    --mx-sp-12: 48px; --mx-sp-16: 64px;
    --mx-fs-xs:   11.5px; --mx-fs-sm: 12.5px; --mx-fs-base: 13.5px;
    --mx-fs-md:   15px;   --mx-fs-lg: 17px;   --mx-fs-xl:   20px;
    --mx-fs-2xl:  24px;   --mx-fs-3xl:30px;   --mx-fs-4xl:  38px;
    --mx-fw-normal: 400; --mx-fw-medium: 500; --mx-fw-semi: 600; --mx-fw-bold: 700;
    --mx-lh-tight: 1.2; --mx-lh-body: 1.55; --mx-lh-loose: 1.75;
    --mx-track-tight: -0.011em;
    --mx-track-none:   0;
    --mx-track-wide:   0.01em;
    --mx-ctl-sm:  28px;  --mx-ctl:  34px;  --mx-ctl-lg: 42px;
    --mx-icon-sm: 14px;  --mx-icon: 16px;  --mx-icon-lg: 20px;
    --mx-row:     44px;  --mx-row-dense: 36px;
    --mx-w-prose:  78ch;
    --mx-w-form:   680px;
    --mx-w-page:  1440px;
    --mx-bp-xs:   390px; --mx-bp-sm:  640px; --mx-bp-md:  768px;
    --mx-bp-lg:  1024px; --mx-bp-xl: 1280px; --mx-bp-2xl:1536px;
    --mx-ring-w:     2px;
    --mx-ring-off:   2px;
    --mx-ring-shadow: 0 0 0 var(--mx-ring-off) var(--mx-surface), 0 0 0 calc(var(--mx-ring-off) + var(--mx-ring-w)) var(--mx-ring);
    --mx-op-disabled: .45;
    --mx-op-scrim:    .32;
    --mx-op-ghost:    .08;
}
[dir="rtl"] { --mx-lh-body: 1.7; --mx-track-tight: 0; }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/Vazirmatn-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"); }
[dir="rtl"] {
    --mx-font: "Vazirmatn", "__Inter_fe60ce", "__Inter_Fallback_fe60ce", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --c-indigo:  #6060e0;  --c-blue:   #0d74e2;  --c-teal:   #00919a;
    --c-green:   #00912c;  --c-amber:  #b75600;  --c-red:    #cc3235;
    --c-plum:    #9d47b4;  --c-pink:   #bf3477;  --c-gray:   #a3a4a9;
    --c-indigo-fg: #aab4ff; --c-blue-fg: #73c3ff; --c-teal-fg:  #4fd3d6;
    --c-green-fg:  #75d78d; --c-amber-fg: #f7ac4d; --c-red-fg:  #ff9890;
    --c-plum-fg:   #e59ff6; --c-pink-fg: #ff96c2; --c-gray-fg: #a3a4a9;
    --mx-page:        #090a0d;
    --mx-surface:     #1c1c1e;
    --mx-raised:      #2a2b2f;
    --mx-head:        #202024;
    --mx-hover:       #2a2b2f;
    --mx-active:      #393a3e;
    --mx-border:      #393a3e;
    --mx-border-firm: #4a4b50;
    --mx-text:        #f5f6fc;
    --mx-text-2:      #d6d7dc;
    --mx-text-3:      #a3a4a9;
    --mx-on-accent:   #ffffff;
    --mx-neutral:     #4a4b50;
    --mx-accent:      #6060e0;
    --mx-accent-hi:   #7676ea;
    --mx-accent-lo:   #242740;
    --mx-accent-ink:  #aab4ff;
    --mx-ring:        #8f8fff;
    --mx-ok:          #00912c;
    --mx-ok-lo:       #18301e;
    --mx-ok-ink:      #75d78d;
    --mx-warn:        #b75600;
    --mx-warn-lo:     #38250f;
    --mx-warn-ink:    #f7ac4d;
    --mx-bad:         #cc3235;
    --mx-bad-lo:      #3d201e;
    --mx-bad-ink:     #ff9890;
    --mx-info:        #0d74e2;
    --mx-info-lo:     #172b3f;
    --mx-info-ink:    #73c3ff;
    --mx-chip-gray:   #2a2b2f;  --mx-chip-gray-ink:   #d6d7dc;
    --mx-chip-accent: #242740;  --mx-chip-accent-ink: #aab4ff;
    --mx-chip-ok:     #18301e;  --mx-chip-ok-ink:     #75d78d;
    --mx-chip-warn:   #38250f;  --mx-chip-warn-ink:   #f7ac4d;
    --mx-chip-bad:    #3d201e;  --mx-chip-bad-ink:    #ff9890;
    --mx-chip-plum:   #332237;  --mx-chip-plum-ink:   #e59ff6;
    --mx-chip-rose:   #3b202b;  --mx-chip-rose-ink:   #ff96c2;
    --mx-chip-blue:   #172b3f;  --mx-chip-blue-ink:   #73c3ff;
    --mx-track:       #2a2b2f;
    --mx-chart-1:     #969fff;
    --mx-chart-2:     #58b0ff;
    --mx-chart-3:     #e69825;
    --mx-chart-4:     #5ac576;
    --mx-chart-5:     #00c7ca;
    --mx-chart-6:     #f37fb0;
    --mx-chart-bad:   #ff7a72;
    --mx-glass:       color-mix(in srgb, var(--mx-surface) 72%, transparent);
    --mx-glass-strong:color-mix(in srgb, var(--mx-surface) 86%, transparent);
    --mx-glass-brd:   rgba(255, 255, 255, .08);
    --mx-glass-hi:    rgba(255, 255, 255, .14);
    --mx-glass-blur:  22px;
    --mx-glow-a:      rgba(94, 92, 230, .16);
    --mx-glow-b:      rgba(10, 132, 255, .10);
    --mx-glow-c:      rgba(255, 55, 95, .06);
    --mx-shadow:      0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
    --mx-shadow-md:   0 2px 8px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.45);
    --mx-shadow-lg:   0 16px 48px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);
    --mx-scrim:       rgba(0, 0, 0, .6);
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body {
    background-color: var(--mx-page) !important;
    color: var(--mx-text);
    font-family: var(--mx-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--mx-accent); color: var(--mx-on-accent); }
* { scrollbar-color: var(--mx-border-firm) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--mx-border-firm); border-radius: 6px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--mx-text-3); background-clip: padding-box; }
code, kbd, pre, .font-mono { font-family: var(--mx-mono); }
table, .tabular { font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
.bg-white                       { background-color: var(--mx-surface) !important; }
.bg-slate-50, .bg-gray-50       { background-color: var(--mx-head) !important; }
.bg-slate-100, .bg-gray-100,
.bg-stone-100                   { background-color: var(--mx-raised) !important; }
.bg-slate-200                   { background-color: var(--mx-head) !important; }
.bg-slate-300, .bg-gray-300     { background-color: var(--mx-border-firm) !important; }
.bg-slate-600, .bg-slate-800,
.bg-slate-900, .bg-stone-500    { background-color: var(--mx-neutral) !important; color: var(--mx-on-accent) !important; }
.bg-slate-600 *, .bg-slate-800 *, .bg-slate-900 *, .bg-stone-500 * { color: var(--mx-on-accent) !important; }
.mx-btn.bg-slate-300, .mx-btn.bg-slate-300 * { color: var(--mx-text) !important; }
.mx-btn.bg-slate-300 { background-color: var(--mx-raised) !important; border: 1px solid var(--mx-border-firm); }
.mx-btn.bg-slate-300:hover { background-color: var(--mx-hover) !important; }
.hover\:bg-slate-50:hover, .hover\:bg-gray-50:hover,
.hover\:bg-slate-100:hover, .hover\:bg-gray-100:hover { background-color: var(--mx-hover) !important; }
.hover\:bg-slate-200:hover, .hover\:bg-slate-400:hover { background-color: var(--mx-active) !important; }
.text-black, .text-slate-900, .text-slate-800, .text-slate-700,
.text-gray-900, .text-gray-800, .text-gray-700, .text-stone-700,
h1:not([class*="text-"]), h2:not([class*="text-"]), h3:not([class*="text-"]),
b:not([class*="text-"]), strong:not([class*="text-"]) { color: var(--mx-text) !important; }
.text-white, .text-white * { color: #ffffff !important; }
.text-slate-600, .text-gray-600 { color: var(--mx-text-2) !important; }
.text-slate-500, .text-slate-400, .text-gray-500, .text-gray-400,
small                           { color: var(--mx-text-3) !important; }
.text-slate-300, .text-gray-300 { color: var(--mx-text-3) !important; }
.text-slate-100                 { color: var(--mx-surface) !important; }
.hover\:text-gray-800:hover,
.hover\:text-slate-700:hover    { color: var(--mx-text) !important; }
.border, .border-b, .border-t, .border-r, .border-l, .border-x-2, .border-y,
.border-slate-100, .border-slate-200, .border-gray-200,
.border-b-gray-200, .border-t-slate-200, .border-t-slate-100,
.border-b-slate-200             { border-color: var(--mx-border) !important; }
.border-slate-300, .border-gray-300, .border-slate-400 { border-color: var(--mx-border-firm) !important; }
.divide-slate-300 > * + *       { border-color: var(--mx-border) !important; }
.ring-slate-200                 { --tw-ring-color: var(--mx-border) !important; }
.border-x-transparent           { border-left-color: transparent !important; border-right-color: transparent !important; }
.bg-blue-600, .bg-blue-500, .bg-indigo-600 { background-color: var(--mx-accent) !important; color: var(--mx-on-accent) !important; }
.hover\:bg-blue-700:hover, .hover\:bg-indigo-700:hover { background-color: var(--mx-accent-hi) !important; }
.bg-blue-50, .bg-blue-50\/60, .bg-indigo-50 { background-color: var(--mx-accent-lo) !important; }
.hover\:bg-blue-100:hover, .hover\:bg-indigo-100:hover { background-color: var(--mx-accent-lo) !important; }
.text-blue-600, .text-blue-700, .text-indigo-600, .text-indigo-700 { color: var(--mx-accent-ink) !important; }
.hover\:text-blue-600:hover, .hover\:text-blue-800:hover, .hover\:text-indigo-600:hover { color: var(--mx-accent) !important; }
.border-blue-200                { border-color: var(--mx-border) !important; }
.border-blue-600, .border-indigo-500, .border-indigo-600 { border-color: var(--mx-accent) !important; }
.focus\:outline-indigo-400:focus, .focus\:outline-red-400:focus,
input:focus-visible, select:focus-visible, textarea:focus-visible,
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
    outline: 2px solid var(--mx-ring) !important;
    outline-offset: 2px;
}
input:focus, select:focus, textarea:focus { outline-offset: 0; }
.bg-emerald-500, .bg-emerald-600, .bg-lime-500 { background-color: var(--mx-ok) !important; color: var(--mx-on-accent) !important; }
.hover\:bg-emerald-600:hover      { background-color: var(--mx-ok) !important; filter: brightness(1.1); }
.hover\:bg-emerald-100:hover      { background-color: var(--mx-ok-lo) !important; }
.bg-green-50, .bg-lime-50         { background-color: var(--mx-ok-lo) !important; }
.text-emerald-500, .text-emerald-600, .text-green-600, .text-green-700, .text-lime-700 { color: var(--mx-ok-ink) !important; }
.border-emerald-600               { border-color: var(--mx-ok) !important; }
.bg-amber-600, .bg-orange-500     { background-color: var(--mx-warn) !important; color: var(--mx-on-accent) !important; }
.hover\:bg-orange-600:hover       { background-color: var(--mx-warn) !important; filter: brightness(1.1); }
.hover\:bg-orange-100:hover       { background-color: var(--mx-warn-lo) !important; }
.bg-amber-50, .bg-amber-50\/60, .bg-yellow-50 { background-color: var(--mx-warn-lo) !important; }
.text-amber-400, .text-amber-600, .text-amber-700, .text-amber-800, .text-orange-600, .text-yellow-800 { color: var(--mx-warn-ink) !important; }
.border-amber-200, .border-amber-300 { border-color: color-mix(in srgb, var(--mx-warn) 60%, transparent) !important; }
.border-orange-600                { border-color: var(--mx-warn) !important; }
.bg-red-600, .bg-rose-500, .bg-rose-600 { background-color: var(--mx-bad) !important; color: var(--mx-on-accent) !important; }
.hover\:bg-red-700:hover, .hover\:bg-rose-700:hover { background-color: var(--mx-bad) !important; filter: brightness(.9); }
.hover\:bg-red-100:hover, .hover\:bg-rose-100:hover { background-color: var(--mx-bad-lo) !important; }
.bg-red-50, .bg-rose-50           { background-color: var(--mx-bad-lo) !important; }
.text-red-500, .text-red-600, .text-red-700, .text-rose-600 { color: var(--mx-bad-ink) !important; }
.hover\:text-rose-600:hover       { color: var(--mx-bad) !important; }
.border-red-200, .border-red-300, .border-red-600, .border-rose-300, .border-rose-600 { border-color: var(--mx-bad) !important; }
.inline-flex.bg-gray-50 { background-color: var(--mx-chip-gray) !important; }
.inline-flex.bg-gray-50.text-gray-600 { color: var(--mx-chip-gray-ink) !important; }
.inline-flex.bg-blue-50, .inline-flex.bg-indigo-50 { background-color: var(--mx-chip-accent) !important; }
.inline-flex.text-blue-700, .inline-flex.text-indigo-700 { color: var(--mx-chip-accent-ink) !important; }
.inline-flex.bg-green-50 { background-color: var(--mx-chip-ok) !important; }
.inline-flex.text-green-700 { color: var(--mx-chip-ok-ink) !important; }
.inline-flex.bg-yellow-50 { background-color: var(--mx-chip-warn) !important; }
.inline-flex.text-yellow-800 { color: var(--mx-chip-warn-ink) !important; }
.inline-flex.bg-red-50 { background-color: var(--mx-chip-bad) !important; }
.inline-flex.text-red-700 { color: var(--mx-chip-bad-ink) !important; }
.bg-purple-50 { background-color: var(--mx-chip-plum) !important; }
.text-purple-700, .text-purple-400 { color: var(--mx-chip-plum-ink) !important; }
.bg-pink-50   { background-color: var(--mx-chip-rose) !important; }
.text-pink-700, .text-pink-400 { color: var(--mx-chip-rose-ink) !important; }
.bg-pink-500  { background-color: var(--mx-chip-rose-ink) !important; color: var(--mx-on-accent) !important; }
.ring-gray-500\/20, .ring-blue-700\/10, .ring-indigo-700\/10, .ring-green-600\/20,
.ring-red-600\/10, .ring-yellow-600\/20, .ring-purple-700\/10, .ring-pink-700\/10 { --tw-ring-color: transparent !important; }
input, select, textarea {
    background-color: var(--mx-raised);
    color: var(--mx-text);
    border-color: var(--mx-border-firm);
    font-family: inherit;
}
input::placeholder, textarea::placeholder { color: var(--mx-text-3); opacity: 1; }
input[readonly], input:disabled, select:disabled, textarea:disabled { color: var(--mx-text-2); opacity: .85; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--mx-accent); }
.sidebar, aside, header { background-color: var(--mx-surface) !important; }
.shadow, .shadow-sm { box-shadow: var(--mx-shadow) !important; }
.shadow-lg { box-shadow: var(--mx-shadow-lg) !important; }
.drag-row.drop-target { box-shadow: inset 0 2px 0 0 var(--mx-accent) !important; }
.mx-theme-btn .mx-ico-sun  { display: none; }
:root[data-theme="dark"] .mx-theme-btn .mx-ico-sun  { display: block; }
:root[data-theme="dark"] .mx-theme-btn .mx-ico-moon { display: none; }
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(70rem 50rem at 10% -10%, var(--mx-glow-a), transparent 60%),
        radial-gradient(60rem 45rem at 105% 10%, var(--mx-glow-b), transparent 62%),
        radial-gradient(50rem 40rem at 50% 110%, var(--mx-glow-c), transparent 60%);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    @media not (prefers-reduced-transparency: reduce) {
        .bg-white, .mx-glass {
            background-color: var(--mx-glass) !important;
            -webkit-backdrop-filter: blur(var(--mx-glass-blur)) saturate(160%);
            backdrop-filter: blur(var(--mx-glass-blur)) saturate(160%);
            border-color: var(--mx-glass-brd) !important;
            box-shadow: inset 0 1px 0 var(--mx-glass-hi), var(--mx-shadow);
        }
        .sidebar > div, header.mx-header, .mx-actionbar, .mx-popover, dialog.mx-dialog, .mx-toast, .mx-palette {
            background-color: var(--mx-glass-strong) !important;
            -webkit-backdrop-filter: blur(28px) saturate(170%);
            backdrop-filter: blur(28px) saturate(170%);
        }
        .mx-table thead th, input, select, textarea { -webkit-backdrop-filter: none; backdrop-filter: none; }
        .bg-white .bg-white { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: var(--mx-raised) !important; box-shadow: none; }
    }
}
@media (max-width: 639px) {
    .mx-table tr { background: var(--mx-surface) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; }
}
@media (forced-colors: active) {
    .bg-white, .mx-glass, .sidebar > div, header.mx-header { background: Canvas !important; color: CanvasText; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.mx-list:has(> .mx-empty) thead { display: none; }
.mx-list:has(> .mx-empty) table { margin-bottom: 0; }
.mx-list:has(> .mx-empty) > .mx-tablewrap { overflow: visible; }
:root[data-theme="dark"] .bg-emerald-500,
:root[data-theme="dark"] .bg-emerald-600,
:root[data-theme="dark"] .bg-lime-500 { background-color: #4fbe6c !important; }
:root[data-theme="dark"] .bg-emerald-500, :root[data-theme="dark"] .bg-emerald-600,
:root[data-theme="dark"] .bg-lime-500,
:root[data-theme="dark"] .bg-emerald-500 *, :root[data-theme="dark"] .bg-emerald-600 *,
:root[data-theme="dark"] .bg-lime-500 *,
:root[data-theme="dark"] .bg-emerald-500.text-white, :root[data-theme="dark"] .bg-emerald-600.text-white,
:root[data-theme="dark"] .bg-emerald-500 .text-white, :root[data-theme="dark"] .bg-emerald-600 .text-white,
:root[data-theme="dark"] .bg-lime-500 .text-white { color: #0b1a0f !important; }
.text-slate-100, .bg-slate-900 .text-slate-100, pre.bg-slate-900 { color: #f5f6fc !important; }
.icon-trash:not([class*="text-"]),
.icon-access-denied:not([class*="text-"]),
.icon-logout:not([class*="text-"])            { color: var(--c-red-fg); }
.icon-edit:not([class*="text-"]),
.icon-clock:not([class*="text-"]),
.icon-warning:not([class*="text-"])           { color: var(--c-amber-fg); }
.icon-check:not([class*="text-"]),
.icon-user-line:not([class*="text-"]),
.icon-android-os:not([class*="text-"])        { color: var(--c-green-fg); }
.icon-user:not([class*="text-"]),
.icon-save:not([class*="text-"]),
.icon-email:not([class*="text-"]),
.icon-info:not([class*="text-"]),
.icon-link:not([class*="text-"]),
.icon-windows-os:not([class*="text-"])        { color: var(--c-blue-fg); }
.icon-copy:not([class*="text-"]),
.icon-my-ip:not([class*="text-"]),
.icon-desktops-and-laptops:not([class*="text-"]),
.icon-browser-extension:not([class*="text-"]) { color: var(--c-teal-fg); }
.icon-search:not([class*="text-"]),
.icon-visible:not([class*="text-"]),
.icon-invisible:not([class*="text-"]),
.icon-qr-code:not([class*="text-"]),
.icon-grid-line:not([class*="text-"])         { color: var(--c-indigo-fg); }
.icon-buy-account:not([class*="text-"]),
.icon-features:not([class*="text-"]),
.icon-developers-line:not([class*="text-"]),
.icon-download-apps-line:not([class*="text-"]) { color: var(--c-plum-fg); }
.icon-speaker:not([class*="text-"]),
.icon-mobiles-and-tablets:not([class*="text-"]) { color: var(--c-pink-fg); }
.icon-chevron-right:not([class*="text-"]),
.icon-chevron-left:not([class*="text-"]),
.icon-chevron-down:not([class*="text-"]),
.icon-arrow-left:not([class*="text-"]),
.icon-arrow-top:not([class*="text-"]),
.icon-arrow-down:not([class*="text-"]),
.icon-close:not([class*="text-"]),
.icon-menu:not([class*="text-"]),
.icon-more:not([class*="text-"]),
.icon-list:not([class*="text-"]),
.icon-help:not([class*="text-"]),
.icon-question-mark:not([class*="text-"]),
.icon-file:not([class*="text-"]),
.icon-mac-os:not([class*="text-"]),
.icon-ios-app:not([class*="text-"])           { color: var(--c-gray-fg); }
.icon-linux:not([class*="text-"])             { color: var(--c-amber-fg); }
.mx-badge [class*="icon-"], .mx-chip [class*="icon-"], .mx-toast [class*="icon-"],
.mx-state [class*="icon-"], .mx-stat [class*="icon-"], .mx-dialog-ico [class*="icon-"],
.mx-emptybox [class*="icon-"], .mx-note [class*="icon-"], .mx-field-error [class*="icon-"],
.mx-btn [class*="icon-"], .mx-btn-link [class*="icon-"],
.mx-iconbtn [class*="icon-"] { color: inherit; }
.mx-nav-ico.mx-hue-indigo { color: var(--c-indigo-fg); }
.mx-nav-ico.mx-hue-blue   { color: var(--c-blue-fg); }
.mx-nav-ico.mx-hue-teal   { color: var(--c-teal-fg); }
.mx-nav-ico.mx-hue-green  { color: var(--c-green-fg); }
.mx-nav-ico.mx-hue-amber  { color: var(--c-amber-fg); }
.mx-nav-ico.mx-hue-plum   { color: var(--c-plum-fg); }
.mx-nav-ico.mx-hue-pink   { color: var(--c-pink-fg); }
.mx-nav-ico.mx-hue-red    { color: var(--c-red-fg); }
.mx-nav-ico.mx-hue-gray   { color: var(--c-gray-fg); }
.mx-nav a.is-active .mx-nav-ico,
.mx-nav .mx-nav-group-btn.is-active .mx-nav-ico { color: currentColor; }
:root {
    --mx-page:        #e3e7ee;
    --mx-surface:     #ffffff;
    --mx-raised:      #f4f7fa;
    --mx-head:        #eef1f6;
    --mx-hover:       color-mix(in srgb, var(--mx-text) 3%, transparent);
    --mx-hover-soft:  color-mix(in srgb, var(--mx-text) 1.5%, transparent);
    --mx-press:       color-mix(in srgb, var(--mx-text) 6%, transparent);
    --mx-active:      #dde3e9;
    --mx-border:      #d7dde6;
    --mx-border-firm: #b7c0cb;
    --mx-text:        #0f1417;
    --mx-text-2:      #414a52;
    --mx-text-3:      #5b656f;
    --mx-on-accent:   #ffffff;
    --mx-neutral:     #3c464f;
    --mx-accent:      #0e7490;
    --mx-accent-hi:   #0b5f78;
    --mx-accent-lo:   #e0f2f6;
    --mx-accent-ink:  #0a5f70;
    --mx-ring:        #0e7490;
    --mx-ok:          #10713a;
    --mx-ok-lo:       #e3f3e9;
    --mx-ok-ink:      #0d6333;
    --mx-warn:        #94500a;
    --mx-warn-lo:     #fbeedd;
    --mx-warn-ink:    #82460a;
    --mx-bad:         #b3242c;
    --mx-bad-lo:      #fdeaea;
    --mx-bad-ink:     #9e2027;
    --mx-info:        #17607f;
    --mx-info-lo:     #e3f0f7;
    --mx-info-ink:    #145670;
    --mx-chip-gray:   #e7eaef;  --mx-chip-gray-ink:   #414a52;
    --mx-chip-accent: #e0f2f6;  --mx-chip-accent-ink: #0a5f70;
    --mx-chip-ok:     #e3f3e9;  --mx-chip-ok-ink:     #0d6333;
    --mx-chip-warn:   #fbeedd;  --mx-chip-warn-ink:   #82460a;
    --mx-chip-bad:    #fdeaea;  --mx-chip-bad-ink:    #9e2027;
    --mx-chip-plum:   #f2ecfa;  --mx-chip-plum-ink:   #6b3aa0;
    --mx-chip-rose:   #fcebf1;  --mx-chip-rose-ink:   #9c2059;
    --mx-chip-blue:   #e3f0f7;  --mx-chip-blue-ink:   #145670;
    --mx-track:       #d5dce5;
    --mx-chart-1:     #0e7490;
    --mx-chart-2:     #1d6fc4;
    --mx-chart-3:     #b06a08;
    --mx-chart-4:     #17794a;
    --mx-chart-5:     #0f9aa6;
    --mx-chart-6:     #9c3f72;
    --mx-chart-bad:   #b3242c;
    --mx-shadow:      0 1px 1px rgba(23,32,43,.04), 0 1px 3px rgba(23,32,43,.05);
    --mx-shadow-md:   0 1px 2px rgba(23,32,43,.05), 0 6px 16px rgba(23,32,43,.07);
    --mx-shadow-lg:   0 2px 6px rgba(23,32,43,.07), 0 16px 42px rgba(23,32,43,.14);
    --mx-scrim:       rgba(15, 20, 23, .38);
    --mx-glass:       rgba(255,255,255,.76);
    --mx-glass-strong:rgba(255,255,255,.90);
    --mx-glass-brd:   rgba(255,255,255,.68);
    --mx-glass-hi:    rgba(255,255,255,.94);
    --mx-bevel:       inset 0 1px 0 rgba(255,255,255,.9);
    --mx-radius-sm:   5px;
    --mx-radius:      7px;
    --mx-radius-lg:  10px;
    --mx-radius-xl:  14px;
    --mx-header-h:   52px;
    --mx-sidebar-w: 240px;
}
:root[data-theme="dark"] {
    --mx-page:        #080a0e;
    --mx-surface:     #1b212a;
    --mx-raised:      #232b36;
    --mx-head:        #12171f;
    --mx-hover:       color-mix(in srgb, var(--mx-text) 3%, transparent);
    --mx-hover-soft:  color-mix(in srgb, var(--mx-text) 1.5%, transparent);
    --mx-press:       color-mix(in srgb, var(--mx-text) 5%, transparent);
    --mx-active:      #1f2630;
    --mx-border:      #2c3543;
    --mx-border-firm: #414d5e;
    --mx-text:        #e9eef4;
    --mx-text-2:      #a7b3c0;
    --mx-text-3:      #949fad;
    --mx-on-accent:   #ffffff;
    --mx-neutral:     #2b333e;
    --mx-accent:      #0e7490;
    --mx-accent-hi:   #12889f;
    --mx-accent-lo:   #082630;
    --mx-accent-ink:  #4fd1e5;
    --mx-ring:        #38c6dc;
    --mx-ok:          #17803f;
    --mx-ok-lo:       #0d2418;
    --mx-ok-ink:      #5fd68a;
    --mx-warn:        #9a5a10;
    --mx-warn-lo:     #2a1d0b;
    --mx-warn-ink:    #efa94a;
    --mx-bad:         #c0353c;
    --mx-bad-lo:      #2b1416;
    --mx-bad-ink:     #ff8f8f;
    --mx-info:        #1580b8;
    --mx-info-lo:     #0b1e2b;
    --mx-info-ink:    #5ec2f0;
    --mx-chip-gray:   #171c24;  --mx-chip-gray-ink:   #a7b3c0;
    --mx-chip-accent: #082630;  --mx-chip-accent-ink: #4fd1e5;
    --mx-chip-ok:     #0d2418;  --mx-chip-ok-ink:     #5fd68a;
    --mx-chip-warn:   #2a1d0b;  --mx-chip-warn-ink:   #efa94a;
    --mx-chip-bad:    #2b1416;  --mx-chip-bad-ink:    #ff8f8f;
    --mx-chip-plum:   #221a2e;  --mx-chip-plum-ink:   #c79bf0;
    --mx-chip-rose:   #2a1420;  --mx-chip-rose-ink:   #f78fb8;
    --mx-chip-blue:   #0b1e2b;  --mx-chip-blue-ink:   #5ec2f0;
    --mx-track:       #2f3947;
    --mx-chart-1:     #35c4dc;
    --mx-chart-2:     #5aa9f5;
    --mx-chart-3:     #e0983a;
    --mx-chart-4:     #4dc47e;
    --mx-chart-5:     #22d3c5;
    --mx-chart-6:     #e97fae;
    --mx-chart-bad:   #e05c62;
    --mx-shadow:      0 1px 0 rgba(0,0,0,.4);
    --mx-shadow-md:   0 2px 10px rgba(0,0,0,.45);
    --mx-shadow-lg:   0 18px 50px rgba(0,0,0,.65), 0 2px 8px rgba(0,0,0,.5);
    --mx-scrim:       rgba(3, 5, 8, .68);
    --mx-glass:       color-mix(in srgb, var(--mx-surface) 74%, transparent);
    --mx-glass-strong:color-mix(in srgb, var(--mx-surface) 90%, transparent);
    --mx-glass-brd:   rgba(255,255,255,.07);
    --mx-glass-hi:    rgba(255,255,255,.10);
    --mx-bevel:       inset 0 1px 0 rgba(255,255,255,.055);
}
.bg-slate-600, .bg-slate-800, .bg-slate-900, .bg-stone-500,
.bg-slate-600 *, .bg-slate-800 *, .bg-slate-900 *, .bg-stone-500 * { color: #fff !important; }