/* [project]/components/ui/dialog-close-button.module.css [app-client] (css) */
button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control {
  --close-ink: #777;
  --close-line: #dedede;
  --close-surface: #fafafa;
  --close-hover-ink: #444;
  --close-hover-line: #bdbdbd;
  --close-hover-surface: #eee;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  color: var(--close-ink);
  box-shadow: none;
  font: inherit;
  cursor: pointer;
  appearance: none;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 10px;
  flex: 0 0 40px;
  place-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  transition: color .15s;
  display: inline-grid;
  position: relative;
  transform: none;
}

button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:before {
  content: "";
  border: 1px solid var(--close-line);
  background: var(--close-surface);
  pointer-events: none;
  border-radius: 8px;
  transition: background-color .15s, border-color .15s, transform .1s;
  position: absolute;
  inset: 4px;
}

button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control > svg {
  width: 20px;
  height: 20px;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  box-shadow: none;
  pointer-events: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  transform: none;
}

@media (hover: hover) {
  button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:hover:not(:disabled) {
    color: var(--close-hover-ink);
    background: none;
    transform: none;
  }

  button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:hover:not(:disabled):before {
    background: var(--close-hover-surface);
    border-color: var(--close-hover-line);
  }

  button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:hover > svg {
    background: none;
    border: 0;
    transform: none;
  }
}

button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #949494;
}

button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:active:not(:disabled):before {
  background: var(--close-hover-surface);
  transform: scale(.94);
}

button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:disabled {
  opacity: .4;
  cursor: not-allowed;
}

html[data-theme="dark"] button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control {
  --close-ink: #aaa;
  --close-line: #484848;
  --close-surface: #292929;
  --close-hover-ink: #e2e2e2;
  --close-hover-line: #707070;
  --close-hover-surface: #383838;
}

@media (prefers-reduced-motion: reduce) {
  button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control, button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:before {
    transition: none;
  }

  button.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control.dialog-close-button-module__G4nRFG__control:active:not(:disabled):before {
    transform: none;
  }
}

/* [project]/components/ui/admin-dialog-provider.module.css [app-client] (css) */
.admin-dialog-provider-module__UkOvzW__backdrop {
  z-index: 10000;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #0d0c1094;
  place-items: center;
  padding: 20px;
  animation: .19s both admin-dialog-provider-module__UkOvzW__backdrop-in;
  display: grid;
  position: fixed;
  inset: 0;
}

.admin-dialog-provider-module__UkOvzW__dialog {
  --dialog-accent: #b37800;
  --dialog-accent-soft: #fff5dc;
  --dialog-surface: #fff;
  --dialog-surface-soft: #f8f7f9;
  --dialog-line: #e5e1e8;
  --dialog-text: #211e24;
  --dialog-muted: #77717c;
  border: 1px solid var(--dialog-line);
  background: var(--dialog-surface);
  width: min(100%, 460px);
  color: var(--dialog-text);
  border-radius: 20px;
  animation: .24s cubic-bezier(.22, 1, .36, 1) both admin-dialog-provider-module__UkOvzW__dialog-in;
  overflow: hidden;
  box-shadow: 0 30px 90px #0f0c124d;
}

.admin-dialog-provider-module__UkOvzW__dialog.admin-dialog-provider-module__UkOvzW__success {
  --dialog-accent: #16845a;
  --dialog-accent-soft: #e9f8f1;
}

.admin-dialog-provider-module__UkOvzW__dialog.admin-dialog-provider-module__UkOvzW__warning {
  --dialog-accent: #b37800;
  --dialog-accent-soft: #fff4d6;
}

.admin-dialog-provider-module__UkOvzW__dialog.admin-dialog-provider-module__UkOvzW__danger {
  --dialog-accent: #d84c58;
  --dialog-accent-soft: #fff0f2;
}

.admin-dialog-provider-module__UkOvzW__dialog > header {
  border-bottom: 1px solid var(--dialog-line);
  grid-template-columns: 40px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 12px;
  min-height: 88px;
  padding: 17px 20px;
  display: grid;
}

.admin-dialog-provider-module__UkOvzW__icon {
  background: var(--dialog-accent-soft);
  width: 40px;
  height: 40px;
  color: var(--dialog-accent);
  border-radius: 12px;
  place-items: center;
  display: grid;
}

.admin-dialog-provider-module__UkOvzW__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9px;
  width: 20px;
  height: 20px;
}

.admin-dialog-provider-module__UkOvzW__dialog header small {
  color: var(--dialog-accent);
  letter-spacing: .16em;
  font-size: 9px;
  font-weight: 950;
  display: block;
}

.admin-dialog-provider-module__UkOvzW__dialog h2 {
  letter-spacing: -.035em;
  margin: 5px 0 0;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.25;
}

.admin-dialog-provider-module__UkOvzW__closeButton {
  border: 1px solid var(--dialog-line);
  width: 36px;
  height: 36px;
  color: var(--dialog-muted);
  cursor: pointer;
  background: none;
  border-radius: 11px;
  place-items: center;
  display: grid;
}

.admin-dialog-provider-module__UkOvzW__closeButton:hover {
  border-color: var(--dialog-accent);
  color: var(--dialog-accent);
}

.admin-dialog-provider-module__UkOvzW__closeButton svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 17px;
}

.admin-dialog-provider-module__UkOvzW__body {
  padding: 22px 22px 23px;
}

.admin-dialog-provider-module__UkOvzW__body p {
  white-space: pre-line;
  word-break: keep-all;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}

.admin-dialog-provider-module__UkOvzW__body span {
  color: var(--dialog-muted);
  margin-top: 13px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}

.admin-dialog-provider-module__UkOvzW__dialog > footer {
  border-top: 1px solid var(--dialog-line);
  background: var(--dialog-surface-soft);
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
  min-height: 66px;
  padding: 11px 20px;
  display: flex;
}

.admin-dialog-provider-module__UkOvzW__dialog footer button {
  cursor: pointer;
  border-radius: 10px;
  min-width: 88px;
  min-height: 40px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .15s, background-color .15s, border-color .15s;
}

.admin-dialog-provider-module__UkOvzW__dialog footer button:hover {
  transform: translateY(-1px);
}

.admin-dialog-provider-module__UkOvzW__secondaryButton {
  border: 1px solid var(--dialog-line);
  background: var(--dialog-surface);
  color: var(--dialog-text);
}

.admin-dialog-provider-module__UkOvzW__secondaryButton:hover {
  border-color: #aaa4ae;
}

.admin-dialog-provider-module__UkOvzW__primaryButton {
  color: #fff;
  background: #27232b;
  border: 1px solid #27232b;
  box-shadow: 0 8px 18px #27232b26;
}

.admin-dialog-provider-module__UkOvzW__danger .admin-dialog-provider-module__UkOvzW__primaryButton {
  color: #fff;
  background: #d84c58;
  border-color: #d84c58;
}

.admin-dialog-provider-module__UkOvzW__closing {
  animation: .19s both admin-dialog-provider-module__UkOvzW__backdrop-out;
}

.admin-dialog-provider-module__UkOvzW__closing .admin-dialog-provider-module__UkOvzW__dialog {
  animation: .19s both admin-dialog-provider-module__UkOvzW__dialog-out;
}

html[data-theme="dark"] .admin-dialog-provider-module__UkOvzW__dialog {
  --dialog-accent: #ffbd2e;
  --dialog-accent-soft: #332a14;
  --dialog-surface: #18191f;
  --dialog-surface-soft: #15161b;
  --dialog-line: #30323c;
  --dialog-text: #f5f3f6;
  --dialog-muted: #aaa5b0;
  box-shadow: 0 34px 100px #0000008c;
}

html[data-theme="dark"] .admin-dialog-provider-module__UkOvzW__dialog.admin-dialog-provider-module__UkOvzW__success {
  --dialog-accent: #55d59b;
  --dialog-accent-soft: #143126;
}

html[data-theme="dark"] .admin-dialog-provider-module__UkOvzW__dialog.admin-dialog-provider-module__UkOvzW__danger {
  --dialog-accent: #ff8d86;
  --dialog-accent-soft: #382023;
}

html[data-theme="dark"] .admin-dialog-provider-module__UkOvzW__primaryButton {
  color: #17130a;
  background: #ffbd2e;
  border-color: #ffbd2e;
  box-shadow: 0 8px 18px #da970629;
}

html[data-theme="dark"] .admin-dialog-provider-module__UkOvzW__danger .admin-dialog-provider-module__UkOvzW__primaryButton {
  color: #fff;
  background: #e55260;
  border-color: #e55260;
}

@keyframes admin-dialog-provider-module__UkOvzW__backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes admin-dialog-provider-module__UkOvzW__backdrop-out {
  to {
    opacity: 0;
  }
}

@keyframes admin-dialog-provider-module__UkOvzW__dialog-in {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes admin-dialog-provider-module__UkOvzW__dialog-out {
  to {
    opacity: 0;
    transform: translateY(8px)scale(.98);
  }
}

@media (max-width: 560px) {
  .admin-dialog-provider-module__UkOvzW__backdrop {
    align-items: end;
    padding: 10px;
  }

  .admin-dialog-provider-module__UkOvzW__dialog {
    border-radius: 18px;
  }

  .admin-dialog-provider-module__UkOvzW__dialog > header {
    grid-template-columns: 38px minmax(0, 1fr) 36px;
    gap: 11px;
    min-height: 84px;
    padding: 16px 17px;
  }

  .admin-dialog-provider-module__UkOvzW__icon {
    border-radius: 11px;
    width: 38px;
    height: 38px;
  }

  .admin-dialog-provider-module__UkOvzW__dialog h2 {
    font-size: 17px;
  }

  .admin-dialog-provider-module__UkOvzW__body {
    padding: 20px 18px 22px;
  }

  .admin-dialog-provider-module__UkOvzW__body p {
    font-size: 14px;
  }

  .admin-dialog-provider-module__UkOvzW__dialog > footer {
    padding: 12px 18px;
  }

  .admin-dialog-provider-module__UkOvzW__dialog footer button {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-dialog-provider-module__UkOvzW__backdrop, .admin-dialog-provider-module__UkOvzW__dialog, .admin-dialog-provider-module__UkOvzW__closing, .admin-dialog-provider-module__UkOvzW__closing .admin-dialog-provider-module__UkOvzW__dialog {
    animation-duration: .01ms;
  }

  .admin-dialog-provider-module__UkOvzW__dialog footer button {
    transition: none;
  }
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --ink: #17151d;
  --muted: #777481;
  --line: #e8e5ed;
  --surface: #f7f6fa;
  --purple: #7f18ef;
  --purple-dark: #53109b;
  --pink: #ff4c96;
  --scrollbar-thumb: #b8b3bd;
  --scrollbar-thumb-hover: #9f750d;
  --scrollbar-track: transparent;
}

.admin-datetime-picker {
  min-width: 0;
  position: relative;
}

.admin-datetime-picker.is-open {
  z-index: 50;
}

.admin-datetime-trigger {
  color: #302932;
  cursor: pointer;
  width: 100%;
  height: 44px;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #ddd8e0;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  transition: border-color .15s, box-shadow .15s, background .15s;
  display: flex;
}

.admin-datetime-trigger:hover {
  background: #fdfbfe;
  border-color: #c3b5ca;
}

.admin-datetime-picker.is-open .admin-datetime-trigger, .admin-datetime-trigger:focus-visible {
  border-color: #8a21d4;
  outline: 0;
  box-shadow: 0 0 0 3px #8a21d414;
}

.admin-datetime-picker.has-error .admin-datetime-trigger {
  border-color: #d85566;
  box-shadow: 0 0 0 3px #d8556614;
}

.admin-datetime-error {
  color: #c74355;
  margin: 6px 2px 0;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.admin-datetime-trigger > span {
  align-items: baseline;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.admin-datetime-trigger strong {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 750;
}

.admin-datetime-trigger small {
  color: #8e8592;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 650;
}

.admin-datetime-trigger > svg {
  fill: none;
  stroke: #817985;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  flex: none;
  width: 17px;
  height: 17px;
}

.admin-calendar.admin-datetime-calendar {
  width: 330px;
  top: calc(100% + 8px);
}

.admin-datetime-picker.is-end .admin-datetime-calendar {
  left: auto;
  right: 0;
}

.admin-datetime-time {
  border-top: 1px solid #eeeaf0;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  display: grid;
}

.admin-datetime-time > header {
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-datetime-time > header span {
  color: #817985;
  font-size: 11px;
  font-weight: 800;
}

.admin-datetime-time > header strong {
  color: #7020b5;
  font-size: 12px;
}

.admin-datetime-time > div {
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 7px;
  display: grid;
}

.admin-datetime-period {
  background: #f7f4f8;
  border: 1px solid #e2dde5;
  border-radius: 9px;
  grid-template-columns: 1fr 1fr;
  padding: 3px;
  display: grid;
}

.admin-datetime-period button {
  color: #8a828e;
  cursor: pointer;
  min-width: 0;
  height: 30px;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 800;
}

.admin-datetime-period button.is-active {
  color: #781bc5;
  background: #fff;
  box-shadow: 0 2px 8px #2f23351a;
}

.admin-datetime-time label {
  color: #77707b;
  background: #fff;
  border: 1px solid #e2dde5;
  border-radius: 9px;
  grid-template-columns: 1fr 18px;
  align-items: center;
  gap: 2px;
  height: 38px;
  padding: 0 7px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.admin-datetime-time select {
  color: #312a34;
  cursor: pointer;
  width: 100%;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  font-size: 12px;
  font-weight: 800;
}

.admin-calendar > footer .admin-datetime-confirm {
  color: #fff;
  background: #8420cf;
  border-radius: 8px;
  min-height: 32px;
  padding: 0 12px;
}

html[data-theme="dark"] .admin-datetime-trigger, html[data-theme="dark"] .admin-datetime-time label {
  color: #e7e3e9;
  background: #202127;
  border-color: #3a3b44;
}

html[data-theme="dark"] .admin-datetime-trigger small, html[data-theme="dark"] .admin-datetime-time > header span {
  color: #aaa4ae;
}

html[data-theme="dark"] .admin-datetime-time, html[data-theme="dark"] .admin-datetime-period {
  border-color: #363740;
}

html[data-theme="dark"] .admin-datetime-period {
  background: #222329;
}

html[data-theme="dark"] .admin-datetime-period button.is-active {
  color: #ffd052;
  background: #303139;
}

html[data-theme="dark"] .admin-datetime-time select {
  color: #ece8ef;
}

@media (max-width: 700px) {
  .admin-datetime-calendar {
    width: min(330px, 100vw - 50px);
  }

  .admin-datetime-trigger > span {
    gap: 5px;
  }

  .admin-datetime-trigger small {
    font-size: 10px;
  }
}

* {
  box-sizing: border-box;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid #0000;
  border-radius: 999px;
  min-width: 42px;
  min-height: 42px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}

::-webkit-scrollbar-thumb:active {
  background-color: #ffbf2f;
}

html[data-theme="dark"] {
  --scrollbar-thumb: #50515b;
  --scrollbar-thumb-hover: #b98518;
}

html, body {
  min-height: 100%;
}

body {
  background: var(--surface);
  color: var(--ink);
  text-rendering: optimizelegibility;
  margin: 0;
  font-family: Pretendard Variable, Pretendard, Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
}

.admin-shell {
  grid-template-columns: 254px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.admin-sidebar {
  color: #fff;
  background: #17151d;
  flex-direction: column;
  height: 100vh;
  padding: 28px 20px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.admin-brand {
  letter-spacing: -.04em;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 9px;
  font-size: 19px;
  font-weight: 800;
  display: flex;
}

.admin-brand small {
  color: #b890df;
  letter-spacing: .12em;
  align-self: flex-end;
  margin: 0 0 8px 3px;
  font-size: 8px;
}

.brand-mark {
  width: 25px;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.brand-mark i {
  border: 3px solid;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
}

.brand-mark i:first-child {
  border-color: #ff4f73;
  left: 0;
}

.brand-mark i:nth-child(2) {
  border-color: #8b23ff;
  left: 7px;
}

.brand-mark i:nth-child(3) {
  border-color: #ffb520;
  left: 14px;
}

.admin-sidebar nav {
  gap: 6px;
  margin-top: 42px;
  display: grid;
}

.admin-sidebar nav a {
  color: #aaa5b1;
  border-radius: 9px;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .18s, color .18s, transform .18s;
  display: flex;
}

.admin-sidebar nav a:hover, .admin-sidebar nav a.is-active {
  color: #fff;
  background: linear-gradient(100deg, #8118ef59, #8118ef14);
  transform: translateX(2px);
}

.nav-dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.admin-sidebar nav a.is-active .nav-dot {
  background: #bc68ff;
  box-shadow: 0 0 0 5px #af50ff21;
}

.admin-sidebar nav a > span:last-child {
  font: inherit;
}

.admin-sidebar-foot {
  border: 1px solid #36323e;
  border-radius: 10px;
  gap: 5px;
  margin-top: auto;
  padding: 16px;
  display: grid;
}

.admin-sidebar-foot span {
  color: #827d89;
  font-size: 11px;
}

.admin-sidebar-foot strong {
  color: #d5b4f4;
  font-size: 12px;
}

.admin-content {
  min-width: 0;
}

.admin-header {
  border-bottom: 1px solid var(--line);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffd6;
  justify-content: space-between;
  align-items: center;
  min-height: 76px;
  padding: 0 34px;
  display: flex;
}

.admin-header > div {
  gap: 3px;
  display: grid;
}

.admin-header strong {
  font-size: 14px;
}

.admin-header > div span {
  color: var(--muted);
  font-size: 11px;
}

.admin-account {
  align-items: center;
  gap: 9px;
  display: flex;
}

.admin-profile {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 5px 12px 5px 5px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.admin-profile b {
  background: linear-gradient(145deg, var(--purple), var(--purple-dark));
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
}

.logout-button {
  border: 1px solid var(--line);
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  min-height: 38px;
  padding: 0 13px;
  font-size: 11px;
  font-weight: 700;
}

.logout-button:hover {
  background: #faf8fc;
  border-color: #c7bdce;
}

.admin-content main {
  padding: 34px;
}

.dashboard-page {
  width: min(100%, 1380px);
  margin: 0 auto;
}

.page-heading {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.page-heading p {
  color: var(--purple);
  letter-spacing: .18em;
  margin: 0 0 7px;
  font-size: 11px;
  font-weight: 800;
}

.page-heading h1 {
  letter-spacing: -.045em;
  margin: 0;
  font-size: 30px;
}

.page-heading div > span {
  color: var(--muted);
  margin-top: 9px;
  font-size: 13px;
  display: block;
}

.page-heading time {
  color: #9995a0;
  font-size: 12px;
}

.summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
  display: grid;
}

.summary-grid article {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  gap: 8px;
  min-height: 154px;
  padding: 23px;
  animation: .46s cubic-bezier(.22, 1, .36, 1) both card-in;
  display: grid;
  box-shadow: 0 12px 30px #291e3409;
}

.summary-grid article:nth-child(2) {
  animation-delay: 65ms;
}

.summary-grid article:nth-child(3) {
  animation-delay: .13s;
}

.summary-grid article:nth-child(4) {
  animation-delay: .195s;
}

.summary-grid article > span {
  color: var(--muted);
  font-size: 13px;
}

.summary-grid article strong {
  align-self: end;
  font-size: 34px;
}

.summary-grid article small {
  color: #aaa6b0;
  font-size: 11px;
}

.readiness-panel {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  margin-top: 22px;
  padding: 26px;
}

.panel-heading {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 21px;
  display: flex;
}

.panel-heading h2 {
  margin: 0;
  font-size: 18px;
}

.panel-heading p {
  color: var(--muted);
  margin: 7px 0 0;
  font-size: 12px;
}

.panel-heading > span {
  color: var(--purple);
  background: #f2e5ff;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 800;
}

.readiness-list {
  display: grid;
}

.readiness-list article {
  border-bottom: 1px solid #f0edf2;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 76px;
  display: grid;
}

.readiness-list article:last-child {
  border-bottom: 0;
}

.status-dot {
  background: #9a34f7;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px #f2e7fc;
}

.readiness-list article div {
  gap: 5px;
  display: grid;
}

.readiness-list article strong {
  font-size: 13px;
}

.readiness-list article p {
  color: var(--muted);
  margin: 0;
  font-size: 11px;
}

.status-label {
  color: #77727e;
  background: #f5f3f7;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 10px;
}

@keyframes card-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-page {
  isolation: isolate;
  background: #f3f0f5;
  place-items: center;
  min-height: 100svh;
  padding: clamp(20px, 3.2vw, 48px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.login-page:before {
  z-index: -2;
  content: "";
  background-image: linear-gradient(#53435d09 1px, #0000 1px), linear-gradient(90deg, #53435d09 1px, #0000 1px);
  background-size: 52px 52px;
  position: absolute;
  inset: 0;
}

.login-aurora {
  z-index: -1;
  filter: blur(18px);
  opacity: .44;
  pointer-events: none;
  border-radius: 50%;
  width: 460px;
  height: 460px;
  position: absolute;
}

.login-aurora-one {
  background: radial-gradient(circle, #7d13f054, #0000 68%);
  top: -260px;
  left: -160px;
}

.login-aurora-two {
  background: radial-gradient(circle, #ff4a793d, #0000 68%);
  bottom: -290px;
  right: -190px;
}

.login-stage {
  background: #fff;
  border: 1px solid #41314b1a;
  border-radius: 32px;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .82fr);
  width: min(100%, 1240px);
  min-height: min(760px, 100svh - 96px);
  display: grid;
  overflow: hidden;
  box-shadow: 0 2px 4px #22142a08, 0 34px 90px #2c1b3726;
}

.login-story {
  color: #fff;
  background: radial-gradient(circle at 77% 23%, #8e22f63d, #0000 30%), radial-gradient(circle at 18% 87%, #f8481f21, #0000 27%), #17131b;
  flex-direction: column;
  padding: clamp(40px, 4vw, 64px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.login-story:before {
  content: "";
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  width: 360px;
  height: 360px;
  position: absolute;
  top: 17%;
  right: -210px;
  box-shadow: 0 0 0 55px #ffffff05, 0 0 0 112px #ffffff03;
}

.login-story:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff38);
  width: 120px;
  height: 1px;
  position: absolute;
  bottom: 16%;
  right: 10%;
  transform: rotate(-42deg);
}

.login-brand, .login-mobile-brand {
  z-index: 1;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.login-brand-symbol {
  width: 32px;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.login-brand-symbol i {
  border: 5px solid;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
}

.login-brand-symbol i:first-child {
  border-color: #f8481f;
  left: 0;
}

.login-brand-symbol i:last-child {
  border-color: #8c1eff;
  left: 13px;
}

.login-story .login-brand-symbol i:last-child {
  mix-blend-mode: screen;
}

.login-brand strong, .login-mobile-brand strong {
  letter-spacing: -.055em;
  font-size: 18px;
  font-weight: 850;
}

.login-brand small {
  color: #bfb6c6;
  letter-spacing: .16em;
  margin: 2px 0 0 5px;
  font-size: 10px;
  font-weight: 800;
}

.login-story-copy {
  z-index: 1;
  margin: auto 0;
  padding: 58px 0;
  position: relative;
}

.login-eyebrow {
  color: #c4a4df;
  letter-spacing: .2em;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.login-eyebrow:before {
  content: "";
  background: #a456e8;
  width: 26px;
  height: 1px;
}

.login-story-copy h2 {
  letter-spacing: -.062em;
  margin: 27px 0 23px;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.16;
}

.login-story-copy p {
  color: #9d96a2;
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
}

.login-trust-panel {
  z-index: 1;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffff0b;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  padding: 20px 22px;
  position: relative;
}

.login-trust-panel > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.login-trust-panel strong {
  letter-spacing: -.01em;
  font-size: 12px;
}

.login-live-dot {
  background: #72e0aa;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #72e0aa17;
}

.login-trust-panel > p {
  color: #87818b;
  margin: 9px 0 16px;
  font-size: 12px;
}

.login-trust-panel ul {
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.login-trust-panel li {
  color: #aaa4ae;
  letter-spacing: .04em;
  background: #ffffff0e;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 700;
}

.login-card {
  color: #201a24;
  background: #fff;
  flex-direction: column;
  justify-content: center;
  padding: clamp(44px, 5vw, 76px);
  display: flex;
}

.login-mobile-brand {
  display: none;
}

.login-copy {
  margin-bottom: 38px;
}

.login-copy p {
  color: #861df0;
  letter-spacing: .2em;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 850;
}

.login-copy h1 {
  letter-spacing: -.055em;
  margin: 0;
  font-size: clamp(27px, 2.3vw, 35px);
}

.login-copy > span {
  color: #8b8490;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
  display: block;
}

.login-form {
  gap: 20px;
  display: grid;
}

.login-field {
  gap: 9px;
  display: grid;
}

.login-field > label {
  color: #4c4551;
  font-size: 13px;
  font-weight: 750;
}

.login-label-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.login-label-row > label {
  color: #4c4551;
  font-size: 13px;
  font-weight: 750;
}

.login-label-row small {
  color: #791bd1;
  letter-spacing: .1em;
  background: #f3e9fc;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 9px;
  font-weight: 850;
}

.login-input-wrap {
  color: #aaa1af;
  background: #fbfafc;
  border: 1px solid #e5e0e8;
  border-radius: 11px;
  align-items: center;
  min-height: 52px;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
  display: flex;
  position: relative;
}

.login-input-wrap:focus-within {
  background: #fff;
  border-color: #8d25e9;
  box-shadow: 0 0 0 4px #8d25e917;
}

.login-input-wrap > svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6px;
  width: 18px;
  height: 18px;
  margin-left: 15px;
}

.login-form input {
  color: #211a25;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  align-self: stretch;
  padding: 0 14px 0 11px;
  font-size: 14px;
}

.login-form input::placeholder {
  color: #b7b0bb;
}

.login-password-wrap input {
  padding-right: 4px;
}

.login-password-toggle {
  color: #8f8794;
  cursor: pointer;
  background: none;
  border: 0;
  align-self: stretch;
  padding: 0 14px 0 9px;
  font-size: 11px;
  font-weight: 750;
}

.login-password-toggle:hover {
  color: #7020b6;
}

.login-totp-group {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.login-totp-group input:not([type="hidden"]) {
  color: #251f29;
  font-variant-numeric: tabular-nums;
  text-align: center;
  caret-color: #8520dc;
  background: #fbfafc;
  border: 1px solid #e2dce6;
  border-radius: 11px;
  outline: 0;
  width: 100%;
  min-width: 0;
  height: 54px;
  padding: 0;
  font-size: 20px;
  font-weight: 800;
  transition: border-color .16s, box-shadow .16s, background-color .16s, transform .16s;
}

.login-totp-group input:not([type="hidden"]):hover {
  background: #fff;
  border-color: #cfc5d5;
}

.login-totp-group input:not([type="hidden"]):focus {
  z-index: 1;
  background: #fff;
  border-color: #8d25e9;
  position: relative;
  transform: translateY(-1px);
  box-shadow: 0 0 0 4px #8d25e917;
}

.login-totp-group input.is-filled:not([type="hidden"]) {
  background: #fdfaff;
  border-color: #c6a9dd;
}

.login-field-help {
  color: #a39ba7;
  margin: -2px 0 0 2px;
  font-size: 11px;
}

.login-form > button {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(115deg, #8e20f4, #6816b4 62%, #57119a);
  border: 0;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .16s, box-shadow .16s, opacity .16s;
  display: flex;
  box-shadow: 0 12px 25px #7218c233;
}

.login-form > button svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 17px;
  height: 17px;
  transition: transform .16s;
}

.login-form > button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px #7218c245;
}

.login-form > button:hover:not(:disabled) svg {
  transform: translateX(3px);
}

.login-form > button:disabled {
  cursor: wait;
  opacity: .65;
}

.login-error {
  color: #c72f58;
  background: #fff0f3;
  border-radius: 8px;
  margin: -2px 0 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.login-notice {
  border-top: 1px solid #eee9f0;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding-top: 22px;
  display: flex;
}

.login-notice > span {
  color: #7920c7;
  background: #f4edf9;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: inline-flex;
}

.login-notice svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 15px;
  height: 15px;
}

.login-notice p {
  color: #9c949f;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.verify-copy {
  margin-bottom: 25px;
}

.verify-copy > span {
  overflow-wrap: anywhere;
}

.verify-enrollment-card {
  padding-top: clamp(34px, 3.7vw, 54px);
  padding-bottom: clamp(34px, 3.7vw, 54px);
}

.verify-enrollment {
  background: linear-gradient(145deg, #fcfbfd, #f7f2fb);
  border: 1px solid #eae4ed;
  border-radius: 16px;
  grid-template-columns: 144px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding: 15px;
  display: grid;
}

.verify-qr-frame {
  background: #fff;
  border: 1px solid #ede7f0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 22px #311b3e14;
}

.verify-qr-frame img {
  width: 100%;
  height: auto;
  display: block;
}

.verify-enrollment-copy {
  min-width: 0;
}

.verify-enrollment-copy > strong {
  color: #7417c8;
  letter-spacing: .04em;
  font-size: 12px;
}

.verify-enrollment-copy > p {
  color: #77707c;
  margin: 8px 0 10px;
  font-size: 12px;
  line-height: 1.6;
}

.verify-enrollment-copy details {
  color: #837a88;
  font-size: 11px;
}

.verify-enrollment-copy summary {
  cursor: pointer;
  font-weight: 700;
}

.verify-enrollment-copy code {
  overflow-wrap: anywhere;
  color: #4b4050;
  letter-spacing: .08em;
  background: #fff;
  border-radius: 6px;
  margin-top: 7px;
  padding: 7px;
  font-size: 10px;
  display: block;
}

.verify-form {
  gap: 16px;
}

.verify-back {
  text-align: center;
  margin-top: 17px;
}

.verify-back a {
  color: #8b8490;
  font-size: 12px;
  font-weight: 700;
}

.verify-back a:hover {
  color: #7020b6;
}

@media (max-width: 980px) {
  .admin-shell {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .admin-sidebar {
    padding: 24px 12px;
  }

  .admin-brand > span:not(.brand-mark), .admin-brand small, .admin-sidebar nav a:not(.is-active) .nav-dot + *, .admin-sidebar nav a {
    font-size: 0;
  }

  .admin-brand, .admin-sidebar nav a {
    justify-content: center;
    padding: 0;
  }

  .admin-sidebar-foot {
    display: none;
  }

  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .login-stage {
    grid-template-columns: 1fr;
    width: min(100%, 560px);
    min-height: auto;
  }

  .login-story {
    display: none;
  }

  .login-card {
    min-height: 680px;
    padding: 58px 64px;
  }

  .verify-enrollment-card {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .login-mobile-brand {
    color: #211a25;
    margin-bottom: 72px;
    display: flex;
  }

  .login-mobile-brand:after {
    color: #791ad0;
    content: "SUPER ADMIN";
    letter-spacing: .12em;
    background: #f3eafb;
    border-radius: 6px;
    margin-left: auto;
    padding: 5px 7px;
    font-size: 7px;
    font-weight: 850;
  }
}

@media (max-width: 640px) {
  .admin-shell {
    display: block;
  }

  .admin-sidebar {
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 14px 18px;
    position: static;
  }

  .admin-sidebar nav {
    display: none;
  }

  .admin-brand {
    justify-content: flex-start;
  }

  .admin-brand > span:not(.brand-mark) {
    font-size: 18px;
    display: inline;
  }

  .admin-header {
    min-height: 66px;
    padding: 0 18px;
  }

  .admin-header > div span {
    display: none;
  }

  .admin-account {
    gap: 5px;
  }

  .admin-profile {
    padding-right: 5px;
    font-size: 0;
  }

  .admin-content main {
    padding: 24px 18px;
  }

  .summary-grid {
    grid-template-columns: 1fr;
  }

  .readiness-list article {
    grid-template-columns: 10px minmax(0, 1fr);
    padding: 14px 0;
  }

  .status-label {
    grid-column: 2;
    justify-self: start;
  }

  .login-page {
    background: #fff;
    place-items: stretch stretch;
    padding: 0;
  }

  .login-page:before, .login-aurora {
    display: none;
  }

  .login-stage {
    min-height: 100svh;
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .login-card {
    justify-content: flex-start;
    min-height: 100svh;
    padding: 32px 24px 36px;
  }

  .login-mobile-brand {
    margin-bottom: clamp(64px, 12vh, 104px);
  }

  .login-copy {
    margin-bottom: 34px;
  }

  .login-copy h1 {
    font-size: 29px;
  }

  .verify-enrollment {
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 15px;
    padding: 12px;
  }
}

@media (max-width: 420px) {
  .verify-enrollment {
    grid-template-columns: 1fr;
  }

  .verify-qr-frame {
    justify-self: center;
    width: 144px;
  }

  .verify-enrollment-copy {
    text-align: center;
  }
}

.ops-page {
  color: #211d24;
  width: min(100%, 1440px);
  margin: 0 auto;
}

.ops-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 22px;
  display: flex;
}

.ops-heading > div:first-child > span {
  color: #7e22c7;
  letter-spacing: .15em;
  font-size: 12px;
  font-weight: 900;
}

.ops-heading h1 {
  letter-spacing: -.045em;
  margin: 8px 0 7px;
  font-size: clamp(28px, 2.6vw, 36px);
}

.ops-heading p {
  color: #7d7781;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.ops-heading > div:last-child {
  background: #fff;
  border: 1px solid #e3dfe6;
  border-radius: 15px;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 2px 7px;
  min-width: 170px;
  padding: 15px 17px;
  display: grid;
  box-shadow: 0 10px 28px #2219280a;
}

.ops-heading > div:last-child small {
  color: #8c8690;
  grid-column: 1 / -1;
  font-size: 12px;
  font-weight: 750;
}

.ops-heading > div:last-child strong {
  font-size: 25px;
}

.ops-heading > div:last-child span {
  color: #8d8791;
  padding-bottom: 3px;
  font-size: 13px;
}

.ops-panel {
  background: #fff;
  border: 1px solid #e4e1e6;
  border-radius: 18px;
  overflow: visible;
  box-shadow: 0 12px 34px #2219280b;
}

.ops-filters {
  z-index: 10;
  background: #fcfbfd;
  border-bottom: 1px solid #ece9ee;
  border-radius: 18px 18px 0 0;
  gap: 13px;
  padding: 19px 20px;
  display: grid;
  position: relative;
}

.ops-search-row {
  grid-template-columns: 155px minmax(220px, 1fr) 145px 145px auto auto;
  gap: 9px;
  display: grid;
}

.ops-search-row > .admin-select {
  width: auto;
}

.ops-search {
  background: #fff;
  border: 1px solid #ddd9e0;
  border-radius: 11px;
  align-items: center;
  gap: 9px;
  height: 46px;
  padding: 0 13px;
  display: flex;
}

.ops-search svg {
  fill: none;
  stroke: #8d8792;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 19px;
}

.ops-search input {
  width: 100%;
  color: inherit;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  font-size: 14px;
}

.ops-search input::placeholder {
  color: #aaa4ad;
}

.ops-submit, .ops-reset, .ops-toolbar button, .ops-detail {
  color: #fff;
  min-height: 42px;
  font: inherit;
  cursor: pointer;
  background: #261d29;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 0 17px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.ops-reset {
  color: #6f6873;
  background: #fff;
  border: 1px solid #dfdae2;
}

.ops-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 20px 13px;
  display: flex;
}

.ops-toolbar > div {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.ops-toolbar strong {
  font-size: 18px;
}

.ops-toolbar span {
  color: #7d23c2;
  font-size: 14px;
  font-weight: 850;
}

.ops-toolbar small {
  color: #96909a;
  font-size: 12px;
}

.ops-toolbar button {
  color: #655e69;
  background: #fff;
  border: 1px solid #ded9e1;
  min-height: 38px;
}

.ops-table-wrap {
  padding: 0 20px 20px;
  overflow-x: auto;
}

.ops-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 1040px;
}

.ops-table th {
  color: #847e88;
  text-align: left;
  background: #faf9fb;
  border-top: 1px solid #eeeaf0;
  border-bottom: 1px solid #e5e1e7;
  padding: 13px 12px;
  font-size: 12px;
  font-weight: 800;
}

.ops-table td {
  color: #625c66;
  vertical-align: middle;
  border-bottom: 1px solid #eeebf0;
  padding: 15px 12px;
  font-size: 13px;
}

.ops-table tbody tr:hover {
  background: #fcfafd;
}

.ops-table td:first-child {
  color: #9a949d;
}

.ops-table a {
  color: #2d2830;
  font-weight: 750;
  text-decoration: none;
}

.ops-table a:hover {
  color: #7c20c2;
  text-decoration: underline;
}

.ops-score {
  color: #7820bd;
  font-size: 15px;
}

.ops-status, .ops-source {
  color: #6c6570;
  white-space: nowrap;
  background: #f0edf2;
  border-radius: 999px;
  align-items: center;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.ops-status.is-recommended, .ops-status.is-sent, .ops-status.is-viewed {
  color: #3968b4;
  background: #eef3ff;
}

.ops-status.is-applied, .ops-status.is-accepted {
  color: #287b57;
  background: #eaf8f0;
}

.ops-status.is-declined, .ops-status.is-cancelled, .ops-status.is-expired {
  color: #a24958;
  background: #fff0f1;
}

.ops-source.is-solution {
  color: #287c58;
  background: #ecf8f1;
}

.ops-source.is-educe {
  color: #99640b;
  background: #fff3d9;
}

.ops-detail {
  color: #625b66;
  background: #fff;
  border: 1px solid #ddd8e0;
  min-height: 34px;
  padding: 0 12px;
}

.ops-empty {
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 9px;
  min-height: 340px;
  padding: 35px;
  display: grid;
}

.ops-empty > span {
  color: #7a20bf;
  background: #f3ecf8;
  border-radius: 20px;
  place-items: center;
  width: 64px;
  height: 64px;
  font-size: 24px;
  font-weight: 900;
  display: grid;
}

.ops-empty strong {
  margin-top: 6px;
  font-size: 18px;
}

.ops-empty p {
  color: #8b8590;
  margin: 0;
  font-size: 14px;
}

.ops-pagination {
  justify-content: center;
  gap: 6px;
  padding: 0 20px 21px;
  display: flex;
}

.ops-pagination a {
  color: #6c6570;
  border: 1px solid #e1dde4;
  border-radius: 9px;
  place-items: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  font-size: 13px;
  text-decoration: none;
  display: grid;
}

.ops-pagination a.is-active {
  color: #fff;
  background: #7c22c0;
  border-color: #7c22c0;
}

.ops-pagination a.is-disabled {
  pointer-events: none;
  opacity: .4;
}

.ops-privacy-note {
  color: #88818c;
  margin: 13px 2px 0;
  font-size: 12px;
}

.ops-drawer-backdrop {
  z-index: 70;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #1310167a;
  justify-content: flex-end;
  animation: .18s ease-out both mm-backdrop-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.ops-drawer {
  background: #fff;
  border-left: 1px solid #e2dde5;
  border-radius: 20px 0 0 20px;
  flex-direction: column;
  width: min(100%, 510px);
  height: 100dvh;
  animation: .28s cubic-bezier(.22, 1, .36, 1) both mm-drawer-in;
  display: flex;
  overflow-y: auto;
  box-shadow: -24px 0 70px #1c15203d;
}

.ops-drawer > header {
  border-bottom: 1px solid #ece8ee;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 26px 20px;
  display: flex;
}

.ops-drawer > header span {
  color: #7c21c1;
  letter-spacing: .15em;
  font-size: 12px;
  font-weight: 900;
}

.ops-drawer h2 {
  margin: 7px 0 0;
  font-size: 25px;
}

.ops-drawer > header button {
  color: #77717b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0dce3;
  border-radius: 10px;
  width: 38px;
  height: 38px;
  font-size: 24px;
}

.ops-drawer-member {
  background: #f7f5f8;
  border-radius: 14px;
  align-items: center;
  gap: 13px;
  margin: 22px 26px;
  padding: 17px;
  display: flex;
}

.ops-drawer-member > b {
  color: #751dbd;
  background: #eee2f8;
  border-radius: 13px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.ops-drawer-member > div {
  gap: 4px;
  display: grid;
}

.ops-drawer-member span {
  color: #8e8792;
  font-size: 13px;
}

.ops-drawer dl {
  grid-template-columns: 1fr 1fr;
  margin: 0 26px 22px;
  display: grid;
}

.ops-drawer dl div {
  border-bottom: 1px solid #ece9ee;
  padding: 13px 4px;
}

.ops-drawer dt {
  color: #8c8590;
  font-size: 12px;
}

.ops-drawer dd {
  margin: 7px 0 0;
  font-size: 14px;
  font-weight: 750;
}

.ops-drawer > section {
  background: #fbf9fc;
  border: 1px solid #e7e1e9;
  border-radius: 14px;
  gap: 10px;
  margin: 0 26px;
  padding: 19px;
  display: grid;
}

.ops-drawer > section > span {
  color: #8a8390;
  font-size: 12px;
}

.ops-drawer > section > strong {
  font-size: 16px;
  line-height: 1.55;
}

.ops-drawer > section p {
  color: #625b66;
  white-space: pre-wrap;
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

.ops-drawer > section p.is-muted {
  color: #9a949d;
}

.ops-drawer > footer {
  background: #f8f7f9;
  border-top: 1px solid #ece8ee;
  margin-top: auto;
  padding: 17px 26px;
}

.ops-drawer > footer button {
  color: #fff;
  width: 100%;
  height: 43px;
  font: inherit;
  cursor: pointer;
  background: #261d29;
  border: 0;
  border-radius: 10px;
  font-weight: 800;
}

.mm-expanded-detail {
  gap: 14px;
  padding: 0 24px 22px;
  display: grid;
}

.mm-detail-loading {
  color: #79727d;
  background: #f7f4f9;
  border-radius: 11px;
  align-items: center;
  gap: 9px;
  margin: 0 24px 20px;
  padding: 14px;
  font-size: 13px;
  display: flex;
}

.mm-detail-loading i {
  border: 2px solid #d9c9e4;
  border-top-color: #7b21c0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .7s linear infinite spin;
}

.mm-detail-skeleton {
  align-content: start;
  gap: 14px;
  min-height: 720px;
  padding: 0 24px 22px;
  display: grid;
}

.mm-detail-skeleton-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.mm-detail-skeleton-metrics > i, .mm-detail-skeleton-block {
  background: #faf8fb;
  border: 1px solid #ebe7ed;
  border-radius: 13px;
}

.mm-detail-skeleton-metrics > i {
  height: 88px;
}

.mm-detail-skeleton-block {
  align-content: start;
  gap: 12px;
  height: 164px;
  padding: 19px;
  display: grid;
}

.mm-detail-skeleton-block.is-compact {
  height: 108px;
}

.mm-detail-skeleton-block.is-tall {
  height: 226px;
}

.mm-detail-skeleton-block > i, .mm-detail-skeleton-block > span {
  background: #ece8ef;
  border-radius: 999px;
  display: block;
}

.mm-detail-skeleton-block > i {
  width: 31%;
  height: 12px;
  margin-bottom: 7px;
}

.mm-detail-skeleton-block > span {
  width: 100%;
  height: 10px;
}

.mm-detail-skeleton-block > span:last-child {
  width: 68%;
}

.mm-expanded-detail {
  animation: .18s ease-out both mm-detail-reveal;
}

@keyframes mm-detail-reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mm-metric-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  display: grid;
}

.mm-metric-grid article {
  background: #fbf9fc;
  border: 1px solid #e8e3ea;
  border-radius: 13px;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 3px 5px;
  padding: 15px;
  display: grid;
}

.mm-metric-grid span {
  color: #827b86;
  grid-column: 1 / -1;
  font-size: 12px;
}

.mm-metric-grid strong {
  color: #7720ba;
  font-size: 23px;
}

.mm-metric-grid small {
  color: #958f99;
  padding-bottom: 3px;
  font-size: 11px;
}

.mm-detail-section, .mm-edit-section {
  background: #fff;
  border: 1px solid #e8e3ea;
  border-radius: 14px;
  overflow: hidden;
}

.mm-detail-section > header, .mm-edit-section > header {
  background: #fbfafc;
  border-bottom: 1px solid #eeeaf0;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 15px 17px;
  display: flex;
}

.mm-detail-section > header span, .mm-edit-section > header span {
  color: #8124c4;
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 900;
}

.mm-detail-section > header h3, .mm-edit-section > header h3 {
  margin: 4px 0 0;
  font-size: 16px;
}

.mm-detail-section > header small, .mm-edit-section > header small {
  color: #918b95;
  font-size: 12px;
}

.mm-completion-list {
  padding: 5px 17px;
  display: grid;
}

.mm-completion-list p {
  border-bottom: 1px solid #f0edf1;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px 0;
  font-size: 13px;
  display: flex;
}

.mm-completion-list p:last-child {
  border: 0;
}

.mm-completion-list b {
  color: #77707a;
  background: #f0edf2;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
}

.mm-completion-list b.is-complete {
  color: #277b56;
  background: #e9f8ef;
}

.mm-completion-list b.is-draft {
  color: #98630a;
  background: #fff3d7;
}

.mm-career-pair {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mm-career-pair p {
  gap: 6px;
  margin: 0;
  padding: 15px 17px;
  display: grid;
}

.mm-career-pair p + p {
  border-left: 1px solid #eeeaf0;
}

.mm-career-pair span, .mm-career-content article > span {
  color: #8a8490;
  font-size: 12px;
}

.mm-career-pair strong {
  font-size: 14px;
}

.mm-career-content article {
  border-bottom: 1px solid #eeeaf0;
  padding: 15px 17px;
}

.mm-career-content article:nth-child(odd) {
  border-right: 1px solid #eeeaf0;
}

.mm-career-content p {
  color: #5f5863;
  white-space: pre-wrap;
  min-height: 42px;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.65;
}

.mm-notification-summary {
  padding: 5px 17px;
  display: grid;
}

.mm-notification-summary p {
  border-bottom: 1px solid #f0edf1;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px 0;
  display: flex;
}

.mm-notification-summary p:last-child {
  border: 0;
}

.mm-notification-summary strong, .mm-notification-summary span {
  font-size: 13px;
}

.mm-notification-summary span {
  color: #716a75;
}

.mm-service-list {
  padding: 5px 17px;
  display: grid;
}

.mm-service-list article {
  border-bottom: 1px solid #f0edf1;
  grid-template-columns: 1fr auto;
  gap: 5px 12px;
  padding: 13px 0;
  display: grid;
}

.mm-service-list article:last-child {
  border: 0;
}

.mm-service-list article > div {
  gap: 3px;
  display: grid;
}

.mm-service-list strong {
  font-size: 14px;
}

.mm-service-list span, .mm-service-list time {
  color: #8c8590;
  font-size: 11px;
}

.mm-service-list p {
  color: #68616c;
  grid-column: 1 / -1;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

.mm-detail-empty {
  color: #928c96;
  text-align: center;
  margin: 0;
  padding: 22px;
  font-size: 13px;
}

.mm-edit-section {
  margin: 0 24px 15px;
}

.mm-edit-section .mm-edit-fields {
  padding: 17px;
}

.mm-edit-fields.is-two-column {
  grid-template-columns: 1fr 1fr;
}

.mm-edit-textarea {
  gap: 7px;
  margin: 0 17px 14px;
  display: grid;
}

.mm-edit-textarea:first-of-type {
  margin-top: 17px;
}

.mm-edit-textarea > span {
  color: #625b66;
  font-size: 13px;
  font-weight: 750;
}

.mm-edit-textarea textarea {
  min-height: 92px;
  color: inherit;
  font: inherit;
  resize: vertical;
  background: #fff;
  border: 1px solid #ddd8e0;
  border-radius: 10px;
  outline: 0;
  padding: 12px 13px;
  font-size: 14px;
  line-height: 1.6;
}

.mm-edit-textarea textarea:focus {
  border-color: #8824ca;
  box-shadow: 0 0 0 4px #7e22c714;
}

.mm-notification-grid {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0 12px;
  padding: 8px 17px;
  display: grid;
}

.mm-notification-grid > strong, .mm-notification-grid > label {
  border-bottom: 1px solid #f0edf1;
  padding: 10px 0;
  font-size: 13px;
}

.mm-notification-grid > label {
  color: #716a75;
  cursor: pointer;
  align-items: center;
  gap: 7px;
  display: flex;
}

.mm-notification-grid input {
  accent-color: #7d21c2;
}

html[data-theme="dark"] .ops-page {
  color: #f2eff4;
}

.ops-heading > div:first-child > span {
  color: #7e22c7;
}

html[data-theme="dark"] .ops-heading > div:first-child > span {
  color: #ffca3a;
}

html[data-theme="dark"] .ops-heading p {
  color: #98959f;
}

html[data-theme="dark"] .ops-heading > div:last-child, html[data-theme="dark"] .ops-panel, html[data-theme="dark"] .ops-drawer, html[data-theme="dark"] .mm-detail-section, html[data-theme="dark"] .mm-edit-section {
  background: #18191f;
  border-color: #30313a;
  box-shadow: 0 12px 34px #00000029;
}

.ops-filters {
  background: #fcfbfd;
}

html[data-theme="dark"] .ops-filters {
  background: #1b1c22;
  border-color: #2e2f37;
}

.ops-search {
  background: #fff;
}

html[data-theme="dark"] .ops-search, html[data-theme="dark"] .ops-reset, html[data-theme="dark"] .ops-toolbar button, html[data-theme="dark"] .ops-detail {
  color: #d2ced6;
  background: #202127;
  border-color: #393a43;
}

.ops-submit {
  background: #261d29;
}

html[data-theme="dark"] .ops-submit, html[data-theme="dark"] .ops-drawer > footer button {
  color: #241a08;
  background: #ffbf2f;
}

html[data-theme="dark"] .ops-toolbar span, html[data-theme="dark"] .ops-score, html[data-theme="dark"] .ops-drawer > header span, html[data-theme="dark"] .mm-detail-section > header span, html[data-theme="dark"] .mm-edit-section > header span {
  color: #ffca3a;
}

html[data-theme="dark"] .ops-table th {
  color: #a29ea7;
  background: #202127;
  border-color: #30313a;
}

html[data-theme="dark"] .ops-table td {
  color: #aaa7b0;
  border-color: #2e2f37;
}

html[data-theme="dark"] .ops-table tbody tr:hover {
  background: #1e1f25;
}

html[data-theme="dark"] .ops-table a {
  color: #eeeaf0;
}

html[data-theme="dark"] .ops-empty > span {
  color: #ffca3a;
  background: #382f1b;
}

html[data-theme="dark"] .ops-empty p, html[data-theme="dark"] .ops-privacy-note {
  color: #92909a;
}

html[data-theme="dark"] .ops-pagination a {
  color: #aaa7b0;
  border-color: #373841;
}

html[data-theme="dark"] .ops-pagination a.is-active {
  color: #241a08;
  background: #ffbf2f;
  border-color: #ffbf2f;
}

html[data-theme="dark"] .ops-drawer > header, html[data-theme="dark"] .ops-drawer > footer {
  background: #1c1d23;
  border-color: #2e2f37;
}

html[data-theme="dark"] .ops-drawer > header button {
  color: #aaa7b0;
  background: #202127;
  border-color: #3a3b43;
}

html[data-theme="dark"] .ops-drawer-member, html[data-theme="dark"] .ops-drawer > section {
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .ops-drawer-member > b {
  color: #ffca3a;
  background: #382f1b;
}

html[data-theme="dark"] .ops-drawer dl div {
  border-color: #2e2f37;
}

html[data-theme="dark"] .ops-drawer > section p {
  color: #b6b2bb;
}

html[data-theme="dark"] .mm-detail-loading, html[data-theme="dark"] .mm-metric-grid article {
  color: #aaa7b0;
  background: #202127;
  border-color: #383941;
}

html[data-theme="dark"] .mm-metric-grid strong {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-detail-section > header, html[data-theme="dark"] .mm-edit-section > header {
  background: #1e1f25;
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-completion-list p, html[data-theme="dark"] .mm-notification-summary p, html[data-theme="dark"] .mm-service-list article, html[data-theme="dark"] .mm-notification-grid > strong, html[data-theme="dark"] .mm-notification-grid > label, html[data-theme="dark"] .mm-career-pair p + p, html[data-theme="dark"] .mm-career-content article, html[data-theme="dark"] .mm-career-content article:nth-child(odd) {
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-career-content p, html[data-theme="dark"] .mm-notification-summary span, html[data-theme="dark"] .mm-notification-grid > label {
  color: #aaa7b0;
}

html[data-theme="dark"] .mm-edit-textarea textarea {
  color: #f2eff4;
  background: #202127;
  border-color: #393a43;
}

@media (max-width: 1100px) {
  .ops-search-row {
    grid-template-columns: 150px 1fr 140px 140px;
  }

  .ops-submit, .ops-reset {
    min-height: 43px;
  }

  .ops-submit {
    grid-column: 3;
  }

  .ops-reset {
    grid-column: 4;
  }
}

@media (max-width: 760px) {
  .ops-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .ops-heading > div:last-child {
    width: 100%;
  }

  .ops-search-row {
    grid-template-columns: 1fr 1fr;
  }

  .ops-search {
    grid-column: 1 / -1;
  }

  .ops-submit, .ops-reset {
    grid-column: auto;
  }

  .mm-metric-grid, .mm-career-content {
    grid-template-columns: 1fr;
  }

  .mm-career-content article:nth-child(odd) {
    border-right: 0;
  }

  .mm-edit-fields.is-two-column {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .ops-search-row {
    grid-template-columns: 1fr;
  }

  .ops-search, .ops-submit, .ops-reset {
    grid-column: auto;
  }

  .ops-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .ops-toolbar > div {
    flex-wrap: wrap;
  }

  .ops-toolbar button {
    width: 100%;
  }

  .ops-drawer {
    border-radius: 0;
  }

  .ops-drawer dl, .mm-career-pair {
    grid-template-columns: 1fr;
  }

  .mm-career-pair p + p {
    border-top: 1px solid #eeeaf0;
    border-left: 0;
  }

  .mm-notification-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mm-notification-grid > strong {
    grid-column: 1 / -1;
  }

  .mm-modal {
    border-radius: 0;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .summary-grid article {
    animation: none;
  }

  .login-form > button, .login-form > button svg, .login-input-wrap {
    transition: none;
  }
}

.sa-shell {
  --sa-sidebar: 246px;
  grid-template-columns: var(--sa-sidebar) minmax(0, 1fr);
  color: #19171f;
  background: #f5f6f8;
  min-height: 100vh;
  display: grid;
}

.sa-icon {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 20px;
  height: 20px;
  display: block;
}

.sa-sidebar {
  z-index: 20;
  background: #fff;
  border-right: 1px solid #e8e9ed;
  flex-direction: column;
  height: 100vh;
  min-height: 680px;
  padding: 0 16px 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.sa-brand {
  border-bottom: 1px solid #efeff2;
  flex: none;
  align-items: center;
  gap: 11px;
  height: 78px;
  padding: 0 11px;
  display: flex;
}

.sa-brand-mark {
  flex: none;
  width: 31px;
  height: 23px;
  position: relative;
}

.sa-brand-mark i {
  border: 5px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
}

.sa-brand-mark i:first-child {
  border-color: #f34d2d;
  left: 0;
}

.sa-brand-mark i:last-child {
  mix-blend-mode: multiply;
  border-color: #851ff0;
  left: 12px;
}

.sa-brand > span:last-child {
  gap: 2px;
  display: grid;
}

.sa-brand strong {
  letter-spacing: -.055em;
  font-size: 16px;
  font-weight: 900;
}

.sa-brand small {
  color: #9b96a0;
  letter-spacing: .18em;
  font-size: 9px;
  font-weight: 850;
}

.sa-navigation {
  scrollbar-width: thin;
  padding: 22px 0 14px;
  overflow: hidden auto;
}

.sa-navigation section + section {
  margin-top: 20px;
}

.sa-navigation section > p {
  color: #aaa6af;
  letter-spacing: .16em;
  margin: 0 12px 7px;
  font-size: 11px;
  font-weight: 850;
}

.sa-navigation a, .sa-navigation-parent > button {
  color: #77727d;
  border-radius: 10px;
  grid-template-columns: 21px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  min-height: 43px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .16s, color .16s, transform .16s;
  display: grid;
  position: relative;
}

.sa-navigation-parent > button {
  appearance: none;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  width: 100%;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.sa-navigation a:focus-visible, .sa-navigation-parent > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #d49d18;
}

.sa-navigation a:hover, .sa-navigation-parent > button:hover {
  color: #3e3943;
  background: #f7f5f9;
  transform: translateX(1px);
}

.sa-navigation-parent.is-open:not(.is-active) > button {
  color: #4d4651;
  background: #faf8fb;
}

.sa-navigation a.is-active, .sa-navigation-parent.is-active > button {
  color: #7119c5;
  background: #f3eafb;
  font-weight: 700;
}

.sa-navigation a.is-active:before {
  content: "";
  background: #811ce2;
  border-radius: 0 4px 4px 0;
  width: 3px;
  height: 19px;
  position: absolute;
  left: 0;
}

.sa-navigation a > .sa-icon:last-child {
  justify-self: end;
  width: 14px;
  height: 14px;
}

.sa-navigation-parent > button > .sa-icon:last-child {
  justify-self: end;
  width: 14px;
  height: 14px;
  transition: transform .18s;
}

.sa-navigation-parent.is-open > button > .sa-icon:last-child {
  transform: rotate(90deg);
}

.sa-navigation-children {
  opacity: 0;
  max-height: 0;
  margin-left: 20px;
  transition: max-height .22s cubic-bezier(.22, 1, .36, 1), opacity .15s, padding .22s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.sa-navigation-parent.is-open .sa-navigation-children {
  opacity: 1;
  max-height: 210px;
  padding: 5px 0 4px;
}

.sa-navigation-children:before {
  content: "";
  background: #e1dce4;
  width: 1px;
  position: absolute;
  top: 4px;
  bottom: 7px;
  left: 10px;
}

.sa-navigation .sa-navigation-children > a {
  border-radius: 8px;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  min-height: 37px;
  padding: 0 10px 0 19px;
  font-size: 12px;
}

.sa-navigation .sa-navigation-children > a > .sa-icon {
  width: 16px;
  height: 16px;
}

.sa-navigation .sa-navigation-children > a.is-active {
  color: #7119c5;
  background: none;
}

.sa-navigation .sa-navigation-children > a.is-active:before {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  left: 7px;
}

.sa-navigation .sa-navigation-children > a:hover {
  background: #f7f5f9;
}

.sa-security-card {
  background: #faf9fb;
  border: 1px solid #e9e5ed;
  border-radius: 12px;
  grid-template-columns: 34px minmax(0, 1fr) 7px;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  margin-top: auto;
  padding: 10px;
  display: grid;
}

.sa-security-card > span {
  color: #731fc1;
  background: #eee2f8;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.sa-security-card .sa-icon {
  width: 17px;
  height: 17px;
}

.sa-security-card > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.sa-security-card strong {
  font-size: 13px;
}

.sa-security-card small {
  color: #9b95a0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.sa-security-card > i {
  background: #3bc889;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #3bc8891a;
}

.sa-topbar {
  z-index: 15;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffe6;
  border-bottom: 1px solid #e2e2e7e6;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 78px;
  padding: 0 clamp(22px, 3vw, 42px);
  display: flex;
  position: sticky;
  top: 0;
}

.sa-topbar-title {
  align-items: center;
  gap: 12px;
  display: flex;
}

.sa-topbar-title > div {
  gap: 4px;
  display: grid;
}

.sa-topbar-title span {
  color: #928d97;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 800;
}

.sa-topbar-title strong {
  letter-spacing: -.025em;
  font-size: 18px;
}

.sa-menu-button {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e3e8;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: none;
}

.sa-topbar-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.sa-secure-badge {
  color: #25845a;
  letter-spacing: .1em;
  background: #f2fbf6;
  border: 1px solid #d9eee4;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  display: inline-flex;
}

.sa-secure-badge i {
  background: #38bf7e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.sa-icon-button {
  color: #7b7580;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e7e5e9;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  position: relative;
}

.sa-icon-button:hover {
  color: #6718ad;
  border-color: #cabed3;
}

.sa-icon-button .sa-icon {
  width: 17px;
  height: 17px;
}

.sa-icon-button > i {
  background: #f24d64;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 8px;
  right: 8px;
}

.sa-profile {
  color: inherit;
  border-right: 1px solid #e8e6ea;
  border-radius: 10px 0 0 10px;
  align-items: center;
  gap: 9px;
  margin: 0 3px 0 5px;
  padding: 4px 13px 4px 4px;
  text-decoration: none;
  transition: background .15s;
  display: flex;
}

.sa-profile:hover {
  background: #f7f5f9;
}

.sa-profile > b {
  color: #fff;
  background: linear-gradient(145deg, #7518cc, #991cf0);
  border-radius: 10px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  display: grid;
}

.sa-profile > span {
  gap: 2px;
  max-width: 150px;
  display: grid;
}

.sa-profile strong, .sa-profile small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sa-profile strong {
  font-size: 13px;
}

.sa-profile small {
  color: #96909a;
  font-size: 11px;
}

.sa-nav-scrim {
  display: none;
}

.sa-main {
  padding: 34px clamp(22px, 3vw, 42px) 44px;
}

.sa-dashboard {
  width: min(100%, 1440px);
  margin: 0 auto;
}

.sa-welcome {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  display: flex;
}

.sa-kicker {
  color: #7c1ad3;
  letter-spacing: .19em;
  font-size: 11px;
  font-weight: 900;
}

.sa-welcome h1 {
  letter-spacing: -.055em;
  margin: 10px 0 8px;
  font-size: clamp(25px, 2.5vw, 34px);
  line-height: 1.2;
}

.sa-welcome p {
  color: #817b85;
  margin: 0;
  font-size: 14px;
}

.sa-page-overview {
  min-width: 0;
  min-height: 48px;
  position: relative;
}

.sa-page-overview-body {
  grid-template-rows: 1fr;
  min-width: 0;
  transition: grid-template-rows .34s cubic-bezier(.4, 0, .2, 1);
  display: grid;
}

.sa-page-overview-content, .sa-page-overview-compact-shell > div {
  min-height: 0;
}

.sa-page-overview-content {
  gap: 14px;
  display: grid;
}

.sa-page-overview-content > .sa-metric-grid {
  margin-top: 0;
}

.sa-page-overview-compact-shell {
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 48px;
  transition: opacity .18s, visibility 0s linear .18s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.sa-page-overview-compact-shell > div {
  height: 48px;
  overflow: hidden;
}

.sa-page-overview.is-transitioning .sa-page-overview-body, .sa-page-overview.is-transitioning .sa-page-overview-content {
  overflow: hidden;
}

.sa-page-overview.is-collapsed .sa-page-overview-body {
  grid-template-rows: 0fr;
  overflow: hidden;
}

.sa-page-overview.is-collapsed .sa-page-overview-content {
  overflow: hidden;
}

.sa-page-overview.is-collapsed .sa-page-overview-compact-shell {
  visibility: visible;
  opacity: 1;
  transition-delay: .16s, 0s;
}

.sa-page-overview-toggle {
  z-index: 3;
  color: #746d78;
  cursor: pointer;
  height: 32px;
  font: inherit;
  background: #ffffffeb;
  border: 1px solid #ded9e2;
  border-radius: 9px;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  transition: top .34s cubic-bezier(.4, 0, .2, 1), border-color .15s, color .15s, background .15s, transform .15s;
  display: inline-flex;
  position: absolute;
  top: -10px;
  right: 0;
  box-shadow: 0 4px 14px #241d2809;
}

.sa-page-overview-toggle:hover {
  color: #7119c5;
  background: #faf6fc;
  border-color: #bba7c9;
  transform: translateY(-1px);
}

.sa-page-overview-toggle:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b28db;
}

.sa-page-overview-toggle svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 15px;
  height: 15px;
}

.sa-page-overview-compact {
  background: #ffffffdb;
  border: 1px solid #e5e1e7;
  border-radius: 13px;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 126px 0 14px;
  display: flex;
  box-shadow: 0 7px 22px #251e2a08;
}

.sa-page-overview-compact > span {
  color: #7c1ad3;
  letter-spacing: .16em;
  font-size: 9px;
  font-weight: 900;
}

.sa-page-overview-compact > strong {
  letter-spacing: -.025em;
  font-size: 15px;
}

.sa-page-overview-compact > small {
  color: #8d8691;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.sa-page-overview.is-collapsed .sa-page-overview-toggle {
  top: 8px;
  right: 8px;
}

html[data-theme="dark"] .sa-page-overview-toggle, html[data-theme="dark"] .sa-page-overview-compact {
  color: #d8d3db;
  box-shadow: none;
  background: #1c1d23;
  border-color: #383840;
}

@media (max-width: 720px) {
  .sa-page-overview-toggle span {
    display: none;
  }

  .sa-page-overview-toggle {
    justify-content: center;
    width: 34px;
    padding: 0;
  }

  .sa-page-overview-compact {
    padding-right: 52px;
  }

  .sa-page-overview-compact > small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-page-overview-body, .sa-page-overview-compact-shell, .sa-page-overview-toggle {
    transition: none;
  }
}

.sa-date-card {
  justify-items: end;
  gap: 8px;
  display: grid;
}

.sa-date-card > span {
  color: #97919b;
  font-size: 12px;
}

.sa-date-card strong {
  color: #3b774f;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: inline-flex;
}

.sa-date-card i {
  background: #42bd76;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #42bd761a;
}

.sa-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
  display: grid;
}

.sa-metric-card {
  background: #fff;
  border: 1px solid #e8e7eb;
  border-radius: 15px;
  min-height: 178px;
  padding: 19px 20px 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 28px #251e2a09;
}

.sa-metric-card:after {
  content: "";
  opacity: .035;
  background: currentColor;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
  top: -25px;
  right: -25px;
}

.sa-metric-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sa-metric-head > span {
  color: #7b1ccf;
  background: #f4edf9;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.sa-metric-head .sa-icon {
  width: 17px;
  height: 17px;
}

.sa-metric-head small {
  color: #aaa5ae;
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 850;
}

.sa-metric-card > p {
  color: #77717b;
  margin: 17px 0 7px;
  font-size: 13px;
  font-weight: 700;
}

.sa-metric-value {
  align-items: baseline;
  gap: 5px;
  min-height: 37px;
  display: flex;
}

.sa-metric-value strong {
  letter-spacing: -.045em;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1;
}

.sa-metric-value > span {
  color: #928b96;
  font-size: 13px;
}

.sa-metric-card footer {
  align-items: center;
  gap: 7px;
  margin-top: 13px;
  display: flex;
}

.sa-metric-card footer b {
  color: #319267;
  background: #f0faf5;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 11px;
}

.sa-metric-card footer span {
  color: #a19ba4;
  font-size: 11px;
}

.sa-metric-card.is-blue .sa-metric-head > span {
  color: #287cd6;
  background: #eaf4ff;
}

.sa-metric-card.is-mint .sa-metric-head > span {
  color: #248e67;
  background: #e9f8f2;
}

.sa-metric-card.is-coral .sa-metric-head > span {
  color: #e36048;
  background: #fff0ed;
}

.sa-dashboard-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr);
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.sa-panel {
  background: #fff;
  border: 1px solid #e8e7eb;
  border-radius: 15px;
  min-width: 0;
  padding: 22px;
  box-shadow: 0 8px 28px #251e2a06;
}

.sa-panel-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sa-panel-header > div:first-child > span {
  color: #8b23df;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 800;
}

.sa-panel-header h2 {
  letter-spacing: -.025em;
  margin: 7px 0 5px;
  font-size: 19px;
}

.sa-panel-header p {
  color: #77717c;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

.sa-chart-controls {
  background: #f4f3f6;
  border-radius: 8px;
  padding: 3px;
  display: flex;
}

.sa-chart-controls button {
  color: #918b94;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  min-width: 48px;
  height: 31px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
}

.sa-chart-controls button.is-active {
  color: #6514af;
  background: #fff;
  box-shadow: 0 2px 8px #281f2e14;
}

.sa-chart-legend {
  justify-content: flex-end;
  gap: 15px;
  margin: 18px 3px 2px;
  display: flex;
}

.sa-chart-legend span {
  color: #89838d;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: inline-flex;
}

.sa-chart-legend i {
  border-radius: 2px;
  width: 15px;
  height: 2px;
}

.sa-chart-legend i.is-blue {
  background: #3986f6;
}

.sa-chart-legend i.is-violet {
  background: #8c2be1;
}

.sa-line-chart {
  width: 100%;
}

.sa-status-pill {
  color: #288257;
  background: #edf9f2;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.sa-status-pill i {
  background: #3ac47c;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.sa-security-score {
  color: #fff;
  background: linear-gradient(135deg, #211a26, #2e2136);
  border-radius: 12px;
  align-items: center;
  gap: 18px;
  margin: 24px 0 19px;
  padding: 17px;
  display: flex;
}

.sa-security-score > div {
  align-items: flex-end;
  gap: 3px;
  display: flex;
}

.sa-security-score .sa-icon {
  color: #b970ef;
  align-self: center;
  width: 23px;
  height: 23px;
  margin-right: 5px;
}

.sa-security-score strong {
  font-size: 28px;
  line-height: 1;
}

.sa-security-score small {
  color: #8c8290;
  font-size: 11px;
}

.sa-security-score p {
  color: #aca3b1;
  border-left: 1px solid #46384e;
  margin: 0;
  padding-left: 16px;
  font-size: 12px;
  line-height: 1.6;
}

.sa-security-list {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sa-security-list li {
  border-bottom: 1px solid #f0eef2;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
  display: flex;
}

.sa-security-list li span {
  color: #57515c;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.sa-security-list li span i {
  background: #59c48a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.sa-security-list strong {
  font-size: 13px;
  font-weight: 700;
}

.sa-secondary-button {
  color: #6815b2;
  cursor: pointer;
  background: #faf7fc;
  border: 1px solid #e5ddea;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.sa-queue-list, .sa-activity-list {
  margin-top: 19px;
  display: grid;
}

.sa-total-badge {
  color: #741bc6;
  background: #f2e8fa;
  border-radius: 9px;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 12px;
  display: grid;
}

.sa-queue-list > div {
  border-bottom: 1px solid #f0eef2;
  grid-template-columns: 8px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 11px;
  min-height: 66px;
  display: grid;
}

.sa-queue-list > div:last-child {
  border-bottom: 0;
}

.sa-queue-list > div > i {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.sa-queue-list i.is-violet {
  background: #8a25de;
}

.sa-queue-list i.is-amber {
  background: #eea82a;
}

.sa-queue-list i.is-green {
  background: #40bd7c;
}

.sa-queue-list span {
  gap: 5px;
  display: grid;
}

.sa-queue-list span strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.sa-queue-list span small {
  color: #7f7883;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.sa-queue-list > div > b {
  font-size: 15px;
}

.sa-queue-list button {
  color: #7b7580;
  cursor: pointer;
  background: #f5f3f7;
  border: 0;
  border-radius: 8px;
  width: 27px;
  height: 27px;
}

.sa-text-button {
  color: #7620bf;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 11px;
  font-weight: 800;
}

.sa-activity-list > div {
  border-bottom: 1px solid #f0eef2;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  display: grid;
}

.sa-activity-list > div:last-child {
  border-bottom: 0;
}

.sa-activity-list > div > span {
  color: #7c25c5;
  background: #f4eef8;
  border-radius: 9px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.sa-activity-list .sa-icon {
  width: 15px;
  height: 15px;
}

.sa-activity-list > div > div {
  gap: 5px;
  display: grid;
}

.sa-activity-list strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.sa-activity-list small, .sa-activity-list time {
  color: #7f7883;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.sa-preview-note {
  color: #aaa5ad;
  text-align: right;
  margin: 14px 3px 0;
  font-size: 11px;
}

.sa-coming-page {
  align-content: center;
  place-items: center;
  min-height: calc(100vh - 150px);
  display: grid;
}

.sa-coming-page > .sa-kicker {
  margin-bottom: 16px;
}

.sa-coming-card {
  text-align: center;
  background: #fff;
  border: 1px solid #e6e3e9;
  border-radius: 20px;
  justify-items: center;
  width: min(100%, 520px);
  padding: clamp(38px, 6vw, 66px);
  display: grid;
  box-shadow: 0 18px 55px #251c2b0f;
}

.sa-coming-card > span {
  color: #781bcf;
  background: #f1e7fa;
  border-radius: 15px;
  place-items: center;
  width: 55px;
  height: 55px;
  display: grid;
}

.sa-coming-card > span .sa-icon {
  width: 24px;
  height: 24px;
}

.sa-coming-card > small {
  color: #9a55d1;
  letter-spacing: .16em;
  margin-top: 20px;
  font-size: 10px;
  font-weight: 850;
}

.sa-coming-card h1 {
  letter-spacing: -.05em;
  margin: 9px 0 10px;
  font-size: 29px;
}

.sa-coming-card > p {
  color: #817a85;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.sa-coming-card > div {
  color: #397a59;
  background: #f5faf7;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  margin-top: 25px;
  padding: 10px 13px;
  display: flex;
}

.sa-coming-card > div i {
  background: #3fbd7a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.sa-coming-card > div strong {
  font-size: 11px;
}

.sa-coming-card > a {
  color: #fff;
  background: #211a25;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 176px;
  height: 42px;
  margin-top: 27px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.sa-coming-card > a:hover {
  background: #7418c8;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.mm-page {
  width: min(100%, 1440px);
  margin: 0 auto;
}

.mm-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  display: flex;
}

.mm-heading > div:first-child > span {
  color: #7c1ad3;
  letter-spacing: .18em;
  font-size: 11px;
  font-weight: 800;
}

.mm-heading h1 {
  letter-spacing: -.055em;
  margin: 10px 0 8px;
  font-size: clamp(27px, 2.6vw, 36px);
  line-height: 1.2;
}

.mm-heading p {
  color: #77717c;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.mm-heading-summary {
  background: #fff;
  border: 1px solid #e6e4e9;
  border-radius: 12px;
  align-items: baseline;
  gap: 5px;
  padding: 13px 16px;
  display: flex;
}

.mm-heading-summary span {
  color: #817b86;
  margin-right: 9px;
  font-size: 12px;
  font-weight: 600;
}

.mm-heading-summary strong {
  letter-spacing: -.04em;
  font-size: 24px;
}

.mm-heading-summary small {
  color: #96909a;
  font-size: 12px;
}

.mm-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.mm-stat-grid > a {
  color: #7620bf;
  background: #fff;
  border: 1px solid #e7e5ea;
  border-radius: 14px;
  align-content: center;
  gap: 6px;
  min-height: 112px;
  padding: 17px 18px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.mm-stat-grid > a:after {
  content: "";
  opacity: .055;
  background: currentColor;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -35px;
  right: -28px;
}

.mm-stat-grid > a:hover {
  border-color: #cdbbdc;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px #2a1d3312;
}

.mm-stat-grid > a:active {
  transition-duration: 60ms;
  transform: translateY(1px)scale(.985);
}

.mm-stat-grid > a.is-active {
  border-color: currentColor;
  box-shadow: inset 0 0 0 1px;
}

.mm-stat-grid > a.is-blue {
  color: #2c7fd8;
}

.mm-stat-grid > a.is-mint {
  color: #288d68;
}

.mm-stat-grid > a.is-amber {
  color: #b67b13;
}

.mm-stat-grid span {
  color: #716b76;
  font-size: 12px;
  font-weight: 700;
}

.mm-stat-grid strong {
  color: #1c1920;
  letter-spacing: -.035em;
  font-size: 25px;
  line-height: 1;
}

.mm-stat-grid small {
  color: #9a949e;
  font-size: 11px;
  font-weight: 500;
}

.mm-card-navigation-status {
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.mm-card-navigation-status:after {
  content: "";
  opacity: 0;
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 12px;
  right: 14px;
  transform: scale(.75);
}

.mm-card-navigation-status i {
  opacity: 0;
  border-radius: 0 0 14px 14px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mm-card-navigation-status i:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, currentColor 48%, #0000 100%);
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.mm-card-navigation-status.is-pending {
  background: color-mix(in srgb, currentColor 5%, transparent);
}

.mm-stat-grid > a:has(.mm-card-navigation-status.is-pending) {
  border-color: currentColor;
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px, 0 10px 26px #2a1d3312;
}

.mm-stat-grid:has(.mm-card-navigation-status.is-pending) > a.is-active:not(:has(.mm-card-navigation-status.is-pending)) {
  box-shadow: none;
  opacity: .62;
  border-color: #e7e5ea;
}

.mm-card-navigation-status.is-pending:after {
  opacity: .8;
  animation: .7s linear infinite mm-card-spin;
}

.mm-card-navigation-status.is-pending i {
  opacity: 1;
}

.mm-card-navigation-status.is-pending i:after {
  animation: .85s ease-in-out infinite mm-card-progress;
}

@keyframes mm-card-spin {
  to {
    transform: rotate(360deg)scale(.75);
  }
}

@keyframes mm-card-progress {
  to {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mm-card-navigation-status.is-pending:after, .mm-card-navigation-status.is-pending i:after {
    animation: none;
  }

  .mm-card-navigation-status.is-pending:after {
    border-right-color: currentColor;
  }
}

.mm-panel {
  background: #fff;
  border: 1px solid #e7e5ea;
  border-radius: 16px;
  margin-top: 14px;
  padding: 0 22px 22px;
  box-shadow: 0 9px 30px #251e2a09;
}

.mm-source-tabs {
  scrollbar-width: thin;
  border-bottom: 1px solid #eceaee;
  gap: 5px;
  padding: 17px 0 14px;
  display: flex;
  overflow-x: auto;
}

.mm-source-tabs a {
  color: #716b76;
  border-radius: 9px;
  flex: none;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.mm-source-tabs a:hover {
  color: #3e3943;
  background: #f7f5f9;
}

.mm-source-tabs a.is-active {
  color: #7119c5;
  background: #f1e8f9;
  font-weight: 700;
}

.mm-source-tabs b {
  background: #ffffffbf;
  border-radius: 6px;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  font-size: 10px;
  display: grid;
}

.mm-filter-form {
  border-bottom: 1px solid #eceaee;
  gap: 11px;
  padding: 18px 0;
  display: grid;
}

.admin-date-range {
  z-index: 5;
  background: #fbfafc;
  border: 1px solid #dedbe2;
  border-radius: 12px;
  align-items: stretch;
  gap: 3px;
  width: fit-content;
  min-height: 48px;
  padding: 4px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #ffffffb3;
}

.admin-date-range > i {
  background: #cbc6cf;
  align-self: center;
  width: 14px;
  height: 1px;
}

.admin-date-picker {
  position: relative;
}

.admin-date-trigger {
  color: #332e36;
  cursor: pointer;
  min-width: 174px;
  height: 40px;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 0 10px;
  transition: background .15s, box-shadow .15s;
  display: flex;
}

.admin-date-trigger:hover, .admin-date-picker.is-open .admin-date-trigger {
  background: #fff;
  box-shadow: 0 3px 12px #261c2c0f;
}

.admin-date-trigger > span {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.admin-date-trigger small {
  color: #8c8590;
  font-size: 11px;
  font-weight: 650;
}

.admin-date-trigger strong {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

.admin-date-trigger > svg {
  fill: none;
  stroke: #8b8490;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  flex: none;
  width: 17px;
  height: 17px;
}

.admin-calendar {
  z-index: 45;
  background: #fff;
  border: 1px solid #ded9e2;
  border-radius: 14px;
  width: 310px;
  padding: 15px;
  animation: .16s cubic-bezier(.22, 1, .36, 1) both admin-popover-in;
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  box-shadow: 0 20px 55px #1f17242e;
}

.admin-date-picker.is-end .admin-calendar {
  left: auto;
  right: 0;
}

.admin-calendar > header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 3px;
  display: flex;
}

.admin-calendar > header > strong {
  color: #2b262e;
  letter-spacing: -.02em;
  font-size: 15px;
}

.admin-calendar > header > div {
  gap: 4px;
  display: flex;
}

.admin-calendar > header button {
  color: #736c77;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e6e2e8;
  border-radius: 8px;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.admin-calendar > header button:hover {
  color: #7119c5;
  background: #f7f1fb;
  border-color: #cdbbd9;
}

.admin-calendar > header svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 17px;
  height: 17px;
}

.admin-calendar-weekdays, .admin-calendar-days {
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.admin-calendar-weekdays span {
  color: #98919c;
  place-items: center;
  height: 29px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.admin-calendar-weekdays span:first-child {
  color: #d05b67;
}

.admin-calendar-weekdays span:last-child {
  color: #4a82bd;
}

.admin-calendar-days {
  row-gap: 3px;
}

.admin-calendar-days button {
  color: #3c3640;
  cursor: pointer;
  width: 36px;
  height: 36px;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 10px;
  place-self: center;
  place-items: center;
  font-size: 12px;
  font-weight: 650;
  display: grid;
  position: relative;
}

.admin-calendar-days button:hover:not(:disabled) {
  color: #6e19b8;
  background: #f2e9f9;
}

.admin-calendar-days button.is-outside {
  color: #c1bbc4;
}

.admin-calendar-days button.is-today {
  color: #721bc1;
  box-shadow: inset 0 0 0 1px #b990d3;
}

.admin-calendar-days button.is-selected {
  box-shadow: none;
  color: #fff;
  background: #251d29;
}

.admin-calendar-days button:disabled {
  cursor: not-allowed;
  opacity: .22;
}

.admin-calendar > footer {
  border-top: 1px solid #eeeaf0;
  justify-content: space-between;
  margin-top: 10px;
  padding: 11px 3px 0;
  display: flex;
}

.admin-calendar > footer button {
  color: #741bc6;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  font-size: 11px;
  font-weight: 750;
}

.admin-select {
  z-index: 4;
  min-width: 0;
  position: relative;
}

.admin-select.is-open {
  z-index: 40;
}

.admin-select-trigger {
  color: #514b55;
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #dedbe2;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 650;
  transition: border-color .15s, box-shadow .15s, background .15s;
  display: flex;
}

.admin-select-trigger:hover:not(:disabled) {
  border-color: #c9bdcf;
}

.admin-select.is-open .admin-select-trigger {
  border-color: #8b28db;
  box-shadow: 0 0 0 3px #8b28db17;
}

.admin-select-trigger:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.admin-select-trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.admin-select-trigger > svg {
  fill: none;
  stroke: #8d8692;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  flex: none;
  width: 18px;
  height: 18px;
  transition: transform .15s;
}

.admin-select.is-open .admin-select-trigger > svg {
  transform: rotate(180deg);
}

.admin-select-popover {
  z-index: 45;
  background: #fff;
  border: 1px solid #ded9e2;
  border-radius: 12px;
  outline: 0;
  min-width: 160px;
  max-height: 310px;
  padding: 6px;
  animation: .15s cubic-bezier(.22, 1, .36, 1) both admin-popover-in;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 18px 46px #1f172429;
}

.admin-select.opens-up .admin-select-popover {
  animation-name: admin-popover-up-in;
  top: auto;
  bottom: calc(100% + 7px);
  box-shadow: 0 -14px 42px #1f172424;
}

.admin-select-popover > button {
  color: #514b55;
  cursor: pointer;
  width: 100%;
  min-height: 40px;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 9px;
  display: flex;
}

.admin-select-popover > button:hover, .admin-select-popover > button.is-highlighted {
  background: #f7f3f9;
}

.admin-select-popover > button.is-selected {
  color: #7119c5;
  background: #f1e7f8;
}

.admin-select-popover > button > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.admin-select-popover strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.admin-select-popover small {
  color: #928b96;
  font-size: 10px;
  font-weight: 500;
}

.admin-select-popover svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  opacity: 0;
  flex: none;
  width: 17px;
  height: 17px;
}

.admin-select-popover .is-selected svg {
  opacity: 1;
}

@keyframes admin-popover-in {
  from {
    opacity: 0;
    transform: translateY(-5px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes admin-popover-up-in {
  from {
    opacity: 0;
    transform: translateY(5px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.mm-search-row {
  grid-template-columns: 132px minmax(240px, 1fr) 160px 126px auto 42px;
  gap: 8px;
  display: grid;
}

.mm-search-box {
  color: #514b55;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #dedbe2;
  border-radius: 10px;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.mm-search-box:focus-within {
  border-color: #8b28db;
  box-shadow: 0 0 0 3px #8b28db17;
}

.mm-search-box svg {
  fill: none;
  stroke: #918a95;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 19px;
  height: 19px;
  margin-left: 13px;
}

.mm-search-box input {
  color: #221e25;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  align-self: stretch;
  padding: 0 12px 0 9px;
  font-size: 13px;
}

.mm-search-box input::placeholder {
  color: #aaa4ad;
}

.mm-primary-button, .mm-icon-button {
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  display: inline-flex;
}

.mm-primary-button {
  color: #fff;
  background: #241d28;
  border: 0;
  min-width: 78px;
  font-size: 12px;
  font-weight: 700;
}

.mm-primary-button:hover {
  background: #7119c5;
}

.mm-icon-button {
  color: #77717b;
  background: #fff;
  border: 1px solid #dedbe2;
}

.mm-icon-button:hover {
  color: #6815b2;
  border-color: #c8bdcf;
}

.mm-icon-button svg, .mm-list-toolbar button svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 18px;
  height: 18px;
}

.mm-list-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 66px;
  display: flex;
}

.mm-list-toolbar > div {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.mm-list-toolbar strong {
  font-size: 16px;
}

.mm-list-toolbar span {
  color: #741bc6;
  font-size: 13px;
  font-weight: 750;
}

.mm-list-toolbar small {
  color: #99939d;
  font-size: 11px;
}

.mm-list-toolbar button {
  color: #6e6872;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2dfe5;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  height: 35px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.mm-list-toolbar button:hover {
  color: #6514af;
  border-color: #cbbfd2;
}

.mm-table-wrap {
  border: 1px solid #ebe9ed;
  border-radius: 12px;
  overflow-x: auto;
}

.mm-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  min-width: 1160px;
}

.mm-table th {
  color: #77717b;
  text-align: left;
  background: #f8f7f9;
  border-bottom: 1px solid #dedbe1;
  height: 43px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
}

.mm-table th:first-child {
  text-align: center;
  width: 55px;
}

.mm-table th:nth-child(2) {
  width: 170px;
}

.mm-table th:nth-child(3) {
  width: 210px;
}

.mm-table th:nth-child(4) {
  width: 130px;
}

.mm-table th:nth-child(5), .mm-table th:nth-child(6) {
  width: 105px;
}

.mm-table th:nth-child(7) {
  width: 135px;
}

.mm-table th:nth-child(8) {
  width: 85px;
}

.mm-table th:nth-child(9) {
  width: 90px;
}

.mm-table td {
  color: #4d4751;
  vertical-align: middle;
  border-bottom: 1px solid #eeecf0;
  height: 68px;
  padding: 9px 10px;
  font-size: 12px;
}

.mm-table tbody tr:last-child td {
  border-bottom: 0;
}

.mm-table tbody tr:hover {
  background: #fcfbfd;
}

.mm-table td:first-child {
  color: #99939d;
  text-align: center;
}

.mm-table td > small {
  color: #99939d;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 10px;
  display: block;
  overflow: hidden;
}

.mm-member-cell {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.mm-member-cell > span, .mm-mobile-avatar {
  color: #741bc6;
  background: #f1e8f8;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 12px;
  font-weight: 750;
  display: grid;
}

.mm-member-cell > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.mm-member-cell strong, .mm-account {
  color: #262129;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.mm-member-cell small {
  color: #aaa4ae;
  text-transform: uppercase;
  font-size: 9px;
}

.mm-type-badge, .mm-source-badge, .mm-status {
  white-space: nowrap;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.mm-type-badge {
  color: #4271a8;
  background: #f1f5fb;
  padding: 6px 8px;
}

.mm-type-badge.is-company {
  color: #2e8563;
  background: #edf8f3;
}

.mm-source-badge {
  color: #3175be;
  background: #eef5ff;
  padding: 6px 8px;
}

.mm-source-badge i, .mm-status i {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.mm-source-badge.is-solution {
  color: #33815f;
  background: #eef8f2;
}

.mm-source-badge.is-educe {
  color: #a96d12;
  background: #fff4e3;
}

.mm-status {
  color: #31855e;
}

.mm-status.is-suspended, .mm-status.is-locked, .mm-status.is-withdrawn {
  color: #a24d5d;
}

.mm-status.is-pending {
  color: #4778b0;
}

.mm-detail-button {
  color: #5f5863;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded9e2;
  border-radius: 8px;
  height: 32px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
}

.mm-detail-button:hover {
  color: #7017bb;
  border-color: #a765d6;
}

.mm-mobile-list {
  display: none;
}

.mm-pagination {
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
  display: flex;
}

.mm-pagination a {
  color: #6f6873;
  background: #fff;
  border: 1px solid #e3e0e6;
  border-radius: 8px;
  place-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 650;
  display: grid;
}

.mm-pagination a.is-active {
  color: #fff;
  background: #771bca;
  border-color: #771bca;
}

.mm-pagination a.is-disabled {
  pointer-events: none;
  opacity: .38;
}

.mm-empty {
  text-align: center;
  align-content: center;
  place-items: center;
  min-height: 300px;
  display: grid;
}

.mm-empty > span {
  color: #7620bf;
  background: #f2eafb;
  border-radius: 15px;
  place-items: center;
  width: 52px;
  height: 52px;
  display: grid;
}

.mm-empty svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 23px;
  height: 23px;
}

.mm-empty strong {
  margin-top: 16px;
  font-size: 16px;
}

.mm-empty p {
  color: #88818c;
  margin: 7px 0 17px;
  font-size: 12px;
}

.mm-empty a {
  color: #7119c5;
  font-size: 12px;
  font-weight: 700;
}

.mm-data-note {
  color: #938d97;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  margin: 12px 3px 0;
  font-size: 10px;
  display: flex;
}

.mm-data-note i {
  background: #48bd7d;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.mm-modal-backdrop {
  z-index: 50;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  will-change: opacity;
  background: #1512186b;
  justify-content: flex-end;
  align-items: stretch;
  animation: .22s ease-out both mm-backdrop-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.mm-modal {
  overscroll-behavior: contain;
  backface-visibility: hidden;
  will-change: transform, opacity;
  background: #fff;
  border: 0;
  border-left: 1px solid #e1dfe4;
  border-radius: 20px 0 0 20px;
  flex-direction: column;
  width: min(100%, 520px);
  height: 100dvh;
  animation: .3s cubic-bezier(.22, 1, .36, 1) both mm-drawer-in;
  display: flex;
  position: relative;
  overflow: hidden auto;
  box-shadow: -24px 0 70px #1c152038;
}

.mm-modal-backdrop.is-closing {
  pointer-events: none;
  animation: .3s ease-in both mm-backdrop-out;
}

.mm-modal-backdrop.is-closing .mm-modal {
  animation: .32s cubic-bezier(.4, 0, .6, 1) both mm-drawer-out;
}

.mm-modal > header {
  z-index: 2;
  background: inherit;
  border-bottom: 1px solid #ebe8ed;
  justify-content: space-between;
  align-items: flex-start;
  padding: 23px 24px 19px;
  display: flex;
  position: sticky;
  top: 0;
}

.mm-modal > header span {
  color: #7c1ad3;
  letter-spacing: .17em;
  font-size: 9px;
  font-weight: 800;
}

.mm-modal > header h2 {
  margin: 7px 0 0;
  font-size: 21px;
}

.mm-modal > header button {
  color: #77717b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e4e1e6;
  border-radius: 9px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.mm-modal > header svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 17px;
  height: 17px;
}

.mm-modal-profile {
  background: #f8f6f9;
  border-radius: 13px;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  margin: 22px 24px;
  padding: 17px;
  display: grid;
}

.mm-modal-profile > b {
  color: #7119c5;
  background: #eee2f8;
  border-radius: 13px;
  place-items: center;
  width: 50px;
  height: 50px;
  font-size: 17px;
  display: grid;
}

.mm-modal-profile > div {
  gap: 4px;
  display: grid;
}

.mm-modal-profile > div strong {
  font-size: 16px;
}

.mm-modal-profile > div span {
  color: #817a85;
  font-size: 12px;
}

.mm-modal dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0 24px 22px;
  display: grid;
}

.mm-modal dl > div {
  border-bottom: 1px solid #efedf1;
  min-width: 0;
  padding: 14px 10px;
}

.mm-modal dt {
  color: #8d8791;
  font-size: 11px;
}

.mm-modal dd {
  overflow-wrap: anywhere;
  color: #2d2830;
  margin: 7px 0 0;
  font-size: 13px;
  font-weight: 650;
}

.mm-edit-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.mm-edit-fields {
  gap: 17px;
  padding: 2px 24px 24px;
  display: grid;
}

.mm-edit-fields > label, .mm-edit-field {
  gap: 8px;
  display: grid;
}

.mm-edit-fields > label > span, .mm-edit-field > span {
  color: #716a75;
  font-size: 12px;
  font-weight: 700;
}

.mm-edit-fields input {
  color: #2a252d;
  width: 100%;
  height: 46px;
  font: inherit;
  background: #fff;
  border: 1px solid #ddd8e0;
  border-radius: 10px;
  outline: 0;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 600;
  transition: border-color .15s, box-shadow .15s;
}

.mm-edit-fields input:focus {
  border-color: #8b28db;
  box-shadow: 0 0 0 3px #8b28db17;
}

.mm-edit-locked {
  background: #faf7fc;
  border: 1px solid #ebe4ef;
  border-radius: 11px;
  align-items: flex-start;
  gap: 11px;
  margin: 0 24px 22px;
  padding: 14px;
  display: flex;
}

.mm-edit-locked > svg {
  fill: none;
  stroke: #8a42bd;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  flex: none;
  width: 19px;
  height: 19px;
}

.mm-edit-locked strong {
  color: #4d4056;
  font-size: 12px;
}

.mm-edit-locked p {
  color: #8a818f;
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 1.55;
}

.mm-edit-message {
  border-radius: 9px;
  margin: 0 24px 18px;
  padding: 11px 13px;
  font-size: 11px;
  font-weight: 650;
}

.mm-edit-message.is-success {
  color: #267450;
  background: #eaf8f0;
}

.mm-edit-message.is-error {
  color: #a13e50;
  background: #fff0f1;
}

.mm-modal-footer {
  background: #f8f7f9;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: auto;
  padding: 16px 24px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.mm-modal-footer > span {
  color: #77717b;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: flex;
}

.mm-modal-footer > span i {
  background: #efaa29;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.mm-modal-footer > div {
  gap: 7px;
  display: flex;
}

.mm-modal-footer button {
  color: #fff;
  cursor: pointer;
  min-width: 84px;
  height: 38px;
  font: inherit;
  background: #251e29;
  border: 0;
  border-radius: 9px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 700;
}

.mm-modal-footer button.is-secondary {
  color: #625b66;
  background: #fff;
  border: 1px solid #ded9e1;
}

.mm-modal-footer button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

@keyframes mm-backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mm-backdrop-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mm-drawer-in {
  from {
    opacity: .82;
    transform: translate3d(52px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes mm-drawer-out {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: .82;
    transform: translate3d(64px, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mm-modal-backdrop, .mm-modal, .mm-expanded-detail, .admin-calendar, .admin-select-popover {
    animation-duration: 1ms;
  }
}

html[data-theme="dark"] .mm-heading > div:first-child > span {
  color: #ffc83d;
}

html[data-theme="dark"] .mm-heading p {
  color: #aaa6b0;
}

html[data-theme="dark"] .mm-heading-summary, html[data-theme="dark"] .mm-stat-grid > a, html[data-theme="dark"] .mm-panel, html[data-theme="dark"] .mm-modal {
  background: #18191f;
  border-color: #2d2e36;
}

html[data-theme="dark"] .mm-heading-summary span, html[data-theme="dark"] .mm-heading-summary small, html[data-theme="dark"] .mm-stat-grid span {
  color: #a6a2ac;
}

html[data-theme="dark"] .mm-stat-grid strong {
  color: #f4f2f6;
}

html[data-theme="dark"] .mm-stat-grid small {
  color: #85828c;
}

html[data-theme="dark"] .mm-stat-grid > a.is-active {
  background: #252119;
}

html[data-theme="dark"] .mm-stat-grid:has(.mm-card-navigation-status.is-pending) > a.is-active:not(:has(.mm-card-navigation-status.is-pending)) {
  background: #18191f;
  border-color: #2d2e36;
}

html[data-theme="dark"] .mm-source-tabs, html[data-theme="dark"] .mm-filter-form, html[data-theme="dark"] .mm-modal > header {
  border-color: #2d2e36;
}

html[data-theme="dark"] .mm-source-tabs a {
  color: #aaa7b0;
}

html[data-theme="dark"] .mm-source-tabs a:hover {
  color: #f3f1f5;
  background: #22232a;
}

html[data-theme="dark"] .mm-source-tabs a.is-active {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .mm-source-tabs b {
  background: #ffffff12;
}

html[data-theme="dark"] .admin-date-range, html[data-theme="dark"] .admin-select-trigger, html[data-theme="dark"] .mm-search-box, html[data-theme="dark"] .mm-icon-button, html[data-theme="dark"] .mm-list-toolbar button, html[data-theme="dark"] .mm-detail-button, html[data-theme="dark"] .mm-pagination a, html[data-theme="dark"] .mm-modal > header button, html[data-theme="dark"] .mm-edit-fields input {
  color: #d3cfd7;
  background: #202127;
  border-color: #373841;
}

html[data-theme="dark"] .admin-date-trigger {
  color: #ece9ee;
}

html[data-theme="dark"] .admin-date-trigger:hover, html[data-theme="dark"] .admin-date-picker.is-open .admin-date-trigger {
  background: #282930;
}

html[data-theme="dark"] .admin-calendar, html[data-theme="dark"] .admin-select-popover {
  background: #1d1e24;
  border-color: #3a3b44;
  box-shadow: 0 20px 60px #0000006b;
}

html[data-theme="dark"] .admin-calendar > header > strong, html[data-theme="dark"] .admin-calendar-days button {
  color: #e9e6eb;
}

html[data-theme="dark"] .admin-calendar > header button {
  color: #b7b3bc;
  background: #24252c;
  border-color: #3a3b44;
}

html[data-theme="dark"] .admin-calendar-days button:hover:not(:disabled), html[data-theme="dark"] .admin-select-popover > button:hover, html[data-theme="dark"] .admin-select-popover > button.is-highlighted {
  color: #ffd052;
  background: #2a2b32;
}

html[data-theme="dark"] .admin-calendar-days button.is-selected {
  color: #241a08;
  background: #ffbf2f;
}

html[data-theme="dark"] .admin-calendar > footer {
  border-color: #33343c;
}

html[data-theme="dark"] .admin-calendar > footer button {
  color: #ffca3a;
}

html[data-theme="dark"] .admin-select.is-open .admin-select-trigger {
  border-color: #d99b1f;
  box-shadow: 0 0 0 3px #ffbf2f1a;
}

html[data-theme="dark"] .admin-select-popover > button {
  color: #c7c3cb;
}

html[data-theme="dark"] .admin-select-popover > button.is-selected {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .mm-search-box input, html[data-theme="dark"] .mm-edit-fields input {
  color: #f2eff4;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html[data-theme="dark"] .mm-search-box:focus-within {
  border-color: #d99b1f;
  box-shadow: 0 0 0 3px #ffbf2f1a;
}

html[data-theme="dark"] .mm-primary-button, html[data-theme="dark"] .mm-modal-footer button:not(.is-secondary) {
  color: #241a08;
  background: #ffbf2f;
}

html[data-theme="dark"] .mm-list-toolbar span, html[data-theme="dark"] .mm-modal > header span {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-table-wrap {
  border-color: #2f3038;
}

html[data-theme="dark"] .mm-table th {
  color: #aaa7b0;
  background: #22232a;
  border-color: #34353d;
}

html[data-theme="dark"] .mm-table td {
  color: #bcb8c1;
  border-color: #2d2e36;
}

html[data-theme="dark"] .mm-table tbody tr:hover {
  background: #1d1e24;
}

html[data-theme="dark"] .mm-member-cell strong, html[data-theme="dark"] .mm-account {
  color: #f2f0f4;
}

html[data-theme="dark"] .mm-member-cell > span, html[data-theme="dark"] .mm-mobile-avatar {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .mm-type-badge {
  color: #75b6f6;
  background: #1b2c40;
}

html[data-theme="dark"] .mm-type-badge.is-company, html[data-theme="dark"] .mm-source-badge.is-solution {
  color: #65d1a7;
  background: #17342b;
}

html[data-theme="dark"] .mm-source-badge {
  color: #76b6f5;
  background: #1b2c40;
}

html[data-theme="dark"] .mm-source-badge.is-educe {
  color: #ffc95a;
  background: #392d17;
}

html[data-theme="dark"] .mm-modal-profile, html[data-theme="dark"] .mm-modal-footer {
  background: #202127;
}

html[data-theme="dark"] .mm-detail-skeleton-metrics > i, html[data-theme="dark"] .mm-detail-skeleton-block {
  background: #1d1e24;
  border-color: #30313a;
}

html[data-theme="dark"] .mm-detail-skeleton-block > i, html[data-theme="dark"] .mm-detail-skeleton-block > span {
  background: #30313a;
}

html[data-theme="dark"] .mm-modal-profile > b {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .mm-modal dl > div {
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-modal dt, html[data-theme="dark"] .mm-modal-profile > div span {
  color: #98959f;
}

html[data-theme="dark"] .mm-modal dd {
  color: #f1eff3;
}

html[data-theme="dark"] .mm-edit-locked {
  background: #222228;
  border-color: #36343d;
}

html[data-theme="dark"] .mm-edit-locked strong {
  color: #ded9e2;
}

html[data-theme="dark"] .mm-edit-locked p {
  color: #9e98a3;
}

html[data-theme="dark"] .mm-modal-footer button.is-secondary {
  color: #d0ccd4;
  background: #292a31;
  border-color: #41414a;
}

@media (max-width: 1100px) {
  .mm-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mm-search-row {
    grid-template-columns: 125px minmax(210px, 1fr) 145px 115px auto 42px;
  }
}

@media (max-width: 760px) {
  .mm-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .mm-heading-summary {
    width: 100%;
  }

  .mm-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mm-stat-grid > a {
    min-height: 102px;
  }

  .mm-panel {
    padding: 0 16px 18px;
  }

  .admin-date-range {
    width: 100%;
  }

  .admin-date-picker {
    flex: 1;
    min-width: 0;
  }

  .admin-date-trigger {
    width: 100%;
    min-width: 0;
  }

  .admin-date-trigger small {
    display: none;
  }

  .mm-search-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) 42px;
  }

  .mm-search-box {
    grid-area: 1 / 1 / auto / -1;
  }

  .mm-field-select {
    grid-area: 2 / 1;
  }

  .mm-school-select {
    grid-area: 2 / 2;
  }

  .mm-status-select {
    grid-area: 2 / 3;
  }

  .mm-icon-button {
    grid-area: 2 / 4;
  }

  .mm-primary-button {
    grid-area: 3 / 1 / auto / -1;
    min-width: 0;
  }

  .mm-table-wrap {
    display: none;
  }

  .mm-mobile-list {
    border-top: 1px solid #ebe9ed;
    display: grid;
  }

  .mm-mobile-list > button {
    min-height: 82px;
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
    border-bottom: 1px solid #ebe9ed;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px 0;
    display: grid;
  }

  .mm-mobile-list > button > span:nth-child(2) {
    gap: 4px;
    min-width: 0;
    display: grid;
  }

  .mm-mobile-list > button > span:nth-child(2) strong, .mm-mobile-list > button > span:nth-child(2) small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .mm-mobile-list > button > span:nth-child(2) strong {
    font-size: 13px;
  }

  .mm-mobile-list > button > span:nth-child(2) small {
    color: #817a85;
    font-size: 11px;
  }

  .mm-mobile-list > button > span:nth-child(2) i {
    color: #aaa4ae;
    font-size: 10px;
    font-style: normal;
  }

  .mm-mobile-list > button > span:last-child {
    justify-items: end;
    gap: 7px;
    display: grid;
  }

  .mm-mobile-list > button > span:last-child em {
    color: #817a85;
    font-size: 10px;
    font-style: normal;
  }

  html[data-theme="dark"] .mm-mobile-list, html[data-theme="dark"] .mm-mobile-list > button {
    border-color: #2e2f37;
  }

  .mm-modal dl {
    grid-template-columns: 1fr;
  }

  .mm-modal-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .mm-modal-footer > div {
    width: 100%;
  }

  .mm-modal-footer button {
    flex: 1;
  }
}

@media (max-width: 480px) {
  .mm-stat-grid {
    gap: 8px;
  }

  .mm-stat-grid > a {
    min-height: 96px;
    padding: 14px;
  }

  .mm-stat-grid strong {
    font-size: 22px;
  }

  .mm-source-tabs {
    margin: 0 -2px;
  }

  .admin-date-range {
    gap: 0;
  }

  .admin-date-range > i {
    width: 7px;
  }

  .admin-date-trigger {
    padding: 0 7px;
  }

  .admin-date-trigger strong {
    font-size: 11px;
  }

  .admin-date-trigger > svg {
    width: 15px;
    height: 15px;
  }

  .admin-calendar {
    width: min(310px, 100vw - 40px);
  }

  .admin-date-picker.is-start .admin-calendar {
    left: -5px;
  }

  .admin-date-picker.is-end .admin-calendar {
    right: -5px;
  }

  .mm-list-toolbar {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 13px 0;
  }

  .mm-list-toolbar button {
    justify-content: center;
    align-self: stretch;
  }

  .mm-modal {
    border-radius: 16px 0 0 16px;
    width: min(100%, 440px);
  }

  .mm-modal-profile {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .mm-modal-profile > .mm-status {
    grid-column: 1 / -1;
    width: fit-content;
  }
}

@media (max-width: 1180px) {
  .sa-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sa-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .sa-queue-panel, .sa-activity-panel {
    grid-column: auto;
  }
}

@media (max-width: 860px) {
  .sa-shell {
    display: block;
  }

  .sa-sidebar {
    width: 246px;
    transition: transform .18s;
    position: fixed;
    left: 0;
    transform: translateX(-102%);
  }

  .sa-shell.is-nav-open .sa-sidebar {
    transform: translateX(0);
  }

  .sa-nav-scrim {
    z-index: 19;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #18141b57;
    border: 0;
    position: fixed;
    inset: 0;
  }

  .sa-shell.is-nav-open .sa-nav-scrim {
    display: block;
  }

  .sa-menu-button {
    display: grid;
  }
}

@media (max-width: 640px) {
  .sa-topbar {
    min-height: 68px;
    padding: 0 16px;
  }

  .sa-topbar-title span, .sa-secure-badge, .sa-profile > span {
    display: none;
  }

  .sa-topbar-title strong {
    white-space: nowrap;
    font-size: 16px;
  }

  .sa-profile {
    margin-left: 0;
    padding-right: 8px;
  }

  .sa-topbar-actions {
    gap: 5px;
  }

  .sa-main {
    padding: 26px 16px 36px;
  }

  .sa-welcome {
    flex-direction: column;
    align-items: flex-start;
  }

  .sa-date-card {
    justify-items: start;
  }

  .sa-metric-grid {
    grid-template-columns: 1fr;
  }

  .sa-metric-card {
    min-height: 158px;
  }

  .sa-panel {
    padding: 18px;
  }

  .sa-panel-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .sa-chart-controls {
    align-self: stretch;
  }

  .sa-chart-controls button {
    flex: 1;
  }

  .sa-chart-legend {
    justify-content: flex-start;
  }

  .sa-security-score {
    flex-direction: column;
    align-items: flex-start;
  }

  .sa-security-score p {
    border-top: 1px solid #46384e;
    border-left: 0;
    padding: 12px 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-sidebar, .sa-navigation a, .sa-navigation-parent > button, .sa-navigation-children {
    transition: none;
  }
}

body, .sa-shell, .sa-sidebar, .sa-topbar, .sa-metric-card, .sa-panel, .sa-coming-card, .sa-icon-button, .sa-security-card, .login-page, .login-card, .login-stage, .login-input-wrap {
  transition: background-color .18s, border-color .18s, color .18s, box-shadow .18s;
}

.sa-theme-toggle {
  overflow: hidden;
}

.sa-theme-toggle .sa-icon {
  transition: transform .22s;
}

.sa-theme-toggle:hover .sa-icon {
  transform: rotate(12deg);
}

.sa-theme-toggle > span {
  place-items: center;
  display: grid;
}

.sa-theme-dark-icon {
  display: none !important;
}

html[data-theme="dark"] .sa-theme-light-icon {
  display: none;
}

html[data-theme="dark"] .sa-theme-dark-icon {
  display: grid !important;
}

html[data-theme="dark"] body {
  color: #f3f1f5;
  background: #0e0f13;
}

html[data-theme="dark"] .sa-shell {
  color: #f4f2f6;
  background: #101116;
}

html[data-theme="dark"] .sa-sidebar {
  background: #16171d;
  border-color: #292a32;
}

html[data-theme="dark"] .sa-brand {
  border-color: #292a32;
}

html[data-theme="dark"] .sa-brand small, html[data-theme="dark"] .sa-navigation section > p {
  color: #777783;
}

html[data-theme="dark"] .sa-navigation a, html[data-theme="dark"] .sa-navigation-parent > button {
  color: #a4a2ac;
}

html[data-theme="dark"] .sa-navigation a:hover, html[data-theme="dark"] .sa-navigation-parent > button:hover {
  color: #f2eff4;
  background: #202129;
}

html[data-theme="dark"] .sa-navigation-parent.is-open:not(.is-active) > button {
  color: #d2ced5;
  background: #1d1e24;
}

html[data-theme="dark"] .sa-navigation a.is-active, html[data-theme="dark"] .sa-navigation-parent.is-active > button {
  color: #ffca3a;
  background: #302817;
}

html[data-theme="dark"] .sa-navigation a.is-active:before {
  background: #ffbf2f;
}

html[data-theme="dark"] .sa-navigation-children:before {
  background: #35363e;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-children > a.is-active {
  color: #ffca3a;
  background: none;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-children > a:hover {
  background: #202129;
}

html[data-theme="dark"] .sa-security-card {
  background: #1c1d24;
  border-color: #30313a;
}

html[data-theme="dark"] .sa-security-card > span {
  color: #ffca3a;
  background: #302817;
}

html[data-theme="dark"] .sa-security-card small {
  color: #7e7c87;
}

html[data-theme="dark"] .sa-topbar {
  background: #14151be8;
  border-color: #30313ae6;
}

html[data-theme="dark"] .sa-topbar-title span, html[data-theme="dark"] .sa-profile small {
  color: #85838d;
}

html[data-theme="dark"] .sa-icon-button, html[data-theme="dark"] .sa-menu-button {
  color: #aaa7b1;
  background: #1d1e25;
  border-color: #34353e;
}

html[data-theme="dark"] .sa-icon-button:hover {
  color: #ffd15c;
  background: #2c271b;
  border-color: #6f5928;
}

html[data-theme="dark"] .sa-profile {
  border-color: #35353e;
}

html[data-theme="dark"] .sa-profile > b {
  color: #241a08;
  background: linear-gradient(145deg, #ffd044, #e99a16);
}

html[data-theme="dark"] .sa-secure-badge {
  color: #63d397;
  background: #172a21;
  border-color: #274c3b;
}

html[data-theme="dark"] .sa-welcome p, html[data-theme="dark"] .sa-date-card > span {
  color: #8b8993;
}

html[data-theme="dark"] .sa-date-card strong {
  color: #6ed79b;
}

html[data-theme="dark"] .sa-kicker, html[data-theme="dark"] .sa-panel-header > div:first-child > span {
  color: #ffc83d;
}

html[data-theme="dark"] .sa-metric-card, html[data-theme="dark"] .sa-panel, html[data-theme="dark"] .sa-coming-card {
  background: #18191f;
  border-color: #2c2d35;
  box-shadow: 0 12px 34px #00000024;
}

html[data-theme="dark"] .sa-metric-head > span {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .sa-metric-card.is-blue .sa-metric-head > span {
  color: #64aef8;
  background: #1b2c40;
}

html[data-theme="dark"] .sa-metric-card.is-mint .sa-metric-head > span {
  color: #60d1a5;
  background: #17342b;
}

html[data-theme="dark"] .sa-metric-card.is-coral .sa-metric-head > span {
  color: #ff8b75;
  background: #3b2524;
}

html[data-theme="dark"] .sa-metric-card > p, html[data-theme="dark"] .sa-metric-value > span {
  color: #a09da7;
}

html[data-theme="dark"] .sa-metric-head small, html[data-theme="dark"] .sa-metric-card footer span, html[data-theme="dark"] .sa-chart-legend span, html[data-theme="dark"] .sa-preview-note {
  color: #777681;
}

html[data-theme="dark"] .sa-panel-header p {
  color: #a19ea8;
}

html[data-theme="dark"] .sa-metric-card footer b {
  color: #69d49d;
  background: #183428;
}

html[data-theme="dark"] .sa-chart-controls {
  background: #22232a;
}

html[data-theme="dark"] .sa-chart-controls button {
  color: #85838d;
}

html[data-theme="dark"] .sa-chart-controls button.is-active {
  color: #ffd15c;
  background: #3a311d;
  box-shadow: 0 3px 10px #0003;
}

html[data-theme="dark"] .sa-chart-legend i.is-violet {
  background: #ffbf2f;
}

html[data-theme="dark"] .sa-security-score {
  background: linear-gradient(135deg, #0d0e12, #292313);
  box-shadow: inset 0 0 0 1px #3b321f;
}

html[data-theme="dark"] .sa-security-score .sa-icon {
  color: #ffca3a;
}

html[data-theme="dark"] .sa-security-score p {
  border-color: #463c25;
}

html[data-theme="dark"] .sa-security-list li, html[data-theme="dark"] .sa-queue-list > div, html[data-theme="dark"] .sa-activity-list > div {
  border-color: #2b2c34;
}

html[data-theme="dark"] .sa-security-list li span {
  color: #aaa7b0;
}

html[data-theme="dark"] .sa-status-pill {
  color: #6ed79b;
  background: #183126;
}

html[data-theme="dark"] .sa-secondary-button {
  color: #ffd15c;
  background: #2b2518;
  border-color: #55451f;
}

html[data-theme="dark"] .sa-total-badge {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .sa-queue-list span small, html[data-theme="dark"] .sa-activity-list small, html[data-theme="dark"] .sa-activity-list time {
  color: #aaa7b0;
}

html[data-theme="dark"] .sa-queue-list button {
  color: #aaa7b0;
  background: #25262e;
}

html[data-theme="dark"] .sa-queue-list i.is-violet {
  background: #ffbf2f;
}

html[data-theme="dark"] .sa-text-button {
  color: #ffca3a;
}

html[data-theme="dark"] .sa-activity-list > div > span {
  color: #ffca3a;
  background: #302817;
}

html[data-theme="dark"] .sa-coming-card > span {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .sa-coming-card > small {
  color: #eeb534;
}

html[data-theme="dark"] .sa-coming-card > p {
  color: #98959f;
}

html[data-theme="dark"] .sa-coming-card > div {
  color: #75d49c;
  background: #182a21;
}

html[data-theme="dark"] .sa-coming-card > a {
  color: #1a171d;
  background: #eeeaf1;
}

html[data-theme="dark"] .sa-coming-card > a:hover {
  color: #211907;
  background: #ffbf2f;
}

html[data-theme="dark"] .login-page {
  background: #0f1014;
}

html[data-theme="dark"] .login-page:before {
  background-image: linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
}

html[data-theme="dark"] .login-stage {
  background: #17181e;
  border-color: #30313a;
  box-shadow: 0 34px 90px #00000059;
}

html[data-theme="dark"] .login-card {
  color: #f4f1f6;
  background: #17181e;
}

html[data-theme="dark"] .login-mobile-brand {
  color: #f4f1f6;
}

html[data-theme="dark"] .login-copy p, html[data-theme="dark"] .login-eyebrow, html[data-theme="dark"] .verify-enrollment-copy > strong {
  color: #ffca3a;
}

html[data-theme="dark"] .login-eyebrow:before {
  background: #ffbf2f;
}

html[data-theme="dark"] .login-copy > span, html[data-theme="dark"] .login-field-help, html[data-theme="dark"] .login-notice p {
  color: #8d8993;
}

html[data-theme="dark"] .login-field > label, html[data-theme="dark"] .login-label-row > label {
  color: #c2bec7;
}

html[data-theme="dark"] .login-label-row small {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .login-input-wrap {
  color: #777681;
  background: #202127;
  border-color: #363740;
}

html[data-theme="dark"] .login-input-wrap:focus-within {
  background: #24252c;
  border-color: #d99b1f;
  box-shadow: 0 0 0 4px #ffbf2f1f;
}

html[data-theme="dark"] .login-totp-group input:not([type="hidden"]) {
  color: #f4f1f6;
  background: #202127;
  border-color: #363740;
}

html[data-theme="dark"] .login-totp-group input:not([type="hidden"]):focus {
  background: #24252c;
  border-color: #d99b1f;
  box-shadow: 0 0 0 4px #ffbf2f1f;
}

html[data-theme="dark"] .login-totp-group input.is-filled:not([type="hidden"]) {
  background: #26231e;
  border-color: #765b32;
}

html[data-theme="dark"] .login-form input {
  color: #f4f1f6;
}

html[data-theme="dark"] .login-form input::placeholder {
  color: #666570;
}

html[data-theme="dark"] .login-password-toggle {
  color: #aaa6b0;
}

html[data-theme="dark"] .login-password-toggle:hover, html[data-theme="dark"] .verify-back a:hover {
  color: #ffca3a;
}

html[data-theme="dark"] .login-form > button {
  color: #211907;
  background: linear-gradient(115deg, #ffd044, #ffb423 62%, #e49313);
  box-shadow: 0 12px 25px #e0931333;
}

html[data-theme="dark"] .login-form > button:hover:not(:disabled) {
  box-shadow: 0 16px 30px #e0931347;
}

html[data-theme="dark"] .login-notice {
  border-color: #2d2e35;
}

html[data-theme="dark"] .login-notice > span {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .verify-enrollment {
  background: linear-gradient(145deg, #1d1e24, #202028);
  border-color: #34353d;
}

html[data-theme="dark"] .verify-qr-frame {
  border-color: #3a3b43;
}

html[data-theme="dark"] .verify-enrollment-copy > p, html[data-theme="dark"] .verify-enrollment-copy details {
  color: #97939d;
}

html[data-theme="dark"] .verify-enrollment-copy code {
  color: #d3ced7;
  background: #15161b;
}

.as-page {
  color: #211d24;
  width: 100%;
  min-width: 0;
  margin: 0 auto;
}

.as-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 24px;
  display: flex;
}

.as-heading > div:first-child > span {
  color: #7e22c7;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 900;
}

.as-heading h1 {
  letter-spacing: -.045em;
  margin: 8px 0 7px;
  font-size: clamp(25px, 2.4vw, 34px);
}

.as-heading p {
  color: #837d87;
  margin: 0;
  font-size: 14px;
}

.as-security-state {
  background: #f5fbf7;
  border: 1px solid #dcebe3;
  border-radius: 14px;
  align-items: center;
  gap: 11px;
  min-width: 260px;
  padding: 13px 15px;
  display: flex;
}

.as-security-state > i {
  background: #35b878;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 5px #35b8781f;
}

.as-security-state > span {
  gap: 3px;
  display: grid;
}

.as-security-state strong {
  font-size: 13px;
}

.as-security-state small {
  color: #738078;
  font-size: 11px;
}

.as-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.as-summary-grid article {
  background: #fff;
  border: 1px solid #e5e2e8;
  border-radius: 16px;
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 18px;
  display: flex;
  box-shadow: 0 8px 26px #1f162609;
}

.as-summary-grid article > span {
  color: #7b1cc7;
  background: #f3eafa;
  border-radius: 13px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.as-summary-grid .sa-icon {
  width: 20px;
  height: 20px;
}

.as-summary-grid article > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.as-summary-grid small {
  color: #928c96;
  font-size: 11px;
  font-weight: 700;
}

.as-summary-grid strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  overflow: hidden;
}

.as-summary-grid p {
  color: #9d97a1;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 11px;
  overflow: hidden;
}

.as-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.as-card {
  background: #fff;
  border: 1px solid #e5e2e8;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 34px #1f16260b;
}

.as-card > header {
  border-bottom: 1px solid #efedf0;
  align-items: center;
  gap: 13px;
  padding: 21px 22px 18px;
  display: flex;
  position: relative;
}

.as-card > header > div {
  min-width: 0;
}

.as-card > header small {
  color: #8a28cc;
  letter-spacing: .15em;
  font-size: 10px;
  font-weight: 900;
}

.as-card > header h2 {
  letter-spacing: -.025em;
  margin: 4px 0;
  font-size: 18px;
}

.as-card > header p {
  color: #918b95;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.as-card-icon {
  color: #7b1bc6;
  background: #f2e9fa;
  border-radius: 13px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.as-card-icon.is-green {
  color: #268a62;
  background: #e8f8f0;
}

.as-card-icon .sa-icon {
  width: 20px;
  height: 20px;
}

.as-form {
  gap: 15px;
  padding: 20px 22px 22px;
  display: grid;
}

.as-form label:not(.as-check), .as-confirm-form label {
  gap: 7px;
  display: grid;
}

.as-form label > span, .as-confirm-form label > span {
  color: #5f5963;
  font-size: 12px;
  font-weight: 750;
}

.as-form input:not([type="checkbox"]), .as-confirm-form input {
  color: #252027;
  width: 100%;
  height: 46px;
  font: inherit;
  background: #fbfafc;
  border: 1px solid #ddd9e0;
  border-radius: 11px;
  outline: 0;
  padding: 0 13px;
  font-size: 14px;
  transition: border-color .14s, box-shadow .14s, background .14s;
}

.as-form input:focus, .as-confirm-form input:focus {
  background: #fff;
  border-color: #962adc;
  box-shadow: 0 0 0 4px #7e22c717;
}

.as-form input:disabled {
  color: #8c8690;
  cursor: not-allowed;
}

.as-field-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.as-check {
  color: #77717b;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 12px;
  display: flex;
}

.as-check input {
  accent-color: #7d21c7;
}

.as-field-note {
  color: #8c8690;
  align-items: center;
  gap: 7px;
  margin: -5px 0 0;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.as-field-note .sa-icon {
  color: #8b35c9;
  flex: none;
  width: 14px;
  height: 14px;
}

.as-form footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
  display: flex;
}

.as-form footer > span {
  color: #9b959e;
  font-size: 11px;
}

.as-form button, .as-confirm-form button, .as-reauth-form > button {
  color: #fff;
  cursor: pointer;
  background: #211823;
  border: 0;
  border-radius: 11px;
  min-height: 43px;
  padding: 0 17px;
  font-weight: 750;
  transition: transform .12s, background .14s;
}

.as-form button:hover:not(:disabled), .as-confirm-form button:hover:not(:disabled) {
  background: #7418ba;
  transform: translateY(-1px);
}

.as-form button:disabled, .as-confirm-form button:disabled {
  opacity: .55;
  cursor: wait;
}

.as-result {
  border-radius: 9px;
  margin: -3px 0 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.as-result.is-success {
  color: #287654;
  background: #edf9f2;
}

.as-result.is-error {
  color: #a34655;
  background: #fff0f1;
}

.as-mfa-card {
  grid-column: 1 / -1;
}

.as-mfa-card > header {
  padding-right: 118px;
}

.as-status {
  color: #277956;
  background: #edf8f2;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: 22px;
  right: 22px;
}

.as-status i {
  background: #38b778;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.as-mfa-reauth {
  grid-template-columns: 1.1fr .9fr;
  gap: 26px;
  padding: 25px 22px 24px;
  display: grid;
}

.as-reauth-copy {
  padding: 4px 10px 4px 2px;
}

.as-step {
  color: #8b25ca;
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 900;
}

.as-reauth-copy h3, .as-setup-copy h3 {
  letter-spacing: -.025em;
  margin: 9px 0 8px;
  font-size: 18px;
}

.as-reauth-copy > p {
  color: #7f7983;
  max-width: 630px;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.as-reauth-copy ul {
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.as-reauth-copy li {
  color: #69636d;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  display: flex;
}

.as-reauth-copy li:before {
  content: "";
  background: #43bc7d;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.as-reauth-form {
  align-content: center;
  padding: 0;
}

.as-reauth-form > button {
  width: 100%;
}

.as-mfa-setup {
  grid-template-columns: 280px 1fr;
  gap: 28px;
  padding: 25px 26px 27px;
  display: grid;
}

.as-qr-panel {
  background: #f8f6fa;
  border: 1px solid #e4e0e7;
  border-radius: 16px;
  align-content: start;
  justify-items: center;
  gap: 11px;
  padding: 17px;
  display: grid;
}

.as-qr-panel > span {
  color: #7c7480;
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 900;
}

.as-qr-panel > div {
  background: #fff;
  border-radius: 12px;
  place-items: center;
  padding: 8px;
  display: grid;
  box-shadow: 0 8px 22px #22162a14;
}

.as-qr-panel details {
  color: #77717b;
  width: 100%;
  font-size: 11px;
}

.as-qr-panel summary {
  cursor: pointer;
  text-align: center;
}

.as-qr-panel code {
  overflow-wrap: anywhere;
  color: #4d4651;
  text-align: center;
  background: #ece9ef;
  border-radius: 7px;
  margin-top: 8px;
  padding: 8px;
  display: block;
}

.as-setup-copy {
  align-self: center;
}

.as-setup-copy ol {
  gap: 9px;
  margin: 17px 0 20px;
  padding: 0;
  list-style: none;
  display: grid;
}

.as-setup-copy li {
  color: #716a75;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.as-setup-copy li b {
  color: #7b1ec1;
  background: #f1e8f8;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 11px;
  display: grid;
}

.as-confirm-form {
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: end;
  gap: 10px;
  max-width: 520px;
  display: grid;
}

.as-confirm-form input {
  letter-spacing: .28em;
  text-align: center;
}

.as-mfa-complete {
  align-items: center;
  gap: 15px;
  padding: 30px 25px;
  display: flex;
}

.as-mfa-complete > span {
  color: #25845d;
  background: #e7f8ef;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.as-mfa-complete .sa-icon {
  width: 23px;
}

.as-mfa-complete strong {
  font-size: 16px;
}

.as-mfa-complete p {
  color: #77717b;
  margin: 5px 0 0;
  font-size: 12px;
}

html[data-theme="dark"] .sa-profile:hover {
  background: #202129;
}

html[data-theme="dark"] .as-page {
  color: #f2eff4;
}

html[data-theme="dark"] .as-heading > div:first-child > span, html[data-theme="dark"] .as-card > header small, html[data-theme="dark"] .as-step {
  color: #ffc542;
}

html[data-theme="dark"] .as-heading p, html[data-theme="dark"] .as-card > header p, html[data-theme="dark"] .as-reauth-copy > p {
  color: #97949e;
}

html[data-theme="dark"] .as-security-state {
  background: #182a21;
  border-color: #284435;
}

.as-security-state small {
  color: #738078;
}

html[data-theme="dark"] .as-summary-grid article, html[data-theme="dark"] .as-card {
  background: #18191f;
  border-color: #2e2f37;
  box-shadow: 0 12px 34px #00000029;
}

html[data-theme="dark"] .as-summary-grid article > span, html[data-theme="dark"] .as-card-icon {
  color: #ffca3a;
  background: #332a18;
}

html[data-theme="dark"] .as-summary-grid small, html[data-theme="dark"] .as-summary-grid p {
  color: #85828c;
}

html[data-theme="dark"] .as-card > header {
  border-color: #2c2d34;
}

.as-card-icon.is-amber {
  color: #bd7a0a;
  background: #fff5dc;
}

html[data-theme="dark"] .as-card-icon.is-amber {
  color: #ffc94b;
  background: #382e1a;
}

html[data-theme="dark"] .as-card-icon.is-green {
  color: #68d4a4;
  background: #183329;
}

html[data-theme="dark"] .as-form label > span, html[data-theme="dark"] .as-confirm-form label > span {
  color: #bbb7c0;
}

html[data-theme="dark"] .as-form input:not([type="checkbox"]), html[data-theme="dark"] .as-confirm-form input {
  color: #f2eff4;
  background: #202127;
  border-color: #383941;
}

.as-form input:disabled {
  opacity: 1;
}

html[data-theme="dark"] .as-form input:focus, html[data-theme="dark"] .as-confirm-form input:focus {
  background: #23242b;
  border-color: #d19a27;
  box-shadow: 0 0 0 4px #ffbf2f1a;
}

html[data-theme="dark"] .as-field-note, html[data-theme="dark"] .as-form footer > span, html[data-theme="dark"] .as-check {
  color: #85828c;
}

html[data-theme="dark"] .as-field-note .sa-icon {
  color: #ffca3a;
}

.as-form button {
  color: #fff;
}

html[data-theme="dark"] .as-form button, html[data-theme="dark"] .as-confirm-form button {
  color: #241a08;
  background: linear-gradient(115deg, #ffd044, #e9a11d);
}

.as-form button:hover:not(:disabled) {
  background: #7418ba;
}

html[data-theme="dark"] .as-form button:hover:not(:disabled), html[data-theme="dark"] .as-confirm-form button:hover:not(:disabled) {
  background: #ffca3a;
}

html[data-theme="dark"] .as-result.is-success {
  color: #72d6a0;
  background: #183127;
}

html[data-theme="dark"] .as-result.is-error {
  color: #ef9ba8;
  background: #372126;
}

html[data-theme="dark"] .as-status {
  color: #70d59e;
  background: #183127;
}

.as-reauth-copy li {
  color: #69636d;
}

html[data-theme="dark"] .as-reauth-copy li, html[data-theme="dark"] .as-setup-copy li, html[data-theme="dark"] .as-mfa-complete p {
  color: #a19da7;
}

html[data-theme="dark"] .as-qr-panel {
  background: #202127;
  border-color: #363740;
}

.as-qr-panel code {
  color: #4d4651;
  background: #ece9ef;
}

html[data-theme="dark"] .as-qr-panel code {
  color: #d5d0d9;
  background: #121318;
}

html[data-theme="dark"] .as-qr-panel details {
  color: #a09ca6;
}

html[data-theme="dark"] .as-setup-copy li b {
  color: #ffca3a;
  background: #382f1d;
}

html[data-theme="dark"] .as-mfa-complete > span {
  color: #6bd5a5;
  background: #183329;
}

@media (max-width: 900px) {
  .as-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .as-security-state {
    min-width: 0;
  }

  .as-summary-grid, .as-layout {
    grid-template-columns: 1fr;
  }

  .as-mfa-card {
    grid-column: auto;
  }

  .as-mfa-reauth, .as-mfa-setup {
    grid-template-columns: 1fr;
  }

  .as-qr-panel {
    justify-self: center;
    width: min(280px, 100%);
  }
}

@media (max-width: 560px) {
  .as-heading {
    margin-bottom: 18px;
  }

  .as-heading h1 {
    font-size: 25px;
  }

  .as-card > header {
    align-items: flex-start;
    padding: 18px;
  }

  .as-form, .as-mfa-reauth, .as-mfa-setup {
    padding: 18px;
  }

  .as-field-pair, .as-confirm-form {
    grid-template-columns: 1fr;
  }

  .as-form footer {
    flex-direction: column;
    align-items: stretch;
  }

  .as-form footer button {
    width: 100%;
  }

  .as-mfa-card > header {
    padding-bottom: 55px;
    padding-right: 18px;
  }

  .as-status {
    inset: auto auto 14px 18px;
  }
}

.iam-page {
  color: #211d24;
  width: 100%;
  min-width: 0;
  margin: 0 auto;
}

.iam-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 22px;
  display: flex;
}

.iam-heading > div:first-child > span {
  color: #8123c7;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 900;
}

.iam-heading h1 {
  letter-spacing: -.045em;
  margin: 8px 0 6px;
  font-size: clamp(25px, 2.5vw, 34px);
}

.iam-heading p {
  color: #827c86;
  margin: 0;
  font-size: 14px;
}

.iam-heading-stat {
  background: #fff;
  border: 1px solid #e3dce8;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  min-width: 170px;
  padding: 13px 16px;
  display: flex;
}

.iam-heading-stat > .sa-icon {
  color: #7d21c5;
  width: 22px;
}

.iam-heading-stat > span {
  gap: 2px;
  display: grid;
}

.iam-heading-stat small {
  color: #8d8791;
  font-size: 10px;
  font-weight: 700;
}

.iam-heading-stat strong {
  font-size: 21px;
}

.iam-tabs {
  background: #fff;
  border: 1px solid #e4e1e6;
  border-radius: 13px;
  gap: 4px;
  margin-bottom: 13px;
  padding: 4px;
  display: flex;
}

.iam-tabs button {
  color: #77717b;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 41px;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.iam-tabs button b {
  background: #eeebf0;
  border-radius: 999px;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  font-size: 10px;
  display: grid;
}

.iam-tabs button.is-active {
  color: #fff;
  background: #251a28;
  box-shadow: 0 5px 13px #24182a21;
}

.iam-tabs button.is-active b {
  background: #ffffff24;
}

.iam-panel {
  background: #fff;
  border: 1px solid #e4e1e6;
  border-radius: 17px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 10px 28px #23192a0a;
}

.iam-panel > header {
  border-bottom: 1px solid #efedf1;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 19px 21px;
  display: flex;
  position: relative;
}

.iam-panel > header small, .iam-role-sidebar header small {
  color: #8829cb;
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 900;
}

.iam-panel > header h2, .iam-role-sidebar h2 {
  letter-spacing: -.025em;
  margin: 4px 0;
  font-size: 18px;
}

.iam-panel > header p {
  color: #8d8791;
  margin: 0;
  font-size: 12px;
}

.iam-admin-list {
  display: grid;
}

.iam-admin-row {
  border-bottom: 1px solid #efedf1;
  grid-template-columns: minmax(210px, 1.4fr) 110px minmax(170px, 1fr) 120px 135px 72px 96px;
  align-items: center;
  gap: 11px;
  padding: 15px 19px;
  display: grid;
  position: relative;
}

.iam-admin-row:last-child {
  border-bottom: 0;
}

.iam-admin-identity {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.iam-admin-identity > b {
  color: #7e20c6;
  background: #f1e8f8;
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.iam-admin-identity > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.iam-admin-identity strong, .iam-admin-identity small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.iam-admin-identity strong {
  font-size: 15px;
}

.iam-admin-identity small, .iam-admin-security small, .iam-admin-meta small {
  color: #938d97;
  font-size: 12px;
}

.iam-admin-identity em {
  color: #a56b00;
  background: #fff2cf;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.iam-admin-security, .iam-admin-meta {
  gap: 5px;
  display: grid;
}

.iam-admin-meta span {
  font-size: 13px;
}

.iam-status {
  color: #28805b;
  align-items: center;
  gap: 6px;
  width: max-content;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.iam-status i {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.iam-status.is-disabled, .iam-status.is-suspended {
  color: #a34b5a;
}

.iam-admin-row .admin-select {
  min-width: 0;
}

.iam-admin-row > button, .iam-form > button, .iam-permission-form footer button, .iam-audit-filters button {
  color: #fff;
  cursor: pointer;
  background: #251a28;
  border: 0;
  border-radius: 9px;
  min-height: 42px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 750;
}

.iam-admin-row > button.iam-mfa-reset {
  color: #7120ad;
  background: #f8f4fa;
  border: 1px solid #e0d8e5;
}

.iam-admin-row > button:disabled, .iam-form > button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.iam-admin-row > .iam-result {
  grid-column: 1 / -1;
  margin: -3px 0 0;
}

.iam-result {
  border-radius: 8px;
  margin: 0;
  padding: 9px 11px;
  font-size: 11px;
}

.iam-result.is-success {
  color: #287653;
  background: #ebf8f1;
}

.iam-result.is-error {
  color: #a44755;
  background: #fff0f1;
}

.iam-side-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  display: grid;
}

.iam-side-grid .iam-panel {
  margin-bottom: 0;
}

.iam-form {
  gap: 13px;
  padding: 18px 21px 21px;
  display: grid;
}

.iam-form label, .iam-form > div:not(.iam-invite-link) {
  gap: 7px;
  display: grid;
}

.iam-form label > span, .iam-form > div > span {
  color: #5e5862;
  font-size: 11px;
  font-weight: 750;
}

.iam-form input {
  color: #242026;
  width: 100%;
  height: 43px;
  font: inherit;
  background: #fbfafc;
  border: 1px solid #ddd9e0;
  border-radius: 10px;
  outline: 0;
  padding: 0 12px;
  font-size: 13px;
}

.iam-form input:focus, .iam-audit-filters input:focus {
  border-color: #9028d0;
  box-shadow: 0 0 0 4px #8022c414;
}

.iam-invite-link {
  background: #f8f3fb;
  border: 1px solid #e1d4e9;
  border-radius: 10px;
  gap: 7px;
  padding: 11px;
  display: grid;
}

.iam-invite-link span {
  color: #7f2bbb;
  font-size: 10px;
  font-weight: 800;
}

.iam-invite-link code {
  overflow-wrap: anywhere;
  color: #4f4853;
  font-size: 10px;
  line-height: 1.5;
}

.iam-invitation-list {
  padding: 7px 19px 13px;
  display: grid;
}

.iam-invitation-list article {
  border-bottom: 1px solid #efedf1;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px 0;
  display: grid;
}

.iam-invitation-list article:last-child {
  border: 0;
}

.iam-invitation-list article > b {
  color: #7d21c4;
  background: #f1e8f8;
  border-radius: 9px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.iam-invitation-list article > span {
  gap: 2px;
  display: grid;
}

.iam-invitation-list small, .iam-invitation-list time {
  color: #948e98;
  font-size: 10px;
}

.iam-invitation-list em {
  background: #f2eef5;
  border-radius: 7px;
  padding: 5px 7px;
  font-size: 9px;
  font-style: normal;
}

.iam-invitation-list time {
  grid-column: 2 / -1;
}

.iam-invitation-list > p, .iam-empty {
  color: #928c96;
  text-align: center;
  padding: 25px;
}

.iam-tenant-table {
  display: grid;
  overflow-x: auto;
}

.iam-tenant-table > div {
  border-bottom: 1px solid #efedf1;
  grid-template-columns: 1.3fr 1.2fr 1fr .7fr .9fr;
  align-items: center;
  gap: 14px;
  min-width: 760px;
  padding: 14px 20px;
  font-size: 12px;
  display: grid;
}

.iam-tenant-table > div.is-head {
  color: #918b95;
  background: #faf9fb;
  font-size: 10px;
  font-weight: 800;
}

.iam-tenant-table > div > span {
  gap: 3px;
  display: grid;
}

.iam-tenant-table small {
  color: #918b95;
  font-size: 10px;
}

.iam-form.is-inline {
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: end;
}

.iam-form.is-inline > .iam-result {
  grid-column: 1 / -1;
}

.iam-role-layout {
  grid-template-columns: 280px 1fr;
  align-items: start;
  gap: 15px;
  display: grid;
}

.iam-role-sidebar {
  background: #fff;
  border: 1px solid #e4e1e6;
  border-radius: 17px;
  overflow: hidden;
}

.iam-role-sidebar header {
  border-bottom: 1px solid #efedf1;
  padding: 18px 19px 14px;
}

.iam-role-sidebar nav {
  padding: 7px;
  display: grid;
}

.iam-role-sidebar a {
  color: #514b55;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  padding: 11px;
  text-decoration: none;
  display: flex;
}

.iam-role-sidebar a:hover {
  background: #f8f5fa;
}

.iam-role-sidebar a.is-active {
  color: #721bb8;
  background: #f1e7f8;
}

.iam-role-sidebar a span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.iam-role-sidebar a small {
  color: #918b95;
  font-size: 9px;
}

.iam-role-sidebar a b {
  background: #ece8ef;
  border-radius: 8px;
  place-items: center;
  min-width: 25px;
  height: 25px;
  padding: 0 6px;
  font-size: 10px;
  display: grid;
}

.iam-permission-panel {
  margin: 0;
}

.iam-risk {
  color: #746e78;
  background: #f0edf2;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 9px;
  font-weight: 850;
}

.iam-risk.is-critical {
  color: #a76c00;
  background: #fff1d1;
}

.iam-permission-form {
  gap: 18px;
  padding: 19px 21px 22px;
  display: grid;
}

.iam-permission-form fieldset {
  border: 0;
  padding: 0;
}

.iam-permission-form legend {
  color: #6d6671;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 850;
}

.iam-permission-form fieldset > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.iam-permission {
  cursor: pointer;
  border: 1px solid #e6e2e8;
  border-radius: 11px;
  grid-template-columns: 17px 1fr auto;
  align-items: start;
  gap: 9px;
  padding: 11px;
  display: grid;
}

.iam-permission:has(input:checked) {
  background: #fbf7fd;
  border-color: #c69cdd;
}

.iam-permission input {
  accent-color: #7e20c5;
  margin-top: 3px;
}

.iam-permission > span {
  gap: 3px;
  display: grid;
}

.iam-permission small {
  color: #8e8892;
  font-size: 9px;
  line-height: 1.4;
}

.iam-permission code {
  color: #847a8a;
  font-size: 9px;
}

.iam-permission em {
  color: #77707b;
  background: #f0edf2;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 8px;
  font-style: normal;
}

.iam-permission.is-critical em {
  color: #a46700;
  background: #fff0d0;
}

.iam-permission.is-sensitive em {
  color: #a44d5b;
  background: #fff0f1;
}

.iam-permission-form footer {
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 3px;
  display: flex;
}

.iam-permission-form footer span {
  color: #8e8892;
  font-size: 10px;
}

.iam-audit-head {
  flex-wrap: wrap;
}

.iam-audit-filters {
  align-items: center;
  gap: 8px;
  display: flex;
}

.iam-audit-filters .admin-select {
  width: 145px;
}

.iam-audit-filters input {
  width: 190px;
  height: 40px;
  font: inherit;
  background: #faf9fb;
  border: 1px solid #dfdbe1;
  border-radius: 9px;
  outline: 0;
  padding: 0 11px;
  font-size: 12px;
}

.iam-audit-table {
  display: grid;
  overflow-x: auto;
}

.iam-audit-table > div, .iam-audit-table > article {
  border-bottom: 1px solid #efedf1;
  grid-template-columns: 150px 130px 1.4fr 1fr 70px;
  align-items: center;
  gap: 13px;
  min-width: 820px;
  padding: 13px 20px;
  display: grid;
}

.iam-audit-table > div.is-head {
  color: #918b95;
  background: #faf9fb;
  font-size: 10px;
  font-weight: 850;
}

.iam-audit-table article time {
  color: #7e7882;
}

.iam-audit-table article > span {
  gap: 3px;
  display: grid;
}

.iam-audit-table small {
  color: #97919b;
  font-size: 9px;
}

.iam-audit-table em {
  text-align: center;
  border-radius: 999px;
  padding: 5px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.iam-audit-table em.is-success {
  color: #297956;
  background: #eaf8f0;
}

.iam-audit-table em.is-failure {
  color: #a34a59;
  background: #fff1f2;
}

.iam-audit-table em.is-blocked {
  color: #9a680a;
  background: #fff1d4;
}

.iam-audit-table {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  max-height: clamp(360px, 100dvh - 390px, 720px);
  overflow: auto;
}

.iam-audit-table > div.is-head {
  z-index: 2;
  position: sticky;
  top: 0;
}

.iam-audit-empty {
  color: #918b95;
  place-items: center;
  min-height: 220px;
  margin: 0;
  font-size: 13px;
  display: grid;
}

.iam-audit-pagination {
  border-top: 1px solid #efedf1;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 68px;
  padding: 12px 20px;
  display: flex;
}

.iam-audit-pagination > span {
  color: #8e8892;
  font-size: 12px;
}

.iam-audit-pagination > div {
  align-items: center;
  gap: 5px;
  display: flex;
}

.iam-audit-pagination a, .iam-audit-pagination div > span {
  color: #625c66;
  background: #fff;
  border: 1px solid #e2dee5;
  border-radius: 9px;
  place-items: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
  display: grid;
}

.iam-audit-pagination a:hover {
  color: #27232b;
  background: #f8f6f9;
  border-color: #9c929f;
}

.iam-audit-pagination a.is-active {
  color: #fff;
  background: #27232b;
  border-color: #27232b;
}

.iam-audit-pagination div > span[aria-disabled="true"] {
  opacity: .38;
}

.iam-heading > div:first-child > span, .iam-heading-stat small, .iam-panel > header small, .iam-role-sidebar header small {
  font-size: 12px;
}

.iam-panel > header h2, .iam-role-sidebar h2 {
  font-size: 20px;
}

.iam-panel > header p {
  font-size: 14px;
  line-height: 1.55;
}

.iam-result, .iam-form label > span, .iam-form > div > span {
  font-size: 13px;
}

.iam-form input {
  font-size: 14px;
}

.iam-invite-link span, .iam-invite-link code, .iam-invitation-list small, .iam-invitation-list time {
  font-size: 12px;
}

.iam-invitation-list em {
  font-size: 11px;
}

.iam-tenant-table > div {
  font-size: 14px;
}

.iam-tenant-table > div.is-head, .iam-tenant-table small {
  font-size: 12px;
}

.iam-role-sidebar a strong {
  font-size: 14px;
}

.iam-role-sidebar a small {
  font-size: 12px;
}

.iam-role-sidebar a b, .iam-risk {
  font-size: 11px;
}

.iam-permission-form legend {
  font-size: 13px;
}

.iam-permission strong {
  font-size: 14px;
}

.iam-permission small {
  font-size: 12px;
}

.iam-permission code, .iam-permission-form footer span {
  font-size: 11px;
}

.iam-permission em {
  font-size: 10px;
}

.iam-audit-filters input {
  font-size: 13px;
}

.iam-audit-table > div.is-head {
  font-size: 12px;
}

.iam-audit-table article {
  font-size: 13px;
}

.iam-audit-table small, .iam-audit-table em {
  font-size: 11px;
}

.iam-role-sidebar header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.iam-role-sidebar header > div {
  min-width: 0;
}

.iam-role-sidebar header > button {
  color: #771ebe;
  cursor: pointer;
  background: #f8f4fb;
  border: 1px solid #ded8e2;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.iam-role-sidebar header > button:hover {
  background: #f0e5f7;
  border-color: #c8add9;
}

.iam-role-sidebar header > button svg, .iam-role-item > button svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.iam-role-item {
  color: #514b55;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) 27px 32px;
  align-items: center;
  gap: 4px;
  transition: background-color .15s, color .15s;
  display: grid;
}

.iam-role-item:hover {
  background: #f8f5fa;
}

.iam-role-item.is-active {
  color: #721bb8;
  background: #f1e7f8;
}

.iam-role-sidebar .iam-role-item > a {
  min-width: 0;
  color: inherit;
  padding: 11px 5px 11px 11px;
  display: block;
}

.iam-role-sidebar .iam-role-item > a:hover, .iam-role-sidebar .iam-role-item > a.is-active {
  background: none;
}

.iam-role-item > a span {
  gap: 3px;
  display: grid;
}

.iam-role-item > b {
  background: #ece8ef;
  border-radius: 8px;
  place-items: center;
  min-width: 25px;
  height: 25px;
  font-size: 11px;
  display: grid;
}

.iam-role-item > button {
  color: #8c8490;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.iam-role-item > button:hover {
  color: #721bb8;
  background: #7b1fbc1a;
}

.iam-role-drawer-backdrop {
  z-index: 70;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #1310167a;
  justify-content: flex-end;
  align-items: stretch;
  animation: .18s ease-out both mm-backdrop-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.iam-role-drawer {
  overscroll-behavior: contain;
  background: #fff;
  border-left: 1px solid #e2dde5;
  border-radius: 20px 0 0 20px;
  flex-direction: column;
  width: min(100%, 500px);
  height: 100dvh;
  animation: .28s cubic-bezier(.22, 1, .36, 1) both mm-drawer-in;
  display: flex;
  overflow-y: auto;
  box-shadow: -24px 0 70px #1c15203d;
}

.iam-role-drawer > header {
  z-index: 2;
  background: inherit;
  border-bottom: 1px solid #ebe7ed;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 25px 26px 21px;
  display: flex;
  position: sticky;
  top: 0;
}

.iam-role-drawer > header span {
  color: #7b1fc1;
  letter-spacing: .16em;
  font-size: 12px;
  font-weight: 900;
}

.iam-role-drawer > header h2 {
  letter-spacing: -.035em;
  margin: 7px 0 5px;
  font-size: 25px;
}

.iam-role-drawer > header p {
  color: #88818c;
  margin: 0;
  font-size: 14px;
}

.iam-role-drawer > header button {
  color: #77717b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2dde5;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.iam-role-drawer > header button svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.iam-role-drawer-context {
  background: #faf7fc;
  border: 1px solid #ebe3ef;
  border-radius: 13px;
  align-items: flex-start;
  gap: 13px;
  margin: 22px 26px 0;
  padding: 17px;
  display: flex;
}

.iam-role-drawer-context > span {
  color: #761dbb;
  background: #eee2f8;
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.iam-role-drawer-context .sa-icon {
  width: 21px;
}

.iam-role-drawer-context > div {
  gap: 3px;
  display: grid;
}

.iam-role-drawer-context small {
  color: #8d8691;
  font-size: 12px;
}

.iam-role-drawer-context strong {
  font-size: 16px;
}

.iam-role-drawer-context p {
  color: #87808b;
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.iam-role-drawer-form {
  flex-direction: column;
  flex: 1;
  gap: 18px;
  min-height: 0;
  padding: 23px 26px 0;
  display: flex;
}

.iam-role-drawer-form > label, .iam-role-drawer-form > div:not(.iam-role-scope-lock) {
  gap: 8px;
  display: grid;
}

.iam-role-drawer-form label > span, .iam-role-drawer-form > div > span {
  color: #665f69;
  font-size: 13px;
  font-weight: 800;
}

.iam-role-drawer-form input, .iam-role-drawer-form textarea {
  color: #29242c;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #dcd7df;
  border-radius: 11px;
  outline: 0;
  padding: 0 14px;
  font-size: 14px;
}

.iam-role-drawer-form input {
  height: 47px;
}

.iam-role-drawer-form textarea {
  resize: vertical;
  min-height: 125px;
  padding-block: 13px;
  line-height: 1.55;
}

.iam-role-drawer-form input:focus, .iam-role-drawer-form textarea:focus {
  border-color: #8b28d5;
  box-shadow: 0 0 0 4px #8022c414;
}

.iam-role-scope-lock {
  background: #f8f6f9;
  border: 1px solid #e7e1e9;
  border-radius: 11px;
  gap: 5px;
  padding: 15px;
  display: grid;
}

.iam-role-scope-lock strong {
  font-size: 15px;
}

.iam-role-scope-lock small {
  color: #8b8490;
  font-size: 12px;
}

.iam-role-drawer-form > .iam-result {
  margin: 0;
}

.iam-role-drawer-form footer {
  background: #f8f7f9;
  border-top: 1px solid #ebe7ed;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: auto -26px 0;
  padding: 17px 26px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.iam-role-drawer-form footer > p {
  color: #77717b;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 11px;
  display: flex;
}

.iam-role-drawer-form footer > p i {
  background: #eeaa29;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.iam-role-drawer-form footer > div {
  gap: 8px;
  display: flex;
}

.iam-role-drawer-form footer button {
  color: #fff;
  min-width: 88px;
  height: 41px;
  font: inherit;
  cursor: pointer;
  background: #271c2b;
  border: 0;
  border-radius: 9px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

.iam-role-drawer-form footer button.is-secondary {
  color: #625b66;
  background: #fff;
  border: 1px solid #ded9e1;
}

.iam-role-drawer-form footer button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

html[data-theme="dark"] .iam-page {
  color: #f2eff4;
}

html[data-theme="dark"] .iam-heading > div:first-child > span, html[data-theme="dark"] .iam-panel > header small, html[data-theme="dark"] .iam-role-sidebar header small {
  color: #ffca3a;
}

html[data-theme="dark"] .iam-heading p, html[data-theme="dark"] .iam-panel > header p {
  color: #96939d;
}

html[data-theme="dark"] .iam-heading-stat, html[data-theme="dark"] .iam-tabs, html[data-theme="dark"] .iam-panel, html[data-theme="dark"] .iam-role-sidebar {
  background: #18191f;
  border-color: #30313a;
  box-shadow: 0 10px 28px #00000026;
}

html[data-theme="dark"] .iam-heading-stat > .sa-icon {
  color: #ffca3a;
}

html[data-theme="dark"] .iam-tabs button {
  color: #aaa7b0;
}

html[data-theme="dark"] .iam-tabs button b {
  background: #292a32;
}

html[data-theme="dark"] .iam-tabs button.is-active {
  color: #ffca3a;
  background: #3a301b;
}

html[data-theme="dark"] .iam-panel > header, html[data-theme="dark"] .iam-role-sidebar header, html[data-theme="dark"] .iam-admin-row, html[data-theme="dark"] .iam-invitation-list article, html[data-theme="dark"] .iam-tenant-table > div, html[data-theme="dark"] .iam-audit-table > article {
  border-color: #2d2e36;
}

html[data-theme="dark"] .iam-admin-identity > b, html[data-theme="dark"] .iam-invitation-list article > b {
  color: #ffca3a;
  background: #352c1b;
}

html[data-theme="dark"] .iam-admin-identity em, html[data-theme="dark"] .iam-risk.is-critical {
  color: #ffca3a;
  background: #392f1b;
}

html[data-theme="dark"] .iam-admin-row > button, html[data-theme="dark"] .iam-form > button, html[data-theme="dark"] .iam-permission-form footer button, html[data-theme="dark"] .iam-audit-filters button {
  color: #251b08;
  background: linear-gradient(115deg, #ffd044, #e8a11e);
}

html[data-theme="dark"] .iam-form input, html[data-theme="dark"] .iam-audit-filters input {
  color: #f2eff4;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .iam-form label > span, html[data-theme="dark"] .iam-form > div > span {
  color: #b9b5be;
}

html[data-theme="dark"] .iam-invite-link {
  background: #262217;
  border-color: #473b24;
}

html[data-theme="dark"] .iam-invite-link span {
  color: #ffca3a;
}

html[data-theme="dark"] .iam-invite-link code {
  color: #d3ced7;
}

html[data-theme="dark"] .iam-admin-row > button.iam-mfa-reset {
  color: #ffca3a;
  background: #29251c;
  border: 1px solid #4d422a;
}

html[data-theme="dark"] .iam-tenant-table > div.is-head, html[data-theme="dark"] .iam-audit-table > div.is-head {
  background: #202127;
}

html[data-theme="dark"] .iam-role-sidebar a {
  color: #aaa7b0;
}

html[data-theme="dark"] .iam-role-sidebar a:hover {
  background: #22232a;
}

html[data-theme="dark"] .iam-role-sidebar a.is-active {
  color: #ffca3a;
  background: #382f1b;
}

html[data-theme="dark"] .iam-role-sidebar a b {
  background: #292a31;
}

html[data-theme="dark"] .iam-audit-empty {
  color: #8f8c96;
}

html[data-theme="dark"] .iam-audit-pagination {
  border-color: #2d2e36;
}

html[data-theme="dark"] .iam-audit-pagination > span {
  color: #96939d;
}

html[data-theme="dark"] .iam-audit-pagination a, html[data-theme="dark"] .iam-audit-pagination div > span {
  color: #aaa7b0;
  background: #202127;
  border-color: #373840;
}

html[data-theme="dark"] .iam-audit-pagination a:hover {
  color: #ffca3a;
  background: #29251c;
  border-color: #67552c;
}

html[data-theme="dark"] .iam-audit-pagination a.is-active {
  color: #17130a;
  background: #ffbd2e;
  border-color: #ffbd2e;
}

html[data-theme="dark"] .iam-permission {
  border-color: #35363e;
}

html[data-theme="dark"] .iam-permission:has(input:checked) {
  background: #252117;
  border-color: #6f5929;
}

html[data-theme="dark"] .iam-permission strong {
  color: #e9e5eb;
}

html[data-theme="dark"] .iam-permission small, html[data-theme="dark"] .iam-permission code, html[data-theme="dark"] .iam-permission-form footer span {
  color: #8f8c96;
}

html[data-theme="dark"] .iam-result.is-success {
  color: #72d6a0;
  background: #183128;
}

html[data-theme="dark"] .iam-result.is-error {
  color: #ef9ba8;
  background: #382127;
}

html[data-theme="dark"] .iam-role-sidebar header > button {
  color: #ffca3a;
  background: #29251c;
  border-color: #49412f;
}

html[data-theme="dark"] .iam-role-sidebar header > button:hover {
  background: #352f20;
}

html[data-theme="dark"] .iam-role-item {
  color: #aaa7b0;
}

html[data-theme="dark"] .iam-role-item:hover {
  background: #22232a;
}

html[data-theme="dark"] .iam-role-item.is-active {
  color: #ffca3a;
  background: #382f1b;
}

html[data-theme="dark"] .iam-role-item > b {
  background: #292a31;
}

html[data-theme="dark"] .iam-role-item > button {
  color: #8f8c96;
}

html[data-theme="dark"] .iam-role-item > button:hover {
  color: #ffca3a;
  background: #42381f;
}

html[data-theme="dark"] .iam-role-drawer {
  color: #f1eef3;
  background: #18191f;
  border-color: #34353d;
}

html[data-theme="dark"] .iam-role-drawer > header {
  border-color: #2e2f37;
}

html[data-theme="dark"] .iam-role-drawer > header span {
  color: #ffca3a;
}

html[data-theme="dark"] .iam-role-drawer > header p {
  color: #96939d;
}

html[data-theme="dark"] .iam-role-drawer > header button {
  color: #aaa7b0;
  background: #202127;
  border-color: #3a3b43;
}

html[data-theme="dark"] .iam-role-drawer-context {
  background: #262217;
  border-color: #463b25;
}

html[data-theme="dark"] .iam-role-drawer-context > span {
  color: #ffca3a;
  background: #3a301b;
}

html[data-theme="dark"] .iam-role-drawer-context small, html[data-theme="dark"] .iam-role-drawer-context p {
  color: #9b97a1;
}

html[data-theme="dark"] .iam-role-drawer-form label > span, html[data-theme="dark"] .iam-role-drawer-form > div > span {
  color: #bbb7c0;
}

html[data-theme="dark"] .iam-role-drawer-form input, html[data-theme="dark"] .iam-role-drawer-form textarea {
  color: #f2eff4;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .iam-role-scope-lock {
  background: #202127;
  border-color: #35363e;
}

html[data-theme="dark"] .iam-role-scope-lock small {
  color: #96939d;
}

html[data-theme="dark"] .iam-role-drawer-form footer {
  background: #1d1e24;
  border-color: #2e2f37;
}

html[data-theme="dark"] .iam-role-drawer-form footer > p {
  color: #96939d;
}

html[data-theme="dark"] .iam-role-drawer-form footer button {
  color: #251b08;
  background: linear-gradient(115deg, #ffd044, #e8a11e);
}

html[data-theme="dark"] .iam-role-drawer-form footer button.is-secondary {
  color: #c7c3cb;
  background: #24252b;
  border-color: #3b3c44;
}

@media (max-width: 1080px) {
  .iam-admin-row {
    grid-template-columns: 1.4fr 100px 1fr 110px 72px 96px;
  }

  .iam-admin-meta {
    display: none;
  }

  .iam-form.is-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iam-form.is-inline > button {
    min-height: 43px;
  }
}

@media (max-width: 820px) {
  .iam-heading {
    flex-direction: column;
    align-items: stretch;
  }

  .iam-heading-stat {
    width: 100%;
  }

  .iam-side-grid, .iam-role-layout {
    grid-template-columns: 1fr;
  }

  .iam-admin-row {
    grid-template-columns: 1fr 1fr;
  }

  .iam-admin-identity {
    grid-column: 1 / -1;
  }

  .iam-admin-row > button {
    min-height: 43px;
  }

  .iam-permission-form fieldset > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .iam-heading h1 {
    font-size: 25px;
  }

  .iam-admin-row {
    grid-template-columns: 1fr;
  }

  .iam-admin-identity {
    grid-column: auto;
  }

  .iam-side-grid, .iam-form.is-inline {
    grid-template-columns: 1fr;
  }

  .iam-permission-form footer, .iam-audit-filters {
    flex-direction: column;
    align-items: stretch;
  }

  .iam-permission-form footer button, .iam-audit-filters .admin-select, .iam-audit-filters input, .iam-audit-filters button {
    width: 100%;
  }

  .iam-panel > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .iam-audit-table {
    max-height: 58dvh;
  }

  .iam-audit-pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .iam-audit-pagination > span {
    text-align: center;
  }

  .iam-audit-pagination > div {
    flex-wrap: wrap;
    justify-content: center;
  }

  .iam-role-drawer {
    border-radius: 0;
  }

  .iam-role-drawer > header, .iam-role-drawer-form {
    padding-inline: 20px;
  }

  .iam-role-drawer-context {
    margin-inline: 20px;
  }

  .iam-role-drawer-form footer {
    flex-direction: column;
    align-items: stretch;
    margin-inline: -20px;
    padding-inline: 20px;
  }

  .iam-role-drawer-form footer > div, .iam-role-drawer-form footer button {
    width: 100%;
  }

  .iam-role-drawer-form footer button {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body, .sa-shell, .sa-sidebar, .sa-topbar, .sa-metric-card, .sa-panel, .sa-coming-card, .sa-icon-button, .login-page, .login-card, .login-stage, .login-input-wrap, .sa-theme-toggle .sa-icon {
    transition: none;
  }
}

.mm-modal {
  width: min(100%, 680px);
}

.mm-completion-list {
  padding: 5px 17px;
}

.mm-completion-list > button {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 1px solid #f0edf1;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 10px;
  padding: 13px 0;
  display: grid;
}

.mm-completion-list > button:last-child {
  border-bottom: 0;
}

.mm-completion-list > button:hover span {
  color: #7d21c2;
}

.mm-completion-list > button:focus-visible {
  outline-offset: 2px;
  border-radius: 8px;
  outline: 2px solid #8b2aca;
}

.mm-completion-list > button > span {
  font-size: 13px;
  font-weight: 700;
  transition: color .14s;
}

.mm-completion-list > button > b {
  color: #77707a;
  background: #f0edf2;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
}

.mm-completion-list > button > b.is-complete {
  color: #277b56;
  background: #e9f8ef;
}

.mm-completion-list > button > b.is-draft {
  color: #98630a;
  background: #fff3d7;
}

.mm-completion-list > button > i {
  color: #9b949f;
  text-align: center;
  font-size: 20px;
  font-style: normal;
}

.mm-career-open-all {
  color: #7d21c2;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded6e4;
  border-radius: 9px;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  transition: border-color .14s, background-color .14s, transform .14s;
  display: inline-flex;
}

.mm-career-open-all:hover {
  background: #faf6fd;
  border-color: #b98bd8;
}

.mm-career-open-all:active {
  transform: translateY(1px);
}

.mm-career-open-all:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b2aca;
}

.mm-career-open-all > i {
  font-size: 18px;
  font-style: normal;
  line-height: .8;
}

.mm-career-content {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mm-career-content > article {
  min-width: 0;
  min-height: 112px;
  padding: 15px 17px;
}

.mm-career-content > article > span {
  color: #8a8490;
  font-size: 12px;
}

.mm-career-content > article > p {
  color: #5f5863;
  white-space: pre-wrap;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 42px;
  margin: 9px 0 0;
  font-size: 13px;
  line-height: 1.65;
  display: -webkit-box;
  overflow: hidden;
}

.mm-career-content > article > p.is-empty {
  color: #9b959e;
}

.mm-inline-edit-trigger {
  color: #7d21c2;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded8e2;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  transition: border-color .14s, background-color .14s, transform .14s;
  display: grid;
}

.mm-inline-edit-trigger:hover {
  background: #faf6fd;
  border-color: #b98bd8;
}

.mm-inline-edit-trigger:active {
  transform: translateY(1px);
}

.mm-inline-edit-trigger:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b2aca;
}

.mm-inline-edit-trigger svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 16px;
  height: 16px;
}

.mm-matching-edit-form {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 15px 17px 16px;
  display: grid;
}

.mm-matching-edit-form > label {
  gap: 7px;
  display: grid;
}

.mm-matching-edit-form > label > span {
  color: #77717b;
  font-size: 12px;
  font-weight: 700;
}

.mm-matching-edit-form input {
  color: #272329;
  width: 100%;
  height: 42px;
  font: inherit;
  background: #fbfafc;
  border: 1px solid #ddd8e0;
  border-radius: 9px;
  outline: 0;
  padding: 0 12px;
  font-size: 13px;
  transition: border-color .14s, box-shadow .14s;
}

.mm-matching-edit-form input:focus {
  border-color: #9028d0;
  box-shadow: 0 0 0 4px #8022c414;
}

.mm-matching-edit-form > div {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.mm-matching-edit-form > div > p, .mm-matching-edit-form > div > span {
  margin-right: auto;
}

.mm-matching-edit-form > div > p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.mm-matching-edit-form > div > p.is-success, .mm-matching-message.is-success {
  color: #287b57;
}

.mm-matching-edit-form > div > p.is-error, .mm-matching-message.is-error {
  color: #af4152;
}

.mm-matching-edit-form > div > button {
  color: #625b66;
  min-width: 62px;
  height: 36px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded8e2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.mm-matching-edit-form > div > button:last-child {
  color: #fff;
  background: #261d29;
  border-color: #261d29;
}

.mm-matching-edit-form > div > button:disabled {
  opacity: .55;
  cursor: wait;
}

.mm-matching-message {
  background: #fbfafc;
  border-top: 1px solid #eeeaf0;
  margin: 0;
  padding: 9px 17px;
  font-size: 12px;
}

.mm-matching-header-actions {
  flex: none;
  align-items: center;
  gap: 7px;
  display: flex;
}

.mm-matching-header-actions > form {
  display: contents;
}

.mm-matching-rerun {
  color: #fff;
  height: 34px;
  font: inherit;
  cursor: pointer;
  background: #2b222e;
  border: 1px solid #2b222e;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 850;
  transition: background-color .14s, transform .14s;
  display: inline-flex;
}

.mm-matching-rerun:hover {
  background: #48364f;
}

.mm-matching-rerun:active {
  transform: translateY(1px);
}

.mm-matching-rerun:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b2aca;
}

.mm-matching-rerun:disabled {
  opacity: .58;
  cursor: wait;
}

.mm-career-dialog-backdrop {
  z-index: 90;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #110e149e;
  place-items: center;
  padding: 24px;
  animation: .22s ease-out both mm-career-backdrop-in;
  display: grid;
  position: fixed;
  inset: 0;
}

.mm-career-dialog {
  transform-origin: center;
  background: #fff;
  border: 1px solid #e2dde5;
  border-radius: 20px;
  flex-direction: column;
  width: min(100%, 760px);
  max-height: min(820px, 100dvh - 48px);
  animation: .26s cubic-bezier(.22, 1, .36, 1) both mm-dialog-in;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 90px #140e184d;
}

.mm-career-dialog-backdrop.is-closing {
  pointer-events: none;
  animation: .19s ease-in both mm-career-backdrop-out;
}

.mm-career-dialog-backdrop.is-closing .mm-career-dialog {
  animation: .19s cubic-bezier(.4, 0, 1, 1) both mm-dialog-out;
}

.mm-career-dialog > header {
  border-bottom: 1px solid #ebe7ed;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 22px 15px;
  display: flex;
}

.mm-career-dialog > header span {
  color: #7c21c1;
  letter-spacing: .15em;
  font-size: 11px;
  font-weight: 900;
}

.mm-career-dialog > header h3 {
  letter-spacing: -.03em;
  margin: 4px 0 0;
  font-size: 22px;
}

.mm-career-dialog > header > div:first-child > p {
  color: #8a8390;
  margin: 4px 0 0;
  font-size: 12px;
}

.mm-career-dialog-actions {
  flex: none;
  justify-items: end;
  gap: 7px;
  display: grid;
}

.mm-career-dialog-actions > button {
  color: #77717b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0dce3;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.mm-career-dialog-actions > p {
  color: #8a8390;
  white-space: nowrap;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.mm-career-dialog-actions > p strong {
  color: #7c21c1;
  font-size: 16px;
}

.mm-career-dialog-actions > p span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
}

.mm-career-dialog > header svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.mm-career-dialog-content {
  scrollbar-color: #b9b3bd transparent;
  scrollbar-width: thin;
  min-height: 0;
  padding: 14px 22px 18px;
  display: grid;
  overflow-y: auto;
}

.mm-career-dialog-sections {
  gap: 10px;
  display: grid;
}

.mm-career-dialog-sections > article {
  background: #faf9fb;
  border: 1px solid #e6e1e8;
  border-radius: 13px;
  overflow: hidden;
}

.mm-career-dialog-sections > article > header {
  background: #fff;
  border-bottom: 1px solid #ebe6ed;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 15px;
  display: flex;
}

.mm-career-dialog-sections > article > header span {
  color: #9a5ac7;
  letter-spacing: .13em;
  font-size: 9px;
  font-weight: 900;
}

.mm-career-dialog-sections > article > header h4 {
  margin: 2px 0 0;
  font-size: 14px;
}

.mm-career-dialog-sections > article > header b {
  color: #77707a;
  background: #f0edf2;
  border-radius: 999px;
  flex: none;
  padding: 5px 8px;
  font-size: 10px;
}

.mm-career-dialog-sections > article > header b.is-complete {
  color: #277b56;
  background: #e9f8ef;
}

.mm-career-dialog-sections > article > header b.is-draft {
  color: #98630a;
  background: #fff3d7;
}

.mm-career-dialog-sections > article > div {
  min-height: 78px;
  padding: 12px 15px;
}

.mm-career-dialog-sections > article > div > p {
  color: #4f4853;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.mm-career-dialog-sections > article.is-empty > div {
  align-content: center;
  gap: 3px;
  display: grid;
}

.mm-career-dialog-sections > article.is-empty > div > strong {
  color: #5f5863;
  font-size: 13px;
}

.mm-career-dialog-sections > article.is-empty > div > p {
  color: #918a95;
  font-size: 11px;
  line-height: 1.55;
}

.mm-career-dialog-sections > article > small {
  color: #918a95;
  text-align: right;
  padding: 0 15px 9px;
  font-size: 10px;
  display: block;
}

.mm-career-dialog > footer {
  background: #f8f7f9;
  border-top: 1px solid #ebe7ed;
  justify-content: flex-end;
  padding: 13px 22px;
  display: flex;
}

.mm-career-dialog > footer button {
  color: #fff;
  min-width: 92px;
  height: 39px;
  font: inherit;
  cursor: pointer;
  background: #261d29;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
}

.mm-career-dialog-actions > div {
  gap: 7px;
  display: flex;
}

.mm-career-dialog-actions > div > button {
  color: #77717b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0dce3;
  border-radius: 10px;
  place-items: center;
  width: 38px;
  height: 38px;
  transition: border-color .14s, background-color .14s, color .14s;
  display: grid;
}

.mm-career-dialog-actions > div > button:hover {
  color: #7c21c1;
  background: #faf6fd;
  border-color: #b98bd8;
}

.mm-career-dialog-actions > div > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b2aca;
}

.mm-career-dialog-actions > div > button.mm-career-dialog-edit {
  color: #7c21c1;
}

.mm-career-edit-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.mm-career-edit-form > .mm-career-dialog-content {
  flex: 1;
}

.mm-career-edit-meta {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}

.mm-career-edit-meta > label {
  gap: 6px;
  display: grid;
}

.mm-career-edit-meta > label > span {
  color: #6c6570;
  font-size: 11px;
  font-weight: 800;
}

.mm-career-edit-meta input {
  color: #272329;
  width: 100%;
  height: 41px;
  font: inherit;
  background: #fbfafc;
  border: 1px solid #ded8e2;
  border-radius: 9px;
  outline: 0;
  padding: 0 12px;
  font-size: 13px;
}

.mm-career-edit-meta input:focus, .mm-career-edit-section textarea:focus, .mm-career-edit-footer select:focus {
  border-color: #9028d0;
  box-shadow: 0 0 0 4px #8022c414;
}

.mm-career-edit-section textarea {
  resize: vertical;
  color: #4f4853;
  width: 100%;
  min-height: 112px;
  font: inherit;
  background: #faf9fb;
  border: 0;
  outline: 0;
  padding: 12px 15px;
  font-size: 13px;
  line-height: 1.7;
  display: block;
}

.mm-career-edit-message {
  border-radius: 9px;
  margin: 10px 0 0;
  padding: 10px 12px;
  font-size: 12px;
}

.mm-career-edit-message.is-success {
  color: #277b56;
  background: #edf8f1;
}

.mm-career-edit-message.is-error {
  color: #af4152;
  background: #fff0f2;
}

.mm-career-edit-footer {
  background: #f8f7f9;
  border-top: 1px solid #ebe7ed;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 13px 22px;
  display: flex;
}

.mm-career-edit-footer > label {
  gap: 5px;
  display: grid;
}

.mm-career-edit-footer > label > span {
  color: #77717b;
  font-size: 10px;
  font-weight: 800;
}

.mm-career-edit-footer select {
  color: #4f4853;
  height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #ded8e2;
  border-radius: 9px;
  outline: 0;
  padding: 0 32px 0 11px;
  font-size: 12px;
}

.mm-career-edit-footer > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.mm-career-edit-footer button {
  color: #625b66;
  min-width: 86px;
  height: 39px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded8e2;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.mm-career-edit-footer button.is-primary {
  color: #fff;
  background: #261d29;
  border-color: #261d29;
}

.mm-career-edit-footer button:disabled {
  opacity: .55;
  cursor: wait;
}

.mm-career-dialog-backdrop {
  animation-duration: .32s;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.mm-career-dialog {
  will-change: transform, opacity;
  animation-duration: .36s;
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}

.mm-career-dialog-backdrop.is-closing {
  animation-duration: .28s;
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.mm-career-dialog-backdrop.is-closing .mm-career-dialog {
  animation-duration: .28s;
  animation-timing-function: cubic-bezier(.4, 0, .8, 1);
}

@keyframes mm-career-backdrop-in {
  from {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }

  to {
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}

@keyframes mm-career-backdrop-out {
  from {
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  to {
    opacity: 0;
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
  }
}

@keyframes mm-dialog-in {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.92);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes mm-dialog-out {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(14px)scale(.94);
  }
}

html[data-theme="dark"] .mm-completion-list > button {
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-completion-list > button:hover span {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-career-open-all {
  color: #ffca3a;
  background: #24221d;
  border-color: #454039;
}

html[data-theme="dark"] .mm-career-open-all:hover {
  background: #2a261d;
  border-color: #806b35;
}

html[data-theme="dark"] .mm-career-content > article, html[data-theme="dark"] .mm-career-content > article:nth-child(odd) {
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-career-content > article > p {
  color: #bbb7c0;
}

html[data-theme="dark"] .mm-inline-edit-trigger {
  color: #ffca3a;
  background: #24221d;
  border-color: #454039;
}

html[data-theme="dark"] .mm-inline-edit-trigger:hover {
  background: #2a261d;
  border-color: #806b35;
}

html[data-theme="dark"] .mm-matching-edit-form input {
  color: #f2eff4;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .mm-matching-edit-form input:focus {
  border-color: #c38d11;
  box-shadow: 0 0 0 4px #ffbf2f14;
}

html[data-theme="dark"] .mm-matching-edit-form > label > span {
  color: #aaa7b0;
}

html[data-theme="dark"] .mm-matching-edit-form > div > button {
  color: #bbb7c0;
  background: #202127;
  border-color: #3a3b43;
}

html[data-theme="dark"] .mm-matching-edit-form > div > button:last-child {
  color: #241a08;
  background: #ffbf2f;
  border-color: #ffbf2f;
}

html[data-theme="dark"] .mm-matching-message {
  background: #1e1f25;
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-matching-rerun {
  color: #241a08;
  background: #ffbf2f;
  border-color: #ffbf2f;
}

html[data-theme="dark"] .mm-matching-rerun:hover {
  background: #ffd05e;
}

html[data-theme="dark"] .mm-career-pair span, html[data-theme="dark"] .mm-career-content > article > span, html[data-theme="dark"] .mm-metric-grid span, html[data-theme="dark"] .mm-metric-grid small, html[data-theme="dark"] .mm-detail-section > header small, html[data-theme="dark"] .mm-service-list span, html[data-theme="dark"] .mm-service-list time, html[data-theme="dark"] .mm-detail-empty {
  color: #bbb7c0;
}

html[data-theme="dark"] .mm-career-content > article > p, html[data-theme="dark"] .mm-notification-summary span, html[data-theme="dark"] .mm-notification-grid > label, html[data-theme="dark"] .mm-service-list p {
  color: #cbc7cf;
}

html[data-theme="dark"] .mm-career-content > article > p.is-empty {
  color: #85818a;
}

html[data-theme="dark"] .mm-matching-message.is-success, html[data-theme="dark"] .mm-matching-edit-form > div > p.is-success {
  color: #5cda9a;
}

html[data-theme="dark"] .mm-matching-message.is-error, html[data-theme="dark"] .mm-matching-edit-form > div > p.is-error {
  color: #ff8e9c;
}

html[data-theme="dark"] .mm-modal dt, html[data-theme="dark"] .mm-modal-profile > div span, html[data-theme="dark"] .mm-modal-footer > span, html[data-theme="dark"] .mm-matching-edit-form > label > span, html[data-theme="dark"] .mm-career-dialog > header > div:first-child > p, html[data-theme="dark"] .mm-career-dialog-actions > p, html[data-theme="dark"] .mm-career-dialog-sections > article > small, html[data-theme="dark"] .mm-career-dialog-sections > article.is-empty > div > p {
  color: #b8b4bd;
}

html[data-theme="dark"] .mm-career-dialog {
  color: #f2eff4;
  background: #18191f;
  border-color: #373841;
}

.mm-career-dialog > header {
  background: #fff;
}

html[data-theme="dark"] .mm-career-dialog > header {
  background: #1b1c22;
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-career-dialog > header span, html[data-theme="dark"] .mm-career-dialog-sections > article > header span {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-career-dialog-actions > div > button {
  color: #aaa7b0;
  background: #202127;
  border-color: #3a3b43;
}

html[data-theme="dark"] .mm-career-dialog-actions > div > button.mm-career-dialog-edit, html[data-theme="dark"] .mm-career-dialog-actions > p strong {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-career-dialog-sections > article {
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .mm-career-dialog-sections > article > header {
  background: #1d1e24;
  border-color: #34353d;
}

html[data-theme="dark"] .mm-career-dialog-sections > article > div > p, html[data-theme="dark"] .mm-career-dialog-sections > article.is-empty > div > strong {
  color: #d2ced6;
}

html[data-theme="dark"] .mm-career-dialog > footer, html[data-theme="dark"] .mm-career-edit-footer {
  background: #1d1e24;
  border-color: #2e2f37;
}

html[data-theme="dark"] .mm-career-dialog > footer button, html[data-theme="dark"] .mm-career-edit-footer button.is-primary {
  color: #241a08;
  background: #ffbf2f;
}

html[data-theme="dark"] .mm-career-edit-meta input, html[data-theme="dark"] .mm-career-edit-section textarea, html[data-theme="dark"] .mm-career-edit-footer select {
  color: #e6e1e9;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .mm-career-edit-meta > label > span, html[data-theme="dark"] .mm-career-edit-footer > label > span {
  color: #b8b4bd;
}

html[data-theme="dark"] .mm-career-edit-footer button {
  color: #d2ced6;
  background: #202127;
  border-color: #3a3b43;
}

@media (max-width: 680px) {
  .mm-career-dialog-backdrop {
    align-items: end;
    padding: 0;
  }

  .mm-career-dialog {
    border-radius: 20px 20px 0 0;
    width: 100%;
    max-height: 90dvh;
  }

  .mm-career-content {
    grid-template-columns: 1fr;
  }

  .mm-career-content > article:nth-child(odd) {
    border-right: 0;
  }

  .mm-career-content > article {
    min-height: 104px;
  }

  .mm-career-dialog > header, .mm-career-dialog-content, .mm-career-dialog > footer, .mm-career-edit-footer {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mm-career-dialog-sections > article > div {
    min-height: 90px;
  }

  .mm-career-edit-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .mm-career-edit-footer > label {
    width: 130px;
  }

  .mm-career-edit-footer > div > button {
    flex: 1;
  }
}

@media (max-width: 520px) {
  .mm-career-edit-meta {
    grid-template-columns: 1fr;
  }

  .mm-career-edit-footer > div {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .mm-career-edit-footer > div > button.is-primary {
    grid-column: 1 / -1;
  }

  .mm-matching-edit-form {
    grid-template-columns: 1fr;
  }

  .mm-matching-edit-form > div {
    flex-wrap: wrap;
    grid-column: auto;
  }

  .mm-matching-edit-form > div > p, .mm-matching-edit-form > div > span {
    width: 100%;
  }

  .mm-matching-edit-form > div > button {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mm-career-dialog-backdrop, .mm-career-dialog {
    animation-duration: 1ms;
  }
}

.mm-service-header-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.mm-service-header-actions > button {
  color: #7920ba;
  height: 32px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded7e3;
  border-radius: 9px;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 850;
  transition: border-color .14s, background-color .14s, transform .14s;
  display: inline-flex;
}

.mm-service-header-actions > button:hover {
  background: #faf6fd;
  border-color: #b98bd8;
}

.mm-service-header-actions > button:active {
  transform: translateY(1px);
}

.mm-service-header-actions > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #8b2aca;
}

.mm-service-header-actions > button i {
  font-size: 15px;
  font-style: normal;
}

.mm-clvr-backdrop {
  z-index: 110;
  opacity: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #0c0b0fb8;
  place-items: center;
  padding: 22px;
  animation: .24s ease-out both mm-career-backdrop-in;
  display: grid;
  position: fixed;
  inset: 0;
}

.mm-clvr-backdrop.is-closing {
  pointer-events: none;
  animation: .28s ease-in both mm-career-backdrop-out;
}

.mm-clvr-backdrop.is-closing .mm-clvr-dialog {
  animation: .28s cubic-bezier(.4, 0, .8, 1) both mm-dialog-out;
}

.mm-clvr-dialog {
  color: #29242d;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 22px;
  flex-direction: column;
  width: min(1180px, 100%);
  height: min(820px, 100dvh - 44px);
  min-height: 520px;
  animation: .34s cubic-bezier(.16, 1, .3, 1) both mm-dialog-in;
  display: flex;
  overflow: hidden;
  box-shadow: 0 38px 110px #0c080f6b;
}

.mm-clvr-dialog > header {
  border-bottom: 1px solid #e9e5eb;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  min-height: 92px;
  padding: 19px 22px 17px;
  display: flex;
}

.mm-clvr-dialog > header > div:first-child > span {
  color: #7c21c1;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 950;
}

.mm-clvr-dialog > header h2 {
  letter-spacing: -.035em;
  margin: 4px 0 0;
  font-size: 23px;
}

.mm-clvr-dialog > header p {
  color: #88818c;
  margin: 4px 0 0;
  font-size: 12px;
}

.mm-clvr-dialog > header > div:last-child {
  align-items: center;
  gap: 12px;
  display: flex;
}

.mm-clvr-dialog > header > div:last-child > b {
  color: #7c21c1;
  background: #f5eff8;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 10px;
}

.mm-clvr-dialog > header button {
  color: #756f79;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 11px;
  place-items: center;
  width: 39px;
  height: 39px;
  display: grid;
}

.mm-clvr-dialog > header svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.mm-clvr-layout {
  flex: 1;
  grid-template-columns: 310px minmax(0, 1fr);
  min-height: 0;
  display: grid;
}

.mm-clvr-layout > aside {
  background: #faf9fb;
  border-right: 1px solid #e9e5eb;
  flex-direction: column;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.mm-clvr-layout > aside > header, .mm-clvr-layout > main > header {
  border-bottom: 1px solid #e9e5eb;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 66px;
  padding: 13px 16px;
  display: flex;
}

.mm-clvr-layout > aside > header div, .mm-clvr-layout > main > header div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.mm-clvr-layout > aside > header span, .mm-clvr-layout > main > header span {
  color: #9b6bbd;
  letter-spacing: .14em;
  font-size: 9px;
  font-weight: 900;
}

.mm-clvr-layout > aside > header strong, .mm-clvr-layout > main > header strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}

.mm-clvr-layout > aside > header b {
  color: #716a75;
  background: #eee9f1;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 10px;
}

.mm-clvr-conversations {
  scrollbar-color: #bbb4be transparent;
  scrollbar-width: thin;
  min-height: 0;
  padding: 9px;
  overflow-y: auto;
}

.mm-clvr-conversations > button:not(.mm-clvr-load-conversations) {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 12px;
  gap: 5px;
  padding: 13px 14px;
  display: grid;
}

.mm-clvr-conversations > button:not(.mm-clvr-load-conversations):hover {
  background: #f2eef4;
}

.mm-clvr-conversations > button.is-active {
  background: #f5eff9;
  border-color: #d3b4e6;
  box-shadow: inset 3px 0 #8123c4;
}

.mm-clvr-conversations > button > span {
  color: #8c4fb6;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 900;
}

.mm-clvr-conversations > button > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.mm-clvr-conversations > button > small, .mm-clvr-conversations > button > time {
  color: #8e8792;
  font-size: 10px;
}

.mm-clvr-conversations > button > time {
  margin-top: 2px;
}

.mm-clvr-load-conversations, .mm-clvr-messages > button {
  color: #746d78;
  width: 100%;
  min-height: 38px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 800;
}

.mm-clvr-layout > main {
  background: #f7f6f8;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.mm-clvr-layout > main > header {
  background: #fff;
}

.mm-clvr-layout > main > header small {
  color: #918a95;
  flex: none;
  font-size: 10px;
}

.mm-clvr-messages {
  scroll-behavior: smooth;
  scrollbar-color: #b7b0ba transparent;
  scrollbar-width: thin;
  flex-direction: column;
  flex: 1;
  gap: 14px;
  min-height: 0;
  padding: 18px 22px 28px;
  display: flex;
  overflow-y: auto;
}

.mm-clvr-messages > button {
  align-self: center;
  width: auto;
  min-width: 168px;
  padding: 0 14px;
}

.mm-clvr-messages article {
  align-self: flex-start;
  gap: 7px;
  width: min(78%, 650px);
  display: grid;
}

.mm-clvr-messages article.is-user {
  align-self: flex-end;
  justify-items: end;
}

.mm-clvr-messages article > span {
  color: #7d7581;
  font-size: 10px;
  font-weight: 800;
}

.mm-clvr-messages article > p {
  color: #413b45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #fff;
  border: 1px solid #e2dde5;
  border-radius: 5px 15px 15px;
  max-width: 100%;
  margin: 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.72;
}

.mm-clvr-messages article.is-user > p {
  color: #fff;
  background: #2a222e;
  border-color: #2c2430;
  border-radius: 15px 5px 15px 15px;
}

.mm-clvr-messages article > time {
  color: #98919b;
  font-size: 9px;
}

.mm-clvr-loading {
  color: #89828d;
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 11px;
  min-height: 180px;
  font-size: 11px;
  display: grid;
}

.mm-clvr-empty {
  color: #766f7a;
  text-align: center;
  align-content: center;
  gap: 6px;
  min-height: 170px;
  margin: 0;
  padding: 20px;
  font-size: 13px;
  font-weight: 750;
  display: grid;
}

.mm-clvr-empty small {
  color: #99929d;
  font-size: 10px;
  font-weight: 500;
}

.mm-clvr-dialog > footer {
  color: #935e0c;
  background: #fff7e5;
  border-top: 1px solid #e9e5eb;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  font-size: 11px;
  display: flex;
}

.mm-clvr-dialog > footer button {
  width: auto;
  height: 32px;
  font: inherit;
  background: #fff;
  border-color: #dbc28d;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 800;
}

html[data-theme="dark"] .mm-service-header-actions > button {
  color: #ffca3a;
  background: #27241e;
  border-color: #514836;
}

html[data-theme="dark"] .mm-service-header-actions > button:hover {
  background: #2e291e;
  border-color: #806b35;
}

html[data-theme="dark"] .mm-clvr-dialog {
  color: #f2eff4;
  background: #18191f;
  border-color: #393a43;
}

html[data-theme="dark"] .mm-clvr-dialog > header, html[data-theme="dark"] .mm-clvr-layout > main > header, html[data-theme="dark"] .mm-clvr-dialog > footer {
  background: #1b1c22;
  border-color: #30313a;
}

html[data-theme="dark"] .mm-clvr-dialog > header > div:first-child > span, html[data-theme="dark"] .mm-clvr-layout > aside > header span, html[data-theme="dark"] .mm-clvr-layout > main > header span {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-clvr-dialog > header p, html[data-theme="dark"] .mm-clvr-layout > main > header small {
  color: #aaa6af;
}

html[data-theme="dark"] .mm-clvr-dialog > header > div:last-child > b {
  color: #ffca3a;
  background: #382f1b;
}

html[data-theme="dark"] .mm-clvr-dialog > header button, html[data-theme="dark"] .mm-clvr-load-conversations, html[data-theme="dark"] .mm-clvr-messages > button {
  color: #c4c0c8;
  background: #202127;
  border-color: #3d3e47;
}

html[data-theme="dark"] .mm-clvr-layout > aside {
  background: #17181d;
  border-color: #30313a;
}

html[data-theme="dark"] .mm-clvr-layout > aside > header, html[data-theme="dark"] .mm-clvr-layout > main > header {
  border-color: #30313a;
}

html[data-theme="dark"] .mm-clvr-conversations > button:not(.mm-clvr-load-conversations):hover {
  background: #202127;
}

html[data-theme="dark"] .mm-clvr-conversations > button.is-active {
  background: #28251d;
  border-color: #6f5c2e;
  box-shadow: inset 3px 0 #ffbf2f;
}

html[data-theme="dark"] .mm-clvr-conversations > button > span {
  color: #ffca3a;
}

html[data-theme="dark"] .mm-clvr-conversations > button > small, html[data-theme="dark"] .mm-clvr-conversations > button > time {
  color: #aaa6af;
}

html[data-theme="dark"] .mm-clvr-layout > main {
  background: #14151a;
}

html[data-theme="dark"] .mm-clvr-messages article > span {
  color: #b3afb8;
}

html[data-theme="dark"] .mm-clvr-messages article > p {
  color: #e1dde5;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .mm-clvr-messages article.is-user > p {
  color: #fff4d4;
  background: #332a18;
  border-color: #6c5724;
}

html[data-theme="dark"] .mm-clvr-dialog > footer {
  color: #ffd66a;
}

@media (max-width: 780px) {
  .mm-clvr-backdrop {
    align-items: end;
    padding: 0;
  }

  .mm-clvr-dialog {
    border-radius: 20px 20px 0 0;
    width: 100%;
    height: 94dvh;
    min-height: 0;
  }

  .mm-clvr-dialog > header > div:last-child > b {
    display: none;
  }

  .mm-clvr-layout {
    grid-template-rows: 190px minmax(0, 1fr);
    grid-template-columns: 1fr;
  }

  .mm-clvr-layout > aside {
    border-bottom: 1px solid #e9e5eb;
    border-right: 0;
  }

  .mm-clvr-layout > aside > header {
    min-height: 54px;
  }

  .mm-clvr-conversations {
    gap: 8px;
    display: flex;
    overflow-x: auto;
  }

  .mm-clvr-conversations > button:not(.mm-clvr-load-conversations) {
    min-width: 230px;
  }

  .mm-clvr-load-conversations {
    min-width: 130px;
  }

  .mm-clvr-messages article {
    width: 90%;
  }
}

@media (max-width: 520px) {
  .mm-clvr-dialog > header {
    min-height: 82px;
    padding: 15px 16px;
  }

  .mm-clvr-dialog > header h2 {
    font-size: 19px;
  }

  .mm-clvr-dialog > header p {
    display: none;
  }

  .mm-clvr-messages {
    padding: 15px 14px 24px;
  }

  .mm-clvr-layout > main > header {
    min-height: 58px;
  }

  .mm-clvr-layout > main > header small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mm-clvr-backdrop, .mm-clvr-dialog {
    animation-duration: 1ms;
  }

  .mm-clvr-messages {
    scroll-behavior: auto;
  }
}

.iam-role-drawer {
  position: relative;
}

.page-transition-overlay {
  z-index: 30;
  top: 78px;
  bottom: 0;
  right: 0;
  left: var(--sa-sidebar, 246px);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #f7f6faed;
  place-items: center;
  transition: none;
  display: grid;
  position: fixed;
  overflow: hidden;
}

.page-transition-overlay.is-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--loading-enter, .3s) cubic-bezier(.22,1,.36,1), visibility 0s;
}

.page-transition-overlay.is-leaving {
  visibility: visible;
  opacity: 0;
  pointer-events: auto;
  transition: opacity var(--loading-exit, .36s) cubic-bezier(.4,0,.2,1);
}

.page-transition-overlay > section {
  opacity: 0;
  transition: opacity var(--loading-enter, .3s) ease, transform var(--loading-enter, .3s) cubic-bezier(.22,1,.36,1);
  transform: translateY(8px)scale(.97);
}

.page-transition-overlay.is-visible > section {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.page-transition-overlay.is-leaving > section {
  opacity: 0;
  transition-duration: var(--loading-exit, .36s);
  transform: translateY(-6px)scale(.985);
}

.page-transition-overlay.is-hidden > section * {
  animation-play-state: paused;
}

.sa-workspace:has(.page-transition-overlay.is-visible, .page-transition-overlay.is-leaving) [data-admin-page-loading] > section {
  visibility: hidden;
}

.page-transition-progress {
  opacity: 0;
  background: linear-gradient(90deg, #0000, #ffbd2e 28%, #ffcf59 70%, #0000);
  border-radius: 0 999px 999px 0;
  width: 42%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-110%);
}

.page-transition-overlay.is-visible .page-transition-progress {
  opacity: 1;
  animation: 1.15s ease-in-out infinite page-transition-progress;
}

.admin-loading-mark {
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  display: inline-grid;
  position: relative;
}

.admin-loading-mark > i {
  border: 1px solid #7e23be2e;
  border-top-color: #8123c4;
  border-radius: 50%;
  animation: 1.05s cubic-bezier(.55, .08, .45, .92) infinite admin-loading-orbit;
  position: absolute;
  inset: 4px;
}

.admin-loading-mark > i:nth-child(2) {
  border-color: #f2a61c33 #efa51d #f2a61c33 #f2a61c33;
  animation-duration: .78s;
  animation-direction: reverse;
  inset: 10px;
}

.admin-loading-mark > b {
  color: #ffc13b;
  letter-spacing: -.04em;
  background: #241c27;
  border-radius: 9px;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 11px;
  font-weight: 900;
  display: grid;
  box-shadow: 0 8px 20px #271a2d29;
}

.admin-busy-overlay {
  z-index: 8;
  border-radius: inherit;
  color: #312a35;
  text-align: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #ffffffd1;
  place-content: center;
  justify-items: center;
  gap: 7px;
  padding: 24px;
  animation: .16s ease-out .12s both admin-loading-appear;
  display: grid;
  position: absolute;
  inset: 0;
}

.admin-busy-overlay > strong {
  margin-top: 3px;
  font-size: 14px;
}

.admin-busy-overlay > span {
  color: #8a8390;
  font-size: 11px;
}

.admin-button-spinner {
  vertical-align: -2px;
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  animation: .65s linear infinite admin-loading-orbit;
  display: inline-block;
}

html[data-theme="dark"] .page-transition-overlay {
  background: #0f1015f0;
}

html[data-theme="dark"] .admin-loading-mark > i {
  border-color: #ffc13b #ffc13b24 #ffc13b24;
}

html[data-theme="dark"] .admin-loading-mark > i:nth-child(2) {
  border-right-color: #efa51d;
}

html[data-theme="dark"] .admin-loading-mark > b {
  color: #211707;
  background: #ffc13b;
}

html[data-theme="dark"] .admin-busy-overlay {
  color: #f3f0f5;
  background: #18191fdb;
}

.admin-busy-overlay > span {
  color: #8a8390;
}

html[data-theme="dark"] .admin-busy-overlay > span {
  color: #aaa6af;
}

@keyframes admin-loading-orbit {
  to {
    transform: rotate(1turn);
  }
}

@keyframes admin-loading-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes page-transition-progress {
  0% {
    transform: translateX(-110%);
  }

  62%, 100% {
    transform: translateX(250%);
  }
}

@media (max-width: 860px) {
  .page-transition-overlay {
    left: 0;
  }
}

@media (max-width: 640px) {
  .page-transition-overlay {
    top: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-loading-mark > i, .admin-button-spinner {
    animation-duration: 2.4s;
  }

  .admin-busy-overlay {
    animation-duration: 1ms;
    animation-delay: 0s;
  }

  .page-transition-overlay, .page-transition-overlay > section {
    transition-duration: 1ms;
  }

  .page-transition-overlay.is-visible .page-transition-progress {
    opacity: .75;
    animation: none;
    transform: none;
  }
}

.support-page {
  color: #27222b;
  gap: 18px;
  width: min(100%, 1480px);
  margin: 0 auto;
  display: grid;
}

.support-hero {
  background: #fff;
  border: 1px solid #e9e5eb;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 126px;
  padding: 25px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.support-hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #ffbe292e, #0000 68%);
  border-radius: 50%;
  width: 260px;
  height: 160px;
  position: absolute;
  bottom: -88px;
  right: 8%;
}

.support-hero > div:first-child > span, .support-panel > header span, .support-conversation > header span, .support-review-card > header span {
  color: #b47500;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 950;
}

.support-hero h1 {
  letter-spacing: -.045em;
  margin: 5px 0 0;
  font-size: 28px;
}

.support-hero p {
  color: #7f7883;
  margin: 7px 0 0;
  font-size: 13px;
}

.support-hero-count {
  z-index: 1;
  border-left: 1px solid #ece7ee;
  justify-content: flex-end;
  align-items: baseline;
  gap: 5px;
  min-width: 144px;
  padding: 14px 16px;
  display: flex;
  position: relative;
}

.support-hero-count small {
  color: #817a85;
  align-self: center;
  margin-right: 10px;
  font-size: 11px;
}

.support-hero-count strong {
  color: #c18100;
  font-size: 34px;
  line-height: 1;
}

.support-hero-count span {
  color: #8c858f;
  font-size: 11px;
}

.support-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.support-summary-grid article {
  background: #fff;
  border: 1px solid #e8e4eb;
  border-radius: 16px;
  align-content: center;
  gap: 4px;
  min-height: 105px;
  padding: 17px 19px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.support-summary-grid article:after {
  content: "";
  background: #f7f4f8;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  position: absolute;
  top: -38px;
  right: -24px;
}

.support-summary-grid article.is-accent {
  background: linear-gradient(135deg, #fffaf0, #fff);
  border-color: #ddbd6a;
  box-shadow: inset 3px 0 #ffbd2e;
}

.support-summary-grid span {
  color: #716a75;
  font-size: 11px;
  font-weight: 800;
}

.support-summary-grid strong {
  z-index: 1;
  font-size: 25px;
  position: relative;
}

.support-summary-grid small {
  color: #99929d;
  font-size: 10px;
}

.support-panel {
  background: #fff;
  border: 1px solid #e8e4eb;
  border-radius: 19px;
  overflow: visible;
}

.support-panel > header {
  border-bottom: 1px solid #ebe7ed;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 76px;
  padding: 16px 22px;
  display: flex;
}

.support-panel > header h2 {
  margin: 3px 0 0;
  font-size: 17px;
}

.support-panel > header h2 b {
  color: #b47500;
  margin-left: 4px;
}

.support-panel > header > small {
  color: #96909a;
  font-size: 11px;
}

.support-filters {
  background: #fcfbfd;
  border-bottom: 1px solid #eeeaf0;
  gap: 11px;
  padding: 16px 20px;
  display: grid;
}

.support-filter-row {
  grid-template-columns: 155px minmax(230px, 1fr) 150px 145px 125px 70px 42px;
  gap: 8px;
  display: grid;
}

.support-filters .admin-select, .support-status-form .admin-select {
  min-width: 0;
}

.support-search {
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  transition: border-color .16s, box-shadow .16s;
  display: flex;
}

.support-search:focus-within {
  border-color: #d3a834;
  box-shadow: 0 0 0 3px #ffbe291f;
}

.support-search svg {
  fill: none;
  stroke: #8a838e;
  stroke-linecap: round;
  stroke-width: 1.8px;
  width: 18px;
  height: 18px;
}

.support-search input {
  width: 100%;
  min-width: 0;
  color: inherit;
  background: none;
  border: 0;
  outline: 0;
  font-size: 12px;
}

.support-search-button, .support-reset-button {
  color: #fff;
  cursor: pointer;
  background: #27232b;
  border: 1px solid #27232b;
  border-radius: 10px;
  place-items: center;
  height: 42px;
  font-size: 11px;
  font-weight: 850;
  display: grid;
}

.support-reset-button {
  color: #766f79;
  background: #fff;
  border-color: #ded9e1;
  font-size: 18px;
}

.support-search-button:hover {
  background: #17141a;
}

.support-reset-button:hover {
  background: #f7f4f8;
  border-color: #c7bdca;
}

.support-table-wrap {
  min-height: 280px;
  overflow-x: auto;
}

.support-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.support-table th {
  color: #948d97;
  text-align: left;
  border-bottom: 1px solid #e9e5eb;
  height: 42px;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 800;
}

.support-table td {
  color: #5f5864;
  vertical-align: middle;
  border-bottom: 1px solid #efebf0;
  height: 72px;
  padding: 10px 13px;
  font-size: 11px;
}

.support-table tbody tr {
  transition: background-color .15s;
}

.support-table tbody tr:hover {
  background: #fdfaf3;
}

.support-table tbody tr.is-unread {
  background: #fffdf6;
}

.support-table th:first-child, .support-table td:first-child {
  text-align: center;
  width: 64px;
}

.support-table th:nth-child(2), .support-table td:nth-child(2) {
  width: 105px;
}

.support-table th:last-child, .support-table td:last-child {
  width: 95px;
}

.support-table td > strong {
  color: #332d36;
  font-size: 12px;
  display: block;
}

.support-table td > time {
  color: #77707a;
  white-space: nowrap;
}

.support-account {
  color: #9a939c;
  margin-top: 3px;
  font-size: 10px;
  display: block;
}

.support-table {
  min-width: 1080px;
}

.support-status {
  color: #746e77;
  white-space: nowrap;
  background: #f2f0f3;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 850;
  display: inline-flex;
}

.support-status i {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #eb9b141f;
}

.support-status.is-new {
  color: #a86a00;
  background: #fff3d8;
}

.support-status.is-in_progress {
  color: #2369ac;
  background: #eaf2ff;
}

.support-status.is-answered {
  color: #278558;
  background: #e5f6ec;
}

.support-status.is-closed {
  color: #77707a;
  background: #efedf1;
}

.support-priority {
  color: #817a84;
  white-space: nowrap;
  border: 1px solid #e1dde3;
  border-radius: 7px;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 850;
  display: inline-flex;
}

.support-priority.is-high {
  color: #9b6805;
  background: #fff8e5;
  border-color: #e8be62;
}

.support-priority.is-urgent {
  color: #b33646;
  background: #fff0f2;
  border-color: #edb2b9;
}

.support-assignee {
  color: #4f4852;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 750;
}

.support-subject {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 4px;
  width: 100%;
  padding: 0;
  display: grid;
}

.support-subject strong {
  color: #312b34;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.support-subject small {
  color: #96909a;
  font-size: 10px;
}

.support-view-button {
  color: #625b66;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 9px;
  min-width: 66px;
  min-height: 32px;
  font-size: 10px;
  font-weight: 800;
}

.support-view-button span {
  color: #b77800;
  margin-left: 3px;
}

.support-view-button:hover {
  background: #fffaf0;
  border-color: #d7b14d;
}

.support-empty {
  color: #89828c;
  text-align: center;
  place-content: center;
  justify-items: center;
  gap: 6px;
  min-height: 250px;
  display: grid;
}

.support-empty > span {
  color: #48aa78;
  background: #eef7f2;
  border-radius: 13px;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 5px;
  display: grid;
}

.support-empty strong {
  color: #514a54;
  font-size: 13px;
}

.support-empty p {
  margin: 0;
  font-size: 11px;
}

.support-pagination {
  color: #827b85;
  border-top: 1px solid #eeeaf0;
  justify-content: center;
  align-items: center;
  gap: 18px;
  padding: 14px;
  font-size: 11px;
  display: flex;
}

.support-pagination a {
  border: 1px solid #e2dde4;
  border-radius: 8px;
  padding: 7px 11px;
}

.support-pagination a[aria-disabled="true"] {
  opacity: .35;
  pointer-events: none;
}

.support-pagination b {
  color: #ba7900;
}

.support-page-busy {
  z-index: 130;
  color: #48414b;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #f8f7fad1;
  place-content: center;
  justify-items: center;
  gap: 12px;
  display: grid;
  position: fixed;
  inset: 0;
}

.support-page-busy i, .support-drawer-busy i {
  border: 2px solid #e5ded0;
  border-top-color: #e3a517;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: .7s linear infinite admin-loading-orbit;
}

.support-toast {
  z-index: 150;
  color: #544d57;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 11px;
  margin: 0;
  padding: 12px 16px;
  font-size: 12px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 16px 50px #1e17212e;
}

.support-drawer-backdrop {
  z-index: 120;
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0f0d1180;
  justify-content: flex-end;
  animation: .22s ease-out both support-backdrop-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.support-drawer-backdrop.is-closing {
  pointer-events: none;
  animation: .26s ease-in both support-backdrop-out;
}

.support-drawer {
  background: #f8f7f9;
  border-left: 1px solid #e2dde4;
  flex-direction: column;
  width: min(720px, 94vw);
  min-height: 100dvh;
  animation: .33s cubic-bezier(.16, 1, .3, 1) both support-drawer-in;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -30px 0 80px #120d1433;
}

.support-drawer-backdrop.is-closing .support-drawer {
  animation: .26s cubic-bezier(.4, 0, 1, 1) both support-drawer-out;
}

.support-drawer > header {
  background: #fff;
  border-bottom: 1px solid #e6e2e8;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  min-height: 112px;
  padding: 22px 24px 17px;
  display: flex;
}

.support-drawer > header > div {
  min-width: 0;
}

.support-drawer > header span {
  color: #b47500;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 950;
}

.support-drawer > header h2 {
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 6px 0 0;
  font-size: 21px;
  overflow: hidden;
}

.support-drawer > header p {
  color: #8b848e;
  margin: 7px 0 0;
  font-size: 11px;
}

.support-drawer > header button {
  color: #716a74;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcd7df;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  display: grid;
}

.support-drawer-meta {
  color: #88818b;
  background: #fff;
  border-bottom: 1px solid #e6e2e8;
  flex: none;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 9px 24px;
  font-size: 10px;
  display: flex;
}

.support-drawer-meta > span:not(.support-status) {
  border-right: 1px solid #e5e0e7;
  padding-right: 9px;
}

.support-drawer-meta time {
  margin-left: auto;
}

.support-drawer-scroll {
  scrollbar-color: #bab3bd transparent;
  scrollbar-width: thin;
  flex: 1;
  min-height: 0;
  padding: 18px 22px 30px;
  overflow-y: auto;
}

.support-review-card, .support-conversation {
  background: #fff;
  border: 1px solid #e2dde4;
  border-radius: 15px;
  overflow: hidden;
}

.support-review-card {
  margin-bottom: 16px;
}

.support-review-card > header, .support-conversation > header {
  border-bottom: 1px solid #e9e5eb;
  gap: 3px;
  padding: 14px 16px;
  display: grid;
}

.support-review-card > header strong, .support-conversation > header strong {
  font-size: 14px;
}

.support-review-card > div {
  border-bottom: 1px solid #efebf0;
  padding: 13px 16px;
}

.support-review-card > div:last-child {
  border-bottom: 0;
}

.support-review-card > div.is-request {
  background: #fffbf1;
  border-left: 3px solid #ffbd2e;
}

.support-review-card small {
  color: #938c96;
  font-size: 10px;
  font-weight: 800;
}

.support-review-card p {
  color: #4d4650;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.72;
}

.support-conversation {
  padding-bottom: 16px;
}

.support-conversation article {
  gap: 6px;
  width: min(82%, 560px);
  margin: 16px;
  display: grid;
}

.support-conversation article.is-admin {
  justify-items: end;
  margin-left: auto;
}

.support-conversation article > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.support-conversation article > div strong {
  color: #635c66;
  font-size: 10px;
}

.support-conversation article > div time {
  color: #9a939d;
  font-size: 9px;
}

.support-conversation article p {
  color: #413b44;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #faf9fb;
  border: 1px solid #e2dde4;
  border-radius: 4px 14px 14px;
  margin: 0;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.72;
}

.support-conversation article.is-admin p {
  background: #fff8e6;
  border-color: #e1c982;
  border-radius: 14px 4px 14px 14px;
}

.support-conversation article > small {
  color: #a67d22;
  padding: 0 4px;
  font-size: 9px;
}

.support-drawer > footer {
  background: #fff;
  border-top: 1px solid #e3dfe5;
  flex: none;
  gap: 10px;
  padding: 13px 18px 16px;
  display: grid;
}

.support-inline-notice {
  color: #675f69;
  background: #f3f0f4;
  border-radius: 8px;
  margin: 0;
  padding: 8px 10px;
  font-size: 10px;
}

.support-status-form {
  grid-template-columns: 135px 135px minmax(120px, 1fr) 78px;
  gap: 7px;
  display: grid;
}

.support-status-form > input {
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 10px;
  outline: 0;
  min-width: 0;
  height: 42px;
  padding: 0 10px;
  font-size: 11px;
}

.support-status-form > button, .support-reply-form button {
  color: #fff;
  cursor: pointer;
  background: #28232b;
  border: 0;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 850;
}

.support-reply-form {
  gap: 8px;
  display: grid;
}

.support-reply-form textarea {
  resize: vertical;
  width: 100%;
  min-height: 88px;
  max-height: 210px;
  color: inherit;
  font: inherit;
  background: #fff;
  border: 1px solid #ded9e1;
  border-radius: 11px;
  outline: 0;
  padding: 12px 13px;
  font-size: 12px;
  line-height: 1.65;
}

.support-reply-form textarea:focus, .support-status-form > input:focus {
  border-color: #d0a433;
  box-shadow: 0 0 0 3px #ffbe291c;
}

.support-reply-form > div {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.support-reply-form small {
  color: #938c96;
  font-size: 9px;
}

.support-reply-form button {
  color: #251a04;
  background: #ffbd2e;
  min-width: 105px;
  min-height: 38px;
}

.support-status-form button:disabled, .support-reply-form button:disabled {
  opacity: .55;
  cursor: wait;
}

.support-readonly p {
  color: #8a838d;
  margin: 0;
  font-size: 11px;
}

.support-drawer-busy {
  z-index: 5;
  color: #655e68;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #ffffffb3;
  place-content: center;
  justify-items: center;
  gap: 8px;
  font-size: 11px;
  display: grid;
  position: absolute;
  inset: 0;
}

.support-assignment-form {
  border-bottom: 1px solid #eeeaf0;
  grid-template-columns: 122px minmax(150px, 1fr) 135px 82px;
  align-items: center;
  gap: 7px;
  padding-bottom: 10px;
  display: grid;
}

.support-assignment-form > div:first-child {
  gap: 2px;
  display: grid;
}

.support-assignment-form > div:first-child span {
  color: #b47500;
  letter-spacing: .12em;
  font-size: 8px;
  font-weight: 950;
}

.support-assignment-form > div:first-child strong {
  font-size: 11px;
}

.support-assignment-form > button {
  color: #251a04;
  cursor: pointer;
  background: #ffbd2e;
  border: 0;
  border-radius: 10px;
  min-height: 42px;
  font-size: 10px;
  font-weight: 850;
}

.support-assignment-form > button:disabled {
  opacity: .55;
  cursor: wait;
}

@keyframes support-backdrop-in {
  from {
    opacity: 0;
  }
}

@keyframes support-backdrop-out {
  to {
    opacity: 0;
  }
}

@keyframes support-drawer-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes support-drawer-out {
  to {
    transform: translateX(100%);
  }
}

html[data-theme="dark"] .support-page {
  color: #f1eef3;
}

html[data-theme="dark"] .support-hero, html[data-theme="dark"] .support-summary-grid article, html[data-theme="dark"] .support-panel, html[data-theme="dark"] .support-drawer > header, html[data-theme="dark"] .support-drawer-meta, html[data-theme="dark"] .support-drawer > footer, html[data-theme="dark"] .support-review-card, html[data-theme="dark"] .support-conversation {
  background: #191a20;
  border-color: #303139;
}

html[data-theme="dark"] .support-hero:after {
  background: radial-gradient(circle, #ffbd2e24, #0000 68%);
}

html[data-theme="dark"] .support-hero p, html[data-theme="dark"] .support-hero-count small, html[data-theme="dark"] .support-summary-grid span {
  color: #b2adb6;
}

html[data-theme="dark"] .support-summary-grid article:after {
  background: #202127;
}

html[data-theme="dark"] .support-summary-grid article.is-accent {
  background: linear-gradient(135deg, #28251c, #191a20);
  border-color: #6f5c2e;
}

html[data-theme="dark"] .support-filters {
  background: #17181d;
  border-color: #303139;
}

html[data-theme="dark"] .support-search, html[data-theme="dark"] .support-reset-button, html[data-theme="dark"] .support-view-button, html[data-theme="dark"] .support-drawer > header button, html[data-theme="dark"] .support-status-form > input, html[data-theme="dark"] .support-reply-form textarea {
  color: #e7e3e9;
  background: #202127;
  border-color: #3b3c45;
}

html[data-theme="dark"] .support-search-button, html[data-theme="dark"] .support-status-form > button {
  background: #2c2d34;
  border-color: #44454e;
}

html[data-theme="dark"] .support-table th, html[data-theme="dark"] .support-table td, html[data-theme="dark"] .support-panel > header, html[data-theme="dark"] .support-pagination {
  border-color: #303139;
}

html[data-theme="dark"] .support-table tbody tr:hover, html[data-theme="dark"] .support-table tbody tr.is-unread {
  background: #202018;
}

html[data-theme="dark"] .support-table td, html[data-theme="dark"] .support-table td > time {
  color: #c0bbc3;
}

html[data-theme="dark"] .support-table td > strong, html[data-theme="dark"] .support-subject strong, html[data-theme="dark"] .support-empty strong {
  color: #eeeaf0;
}

html[data-theme="dark"] .support-account, html[data-theme="dark"] .support-subject small {
  color: #aaa5ae;
}

html[data-theme="dark"] .support-empty > span {
  background: #1d2b24;
}

html[data-theme="dark"] .support-pagination a {
  border-color: #393a43;
}

html[data-theme="dark"] .support-page-busy {
  color: #e7e3e9;
  background: #0f1015d6;
}

html[data-theme="dark"] .support-toast {
  color: #eeeaf0;
  background: #202127;
  border-color: #3b3c45;
}

html[data-theme="dark"] .support-drawer {
  background: #14151a;
  border-color: #33343d;
  box-shadow: -30px 0 80px #0000006b;
}

html[data-theme="dark"] .support-drawer-meta, html[data-theme="dark"] .support-drawer > header, html[data-theme="dark"] .support-drawer > footer, html[data-theme="dark"] .support-review-card > header, html[data-theme="dark"] .support-conversation > header, html[data-theme="dark"] .support-review-card > div {
  border-color: #303139;
}

html[data-theme="dark"] .support-review-card > div.is-request {
  background: #28251c;
}

html[data-theme="dark"] .support-review-card p {
  color: #d4cfd7;
}

html[data-theme="dark"] .support-conversation article p {
  color: #e0dce3;
  background: #202127;
  border-color: #393a43;
}

html[data-theme="dark"] .support-conversation article.is-admin p {
  color: #fff0c6;
  background: #2d281d;
  border-color: #69572d;
}

html[data-theme="dark"] .support-inline-notice {
  color: #c4bec7;
  background: #27282f;
}

html[data-theme="dark"] .support-drawer-busy {
  color: #ece8ef;
  background: #14151ac2;
}

html[data-theme="dark"] .support-priority {
  color: #aaa5ae;
  border-color: #3c3d46;
}

html[data-theme="dark"] .support-priority.is-high {
  color: #efc253;
  background: #29251b;
  border-color: #65552f;
}

html[data-theme="dark"] .support-priority.is-urgent {
  color: #ef97a4;
  background: #2e2024;
  border-color: #694048;
}

html[data-theme="dark"] .support-assignee {
  color: #d0cbd3;
}

html[data-theme="dark"] .support-assignment-form {
  border-color: #303139;
}

@media (max-width: 1180px) {
  .support-filter-row {
    grid-template-columns: 150px minmax(220px, 1fr) 140px 110px 42px;
  }

  .support-filter-row .admin-select:nth-of-type(3) {
    display: none;
  }

  .support-search-button {
    grid-column: auto;
  }

  .support-table th:nth-child(5), .support-table td:nth-child(5) {
    display: none;
  }
}

@media (max-width: 780px) {
  .support-page {
    gap: 12px;
  }

  .support-hero {
    min-height: 112px;
    padding: 20px;
  }

  .support-hero h1 {
    font-size: 23px;
  }

  .support-hero-count {
    display: none;
  }

  .support-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .support-summary-grid article {
    min-height: 88px;
  }

  .support-filters {
    padding: 13px;
  }

  .support-filter-row {
    grid-template-columns: 1fr 42px;
  }

  .support-filter-row > .admin-select, .support-filter-row > .support-search-button {
    grid-column: span 1;
  }

  .support-search {
    grid-column: 1 / -1;
  }

  .support-drawer {
    width: 100%;
  }

  .support-drawer > header {
    min-height: 102px;
    padding: 18px;
  }

  .support-drawer-scroll {
    padding: 14px;
  }

  .support-status-form {
    grid-template-columns: 1fr 1fr;
  }

  .support-status-form > input {
    grid-column: 1 / -1;
  }

  .support-status-form > button {
    min-height: 40px;
  }

  .support-reply-form > div {
    align-items: flex-end;
  }

  .support-reply-form small {
    max-width: 60%;
  }

  .support-table {
    min-width: 960px;
  }

  .support-assignment-form {
    grid-template-columns: 1fr 1fr;
  }

  .support-assignment-form > div:first-child {
    grid-column: 1 / -1;
  }

  .support-assignment-form > button {
    min-height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .support-drawer-backdrop, .support-drawer {
    animation-duration: 1ms;
  }
}

.ne-guidance {
  background: #faf9fc;
  border: 1px solid #e6e2ec;
  border-radius: 13px;
  margin-bottom: 20px;
  padding: 18px 20px;
}

.ne-guidance strong {
  font-size: 14px;
}

.ne-guidance p {
  color: #817989;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.7;
}

.ne-back {
  border: 1px solid #e5e0e9;
  border-radius: 10px;
  padding: 11px 15px;
  font-size: 13px;
}

.ne-required {
  color: #892cc4;
  margin-left: 5px;
  font-size: 11px;
  font-style: normal;
}

.as-form textarea {
  color: #252027;
  width: 100%;
  font: inherit;
  resize: vertical;
  background: #fbfafc;
  border: 1px solid #ddd9e0;
  border-radius: 11px;
  outline: none;
  padding: 12px 13px;
  font-size: 14px;
  line-height: 1.7;
}

.as-form textarea:focus {
  border-color: #962adc;
  box-shadow: 0 0 0 4px #7e22c717;
}

.as-form textarea:disabled {
  opacity: .6;
}

.as-form button.ne-refresh {
  color: #817989;
  background: none;
  border: 1px solid #ddd9e0;
  justify-self: start;
}

html[data-theme="dark"] .ne-guidance, html[data-theme="dark"] .as-form textarea {
  color: #e6e2ec;
  background: #18191f;
  border-color: #35343c;
}

html[data-theme="dark"] .ne-back {
  border-color: #35343c;
}

html[data-theme="dark"] .ne-required {
  color: #ffc542;
}

.sa-shell {
  min-height: 100vh;
  display: block;
}

.sa-global-header {
  z-index: 40;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #fffffff5;
  border-bottom: 1px solid #e4e4e9;
  position: sticky;
  top: 0;
  box-shadow: 0 8px 28px #1f19230b;
}

.sa-global-header .sa-topbar {
  z-index: 2;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border-bottom: 1px solid #efedf1;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  min-height: 70px;
  padding: 0 clamp(22px, 3vw, 42px);
  display: grid;
  position: relative;
}

.sa-global-header .sa-brand {
  border: 0;
  width: auto;
  min-width: 172px;
  height: auto;
  padding: 0;
}

.sa-global-header .sa-topbar-title {
  border-left: 1px solid #ebe8ed;
  min-width: 0;
  padding-left: 24px;
}

.sa-global-header .sa-topbar-title > div {
  min-width: 0;
}

.sa-global-header .sa-topbar-title strong, .sa-global-header .sa-topbar-title span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sa-navigation {
  scrollbar-width: auto;
  align-items: center;
  gap: 7px;
  width: min(100% - 84px, 1440px);
  height: 58px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.sa-navigation > .sa-navigation-group {
  margin: 0;
  position: relative;
}

.sa-navigation-group > button {
  color: #68626c;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 11px;
  grid-template-columns: 19px auto 13px;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 780;
  line-height: 1.35;
  transition: border-color .15s, background-color .15s, color .15s;
  display: grid;
}

.sa-navigation-group > button > .sa-icon:first-child {
  width: 18px;
  height: 18px;
}

.sa-navigation-group > button > .sa-icon:last-child {
  width: 12px;
  height: 12px;
  transition: transform .17s;
}

.sa-navigation-group > button:hover {
  color: #332e36;
  background: #f8f6f9;
  border-color: #e5e0e8;
}

.sa-navigation-group > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #d6a42a;
}

.sa-navigation-group.is-active > button {
  color: #8621ce;
}

.sa-navigation-group.is-active > button:after {
  content: "";
  background: #8b25d2;
  border-radius: 99px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 13px;
  right: 13px;
}

.sa-navigation-group.is-open > button {
  color: #7420b4;
  background: #f7f0fb;
  border-color: #e2d3ec;
}

.sa-navigation-group.is-open > button > .sa-icon:last-child {
  transform: rotate(90deg);
}

.sa-navigation-panel {
  top: calc(100% + 8px);
  left: var(--sa-navigation-panel-offset, 0);
  width: var(--sa-navigation-panel-width, min(760px,calc(100vw - 44px)));
  background: #fff;
  border: 1px solid #dfdbe2;
  border-radius: 16px;
  display: none;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 22px 60px #1c14202b;
}

.sa-navigation-group.is-open .sa-navigation-panel {
  animation: .17s cubic-bezier(.2, .8, .2, 1) both saNavPanelIn;
  display: block;
}

.sa-navigation-panel > header {
  background: #fbfafc;
  border-bottom: 1px solid #ece8ee;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 13px 18px;
  display: flex;
}

.sa-navigation-panel > header small {
  color: #a36e00;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 950;
}

.sa-navigation-panel > header strong {
  border-left: 1px solid #ded9e1;
  padding-left: 10px;
  font-size: 16px;
}

.sa-navigation-panel-items {
  grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
  gap: 8px;
  padding: 12px;
  display: grid;
}

.sa-navigation .sa-navigation-panel a {
  color: #625c66;
  border-radius: 9px;
  grid-template-columns: 19px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.4;
  display: grid;
  position: relative;
  transform: none;
}

.sa-navigation .sa-navigation-panel a:hover {
  color: #332e36;
  background: #f8f5fa;
  transform: none;
}

.sa-navigation .sa-navigation-panel a:focus-visible {
  outline-offset: 1px;
  outline: 2px solid #d6a42a;
}

.sa-navigation .sa-navigation-panel a.is-active {
  color: #771fc0;
  background: #f3eafa;
}

.sa-navigation .sa-navigation-panel a.is-active:before {
  content: "";
  background: #8323cb;
  border-radius: 0 4px 4px 0;
  width: 3px;
  height: 18px;
  position: absolute;
  left: 0;
}

.sa-navigation .sa-navigation-panel a > .sa-icon {
  width: 16px;
  height: 16px;
}

.sa-navigation .sa-navigation-panel a > .sa-icon:last-child {
  justify-self: end;
  width: 11px;
  height: 11px;
}

.sa-navigation .sa-navigation-panel .sa-navigation-cluster {
  border: 1px solid #ece8ee;
  border-radius: 12px;
  margin: 0;
  padding: 9px;
}

.sa-navigation-cluster > header {
  color: #464049;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 7px 5px;
  display: flex;
}

.sa-navigation-cluster > header .sa-icon {
  color: #9a6a0a;
  width: 16px;
  height: 16px;
}

.sa-navigation-cluster > header strong {
  font-size: 14px;
}

.sa-navigation-cluster > div {
  display: grid;
}

.sa-navigation .sa-navigation-cluster a {
  grid-template-columns: 16px minmax(0, 1fr);
  min-height: 39px;
  padding-inline: 9px;
  font-size: 13px;
}

.sa-navigation .sa-navigation-cluster a > .sa-icon {
  width: 14px;
  height: 14px;
}

.sa-workspace {
  min-width: 0;
}

.sa-shell {
  --sa-layout-max: 1440px;
  --sa-header-height: 129px;
  --sa-layout-gutter: clamp(16px, 3vw, 42px);
  --sa-layout-inset: 16px;
  --sa-content-edge: max(calc(var(--sa-layout-gutter) + var(--sa-layout-inset)), calc((100% - var(--sa-layout-max)) / 2 + var(--sa-layout-inset)));
}

.sa-navigation {
  width: min(calc(100% - var(--sa-layout-gutter) * 2), var(--sa-layout-max));
}

.sa-main {
  width: min(calc(100% - var(--sa-layout-gutter) * 2), var(--sa-layout-max));
  min-width: 0;
  padding: 24px var(--sa-layout-inset) 44px;
  margin-inline: auto;
}

.sa-main > * {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.sa-main > * > * {
  min-width: 0;
}

.sa-page-overview-content {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.sa-global-header .sa-topbar {
  padding-inline: var(--sa-content-edge);
}

.sa-page-overview {
  align-content: start;
  display: grid;
}

.sa-page-overview-toggle {
  grid-row: 1;
  justify-self: end;
  margin-bottom: 10px;
  position: relative;
  top: auto;
  right: auto;
}

.sa-page-overview.is-collapsed .sa-page-overview-toggle {
  margin-bottom: 0;
  position: absolute;
}

.sa-page-overview-compact > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .sa-shell {
    --sa-header-height: 71px;
    --sa-layout-gutter: 20px;
    --sa-layout-inset: 0px;
  }
}

@media (max-width: 640px) {
  .sa-shell {
    --sa-layout-gutter: 16px;
  }
}

.page-transition-overlay {
  top: var(--sa-header-height);
  left: 0;
}

@keyframes saNavPanelIn {
  from {
    opacity: 0;
    transform: translateY(-5px)scale(.99);
  }
}

html[data-theme="dark"] .sa-global-header {
  background: #14151bf5;
  border-color: #2e2f37;
  box-shadow: 0 10px 30px #0000003d;
}

html[data-theme="dark"] .sa-global-header .sa-topbar {
  background: none;
  border-color: #303139;
}

html[data-theme="dark"] .sa-global-header .sa-topbar-title {
  border-color: #35363e;
}

html[data-theme="dark"] .sa-navigation-group > button {
  color: #aaa6af;
}

html[data-theme="dark"] .sa-navigation-group > button:hover {
  color: #f0edf2;
  background: #202127;
  border-color: #3a3b44;
}

html[data-theme="dark"] .sa-navigation-group.is-active > button {
  color: #ffca3a;
}

html[data-theme="dark"] .sa-navigation-group.is-active > button:after {
  background: #ffbd2e;
}

html[data-theme="dark"] .sa-navigation-group.is-open > button {
  color: #ffcf55;
  background: #29251b;
  border-color: #604f27;
}

html[data-theme="dark"] .sa-navigation-panel {
  background: #191a20;
  border-color: #383941;
  box-shadow: 0 24px 70px #0000007a;
}

html[data-theme="dark"] .sa-navigation-panel > header {
  background: #17181d;
  border-color: #303139;
}

html[data-theme="dark"] .sa-navigation-panel > header strong {
  border-color: #3b3c44;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-panel .sa-navigation-cluster {
  border-color: #303139;
}

html[data-theme="dark"] .sa-navigation-cluster > header {
  color: #e8e4eb;
}

html[data-theme="dark"] .sa-navigation-cluster > header .sa-icon {
  color: #ffca3a;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-panel a {
  color: #aaa6af;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-panel a:hover {
  color: #f1eef3;
  background: #222329;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-panel a.is-active {
  color: #ffca3a;
  background: #302817;
}

html[data-theme="dark"] .sa-navigation .sa-navigation-panel a.is-active:before {
  background: #ffbd2e;
}

@media (max-width: 1200px) {
  .sa-global-header .sa-topbar {
    min-height: 70px;
    padding-inline: var(--sa-content-edge);
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .sa-global-header .sa-brand {
    min-width: 150px;
  }

  .sa-global-header .sa-topbar-title {
    padding-left: 14px;
  }

  .sa-menu-button {
    display: grid;
  }

  .sa-navigation {
    z-index: 42;
    background: #fff;
    border: 1px solid #dfdbe2;
    border-radius: 15px;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    width: auto;
    height: auto;
    max-height: calc(100dvh - 90px);
    padding: 8px;
    display: none;
    position: fixed;
    top: 78px;
    left: 12px;
    right: 12px;
    overflow-y: auto;
    box-shadow: 0 22px 65px #1a131f38;
  }

  .sa-shell.is-nav-open .sa-navigation {
    display: flex;
  }

  .sa-navigation > .sa-navigation-group {
    width: 100%;
  }

  .sa-navigation-group > button {
    text-align: left;
    grid-template-columns: 19px minmax(0, 1fr) 13px;
    width: 100%;
    min-height: 43px;
  }

  .sa-navigation-group.is-active > button:after {
    width: 3px;
    height: auto;
    inset: 11px auto 11px 0;
  }

  .sa-navigation-panel {
    width: 100%;
    box-shadow: none;
    border-radius: 11px;
    margin: 4px 0 8px;
    position: static;
  }

  .sa-navigation-panel > header {
    min-height: 48px;
    padding: 10px 13px;
  }

  .sa-navigation-panel-items {
    grid-template-columns: 1fr;
    padding: 8px;
  }

  .sa-nav-scrim {
    z-index: 35;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #18141b61;
    border: 0;
    display: none;
    position: fixed;
    inset: 0;
  }

  .sa-shell.is-nav-open .sa-nav-scrim {
    display: block;
  }

  .page-transition-overlay {
    top: var(--sa-header-height);
  }

  html[data-theme="dark"] .sa-navigation {
    background: #191a20;
    border-color: #383941;
    box-shadow: 0 24px 70px #00000080;
  }
}

@media (max-width: 640px) {
  .sa-global-header .sa-topbar {
    grid-template-columns: auto auto 1fr;
    gap: 10px;
  }

  .sa-global-header .sa-brand {
    min-width: 0;
  }

  .sa-global-header .sa-brand small {
    display: none;
  }

  .sa-global-header .sa-brand strong {
    font-size: 14px;
  }

  .sa-global-header .sa-brand-mark {
    transform-origin: 0;
    transform: scale(.86);
  }

  .sa-global-header .sa-topbar-title {
    border: 0;
    order: -1;
    padding: 0;
  }

  .sa-global-header .sa-topbar-title > div {
    display: none;
  }

  .sa-global-header .sa-topbar-actions {
    justify-self: end;
  }

  .sa-navigation {
    top: 76px;
  }

  .sa-main {
    padding-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-navigation-group > button, .sa-navigation-group > button > .sa-icon:last-child {
    transition: none;
  }

  .sa-navigation-group.is-open .sa-navigation-panel {
    animation: none;
  }
}

/*# sourceMappingURL=_00wpzqn._.css.map*/