/* =========================================================
   v1.4.0 — Colorful content, grids, cards and striped tables
   ========================================================= */
:root {
  --ak-blue:#3b82f6;
  --ak-emerald:#10b981;
  --ak-violet:#8b5cf6;
  --ak-amber:#f59e0b;
  --ak-rose:#ec4899;
  --ak-cyan:#06b6d4;
}

/* Subtle colorful canvas behind the content area. */
.admin-main {
  background:
    radial-gradient(circle at 13% 10%, color-mix(in srgb,var(--ak-violet) 9%,transparent) 0, transparent 28%),
    radial-gradient(circle at 86% 18%, color-mix(in srgb,var(--ak-cyan) 8%,transparent) 0, transparent 24%),
    radial-gradient(circle at 72% 82%, color-mix(in srgb,var(--ak-rose) 7%,transparent) 0, transparent 25%),
    var(--admin-bg);
}

/* Every reusable grid column receives a restrained accent family. */
.admin-page .row > [class*="col"]:nth-child(6n+1) { --card-accent:var(--ak-blue); }
.admin-page .row > [class*="col"]:nth-child(6n+2) { --card-accent:var(--ak-emerald); }
.admin-page .row > [class*="col"]:nth-child(6n+3) { --card-accent:var(--ak-violet); }
.admin-page .row > [class*="col"]:nth-child(6n+4) { --card-accent:var(--ak-amber); }
.admin-page .row > [class*="col"]:nth-child(6n+5) { --card-accent:var(--ak-rose); }
.admin-page .row > [class*="col"]:nth-child(6n)   { --card-accent:var(--ak-cyan); }

.admin-card {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb,var(--card-accent, var(--admin-primary)) 24%,var(--admin-border));
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--card-accent, var(--admin-primary)) 5%,var(--admin-surface)) 0%,
      var(--admin-surface) 46%,
      color-mix(in srgb,var(--card-accent, var(--admin-primary)) 3%,var(--admin-surface)) 100%);
  box-shadow: 0 12px 34px color-mix(in srgb,var(--card-accent, var(--admin-primary)) 8%,transparent);
}

.admin-card::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,var(--card-accent, var(--admin-primary)),color-mix(in srgb,var(--card-accent, var(--admin-primary)) 48%,white),transparent 78%);
  opacity:.9;
  pointer-events:none;
  z-index:1;
}

.admin-card-header {
  position:relative;
  z-index:1;
  background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent, var(--admin-primary)) 9%,transparent),transparent 58%);
  border-bottom-color:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 18%,var(--admin-border));
}
.admin-card-footer {
  background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent, var(--admin-primary)) 5%,transparent),transparent 70%);
  border-top-color:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 16%,var(--admin-border));
}

/* Dashboard statistics — every card has its own vivid identity. */
.admin-page .row > .col-sm-6:nth-child(1) .stat-card { --card-accent:var(--ak-blue); }
.admin-page .row > .col-sm-6:nth-child(2) .stat-card { --card-accent:var(--ak-emerald); }
.admin-page .row > .col-sm-6:nth-child(3) .stat-card { --card-accent:var(--ak-violet); }
.admin-page .row > .col-sm-6:nth-child(4) .stat-card { --card-accent:var(--ak-rose); }

.stat-card {
  background:
    radial-gradient(circle at 105% -8%,color-mix(in srgb,var(--card-accent, var(--admin-primary)) 34%,transparent),transparent 42%),
    linear-gradient(135deg,color-mix(in srgb,var(--card-accent, var(--admin-primary)) 13%,var(--admin-surface)),var(--admin-surface) 72%);
  border-color:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 36%,var(--admin-border));
}
.stat-card::after {
  background:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 18%,transparent);
  opacity:1;
}
.stat-icon {
  background:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 16%,var(--admin-surface));
  color:var(--card-accent, var(--admin-primary));
  border:1px solid color-mix(in srgb,var(--card-accent, var(--admin-primary)) 28%,transparent);
  box-shadow:0 8px 24px color-mix(in srgb,var(--card-accent, var(--admin-primary)) 14%,transparent);
}
.stat-value { color:color-mix(in srgb,var(--card-accent, var(--admin-primary)) 22%,var(--admin-text)); }

/* Reusable quick-action tiles also cycle accents. */
.admin-page .row > [class*="col"]:nth-child(6n+1) .quick-action { --qa-accent:var(--ak-blue); }
.admin-page .row > [class*="col"]:nth-child(6n+2) .quick-action { --qa-accent:var(--ak-emerald); }
.admin-page .row > [class*="col"]:nth-child(6n+3) .quick-action { --qa-accent:var(--ak-violet); }
.admin-page .row > [class*="col"]:nth-child(6n+4) .quick-action { --qa-accent:var(--ak-amber); }
.admin-page .row > [class*="col"]:nth-child(6n+5) .quick-action { --qa-accent:var(--ak-rose); }
.admin-page .row > [class*="col"]:nth-child(6n)   .quick-action { --qa-accent:var(--ak-cyan); }
.quick-action {
  border-color:color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 28%,var(--admin-border));
  background:linear-gradient(135deg,color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 8%,var(--admin-surface)),var(--admin-surface) 70%);
}
.quick-action i {
  background:color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 15%,var(--admin-surface));
  color:var(--qa-accent, var(--admin-primary));
  border:1px solid color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 24%,transparent);
}
.quick-action:hover {
  border-color:color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 56%,var(--admin-border));
  box-shadow:0 14px 34px color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 14%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--qa-accent, var(--admin-primary)) 13%,var(--admin-surface)),var(--admin-surface) 72%);
}

/* Color-rich but readable table header. */
.table thead th,
.professional-datatable .table thead th {
  color:color-mix(in srgb,var(--admin-text) 88%,white);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--admin-sidebar-bg) 88%,var(--ak-violet)),
    color-mix(in srgb,var(--admin-sidebar-bg) 92%,var(--ak-blue))) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Multi-color striped rows. Each row stays subtle enough for data readability. */
.table tbody tr:nth-child(6n+1) > * { --bs-table-bg:color-mix(in srgb,var(--ak-blue) 8%,var(--admin-surface)); }
.table tbody tr:nth-child(6n+2) > * { --bs-table-bg:color-mix(in srgb,var(--ak-emerald) 8%,var(--admin-surface)); }
.table tbody tr:nth-child(6n+3) > * { --bs-table-bg:color-mix(in srgb,var(--ak-violet) 8%,var(--admin-surface)); }
.table tbody tr:nth-child(6n+4) > * { --bs-table-bg:color-mix(in srgb,var(--ak-amber) 8%,var(--admin-surface)); }
.table tbody tr:nth-child(6n+5) > * { --bs-table-bg:color-mix(in srgb,var(--ak-rose) 8%,var(--admin-surface)); }
.table tbody tr:nth-child(6n)   > * { --bs-table-bg:color-mix(in srgb,var(--ak-cyan) 8%,var(--admin-surface)); }

.table tbody tr { transition:transform .14s ease,box-shadow .14s ease,filter .14s ease; }
.table tbody tr:hover > * {
  --bs-table-bg-state:color-mix(in srgb,var(--admin-primary) 12%,var(--admin-surface));
  color:var(--admin-text);
}
.table tbody tr:hover {
  box-shadow:inset 4px 0 var(--admin-primary);
  filter:saturate(1.08);
}

/* DataTables toolbar and pager get matching color polish. */
.dt-container .dt-layout-row:first-child {
  background:linear-gradient(90deg,color-mix(in srgb,var(--ak-blue) 5%,transparent),color-mix(in srgb,var(--ak-violet) 5%,transparent),transparent);
}
.dt-container .dt-layout-row:last-child {
  background:linear-gradient(90deg,color-mix(in srgb,var(--ak-emerald) 4%,transparent),color-mix(in srgb,var(--ak-cyan) 4%,transparent),transparent);
}
.dt-container .dt-search input:focus,
.dt-container .dt-length select:focus {
  border-color:var(--admin-primary)!important;
  box-shadow:0 0 0 .2rem rgba(var(--admin-primary-rgb),.10)!important;
}
.dt-container .dt-paging .dt-paging-button.current {
  box-shadow:0 6px 16px rgba(var(--admin-primary-rgb),.22);
}

/* Activities and notifications cycle colored icons for stronger scanning. */
.activity-item:nth-child(6n+1) .activity-icon,.notification-item:nth-child(6n+1) .notification-icon { --item-accent:var(--ak-blue); }
.activity-item:nth-child(6n+2) .activity-icon,.notification-item:nth-child(6n+2) .notification-icon { --item-accent:var(--ak-emerald); }
.activity-item:nth-child(6n+3) .activity-icon,.notification-item:nth-child(6n+3) .notification-icon { --item-accent:var(--ak-violet); }
.activity-item:nth-child(6n+4) .activity-icon,.notification-item:nth-child(6n+4) .notification-icon { --item-accent:var(--ak-amber); }
.activity-item:nth-child(6n+5) .activity-icon,.notification-item:nth-child(6n+5) .notification-icon { --item-accent:var(--ak-rose); }
.activity-item:nth-child(6n) .activity-icon,.notification-item:nth-child(6n) .notification-icon { --item-accent:var(--ak-cyan); }
.activity-icon,.notification-icon {
  background:color-mix(in srgb,var(--item-accent, var(--admin-primary)) 14%,var(--admin-surface));
  color:var(--item-accent, var(--admin-primary));
  border:1px solid color-mix(in srgb,var(--item-accent, var(--admin-primary)) 22%,transparent);
}

/* More colorful role/profile/reusable visual blocks. */
.role-card:nth-child(6n+1) { --card-accent:var(--ak-blue); }
.role-card:nth-child(6n+2) { --card-accent:var(--ak-emerald); }
.role-card:nth-child(6n+3) { --card-accent:var(--ak-violet); }
.role-card:nth-child(6n+4) { --card-accent:var(--ak-amber); }
.role-card:nth-child(6n+5) { --card-accent:var(--ak-rose); }
.role-card:nth-child(6n)   { --card-accent:var(--ak-cyan); }
.role-icon {
  background:color-mix(in srgb,var(--card-accent,var(--admin-primary)) 14%,var(--admin-surface));
  color:var(--card-accent,var(--admin-primary));
}

/* Keep color comfortable in light mode. */
html:not([data-bs-theme="dark"]) .admin-card,
html[data-bs-theme="light"] .admin-card { box-shadow:0 12px 28px rgba(36,44,70,.07); }
html:not([data-bs-theme="dark"]) .table tbody tr:nth-child(n) > *,
html[data-bs-theme="light"] .table tbody tr:nth-child(n) > * { color:var(--admin-text); }

@media (prefers-reduced-motion: reduce) {
  .table tbody tr,.quick-action { transition:none!important; }
}


/* =========================================================
   v1.4.2 — High-contrast color surfaces
   Fix dark/low-contrast text on plum/colored UI blocks.
   ========================================================= */
:root {
  --ak-on-dark: #f8fafc;
  --ak-on-dark-muted: #dbe4f0;
  --ak-on-dark-link: #ffd75a;
}

/* 1) All colorful table headers must use true high-contrast text. */
.table thead th,
.professional-datatable .table thead th,
.permission-table thead th {
  color: var(--ak-on-dark) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18);
}

/* 2) Header links/actions (e.g. Permission Matrix "Toggle all"). */
.table thead th .btn-link,
.table thead th a,
.permission-table thead .select-role {
  color: var(--ak-on-dark-link) !important;
  font-weight: 800;
  text-decoration-color: color-mix(in srgb, var(--ak-on-dark-link) 58%, transparent) !important;
}
.table thead th .btn-link:hover,
.table thead th .btn-link:focus-visible,
.table thead th a:hover,
.table thead th a:focus-visible,
.permission-table thead .select-role:hover,
.permission-table thead .select-role:focus-visible {
  color: #fff3b0 !important;
  text-decoration-color: currentColor !important;
}

/* 3) Sticky first Permission Matrix header must stay on the same colored surface. */
.permission-table thead th:first-child {
  color: var(--ak-on-dark) !important;
  background: linear-gradient(180deg,
    color-mix(in srgb,var(--admin-sidebar-bg) 88%,var(--ak-violet)),
    color-mix(in srgb,var(--admin-sidebar-bg) 92%,var(--ak-blue))) !important;
  z-index: 4;
}

/* 4) DataTables sorting indicators inherit a readable header color. */
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after {
  color: var(--ak-on-dark) !important;
  opacity: .82 !important;
}

/* 5) Strengthen card headings/subtitles over colored gradient headers. */
.admin-card-header .admin-card-title {
  color: var(--admin-text);
  font-weight: 850;
}
.admin-card-header .admin-card-subtitle,
.admin-card-header .text-secondary {
  color: color-mix(in srgb, var(--admin-text) 68%, var(--admin-muted)) !important;
}

/* 6) Stat cards: keep label/value readable regardless of accent. */
.stat-card .stat-label,
.stat-card .text-secondary {
  color: color-mix(in srgb, var(--admin-text) 72%, var(--admin-muted)) !important;
}
.stat-card .stat-value {
  color: var(--admin-text) !important;
  text-shadow: none;
}

/* 7) Quick-action tiles: stronger title and description contrast. */
.quick-action,
.quick-action:hover {
  color: var(--admin-text);
}
.quick-action strong,
.quick-action .fw-semibold,
.quick-action .fw-bold {
  color: var(--admin-text) !important;
}
.quick-action small,
.quick-action .text-secondary {
  color: color-mix(in srgb, var(--admin-text) 66%, var(--admin-muted)) !important;
}

/* 8) Activity and notification text stays clear beside colorful icons. */
.activity-item strong,
.notification-item strong,
.activity-item .fw-semibold,
.notification-item .fw-semibold {
  color: var(--admin-text) !important;
}
.activity-item .text-secondary,
.notification-item .text-secondary,
.activity-item small,
.notification-item small {
  color: color-mix(in srgb, var(--admin-text) 62%, var(--admin-muted)) !important;
}

/* 9) Role/profile blocks should not inherit washed-out accent text. */
.role-card .admin-card-title,
.role-card h1,
.role-card h2,
.role-card h3,
.role-card h4,
.role-card h5,
.role-card h6,
.role-card .fw-bold,
.role-card .fw-semibold {
  color: var(--admin-text) !important;
}
.role-card .text-secondary,
.role-card small {
  color: color-mix(in srgb, var(--admin-text) 64%, var(--admin-muted)) !important;
}

/* 10) Table body text and muted metadata: readable in all striped colors. */
.table tbody td,
.table tbody th {
  color: var(--admin-text);
}
.table tbody .text-secondary,
.table tbody small,
.table tbody .permission-count {
  color: color-mix(in srgb, var(--admin-text) 58%, var(--admin-muted)) !important;
}

/* Light theme needs especially strong contrast on dark plum headers. */
html:not([data-bs-theme="dark"]) .table thead th,
html[data-bs-theme="light"] .table thead th,
html:not([data-bs-theme="dark"]) .permission-table thead th,
html[data-bs-theme="light"] .permission-table thead th {
  color: #ffffff !important;
}

/* Dark theme keeps the same white header text but slightly softer secondary text. */
html[data-bs-theme="dark"] .admin-card-header .admin-card-subtitle,
html[data-bs-theme="dark"] .admin-card-header .text-secondary,
html[data-bs-theme="dark"] .stat-card .stat-label,
html[data-bs-theme="dark"] .stat-card .text-secondary,
html[data-bs-theme="dark"] .quick-action small,
html[data-bs-theme="dark"] .quick-action .text-secondary {
  color: #b9c5d6 !important;
}


/* =========================================================
   v1.6.6 — Colorful account dropdown
   ========================================================= */
.admin-profile-menu {
  --ak-profile-blue: #3b82f6;
  --ak-profile-violet: #8b5cf6;
  --ak-profile-cyan: #06b6d4;
  --ak-profile-rose: #f43f5e;
  width: 232px;
  padding: 8px !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--admin-primary) 18%, var(--admin-border));
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--ak-profile-violet) 10%, transparent), transparent 34%),
    var(--admin-surface);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
}

.admin-profile-menu-header {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 11px;
  background:
    radial-gradient(circle at 90% 0, rgba(255,255,255,.14), transparent 34%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--admin-sidebar-bg) 82%, #8b5cf6),
      color-mix(in srgb, var(--admin-sidebar-bg) 86%, #2563eb));
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.admin-profile-menu-header .fw-bold { color:#fff !important; }
.admin-profile-menu-email {
  margin-top: 2px;
  color: rgba(255,255,255,.72) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-profile-menu-avatar {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.20);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

.admin-profile-menu-item {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0;
  padding: 8px 10px;
  border-radius: 10px;
  font-weight: 650;
  transition: background-color .14s ease, color .14s ease, transform .14s ease;
}

.admin-profile-menu-item > i {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  margin: 0 !important;
  border-radius: 9px;
  font-size: .82rem;
  transition: transform .14s ease;
}

.admin-profile-menu-profile > i {
  color: var(--ak-profile-blue);
  background: color-mix(in srgb, var(--ak-profile-blue) 13%, transparent);
}
.admin-profile-menu-settings > i {
  color: var(--ak-profile-violet);
  background: color-mix(in srgb, var(--ak-profile-violet) 13%, transparent);
}
.admin-profile-menu-activity > i {
  color: var(--ak-profile-cyan);
  background: color-mix(in srgb, var(--ak-profile-cyan) 13%, transparent);
}
.admin-profile-menu-logout,
.admin-profile-menu-logout:hover,
.admin-profile-menu-logout:focus {
  color: var(--ak-profile-rose) !important;
}
.admin-profile-menu-logout > i {
  color: var(--ak-profile-rose);
  background: color-mix(in srgb, var(--ak-profile-rose) 13%, transparent);
}

.admin-profile-menu-profile:hover,
.admin-profile-menu-profile:focus {
  color: var(--ak-profile-blue);
  background: color-mix(in srgb, var(--ak-profile-blue) 9%, var(--admin-surface));
}
.admin-profile-menu-settings:hover,
.admin-profile-menu-settings:focus {
  color: var(--ak-profile-violet);
  background: color-mix(in srgb, var(--ak-profile-violet) 9%, var(--admin-surface));
}
.admin-profile-menu-activity:hover,
.admin-profile-menu-activity:focus {
  color: var(--ak-profile-cyan);
  background: color-mix(in srgb, var(--ak-profile-cyan) 9%, var(--admin-surface));
}
.admin-profile-menu-logout:hover,
.admin-profile-menu-logout:focus {
  background: color-mix(in srgb, var(--ak-profile-rose) 9%, var(--admin-surface));
}

.admin-profile-menu-item:hover > i,
.admin-profile-menu-item:focus > i { transform: scale(1.06); }

.admin-profile-menu-divider {
  margin: 7px 5px;
  border-top-color: color-mix(in srgb, var(--admin-border) 78%, var(--admin-primary));
  opacity: 1;
}

html[data-bs-theme="dark"] .admin-profile-menu {
  border-color: rgba(148,163,184,.18);
  box-shadow: 0 22px 52px rgba(0,0,0,.38);
}

/* =========================================================
   v1.6.7 — Colorful sidebar brand header
   ========================================================= */
.admin-sidebar-brand-wrap {
  background:
    radial-gradient(circle at 8% -12%, rgba(255, 78, 205, .72) 0, rgba(255, 78, 205, .18) 28%, transparent 48%),
    radial-gradient(circle at 92% 12%, rgba(31, 170, 255, .58) 0, rgba(31, 170, 255, .12) 30%, transparent 52%),
    linear-gradient(135deg, #8b175f 0%, #6d1a78 38%, #4932a4 70%, #186fb5 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -14px 28px rgba(43, 12, 58, .16);
}

.admin-sidebar-brand-wrap .admin-brand {
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.admin-sidebar-brand-wrap .admin-brand::before {
  content: "";
  position: absolute;
  inset: 10px 12px;
  z-index: -1;
  border-radius: 18px;
  background: linear-gradient(115deg, rgba(255,255,255,.08), rgba(255,255,255,.015) 48%, rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.08);
  opacity: .72;
  pointer-events: none;
}

.admin-sidebar-brand-wrap .admin-brand-mark {
  border: 2px solid transparent;
  background:
    linear-gradient(145deg, #ffffff 0%, #f5f2ff 100%) padding-box,
    linear-gradient(135deg, #ff4bb8 0%, #9d58ff 45%, #1fc8ff 100%) border-box;
  color: #f2ad00;
  box-shadow:
    0 10px 24px rgba(44, 17, 83, .30),
    0 0 0 4px rgba(255,255,255,.055),
    0 0 22px rgba(102, 77, 255, .24),
    0 0 28px rgba(255, 65, 175, .16);
}

.admin-sidebar-brand-wrap .admin-brand-title {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(29, 15, 56, .30);
}

.admin-sidebar-brand-wrap .admin-brand-subtitle {
  color: #eadfff;
  font-weight: 600;
  text-shadow: 0 1px 5px rgba(28, 15, 52, .22);
}

.admin-sidebar-brand-wrap::after {
  bottom: -1px;
  height: 2px;
  border: 0 !important;
  background: linear-gradient(90deg, #ff4bb8 0%, #ff47a8 28%, #9d58ff 62%, #1fc8ff 100%);
  box-shadow: 0 0 12px rgba(255, 70, 172, .36);
}

body.sidebar-collapsed .admin-sidebar-brand-wrap .admin-brand::before {
  inset: 7px;
  border-radius: 14px;
}

body.sidebar-collapsed .admin-sidebar-brand-wrap .admin-brand-mark {
  box-shadow:
    0 7px 18px rgba(44,17,83,.28),
    0 0 0 3px rgba(255,255,255,.05),
    0 0 18px rgba(99,77,255,.22);
}

html[data-bs-theme="dark"] .admin-sidebar-brand-wrap {
  background:
    radial-gradient(circle at 8% -12%, rgba(255, 64, 188, .58) 0, rgba(255, 64, 188, .13) 30%, transparent 50%),
    radial-gradient(circle at 94% 8%, rgba(30, 168, 255, .46) 0, rgba(30, 168, 255, .10) 30%, transparent 52%),
    linear-gradient(135deg, #6f164f 0%, #581867 38%, #352879 70%, #145887 100%);
}