:root.md-console-page {
  color-scheme: dark;
  --mdc-bg: #101a35;
  --mdc-panel: rgba(24, 40, 77, .9);
  --mdc-panel-strong: #1c3261;
  --mdc-panel-soft: rgba(123, 173, 255, .09);
  --mdc-line: rgba(157, 194, 255, .18);
  --mdc-line-strong: rgba(91, 240, 211, .38);
  --mdc-text: #f1edff;
  --mdc-soft: #c2c9e8;
  --mdc-muted: #8f9ac4;
  --mdc-cyan: #63f1d5;
  --mdc-cyan-deep: #28cfb6;
  --mdc-violet: #b497ff;
  --mdc-danger: #ff8b9d;
}

.md-console-page body {
  min-width: 320px;
  background: var(--mdc-bg) !important;
  color: var(--mdc-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.md-console-page body::before {
  position: fixed;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 4%, rgba(127, 92, 255, .28), transparent 31%),
    radial-gradient(circle at 92% 15%, rgba(38, 210, 184, .2), transparent 26%),
    linear-gradient(rgba(154, 190, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(154, 190, 255, .045) 1px, transparent 1px);
  background-size: auto, auto, 72px 72px, 72px 72px;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 88%);
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.md-console-page #app > .min-h-screen {
  position: relative;
  background: transparent !important;
}

.md-console-page .bg-mesh-gradient {
  opacity: .22;
  background: radial-gradient(circle at 68% 8%, rgba(92, 240, 212, .16), transparent 30%) !important;
}

/* Sidebar */
.md-console-page .sidebar {
  border-right: 1px solid var(--mdc-line) !important;
  background: linear-gradient(180deg, rgba(25, 39, 77, .98), rgba(13, 25, 55, .98)) !important;
  box-shadow: 18px 0 54px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(24px) saturate(135%);
}

.md-console-page .sidebar-header {
  min-height: 76px;
  border-bottom: 1px solid var(--mdc-line);
}

.md-console-page .sidebar-logo {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(159, 135, 255, .35);
  border-radius: 13px !important;
  background: rgba(159, 135, 255, .09);
  box-shadow: 0 12px 30px rgba(103, 75, 219, .24) !important;
}

.md-console-page .sidebar-brand-title {
  color: var(--mdc-text) !important;
  font-weight: 760 !important;
  letter-spacing: -.035em;
}

.md-console-page .sidebar-nav {
  padding: 18px 12px !important;
}

.md-console-page .sidebar-link {
  min-height: 42px;
  gap: 12px !important;
  border: 1px solid transparent;
  border-radius: 12px !important;
  color: #8f98aa !important;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease !important;
}

.md-console-page .sidebar-link:hover {
  color: var(--mdc-text) !important;
  border-color: rgba(255, 255, 255, .055);
  background: rgba(108, 159, 235, .12) !important;
  transform: translateX(2px);
}

.md-console-page .sidebar-link-active {
  position: relative;
  color: #eafffb !important;
  border-color: rgba(92, 240, 212, .2) !important;
  background: linear-gradient(90deg, rgba(52, 218, 189, .15), rgba(126, 92, 234, .08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.md-console-page .sidebar-link-active::before {
  position: absolute;
  left: -1px;
  width: 3px;
  height: 20px;
  border-radius: 0 4px 4px 0;
  content: "";
  background: var(--mdc-cyan);
  box-shadow: 0 0 16px rgba(92, 240, 212, .65);
}

.md-console-page .sidebar-link-active svg {
  color: var(--mdc-cyan) !important;
}

.md-console-page .sidebar-section-title {
  color: #566071 !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: .16em;
}

.md-console-page .sidebar > .mt-auto {
  border-color: var(--mdc-line) !important;
  background: rgba(37, 68, 124, .18);
}

/* Header */
.md-console-page header.glass {
  border-color: var(--mdc-line) !important;
  background: rgba(19, 34, 68, .82) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
  backdrop-filter: blur(22px) saturate(140%) !important;
}

.md-console-page header h1,
.md-console-page header .text-gray-900 {
  color: var(--mdc-text) !important;
}

.md-console-page header p,
.md-console-page header .text-gray-500,
.md-console-page header .text-gray-600 {
  color: var(--mdc-muted) !important;
}

.md-console-page header a:hover,
.md-console-page header button:hover {
  color: var(--mdc-text) !important;
  background: rgba(255, 255, 255, .05) !important;
}

.md-console-page header .bg-primary-50 {
  border: 1px solid rgba(92, 240, 212, .16);
  color: var(--mdc-cyan) !important;
  background: rgba(92, 240, 212, .07) !important;
}

/* Main canvas and reusable controls */
.md-console-page main {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  padding: clamp(18px, 2.2vw, 34px) !important;
}

.md-console-page main h1,
.md-console-page main h2,
.md-console-page main h3,
.md-console-page main h4,
.md-console-page main .text-gray-900,
.md-console-page main .dark\:text-white {
  color: var(--mdc-text) !important;
}

.md-console-page main p,
.md-console-page main .text-gray-500,
.md-console-page main .text-gray-600,
.md-console-page main .text-gray-700 {
  color: var(--mdc-soft) !important;
}

.md-console-page .card,
.md-console-page .card-glass,
.md-console-page .dropdown,
.md-console-page main [role="dialog"] > div {
  border: 1px solid var(--mdc-line) !important;
  background: linear-gradient(145deg, rgba(31, 52, 99, .95), rgba(18, 37, 76, .94)) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
  backdrop-filter: blur(18px) saturate(125%);
}

.md-console-page .card {
  border-radius: 18px !important;
}

.md-console-page .card-hover:hover {
  border-color: var(--mdc-line-strong) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .24), 0 0 0 1px rgba(92, 240, 212, .035) !important;
  transform: translateY(-2px);
}

/* Normalize light utility classes used by tables, filters, drawers and forms. */
.md-console-page .bg-white,
.md-console-page .bg-gray-50,
.md-console-page .bg-gray-100,
.md-console-page .bg-gray-200,
.md-console-page [class*="bg-white/"],
.md-console-page [class*="bg-gray-50"],
.md-console-page [class*="bg-gray-100"],
.md-console-page [class*="bg-gray-200"] {
  border-color: var(--mdc-line) !important;
  background: linear-gradient(145deg, rgba(31, 52, 99, .94), rgba(18, 37, 76, .94)) !important;
  color: var(--mdc-text) !important;
}

.md-console-page .text-gray-900,
.md-console-page .text-gray-800,
.md-console-page .text-gray-700,
.md-console-page .text-gray-600,
.md-console-page .text-gray-500,
.md-console-page .text-gray-400,
.md-console-page .text-gray-300,
.md-console-page .text-gray-200 {
  color: var(--mdc-soft) !important;
}

.md-console-page .text-gray-900,
.md-console-page .text-gray-800,
.md-console-page th,
.md-console-page thead {
  color: var(--mdc-text) !important;
}

.md-console-page .hover\:bg-gray-50:hover,
.md-console-page .hover\:bg-gray-100:hover,
.md-console-page tbody tr:hover {
  background: rgba(92, 240, 212, .075) !important;
}

.md-console-page .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
.md-console-page .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
.md-console-page .border-gray-100,
.md-console-page .border-gray-200,
.md-console-page .border-gray-300 {
  border-color: var(--mdc-line) !important;
}

.md-console-page table tbody tr {
  background: rgba(24, 40, 77, .72) !important;
}

.md-console-page table tbody tr:nth-child(even) {
  background: rgba(29, 49, 94, .84) !important;
}

/* Sticky table columns and action cells may carry their own light utility class. */
.md-console-page table,
.md-console-page table thead,
.md-console-page table tbody,
.md-console-page table tr,
.md-console-page table th,
.md-console-page table td,
.md-console-page table [role="row"],
.md-console-page table [role="columnheader"],
.md-console-page table [role="cell"] {
  color: var(--mdc-soft) !important;
  background-color: rgba(24, 40, 77, .92) !important;
}

.md-console-page table thead th,
.md-console-page table [role="columnheader"] {
  color: var(--mdc-text) !important;
  background: linear-gradient(180deg, rgba(42, 73, 136, .96), rgba(30, 55, 108, .96)) !important;
}

.md-console-page table tbody tr:nth-child(even) td,
.md-console-page table tbody tr:nth-child(even) [role="cell"] {
  background-color: rgba(29, 49, 94, .96) !important;
}

.md-console-page table tbody td:first-child,
.md-console-page table tbody td:last-child,
.md-console-page table tbody [role="cell"]:first-child,
.md-console-page table tbody [role="cell"]:last-child {
  background-color: rgba(24, 40, 77, .98) !important;
}

.md-console-page table a,
.md-console-page table button,
.md-console-page table span,
.md-console-page table p {
  color: inherit;
}

.md-console-page .md-user-avatar {
  display: inline-grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(111, 244, 220, .36) !important;
  border-radius: 50% !important;
  color: #052b28 !important;
  background: linear-gradient(135deg, #9cf9e8, #54d8cb) !important;
  box-shadow: 0 8px 20px rgba(55, 218, 194, .18);
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .02em;
  line-height: 1 !important;
}

.md-console-page table tbody td:nth-child(2) > div {
  min-width: 0;
  color: var(--mdc-text) !important;
}

.md-console-page table tbody td:nth-child(2) > div > span:last-child {
  overflow: hidden;
  color: var(--mdc-text) !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Settings navigation and warning cards */
.md-console-page .settings-tabs-shell {
  padding: 8px !important;
  border: 1px solid rgba(129, 157, 236, .22) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(30, 49, 98, .92), rgba(20, 76, 89, .88)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.md-console-page .settings-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.md-console-page .settings-tab {
  min-height: 46px;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  color: #bdc9ea !important;
  background: transparent !important;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.md-console-page .settings-tab:hover {
  color: #f1edff !important;
  border-color: rgba(92, 240, 212, .2) !important;
  background: rgba(92, 240, 212, .08) !important;
  transform: translateY(-1px);
}

.md-console-page .settings-tab[aria-selected="true"] {
  color: #062b28 !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #8cf7e2, #4bd7c1) !important;
  box-shadow: 0 10px 24px rgba(55, 218, 194, .18);
}

.md-console-page .settings-tab[aria-selected="true"] .settings-tab-icon,
.md-console-page .settings-tab[aria-selected="true"] .settings-tab-label {
  color: #062b28 !important;
}

.md-console-page .border-amber-200,
.md-console-page .border-amber-800,
.md-console-page .bg-amber-50,
.md-console-page [class*="bg-amber-50/"],
.md-console-page .bg-amber-900\/20 {
  border-color: rgba(255, 196, 92, .28) !important;
  background: linear-gradient(135deg, rgba(95, 70, 42, .84), rgba(73, 57, 45, .72)) !important;
}

.md-console-page .text-amber-700,
.md-console-page .text-amber-300 {
  color: #ffe2a5 !important;
}

/* High-contrast controls used by audit logs and filter panels. */
.md-console-page label,
.md-console-page .input-label,
.md-console-page form label,
.md-console-page [class*="text-gray-400"],
.md-console-page [class*="text-gray-500"],
.md-console-page [class*="text-gray-600"],
.md-console-page [class*="text-dark-400"],
.md-console-page [class*="text-dark-500"],
.md-console-page [class*="text-dark-600"] {
  color: #bdc9ea !important;
}

.md-console-page select,
.md-console-page .select,
.md-console-page [role="combobox"] {
  min-height: 44px;
  border: 1px solid rgba(142, 179, 255, .28) !important;
  border-radius: 12px !important;
  color: #f1edff !important;
  background: linear-gradient(145deg, rgba(44, 72, 135, .98), rgba(28, 53, 103, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 20px rgba(0, 0, 0, .12) !important;
}

.md-console-page select:focus,
.md-console-page [role="combobox"]:focus {
  border-color: rgba(92, 240, 212, .62) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(92, 240, 212, .12) !important;
}

.md-console-page select option {
  color: #f1edff !important;
  background: #203967 !important;
}

.md-console-page input,
.md-console-page textarea {
  color: #f1edff !important;
}

.md-console-page input::placeholder,
.md-console-page textarea::placeholder {
  color: #9eadd2 !important;
  opacity: 1 !important;
}

.md-console-page .input,
.md-console-page input:not([type="checkbox"]):not([type="radio"]),
.md-console-page textarea,
.md-console-page select {
  border-color: rgba(255, 255, 255, .11) !important;
  color: var(--mdc-text) !important;
  background: rgba(102, 152, 228, .11) !important;
  box-shadow: none !important;
}

.md-console-page input::placeholder,
.md-console-page textarea::placeholder {
  color: #586173 !important;
}

.md-console-page .input:focus,
.md-console-page input:focus,
.md-console-page textarea:focus,
.md-console-page select:focus {
  border-color: rgba(92, 240, 212, .55) !important;
  box-shadow: 0 0 0 3px rgba(92, 240, 212, .075) !important;
}

.md-console-page .btn-primary {
  border-color: transparent !important;
  color: #06231e !important;
  background: linear-gradient(135deg, #72f4dc, #30cfb6) !important;
  box-shadow: 0 12px 28px rgba(48, 207, 182, .14) !important;
  font-weight: 750 !important;
}

.md-console-page .btn-primary:hover {
  color: #031b17 !important;
  background: linear-gradient(135deg, #8cf8e4, #48dec5) !important;
  transform: translateY(-1px);
}

.md-console-page .btn-secondary,
.md-console-page .btn-ghost,
.md-console-page button[class*="border-gray"] {
  border-color: rgba(255, 255, 255, .1) !important;
  color: var(--mdc-soft) !important;
  background: rgba(102, 152, 228, .11) !important;
}

.md-console-page .btn-secondary:hover,
.md-console-page .btn-ghost:hover {
  color: var(--mdc-text) !important;
  border-color: rgba(92, 240, 212, .25) !important;
  background: rgba(92, 240, 212, .065) !important;
}

.md-console-page table {
  border-color: var(--mdc-line) !important;
  color: var(--mdc-soft) !important;
}

.md-console-page thead,
.md-console-page th {
  color: #8993a5 !important;
  background: rgba(103, 154, 233, .08) !important;
}

.md-console-page tr,
.md-console-page td,
.md-console-page th {
  border-color: var(--mdc-line) !important;
}

.md-console-page tbody tr:hover {
  background: rgba(92, 240, 212, .028) !important;
}

.md-console-page .dropdown {
  color: var(--mdc-soft) !important;
}

.md-console-page .dropdown-item {
  color: var(--mdc-soft) !important;
}

.md-console-page .dropdown-item:hover {
  color: var(--mdc-text) !important;
  background: rgba(92, 240, 212, .065) !important;
}

.md-console-page .border-gray-100,
.md-console-page .border-gray-200,
.md-console-page .dark\:border-dark-700,
.md-console-page .dark\:border-dark-800 {
  border-color: var(--mdc-line) !important;
}

/* Dashboard */
.md-console-page .md-console-hero {
  position: relative;
  display: grid;
  min-height: 220px;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
  gap: 30px;
  align-items: end;
  padding: clamp(25px, 3.5vw, 48px);
  overflow: hidden;
  border: 1px solid rgba(159, 135, 255, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 10%, rgba(92, 240, 212, .18), transparent 32%),
    radial-gradient(circle at 8% 85%, rgba(159, 135, 255, .2), transparent 38%),
    linear-gradient(120deg, rgba(45, 36, 99, .98), rgba(12, 75, 91, .96));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.md-console-page .md-console-hero::before {
  position: absolute;
  top: -120px;
  right: -60px;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(92, 240, 212, .1);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 58px rgba(92, 240, 212, .018), 0 0 0 116px rgba(159, 135, 255, .014);
}

.md-console-page .md-console-hero-copy,
.md-console-page .md-console-hero-actions {
  position: relative;
  z-index: 1;
}

.md-console-page .md-console-kicker {
  margin: 0 0 13px;
  color: var(--mdc-cyan) !important;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .2em;
}

.md-console-page .md-console-hero h2 {
  margin: 0;
  color: var(--mdc-text) !important;
  font-size: clamp(30px, 3.2vw, 48px);
  font-weight: 790;
  letter-spacing: -.055em;
  line-height: 1.08;
}

.md-console-page .md-console-hero h2 span {
  color: transparent;
  background: linear-gradient(92deg, #ffffff, #77eed7 58%, #ae98ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.md-console-page .md-console-hero-copy > p:last-child {
  max-width: 690px;
  margin: 18px 0 0;
  color: #8f99aa !important;
  font-size: 13px;
  line-height: 1.8;
}

.md-console-page .md-console-hero-actions {
  display: grid;
  gap: 10px;
  justify-self: end;
  width: min(100%, 310px);
}

.md-console-page .md-console-hero-button {
  display: grid;
  min-height: 57px;
  grid-template-columns: 38px 1fr 24px;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  color: var(--mdc-text);
  background: rgba(98, 179, 205, .16);
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.md-console-page .md-console-hero-button:hover {
  border-color: rgba(92, 240, 212, .32);
  background: rgba(92, 240, 212, .07);
  transform: translateX(3px);
}

.md-console-page .md-console-hero-button.primary {
  color: #06221d;
  border-color: transparent;
  background: linear-gradient(135deg, #71f1da, #32d1b7);
}

.md-console-page .md-console-hero-button.primary:hover {
  background: linear-gradient(135deg, #8af8e4, #45dec4);
}

.md-console-page .md-console-hero-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  background: rgba(25, 67, 99, .32);
  font: 760 11px ui-monospace, monospace;
}

.md-console-page .md-console-hero-button strong,
.md-console-page .md-console-hero-button small {
  display: block;
}

.md-console-page .md-console-hero-button strong {
  font-size: 13px;
}

.md-console-page .md-console-hero-button small {
  margin-top: 3px;
  color: currentColor;
  font-size: 9px;
  opacity: .65;
}

.md-console-page .md-console-hero-arrow {
  font-size: 18px;
  text-align: center;
}

.md-console-page[data-md-route="dashboard"] main > .space-y-6 > .grid .card {
  min-height: 124px;
  border-color: rgba(150, 191, 255, .18) !important;
  background: linear-gradient(145deg, rgba(31, 52, 99, .95), rgba(18, 37, 76, .94)) !important;
}

.md-console-page[data-md-route="dashboard"] main > .space-y-6 > .grid .card:hover {
  border-color: rgba(92, 240, 212, .22) !important;
  transform: translateY(-2px);
}

.md-console-page .md-dashboard-fallback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 190, 92, .2);
  border-radius: 16px;
  color: #d9c8a3;
  background: linear-gradient(100deg, rgba(111, 69, 151, .3), rgba(132, 87, 47, .22));
}

.md-console-page .md-dashboard-fallback strong,
.md-console-page .md-dashboard-fallback small {
  display: block;
}

.md-console-page .md-dashboard-fallback small {
  margin-top: 4px;
  color: #8f8674;
}

.md-console-page .md-dashboard-fallback button {
  min-width: 94px;
  min-height: 38px;
  border: 1px solid rgba(255, 190, 92, .25);
  border-radius: 10px;
  color: #f4dfb5;
  background: rgba(255, 190, 92, .08);
}

/* Model plaza */
.md-console-page .md-model-plaza-hero {
  position: relative;
  display: flex;
  min-height: 190px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 20px;
  padding: 30px 34px;
  overflow: hidden;
  border: 1px solid rgba(159, 135, 255, .23);
  border-radius: 22px;
  background:
    radial-gradient(circle at 87% 32%, rgba(92, 240, 212, .17), transparent 26%),
    radial-gradient(circle at 18% 90%, rgba(159, 135, 255, .18), transparent 32%),
    linear-gradient(120deg, rgba(17, 19, 37, .98), rgba(8, 18, 24, .96));
  box-shadow: 0 24px 65px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.md-console-page .md-model-plaza-hero h2 {
  margin: 0;
  color: var(--mdc-text) !important;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 790;
  letter-spacing: -.055em;
  line-height: 1.08;
}

.md-console-page .md-model-plaza-hero h2 span {
  color: transparent;
  background: linear-gradient(92deg, #ffffff, #79efd8 55%, #ad97ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.md-console-page .md-model-plaza-hero p:last-child {
  max-width: 550px;
  margin: 15px 0 0;
  color: #8d98aa !important;
  font-size: 12px;
  line-height: 1.8;
}

.md-console-page .md-model-plaza-orbit {
  position: relative;
  display: grid;
  width: 150px;
  height: 150px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(92, 240, 212, .22);
  border-radius: 50%;
  color: var(--mdc-cyan);
  background: radial-gradient(circle, rgba(92, 240, 212, .12), rgba(159, 135, 255, .05) 58%, transparent 59%);
  box-shadow: 0 0 0 18px rgba(92, 240, 212, .025), 0 0 0 38px rgba(159, 135, 255, .018);
  font: 800 16px ui-monospace, monospace;
}

.md-console-page .md-model-plaza-orbit::before,
.md-console-page .md-model-plaza-orbit::after {
  position: absolute;
  border: 1px dashed rgba(159, 135, 255, .25);
  border-radius: 50%;
  content: "";
}

.md-console-page .md-model-plaza-orbit::before {
  width: 104px;
  height: 104px;
}

.md-console-page .md-model-plaza-orbit::after {
  width: 186px;
  height: 70px;
  transform: rotate(-28deg);
}

.md-console-page .md-model-plaza-orbit i,
.md-console-page .md-model-plaza-orbit b,
.md-console-page .md-model-plaza-orbit em {
  position: absolute;
  color: var(--mdc-soft);
  font-size: 8px;
  font-style: normal;
  letter-spacing: .12em;
}

.md-console-page .md-model-plaza-orbit i { top: 18px; right: 17px; color: var(--mdc-cyan); }
.md-console-page .md-model-plaza-orbit b { bottom: 22px; left: 12px; color: var(--mdc-violet); }
.md-console-page .md-model-plaza-orbit em { right: 4px; bottom: 42px; }

.md-console-page .md-model-plaza-shell {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--mdc-line);
  border-radius: 18px;
  background: rgba(28, 53, 101, .82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.md-console-page .md-model-plaza-shell > * {
  min-width: 0;
}

.md-console-page .md-model-plaza-shell button {
  border-color: rgba(255, 255, 255, .11) !important;
  color: var(--mdc-soft) !important;
  background: rgba(103, 154, 233, .1) !important;
}

.md-console-page .md-model-plaza-shell button:hover {
  border-color: rgba(92, 240, 212, .28) !important;
  color: var(--mdc-text) !important;
  background: rgba(92, 240, 212, .075) !important;
}

.md-console-page .md-model-plaza-shell input {
  min-height: 42px;
}

.md-console-page .md-model-plaza-shell + * {
  margin-top: 18px;
}

/* Announcement dialog */
.md-console-page .md-announcement-overlay {
  background: rgba(11, 25, 57, .78) !important;
  backdrop-filter: blur(18px) saturate(130%);
}

.md-console-page .md-announcement-overlay > div {
  width: min(620px, 100%) !important;
  overflow: hidden;
  border: 1px solid rgba(159, 135, 255, .25) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(42, 37, 95, .98), rgba(16, 53, 84, .98)) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.md-console-page .md-announcement-overlay > div > div:first-child {
  padding: 20px 22px !important;
  border-bottom: 1px solid var(--mdc-line) !important;
  background: linear-gradient(90deg, rgba(159, 135, 255, .12), rgba(92, 240, 212, .05), transparent);
}

.md-console-page .md-announcement-overlay h2 {
  color: var(--mdc-text) !important;
  font-size: 19px !important;
  letter-spacing: -.03em;
}

.md-console-page .md-announcement-overlay h2 + p {
  color: var(--mdc-cyan) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.md-console-page .md-announcement-overlay button {
  border-color: rgba(255, 255, 255, .1) !important;
  color: var(--mdc-soft) !important;
  background: rgba(103, 154, 233, .11) !important;
}

.md-console-page .md-announcement-overlay button:hover {
  color: var(--mdc-text) !important;
  border-color: rgba(92, 240, 212, .25) !important;
  background: rgba(92, 240, 212, .075) !important;
}

.md-console-page .md-announcement-overlay > div > div:last-child {
  max-height: min(60vh, 540px);
  padding: 12px !important;
  overflow-y: auto;
}

.md-console-page .md-announcement-overlay > div > div:last-child > div {
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 15px !important;
  background: rgba(103, 154, 233, .1) !important;
}

.md-console-page .md-announcement-overlay h3 {
  color: var(--mdc-text) !important;
  font-size: 15px !important;
}

.md-console-page .md-announcement-overlay time,
.md-console-page .md-announcement-overlay .text-gray-500 {
  color: var(--mdc-muted) !important;
}

/* Mobile */
@media (max-width: 960px) {
  .md-console-page .md-console-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .md-console-page .md-console-hero-actions {
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-self: stretch;
  }
}

@media (max-width: 640px) {
  .md-console-page main {
    padding: 14px !important;
  }

  .md-console-page .md-console-hero {
    min-height: 0;
    gap: 24px;
    padding: 24px 20px;
    border-radius: 19px;
  }

  .md-console-page .md-console-hero-actions {
    grid-template-columns: 1fr;
  }

  .md-console-page .md-console-hero-copy > p:last-child {
    font-size: 12px;
  }

  .md-console-page .md-dashboard-fallback {
    align-items: flex-start;
    flex-direction: column;
  }

  .md-console-page .md-model-plaza-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 24px 20px;
  }

  .md-console-page .md-model-plaza-orbit {
    width: 112px;
    height: 112px;
    align-self: flex-end;
  }

  .md-console-page .md-model-plaza-shell {
    grid-template-columns: 1fr 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-console-page *,
  .md-console-page *::before,
  .md-console-page *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

.md-console-permission-notice,
.md-console-data-notice {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 120;
  display: flex;
  min-width: min(360px, calc(100vw - 28px));
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(92, 240, 212, .28);
  border-radius: 14px;
  color: var(--mdc-text);
  background: linear-gradient(135deg, rgba(40, 58, 117, .97), rgba(20, 85, 94, .97));
  box-shadow: 0 18px 46px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(18px) saturate(140%);
}

.md-console-permission-notice strong,
.md-console-permission-notice small,
.md-console-data-notice strong,
.md-console-data-notice small {
  display: block;
}

.md-console-permission-notice strong,
.md-console-data-notice strong {
  color: #edfffb;
  font-size: 13px;
}

.md-console-permission-notice small,
.md-console-data-notice small {
  margin-top: 4px;
  color: #b7d7d8;
  font-size: 11px;
  line-height: 1.5;
}

.md-console-permission-notice button,
.md-console-data-notice button {
  flex: 0 0 auto;
  min-width: 54px;
  min-height: 32px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 9px;
  color: #eafffb;
  background: rgba(255, 255, 255, .08);
  cursor: pointer;
}

.md-console-permission-notice button:hover,
.md-console-data-notice button:hover {
  border-color: rgba(92, 240, 212, .42);
  background: rgba(92, 240, 212, .12);
}

@media (max-width: 640px) {
  .md-console-permission-notice,
  .md-console-data-notice {
    right: 14px;
    bottom: 14px;
    left: 14px;
    min-width: 0;
  }
}

/* Consistent dark controls, status chips and native selectors. */
.md-console-page .select-trigger,
.md-console-page .date-picker-trigger {
  min-height: 44px;
  border: 1px solid rgba(142, 179, 255, .28) !important;
  border-radius: 12px !important;
  color: #f1edff !important;
  background: linear-gradient(145deg, rgba(44, 72, 135, .98), rgba(28, 53, 103, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 20px rgba(0, 0, 0, .12) !important;
}

.md-console-page .select-trigger:hover,
.md-console-page .date-picker-trigger:hover,
.md-console-page .select-trigger-open,
.md-console-page .date-picker-trigger-open {
  border-color: rgba(92, 240, 212, .62) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(53, 87, 156, .99), rgba(29, 67, 119, .99)) !important;
  box-shadow: 0 0 0 3px rgba(92, 240, 212, .12), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.md-console-page .select-value,
.md-console-page .date-picker-value,
.md-console-page .select-icon,
.md-console-page .date-picker-icon,
.md-console-page .date-picker-chevron {
  color: inherit !important;
}

.md-console-page .select-dropdown-portal,
.md-console-page .date-picker-dropdown {
  border: 1px solid rgba(142, 179, 255, .34) !important;
  border-radius: 14px !important;
  color: #f1edff !important;
  background: linear-gradient(145deg, rgba(29, 52, 103, .99), rgba(16, 34, 72, .99)) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  color-scheme: dark;
}

.md-console-page .select-dropdown-portal .select-search,
.md-console-page .date-picker-divider {
  border-color: rgba(157, 194, 255, .18) !important;
}

.md-console-page .select-dropdown-portal .select-search-input,
.md-console-page .select-dropdown-portal .select-option,
.md-console-page .select-dropdown-portal .select-option-label,
.md-console-page .select-dropdown-portal .select-empty {
  color: #dbe4ff !important;
}

.md-console-page .select-dropdown-portal .select-option:hover,
.md-console-page .select-dropdown-portal .select-option-focused {
  background: rgba(92, 240, 212, .12) !important;
  color: #ffffff !important;
}

.md-console-page .select-dropdown-portal .select-option-selected {
  background: rgba(92, 240, 212, .18) !important;
  color: #bffcf0 !important;
}

.md-console-page .select-dropdown-portal .select-option-group {
  background: rgba(103, 154, 233, .12) !important;
  color: #aebef0 !important;
}

.md-console-page .date-picker-presets,
.md-console-page .date-picker-custom,
.md-console-page .date-picker-actions {
  background: transparent !important;
}

.md-console-page .date-picker-preset {
  color: #cbd6f4 !important;
}

.md-console-page .date-picker-preset:hover {
  color: #ffffff !important;
  background: rgba(92, 240, 212, .12) !important;
}

.md-console-page .date-picker-preset-active {
  color: #062b28 !important;
  background: linear-gradient(135deg, #8cf7e2, #4bd7c1) !important;
}

.md-console-page .date-picker-label {
  color: #b9c8ed !important;
}

.md-console-page .date-picker-input,
.md-console-page input[type="date"],
.md-console-page input[type="datetime-local"] {
  border-color: rgba(142, 179, 255, .28) !important;
  color: #f1edff !important;
  background: rgba(102, 152, 228, .14) !important;
  color-scheme: dark;
}

.md-console-page .date-picker-apply {
  color: #062b28 !important;
  background: linear-gradient(135deg, #8cf7e2, #4bd7c1) !important;
}

.md-console-page select,
.md-console-page select.input {
  appearance: auto;
  -webkit-appearance: auto;
  min-height: 44px;
  border-color: rgba(142, 179, 255, .32) !important;
  border-radius: 12px !important;
  color: #f1edff !important;
  background-color: #203967 !important;
  background-image: none !important;
  color-scheme: dark;
}

.md-console-page select option,
.md-console-page select optgroup {
  color: #f1edff !important;
  background: #203967 !important;
}

.md-console-page select option:checked,
.md-console-page select option:hover {
  color: #062b28 !important;
  background: #8cf7e2 !important;
}

.md-console-page input[type="checkbox"],
.md-console-page input[type="radio"] {
  width: 17px;
  height: 17px;
  accent-color: #55dfc7;
  color-scheme: dark;
}

/* Redeem/status chips: keep semantic colors, remove the pasted-on white pills. */
.md-console-page .badge,
.md-console-page [class~="badge-success"],
.md-console-page [class~="badge-warning"],
.md-console-page [class~="badge-danger"],
.md-console-page [class~="badge-primary"],
.md-console-page [class~="badge-gray"] {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.md-console-page .badge-success,
.md-console-page [class*="bg-emerald-100"],
.md-console-page [class*="bg-green-100"] {
  border-color: rgba(92, 240, 212, .32) !important;
  color: #bffcf0 !important;
  background: rgba(44, 183, 157, .24) !important;
}

.md-console-page .badge-warning,
.md-console-page [class*="bg-amber-100"],
.md-console-page [class*="bg-yellow-100"] {
  border-color: rgba(255, 202, 105, .34) !important;
  color: #ffe4a8 !important;
  background: rgba(167, 111, 35, .28) !important;
}

.md-console-page .badge-danger,
.md-console-page [class*="bg-red-100"],
.md-console-page [class*="bg-rose-100"] {
  border-color: rgba(255, 139, 157, .34) !important;
  color: #ffc1cd !important;
  background: rgba(167, 55, 78, .3) !important;
}

.md-console-page .badge-primary,
.md-console-page [class*="bg-blue-100"],
.md-console-page [class*="bg-sky-100"],
.md-console-page [class*="bg-indigo-100"] {
  border-color: rgba(142, 179, 255, .34) !important;
  color: #c9d8ff !important;
  background: rgba(63, 105, 188, .3) !important;
}

.md-console-page .badge-gray,
.md-console-page [class*="bg-gray-100"],
.md-console-page [class*="bg-gray-200"] {
  border-color: rgba(176, 191, 224, .24) !important;
  color: #d4dcf2 !important;
  background: rgba(92, 111, 153, .28) !important;
}

/* Prompt-audit decision chips and risk cards. */
.md-console-page [class*="bg-emerald-100"][class*="text-emerald-700"],
.md-console-page [class*="bg-emerald-950"] {
  border: 1px solid rgba(92, 240, 212, .32) !important;
  color: #bffcf0 !important;
  background: rgba(44, 183, 157, .24) !important;
}

.md-console-page [class*="bg-amber-100"][class*="text-amber-700"],
.md-console-page [class*="bg-amber-950"] {
  border: 1px solid rgba(255, 202, 105, .34) !important;
  color: #ffe4a8 !important;
  background: rgba(167, 111, 35, .28) !important;
}

.md-console-page [class*="bg-red-100"][class*="text-red-700"],
.md-console-page [class*="bg-red-950"] {
  border: 1px solid rgba(255, 139, 157, .34) !important;
  color: #ffc1cd !important;
  background: rgba(167, 55, 78, .3) !important;
}

.md-console-page [class*="bg-emerald-50"],
.md-console-page [class*="bg-emerald-900"],
.md-console-page [class*="bg-green-50"],
.md-console-page [class*="bg-green-900"] {
  border-color: rgba(92, 240, 212, .22) !important;
  background: rgba(34, 119, 105, .26) !important;
}

.md-console-page [class*="bg-amber-50"],
.md-console-page [class*="bg-amber-900"],
.md-console-page [class*="bg-yellow-50"] {
  border-color: rgba(255, 202, 105, .24) !important;
  background: rgba(122, 85, 34, .27) !important;
}

.md-console-page [class*="bg-red-50"],
.md-console-page [class*="bg-red-950"],
.md-console-page [class*="bg-rose-50"] {
  border-color: rgba(255, 139, 157, .24) !important;
  background: rgba(112, 43, 61, .28) !important;
}

.md-console-page [class*="text-emerald-700"],
.md-console-page [class*="text-emerald-300"],
.md-console-page [class*="text-green-700"],
.md-console-page [class*="text-green-300"] { color: #bffcf0 !important; }

.md-console-page [class*="text-amber-700"],
.md-console-page [class*="text-amber-300"] { color: #ffe4a8 !important; }

.md-console-page [class*="text-red-700"],
.md-console-page [class*="text-red-300"],
.md-console-page [class*="text-rose-700"],
.md-console-page [class*="text-rose-300"] { color: #ffc1cd !important; }

.md-console-page [class*="text-sky-700"],
.md-console-page [class*="text-sky-300"],
.md-console-page [class*="text-blue-700"],
.md-console-page [class*="text-blue-300"] { color: #c9d8ff !important; }

/* Final color balance: less electric blue, more neutral deep-sea blue-gray. */
:root.md-console-page {
  --mdc-bg: #0d172b;
  --mdc-panel: rgba(25, 38, 61, .94);
  --mdc-panel-strong: #223653;
  --mdc-panel-soft: rgba(104, 145, 191, .09);
  --mdc-text: #e8edf5;
  --mdc-soft: #b9c5d6;
  --mdc-muted: #8796ab;
}

.md-console-page body {
  background: var(--mdc-bg) !important;
  color: var(--mdc-text) !important;
}

.md-console-page body::before {
  background:
    radial-gradient(circle at 24% 4%, rgba(104, 82, 191, .18), transparent 31%),
    radial-gradient(circle at 92% 15%, rgba(38, 174, 157, .13), transparent 26%),
    linear-gradient(rgba(157, 184, 218, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(157, 184, 218, .035) 1px, transparent 1px);
}

.md-console-page .sidebar {
  background: linear-gradient(180deg, rgba(25, 38, 61, .99), rgba(13, 24, 43, .99)) !important;
}

.md-console-page header.glass {
  background: rgba(17, 31, 52, .9) !important;
}

.md-console-page .card,
.md-console-page .card-glass,
.md-console-page .dropdown,
.md-console-page main [role="dialog"] > div,
.md-console-page .bg-white,
.md-console-page .bg-gray-50,
.md-console-page .bg-gray-100,
.md-console-page .bg-gray-200,
.md-console-page [class*="bg-white/"],
.md-console-page [class*="bg-gray-50"],
.md-console-page [class*="bg-gray-100"],
.md-console-page [class*="bg-gray-200"] {
  background: linear-gradient(145deg, rgba(30, 46, 72, .97), rgba(19, 32, 54, .96)) !important;
}

.md-console-page table,
.md-console-page table tbody,
.md-console-page table tr,
.md-console-page table td,
.md-console-page table [role="row"],
.md-console-page table [role="cell"] {
  background-color: rgba(24, 39, 63, .94) !important;
}

.md-console-page table thead,
.md-console-page table thead th,
.md-console-page table [role="columnheader"] {
  background: linear-gradient(180deg, rgba(46, 67, 101, .98), rgba(34, 52, 82, .98)) !important;
}

.md-console-page table tbody tr:nth-child(even) td,
.md-console-page table tbody tr:nth-child(even) [role="cell"] {
  background-color: rgba(29, 46, 72, .96) !important;
}

.md-console-page .select-trigger,
.md-console-page .date-picker-trigger,
.md-console-page select,
.md-console-page select.input {
  color: #e8edf5 !important;
  border-color: rgba(145, 174, 211, .25) !important;
  background: linear-gradient(145deg, rgba(48, 69, 101, .98), rgba(31, 49, 76, .98)) !important;
}

.md-console-page .select-dropdown-portal,
.md-console-page .date-picker-dropdown {
  background: linear-gradient(145deg, rgba(29, 45, 70, .99), rgba(16, 29, 49, .99)) !important;
}

.md-console-page .md-console-hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(52, 190, 169, .12), transparent 32%),
    radial-gradient(circle at 8% 85%, rgba(110, 88, 196, .15), transparent 38%),
    linear-gradient(120deg, rgba(43, 40, 78, .98), rgba(19, 66, 76, .97));
}

.md-console-page main p,
.md-console-page main .text-gray-500,
.md-console-page main .text-gray-600,
.md-console-page main .text-gray-700,
.md-console-page label,
.md-console-page .input-label {
  color: #b9c5d6 !important;
}

/* User-management dialogs are teleported outside <main>; theme them explicitly. */
.md-console-page .modal-overlay {
  background: rgba(5, 12, 24, .76) !important;
  backdrop-filter: blur(10px) saturate(110%) !important;
}

.md-console-page .modal-content {
  border: 1px solid rgba(145, 174, 211, .24) !important;
  color: #e8edf5 !important;
  background: linear-gradient(150deg, #22334f, #17283f) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.md-console-page .modal-header,
.md-console-page .modal-footer {
  border-color: rgba(145, 174, 211, .18) !important;
  background: rgba(14, 27, 45, .3) !important;
}

.md-console-page .modal-title,
.md-console-page .modal-body h1,
.md-console-page .modal-body h2,
.md-console-page .modal-body h3,
.md-console-page .modal-body h4,
.md-console-page .modal-body .text-gray-900,
.md-console-page .modal-body .dark\:text-white {
  color: #f2f5fa !important;
}

.md-console-page .modal-body,
.md-console-page .modal-body p,
.md-console-page .modal-body label,
.md-console-page .modal-body .input-label,
.md-console-page .modal-body .input-hint {
  color: #bdc8d9 !important;
}

.md-console-page .modal-content .input,
.md-console-page .modal-content input:not([type="checkbox"]):not([type="radio"]),
.md-console-page .modal-content textarea,
.md-console-page .modal-content select {
  border: 1px solid rgba(145, 174, 211, .28) !important;
  color: #eef2f8 !important;
  background: #1c304b !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.md-console-page .modal-content input:disabled,
.md-console-page .modal-content textarea:disabled,
.md-console-page .modal-content select:disabled {
  border-color: rgba(145, 174, 211, .14) !important;
  color: #94a3b8 !important;
  background: #18283e !important;
  opacity: .86 !important;
}

.md-console-page .modal-content input::placeholder,
.md-console-page .modal-content textarea::placeholder {
  color: #8090a8 !important;
}

.md-console-page .modal-content .bg-gray-50,
.md-console-page .modal-content [class*="bg-gray-50"],
.md-console-page .modal-content .bg-white,
.md-console-page .modal-content [class*="bg-white"] {
  border-color: rgba(145, 174, 211, .18) !important;
  color: #d9e1ee !important;
  background: #243854 !important;
}

.md-console-page .modal-content button[aria-label="Close modal"] {
  color: #c5d0e0 !important;
  background: rgba(105, 132, 171, .16) !important;
}

.md-console-page .modal-content button[aria-label="Close modal"]:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .1) !important;
}

.md-console-page .modal-footer .btn-secondary {
  color: #d5deeb !important;
  background: rgba(104, 132, 171, .18) !important;
}

.md-console-page .modal-footer .bg-emerald-600,
.md-console-page .modal-footer .btn-primary {
  color: #052b26 !important;
  background: linear-gradient(135deg, #71ead3, #43cbb4) !important;
}

.md-console-page .badge-purple {
  border-color: rgba(190, 164, 255, .32) !important;
  color: #e4d8ff !important;
  background: rgba(126, 92, 190, .3) !important;
}

/* DataTable fixed columns must use the same surface as normal columns. */
.md-console-page .table-wrapper .table-header,
.md-console-page .table-wrapper .sticky-header-cell,
.md-console-page .table-wrapper .sticky-header-cell.sticky-col,
.md-console-page .table-wrapper thead,
.md-console-page .table-wrapper thead tr,
.md-console-page .table-wrapper thead th {
  color: #c5d0e0 !important;
  background: #2b405f !important;
  background-color: #2b405f !important;
}

.md-console-page .table-wrapper .table-header th:hover {
  color: #eff4fa !important;
  background: #344d70 !important;
  background-color: #344d70 !important;
}

.md-console-page .table-wrapper .table-body,
.md-console-page .table-wrapper .table-body tr,
.md-console-page .table-wrapper .table-body td,
.md-console-page .table-wrapper tbody .sticky-col {
  color: #c3cedd !important;
  background: #1a2c45 !important;
  background-color: #1a2c45 !important;
}

.md-console-page .table-wrapper .table-body tr:nth-child(even) td,
.md-console-page .table-wrapper .table-body tr:nth-child(even) .sticky-col {
  background: #20334e !important;
  background-color: #20334e !important;
}

.md-console-page .table-wrapper .table-body tr:hover td,
.md-console-page .table-wrapper .table-body tr:hover .sticky-col {
  background: #29415d !important;
  background-color: #29415d !important;
}

.md-console-page .table-wrapper > table {
  table-layout: auto;
}